/* Auto-generated CSS from *.css.ts files */
/* Modules: 187 */

/* === ActiveIndicator.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\ActiveIndicator.package\ActiveIndicator.css.ts */
.activeIndicator_4q08fw {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 2rem;
  border-radius: 9999px;
  color: rgb(var(--on-surface-variant));
  flex-shrink: 0;
}

.activeIndicator_4q08fw::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--state-layer-color, rgb(var(--on-surface)));
  opacity: var(--state-layer-opacity, 0);
  pointer-events: none;
  transition: none;
}

.activeIndicator_4q08fw.horizontal_4q08fw {
  height: 3.5rem;
}

.activeIndicator_4q08fw.active_4q08fw {
  background: rgb(var(--secondary-container));
  color: rgb(var(--on-secondary-container));
}

/* === ActivityListItem.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\ActivityListItem.package\ActivityListItem.css.ts */
.activityListItem_9econn {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
}

.activityListItemBody_ea6cj {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  flex: 1;
  min-width: 0;
}

.activityListItemDescription_mq8xxm {
  margin: 0;
  color: var(--on-color-variant, var(--on-color));
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  letter-spacing: 0.033em;
  type: 400 0.75rem/1rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.activityListItemIcon_xikzu3 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  color: var(--on-color-variant, var(--on-color));
  flex-shrink: 0;
}

.activityListItemLabel_cybisa {
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.018em;
  type: 400 0.875rem/1.25rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.activityListItemTimestamp_g6zsvd {
  margin: 0;
  color: var(--on-color-variant, var(--on-color));
  white-space: nowrap;
  flex-shrink: 0;
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.6875rem;
  line-height: 1rem;
  font-weight: 500;
  letter-spacing: 0.045em;
  type: 500 0.6875rem/1rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

/* === AdjustmentLayer.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\AdjustmentLayer.package\AdjustmentLayer.css.ts */
.adjustmentLayer_2ypns0 {
  position: relative;
  width: 100%;
  height: 100%;
  grid-row: 1;
  grid-column: 1;
  box-sizing: border-box;
  min-width: 0;
  min-height: 0;
}

/* === AdvancedText.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\AdvancedText.package\AdvancedText.css.ts */
.advancedText_6ckwbg {
  display: inline;
  margin: 0;
  padding: 0;
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.018em;
  type: 400 0.875rem/1.25rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.advancedText_6ckwbg.displayLarge_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 3.5625rem;
  line-height: 4rem;
  font-weight: 400;
  letter-spacing: -0.004em;
  type: 400 3.5625rem/4rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.advancedText_6ckwbg.displayMedium_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 2.8125rem;
  line-height: 3.25rem;
  font-weight: 400;
  letter-spacing: 0;
  type: 400 2.8125rem/3.25rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.advancedText_6ckwbg.displaySmall_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 2.25rem;
  line-height: 2.75rem;
  font-weight: 400;
  letter-spacing: 0;
  type: 400 2.25rem/2.75rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.advancedText_6ckwbg.headlineLarge_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 2rem;
  line-height: 2.5rem;
  font-weight: 400;
  letter-spacing: 0;
  type: 400 2rem/2.5rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.advancedText_6ckwbg.headlineMedium_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 1.75rem;
  line-height: 2.25rem;
  font-weight: 400;
  letter-spacing: 0;
  type: 400 1.75rem/2.25rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.advancedText_6ckwbg.headlineSmall_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  letter-spacing: 0;
  type: 400 1.5rem/2rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.advancedText_6ckwbg.titleLarge_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 1.375rem;
  line-height: 1.75rem;
  font-weight: 400;
  letter-spacing: 0;
  type: 400 1.375rem/1.75rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.advancedText_6ckwbg.titleMedium_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.009em;
  type: 500 1rem/1.5rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.advancedText_6ckwbg.titleSmall_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.007em;
  type: 500 0.875rem/1.25rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.advancedText_6ckwbg.bodyLarge_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.031em;
  type: 400 1rem/1.5rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.advancedText_6ckwbg.bodyMedium_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.018em;
  type: 400 0.875rem/1.25rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.advancedText_6ckwbg.bodySmall_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  letter-spacing: 0.033em;
  type: 400 0.75rem/1rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.advancedText_6ckwbg.labelLarge_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.007em;
  type: 500 0.875rem/1.25rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.advancedText_6ckwbg.labelMedium_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  letter-spacing: 0.042em;
  type: 500 0.75rem/1rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.advancedText_6ckwbg.labelSmall_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.6875rem;
  line-height: 1rem;
  font-weight: 500;
  letter-spacing: 0.045em;
  type: 500 0.6875rem/1rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.advancedText_6ckwbg.displayLargeEmphasized_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 3.5625rem;
  line-height: 4rem;
  font-weight: 500;
  letter-spacing: 0;
  type: 500 3.5625rem/4rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.advancedText_6ckwbg.displayMediumEmphasized_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 2.8125rem;
  line-height: 3.25rem;
  font-weight: 500;
  letter-spacing: 0;
  type: 500 2.8125rem/3.25rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.advancedText_6ckwbg.displaySmallEmphasized_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 2.25rem;
  line-height: 2.75rem;
  font-weight: 500;
  letter-spacing: 0;
  type: 500 2.25rem/2.75rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.advancedText_6ckwbg.headlineLargeEmphasized_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 2rem;
  line-height: 2.5rem;
  font-weight: 500;
  letter-spacing: 0;
  type: 500 2rem/2.5rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.advancedText_6ckwbg.headlineMediumEmphasized_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 1.75rem;
  line-height: 2.25rem;
  font-weight: 500;
  letter-spacing: 0;
  type: 500 1.75rem/2.25rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.advancedText_6ckwbg.headlineSmallEmphasized_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 500;
  letter-spacing: 0;
  type: 500 1.5rem/2rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.advancedText_6ckwbg.titleLargeEmphasized_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 1.375rem;
  line-height: 1.75rem;
  font-weight: 500;
  letter-spacing: 0;
  type: 500 1.375rem/1.75rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.advancedText_6ckwbg.titleMediumEmphasized_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.009em;
  type: 700 1rem/1.5rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.advancedText_6ckwbg.titleSmallEmphasized_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  letter-spacing: 0.007em;
  type: 700 0.875rem/1.25rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.advancedText_6ckwbg.bodyLargeEmphasized_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.009em;
  type: 500 1rem/1.5rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.advancedText_6ckwbg.bodyMediumEmphasized_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.018em;
  type: 500 0.875rem/1.25rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.advancedText_6ckwbg.bodySmallEmphasized_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  letter-spacing: 0.033em;
  type: 500 0.75rem/1rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.advancedText_6ckwbg.labelLargeEmphasized_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  letter-spacing: 0.007em;
  type: 700 0.875rem/1.25rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.advancedText_6ckwbg.labelMediumEmphasized_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  letter-spacing: 0.042em;
  type: 700 0.75rem/1rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.advancedText_6ckwbg.labelSmallEmphasized_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.6875rem;
  line-height: 1rem;
  font-weight: 700;
  letter-spacing: 0.045em;
  type: 700 0.6875rem/1rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.advancedText_6ckwbg.primary_6ckwbg {
  color: rgb(var(--primary));
}

.advancedText_6ckwbg.onPrimary_6ckwbg {
  color: rgb(var(--on-primary));
}

.advancedText_6ckwbg.primaryContainer_6ckwbg {
  color: rgb(var(--primary-container));
}

.advancedText_6ckwbg.onPrimaryContainer_6ckwbg {
  color: rgb(var(--on-primary-container));
}

.advancedText_6ckwbg.secondary_6ckwbg {
  color: rgb(var(--secondary));
}

.advancedText_6ckwbg.onSecondary_6ckwbg {
  color: rgb(var(--on-secondary));
}

.advancedText_6ckwbg.secondaryContainer_6ckwbg {
  color: rgb(var(--secondary-container));
}

.advancedText_6ckwbg.onSecondaryContainer_6ckwbg {
  color: rgb(var(--on-secondary-container));
}

.advancedText_6ckwbg.tertiary_6ckwbg {
  color: rgb(var(--tertiary));
}

.advancedText_6ckwbg.onTertiary_6ckwbg {
  color: rgb(var(--on-tertiary));
}

.advancedText_6ckwbg.tertiaryContainer_6ckwbg {
  color: rgb(var(--tertiary-container));
}

.advancedText_6ckwbg.onTertiaryContainer_6ckwbg {
  color: rgb(var(--on-tertiary-container));
}

.advancedText_6ckwbg.surface_6ckwbg {
  color: rgb(var(--surface));
}

.advancedText_6ckwbg.onSurface_6ckwbg {
  color: rgb(var(--on-surface));
}

.advancedText_6ckwbg.surfaceVariant_6ckwbg {
  color: rgb(var(--surface-variant));
}

.advancedText_6ckwbg.onSurfaceVariant_6ckwbg {
  color: rgb(var(--on-surface-variant));
}

.advancedText_6ckwbg.surfaceContainerLowest_6ckwbg {
  color: rgb(var(--surface-container-lowest));
}

.advancedText_6ckwbg.surfaceContainerLow_6ckwbg {
  color: rgb(var(--surface-container-low));
}

.advancedText_6ckwbg.surfaceContainer_6ckwbg {
  color: rgb(var(--surface-container));
}

.advancedText_6ckwbg.surfaceContainerHigh_6ckwbg {
  color: rgb(var(--surface-container-high));
}

.advancedText_6ckwbg.surfaceContainerHighest_6ckwbg {
  color: rgb(var(--surface-container-highest));
}

.advancedText_6ckwbg.outline_6ckwbg {
  color: rgb(var(--outline));
}

.advancedText_6ckwbg.outlineVariant_6ckwbg {
  color: rgb(var(--outline-variant));
}

.advancedText_6ckwbg.inverseSurface_6ckwbg {
  color: rgb(var(--inverse-surface));
}

.advancedText_6ckwbg.inverseOnSurface_6ckwbg {
  color: rgb(var(--inverse-on-surface));
}

.advancedText_6ckwbg.inversePrimary_6ckwbg {
  color: rgb(var(--inverse-primary));
}

.advancedText_6ckwbg.shadow_6ckwbg {
  color: rgb(var(--shadow));
}

.advancedText_6ckwbg.scrim_6ckwbg {
  color: rgb(var(--scrim));
}

.advancedText_6ckwbg.error_6ckwbg {
  color: rgb(var(--error));
}

.advancedText_6ckwbg.onError_6ckwbg {
  color: rgb(var(--on-error));
}

.advancedText_6ckwbg.errorContainer_6ckwbg {
  color: rgb(var(--error-container));
}

.advancedText_6ckwbg.onErrorContainer_6ckwbg {
  color: rgb(var(--on-error-container));
}

.advancedText_6ckwbg.warning_6ckwbg {
  color: rgb(var(--warning));
}

.advancedText_6ckwbg.onWarning_6ckwbg {
  color: rgb(var(--on-warning));
}

.advancedText_6ckwbg.warningContainer_6ckwbg {
  color: rgb(var(--warning-container));
}

.advancedText_6ckwbg.onWarningContainer_6ckwbg {
  color: rgb(var(--on-warning-container));
}

.advancedText_6ckwbg.success_6ckwbg {
  color: rgb(var(--success));
}

.advancedText_6ckwbg.onSuccess_6ckwbg {
  color: rgb(var(--on-success));
}

.advancedText_6ckwbg.successContainer_6ckwbg {
  color: rgb(var(--success-container));
}

.advancedText_6ckwbg.onSuccessContainer_6ckwbg {
  color: rgb(var(--on-success-container));
}

.advancedText_6ckwbg.info_6ckwbg {
  color: rgb(var(--info));
}

.advancedText_6ckwbg.onInfo_6ckwbg {
  color: rgb(var(--on-info));
}

.advancedText_6ckwbg.infoContainer_6ckwbg {
  color: rgb(var(--info-container));
}

.advancedText_6ckwbg.onInfoContainer_6ckwbg {
  color: rgb(var(--on-info-container));
}

.advancedText_6ckwbg.paragraph_6ckwbg {
  display: block;
}

.advancedText_6ckwbg.uppercase_6ckwbg {
  text-transform: uppercase;
  letter-spacing: 0.045em;
}

.advancedText_6ckwbg.mono_6ckwbg {
  font-family: var(--kit-font-mono, 'Cascadia Code', 'Fira Code', ui-monospace, 'Consolas', monospace);
}

.advancedText_6ckwbg.alignCenter_6ckwbg {
  display: block;
  text-align: center;
}

.advancedText_6ckwbg.alignEnd_6ckwbg {
  display: block;
  text-align: end;
}

.advancedTextContent_jmhor7 {
  margin: 0;
  padding: 0;
  font: inherit;
  color: inherit;
}

/* === AspectBox.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\AspectBox.package\AspectBox.css.ts */
.aspectBox_79qo8q {
  position: relative;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
}

.aspectBox_79qo8q.placeholder_79qo8q {
  background: rgb(var(--surface-container-highest));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
}

.aspectBox_79qo8q.ar1x1_79qo8q {
  aspect-ratio: 1 / 1;
}

.aspectBox_79qo8q.ar4x3_79qo8q {
  aspect-ratio: 4 / 3;
}

.aspectBox_79qo8q.ar3x2_79qo8q {
  aspect-ratio: 3 / 2;
}

.aspectBox_79qo8q.ar16x9_79qo8q {
  aspect-ratio: 16 / 9;
}

.aspectBox_79qo8q.ar3x4_79qo8q {
  aspect-ratio: 3 / 4;
}

.aspectBox_79qo8q.ar2x3_79qo8q {
  aspect-ratio: 2 / 3;
}

.aspectBox_79qo8q.arAuto_79qo8q {
  aspect-ratio: auto;
}

.aspectBoxOverlay_7x7k07 {
  position: absolute;
  display: inline-flex;
}

.aspectBoxOverlay_7x7k07.top-start_7x7k07 {
  inset-block-start: 0.5rem;
  inset-inline-start: 0.5rem;
}

.aspectBoxOverlay_7x7k07.top-end_7x7k07 {
  inset-block-start: 0.5rem;
  inset-inline-end: 0.5rem;
}

.aspectBoxOverlay_7x7k07.bottom-start_7x7k07 {
  inset-block-end: 0.5rem;
  inset-inline-start: 0.5rem;
}

.aspectBoxOverlay_7x7k07.bottom-end_7x7k07 {
  inset-block-end: 0.5rem;
  inset-inline-end: 0.5rem;
}

/* === AssistChip.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\AssistChip.package\AssistChip.css.ts */
.assistChip_7izoc1 {
  appearance: none;
  cursor: pointer;
  padding: 0;
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding-inline-start: 1rem;
  padding-inline-end: 1rem;
  background: transparent;
  border: 0.0625rem solid rgb(var(--outline-variant));
  border-radius: 0.75rem;
  color: rgb(var(--on-surface));
  font-family: var(--kit-font, -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif);
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: -0.01em;
  font-weight: 500;
  white-space: nowrap;
  box-sizing: border-box;
}

.assistChip_7izoc1::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--state-layer-color, rgb(var(--on-surface)));
  opacity: var(--state-layer-opacity, 0);
  pointer-events: none;
  transition: none;
}

.assistChip_7izoc1:hover {
  --state-layer-opacity: 0.04;
}

.assistChip_7izoc1:focus-visible {
  outline: none;
  border-color: rgb(var(--on-surface));
  --state-layer-opacity: 0.06;
}

.assistChip_7izoc1:active {
  --state-layer-opacity: 0.08;
}

.assistChip_7izoc1.disabled_7izoc1 {
  cursor: not-allowed;
  border-color: color-mix(in srgb, rgb(var(--on-surface)) 12%, transparent);
  color: color-mix(in srgb, rgb(var(--on-surface)) 38%, transparent);
}

.assistChip_7izoc1.disabled_7izoc1::before {
  display: none;
}

.assistChip_7izoc1.hasLeading_7izoc1 {
  padding-inline-start: 0.5rem;
}

.assistChipIcon_5h7di1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.125rem;
  height: 1.125rem;
  color: rgb(var(--primary));
  flex-shrink: 0;
  pointer-events: none;
}

.assistChipIcon_5h7di1.disabled_5h7di1 {
  color: color-mix(in srgb, rgb(var(--on-surface)) 38%, transparent);
}

/* === Avatar.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\Avatar.package\Avatar.css.ts */
.avatar_8e78gb {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  overflow: hidden;
  background: rgb(var(--primary));
  color: rgb(var(--on-primary));
  --on-color: rgb(var(--on-primary));
  flex-shrink: 0;
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  letter-spacing: 0.042em;
  type: 500 0.75rem/1rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.avatar_8e78gb.small_8e78gb {
  width: 1rem;
  height: 1rem;
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.6875rem;
  line-height: 1rem;
  font-weight: 500;
  letter-spacing: 0.045em;
  type: 500 0.6875rem/1rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.avatar_8e78gb.large_8e78gb {
  width: 1.75rem;
  height: 1.75rem;
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.009em;
  type: 500 1rem/1.5rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.avatarInitials_crsj1q {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
}

/* === Badge.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\Badge.package\Badge.css.ts */
.badge_lnf4h9 {
  --bd-radius: 9999px;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--bd-radius);
  --bd-radius: 9999px;
}

.badge_lnf4h9.dot_lnf4h9 {
  --bd-radius: 9999px;
  width: 0.375rem;
  height: 0.375rem;
  background: rgb(var(--error));
}

.badge_lnf4h9.count_lnf4h9 {
  --bd-radius: 9999px;
  min-width: 1rem;
  min-height: 1rem;
  padding: 0.125rem 0.25rem;
  background: rgb(var(--error));
  color: rgb(var(--on-error));
  font-family: Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-size: 0.6875rem;
  font-weight: 500;
  letter-spacing: 0.045em;
}

/* === BadgeAnchor.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\BadgeAnchor.package\BadgeAnchor.css.ts */
.badgeAnchor_y1fenm {
  position: relative;
  display: inline-flex;
}

.badgeAnchorSlot_ca4ba9 {
  position: absolute;
  display: inline-flex;
  pointer-events: none;
}

.badgeAnchorSlot_ca4ba9.topEnd_ca4ba9 {
  inset-block-start: 0;
  inset-inline-end: 0;
  transform: translate(50%, -50%);
}

.badgeAnchorSlot_ca4ba9.topStart_ca4ba9 {
  inset-block-start: 0;
  inset-inline-start: 0;
  transform: translate(-50%, -50%);
}

.badgeAnchorSlot_ca4ba9.bottomEnd_ca4ba9 {
  inset-block-end: 0;
  inset-inline-end: 0;
  transform: translate(50%, 50%);
}

.badgeAnchorSlot_ca4ba9.bottomStart_ca4ba9 {
  inset-block-end: 0;
  inset-inline-start: 0;
  transform: translate(-50%, 50%);
}

/* === Band.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\Band.package\Band.css.ts */
.band_agfc3v {
  box-sizing: border-box;
  margin-inline: calc(-1 * var(--kit-page-gutter, 0));
  width: calc(100% + 2 * var(--kit-page-gutter, 0));
  border-radius: 0rem;
}

.band_agfc3v.inset_agfc3v {
  padding: var(--kit-page-gutter, 0);
}

.band_agfc3v.surface_agfc3v {
  background: rgb(var(--surface-container-high));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
}

.band_agfc3v.elevated_agfc3v {
  background: rgb(var(--surface-container));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
}

.band_agfc3v.sunken_agfc3v {
  background: rgb(var(--surface));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
}

.band_agfc3v.primary_agfc3v {
  background: rgb(var(--primary));
  color: rgb(var(--on-primary));
  --on-color: rgb(var(--on-primary));
}

/* === Banner.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\Banner.package\Banner.css.ts */
.banner_wvmqr3 {
  display: flex;
  align-items: center;
  gap: 1rem;
  width: 100%;
  min-height: 3.375rem;
  padding: 1rem;
  background: rgb(var(--surface-container-low));
  box-shadow: 0 4px 12px rgba(0,0,0,0.20), 0 1px 3px rgba(0,0,0,0.12);
  box-sizing: border-box;
}

.bannerAction_cqdgcx {
  appearance: none;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.625rem 0.75rem;
  color: rgb(var(--on-surface-variant));
  font-family: Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.018em;
  font-weight: 400;
}

.bannerAction_cqdgcx:focus-visible {
  outline: none;
}

.bannerActions_d94q3o {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
}

.bannerImage_w2svs {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 9999px;
  overflow: hidden;
  flex-shrink: 0;
}

.bannerText_8ydjyn {
  flex: 1;
  min-width: 0;
  color: rgb(var(--on-surface-variant));
  font-family: Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.018em;
  font-weight: 400;
}

/* === BlogCmsDashboardFrame.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\BlogCmsDashboardFrame.package\BlogCmsDashboardFrame.css.ts */
.blogCmsDashboardFrame_aqdkxm {
  background: rgb(var(--surface-container-high));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
  padding-top: 1.5rem;
  padding-inline: 1.5rem;
  padding-bottom: 1.75rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.blogCmsDashboardFrameFilters_8i630y {
  padding-inline: 1.75rem;
  padding-bottom: 1rem;
}

.blogCmsDashboardFrameHeader_kx96dm {
  padding-top: 1.75rem;
  padding-inline: 1.75rem;
  padding-bottom: 1.25rem;
}

.blogCmsDashboardFramePane_lemp6v {
  background: rgb(var(--surface));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
  border-radius: 1.75rem;
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.20), 0 1px 3px rgba(0,0,0,0.12);
}

/* === BottomAppBar.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\BottomAppBar.package\BottomAppBar.css.ts */
.bottomAppBar_e4tx9w {
  display: flex;
  flex-direction: row;
  align-items: center;
  box-sizing: border-box;
  height: 5rem;
  background: rgb(var(--surface-container));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
  box-shadow: 0 4px 12px rgba(0,0,0,0.20), 0 1px 3px rgba(0,0,0,0.12);
  border-radius: 0px;
  overflow: hidden;
}

.bottomAppBarFabSlot_pj9ig3 {
  display: flex;
  align-items: center;
  margin-inline-start: auto;
}

.bottomAppBarIconCluster_881fyl {
  display: flex;
  flex-direction: row;
  align-items: center;
}

/* === BottomSheet.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\BottomSheet.package\BottomSheet.css.ts */
.bottomSheetDragHandle_4tq9g9 {
  width: 2rem;
  height: 0.25rem;
  background: rgb(var(--on-surface-variant));
  border-radius: 624.9375rem;
  pointer-events: none;
}

.bottomSheetDragHandleZone_gqcdqp {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 3rem;
  margin-top: 0.5rem;
  cursor: grab;
  touch-action: none;
  user-select: none;
}

.bottomSheetDragHandleZone_gqcdqp.dragging_gqcdqp {
  cursor: grabbing;
}

.bottomSheetPanel_o2reaw {
  --bottom-sheet-drag-y: 0px;
  --peek-height: 0px;

  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  background: rgb(var(--surface-container-low));
  border-radius: 1.75rem 1.75rem 0px 0px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.20), 0 1px 3px rgba(0,0,0,0.12);
  max-height: 70vh;
  touch-action: none;
  padding: 2rem;
  transform: translateY(var(--bottom-sheet-drag-y));
  z-index: 1001;
  transition: max-height 250ms cubic-bezier(0.32, 0.72, 0, 1), transform 350ms linear(0, 0.017, 0.0628, 0.1298, 0.2116, 0.3025, 0.3975, 0.4927, 0.585, 0.6719, 0.7517, 0.8232, 0.8858, 0.9393, 0.9837, 1.0196, 1.0474, 1.068, 1.0821, 1.0906, 1.0944, 1.0943, 1.0911, 1.0856, 1.0785, 1.0702, 1.0613, 1.0523, 1.0434, 1.0349, 1.027, 1.0198, 1.0135, 1.008, 1.0034, 0.9996, 0.9966, 0.9944, 0.9928, 0.9917, 1);
  --bottom-sheet-drag-y: 0px;
  --peek-height: 0px;
}

.bottomSheetPanel_o2reaw.dragging_o2reaw {
  transition: none;
}

.bottomSheetPanel_o2reaw.collapsed_o2reaw {
  max-height: var(--peek-height, 0);
  overflow-y: hidden;
}

.bottomSheetScroll_tuj1cb {
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior-y: contain;
}

.bottomSheetSurface_a2o6gh {
  --bottom-sheet-drag-y: 0px;

  display: flex;
  flex-direction: column;
  min-height: 0;
  max-height: 70vh;
  box-sizing: border-box;
  background: rgb(var(--surface-container-low));
  border-radius: 1.75rem 1.75rem 0px 0px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.20), 0 1px 3px rgba(0,0,0,0.12);
  touch-action: none;
  padding: 2rem;
  transform: translateY(var(--bottom-sheet-drag-y));
  transition: transform 350ms linear(0, 0.017, 0.0628, 0.1298, 0.2116, 0.3025, 0.3975, 0.4927, 0.585, 0.6719, 0.7517, 0.8232, 0.8858, 0.9393, 0.9837, 1.0196, 1.0474, 1.068, 1.0821, 1.0906, 1.0944, 1.0943, 1.0911, 1.0856, 1.0785, 1.0702, 1.0613, 1.0523, 1.0434, 1.0349, 1.027, 1.0198, 1.0135, 1.008, 1.0034, 0.9996, 0.9966, 0.9944, 0.9928, 0.9917, 1);
  --bottom-sheet-drag-y: 0px;
}

.bottomSheetSurface_a2o6gh.dragging_a2o6gh {
  transition: none;
}

@media (prefers-reduced-motion:reduce) {
  .bottomSheetPanel_o2reaw {
    transition: none;
    animation: none;
  }

  .bottomSheetSurface_a2o6gh {
    transition: none;
    animation: none;
  }

}

/* === Box.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\Box.package\Box.css.ts */
.box_9u36tp {
  box-sizing: border-box;
}

.box_9u36tp.fill_9u36tp {
  flex: 1;
  min-width: 0;
  min-height: 0;
}

.box_9u36tp.hidden_9u36tp {
  display: none;
}

.box_9u36tp.queryContainer_9u36tp {
  container-type: inline-size;
}

.box_9u36tp.querySegmentedtoolbar_9u36tp {
  container-name: segmentedtoolbar;
}

.box_9u36tp.sunken_9u36tp {
  background: rgb(var(--surface-container-lowest));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
}

.box_9u36tp.surface_9u36tp {
  background: rgb(var(--surface));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
}

.box_9u36tp.elevated_9u36tp {
  background: rgb(var(--surface-container));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
}

.box_9u36tp.paddingSm_9u36tp {
  padding: 0.5rem;
}

.box_9u36tp.paddingMd_9u36tp {
  padding: 1rem;
}

.box_9u36tp.paddingLg_9u36tp {
  padding: clamp(1rem, 0.6087rem + 1.7391vw, 2rem);
}

.box_9u36tp.paddingNone_9u36tp {
  padding: 0;
}

.box_9u36tp.compactOnly_9u36tp {
  display: none;
}

@media (max-width:37.5rem) {
  .box_9u36tp.compactOnly_9u36tp {
    display: flex;
    align-items: center;
  }

  .box_9u36tp.wideOnly_9u36tp {
    display: none;
  }

}

/* === BrandMark.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\BrandMark.package\BrandMark.css.ts */
.brandMark_xefaca {
  display: inline-flex;
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
}

/* === ButtonGroup.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\ButtonGroup.package\ButtonGroup.css.ts */
.buttonGroup_qzxzbf {
  display: inline-flex;
  align-items: stretch;
  height: 2.5rem;
  gap: 0.75rem;
  transition: gap 555ms linear(0, 0.0361, 0.1396, 0.2382, 0.3774, 0.4784, 0.572, 0.6813, 0.7506, 0.8264, 0.8717, 0.9185, 0.945, 0.9653, 0.9845, 0.9943, 1.0027, 1.0065, 1.0086, 1.0097, 1.0096, 1.0088, 1.0079, 1.0069, 1.0056, 1.0046, 1.0035, 1.0028, 1.0021, 1.0015, 1.0011, 1.0007, 1.0004, 1.0002, 1.0001, 1, 1, 0.9999, 0.9999, 1);
}

.buttonGroup_qzxzbf.connected_qzxzbf {
  gap: 0.125rem;
}

.buttonGroup_qzxzbf.connected_qzxzbf > *:first-child:not(:last-child) {
  --fb-radius-round: 9999px 0.125rem 0.125rem 9999px;
  --fb-radius-square: 9999px 0.125rem 0.125rem 9999px;
  --fb-radius-pressed: 9999px;
  --ftb-radius-round: 9999px 0.125rem 0.125rem 9999px;
  --ftb-radius-square: 9999px 0.125rem 0.125rem 9999px;
  --ftb-radius-pressed: 9999px;
  --ob-radius-round: 9999px 0.125rem 0.125rem 9999px;
  --ob-radius-square: 9999px 0.125rem 0.125rem 9999px;
  --ob-radius-pressed: 9999px;
  --tb-radius-round: 9999px 0.125rem 0.125rem 9999px;
  --tb-radius-square: 9999px 0.125rem 0.125rem 9999px;
  --tb-radius-pressed: 9999px;
  --eb-radius-round: 9999px 0.125rem 0.125rem 9999px;
  --eb-radius-square: 9999px 0.125rem 0.125rem 9999px;
  --eb-radius-pressed: 9999px;
}

.buttonGroup_qzxzbf.connected_qzxzbf > *:not(:first-child):not(:last-child) {
  --fb-radius-round: 0.125rem;
  --fb-radius-square: 0.125rem;
  --fb-radius-pressed: 9999px;
  --ftb-radius-round: 0.125rem;
  --ftb-radius-square: 0.125rem;
  --ftb-radius-pressed: 9999px;
  --ob-radius-round: 0.125rem;
  --ob-radius-square: 0.125rem;
  --ob-radius-pressed: 9999px;
  --tb-radius-round: 0.125rem;
  --tb-radius-square: 0.125rem;
  --tb-radius-pressed: 9999px;
  --eb-radius-round: 0.125rem;
  --eb-radius-square: 0.125rem;
  --eb-radius-pressed: 9999px;
}

.buttonGroup_qzxzbf.connected_qzxzbf > *:last-child:not(:first-child) {
  --fb-radius-round: 0.125rem 9999px 9999px 0.125rem;
  --fb-radius-square: 0.125rem 9999px 9999px 0.125rem;
  --fb-radius-pressed: 9999px;
  --ftb-radius-round: 0.125rem 9999px 9999px 0.125rem;
  --ftb-radius-square: 0.125rem 9999px 9999px 0.125rem;
  --ftb-radius-pressed: 9999px;
  --ob-radius-round: 0.125rem 9999px 9999px 0.125rem;
  --ob-radius-square: 0.125rem 9999px 9999px 0.125rem;
  --ob-radius-pressed: 9999px;
  --tb-radius-round: 0.125rem 9999px 9999px 0.125rem;
  --tb-radius-square: 0.125rem 9999px 9999px 0.125rem;
  --tb-radius-pressed: 9999px;
  --eb-radius-round: 0.125rem 9999px 9999px 0.125rem;
  --eb-radius-square: 0.125rem 9999px 9999px 0.125rem;
  --eb-radius-pressed: 9999px;
}

/* === CardActions.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\CardActions.package\CardActions.css.ts */
.cardActions_psis21 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
  padding: 0.5rem;
  box-sizing: border-box;
}

.cardActions_psis21.alignStart_psis21 {
  justify-content: flex-start;
}

/* === CardContent.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\CardContent.package\CardContent.css.ts */
.cardContent_ryv7va {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  box-sizing: border-box;
  padding: 1rem;
}

.cardContent_ryv7va.gapNone_ryv7va {
  gap: 0;
}

.cardContent_ryv7va.gapSm_ryv7va {
  gap: 0.5rem;
}

.cardContent_ryv7va.gapMd_ryv7va {
  gap: 1rem;
}

.cardContent_ryv7va.gapLg_ryv7va {
  gap: 2rem;
}

.cardContent_ryv7va.centerContent_ryv7va {
  height: 100%;
  justify-content: center;
}

/* === CardHeader.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\CardHeader.package\CardHeader.css.ts */
.cardHeader_edw4jt {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1rem;
  box-sizing: border-box;
}

.cardHeaderHeadline_l1bvwk {
  margin: 0;
  padding: 0;
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 1.375rem;
  line-height: 1.75rem;
  font-weight: 400;
  letter-spacing: 0;
  type: 400 1.375rem/1.75rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.cardHeaderSupporting_dbclwy {
  margin: 0;
  padding: 0;
  color: var(--on-color-variant, var(--on-color));
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.018em;
  type: 400 0.875rem/1.25rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

/* === CardSectionHeader.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\CardSectionHeader.package\CardSectionHeader.css.ts */
.cardSectionHeader_yn882g {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-inline: 1.25rem;
}

.cardSectionHeader_yn882g.edgeBottom_yn882g {
  min-height: 3rem;
  border-bottom: 1px solid rgb(var(--outline-variant));
}

.cardSectionHeader_yn882g.edgeTop_yn882g {
  padding-block: 0.75rem;
  border-top: 1px solid rgb(var(--outline-variant));
}

/* === Carousel.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\Carousel.package\Carousel.css.ts */
.carousel_5f4bcp {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  padding: 1rem;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-padding: 1rem;
  width: 100%;
  scrollbar-width: none;
}

.carousel_5f4bcp::-webkit-scrollbar {
  display: none;
}

.carousel_5f4bcp.hero_5f4bcp {
  scroll-snap-type: x mandatory;
  justify-content: flex-start;
}

.carousel_5f4bcp.multiBrowse_5f4bcp {
  scroll-snap-type: x proximity;
}

.carousel_5f4bcp.uncontained_5f4bcp {
  scroll-snap-type: x proximity;
}

.carouselSlot_aihf7l {
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  scroll-snap-align: start;
  background: rgb(var(--surface));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
  border-radius: 1.75rem;
  box-shadow: none;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
}

.carouselSlot_aihf7l::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--state-layer-color, rgb(var(--on-surface)));
  opacity: var(--state-layer-opacity, 0);
  pointer-events: none;
  transition: opacity 150ms cubic-bezier(0.2, 0, 0, 1);
}

.carouselSlot_aihf7l:hover {
  --state-layer-opacity: 0.08;
  box-shadow: 0 4px 12px rgba(0,0,0,0.20), 0 1px 3px rgba(0,0,0,0.12);
}

.carouselSlot_aihf7l:focus-visible {
  outline: 2px solid rgb(var(--tertiary));
  outline-offset: 2px;
  --state-layer-opacity: 0.1;
}

.carouselSlot_aihf7l:active {
  --state-layer-opacity: 0.1;
  box-shadow: none;
}

.carouselSlot_aihf7l.hero_aihf7l {
  flex-basis: 80%;
  min-width: 80%;
  scroll-snap-align: center;
}

.carouselSlot_aihf7l.multiBrowse_aihf7l {
  flex-basis: 20rem;
  min-width: 17.5rem;
  scroll-snap-align: start;
}

.carouselSlot_aihf7l.uncontained_aihf7l {
  flex-basis: 17.5rem;
  min-width: 17.5rem;
  scroll-snap-align: start;
}

@media (prefers-reduced-motion:reduce) {
  .carouselSlot_aihf7l {
    transition: none;
  }

}

/* === Checkbox.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\Checkbox.package\Checkbox.css.ts */
.checkbox_gkq6an {
  --state-layer-opacity: 0;
  --state-layer-color: rgb(var(--on-surface));

  appearance: none;
  border: none;
  background: transparent;
  color: inherit;
  cursor: pointer;
  padding: 0;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 9999px;
  flex-shrink: 0;
  --state-layer-opacity: 0;
  --state-layer-color: rgb(var(--on-surface));
}

.checkbox_gkq6an::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--state-layer-color, rgb(var(--on-surface)));
  opacity: var(--state-layer-opacity, 0);
  pointer-events: none;
  transition: none;
}

.checkbox_gkq6an:hover {
  --state-layer-opacity: 0.08;
}

.checkbox_gkq6an:focus-visible {
  outline: none;
  --state-layer-opacity: 0.1;
}

.checkbox_gkq6an:active {
  --state-layer-opacity: 0.1;
}

.checkbox_gkq6an.selected_gkq6an {
  --state-layer-color: rgb(var(--primary));
}

.checkbox_gkq6an.selected_gkq6an:hover {
  --state-layer-opacity: 0.08;
}

.checkbox_gkq6an.selected_gkq6an:focus-visible {
  --state-layer-opacity: 0.1;
}

.checkbox_gkq6an.selected_gkq6an:active {
  --state-layer-opacity: 0.1;
}

.checkbox_gkq6an.error_gkq6an {
  --state-layer-color: rgb(var(--error));
}

.checkbox_gkq6an.error_gkq6an:hover {
  --state-layer-opacity: 0.08;
}

.checkbox_gkq6an.error_gkq6an:focus-visible {
  --state-layer-opacity: 0.1;
}

.checkbox_gkq6an.error_gkq6an:active {
  --state-layer-opacity: 0.1;
}

.checkbox_gkq6an.disabled_gkq6an {
  cursor: not-allowed;
}

.checkbox_gkq6an.disabled_gkq6an::before {
  display: none;
}

.checkboxBox_rlb4yv {
  --cbx-radius: 2px;

  position: relative;
  width: 1.125rem;
  height: 1.125rem;
  border-radius: var(--cbx-radius);
  background: transparent;
  border: 0.125rem solid rgb(var(--on-surface-variant));
  box-sizing: border-box;
  --cbx-radius: 2px;
}

.checkboxBox_rlb4yv.selected_rlb4yv {
  background: rgb(var(--primary));
  border: none;
}

.checkboxBox_rlb4yv.selected_rlb4yv::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 45%;
  width: 40%;
  height: 70%;
  border: solid rgb(var(--on-primary));
  border-width: 0 0.125rem 0.125rem 0;
  transform: translate(-50%, -50%) rotate(45deg);
}

.checkboxBox_rlb4yv.error_rlb4yv {
  border-color: rgb(var(--error));
}

.checkboxBox_rlb4yv.selectedError_rlb4yv {
  background: rgb(var(--error));
  border: none;
}

.checkboxBox_rlb4yv.selectedError_rlb4yv::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 45%;
  width: 40%;
  height: 70%;
  border: solid rgb(var(--on-error));
  border-width: 0 0.125rem 0.125rem 0;
  transform: translate(-50%, -50%) rotate(45deg);
}

.checkboxBox_rlb4yv.disabled_rlb4yv {
  border-color: color-mix(in srgb, rgb(var(--on-surface)) 38%, transparent);
}

.checkboxBox_rlb4yv.selectedDisabled_rlb4yv {
  background: color-mix(in srgb, rgb(var(--on-surface)) 38%, transparent);
  border: none;
}

.checkboxBox_rlb4yv.selectedDisabled_rlb4yv::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 45%;
  width: 40%;
  height: 70%;
  border: solid rgb(var(--surface));
  border-width: 0 0.125rem 0.125rem 0;
  transform: translate(-50%, -50%) rotate(45deg);
}

/* === Chevron.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\Chevron.package\Chevron.css.ts */
.chevron_ry19mv {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: currentColor;
  transition: transform 0.15s ease;
}

.chevron_ry19mv.expanded_ry19mv {
  transform: rotate(180deg);
}

@media (prefers-reduced-motion:reduce) {
  .chevron_ry19mv {
    transition: none;
  }

}

/* === CodeBlock.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\CodeBlock.package\CodeBlock.css.ts */
.codeBlock_goqatp {
  margin: 0;
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-height: 20rem;
  overflow: auto;
  padding-block: 1rem;
  padding-inline: 1.25rem;
  border-radius: 0.5rem;
  background: rgb(var(--surface-container-lowest));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
  white-space: pre;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  letter-spacing: 0.033em;
  type: 400 0.75rem/1rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

/* === CodeText.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\CodeText.package\CodeText.css.ts */
.codeText_ynb3ic {
  font-variant-numeric: tabular-nums;
}

.codeText_ynb3ic.labelSmall_ynb3ic {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 0.6875rem;
  line-height: 1rem;
  font-weight: 500;
  letter-spacing: 0.045em;
  type: 500 0.6875rem/1rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.codeText_ynb3ic.labelMedium_ynb3ic {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  letter-spacing: 0.042em;
  type: 500 0.75rem/1rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.codeText_ynb3ic.labelLarge_ynb3ic {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.007em;
  type: 500 0.875rem/1.25rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.codeText_ynb3ic.bodySmall_ynb3ic {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  letter-spacing: 0.033em;
  type: 400 0.75rem/1rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.codeText_ynb3ic.bodyMedium_ynb3ic {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.018em;
  type: 400 0.875rem/1.25rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.codeText_ynb3ic.displaySmall_ynb3ic {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 2.25rem;
  line-height: 2.75rem;
  font-weight: 400;
  letter-spacing: 0;
  type: 400 2.25rem/2.75rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.codeText_ynb3ic.chip_ynb3ic {
  background: color-mix(in oklab, var(--on-color) 14%, transparent);
  border-radius: 0.25rem;
  padding: 0.125rem 0.5rem;
}

/* === ColorChip.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\ColorChip.package\ColorChip.css.ts */
.colorChip_1c3c8n {
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  padding: 0;
  border-radius: 0.5rem;
  border: 0.125rem solid rgb(var(--outline) / 0.4);
  box-sizing: border-box;
  cursor: pointer;
}

.colorChip_1c3c8n.sm_1c3c8n {
  width: 1.5rem;
  height: 1.5rem;
}

.colorChip_1c3c8n.lg_1c3c8n {
  width: 3rem;
  height: 3rem;
}

.colorChip_1c3c8n.selected_1c3c8n {
  outline: 0.125rem solid rgb(var(--primary));
  outline-offset: 0.125rem;
}

.colorChip_1c3c8n.disabled_1c3c8n {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}

/* === ColorPlane.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\ColorPlane.package\ColorPlane.css.ts */
.colorPlane_foav7g {
  position: relative;
  flex-shrink: 0;
  width: 100%;
  height: 16rem;
  border-radius: 0.75rem;
  border: 1px solid rgb(var(--outline) / 0.4);
  overflow: hidden;
  cursor: crosshair;
  touch-action: none;
  user-select: none;
}

.colorPlane_foav7g.disabled_foav7g {
  cursor: not-allowed;
  opacity: 0.5;
}

.colorPlane_foav7g.pressed_foav7g {
  cursor: grabbing;
}

.colorPlaneThumb_922k0l {
  position: absolute;
  left: var(--color-plane-x);
  top: var(--color-plane-y);
  width: 1rem;
  height: 1rem;
  transform: translate(-50%, -50%);
  border-radius: 999px;
  border: 0.125rem solid rgb(var(--surface));
  outline: 1px solid rgb(var(--inverse-surface) / 0.7);
  box-sizing: border-box;
  pointer-events: none;
}

.colorPlaneThumb_922k0l.pressed_922k0l {
  transform: translate(-50%, -50%) scale(1.2);
}

/* === ColorSlider.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\ColorSlider.package\ColorSlider.css.ts */
.colorSlider_l32fzs {
  position: relative;
  flex-shrink: 0;
  width: 100%;
  height: 1rem;
  border-radius: 999px;
  border: 0.125rem solid rgb(var(--outline) / 0.4);
  box-sizing: border-box;
  cursor: pointer;
  touch-action: none;
  user-select: none;
}

.colorSlider_l32fzs.disabled_l32fzs {
  cursor: not-allowed;
  opacity: 0.5;
}

.colorSlider_l32fzs.pressed_l32fzs {
  cursor: grabbing;
}

.colorSliderThumb_wtck4g {
  position: absolute;
  left: var(--color-slider-pos);
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  transform: translate(-50%, -50%);
  border-radius: 999px;
  border: 0.125rem solid rgb(var(--surface));
  outline: 1px solid rgb(var(--inverse-surface) / 0.7);
  box-sizing: border-box;
  pointer-events: none;
}

.colorSliderThumb_wtck4g.pressed_wtck4g {
  transform: translate(-50%, -50%) scale(1.15);
}

/* === ColorSwatch.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\ColorSwatch.package\ColorSwatch.css.ts */
.colorSwatch_420w06 {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  border-radius: 0.25rem;
  border: 1px solid rgb(var(--outline) / 0.6);
  overflow: hidden;
}

[data-kit-dense] .colorSwatch_420w06 {
  width: 3rem;
  height: 3rem;
}

.colorSwatch_420w06.sm_420w06 {
  width: 2rem;
  height: 2rem;
}

[data-kit-dense] .colorSwatch_420w06.sm_420w06 {
  width: 1.5rem;
  height: 1.5rem;
}

.colorSwatch_420w06.lg_420w06 {
  width: 8rem;
  height: 8rem;
}

[data-kit-dense] .colorSwatch_420w06.lg_420w06 {
  width: 6rem;
  height: 6rem;
}

.colorSwatchLabel_5w3neh {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  letter-spacing: 0.042em;
  type: 500 0.75rem/1rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  pointer-events: none;
}

/* === ControlBar.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\ControlBar.package\ControlBar.css.ts */
.controlBar_kwyi3w {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  box-sizing: border-box;
  height: 2.5rem;
  gap: 0.75rem;
}

.controlBar_kwyi3w.toolbar_kwyi3w {
  height: 4rem;
}

/* === DashboardShell.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\DashboardShell.package\DashboardShell.css.ts */
.dashboardShell_myx1e5 {
  display: grid;
  grid-template-columns: 96px 1fr;
  width: 100%;
  min-width: 0;
  height: 100vh;
  min-height: 0;
  background: rgb(var(--surface-container-high));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
  box-sizing: border-box;
}

/* === DestinationSwitcher.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\DestinationSwitcher.package\DestinationSwitcher.css.ts */
.destinationSwitcher_c3647w {
  display: flex;
  align-items: stretch;
  width: 100%;
  box-sizing: border-box;
  gap: 0.25rem;
  padding: 0.25rem;
  background: rgb(var(--surface-container));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
  border-radius: 624.9375rem;
}

.destinationSwitcher_c3647w.compact_c3647w {
  width: auto;
  gap: 0.25rem;
  padding: 0.25rem;
}

.destinationSwitcherIcon_pjhc7j {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  color: inherit;
  flex-shrink: 0;
  pointer-events: none;
}

.destinationSwitcherIcon_pjhc7j.empty_pjhc7j {
  display: none;
}

.destinationSwitcherLabel_cj2mrd {
  position: relative;
  color: inherit;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.destinationSwitcherPill_5c3465 {
  appearance: none;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex: 1 1 0;
  min-width: 0;
  box-sizing: border-box;
  padding-inline: 2rem;
  padding-block: 1.25rem;
  border: none;
  background: transparent;
  color: var(--on-color-variant, var(--on-color));
  cursor: pointer;
  border-radius: 624.9375rem;
  text-align: center;
  white-space: nowrap;
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.007em;
  type: 500 0.875rem/1.25rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.destinationSwitcherPill_5c3465::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: rgb(var(--on-surface));
  opacity: 0;
  pointer-events: none;
}

.destinationSwitcherPill_5c3465:hover::before {
  opacity: 0.08;
}

.destinationSwitcherPill_5c3465:focus-visible::before {
  opacity: 0.10;
}

.destinationSwitcherPill_5c3465:active::before {
  opacity: 0.12;
}

.destinationSwitcherPill_5c3465.selected_5c3465 {
  background: rgb(var(--primary-container));
  color: rgb(var(--on-primary-container));
  --on-color: rgb(var(--on-primary-container));
}

.destinationSwitcherPill_5c3465.selected_5c3465::before {
  background: rgb(var(--on-primary-container));
}

.destinationSwitcherPill_5c3465.compact_5c3465 {
  flex: 0 0 auto;
  padding-inline: 1rem;
  padding-block: 0.5rem;
}

/* === Dialog.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\Dialog.package\Dialog.css.ts */
.dialogBackdrop_j74o29 {

  --fire-mount-token: fireMount:cLgCtF4stt-S_Gc-19gJdCPwyBjhU1akmZLf43JhwH0;
  --fire-cleanup-token: fireCleanup:NchgteSGTEXodZM9K5e8w6rTW_Ki5UYOGxGpxRskB-E;
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgb(var(--scrim) / 0.42);
  z-index: 1000;
  transition: opacity 200ms cubic-bezier(0.32, 0.72, 0, 1);
}

@media (prefers-reduced-motion:reduce) {
  .dialogBackdrop_j74o29 {
    transition: none;
    animation: none;
  }

}

/* === DialogSurface.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\DialogSurface.package\DialogSurface.css.ts */
.dialogSurface_48hz0g {

  --fire-mount-token: fireMount:_YHJo6k0Qs3jVMfm8a4dfk2KEEMgebb-inmG4biTvFQ;
  --fire-cleanup-token: fireCleanup:TcQyZ9k1Fs4tPbuxoekueVOlBTv1kps-EtjvpTyNZ9g;
  display: flex;
  flex-direction: column;
  background: rgb(var(--surface));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
  --kit-field-notch-surface: rgb(var(--surface-container-high));
  overflow: hidden;
  transform-origin: center center;
  transition: opacity 250ms cubic-bezier(0.32, 0.72, 0, 1), transform 250ms cubic-bezier(0.32, 0.72, 0, 1);
}

.dialogSurfaceActions_tfuuer {
  display: flex;
  justify-content: flex-end;
}

.dialogSurfaceBody_xgrwjf {
  display: flex;
  flex-direction: column;
}

.dialogSurfaceHeader_gael05 {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

@media (prefers-reduced-motion:reduce) {
  .dialogSurface_48hz0g {
    transition: none;
    animation: none;
  }

}

/* === DistanceMeter.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\DistanceMeter.package\DistanceMeter.css.ts */
.distanceMeter_idzd4f {
  position: relative;
  width: 100%;
  height: 0.5rem;
  border-radius: 624.9375rem;
  background: rgb(var(--surface-container-high));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
  overflow: hidden;
}

.distanceMeterFill_olpvpq {
  position: absolute;
  inset-inline-start: 0;
  top: 0;
  height: 100%;
  width: var(--distance-meter-fill, 0%);
  border-radius: 624.9375rem;
  background: rgb(var(--tertiary));
  color: rgb(var(--on-tertiary));
  --on-color: rgb(var(--on-tertiary));
}

.distanceMeterFill_olpvpq.good_olpvpq {
  --primary: var(--success);
  --on-primary: var(--on-success);
  --primary-container: var(--success-container);
  --on-primary-container: var(--on-success-container);
  --secondary: var(--success);
  --on-secondary: var(--on-success);
  --secondary-container: var(--success-container);
  --on-secondary-container: var(--on-success-container);
  --tertiary: var(--success);
  --on-tertiary: var(--on-success);
  --tertiary-container: var(--success-container);
  --on-tertiary-container: var(--on-success-container);
  background: rgb(var(--primary));
  color: rgb(var(--on-primary));
  --on-color: rgb(var(--on-primary));
}

.distanceMeterFill_olpvpq.far_olpvpq {
  background: rgb(var(--error));
  color: rgb(var(--on-error));
  --on-color: rgb(var(--on-error));
}

/* === Divider.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\Divider.package\Divider.css.ts */
.divider_zg54bz {
  display: block;
  width: 100%;
  height: 0.0625rem;
  background: rgb(var(--outline-variant));
  border: none;
  margin: 0;
  flex-shrink: 0;
}

.divider_zg54bz.vertical_zg54bz {
  width: 0.0625rem;
  height: auto;
  align-self: stretch;
}

.divider_zg54bz.inset_zg54bz {
  margin-inline-start: 1rem;
}

/* === DockedToolbar.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\DockedToolbar.package\DockedToolbar.css.ts */
.dockedToolbar_ycokx2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  box-sizing: border-box;
  height: 4rem;
  padding-inline-start: 1rem;
  padding-inline-end: 1rem;
  gap: 0.25rem;
  background: rgb(var(--surface-container));
  border-radius: 0px;
}

/* === Dot.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\Dot.package\Dot.css.ts */
.dot_wt853r {
  position: relative;
  flex-shrink: 0;
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 999px;
  background: currentColor;
  color: currentColor;
}

.dot_wt853r::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 999px;
  background: currentColor;
  opacity: 0;
  pointer-events: none;
}

.dot_wt853r.md_wt853r {
  width: 0.75rem;
  height: 0.75rem;
}

.dot_wt853r.lg_wt853r {
  width: 1rem;
  height: 1rem;
}

.dot_wt853r.halo_wt853r::before {
  opacity: 0.22;
}

/* === DragHandle.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\DragHandle.package\DragHandle.css.ts */
.dragHandle_edj13n {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 3rem;
  box-sizing: border-box;
  cursor: grab;
  box-shadow: none;
  transition: width 200ms cubic-bezier(0.2, 0, 0, 1), height 200ms cubic-bezier(0.2, 0, 0, 1), box-shadow 200ms cubic-bezier(0.2, 0, 0, 1);
}

.dragHandle_edj13n:hover > div {
  background: rgb(var(--on-surface));
}

.dragHandle_edj13n:active {
  cursor: grabbing;
  box-shadow: none;
}

.dragHandle_edj13n:active > div {
  width: 0.75rem;
  height: 3.25rem;
  border-radius: 0.75rem;
  background: rgb(var(--on-surface));
}

.dragHandle_edj13n.vertical_edj13n {
  width: calc(3rem);
  height: calc(1.5rem);
}

.dragHandle_edj13n.disabled_edj13n {
  cursor: default;
  opacity: 0;
  pointer-events: none;
}

.dragHandlePill_kc6s20 {
  width: 0.25rem;
  height: calc(3rem / 2);
  border-radius: 9999px;
  background: rgb(var(--outline));
  box-shadow: none;
  transition: width 200ms cubic-bezier(0.2, 0, 0, 1), height 200ms cubic-bezier(0.2, 0, 0, 1), border-radius 200ms cubic-bezier(0.2, 0, 0, 1), background 200ms cubic-bezier(0.2, 0, 0, 1), box-shadow 200ms cubic-bezier(0.2, 0, 0, 1);
}

.dragHandlePill_kc6s20.vertical_kc6s20 {
  width: calc(3rem / 2);
  height: 0.25rem;
}

.dragHandlePill_kc6s20.disabled_kc6s20 {
  box-shadow: none;
}

/* === EdgeSurface.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\EdgeSurface.package\EdgeSurface.css.ts */
.edgeSurface_l2lgxg {
  display: block;
  width: 100%;
  box-sizing: border-box;
}

/* === ElevatedButton.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\ElevatedButton.package\ElevatedButton.css.ts */
.elevatedButton_hivzkv {
  --eb-radius-round: calc(2.5rem / 2);
  --eb-radius-square: 0.75rem;
  --eb-radius-pressed: 0.5rem;

  appearance: none;
  border: none;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  height: 2.5rem;
  padding-inline-start: 1rem;
  padding-inline-end: 1rem;
  font-family: var(--kit-font, -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  background: rgb(var(--surface-container-low));
  color: rgb(var(--primary));
  box-shadow: 0 4px 12px rgba(0,0,0,0.20), 0 1px 3px rgba(0,0,0,0.12);
  border-radius: var(--eb-radius-round);
  transition: border-radius 555ms linear(0, 0.0361, 0.1396, 0.2382, 0.3774, 0.4784, 0.572, 0.6813, 0.7506, 0.8264, 0.8717, 0.9185, 0.945, 0.9653, 0.9845, 0.9943, 1.0027, 1.0065, 1.0086, 1.0097, 1.0096, 1.0088, 1.0079, 1.0069, 1.0056, 1.0046, 1.0035, 1.0028, 1.0021, 1.0015, 1.0011, 1.0007, 1.0004, 1.0002, 1.0001, 1, 1, 0.9999, 0.9999, 1), background 150ms cubic-bezier(0.2, 0, 0, 1), color 150ms cubic-bezier(0.2, 0, 0, 1), box-shadow 150ms cubic-bezier(0.2, 0, 0, 1), border-color 150ms cubic-bezier(0.2, 0, 0, 1);
  --eb-radius-round: calc(2.5rem / 2);
  --eb-radius-square: 0.75rem;
  --eb-radius-pressed: 0.5rem;
}

.elevatedButton_hivzkv::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--state-layer-color, rgb(var(--primary)));
  opacity: var(--state-layer-opacity, 0);
  pointer-events: none;
  transition: opacity 150ms cubic-bezier(0.2, 0, 0, 1);
}

.elevatedButton_hivzkv:hover {
  box-shadow: 0 1px 3px rgba(0,0,0,0.45), 0 4px 8px 3px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.05);
  --state-layer-opacity: 0.04;
}

.elevatedButton_hivzkv:focus-visible {
  outline: 0.1875rem solid rgb(var(--secondary));
  outline-offset: 0.125rem;
  --state-layer-opacity: 0.06;
}

.elevatedButton_hivzkv:active {
  border-radius: var(--eb-radius-pressed);
  box-shadow: 0 4px 12px rgba(0,0,0,0.20), 0 1px 3px rgba(0,0,0,0.12);
  --state-layer-opacity: 0.08;
}

.elevatedButton_hivzkv[disabled], .elevatedButton_hivzkv[aria-disabled="true"] {
  cursor: not-allowed;
  box-shadow: none;
  background: color-mix(in srgb, rgb(var(--on-surface)) 10%, transparent);
  color: color-mix(in srgb, rgb(var(--on-surface-variant)) 38%, transparent);
}

.elevatedButton_hivzkv[disabled], .elevatedButton_hivzkv[aria-disabled="true"]::before {
  display: none;
}

.elevatedButton_hivzkv.xs_hivzkv {
  --eb-radius-round: calc(2rem / 2);
  --eb-radius-square: 0.75rem;
  --eb-radius-pressed: 0.5rem;
  height: 2rem;
  padding-inline-start: 1rem;
  padding-inline-end: 1rem;
  gap: 0.5rem;
}

.elevatedButton_hivzkv.md_hivzkv {
  --eb-radius-round: calc(3.5rem / 2);
  --eb-radius-square: 1rem;
  --eb-radius-pressed: 0.75rem;
  height: 3.5rem;
  padding-inline-start: 1.5rem;
  padding-inline-end: 1.5rem;
  gap: 0.5rem;
}

.elevatedButton_hivzkv.lg_hivzkv {
  --eb-radius-round: calc(6rem / 2);
  --eb-radius-square: 1.75rem;
  --eb-radius-pressed: 1rem;
  height: 6rem;
  padding-inline-start: 3rem;
  padding-inline-end: 3rem;
  gap: 0.75rem;
}

.elevatedButton_hivzkv.xl_hivzkv {
  --eb-radius-round: calc(8.5rem / 2);
  --eb-radius-square: 1.75rem;
  --eb-radius-pressed: 1rem;
  height: 8.5rem;
  padding-inline-start: 4rem;
  padding-inline-end: 4rem;
  gap: 1rem;
}

.elevatedButton_hivzkv.square_hivzkv {
  border-radius: var(--eb-radius-square);
}

.elevatedButtonLeadingIcon_hbk0ot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  pointer-events: none;
}

.elevatedButtonTrailingIcon_9i7sun {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  pointer-events: none;
  transform-origin: center;
  transition: transform 150ms cubic-bezier(0.2, 0, 0, 1);
}

.elevatedButtonTrailingIcon_9i7sun.expanded_9i7sun {
  transform: rotate(180deg);
}

/* === ElevatedCard.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\ElevatedCard.package\ElevatedCard.css.ts */
.elevatedCard_j6ownk {
  --state-layer-opacity: 0;

  appearance: none;
  border: none;
  text-align: inherit;
  font: inherit;
  text-decoration: none;
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  background: rgb(var(--surface-container-low));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
  border-radius: 1rem;
  box-shadow: 0 4px 12px rgba(0,0,0,0.20), 0 1px 3px rgba(0,0,0,0.12);
  overflow: hidden;
  outline: 2px solid var(--kit-selection-ring, transparent);
  transition: box-shadow 200ms cubic-bezier(0.2, 0, 0, 1), background 200ms cubic-bezier(0.2, 0, 0, 1);
  --state-layer-opacity: 0;
}

.elevatedCard_j6ownk::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--state-layer-color, rgb(var(--on-surface)));
  opacity: var(--state-layer-opacity, 0);
  pointer-events: none;
  transition: opacity 200ms cubic-bezier(0.2, 0, 0, 1);
}

.elevatedCard_j6ownk.interactive_j6ownk {
  cursor: pointer;
}

.elevatedCard_j6ownk.interactive_j6ownk:hover {
  box-shadow: 0 1px 3px rgba(0,0,0,0.45), 0 4px 8px 3px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.05);
  --state-layer-opacity: 0.04;
}

.elevatedCard_j6ownk.interactive_j6ownk:focus-visible {
  outline: none;
  --state-layer-opacity: 0.06;
}

.elevatedCard_j6ownk.interactive_j6ownk:active {
  box-shadow: 0 4px 12px rgba(0,0,0,0.20), 0 1px 3px rgba(0,0,0,0.12);
  --state-layer-opacity: 0.08;
}

.elevatedCard_j6ownk.disabled_j6ownk {
  cursor: not-allowed;
  pointer-events: none;
  background: rgb(var(--surface));
  opacity: 0.38;
}

.elevatedCard_j6ownk.disabled_j6ownk::before {
  display: none;
}

/* === ExpandedList.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\ExpandedList.package\ExpandedList.css.ts */
.expandedList_2f0n8x {
  display: flex;
  flex-direction: column;
  background: rgb(var(--surface));
  border-radius: 1rem;
  overflow: hidden;
  width: 100%;
}

.expandedListItem_r4n013 {
  --state-layer-opacity: 0;

  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 1rem;
  min-height: 3.5rem;
  padding: 0.625rem 1rem 0.625rem 1rem;
  color: rgb(var(--on-surface));
  background: rgb(var(--surface));
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
  --state-layer-opacity: 0;
}

.expandedListItem_r4n013::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--state-layer-color, rgb(var(--on-surface)));
  opacity: var(--state-layer-opacity, 0);
  pointer-events: none;
  transition: opacity 150ms cubic-bezier(0.2, 0, 0, 1);
}

.expandedListItem_r4n013:hover {
  --state-layer-opacity: 0.04;
}

.expandedListItem_r4n013:focus-visible {
  outline: 2px solid rgb(var(--tertiary));
  outline-offset: 2px;
  --state-layer-opacity: 0.06;
}

.expandedListItem_r4n013:active {
  --state-layer-opacity: 0.08;
}

.expandedListItem_r4n013.expanded_r4n013 {
  background: rgb(var(--surface));
}

.expandedListItem_r4n013.disabled_r4n013 {
  cursor: default;
  opacity: 0.38;
}

.expandedListItem_r4n013.disabled_r4n013:hover {
  --state-layer-opacity: 0;
}

.expandedListItem_r4n013.disabled_r4n013:focus-visible {
  --state-layer-opacity: 0;
}

.expandedListItem_r4n013.disabled_r4n013:active {
  --state-layer-opacity: 0;
}

.expandedListItemBody_95u0d9 {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0;
}

.expandedListItemHeadline_fwcukq {
  font: 400 1rem/1.5rem var(--kit-font, -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif);
  color: inherit;
}

.expandedListItemLeading_8dgpcr {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: rgb(var(--on-surface-variant));
}

.expandedListItemOverline_85jekf {
  font: 500 0.6875rem/1rem var(--kit-font, -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif);
  color: rgb(var(--on-surface-variant));
}

.expandedListItemPanel_15851y {

  --fire-mount-token: fireMount:wricPWrIegcAmCIqoyt3b6vZjc8Kcj4-ljVdLiqywu0;
  --fire-cleanup-token: fireCleanup:8tgfAb_EkWWLzU6pMsYkDf46FqMk5dEW20jxTizjlM0;
  display: none;
  background: rgb(var(--surface));
  padding: 0.625rem 1rem 0.625rem 1rem;
  overflow: hidden;
  max-height: 30rem;
  transition: max-height 200ms cubic-bezier(0.2, 0, 0, 1), opacity 200ms cubic-bezier(0.2, 0, 0, 1);
}

.expandedListItemPanel_15851y.expanded_15851y {
  display: block;
}

.expandedListItemSupporting_8clsk3 {
  font: 400 0.875rem/1.25rem var(--kit-font, -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif);
  color: rgb(var(--on-surface-variant));
}

.expandedListItemTrailing_hluke8 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 624.9375rem;
  background: rgb(var(--surface));
  color: rgb(var(--on-surface));
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
}

.expandedListItemTrailing_hluke8.expanded_hluke8 {
  background: rgb(var(--surface-container));
  color: rgb(var(--on-surface));
  transform: rotate(180deg);
}

@media (prefers-reduced-motion:reduce) {
  .expandedListItem_r4n013 {
    transition: none;
  }

  .expandedListItemPanel_15851y {
    transition: none;
  }

  .expandedListItemTrailing_hluke8 {
    transition: none;
  }

}

/* === ExtendedFab.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\ExtendedFab.package\ExtendedFab.css.ts */
.extendedFab_n1g9ht {
  --state-layer-color: rgb(var(--on-primary-container));

  appearance: none;
  border: none;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  height: 5rem;
  padding-inline-start: 1.625rem;
  padding-inline-end: 1.625rem;
  border-radius: 1rem;
  font-family: Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.007em;
  background: rgb(var(--primary-container));
  color: rgb(var(--on-primary-container));
  box-shadow: 0 1px 3px rgba(0,0,0,0.45), 0 4px 8px 3px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.05);
  transition: box-shadow 200ms cubic-bezier(0.2, 0, 0, 1), background 200ms cubic-bezier(0.2, 0, 0, 1), color 200ms cubic-bezier(0.2, 0, 0, 1);
  --state-layer-color: rgb(var(--on-primary-container));
}

.extendedFab_n1g9ht::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--state-layer-color, rgb(var(--on-primary-container)));
  opacity: var(--state-layer-opacity, 0);
  pointer-events: none;
  transition: opacity 150ms cubic-bezier(0.2, 0, 0, 1);
}

.extendedFab_n1g9ht:hover {
  --state-layer-opacity: 0.08;
}

.extendedFab_n1g9ht:focus-visible {
  outline: none;
  --state-layer-opacity: 0.12;
}

.extendedFab_n1g9ht:active {
  --state-layer-opacity: 0.12;
}

.extendedFab_n1g9ht > svg, .extendedFab_n1g9ht > img {
  width: 1.75rem;
  height: 1.75rem;
  flex-shrink: 0;
}

.extendedFab_n1g9ht.secondary_n1g9ht {
  background: rgb(var(--secondary-container));
  color: rgb(var(--on-secondary-container));
  --state-layer-color: rgb(var(--on-secondary-container));
}

.extendedFab_n1g9ht.tertiary_n1g9ht {
  background: rgb(var(--tertiary-container));
  color: rgb(var(--on-tertiary-container));
  --state-layer-color: rgb(var(--on-tertiary-container));
}

.extendedFab_n1g9ht.surface_n1g9ht {
  background: rgb(var(--surface-container-high));
  color: rgb(var(--primary));
  --state-layer-color: rgb(var(--primary));
}

.extendedFab_n1g9ht.small_n1g9ht {
  gap: 0.5rem;
  height: 3.5rem;
  padding-inline-start: 1rem;
  padding-inline-end: 1rem;
  border-radius: 1rem;
}

.extendedFab_n1g9ht.small_n1g9ht > svg, .extendedFab_n1g9ht.small_n1g9ht > img {
  width: 1.5rem;
  height: 1.5rem;
}

.extendedFab_n1g9ht.large_n1g9ht {
  gap: 1.25rem;
  height: 6rem;
  padding-inline-start: 1.75rem;
  padding-inline-end: 1.75rem;
  border-radius: 1.75rem;
}

.extendedFab_n1g9ht.large_n1g9ht > svg, .extendedFab_n1g9ht.large_n1g9ht > img {
  width: 2rem;
  height: 2rem;
}

/* === ExtensionStatCard.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\ExtensionStatCard.package\ExtensionStatCard.css.ts */
.extensionStatCard_g7hro6 {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: 0.5rem;
  width: 24rem;
  max-width: 92vw;
  padding: 2rem;
  border-radius: 1.75rem;
  background: rgb(var(--primary-container));
  color: rgb(var(--on-primary-container));
  --on-color: rgb(var(--on-primary-container));
}

.extensionStatCard_g7hro6.toneSecondary_g7hro6 {
  background: rgb(var(--secondary-container));
  color: rgb(var(--on-secondary-container));
  --on-color: rgb(var(--on-secondary-container));
}

.extensionStatCard_g7hro6.toneTertiary_g7hro6 {
  background: rgb(var(--tertiary-container));
  color: rgb(var(--on-tertiary-container));
  --on-color: rgb(var(--on-tertiary-container));
}

.extensionStatCard_g7hro6.toneError_g7hro6 {
  --primary: var(--error);
  --on-primary: var(--on-error);
  --primary-container: var(--error-container);
  --on-primary-container: var(--on-error-container);
  --secondary: var(--error);
  --on-secondary: var(--on-error);
  --secondary-container: var(--error-container);
  --on-secondary-container: var(--on-error-container);
  --tertiary: var(--error);
  --on-tertiary: var(--on-error);
  --tertiary-container: var(--error-container);
  --on-tertiary-container: var(--on-error-container);
}

.extensionStatCard_g7hro6.toneNeutral_g7hro6 {
  background: rgb(var(--surface-container-highest));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
}

.extensionStatCardCaption_svv2hj {
  color: inherit;
  opacity: 0.86;
  margin-bottom: 1rem;
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.018em;
  type: 400 0.875rem/1.25rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.extensionStatCardHeadline_j27p1t {
  color: inherit;
  font-variant-numeric: tabular-nums;
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 2.25rem;
  line-height: 2.75rem;
  font-weight: 400;
  letter-spacing: 0;
  type: 400 2.25rem/2.75rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.extensionStatCardLabel_umpqa3 {
  color: inherit;
  text-transform: uppercase;
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.007em;
  type: 500 0.875rem/1.25rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.extensionStatCardRow_vl1ko5 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  border-bottom: 1px solid color-mix(in oklab, currentColor 22%, transparent);
}

.extensionStatCardRowLabel_b3iruh {
  color: inherit;
  opacity: 0.86;
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.018em;
  type: 400 0.875rem/1.25rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.extensionStatCardRowValue_p17lro {
  color: inherit;
  font-variant-numeric: tabular-nums;
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.009em;
  type: 500 1rem/1.5rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

/* === Fab.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\Fab.package\Fab.css.ts */
.fab_heo5l2 {
  --state-layer-color: rgb(var(--on-primary-container));

  appearance: none;
  border: none;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 1rem;
  background: rgb(var(--primary-container));
  color: rgb(var(--on-primary-container));
  box-shadow: 0 1px 3px rgba(0,0,0,0.45), 0 4px 8px 3px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.05);
  transition: box-shadow 200ms cubic-bezier(0.2, 0, 0, 1), background 200ms cubic-bezier(0.2, 0, 0, 1), color 200ms cubic-bezier(0.2, 0, 0, 1);
  --state-layer-color: rgb(var(--on-primary-container));
}

.fab_heo5l2::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--state-layer-color, rgb(var(--on-primary-container)));
  opacity: var(--state-layer-opacity, 0);
  pointer-events: none;
  transition: opacity 150ms cubic-bezier(0.2, 0, 0, 1);
}

.fab_heo5l2:hover {
  box-shadow: 0 1px 3px rgba(0,0,0,0.45), 0 4px 8px 3px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.05);
  --state-layer-opacity: 0.08;
}

.fab_heo5l2:focus-visible {
  outline: none;
  --state-layer-opacity: 0.12;
}

.fab_heo5l2:active {
  --state-layer-opacity: 0.12;
}

.fab_heo5l2 > svg, .fab_heo5l2 > img {
  width: 1.5rem;
  height: 1.5rem;
}

.fab_heo5l2.secondary_heo5l2 {
  background: rgb(var(--secondary-container));
  color: rgb(var(--on-secondary-container));
  --state-layer-color: rgb(var(--on-secondary-container));
}

.fab_heo5l2.tertiary_heo5l2 {
  background: rgb(var(--tertiary-container));
  color: rgb(var(--on-tertiary-container));
  --state-layer-color: rgb(var(--on-tertiary-container));
}

.fab_heo5l2.surface_heo5l2 {
  background: rgb(var(--surface-container-high));
  color: rgb(var(--primary));
  --state-layer-color: rgb(var(--primary));
}

.fab_heo5l2.small_heo5l2 {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.75rem;
}

.fab_heo5l2.small_heo5l2 > svg, .fab_heo5l2.small_heo5l2 > img {
  width: 1.5rem;
  height: 1.5rem;
}

.fab_heo5l2.large_heo5l2 {
  width: 6rem;
  height: 6rem;
  border-radius: 1.75rem;
}

.fab_heo5l2.large_heo5l2 > svg, .fab_heo5l2.large_heo5l2 > img {
  width: 2rem;
  height: 2rem;
}

/* === FabBranded.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\FabBranded.package\FabBranded.css.ts */
.fabBranded_62vdsf {
  appearance: none;
  border: none;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 1rem;
  background: rgb(var(--surface-container-high));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
  box-shadow: 0 1px 3px rgba(0,0,0,0.45), 0 4px 8px 3px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.05);
  transition: box-shadow 200ms cubic-bezier(0.2, 0, 0, 1), background 200ms cubic-bezier(0.2, 0, 0, 1);
}

.fabBranded_62vdsf::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--state-layer-color, rgb(var(--primary)));
  opacity: var(--state-layer-opacity, 0);
  pointer-events: none;
  transition: opacity 150ms cubic-bezier(0.2, 0, 0, 1);
}

.fabBranded_62vdsf:hover {
  --state-layer-opacity: 0.08;
}

.fabBranded_62vdsf:focus-visible {
  outline: none;
  --state-layer-opacity: 0.12;
}

.fabBranded_62vdsf:active {
  --state-layer-opacity: 0.12;
}

.fabBranded_62vdsf > svg, .fabBranded_62vdsf > img {
  width: 2.25rem;
  height: 2.25rem;
}

.fabBranded_62vdsf.large_62vdsf {
  width: 6rem;
  height: 6rem;
  border-radius: 1.75rem;
}

.fabBranded_62vdsf.large_62vdsf > svg, .fabBranded_62vdsf.large_62vdsf > img {
  width: 3rem;
  height: 3rem;
}

/* === FabMenu.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\FabMenu.package\FabMenu.css.ts */
.fabMenu_5z7tp {
  display: inline-flex;
  flex-direction: column-reverse;
  align-items: flex-end;
  gap: 0.5rem;
}

.fabMenuClose_wggy44 {
  appearance: none;
  border: none;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 9999px;
  background: rgb(var(--primary-container));
  color: rgb(var(--on-primary-container));
  --on-color: rgb(var(--on-primary-container));
  box-shadow: 0 1px 3px rgba(0,0,0,0.45), 0 4px 8px 3px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.05);
  transition: box-shadow 200ms cubic-bezier(0.2, 0, 0, 1), background 200ms cubic-bezier(0.2, 0, 0, 1), color 200ms cubic-bezier(0.2, 0, 0, 1);
}

.fabMenuClose_wggy44::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--state-layer-color, rgb(var(--on-primary-container)));
  opacity: var(--state-layer-opacity, 0);
  pointer-events: none;
  transition: opacity 150ms cubic-bezier(0.2, 0, 0, 1);
}

.fabMenuClose_wggy44:hover {
  --state-layer-opacity: 0.04;
}

.fabMenuClose_wggy44:focus-visible {
  outline: 0.1875rem solid rgb(var(--secondary));
  outline-offset: 0.125rem;
  --state-layer-opacity: 0.06;
}

.fabMenuClose_wggy44:active {
  --state-layer-opacity: 0.08;
}

.fabMenuCloseIcon_kwd6do {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  transition: transform 555ms linear(0, 0.0361, 0.1396, 0.2382, 0.3774, 0.4784, 0.572, 0.6813, 0.7506, 0.8264, 0.8717, 0.9185, 0.945, 0.9653, 0.9845, 0.9943, 1.0027, 1.0065, 1.0086, 1.0097, 1.0096, 1.0088, 1.0079, 1.0069, 1.0056, 1.0046, 1.0035, 1.0028, 1.0021, 1.0015, 1.0011, 1.0007, 1.0004, 1.0002, 1.0001, 1, 1, 0.9999, 0.9999, 1);
}

.fabMenuCloseIcon_kwd6do svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
}

.fabMenuCloseIcon_kwd6do.open_kwd6do {
  transform: rotate(45deg);
}

.fabMenuItem_k5io8v {
  appearance: none;
  border: none;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  min-height: 3.5rem;
  padding-inline-start: 1.5rem;
  padding-inline-end: 1.5rem;
  border-radius: 9999px;
  background: rgb(var(--surface-container));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
  box-shadow: 0 1px 3px rgba(0,0,0,0.45), 0 4px 8px 3px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.05);
  transition: box-shadow 200ms cubic-bezier(0.2, 0, 0, 1), background 200ms cubic-bezier(0.2, 0, 0, 1), color 200ms cubic-bezier(0.2, 0, 0, 1);
}

.fabMenuItem_k5io8v::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--state-layer-color, rgb(var(--on-surface)));
  opacity: var(--state-layer-opacity, 0);
  pointer-events: none;
  transition: opacity 150ms cubic-bezier(0.2, 0, 0, 1);
}

.fabMenuItem_k5io8v:hover {
  --state-layer-opacity: 0.04;
}

.fabMenuItem_k5io8v:focus-visible {
  outline: 0.1875rem solid rgb(var(--secondary));
  outline-offset: 0.125rem;
  --state-layer-opacity: 0.06;
}

.fabMenuItem_k5io8v:active {
  --state-layer-opacity: 0.08;
}

.fabMenuItemIcon_s62oqa {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
}

.fabMenuItemIcon_s62oqa svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
}

.fabMenuList_l3bayv {
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-end;
  gap: 0.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* === Field.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\Field.package\Field.css.ts */
.field_ymylbp {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.fieldLabel_8xkm59 {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  letter-spacing: 0.042em;
  type: 500 0.75rem/1rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.fieldRequired_iui10n {
  color: rgb(var(--error));
  margin-left: 0.25rem;
}

.fieldHint_kieqa5 {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  letter-spacing: 0.042em;
  type: 500 0.75rem/1rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  opacity: 0.5;
}

.fieldError_ldqdyu {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  letter-spacing: 0.042em;
  type: 500 0.75rem/1rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  color: rgb(var(--error));
}

@media (prefers-reduced-motion:reduce) {
  .field_ymylbp {
    transition: none;
    animation: none;
  }

}

/* === FilledButton.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\FilledButton.package\FilledButton.css.ts */
.filledButton_7nk8e9 {
  --fb-radius-round: calc(2.5rem / 2);
  --fb-radius-square: 0.75rem;
  --fb-radius-pressed: 0.5rem;

  appearance: none;
  border: none;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  height: 2.5rem;
  padding-inline-start: 1rem;
  padding-inline-end: 1rem;
  font-family: var(--kit-font, -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  background: rgb(var(--primary));
  color: rgb(var(--on-primary));
  border-radius: var(--fb-radius-round);
  transition: border-radius 555ms linear(0, 0.0361, 0.1396, 0.2382, 0.3774, 0.4784, 0.572, 0.6813, 0.7506, 0.8264, 0.8717, 0.9185, 0.945, 0.9653, 0.9845, 0.9943, 1.0027, 1.0065, 1.0086, 1.0097, 1.0096, 1.0088, 1.0079, 1.0069, 1.0056, 1.0046, 1.0035, 1.0028, 1.0021, 1.0015, 1.0011, 1.0007, 1.0004, 1.0002, 1.0001, 1, 1, 0.9999, 0.9999, 1), background 150ms cubic-bezier(0.2, 0, 0, 1), color 150ms cubic-bezier(0.2, 0, 0, 1), box-shadow 150ms cubic-bezier(0.2, 0, 0, 1), border-color 150ms cubic-bezier(0.2, 0, 0, 1);
  --fb-radius-round: calc(2.5rem / 2);
  --fb-radius-square: 0.75rem;
  --fb-radius-pressed: 0.5rem;
}

.filledButton_7nk8e9::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--state-layer-color, rgb(var(--on-primary)));
  opacity: var(--state-layer-opacity, 0);
  pointer-events: none;
  transition: opacity 150ms cubic-bezier(0.2, 0, 0, 1);
}

.filledButton_7nk8e9:hover {
  --state-layer-opacity: 0.04;
}

.filledButton_7nk8e9:focus-visible {
  outline: 0.1875rem solid rgb(var(--secondary));
  outline-offset: 0.125rem;
  --state-layer-opacity: 0.06;
}

.filledButton_7nk8e9:active {
  border-radius: var(--fb-radius-pressed);
  --state-layer-opacity: 0.08;
}

.filledButton_7nk8e9[disabled], .filledButton_7nk8e9[aria-disabled="true"] {
  cursor: not-allowed;
  background: color-mix(in srgb, rgb(var(--on-surface)) 10%, transparent);
  color: color-mix(in srgb, rgb(var(--on-surface-variant)) 38%, transparent);
}

.filledButton_7nk8e9[disabled]::before, .filledButton_7nk8e9[aria-disabled="true"]::before {
  display: none;
}

.filledButton_7nk8e9.xs_7nk8e9 {
  --fb-radius-round: calc(2rem / 2);
  --fb-radius-square: 0.75rem;
  --fb-radius-pressed: 0.5rem;
  height: 2rem;
  padding-inline-start: 1rem;
  padding-inline-end: 1rem;
  gap: 0.5rem;
}

.filledButton_7nk8e9.md_7nk8e9 {
  --fb-radius-round: calc(3.5rem / 2);
  --fb-radius-square: 1rem;
  --fb-radius-pressed: 0.75rem;
  height: 3.5rem;
  padding-inline-start: 1.5rem;
  padding-inline-end: 1.5rem;
  gap: 0.5rem;
}

.filledButton_7nk8e9.lg_7nk8e9 {
  --fb-radius-round: calc(6rem / 2);
  --fb-radius-square: 1.75rem;
  --fb-radius-pressed: 1rem;
  height: 6rem;
  padding-inline-start: 3rem;
  padding-inline-end: 3rem;
  gap: 0.75rem;
}

.filledButton_7nk8e9.xl_7nk8e9 {
  --fb-radius-round: calc(8.5rem / 2);
  --fb-radius-square: 1.75rem;
  --fb-radius-pressed: 1rem;
  height: 8.5rem;
  padding-inline-start: 4rem;
  padding-inline-end: 4rem;
  gap: 1rem;
}

.filledButton_7nk8e9.square_7nk8e9 {
  border-radius: var(--fb-radius-square);
}

.filledButtonLeadingIcon_hbk0ot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  pointer-events: none;
}

.filledButtonTrailingIcon_9i7sun {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  pointer-events: none;
  transform-origin: center;
  transition: transform 150ms cubic-bezier(0.2, 0, 0, 1);
}

.filledButtonTrailingIcon_9i7sun.expanded_9i7sun {
  transform: rotate(180deg);
}

/* === FilledCard.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\FilledCard.package\FilledCard.css.ts */
.filledCard_kzufd {
  --state-layer-opacity: 0;

  appearance: none;
  border: none;
  text-align: inherit;
  font: inherit;
  text-decoration: none;
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  background: rgb(var(--surface-container-highest));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
  border-radius: 1rem;
  box-shadow: none;
  overflow: hidden;
  transition: box-shadow 200ms cubic-bezier(0.2, 0, 0, 1), background 200ms cubic-bezier(0.2, 0, 0, 1);
  --state-layer-opacity: 0;
}

.filledCard_kzufd::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--state-layer-color, rgb(var(--on-surface)));
  opacity: var(--state-layer-opacity, 0);
  pointer-events: none;
  transition: opacity 200ms cubic-bezier(0.2, 0, 0, 1);
}

.filledCard_kzufd.interactive_kzufd {
  cursor: pointer;
}

.filledCard_kzufd.interactive_kzufd:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.20), 0 1px 3px rgba(0,0,0,0.12);
  --state-layer-opacity: 0.04;
}

.filledCard_kzufd.interactive_kzufd:focus-visible {
  outline: none;
  --state-layer-opacity: 0.06;
}

.filledCard_kzufd.interactive_kzufd:active {
  box-shadow: none;
  --state-layer-opacity: 0.08;
}

.filledCard_kzufd.disabled_kzufd {
  cursor: not-allowed;
  pointer-events: none;
  background: rgb(var(--surface-variant));
  opacity: 0.38;
}

.filledCard_kzufd.disabled_kzufd::before {
  display: none;
}

/* === FilledIconButton.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\FilledIconButton.package\FilledIconButton.css.ts */
.filledIconButton_bb5dfz {
  --ib-shape-round-unsel: calc(var(--ib-container-height) / 2);
  --ib-shape-square-unsel: 1rem;
  --ib-shape-round-sel: 1rem;
  --ib-shape-square-sel: calc(var(--ib-container-height) / 2);
  --ib-shape-pressed: 0.75rem;
  --ib-pad-narrow-leading: 0.75rem;
  --ib-pad-narrow-trailing: 0.75rem;
  --ib-pad-default-leading: 1rem;
  --ib-pad-default-trailing: 1rem;
  --ib-pad-wide-leading: 1.5rem;
  --ib-pad-wide-trailing: 1.5rem;
  --ib-container-height: 3.5rem;
  --ib-icon-size: 1.5rem;
  --ib-shape-round: var(--ib-shape-round-unsel);
  --ib-shape-square: var(--ib-shape-square-unsel);
  --ib-shape-active: var(--ib-shape-round);
  --ib-pad-leading: var(--ib-pad-default-leading);
  --ib-pad-trailing: var(--ib-pad-default-trailing);

  appearance: none;
  border: none;
  cursor: pointer;
  padding: 0;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: var(--ib-container-height);
  padding-inline-start: var(--ib-pad-leading);
  padding-inline-end: var(--ib-pad-trailing);
  border-radius: var(--ib-shape-active);
  background: rgb(var(--primary));
  color: rgb(var(--on-primary));
  flex-shrink: 0;
  overflow: hidden;
  transition: border-radius 150ms cubic-bezier(0.2, 0, 0, 1), background-color 200ms cubic-bezier(0.2, 0, 0, 1), color 200ms cubic-bezier(0.2, 0, 0, 1);
  --ib-shape-round-unsel: calc(var(--ib-container-height) / 2);
  --ib-shape-square-unsel: 1rem;
  --ib-shape-round-sel: 1rem;
  --ib-shape-square-sel: calc(var(--ib-container-height) / 2);
  --ib-shape-pressed: 0.75rem;
  --ib-pad-narrow-leading: 0.75rem;
  --ib-pad-narrow-trailing: 0.75rem;
  --ib-pad-default-leading: 1rem;
  --ib-pad-default-trailing: 1rem;
  --ib-pad-wide-leading: 1.5rem;
  --ib-pad-wide-trailing: 1.5rem;
  --ib-container-height: 3.5rem;
  --ib-icon-size: 1.5rem;
  --ib-shape-round: var(--ib-shape-round-unsel);
  --ib-shape-square: var(--ib-shape-square-unsel);
  --ib-shape-active: var(--ib-shape-round);
  --ib-pad-leading: var(--ib-pad-default-leading);
  --ib-pad-trailing: var(--ib-pad-default-trailing);
}

.filledIconButton_bb5dfz::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--state-layer-color, rgb(var(--on-primary)));
  opacity: var(--state-layer-opacity, 0);
  pointer-events: none;
  transition: none;
}

.filledIconButton_bb5dfz:hover {
  --state-layer-opacity: 0.08;
}

.filledIconButton_bb5dfz:focus-visible {
  outline: none;
  --state-layer-opacity: 0.1;
}

.filledIconButton_bb5dfz:active {
  border-radius: var(--ib-shape-pressed);
  --state-layer-opacity: 0.1;
}

.filledIconButton_bb5dfz.xs_bb5dfz {
  --ib-shape-round-unsel: calc(var(--ib-container-height) / 2);
  --ib-shape-square-unsel: 0.75rem;
  --ib-shape-round-sel: 0.75rem;
  --ib-shape-square-sel: calc(var(--ib-container-height) / 2);
  --ib-shape-pressed: 0.5rem;
  --ib-pad-narrow-leading: 0.25rem;
  --ib-pad-narrow-trailing: 0.25rem;
  --ib-pad-default-leading: 0.375rem;
  --ib-pad-default-trailing: 0.375rem;
  --ib-pad-wide-leading: 0.625rem;
  --ib-pad-wide-trailing: 0.625rem;
  --ib-container-height: 2rem;
  --ib-icon-size: 1.25rem;
}

.filledIconButton_bb5dfz.sm_bb5dfz {
  --ib-shape-round-unsel: calc(var(--ib-container-height) / 2);
  --ib-shape-square-unsel: 0.75rem;
  --ib-shape-round-sel: 0.75rem;
  --ib-shape-square-sel: calc(var(--ib-container-height) / 2);
  --ib-shape-pressed: 0.5rem;
  --ib-pad-narrow-leading: 0.25rem;
  --ib-pad-narrow-trailing: 0.25rem;
  --ib-pad-default-leading: 0.5rem;
  --ib-pad-default-trailing: 0.5rem;
  --ib-pad-wide-leading: 0.875rem;
  --ib-pad-wide-trailing: 0.875rem;
  --ib-container-height: 2.5rem;
  --ib-icon-size: 1.5rem;
}

.filledIconButton_bb5dfz.lg_bb5dfz {
  --ib-shape-round-unsel: calc(var(--ib-container-height) / 2);
  --ib-shape-square-unsel: 1.75rem;
  --ib-shape-round-sel: 1.75rem;
  --ib-shape-square-sel: calc(var(--ib-container-height) / 2);
  --ib-shape-pressed: 1rem;
  --ib-pad-narrow-leading: 1rem;
  --ib-pad-narrow-trailing: 1rem;
  --ib-pad-default-leading: 2rem;
  --ib-pad-default-trailing: 2rem;
  --ib-pad-wide-leading: 3rem;
  --ib-pad-wide-trailing: 3rem;
  --ib-container-height: 6rem;
  --ib-icon-size: 2rem;
}

.filledIconButton_bb5dfz.xl_bb5dfz {
  --ib-shape-round-unsel: calc(var(--ib-container-height) / 2);
  --ib-shape-square-unsel: 1.75rem;
  --ib-shape-round-sel: 1.75rem;
  --ib-shape-square-sel: calc(var(--ib-container-height) / 2);
  --ib-shape-pressed: 1rem;
  --ib-pad-narrow-leading: 2rem;
  --ib-pad-narrow-trailing: 2rem;
  --ib-pad-default-leading: 3rem;
  --ib-pad-default-trailing: 3rem;
  --ib-pad-wide-leading: 4.5rem;
  --ib-pad-wide-trailing: 4.5rem;
  --ib-container-height: 8.5rem;
  --ib-icon-size: 2.5rem;
}

.filledIconButton_bb5dfz.square_bb5dfz {
  --ib-shape-active: var(--ib-shape-square);
}

.filledIconButton_bb5dfz.narrow_bb5dfz {
  --ib-pad-leading: var(--ib-pad-narrow-leading);
  --ib-pad-trailing: var(--ib-pad-narrow-trailing);
}

.filledIconButton_bb5dfz.wide_bb5dfz {
  --ib-pad-leading: var(--ib-pad-wide-leading);
  --ib-pad-trailing: var(--ib-pad-wide-trailing);
}

.filledIconButton_bb5dfz.selected_bb5dfz {
  --ib-shape-round: var(--ib-shape-round-sel);
  --ib-shape-square: var(--ib-shape-square-sel);
  background: rgb(var(--primary));
  color: rgb(var(--on-primary));
}

.filledIconButton_bb5dfz.disabled_bb5dfz {
  cursor: not-allowed;
  background: color-mix(in srgb, rgb(var(--on-surface)) 10%, transparent);
  color: color-mix(in srgb, rgb(var(--on-surface)) 38%, transparent);
}

.filledIconButton_bb5dfz.disabled_bb5dfz::before {
  display: none;
}

.filledIconButtonGlyph_dffzgm {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--ib-icon-size, 1.5rem);
  height: var(--ib-icon-size, 1.5rem);
  color: inherit;
  pointer-events: none;
}

/* === FilledTonalButton.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\FilledTonalButton.package\FilledTonalButton.css.ts */
.filledTonalButton_p5ix2d {
  --ftb-radius-round: calc(2.5rem / 2);
  --ftb-radius-square: 0.75rem;
  --ftb-radius-pressed: 0.5rem;

  appearance: none;
  border: none;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  white-space: nowrap;
  gap: 0.5rem;
  height: 2.5rem;
  padding-inline-start: 1rem;
  padding-inline-end: 1rem;
  font-family: var(--kit-font, -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  background: rgb(var(--secondary-container));
  color: rgb(var(--on-secondary-container));
  border-radius: var(--ftb-radius-round);
  transition: border-radius 555ms linear(0, 0.0361, 0.1396, 0.2382, 0.3774, 0.4784, 0.572, 0.6813, 0.7506, 0.8264, 0.8717, 0.9185, 0.945, 0.9653, 0.9845, 0.9943, 1.0027, 1.0065, 1.0086, 1.0097, 1.0096, 1.0088, 1.0079, 1.0069, 1.0056, 1.0046, 1.0035, 1.0028, 1.0021, 1.0015, 1.0011, 1.0007, 1.0004, 1.0002, 1.0001, 1, 1, 0.9999, 0.9999, 1), background 150ms cubic-bezier(0.2, 0, 0, 1), color 150ms cubic-bezier(0.2, 0, 0, 1), box-shadow 150ms cubic-bezier(0.2, 0, 0, 1), border-color 150ms cubic-bezier(0.2, 0, 0, 1);
  --ftb-radius-round: calc(2.5rem / 2);
  --ftb-radius-square: 0.75rem;
  --ftb-radius-pressed: 0.5rem;
}

.filledTonalButton_p5ix2d::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--state-layer-color, rgb(var(--on-secondary-container)));
  opacity: var(--state-layer-opacity, 0);
  pointer-events: none;
  transition: opacity 150ms cubic-bezier(0.2, 0, 0, 1);
}

.filledTonalButton_p5ix2d:hover {
  --state-layer-opacity: 0.04;
}

.filledTonalButton_p5ix2d:focus-visible {
  outline: 0.1875rem solid rgb(var(--secondary));
  outline-offset: 0.125rem;
  --state-layer-opacity: 0.06;
}

.filledTonalButton_p5ix2d:active {
  border-radius: var(--ftb-radius-pressed);
  --state-layer-opacity: 0.08;
}

.filledTonalButton_p5ix2d[disabled], .filledTonalButton_p5ix2d[aria-disabled="true"] {
  cursor: not-allowed;
  background: color-mix(in srgb, rgb(var(--on-surface)) 12%, transparent);
  color: color-mix(in srgb, rgb(var(--on-surface)) 38%, transparent);
}

.filledTonalButton_p5ix2d[disabled], .filledTonalButton_p5ix2d[aria-disabled="true"]::before {
  display: none;
}

.filledTonalButton_p5ix2d.xs_p5ix2d {
  --ftb-radius-round: calc(2rem / 2);
  --ftb-radius-square: 0.75rem;
  --ftb-radius-pressed: 0.5rem;
  height: 2rem;
  padding-inline-start: 1rem;
  padding-inline-end: 1rem;
  gap: 0.5rem;
}

.filledTonalButton_p5ix2d.md_p5ix2d {
  --ftb-radius-round: calc(3.5rem / 2);
  --ftb-radius-square: 1rem;
  --ftb-radius-pressed: 0.75rem;
  height: 3.5rem;
  padding-inline-start: 1.5rem;
  padding-inline-end: 1.5rem;
  gap: 0.5rem;
}

.filledTonalButton_p5ix2d.lg_p5ix2d {
  --ftb-radius-round: calc(6rem / 2);
  --ftb-radius-square: 1.75rem;
  --ftb-radius-pressed: 1rem;
  height: 6rem;
  padding-inline-start: 3rem;
  padding-inline-end: 3rem;
  gap: 0.75rem;
}

.filledTonalButton_p5ix2d.xl_p5ix2d {
  --ftb-radius-round: calc(8.5rem / 2);
  --ftb-radius-square: 1.75rem;
  --ftb-radius-pressed: 1rem;
  height: 8.5rem;
  padding-inline-start: 4rem;
  padding-inline-end: 4rem;
  gap: 1rem;
}

.filledTonalButton_p5ix2d.square_p5ix2d {
  border-radius: var(--ftb-radius-square);
}

.filledTonalButtonLeadingIcon_hbk0ot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  pointer-events: none;
}

.filledTonalButtonTrailingIcon_9i7sun {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  pointer-events: none;
  transform-origin: center;
  transition: transform 150ms cubic-bezier(0.2, 0, 0, 1);
}

.filledTonalButtonTrailingIcon_9i7sun.expanded_9i7sun {
  transform: rotate(180deg);
}

/* === FilledTonalIconButton.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\FilledTonalIconButton.package\FilledTonalIconButton.css.ts */
.filledTonalIconButton_yv0r8p {
  --ib-shape-round-unsel: calc(var(--ib-container-height) / 2);
  --ib-shape-square-unsel: 1rem;
  --ib-shape-round-sel: 1rem;
  --ib-shape-square-sel: calc(var(--ib-container-height) / 2);
  --ib-shape-pressed: 0.75rem;
  --ib-pad-narrow-leading: 0.75rem;
  --ib-pad-narrow-trailing: 0.75rem;
  --ib-pad-default-leading: 1rem;
  --ib-pad-default-trailing: 1rem;
  --ib-pad-wide-leading: 1.5rem;
  --ib-pad-wide-trailing: 1.5rem;
  --ib-container-height: 3.5rem;
  --ib-icon-size: 1.5rem;
  --ib-shape-round: var(--ib-shape-round-unsel);
  --ib-shape-square: var(--ib-shape-square-unsel);
  --ib-shape-active: var(--ib-shape-round);
  --ib-pad-leading: var(--ib-pad-default-leading);
  --ib-pad-trailing: var(--ib-pad-default-trailing);

  appearance: none;
  border: none;
  cursor: pointer;
  padding: 0;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: var(--ib-container-height);
  padding-inline-start: var(--ib-pad-leading);
  padding-inline-end: var(--ib-pad-trailing);
  border-radius: var(--ib-shape-active);
  background: rgb(var(--secondary-container));
  color: rgb(var(--on-secondary-container));
  flex-shrink: 0;
  overflow: hidden;
  transition: border-radius 150ms cubic-bezier(0.2, 0, 0, 1), background-color 200ms cubic-bezier(0.2, 0, 0, 1), color 200ms cubic-bezier(0.2, 0, 0, 1);
  --ib-shape-round-unsel: calc(var(--ib-container-height) / 2);
  --ib-shape-square-unsel: 1rem;
  --ib-shape-round-sel: 1rem;
  --ib-shape-square-sel: calc(var(--ib-container-height) / 2);
  --ib-shape-pressed: 0.75rem;
  --ib-pad-narrow-leading: 0.75rem;
  --ib-pad-narrow-trailing: 0.75rem;
  --ib-pad-default-leading: 1rem;
  --ib-pad-default-trailing: 1rem;
  --ib-pad-wide-leading: 1.5rem;
  --ib-pad-wide-trailing: 1.5rem;
  --ib-container-height: 3.5rem;
  --ib-icon-size: 1.5rem;
  --ib-shape-round: var(--ib-shape-round-unsel);
  --ib-shape-square: var(--ib-shape-square-unsel);
  --ib-shape-active: var(--ib-shape-round);
  --ib-pad-leading: var(--ib-pad-default-leading);
  --ib-pad-trailing: var(--ib-pad-default-trailing);
}

.filledTonalIconButton_yv0r8p::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--state-layer-color, rgb(var(--on-secondary-container)));
  opacity: var(--state-layer-opacity, 0);
  pointer-events: none;
  transition: none;
}

.filledTonalIconButton_yv0r8p:hover {
  --state-layer-opacity: 0.08;
}

.filledTonalIconButton_yv0r8p:focus-visible {
  outline: none;
  --state-layer-opacity: 0.1;
}

.filledTonalIconButton_yv0r8p:active {
  border-radius: var(--ib-shape-pressed);
  --state-layer-opacity: 0.1;
}

.filledTonalIconButton_yv0r8p.xs_yv0r8p {
  --ib-shape-round-unsel: calc(var(--ib-container-height) / 2);
  --ib-shape-square-unsel: 0.75rem;
  --ib-shape-round-sel: 0.75rem;
  --ib-shape-square-sel: calc(var(--ib-container-height) / 2);
  --ib-shape-pressed: 0.5rem;
  --ib-pad-narrow-leading: 0.25rem;
  --ib-pad-narrow-trailing: 0.25rem;
  --ib-pad-default-leading: 0.375rem;
  --ib-pad-default-trailing: 0.375rem;
  --ib-pad-wide-leading: 0.625rem;
  --ib-pad-wide-trailing: 0.625rem;
  --ib-container-height: 2rem;
  --ib-icon-size: 1.25rem;
}

.filledTonalIconButton_yv0r8p.sm_yv0r8p {
  --ib-shape-round-unsel: calc(var(--ib-container-height) / 2);
  --ib-shape-square-unsel: 0.75rem;
  --ib-shape-round-sel: 0.75rem;
  --ib-shape-square-sel: calc(var(--ib-container-height) / 2);
  --ib-shape-pressed: 0.5rem;
  --ib-pad-narrow-leading: 0.25rem;
  --ib-pad-narrow-trailing: 0.25rem;
  --ib-pad-default-leading: 0.5rem;
  --ib-pad-default-trailing: 0.5rem;
  --ib-pad-wide-leading: 0.875rem;
  --ib-pad-wide-trailing: 0.875rem;
  --ib-container-height: 2.5rem;
  --ib-icon-size: 1.5rem;
}

.filledTonalIconButton_yv0r8p.lg_yv0r8p {
  --ib-shape-round-unsel: calc(var(--ib-container-height) / 2);
  --ib-shape-square-unsel: 1.75rem;
  --ib-shape-round-sel: 1.75rem;
  --ib-shape-square-sel: calc(var(--ib-container-height) / 2);
  --ib-shape-pressed: 1rem;
  --ib-pad-narrow-leading: 1rem;
  --ib-pad-narrow-trailing: 1rem;
  --ib-pad-default-leading: 2rem;
  --ib-pad-default-trailing: 2rem;
  --ib-pad-wide-leading: 3rem;
  --ib-pad-wide-trailing: 3rem;
  --ib-container-height: 6rem;
  --ib-icon-size: 2rem;
}

.filledTonalIconButton_yv0r8p.xl_yv0r8p {
  --ib-shape-round-unsel: calc(var(--ib-container-height) / 2);
  --ib-shape-square-unsel: 1.75rem;
  --ib-shape-round-sel: 1.75rem;
  --ib-shape-square-sel: calc(var(--ib-container-height) / 2);
  --ib-shape-pressed: 1rem;
  --ib-pad-narrow-leading: 2rem;
  --ib-pad-narrow-trailing: 2rem;
  --ib-pad-default-leading: 3rem;
  --ib-pad-default-trailing: 3rem;
  --ib-pad-wide-leading: 4.5rem;
  --ib-pad-wide-trailing: 4.5rem;
  --ib-container-height: 8.5rem;
  --ib-icon-size: 2.5rem;
}

.filledTonalIconButton_yv0r8p.square_yv0r8p {
  --ib-shape-active: var(--ib-shape-square);
}

.filledTonalIconButton_yv0r8p.narrow_yv0r8p {
  --ib-pad-leading: var(--ib-pad-narrow-leading);
  --ib-pad-trailing: var(--ib-pad-narrow-trailing);
}

.filledTonalIconButton_yv0r8p.wide_yv0r8p {
  --ib-pad-leading: var(--ib-pad-wide-leading);
  --ib-pad-trailing: var(--ib-pad-wide-trailing);
}

.filledTonalIconButton_yv0r8p.selected_yv0r8p {
  --ib-shape-round: var(--ib-shape-round-sel);
  --ib-shape-square: var(--ib-shape-square-sel);
  background: rgb(var(--secondary));
  color: rgb(var(--on-secondary));
}

.filledTonalIconButton_yv0r8p.disabled_yv0r8p {
  cursor: not-allowed;
  background: color-mix(in srgb, rgb(var(--on-surface)) 10%, transparent);
  color: color-mix(in srgb, rgb(var(--on-surface)) 38%, transparent);
}

.filledTonalIconButton_yv0r8p.disabled_yv0r8p::before {
  display: none;
}

.filledTonalIconButtonGlyph_dffzgm {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--ib-icon-size, 1.5rem);
  height: var(--ib-icon-size, 1.5rem);
  color: inherit;
  pointer-events: none;
}

/* === FilterChip.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\FilterChip.package\FilterChip.css.ts */
.filterChip_q74io6 {
  --state-layer-opacity: 0;
  --state-layer-color: rgb(var(--on-surface-variant));

  appearance: none;
  cursor: pointer;
  padding: 0;
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding-inline-start: 1rem;
  padding-inline-end: 1rem;
  background: transparent;
  border: 0.0625rem solid rgb(var(--outline-variant));
  border-radius: 0.75rem;
  color: rgb(var(--on-surface-variant));
  font-family: var(--kit-font, -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif);
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: -0.01em;
  font-weight: 500;
  white-space: nowrap;
  box-sizing: border-box;
  --state-layer-opacity: 0;
  --state-layer-color: rgb(var(--on-surface-variant));
}

.filterChip_q74io6::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--state-layer-color, rgb(var(--on-surface-variant)));
  opacity: var(--state-layer-opacity, 0);
  pointer-events: none;
  transition: none;
}

.filterChip_q74io6:hover {
  --state-layer-opacity: 0.04;
}

.filterChip_q74io6:focus-visible {
  outline: none;
  border-color: rgb(var(--on-surface-variant));
  --state-layer-opacity: 0.06;
}

.filterChip_q74io6:active {
  --state-layer-opacity: 0.08;
}

.filterChip_q74io6.selected_q74io6 {
  background: rgb(var(--secondary-container));
  border: none;
  padding-inline: calc(1rem + 0.0625rem);
  color: rgb(var(--on-secondary-container));
  --state-layer-color: rgb(var(--on-secondary-container));
}

.filterChip_q74io6.selected_q74io6:hover {
  --state-layer-opacity: 0.04;
}

.filterChip_q74io6.selected_q74io6:focus-visible {
  --state-layer-opacity: 0.06;
}

.filterChip_q74io6.selected_q74io6:active {
  --state-layer-opacity: 0.08;
}

.filterChip_q74io6.disabled_q74io6 {
  cursor: not-allowed;
  border-color: color-mix(in srgb, rgb(var(--on-surface)) 12%, transparent);
  color: color-mix(in srgb, rgb(var(--on-surface)) 38%, transparent);
}

.filterChip_q74io6.disabled_q74io6::before {
  display: none;
}

.filterChip_q74io6.selectedDisabled_q74io6 {
  background: color-mix(in srgb, rgb(var(--on-surface)) 12%, transparent);
  border: none;
}

.filterChip_q74io6.hasLeading_q74io6 {
  padding-inline-start: 0.5rem;
}

.filterChipIcon_5h7di1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.125rem;
  height: 1.125rem;
  color: rgb(var(--primary));
  flex-shrink: 0;
  pointer-events: none;
}

.filterChipIcon_5h7di1.selected_5h7di1 {
  color: rgb(var(--on-secondary-container));
}

/* === FloatingOverlay.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\FloatingOverlay.package\FloatingOverlay.css.ts */
.floatingOverlayLayer_8fv2a7 {
  position: fixed;
  inset: 0;
  background: transparent;
  border: none;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  pointer-events: none;
}

.floatingOverlayLayer_8fv2a7.edgeTop_8fv2a7 {
  align-items: flex-start;
}

.floatingOverlayLayer_8fv2a7.alignStart_8fv2a7 {
  justify-content: flex-start;
}

.floatingOverlayLayer_8fv2a7.alignEnd_8fv2a7 {
  justify-content: flex-end;
}

.floatingOverlaySlot_vlj5do {
  pointer-events: auto;
  margin-block-end: 1rem;
}

.floatingOverlaySlot_vlj5do.edgeTop_vlj5do {
  margin-block-end: 0;
  margin-block-start: 1rem;
}

/* === FloatingSheet.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\FloatingSheet.package\FloatingSheet.css.ts */
.floatingSheetPanel_7a20co {

  --fire-mount-token: fireMount:_YHJo6k0Qs3jVMfm8a4dfk2KEEMgebb-inmG4biTvFQ;
  --fire-cleanup-token: fireCleanup:TcQyZ9k1Fs4tPbuxoekueVOlBTv1kps-EtjvpTyNZ9g;
  display: flex;
  flex-direction: column;
  background: rgb(var(--surface-container-low));
  border-radius: 1.75rem;
  box-shadow: 0 4px 12px rgba(0,0,0,0.20), 0 1px 3px rgba(0,0,0,0.12);
  padding: 2rem;
  transform-origin: center center;
  transition: opacity 250ms cubic-bezier(0.32, 0.72, 0, 1), transform 250ms cubic-bezier(0.32, 0.72, 0, 1);
}

@media (prefers-reduced-motion:reduce) {
  .floatingSheetPanel_7a20co {
    transition: none;
    animation: none;
  }

}

/* === FloatingToolbar.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\FloatingToolbar.package\FloatingToolbar.css.ts */
.floatingToolbar_hqd5bb {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  flex-shrink: 0;
  gap: 0.25rem;
  padding-inline-start: 0.5rem;
  padding-inline-end: 0.5rem;
  border-radius: 9999px;
  background: rgb(var(--surface-container));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
  box-shadow: 0 1px 3px rgba(0,0,0,0.45), 0 4px 8px 3px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.05);
  transition: background 400ms cubic-bezier(0.2, 0, 0, 1), color 400ms cubic-bezier(0.2, 0, 0, 1), box-shadow 400ms cubic-bezier(0.2, 0, 0, 1);
}

.floatingToolbar_hqd5bb.horizontal_hqd5bb {
  flex-direction: row;
  height: 4rem;
}

.floatingToolbar_hqd5bb.vertical_hqd5bb {
  flex-direction: column;
  width: calc(4rem);
}

.floatingToolbar_hqd5bb.standard_hqd5bb {
  background: rgb(var(--surface-container));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
}

.floatingToolbar_hqd5bb.vibrant_hqd5bb {
  background: rgb(var(--primary-container));
  color: rgb(var(--on-primary-container));
  --on-color: rgb(var(--on-primary-container));
}

/* === FormRegion.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\FormRegion.package\FormRegion.css.ts */
.formRegion_9u36tp {
  box-sizing: border-box;
}

/* === GpuCanvas.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\GpuCanvas.package\GpuCanvas.css.ts */
.gpuCanvas_q8go17 {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 0.5rem;
  border: 1px solid rgb(var(--outline-variant));
}

/* === GradientMark.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\GradientMark.package\GradientMark.css.ts */
.gradientMark_c3u3qy {
  position: relative;
  flex-shrink: 0;
  border-radius: 0.5rem;
  background: conic-gradient(from 45deg at 50% 50%, rgb(var(--primary)), rgb(var(--tertiary)), rgb(var(--primary)));
}

.gradientMark_c3u3qy::after {
  content: "";
  position: absolute;
  inset: 0.25rem;
  border-radius: 0.25rem;
}

.gradientMark_c3u3qy.surroundSurfaceContainerLowest_c3u3qy::after {
  background: rgb(var(--surface-container-lowest));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
}

.gradientMark_c3u3qy.surroundSurfaceContainerLow_c3u3qy::after {
  background: rgb(var(--surface-container-low));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
}

.gradientMark_c3u3qy.surroundSurfaceContainer_c3u3qy::after {
  background: rgb(var(--surface-container));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
}

.gradientMark_c3u3qy.surroundSurfaceContainerHigh_c3u3qy::after {
  background: rgb(var(--surface-container-high));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
}

.gradientMark_c3u3qy.surroundSurfaceContainerHighest_c3u3qy::after {
  background: rgb(var(--surface-container-highest));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
}

/* === Heading.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\Heading.package\Heading.css.ts */
.heading_4iyv2m {
  margin: 0;
  padding: 0;
  min-height: 1lh;
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 2.25rem;
  line-height: 2.75rem;
  font-weight: 400;
  letter-spacing: 0;
  type: 400 2.25rem/2.75rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.heading_4iyv2m.h2_4iyv2m {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 2rem;
  line-height: 2.5rem;
  font-weight: 400;
  letter-spacing: 0;
  type: 400 2rem/2.5rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.heading_4iyv2m.h3_4iyv2m {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 1.75rem;
  line-height: 2.25rem;
  font-weight: 400;
  letter-spacing: 0;
  type: 400 1.75rem/2.25rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.heading_4iyv2m.h4_4iyv2m {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  letter-spacing: 0;
  type: 400 1.5rem/2rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.heading_4iyv2m.h5_4iyv2m {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 1.375rem;
  line-height: 1.75rem;
  font-weight: 400;
  letter-spacing: 0;
  type: 400 1.375rem/1.75rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.heading_4iyv2m.h6_4iyv2m {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.009em;
  type: 500 1rem/1.5rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.headingContent_jmhor7 {
  margin: 0;
  padding: 0;
  font: inherit;
  color: inherit;
}

/* === IconBox.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\IconBox.package\IconBox.css.ts */
.iconBox_izquqb {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: currentColor;
  opacity: 0;
  transition: opacity 0.15s ease;
}

.iconBox_izquqb.revealed_izquqb {
  opacity: 1;
}

@media (prefers-reduced-motion:reduce) {
  .iconBox_izquqb {
    transition: none;
  }

}

/* === IconButton.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\IconButton.package\IconButton.css.ts */
.iconButton_7o0zaq {
  --ib-shape-round-unsel: calc(var(--ib-container-height) / 2);
  --ib-shape-square-unsel: 1rem;
  --ib-shape-round-sel: 1rem;
  --ib-shape-square-sel: calc(var(--ib-container-height) / 2);
  --ib-shape-pressed: 0.75rem;
  --ib-pad-narrow-leading: 0.75rem;
  --ib-pad-narrow-trailing: 0.75rem;
  --ib-pad-default-leading: 1rem;
  --ib-pad-default-trailing: 1rem;
  --ib-pad-wide-leading: 1.5rem;
  --ib-pad-wide-trailing: 1.5rem;
  --ib-container-height: 3.5rem;
  --ib-icon-size: 1.5rem;
  --ib-shape-round: var(--ib-shape-round-unsel);
  --ib-shape-square: var(--ib-shape-square-unsel);
  --ib-shape-active: var(--ib-shape-round);
  --ib-pad-leading: var(--ib-pad-default-leading);
  --ib-pad-trailing: var(--ib-pad-default-trailing);
  --state-layer-opacity: 0;
  --state-layer-color: rgb(var(--on-surface-variant));

  appearance: none;
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 0;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: var(--ib-container-height);
  padding-inline-start: var(--ib-pad-leading);
  padding-inline-end: var(--ib-pad-trailing);
  border-radius: var(--ib-shape-active);
  color: rgb(var(--on-surface-variant));
  flex-shrink: 0;
  transition: border-radius 150ms cubic-bezier(0.2, 0, 0, 1), background-color 200ms cubic-bezier(0.2, 0, 0, 1), color 200ms cubic-bezier(0.2, 0, 0, 1);
  --ib-shape-round-unsel: calc(var(--ib-container-height) / 2);
  --ib-shape-square-unsel: 1rem;
  --ib-shape-round-sel: 1rem;
  --ib-shape-square-sel: calc(var(--ib-container-height) / 2);
  --ib-shape-pressed: 0.75rem;
  --ib-pad-narrow-leading: 0.75rem;
  --ib-pad-narrow-trailing: 0.75rem;
  --ib-pad-default-leading: 1rem;
  --ib-pad-default-trailing: 1rem;
  --ib-pad-wide-leading: 1.5rem;
  --ib-pad-wide-trailing: 1.5rem;
  --ib-container-height: 3.5rem;
  --ib-icon-size: 1.5rem;
  --ib-shape-round: var(--ib-shape-round-unsel);
  --ib-shape-square: var(--ib-shape-square-unsel);
  --ib-shape-active: var(--ib-shape-round);
  --ib-pad-leading: var(--ib-pad-default-leading);
  --ib-pad-trailing: var(--ib-pad-default-trailing);
  --state-layer-opacity: 0;
  --state-layer-color: rgb(var(--on-surface-variant));
}

.iconButton_7o0zaq::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--state-layer-color, rgb(var(--on-surface-variant)));
  opacity: var(--state-layer-opacity, 0);
  pointer-events: none;
  transition: none;
}

.iconButton_7o0zaq:hover {
  --state-layer-opacity: 0.08;
}

.iconButton_7o0zaq:focus-visible {
  outline: none;
  --state-layer-opacity: 0.1;
}

.iconButton_7o0zaq:active {
  border-radius: var(--ib-shape-pressed);
  --state-layer-opacity: 0.1;
}

.iconButton_7o0zaq.xs_7o0zaq {
  --ib-shape-round-unsel: calc(var(--ib-container-height) / 2);
  --ib-shape-square-unsel: 0.75rem;
  --ib-shape-round-sel: 0.75rem;
  --ib-shape-square-sel: calc(var(--ib-container-height) / 2);
  --ib-shape-pressed: 0.5rem;
  --ib-pad-narrow-leading: 0.25rem;
  --ib-pad-narrow-trailing: 0.25rem;
  --ib-pad-default-leading: 0.375rem;
  --ib-pad-default-trailing: 0.375rem;
  --ib-pad-wide-leading: 0.625rem;
  --ib-pad-wide-trailing: 0.625rem;
  --ib-container-height: 2rem;
  --ib-icon-size: 1.25rem;
}

.iconButton_7o0zaq.sm_7o0zaq {
  --ib-shape-round-unsel: calc(var(--ib-container-height) / 2);
  --ib-shape-square-unsel: 0.75rem;
  --ib-shape-round-sel: 0.75rem;
  --ib-shape-square-sel: calc(var(--ib-container-height) / 2);
  --ib-shape-pressed: 0.5rem;
  --ib-pad-narrow-leading: 0.25rem;
  --ib-pad-narrow-trailing: 0.25rem;
  --ib-pad-default-leading: 0.5rem;
  --ib-pad-default-trailing: 0.5rem;
  --ib-pad-wide-leading: 0.875rem;
  --ib-pad-wide-trailing: 0.875rem;
  --ib-container-height: 2.5rem;
  --ib-icon-size: 1.5rem;
}

.iconButton_7o0zaq.lg_7o0zaq {
  --ib-shape-round-unsel: calc(var(--ib-container-height) / 2);
  --ib-shape-square-unsel: 1.75rem;
  --ib-shape-round-sel: 1.75rem;
  --ib-shape-square-sel: calc(var(--ib-container-height) / 2);
  --ib-shape-pressed: 1rem;
  --ib-pad-narrow-leading: 1rem;
  --ib-pad-narrow-trailing: 1rem;
  --ib-pad-default-leading: 2rem;
  --ib-pad-default-trailing: 2rem;
  --ib-pad-wide-leading: 3rem;
  --ib-pad-wide-trailing: 3rem;
  --ib-container-height: 6rem;
  --ib-icon-size: 2rem;
}

.iconButton_7o0zaq.xl_7o0zaq {
  --ib-shape-round-unsel: calc(var(--ib-container-height) / 2);
  --ib-shape-square-unsel: 1.75rem;
  --ib-shape-round-sel: 1.75rem;
  --ib-shape-square-sel: calc(var(--ib-container-height) / 2);
  --ib-shape-pressed: 1rem;
  --ib-pad-narrow-leading: 2rem;
  --ib-pad-narrow-trailing: 2rem;
  --ib-pad-default-leading: 3rem;
  --ib-pad-default-trailing: 3rem;
  --ib-pad-wide-leading: 4.5rem;
  --ib-pad-wide-trailing: 4.5rem;
  --ib-container-height: 8.5rem;
  --ib-icon-size: 2.5rem;
}

.iconButton_7o0zaq.square_7o0zaq {
  --ib-shape-active: var(--ib-shape-square);
}

.iconButton_7o0zaq.narrow_7o0zaq {
  --ib-pad-leading: var(--ib-pad-narrow-leading);
  --ib-pad-trailing: var(--ib-pad-narrow-trailing);
}

.iconButton_7o0zaq.wide_7o0zaq {
  --ib-pad-leading: var(--ib-pad-wide-leading);
  --ib-pad-trailing: var(--ib-pad-wide-trailing);
}

.iconButton_7o0zaq.touchTarget_7o0zaq::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: max(100%, 3rem);
  height: max(100%, 3rem);
}

.iconButton_7o0zaq.selected_7o0zaq {
  --ib-shape-round: var(--ib-shape-round-sel);
  --ib-shape-square: var(--ib-shape-square-sel);
  color: rgb(var(--primary));
  --state-layer-color: rgb(var(--primary));
}

.iconButton_7o0zaq.selected_7o0zaq:hover {
  --state-layer-opacity: 0.08;
}

.iconButton_7o0zaq.selected_7o0zaq:focus-visible {
  --state-layer-opacity: 0.1;
}

.iconButton_7o0zaq.selected_7o0zaq:active {
  --state-layer-opacity: 0.1;
}

.iconButton_7o0zaq.selectedLayer_7o0zaq {
  --ib-shape-round: var(--ib-shape-round-unsel);
  --ib-shape-square: var(--ib-shape-square-unsel);
  --state-layer-opacity: 0.08;
}

.iconButton_7o0zaq.disabled_7o0zaq {
  cursor: not-allowed;
  color: color-mix(in srgb, rgb(var(--on-surface)) 38%, transparent);
}

.iconButton_7o0zaq.disabled_7o0zaq::before {
  display: none;
}

.iconButtonGlyph_dffzgm {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--ib-icon-size, 1.5rem);
  height: var(--ib-icon-size, 1.5rem);
  color: inherit;
  pointer-events: none;
}

/* === InlineAlert.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\InlineAlert.package\InlineAlert.css.ts */
.inlineAlert_lvwm9i {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid color-mix(in oklab, currentColor 28%, transparent);
  --primary: var(--error);
  --on-primary: var(--on-error);
  --primary-container: var(--error-container);
  --on-primary-container: var(--on-error-container);
  --secondary: var(--error);
  --on-secondary: var(--on-error);
  --secondary-container: var(--error-container);
  --on-secondary-container: var(--on-error-container);
  --tertiary: var(--error);
  --on-tertiary: var(--on-error);
  --tertiary-container: var(--error-container);
  --on-tertiary-container: var(--on-error-container);
}

.inlineAlertBody_awdrr6 {
  color: inherit;
  opacity: 0.86;
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  letter-spacing: 0.033em;
  type: 400 0.75rem/1rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.inlineAlertIcon_1veq69 {
  display: inline-flex;
  flex-shrink: 0;
  margin-top: 1px;
}

.inlineAlertText_f5l5hn {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  min-width: 0;
}

.inlineAlertTitle_o1dq6y {
  color: inherit;
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.007em;
  type: 500 0.875rem/1.25rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

/* === InputChip.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\InputChip.package\InputChip.css.ts */
.inputChip_ruwars {
  position: relative;
  display: inline-flex;
  align-items: stretch;
  height: 2rem;
  background: transparent;
  border: 0.0625rem solid rgb(var(--outline-variant));
  border-radius: 0.75rem;
  color: rgb(var(--on-surface-variant));
  font-family: var(--kit-font, -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif);
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: -0.01em;
  font-weight: 500;
  white-space: nowrap;
  box-sizing: border-box;
  overflow: hidden;
}

.inputChip_ruwars.selected_ruwars {
  background: rgb(var(--secondary-container));
  border: none;
  color: rgb(var(--on-secondary-container));
}

.inputChip_ruwars.disabled_ruwars {
  border-color: color-mix(in srgb, rgb(var(--on-surface)) 12%, transparent);
  color: color-mix(in srgb, rgb(var(--on-surface)) 38%, transparent);
}

.inputChip_ruwars.selectedDisabled_ruwars {
  background: color-mix(in srgb, rgb(var(--on-surface)) 12%, transparent);
  border: none;
}

.inputChipBody_dnw5h6 {
  --state-layer-opacity: 0;
  --state-layer-color: rgb(var(--on-surface-variant));

  appearance: none;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  color: inherit;
  font: inherit;
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding-inline-start: 1rem;
  padding-inline-end: 1rem;
  flex: 1;
  min-width: 0;
  --state-layer-opacity: 0;
  --state-layer-color: rgb(var(--on-surface-variant));
}

.inputChipBody_dnw5h6::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--state-layer-color, rgb(var(--on-surface-variant)));
  opacity: var(--state-layer-opacity, 0);
  pointer-events: none;
  transition: none;
}

.inputChipBody_dnw5h6:hover {
  --state-layer-opacity: 0.04;
}

.inputChipBody_dnw5h6:focus-visible {
  outline: none;
  --state-layer-opacity: 0.06;
}

.inputChipBody_dnw5h6:active {
  --state-layer-opacity: 0.08;
}

.inputChipBody_dnw5h6.selected_dnw5h6 {
  --state-layer-color: rgb(var(--on-secondary-container));
}

.inputChipBody_dnw5h6.selected_dnw5h6:hover {
  --state-layer-opacity: 0.04;
}

.inputChipBody_dnw5h6.disabled_dnw5h6 {
  cursor: not-allowed;
}

.inputChipBody_dnw5h6.disabled_dnw5h6::before {
  display: none;
}

.inputChipBody_dnw5h6.hasLeading_dnw5h6 {
  padding-inline-start: 0.5rem;
}

.inputChipBody_dnw5h6.hasRemove_dnw5h6 {
  padding-inline-end: 0.5rem;
}

.inputChipIcon_6d0c08 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.125rem;
  height: 1.125rem;
  color: rgb(var(--on-surface-variant));
  flex-shrink: 0;
  pointer-events: none;
}

.inputChipIcon_6d0c08.selected_6d0c08 {
  color: rgb(var(--primary));
}

.inputChipIcon_6d0c08.disabled_6d0c08 {
  color: color-mix(in srgb, rgb(var(--on-surface)) 38%, transparent);
}

.inputChipRemove_u59q52 {
  appearance: none;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding-inline: 0.5rem;
  color: rgb(var(--on-surface-variant));
  flex-shrink: 0;
}

.inputChipRemove_u59q52:focus-visible {
  outline: none;
}

.inputChipRemove_u59q52.selected_u59q52 {
  color: rgb(var(--on-secondary-container));
}

.inputChipRemove_u59q52.disabled_u59q52 {
  cursor: not-allowed;
  color: color-mix(in srgb, rgb(var(--on-surface)) 38%, transparent);
}

/* === IterationDot.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\IterationDot.package\IterationDot.css.ts */
.iterationDot_vt4pih {
  flex-shrink: 0;
  align-self: center;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
}

.iterationDot_vt4pih.toneGood_vt4pih {
  --primary: var(--success);
  --on-primary: var(--on-success);
  --primary-container: var(--success-container);
  --on-primary-container: var(--on-success-container);
  --secondary: var(--success);
  --on-secondary: var(--on-success);
  --secondary-container: var(--success-container);
  --on-secondary-container: var(--on-success-container);
  --tertiary: var(--success);
  --on-tertiary: var(--on-success);
  --tertiary-container: var(--success-container);
  --on-tertiary-container: var(--on-success-container);
  background: rgb(var(--primary));
  color: rgb(var(--on-primary));
  --on-color: rgb(var(--on-primary));
}

.iterationDot_vt4pih.toneMid_vt4pih {
  background: rgb(var(--tertiary));
  color: rgb(var(--on-tertiary));
  --on-color: rgb(var(--on-tertiary));
}

.iterationDot_vt4pih.toneFar_vt4pih {
  background: rgb(var(--outline));
}

.iterationDot_vt4pih.toneNone_vt4pih {
  --primary: var(--error);
  --on-primary: var(--on-error);
  --primary-container: var(--error-container);
  --on-primary-container: var(--on-error-container);
  --secondary: var(--error);
  --on-secondary: var(--on-error);
  --secondary-container: var(--error-container);
  --on-secondary-container: var(--on-error-container);
  --tertiary: var(--error);
  --on-tertiary: var(--on-error);
  --tertiary-container: var(--error-container);
  --on-tertiary-container: var(--on-error-container);
  background: transparent;
  border: 1px dashed rgb(var(--primary));
}

.iterationDot_vt4pih.tonePrimary_vt4pih {
  background: rgb(var(--primary));
  color: rgb(var(--on-primary));
  --on-color: rgb(var(--on-primary));
}

/* === IterationGlyph.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\IterationGlyph.package\IterationGlyph.css.ts */
.iterationGlyph_e0u4dq {
  flex-shrink: 0;
  align-self: center;
}

.iterationGlyph_e0u4dq.line_e0u4dq {
  width: 1rem;
  height: 0.25rem;
  background: rgb(var(--primary));
  color: rgb(var(--on-primary));
  --on-color: rgb(var(--on-primary));
}

.iterationGlyph_e0u4dq.flag_e0u4dq {
  --primary: var(--success);
  --on-primary: var(--on-success);
  --primary-container: var(--success-container);
  --on-primary-container: var(--on-success-container);
  --secondary: var(--success);
  --on-secondary: var(--on-success);
  --secondary-container: var(--success-container);
  --on-secondary-container: var(--on-success-container);
  --tertiary: var(--success);
  --on-tertiary: var(--on-success);
  --tertiary-container: var(--success-container);
  --on-tertiary-container: var(--on-success-container);
  width: 0.5rem;
  height: 0.75rem;
  background: rgb(var(--primary));
  color: rgb(var(--on-primary));
  --on-color: rgb(var(--on-primary));
  clip-path: polygon(0 0, 100% 25%, 0 50%);
}

.iterationGlyph_e0u4dq.tick_e0u4dq {
  --primary: var(--error);
  --on-primary: var(--on-error);
  --primary-container: var(--error-container);
  --on-primary-container: var(--on-error-container);
  --secondary: var(--error);
  --on-secondary: var(--on-error);
  --secondary-container: var(--error-container);
  --on-secondary-container: var(--on-error-container);
  --tertiary: var(--error);
  --on-tertiary: var(--on-error);
  --tertiary-container: var(--error-container);
  --on-tertiary-container: var(--on-error-container);
  width: 0.25rem;
  height: 0.5rem;
  background: rgb(var(--primary));
  color: rgb(var(--on-primary));
  --on-color: rgb(var(--on-primary));
}

/* === KindBadge.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\KindBadge.package\KindBadge.css.ts */
.kindBadge_7zvv5q {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  height: 1.5rem;
  padding-inline-start: 0.5rem;
  padding-inline-end: 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid rgb(var(--outline-variant));
  color: var(--on-color-variant, var(--on-color));
  white-space: nowrap;
  box-sizing: border-box;
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  letter-spacing: 0.042em;
  type: 500 0.75rem/1rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.kindBadge_7zvv5q.page_7zvv5q {
  background: rgb(var(--surface-container-high));
  color: var(--on-color-variant, var(--on-color));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
  border-color: transparent;
}

/* === LinearProgress.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\LinearProgress.package\LinearProgress.css.ts */
@keyframes kitLinearProgressSecondary {
  0% {
    clip-path: inset(0 100% 0 -10%);
  }

  60% {
    clip-path: inset(0 30% 0 30%);
  }

  100% {
    clip-path: inset(0 -10% 0 100%);
  }

}

@keyframes kitLinearProgressPrimary {
  0% {
    clip-path: inset(0 100% 0 -10%);
  }

  40% {
    clip-path: inset(0 30% 0 20%);
  }

  100% {
    clip-path: inset(0 -10% 0 100%);
  }

}

.linearProgress_7uelus {
  position: relative;
  display: block;
  width: 100%;
  height: 0.625rem;
  overflow: hidden;
}

.linearProgressActiveSecondary_kb1pre {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
  color: rgb(var(--primary));
  clip-path: inset(0 100% 0 -10%);
  animation: kitLinearProgressSecondary 2000ms cubic-bezier(0.165, 0.84, 0.44, 1) 1000ms infinite;
}

.linearProgressActiveSecondary_kb1pre path {
  fill: none;
  stroke: currentColor;
  stroke-width: 0.25rem;
  stroke-linecap: round;
  vector-effect: non-scaling-stroke;
}

.linearProgressActiveWave_j9osez {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
  color: rgb(var(--primary));
  clip-path: inset(0 calc(100% - var(--linear-progress-pos, 0%)) 0 0);
}

.linearProgressActiveWave_j9osez path {
  fill: none;
  stroke: currentColor;
  stroke-width: 0.25rem;
  stroke-linecap: round;
  vector-effect: non-scaling-stroke;
}

.linearProgressActiveWave_j9osez.indeterminate_j9osez {
  animation: kitLinearProgressPrimary 2000ms cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}

.linearProgressStopDot_qn4o34 {
  position: absolute;
  top: 50%;
  inset-inline-end: 0rem;
  transform: translateY(-50%);
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 9999px;
  background: rgb(var(--primary));
}

.linearProgressTrack_vnoyrh {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 0.25rem;
  inset-inline-start: calc(var(--linear-progress-pos, 0%) + 0.25rem);
  inset-inline-end: calc(0.25rem + 0rem);
  background: rgb(var(--surface-container-highest));
  border-radius: 9999px;
  transition: inset-inline-start 250ms cubic-bezier(0.2, 0, 0, 1);
}

.linearProgressTrack_vnoyrh.indeterminate_vnoyrh {
  inset-inline-start: 0;
  inset-inline-end: 0;
  transition: none;
}

@media (prefers-reduced-motion:reduce) {
  .linearProgressActiveSecondary_kb1pre {
    animation: none;
  }

  .linearProgressActiveWave_j9osez.indeterminate_j9osez {
    animation: none;
  }

  .linearProgressTrack_vnoyrh {
    transition: none;
  }

}

/* === LineChart.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\LineChart.package\LineChart.css.ts */
.lineChart_76z8x4 {
  position: relative;
  display: block;
  width: 100%;
}

.lineChartHoverZone_f0op3j {
  fill: transparent;
  cursor: crosshair;
}

.lineChartSvg_nusiif {
  display: block;
  width: 100%;
  height: auto;
  touch-action: none;
  user-select: none;
}

.lineChartTooltip_4csvbf {
  position: absolute;
  top: 0;
  transform: translate(-50%, calc(-100% - 8px));
  min-width: 8rem;
  max-width: 16rem;
  padding: 0.5rem 1rem;
  background: rgb(var(--surface-container-high));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
  border-radius: 0.25rem;
  box-shadow: 0 1px 3px rgba(0,0,0,0.45), 0 4px 8px 3px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.05);
  pointer-events: none;
  z-index: 1;
}

.lineChartTooltipHeader_xx7yov {
  margin: 0;
  margin-bottom: 0.25rem;
  color: var(--on-color-variant, var(--on-color));
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.6875rem;
  line-height: 1rem;
  font-weight: 500;
  letter-spacing: 0.045em;
  type: 500 0.6875rem/1rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.lineChartTooltipLabel_bzpojx {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  letter-spacing: 0.042em;
  type: 500 0.75rem/1rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.lineChartTooltipRow_d2k663 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.125rem 0;
}

.lineChartTooltipSwatch_3fruga {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 0.25rem;
  flex-shrink: 0;
}

.lineChartTooltipValue_tqmkyj {
  font-variant-numeric: tabular-nums;
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  letter-spacing: 0.042em;
  type: 500 0.75rem/1rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

/* === Link.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\Link.package\Link.css.ts */
.link_jxpdn2 {
  color: rgb(var(--primary));
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
}

.link_jxpdn2:hover {
  text-decoration: underline;
}

/* === List.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\List.package\List.css.ts */
.list_2f0n8x {
  display: flex;
  flex-direction: column;
  background: rgb(var(--surface));
  border-radius: 1rem;
  overflow: hidden;
  width: 100%;
}

.listItem_ihbx03 {
  --state-layer-opacity: 0;

  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 1rem;
  min-height: 3.5rem;
  padding: 0.625rem 1rem 0.625rem 1rem;
  color: rgb(var(--on-surface));
  background: rgb(var(--surface));
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
  --state-layer-opacity: 0;
}

.listItem_ihbx03::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--state-layer-color, rgb(var(--on-surface)));
  opacity: var(--state-layer-opacity, 0);
  pointer-events: none;
  transition: opacity 150ms cubic-bezier(0.2, 0, 0, 1);
}

.listItem_ihbx03:hover {
  --state-layer-opacity: 0.04;
  color: rgb(var(--on-surface));
}

.listItem_ihbx03:focus-visible {
  outline: 2px solid rgb(var(--tertiary));
  outline-offset: 2px;
  --state-layer-opacity: 0.06;
  color: rgb(var(--on-surface));
}

.listItem_ihbx03:active {
  --state-layer-opacity: 0.08;
  color: rgb(var(--on-surface));
}

.listItem_ihbx03.disabled_ihbx03 {
  cursor: default;
  opacity: 0.38;
}

.listItem_ihbx03.disabled_ihbx03:hover {
  --state-layer-opacity: 0;
}

.listItem_ihbx03.disabled_ihbx03:focus-visible {
  --state-layer-opacity: 0;
}

.listItem_ihbx03.disabled_ihbx03:active {
  --state-layer-opacity: 0;
}

.listItemBody_95u0d9 {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0;
}

.listItemHeadline_fwcukq {
  font: 400 1rem/1.5rem var(--kit-font, -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif);
  color: inherit;
}

.listItemLeading_8dgpcr {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: rgb(var(--on-surface-variant));
}

.listItemOverline_85jekf {
  font: 500 0.6875rem/1rem var(--kit-font, -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif);
  color: rgb(var(--on-surface-variant));
}

.listItemSupporting_8clsk3 {
  font: 400 0.875rem/1.25rem var(--kit-font, -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif);
  color: rgb(var(--on-surface-variant));
}

.listItemTrailing_8dgpcr {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: rgb(var(--on-surface-variant));
}

@media (prefers-reduced-motion:reduce) {
  .listItem_ihbx03 {
    transition: none;
  }

}

/* === LoadingIndicator.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\LoadingIndicator.package\LoadingIndicator.css.ts */
@keyframes kitLoadingIndicatorSpin {
  100% {
    transform: rotate(360deg);
  }

}

@keyframes kitLoadingIndicatorMorph {
  0% {
    clip-path: polygon(50% 0%, 69% 4%, 85% 15%, 96% 31%, 100% 50%, 96% 69%, 85% 85%, 69% 96%, 50% 100%, 31% 96%, 15% 85%, 4% 69%, 0% 50%, 4% 31%, 15% 15%, 31% 4%);
  }

  16.666% {
    clip-path: polygon(24% 0%, 76% 0%, 90% 4%, 96% 10%, 100% 24%, 100% 76%, 96% 90%, 90% 96%, 76% 100%, 24% 100%, 10% 96%, 4% 90%, 0% 76%, 0% 24%, 4% 10%, 10% 4%);
  }

  33.333% {
    clip-path: polygon(25% 16%, 75% 16%, 88% 20%, 96% 32%, 100% 50%, 96% 68%, 88% 80%, 75% 84%, 25% 84%, 12% 80%, 4% 68%, 0% 50%, 4% 32%, 12% 20%, 25% 16%, 25% 16%);
  }

  50% {
    clip-path: polygon(50% 0%, 62% 12%, 75% 25%, 88% 38%, 100% 50%, 88% 62%, 75% 75%, 62% 88%, 50% 100%, 38% 88%, 25% 75%, 12% 62%, 0% 50%, 12% 38%, 25% 25%, 38% 12%);
  }

  66.666% {
    clip-path: polygon(50% 0%, 68% 4%, 80% 12%, 84% 25%, 84% 75%, 80% 88%, 68% 96%, 50% 100%, 32% 96%, 20% 88%, 16% 75%, 16% 25%, 20% 12%, 32% 4%, 50% 0%, 50% 0%);
  }

  83.333% {
    clip-path: polygon(24% 0%, 76% 0%, 90% 4%, 96% 10%, 100% 24%, 100% 76%, 96% 90%, 90% 96%, 76% 100%, 24% 100%, 10% 96%, 4% 90%, 0% 76%, 0% 24%, 4% 10%, 10% 4%);
  }

  100% {
    clip-path: polygon(50% 0%, 69% 4%, 85% 15%, 96% 31%, 100% 50%, 96% 69%, 85% 85%, 69% 96%, 50% 100%, 31% 96%, 15% 85%, 4% 69%, 0% 50%, 4% 31%, 15% 15%, 31% 4%);
  }

}

.loadingIndicator_pccwa0 {
  flex-shrink: 0;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: 9999px;
  background: transparent;
  color: rgb(var(--primary));
  overflow: hidden;
}

.loadingIndicator_pccwa0.contained_pccwa0 {
  background: rgb(var(--primary-container));
  color: rgb(var(--on-primary-container));
}

.loadingIndicatorMark_ev361u {
  display: block;
  width: 2.375rem;
  height: 2.375rem;
  color: inherit;
  transform-box: fill-box;
  transform-origin: center;
  animation: kitLoadingIndicatorSpin 746ms linear(0, 0.0456, 0.1197, 0.2364, 0.3369, 0.4604, 0.5742, 0.6553, 0.7425, 0.801, 0.8607, 0.8987, 0.9357, 0.9629, 0.9788, 0.9929, 1.0005, 1.0065, 1.0098, 1.0109, 1.0111, 1.0106, 1.0095, 1.0082, 1.0071, 1.0057, 1.0047, 1.0036, 1.0027, 1.002, 1.0014, 1.001, 1.0006, 1.0004, 1.0002, 1.0001, 1, 0.9999, 0.9999, 1) infinite;
}

.loadingIndicatorShape_xvngv5 {
  fill: currentColor;
  clip-path: polygon(50% 0%, 69% 4%, 85% 15%, 96% 31%, 100% 50%, 96% 69%, 85% 85%, 69% 96%, 50% 100%, 31% 96%, 15% 85%, 4% 69%, 0% 50%, 4% 31%, 15% 15%, 31% 4%);
  transform-box: fill-box;
  transform-origin: center;
  animation: kitLoadingIndicatorMorph 746ms linear(0, 0.0456, 0.1197, 0.2364, 0.3369, 0.4604, 0.5742, 0.6553, 0.7425, 0.801, 0.8607, 0.8987, 0.9357, 0.9629, 0.9788, 0.9929, 1.0005, 1.0065, 1.0098, 1.0109, 1.0111, 1.0106, 1.0095, 1.0082, 1.0071, 1.0057, 1.0047, 1.0036, 1.0027, 1.002, 1.0014, 1.001, 1.0006, 1.0004, 1.0002, 1.0001, 1, 0.9999, 0.9999, 1) infinite;
}

/* === MediaBadge.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\MediaBadge.package\MediaBadge.css.ts */
.mediaBadge_2x9qif {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  height: 1.75rem;
  padding-inline: 0.75rem;
  border-radius: 0.5rem;
  white-space: nowrap;
  box-sizing: border-box;
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.6875rem;
  line-height: 1rem;
  font-weight: 500;
  letter-spacing: 0.045em;
  type: 500 0.6875rem/1rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.mediaBadge_2x9qif.uppercase_2x9qif {
  text-transform: uppercase;
}

.mediaBadge_2x9qif.toneSurface_2x9qif {
  background: rgb(var(--surface));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
  box-shadow: 0 4px 12px rgba(0,0,0,0.20), 0 1px 3px rgba(0,0,0,0.12);
}

.mediaBadge_2x9qif.toneScrim_2x9qif {
  background: rgb(var(--inverse-surface));
  color: rgb(var(--inverse-on-surface));
  --on-color: rgb(var(--inverse-on-surface));
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  letter-spacing: 0.042em;
  type: 500 0.75rem/1rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.mediaBadge_2x9qif.toneTonal_2x9qif {
  background: rgb(var(--secondary-container));
  color: rgb(var(--on-secondary-container));
  --on-color: rgb(var(--on-secondary-container));
}

.mediaBadge_2x9qif.toneNeutral_2x9qif {
  height: 1.5rem;
  background: rgb(var(--surface-container-high));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  letter-spacing: 0.042em;
  type: 500 0.75rem/1rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.mediaBadge_2x9qif.tonePro_2x9qif {
  height: 1.5rem;
  background: rgb(var(--primary-container));
  color: rgb(var(--on-primary-container));
  --on-color: rgb(var(--on-primary-container));
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  letter-spacing: 0.042em;
  type: 500 0.75rem/1rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.mediaBadge_2x9qif.anchorTopStart_2x9qif {
  position: absolute;
  top: 0.75rem;
  inset-inline-start: 0.75rem;
}

.mediaBadge_2x9qif.anchorTopEnd_2x9qif {
  position: absolute;
  top: 0.75rem;
  inset-inline-end: 0.75rem;
}

.mediaBadge_2x9qif.anchorBottomStart_2x9qif {
  position: absolute;
  bottom: 0.75rem;
  inset-inline-start: 0.75rem;
}

.mediaBadge_2x9qif.anchorBottomEnd_2x9qif {
  position: absolute;
  bottom: 0.75rem;
  inset-inline-end: 0.75rem;
}

/* === Option.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\Option.package\Option.css.ts */
.option_bfwywb {
  --state-layer-opacity: 0;

  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  min-height: 3rem;
  padding: 0.5rem 1rem;
  cursor: pointer;
  white-space: nowrap;
  font-size: 1rem;
  border-radius: 0.25rem;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
  --state-layer-opacity: 0;
}

.option_bfwywb::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--state-layer-color, rgb(var(--on-surface)));
  opacity: var(--state-layer-opacity, 0);
  pointer-events: none;
  transition: opacity 150ms cubic-bezier(0.2, 0, 0, 1);
}

.option_bfwywb:hover {
  --state-layer-opacity: 0.08;
}

.option_bfwywb:focus-visible {
  outline: 2px solid rgb(var(--tertiary));
  outline-offset: 2px;
  --state-layer-opacity: 0.1;
}

.option_bfwywb:active {
  --state-layer-opacity: 0.1;
}

[data-kit-dense] .option_bfwywb {
  min-height: 2.5rem;
}

.option_bfwywb.highlighted_bfwywb {
  --state-layer-opacity: 0.08;
}

.option_bfwywb.selected_bfwywb {
  background: rgb(var(--surface-container-highest));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
}

.optionDescription_jaxrb {
  font-size: 0.75rem;
  color: var(--on-color-variant, var(--on-color));
  margin-left: 0.5rem;
}

@media (prefers-reduced-motion:reduce) {
  .option_bfwywb {
    transition: none;
    animation: none;
  }

}

/* === OutlinedBox.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\OutlinedBox.package\OutlinedBox.css.ts */
.outlinedBox_4km56v {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  background: rgb(var(--surface));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
  border: 1px solid rgb(var(--outline-variant));
}

.outlinedBox_4km56v.clip_4km56v {
  overflow: hidden;
}

.outlinedBox_4km56v.dimmed_4km56v {
  opacity: 0.45;
}

.outlinedBox_4km56v.cornerExtraSmall_4km56v {
  border-radius: 0.25rem;
}

.outlinedBox_4km56v.cornerSmall_4km56v {
  border-radius: 0.5rem;
}

.outlinedBox_4km56v.cornerMedium_4km56v {
  border-radius: 0.75rem;
}

.outlinedBox_4km56v.cornerLarge_4km56v {
  border-radius: 1rem;
}

/* === OutlinedButton.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\OutlinedButton.package\OutlinedButton.css.ts */
.outlinedButton_xvtnw5 {
  --ob-radius-round: calc(2.5rem / 2);
  --ob-radius-square: 0.75rem;
  --ob-radius-pressed: 0.5rem;

  appearance: none;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  height: 2.5rem;
  padding-inline-start: 1rem;
  padding-inline-end: 1rem;
  font-family: var(--kit-font, -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  background: transparent;
  color: rgb(var(--on-surface-variant));
  border: 0.0625rem solid rgb(var(--outline-variant));
  border-radius: var(--ob-radius-round);
  transition: border-radius 555ms linear(0, 0.0361, 0.1396, 0.2382, 0.3774, 0.4784, 0.572, 0.6813, 0.7506, 0.8264, 0.8717, 0.9185, 0.945, 0.9653, 0.9845, 0.9943, 1.0027, 1.0065, 1.0086, 1.0097, 1.0096, 1.0088, 1.0079, 1.0069, 1.0056, 1.0046, 1.0035, 1.0028, 1.0021, 1.0015, 1.0011, 1.0007, 1.0004, 1.0002, 1.0001, 1, 1, 0.9999, 0.9999, 1), background 150ms cubic-bezier(0.2, 0, 0, 1), color 150ms cubic-bezier(0.2, 0, 0, 1), box-shadow 150ms cubic-bezier(0.2, 0, 0, 1), border-color 150ms cubic-bezier(0.2, 0, 0, 1);
  --ob-radius-round: calc(2.5rem / 2);
  --ob-radius-square: 0.75rem;
  --ob-radius-pressed: 0.5rem;
}

.outlinedButton_xvtnw5::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--state-layer-color, rgb(var(--primary)));
  opacity: var(--state-layer-opacity, 0);
  pointer-events: none;
  transition: opacity 150ms cubic-bezier(0.2, 0, 0, 1);
}

.outlinedButton_xvtnw5:hover {
  border-color: rgb(var(--outline));
  --state-layer-opacity: 0.04;
}

.outlinedButton_xvtnw5:focus-visible {
  outline: 0.1875rem solid rgb(var(--secondary));
  outline-offset: 0.125rem;
  border-color: rgb(var(--primary));
  --state-layer-opacity: 0.06;
}

.outlinedButton_xvtnw5:active {
  border-radius: var(--ob-radius-pressed);
  border-color: rgb(var(--outline-variant));
  --state-layer-opacity: 0.08;
}

.outlinedButton_xvtnw5[disabled], .outlinedButton_xvtnw5[aria-disabled="true"] {
  cursor: not-allowed;
  border-color: color-mix(in srgb, rgb(var(--outline-variant)) 12%, transparent);
  color: color-mix(in srgb, rgb(var(--on-surface-variant)) 38%, transparent);
}

.outlinedButton_xvtnw5[disabled], .outlinedButton_xvtnw5[aria-disabled="true"]::before {
  display: none;
}

.outlinedButton_xvtnw5.xs_xvtnw5 {
  --ob-radius-round: calc(2rem / 2);
  --ob-radius-square: 0.75rem;
  --ob-radius-pressed: 0.5rem;
  height: 2rem;
  padding-inline-start: 1rem;
  padding-inline-end: 1rem;
  gap: 0.5rem;
  border-width: 0.0625rem;
}

.outlinedButton_xvtnw5.md_xvtnw5 {
  --ob-radius-round: calc(3.5rem / 2);
  --ob-radius-square: 1rem;
  --ob-radius-pressed: 0.75rem;
  height: 3.5rem;
  padding-inline-start: 1.5rem;
  padding-inline-end: 1.5rem;
  gap: 0.5rem;
  border-width: 0.0625rem;
}

.outlinedButton_xvtnw5.lg_xvtnw5 {
  --ob-radius-round: calc(6rem / 2);
  --ob-radius-square: 1.75rem;
  --ob-radius-pressed: 1rem;
  height: 6rem;
  padding-inline-start: 3rem;
  padding-inline-end: 3rem;
  gap: 0.75rem;
  border-width: 0.125rem;
}

.outlinedButton_xvtnw5.xl_xvtnw5 {
  --ob-radius-round: calc(8.5rem / 2);
  --ob-radius-square: 1.75rem;
  --ob-radius-pressed: 1rem;
  height: 8.5rem;
  padding-inline-start: 4rem;
  padding-inline-end: 4rem;
  gap: 1rem;
  border-width: 0.1875rem;
}

.outlinedButton_xvtnw5.square_xvtnw5 {
  border-radius: var(--ob-radius-square);
}

.outlinedButtonLeadingIcon_hbk0ot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  pointer-events: none;
}

.outlinedButtonTrailingIcon_9i7sun {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  pointer-events: none;
  transform-origin: center;
  transition: transform 150ms cubic-bezier(0.2, 0, 0, 1);
}

.outlinedButtonTrailingIcon_9i7sun.expanded_9i7sun {
  transform: rotate(180deg);
}

/* === OutlinedCard.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\OutlinedCard.package\OutlinedCard.css.ts */
.outlinedCard_g7m3t6 {
  --state-layer-opacity: 0;

  appearance: none;
  color: inherit;
  text-align: inherit;
  font: inherit;
  text-decoration: none;
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  background: rgb(var(--surface));
  border: 0.0625rem solid rgb(var(--outline-variant));
  border-radius: 1rem;
  overflow: hidden;
  outline: 2px solid var(--kit-selection-ring, transparent);
  transition: border-color 200ms cubic-bezier(0.2, 0, 0, 1), background 200ms cubic-bezier(0.2, 0, 0, 1);
  --state-layer-opacity: 0;
}

.outlinedCard_g7m3t6::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--state-layer-color, rgb(var(--on-surface)));
  opacity: var(--state-layer-opacity, 0);
  pointer-events: none;
  transition: opacity 200ms cubic-bezier(0.2, 0, 0, 1);
}

.outlinedCard_g7m3t6.interactive_g7m3t6 {
  cursor: pointer;
}

.outlinedCard_g7m3t6.interactive_g7m3t6:hover {
  border-color: rgb(var(--outline-variant));
  --state-layer-opacity: 0.04;
}

.outlinedCard_g7m3t6.interactive_g7m3t6:focus-visible {
  outline: none;
  border-color: rgb(var(--on-surface));
  --state-layer-opacity: 0.06;
}

.outlinedCard_g7m3t6.interactive_g7m3t6:active {
  --state-layer-opacity: 0.08;
}

.outlinedCard_g7m3t6.disabled_g7m3t6 {
  cursor: not-allowed;
  pointer-events: none;
  border-color: rgb(var(--outline));
  opacity: 0.12;
}

.outlinedCard_g7m3t6.disabled_g7m3t6::before {
  display: none;
}

.outlinedCard_g7m3t6.tonePrimary_g7m3t6 {
  background: rgb(var(--surface-container-low));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
}

.outlinedCard_g7m3t6.toneMuted_g7m3t6 {
  background: rgb(var(--surface-container-low));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
}

.outlinedCard_g7m3t6.fill_g7m3t6 {
  height: 100%;
}

.outlinedCard_g7m3t6.selected_g7m3t6 {
  background: rgb(var(--primary-container));
  color: rgb(var(--on-primary-container));
  --on-color: rgb(var(--on-primary-container));
  border-color: transparent;
}

/* === OutlinedIconButton.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\OutlinedIconButton.package\OutlinedIconButton.css.ts */
.outlinedIconButton_6dh811 {
  --ib-shape-round-unsel: calc(var(--ib-container-height) / 2);
  --ib-shape-square-unsel: 1rem;
  --ib-shape-round-sel: 1rem;
  --ib-shape-square-sel: calc(var(--ib-container-height) / 2);
  --ib-shape-pressed: 0.75rem;
  --ib-pad-narrow-leading: 0.75rem;
  --ib-pad-narrow-trailing: 0.75rem;
  --ib-pad-default-leading: 1rem;
  --ib-pad-default-trailing: 1rem;
  --ib-pad-wide-leading: 1.5rem;
  --ib-pad-wide-trailing: 1.5rem;
  --ib-container-height: 3.5rem;
  --ib-icon-size: 1.5rem;
  --ib-outline-width: 0.0625rem;
  --ib-shape-round: var(--ib-shape-round-unsel);
  --ib-shape-square: var(--ib-shape-square-unsel);
  --ib-shape-active: var(--ib-shape-round);
  --ib-pad-leading: var(--ib-pad-default-leading);
  --ib-pad-trailing: var(--ib-pad-default-trailing);
  --state-layer-color: rgb(var(--on-surface-variant));

  appearance: none;
  background: transparent;
  cursor: pointer;
  padding: 0;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: var(--ib-container-height);
  padding-inline-start: var(--ib-pad-leading);
  padding-inline-end: var(--ib-pad-trailing);
  border-radius: var(--ib-shape-active);
  border: var(--ib-outline-width) solid rgb(var(--outline-variant));
  color: rgb(var(--on-surface-variant));
  flex-shrink: 0;
  overflow: hidden;
  box-sizing: border-box;
  transition: border-radius 150ms cubic-bezier(0.2, 0, 0, 1), background-color 200ms cubic-bezier(0.2, 0, 0, 1), color 200ms cubic-bezier(0.2, 0, 0, 1);
  --ib-shape-round-unsel: calc(var(--ib-container-height) / 2);
  --ib-shape-square-unsel: 1rem;
  --ib-shape-round-sel: 1rem;
  --ib-shape-square-sel: calc(var(--ib-container-height) / 2);
  --ib-shape-pressed: 0.75rem;
  --ib-pad-narrow-leading: 0.75rem;
  --ib-pad-narrow-trailing: 0.75rem;
  --ib-pad-default-leading: 1rem;
  --ib-pad-default-trailing: 1rem;
  --ib-pad-wide-leading: 1.5rem;
  --ib-pad-wide-trailing: 1.5rem;
  --ib-container-height: 3.5rem;
  --ib-icon-size: 1.5rem;
  --ib-outline-width: 0.0625rem;
  --ib-shape-round: var(--ib-shape-round-unsel);
  --ib-shape-square: var(--ib-shape-square-unsel);
  --ib-shape-active: var(--ib-shape-round);
  --ib-pad-leading: var(--ib-pad-default-leading);
  --ib-pad-trailing: var(--ib-pad-default-trailing);
  --state-layer-color: rgb(var(--on-surface-variant));
}

.outlinedIconButton_6dh811::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--state-layer-color, rgb(var(--on-surface-variant)));
  opacity: var(--state-layer-opacity, 0);
  pointer-events: none;
  transition: none;
}

.outlinedIconButton_6dh811:hover {
  --state-layer-opacity: 0.08;
}

.outlinedIconButton_6dh811:focus-visible {
  outline: none;
  --state-layer-opacity: 0.08;
}

.outlinedIconButton_6dh811:active {
  border-radius: var(--ib-shape-pressed);
  --state-layer-opacity: 0.1;
}

.outlinedIconButton_6dh811.xs_6dh811 {
  --ib-shape-round-unsel: calc(var(--ib-container-height) / 2);
  --ib-shape-square-unsel: 0.75rem;
  --ib-shape-round-sel: 0.75rem;
  --ib-shape-square-sel: calc(var(--ib-container-height) / 2);
  --ib-shape-pressed: 0.5rem;
  --ib-pad-narrow-leading: 0.25rem;
  --ib-pad-narrow-trailing: 0.25rem;
  --ib-pad-default-leading: 0.375rem;
  --ib-pad-default-trailing: 0.375rem;
  --ib-pad-wide-leading: 0.625rem;
  --ib-pad-wide-trailing: 0.625rem;
  --ib-container-height: 2rem;
  --ib-icon-size: 1.25rem;
  --ib-outline-width: 0.0625rem;
}

.outlinedIconButton_6dh811.sm_6dh811 {
  --ib-shape-round-unsel: calc(var(--ib-container-height) / 2);
  --ib-shape-square-unsel: 0.75rem;
  --ib-shape-round-sel: 0.75rem;
  --ib-shape-square-sel: calc(var(--ib-container-height) / 2);
  --ib-shape-pressed: 0.5rem;
  --ib-pad-narrow-leading: 0.25rem;
  --ib-pad-narrow-trailing: 0.25rem;
  --ib-pad-default-leading: 0.5rem;
  --ib-pad-default-trailing: 0.5rem;
  --ib-pad-wide-leading: 0.875rem;
  --ib-pad-wide-trailing: 0.875rem;
  --ib-container-height: 2.5rem;
  --ib-icon-size: 1.5rem;
  --ib-outline-width: 0.0625rem;
}

.outlinedIconButton_6dh811.lg_6dh811 {
  --ib-shape-round-unsel: calc(var(--ib-container-height) / 2);
  --ib-shape-square-unsel: 1.75rem;
  --ib-shape-round-sel: 1.75rem;
  --ib-shape-square-sel: calc(var(--ib-container-height) / 2);
  --ib-shape-pressed: 1rem;
  --ib-pad-narrow-leading: 1rem;
  --ib-pad-narrow-trailing: 1rem;
  --ib-pad-default-leading: 2rem;
  --ib-pad-default-trailing: 2rem;
  --ib-pad-wide-leading: 3rem;
  --ib-pad-wide-trailing: 3rem;
  --ib-container-height: 6rem;
  --ib-icon-size: 2rem;
  --ib-outline-width: 0.125rem;
}

.outlinedIconButton_6dh811.xl_6dh811 {
  --ib-shape-round-unsel: calc(var(--ib-container-height) / 2);
  --ib-shape-square-unsel: 1.75rem;
  --ib-shape-round-sel: 1.75rem;
  --ib-shape-square-sel: calc(var(--ib-container-height) / 2);
  --ib-shape-pressed: 1rem;
  --ib-pad-narrow-leading: 2rem;
  --ib-pad-narrow-trailing: 2rem;
  --ib-pad-default-leading: 3rem;
  --ib-pad-default-trailing: 3rem;
  --ib-pad-wide-leading: 4.5rem;
  --ib-pad-wide-trailing: 4.5rem;
  --ib-container-height: 8.5rem;
  --ib-icon-size: 2.5rem;
  --ib-outline-width: 0.1875rem;
}

.outlinedIconButton_6dh811.square_6dh811 {
  --ib-shape-active: var(--ib-shape-square);
}

.outlinedIconButton_6dh811.narrow_6dh811 {
  --ib-pad-leading: var(--ib-pad-narrow-leading);
  --ib-pad-trailing: var(--ib-pad-narrow-trailing);
}

.outlinedIconButton_6dh811.wide_6dh811 {
  --ib-pad-leading: var(--ib-pad-wide-leading);
  --ib-pad-trailing: var(--ib-pad-wide-trailing);
}

.outlinedIconButton_6dh811.selected_6dh811 {
  --ib-shape-round: var(--ib-shape-round-sel);
  --ib-shape-square: var(--ib-shape-square-sel);
  background: rgb(var(--inverse-surface));
  border: none;
  color: rgb(var(--inverse-on-surface));
  --state-layer-color: rgb(var(--inverse-on-surface));
}

.outlinedIconButton_6dh811.disabled_6dh811 {
  cursor: not-allowed;
  border-color: color-mix(in srgb, rgb(var(--on-surface)) 12%, transparent);
  color: color-mix(in srgb, rgb(var(--on-surface)) 38%, transparent);
}

.outlinedIconButton_6dh811.disabled_6dh811::before {
  display: none;
}

.outlinedIconButton_6dh811.selectedDisabled_6dh811 {
  background: color-mix(in srgb, rgb(var(--on-surface)) 12%, transparent);
  border: none;
}

.outlinedIconButtonGlyph_dffzgm {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--ib-icon-size, 1.5rem);
  height: var(--ib-icon-size, 1.5rem);
  color: inherit;
  pointer-events: none;
}

/* === Page.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\Page.package\Page.css.ts */
.page_q6afgj {
  box-sizing: border-box;
  --kit-page-gutter: clamp(1rem, 0.6087rem + 1.7391vw, 2rem);
  padding: var(--kit-page-gutter);
}

.page_q6afgj.fill_q6afgj {
  flex: 1;
  min-width: 0;
}

/* === Pane.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\Pane.package\Pane.css.ts */
.pane_m3kr6p {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
  box-sizing: border-box;
}

.pane_m3kr6p.directionColumn_m3kr6p {
  flex-direction: column;
}

.pane_m3kr6p.alignStart_m3kr6p {
  align-items: flex-start;
}

.pane_m3kr6p.alignCenter_m3kr6p {
  align-items: center;
}

.pane_m3kr6p.alignEnd_m3kr6p {
  align-items: flex-end;
}

.pane_m3kr6p.alignBaseline_m3kr6p {
  align-items: baseline;
}

.pane_m3kr6p.justifyCenter_m3kr6p {
  justify-content: center;
}

.pane_m3kr6p.justifyEnd_m3kr6p {
  justify-content: flex-end;
}

.pane_m3kr6p.justifyBetween_m3kr6p {
  justify-content: space-between;
}

.pane_m3kr6p.justifyAround_m3kr6p {
  justify-content: space-around;
}

.pane_m3kr6p.gapXs_m3kr6p {
  gap: 0.25rem;
}

.pane_m3kr6p.gapSm_m3kr6p {
  gap: 0.5rem;
}

.pane_m3kr6p.gapMd_m3kr6p {
  gap: 1rem;
}

.pane_m3kr6p.gapLg_m3kr6p {
  gap: 2rem;
}

.pane_m3kr6p.fill_m3kr6p {
  flex: 1;
  min-width: 0;
}

/* === PendingCompositionLayer.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\PendingCompositionLayer.package\PendingCompositionLayer.css.ts */
.pendingCompositionLayer_nuekey {
  position: relative;
  width: 100%;
  height: 100%;
  grid-row: 1;
  grid-column: 1;
  box-sizing: border-box;
  min-width: 0;
  min-height: 0;
  pointer-events: none;
}

/* === PendingMedia.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\PendingMedia.package\PendingMedia.css.ts */
@keyframes kitPendingMediaSpin {
  100% {
    transform: rotate(360deg);
  }

}

.pendingMedia_nnkskw {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  box-sizing: border-box;
  background: rgb(var(--surface-container-highest));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
}

.pendingMediaCompact_eoii07 {
  position: relative;
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-sizing: border-box;
  border-radius: 0.5rem;
  background: rgb(var(--surface-container-highest));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
}

.pendingMediaError_l5zxzp {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.6875rem;
  line-height: 1rem;
  font-weight: 500;
  letter-spacing: 0.045em;
  type: 500 0.6875rem/1rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  color: rgb(var(--error));
  text-align: center;
  padding-inline: 0.5rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.pendingMediaLabel_5dig6s {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  letter-spacing: 0.042em;
  type: 500 0.75rem/1rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  color: var(--on-color-variant, var(--on-color));
  text-align: center;
  padding-inline: 0.5rem;
}

.pendingMediaSpinner_arzjhp {
  display: inline-flex;
  animation: kitPendingMediaSpin 1000ms cubic-bezier(0, 0, 1, 1) infinite;
}

/* === PlainTooltip.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\PlainTooltip.package\PlainTooltip.css.ts */
.plainTooltip_mp43n2 {
  position: relative;
  display: inline-block;
}

.plainTooltipPopup_rwl13 {
  position: absolute;
  background: rgb(var(--inverse-surface));
  border-radius: 0.25rem;
  max-width: 200px;
  padding: 4px 8px;
  color: rgb(var(--inverse-on-surface));
  font: 400 0.75rem/1rem Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif;
  letter-spacing: 0.033em;
  pointer-events: none;
  opacity: 0;
  z-index: 1000;
  transition: opacity 150ms cubic-bezier(0.2, 0, 0, 1);
}

.plainTooltipPopup_rwl13.top_rwl13 {
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 4px;
}

.plainTooltipPopup_rwl13.bottom_rwl13 {
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 4px;
}

.plainTooltipPopup_rwl13.left_rwl13 {
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
  margin-right: 4px;
}

.plainTooltipPopup_rwl13.right_rwl13 {
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 4px;
}

.plainTooltipPopup_rwl13.visible_rwl13 {
  opacity: 1;
  transition: opacity 200ms cubic-bezier(0.2, 0, 0, 1);
}

/* === PressableFrame.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\PressableFrame.package\PressableFrame.css.ts */
.pressableFrame_6bipev {
  --kit-selection-ring: transparent;

  display: block;
  width: 100%;
  cursor: pointer;
  outline: none;
  --kit-selection-ring: transparent;
}

.pressableFrame_6bipev:focus-visible {
  --kit-selection-ring: rgb(var(--primary));
}

.pressableFrame_6bipev.selected_6bipev {
  --kit-selection-ring: rgb(var(--primary));
}

.pressableFrame_6bipev.disabled_6bipev {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.62;
}

/* === PreText.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\PreText.package\PreText.css.ts */
.preText_untv0z {
  margin: 0;
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 1.5rem;
  white-space: pre-wrap;
  word-break: break-word;
  font-family: 'Roboto Mono', ui-monospace, monospace;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.031em;
  type: 400 1rem/1.5rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

/* === PrimaryTabs.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\PrimaryTabs.package\PrimaryTabs.css.ts */
.primaryTabs_gm1aw1 {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  box-sizing: border-box;
  width: 100%;
  min-height: 4rem;
  background: rgb(var(--surface));
  box-shadow: none;
  border-radius: 0px;
  overflow: hidden;
  transition: min-height 200ms cubic-bezier(0.2, 0, 0, 1), padding-block 200ms cubic-bezier(0.2, 0, 0, 1);
}

.primaryTabs_gm1aw1.compact_gm1aw1 {
  min-height: 3rem;
}

.primaryTabsTab_j9sx2e {
  --state-layer-opacity: 0;
  --state-layer-color: rgb(var(--on-surface));

  appearance: none;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  box-sizing: border-box;
  flex: 1 1 0;
  min-width: 0;
  min-height: 4rem;
  padding-block: 0;
  padding-inline: calc(1.5rem / 2);
  border: none;
  background: rgb(var(--surface));
  color: rgb(var(--on-surface-variant));
  cursor: pointer;
  font: 500 0.875rem/1.25rem Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif;
  outline: none;
  text-align: center;
  transition: min-height 200ms cubic-bezier(0.2, 0, 0, 1), padding-block 200ms cubic-bezier(0.2, 0, 0, 1);
  --state-layer-opacity: 0;
  --state-layer-color: rgb(var(--on-surface));
}

.primaryTabsTab_j9sx2e::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--state-layer-color, rgb(var(--on-surface)));
  opacity: var(--state-layer-opacity, 0);
  pointer-events: none;
  transition: none;
}

.primaryTabsTab_j9sx2e:hover {
  color: rgb(var(--on-surface));
  --state-layer-color: rgb(var(--on-surface));
  --state-layer-opacity: 0.08;
}

.primaryTabsTab_j9sx2e:focus-visible {
  color: rgb(var(--on-surface));
  outline: 0.1875rem solid rgb(var(--secondary));
  outline-offset: -0.1875rem;
  --state-layer-color: rgb(var(--on-surface));
  --state-layer-opacity: 0.1;
}

.primaryTabsTab_j9sx2e:active {
  color: rgb(var(--on-surface));
  --state-layer-color: rgb(var(--primary));
  --state-layer-opacity: 0.1;
}

.primaryTabsTab_j9sx2e.compact_j9sx2e {
  min-height: 3rem;
}

.primaryTabsTab_j9sx2e.active_j9sx2e {
  color: rgb(var(--primary));
}

.primaryTabsTab_j9sx2e.active_j9sx2e:hover {
  color: rgb(var(--primary));
  --state-layer-color: rgb(var(--primary));
  --state-layer-opacity: 0.08;
}

.primaryTabsTab_j9sx2e.active_j9sx2e:focus-visible {
  color: rgb(var(--primary));
  --state-layer-color: rgb(var(--primary));
  --state-layer-opacity: 0.1;
}

.primaryTabsTab_j9sx2e.active_j9sx2e:active {
  color: rgb(var(--primary));
  --state-layer-color: rgb(var(--primary));
  --state-layer-opacity: 0.1;
}

.primaryTabsTabContent_ut9n51 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  flex: 1 1 auto;
  min-width: 0;
  max-width: 100%;
  column-gap: calc(1.5rem / 3);
}

.primaryTabsTabIcon_q1nyck {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  color: inherit;
  flex-shrink: 0;
}

.primaryTabsTabIcon_q1nyck.empty_q1nyck {
  display: none;
}

.primaryTabsTabIndicator_2n085e {
  display: none;
  align-self: stretch;
  width: 100%;
  height: 0.1875rem;
  background: rgb(var(--primary));
  border-radius: 3px 3px 0px 0px;
}

.primaryTabsTabIndicator_2n085e.active_2n085e {
  display: block;
}

.primaryTabsTabLabel_opho4m {
  min-width: 0;
  max-width: 100%;
  color: inherit;
  font-family: Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.007em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* === ProductTextureTile.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\ProductTextureTile.package\ProductTextureTile.css.ts */
.productTextureTile_jbp47g {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 0.5rem;
  border: 1px solid rgb(var(--outline-variant));
  isolation: isolate;
  background: rgb(var(--surface-container-highest));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
}

.productTextureTileLayer_d1pese {
  position: absolute;
  inset: 0;
  background-image: var(--surface-texture, none);
  background-size: var(--surface-texture-size, cover);
  background-position: center;
  mix-blend-mode: luminosity;
  opacity: var(--surface-texture-ready, 0);
  transition: opacity 300ms cubic-bezier(0.2, 0, 0, 1);
  pointer-events: none;
}

/* === RadioButton.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\RadioButton.package\RadioButton.css.ts */
.radioButton_12r4l1 {
  --state-layer-opacity: 0;
  --state-layer-color: rgb(var(--on-surface));

  appearance: none;
  border: none;
  background: transparent;
  color: inherit;
  cursor: pointer;
  padding: 0;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  flex-shrink: 0;
  --state-layer-opacity: 0;
  --state-layer-color: rgb(var(--on-surface));
}

.radioButton_12r4l1::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--state-layer-color, rgb(var(--on-surface)));
  opacity: var(--state-layer-opacity, 0);
  pointer-events: none;
  transition: none;
}

.radioButton_12r4l1:hover {
  --state-layer-opacity: 0.08;
}

.radioButton_12r4l1:focus-visible {
  outline: none;
  --state-layer-opacity: 0.1;
}

.radioButton_12r4l1:active {
  --state-layer-opacity: 0.1;
}

.radioButton_12r4l1.selected_12r4l1 {
  --state-layer-color: rgb(var(--primary));
}

.radioButton_12r4l1.selected_12r4l1:hover {
  --state-layer-opacity: 0.08;
}

.radioButton_12r4l1.selected_12r4l1:focus-visible {
  --state-layer-opacity: 0.1;
}

.radioButton_12r4l1.selected_12r4l1:active {
  --state-layer-opacity: 0.1;
}

.radioButton_12r4l1.disabled_12r4l1 {
  cursor: not-allowed;
}

.radioButton_12r4l1.disabled_12r4l1::before {
  display: none;
}

.radioButtonRing_wpnpzq {
  --rb-dot-display: none;
  --rb-dot-color: transparent;

  position: relative;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  border: 0.125rem solid rgb(var(--on-surface-variant));
  box-sizing: border-box;
  --rb-dot-display: none;
  --rb-dot-color: transparent;
}

.radioButtonRing_wpnpzq::after {
  content: '';
  display: var(--rb-dot-display);
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50%;
  height: 50%;
  border-radius: 50%;
  background: var(--rb-dot-color);
  transform: translate(-50%, -50%);
}

.radioButtonRing_wpnpzq.selected_wpnpzq {
  --rb-dot-display: block;
  --rb-dot-color: rgb(var(--primary));
  border-color: rgb(var(--primary));
}

.radioButtonRing_wpnpzq.disabled_wpnpzq {
  border-color: color-mix(in srgb, rgb(var(--on-surface)) 38%, transparent);
}

.radioButtonRing_wpnpzq.selectedDisabled_wpnpzq {
  --rb-dot-display: block;
  --rb-dot-color: color-mix(in srgb, rgb(var(--on-surface)) 38%, transparent);
  border-color: color-mix(in srgb, rgb(var(--on-surface)) 38%, transparent);
}

/* === RangeSlider.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\RangeSlider.package\RangeSlider.css.ts */
.rangeSlider_7ohr36 {
  --slider-track-height: 1rem;
  --slider-handle-height: 2.75rem;
  --slider-handle-width-rest: 0.25rem;
  --slider-handle-width-pressed: 0.125rem;
  --slider-state-layer-size: 2.75rem;
  --slider-outer-corner: 0.5rem;
  --slider-inner-corner: 0.125rem;
  --slider-track-inset: calc(2.75rem / 2);
  --slider-label-radius: 1rem;
  --slider-label-padding-x: 0.5rem;
  --slider-label-padding-y: 0.25rem;
  --slider-icon-size: 0.25rem;
  --slider-active-handle-gap: 0.375rem;
  --slider-inactive-track-color: rgb(var(--secondary-container));
  --slider-active-track-color: rgb(var(--primary));
  --slider-track-radius-tl: var(--slider-outer-corner);
  --slider-track-radius-tr: var(--slider-inner-corner);
  --slider-track-radius-br: var(--slider-inner-corner);
  --slider-track-radius-bl: var(--slider-outer-corner);

  position: relative;
  display: block;
  width: 100%;
  height: var(--slider-state-layer-size);
  touch-action: none;
  user-select: none;
  cursor: pointer;
  --slider-track-height: 1rem;
  --slider-handle-height: 2.75rem;
  --slider-handle-width-rest: 0.25rem;
  --slider-handle-width-pressed: 0.125rem;
  --slider-state-layer-size: 2.75rem;
  --slider-outer-corner: 0.5rem;
  --slider-inner-corner: 0.125rem;
  --slider-track-inset: calc(2.75rem / 2);
  --slider-label-radius: 1rem;
  --slider-label-padding-x: 0.5rem;
  --slider-label-padding-y: 0.25rem;
  --slider-icon-size: 0.25rem;
  --slider-active-handle-gap: 0.375rem;
  --slider-inactive-track-color: rgb(var(--secondary-container));
  --slider-active-track-color: rgb(var(--primary));
  --slider-track-radius-tl: var(--slider-outer-corner);
  --slider-track-radius-tr: var(--slider-inner-corner);
  --slider-track-radius-br: var(--slider-inner-corner);
  --slider-track-radius-bl: var(--slider-outer-corner);
}

.rangeSlider_7ohr36.sm_7ohr36 {
  --slider-track-height: 1.5rem;
  --slider-outer-corner: 0.5rem;
}

.rangeSlider_7ohr36.md_7ohr36 {
  --slider-track-height: 2.5rem;
  --slider-outer-corner: 0.75rem;
  --slider-icon-size: 1.5rem;
}

.rangeSlider_7ohr36.lg_7ohr36 {
  --slider-track-height: 3.5rem;
  --slider-handle-height: 4.25rem;
  --slider-state-layer-size: 4.25rem;
  --slider-outer-corner: 1rem;
  --slider-track-inset: calc(4.25rem / 2);
  --slider-icon-size: 1.5rem;
}

.rangeSlider_7ohr36.xl_7ohr36 {
  --slider-track-height: 6rem;
  --slider-handle-height: 6.75rem;
  --slider-state-layer-size: 6.75rem;
  --slider-outer-corner: 1.75rem;
  --slider-track-inset: calc(6.75rem / 2);
  --slider-icon-size: 2rem;
}

.rangeSlider_7ohr36.disabled_7ohr36 {
  cursor: not-allowed;
  pointer-events: none;
}

.rangeSlider_7ohr36.scrubber_7ohr36 {
  --slider-track-height: 0.5rem;
  --slider-state-layer-size: 0.5rem;
  --slider-track-inset: 0;
  --slider-inactive-track-color: rgb(var(--on-surface-variant) / 0.12);
  --slider-active-track-color: rgb(var(--on-surface-variant) / 0.6);
  --slider-track-radius-tl: var(--slider-outer-corner);
  --slider-track-radius-tr: var(--slider-outer-corner);
  --slider-track-radius-br: var(--slider-outer-corner);
  --slider-track-radius-bl: var(--slider-outer-corner);
}

.rangeSliderDragLayer_wt209t {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.rangeSliderDragSurface_cc3s7g {
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(var(--slider-track-active-left, 0%) + var(--slider-state-layer-size) / 2);
  width: max(0px, calc(var(--slider-track-active-width, 0%) - var(--slider-state-layer-size)));
  pointer-events: auto;
  cursor: grab;
  touch-action: none;
}

.rangeSliderDragSurface_cc3s7g.pressed_cc3s7g {
  cursor: grabbing;
}

.rangeSliderHandleContainer_e48aa0 {
  position: absolute;
  top: 50%;
  left: var(--slider-pos, 0%);
  width: 0;
  height: 0;
  pointer-events: none;
  transition: left 200ms cubic-bezier(0.2, 0, 0, 1);
}

.rangeSliderHandleContainer_e48aa0.high_e48aa0 {
  left: var(--slider-pos-high, 100%);
}

.rangeSliderHandleContainer_e48aa0.pressed_e48aa0 {
  transition: none;
}

.rangeSliderHandleIcon_9ochco {
  width: var(--slider-icon-size);
  height: var(--slider-icon-size);
  color: rgb(var(--on-primary));
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rangeSliderHandleIcon_9ochco > * {
  width: 100%;
  height: 100%;
}

.rangeSliderHandleNub_emm2v2 {
  position: absolute;
  top: 0;
  left: 0;
  width: var(--slider-handle-width-rest);
  height: var(--slider-handle-height);
  transform: translate(-50%, -50%);
  background: rgb(var(--primary));
  border-radius: var(--slider-handle-width-rest);
  box-shadow: 0 4px 12px rgba(0,0,0,0.20), 0 1px 3px rgba(0,0,0,0.12);
  pointer-events: none;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition: width 300ms cubic-bezier(0.2, 0, 0, 1), background-color 300ms cubic-bezier(0.2, 0, 0, 1), box-shadow 300ms cubic-bezier(0.2, 0, 0, 1);
}

.rangeSliderHandleNub_emm2v2.pressed_emm2v2 {
  width: var(--slider-handle-width-pressed);
}

.rangeSliderHandleNub_emm2v2.disabled_emm2v2 {
  background: rgb(var(--on-surface));
  opacity: 0.38;
  box-shadow: none;
}

.rangeSliderLabel_yu800c {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 1.75rem;
  min-height: 1.75rem;
  padding: var(--slider-label-padding-y) var(--slider-label-padding-x);
  background: rgb(var(--inverse-surface));
  color: rgb(var(--inverse-on-surface));
  border-radius: var(--slider-label-radius);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  letter-spacing: 0.042em;
  white-space: nowrap;
  transform-origin: center bottom;
  transform: scale(0);
  pointer-events: none;
  z-index: 3;
  transition: transform 100ms cubic-bezier(0.2, 0, 0, 1);
}

.rangeSliderLabel_yu800c::before {
  content: "";
  position: absolute;
  bottom: calc(1.75rem / -10);
  left: 50%;
  width: calc(1.75rem / 2);
  height: calc(1.75rem / 2);
  background: inherit;
  transform: translateX(-50%) rotate(45deg);
  z-index: -1;
}

.rangeSliderLabel_yu800c.hovered_yu800c {
  transform: scale(1);
}

.rangeSliderLabel_yu800c.focused_yu800c {
  transform: scale(1);
}

.rangeSliderLabel_yu800c.pressed_yu800c {
  transform: scale(1);
}

.rangeSliderLabelContent_npo3te {
  position: relative;
  z-index: 1;
}

.rangeSliderNativeInput_3rstz8 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0;
  cursor: pointer;
  pointer-events: auto;
  appearance: none;
  -webkit-appearance: none;
  background: transparent;
  color: inherit;
  --slider-mid: calc((var(--slider-pos) + var(--slider-pos-high)) / 2);
  clip-path: polygon(0 0, var(--slider-mid) 0, var(--slider-mid) 100%, 0 100%);
}

.rangeSliderNativeInput_3rstz8:focus {
  outline: none;
}

.rangeSliderNativeInput_3rstz8.high_3rstz8 {
  clip-path: polygon(var(--slider-mid) 0, 100% 0, 100% 100%, var(--slider-mid) 100%);
}

.rangeSliderStateLayer_s66jp2 {
  --state-layer-opacity: 0;

  position: absolute;
  top: 0;
  left: 0;
  width: var(--slider-state-layer-size);
  height: var(--slider-state-layer-size);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: var(--state-layer-color, rgb(var(--primary)));
  opacity: var(--state-layer-opacity, 0);
  pointer-events: none;
  transition: opacity 200ms cubic-bezier(0.2, 0, 0, 1);
  --state-layer-opacity: 0;
}

.rangeSliderStateLayer_s66jp2.hovered_s66jp2 {
  --state-layer-opacity: 0.08;
}

.rangeSliderStateLayer_s66jp2.focused_s66jp2 {
  --state-layer-opacity: 0.12;
}

.rangeSliderStateLayer_s66jp2.pressed_s66jp2 {
  --state-layer-opacity: 0.12;
}

.rangeSliderTickmarks_is0nkd {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: radial-gradient(circle at 0 center, rgb(var(--on-surface-variant)) 0, rgb(var(--on-surface-variant)) calc(0.125rem / 2), transparent calc(0.125rem / 2)), radial-gradient(circle at 100% center, rgb(var(--on-surface-variant)) 0, rgb(var(--on-surface-variant)) calc(0.125rem / 2), transparent calc(0.125rem / 2));
  background-repeat: repeat-x;
  background-position: 0 center;
  background-size: calc(100% / var(--slider-tick-count, 1)) 100%;
  opacity: 0.38;
}

.rangeSliderTickmarks_is0nkd.disabled_is0nkd {
  background-image: radial-gradient(circle at 0 center, rgb(var(--on-surface)) 0, rgb(var(--on-surface)) calc(0.125rem / 2), transparent calc(0.125rem / 2)), radial-gradient(circle at 100% center, rgb(var(--on-surface)) 0, rgb(var(--on-surface)) calc(0.125rem / 2), transparent calc(0.125rem / 2));
  opacity: 0.38;
}

.rangeSliderTickmarksActive_kvg30z {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: radial-gradient(circle at 0 center, rgb(var(--on-primary)) 0, rgb(var(--on-primary)) calc(0.125rem / 2), transparent calc(0.125rem / 2)), radial-gradient(circle at 100% center, rgb(var(--on-primary)) 0, rgb(var(--on-primary)) calc(0.125rem / 2), transparent calc(0.125rem / 2));
  background-repeat: repeat-x;
  background-position: 0 center;
  background-size: calc(100% / var(--slider-tick-count, 1)) 100%;
  opacity: 1;
  clip-path: inset(0 calc(100% - var(--slider-track-active-left, 0%) - var(--slider-track-active-width, 0%)) 0 var(--slider-track-active-left, 0%));
  transition: clip-path 200ms cubic-bezier(0.2, 0, 0, 1);
}

.rangeSliderTickmarksActive_kvg30z.pressed_kvg30z {
  transition: none;
}

.rangeSliderTickmarksActive_kvg30z.disabled_kvg30z {
  background-image: radial-gradient(circle at 0 center, rgb(var(--on-surface)) 0, rgb(var(--on-surface)) calc(0.125rem / 2), transparent calc(0.125rem / 2)), radial-gradient(circle at 100% center, rgb(var(--on-surface)) 0, rgb(var(--on-surface)) calc(0.125rem / 2), transparent calc(0.125rem / 2));
  opacity: 0.38;
}

.rangeSliderTrack_kule1f {
  position: absolute;
  top: 50%;
  left: var(--slider-track-inset);
  right: var(--slider-track-inset);
  height: var(--slider-track-height);
  transform: translateY(-50%);
  background: var(--slider-inactive-track-color, rgb(var(--secondary-container)));
  border-radius: var(--slider-outer-corner);
  overflow: visible;
  pointer-events: none;
}

.rangeSliderTrack_kule1f.disabled_kule1f {
  background: rgb(var(--on-surface));
  opacity: 0.12;
}

.rangeSliderTrackActive_r3t53h {
  position: absolute;
  top: 0;
  left: calc(var(--slider-track-active-left, 0%) + var(--slider-active-shrink-start, 0px));
  height: 100%;
  width: max(0px, calc(var(--slider-track-active-width, 0%) - var(--slider-active-shrink-start, 0px) - var(--slider-active-shrink-end, 0px)));
  background: var(--slider-active-track-color, rgb(var(--primary)));
  border-top-left-radius: var(--slider-track-radius-tl, var(--slider-outer-corner));
  border-top-right-radius: var(--slider-track-radius-tr, var(--slider-inner-corner));
  border-bottom-right-radius: var(--slider-track-radius-br, var(--slider-inner-corner));
  border-bottom-left-radius: var(--slider-track-radius-bl, var(--slider-outer-corner));
  transition: left 200ms cubic-bezier(0.2, 0, 0, 1), width 200ms cubic-bezier(0.2, 0, 0, 1), border-radius 200ms cubic-bezier(0.2, 0, 0, 1);
}

.rangeSliderTrackActive_r3t53h.pressed_r3t53h {
  transition: none;
}

.rangeSliderTrackActive_r3t53h.disabled_r3t53h {
  background: rgb(var(--on-surface));
  opacity: 0.38;
}

/* === Relative.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\Relative.package\Relative.css.ts */
.relative_ahwq5o {
  position: relative;
  width: 100%;
  box-sizing: border-box;
}

.relative_ahwq5o.fill_ahwq5o {
  flex: 1;
  min-width: 0;
  min-height: 0;
}

.relative_ahwq5o.inline_ahwq5o {
  display: inline-block;
  width: auto;
}

/* === ReorderList.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\ReorderList.package\ReorderList.css.ts */
.reorderList_2f0n8x {
  display: flex;
  flex-direction: column;
  background: rgb(var(--surface));
  border-radius: 1rem;
  overflow: hidden;
  width: 100%;
}

.reorderListDropZone_407y9b {
  background: rgb(var(--surface-container-low));
  border-radius: 1rem;
}

.reorderListItem_d89v23 {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 1rem;
  min-height: 3.5rem;
  padding: 0.625rem 1rem 0.625rem 1rem;
  color: rgb(var(--on-surface));
  background: rgb(var(--surface));
  border-radius: 1rem;
  cursor: grab;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
}

.reorderListItem_d89v23::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--state-layer-color, rgb(var(--on-surface)));
  opacity: var(--state-layer-opacity, 0);
  pointer-events: none;
  transition: opacity 150ms cubic-bezier(0.2, 0, 0, 1);
}

.reorderListItem_d89v23:hover {
  --state-layer-opacity: 0.04;
}

.reorderListItem_d89v23:focus-visible {
  outline: 2px solid rgb(var(--tertiary));
  outline-offset: 2px;
  --state-layer-opacity: 0.06;
}

.reorderListItem_d89v23.dragging_d89v23 {
  cursor: grabbing;
  background: rgb(var(--tertiary-container));
  color: rgb(var(--on-tertiary-container));
  z-index: 2;
}

.reorderListItemBody_95u0d9 {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0;
}

.reorderListItemHeadline_fwcukq {
  font: 400 1rem/1.5rem var(--kit-font, -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif);
  color: inherit;
}

.reorderListItemLeading_8dgpcr {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: rgb(var(--on-surface-variant));
}

.reorderListItemOverline_85jekf {
  font: 500 0.6875rem/1rem var(--kit-font, -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif);
  color: rgb(var(--on-surface-variant));
}

.reorderListItemSupporting_8clsk3 {
  font: 400 0.875rem/1.25rem var(--kit-font, -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif);
  color: rgb(var(--on-surface-variant));
}

.reorderListItemTrailing_8dgpcr {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: rgb(var(--on-surface-variant));
}

@media (prefers-reduced-motion:reduce) {
  .reorderListItem_d89v23 {
    transition: none;
  }

}

/* === RevealList.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\RevealList.package\RevealList.css.ts */
.revealList_2f0n8x {
  display: flex;
  flex-direction: column;
  background: rgb(var(--surface));
  border-radius: 1rem;
  overflow: hidden;
  width: 100%;
}

.revealListAction_q5okpo {
  --state-layer-color: rgb(var(--on-primary));

  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  height: 2.5rem;
  padding: 0 1rem;
  border-radius: 624.9375rem;
  background: rgb(var(--primary));
  color: rgb(var(--on-primary));
  cursor: pointer;
  border: 0;
  font: 400 1rem/1.5rem var(--kit-font, -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif);
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
  --state-layer-color: rgb(var(--on-primary));
}

.revealListAction_q5okpo::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--state-layer-color, rgb(var(--on-primary)));
  opacity: var(--state-layer-opacity, 0);
  pointer-events: none;
  transition: opacity 150ms cubic-bezier(0.2, 0, 0, 1);
}

.revealListAction_q5okpo:hover {
  --state-layer-opacity: 0.04;
}

.revealListAction_q5okpo:focus-visible {
  outline: 2px solid rgb(var(--tertiary));
  outline-offset: 2px;
  --state-layer-opacity: 0.06;
}

.revealListAction_q5okpo:active {
  --state-layer-opacity: 0.08;
}

.revealListAction_q5okpo.destructive_q5okpo {
  background: rgb(var(--error-container));
  color: rgb(var(--on-error-container));
  --on-color: rgb(var(--on-error-container));
  --state-layer-color: rgb(var(--on-error-container));
}

.revealListItem_r4n013 {
  --state-layer-opacity: 0;

  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 1rem;
  min-height: 3.5rem;
  padding: 0.625rem 1rem 0.625rem 1rem;
  color: rgb(var(--on-surface));
  background: rgb(var(--surface));
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
  --state-layer-opacity: 0;
}

.revealListItem_r4n013::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--state-layer-color, rgb(var(--on-surface)));
  opacity: var(--state-layer-opacity, 0);
  pointer-events: none;
  transition: opacity 150ms cubic-bezier(0.2, 0, 0, 1);
}

.revealListItem_r4n013:hover {
  --state-layer-opacity: 0.04;
}

.revealListItem_r4n013:focus-visible {
  outline: 2px solid rgb(var(--tertiary));
  outline-offset: 2px;
  --state-layer-opacity: 0.06;
}

.revealListItem_r4n013:active {
  --state-layer-opacity: 0.08;
}

.revealListItem_r4n013.disabled_r4n013 {
  cursor: default;
  opacity: 0.38;
}

.revealListItem_r4n013.disabled_r4n013:hover {
  --state-layer-opacity: 0;
}

.revealListItem_r4n013.disabled_r4n013:focus-visible {
  --state-layer-opacity: 0;
}

.revealListItem_r4n013.disabled_r4n013:active {
  --state-layer-opacity: 0;
}

.revealListItemActions_51155s {

  --fire-mount-token: fireMount:wricPWrIegcAmCIqoyt3b6vZjc8Kcj4-ljVdLiqywu0;
  --fire-cleanup-token: fireCleanup:8tgfAb_EkWWLzU6pMsYkDf46FqMk5dEW20jxTizjlM0;
  display: flex;
  gap: 0.5rem;
  padding: 0.625rem 1rem 0.625rem 1rem;
  background: rgb(var(--surface));
  overflow: hidden;
  max-height: 5rem;
  transition: max-height 200ms cubic-bezier(0.2, 0, 0, 1), opacity 200ms cubic-bezier(0.2, 0, 0, 1);
}

.revealListItemBody_95u0d9 {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0;
}

.revealListItemHeadline_fwcukq {
  font: 400 1rem/1.5rem var(--kit-font, -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif);
  color: inherit;
}

.revealListItemLeading_8dgpcr {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: rgb(var(--on-surface-variant));
}

.revealListItemOverline_85jekf {
  font: 500 0.6875rem/1rem var(--kit-font, -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif);
  color: rgb(var(--on-surface-variant));
}

.revealListItemSupporting_8clsk3 {
  font: 400 0.875rem/1.25rem var(--kit-font, -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif);
  color: rgb(var(--on-surface-variant));
}

.revealListItemTrailing_xa0rhc {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 624.9375rem;
  background: rgb(var(--secondary-container));
  color: rgb(var(--on-secondary-container));
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
}

.revealListItemTrailing_xa0rhc.revealed_xa0rhc {
  transform: rotate(180deg);
}

@media (prefers-reduced-motion:reduce) {
  .revealListAction_q5okpo {
    transition: none;
  }

  .revealListItem_r4n013 {
    transition: none;
  }

  .revealListItemActions_51155s {
    transition: none;
  }

  .revealListItemTrailing_xa0rhc {
    transition: none;
  }

}

/* === Scene.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\Scene.package\Scene.css.ts */
.scene_q8b281 {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  grid-row: 1;
  grid-column: 1;
}

/* === SceneLayer.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\SceneLayer.package\SceneLayer.css.ts */
.sceneLayer_2ypns0 {
  position: relative;
  width: 100%;
  height: 100%;
  grid-row: 1;
  grid-column: 1;
  box-sizing: border-box;
  min-width: 0;
  min-height: 0;
}

.sceneLayer_2ypns0.entering_2ypns0 {
  opacity: 0;
}

/* === SearchBar.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\SearchBar.package\SearchBar.css.ts */
.searchBar_khvo3s {
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
  height: 3.5rem;
  background: rgb(var(--surface-container-high));
  box-shadow: 0 1px 3px rgba(0,0,0,0.45), 0 4px 8px 3px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.05);
  border-radius: 9999px;
  color: rgb(var(--on-surface));
  overflow: hidden;
  outline: none;
}

.searchBar_khvo3s::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--state-layer-color, rgb(var(--on-surface)));
  opacity: var(--state-layer-opacity, 0);
  pointer-events: none;
  transition: none;
}

.searchBar_khvo3s:hover {
  --state-layer-opacity: 0.08;
}

.searchBar_khvo3s:focus-within {
  --state-layer-opacity: 0.08;
  outline: 0.1875rem solid rgb(var(--secondary));
  outline-offset: 0.125rem;
}

.searchBar_khvo3s:active {
  --state-layer-opacity: 0.1;
}

.searchBarInput_z140kd {
  appearance: none;
  border: none;
  outline: none;
  background: transparent;
  color: rgb(var(--on-surface));
  caret-color: rgb(var(--primary));
  font-family: Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: 0.031em;
  flex: 1 1 auto;
  min-width: 0;
  align-self: stretch;
}

.searchBarInput_z140kd::placeholder {
  color: rgb(var(--on-surface-variant));
  opacity: 1;
}

.searchBarInput_z140kd:hover::placeholder {
  color: rgb(var(--on-surface-variant));
}

.searchBarInput_z140kd:active::placeholder {
  color: rgb(var(--on-surface-variant));
}

.searchBarInput_z140kd::-webkit-search-decoration {
  display: none;
}

.searchBarInput_z140kd::-webkit-search-cancel-button {
  display: none;
}

.searchBarLeading_5zvhh3 {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  aspect-ratio: 1;
  color: rgb(var(--on-surface));
  flex-shrink: 0;
}

.searchBarTrailing_a9xiup {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  aspect-ratio: 1;
  color: rgb(var(--on-surface-variant));
  flex-shrink: 0;
}

.searchBarTrailing_a9xiup img {
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 9999px;
}

/* === SecondaryTabs.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\SecondaryTabs.package\SecondaryTabs.css.ts */
.secondaryTabs_lcirtr {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  box-sizing: border-box;
  width: 100%;
  height: 3rem;
  background: rgb(var(--surface));
  box-shadow: none;
  border-radius: 0px;
  overflow: hidden;
}

.secondaryTabs_lcirtr::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0.0625rem;
  background: rgb(var(--surface-variant));
  pointer-events: none;
}

.secondaryTabsTab_fg9gvd {
  appearance: none;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  flex: 1 1 0;
  min-width: 0;
  height: 3rem;
  padding-block: 0;
  padding-inline: calc(1.5rem / 2);
  border: none;
  background: rgb(var(--surface));
  color: rgb(var(--on-surface-variant));
  cursor: pointer;
  font: 500 0.875rem/1.25rem Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif;
  outline: none;
  text-align: center;
  overflow: hidden;
}

.secondaryTabsTab_fg9gvd::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--state-layer-color, rgb(var(--on-surface)));
  opacity: var(--state-layer-opacity, 0);
  pointer-events: none;
  transition: none;
}

.secondaryTabsTab_fg9gvd:hover {
  color: rgb(var(--on-surface));
  --state-layer-opacity: 0.08;
}

.secondaryTabsTab_fg9gvd:focus-visible {
  color: rgb(var(--on-surface));
  outline: 0.1875rem solid rgb(var(--secondary));
  outline-offset: -0.1875rem;
  --state-layer-opacity: 0.1;
}

.secondaryTabsTab_fg9gvd:active {
  color: rgb(var(--on-surface));
  --state-layer-opacity: 0.1;
}

.secondaryTabsTab_fg9gvd.active_fg9gvd {
  color: rgb(var(--on-surface));
}

.secondaryTabsTabIndicator_svyo1n {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0.125rem;
  background: rgb(var(--primary));
  border-radius: 0;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
}

.secondaryTabsTabIndicator_svyo1n.active_svyo1n {
  opacity: 1;
}

.secondaryTabsTabLabel_opho4m {
  min-width: 0;
  max-width: 100%;
  color: inherit;
  font-family: Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.007em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* === SegmentedButton.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\SegmentedButton.package\SegmentedButton.css.ts */
.segmentedButton_f1uxco {
  display: inline-flex;
  align-items: stretch;
  box-sizing: border-box;
  height: 2.5rem;
  border-radius: 9999px;
  border: 0.0625rem solid rgb(var(--outline));
  overflow: hidden;
  background: transparent;
  transition: height 200ms cubic-bezier(0.2, 0, 0, 1);
}

.segmentedButton_f1uxco.compact_f1uxco {
  height: 2rem;
}

.segmentedButton_f1uxco.md_f1uxco {
  height: 3.5rem;
}

.segmentedButtonIcon_e0c5a4 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.125rem;
  height: 1.125rem;
  color: inherit;
  flex-shrink: 0;
  pointer-events: none;
}

.segmentedButtonIcon_e0c5a4.empty_e0c5a4 {
  display: none;
}

.segmentedButtonLabel_50ffb6 {
  color: inherit;
  font-family: Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.007em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.segmentedButtonSegment_g09yah {
  --state-layer-color: rgb(var(--on-surface));

  appearance: none;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  flex: 1 1 auto;
  min-width: 0;
  padding-block: 0;
  padding-inline: calc(1.125rem * 0.75);
  column-gap: calc(1.125rem / 3);
  border: none;
  background: transparent;
  color: rgb(var(--on-surface));
  cursor: pointer;
  font: 500 0.875rem/1.25rem Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif;
  white-space: nowrap;
  outline: none;
  --state-layer-color: rgb(var(--on-surface));
}

.segmentedButtonSegment_g09yah:not(:first-child) {
  border-inline-start: 0.0625rem solid rgb(var(--outline));
}

.segmentedButtonSegment_g09yah::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--state-layer-color, rgb(var(--on-surface)));
  opacity: var(--state-layer-opacity, 0);
  pointer-events: none;
  transition: none;
}

.segmentedButtonSegment_g09yah:hover {
  --state-layer-opacity: 0.08;
}

.segmentedButtonSegment_g09yah:active {
  --state-layer-opacity: 0.1;
}

.segmentedButtonSegment_g09yah:focus-visible {
  outline: 0.1875rem solid rgb(var(--secondary));
  outline-offset: 0.125rem;
  --state-layer-opacity: 0.1;
}

.segmentedButtonSegment_g09yah.selected_g09yah {
  background: rgb(var(--secondary-container));
  color: rgb(var(--on-secondary-container));
  --state-layer-color: rgb(var(--on-secondary-container));
}

.segmentedButtonSegment_g09yah.selected_g09yah + * {
  border-inline-start-color: transparent;
}

@container segmentedtoolbar (max-width:24rem) {
  .segmentedButtonLabel_50ffb6 {
    display: none;
  }

}

/* === ShaderTile.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\ShaderTile.package\ShaderTile.css.ts */
.shaderTile_dnw0tf {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 0.5rem;
  border: 1px solid rgb(var(--outline-variant));
}

.shaderTile_dnw0tf.error_dnw0tf {
  --primary: var(--error);
  --on-primary: var(--on-error);
  --primary-container: var(--error-container);
  --on-primary-container: var(--on-error-container);
  --secondary: var(--error);
  --on-secondary: var(--on-error);
  --secondary-container: var(--error-container);
  --on-secondary-container: var(--on-error-container);
  --tertiary: var(--error);
  --on-tertiary: var(--on-error);
  --tertiary-container: var(--error-container);
  --on-tertiary-container: var(--on-error-container);
  border-color: rgb(var(--primary));
}

.shaderTile_dnw0tf.error_dnw0tf::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgb(var(--primary) / 0.3);
  pointer-events: none;
}

.shaderTile_dnw0tf.tinted_dnw0tf {
  isolation: isolate;
}

.shaderTile_dnw0tf.sized_dnw0tf {
  flex-shrink: 0;
}

.shaderTileBadge_b2kzzy {
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  background: rgb(var(--inverse-surface));
  color: rgb(var(--inverse-on-surface));
  --on-color: rgb(var(--inverse-on-surface));
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.6875rem;
  line-height: 1rem;
  font-weight: 500;
  letter-spacing: 0.045em;
  type: 500 0.6875rem/1rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.shaderTileEmpty_kjvyww {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgb(var(--surface-container-lowest));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
}

.shaderTileTiled_m7qg3h {
  width: 100%;
  height: 100%;
  background-repeat: repeat;
  background-size: 33.333% 33.333%;
  background-position: top left;
}

.shaderTileTiled_m7qg3h.tinted_m7qg3h {
  mix-blend-mode: luminosity;
}

/* === ShellBreadcrumb.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\ShellBreadcrumb.package\ShellBreadcrumb.css.ts */
.shellBreadcrumb_mowq3y {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 0.25rem;
  background: transparent;
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.007em;
  type: 500 0.875rem/1.25rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.shellBreadcrumbLink_m2raal {
  display: inline;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
  text-decoration: none;
}

.shellBreadcrumbLink_m2raal:hover {
  text-decoration: underline;
}

.shellBreadcrumbSegment_eoy4ko {
  background: transparent;
}

.shellBreadcrumbSeparator_5iiahe {
  background: transparent;
  opacity: 0.5;
}

/* === ShellTopBarFrame.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\ShellTopBarFrame.package\ShellTopBarFrame.css.ts */
.shellTopBarFrame_603qpa {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 1rem;
  padding-inline: 1rem;
  padding-block: 0.5rem;
  background: rgb(var(--surface-container-low));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
  box-sizing: border-box;
  min-height: 4rem;
}

.shellTopBarFrameSearch_bloaex {
  min-width: 0;
  max-inline-size: 30rem;
}

.shellTopBarFrameTrailing_hfjx6p {
  justify-self: end;
}

/* === SideSheet.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\SideSheet.package\SideSheet.css.ts */
.sideSheetHeadline_hiwk68 {
  font: 400 1.375rem/1.75rem Roboto;
  color: rgb(var(--on-surface-variant));
  margin-bottom: 1rem;
}

.sideSheetPanel_sv5eia {
  --ss-radius: 0px;
  --elevation-ss: none;
  --ss-background: rgb(var(--surface));

  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  width: 16rem;
  max-width: 100vw;
  height: 100%;
  background: var(--ss-background);
  border-radius: var(--ss-radius);
  box-shadow: var(--elevation-ss);
  overflow-y: auto;
  padding: 2rem;
  z-index: 1001;
  transition: width 250ms cubic-bezier(0.32, 0.72, 0, 1);
  --ss-radius: 0px;
  --elevation-ss: none;
  --ss-background: rgb(var(--surface));
}

.sideSheetPanel_sv5eia.start_sv5eia {
  --ss-radius: 0rem 1rem 1rem 0rem;
  right: auto;
  left: 0;
}

.sideSheetPanel_sv5eia.collapsed_sv5eia {
  width: var(--peek-width, 0);
  overflow: hidden;
}

.sideSheetSurface_qf105w {
  --sss-radius: 1rem 0px 0px 1rem;

  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  box-sizing: border-box;
  width: 16rem;
  max-width: 100vw;
  background: rgb(var(--surface-container-low));
  border-radius: var(--sss-radius);
  box-shadow: 0 4px 12px rgba(0,0,0,0.20), 0 1px 3px rgba(0,0,0,0.12);
  overflow-y: auto;
  padding: 2rem;
  --sss-radius: 1rem 0px 0px 1rem;
}

.sideSheetSurface_qf105w.start_qf105w {
  --sss-radius: 0rem 1rem 1rem 0rem;
}

@media (prefers-reduced-motion:reduce) {
  .sideSheetPanel_sv5eia {
    transition: none;
    animation: none;
  }

}

/* === Skeleton.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\Skeleton.package\Skeleton.css.ts */
@keyframes kitSkeletonShimmer {
  from {
    background-position: 200% 0;
  }

  to {
    background-position: -200% 0;
  }

}

.skeleton_fc7ldq {
  display: block;
  flex-shrink: 0;
  background: rgb(var(--surface-container-highest));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
  background-image: linear-gradient(90deg, transparent 0%, rgb(var(--surface-container-high)) 50%, transparent 100%);
  background-size: 200% 100%;
  background-repeat: no-repeat;
  animation: kitSkeletonShimmer 1000ms cubic-bezier(0, 0, 1, 1) infinite;
}

.skeleton_fc7ldq.fill_fc7ldq {
  width: 100%;
}

@media (prefers-reduced-motion:reduce) {
  .skeleton_fc7ldq {
    animation: none;
  }

}

/* === Slider.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\Slider.package\Slider.css.ts */
.slider_jlplux {
  --slider-track-height: 1rem;
  --slider-handle-height: 2.75rem;
  --slider-handle-width-rest: 0.25rem;
  --slider-handle-width-pressed: 0.125rem;
  --slider-state-layer-size: 2.75rem;
  --slider-outer-corner: 0.5rem;
  --slider-inner-corner: 0.125rem;
  --slider-track-inset: calc(2.75rem / 2);
  --slider-label-radius: 1rem;
  --slider-label-padding-x: 0.5rem;
  --slider-label-padding-y: 0.25rem;
  --slider-icon-size: 0.25rem;
  --slider-active-handle-gap: 0.375rem;

  position: relative;
  display: block;
  width: 100%;
  height: var(--slider-state-layer-size);
  touch-action: none;
  user-select: none;
  cursor: pointer;
  --slider-track-height: 1rem;
  --slider-handle-height: 2.75rem;
  --slider-handle-width-rest: 0.25rem;
  --slider-handle-width-pressed: 0.125rem;
  --slider-state-layer-size: 2.75rem;
  --slider-outer-corner: 0.5rem;
  --slider-inner-corner: 0.125rem;
  --slider-track-inset: calc(2.75rem / 2);
  --slider-label-radius: 1rem;
  --slider-label-padding-x: 0.5rem;
  --slider-label-padding-y: 0.25rem;
  --slider-icon-size: 0.25rem;
  --slider-active-handle-gap: 0.375rem;
}

.slider_jlplux.sm_jlplux {
  --slider-track-height: 1.5rem;
  --slider-outer-corner: 0.5rem;
}

.slider_jlplux.md_jlplux {
  --slider-track-height: 2.5rem;
  --slider-outer-corner: 0.75rem;
  --slider-icon-size: 1.5rem;
}

.slider_jlplux.lg_jlplux {
  --slider-track-height: 3.5rem;
  --slider-handle-height: 4.25rem;
  --slider-state-layer-size: 4.25rem;
  --slider-outer-corner: 1rem;
  --slider-track-inset: calc(4.25rem / 2);
  --slider-icon-size: 1.5rem;
}

.slider_jlplux.xl_jlplux {
  --slider-track-height: 6rem;
  --slider-handle-height: 6.75rem;
  --slider-state-layer-size: 6.75rem;
  --slider-outer-corner: 1.75rem;
  --slider-track-inset: calc(6.75rem / 2);
  --slider-icon-size: 2rem;
}

.slider_jlplux.disabled_jlplux {
  cursor: not-allowed;
  pointer-events: none;
}

.sliderHandleContainer_e48aa0 {
  position: absolute;
  top: 50%;
  left: var(--slider-pos, 0%);
  width: 0;
  height: 0;
  pointer-events: none;
  transition: left 200ms cubic-bezier(0.2, 0, 0, 1);
}

.sliderHandleContainer_e48aa0.pressed_e48aa0 {
  transition: none;
}

.sliderHandleIcon_9ochco {
  width: var(--slider-icon-size);
  height: var(--slider-icon-size);
  color: rgb(var(--on-primary));
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sliderHandleIcon_9ochco > * {
  width: 100%;
  height: 100%;
}

.sliderHandleNub_emm2v2 {
  position: absolute;
  top: 0;
  left: 0;
  width: var(--slider-handle-width-rest);
  height: var(--slider-handle-height);
  transform: translate(-50%, -50%);
  background: rgb(var(--primary));
  border-radius: var(--slider-handle-width-rest);
  box-shadow: 0 4px 12px rgba(0,0,0,0.20), 0 1px 3px rgba(0,0,0,0.12);
  pointer-events: none;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition: width 300ms cubic-bezier(0.2, 0, 0, 1), background-color 300ms cubic-bezier(0.2, 0, 0, 1), box-shadow 300ms cubic-bezier(0.2, 0, 0, 1);
}

.sliderHandleNub_emm2v2.pressed_emm2v2 {
  width: var(--slider-handle-width-pressed);
}

.sliderHandleNub_emm2v2.disabled_emm2v2 {
  background: rgb(var(--on-surface));
  opacity: 0.38;
  box-shadow: none;
}

.sliderLabel_yu800c {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 1.75rem;
  min-height: 1.75rem;
  padding: var(--slider-label-padding-y) var(--slider-label-padding-x);
  background: rgb(var(--inverse-surface));
  color: rgb(var(--inverse-on-surface));
  border-radius: var(--slider-label-radius);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  letter-spacing: 0.042em;
  white-space: nowrap;
  transform-origin: center bottom;
  transform: scale(0);
  pointer-events: none;
  z-index: 3;
  transition: transform 100ms cubic-bezier(0.2, 0, 0, 1);
}

.sliderLabel_yu800c::before {
  content: "";
  position: absolute;
  bottom: calc(1.75rem / -10);
  left: 50%;
  width: calc(1.75rem / 2);
  height: calc(1.75rem / 2);
  background: inherit;
  transform: translateX(-50%) rotate(45deg);
  z-index: -1;
}

.sliderLabel_yu800c.hovered_yu800c {
  transform: scale(1);
}

.sliderLabel_yu800c.focused_yu800c {
  transform: scale(1);
}

.sliderLabel_yu800c.pressed_yu800c {
  transform: scale(1);
}

.sliderLabelContent_npo3te {
  position: relative;
  z-index: 1;
}

.sliderNativeInput_e8z176 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0;
  cursor: pointer;
  pointer-events: auto;
  appearance: none;
  -webkit-appearance: none;
  background: transparent;
  color: inherit;
}

.sliderNativeInput_e8z176:focus {
  outline: none;
}

.sliderStateLayer_s66jp2 {
  --state-layer-opacity: 0;

  position: absolute;
  top: 0;
  left: 0;
  width: var(--slider-state-layer-size);
  height: var(--slider-state-layer-size);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: var(--state-layer-color, rgb(var(--primary)));
  opacity: var(--state-layer-opacity, 0);
  pointer-events: none;
  transition: opacity 200ms cubic-bezier(0.2, 0, 0, 1);
  --state-layer-opacity: 0;
}

.sliderStateLayer_s66jp2.hovered_s66jp2 {
  --state-layer-opacity: 0.08;
}

.sliderStateLayer_s66jp2.focused_s66jp2 {
  --state-layer-opacity: 0.12;
}

.sliderStateLayer_s66jp2.pressed_s66jp2 {
  --state-layer-opacity: 0.12;
}

.sliderStopIndicator_ukriij {
  position: absolute;
  top: 50%;
  left: var(--slider-stop-indicator-pos, 0%);
  width: 0.25rem;
  height: 0.25rem;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: rgb(var(--on-primary));
  opacity: var(--slider-stop-indicator-visible, 0);
  pointer-events: none;
  transition: left 200ms cubic-bezier(0.2, 0, 0, 1), opacity 200ms cubic-bezier(0.2, 0, 0, 1);
}

.sliderStopIndicator_ukriij.disabled_ukriij {
  background: rgb(var(--inverse-on-surface));
}

.sliderTickmarks_is0nkd {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: radial-gradient(circle at 0 center, rgb(var(--on-surface-variant)) 0, rgb(var(--on-surface-variant)) calc(0.125rem / 2), transparent calc(0.125rem / 2)), radial-gradient(circle at 100% center, rgb(var(--on-surface-variant)) 0, rgb(var(--on-surface-variant)) calc(0.125rem / 2), transparent calc(0.125rem / 2));
  background-repeat: repeat-x;
  background-position: 0 center;
  background-size: calc(100% / var(--slider-tick-count, 1)) 100%;
  opacity: 0.38;
}

.sliderTickmarks_is0nkd.disabled_is0nkd {
  background-image: radial-gradient(circle at 0 center, rgb(var(--on-surface)) 0, rgb(var(--on-surface)) calc(0.125rem / 2), transparent calc(0.125rem / 2)), radial-gradient(circle at 100% center, rgb(var(--on-surface)) 0, rgb(var(--on-surface)) calc(0.125rem / 2), transparent calc(0.125rem / 2));
  opacity: 0.38;
}

.sliderTickmarksActive_kvg30z {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: radial-gradient(circle at 0 center, rgb(var(--on-primary)) 0, rgb(var(--on-primary)) calc(0.125rem / 2), transparent calc(0.125rem / 2)), radial-gradient(circle at 100% center, rgb(var(--on-primary)) 0, rgb(var(--on-primary)) calc(0.125rem / 2), transparent calc(0.125rem / 2));
  background-repeat: repeat-x;
  background-position: 0 center;
  background-size: calc(100% / var(--slider-tick-count, 1)) 100%;
  opacity: 1;
  clip-path: inset(0 calc(100% - var(--slider-track-active-left, 0%) - var(--slider-track-active-width, 0%)) 0 var(--slider-track-active-left, 0%));
  transition: clip-path 200ms cubic-bezier(0.2, 0, 0, 1);
}

.sliderTickmarksActive_kvg30z.pressed_kvg30z {
  transition: none;
}

.sliderTickmarksActive_kvg30z.disabled_kvg30z {
  background-image: radial-gradient(circle at 0 center, rgb(var(--on-surface)) 0, rgb(var(--on-surface)) calc(0.125rem / 2), transparent calc(0.125rem / 2)), radial-gradient(circle at 100% center, rgb(var(--on-surface)) 0, rgb(var(--on-surface)) calc(0.125rem / 2), transparent calc(0.125rem / 2));
  opacity: 0.38;
}

.sliderTrack_kule1f {
  position: absolute;
  top: 50%;
  left: var(--slider-track-inset);
  right: var(--slider-track-inset);
  height: var(--slider-track-height);
  transform: translateY(-50%);
  background: var(--slider-inactive-track-color, rgb(var(--secondary-container)));
  border-radius: var(--slider-outer-corner);
  overflow: visible;
  pointer-events: none;
}

.sliderTrack_kule1f.disabled_kule1f {
  background: rgb(var(--on-surface));
  opacity: 0.12;
}

.sliderTrackActive_r3t53h {
  position: absolute;
  top: 0;
  left: calc(var(--slider-track-active-left, 0%) + var(--slider-active-shrink-start, 0px));
  height: 100%;
  width: max(0px, calc(var(--slider-track-active-width, 0%) - var(--slider-active-shrink-start, 0px) - var(--slider-active-shrink-end, 0px)));
  background: var(--slider-active-track-color, rgb(var(--primary)));
  border-top-left-radius: var(--slider-track-radius-tl, var(--slider-outer-corner));
  border-top-right-radius: var(--slider-track-radius-tr, var(--slider-inner-corner));
  border-bottom-right-radius: var(--slider-track-radius-br, var(--slider-inner-corner));
  border-bottom-left-radius: var(--slider-track-radius-bl, var(--slider-outer-corner));
  transition: left 200ms cubic-bezier(0.2, 0, 0, 1), width 200ms cubic-bezier(0.2, 0, 0, 1), border-radius 200ms cubic-bezier(0.2, 0, 0, 1);
}

.sliderTrackActive_r3t53h.pressed_r3t53h {
  transition: none;
}

.sliderTrackActive_r3t53h.disabled_r3t53h {
  background: rgb(var(--on-surface));
  opacity: 0.38;
}

/* === SlugChip.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\SlugChip.package\SlugChip.css.ts */
.slugChip_vdnx2l {
  display: inline-flex;
  align-items: center;
  padding-block: 0.25rem;
  padding-inline: 0.5rem;
  border-radius: 0.5rem;
  background: rgb(var(--surface-container-high));
  color: var(--on-color-variant, var(--on-color));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
  white-space: nowrap;
  font-family: ui-monospace, "Roboto Mono", monospace;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  letter-spacing: 0.033em;
  type: 400 0.75rem/1rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

/* === Snackbar.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\Snackbar.package\Snackbar.css.ts */
.snackbar_2vl5ho {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 3rem;
  padding-block: 0.75rem;
  padding-inline: 1rem;
  background: rgb(var(--inverse-surface));
  color: rgb(var(--inverse-on-surface));
  border-radius: 0.25rem;
  box-shadow: 0 1px 3px rgba(0,0,0,0.45), 0 4px 8px 3px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.05);
  box-sizing: border-box;
}

.snackbarAction_6u8613 {
  appearance: none;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.625rem 0.75rem;
  position: relative;
  color: rgb(var(--inverse-primary));
  font-family: Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.007em;
  font-weight: 500;
  flex-shrink: 0;
}

.snackbarAction_6u8613::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--state-layer-color, rgb(var(--inverse-primary)));
  opacity: var(--state-layer-opacity, 0);
  pointer-events: none;
  transition: none;
}

.snackbarAction_6u8613:hover {
  --state-layer-opacity: 0.08;
}

.snackbarAction_6u8613:focus-visible {
  outline: none;
  --state-layer-opacity: 0.1;
}

.snackbarAction_6u8613:active {
  --state-layer-opacity: 0.1;
}

.snackbarDismiss_ide82c {
  appearance: none;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  color: rgb(var(--inverse-on-surface));
  border-radius: 50%;
  flex-shrink: 0;
}

.snackbarDismiss_ide82c::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--state-layer-color, rgb(var(--inverse-on-surface)));
  opacity: var(--state-layer-opacity, 0);
  pointer-events: none;
  transition: none;
}

.snackbarDismiss_ide82c:hover {
  --state-layer-opacity: 0.08;
}

.snackbarDismiss_ide82c:focus-visible {
  outline: none;
  --state-layer-opacity: 0.1;
}

.snackbarDismiss_ide82c:active {
  --state-layer-opacity: 0.1;
}

.snackbarIcon_ft9tfz {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  color: rgb(var(--inverse-on-surface));
  flex-shrink: 0;
  pointer-events: none;
}

.snackbarText_9w8a9i {
  flex: 1;
  min-width: 0;
  color: rgb(var(--inverse-on-surface));
  font-family: Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.018em;
  font-weight: 400;
}

/* === Sparkline.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\Sparkline.package\Sparkline.css.ts */
.sparkline_mzgrha {
  display: block;
  height: 100%;
  flex-shrink: 0;
}

.sparklineMeasure_klp4lw {
  display: block;
  width: 100%;
  height: 100%;
}

.sparklineSvg_8zr56v {
  display: block;
}

.sparklineSvg_8zr56v.fluid_8zr56v {
  width: 100%;
  height: 100%;
}

/* === SplitButton.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\SplitButton.package\SplitButton.css.ts */
.splitButton_lr5ifa {
  display: inline-flex;
  align-items: stretch;
  gap: 0.125rem;
  height: 3.5rem;
}

.splitButtonLeading_wi6wcq {
  appearance: none;
  border: none;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 3.5rem;
  background: rgb(var(--primary));
  color: rgb(var(--on-primary));
  font-family: var(--kit-font, -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  transition: border-radius 555ms linear(0, 0.0361, 0.1396, 0.2382, 0.3774, 0.4784, 0.572, 0.6813, 0.7506, 0.8264, 0.8717, 0.9185, 0.945, 0.9653, 0.9845, 0.9943, 1.0027, 1.0065, 1.0086, 1.0097, 1.0096, 1.0088, 1.0079, 1.0069, 1.0056, 1.0046, 1.0035, 1.0028, 1.0021, 1.0015, 1.0011, 1.0007, 1.0004, 1.0002, 1.0001, 1, 1, 0.9999, 0.9999, 1), background 150ms cubic-bezier(0.2, 0, 0, 1), color 150ms cubic-bezier(0.2, 0, 0, 1), box-shadow 150ms cubic-bezier(0.2, 0, 0, 1), border-color 150ms cubic-bezier(0.2, 0, 0, 1);
  gap: 0.5rem;
  padding-inline-start: 1.5rem;
  padding-inline-end: 1.5rem;
  border-start-start-radius: 9999px;
  border-end-start-radius: 9999px;
  border-start-end-radius: 0.5rem;
  border-end-end-radius: 0.5rem;
}

.splitButtonLeading_wi6wcq::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--state-layer-color, rgb(var(--on-primary)));
  opacity: var(--state-layer-opacity, 0);
  pointer-events: none;
  transition: opacity 150ms cubic-bezier(0.2, 0, 0, 1);
}

.splitButtonLeading_wi6wcq:hover {
  --state-layer-opacity: 0.04;
}

.splitButtonLeading_wi6wcq:focus-visible {
  outline: 0.1875rem solid rgb(var(--secondary));
  outline-offset: 0.125rem;
  --state-layer-opacity: 0.06;
}

.splitButtonLeading_wi6wcq:active {
  --state-layer-opacity: 0.08;
}

.splitButtonLeading_wi6wcq[disabled] {
  cursor: not-allowed;
  background: color-mix(in srgb, rgb(var(--on-surface)) 10%, transparent);
  color: color-mix(in srgb, rgb(var(--on-surface-variant)) 38%, transparent);
}

.splitButtonLeading_wi6wcq[disabled]::before {
  display: none;
}

.splitButtonTrailing_fwlsch {
  appearance: none;
  border: none;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 3.5rem;
  background: rgb(var(--primary));
  color: rgb(var(--on-primary));
  font-family: var(--kit-font, -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  transition: border-radius 555ms linear(0, 0.0361, 0.1396, 0.2382, 0.3774, 0.4784, 0.572, 0.6813, 0.7506, 0.8264, 0.8717, 0.9185, 0.945, 0.9653, 0.9845, 0.9943, 1.0027, 1.0065, 1.0086, 1.0097, 1.0096, 1.0088, 1.0079, 1.0069, 1.0056, 1.0046, 1.0035, 1.0028, 1.0021, 1.0015, 1.0011, 1.0007, 1.0004, 1.0002, 1.0001, 1, 1, 0.9999, 0.9999, 1), background 150ms cubic-bezier(0.2, 0, 0, 1), color 150ms cubic-bezier(0.2, 0, 0, 1), box-shadow 150ms cubic-bezier(0.2, 0, 0, 1), border-color 150ms cubic-bezier(0.2, 0, 0, 1);
  padding-inline-start: 0.9375rem;
  padding-inline-end: 0.9375rem;
  border-start-start-radius: 0.5rem;
  border-end-start-radius: 0.5rem;
  border-start-end-radius: 9999px;
  border-end-end-radius: 9999px;
}

.splitButtonTrailing_fwlsch::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--state-layer-color, rgb(var(--on-primary)));
  opacity: var(--state-layer-opacity, 0);
  pointer-events: none;
  transition: opacity 150ms cubic-bezier(0.2, 0, 0, 1);
}

.splitButtonTrailing_fwlsch:hover {
  --state-layer-opacity: 0.04;
}

.splitButtonTrailing_fwlsch:focus-visible {
  outline: 0.1875rem solid rgb(var(--secondary));
  outline-offset: 0.125rem;
  --state-layer-opacity: 0.06;
}

.splitButtonTrailing_fwlsch:active {
  --state-layer-opacity: 0.08;
}

.splitButtonTrailing_fwlsch[disabled] {
  cursor: not-allowed;
  background: color-mix(in srgb, rgb(var(--on-surface)) 10%, transparent);
  color: color-mix(in srgb, rgb(var(--on-surface-variant)) 38%, transparent);
}

.splitButtonTrailing_fwlsch[disabled]::before {
  display: none;
}

.splitButtonTrailing_fwlsch.expanded_fwlsch {
  border-start-start-radius: calc(3.5rem / 2);
  border-end-start-radius: calc(3.5rem / 2);
}

.splitButtonTrailingIcon_vvrpzb {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.625rem;
  height: 1.625rem;
  color: currentColor;
  transition: transform 555ms linear(0, 0.0361, 0.1396, 0.2382, 0.3774, 0.4784, 0.572, 0.6813, 0.7506, 0.8264, 0.8717, 0.9185, 0.945, 0.9653, 0.9845, 0.9943, 1.0027, 1.0065, 1.0086, 1.0097, 1.0096, 1.0088, 1.0079, 1.0069, 1.0056, 1.0046, 1.0035, 1.0028, 1.0021, 1.0015, 1.0011, 1.0007, 1.0004, 1.0002, 1.0001, 1, 1, 0.9999, 0.9999, 1);
}

.splitButtonTrailingIcon_vvrpzb svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
}

.splitButtonTrailingIcon_vvrpzb.expanded_vvrpzb {
  transform: rotate(180deg);
}

/* === StatusBar.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\StatusBar.package\StatusBar.css.ts */
.statusBar_72523e {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
  min-height: 1.5rem;
  padding-inline: 1rem;
  background: rgb(var(--surface));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
  box-sizing: border-box;
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.6875rem;
  line-height: 1rem;
  font-weight: 500;
  letter-spacing: 0.045em;
  type: 500 0.6875rem/1rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.statusBarEnd_8r3i0 {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  flex-shrink: 0;
  margin-inline-start: auto;
}

.statusBarLeading_i0m3za {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
}

.statusBarLeadingDot_ufw45k {
  display: inline-block;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background: rgb(var(--primary));
  color: rgb(var(--on-primary));
  --on-color: rgb(var(--on-primary));
  flex-shrink: 0;
}

.statusBarLeadingLabel_7ygae4 {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.6875rem;
  line-height: 1rem;
  font-weight: 500;
  letter-spacing: 0.045em;
  type: 500 0.6875rem/1rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.statusBarSegment_rvxx49 {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 0.25rem;
  white-space: nowrap;
}

.statusBarSegment_rvxx49::before {
  content: "·";
  margin-inline-end: 0.5rem;
  color: var(--on-color-variant, var(--on-color));
}

.statusBarSegmentLabel_ba2trj {
  color: var(--on-color-variant, var(--on-color));
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.6875rem;
  line-height: 1rem;
  font-weight: 500;
  letter-spacing: 0.045em;
  type: 500 0.6875rem/1rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.statusBarSegmentValue_7ygae4 {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.6875rem;
  line-height: 1rem;
  font-weight: 500;
  letter-spacing: 0.045em;
  type: 500 0.6875rem/1rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.statusBarSegments_3ihu8s {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
  overflow: hidden;
}

.statusBarStart_529pus {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  min-width: 0;
  flex: 1;
  overflow: hidden;
}

.statusBarTrailingLink_tc66yw {
  text-decoration: none;
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.6875rem;
  line-height: 1rem;
  font-weight: 500;
  letter-spacing: 0.045em;
  type: 500 0.6875rem/1rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.statusBarTrailingLink_tc66yw:hover {
  text-decoration: underline;
}

.statusBarTrailingText_ba2trj {
  color: var(--on-color-variant, var(--on-color));
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.6875rem;
  line-height: 1rem;
  font-weight: 500;
  letter-spacing: 0.045em;
  type: 500 0.6875rem/1rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

/* === StatusChip.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\StatusChip.package\StatusChip.css.ts */
.statusChip_n5ux3o {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.75rem;
  padding-inline-start: 0.5rem;
  padding-inline-end: 0.75rem;
  border-radius: 0.5rem;
  white-space: nowrap;
  box-sizing: border-box;
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.007em;
  type: 500 0.875rem/1.25rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.statusChip_n5ux3o.draft_n5ux3o {
  background: rgb(var(--surface-container-highest));
  color: var(--on-color-variant, var(--on-color));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
}

.statusChip_n5ux3o.scheduled_n5ux3o {
  background: rgb(var(--tertiary-container));
  color: rgb(var(--on-tertiary-container));
  --on-color: rgb(var(--on-tertiary-container));
}

.statusChip_n5ux3o.published_n5ux3o {
  --primary: var(--success);
  --on-primary: var(--on-success);
  --primary-container: var(--success-container);
  --on-primary-container: var(--on-success-container);
  --secondary: var(--success);
  --on-secondary: var(--on-success);
  --secondary-container: var(--success-container);
  --on-secondary-container: var(--on-success-container);
  --tertiary: var(--success);
  --on-tertiary: var(--on-success);
  --tertiary-container: var(--success-container);
  --on-tertiary-container: var(--on-success-container);
  background: rgb(var(--tertiary-container));
  color: rgb(var(--on-tertiary-container));
  --on-color: rgb(var(--on-tertiary-container));
}

.statusChip_n5ux3o.archived_n5ux3o {
  background: transparent;
  color: var(--on-color-variant, var(--on-color));
  border: 1px solid rgb(var(--outline-variant));
  opacity: 0.85;
}

.statusChipDot_a36m4d {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 624.9375rem;
  flex-shrink: 0;
}

.statusChipDot_a36m4d.draft_a36m4d {
  background: rgb(var(--outline));
}

.statusChipDot_a36m4d.scheduled_a36m4d {
  background: rgb(var(--tertiary));
  color: rgb(var(--on-tertiary));
  --on-color: rgb(var(--on-tertiary));
}

.statusChipDot_a36m4d.published_a36m4d {
  --primary: var(--success);
  --on-primary: var(--on-success);
  --primary-container: var(--success-container);
  --on-primary-container: var(--on-success-container);
  --secondary: var(--success);
  --on-secondary: var(--on-success);
  --secondary-container: var(--success-container);
  --on-secondary-container: var(--on-success-container);
  --tertiary: var(--success);
  --on-tertiary: var(--on-success);
  --tertiary-container: var(--success-container);
  --on-tertiary-container: var(--on-success-container);
  background: rgb(var(--tertiary));
  color: rgb(var(--on-tertiary));
  --on-color: rgb(var(--on-tertiary));
}

.statusChipDot_a36m4d.archived_a36m4d {
  background: rgb(var(--outline-variant));
}

/* === StatusPill.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\StatusPill.package\StatusPill.css.ts */
.statusPill_uz191n {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  height: 1.75rem;
  padding-inline: 0.75rem;
  border-radius: 624.9375rem;
  white-space: nowrap;
  box-sizing: border-box;
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.007em;
  type: 500 0.875rem/1.25rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.statusPill_uz191n.neutral_uz191n {
  background: rgb(var(--surface-container-high));
  color: var(--on-color-variant, var(--on-color));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
}

.statusPill_uz191n.success_uz191n {
  --primary: var(--success);
  --on-primary: var(--on-success);
  --primary-container: var(--success-container);
  --on-primary-container: var(--on-success-container);
  --secondary: var(--success);
  --on-secondary: var(--on-success);
  --secondary-container: var(--success-container);
  --on-secondary-container: var(--on-success-container);
  --tertiary: var(--success);
  --on-tertiary: var(--on-success);
  --tertiary-container: var(--success-container);
  --on-tertiary-container: var(--on-success-container);
  background: rgb(var(--tertiary-container));
  color: rgb(var(--on-tertiary-container));
  --on-color: rgb(var(--on-tertiary-container));
}

.statusPill_uz191n.tertiary_uz191n {
  background: rgb(var(--tertiary-container));
  color: rgb(var(--on-tertiary-container));
  --on-color: rgb(var(--on-tertiary-container));
}

.statusPillDot_hx5a1h {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 624.9375rem;
  background: currentColor;
  flex-shrink: 0;
}

.statusPillIcon_e6j0mm {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}

/* === StatusRegion.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\StatusRegion.package\StatusRegion.css.ts */
.statusRegion_9u36tp {
  box-sizing: border-box;
}

.statusRegion_9u36tp.success_9u36tp {
  --primary: var(--success);
  --on-primary: var(--on-success);
  --primary-container: var(--success-container);
  --on-primary-container: var(--on-success-container);
  --secondary: var(--success);
  --on-secondary: var(--on-success);
  --secondary-container: var(--success-container);
  --on-secondary-container: var(--on-success-container);
  --tertiary: var(--success);
  --on-tertiary: var(--on-success);
  --tertiary-container: var(--success-container);
  --on-tertiary-container: var(--on-success-container);
}

.statusRegion_9u36tp.warning_9u36tp {
  --primary: var(--warning);
  --on-primary: var(--on-warning);
  --primary-container: var(--warning-container);
  --on-primary-container: var(--on-warning-container);
  --secondary: var(--warning);
  --on-secondary: var(--on-warning);
  --secondary-container: var(--warning-container);
  --on-secondary-container: var(--on-warning-container);
  --tertiary: var(--warning);
  --on-tertiary: var(--on-warning);
  --tertiary-container: var(--warning-container);
  --on-tertiary-container: var(--on-warning-container);
}

.statusRegion_9u36tp.error_9u36tp {
  --primary: var(--error);
  --on-primary: var(--on-error);
  --primary-container: var(--error-container);
  --on-primary-container: var(--on-error-container);
  --secondary: var(--error);
  --on-secondary: var(--on-error);
  --secondary-container: var(--error-container);
  --on-secondary-container: var(--on-error-container);
  --tertiary: var(--error);
  --on-tertiary: var(--on-error);
  --tertiary-container: var(--error-container);
  --on-tertiary-container: var(--on-error-container);
}

.statusRegion_9u36tp.info_9u36tp {
  --primary: var(--info);
  --on-primary: var(--on-info);
  --primary-container: var(--info-container);
  --on-primary-container: var(--on-info-container);
  --secondary: var(--info);
  --on-secondary: var(--on-info);
  --secondary-container: var(--info-container);
  --on-secondary-container: var(--on-info-container);
  --tertiary: var(--info);
  --on-tertiary: var(--on-info);
  --tertiary-container: var(--info-container);
  --on-tertiary-container: var(--on-info-container);
}

/* === StockyardLibraryExplorerFrame.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\StockyardLibraryExplorerFrame.package\StockyardLibraryExplorerFrame.css.ts */
.stockyardLibraryExplorerFrame_qmjz5w {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: rgb(var(--surface));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
}

.stockyardLibraryExplorerFrameContent_y1cd90 {
  flex: 1;
  display: flex;
  min-height: 0;
}

.stockyardLibraryExplorerFrameDetail_k80dzd {
  width: 18.75rem;
  flex: none;
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow-y: auto;
  border-inline-start: 1px solid rgb(var(--surface-container-high));
  background: rgb(var(--surface-container-low));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
}

.stockyardLibraryExplorerFrameDetail_k80dzd.hidden_k80dzd {
  display: none;
}

.stockyardLibraryExplorerFrameDetailEmpty_i9t0mq {
  width: 18.75rem;
  flex: none;
  display: grid;
  align-items: start;
  justify-items: start;
  padding: 1rem;
  text-align: start;
  border-inline-start: 1px solid rgb(var(--surface-container-high));
  background: rgb(var(--surface-container-lowest));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
}

.stockyardLibraryExplorerFrameDetailEmpty_i9t0mq.hidden_i9t0mq {
  display: none;
}

.stockyardLibraryExplorerFrameEmptyIcon_bc6lj1 {
  display: grid;
  place-items: center;
  width: 3rem;
  height: 3rem;
  margin-block-end: 0.25rem;
  border-radius: 0.75rem;
  background: rgb(var(--surface-container));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
}

.stockyardLibraryExplorerFrameEmptyStack_w13poh {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  box-sizing: border-box;
  max-width: 12rem;
}

.stockyardLibraryExplorerFrameFilterRow_2pq50v {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.stockyardLibraryExplorerFrameGrid_8zr56v {
  display: block;
}

.stockyardLibraryExplorerFrameGrid_8zr56v.hidden_8zr56v {
  display: none;
}

.stockyardLibraryExplorerFrameHeader_xf9uaj {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-inline: 1rem;
  padding-block: 0.5rem;
  border-block-end: 1px solid rgb(var(--surface-container-high));
}

.stockyardLibraryExplorerFrameList_h3hj8y {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.stockyardLibraryExplorerFrameList_h3hj8y.hidden_h3hj8y {
  display: none;
}

.stockyardLibraryExplorerFrameListPane_5tqc4g {
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.stockyardLibraryExplorerFrameMain_38w21r {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.stockyardLibraryExplorerFrameMeta_kfbw4j {
  flex: none;
}

.stockyardLibraryExplorerFrameMobileDetail_pot1a4 {
  display: none;
}

.stockyardLibraryExplorerFrameScroll_a1ne0y {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding-inline: 1rem;
  padding-block-start: 0.5rem;
  padding-block-end: 1rem;
}

.stockyardLibraryExplorerFrameSectionNav_4lkey8 {
  flex: none;
}

.stockyardLibraryExplorerFrameToolbar_pgv7m3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding-inline: 1rem;
  padding-block: 0.5rem;
  border-block-end: 1px solid rgb(var(--surface-container-high));
}

.stockyardLibraryExplorerFrameTopbar_5udan3 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
  flex: 1;
  min-width: 0;
}

@media (max-width:52.5rem) {
  .stockyardLibraryExplorerFrameDetail_k80dzd {
    width: 17.5rem;
  }

  .stockyardLibraryExplorerFrameDetailEmpty_i9t0mq {
    width: 17.5rem;
  }

}

@media (max-width:37.5rem) {
  .stockyardLibraryExplorerFrameDetail_k80dzd {
    display: none;
  }

  .stockyardLibraryExplorerFrameDetailEmpty_i9t0mq {
    display: none;
  }

  .stockyardLibraryExplorerFrameHeader_xf9uaj {
    align-items: stretch;
    flex-direction: column;
  }

  .stockyardLibraryExplorerFrameMobileDetail_pot1a4 {
    display: block;
  }

  .stockyardLibraryExplorerFrameScroll_a1ne0y {
    padding-inline: 0.75rem;
  }

  .stockyardLibraryExplorerFrameSectionNav_4lkey8 {
    width: 100%;
  }

  .stockyardLibraryExplorerFrameToolbar_pgv7m3 {
    align-items: stretch;
    flex-direction: column;
  }

  .stockyardLibraryExplorerFrameTopbar_5udan3 {
    justify-content: stretch;
  }

}

/* === StripeThumb.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\StripeThumb.package\StripeThumb.css.ts */
.stripeThumb_n00xqw {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  aspect-ratio: 3 / 2;
  border-radius: 0.5rem;
  border: 1px solid rgb(var(--outline-variant));
  overflow: hidden;
  background: repeating-linear-gradient(135deg, rgb(var(--surface-container-high)) 0 0.75rem, rgb(var(--surface-container)) 0.75rem 1.5rem);
}

.stripeThumbCaption_wjrc3p {
  font-family: 'Roboto Mono', ui-monospace, monospace;
  font-size: 0.6875rem;
  line-height: 1rem;
  font-weight: 500;
  letter-spacing: 0.045em;
  type: 500 0.6875rem/1rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.stripeThumbIcon_klym77 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* === SuggestionChip.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\SuggestionChip.package\SuggestionChip.css.ts */
.suggestionChip_2r7pdl {
  appearance: none;
  cursor: pointer;
  padding: 0;
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding-inline-start: 1rem;
  padding-inline-end: 1rem;
  background: transparent;
  border: 0.0625rem solid rgb(var(--outline-variant));
  border-radius: 0.75rem;
  color: rgb(var(--on-surface-variant));
  font-family: var(--kit-font, -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif);
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: -0.01em;
  font-weight: 500;
  white-space: nowrap;
  box-sizing: border-box;
}

.suggestionChip_2r7pdl::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--state-layer-color, rgb(var(--on-surface-variant)));
  opacity: var(--state-layer-opacity, 0);
  pointer-events: none;
  transition: none;
}

.suggestionChip_2r7pdl:hover {
  --state-layer-opacity: 0.04;
}

.suggestionChip_2r7pdl:focus-visible {
  outline: none;
  border-color: rgb(var(--on-surface-variant));
  --state-layer-opacity: 0.06;
}

.suggestionChip_2r7pdl:active {
  --state-layer-opacity: 0.08;
}

.suggestionChip_2r7pdl.disabled_2r7pdl {
  cursor: not-allowed;
  border-color: color-mix(in srgb, rgb(var(--on-surface)) 12%, transparent);
  color: color-mix(in srgb, rgb(var(--on-surface)) 38%, transparent);
}

.suggestionChip_2r7pdl.disabled_2r7pdl::before {
  display: none;
}

.suggestionChip_2r7pdl.hasLeading_2r7pdl {
  padding-inline-start: 0.5rem;
}

.suggestionChipIcon_5h7di1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.125rem;
  height: 1.125rem;
  color: rgb(var(--primary));
  flex-shrink: 0;
  pointer-events: none;
}

.suggestionChipIcon_5h7di1.disabled_5h7di1 {
  color: color-mix(in srgb, rgb(var(--on-surface)) 38%, transparent);
}

/* === Surface.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\Surface.package\Surface.css.ts */
.surface_9u36tp {
  box-sizing: border-box;
}

.surface_9u36tp.fill_9u36tp {
  flex: 1;
  min-width: 0;
}

.surface_9u36tp.toneSurfaceContainerLowest_9u36tp {
  background: rgb(var(--surface-container-lowest));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
}

.surface_9u36tp.toneSurfaceContainerLow_9u36tp {
  background: rgb(var(--surface-container-low));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
}

.surface_9u36tp.toneSurfaceContainer_9u36tp {
  background: rgb(var(--surface-container));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
}

.surface_9u36tp.toneSurfaceContainerHigh_9u36tp {
  background: rgb(var(--surface-container-high));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
}

.surface_9u36tp.toneSurfaceContainerHighest_9u36tp {
  background: rgb(var(--surface-container-highest));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
}

/* === Switch.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\Switch.package\Switch.css.ts */
.switchCheckIcon_9e4o6w {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  color: rgb(var(--on-primary-container));
  opacity: 0;
  transform: scale(0.6);
  transform-origin: center;
  transition: opacity 300ms cubic-bezier(0.2, 0, 0, 1), transform 300ms cubic-bezier(0.2, 0, 0, 1), color 300ms cubic-bezier(0.2, 0, 0, 1);
}

.switchCheckIcon_9e4o6w.selected_9e4o6w {
  opacity: 1;
  transform: scale(1);
}

.switchCheckIcon_9e4o6w.disabled_9e4o6w {
  color: var(--switch-disabled-icon-color);
  opacity: var(--switch-disabled-icon-opacity);
}

.switchClass_saidxh {
  --switch-state-x: 8.75px;
  --state-layer-opacity: 0;
  --state-layer-color: rgb(var(--on-surface));
  --switch-disabled-track-color: rgb(var(--surface-container-highest));
  --switch-disabled-track-outline-color: rgb(var(--on-surface));
  --switch-disabled-handle-color: rgb(var(--on-surface));
  --switch-disabled-handle-opacity: 0.38;
  --switch-disabled-icon-color: rgb(var(--surface-container-highest));
  --switch-disabled-icon-opacity: 0.38;

  appearance: none;
  font-family: inherit;
  color: inherit;
  border: none;
  padding: 0;
  cursor: pointer;
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  width: 3.25rem;
  height: 2rem;
  border-radius: 9999px;
  flex-shrink: 0;
  background: rgb(var(--surface-container-highest));
  outline: 0rem solid rgb(var(--outline));
  outline-offset: -0rem;
  transition: background-color 200ms cubic-bezier(0.2, 0, 0, 1), outline-color 200ms cubic-bezier(0.2, 0, 0, 1);
  --switch-state-x: 8.75px;
  --state-layer-opacity: 0;
  --state-layer-color: rgb(var(--on-surface));
  --switch-disabled-track-color: rgb(var(--surface-container-highest));
  --switch-disabled-track-outline-color: rgb(var(--on-surface));
  --switch-disabled-handle-color: rgb(var(--on-surface));
  --switch-disabled-handle-opacity: 0.38;
  --switch-disabled-icon-color: rgb(var(--surface-container-highest));
  --switch-disabled-icon-opacity: 0.38;
}

.switchClass_saidxh::before {
  content: '';
  position: absolute;
  inset: auto;
  border-radius: 9999px;
  background: var(--state-layer-color, rgb(var(--on-surface)));
  opacity: var(--state-layer-opacity, 0);
  pointer-events: none;
  transition: opacity 300ms cubic-bezier(0.2, 0, 0, 1), left 300ms cubic-bezier(0.2, 0, 0, 1), background-color 300ms cubic-bezier(0.2, 0, 0, 1);
  top: 50%;
  left: var(--switch-state-x);
  transform: translate(-50%, -50%);
  width: 2.5rem;
  height: 2.5rem;
}

.switchClass_saidxh:hover {
  --state-layer-opacity: 0.04;
}

.switchClass_saidxh:focus-visible {
  --state-layer-opacity: 0.06;
}

.switchClass_saidxh:active {
  --state-layer-opacity: 0.08;
}

.switchClass_saidxh:hover > div {
  background: rgb(var(--on-surface-variant));
}

.switchClass_saidxh:active > div {
  width: 1.5rem;
  height: 1.5rem;
  background: rgb(var(--on-surface-variant));
}

.switchClass_saidxh.selected_saidxh {
  background: rgb(var(--primary));
  outline-color: transparent;
  --switch-state-x: 24.75px;
  --state-layer-color: rgb(var(--primary));
  --switch-disabled-track-color: rgb(var(--on-surface));
  --switch-disabled-track-outline-color: transparent;
  --switch-disabled-handle-color: rgb(var(--surface));
  --switch-disabled-handle-opacity: 1;
  --switch-disabled-icon-color: rgb(var(--on-surface));
  --switch-disabled-icon-opacity: 0.38;
}

.switchClass_saidxh.selected_saidxh:hover {
  --state-layer-opacity: 0.04;
}

.switchClass_saidxh.selected_saidxh:focus-visible {
  --state-layer-opacity: 0.06;
}

.switchClass_saidxh.selected_saidxh:active {
  --state-layer-opacity: 0.08;
}

.switchClass_saidxh.selected_saidxh:hover > div {
  background: rgb(var(--primary-container));
}

.switchClass_saidxh.selected_saidxh:active > div {
  width: 1.5rem;
  height: 1.5rem;
  background: rgb(var(--primary-container));
}

.switchClass_saidxh.disabled_saidxh {
  cursor: not-allowed;
  background: color-mix(in srgb, var(--switch-disabled-track-color) 12%, transparent);
  outline: 0rem solid color-mix(in srgb, var(--switch-disabled-track-outline-color) 12%, transparent);
}

.switchClass_saidxh.disabled_saidxh::before {
  display: none;
}

.switchThumb_65chip {
  position: absolute;
  top: 50%;
  left: 8px;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 9999px;
  background: rgb(var(--outline));
  transform: translate(0, -50%);
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  transition: width 300ms cubic-bezier(0.2, 0, 0, 1), height 300ms cubic-bezier(0.2, 0, 0, 1), transform 300ms cubic-bezier(0.2, 0, 0, 1), background-color 300ms cubic-bezier(0.2, 0, 0, 1);
}

.switchThumb_65chip.selected_65chip {
  width: 1.5rem;
  height: 1.5rem;
  background: rgb(var(--primary-container));
  transform: translate(16px, -50%);
}

.switchThumb_65chip.disabled_65chip {
  background: var(--switch-disabled-handle-color);
  opacity: var(--switch-disabled-handle-opacity);
}

/* === Tag.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\Tag.package\Tag.css.ts */
.tag_k2zc9o {
  display: inline-flex;
  align-items: center;
  padding-block: 0.25rem;
  padding-inline: 0.5rem;
  border-radius: 0.5rem;
  background: rgb(var(--secondary-container));
  color: rgb(var(--on-secondary-container));
  --on-color: rgb(var(--on-secondary-container));
  white-space: nowrap;
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.6875rem;
  line-height: 1rem;
  font-weight: 500;
  letter-spacing: 0.045em;
  type: 500 0.6875rem/1rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.tag_k2zc9o.uppercase_k2zc9o {
  text-transform: uppercase;
}

/* === TaxonomyManagerFrame.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\TaxonomyManagerFrame.package\TaxonomyManagerFrame.css.ts */
.taxonomyManagerFrame_te2vlx {
  box-sizing: border-box;
  max-width: 72rem;
  min-height: 100%;
  margin-inline: auto;
  padding-inline: 1.5rem;
  padding-bottom: 6rem;
}

.taxonomyManagerFrameCard_fbaw7h {
  background: rgb(var(--surface-container-low));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
  border-radius: 1rem;
  overflow: hidden;
  border: 1px solid rgb(var(--outline-variant));
}

.taxonomyManagerFrameControls_ele1ij {
  margin-block-end: 1rem;
}

.taxonomyManagerFrameToolbar_cvhups {
  margin-block-start: 1.75rem;
  margin-block-end: 1.25rem;
}

/* === TaxonomyTableFrame.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\TaxonomyTableFrame.package\TaxonomyTableFrame.css.ts */
.taxonomyTableFrame_6dfsa {
  display: table;
  width: 100%;
  border-collapse: collapse;
}

.taxonomyTableFrame_6dfsa > [role="row"]:last-child > [role="cell"] {
  border-bottom: none;
}

.taxonomyTableFrameHeadCell_fghba8 {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  color: var(--on-color-variant, var(--on-color));
  padding-inline: 1rem;
  height: 3.25rem;
  white-space: nowrap;
  border-bottom: 1px solid rgb(var(--outline-variant));
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.007em;
  type: 500 0.875rem/1.25rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.taxonomyTableFrameHeadCell_fghba8.numeric_fghba8 {
  text-align: right;
}

.taxonomyTableFrameHeadCell_fghba8.grow_fghba8 {
  width: 100%;
  white-space: normal;
}

.taxonomyTableFrameHeadCell_fghba8.actions_fghba8 {
  width: 6.5rem;
}

.taxonomyTableFrameHeadRow_nsxoop {
  display: table-row;
}

/* === TaxonomyTabs.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\TaxonomyTabs.package\TaxonomyTabs.css.ts */
.taxonomyTabs_7weg3f {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  border-bottom: 1px solid rgb(var(--outline-variant));
}

.taxonomyTabsCount_1dbc8a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 1rem;
  padding-block: 0;
  padding-inline: 0.5rem;
  border-radius: 624.9375rem;
  background: rgb(var(--surface-container-highest));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.6875rem;
  line-height: 1rem;
  font-weight: 500;
  letter-spacing: 0.045em;
  type: 500 0.6875rem/1rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.taxonomyTabsCount_1dbc8a.active_1dbc8a {
  background: rgb(var(--primary-container));
  color: rgb(var(--on-primary-container));
  --on-color: rgb(var(--on-primary-container));
}

.taxonomyTabsIcon_zdoyh4 {
  display: inline-flex;
  align-items: center;
  flex: none;
  font-size: 1.25rem;
}

.taxonomyTabsIndicator_wpbj8f {
  position: absolute;
  left: 1rem;
  right: 1rem;
  bottom: 0;
  height: 0.25rem;
  border-radius: 0.25rem 0.25rem 0 0;
  background: rgb(var(--primary));
  color: rgb(var(--on-primary));
  --on-color: rgb(var(--on-primary));
  transform: scaleX(0);
}

.taxonomyTabsIndicator_wpbj8f.active_wpbj8f {
  transform: scaleX(1);
}

.taxonomyTabsLabel_g0mm18 {
  white-space: nowrap;
}

.taxonomyTabsTab_2i4btp {
  appearance: none;
  position: relative;
  background: none;
  border: none;
  cursor: pointer;
  height: 3rem;
  padding-block: 0;
  padding-inline: 1.5rem;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--on-color-variant, var(--on-color));
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.007em;
  type: 500 0.875rem/1.25rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.taxonomyTabsTab_2i4btp:hover {
  color: var(--on-color);
}

.taxonomyTabsTab_2i4btp.active_2i4btp {
  color: rgb(var(--primary));
}

/* === Text.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\Text.package\Text.css.ts */
.text_6ckwbg {
  display: inline;
  margin: 0;
  padding: 0;
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.018em;
  type: 400 0.875rem/1.25rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.text_6ckwbg.displayLarge_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 3.5625rem;
  line-height: 4rem;
  font-weight: 400;
  letter-spacing: -0.004em;
  type: 400 3.5625rem/4rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.text_6ckwbg.displayMedium_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 2.8125rem;
  line-height: 3.25rem;
  font-weight: 400;
  letter-spacing: 0;
  type: 400 2.8125rem/3.25rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.text_6ckwbg.displaySmall_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 2.25rem;
  line-height: 2.75rem;
  font-weight: 400;
  letter-spacing: 0;
  type: 400 2.25rem/2.75rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.text_6ckwbg.headlineLarge_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 2rem;
  line-height: 2.5rem;
  font-weight: 400;
  letter-spacing: 0;
  type: 400 2rem/2.5rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.text_6ckwbg.headlineMedium_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 1.75rem;
  line-height: 2.25rem;
  font-weight: 400;
  letter-spacing: 0;
  type: 400 1.75rem/2.25rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.text_6ckwbg.headlineSmall_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  letter-spacing: 0;
  type: 400 1.5rem/2rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.text_6ckwbg.titleLarge_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 1.375rem;
  line-height: 1.75rem;
  font-weight: 400;
  letter-spacing: 0;
  type: 400 1.375rem/1.75rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.text_6ckwbg.titleMedium_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.009em;
  type: 500 1rem/1.5rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.text_6ckwbg.titleSmall_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.007em;
  type: 500 0.875rem/1.25rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.text_6ckwbg.bodyLarge_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.031em;
  type: 400 1rem/1.5rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.text_6ckwbg.bodyMedium_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.018em;
  type: 400 0.875rem/1.25rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.text_6ckwbg.bodySmall_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  letter-spacing: 0.033em;
  type: 400 0.75rem/1rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.text_6ckwbg.labelLarge_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.007em;
  type: 500 0.875rem/1.25rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.text_6ckwbg.labelMedium_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  letter-spacing: 0.042em;
  type: 500 0.75rem/1rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.text_6ckwbg.labelSmall_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.6875rem;
  line-height: 1rem;
  font-weight: 500;
  letter-spacing: 0.045em;
  type: 500 0.6875rem/1rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.text_6ckwbg.displayLargeEmphasized_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 3.5625rem;
  line-height: 4rem;
  font-weight: 500;
  letter-spacing: 0;
  type: 500 3.5625rem/4rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.text_6ckwbg.displayMediumEmphasized_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 2.8125rem;
  line-height: 3.25rem;
  font-weight: 500;
  letter-spacing: 0;
  type: 500 2.8125rem/3.25rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.text_6ckwbg.displaySmallEmphasized_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 2.25rem;
  line-height: 2.75rem;
  font-weight: 500;
  letter-spacing: 0;
  type: 500 2.25rem/2.75rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.text_6ckwbg.headlineLargeEmphasized_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 2rem;
  line-height: 2.5rem;
  font-weight: 500;
  letter-spacing: 0;
  type: 500 2rem/2.5rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.text_6ckwbg.headlineMediumEmphasized_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 1.75rem;
  line-height: 2.25rem;
  font-weight: 500;
  letter-spacing: 0;
  type: 500 1.75rem/2.25rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.text_6ckwbg.headlineSmallEmphasized_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 500;
  letter-spacing: 0;
  type: 500 1.5rem/2rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.text_6ckwbg.titleLargeEmphasized_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 1.375rem;
  line-height: 1.75rem;
  font-weight: 500;
  letter-spacing: 0;
  type: 500 1.375rem/1.75rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.text_6ckwbg.titleMediumEmphasized_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.009em;
  type: 700 1rem/1.5rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.text_6ckwbg.titleSmallEmphasized_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  letter-spacing: 0.007em;
  type: 700 0.875rem/1.25rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.text_6ckwbg.bodyLargeEmphasized_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.009em;
  type: 500 1rem/1.5rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.text_6ckwbg.bodyMediumEmphasized_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.018em;
  type: 500 0.875rem/1.25rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.text_6ckwbg.bodySmallEmphasized_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  letter-spacing: 0.033em;
  type: 500 0.75rem/1rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.text_6ckwbg.labelLargeEmphasized_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  letter-spacing: 0.007em;
  type: 700 0.875rem/1.25rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.text_6ckwbg.labelMediumEmphasized_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  letter-spacing: 0.042em;
  type: 700 0.75rem/1rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.text_6ckwbg.labelSmallEmphasized_6ckwbg {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.6875rem;
  line-height: 1rem;
  font-weight: 700;
  letter-spacing: 0.045em;
  type: 700 0.6875rem/1rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.text_6ckwbg.primary_6ckwbg {
  color: rgb(var(--primary));
}

.text_6ckwbg.onPrimary_6ckwbg {
  color: rgb(var(--on-primary));
}

.text_6ckwbg.primaryContainer_6ckwbg {
  color: rgb(var(--primary-container));
}

.text_6ckwbg.onPrimaryContainer_6ckwbg {
  color: rgb(var(--on-primary-container));
}

.text_6ckwbg.secondary_6ckwbg {
  color: rgb(var(--secondary));
}

.text_6ckwbg.onSecondary_6ckwbg {
  color: rgb(var(--on-secondary));
}

.text_6ckwbg.secondaryContainer_6ckwbg {
  color: rgb(var(--secondary-container));
}

.text_6ckwbg.onSecondaryContainer_6ckwbg {
  color: rgb(var(--on-secondary-container));
}

.text_6ckwbg.tertiary_6ckwbg {
  color: rgb(var(--tertiary));
}

.text_6ckwbg.onTertiary_6ckwbg {
  color: rgb(var(--on-tertiary));
}

.text_6ckwbg.tertiaryContainer_6ckwbg {
  color: rgb(var(--tertiary-container));
}

.text_6ckwbg.onTertiaryContainer_6ckwbg {
  color: rgb(var(--on-tertiary-container));
}

.text_6ckwbg.surface_6ckwbg {
  color: rgb(var(--surface));
}

.text_6ckwbg.onSurface_6ckwbg {
  color: rgb(var(--on-surface));
}

.text_6ckwbg.surfaceVariant_6ckwbg {
  color: rgb(var(--surface-variant));
}

.text_6ckwbg.onSurfaceVariant_6ckwbg {
  color: rgb(var(--on-surface-variant));
}

.text_6ckwbg.surfaceContainerLowest_6ckwbg {
  color: rgb(var(--surface-container-lowest));
}

.text_6ckwbg.surfaceContainerLow_6ckwbg {
  color: rgb(var(--surface-container-low));
}

.text_6ckwbg.surfaceContainer_6ckwbg {
  color: rgb(var(--surface-container));
}

.text_6ckwbg.surfaceContainerHigh_6ckwbg {
  color: rgb(var(--surface-container-high));
}

.text_6ckwbg.surfaceContainerHighest_6ckwbg {
  color: rgb(var(--surface-container-highest));
}

.text_6ckwbg.outline_6ckwbg {
  color: rgb(var(--outline));
}

.text_6ckwbg.outlineVariant_6ckwbg {
  color: rgb(var(--outline-variant));
}

.text_6ckwbg.inverseSurface_6ckwbg {
  color: rgb(var(--inverse-surface));
}

.text_6ckwbg.inverseOnSurface_6ckwbg {
  color: rgb(var(--inverse-on-surface));
}

.text_6ckwbg.inversePrimary_6ckwbg {
  color: rgb(var(--inverse-primary));
}

.text_6ckwbg.shadow_6ckwbg {
  color: rgb(var(--shadow));
}

.text_6ckwbg.scrim_6ckwbg {
  color: rgb(var(--scrim));
}

.text_6ckwbg.error_6ckwbg {
  color: rgb(var(--error));
}

.text_6ckwbg.onError_6ckwbg {
  color: rgb(var(--on-error));
}

.text_6ckwbg.errorContainer_6ckwbg {
  color: rgb(var(--error-container));
}

.text_6ckwbg.onErrorContainer_6ckwbg {
  color: rgb(var(--on-error-container));
}

.text_6ckwbg.warning_6ckwbg {
  color: rgb(var(--warning));
}

.text_6ckwbg.onWarning_6ckwbg {
  color: rgb(var(--on-warning));
}

.text_6ckwbg.warningContainer_6ckwbg {
  color: rgb(var(--warning-container));
}

.text_6ckwbg.onWarningContainer_6ckwbg {
  color: rgb(var(--on-warning-container));
}

.text_6ckwbg.success_6ckwbg {
  color: rgb(var(--success));
}

.text_6ckwbg.onSuccess_6ckwbg {
  color: rgb(var(--on-success));
}

.text_6ckwbg.successContainer_6ckwbg {
  color: rgb(var(--success-container));
}

.text_6ckwbg.onSuccessContainer_6ckwbg {
  color: rgb(var(--on-success-container));
}

.text_6ckwbg.info_6ckwbg {
  color: rgb(var(--info));
}

.text_6ckwbg.onInfo_6ckwbg {
  color: rgb(var(--on-info));
}

.text_6ckwbg.infoContainer_6ckwbg {
  color: rgb(var(--info-container));
}

.text_6ckwbg.onInfoContainer_6ckwbg {
  color: rgb(var(--on-info-container));
}

.text_6ckwbg.paragraph_6ckwbg {
  display: block;
}

.text_6ckwbg.uppercase_6ckwbg {
  text-transform: uppercase;
  letter-spacing: 0.045em;
}

.text_6ckwbg.lowercase_6ckwbg {
  text-transform: lowercase;
}

.text_6ckwbg.tabular_6ckwbg {
  font-variant-numeric: tabular-nums;
}

.text_6ckwbg.reserve_6ckwbg {
  display: inline-block;
}

.text_6ckwbg.transitioning_6ckwbg {
  min-height: 1lh;
}

.text_6ckwbg.inherit_6ckwbg {
  color: inherit;
}

.text_6ckwbg.medium_6ckwbg {
  opacity: 0.74;
}

.text_6ckwbg.strikethrough_6ckwbg {
  text-decoration: line-through;
}

.text_6ckwbg.fluid_6ckwbg {
  display: block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: clamp(0.875rem, 15cqi, 2.25rem);
}

.textContent_jmhor7 {
  margin: 0;
  padding: 0;
  font: inherit;
  color: inherit;
}

/* === TextArea.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\TextArea.package\TextArea.css.ts */
.textArea_jqfb42 {
  box-sizing: border-box;
  min-height: 3rem;
  padding: 1rem 1.5rem;
  border-radius: 0.5rem;
  border: 1px solid rgb(var(--outline) / 0.8);
  background: rgb(var(--surface-container-high));
  color: rgb(var(--on-surface));
  cursor: text;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
  font-family: inherit;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  letter-spacing: 0.042em;
  type: 500 0.75rem/1rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  width: 100%;
  outline: none;
  display: block;
  resize: vertical;
}

.textArea_jqfb42::placeholder {
  color: rgb(var(--on-surface-variant));
  opacity: 0.5;
}

.textArea_jqfb42:focus-visible {
  outline: 2px solid rgb(var(--tertiary));
  outline-offset: 2px;
}

[data-kit-dense] .textArea_jqfb42 {
  min-height: 2.75rem;
}

.textArea_jqfb42.sm_jqfb42 {
  min-height: 2.75rem;
  padding: 0.75rem 1rem;
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  letter-spacing: 0.042em;
  type: 500 0.75rem/1rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

[data-kit-dense] .textArea_jqfb42.sm_jqfb42 {
  min-height: 2.5rem;
}

.textArea_jqfb42.lg_jqfb42 {
  min-height: 3.5rem;
  padding: 1.5rem 2rem;
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.031em;
  type: 400 1rem/1.5rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

[data-kit-dense] .textArea_jqfb42.lg_jqfb42 {
  min-height: 3rem;
}

.textArea_jqfb42.disabled_jqfb42 {
  cursor: not-allowed;
  pointer-events: none;
  background: color-mix(in srgb, rgb(var(--on-surface)) 4%, transparent);
  border-color: color-mix(in srgb, rgb(var(--on-surface)) 12%, transparent);
  color: color-mix(in srgb, rgb(var(--on-surface)) 38%, transparent);
}

.textArea_jqfb42.error_jqfb42 {
  border-color: rgb(var(--error));
}

.textArea_jqfb42.focused_jqfb42 {
  border-color: rgb(var(--outline));
}

.textArea_jqfb42.resizeNone_jqfb42 {
  resize: none;
}

.textArea_jqfb42.resizeBoth_jqfb42 {
  resize: both;
}

.textArea_jqfb42.resizeHorizontal_jqfb42 {
  resize: horizontal;
}

.textArea_jqfb42.autoHeight_jqfb42 {
  field-sizing: content;
  resize: none;
  overflow: hidden;
}

.textArea_jqfb42.notFullWidth_jqfb42 {
  width: auto;
}

@media (prefers-reduced-motion:reduce) {
  .textArea_jqfb42 {
    transition: none;
    animation: none;
  }

}

/* === TextButton.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\TextButton.package\TextButton.css.ts */
.textButton_xja1v {
  --tb-radius-round: calc(2.5rem / 2);
  --tb-radius-square: 0.75rem;
  --tb-radius-pressed: 0.5rem;

  appearance: none;
  border: none;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  height: 2.5rem;
  padding-inline-start: 1rem;
  padding-inline-end: 1rem;
  font-family: var(--kit-font, -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  background: transparent;
  color: rgb(var(--primary));
  border-radius: var(--tb-radius-round);
  transition: border-radius 555ms linear(0, 0.0361, 0.1396, 0.2382, 0.3774, 0.4784, 0.572, 0.6813, 0.7506, 0.8264, 0.8717, 0.9185, 0.945, 0.9653, 0.9845, 0.9943, 1.0027, 1.0065, 1.0086, 1.0097, 1.0096, 1.0088, 1.0079, 1.0069, 1.0056, 1.0046, 1.0035, 1.0028, 1.0021, 1.0015, 1.0011, 1.0007, 1.0004, 1.0002, 1.0001, 1, 1, 0.9999, 0.9999, 1), background 150ms cubic-bezier(0.2, 0, 0, 1), color 150ms cubic-bezier(0.2, 0, 0, 1), box-shadow 150ms cubic-bezier(0.2, 0, 0, 1), border-color 150ms cubic-bezier(0.2, 0, 0, 1);
  --tb-radius-round: calc(2.5rem / 2);
  --tb-radius-square: 0.75rem;
  --tb-radius-pressed: 0.5rem;
}

.textButton_xja1v::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--state-layer-color, rgb(var(--primary)));
  opacity: var(--state-layer-opacity, 0);
  pointer-events: none;
  transition: opacity 150ms cubic-bezier(0.2, 0, 0, 1);
}

.textButton_xja1v:hover {
  --state-layer-opacity: 0.04;
}

.textButton_xja1v:focus-visible {
  outline: 0.1875rem solid rgb(var(--secondary));
  outline-offset: 0.125rem;
  --state-layer-opacity: 0.06;
}

.textButton_xja1v:active {
  border-radius: var(--tb-radius-pressed);
  --state-layer-opacity: 0.08;
}

.textButton_xja1v[disabled], .textButton_xja1v[aria-disabled="true"] {
  cursor: not-allowed;
  color: color-mix(in srgb, rgb(var(--on-surface)) 38%, transparent);
}

.textButton_xja1v[disabled], .textButton_xja1v[aria-disabled="true"]::before {
  display: none;
}

.textButton_xja1v.xs_xja1v {
  --tb-radius-round: calc(2rem / 2);
  --tb-radius-square: 0.75rem;
  --tb-radius-pressed: 0.5rem;
  height: 2rem;
  padding-inline-start: 1rem;
  padding-inline-end: 1rem;
  gap: 0.5rem;
}

.textButton_xja1v.md_xja1v {
  --tb-radius-round: calc(3.5rem / 2);
  --tb-radius-square: 1rem;
  --tb-radius-pressed: 0.75rem;
  height: 3.5rem;
  padding-inline-start: 1.5rem;
  padding-inline-end: 1.5rem;
  gap: 0.5rem;
}

.textButton_xja1v.lg_xja1v {
  --tb-radius-round: calc(6rem / 2);
  --tb-radius-square: 1.75rem;
  --tb-radius-pressed: 1rem;
  height: 6rem;
  padding-inline-start: 3rem;
  padding-inline-end: 3rem;
  gap: 0.75rem;
}

.textButton_xja1v.xl_xja1v {
  --tb-radius-round: calc(8.5rem / 2);
  --tb-radius-square: 1.75rem;
  --tb-radius-pressed: 1rem;
  height: 8.5rem;
  padding-inline-start: 4rem;
  padding-inline-end: 4rem;
  gap: 1rem;
}

.textButton_xja1v.square_xja1v {
  border-radius: var(--tb-radius-square);
}

.textButtonLeadingIcon_hbk0ot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  pointer-events: none;
}

.textButtonTrailingIcon_9i7sun {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  pointer-events: none;
  transform-origin: center;
  transition: transform 150ms cubic-bezier(0.2, 0, 0, 1);
}

.textButtonTrailingIcon_9i7sun.expanded_9i7sun {
  transform: rotate(180deg);
}

/* === TextInput.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\TextInput.package\TextInput.css.ts */
.textInput_o9axzi {
  box-sizing: border-box;
  min-height: 3rem;
  padding: 1rem 1.5rem;
  border-radius: 0.5rem;
  border: 1px solid rgb(var(--outline) / 0.8);
  background: rgb(var(--surface-container-high));
  color: rgb(var(--on-surface));
  cursor: text;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
  font-family: inherit;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  letter-spacing: 0.042em;
  type: 500 0.75rem/1rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  width: 100%;
  outline: none;
  display: block;
}

.textInput_o9axzi::placeholder {
  color: rgb(var(--on-surface-variant));
  opacity: 0.5;
}

.textInput_o9axzi:focus-visible {
  outline: 2px solid rgb(var(--tertiary));
  outline-offset: 2px;
}

[data-kit-dense] .textInput_o9axzi {
  min-height: 2.75rem;
}

.textInput_o9axzi.sm_o9axzi {
  min-height: 2.75rem;
  padding: 0.75rem 1rem;
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  letter-spacing: 0.042em;
  type: 500 0.75rem/1rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

[data-kit-dense] .textInput_o9axzi.sm_o9axzi {
  min-height: 2.5rem;
}

.textInput_o9axzi.lg_o9axzi {
  min-height: 3.5rem;
  padding: 1.5rem 2rem;
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.031em;
  type: 400 1rem/1.5rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

[data-kit-dense] .textInput_o9axzi.lg_o9axzi {
  min-height: 3rem;
}

.textInput_o9axzi.disabled_o9axzi {
  cursor: not-allowed;
  pointer-events: none;
  background: color-mix(in srgb, rgb(var(--on-surface)) 4%, transparent);
  border-color: color-mix(in srgb, rgb(var(--on-surface)) 12%, transparent);
  color: color-mix(in srgb, rgb(var(--on-surface)) 38%, transparent);
}

.textInput_o9axzi.error_o9axzi {
  border-color: rgb(var(--error));
}

.textInput_o9axzi.focused_o9axzi {
  border-color: rgb(var(--outline));
}

.textInput_o9axzi.notFullWidth_o9axzi {
  width: auto;
}

.textInputLabel_cf5avn {
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  letter-spacing: 0.042em;
  type: 500 0.75rem/1rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  display: block;
  color: var(--on-color-variant, var(--on-color));
  margin-bottom: 0.25rem;
}

@media (prefers-reduced-motion:reduce) {
  .textInput_o9axzi {
    transition: none;
    animation: none;
  }

}

/* === TooltipSurface.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\TooltipSurface.package\TooltipSurface.css.ts */
.tooltipSurface_p091ah {
  box-sizing: border-box;
  background: rgb(var(--inverse-surface));
  color: rgb(var(--inverse-on-surface));
  --on-color: rgb(var(--inverse-on-surface));
  border-radius: 0.75rem;
  box-shadow: 0 1px 3px rgba(0,0,0,0.45), 0 4px 8px 3px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.05);
  pointer-events: none;
}

.tooltipSurface_p091ah.fill_p091ah {
  width: 100%;
}

.tooltipSurface_p091ah.surface_p091ah {
  background: rgb(var(--surface-container-highest));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
}

/* === TopAppBar.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\TopAppBar.package\TopAppBar.css.ts */
.topAppBar_hzazkm {
  --top-app-bar-height: 4rem;
  --top-app-bar-title-font: Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --top-app-bar-title-size: 1.375rem;
  --top-app-bar-title-line-height: 1.75rem;
  --top-app-bar-title-weight: 400;
  --top-app-bar-title-tracking: 0;

  display: grid;
  grid-template-areas: "leading headline actions";
  grid-template-columns: 1.5rem minmax(0rem, 1fr) auto;
  grid-template-rows: 4rem;
  align-items: center;
  box-sizing: border-box;
  height: var(--top-app-bar-height);
  min-height: var(--top-app-bar-height);
  padding-inline-start: 0.25rem;
  padding-inline-end: 0.25rem;
  column-gap: 0rem;
  background: rgb(var(--surface));
  color: rgb(var(--on-surface));
  box-shadow: none;
  border-radius: 0px;
  overflow: hidden;
  --top-app-bar-height: 4rem;
  --top-app-bar-title-font: Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --top-app-bar-title-size: 1.375rem;
  --top-app-bar-title-line-height: 1.75rem;
  --top-app-bar-title-weight: 400;
  --top-app-bar-title-tracking: 0;
}

.topAppBar_hzazkm.centerAligned_hzazkm {
  grid-template-rows: 4rem;
}

.topAppBar_hzazkm.medium_hzazkm {
  --top-app-bar-height: 7rem;
  --top-app-bar-title-font: Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --top-app-bar-title-size: 1.5rem;
  --top-app-bar-title-line-height: 2rem;
  --top-app-bar-title-weight: 400;
  --top-app-bar-title-tracking: 0;
  grid-template-areas: "leading spacer actions" "headline headline headline";
  grid-template-rows: 4rem calc(7rem - 4rem);
}

.topAppBar_hzazkm.large_hzazkm {
  --top-app-bar-height: 9.5rem;
  --top-app-bar-title-font: Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --top-app-bar-title-size: 1.75rem;
  --top-app-bar-title-line-height: 2.25rem;
  --top-app-bar-title-weight: 400;
  --top-app-bar-title-tracking: 0;
  grid-template-areas: "leading spacer actions" "headline headline headline";
  grid-template-rows: 4rem calc(9.5rem - 4rem);
}

.topAppBarActions_icva0d {
  grid-area: actions;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  justify-self: end;
  min-width: 1.5rem;
  height: 4rem;
  gap: 0rem;
  color: rgb(var(--on-surface));
}

.topAppBarHeadline_6j217h {
  grid-area: headline;
  align-self: center;
  justify-self: start;
  min-width: 0rem;
  font-family: var(--top-app-bar-title-font);
  font-size: var(--top-app-bar-title-size);
  line-height: var(--top-app-bar-title-line-height);
  font-weight: var(--top-app-bar-title-weight);
  letter-spacing: var(--top-app-bar-title-tracking);
  color: rgb(var(--on-surface));
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.topAppBarHeadline_6j217h.centerAligned_6j217h {
  justify-self: center;
  text-align: center;
}

.topAppBarHeadline_6j217h.medium_6j217h {
  justify-self: stretch;
}

.topAppBarHeadline_6j217h.large_6j217h {
  justify-self: stretch;
}

.topAppBarLeading_bcsk89 {
  grid-area: leading;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 1.5rem;
  height: 4rem;
  color: rgb(var(--on-surface));
}

/* === TransitionScope.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\TransitionScope.package\TransitionScope.css.ts */
.transitionScope_ye0s59 {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  width: 100%;
  height: 100%;
}

.transitionScopeRouteStage_1r2gcm {
  position: fixed;
  inset: 0;
  overflow: hidden;
}

/* === Truncate.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\Truncate.package\Truncate.css.ts */
.truncate_od0y2r {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

.truncate_od0y2r.fill_od0y2r {
  flex: 1 1 auto;
}

.truncate_od0y2r.clamp2_od0y2r {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: normal;
  text-overflow: clip;
}

.truncate_od0y2r.clamp3_od0y2r {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  white-space: normal;
  text-overflow: clip;
}

.truncate_od0y2r.clamp4_od0y2r {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  white-space: normal;
  text-overflow: clip;
}

.truncate_od0y2r.clamp5_od0y2r {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  white-space: normal;
  text-overflow: clip;
}

.truncate_od0y2r.clamp6_od0y2r {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  white-space: normal;
  text-overflow: clip;
}

.truncate_od0y2r.clamp7_od0y2r {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
  white-space: normal;
  text-overflow: clip;
}

.truncate_od0y2r.clamp8_od0y2r {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;
  white-space: normal;
  text-overflow: clip;
}

/* === WashRoot.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\WashRoot.package\WashRoot.css.ts */
.washRoot_efaf5q {
  --fire-gradient-opacity: 0.08;

  position: relative;
  display: block;
  width: 100%;
  --fire-gradient-opacity: 0.08;
}

.washRoot_efaf5q.fill_efaf5q {
  height: 100%;
}

@media (max-width:37.5rem) {
  .washRoot_efaf5q {
    --fire-gradient-opacity: 0.16;
  }

}

/* === WorkspaceLogo.css.ts === */
/* Generated from firepro\kit\Components.system\lvl0\WorkspaceLogo.package\WorkspaceLogo.css.ts */
.workspaceLogo_1etdxc {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.workspaceLogoMark_m50x7i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  overflow: hidden;
  background: rgb(var(--primary));
  color: rgb(var(--on-primary));
  --on-color: rgb(var(--on-primary));
  flex-shrink: 0;
}

.workspaceLogoName_tngk6m {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.009em;
  type: 500 1rem/1.5rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

/* === Autocomplete.css.ts === */
/* Generated from firepro\kit\Components.system\lvl1\Autocomplete.package\Autocomplete.css.ts */
.autocomplete_c1h3nr {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  gap: 0.25rem;
}

.autocompleteEmpty_czcwnq {
  display: flex;
  align-items: center;
  min-height: 3rem;
  padding: 0.5rem 1rem;
  color: rgb(var(--on-surface-variant));
  font-family: var(--kit-font, -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif);
  font-size: 0.75rem;
  line-height: 1rem;
  font-style: italic;
}

.autocompleteField_skfxm7 {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  min-height: 3.5rem;
  background: rgb(var(--surface-container-highest));
  border: 0.0625rem solid rgb(var(--outline));
  border-radius: 0.75rem;
  outline: 0.0625rem solid transparent;
  outline-offset: calc(-1 * 0.0625rem);
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
}

.autocompleteField_skfxm7:hover {
  border-color: rgb(var(--on-surface));
}

.autocompleteField_skfxm7.open_skfxm7 {
  border-color: rgb(var(--primary));
  outline-color: rgb(var(--primary));
}

.autocompleteField_skfxm7.disabled_skfxm7 {
  border-color: rgb(var(--on-surface));
  opacity: 0.12;
  pointer-events: none;
}

.autocompleteInput_u3v3yq {
  flex: 1 1 auto;
  min-width: 0;
  padding: 0.5rem 1rem;
  background: transparent;
  border: none;
  color: rgb(var(--on-surface));
  caret-color: rgb(var(--primary));
  font-family: var(--kit-font, -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  outline: none;
}

.autocompleteInput_u3v3yq::placeholder {
  color: rgb(var(--on-surface-variant));
  opacity: 1;
}

.autocompleteInput_u3v3yq:focus-visible {
  outline: 2px solid rgb(var(--tertiary));
  outline-offset: 2px;
}

.autocompleteOption_d49v76 {
  display: flex;
  align-items: center;
  min-height: 3rem;
  padding: 0.5rem 1rem;
  background: transparent;
  border: none;
  cursor: pointer;
  text-align: start;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
}

.autocompleteOption_d49v76:hover {
  background: rgb(var(--surface-container-highest));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
}

.autocompleteOption_d49v76.selected_d49v76 {
  background: rgb(var(--secondary-container));
  color: rgb(var(--on-secondary-container));
}

.autocompleteOption_d49v76.highlighted_d49v76 {
  outline: 0.1875rem solid rgb(var(--secondary));
  outline-offset: -0.1875rem;
}

.autocompleteSurface_eohaip {
  display: flex;
  flex-direction: column;
  background: rgb(var(--surface-container));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
  border-radius: 0.25rem;
  box-shadow: 0 4px 12px rgba(0,0,0,0.20), 0 1px 3px rgba(0,0,0,0.12);
  overflow: hidden;
  max-height: 20rem;
  overflow-y: auto;
}

.autocompleteToggle_leux5o {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.5rem;
  background: transparent;
  border: none;
  color: rgb(var(--on-surface-variant));
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
}

.autocompleteToggle_leux5o > svg {
  width: 60%;
  height: 60%;
}

.autocompleteToggle_leux5o.open_leux5o > svg {
  transform: rotate(180deg);
}

@media (prefers-reduced-motion:reduce) {
  .autocompleteField_skfxm7 {
    transition: none;
    animation: none;
  }

  .autocompleteOption_d49v76 {
    transition: none;
    animation: none;
  }

  .autocompleteToggle_leux5o {
    transition: none;
    animation: none;
  }

}

/* === CircularProgress.css.ts === */
/* Generated from firepro\kit\Components.system\lvl1\CircularProgress.package\CircularProgress.css.ts */
@keyframes kitCircularProgressDash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 90, 200;
    stroke-dashoffset: -35;
  }

  100% {
    stroke-dasharray: 90, 200;
    stroke-dashoffset: -125;
  }

}

@keyframes kitCircularProgressSpin {
  100% {
    transform: rotate(360deg);
  }

}

.circularProgress_jd3grp {
  flex-shrink: 0;
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  color: rgb(var(--primary));
}

.circularProgressIndicator_2z2an3 {
  fill: none;
  stroke: currentColor;
  stroke-width: 0.25rem;
  stroke-linecap: round;
  stroke-dasharray: 138.23;
}

.circularProgressIndicator_2z2an3.indeterminate_2z2an3 {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  animation: kitCircularProgressDash 1400ms ease-in-out infinite;
}

.circularProgressSvg_dlbnwd {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

.circularProgressSvg_dlbnwd.indeterminate_dlbnwd {
  transform: none;
  animation: kitCircularProgressSpin 1400ms linear infinite;
}

.circularProgressWaveIndicator_4js20q {
  fill: none;
  stroke: currentColor;
  stroke-width: 0.25rem;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* === Combobox.css.ts === */
/* Generated from firepro\kit\Components.system\lvl1\Combobox.package\Combobox.css.ts */
.combobox_i94ksi {
  position: relative;
  width: 100%;
  z-index: 10;
}

.comboboxInput_l1b6x6 {
  width: 100%;
  min-height: 3rem;
  padding: 0.75rem 2rem 0.75rem 0.75rem;
  background: rgb(var(--surface-container-high));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
  border: 1px solid rgb(var(--outline));
  border-radius: 0.5rem;
  font-size: 1rem;
  cursor: text;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
}

.comboboxInput_l1b6x6::placeholder {
  color: var(--on-color-variant, var(--on-color));
  opacity: 1;
}

.comboboxInput_l1b6x6:focus-visible {
  outline: 2px solid rgb(var(--tertiary));
  outline-offset: 2px;
}

[data-kit-dense] .comboboxInput_l1b6x6 {
  min-height: 2.75rem;
}

.comboboxInput_l1b6x6.open_l1b6x6 {
  border-color: rgb(var(--primary));
}

.comboboxInput_l1b6x6.invalid_l1b6x6 {
  border-color: rgb(var(--error));
}

.comboboxToggle_1lf9b4 {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 2.75rem;
  padding: 0 0.75rem;
  background: transparent;
  border: none;
  color: var(--on-color-variant, var(--on-color));
  cursor: pointer;
  transition: color 0.15s ease;
}

.comboboxToggle_1lf9b4:hover {
  color: var(--on-color);
}

.comboboxClear_5qn600 {
  position: absolute;
  right: 2rem;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem 0.5rem;
  background: transparent;
  border: none;
  color: var(--on-color-variant, var(--on-color));
  cursor: pointer;
  font-size: 1rem;
  transition: color 0.15s ease, background 0.15s ease;
}

.comboboxClear_5qn600:hover {
  background: rgb(var(--error-container));
  color: rgb(var(--on-error-container));
  --on-color: rgb(var(--on-error-container));
}

.comboboxNoResults_ep6z2u {
  padding: 0.75rem 0.75rem;
  color: var(--on-color-variant, var(--on-color));
  font-size: 0.75rem;
  font-style: italic;
}

@media (prefers-reduced-motion:reduce) {
  .comboboxInput_l1b6x6 {
    transition: none;
    animation: none;
  }

  .comboboxToggle_1lf9b4 {
    transition: none;
    animation: none;
  }

  .comboboxClear_5qn600 {
    transition: none;
    animation: none;
  }

}

/* === CommitChart.css.ts === */
/* Generated from firepro\kit\Components.system\lvl1\CommitChart.package\CommitChart.css.ts */
.commitChartBody_53qiva {
  position: relative;
  display: flex;
  flex-direction: column;
}

.commitChartBranchLabel_xrizwa {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 0.6875rem;
  line-height: 1rem;
  font-weight: 500;
  letter-spacing: 0.045em;
  type: 500 0.6875rem/1rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-shadow: 0 1px 1px rgba(0,0,0,0.35);
  font-variant-numeric: tabular-nums;
  margin-left: 0.25rem;
  margin-right: -0.25rem;
}

.commitChartBranchRibbon_bl2ssk {
  margin-top: 0.125rem;
  width: 100%;
  box-sizing: border-box;
}

.commitChartBranchSeg_gldpl2 {
  position: absolute;
  top: 0.125rem;
  height: 1rem;
  border-radius: 0.25rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  opacity: 0.55;
}

.commitChartBranchSeg_gldpl2.active_gldpl2 {
  opacity: 1;
  height: 1.25rem;
  top: 0;
}

.commitChartCallout_yxe8c6 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.125rem;
  padding: 0.25rem 0.5rem;
  border-radius: 0.75rem;
  background: rgb(var(--primary-container));
  color: rgb(var(--on-primary-container));
  --on-color: rgb(var(--on-primary-container));
  box-shadow: 0 4px 12px rgba(0,0,0,0.20), 0 1px 3px rgba(0,0,0,0.12);
}

.commitChartCalloutEyebrow_pzufcu {
  text-transform: uppercase;
  opacity: 0.8;
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.6875rem;
  line-height: 1rem;
  font-weight: 500;
  letter-spacing: 0.045em;
  type: 500 0.6875rem/1rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.commitChartCalloutNum_ajvx6w {
  font-variant-numeric: tabular-nums;
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.009em;
  type: 500 1rem/1.5rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.commitChartLegend_v9j83h {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  align-items: center;
  padding-top: 1rem;
  margin-top: 0.5rem;
  border-top: 1px solid rgb(var(--outline-variant));
  min-height: calc(2.25rem + 1rem + 1px);
}

.commitChartLegendMain_ajj84s {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0 1rem 0 0.125rem;
  height: 100%;
  background: transparent;
  border: none;
  color: inherit;
  cursor: pointer;
  white-space: nowrap;
}

.commitChartLegendSwatch_2tnp6r {
  flex: 0 0 auto;
  width: calc(1rem + 0.125rem);
  height: calc(1rem + 0.125rem);
  margin: 0 0.125rem 0 0.25rem;
  padding: 0;
  border-radius: 0.25rem;
  cursor: pointer;
  background: transparent;
  border: 1px solid rgba(0, 0, 0, 0.12);
  color: inherit;
  align-self: center;
}

.commitChartNowOverlay_ulottj {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
  pointer-events: none;
  will-change: transform;
}

.commitChartPlot_vnyltm {
  position: relative;
  width: 100%;
  cursor: crosshair;
  user-select: none;
}

.commitChartPlot_vnyltm.panning_vnyltm {
  cursor: grabbing;
}

.commitChartRangeRow_g8739x {
  position: absolute;
  left: var(--commit-chart-range-inset-left, 0%);
  right: var(--commit-chart-range-inset-right, 0%);
  bottom: calc(var(--commit-chart-range-bottom, 0%) - 1px - 0.5rem);
  box-sizing: border-box;
  z-index: 1;
  opacity: 0;
  transition: opacity 200ms cubic-bezier(0.2, 0, 0, 1);
}

.commitChartRangeRow_g8739x.visible_g8739x {
  opacity: 1;
}

.commitChartSvg_89x7o7 {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
  pointer-events: none;
}

.commitChartTitle_cws0ef {
  margin: 0;
  min-width: 0;
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  letter-spacing: 0;
  type: 400 1.5rem/2rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

/* === CommitExclusionTable.css.ts === */
/* Generated from firepro\kit\Components.system\lvl1\CommitExclusionTable.package\CommitExclusionTable.css.ts */
.commitExclusionTable_7rbmib {
  display: flex;
  flex-direction: column;
  border: 0.0625rem solid rgb(var(--outline-variant));
  border-radius: 0.25rem;
  overflow: hidden;
  background: rgb(var(--surface));
  box-sizing: border-box;
  width: 100%;
  container-type: inline-size;
  container-name: commitexclusiontable;
}

.commitExclusionTableAction_iacqqp {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.commitExclusionTableDelta_z753sf {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
  white-space: nowrap;
}

.commitExclusionTableEmpty_78yqbv {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 0.5rem;
  padding-block: 4rem;
  padding-inline: 1.5rem;
}

.commitExclusionTableEmptyIcon_x3glbl {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  border-radius: 0.25rem;
  background: rgb(var(--on-surface) / 0.08);
  margin-bottom: 0.5rem;
}

.commitExclusionTableFooter_ko29ls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-inline: 1rem;
  height: 3.25rem;
  background: rgb(var(--surface));
  color: rgb(var(--on-surface-variant));
  font-family: Roboto;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.015625rem;
  font-weight: 400;
  border-top: 0.0625rem solid rgb(var(--outline-variant));
}

.commitExclusionTableHash_v9xxxs {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  min-width: 0;
}

.commitExclusionTableHashCopy_ijfw7r {
  display: inline-flex;
  opacity: var(--commit-copy-opacity, 0);
}

.commitExclusionTableHeadCell_i9rsn8 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: rgb(var(--on-surface-variant));
  font-family: Roboto;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.00625rem;
  font-weight: 500;
  text-transform: uppercase;
}

.commitExclusionTableHeadCell_i9rsn8.numeric_i9rsn8 {
  justify-content: flex-end;
}

.commitExclusionTableHeadRow_txw6oe {
  display: grid;
  grid-template-columns: 140px minmax(0, 1fr) 190px 128px 200px 148px;
  align-items: center;
  column-gap: 1rem;
  padding-inline: 1rem;
  height: 3.5rem;
  background: rgb(var(--surface));
  border-bottom: 0.0625rem solid rgb(var(--outline-variant));
}

.commitExclusionTableRow_93rfqf {
  --commit-copy-opacity: 0;
  --state-layer-opacity: 0;
  --state-layer-color: rgb(var(--on-surface));

  position: relative;
  display: grid;
  grid-template-columns: 140px minmax(0, 1fr) 190px 128px 200px 148px;
  align-items: center;
  column-gap: 1rem;
  padding-inline: 1rem;
  min-height: 4rem;
  border-bottom: 0.0625rem solid rgb(var(--outline-variant));
  color: rgb(var(--on-surface));
  --commit-copy-opacity: 0;
  --state-layer-opacity: 0;
  --state-layer-color: rgb(var(--on-surface));
}

.commitExclusionTableRow_93rfqf::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--state-layer-color, rgb(var(--on-surface)));
  opacity: var(--state-layer-opacity, 0);
  pointer-events: none;
  transition: none;
}

.commitExclusionTableRow_93rfqf:hover {
  --state-layer-opacity: 0.08;
  --commit-copy-opacity: 1;
}

.commitExclusionTableRow_93rfqf:last-child {
  border-bottom: none;
}

.commitExclusionTableRow_93rfqf.excluded_93rfqf {
  background: rgb(var(--primary) / 0.08);
  --state-layer-color: rgb(var(--primary));
}

.commitExclusionTableRow_93rfqf.excluded_93rfqf:hover {
  --state-layer-opacity: 0.12;
}

.commitExclusionTableStack_3zia44 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 0;
  overflow: hidden;
}

.commitExclusionTableToggle_cb4rvj {
  appearance: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  height: 2rem;
  padding-inline: 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid rgb(var(--outline));
  background: transparent;
  color: inherit;
  white-space: nowrap;
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.007em;
  type: 500 0.875rem/1.25rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.commitExclusionTableToggle_cb4rvj.on_cb4rvj {
  border: none;
  background: rgb(var(--primary-container));
  color: rgb(var(--on-primary-container));
  --on-color: rgb(var(--on-primary-container));
}

@container commitexclusiontable (max-width:56rem) {
  .commitExclusionTableHeadRow_txw6oe {
    display: none;
  }

  .commitExclusionTableRow_93rfqf {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    row-gap: 0.5rem;
    column-gap: 1rem;
    min-height: auto;
    padding-block: 1rem;
  }

  .commitExclusionTableRow_93rfqf > *:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
  }

  .commitExclusionTableRow_93rfqf > *:nth-child(6) {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
  }

  .commitExclusionTableRow_93rfqf > *:nth-child(2) {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  .commitExclusionTableRow_93rfqf > *:nth-child(3) {
    grid-column: 1;
    grid-row: 3;
    justify-self: start;
  }

  .commitExclusionTableRow_93rfqf > *:nth-child(4) {
    grid-column: 2;
    grid-row: 3;
    justify-self: end;
    align-items: flex-end;
  }

  .commitExclusionTableRow_93rfqf > *:nth-child(5) {
    grid-column: 1 / -1;
    grid-row: 4;
    justify-content: flex-start;
  }

}

/* === DataTable.css.ts === */
/* Generated from firepro\kit\Components.system\lvl1\DataTable.package\DataTable.css.ts */
.dataTable_d2wo64 {
  display: flex;
  flex-direction: column;
  border: 0.0625rem solid rgb(var(--outline-variant));
  border-radius: 0.25rem;
  overflow: hidden;
  background: rgb(var(--surface));
  box-sizing: border-box;
}

.dataTableCell_xe6t7k {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dataTableCell_xe6t7k.numeric_xe6t7k {
  justify-content: flex-end;
}

.dataTableFooter_93z9r3 {
  display: flex;
  align-items: center;
  height: 3.25rem;
  background: rgb(var(--surface));
  color: rgb(var(--on-surface-variant));
  font-family: Roboto;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.015625rem;
  font-weight: 400;
  padding-inline: 1rem;
  border-top: 0.0625rem solid rgb(var(--outline-variant));
}

.dataTableHeadCell_xe6t7k {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dataTableHeadCell_xe6t7k.numeric_xe6t7k {
  justify-content: flex-end;
}

.dataTableHeadRow_4lfch7 {
  display: flex;
  align-items: center;
  height: 3.5rem;
  background: rgb(var(--surface));
  color: rgb(var(--on-surface-variant));
  font-family: Roboto;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.00625rem;
  font-weight: 500;
  padding-inline: 1rem;
  gap: 1rem;
  border-bottom: 0.0625rem solid rgb(var(--outline-variant));
}

.dataTableHeader_4lfch7 {
  display: flex;
  align-items: center;
  height: 3.5rem;
  background: rgb(var(--surface));
  color: rgb(var(--on-surface-variant));
  font-family: Roboto;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.00625rem;
  font-weight: 500;
  padding-inline: 1rem;
  gap: 1rem;
  border-bottom: 0.0625rem solid rgb(var(--outline-variant));
}

.dataTableRow_jaq0pa {
  --state-layer-opacity: 0;

  position: relative;
  display: flex;
  align-items: center;
  height: 3.25rem;
  padding-inline: 1rem;
  gap: 1rem;
  background: rgb(var(--surface));
  color: rgb(var(--on-surface));
  font-family: Roboto;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.015625rem;
  font-weight: 400;
  border-bottom: 0.0625rem solid rgb(var(--outline-variant));
  --state-layer-opacity: 0;
}

.dataTableRow_jaq0pa::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--state-layer-color, rgb(var(--on-surface)));
  opacity: var(--state-layer-opacity, 0);
  pointer-events: none;
  transition: none;
}

.dataTableRow_jaq0pa:hover {
  --state-layer-opacity: 0.08;
}

.dataTableRow_jaq0pa:last-child {
  border-bottom: none;
}

.dataTableRow_jaq0pa.selected_jaq0pa {
  background: rgb(var(--surface-container-highest));
}

.dataTableRow_jaq0pa.selected_jaq0pa:hover {
  --state-layer-opacity: 0.08;
}

.dataTableRow_jaq0pa.disabled_jaq0pa {
  color: color-mix(in srgb, rgb(var(--on-surface)) 38%, transparent);
}

.dataTableRow_jaq0pa.disabled_jaq0pa::before {
  display: none;
}

.dataTableSelectCell_cndm1a {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
}

/* === DatePickerDocked.css.ts === */
/* Generated from firepro\kit\Components.system\lvl1\DatePickerDocked.package\DatePickerDocked.css.ts */
.datePickerDocked_49nctf {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  width: 22.5rem;
  background: rgb(var(--surface-container-high));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
  border-radius: 1rem;
  box-shadow: 0 1px 3px rgba(0,0,0,0.45), 0 4px 8px 3px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.05);
  overflow: hidden;
}

.datePickerDockedCell_kdatvr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  background: transparent;
  border: none;
  border-radius: 9999px;
  color: rgb(var(--on-surface));
  font-family: Roboto;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
}

.datePickerDockedCell_kdatvr.outsideMonth_kdatvr {
  color: rgb(var(--on-surface-variant));
}

.datePickerDockedCell_kdatvr.today_kdatvr {
  outline: 0.0625rem solid rgb(var(--primary));
  color: rgb(var(--primary));
}

.datePickerDockedCell_kdatvr.selected_kdatvr {
  background: rgb(var(--primary));
  color: rgb(var(--on-primary));
}

.datePickerDockedCell_kdatvr.disabled_kdatvr {
  opacity: 0.38;
  pointer-events: none;
}

.datePickerDockedGrid_ixjt33 {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  padding: 0 0.5rem 1rem 0.5rem;
}

.datePickerDockedNavButton_78k0f9 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  background: transparent;
  border: none;
  border-radius: 9999px;
  color: rgb(var(--on-surface-variant));
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
}

.datePickerDockedNavButton_78k0f9:hover {
  background: color-mix(in srgb, rgb(var(--on-surface-variant)) 8%, transparent);
}

.datePickerDockedNavButton_78k0f9 > svg {
  width: 1.125rem;
  height: 1.125rem;
}

.datePickerDockedWeekday_uwswhw {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.5rem;
  color: rgb(var(--on-surface));
  font-family: Roboto;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
}

.datePickerDockedWeekdays_88s3bv {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  padding: 0 0.5rem;
}

@media (prefers-reduced-motion:reduce) {
  .datePickerDockedCell_kdatvr {
    transition: none;
    animation: none;
  }

  .datePickerDockedNavButton_78k0f9 {
    transition: none;
    animation: none;
  }

}

/* === DatePickerModal.css.ts === */
/* Generated from firepro\kit\Components.system\lvl1\DatePickerModal.package\DatePickerModal.css.ts */
.datePickerModal_xck8xn {

  --fire-mount-token: fireMount:_YHJo6k0Qs3jVMfm8a4dfk2KEEMgebb-inmG4biTvFQ;
  --fire-cleanup-token: fireCleanup:TcQyZ9k1Fs4tPbuxoekueVOlBTv1kps-EtjvpTyNZ9g;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  width: 22.5rem;
  background: rgb(var(--surface-container-high));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
  border-radius: 1.75rem;
  box-shadow: 0 1px 3px rgba(0,0,0,0.45), 0 4px 8px 3px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.05);
  overflow: hidden;
  transform-origin: center center;
  transition: opacity 250ms cubic-bezier(0.32, 0.72, 0, 1), transform 250ms cubic-bezier(0.32, 0.72, 0, 1);
}

.datePickerModalActions_182cdh {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  padding: 0.5rem 2rem 1rem 2rem;
}

.datePickerModalCell_e3upis {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  background: transparent;
  border: none;
  border-radius: 9999px;
  color: rgb(var(--on-surface));
  font-family: Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
}

.datePickerModalCell_e3upis.outsideMonth_e3upis {
  opacity: 0;
  pointer-events: none;
}

.datePickerModalCell_e3upis.today_e3upis {
  outline: 0.0625rem solid rgb(var(--primary));
  color: rgb(var(--primary));
}

.datePickerModalCell_e3upis.selected_e3upis {
  background: rgb(var(--primary));
  color: rgb(var(--on-primary));
}

.datePickerModalCell_e3upis.disabled_e3upis {
  opacity: 0.38;
  pointer-events: none;
}

.datePickerModalGrid_ixjt33 {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  padding: 0 0.5rem 1rem 0.5rem;
}

.datePickerModalHeadline_fw8cee {
  color: rgb(var(--on-surface-variant));
  font-family: Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-size: 2rem;
  line-height: 2.5rem;
  font-weight: 400;
}

.datePickerModalNavButton_ar98pe {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  background: transparent;
  border: none;
  border-radius: 9999px;
  color: var(--on-color-variant, var(--on-color));
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
}

.datePickerModalNavButton_ar98pe:hover {
  background: rgb(var(--surface-container-highest));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
}

.datePickerModalNavButton_ar98pe > svg {
  width: 60%;
  height: 60%;
}

.datePickerModalWeekday_lvifpf {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.5rem;
  color: rgb(var(--on-surface));
  font-family: Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
}

.datePickerModalWeekdays_88s3bv {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  padding: 0 0.5rem;
}

@media (prefers-reduced-motion:reduce) {
  .datePickerModal_xck8xn {
    transition: none;
    animation: none;
  }

  .datePickerModalCell_e3upis {
    transition: none;
    animation: none;
  }

  .datePickerModalNavButton_ar98pe {
    transition: none;
    animation: none;
  }

}

/* === DropdownFilterChip.css.ts === */
/* Generated from firepro\kit\Components.system\lvl1\DropdownFilterChip.package\DropdownFilterChip.css.ts */
.dropdownFilterChip_mp43n2 {
  position: relative;
  display: inline-block;
}

.dropdownFilterChipMenuItem_mynsa {
  --state-layer-opacity: 0;

  appearance: none;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  height: 3rem;
  padding-inline: 0.75rem;
  border: none;
  background: transparent;
  text-align: left;
  color: inherit;
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.007em;
  type: 500 0.875rem/1.25rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  --state-layer-opacity: 0;
}

.dropdownFilterChipMenuItem_mynsa::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--state-layer-color, rgb(var(--on-surface)));
  opacity: var(--state-layer-opacity, 0);
  pointer-events: none;
  transition: none;
}

.dropdownFilterChipMenuItem_mynsa:hover {
  --state-layer-opacity: 0.08;
}

.dropdownFilterChipMenuItem_mynsa:focus-visible {
  outline: none;
  --state-layer-opacity: 0.1;
}

.dropdownFilterChipMenuList_n8pvvw {
  display: flex;
  flex-direction: column;
  min-width: 12rem;
}

.dropdownFilterChipTrigger_48tzum {
  --state-layer-opacity: 0;

  appearance: none;
  cursor: pointer;
  padding: 0;
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding-inline-start: 0.5rem;
  padding-inline-end: 1rem;
  border: 1px solid rgb(var(--outline-variant));
  border-radius: 0.5rem;
  background: transparent;
  color: var(--on-color-variant, var(--on-color));
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.007em;
  type: 500 0.875rem/1.25rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  white-space: nowrap;
  box-sizing: border-box;
  --state-layer-opacity: 0;
}

.dropdownFilterChipTrigger_48tzum::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--state-layer-color, rgb(var(--on-surface)));
  opacity: var(--state-layer-opacity, 0);
  pointer-events: none;
  transition: none;
}

.dropdownFilterChipTrigger_48tzum:hover {
  --state-layer-opacity: 0.08;
}

.dropdownFilterChipTrigger_48tzum:focus-visible {
  outline: none;
  --state-layer-opacity: 0.1;
}

.dropdownFilterChipTrigger_48tzum.selected_48tzum {
  background: rgb(var(--secondary-container));
  color: rgb(var(--on-secondary-container));
  --on-color: rgb(var(--on-secondary-container));
  border: 1px solid transparent;
}

/* === EntriesTable.css.ts === */
/* Generated from firepro\kit\Components.system\lvl1\EntriesTable.package\EntriesTable.css.ts */
.entriesTable_mua5cv {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding-inline: 0.75rem;
  padding-bottom: 0.75rem;
}

.entriesTableHeadRow_48nsl {
  display: grid;
  grid-template-columns: minmax(280px, 2.4fr) 96px 132px 140px 140px 48px;
  align-items: center;
  gap: 1rem;
  padding-inline: 1rem;
  box-sizing: border-box;
  position: sticky;
  top: 0;
  z-index: 2;
  height: 3rem;
  background: rgb(var(--surface));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
  border-bottom: 1px solid rgb(var(--outline-variant));
}

.entriesTableMenuButton_ni9hf2 {
  width: 2.5rem;
  height: 2.5rem;
  border: none;
  background: transparent;
  cursor: pointer;
  border-radius: 624.9375rem;
  display: grid;
  place-items: center;
  color: var(--on-color-variant, var(--on-color));
  justify-self: end;
}

.entriesTableMenuButton_ni9hf2:hover {
  background: rgb(var(--surface-container-highest));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
}

.entriesTableRow_avxzat {
  display: grid;
  grid-template-columns: minmax(280px, 2.4fr) 96px 132px 140px 140px 48px;
  align-items: center;
  gap: 1rem;
  padding-inline: 1rem;
  box-sizing: border-box;
  position: relative;
  min-height: 4.25rem;
  width: 100%;
  border: none;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: inherit;
  cursor: pointer;
  border-radius: 0.75rem;
}

.entriesTableRow_avxzat:hover {
  background: rgb(var(--surface-container));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
}

.entriesTableRow_avxzat:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 1rem;
  right: 1rem;
  bottom: 0;
  height: 1px;
  background: rgb(var(--outline-variant));
  opacity: 0.55;
}

.entriesTableThumb_cejwl {
  width: 2.5rem;
  height: 2.5rem;
  flex-shrink: 0;
  margin: 0;
  border-radius: 0.5rem;
  display: grid;
  place-items: center;
  background: rgb(var(--surface-container-high));
  color: var(--on-color-variant, var(--on-color));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
}

/* === FileDropField.css.ts === */
/* Generated from firepro\kit\Components.system\lvl1\FileDropField.package\FileDropField.css.ts */
.fileDropField_7spnkl {
  box-sizing: border-box;
  width: 100%;
  min-height: 17.5rem;
  display: grid;
  place-items: center;
  padding: 1rem;
  text-align: center;
  cursor: pointer;
  border: 1px dashed rgb(var(--outline));
  border-radius: 1rem;
  background: rgb(var(--surface-container-low));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
}

.fileDropField_7spnkl:hover {
  border-color: rgb(var(--primary));
}

.fileDropField_7spnkl.disabled_7spnkl {
  cursor: default;
  opacity: 0.38;
}

.fileDropField_7spnkl.disabled_7spnkl:hover {
  border-color: rgb(var(--outline));
}

.fileDropFieldInput_17wwgu {
  display: none;
  color: inherit;
}

/* === Menu.css.ts === */
/* Generated from firepro\kit\Components.system\lvl1\Menu.package\Menu.css.ts */
.menu_lorjew {
  display: inline-block;
  position: relative;
}

.menuItem_3fnc24 {
  appearance: none;
  background: transparent;
  border: none;
  color: inherit;
  cursor: pointer;
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  align-items: center;
  column-gap: 0.75rem;
  padding-inline-start: 0.75rem;
  padding-inline-end: 0.75rem;
  padding-block: 0.5rem;
  text-align: start;
  transition: background 400ms linear(0, 0.0733, 0.2545, 0.3786, 0.5411, 0.6297, 0.7346, 0.7885, 0.8502, 0.8812, 0.9163, 0.9337, 0.9534, 0.9631, 0.9709, 0.9795, 0.9838, 0.9886, 0.991, 0.9937, 0.995, 0.9965, 0.9972, 0.9981, 0.9985, 0.9989, 0.9991, 0.9993, 0.9995, 0.9996, 0.9997, 0.9998, 0.9999, 0.9999, 0.9999, 0.9999, 1, 1, 1, 1), color 400ms linear(0, 0.0733, 0.2545, 0.3786, 0.5411, 0.6297, 0.7346, 0.7885, 0.8502, 0.8812, 0.9163, 0.9337, 0.9534, 0.9631, 0.9709, 0.9795, 0.9838, 0.9886, 0.991, 0.9937, 0.995, 0.9965, 0.9972, 0.9981, 0.9985, 0.9989, 0.9991, 0.9993, 0.9995, 0.9996, 0.9997, 0.9998, 0.9999, 0.9999, 0.9999, 0.9999, 1, 1, 1, 1);
}

.menuItem_3fnc24:focus-visible {
  outline: 0.1875rem solid rgb(var(--secondary));
  outline-offset: -0.1875rem;
}

.menuItem_3fnc24.selected_3fnc24 {
  background: rgb(var(--secondary-container));
  color: rgb(var(--on-secondary-container));
}

.menuItem_3fnc24.highlighted_3fnc24 {
  outline: 0.1875rem solid rgb(var(--secondary));
  outline-offset: -0.1875rem;
}

.menuSurface_9gtg1s {
  background: rgb(var(--surface-container));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
  border-radius: 0.25rem;
  box-shadow: 0 4px 12px rgba(0,0,0,0.20), 0 1px 3px rgba(0,0,0,0.12);
  display: flex;
  flex-direction: column;
  min-width: max-content;
  overflow: hidden;
}

/* === NavigationBar.css.ts === */
/* Generated from firepro\kit\Components.system\lvl1\NavigationBar.package\NavigationBar.css.ts */
.navigationBar_asn7jz {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  box-sizing: border-box;
  width: 100%;
  height: 4rem;
  background: rgb(var(--surface-container));
  color: rgb(var(--on-surface-variant));
  box-shadow: 0 4px 12px rgba(0,0,0,0.20), 0 1px 3px rgba(0,0,0,0.12);
  border-radius: 0px;
  overflow: hidden;
}

.navigationBarItem_c08f6l {
  appearance: none;
  position: relative;
  display: grid;
  grid-template-rows: 2rem max-content;
  align-content: center;
  justify-items: center;
  flex: 1 1 0;
  min-width: 0;
  height: 4rem;
  padding: 0;
  row-gap: 0.375rem;
  border: none;
  background: transparent;
  color: rgb(var(--on-surface-variant));
  cursor: pointer;
}

.navigationBarItem_c08f6l::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--state-layer-color, rgb(var(--on-surface)));
  opacity: var(--state-layer-opacity, 0);
  pointer-events: none;
  transition: none;
}

.navigationBarItem_c08f6l:hover {
  --state-layer-opacity: 0.08;
}

.navigationBarItem_c08f6l:focus-visible {
  outline: 0.1875rem solid rgb(var(--secondary));
  outline-offset: -0.1875rem;
  --state-layer-opacity: 0.1;
}

.navigationBarItem_c08f6l:active {
  --state-layer-opacity: 0.1;
}

.navigationBarItem_c08f6l.active_c08f6l {
  color: rgb(var(--on-secondary-container));
}

.navigationBarItem_c08f6l.disabled_c08f6l {
  cursor: default;
  pointer-events: none;
}

/* === NavigationDrawer.css.ts === */
/* Generated from firepro\kit\Components.system\lvl1\NavigationDrawer.package\NavigationDrawer.css.ts */
.navigationDrawer_yb9lfy {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-self: stretch;
  width: 22.5rem;
}

.navigationDrawer_yb9lfy.compact_yb9lfy {
  width: max-content;
}

.navigationDrawerAction_mqod3l {
  appearance: none;
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: auto;
  margin-inline-start: calc(var(--navigation-drawer-depth, 0) * 1rem + 1.5rem);
  margin-inline-end: 0.75rem;
  margin-block: 0.125rem;
  height: 3.5rem;
  padding-inline-start: 1rem;
  padding-inline-end: 1rem;
  border: none;
  background: transparent;
  color: rgb(var(--primary));
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  letter-spacing: 0.007em;
  type: 700 0.875rem/1.25rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  text-align: start;
  text-decoration: none;
  border-radius: 9999px;
  cursor: pointer;
  outline: none;
}

.navigationDrawerAction_mqod3l::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--state-layer-color, rgb(var(--primary)));
  opacity: var(--state-layer-opacity, 0);
  pointer-events: none;
  transition: none;
}

.navigationDrawerAction_mqod3l:hover {
  --state-layer-opacity: 0.08;
}

.navigationDrawerAction_mqod3l:focus-visible {
  --state-layer-opacity: 0.1;
}

.navigationDrawerAction_mqod3l:active {
  --state-layer-opacity: 0.1;
}

.navigationDrawerDivider_7kq9lh {
  padding-block: 0.5rem;
  padding-inline: 1.5rem;
}

.navigationDrawerFooter_51pb6m {
  flex: 0 0 auto;
  padding-block: 1rem;
  padding-inline: 1.5rem;
  color: rgb(var(--on-surface-variant));
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  letter-spacing: 0.042em;
  type: 500 0.75rem/1rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.navigationDrawerGroup_xgrwjf {
  display: flex;
  flex-direction: column;
}

.navigationDrawerGroupBody_gdji8q {
  display: none;
  flex-direction: column;
}

.navigationDrawerGroupBody_gdji8q.open_gdji8q {
  display: flex;
}

.navigationDrawerGroupHeader_xkwy4d {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  height: 3.5rem;
  padding-inline-start: calc(var(--navigation-drawer-depth, 0) * 1rem + 1.5rem);
  padding-inline-end: 1.5rem;
  background: transparent;
  border: none;
  cursor: pointer;
  text-align: start;
  color: rgb(var(--on-surface-variant));
  text-transform: uppercase;
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  letter-spacing: 0.042em;
  type: 700 0.75rem/1rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  outline: none;
}

.navigationDrawerGroupHeader_xkwy4d::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--state-layer-color, rgb(var(--on-surface)));
  opacity: var(--state-layer-opacity, 0);
  pointer-events: none;
  transition: none;
}

.navigationDrawerGroupHeader_xkwy4d:hover {
  --state-layer-opacity: 0.08;
}

.navigationDrawerGroupHeader_xkwy4d:focus-visible {
  --state-layer-opacity: 0.1;
}

.navigationDrawerGroupHeader_xkwy4d:active {
  --state-layer-opacity: 0.1;
}

.navigationDrawerGroupHeader_xkwy4d.depth0_xkwy4d {
  color: var(--on-color);
  height: 3.5rem;
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  letter-spacing: 0.007em;
  type: 700 0.875rem/1.25rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.navigationDrawerHeader_ptrjz6 {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-block: 1rem;
  padding-inline: 1.5rem;
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  letter-spacing: 0.007em;
  type: 700 0.875rem/1.25rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  text-transform: uppercase;
}

.navigationDrawerItems_nlihw0 {
  flex: 1 1 auto;
  overflow-y: auto;
  padding-block: 0.5rem;
  display: flex;
  flex-direction: column;
}

.navigationDrawerLeaf_wrvlsb {
  appearance: none;
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: auto;
  margin-inline-start: calc(var(--navigation-drawer-depth, 0) * 1rem + 1.5rem);
  margin-inline-end: 0.75rem;
  margin-block: 0.125rem;
  height: 3.5rem;
  padding-inline-start: 1rem;
  padding-inline-end: 1rem;
  border: none;
  background: transparent;
  color: rgb(var(--on-surface-variant));
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.018em;
  type: 400 0.875rem/1.25rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  text-align: start;
  text-decoration: none;
  border-radius: 9999px;
  cursor: pointer;
  transition: color 300ms cubic-bezier(0.2, 0, 0, 1), background-color 300ms cubic-bezier(0.2, 0, 0, 1);
  outline: none;
}

.navigationDrawerLeaf_wrvlsb::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--state-layer-color, rgb(var(--on-surface)));
  opacity: var(--state-layer-opacity, 0);
  pointer-events: none;
  transition: none;
}

.navigationDrawerLeaf_wrvlsb:hover {
  --state-layer-opacity: 0.08;
}

.navigationDrawerLeaf_wrvlsb:focus-visible {
  --state-layer-opacity: 0.1;
}

.navigationDrawerLeaf_wrvlsb:active {
  --state-layer-opacity: 0.1;
}

html[data-fp-router-pending="true"] .navigationDrawerLeaf_wrvlsb[data-fp-route-target]:not([data-fp-route-pending="true"]) {
  background: transparent;
  color: rgb(var(--on-surface-variant));
}

html[data-fp-router-pending="true"] .navigationDrawerLeaf_wrvlsb[data-fp-route-target]:not([data-fp-route-pending="true"]) * {
  color: rgb(var(--on-surface-variant));
}

.navigationDrawerLeaf_wrvlsb[data-fp-route-pending="true"] {
  background: rgb(var(--secondary-container));
  color: rgb(var(--on-secondary-container));
}

.navigationDrawerLeaf_wrvlsb[data-fp-route-pending="true"] * {
  color: rgb(var(--on-secondary-container));
}

.navigationDrawerLeaf_wrvlsb.active_wrvlsb {
  background: rgb(var(--secondary-container));
  color: rgb(var(--on-secondary-container));
}

.navigationDrawerPanel_dbc8dv {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  box-sizing: border-box;
  width: 22.5rem;
  border-radius: 0px 1rem 1rem 0px;
  background: rgb(var(--surface-container));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
  overflow-y: auto;
}

.navigationDrawerSection_xgrwjf {
  display: flex;
  flex-direction: column;
}

.navigationDrawerSectionLabel_uvxu26 {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  height: 3.5rem;
  padding-inline-start: calc(var(--navigation-drawer-depth, 0) * 1rem + 1.5rem);
  padding-inline-end: 1.5rem;
  color: var(--on-color);
  text-transform: uppercase;
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  letter-spacing: 0.007em;
  type: 700 0.875rem/1.25rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.navigationDrawerSurface_jkmdc9 {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  box-sizing: border-box;
  width: 22.5rem;
  border-radius: 0px 1rem 1rem 0px;
  background: rgb(var(--surface-container-low));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
  box-shadow: 0 4px 12px rgba(0,0,0,0.20), 0 1px 3px rgba(0,0,0,0.12);
  overflow-y: auto;
}

/* === NavigationRail.css.ts === */
/* Generated from firepro\kit\Components.system\lvl1\NavigationRail.package\NavigationRail.css.ts */
.navigationRail_5qsqqw {
  --nav-rail-width: 6rem;
  --nav-rail-top-space: 1.25rem;
  --elevation-nav-rail: none;
  --nav-rail-shape: 0px;

  display: flex;
  flex-direction: column;
  align-items: stretch;
  row-gap: 0.5rem;
  box-sizing: border-box;
  width: var(--nav-rail-width);
  min-width: var(--nav-rail-width);
  padding-block-start: var(--nav-rail-top-space);
  background: rgb(var(--surface-container));
  color: rgb(var(--on-surface-variant));
  box-shadow: var(--elevation-nav-rail);
  border-radius: var(--nav-rail-shape);
  overflow: hidden;
  transition: width 600ms cubic-bezier(0.2, 0, 0, 1), min-width 600ms cubic-bezier(0.2, 0, 0, 1), padding-block-start 600ms cubic-bezier(0.2, 0, 0, 1), box-shadow 600ms cubic-bezier(0.2, 0, 0, 1), border-radius 600ms cubic-bezier(0.2, 0, 0, 1);
  --nav-rail-width: 6rem;
  --nav-rail-top-space: 1.25rem;
  --elevation-nav-rail: none;
  --nav-rail-shape: 0px;
}

.navigationRail_5qsqqw.expanded_5qsqqw {
  --nav-rail-width: 13.75rem;
  --nav-rail-top-space: 2.75rem;
  --elevation-nav-rail: none;
  --nav-rail-shape: 0px;
}

.navigationRailFooter_ucd0iv {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  row-gap: 0.5rem;
  margin: 0;
  margin-block-start: auto;
  list-style: none;
  padding-inline-start: 1rem;
  padding-inline-end: 1rem;
  padding-block-end: 1.25rem;
}

.navigationRailHeader_79sftz {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 1.5rem;
  padding-inline-start: 1rem;
  padding-inline-end: 1rem;
  color: rgb(var(--on-surface-variant));
}

.navigationRailItem_9txuk0 {
  appearance: none;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 0.25rem;
  border: none;
  background: transparent;
  color: rgb(var(--on-surface-variant));
  cursor: pointer;
  text-decoration: none;
  padding-block: 0.5rem;
  padding-inline: 0;
  outline: none;
}

.navigationRailItem_9txuk0:hover {
  --state-layer-opacity: 0.08;
}

.navigationRailItem_9txuk0:focus-visible {
  --state-layer-opacity: 0.1;
}

.navigationRailItem_9txuk0:active {
  --state-layer-opacity: 0.1;
}

html[data-fp-router-pending="true"] .navigationRailItem_9txuk0[data-fp-route-target]:not([data-fp-route-pending="true"]) {
  color: rgb(var(--on-surface-variant));
}

html[data-fp-router-pending="true"] .navigationRailItem_9txuk0[data-fp-route-target]:not([data-fp-route-pending="true"]) [data-fp-active-indicator="true"] {
  background: transparent;
  color: rgb(var(--on-surface-variant));
  opacity: 1;
}

html[data-fp-router-pending="true"] .navigationRailItem_9txuk0[data-fp-route-target]:not([data-fp-route-pending="true"]) * {
  color: rgb(var(--on-surface-variant));
}

.navigationRailItem_9txuk0[data-fp-route-pending="true"] {
  color: rgb(var(--on-secondary-container));
}

.navigationRailItem_9txuk0[data-fp-route-pending="true"] [data-fp-active-indicator="true"] {
  background: rgb(var(--secondary-container));
  color: rgb(var(--on-secondary-container));
  opacity: 0.72;
}

.navigationRailItem_9txuk0[data-fp-route-pending="true"] * {
  color: rgb(var(--on-surface));
}

.navigationRailItem_9txuk0.active_9txuk0 {
  color: rgb(var(--on-secondary-container));
}

.navigationRailItem_9txuk0.expanded_9txuk0 {
  flex-direction: row;
  justify-content: flex-start;
  column-gap: 0.5rem;
  padding-block: 0;
  padding-inline-start: 1rem;
  padding-inline-end: 1rem;
  height: 3.5rem;
}

.navigationRailItemSlot_vumpbb {
  display: contents;
  list-style: none;
}

.navigationRailItems_2h2j6o {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  row-gap: 0.5rem;
  margin: 0;
  list-style: none;
  padding-inline-start: 1rem;
  padding-inline-end: 1rem;
}

@media (max-width:37.5rem) {
  .navigationRail_5qsqqw {
    display: none;
  }

}

/* === ProductCard.css.ts === */
/* Generated from firepro\kit\Components.system\lvl1\ProductCard.package\ProductCard.css.ts */
.productCardSaleBadge_twb459 {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  padding: 0.25rem 0.5rem;
  background: rgb(var(--primary-container));
  color: rgb(var(--on-primary-container));
  --on-color: rgb(var(--on-primary-container));
  border-radius: 0.25rem;
  text-transform: uppercase;
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.6875rem;
  line-height: 1rem;
  font-weight: 500;
  letter-spacing: 0.045em;
  type: 500 0.6875rem/1rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

/* === ProductDetailPane.css.ts === */
/* Generated from firepro\kit\Components.system\lvl1\ProductDetailPane.package\ProductDetailPane.css.ts */
.productDetailPane_1f8zdt {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.productDetailPaneHeroButton_ndlnkz {
  display: block;
  width: 100%;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  text-align: inherit;
  color: inherit;
  position: relative;
}

/* === ProductListRow.css.ts === */
/* Generated from firepro\kit\Components.system\lvl1\ProductListRow.package\ProductListRow.css.ts */
.productListRow_cl09am {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1rem;
  width: 100%;
  padding-block: 0.75rem;
  padding-inline: 0.75rem;
  border: none;
  background: transparent;
  cursor: pointer;
  text-align: inherit;
  border-radius: 0.75rem;
  outline: none;
}

.productListRow_cl09am::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--state-layer-color, rgb(var(--on-surface)));
  opacity: var(--state-layer-opacity, 0);
  pointer-events: none;
  transition: none;
}

.productListRow_cl09am:hover {
  --state-layer-opacity: 0.08;
}

.productListRow_cl09am:focus-visible {
  outline: none;
  --state-layer-opacity: 0.1;
}

.productListRow_cl09am:hover [data-row-overlay] {
  opacity: 1;
}

.productListRow_cl09am.selected_cl09am {
  background: rgb(var(--secondary-container));
  color: rgb(var(--on-secondary-container));
  --on-color: rgb(var(--on-secondary-container));
}

.productListRowFav_u9068d {
  flex: none;
  position: relative;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  border: none;
  background: transparent;
  cursor: pointer;
  border-radius: 624.9375rem;
  color: var(--on-color-variant, var(--on-color));
}

.productListRowFav_u9068d.on_u9068d {
  color: rgb(var(--tertiary));
}

.productListRowOpen_z6sop2 {
  flex: none;
  position: relative;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  border: none;
  background: transparent;
  cursor: pointer;
  border-radius: 624.9375rem;
  color: var(--on-color-variant, var(--on-color));
  opacity: 0;
  transition: opacity 200ms cubic-bezier(0.2, 0, 0, 1);
}

/* === ProductMediaFullView.css.ts === */
/* Generated from firepro\kit\Components.system\lvl1\ProductMediaFullView.package\ProductMediaFullView.css.ts */
.productMediaFullView_hgg24r {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  width: 120rem;
  max-width: 100%;
  max-height: 100%;
  min-height: 0;
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0,0,0,0.45), 0 4px 8px 3px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.05);
  background: rgb(var(--surface-container-high));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
}

.productMediaFullViewBody_w8av2g {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 1rem;
  background: rgb(var(--surface-container-highest));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
}

.productMediaFullViewBodyDetail_16zl7w {
  flex: 1 1 auto;
  min-height: 0;
  display: block;
  overflow-y: auto;
  padding: 1rem;
  background: rgb(var(--surface-container-high));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
}

.productMediaFullViewFill_fwxxin {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  background: rgb(var(--surface-container-high));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
}

/* === ProductTile.css.ts === */
/* Generated from firepro\kit\Components.system\lvl1\ProductTile.package\ProductTile.css.ts */
.productTile_ol8vrs {
  --kit-selection-ring: transparent;

  position: relative;
  display: block;
  width: 100%;
  border: none;
  background: transparent;
  cursor: pointer;
  outline: none;
  --kit-selection-ring: transparent;
}

.productTile_ol8vrs:hover [data-tile-overlay] {
  opacity: 1;
}

.productTile_ol8vrs:focus-visible {
  --kit-selection-ring: rgb(var(--primary));
}

.productTile_ol8vrs.selected_ol8vrs {
  --kit-selection-ring: rgb(var(--primary));
}

.productTileFav_q7k9n7 {
  position: absolute;
  top: 0.75rem;
  inset-inline-end: 0.75rem;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 624.9375rem;
  border: none;
  cursor: pointer;
  display: grid;
  place-items: center;
  background: rgb(var(--inverse-surface));
  color: rgb(var(--inverse-on-surface));
  --on-color: rgb(var(--inverse-on-surface));
  opacity: 0;
  transition: opacity 200ms cubic-bezier(0.2, 0, 0, 1);
}

.productTileFav_q7k9n7.on_q7k9n7 {
  opacity: 1;
}

.productTileOpen_rw24xq {
  position: absolute;
  bottom: 0.75rem;
  inset-inline-start: 0.75rem;
  height: 2rem;
  padding-inline: 0.75rem;
  border-radius: 0.5rem;
  border: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  background: rgb(var(--inverse-surface));
  color: rgb(var(--inverse-on-surface));
  --on-color: rgb(var(--inverse-on-surface));
  opacity: 0;
  transition: opacity 200ms cubic-bezier(0.2, 0, 0, 1);
}

/* === SearchField.css.ts === */
/* Generated from firepro\kit\Components.system\lvl1\SearchField.package\SearchField.css.ts */
.searchField_1kcq7k {
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-inline: 1rem;
  width: 100%;
  height: 3.5rem;
  background: rgb(var(--surface-container-highest));
  border-radius: 624.9375rem;
  color: rgb(var(--on-surface));
  overflow: hidden;
  outline: none;
}

.searchField_1kcq7k::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--state-layer-color, rgb(var(--on-surface)));
  opacity: var(--state-layer-opacity, 0);
  pointer-events: none;
  transition: none;
}

.searchField_1kcq7k:hover {
  --state-layer-opacity: 0.04;
}

.searchField_1kcq7k:focus-within {
  --state-layer-opacity: 0.04;
}

.searchField_1kcq7k.sizeSm_1kcq7k {
  height: 2.5rem;
}

.searchFieldInput_w6f0h0 {
  appearance: none;
  border: none;
  outline: none;
  background: transparent;
  color: rgb(var(--on-surface));
  caret-color: rgb(var(--primary));
  font-family: var(--kit-font, -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.01em;
  flex: 1 1 auto;
  min-width: 0;
  align-self: stretch;
}

.searchFieldInput_w6f0h0::placeholder {
  color: rgb(var(--on-surface-variant));
  opacity: 1;
}

.searchFieldInput_w6f0h0::-webkit-search-decoration {
  display: none;
}

.searchFieldInput_w6f0h0::-webkit-search-cancel-button {
  display: none;
}

/* === SearchView.css.ts === */
/* Generated from firepro\kit\Components.system\lvl1\SearchView.package\SearchView.css.ts */
.searchViewHeader_dlrgde {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  box-sizing: border-box;
  height: 4.5rem;
  min-height: 4.5rem;
}

.searchViewInput_sebgg2 {
  flex: 1 1 auto;
  min-width: 0;
  align-self: stretch;
  display: flex;
  align-items: center;
  color: rgb(var(--on-surface));
  font-family: Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: 0.031em;
}

.searchViewLeading_gm8jgz {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  width: 4.5rem;
  min-width: 4.5rem;
  color: rgb(var(--on-surface));
  flex-shrink: 0;
}

.searchViewPanel_3evtf6 {
  position: fixed;
  inset-block-start: 0;
  inset-inline: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  box-sizing: border-box;
  background: rgb(var(--surface-container-high));
  color: rgb(var(--on-surface));
  box-shadow: 0 1px 3px rgba(0,0,0,0.45), 0 4px 8px 3px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.05);
  border-radius: 0px;
  z-index: 1000;
  overflow: hidden;
}

.searchViewPanel_3evtf6.closed_3evtf6 {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.searchViewResults_ilr155 {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}

.searchViewTrailing_4drdqk {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  min-width: 4.5rem;
  color: rgb(var(--on-surface-variant));
  flex-shrink: 0;
}

/* === ShaderlabGenerators.css.ts === */
/* Generated from firepro\kit\Components.system\lvl1\ShaderlabGenerators.package\ShaderlabGenerators.css.ts */
.shaderlabGeneratorsCard_u61rqd {
  --kit-selection-ring: transparent;

  display: block;
  cursor: pointer;
  outline: none;
  --kit-selection-ring: transparent;
}

.shaderlabGeneratorsCard_u61rqd:focus-visible {
  --kit-selection-ring: rgb(var(--primary));
}

.shaderlabGeneratorsGrid_hhztj9 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 1rem;
}

/* === ShaderlabIterationHistory.css.ts === */
/* Generated from firepro\kit\Components.system\lvl1\ShaderlabIterationHistory.package\ShaderlabIterationHistory.css.ts */
.shaderlabIterationHistoryChartSvg_89x7o7 {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
  pointer-events: none;
}

.shaderlabIterationHistoryExpand_lu90xa {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  padding-block: 0.75rem;
  border: none;
  border-top: 1px solid rgb(var(--outline-variant));
  background: transparent;
  color: inherit;
  cursor: pointer;
}

.shaderlabIterationHistoryHero_sfojyb {
  --primary: var(--success);
  --on-primary: var(--on-success);
  --primary-container: var(--success-container);
  --on-primary-container: var(--on-success-container);
  --secondary: var(--success);
  --on-secondary: var(--on-success);
  --secondary-container: var(--success-container);
  --on-secondary-container: var(--on-success-container);
  --tertiary: var(--success);
  --on-tertiary: var(--on-success);
  --tertiary-container: var(--success-container);
  --on-tertiary-container: var(--on-success-container);
  display: flex;
  align-items: center;
  gap: 1rem;
  width: 100%;
  padding: 0.75rem;
  text-align: left;
  cursor: pointer;
  background: rgb(var(--primary-container));
  color: rgb(var(--on-primary-container));
  --on-color: rgb(var(--on-primary-container));
  border: 1px solid rgb(var(--primary));
  border-radius: 0.75rem;
}

.shaderlabIterationHistoryList_xgrwjf {
  display: flex;
  flex-direction: column;
}

.shaderlabIterationHistoryPlot_vnyltm {
  position: relative;
  width: 100%;
  cursor: crosshair;
  user-select: none;
}

.shaderlabIterationHistoryRow_3cvhjk {
  display: grid;
  grid-template-columns: 0.5rem 2.5rem 1fr auto;
  align-items: center;
  gap: 0.5rem;
  padding-block: 0.5rem;
  padding-inline: 0.5rem;
  background-color: transparent;
  border: none;
  border-inline-start: 3px solid transparent;
  width: 100%;
  text-align: left;
  cursor: pointer;
  color: inherit;
  font: inherit;
}

.shaderlabIterationHistoryRow_3cvhjk.best_3cvhjk {
  background: rgb(var(--primary-container));
  color: rgb(var(--on-primary-container));
  --on-color: rgb(var(--on-primary-container));
  --on-surface: var(--on-primary-container);
  --on-surface-variant: var(--on-primary-container);
  --primary: var(--success);
  --on-primary: var(--on-success);
  --primary-container: var(--success-container);
  --on-primary-container: var(--on-success-container);
  --secondary: var(--success);
  --on-secondary: var(--on-success);
  --secondary-container: var(--success-container);
  --on-secondary-container: var(--on-success-container);
  --tertiary: var(--success);
  --on-tertiary: var(--on-success);
  --tertiary-container: var(--success-container);
  --on-tertiary-container: var(--on-success-container);
}

.shaderlabIterationHistoryRow_3cvhjk.seamFail_3cvhjk {
  background: rgb(var(--primary-container));
  color: rgb(var(--on-primary-container));
  --on-color: rgb(var(--on-primary-container));
  --on-surface: var(--on-primary-container);
  --on-surface-variant: var(--on-primary-container);
  --primary: var(--error);
  --on-primary: var(--on-error);
  --primary-container: var(--error-container);
  --on-primary-container: var(--on-error-container);
  --secondary: var(--error);
  --on-secondary: var(--on-error);
  --secondary-container: var(--error-container);
  --on-secondary-container: var(--on-error-container);
  --tertiary: var(--error);
  --on-tertiary: var(--on-error);
  --tertiary-container: var(--error-container);
  --on-tertiary-container: var(--on-error-container);
}

.shaderlabIterationHistoryRow_3cvhjk.selected_3cvhjk {
  background-image: linear-gradient(color-mix(in srgb, rgb(var(--inverse-primary)) 16%, transparent), color-mix(in srgb, rgb(var(--inverse-primary)) 16%, transparent));
  border-inline-start: 3px solid rgb(var(--inverse-primary));
}

/* === ShaderlabProbeFeed.css.ts === */
/* Generated from firepro\kit\Components.system\lvl1\ShaderlabProbeFeed.package\ShaderlabProbeFeed.css.ts */
.shaderlabProbeFeedList_ms8suh {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  max-height: 40rem;
  overflow-y: auto;
}

.shaderlabProbeFeedRow_a8york {
  display: grid;
  grid-template-columns: 2.5rem minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.5rem;
  padding-block: 0.5rem;
  padding-inline: 0.5rem;
  border-radius: 0.75rem;
}

.shaderlabProbeFeedRow_a8york.seamFail_a8york {
  background: rgb(var(--primary-container));
  color: rgb(var(--on-primary-container));
  --on-color: rgb(var(--on-primary-container));
  --on-surface: var(--on-primary-container);
  --on-surface-variant: var(--on-primary-container);
  --primary: var(--error);
  --on-primary: var(--on-error);
  --primary-container: var(--error-container);
  --on-primary-container: var(--on-error-container);
  --secondary: var(--error);
  --on-secondary: var(--on-error);
  --secondary-container: var(--error-container);
  --on-secondary-container: var(--on-error-container);
  --tertiary: var(--error);
  --on-tertiary: var(--on-error);
  --tertiary-container: var(--error-container);
  --on-tertiary-container: var(--on-error-container);
}

/* === StockyardTelemetryPanel.css.ts === */
/* Generated from firepro\kit\Components.system\lvl1\StockyardTelemetryPanel.package\StockyardTelemetryPanel.css.ts */
.stockyardTelemetryPanel_v27th6 {
  width: 100%;
}

.stockyardTelemetryPanelCard_ifmgk3 {
  background: rgb(var(--surface-container));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
  border-radius: 0.75rem;
  padding-block: 1rem;
  padding-inline: 1rem;
}

.stockyardTelemetryPanelFailure_9skyer {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  color: rgb(var(--error));
}

.stockyardTelemetryPanelRefresh_u9068d {
  flex: none;
  position: relative;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  border: none;
  background: transparent;
  cursor: pointer;
  border-radius: 624.9375rem;
  color: var(--on-color-variant, var(--on-color));
}

/* === TaxonomyRow.css.ts === */
/* Generated from firepro\kit\Components.system\lvl1\TaxonomyRow.package\TaxonomyRow.css.ts */
.taxonomyRow_9yg504 {
  display: table-row;
}

.taxonomyRow_9yg504:hover {
  background: color-mix(in srgb, rgb(var(--on-surface)) 5%, transparent);
}

.taxonomyRowCell_ei5etc {
  display: table-cell;
  vertical-align: middle;
  padding: 1rem;
  white-space: nowrap;
  border-bottom: 1px solid rgb(var(--outline-variant));
}

.taxonomyRowCell_ei5etc.numeric_ei5etc {
  text-align: right;
}

.taxonomyRowCell_ei5etc.grow_ei5etc {
  width: 100%;
  white-space: normal;
}

.taxonomyRowCell_ei5etc.actions_ei5etc {
  text-align: right;
}

/* === TaxonomySortMenu.css.ts === */
/* Generated from firepro\kit\Components.system\lvl1\TaxonomySortMenu.package\TaxonomySortMenu.css.ts */
.taxonomySortMenu_z9ky0x {
  position: relative;
  display: inline-block;
  flex: none;
}

.taxonomySortMenuItem_e1hftr {
  appearance: none;
  background: none;
  border: none;
  cursor: pointer;
  color: inherit;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  min-height: 3rem;
  padding-inline: 1rem;
  font-family: var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.018em;
  type: 400 0.875rem/1.25rem var(--kit-font, Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif);
}

.taxonomySortMenuItem_e1hftr:hover {
  background: color-mix(in srgb, rgb(var(--on-surface)) 8%, transparent);
}

.taxonomySortMenuItem_e1hftr.selected_e1hftr {
  color: rgb(var(--primary));
}

.taxonomySortMenuSurface_2j4pzu {
  background: rgb(var(--surface-container-high));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
  min-width: 12.5rem;
  padding-block: 0.5rem;
  border-radius: 0.75rem;
  box-shadow: 0 4px 12px rgba(0,0,0,0.20), 0 1px 3px rgba(0,0,0,0.12);
}

/* === TimePicker.css.ts === */
/* Generated from firepro\kit\Components.system\lvl1\TimePicker.package\TimePicker.css.ts */
.timePicker_a6knd6 {

  --fire-mount-token: fireMount:_YHJo6k0Qs3jVMfm8a4dfk2KEEMgebb-inmG4biTvFQ;
  --fire-cleanup-token: fireCleanup:TcQyZ9k1Fs4tPbuxoekueVOlBTv1kps-EtjvpTyNZ9g;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem 1rem;
  background: rgb(var(--surface-container-high));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
  border-radius: 1.75rem;
  box-shadow: 0 1px 3px rgba(0,0,0,0.45), 0 4px 8px 3px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.05);
  transform-origin: center center;
  transition: opacity 250ms cubic-bezier(0.32, 0.72, 0, 1), transform 250ms cubic-bezier(0.32, 0.72, 0, 1);
}

.timePickerActions_kvhsfr {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  padding-top: 1rem;
}

.timePickerPeriod_mvudbe {
  display: inline-flex;
  flex-direction: column;
  border: 0.0625rem solid rgb(var(--outline));
  border-radius: 0.5rem;
  overflow: hidden;
}

.timePickerPeriodOption_f3uthl {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.25rem;
  height: calc(5rem / 2);
  background: transparent;
  border: none;
  color: rgb(var(--on-surface-variant));
  font-family: Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
}

.timePickerPeriodOption_f3uthl.selected_f3uthl {
  background: rgb(var(--tertiary-container));
  color: rgb(var(--on-tertiary-container));
}

.timePickerSelector_iayap4 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 6rem;
  height: 5rem;
  background: rgb(var(--surface-container-highest));
  border: none;
  border-radius: 0.5rem;
  color: rgb(var(--on-surface));
  font-family: Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-size: 3.5625rem;
  line-height: 4rem;
  font-weight: 400;
  cursor: text;
  text-align: center;
  caret-color: rgb(var(--primary));
  outline: none;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
}

.timePickerSelector_iayap4:hover {
  background: rgb(var(--surface-container-high));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
}

.timePickerSelector_iayap4:focus-visible {
  outline: 2px solid rgb(var(--tertiary));
  outline-offset: 2px;
}

.timePickerSelector_iayap4.selected_iayap4 {
  background: rgb(var(--primary-container));
  color: rgb(var(--on-primary-container));
}

.timePickerSelectorRow_icseu0 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

@media (prefers-reduced-motion:reduce) {
  .timePicker_a6knd6 {
    transition: none;
    animation: none;
  }

  .timePickerPeriodOption_f3uthl {
    transition: none;
    animation: none;
  }

  .timePickerSelector_iayap4 {
    transition: none;
    animation: none;
  }

}

/* === UploadFileRow.css.ts === */
/* Generated from firepro\kit\Components.system\lvl1\UploadFileRow.package\UploadFileRow.css.ts */
.uploadFileRow_whakcm {
  box-sizing: border-box;
  width: 100%;
  display: grid;
  grid-template-columns: 2.75rem minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.75rem;
  background: rgb(var(--surface-container-low));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
}

.uploadFileRowLeading_80tcd7 {
  box-sizing: border-box;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 0.5rem;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: rgb(var(--surface-container-highest));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
}

/* === WorkspaceTopBar.css.ts === */
/* Generated from firepro\kit\Components.system\lvl1\WorkspaceTopBar.package\WorkspaceTopBar.css.ts */
.workspaceTopBar_7woe76 {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding-inline: 1rem;
  background: rgb(var(--surface-container));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
  box-sizing: border-box;
  width: 100%;
  height: 4rem;
}

.workspaceTopBar_7woe76.scrolled_7woe76 {
  background: rgb(var(--surface-container-high));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
}

/* === CompactUploader.css.ts === */
/* Generated from firepro\kit\Components.system\lvl2\CompactUploader.package\CompactUploader.css.ts */
.compactUploader_nhuo3y {
  box-sizing: border-box;
  padding: 0.75rem 1rem;
  border-radius: 624.9375rem;
  cursor: pointer;
  background: rgb(var(--secondary-container));
  color: rgb(var(--on-secondary-container));
  --on-color: rgb(var(--on-secondary-container));
}

.compactUploaderInput_17wwgu {
  display: none;
  color: inherit;
}

/* === Dropzone.css.ts === */
/* Generated from firepro\kit\Components.system\lvl2\Dropzone.package\Dropzone.css.ts */
.dropzone_rqs78r {
  box-sizing: border-box;
  width: 100%;
  text-align: center;
  padding: 2.25rem 1.75rem;
  border-radius: 1rem;
  cursor: pointer;
}

.dropzone_rqs78r.outlined_rqs78r {
  border: 1px dashed rgb(var(--outline-variant));
  background: rgb(var(--surface-container-lowest));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
}

.dropzone_rqs78r.outlined_rqs78r:hover {
  border-color: rgb(var(--outline));
}

.dropzone_rqs78r.tonal_rqs78r {
  border: 1px dashed rgb(var(--primary));
  background: rgb(var(--primary-container));
  color: rgb(var(--on-primary-container));
  --on-color: rgb(var(--on-primary-container));
}

.dropzoneIcon_tlm7zy {
  box-sizing: border-box;
  padding: 0.75rem;
  border-radius: 624.9375rem;
  background: rgb(var(--primary-container));
  color: rgb(var(--on-primary-container));
  --on-color: rgb(var(--on-primary-container));
}

.dropzoneInput_17wwgu {
  display: none;
  color: inherit;
}

/* === ImageDropzone.css.ts === */
/* Generated from firepro\kit\Components.system\lvl2\ImageDropzone.package\ImageDropzone.css.ts */
.imageDropzone_vjr4vb {
  box-sizing: border-box;
  width: 100%;
  text-align: center;
  padding: 2.25rem 1.75rem;
  border-radius: 1rem;
  cursor: pointer;
  border: 1px dashed rgb(var(--primary));
  background: rgb(var(--primary-container));
  color: rgb(var(--on-primary-container));
  --on-color: rgb(var(--on-primary-container));
}

.imageDropzoneIcon_tlm7zy {
  box-sizing: border-box;
  padding: 0.75rem;
  border-radius: 624.9375rem;
  background: rgb(var(--primary-container));
  color: rgb(var(--on-primary-container));
  --on-color: rgb(var(--on-primary-container));
}

.imageDropzoneInput_17wwgu {
  display: none;
  color: inherit;
}

/* === PickerField.css.ts === */
/* Generated from firepro\kit\Components.system\lvl2\PickerField.package\PickerField.css.ts */
.pickerField_8ef1tv {
  box-sizing: border-box;
  margin: 0;
  min-inline-size: 0;
  width: 100%;
  border: 1px solid rgb(var(--outline));
  border-radius: 0.25rem;
  padding: 0.25rem 0.5rem 0.5rem;
}

.pickerField_8ef1tv:focus-within {
  border-color: rgb(var(--primary));
}

.pickerField_8ef1tv.error_8ef1tv {
  border-color: rgb(var(--error));
}

.pickerFieldBrowse_3r3ska {
  box-sizing: border-box;
  padding: 0.5rem;
  border-radius: 624.9375rem;
  cursor: pointer;
}

.pickerFieldInput_17wwgu {
  display: none;
  color: inherit;
}

.pickerFieldLegend_nz5re5 {
  padding-inline: 0.25rem;
}

/* === ShaderlabNewTarget.css.ts === */
/* Generated from firepro\kit\Components.system\lvl2\ShaderlabNewTarget.package\ShaderlabNewTarget.css.ts */
.shaderlabNewTargetPreview_5w5w00 {
  box-sizing: border-box;
  border: 1px dashed rgb(var(--outline));
  border-radius: 1rem;
  background: rgb(var(--surface-container-low));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
  padding: 1rem;
}

/* === Frame.css.ts === */
/* Generated from firepro\kit\Layout.system\lvl0\Frame.package\Frame.css.ts */
.frame_9u36tp {
  box-sizing: border-box;
}

.frame_9u36tp.fill_9u36tp {
  flex: 1 1 0;
  min-width: 0;
  min-height: 0;
}

.frame_9u36tp.center_9u36tp {
  margin-inline: auto;
}

.frame_9u36tp.viewport_9u36tp {
  min-height: 100dvh;
  display: grid;
  place-items: center;
}

/* === Grid.css.ts === */
/* Generated from firepro\kit\Layout.system\lvl0\Grid.package\Grid.css.ts */
.grid_4vjfip {
  display: grid;
  align-items: start;
  justify-items: stretch;
  box-sizing: border-box;
}

.grid_4vjfip.alignStart_4vjfip {
  align-items: flex-start;
}

.grid_4vjfip.alignCenter_4vjfip {
  align-items: center;
}

.grid_4vjfip.alignEnd_4vjfip {
  align-items: flex-end;
}

.grid_4vjfip.alignStretch_4vjfip {
  align-items: stretch;
}

.grid_4vjfip.justifyStart_4vjfip {
  justify-items: start;
}

.grid_4vjfip.justifyCenter_4vjfip {
  justify-items: center;
}

.grid_4vjfip.justifyEnd_4vjfip {
  justify-items: end;
}

.grid_4vjfip.fillHeight_4vjfip {
  height: 100%;
  align-content: stretch;
  align-items: stretch;
}

/* === Row.css.ts === */
/* Generated from firepro\kit\Layout.system\lvl0\Row.package\Row.css.ts */
.row_885a5x {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
}

.row_885a5x.alignStart_885a5x {
  align-items: flex-start;
}

.row_885a5x.alignEnd_885a5x {
  align-items: flex-end;
}

.row_885a5x.alignStretch_885a5x {
  align-items: stretch;
}

.row_885a5x.alignBaseline_885a5x {
  align-items: baseline;
}

.row_885a5x.justifyCenter_885a5x {
  justify-content: center;
}

.row_885a5x.justifyEnd_885a5x {
  justify-content: flex-end;
}

.row_885a5x.justifyBetween_885a5x {
  justify-content: space-between;
}

.row_885a5x.justifyAround_885a5x {
  justify-content: space-around;
}

.row_885a5x.wrap_885a5x {
  flex-wrap: wrap;
}

.row_885a5x.fill_885a5x {
  flex: 1;
  min-width: 0;
}

@media (max-width:37.5rem) {
  .row_885a5x.stackOnCompact_885a5x {
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
  }

}

/* === Spacer.css.ts === */
/* Generated from firepro\kit\Layout.system\lvl0\Spacer.package\Spacer.css.ts */
.spacer_uol86b {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
}

/* === Stack.css.ts === */
/* Generated from firepro\kit\Layout.system\lvl0\Stack.package\Stack.css.ts */
.stack_8ba7pi {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  box-sizing: border-box;
}

.stack_8ba7pi.alignStart_8ba7pi {
  align-items: flex-start;
}

.stack_8ba7pi.alignCenter_8ba7pi {
  align-items: center;
}

.stack_8ba7pi.alignEnd_8ba7pi {
  align-items: flex-end;
}

.stack_8ba7pi.compactGap_8ba7pi {
  gap: var(--kit-stack-gap);
}

@media (max-width:37.5rem) {
  .stack_8ba7pi.compactGap_8ba7pi {
    gap: var(--kit-stack-gap-compact);
  }

}

/* === FilledTextField.css.ts === */
/* Generated from firepro\kit\M3Visual.system\lvl0\FilledTextField.package\FilledTextField.css.ts */
.filledTextField_2afdi6 {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.filledTextField_2afdi6 .filledTextFieldField {
  position: relative;
  display: flex;
  align-items: stretch;
  width: 100%;
  min-height: 3.5rem;
  background: rgb(var(--surface-container-highest));
  border-radius: 0.75rem;
  color: rgb(var(--on-surface));
  cursor: text;
  overflow: hidden;
}

.filledTextField_2afdi6 .filledTextFieldField::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--state-layer-color, rgb(var(--on-surface)));
  opacity: var(--state-layer-opacity, 0);
  pointer-events: none;
  transition: opacity 0.15s ease;
}

.filledTextField_2afdi6 .filledTextFieldField:hover {
  --state-layer-opacity: 0.04;
}

.filledTextField_2afdi6 .filledTextFieldField::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0.0625rem;
  background: rgb(var(--on-surface-variant));
  transition: height 0.15s ease, background 0.15s ease;
  pointer-events: none;
}

.filledTextField_2afdi6.focused_2afdi6 .filledTextFieldField::after {
  height: 0.125rem;
  background: rgb(var(--primary));
}

.filledTextField_2afdi6.error_2afdi6 .filledTextFieldField::after {
  background: rgb(var(--error));
}

.filledTextField_2afdi6.disabled_2afdi6 .filledTextFieldField {
  cursor: not-allowed;
  background: color-mix(in srgb, rgb(var(--on-surface)) 4%, transparent);
}

.filledTextField_2afdi6.disabled_2afdi6 .filledTextFieldField::before {
  display: none;
}

.filledTextField_2afdi6.disabled_2afdi6 .filledTextFieldField::after {
  background: color-mix(in srgb, rgb(var(--on-surface)) 38%, transparent);
  height: 0.0625rem;
}

.filledTextField_2afdi6.readonly_2afdi6 .filledTextFieldField {
  cursor: pointer;
}

.filledTextFieldBody_33o7d9 {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  flex: 1;
  min-width: 0;
  padding: 0.5rem 1rem 0.25rem 1rem;
}

.filledTextFieldIcon_rsmz9j {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  margin-inline: 0.75rem;
  color: rgb(var(--on-surface-variant));
  flex-shrink: 0;
  align-self: center;
}

.filledTextFieldIcon_rsmz9j.trailing_rsmz9j {
  color: rgb(var(--on-surface-variant));
}

.filledTextFieldIcon_rsmz9j.error_rsmz9j {
  color: rgb(var(--error));
}

.filledTextFieldIcon_rsmz9j.disabled_rsmz9j {
  color: color-mix(in srgb, rgb(var(--on-surface)) 38%, transparent);
}

.filledTextFieldInput_nmlhq5 {
  width: 100%;
  background: transparent;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  font-family: var(--kit-font, -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  letter-spacing: -0.01em;
  color: rgb(var(--on-surface));
  caret-color: rgb(var(--primary));
}

.filledTextFieldInput_nmlhq5::placeholder {
  color: transparent;
}

.filledTextFieldInput_nmlhq5:disabled {
  cursor: not-allowed;
  color: color-mix(in srgb, rgb(var(--on-surface)) 38%, transparent);
}

.filledTextFieldInput_nmlhq5:read-only {
  cursor: pointer;
}

.filledTextFieldInput_nmlhq5.showPlaceholder_nmlhq5::placeholder {
  color: rgb(var(--on-surface-variant));
  opacity: 1;
}

.filledTextFieldLabel_y4bmjy {
  position: absolute;
  left: 1rem;
  top: 50%;
  transform-origin: left top;
  transform: translateY(-50%);
  font-family: var(--kit-font, -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  letter-spacing: -0.01em;
  color: rgb(var(--on-surface-variant));
  pointer-events: none;
  transition: transform 0.15s ease, font-size 0.15s ease, color 0.15s ease;
  white-space: nowrap;
}

.filledTextFieldLabel_y4bmjy.populated_y4bmjy {
  transform: translateY(calc(-50% - 1.125rem));
  font-size: 0.75rem;
  line-height: 1rem;
}

.filledTextFieldLabel_y4bmjy.focused_y4bmjy {
  color: rgb(var(--primary));
}

.filledTextFieldLabel_y4bmjy.error_y4bmjy {
  color: rgb(var(--error));
}

.filledTextFieldLabel_y4bmjy.disabled_y4bmjy {
  color: color-mix(in srgb, rgb(var(--on-surface)) 38%, transparent);
}

.filledTextFieldSupporting_g5zwij {
  display: block;
  margin-top: 0.25rem;
  margin-inline: 1rem;
  font-family: var(--kit-font, -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  letter-spacing: -0.01em;
  color: rgb(var(--on-surface-variant));
}

.filledTextFieldSupporting_g5zwij.error_g5zwij {
  color: rgb(var(--error));
}

.filledTextFieldSupporting_g5zwij.disabled_g5zwij {
  color: color-mix(in srgb, rgb(var(--on-surface)) 38%, transparent);
}

.filledTextFieldTrailingButton_2vz5py {
  appearance: none;
  border: none;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  align-self: center;
  width: 1.5rem;
  height: 1.5rem;
  margin-inline: 0.75rem;
  padding: 0;
  color: rgb(var(--on-surface-variant));
  border-radius: 624.9375rem;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.filledTextFieldTrailingButton_2vz5py:hover {
  background-color: rgb(var(--on-surface) / 0.08);
}

.filledTextFieldTrailingButton_2vz5py:focus-visible {
  outline: 2px solid rgb(var(--primary));
}

.filledTextFieldTrailingButton_2vz5py.error_2vz5py {
  color: rgb(var(--error));
}

.filledTextFieldTrailingButton_2vz5py.disabled_2vz5py {
  cursor: not-allowed;
  color: color-mix(in srgb, rgb(var(--on-surface)) 38%, transparent);
}

/* === Option.css.ts === */
/* Generated from firepro\kit\M3Visual.system\lvl0\Option.package\Option.css.ts */
.option_bfwywb {
  --state-layer-opacity: 0;

  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  min-height: 3rem;
  padding: 0.5rem 1rem;
  cursor: pointer;
  white-space: nowrap;
  font-size: 1rem;
  border-radius: 0.25rem;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
  --state-layer-opacity: 0;
}

.option_bfwywb::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--state-layer-color, rgb(var(--on-surface)));
  opacity: var(--state-layer-opacity, 0);
  pointer-events: none;
  transition: opacity 150ms cubic-bezier(0.2, 0, 0, 1);
}

.option_bfwywb:hover {
  --state-layer-opacity: 0.08;
}

.option_bfwywb:focus-visible {
  outline: 2px solid rgb(var(--tertiary));
  outline-offset: 2px;
  --state-layer-opacity: 0.1;
}

.option_bfwywb:active {
  --state-layer-opacity: 0.1;
}

[data-kit-dense] .option_bfwywb {
  min-height: 2.5rem;
}

.option_bfwywb.highlighted_bfwywb {
  --state-layer-opacity: 0.08;
}

.option_bfwywb.selected_bfwywb {
  background: rgb(var(--surface-container-highest));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
}

.optionDescription_jaxrb {
  font-size: 0.75rem;
  color: var(--on-color-variant, var(--on-color));
  margin-left: 0.5rem;
}

@media (prefers-reduced-motion:reduce) {
  .option_bfwywb {
    transition: none;
    animation: none;
  }

}

/* === OutlinedTextField.css.ts === */
/* Generated from firepro\kit\M3Visual.system\lvl0\OutlinedTextField.package\OutlinedTextField.css.ts */
.outlinedTextField_1f8zdt {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.outlinedTextFieldBody_oe47dz {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
  min-width: 0;
  padding: 0.5rem 1rem;
}

.outlinedTextFieldField_mqkle4 {
  position: relative;
  display: flex;
  align-items: stretch;
  width: 100%;
  min-height: 3.5rem;
  background: transparent;
  border-radius: 0.75rem;
  border: 0.0625rem solid rgb(var(--outline));
  outline: 0 solid transparent;
  outline-offset: calc(-1 * 0.0625rem);
  color: rgb(var(--on-surface));
  cursor: text;
  transition: border-color 0.15s ease, outline-width 0.15s ease, outline-color 0.15s ease;
}

.outlinedTextFieldField_mqkle4:hover {
  border-color: rgb(var(--on-surface));
}

.outlinedTextFieldField_mqkle4.focused_mqkle4 {
  border-color: rgb(var(--primary));
  outline-width: calc(0.125rem - 0.0625rem);
  outline-color: rgb(var(--primary));
}

.outlinedTextFieldField_mqkle4.error_mqkle4 {
  border-color: rgb(var(--error));
  outline-color: rgb(var(--error));
}

.outlinedTextFieldField_mqkle4.error_mqkle4:hover {
  border-color: rgb(var(--on-error-container));
}

.outlinedTextFieldField_mqkle4.disabled_mqkle4 {
  cursor: not-allowed;
  border-color: color-mix(in srgb, rgb(var(--on-surface)) 12%, transparent);
}

.outlinedTextFieldField_mqkle4.readonly_mqkle4 {
  cursor: pointer;
}

.outlinedTextFieldIcon_rsmz9j {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  margin-inline: 0.75rem;
  color: rgb(var(--on-surface-variant));
  flex-shrink: 0;
  align-self: center;
}

.outlinedTextFieldIcon_rsmz9j.trailing_rsmz9j {
  color: rgb(var(--on-surface-variant));
}

.outlinedTextFieldIcon_rsmz9j.error_rsmz9j {
  color: rgb(var(--error));
}

.outlinedTextFieldIcon_rsmz9j.disabled_rsmz9j {
  color: color-mix(in srgb, rgb(var(--on-surface)) 38%, transparent);
}

.outlinedTextFieldInput_nmlhq5 {
  width: 100%;
  background: transparent;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  font-family: var(--kit-font, -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  letter-spacing: -0.01em;
  color: rgb(var(--on-surface));
  caret-color: rgb(var(--primary));
}

.outlinedTextFieldInput_nmlhq5::placeholder {
  color: transparent;
}

.outlinedTextFieldInput_nmlhq5:disabled {
  cursor: not-allowed;
  color: color-mix(in srgb, rgb(var(--on-surface)) 38%, transparent);
}

.outlinedTextFieldInput_nmlhq5:read-only {
  cursor: pointer;
}

.outlinedTextFieldInput_nmlhq5.showPlaceholder_nmlhq5::placeholder {
  color: rgb(var(--on-surface-variant));
  opacity: 1;
}

.outlinedTextFieldLabel_y4bmjy {
  position: absolute;
  left: 1rem;
  top: 50%;
  transform-origin: left top;
  transform: translateY(-50%);
  font-family: var(--kit-font, -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  letter-spacing: -0.01em;
  color: rgb(var(--on-surface-variant));
  pointer-events: none;
  transition: transform 0.15s ease, font-size 0.15s ease, color 0.15s ease;
  white-space: nowrap;
}

.outlinedTextFieldLabel_y4bmjy.populated_y4bmjy {
  top: 0;
  transform: translateY(-50%);
  padding-inline: 0.25rem;
  margin-inline: calc(0.25rem * -1);
  background: var(--kit-field-notch-surface, rgb(var(--surface)));
  color: rgb(var(--on-surface-variant));
  font-size: 0.75rem;
  line-height: 1rem;
}

.outlinedTextFieldLabel_y4bmjy.focused_y4bmjy {
  color: rgb(var(--primary));
}

.outlinedTextFieldLabel_y4bmjy.error_y4bmjy {
  color: rgb(var(--error));
}

.outlinedTextFieldLabel_y4bmjy.disabled_y4bmjy {
  color: color-mix(in srgb, rgb(var(--on-surface)) 38%, transparent);
}

.outlinedTextFieldSupporting_g5zwij {
  display: block;
  margin-top: 0.25rem;
  margin-inline: 1rem;
  font-family: var(--kit-font, -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  letter-spacing: -0.01em;
  color: rgb(var(--on-surface-variant));
}

.outlinedTextFieldSupporting_g5zwij.error_g5zwij {
  color: rgb(var(--error));
}

.outlinedTextFieldSupporting_g5zwij.disabled_g5zwij {
  color: color-mix(in srgb, rgb(var(--on-surface)) 38%, transparent);
}

.outlinedTextFieldTrailingButton_2vz5py {
  appearance: none;
  border: none;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  align-self: center;
  width: 1.5rem;
  height: 1.5rem;
  margin-inline: 0.75rem;
  padding: 0;
  color: rgb(var(--on-surface-variant));
  border-radius: 624.9375rem;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.outlinedTextFieldTrailingButton_2vz5py:hover {
  background-color: rgb(var(--on-surface) / 0.08);
}

.outlinedTextFieldTrailingButton_2vz5py:focus-visible {
  outline: 2px solid rgb(var(--primary));
}

.outlinedTextFieldTrailingButton_2vz5py.error_2vz5py {
  color: rgb(var(--error));
}

.outlinedTextFieldTrailingButton_2vz5py.disabled_2vz5py {
  cursor: not-allowed;
  color: color-mix(in srgb, rgb(var(--on-surface)) 38%, transparent);
}

/* === FilledSelect.css.ts === */
/* Generated from firepro\kit\M3Visual.system\lvl1\FilledSelect.package\FilledSelect.css.ts */
.filledSelect_1f8zdt {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.filledSelectChevron_6utgo8 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  margin-inline: 0.75rem;
  color: rgb(var(--on-surface-variant));
  transition: transform 0.15s ease, color 0.15s ease;
}

.filledSelectChevron_6utgo8.open_6utgo8 {
  transform: rotate(180deg);
}

.filledSelectChevron_6utgo8.focused_6utgo8 {
  color: rgb(var(--primary));
}

.filledSelectChevron_6utgo8.disabled_6utgo8 {
  color: color-mix(in srgb, rgb(var(--on-surface)) 38%, transparent);
}

.filledSelectField_iissea {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 3.5rem;
  background: rgb(var(--surface-container-highest));
  border-radius: 0.75rem;
  color: rgb(var(--on-surface));
  cursor: pointer;
  overflow: hidden;
}

.filledSelectField_iissea::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--state-layer-color, rgb(var(--on-surface)));
  opacity: var(--state-layer-opacity, 0);
  pointer-events: none;
  transition: opacity 0.15s ease;
}

.filledSelectField_iissea:hover {
  --state-layer-opacity: 0.04;
}

.filledSelectField_iissea::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0.0625rem;
  background: rgb(var(--on-surface-variant));
  transition: height 0.15s ease, background 0.15s ease;
  pointer-events: none;
}

.filledSelectField_iissea.focused_iissea::after {
  height: 0.125rem;
  background: rgb(var(--primary));
}

.filledSelectField_iissea.disabled_iissea {
  cursor: not-allowed;
  background: color-mix(in srgb, rgb(var(--on-surface)) 4%, transparent);
}

.filledSelectField_iissea.disabled_iissea::before {
  display: none;
}

.filledSelectField_iissea.disabled_iissea::after {
  background: color-mix(in srgb, rgb(var(--on-surface)) 38%, transparent);
  height: 0.0625rem;
}

.filledSelectIcon_rsmz9j {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  margin-inline: 0.75rem;
  color: rgb(var(--on-surface-variant));
  flex-shrink: 0;
  align-self: center;
}

.filledSelectIcon_rsmz9j.disabled_rsmz9j {
  color: color-mix(in srgb, rgb(var(--on-surface)) 38%, transparent);
}

.filledSelectLabel_31wzuy {
  font-family: var(--kit-font, -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  letter-spacing: -0.01em;
  color: rgb(var(--on-surface-variant));
  margin-bottom: 0.25rem;
  margin-inline: 1rem;
  transition: color 0.15s ease;
}

.filledSelectLabel_31wzuy.focused_31wzuy {
  color: rgb(var(--primary));
}

.filledSelectLabel_31wzuy.disabled_31wzuy {
  color: color-mix(in srgb, rgb(var(--on-surface)) 38%, transparent);
}

.filledSelectSupporting_g5zwij {
  display: block;
  margin-top: 0.25rem;
  margin-inline: 1rem;
  font-family: var(--kit-font, -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  letter-spacing: -0.01em;
  color: rgb(var(--on-surface-variant));
}

.filledSelectSupporting_g5zwij.disabled_g5zwij {
  color: color-mix(in srgb, rgb(var(--on-surface)) 38%, transparent);
}

.filledSelectValue_88clap {
  flex: 1;
  min-width: 0;
  padding: 1rem 1rem;
  font-family: var(--kit-font, -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  letter-spacing: -0.01em;
  color: rgb(var(--on-surface));
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.filledSelectValue_88clap.placeholder_88clap {
  color: var(--on-color-variant, var(--on-color));
}

.filledSelectValue_88clap.disabled_88clap {
  color: color-mix(in srgb, rgb(var(--on-surface)) 38%, transparent);
}

@media (prefers-reduced-motion:reduce) {
  .filledSelectChevron_6utgo8 {
    transition: none;
  }

  .filledSelectLabel_31wzuy {
    transition: none;
  }

}

/* === OutlinedSelect.css.ts === */
/* Generated from firepro\kit\M3Visual.system\lvl1\OutlinedSelect.package\OutlinedSelect.css.ts */
.outlinedSelect_1f8zdt {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.outlinedSelectBody_x4yphh {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
  min-width: 0;
  padding-inline: 1rem;
}

.outlinedSelectChevron_f35qim {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  margin-inline: 0.75rem;
  color: rgb(var(--on-surface-variant));
  transition: transform 0.15s ease, color 0.15s ease;
}

.outlinedSelectChevron_f35qim.open_f35qim {
  transform: rotate(180deg);
}

.outlinedSelectChevron_f35qim.focused_f35qim {
  color: rgb(var(--primary));
}

.outlinedSelectChevron_f35qim.disabled_f35qim {
  color: color-mix(in srgb, rgb(var(--on-surface)) 38%, transparent);
}

.outlinedSelectField_o6etuu {
  position: relative;
  display: flex;
  align-items: stretch;
  width: 100%;
  height: 3.5rem;
  background: transparent;
  border-radius: 0.75rem;
  border: 0.0625rem solid rgb(var(--outline));
  color: rgb(var(--on-surface));
  cursor: pointer;
  outline: 0.0625rem solid transparent;
  outline-offset: calc(-1 * 0.0625rem);
  transition: border-color 0.15s ease, outline-color 0.15s ease;
}

.outlinedSelectField_o6etuu:hover {
  border-color: rgb(var(--on-surface));
}

.outlinedSelectField_o6etuu.focused_o6etuu {
  border-color: rgb(var(--primary));
  outline-color: rgb(var(--primary));
}

.outlinedSelectField_o6etuu.disabled_o6etuu {
  cursor: not-allowed;
  border-color: color-mix(in srgb, rgb(var(--on-surface)) 12%, transparent);
}

.outlinedSelectIcon_rsmz9j {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  margin-inline: 0.75rem;
  color: rgb(var(--on-surface-variant));
  flex-shrink: 0;
  align-self: center;
}

.outlinedSelectIcon_rsmz9j.disabled_rsmz9j {
  color: color-mix(in srgb, rgb(var(--on-surface)) 38%, transparent);
}

.outlinedSelectLabel_qdla5t {
  position: absolute;
  left: 1rem;
  top: 50%;
  transform-origin: left top;
  transform: translateY(-50%);
  font-family: var(--kit-font, -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  letter-spacing: -0.01em;
  color: rgb(var(--on-surface-variant));
  pointer-events: none;
  white-space: nowrap;
  transition: transform 0.15s ease, font-size 0.15s ease, color 0.15s ease;
}

.outlinedSelectLabel_qdla5t.populated_qdla5t {
  top: 0;
  transform: translateY(-50%);
  padding-inline: 0.25rem;
  margin-inline: calc(0.25rem * -1);
  background: rgb(var(--surface));
  color: rgb(var(--on-surface-variant));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
  font-size: 0.75rem;
  line-height: 1rem;
}

.outlinedSelectLabel_qdla5t.focused_qdla5t {
  color: rgb(var(--primary));
}

.outlinedSelectLabel_qdla5t.disabled_qdla5t {
  color: color-mix(in srgb, rgb(var(--on-surface)) 38%, transparent);
}

.outlinedSelectSupporting_g5zwij {
  display: block;
  margin-top: 0.25rem;
  margin-inline: 1rem;
  font-family: var(--kit-font, -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  letter-spacing: -0.01em;
  color: rgb(var(--on-surface-variant));
}

.outlinedSelectSupporting_g5zwij.disabled_g5zwij {
  color: color-mix(in srgb, rgb(var(--on-surface)) 38%, transparent);
}

.outlinedSelectValue_j1bnc {
  display: grid;
  min-width: 0;
}

.outlinedSelectValueSizer_3x47ic {
  grid-column: 1;
  grid-row: 1;
  visibility: hidden;
  white-space: nowrap;
  pointer-events: none;
  font-family: var(--kit-font, -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  letter-spacing: -0.01em;
}

.outlinedSelectValueText_iq67cq {
  grid-column: 1;
  grid-row: 1;
  min-width: 0;
  color: rgb(var(--on-surface));
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: var(--kit-font, -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  letter-spacing: -0.01em;
}

.outlinedSelectValueText_iq67cq.placeholder_iq67cq {
  color: var(--on-color-variant, var(--on-color));
}

.outlinedSelectValueText_iq67cq.disabled_iq67cq {
  color: color-mix(in srgb, rgb(var(--on-surface)) 38%, transparent);
}

@media (prefers-reduced-motion:reduce) {
  .outlinedSelectChevron_f35qim {
    transition: none;
  }

  .outlinedSelectField_o6etuu {
    transition: none;
  }

  .outlinedSelectLabel_qdla5t {
    transition: none;
  }

}

/* === CanvasBox.css.ts === */
/* Generated from firepro\kit\Primitives.system\lvl0\CanvasBox.package\CanvasBox.css.ts */
.canvasBox_41v2c6 {
  position: relative;
  overflow: hidden;
  flex: 1 1 0;
  min-width: 0;
  min-height: 0;
  box-sizing: border-box;
}

.canvasBoxSurface_5ezmij {
  position: absolute;
  inset: 0;
}

/* === FlameMark.css.ts === */
/* Generated from firepro\kit\Primitives.system\lvl0\FlameMark.package\FlameMark.css.ts */
.flameMark_ku4m2n {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 0.5rem;
  background: rgb(var(--primary));
  color: rgb(var(--on-primary));
  --on-color: rgb(var(--on-primary));
}

.flameMark_ku4m2n.sm_ku4m2n {
  width: 2rem;
  height: 2rem;
}

.flameMarkGlyph_fbdkop {
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  fill: currentColor;
}

.flameMarkGlyph_fbdkop.sm_fbdkop {
  width: 1rem;
  height: 1rem;
}

/* === GoogleG.css.ts === */
/* Generated from firepro\kit\Primitives.system\lvl0\GoogleG.package\GoogleG.css.ts */
.googleG_p47qog {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
}

.googleGSvg_klp4lw {
  display: block;
  width: 100%;
  height: 100%;
}

/* === Icon.css.ts === */
/* Generated from firepro\kit\Primitives.system\lvl0\Icon.package\Icon.css.ts */
.icon_xqz3j8 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: currentColor;
  width: 1.5rem;
  height: 1.5rem;
  user-select: none;
}

.icon_xqz3j8.xs_xqz3j8 {
  width: 1rem;
  height: 1rem;
}

.icon_xqz3j8.sm_xqz3j8 {
  width: 1.25rem;
  height: 1.25rem;
}

.icon_xqz3j8.lg_xqz3j8 {
  width: 2.25rem;
  height: 2.25rem;
}

.icon_xqz3j8.xl_xqz3j8 {
  width: 3rem;
  height: 3rem;
}

.icon_xqz3j8.primary_xqz3j8 {
  color: rgb(var(--primary));
}

.icon_xqz3j8.onPrimary_xqz3j8 {
  color: rgb(var(--on-primary));
}

.icon_xqz3j8.primaryContainer_xqz3j8 {
  color: rgb(var(--primary-container));
}

.icon_xqz3j8.onPrimaryContainer_xqz3j8 {
  color: rgb(var(--on-primary-container));
}

.icon_xqz3j8.secondary_xqz3j8 {
  color: rgb(var(--secondary));
}

.icon_xqz3j8.onSecondary_xqz3j8 {
  color: rgb(var(--on-secondary));
}

.icon_xqz3j8.secondaryContainer_xqz3j8 {
  color: rgb(var(--secondary-container));
}

.icon_xqz3j8.onSecondaryContainer_xqz3j8 {
  color: rgb(var(--on-secondary-container));
}

.icon_xqz3j8.tertiary_xqz3j8 {
  color: rgb(var(--tertiary));
}

.icon_xqz3j8.onTertiary_xqz3j8 {
  color: rgb(var(--on-tertiary));
}

.icon_xqz3j8.tertiaryContainer_xqz3j8 {
  color: rgb(var(--tertiary-container));
}

.icon_xqz3j8.onTertiaryContainer_xqz3j8 {
  color: rgb(var(--on-tertiary-container));
}

.icon_xqz3j8.surface_xqz3j8 {
  color: rgb(var(--surface));
}

.icon_xqz3j8.onSurface_xqz3j8 {
  color: rgb(var(--on-surface));
}

.icon_xqz3j8.surfaceVariant_xqz3j8 {
  color: rgb(var(--surface-variant));
}

.icon_xqz3j8.onSurfaceVariant_xqz3j8 {
  color: rgb(var(--on-surface-variant));
}

.icon_xqz3j8.surfaceContainerLowest_xqz3j8 {
  color: rgb(var(--surface-container-lowest));
}

.icon_xqz3j8.surfaceContainerLow_xqz3j8 {
  color: rgb(var(--surface-container-low));
}

.icon_xqz3j8.surfaceContainer_xqz3j8 {
  color: rgb(var(--surface-container));
}

.icon_xqz3j8.surfaceContainerHigh_xqz3j8 {
  color: rgb(var(--surface-container-high));
}

.icon_xqz3j8.surfaceContainerHighest_xqz3j8 {
  color: rgb(var(--surface-container-highest));
}

.icon_xqz3j8.outline_xqz3j8 {
  color: rgb(var(--outline));
}

.icon_xqz3j8.outlineVariant_xqz3j8 {
  color: rgb(var(--outline-variant));
}

.icon_xqz3j8.inverseSurface_xqz3j8 {
  color: rgb(var(--inverse-surface));
}

.icon_xqz3j8.inverseOnSurface_xqz3j8 {
  color: rgb(var(--inverse-on-surface));
}

.icon_xqz3j8.inversePrimary_xqz3j8 {
  color: rgb(var(--inverse-primary));
}

.icon_xqz3j8.shadow_xqz3j8 {
  color: rgb(var(--shadow));
}

.icon_xqz3j8.scrim_xqz3j8 {
  color: rgb(var(--scrim));
}

.icon_xqz3j8.error_xqz3j8 {
  color: rgb(var(--error));
}

.icon_xqz3j8.onError_xqz3j8 {
  color: rgb(var(--on-error));
}

.icon_xqz3j8.errorContainer_xqz3j8 {
  color: rgb(var(--error-container));
}

.icon_xqz3j8.onErrorContainer_xqz3j8 {
  color: rgb(var(--on-error-container));
}

.icon_xqz3j8.warning_xqz3j8 {
  color: rgb(var(--warning));
}

.icon_xqz3j8.onWarning_xqz3j8 {
  color: rgb(var(--on-warning));
}

.icon_xqz3j8.warningContainer_xqz3j8 {
  color: rgb(var(--warning-container));
}

.icon_xqz3j8.onWarningContainer_xqz3j8 {
  color: rgb(var(--on-warning-container));
}

.icon_xqz3j8.success_xqz3j8 {
  color: rgb(var(--success));
}

.icon_xqz3j8.onSuccess_xqz3j8 {
  color: rgb(var(--on-success));
}

.icon_xqz3j8.successContainer_xqz3j8 {
  color: rgb(var(--success-container));
}

.icon_xqz3j8.onSuccessContainer_xqz3j8 {
  color: rgb(var(--on-success-container));
}

.icon_xqz3j8.info_xqz3j8 {
  color: rgb(var(--info));
}

.icon_xqz3j8.onInfo_xqz3j8 {
  color: rgb(var(--on-info));
}

.icon_xqz3j8.infoContainer_xqz3j8 {
  color: rgb(var(--info-container));
}

.icon_xqz3j8.onInfoContainer_xqz3j8 {
  color: rgb(var(--on-info-container));
}

.iconSvg_ghgevv {
  display: block;
  width: 100%;
  height: 100%;
  fill: currentColor;
}

/* === Image.css.ts === */
/* Generated from firepro\kit\Primitives.system\lvl0\Image.package\Image.css.ts */
@keyframes kitImageShimmer {
  from {
    background-position: 200% 0;
  }

  to {
    background-position: -200% 0;
  }

}

.image_4om3de {
  position: relative;
  display: block;
  overflow: hidden;
  flex-shrink: 0;
}

.image_4om3de.fill_4om3de {
  width: 100%;
  height: 100%;
}

.imageCurrent_l9acuh {
  display: block;
  width: 100%;
  height: auto;
  opacity: 0;
  transition: opacity 300ms cubic-bezier(0, 0, 1, 1);
}

.imageCurrent_l9acuh.fill_l9acuh {
  position: absolute;
  inset: 0;
  height: 100%;
}

.imageCurrent_l9acuh.loaded_l9acuh {
  opacity: 1;
}

.imagePrev_c2j2sn {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0;
  transition: opacity 300ms cubic-bezier(0.2, 0, 0, 1), filter 300ms cubic-bezier(0.2, 0, 0, 1);
}

.imagePrev_c2j2sn.present_c2j2sn {
  opacity: 1;
}

.imagePrev_c2j2sn.blurred_c2j2sn {
  filter: blur(12px);
  transform: scale(1.06);
}

.imageSkeleton_ig5geh {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  background: rgb(var(--surface-container-highest));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
  background-image: linear-gradient(90deg, transparent 0%, rgb(var(--surface-container-high)) 50%, transparent 100%);
  background-size: 200% 100%;
  background-repeat: no-repeat;
}

.imageSkeleton_ig5geh.visible_ig5geh {
  opacity: 1;
  animation: kitImageShimmer 1000ms cubic-bezier(0, 0, 1, 1) infinite;
}

.imageSkeleton_ig5geh.still_ig5geh {
  animation: none;
}

@media (prefers-reduced-motion:reduce) {
  .imageCurrent_l9acuh {
    transition: none;
  }

  .imagePrev_c2j2sn {
    transition: none;
  }

  .imageSkeleton_ig5geh.visible_ig5geh {
    animation: none;
  }

}

/* === Option.css.ts === */
/* Generated from firepro\kit\Primitives.system\lvl0\Option.package\Option.css.ts */
.option_bfwywb {
  --state-layer-opacity: 0;

  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  min-height: 3rem;
  padding: 0.5rem 1rem;
  cursor: pointer;
  white-space: nowrap;
  font-size: 1rem;
  border-radius: 0.25rem;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
  --state-layer-opacity: 0;
}

.option_bfwywb::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--state-layer-color, rgb(var(--on-surface)));
  opacity: var(--state-layer-opacity, 0);
  pointer-events: none;
  transition: opacity 150ms cubic-bezier(0.2, 0, 0, 1);
}

.option_bfwywb:hover {
  --state-layer-opacity: 0.08;
}

.option_bfwywb:focus-visible {
  outline: 2px solid rgb(var(--tertiary));
  outline-offset: 2px;
  --state-layer-opacity: 0.1;
}

.option_bfwywb:active {
  --state-layer-opacity: 0.1;
}

[data-kit-dense] .option_bfwywb {
  min-height: 2.5rem;
}

.option_bfwywb.highlighted_bfwywb {
  --state-layer-opacity: 0.08;
}

.option_bfwywb.selected_bfwywb {
  background: rgb(var(--surface-container-highest));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
}

.optionDescription_jaxrb {
  font-size: 0.75rem;
  color: var(--on-color-variant, var(--on-color));
  margin-left: 0.5rem;
}

@media (prefers-reduced-motion:reduce) {
  .option_bfwywb {
    transition: none;
    animation: none;
  }

}

/* === OverlayHost.css.ts === */
/* Generated from firepro\kit\Primitives.system\lvl0\OverlayHost.package\OverlayHost.css.ts */
.overlayHostBackdrop_66reb {

  --fire-mount-token: fireMount:cLgCtF4stt-S_Gc-19gJdCPwyBjhU1akmZLf43JhwH0;
  --fire-cleanup-token: fireCleanup:vE_rq7joitCz5EjVjIki21cq20YG4sg83NS_ez8tHg0;
  position: fixed;
  inset-inline: 0;
  inset-block-start: calc(var(--overlay-host-top-steps, 0) * 0.5rem);
  inset-block-end: 0;
  display: flex;
  background: rgb(var(--scrim) / 0.42);
  touch-action: none;
  overscroll-behavior: contain;
  z-index: 1000;
  transition: opacity 200ms cubic-bezier(0.32, 0.72, 0, 1);
}

.overlayHostBackdrop_66reb.center_66reb {
  align-items: center;
  justify-content: center;
}

.overlayHostBackdrop_66reb.inlineStart_66reb {
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
}

.overlayHostBackdrop_66reb.inlineEnd_66reb {
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-end;
}

.overlayHostBackdrop_66reb.blockEnd_66reb {
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-end;
}

.overlayHostBackdropContained_u9kjew {

  --fire-mount-token: fireMount:cLgCtF4stt-S_Gc-19gJdCPwyBjhU1akmZLf43JhwH0;
  --fire-cleanup-token: fireCleanup:vE_rq7joitCz5EjVjIki21cq20YG4sg83NS_ez8tHg0;
  position: absolute;
  inset: 0;
  display: flex;
  align-items: stretch;
  background: rgb(var(--scrim) / 0.42);
  touch-action: none;
  overscroll-behavior: contain;
  z-index: 1;
  transition: opacity 200ms cubic-bezier(0.32, 0.72, 0, 1);
}

.overlayHostFade_9zt1t8 {

  --fire-mount-token: fireMount:_YHJo6k0Qs3jVMfm8a4dfk2KEEMgebb-inmG4biTvFQ;
  --fire-cleanup-token: fireCleanup:I7dX8oYkclkGFoTOUb33olUoJ-65YrdnldjH9GaHNNQ;
  transition: opacity 250ms cubic-bezier(0.32, 0.72, 0, 1), transform 250ms cubic-bezier(0.32, 0.72, 0, 1);
}

.overlayHostPanel_doipch {
  display: flex;
  flex-direction: column;
  min-height: 0;
  max-block-size: 100%;
  box-sizing: border-box;
}

.overlayHostPanel_doipch.fill_doipch {
  flex: 1;
  min-width: 0;
}

.overlayHostSlideBottom_wmm836 {

  --fire-mount-token: fireMount:T4KmPUWbaMheL2A5mXfRdGkSeL0SxB7R7bBiRFwaWro;
  --fire-cleanup-token: fireCleanup:m7sn_K990RG7CYyczYkkR6EK4mbV6eqODs4316oOwR0;
  transition: transform 250ms cubic-bezier(0.32, 0.72, 0, 1);
}

.overlayHostSlideEnd_kfp4lu {

  --fire-mount-token: fireMount:iygZTDrSvbD9pASk6sY8rhnyaWNVSCU40BobtnW8ZsU;
  --fire-cleanup-token: fireCleanup:C1I7u8xoI7UFuDgc2rOvF42wuf19Vu1yhpfCS_e31E0;
  transition: transform 250ms cubic-bezier(0.32, 0.72, 0, 1);
}

.overlayHostSlideStart_i9ynqu {

  --fire-mount-token: fireMount:n47ZehhciV8vo1HPWMRLlXk2m_9wN5lsqftBhuku6pk;
  --fire-cleanup-token: fireCleanup:XEqsrAoLWxjL5IAHmBdeKRra0HASoW5fiCIOKhy6nzg;
  transition: transform 250ms cubic-bezier(0.32, 0.72, 0, 1);
}

@media (prefers-reduced-motion:reduce) {
  .overlayHostBackdrop_66reb {
    transition: none;
    animation: none;
  }

  .overlayHostBackdropContained_u9kjew {
    transition: none;
    animation: none;
  }

  .overlayHostFade_9zt1t8 {
    transition: none;
    animation: none;
  }

  .overlayHostSlideBottom_wmm836 {
    transition: none;
    animation: none;
  }

  .overlayHostSlideEnd_kfp4lu {
    transition: none;
    animation: none;
  }

  .overlayHostSlideStart_i9ynqu {
    transition: none;
    animation: none;
  }

}

/* === Popover.css.ts === */
/* Generated from firepro\kit\Primitives.system\lvl0\Popover.package\Popover.css.ts */
.popover_xmoepa {
  display: block;
  width: 100%;
  height: 0;
}

.popoverSurface_i4uc0c {
  max-height: calc(100vh - 4rem);
  overflow-y: auto;
  margin-top: 0.25rem;
  padding: 0.25rem;
  background: rgb(var(--surface-container));
  color: rgb(var(--on-surface));
  --on-color: rgb(var(--on-surface));
  --on-color-variant: rgb(var(--on-surface-variant));
  border-radius: 0.25rem;
  z-index: 100;
  box-shadow: 0 4px 12px rgba(0,0,0,0.20), 0 1px 3px rgba(0,0,0,0.12);
  transform-origin: top center;
  transition: opacity 200ms cubic-bezier(0.2, 0, 0, 1), transform 200ms cubic-bezier(0.2, 0, 0, 1);
}

.popoverSurface_i4uc0c.bare_i4uc0c {
  padding: 0;
  background-color: transparent;
  border-radius: 0rem;
  box-shadow: none;
  pointer-events: none;
}

@media (prefers-reduced-motion:reduce) {
  .popoverSurface_i4uc0c {
    transition: opacity 100ms cubic-bezier(0.2, 0, 0, 1);
  }

}