/* TEMA CENTRAL DE SURCOAPP
 * Edita los controles de este primer bloque para cambiar todos los componentes.
 * initial mantiene la variante actual; no significa que el estilo esté desactivado.
 * Ejemplo: --ui-button-radius: 12px; afecta a escritorio, móvil y modales.
 * Los colores exactos existentes se reúnen al final para conservar el aspecto.
 */
@layer ui-controls, ui-runtime;

:root {
  --ui-button-radius: initial;
  --ui-button-font-family: initial;
  --ui-button-font-size: initial;
  --ui-button-font-weight: initial;
  --ui-button-line-height: initial;
  --ui-button-padding: initial;
  --ui-button-min-height: initial;
  --ui-button-shadow: initial;
  --ui-button-border-color: initial;
  --ui-button-border-width: initial;
  --ui-button-border-style: initial;
  --ui-button-color: initial;
  --ui-button-background: initial;
  --ui-button-primary-background: initial;
  --ui-button-primary-color: initial;
  --ui-button-primary-border-color: initial;
  --ui-button-secondary-background: initial;
  --ui-button-secondary-color: initial;
  --ui-button-secondary-border-color: initial;
  --ui-button-success-background: initial;
  --ui-button-success-color: initial;
  --ui-button-success-border-color: initial;
  --ui-button-danger-background: initial;
  --ui-button-danger-color: initial;
  --ui-button-danger-border-color: initial;
  --ui-button-warning-background: initial;
  --ui-button-warning-color: initial;
  --ui-button-warning-border-color: initial;
  --ui-button-info-background: initial;
  --ui-button-info-color: initial;
  --ui-button-info-border-color: initial;
  --ui-button-outline-background: initial;
  --ui-button-outline-color: initial;
  --ui-button-outline-border-color: initial;
  --ui-button-soft-background: initial;
  --ui-button-soft-color: initial;
  --ui-button-soft-border-color: initial;
  --ui-button-ghost-background: initial;
  --ui-button-ghost-color: initial;
  --ui-button-ghost-border-color: initial;
  --ui-button-hover-background: initial;
  --ui-button-hover-color: initial;
  --ui-button-hover-border-color: initial;
  --ui-button-hover-shadow: initial;
  --ui-button-focus-background: initial;
  --ui-button-focus-color: initial;
  --ui-button-focus-border-color: initial;
  --ui-button-focus-shadow: initial;
  --ui-button-active-background: initial;
  --ui-button-active-color: initial;
  --ui-button-active-border-color: initial;
  --ui-button-active-shadow: initial;
  --ui-button-disabled-background: initial;
  --ui-button-disabled-color: initial;
  --ui-button-disabled-border-color: initial;
  --ui-button-disabled-shadow: initial;
  --ui-header-radius: initial;
  --ui-header-padding: initial;
  --ui-header-min-height: initial;
  --ui-header-shadow: initial;
  --ui-header-background-color: initial;
  --ui-header-background-image: initial;
  --ui-header-background-position: initial;
  --ui-header-background-size: initial;
  --ui-header-border-color: initial;
  --ui-header-color: initial;
  --ui-header-title-font-family: initial;
  --ui-header-title-font-size: initial;
  --ui-header-title-font-weight: initial;
  --ui-header-title-color: initial;
  --ui-modal-radius: initial;
  --ui-modal-shadow: initial;
  --ui-modal-border-color: initial;
  --ui-modal-header-background: initial;
  --ui-modal-header-color: initial;
  --ui-modal-header-padding: initial;
  --ui-field-radius: initial;
  --ui-field-font-family: initial;
  --ui-field-font-size: initial;
  --ui-field-padding: initial;
  --ui-field-background: initial;
  --ui-field-color: initial;
  --ui-field-border-color: initial;
  --ui-table-head-background: initial;
  --ui-table-head-color: initial;
  --ui-table-cell-font-size: initial;
  --ui-table-cell-font-weight: initial;
  --ui-table-cell-padding: initial;
  --ui-table-cell-color: initial;
}

/* Propiedades locales: los controles solo actúan en el componente elegido.
 * Sin valor personalizado, cada declaración utiliza su variante original.
 */
@property --ui-element-background { syntax: "*"; inherits: false; }
@property --ui-element-background-color { syntax: "*"; inherits: false; }
@property --ui-element-background-image { syntax: "*"; inherits: false; }
@property --ui-element-background-position { syntax: "*"; inherits: false; }
@property --ui-element-background-size { syntax: "*"; inherits: false; }
@property --ui-element-border-color { syntax: "*"; inherits: false; }
@property --ui-element-border-style { syntax: "*"; inherits: false; }
@property --ui-element-border-width { syntax: "*"; inherits: false; }
@property --ui-element-color { syntax: "*"; inherits: false; }
@property --ui-element-font-family { syntax: "*"; inherits: false; }
@property --ui-element-font-size { syntax: "*"; inherits: false; }
@property --ui-element-font-weight { syntax: "*"; inherits: false; }
@property --ui-element-line-height { syntax: "*"; inherits: false; }
@property --ui-element-min-height { syntax: "*"; inherits: false; }
@property --ui-element-padding { syntax: "*"; inherits: false; }
@property --ui-element-radius { syntax: "*"; inherits: false; }
@property --ui-element-shadow { syntax: "*"; inherits: false; }

/* Base para propiedades que no estaban declaradas en alguna variante.
 * Las reglas existentes conservan su prioridad; sin personalización se usa
 * el valor del navegador o la herencia que ya tenía el elemento.
 */
:where(button, input[type="button"], input[type="submit"], input[type="reset"], .btn, .btn-pill, a[class^="btn-"], a[class*=" btn-"], .mv2-btn, .fa-btn, .filtro-pill, .action-card-button, .leaflet-bar a) {
  border-radius: var(--ui-element-radius, revert);
  font-family: var(--ui-element-font-family, revert);
  font-size: var(--ui-element-font-size, revert);
  font-weight: var(--ui-element-font-weight, revert);
  line-height: var(--ui-element-line-height, revert);
  padding: var(--ui-element-padding, revert);
  min-height: var(--ui-element-min-height, revert);
  box-shadow: var(--ui-element-shadow, revert);
  border-color: var(--ui-element-border-color, revert);
  border-width: var(--ui-element-border-width, revert);
  border-style: var(--ui-element-border-style, revert);
  color: var(--ui-element-color, revert);
  background: var(--ui-element-background, revert);
}
:where(.parcelas-mini-hero, .map-controls, .normativas-header, .main-header, .mv2-header, .planes-hero, .cuaderno-hero, .dashboard-hero-header) {
  border-radius: var(--ui-element-radius, revert);
  padding: var(--ui-element-padding, revert);
  min-height: var(--ui-element-min-height, revert);
  box-shadow: var(--ui-element-shadow, revert);
  background-color: var(--ui-element-background-color, revert);
  background-image: var(--ui-element-background-image, revert);
  background-position: var(--ui-element-background-position, revert);
  background-size: var(--ui-element-background-size, revert);
  border-color: var(--ui-element-border-color, revert);
  color: var(--ui-element-color, revert);
}

@layer ui-controls {
:where(button, input[type="button"], input[type="submit"], input[type="reset"], .btn, .btn-pill, a[class^="btn-"], a[class*=" btn-"], .mv2-btn, .fa-btn, .filtro-pill, .action-card-button, .leaflet-bar a) {
    --ui-element-radius: var(--ui-button-radius) !important;
    --ui-element-font-family: var(--ui-button-font-family) !important;
    --ui-element-font-size: var(--ui-button-font-size) !important;
    --ui-element-font-weight: var(--ui-button-font-weight) !important;
    --ui-element-line-height: var(--ui-button-line-height) !important;
    --ui-element-padding: var(--ui-button-padding) !important;
    --ui-element-min-height: var(--ui-button-min-height) !important;
    --ui-element-shadow: var(--ui-button-shadow) !important;
    --ui-element-border-color: var(--ui-button-border-color) !important;
    --ui-element-border-width: var(--ui-button-border-width) !important;
    --ui-element-border-style: var(--ui-button-border-style) !important;
    --ui-element-color: var(--ui-button-color) !important;
    --ui-element-background: var(--ui-button-background) !important;
  }
:where(button:is(.btn-primary, .mv2-btn--primary, .fa-btn-primary, .btn-soft-primary, .btn-outline-primary), a:is(.btn-primary, .mv2-btn--primary, .fa-btn-primary, .btn-soft-primary, .btn-outline-primary), input:is(.btn-primary, .mv2-btn--primary, .fa-btn-primary, .btn-soft-primary, .btn-outline-primary), label:is(.btn-primary, .mv2-btn--primary, .fa-btn-primary, .btn-soft-primary, .btn-outline-primary)) {
    --ui-element-background: var(--ui-button-primary-background, var(--ui-button-background)) !important;
    --ui-element-color: var(--ui-button-primary-color, var(--ui-button-color)) !important;
    --ui-element-border-color: var(--ui-button-primary-border-color, var(--ui-button-border-color)) !important;
  }
:where(button:is(.btn-secondary, .mv2-btn--secondary, .fa-btn-secondary, .btn-soft-secondary, .btn-outline-secondary), a:is(.btn-secondary, .mv2-btn--secondary, .fa-btn-secondary, .btn-soft-secondary, .btn-outline-secondary), input:is(.btn-secondary, .mv2-btn--secondary, .fa-btn-secondary, .btn-soft-secondary, .btn-outline-secondary), label:is(.btn-secondary, .mv2-btn--secondary, .fa-btn-secondary, .btn-soft-secondary, .btn-outline-secondary)) {
    --ui-element-background: var(--ui-button-secondary-background, var(--ui-button-background)) !important;
    --ui-element-color: var(--ui-button-secondary-color, var(--ui-button-color)) !important;
    --ui-element-border-color: var(--ui-button-secondary-border-color, var(--ui-button-border-color)) !important;
  }
:where(button:is(.btn-success, .mv2-btn--success, .fa-btn-success, .btn-soft-success, .btn-outline-success), a:is(.btn-success, .mv2-btn--success, .fa-btn-success, .btn-soft-success, .btn-outline-success), input:is(.btn-success, .mv2-btn--success, .fa-btn-success, .btn-soft-success, .btn-outline-success), label:is(.btn-success, .mv2-btn--success, .fa-btn-success, .btn-soft-success, .btn-outline-success)) {
    --ui-element-background: var(--ui-button-success-background, var(--ui-button-background)) !important;
    --ui-element-color: var(--ui-button-success-color, var(--ui-button-color)) !important;
    --ui-element-border-color: var(--ui-button-success-border-color, var(--ui-button-border-color)) !important;
  }
:where(button:is(.btn-danger, .mv2-btn--danger, .fa-btn-danger, .btn-soft-danger, .btn-outline-danger), a:is(.btn-danger, .mv2-btn--danger, .fa-btn-danger, .btn-soft-danger, .btn-outline-danger), input:is(.btn-danger, .mv2-btn--danger, .fa-btn-danger, .btn-soft-danger, .btn-outline-danger), label:is(.btn-danger, .mv2-btn--danger, .fa-btn-danger, .btn-soft-danger, .btn-outline-danger)) {
    --ui-element-background: var(--ui-button-danger-background, var(--ui-button-background)) !important;
    --ui-element-color: var(--ui-button-danger-color, var(--ui-button-color)) !important;
    --ui-element-border-color: var(--ui-button-danger-border-color, var(--ui-button-border-color)) !important;
  }
:where(button:is(.btn-warning, .mv2-btn--warning, .fa-btn-warning, .btn-soft-warning, .btn-outline-warning), a:is(.btn-warning, .mv2-btn--warning, .fa-btn-warning, .btn-soft-warning, .btn-outline-warning), input:is(.btn-warning, .mv2-btn--warning, .fa-btn-warning, .btn-soft-warning, .btn-outline-warning), label:is(.btn-warning, .mv2-btn--warning, .fa-btn-warning, .btn-soft-warning, .btn-outline-warning)) {
    --ui-element-background: var(--ui-button-warning-background, var(--ui-button-background)) !important;
    --ui-element-color: var(--ui-button-warning-color, var(--ui-button-color)) !important;
    --ui-element-border-color: var(--ui-button-warning-border-color, var(--ui-button-border-color)) !important;
  }
:where(button:is(.btn-info, .mv2-btn--info, .fa-btn-info, .btn-soft-info, .btn-outline-info), a:is(.btn-info, .mv2-btn--info, .fa-btn-info, .btn-soft-info, .btn-outline-info), input:is(.btn-info, .mv2-btn--info, .fa-btn-info, .btn-soft-info, .btn-outline-info), label:is(.btn-info, .mv2-btn--info, .fa-btn-info, .btn-soft-info, .btn-outline-info)) {
    --ui-element-background: var(--ui-button-info-background, var(--ui-button-background)) !important;
    --ui-element-color: var(--ui-button-info-color, var(--ui-button-color)) !important;
    --ui-element-border-color: var(--ui-button-info-border-color, var(--ui-button-border-color)) !important;
  }
:where(button:is(.btn-outline, .mv2-btn--outline, .fa-btn-outline, .btn-soft-outline, .btn-outline-outline), a:is(.btn-outline, .mv2-btn--outline, .fa-btn-outline, .btn-soft-outline, .btn-outline-outline), input:is(.btn-outline, .mv2-btn--outline, .fa-btn-outline, .btn-soft-outline, .btn-outline-outline), label:is(.btn-outline, .mv2-btn--outline, .fa-btn-outline, .btn-soft-outline, .btn-outline-outline)) {
    --ui-element-background: var(--ui-button-outline-background, var(--ui-button-background)) !important;
    --ui-element-color: var(--ui-button-outline-color, var(--ui-button-color)) !important;
    --ui-element-border-color: var(--ui-button-outline-border-color, var(--ui-button-border-color)) !important;
  }
:where(button:is(.btn-soft, .mv2-btn--soft, .fa-btn-soft, .btn-soft-soft, .btn-outline-soft), a:is(.btn-soft, .mv2-btn--soft, .fa-btn-soft, .btn-soft-soft, .btn-outline-soft), input:is(.btn-soft, .mv2-btn--soft, .fa-btn-soft, .btn-soft-soft, .btn-outline-soft), label:is(.btn-soft, .mv2-btn--soft, .fa-btn-soft, .btn-soft-soft, .btn-outline-soft)) {
    --ui-element-background: var(--ui-button-soft-background, var(--ui-button-background)) !important;
    --ui-element-color: var(--ui-button-soft-color, var(--ui-button-color)) !important;
    --ui-element-border-color: var(--ui-button-soft-border-color, var(--ui-button-border-color)) !important;
  }
:where(button:is(.btn-ghost, .mv2-btn--ghost, .fa-btn-ghost, .btn-soft-ghost, .btn-outline-ghost), a:is(.btn-ghost, .mv2-btn--ghost, .fa-btn-ghost, .btn-soft-ghost, .btn-outline-ghost), input:is(.btn-ghost, .mv2-btn--ghost, .fa-btn-ghost, .btn-soft-ghost, .btn-outline-ghost), label:is(.btn-ghost, .mv2-btn--ghost, .fa-btn-ghost, .btn-soft-ghost, .btn-outline-ghost)) {
    --ui-element-background: var(--ui-button-ghost-background, var(--ui-button-background)) !important;
    --ui-element-color: var(--ui-button-ghost-color, var(--ui-button-color)) !important;
    --ui-element-border-color: var(--ui-button-ghost-border-color, var(--ui-button-border-color)) !important;
  }
:where(button:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, .btn:hover, .btn-pill:hover, a[class^="btn-"]:hover, a[class*=" btn-"]:hover, .mv2-btn:hover, .fa-btn:hover, .filtro-pill:hover, .action-card-button:hover, .leaflet-bar a:hover) {
    --ui-element-background: var(--ui-button-hover-background, var(--ui-button-background)) !important;
    --ui-element-color: var(--ui-button-hover-color, var(--ui-button-color)) !important;
    --ui-element-border-color: var(--ui-button-hover-border-color, var(--ui-button-border-color)) !important;
    --ui-element-shadow: var(--ui-button-hover-shadow, var(--ui-button-shadow)) !important;
  }
:where(button:focus-visible, input[type="button"]:focus-visible, input[type="submit"]:focus-visible, input[type="reset"]:focus-visible, .btn:focus-visible, .btn-pill:focus-visible, a[class^="btn-"]:focus-visible, a[class*=" btn-"]:focus-visible, .mv2-btn:focus-visible, .fa-btn:focus-visible, .filtro-pill:focus-visible, .action-card-button:focus-visible, .leaflet-bar a:focus-visible) {
    --ui-element-background: var(--ui-button-focus-background, var(--ui-button-background)) !important;
    --ui-element-color: var(--ui-button-focus-color, var(--ui-button-color)) !important;
    --ui-element-border-color: var(--ui-button-focus-border-color, var(--ui-button-border-color)) !important;
    --ui-element-shadow: var(--ui-button-focus-shadow, var(--ui-button-shadow)) !important;
  }
:where(button:active, input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, .btn:active, .btn-pill:active, a[class^="btn-"]:active, a[class*=" btn-"]:active, .mv2-btn:active, .fa-btn:active, .filtro-pill:active, .action-card-button:active, .leaflet-bar a:active) {
    --ui-element-background: var(--ui-button-active-background, var(--ui-button-background)) !important;
    --ui-element-color: var(--ui-button-active-color, var(--ui-button-color)) !important;
    --ui-element-border-color: var(--ui-button-active-border-color, var(--ui-button-border-color)) !important;
    --ui-element-shadow: var(--ui-button-active-shadow, var(--ui-button-shadow)) !important;
  }
:where(button:is(:disabled, .disabled, [aria-disabled="true"]), input[type="button"]:is(:disabled, .disabled, [aria-disabled="true"]), input[type="submit"]:is(:disabled, .disabled, [aria-disabled="true"]), input[type="reset"]:is(:disabled, .disabled, [aria-disabled="true"]), .btn:is(:disabled, .disabled, [aria-disabled="true"]), .btn-pill:is(:disabled, .disabled, [aria-disabled="true"]), a[class^="btn-"]:is(:disabled, .disabled, [aria-disabled="true"]), a[class*=" btn-"]:is(:disabled, .disabled, [aria-disabled="true"]), .mv2-btn:is(:disabled, .disabled, [aria-disabled="true"]), .fa-btn:is(:disabled, .disabled, [aria-disabled="true"]), .filtro-pill:is(:disabled, .disabled, [aria-disabled="true"]), .action-card-button:is(:disabled, .disabled, [aria-disabled="true"]), .leaflet-bar a:is(:disabled, .disabled, [aria-disabled="true"])) {
    --ui-element-background: var(--ui-button-disabled-background, var(--ui-button-background)) !important;
    --ui-element-color: var(--ui-button-disabled-color, var(--ui-button-color)) !important;
    --ui-element-border-color: var(--ui-button-disabled-border-color, var(--ui-button-border-color)) !important;
    --ui-element-shadow: var(--ui-button-disabled-shadow, var(--ui-button-shadow)) !important;
  }
:where(.parcelas-mini-hero, .map-controls, .normativas-header, .main-header, .mv2-header, .planes-hero, .cuaderno-hero, .dashboard-hero-header) {
    --ui-element-radius: var(--ui-header-radius) !important;
    --ui-element-padding: var(--ui-header-padding) !important;
    --ui-element-min-height: var(--ui-header-min-height) !important;
    --ui-element-shadow: var(--ui-header-shadow) !important;
    --ui-element-background-color: var(--ui-header-background-color) !important;
    --ui-element-background-image: var(--ui-header-background-image) !important;
    --ui-element-background-position: var(--ui-header-background-position) !important;
    --ui-element-background-size: var(--ui-header-background-size) !important;
    --ui-element-border-color: var(--ui-header-border-color) !important;
    --ui-element-color: var(--ui-header-color) !important;
  }
:where(.parcelas-mini-hero :is(h1,h2,h3,h4,h5,.hero-title), .map-controls :is(h1,h2,h3,h4,h5,.hero-title), .normativas-header :is(h1,h2,h3,h4,h5,.hero-title), .main-header :is(h1,h2,h3,h4,h5,.hero-title), .mv2-header :is(h1,h2,h3,h4,h5,.hero-title), .planes-hero :is(h1,h2,h3,h4,h5,.hero-title), .cuaderno-hero :is(h1,h2,h3,h4,h5,.hero-title), .dashboard-hero-header :is(h1,h2,h3,h4,h5,.hero-title)) {
    --ui-element-font-family: var(--ui-header-title-font-family) !important;
    --ui-element-font-size: var(--ui-header-title-font-size) !important;
    --ui-element-font-weight: var(--ui-header-title-font-weight) !important;
    --ui-element-color: var(--ui-header-title-color) !important;
  }
:where(.modal-content, .mv2-modal__content, .fa-modal) {
    --ui-element-radius: var(--ui-modal-radius) !important;
    --ui-element-shadow: var(--ui-modal-shadow) !important;
    --ui-element-border-color: var(--ui-modal-border-color) !important;
  }
:where(.modal-header) {
    --ui-element-background: var(--ui-modal-header-background) !important;
    --ui-element-color: var(--ui-modal-header-color) !important;
    --ui-element-padding: var(--ui-modal-header-padding) !important;
  }
:where(.form-control, .form-select, .mv2-input, .mv2-select, .fa-input, .fa-select) {
    --ui-element-radius: var(--ui-field-radius) !important;
    --ui-element-font-family: var(--ui-field-font-family) !important;
    --ui-element-font-size: var(--ui-field-font-size) !important;
    --ui-element-padding: var(--ui-field-padding) !important;
    --ui-element-background: var(--ui-field-background) !important;
    --ui-element-color: var(--ui-field-color) !important;
    --ui-element-border-color: var(--ui-field-border-color) !important;
  }
:where(table thead) {
    --ui-element-background: var(--ui-table-head-background) !important;
    --ui-element-color: var(--ui-table-head-color) !important;
  }
:where(table thead th) {
    --ui-element-font-size: var(--ui-table-cell-font-size) !important;
    --ui-element-font-weight: var(--ui-table-cell-font-weight) !important;
    --ui-element-padding: var(--ui-table-cell-padding) !important;
    --ui-element-color: var(--ui-table-cell-color) !important;
  }
}

/* Variantes en interacción */
@layer ui-controls {
  :where(.btn-primary, .mv2-btn--primary, .fa-btn-primary, .btn-soft-primary, .btn-outline-primary):hover {
    --ui-element-background: var(--ui-button-hover-background, var(--ui-button-primary-background, var(--ui-button-background))) !important;
    --ui-element-color: var(--ui-button-hover-color, var(--ui-button-primary-color, var(--ui-button-color))) !important;
    --ui-element-border-color: var(--ui-button-hover-border-color, var(--ui-button-primary-border-color, var(--ui-button-border-color))) !important;
  }
  :where(.btn-primary, .mv2-btn--primary, .fa-btn-primary, .btn-soft-primary, .btn-outline-primary):focus-visible {
    --ui-element-background: var(--ui-button-focus-background, var(--ui-button-primary-background, var(--ui-button-background))) !important;
    --ui-element-color: var(--ui-button-focus-color, var(--ui-button-primary-color, var(--ui-button-color))) !important;
    --ui-element-border-color: var(--ui-button-focus-border-color, var(--ui-button-primary-border-color, var(--ui-button-border-color))) !important;
  }
  :where(.btn-primary, .mv2-btn--primary, .fa-btn-primary, .btn-soft-primary, .btn-outline-primary):active {
    --ui-element-background: var(--ui-button-active-background, var(--ui-button-primary-background, var(--ui-button-background))) !important;
    --ui-element-color: var(--ui-button-active-color, var(--ui-button-primary-color, var(--ui-button-color))) !important;
    --ui-element-border-color: var(--ui-button-active-border-color, var(--ui-button-primary-border-color, var(--ui-button-border-color))) !important;
  }
  :where(.btn-primary, .mv2-btn--primary, .fa-btn-primary, .btn-soft-primary, .btn-outline-primary):is(:disabled,.disabled,[aria-disabled="true"]) {
    --ui-element-background: var(--ui-button-disabled-background, var(--ui-button-primary-background, var(--ui-button-background))) !important;
    --ui-element-color: var(--ui-button-disabled-color, var(--ui-button-primary-color, var(--ui-button-color))) !important;
    --ui-element-border-color: var(--ui-button-disabled-border-color, var(--ui-button-primary-border-color, var(--ui-button-border-color))) !important;
  }
  :where(.btn-secondary, .mv2-btn--secondary, .fa-btn-secondary, .btn-soft-secondary, .btn-outline-secondary):hover {
    --ui-element-background: var(--ui-button-hover-background, var(--ui-button-secondary-background, var(--ui-button-background))) !important;
    --ui-element-color: var(--ui-button-hover-color, var(--ui-button-secondary-color, var(--ui-button-color))) !important;
    --ui-element-border-color: var(--ui-button-hover-border-color, var(--ui-button-secondary-border-color, var(--ui-button-border-color))) !important;
  }
  :where(.btn-secondary, .mv2-btn--secondary, .fa-btn-secondary, .btn-soft-secondary, .btn-outline-secondary):focus-visible {
    --ui-element-background: var(--ui-button-focus-background, var(--ui-button-secondary-background, var(--ui-button-background))) !important;
    --ui-element-color: var(--ui-button-focus-color, var(--ui-button-secondary-color, var(--ui-button-color))) !important;
    --ui-element-border-color: var(--ui-button-focus-border-color, var(--ui-button-secondary-border-color, var(--ui-button-border-color))) !important;
  }
  :where(.btn-secondary, .mv2-btn--secondary, .fa-btn-secondary, .btn-soft-secondary, .btn-outline-secondary):active {
    --ui-element-background: var(--ui-button-active-background, var(--ui-button-secondary-background, var(--ui-button-background))) !important;
    --ui-element-color: var(--ui-button-active-color, var(--ui-button-secondary-color, var(--ui-button-color))) !important;
    --ui-element-border-color: var(--ui-button-active-border-color, var(--ui-button-secondary-border-color, var(--ui-button-border-color))) !important;
  }
  :where(.btn-secondary, .mv2-btn--secondary, .fa-btn-secondary, .btn-soft-secondary, .btn-outline-secondary):is(:disabled,.disabled,[aria-disabled="true"]) {
    --ui-element-background: var(--ui-button-disabled-background, var(--ui-button-secondary-background, var(--ui-button-background))) !important;
    --ui-element-color: var(--ui-button-disabled-color, var(--ui-button-secondary-color, var(--ui-button-color))) !important;
    --ui-element-border-color: var(--ui-button-disabled-border-color, var(--ui-button-secondary-border-color, var(--ui-button-border-color))) !important;
  }
  :where(.btn-success, .mv2-btn--success, .fa-btn-success, .btn-soft-success, .btn-outline-success):hover {
    --ui-element-background: var(--ui-button-hover-background, var(--ui-button-success-background, var(--ui-button-background))) !important;
    --ui-element-color: var(--ui-button-hover-color, var(--ui-button-success-color, var(--ui-button-color))) !important;
    --ui-element-border-color: var(--ui-button-hover-border-color, var(--ui-button-success-border-color, var(--ui-button-border-color))) !important;
  }
  :where(.btn-success, .mv2-btn--success, .fa-btn-success, .btn-soft-success, .btn-outline-success):focus-visible {
    --ui-element-background: var(--ui-button-focus-background, var(--ui-button-success-background, var(--ui-button-background))) !important;
    --ui-element-color: var(--ui-button-focus-color, var(--ui-button-success-color, var(--ui-button-color))) !important;
    --ui-element-border-color: var(--ui-button-focus-border-color, var(--ui-button-success-border-color, var(--ui-button-border-color))) !important;
  }
  :where(.btn-success, .mv2-btn--success, .fa-btn-success, .btn-soft-success, .btn-outline-success):active {
    --ui-element-background: var(--ui-button-active-background, var(--ui-button-success-background, var(--ui-button-background))) !important;
    --ui-element-color: var(--ui-button-active-color, var(--ui-button-success-color, var(--ui-button-color))) !important;
    --ui-element-border-color: var(--ui-button-active-border-color, var(--ui-button-success-border-color, var(--ui-button-border-color))) !important;
  }
  :where(.btn-success, .mv2-btn--success, .fa-btn-success, .btn-soft-success, .btn-outline-success):is(:disabled,.disabled,[aria-disabled="true"]) {
    --ui-element-background: var(--ui-button-disabled-background, var(--ui-button-success-background, var(--ui-button-background))) !important;
    --ui-element-color: var(--ui-button-disabled-color, var(--ui-button-success-color, var(--ui-button-color))) !important;
    --ui-element-border-color: var(--ui-button-disabled-border-color, var(--ui-button-success-border-color, var(--ui-button-border-color))) !important;
  }
  :where(.btn-danger, .mv2-btn--danger, .fa-btn-danger, .btn-soft-danger, .btn-outline-danger):hover {
    --ui-element-background: var(--ui-button-hover-background, var(--ui-button-danger-background, var(--ui-button-background))) !important;
    --ui-element-color: var(--ui-button-hover-color, var(--ui-button-danger-color, var(--ui-button-color))) !important;
    --ui-element-border-color: var(--ui-button-hover-border-color, var(--ui-button-danger-border-color, var(--ui-button-border-color))) !important;
  }
  :where(.btn-danger, .mv2-btn--danger, .fa-btn-danger, .btn-soft-danger, .btn-outline-danger):focus-visible {
    --ui-element-background: var(--ui-button-focus-background, var(--ui-button-danger-background, var(--ui-button-background))) !important;
    --ui-element-color: var(--ui-button-focus-color, var(--ui-button-danger-color, var(--ui-button-color))) !important;
    --ui-element-border-color: var(--ui-button-focus-border-color, var(--ui-button-danger-border-color, var(--ui-button-border-color))) !important;
  }
  :where(.btn-danger, .mv2-btn--danger, .fa-btn-danger, .btn-soft-danger, .btn-outline-danger):active {
    --ui-element-background: var(--ui-button-active-background, var(--ui-button-danger-background, var(--ui-button-background))) !important;
    --ui-element-color: var(--ui-button-active-color, var(--ui-button-danger-color, var(--ui-button-color))) !important;
    --ui-element-border-color: var(--ui-button-active-border-color, var(--ui-button-danger-border-color, var(--ui-button-border-color))) !important;
  }
  :where(.btn-danger, .mv2-btn--danger, .fa-btn-danger, .btn-soft-danger, .btn-outline-danger):is(:disabled,.disabled,[aria-disabled="true"]) {
    --ui-element-background: var(--ui-button-disabled-background, var(--ui-button-danger-background, var(--ui-button-background))) !important;
    --ui-element-color: var(--ui-button-disabled-color, var(--ui-button-danger-color, var(--ui-button-color))) !important;
    --ui-element-border-color: var(--ui-button-disabled-border-color, var(--ui-button-danger-border-color, var(--ui-button-border-color))) !important;
  }
  :where(.btn-warning, .mv2-btn--warning, .fa-btn-warning, .btn-soft-warning, .btn-outline-warning):hover {
    --ui-element-background: var(--ui-button-hover-background, var(--ui-button-warning-background, var(--ui-button-background))) !important;
    --ui-element-color: var(--ui-button-hover-color, var(--ui-button-warning-color, var(--ui-button-color))) !important;
    --ui-element-border-color: var(--ui-button-hover-border-color, var(--ui-button-warning-border-color, var(--ui-button-border-color))) !important;
  }
  :where(.btn-warning, .mv2-btn--warning, .fa-btn-warning, .btn-soft-warning, .btn-outline-warning):focus-visible {
    --ui-element-background: var(--ui-button-focus-background, var(--ui-button-warning-background, var(--ui-button-background))) !important;
    --ui-element-color: var(--ui-button-focus-color, var(--ui-button-warning-color, var(--ui-button-color))) !important;
    --ui-element-border-color: var(--ui-button-focus-border-color, var(--ui-button-warning-border-color, var(--ui-button-border-color))) !important;
  }
  :where(.btn-warning, .mv2-btn--warning, .fa-btn-warning, .btn-soft-warning, .btn-outline-warning):active {
    --ui-element-background: var(--ui-button-active-background, var(--ui-button-warning-background, var(--ui-button-background))) !important;
    --ui-element-color: var(--ui-button-active-color, var(--ui-button-warning-color, var(--ui-button-color))) !important;
    --ui-element-border-color: var(--ui-button-active-border-color, var(--ui-button-warning-border-color, var(--ui-button-border-color))) !important;
  }
  :where(.btn-warning, .mv2-btn--warning, .fa-btn-warning, .btn-soft-warning, .btn-outline-warning):is(:disabled,.disabled,[aria-disabled="true"]) {
    --ui-element-background: var(--ui-button-disabled-background, var(--ui-button-warning-background, var(--ui-button-background))) !important;
    --ui-element-color: var(--ui-button-disabled-color, var(--ui-button-warning-color, var(--ui-button-color))) !important;
    --ui-element-border-color: var(--ui-button-disabled-border-color, var(--ui-button-warning-border-color, var(--ui-button-border-color))) !important;
  }
  :where(.btn-info, .mv2-btn--info, .fa-btn-info, .btn-soft-info, .btn-outline-info):hover {
    --ui-element-background: var(--ui-button-hover-background, var(--ui-button-info-background, var(--ui-button-background))) !important;
    --ui-element-color: var(--ui-button-hover-color, var(--ui-button-info-color, var(--ui-button-color))) !important;
    --ui-element-border-color: var(--ui-button-hover-border-color, var(--ui-button-info-border-color, var(--ui-button-border-color))) !important;
  }
  :where(.btn-info, .mv2-btn--info, .fa-btn-info, .btn-soft-info, .btn-outline-info):focus-visible {
    --ui-element-background: var(--ui-button-focus-background, var(--ui-button-info-background, var(--ui-button-background))) !important;
    --ui-element-color: var(--ui-button-focus-color, var(--ui-button-info-color, var(--ui-button-color))) !important;
    --ui-element-border-color: var(--ui-button-focus-border-color, var(--ui-button-info-border-color, var(--ui-button-border-color))) !important;
  }
  :where(.btn-info, .mv2-btn--info, .fa-btn-info, .btn-soft-info, .btn-outline-info):active {
    --ui-element-background: var(--ui-button-active-background, var(--ui-button-info-background, var(--ui-button-background))) !important;
    --ui-element-color: var(--ui-button-active-color, var(--ui-button-info-color, var(--ui-button-color))) !important;
    --ui-element-border-color: var(--ui-button-active-border-color, var(--ui-button-info-border-color, var(--ui-button-border-color))) !important;
  }
  :where(.btn-info, .mv2-btn--info, .fa-btn-info, .btn-soft-info, .btn-outline-info):is(:disabled,.disabled,[aria-disabled="true"]) {
    --ui-element-background: var(--ui-button-disabled-background, var(--ui-button-info-background, var(--ui-button-background))) !important;
    --ui-element-color: var(--ui-button-disabled-color, var(--ui-button-info-color, var(--ui-button-color))) !important;
    --ui-element-border-color: var(--ui-button-disabled-border-color, var(--ui-button-info-border-color, var(--ui-button-border-color))) !important;
  }
  :where(.btn-outline, .mv2-btn--outline, .fa-btn-outline, .btn-soft-outline, .btn-outline-outline):hover {
    --ui-element-background: var(--ui-button-hover-background, var(--ui-button-outline-background, var(--ui-button-background))) !important;
    --ui-element-color: var(--ui-button-hover-color, var(--ui-button-outline-color, var(--ui-button-color))) !important;
    --ui-element-border-color: var(--ui-button-hover-border-color, var(--ui-button-outline-border-color, var(--ui-button-border-color))) !important;
  }
  :where(.btn-outline, .mv2-btn--outline, .fa-btn-outline, .btn-soft-outline, .btn-outline-outline):focus-visible {
    --ui-element-background: var(--ui-button-focus-background, var(--ui-button-outline-background, var(--ui-button-background))) !important;
    --ui-element-color: var(--ui-button-focus-color, var(--ui-button-outline-color, var(--ui-button-color))) !important;
    --ui-element-border-color: var(--ui-button-focus-border-color, var(--ui-button-outline-border-color, var(--ui-button-border-color))) !important;
  }
  :where(.btn-outline, .mv2-btn--outline, .fa-btn-outline, .btn-soft-outline, .btn-outline-outline):active {
    --ui-element-background: var(--ui-button-active-background, var(--ui-button-outline-background, var(--ui-button-background))) !important;
    --ui-element-color: var(--ui-button-active-color, var(--ui-button-outline-color, var(--ui-button-color))) !important;
    --ui-element-border-color: var(--ui-button-active-border-color, var(--ui-button-outline-border-color, var(--ui-button-border-color))) !important;
  }
  :where(.btn-outline, .mv2-btn--outline, .fa-btn-outline, .btn-soft-outline, .btn-outline-outline):is(:disabled,.disabled,[aria-disabled="true"]) {
    --ui-element-background: var(--ui-button-disabled-background, var(--ui-button-outline-background, var(--ui-button-background))) !important;
    --ui-element-color: var(--ui-button-disabled-color, var(--ui-button-outline-color, var(--ui-button-color))) !important;
    --ui-element-border-color: var(--ui-button-disabled-border-color, var(--ui-button-outline-border-color, var(--ui-button-border-color))) !important;
  }
  :where(.btn-soft, .mv2-btn--soft, .fa-btn-soft, .btn-soft-soft, .btn-outline-soft):hover {
    --ui-element-background: var(--ui-button-hover-background, var(--ui-button-soft-background, var(--ui-button-background))) !important;
    --ui-element-color: var(--ui-button-hover-color, var(--ui-button-soft-color, var(--ui-button-color))) !important;
    --ui-element-border-color: var(--ui-button-hover-border-color, var(--ui-button-soft-border-color, var(--ui-button-border-color))) !important;
  }
  :where(.btn-soft, .mv2-btn--soft, .fa-btn-soft, .btn-soft-soft, .btn-outline-soft):focus-visible {
    --ui-element-background: var(--ui-button-focus-background, var(--ui-button-soft-background, var(--ui-button-background))) !important;
    --ui-element-color: var(--ui-button-focus-color, var(--ui-button-soft-color, var(--ui-button-color))) !important;
    --ui-element-border-color: var(--ui-button-focus-border-color, var(--ui-button-soft-border-color, var(--ui-button-border-color))) !important;
  }
  :where(.btn-soft, .mv2-btn--soft, .fa-btn-soft, .btn-soft-soft, .btn-outline-soft):active {
    --ui-element-background: var(--ui-button-active-background, var(--ui-button-soft-background, var(--ui-button-background))) !important;
    --ui-element-color: var(--ui-button-active-color, var(--ui-button-soft-color, var(--ui-button-color))) !important;
    --ui-element-border-color: var(--ui-button-active-border-color, var(--ui-button-soft-border-color, var(--ui-button-border-color))) !important;
  }
  :where(.btn-soft, .mv2-btn--soft, .fa-btn-soft, .btn-soft-soft, .btn-outline-soft):is(:disabled,.disabled,[aria-disabled="true"]) {
    --ui-element-background: var(--ui-button-disabled-background, var(--ui-button-soft-background, var(--ui-button-background))) !important;
    --ui-element-color: var(--ui-button-disabled-color, var(--ui-button-soft-color, var(--ui-button-color))) !important;
    --ui-element-border-color: var(--ui-button-disabled-border-color, var(--ui-button-soft-border-color, var(--ui-button-border-color))) !important;
  }
  :where(.btn-ghost, .mv2-btn--ghost, .fa-btn-ghost, .btn-soft-ghost, .btn-outline-ghost):hover {
    --ui-element-background: var(--ui-button-hover-background, var(--ui-button-ghost-background, var(--ui-button-background))) !important;
    --ui-element-color: var(--ui-button-hover-color, var(--ui-button-ghost-color, var(--ui-button-color))) !important;
    --ui-element-border-color: var(--ui-button-hover-border-color, var(--ui-button-ghost-border-color, var(--ui-button-border-color))) !important;
  }
  :where(.btn-ghost, .mv2-btn--ghost, .fa-btn-ghost, .btn-soft-ghost, .btn-outline-ghost):focus-visible {
    --ui-element-background: var(--ui-button-focus-background, var(--ui-button-ghost-background, var(--ui-button-background))) !important;
    --ui-element-color: var(--ui-button-focus-color, var(--ui-button-ghost-color, var(--ui-button-color))) !important;
    --ui-element-border-color: var(--ui-button-focus-border-color, var(--ui-button-ghost-border-color, var(--ui-button-border-color))) !important;
  }
  :where(.btn-ghost, .mv2-btn--ghost, .fa-btn-ghost, .btn-soft-ghost, .btn-outline-ghost):active {
    --ui-element-background: var(--ui-button-active-background, var(--ui-button-ghost-background, var(--ui-button-background))) !important;
    --ui-element-color: var(--ui-button-active-color, var(--ui-button-ghost-color, var(--ui-button-color))) !important;
    --ui-element-border-color: var(--ui-button-active-border-color, var(--ui-button-ghost-border-color, var(--ui-button-border-color))) !important;
  }
  :where(.btn-ghost, .mv2-btn--ghost, .fa-btn-ghost, .btn-soft-ghost, .btn-outline-ghost):is(:disabled,.disabled,[aria-disabled="true"]) {
    --ui-element-background: var(--ui-button-disabled-background, var(--ui-button-ghost-background, var(--ui-button-background))) !important;
    --ui-element-color: var(--ui-button-disabled-color, var(--ui-button-ghost-color, var(--ui-button-color))) !important;
    --ui-element-border-color: var(--ui-button-disabled-border-color, var(--ui-button-ghost-border-color, var(--ui-button-border-color))) !important;
  }
}

/* Paleta compartida de las variantes actuales. */
:root {
  --ui-palette-000000: #000;
  --ui-palette-0000ff: #0000ff;
  --ui-palette-007bff: #007BFF;
  --ui-palette-020b1f: #020B1F;
  --ui-palette-0284c7: #0284c7;
  --ui-palette-0369a1: #0369a1;
  --ui-palette-047857: #047857;
  --ui-palette-059669: #059669;
  --ui-palette-06142e: #06142e;
  --ui-palette-065f46: #065f46;
  --ui-palette-06b6d4: #06b6d4;
  --ui-palette-071a33: #071A33;
  --ui-palette-075985: #075985;
  --ui-palette-0891b2: #0891b2;
  --ui-palette-0a2a4f: #0A2A4F;
  --ui-palette-0b1730: #0b1730;
  --ui-palette-0b514d: #0b514d;
  --ui-palette-0b5ed7: #0b5ed7;
  --ui-palette-0c1f4d: #0c1f4d;
  --ui-palette-0c4a6e: #0c4a6e;
  --ui-palette-0d1d3f: #0d1d3f;
  --ui-palette-0d6efd: #0d6efd;
  --ui-palette-0d9488: #0d9488;
  --ui-palette-0e7490: #0e7490;
  --ui-palette-0ea5e9: #0ea5e9;
  --ui-palette-0f172a: #0f172a;
  --ui-palette-0f2027: #0f2027;
  --ui-palette-0f2b4a: #0f2b4a;
  --ui-palette-0f3145: #0f3145;
  --ui-palette-0f766e: #0f766e;
  --ui-palette-102a4d: #102a4d;
  --ui-palette-103f30: #103f30;
  --ui-palette-10b981: #10b981;
  --ui-palette-111827: #111827;
  --ui-palette-12315a: #12315a;
  --ui-palette-12356b: #12356b;
  --ui-palette-123a6b: #123a6b;
  --ui-palette-13a08f: #13a08f;
  --ui-palette-14212b: #14212b;
  --ui-palette-14345f: #14345f;
  --ui-palette-153056: #153056;
  --ui-palette-157347: #157347;
  --ui-palette-15803d: #15803d;
  --ui-palette-16275c: #16275c;
  --ui-palette-166534: #166534;
  --ui-palette-167b72: #167b72;
  --ui-palette-16a34a: #16a34a;
  --ui-palette-172033: #172033;
  --ui-palette-17305f: #17305f;
  --ui-palette-17384c: #17384c;
  --ui-palette-173b73: #173b73;
  --ui-palette-173b93: #173B93;
  --ui-palette-17633c: #17633c;
  --ui-palette-178854: #178854;
  --ui-palette-18345d: #18345d;
  --ui-palette-1976d2: #1976d2;
  --ui-palette-19784b: #19784b;
  --ui-palette-198754: #198754;
  --ui-palette-1a1a2e: #1a1a2e;
  --ui-palette-1a472a: #1a472a;
  --ui-palette-1a9850: #1a9850;
  --ui-palette-1d4e69: #1d4e69;
  --ui-palette-1d4ed8: #1d4ed8;
  --ui-palette-1d4f91: #1d4f91;
  --ui-palette-1e293b: #1e293b;
  --ui-palette-1e3570: #1e3570;
  --ui-palette-1e3a8a: #1e3a8a;
  --ui-palette-1e3f79: #1e3f79;
  --ui-palette-1e40af: #1e40af;
  --ui-palette-1e4fb4: #1e4fb4;
  --ui-palette-1f2937: #1f2937;
  --ui-palette-1f3f70: #1f3f70;
  --ui-palette-1f7a4f: #1f7a4f;
  --ui-palette-20c997: #20c997;
  --ui-palette-22c55e: #22c55e;
  --ui-palette-22d3ee: #22d3ee;
  --ui-palette-23734b: #23734b;
  --ui-palette-245c78: #245c78;
  --ui-palette-247ca9: #247ca9;
  --ui-palette-2544b8: #2544b8;
  --ui-palette-2563eb: #2563eb;
  --ui-palette-2b5edc: #2b5edc;
  --ui-palette-2c5364: #2c5364;
  --ui-palette-2d5a3d: #2d5a3d;
  --ui-palette-2f61d5: #2f61d5;
  --ui-palette-315a57: #315a57;
  --ui-palette-333333: #333;
  --ui-palette-334155: #334155;
  --ui-palette-34434d: #34434d;
  --ui-palette-34d399: #34d399;
  --ui-palette-355588: #355588;
  --ui-palette-3730a3: #3730a3;
  --ui-palette-374151: #374151;
  --ui-palette-388e3c: #388e3c;
  --ui-palette-3b82f6: #3b82f6;
  --ui-palette-3e5d8d: #3e5d8d;
  --ui-palette-3f5577: #3f5577;
  --ui-palette-4338ca: #4338CA;
  --ui-palette-475569: #475569;
  --ui-palette-47668f: #47668f;
  --ui-palette-495057: #495057;
  --ui-palette-4a648b: #4a648b;
  --ui-palette-4aa89f: #4aa89f;
  --ui-palette-4ade80: #4ade80;
  --ui-palette-4b5563: #4b5563;
  --ui-palette-4c5d68: #4c5d68;
  --ui-palette-4d7c0f: #4d7c0f;
  --ui-palette-4e75b7: #4e75b7;
  --ui-palette-4f46e5: #4f46e5;
  --ui-palette-4f6a90: #4f6a90;
  --ui-palette-516b90: #516b90;
  --ui-palette-51b874: #51b874;
  --ui-palette-52616a: #52616a;
  --ui-palette-526c92: #526c92;
  --ui-palette-555555: #555;
  --ui-palette-55a2ff: #55a2ff;
  --ui-palette-57534e: #57534e;
  --ui-palette-587093: #587093;
  --ui-palette-58749d: #58749d;
  --ui-palette-5b21b6: #5b21b6;
  --ui-palette-5b7496: #5b7496;
  --ui-palette-5c6b82: #5c6b82;
  --ui-palette-5c7395: #5c7395;
  --ui-palette-5e7092: #5e7092;
  --ui-palette-5f7394: #5f7394;
  --ui-palette-60a5fa: #60a5fa;
  --ui-palette-62717d: #62717d;
  --ui-palette-6366f1: #6366f1;
  --ui-palette-63727c: #63727c;
  --ui-palette-64748b: #64748b;
  --ui-palette-65a30d: #65a30d;
  --ui-palette-6610f2: #6610f2;
  --ui-palette-666666: #666;
  --ui-palette-667085: #667085;
  --ui-palette-667892: #667892;
  --ui-palette-66bd63: #66bd63;
  --ui-palette-66bdb4: #66bdb4;
  --ui-palette-67e8f9: #67e8f9;
  --ui-palette-6a7983: #6a7983;
  --ui-palette-6b21a8: #6b21a8;
  --ui-palette-6b7280: #6b7280;
  --ui-palette-6c757d: #6c757d;
  --ui-palette-6d28d9: #6d28d9;
  --ui-palette-6d7f99: #6d7f99;
  --ui-palette-6ee7b7: #6ee7b7;
  --ui-palette-71808a: #71808a;
  --ui-palette-73bfb7: #73bfb7;
  --ui-palette-78350f: #78350f;
  --ui-palette-7b1fa2: #7b1fa2;
  --ui-palette-7c3aed: #7c3aed;
  --ui-palette-7c3f3f: #7c3f3f;
  --ui-palette-7dd3fc: #7dd3fc;
  --ui-palette-7f1d1d: #7f1d1d;
  --ui-palette-842029: #842029;
  --ui-palette-84cc16: #84cc16;
  --ui-palette-854d0e: #854d0e;
  --ui-palette-86efac: #86efac;
  --ui-palette-888888: #888;
  --ui-palette-8a4b05: #8a4b05;
  --ui-palette-8b5cf6: #8b5cf6;
  --ui-palette-91a0a8: #91a0a8;
  --ui-palette-92400e: #92400e;
  --ui-palette-92d7b0: #92d7b0;
  --ui-palette-92f0cf: #92f0cf;
  --ui-palette-9333ea: #9333ea;
  --ui-palette-93c5fd: #93c5fd;
  --ui-palette-94a3b8: #94a3b8;
  --ui-palette-97a5ad: #97a5ad;
  --ui-palette-991b1b: #991b1b;
  --ui-palette-999999: #999;
  --ui-palette-9a3412: #9a3412;
  --ui-palette-9a6512: #9a6512;
  --ui-palette-9ac0ff: #9ac0ff;
  --ui-palette-9bd8b5: #9bd8b5;
  --ui-palette-9ca3af: #9ca3af;
  --ui-palette-9d174d: #9d174d;
  --ui-palette-9ec5fe: #9ec5fe;
  --ui-palette-9fc2ff: #9fc2ff;
  --ui-palette-a50026: #a50026;
  --ui-palette-a53737: #a53737;
  --ui-palette-a5f3fc: #a5f3fc;
  --ui-palette-a6d96a: #a6d96a;
  --ui-palette-a75b08: #a75b08;
  --ui-palette-a7f3d0: #a7f3d0;
  --ui-palette-a83434: #a83434;
  --ui-palette-a855f7: #a855f7;
  --ui-palette-aaaaaa: #aaa;
  --ui-palette-b02a37: #b02a37;
  --ui-palette-b42318: #b42318;
  --ui-palette-b45309: #b45309;
  --ui-palette-b53d3d: #b53d3d;
  --ui-palette-b54141: #b54141;
  --ui-palette-b7d5ff: #b7d5ff;
  --ui-palette-b87411: #b87411;
  --ui-palette-b8c9e2: #b8c9e2;
  --ui-palette-b91c1c: #b91c1c;
  --ui-palette-b96b13: #b96b13;
  --ui-palette-b9d2f2: #b9d2f2;
  --ui-palette-b9d2ff: #b9d2ff;
  --ui-palette-b9dfc8: #b9dfc8;
  --ui-palette-b9efc9: #b9efc9;
  --ui-palette-bad3ff: #bad3ff;
  --ui-palette-bae6fd: #bae6fd;
  --ui-palette-bbf7d0: #bbf7d0;
  --ui-palette-bd2130: #bd2130;
  --ui-palette-bdc9cd: #bdc9cd;
  --ui-palette-be123c: #be123c;
  --ui-palette-bfdbfe: #bfdbfe;
  --ui-palette-c084fc: #c084fc;
  --ui-palette-c2410c: #c2410c;
  --ui-palette-c4b5fd: #c4b5fd;
  --ui-palette-c5d6f7: #c5d6f7;
  --ui-palette-c7d2fe: #c7d2fe;
  --ui-palette-c7dcff: #c7dcff;
  --ui-palette-c82333: #c82333;
  --ui-palette-c9d8f0: #c9d8f0;
  --ui-palette-c9ddff: #c9ddff;
  --ui-palette-ca8a04: #ca8a04;
  --ui-palette-cbd5e1: #cbd5e1;
  --ui-palette-cccccc: #ccc;
  --ui-palette-ced4da: #ced4da;
  --ui-palette-cfdadd: #cfdadd;
  --ui-palette-cfe0ff: #cfe0ff;
  --ui-palette-cfe2ff: #cfe2ff;
  --ui-palette-cfe5e1: #cfe5e1;
  --ui-palette-cffafe: #cffafe;
  --ui-palette-d0d0d0: #d0d0d0;
  --ui-palette-d1d5db: #d1d5db;
  --ui-palette-d1fae5: #d1fae5;
  --ui-palette-d5deeb: #d5deeb;
  --ui-palette-d6dfed: #d6dfed;
  --ui-palette-d73027: #d73027;
  --ui-palette-d7e3ff: #d7e3ff;
  --ui-palette-d7e5f5: #d7e5f5;
  --ui-palette-d7e5ff: #d7e5ff;
  --ui-palette-d8e4fa: #d8e4fa;
  --ui-palette-d8e5ff: #d8e5ff;
  --ui-palette-d97706: #d97706;
  --ui-palette-d9e6f7: #d9e6f7;
  --ui-palette-d9ef8b: #d9ef8b;
  --ui-palette-dbe2ea: #dbe2ea;
  --ui-palette-dbe3ec: #dbe3ec;
  --ui-palette-dbe3f3: #dbe3f3;
  --ui-palette-dbe4ef: #dbe4ef;
  --ui-palette-dbe7ff: #dbe7ff;
  --ui-palette-dbe8ff: #dbe8ff;
  --ui-palette-dbeafe: #dbeafe;
  --ui-palette-dc2626: #dc2626;
  --ui-palette-dc3545: #dc3545;
  --ui-palette-dce4e7: #dce4e7;
  --ui-palette-dcfce7: #dcfce7;
  --ui-palette-ddd6fe: #ddd6fe;
  --ui-palette-dddddd: #ddd;
  --ui-palette-dee2e6: #dee2e6;
  --ui-palette-dee8ff: #dee8ff;
  --ui-palette-dff6e8: #dff6e8;
  --ui-palette-e0e7ff: #e0e7ff;
  --ui-palette-e0eaff: #e0eaff;
  --ui-palette-e0ecff: #e0ecff;
  --ui-palette-e0f2fe: #e0f2fe;
  --ui-palette-e11d48: #e11d48;
  --ui-palette-e2e8f0: #e2e8f0;
  --ui-palette-e2ecff: #e2ecff;
  --ui-palette-e3e8ef: #e3e8ef;
  --ui-palette-e3ecff: #e3ecff;
  --ui-palette-e3f2fd: #e3f2fd;
  --ui-palette-e5e5e5: #e5e5e5;
  --ui-palette-e5e7eb: #e5e7eb;
  --ui-palette-e5ecea: #e5ecea;
  --ui-palette-e5edff: #e5edff;
  --ui-palette-e6ecee: #e6ecee;
  --ui-palette-e7ecee: #e7ecee;
  --ui-palette-e7ecef: #e7ecef;
  --ui-palette-e7efff: #e7efff;
  --ui-palette-e8edef: #e8edef;
  --ui-palette-e8eef5: #e8eef5;
  --ui-palette-e8f2ff: #e8f2ff;
  --ui-palette-e8f4f8: #e8f4f8;
  --ui-palette-e8f5e9: #e8f5e9;
  --ui-palette-e8f6f3: #e8f6f3;
  --ui-palette-e9d5ff: #e9d5ff;
  --ui-palette-e9ecef: #e9ecef;
  --ui-palette-ea580c: #ea580c;
  --ui-palette-eab308: #eab308;
  --ui-palette-eaf1ff: #eaf1ff;
  --ui-palette-eaf2ff: #eaf2ff;
  --ui-palette-ebc87e: #ebc87e;
  --ui-palette-ebeff0: #ebeff0;
  --ui-palette-eccb8d: #eccb8d;
  --ui-palette-ecf4ff: #ecf4ff;
  --ui-palette-ecfdf5: #ecfdf5;
  --ui-palette-ecfeff: #ecfeff;
  --ui-palette-edf1f2: #edf1f2;
  --ui-palette-edf2f7: #edf2f7;
  --ui-palette-edf3ff: #edf3ff;
  --ui-palette-edf4ff: #edf4ff;
  --ui-palette-eeeeee: #eee;
  --ui-palette-eef2f7: #eef2f7;
  --ui-palette-eef2ff: #eef2ff;
  --ui-palette-eef3fb: #eef3fb;
  --ui-palette-eef3ff: #eef3ff;
  --ui-palette-eef4ff: #eef4ff;
  --ui-palette-eef5ff: #eef5ff;
  --ui-palette-ef4444: #ef4444;
  --ui-palette-eff6ff: #eff6ff;
  --ui-palette-f0f0f0: #f0f0f0;
  --ui-palette-f0f3f7: #f0f3f7;
  --ui-palette-f0f4ff: #f0f4ff;
  --ui-palette-f0f6ff: #f0f6ff;
  --ui-palette-f0f9ff: #f0f9ff;
  --ui-palette-f0fdf4: #f0fdf4;
  --ui-palette-f0fdfa: #f0fdfa;
  --ui-palette-f1f5f9: #f1f5f9;
  --ui-palette-f1faf8: #f1faf8;
  --ui-palette-f2f7ff: #f2f7ff;
  --ui-palette-f3e5f5: #f3e5f5;
  --ui-palette-f3e8ff: #f3e8ff;
  --ui-palette-f3f4f6: #f3f4f6;
  --ui-palette-f3f7ff: #f3f7ff;
  --ui-palette-f3f8ff: #f3f8ff;
  --ui-palette-f3fbff: #f3fbff;
  --ui-palette-f43f5e: #f43f5e;
  --ui-palette-f46d43: #f46d43;
  --ui-palette-f472b6: #f472b6;
  --ui-palette-f4bd58: #f4bd58;
  --ui-palette-f4f7f6: #f4f7f6;
  --ui-palette-f4f7fb: #f4f7fb;
  --ui-palette-f4f7fc: #f4f7fc;
  --ui-palette-f4f8ff: #f4f8ff;
  --ui-palette-f4f9ff: #f4f9ff;
  --ui-palette-f4faff: #f4faff;
  --ui-palette-f4fbff: #f4fbff;
  --ui-palette-f57c00: #f57c00;
  --ui-palette-f59e0b: #f59e0b;
  --ui-palette-f5f5f4: #f5f5f4;
  --ui-palette-f5f5f5: #f5f5f5;
  --ui-palette-f5f9ff: #f5f9ff;
  --ui-palette-f6b3b3: #f6b3b3;
  --ui-palette-f6f8f8: #f6f8f8;
  --ui-palette-f6f9fc: #f6f9fc;
  --ui-palette-f7f8fa: #f7f8fa;
  --ui-palette-f7f9fc: #f7f9fc;
  --ui-palette-f7faff: #f7faff;
  --ui-palette-f7fbff: #f7fbff;
  --ui-palette-f7fffe: #f7fffe;
  --ui-palette-f87171: #f87171;
  --ui-palette-f8d7da: #f8d7da;
  --ui-palette-f8e5e5: #f8e5e5;
  --ui-palette-f8f8f8: #f8f8f8;
  --ui-palette-f8f9fa: #f8f9fa;
  --ui-palette-f8fafc: #f8fafc;
  --ui-palette-f8faff: #f8faff;
  --ui-palette-f8fbff: #f8fbff;
  --ui-palette-f8fff8: #f8fff8;
  --ui-palette-f97316: #f97316;
  --ui-palette-f9fafb: #f9fafb;
  --ui-palette-facc15: #facc15;
  --ui-palette-faf5ff: #faf5ff;
  --ui-palette-fafbff: #fafbff;
  --ui-palette-fafcfc: #fafcfc;
  --ui-palette-fafcff: #fafcff;
  --ui-palette-fb923c: #fb923c;
  --ui-palette-fbbf24: #FBBF24;
  --ui-palette-fbfcfc: #fbfcfc;
  --ui-palette-fbfdff: #fbfdff;
  --ui-palette-fbfefd: #fbfefd;
  --ui-palette-fbfffc: #fbfffc;
  --ui-palette-fca5a5: #fca5a5;
  --ui-palette-fcd34d: #fcd34d;
  --ui-palette-fce7f3: #fce7f3;
  --ui-palette-fcfdff: #fcfdff;
  --ui-palette-fcfffe: #fcfffe;
  --ui-palette-fd7e14: #fd7e14;
  --ui-palette-fdae61: #fdae61;
  --ui-palette-fdba74: #fdba74;
  --ui-palette-fde047: #fde047;
  --ui-palette-fde2e2: #fde2e2;
  --ui-palette-fde68a: #fde68a;
  --ui-palette-fdfeff: #fdfeff;
  --ui-palette-fecaca: #fecaca;
  --ui-palette-fed7aa: #fed7aa;
  --ui-palette-fee08b: #fee08b;
  --ui-palette-fee2e2: #fee2e2;
  --ui-palette-fef2f2: #fef2f2;
  --ui-palette-fef3c7: #fef3c7;
  --ui-palette-fef9c3: #fef9c3;
  --ui-palette-fefce8: #fefce8;
  --ui-palette-ff0000: #ff0000;
  --ui-palette-ffc107: #ffc107;
  --ui-palette-ffecb5: #ffecb5;
  --ui-palette-ffecec: #ffecec;
  --ui-palette-ffedbf: #ffedbf;
  --ui-palette-ffedd5: #ffedd5;
  --ui-palette-fff0cd: #fff0cd;
  --ui-palette-fff1f2: #fff1f2;
  --ui-palette-fff3cd: #fff3cd;
  --ui-palette-fff3dc: #fff3dc;
  --ui-palette-fff3e0: #fff3e0;
  --ui-palette-fff7e6: #fff7e6;
  --ui-palette-fff7ed: #fff7ed;
  --ui-palette-fff7f7: #fff7f7;
  --ui-palette-fffaf0: #fffaf0;
  --ui-palette-fffaf2: #fffaf2;
  --ui-palette-fffbeb: #fffbeb;
  --ui-palette-fffdf9: #fffdf9;
  --ui-palette-fffdfa: #fffdfa;
  --ui-palette-ffffff: #fff;
  --ui-palette-rgb-000-p05: rgb(0 0 0 / 0.05);
  --ui-palette-rgb-000-p06: rgb(0 0 0 / 0.06);
  --ui-palette-rgb-000-p1: rgb(0 0 0 / 0.1);
  --ui-palette-rgb-000-p12: rgb(0 0 0 / 0.12);
  --ui-palette-rgb-000-p16: rgb(0 0 0 / 0.16);
  --ui-palette-rgba-0-0-0-p05: rgba(0,0,0,0.05);
  --ui-palette-rgba-0-0-0-p06: rgba(0,0,0,0.06);
  --ui-palette-rgba-0-0-0-p08: rgba(0,0,0,0.08);
  --ui-palette-rgba-0-0-0-p1: rgba(0,0,0,0.1);
  --ui-palette-rgba-0-0-0-p10: rgba(0, 0, 0, 0.10);
  --ui-palette-rgba-0-0-0-p12: rgba(0,0,0,0.12);
  --ui-palette-rgba-0-0-0-p15: rgba(0,0,0,0.15);
  --ui-palette-rgba-0-0-0-p16: rgba(0, 0, 0, 0.16);
  --ui-palette-rgba-0-0-0-p18: rgba(0, 0, 0, 0.18);
  --ui-palette-rgba-0-0-0-p2: rgba(0,0,0,0.2);
  --ui-palette-rgba-0-0-0-p22: rgba(0,0,0,0.22);
  --ui-palette-rgba-0-0-0-p25: rgba(0,0,0,0.25);
  --ui-palette-rgba-0-0-0-p3: rgba(0,0,0,0.3);
  --ui-palette-rgba-0-0-0-p35: rgba(0,0,0,0.35);
  --ui-palette-rgba-0-0-0-p4: rgba(0,0,0,.4);
  --ui-palette-rgba-0-0-0-p5: rgba(0,0,0,0.5);
  --ui-palette-rgba-0-0-0-p6: rgba(0,0,0,0.6);
  --ui-palette-rgba-0-0-0-p8: rgba(0,0,0,0.8);
  --ui-palette-rgba-0-0-0-p85: rgba(0,0,0,.85);
  --ui-palette-rgba-0-0-0-p95: rgba(0,0,0,0.95);
  --ui-palette-rgba-0-123-255-p20: rgba(0, 123, 255, 0.20);
  --ui-palette-rgba-0-123-255-p28: rgba(0, 123, 255, 0.28);
  --ui-palette-rgba-0-123-255-p90: rgba(0, 123, 255, 0.90);
  --ui-palette-rgba-0-191-255-p16: rgba(0, 191, 255, 0.16);
  --ui-palette-rgba-0-191-255-p22: rgba(0, 191, 255, 0.22);
  --ui-palette-rgba-0-191-255-p24: rgba(0, 191, 255, 0.24);
  --ui-palette-rgba-0-191-255-p26: rgba(0, 191, 255, 0.26);
  --ui-palette-rgba-0-191-255-p28: rgba(0, 191, 255, 0.28);
  --ui-palette-rgba-0-191-255-p30: rgba(0, 191, 255, 0.30);
  --ui-palette-rgba-0-229-255-p24: rgba(0, 229, 255, 0.24);
  --ui-palette-rgba-0-229-255-p34: rgba(0, 229, 255, 0.34);
  --ui-palette-rgba-0-229-255-p36: rgba(0, 229, 255, 0.36);
  --ui-palette-rgba-0-229-255-p42: rgba(0, 229, 255, 0.42);
  --ui-palette-rgba-0-229-255-p46: rgba(0, 229, 255, 0.46);
  --ui-palette-rgba-10-42-79-p52: rgba(10, 42, 79, 0.52);
  --ui-palette-rgba-10-42-79-p82: rgba(10, 42, 79, 0.82);
  --ui-palette-rgba-10-42-79-p96: rgba(10, 42, 79, 0.96);
  --ui-palette-rgba-10-42-79-p98: rgba(10, 42, 79, 0.98);
  --ui-palette-rgba-100-116-139-p14: rgba(100, 116, 139, 0.14);
  --ui-palette-rgba-100-116-139-p15: rgba(100,116,139,0.15);
  --ui-palette-rgba-100-116-139-p16: rgba(100, 116, 139, 0.16);
  --ui-palette-rgba-100-116-139-p32: rgba(100, 116, 139, 0.32);
  --ui-palette-rgba-101-163-13-p12: rgba(101, 163, 13, 0.12);
  --ui-palette-rgba-101-163-13-p15: rgba(101, 163, 13, 0.15);
  --ui-palette-rgba-109-133-170-p2: rgba(109, 133, 170, 0.2);
  --ui-palette-rgba-120-113-108-p15: rgba(120,113,108,0.15);
  --ui-palette-rgba-120-148-193-p12: rgba(120, 148, 193, 0.12);
  --ui-palette-rgba-120-148-193-p15: rgba(120, 148, 193, 0.15);
  --ui-palette-rgba-120-148-193-p5: rgba(120, 148, 193, 0.5);
  --ui-palette-rgba-124-58-237-p1: rgba(124,58,237,0.1);
  --ui-palette-rgba-124-58-237-p25: rgba(124,58,237,0.25);
  --ui-palette-rgba-13-110-253-p08: rgba(13,110,253,.08);
  --ui-palette-rgba-13-110-253-p18: rgba(13,110,253,0.18);
  --ui-palette-rgba-13-110-253-p25: rgba(13, 110, 253, .25);
  --ui-palette-rgba-13-110-253-p28: rgba(13,110,253,.28);
  --ui-palette-rgba-13-110-253-p35: rgba(13, 110, 253, .35);
  --ui-palette-rgba-13-110-253-p4: rgba(13,110,253,0.4);
  --ui-palette-rgba-13-148-136-p15: rgba(13,148,136,0.15);
  --ui-palette-rgba-130-147-172-p16: rgba(130, 147, 172, 0.16);
  --ui-palette-rgba-136-149-170-p14: rgba(136, 149, 170, 0.14);
  --ui-palette-rgba-139-92-246-p12: rgba(139, 92, 246, 0.12);
  --ui-palette-rgba-139-92-246-p14: rgba(139, 92, 246, 0.14);
  --ui-palette-rgba-139-92-246-p3: rgba(139,92,246,0.3);
  --ui-palette-rgba-139-92-246-p32: rgba(139, 92, 246, 0.32);
  --ui-palette-rgba-14-165-233-p1: rgba(14,165,233,0.1);
  --ui-palette-rgba-14-165-233-p13: rgba(14, 165, 233, 0.13);
  --ui-palette-rgba-14-165-233-p15: rgba(14,165,233,0.15);
  --ui-palette-rgba-14-165-233-p22: rgba(14, 165, 233, 0.22);
  --ui-palette-rgba-14-165-233-p3: rgba(14, 165, 233, 0.3);
  --ui-palette-rgba-14-165-233-p88: rgba(14,165,233,0.88);
  --ui-palette-rgba-14-165-233-p9: rgba(14,165,233,0.9);
  --ui-palette-rgba-147-197-253-p26: rgba(147, 197, 253, 0.26);
  --ui-palette-rgba-147-197-253-p3: rgba(147, 197, 253, 0.3);
  --ui-palette-rgba-147-197-253-p36: rgba(147, 197, 253, 0.36);
  --ui-palette-rgba-147-197-253-p65: rgba(147, 197, 253, 0.65);
  --ui-palette-rgba-147-51-234-p1: rgba(147,51,234,0.1);
  --ui-palette-rgba-147-51-234-p15: rgba(147,51,234,0.15);
  --ui-palette-rgba-148-163-184-p18: rgba(148, 163, 184, 0.18);
  --ui-palette-rgba-148-163-184-p2: rgba(148, 163, 184, 0.2);
  --ui-palette-rgba-148-163-184-p22: rgba(148, 163, 184, 0.22);
  --ui-palette-rgba-148-163-184-p24: rgba(148, 163, 184, 0.24);
  --ui-palette-rgba-148-163-184-p25: rgba(148, 163, 184, 0.25);
  --ui-palette-rgba-148-163-184-p28: rgba(148, 163, 184, 0.28);
  --ui-palette-rgba-148-163-184-p3: rgba(148, 163, 184, 0.3);
  --ui-palette-rgba-148-163-184-p35: rgba(148, 163, 184, 0.35);
  --ui-palette-rgba-15-118-110-p08: rgba(15,118,110,.08);
  --ui-palette-rgba-15-118-110-p1: rgba(15,118,110,.1);
  --ui-palette-rgba-15-118-110-p12: rgba(15,118,110,.12);
  --ui-palette-rgba-15-23-42-p03: rgba(15, 23, 42, 0.03);
  --ui-palette-rgba-15-23-42-p04: rgba(15,23,42,0.04);
  --ui-palette-rgba-15-23-42-p045: rgba(15,23,42,.045);
  --ui-palette-rgba-15-23-42-p05: rgba(15,23,42,0.05);
  --ui-palette-rgba-15-23-42-p06: rgba(15, 23, 42, 0.06);
  --ui-palette-rgba-15-23-42-p08: rgba(15,23,42,0.08);
  --ui-palette-rgba-15-23-42-p1: rgba(15,23,42,0.1);
  --ui-palette-rgba-15-23-42-p12: rgba(15,23,42,0.12);
  --ui-palette-rgba-15-23-42-p14: rgba(15,23,42,0.14);
  --ui-palette-rgba-15-23-42-p15: rgba(15,23,42,0.15);
  --ui-palette-rgba-15-23-42-p16: rgba(15,23,42,0.16);
  --ui-palette-rgba-15-23-42-p18: rgba(15, 23, 42, 0.18);
  --ui-palette-rgba-15-23-42-p2: rgba(15,23,42,0.2);
  --ui-palette-rgba-15-23-42-p24: rgba(15, 23, 42, 0.24);
  --ui-palette-rgba-15-23-42-p25: rgba(15,23,42,0.25);
  --ui-palette-rgba-15-23-42-p28: rgba(15, 23, 42, 0.28);
  --ui-palette-rgba-15-23-42-p3: rgba(15, 23, 42, 0.3);
  --ui-palette-rgba-15-23-42-p32: rgba(15, 23, 42, 0.32);
  --ui-palette-rgba-15-23-42-p35: rgba(15, 23, 42, 0.35);
  --ui-palette-rgba-15-23-42-p36: rgba(15,23,42,0.36);
  --ui-palette-rgba-15-23-42-p38: rgba(15, 23, 42, 0.38);
  --ui-palette-rgba-15-23-42-p4: rgba(15, 23, 42, 0.4);
  --ui-palette-rgba-15-23-42-p42: rgba(15, 23, 42, 0.42);
  --ui-palette-rgba-15-23-42-p45: rgba(15, 23, 42, 0.45);
  --ui-palette-rgba-15-23-42-p5: rgba(15, 23, 42, 0.5);
  --ui-palette-rgba-15-23-42-p55: rgba(15, 23, 42, 0.55);
  --ui-palette-rgba-15-23-42-p6: rgba(15,23,42,0.6);
  --ui-palette-rgba-15-23-42-p62: rgba(15, 23, 42, 0.62);
  --ui-palette-rgba-15-23-42-p7: rgba(15, 23, 42, 0.7);
  --ui-palette-rgba-15-23-42-p78: rgba(15, 23, 42, 0.78);
  --ui-palette-rgba-15-23-42-p9: rgba(15,23,42,0.9);
  --ui-palette-rgba-15-23-42-p92: rgba(15, 23, 42, 0.92);
  --ui-palette-rgba-15-32-39-p03: rgba(15,32,39,0.03);
  --ui-palette-rgba-15-32-39-p05: rgba(15,32,39,0.05);
  --ui-palette-rgba-15-32-39-p08: rgba(15,32,39,0.08);
  --ui-palette-rgba-15-32-39-p25: rgba(15,32,39,0.25);
  --ui-palette-rgba-15-40-70-p04: rgba(15,40,70,0.04);
  --ui-palette-rgba-15-40-70-p07: rgba(15,40,70,0.07);
  --ui-palette-rgba-153-27-27-p62: rgba(153, 27, 27, 0.62);
  --ui-palette-rgba-16-185-129-p1: rgba(16,185,129,0.1);
  --ui-palette-rgba-16-185-129-p3: rgba(16,185,129,0.3);
  --ui-palette-rgba-16-185-129-p4: rgba(16,185,129,0.4);
  --ui-palette-rgba-16-185-129-p5: rgba(16,185,129,0.5);
  --ui-palette-rgba-16-49-104-p08: rgba(16, 49, 104, 0.08);
  --ui-palette-rgba-168-85-247-p15: rgba(168,85,247,0.15);
  --ui-palette-rgba-17-35-68-p92: rgba(17, 35, 68, 0.92);
  --ui-palette-rgba-180-83-9-p85: rgba(180, 83, 9, 0.85);
  --ui-palette-rgba-185-28-28-p28: rgba(185,28,28,0.28);
  --ui-palette-rgba-185-28-28-p9: rgba(185,28,28,0.9);
  --ui-palette-rgba-185-28-28-p92: rgba(185,28,28,0.92);
  --ui-palette-rgba-190-24-93-p85: rgba(190, 24, 93, 0.85);
  --ui-palette-rgba-191-219-254-p20: rgba(191, 219, 254, 0.20);
  --ui-palette-rgba-191-219-254-p72: rgba(191, 219, 254, 0.72);
  --ui-palette-rgba-191-219-254-p75: rgba(191, 219, 254, 0.75);
  --ui-palette-rgba-194-65-12-p15: rgba(194,65,12,0.15);
  --ui-palette-rgba-2-11-31-p18: rgba(2, 11, 31, 0.18);
  --ui-palette-rgba-2-11-31-p22: rgba(2, 11, 31, 0.22);
  --ui-palette-rgba-2-11-31-p24: rgba(2, 11, 31, 0.24);
  --ui-palette-rgba-2-11-31-p28: rgba(2, 11, 31, 0.28);
  --ui-palette-rgba-2-11-31-p30: rgba(2, 11, 31, 0.30);
  --ui-palette-rgba-2-11-31-p34: rgba(2, 11, 31, 0.34);
  --ui-palette-rgba-2-11-31-p35: rgba(2, 11, 31, 0.35);
  --ui-palette-rgba-2-11-31-p38: rgba(2, 11, 31, 0.38);
  --ui-palette-rgba-2-11-31-p42: rgba(2, 11, 31, 0.42);
  --ui-palette-rgba-2-11-31-p45: rgba(2, 11, 31, 0.45);
  --ui-palette-rgba-2-11-31-p48: rgba(2, 11, 31, 0.48);
  --ui-palette-rgba-2-11-31-p62: rgba(2, 11, 31, 0.62);
  --ui-palette-rgba-2-132-199-p14: rgba(2,132,199,0.14);
  --ui-palette-rgba-2-132-199-p15: rgba(2,132,199,0.15);
  --ui-palette-rgba-2-132-199-p16: rgba(2,132,199,0.16);
  --ui-palette-rgba-2-132-199-p18: rgba(2,132,199,0.18);
  --ui-palette-rgba-2-132-199-p25: rgba(2,132,199,0.25);
  --ui-palette-rgba-2-8-23-p02: rgba(2, 8, 23, 0.02);
  --ui-palette-rgba-2-8-23-p12: rgba(2, 8, 23, 0.12);
  --ui-palette-rgba-2-8-23-p18: rgba(2, 8, 23, 0.18);
  --ui-palette-rgba-2-8-23-p28: rgba(2, 8, 23, 0.28);
  --ui-palette-rgba-2-8-23-p30: rgba(2, 8, 23, 0.30);
  --ui-palette-rgba-203-213-225-p95: rgba(203, 213, 225, 0.95);
  --ui-palette-rgba-21-128-61-p85: rgba(21, 128, 61, 0.85);
  --ui-palette-rgba-217-119-6-p08: rgba(217, 119, 6, 0.08);
  --ui-palette-rgba-217-119-6-p12: rgba(217, 119, 6, 0.12);
  --ui-palette-rgba-217-119-6-p14: rgba(217, 119, 6, .14);
  --ui-palette-rgba-217-119-6-p15: rgba(217, 119, 6, 0.15);
  --ui-palette-rgba-217-119-6-p2: rgba(217, 119, 6, 0.2);
  --ui-palette-rgba-217-119-6-p28: rgba(217, 119, 6, 0.28);
  --ui-palette-rgba-217-119-6-p3: rgba(217,119,6,0.3);
  --ui-palette-rgba-219-234-254-p76: rgba(219, 234, 254, 0.76);
  --ui-palette-rgba-219-234-254-p88: rgba(219, 234, 254, 0.88);
  --ui-palette-rgba-22-101-52-p16: rgba(22,101,52,0.16);
  --ui-palette-rgba-22-163-74-p1: rgba(22,163,74,0.1);
  --ui-palette-rgba-22-163-74-p12: rgba(22, 163, 74, .12);
  --ui-palette-rgba-22-163-74-p15: rgba(22,163,74,0.15);
  --ui-palette-rgba-22-163-74-p16: rgba(22,163,74,0.16);
  --ui-palette-rgba-22-163-74-p18: rgba(22,163,74,0.18);
  --ui-palette-rgba-22-163-74-p25: rgba(22,163,74,0.25);
  --ui-palette-rgba-22-163-74-p28: rgba(22, 163, 74, 0.28);
  --ui-palette-rgba-22-163-74-p68: rgba(22, 163, 74, 0.68);
  --ui-palette-rgba-22-56-76-p14: rgba(22, 56, 76, .14);
  --ui-palette-rgba-22-61-126-p12: rgba(22, 61, 126, 0.12);
  --ui-palette-rgba-220-228-231-p9: rgba(220,228,231,.9);
  --ui-palette-rgba-220-38-38-p05: rgba(220,38,38,0.05);
  --ui-palette-rgba-220-38-38-p08: rgba(220,38,38,0.08);
  --ui-palette-rgba-220-38-38-p1: rgba(220,38,38,0.1);
  --ui-palette-rgba-220-38-38-p12: rgba(220,38,38,0.12);
  --ui-palette-rgba-220-38-38-p16: rgba(220,38,38,0.16);
  --ui-palette-rgba-220-38-38-p2: rgba(220,38,38,0.2);
  --ui-palette-rgba-220-38-38-p22: rgba(220, 38, 38, 0.22);
  --ui-palette-rgba-220-38-38-p25: rgba(220,38,38,0.25);
  --ui-palette-rgba-220-38-38-p28: rgba(220, 38, 38, 0.28);
  --ui-palette-rgba-220-38-38-p3: rgba(220,38,38,0.3);
  --ui-palette-rgba-220-38-38-p66: rgba(220, 38, 38, 0.66);
  --ui-palette-rgba-220-38-38-p86: rgba(220, 38, 38, 0.86);
  --ui-palette-rgba-220-53-69-p08: rgba(220, 53, 69, 0.08);
  --ui-palette-rgba-220-53-69-p25: rgba(220,53,69,.25);
  --ui-palette-rgba-220-53-69-p4: rgba(220,53,69,0.4);
  --ui-palette-rgba-220-53-69-p45: rgba(220, 53, 69, 0.45);
  --ui-palette-rgba-220-53-69-p5: rgba(220,53,69,0.5);
  --ui-palette-rgba-220-53-69-p9: rgba(220,53,69,0.9);
  --ui-palette-rgba-226-232-240-p65: rgba(226, 232, 240, 0.65);
  --ui-palette-rgba-226-232-240-p75: rgba(226, 232, 240, 0.75);
  --ui-palette-rgba-226-232-240-p9: rgba(226, 232, 240, 0.9);
  --ui-palette-rgba-226-236-252-p85: rgba(226, 236, 252, 0.85);
  --ui-palette-rgba-23-59-147-p12: rgba(23, 59, 147, 0.12);
  --ui-palette-rgba-23-59-147-p94: rgba(23, 59, 147, 0.94);
  --ui-palette-rgba-234-179-8-p15: rgba(234,179,8,0.15);
  --ui-palette-rgba-234-179-8-p25: rgba(234,179,8,0.25);
  --ui-palette-rgba-234-88-12-p1: rgba(234,88,12,0.1);
  --ui-palette-rgba-234-88-12-p14: rgba(234,88,12,0.14);
  --ui-palette-rgba-234-88-12-p16: rgba(234,88,12,0.16);
  --ui-palette-rgba-234-88-12-p18: rgba(234,88,12,0.18);
  --ui-palette-rgba-234-88-12-p25: rgba(234,88,12,0.25);
  --ui-palette-rgba-239-68-68-p04: rgba(239, 68, 68, 0.04);
  --ui-palette-rgba-239-68-68-p1: rgba(239,68,68,0.1);
  --ui-palette-rgba-239-68-68-p12: rgba(239, 68, 68, 0.12);
  --ui-palette-rgba-239-68-68-p14: rgba(239, 68, 68, 0.14);
  --ui-palette-rgba-239-68-68-p15: rgba(239,68,68,0.15);
  --ui-palette-rgba-239-68-68-p18: rgba(239, 68, 68, 0.18);
  --ui-palette-rgba-239-68-68-p2: rgba(239,68,68,0.2);
  --ui-palette-rgba-239-68-68-p3: rgba(239,68,68,0.3);
  --ui-palette-rgba-239-68-68-p34: rgba(239, 68, 68, 0.34);
  --ui-palette-rgba-239-68-68-p5: rgba(239,68,68,0.5);
  --ui-palette-rgba-241-245-249-p85: rgba(241, 245, 249, 0.85);
  --ui-palette-rgba-241-245-249-p88: rgba(241, 245, 249, 0.88);
  --ui-palette-rgba-241-245-249-p94: rgba(241, 245, 249, 0.94);
  --ui-palette-rgba-241-245-249-p96: rgba(241, 245, 249, 0.96);
  --ui-palette-rgba-241-246-255-p86: rgba(241, 246, 255, 0.86);
  --ui-palette-rgba-243-247-255-p72: rgba(243, 247, 255, 0.72);
  --ui-palette-rgba-243-98-98-p14: rgba(243, 98, 98, 0.14);
  --ui-palette-rgba-244-247-251-p54: rgba(244, 247, 251, 0.54);
  --ui-palette-rgba-244-247-251-p68: rgba(244, 247, 251, 0.68);
  --ui-palette-rgba-244-247-251-p72: rgba(244, 247, 251, 0.72);
  --ui-palette-rgba-244-247-251-p76: rgba(244, 247, 251, 0.76);
  --ui-palette-rgba-244-247-251-p82: rgba(244, 247, 251, 0.82);
  --ui-palette-rgba-244-247-251-p84: rgba(244, 247, 251, 0.84);
  --ui-palette-rgba-244-247-251-p92: rgba(244, 247, 251, 0.92);
  --ui-palette-rgba-245-158-11-p1: rgba(245,158,11,0.1);
  --ui-palette-rgba-245-158-11-p14: rgba(245, 158, 11, 0.14);
  --ui-palette-rgba-245-158-11-p15: rgba(245,158,11,0.15);
  --ui-palette-rgba-245-158-11-p18: rgba(245, 158, 11, 0.18);
  --ui-palette-rgba-245-158-11-p3: rgba(245,158,11,0.3);
  --ui-palette-rgba-245-158-11-p34: rgba(245, 158, 11, 0.34);
  --ui-palette-rgba-245-89-89-p14: rgba(245, 89, 89, 0.14);
  --ui-palette-rgba-245-89-89-p8: rgba(245, 89, 89, 0.8);
  --ui-palette-rgba-245-89-89-p85: rgba(245, 89, 89, 0.85);
  --ui-palette-rgba-246-250-255-p96: rgba(246,250,255,0.96);
  --ui-palette-rgba-248-113-113-p24: rgba(248, 113, 113, 0.24);
  --ui-palette-rgba-248-250-252-p55: rgba(248, 250, 252, 0.55);
  --ui-palette-rgba-248-250-252-p7: rgba(248,250,252,0.7);
  --ui-palette-rgba-248-250-252-p9: rgba(248, 250, 252, 0.9);
  --ui-palette-rgba-248-250-252-p92: rgba(248, 250, 252, 0.92);
  --ui-palette-rgba-248-250-252-p96: rgba(248, 250, 252, 0.96);
  --ui-palette-rgba-249-115-22-p14: rgba(249,115,22,0.14);
  --ui-palette-rgba-25-135-84-p25: rgba(25,135,84,.25);
  --ui-palette-rgba-25-135-84-p35: rgba(25,135,84,0.35);
  --ui-palette-rgba-25-135-84-p4: rgba(25,135,84,0.4);
  --ui-palette-rgba-25-135-84-p9: rgba(25,135,84,0.9);
  --ui-palette-rgba-25-62-125-p08: rgba(25, 62, 125, 0.08);
  --ui-palette-rgba-250-204-21-p15: rgba(250, 204, 21, 0.15);
  --ui-palette-rgba-251-146-60-p1: rgba(251,146,60,0.1);
  --ui-palette-rgba-251-146-60-p15: rgba(251,146,60,0.15);
  --ui-palette-rgba-251-191-36-p15: rgba(251,191,36,0.15);
  --ui-palette-rgba-251-191-36-p16: rgba(251, 191, 36, 0.16);
  --ui-palette-rgba-254-226-226-p96: rgba(254, 226, 226, 0.96);
  --ui-palette-rgba-255-184-54-p18: rgba(255, 184, 54, 0.18);
  --ui-palette-rgba-255-184-54-p75: rgba(255, 184, 54, 0.75);
  --ui-palette-rgba-255-184-54-p85: rgba(255, 184, 54, 0.85);
  --ui-palette-rgba-255-193-7-p16: rgba(255, 193, 7, .16);
  --ui-palette-rgba-255-193-7-p4: rgba(255,193,7,0.4);
  --ui-palette-rgba-255-193-7-p9: rgba(255,193,7,0.9);
  --ui-palette-rgba-255-255-255-p02: rgba(255,255,255,0.02);
  --ui-palette-rgba-255-255-255-p025: rgba(255, 255, 255, 0.025);
  --ui-palette-rgba-255-255-255-p03: rgba(255, 255, 255, 0.03);
  --ui-palette-rgba-255-255-255-p04: rgba(255, 255, 255, 0.04);
  --ui-palette-rgba-255-255-255-p05: rgba(255,255,255,0.05);
  --ui-palette-rgba-255-255-255-p07: rgba(255, 255, 255, 0.07);
  --ui-palette-rgba-255-255-255-p08: rgba(255,255,255,0.08);
  --ui-palette-rgba-255-255-255-p09: rgba(255, 255, 255, 0.09);
  --ui-palette-rgba-255-255-255-p1: rgba(255,255,255,0.1);
  --ui-palette-rgba-255-255-255-p10: rgba(255, 255, 255, 0.10);
  --ui-palette-rgba-255-255-255-p12: rgba(255,255,255,0.12);
  --ui-palette-rgba-255-255-255-p14: rgba(255,255,255,0.14);
  --ui-palette-rgba-255-255-255-p15: rgba(255,255,255,0.15);
  --ui-palette-rgba-255-255-255-p16: rgba(255, 255, 255, 0.16);
  --ui-palette-rgba-255-255-255-p18: rgba(255,255,255,0.18);
  --ui-palette-rgba-255-255-255-p2: rgba(255,255,255,0.2);
  --ui-palette-rgba-255-255-255-p20: rgba(255, 255, 255, 0.20);
  --ui-palette-rgba-255-255-255-p22: rgba(255,255,255,0.22);
  --ui-palette-rgba-255-255-255-p24: rgba(255,255,255,0.24);
  --ui-palette-rgba-255-255-255-p25: rgba(255,255,255,0.25);
  --ui-palette-rgba-255-255-255-p28: rgba(255, 255, 255, 0.28);
  --ui-palette-rgba-255-255-255-p3: rgba(255,255,255,0.3);
  --ui-palette-rgba-255-255-255-p32: rgba(255, 255, 255, 0.32);
  --ui-palette-rgba-255-255-255-p34: rgba(255, 255, 255, 0.34);
  --ui-palette-rgba-255-255-255-p35: rgba(255,255,255,0.35);
  --ui-palette-rgba-255-255-255-p36: rgba(255, 255, 255, 0.36);
  --ui-palette-rgba-255-255-255-p4: rgba(255,255,255,0.4);
  --ui-palette-rgba-255-255-255-p42: rgba(255,255,255,0.42);
  --ui-palette-rgba-255-255-255-p48: rgba(255, 255, 255, 0.48);
  --ui-palette-rgba-255-255-255-p5: rgba(255,255,255,0.5);
  --ui-palette-rgba-255-255-255-p55: rgba(255, 255, 255, 0.55);
  --ui-palette-rgba-255-255-255-p62: rgba(255, 255, 255, 0.62);
  --ui-palette-rgba-255-255-255-p65: rgba(255, 255, 255, 0.65);
  --ui-palette-rgba-255-255-255-p7: rgba(255,255,255,0.7);
  --ui-palette-rgba-255-255-255-p70: rgba(255, 255, 255, 0.70);
  --ui-palette-rgba-255-255-255-p72: rgba(255, 255, 255, 0.72);
  --ui-palette-rgba-255-255-255-p75: rgba(255,255,255,0.75);
  --ui-palette-rgba-255-255-255-p78: rgba(255,255,255,0.78);
  --ui-palette-rgba-255-255-255-p8: rgba(255,255,255,0.8);
  --ui-palette-rgba-255-255-255-p82: rgba(255,255,255,0.82);
  --ui-palette-rgba-255-255-255-p84: rgba(255, 255, 255, 0.84);
  --ui-palette-rgba-255-255-255-p85: rgba(255,255,255,0.85);
  --ui-palette-rgba-255-255-255-p86: rgba(255,255,255,0.86);
  --ui-palette-rgba-255-255-255-p9: rgba(255,255,255,0.9);
  --ui-palette-rgba-255-255-255-p92: rgba(255, 255, 255, 0.92);
  --ui-palette-rgba-255-255-255-p93: rgba(255, 255, 255, 0.93);
  --ui-palette-rgba-255-255-255-p94: rgba(255, 255, 255, 0.94);
  --ui-palette-rgba-255-255-255-p95: rgba(255,255,255,0.95);
  --ui-palette-rgba-255-255-255-p96: rgba(255,255,255,0.96);
  --ui-palette-rgba-255-255-255-p97: rgba(255,255,255,0.97);
  --ui-palette-rgba-255-255-255-p98: rgba(255, 255, 255, 0.98);
  --ui-palette-rgba-29-78-216-p26: rgba(29, 78, 216, 0.26);
  --ui-palette-rgba-29-78-216-p35: rgba(29, 78, 216, 0.35);
  --ui-palette-rgba-29-78-216-p38: rgba(29, 78, 216, 0.38);
  --ui-palette-rgba-30-41-59-p12: rgba(30,41,59,0.12);
  --ui-palette-rgba-30-58-138-p05: rgba(30,58,138,0.05);
  --ui-palette-rgba-30-58-138-p08: rgba(30,58,138,0.08);
  --ui-palette-rgba-30-58-138-p1: rgba(30,58,138,0.1);
  --ui-palette-rgba-30-58-138-p12: rgba(30,58,138,0.12);
  --ui-palette-rgba-30-58-138-p15: rgba(30,58,138,0.15);
  --ui-palette-rgba-30-58-138-p18: rgba(30,58,138,0.18);
  --ui-palette-rgba-30-58-138-p2: rgba(30,58,138,0.2);
  --ui-palette-rgba-30-58-138-p25: rgba(30,58,138,0.25);
  --ui-palette-rgba-30-58-138-p3: rgba(30,58,138,0.3);
  --ui-palette-rgba-30-58-138-p35: rgba(30,58,138,0.35);
  --ui-palette-rgba-30-58-138-p4: rgba(30,58,138,0.4);
  --ui-palette-rgba-30-58-138-p45: rgba(30, 58, 138, 0.45);
  --ui-palette-rgba-30-58-138-p5: rgba(30,58,138,0.5);
  --ui-palette-rgba-30-64-175-p04: rgba(30,64,175,0.04);
  --ui-palette-rgba-30-64-175-p08: rgba(30,64,175,0.08);
  --ui-palette-rgba-30-64-175-p1: rgba(30,64,175,0.1);
  --ui-palette-rgba-30-64-175-p10: rgba(30, 64, 175, 0.10);
  --ui-palette-rgba-30-64-175-p12: rgba(30,64,175,0.12);
  --ui-palette-rgba-30-64-175-p13: rgba(30, 64, 175, 0.13);
  --ui-palette-rgba-30-64-175-p14: rgba(30,64,175,0.14);
  --ui-palette-rgba-30-64-175-p15: rgba(30,64,175,0.15);
  --ui-palette-rgba-30-64-175-p16: rgba(30, 64, 175, 0.16);
  --ui-palette-rgba-30-64-175-p18: rgba(30, 64, 175, 0.18);
  --ui-palette-rgba-30-64-175-p2: rgba(30,64,175,0.2);
  --ui-palette-rgba-30-64-175-p20: rgba(30, 64, 175, 0.20);
  --ui-palette-rgba-30-64-175-p22: rgba(30, 64, 175, 0.22);
  --ui-palette-rgba-30-64-175-p25: rgba(30,64,175,0.25);
  --ui-palette-rgba-30-64-175-p28: rgba(30, 64, 175, 0.28);
  --ui-palette-rgba-30-64-175-p3: rgba(30,64,175,0.3);
  --ui-palette-rgba-30-64-175-p35: rgba(30,64,175,0.35);
  --ui-palette-rgba-30-64-175-p4: rgba(30,64,175,0.4);
  --ui-palette-rgba-30-64-175-p42: rgba(30, 64, 175, 0.42);
  --ui-palette-rgba-30-64-175-p45: rgba(30, 64, 175, 0.45);
  --ui-palette-rgba-30-64-175-p6: rgba(30,64,175,0.6);
  --ui-palette-rgba-30-64-175-p95: rgba(30, 64, 175, 0.95);
  --ui-palette-rgba-30-64-175-p98: rgba(30, 64, 175, 0.98);
  --ui-palette-rgba-34-197-94-p1: rgba(34,197,94,0.1);
  --ui-palette-rgba-34-197-94-p13: rgba(34, 197, 94, 0.13);
  --ui-palette-rgba-34-197-94-p14: rgba(34,197,94,0.14);
  --ui-palette-rgba-34-197-94-p15: rgba(34,197,94,0.15);
  --ui-palette-rgba-34-197-94-p3: rgba(34, 197, 94, 0.3);
  --ui-palette-rgba-34-197-94-p35: rgba(34, 197, 94, 0.35);
  --ui-palette-rgba-34-211-238-p15: rgba(34,211,238,0.15);
  --ui-palette-rgba-34-211-238-p3: rgba(34,211,238,0.3);
  --ui-palette-rgba-37-99-235-p03: rgba(37, 99, 235, 0.03);
  --ui-palette-rgba-37-99-235-p04: rgba(37, 99, 235, 0.04);
  --ui-palette-rgba-37-99-235-p06: rgba(37,99,235,.06);
  --ui-palette-rgba-37-99-235-p07: rgba(37,99,235,0.07);
  --ui-palette-rgba-37-99-235-p08: rgba(37,99,235,0.08);
  --ui-palette-rgba-37-99-235-p1: rgba(37,99,235,0.1);
  --ui-palette-rgba-37-99-235-p10: rgba(37, 99, 235, 0.10);
  --ui-palette-rgba-37-99-235-p12: rgba(37, 99, 235, .12);
  --ui-palette-rgba-37-99-235-p14: rgba(37,99,235,0.14);
  --ui-palette-rgba-37-99-235-p15: rgba(37,99,235,0.15);
  --ui-palette-rgba-37-99-235-p16: rgba(37,99,235,0.16);
  --ui-palette-rgba-37-99-235-p17: rgba(37, 99, 235, 0.17);
  --ui-palette-rgba-37-99-235-p18: rgba(37, 99, 235, 0.18);
  --ui-palette-rgba-37-99-235-p2: rgba(37,99,235,0.2);
  --ui-palette-rgba-37-99-235-p20: rgba(37, 99, 235, 0.20);
  --ui-palette-rgba-37-99-235-p22: rgba(37,99,235,0.22);
  --ui-palette-rgba-37-99-235-p24: rgba(37, 99, 235, 0.24);
  --ui-palette-rgba-37-99-235-p25: rgba(37,99,235,0.25);
  --ui-palette-rgba-37-99-235-p26: rgba(37, 99, 235, 0.26);
  --ui-palette-rgba-37-99-235-p28: rgba(37, 99, 235, 0.28);
  --ui-palette-rgba-37-99-235-p3: rgba(37,99,235,0.3);
  --ui-palette-rgba-37-99-235-p32: rgba(37,99,235,0.32);
  --ui-palette-rgba-37-99-235-p42: rgba(37, 99, 235, 0.42);
  --ui-palette-rgba-37-99-235-p45: rgba(37, 99, 235, 0.45);
  --ui-palette-rgba-37-99-235-p5: rgba(37, 99, 235, 0.5);
  --ui-palette-rgba-37-99-235-p55: rgba(37, 99, 235, 0.55);
  --ui-palette-rgba-37-99-235-p68: rgba(37, 99, 235, 0.68);
  --ui-palette-rgba-37-99-235-p92: rgba(37,99,235,0.92);
  --ui-palette-rgba-37-99-235-p98: rgba(37, 99, 235, 0.98);
  --ui-palette-rgba-38-195-122-p12: rgba(38, 195, 122, 0.12);
  --ui-palette-rgba-38-195-122-p13: rgba(38, 195, 122, 0.13);
  --ui-palette-rgba-38-195-122-p65: rgba(38, 195, 122, 0.65);
  --ui-palette-rgba-44-83-100-p05: rgba(44,83,100,0.05);
  --ui-palette-rgba-44-83-100-p08: rgba(44,83,100,0.08);
  --ui-palette-rgba-44-83-100-p12: rgba(44,83,100,0.12);
  --ui-palette-rgba-44-83-100-p15: rgba(44,83,100,0.15);
  --ui-palette-rgba-45-197-123-p12: rgba(45, 197, 123, 0.12);
  --ui-palette-rgba-47-108-137-p12: rgba(47,108,137,0.12);
  --ui-palette-rgba-47-108-137-p6: rgba(47,108,137,0.6);
  --ui-palette-rgba-5-150-105-p18: rgba(5, 150, 105, 0.18);
  --ui-palette-rgba-5-150-105-p25: rgba(5,150,105,0.25);
  --ui-palette-rgba-50-111-255-p12: rgba(50, 111, 255, 0.12);
  --ui-palette-rgba-50-96-173-p18: rgba(50, 96, 173, 0.18);
  --ui-palette-rgba-51-65-85-p2: rgba(51, 65, 85, 0.2);
  --ui-palette-rgba-55-108-190-p18: rgba(55, 108, 190, 0.18);
  --ui-palette-rgba-59-130-246-p035: rgba(59, 130, 246, 0.035);
  --ui-palette-rgba-59-130-246-p05: rgba(59,130,246,0.05);
  --ui-palette-rgba-59-130-246-p06: rgba(59,130,246,0.06);
  --ui-palette-rgba-59-130-246-p08: rgba(59, 130, 246, 0.08);
  --ui-palette-rgba-59-130-246-p1: rgba(59,130,246,0.1);
  --ui-palette-rgba-59-130-246-p12: rgba(59,130,246,0.12);
  --ui-palette-rgba-59-130-246-p14: rgba(59, 130, 246, 0.14);
  --ui-palette-rgba-59-130-246-p15: rgba(59,130,246,0.15);
  --ui-palette-rgba-59-130-246-p16: rgba(59, 130, 246, 0.16);
  --ui-palette-rgba-59-130-246-p18: rgba(59,130,246,0.18);
  --ui-palette-rgba-59-130-246-p2: rgba(59,130,246,0.2);
  --ui-palette-rgba-59-130-246-p22: rgba(59, 130, 246, 0.22);
  --ui-palette-rgba-59-130-246-p24: rgba(59, 130, 246, 0.24);
  --ui-palette-rgba-59-130-246-p3: rgba(59,130,246,0.3);
  --ui-palette-rgba-59-130-246-p30: rgba(59, 130, 246, 0.30);
  --ui-palette-rgba-59-130-246-p32: rgba(59, 130, 246, 0.32);
  --ui-palette-rgba-59-130-246-p4: rgba(59,130,246,0.4);
  --ui-palette-rgba-59-130-246-p48: rgba(59, 130, 246, 0.48);
  --ui-palette-rgba-59-130-246-p5: rgba(59, 130, 246, 0.5);
  --ui-palette-rgba-59-130-246-p56: rgba(59, 130, 246, 0.56);
  --ui-palette-rgba-59-130-246-p95: rgba(59, 130, 246, 0.95);
  --ui-palette-rgba-6-182-212-p12: rgba(6, 182, 212, 0.12);
  --ui-palette-rgba-6-20-46-p55: rgba(6, 20, 46, 0.55);
  --ui-palette-rgba-66-122-208-p26: rgba(66, 122, 208, 0.26);
  --ui-palette-rgba-67-119-255-p12: rgba(67, 119, 255, 0.12);
  --ui-palette-rgba-7-26-51-p46: rgba(7, 26, 51, 0.46);
  --ui-palette-rgba-7-26-51-p98: rgba(7, 26, 51, 0.98);
  --ui-palette-rgba-71-128-220-0: rgba(71, 128, 220, 0);
  --ui-palette-rgba-71-128-220-p18: rgba(71, 128, 220, 0.18);
  --ui-palette-rgba-80-181-233-p14: rgba(80, 181, 233, 0.14);
  --ui-palette-rgba-86-114-156-p32: rgba(86, 114, 156, 0.32);
  --ui-palette-rgba-90-128-195-p14: rgba(90, 128, 195, 0.14);
  --ui-palette-rgba-96-165-250-p20: rgba(96, 165, 250, 0.20);
  --ui-palette-rgba-96-165-250-p25: rgba(96,165,250,0.25);
  --ui-palette-rgba-96-165-250-p55: rgba(96, 165, 250, 0.55);
  --ui-palette-rgba-99-102-241-p15: rgba(99,102,241,0.15);
}