/* node_modules/@angular/cdk/overlay-prebuilt.css */
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  display: flex;
  max-width: 100%;
  max-height: 100%;
  z-index: 1000;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  opacity: 0;
  touch-action: manipulation;
  z-index: 1000;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
@media (prefers-reduced-motion) {
  .cdk-overlay-backdrop {
    transition-duration: 1ms;
  }
}
.cdk-overlay-backdrop-showing {
  opacity: 1;
}
@media (forced-colors: active) {
  .cdk-overlay-backdrop-showing {
    opacity: 0.6;
  }
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,
.cdk-high-contrast-active .cdk-overlay-transparent-backdrop {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
  z-index: 1000;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
.cdk-overlay-popover {
  background: none;
  border: none;
  padding: 0;
  outline: 0;
  overflow: visible;
  position: fixed;
  pointer-events: none;
  white-space: normal;
  color: inherit;
  text-decoration: none;
  width: 100%;
  height: 100%;
  inset: auto;
  top: 0;
  left: 0;
}
.cdk-overlay-popover::backdrop {
  display: none;
}
.cdk-overlay-popover .cdk-overlay-backdrop {
  position: fixed;
  z-index: auto;
}

/* node_modules/@ss/ui/theme.css */
:root {
  color-scheme: light;
  --sk-font-family: inherit;
  --sk-font-size-xs: 0.75rem;
  --sk-font-size-sm: 0.8125rem;
  --sk-font-size-md: 0.875rem;
  --sk-font-size-lg: 1rem;
  --sk-font-weight-normal: 400;
  --sk-font-weight-medium: 500;
  --sk-font-weight-semibold: 600;
  --sk-font-weight-bold: 700;
  --sk-line-height-tight: 1.1;
  --sk-line-height-normal: 1.4;
  --sk-line-height-relaxed: 1.6;
  --sk-color-primary: #3f6fdf;
  --sk-color-primary-hover: #315fcf;
  --sk-color-primary-active: #2c54b9;
  --sk-color-primary-subtle: color-mix( in srgb, var(--sk-color-primary) 10%, var(--sk-color-surface) );
  --sk-color-on-primary: #fff;
  --sk-color-secondary: #edf3fb;
  --sk-color-success: #4bc98a;
  --sk-color-info: #62b9ef;
  --sk-color-warning: #f4b740;
  --sk-color-danger: #c53030;
  --sk-color-danger-strong: #b42318;
  --sk-color-contrast: #26364b;
  --sk-color-error: #b42318;
  --sk-color-text: #26364b;
  --sk-color-text-strong: #31547f;
  --sk-color-text-secondary: #546b87;
  --sk-color-text-muted: #5d6f89;
  --sk-color-text-disabled: color-mix(in srgb, var(--sk-color-text) 55%, transparent);
  --sk-color-surface: #fff;
  --sk-color-surface-page: #f5f7fb;
  --sk-color-sidebar: #121b2a;
  --sk-color-surface-subtle: #edf3fb;
  --sk-color-surface-disabled: #f4f7fb;
  --sk-color-border: #c7d4e5;
  --sk-color-border-subtle: #dce5f0;
  --sk-color-divider: #e8eef6;
  --sk-color-track: #e6edf6;
  --sk-scrollbar-thumb: color-mix(in srgb, var(--sk-color-text-muted) 50%, transparent);
  --sk-scrollbar-size: 6px;
  --sk-tab-scrollbar-size: 4px;
  --sk-color-backdrop: rgb(22 39 61 / 32%);
  --sk-appearance-primary-background: var(--sk-color-primary);
  --sk-appearance-primary-foreground: var(--sk-color-on-primary);
  --sk-appearance-primary-emphasis: var(--sk-color-primary-hover);
  --sk-appearance-secondary-background: var(--sk-color-surface-subtle);
  --sk-appearance-secondary-foreground: var(--sk-color-text-strong);
  --sk-appearance-secondary-emphasis: var(--sk-color-text-strong);
  --sk-appearance-success-background: var(--sk-color-success);
  --sk-appearance-success-foreground: var(--sk-color-contrast);
  --sk-appearance-success-emphasis: #167347;
  --sk-appearance-info-background: var(--sk-color-info);
  --sk-appearance-info-foreground: var(--sk-color-contrast);
  --sk-appearance-info-emphasis: #166789;
  --sk-appearance-warning-background: var(--sk-color-warning);
  --sk-appearance-warning-foreground: var(--sk-color-contrast);
  --sk-appearance-warning-emphasis: #8a5a00;
  --sk-appearance-danger-background: var(--sk-color-danger);
  --sk-appearance-danger-foreground: var(--sk-color-surface);
  --sk-appearance-danger-emphasis: var(--sk-color-danger-strong);
  --sk-appearance-contrast-background: var(--sk-color-contrast);
  --sk-appearance-contrast-foreground: var(--sk-color-surface);
  --sk-appearance-contrast-emphasis: var(--sk-color-contrast);
  --sk-appearance-neutral-background: var(--sk-color-surface-subtle);
  --sk-appearance-neutral-foreground: var(--sk-color-text);
  --sk-appearance-neutral-emphasis: var(--sk-color-text-secondary);
  --sk-space-1: 0.25rem;
  --sk-space-2: 0.5rem;
  --sk-space-3: 0.75rem;
  --sk-space-4: 1rem;
  --sk-space-5: 1.25rem;
  --sk-space-6: 1.5rem;
  --sk-space-7: 2rem;
  --sk-space-8: 2.5rem;
  --sk-radius-xs: 0.25rem;
  --sk-radius-sm: 0.375rem;
  --sk-radius-md: 0.5rem;
  --sk-radius-lg: 0.625rem;
  --sk-radius-xl: 0.75rem;
  --sk-radius-pill: 999px;
  --sk-radius-control: 0.375rem;
  --sk-radius-button: 0.4375rem;
  --sk-density-control-height-xs: 2rem;
  --sk-density-control-height-sm: 2.25rem;
  --sk-density-control-height-md: 2.375rem;
  --sk-density-control-height-lg: 2.75rem;
  --sk-density-control-padding-inline: 0.75rem;
  --sk-density-control-padding-block: 0.5rem;
  --sk-density-menu-option-min-height: 2rem;
  --sk-density-menu-option-padding-block: 0.375rem;
  --sk-control-height-xs: var(--sk-density-control-height-xs);
  --sk-control-height-sm: var(--sk-density-control-height-sm);
  --sk-control-height-md: var(--sk-density-control-height-md);
  --sk-control-height-lg: var(--sk-density-control-height-lg);
  --sk-control-padding-inline: var(--sk-density-control-padding-inline);
  --sk-control-padding-block: var(--sk-density-control-padding-block);
  --sk-control-font-size-sm: var(--sk-font-size-sm);
  --sk-control-font-size-md: var(--sk-font-size-md);
  --sk-control-font-size-lg: var(--sk-font-size-lg);
  --sk-control-border-width: 1px;
  --sk-control-focus-width: 3px;
  --sk-control-disabled-opacity: 0.65;
  --sk-button-disabled-opacity: 0.55;
  --sk-state-hover-background: color-mix( in srgb, var(--sk-color-primary) 6%, var(--sk-color-surface) );
  --sk-state-active-background: color-mix( in srgb, var(--sk-color-primary) 11%, var(--sk-color-surface) );
  --sk-state-hover-border: color-mix(in srgb, var(--sk-color-primary) 42%, var(--sk-color-border));
  --sk-state-active-border: var(--sk-color-primary);
  --sk-state-focus-border: var(--sk-color-primary);
  --sk-state-focus-shadow: var(--sk-shadow-focus);
  --sk-state-disabled-background: var(--sk-color-surface-disabled);
  --sk-state-disabled-color: var(--sk-color-text-disabled);
  --sk-state-disabled-opacity: var(--sk-control-disabled-opacity);
  --sk-control-check-size: 1rem;
  --sk-control-check-icon-size: 0.875rem;
  --sk-control-accent: var(--sk-color-primary);
  --sk-toggle-width: 2.625rem;
  --sk-toggle-height: 1.5rem;
  --sk-toggle-thumb-size: 1.25rem;
  --sk-toggle-track-padding: 2px;
  --sk-toggle-radius: var(--sk-radius-pill);
  --sk-toggle-track-off: var(--sk-color-border);
  --sk-toggle-track-on: var(--sk-color-primary);
  --sk-toggle-thumb: var(--sk-color-surface);
  --sk-toggle-label-gap: var(--sk-space-2);
  --sk-toggle-label-color: var(--sk-color-text);
  --sk-toggle-disabled-opacity: var(--sk-control-disabled-opacity);
  --sk-toggle-thumb-shadow: 0 1px 3px rgb(28 52 82 / 26%);
  --sk-toggle-focus-shadow: var(--sk-shadow-focus);
  --sk-shadow-dropdown: 0 0.5rem 1.375rem rgb(28 52 82 / 16%);
  --sk-shadow-toast: 0 0.5rem 1.5rem rgb(28 52 82 / 16%);
  --sk-shadow-drawer: 0 0.625rem 2.1875rem rgb(28 52 82 / 18%);
  --sk-shadow-dialog: 0 1.25rem 3.125rem rgb(28 52 82 / 24%);
  --sk-shadow-focus: 0 0 0 3px color-mix(in srgb, var(--sk-color-primary) 20%, transparent);
  --sk-motion-duration-fast: 110ms;
  --sk-motion-duration-normal: 170ms;
  --sk-motion-duration-slow: 240ms;
  --sk-motion-ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --sk-motion-ease-enter: cubic-bezier(0.16, 1, 0.3, 1);
  --sk-motion-ease-leave: cubic-bezier(0.4, 0, 1, 1);
  --sk-motion-control: var(--sk-motion-duration-fast) var(--sk-motion-ease-standard);
  --sk-motion-popover-enter: 140ms var(--sk-motion-ease-enter);
  --sk-motion-popover-leave: 100ms var(--sk-motion-ease-leave);
  --sk-motion-overlay-enter: 190ms var(--sk-motion-ease-enter);
  --sk-motion-overlay-leave: 140ms var(--sk-motion-ease-leave);
  --sk-motion-toast-enter: 220ms var(--sk-motion-ease-enter);
  --sk-motion-toast-leave: 160ms var(--sk-motion-ease-leave);
  --sk-transition-fast: var(--sk-motion-control);
  --sk-transition-normal: var(--sk-motion-duration-normal) var(--sk-motion-ease-standard);
  --sk-transition-slow: var(--sk-motion-duration-slow) var(--sk-motion-ease-standard);
  --sk-transition-control: var(--sk-motion-control);
  --sk-transition-popover: var(--sk-motion-popover-enter);
  --sk-transition-overlay: var(--sk-motion-overlay-enter);
  --sk-input-transition: var(--sk-transition-control);
  --sk-input-focus-border: var(--sk-state-focus-border);
  --sk-input-focus-shadow: var(--sk-state-focus-shadow);
  --sk-input-hover-border: var(--sk-state-hover-border);
  --sk-input-active-border: var(--sk-state-active-border);
  --sk-input-disabled-background: var(--sk-state-disabled-background);
  --sk-input-disabled-color: var(--sk-state-disabled-color);
  --sk-input-invalid-border: var(--sk-color-error);
  --sk-date-picker-animation: var(--sk-transition-overlay);
  --sk-date-picker-icon-color: var(--sk-color-text-muted);
  --sk-date-picker-icon-size: 1rem;
  --sk-date-picker-icon-button-width: 1.75rem;
  --sk-transition-spinner: 0.8s linear infinite;
  --sk-z-dropdown: 10;
  --sk-z-dialog: 1000;
  --sk-z-toast: 1100;
  --sk-z-tooltip: 3000;
  --sk-button-height: var(--sk-control-height-md);
  --sk-button-height-sm: var(--sk-control-height-xs);
  --sk-button-height-lg: var(--sk-control-height-lg);
  --sk-button-padding-inline-sm: 0.75rem;
  --sk-button-padding-inline-lg: 1.25rem;
  --sk-button-font-size-sm: var(--sk-font-size-sm);
  --sk-button-padding-inline: 1rem;
  --sk-button-gap: var(--sk-space-2);
  --sk-button-radius: var(--sk-radius-button);
  --sk-button-font-weight: var(--sk-font-weight-medium);
  --sk-button-spinner-size: 0.875rem;
  --sk-button-spinner-animation: 0.7s linear infinite;
  --sk-badge-height: 1.375rem;
  --sk-badge-height-sm: 1.125rem;
  --sk-badge-height-lg: 1.625rem;
  --sk-badge-padding-block: 0.1875rem;
  --sk-badge-padding-inline: 0.5rem;
  --sk-badge-padding-block-sm: 0.125rem;
  --sk-badge-padding-inline-sm: 0.375rem;
  --sk-badge-padding-block-lg: 0.25rem;
  --sk-badge-padding-inline-lg: 0.625rem;
  --sk-badge-font-size: var(--sk-font-size-xs);
  --sk-badge-font-size-sm: 0.6875rem;
  --sk-badge-font-size-lg: var(--sk-font-size-sm);
  --sk-badge-font-weight: var(--sk-font-weight-semibold);
  --sk-badge-line-height: var(--sk-line-height-tight);
  --sk-badge-radius: var(--sk-radius-pill);
  --sk-badge-border-width: 1px;
  --sk-chip-height: 1.75rem;
  --sk-chip-height-sm: 1.5rem;
  --sk-chip-height-lg: 2rem;
  --sk-chip-padding-block: 0.25rem;
  --sk-chip-padding-inline: 0.625rem;
  --sk-chip-padding-block-sm: 0.1875rem;
  --sk-chip-padding-inline-sm: 0.5rem;
  --sk-chip-padding-block-lg: 0.375rem;
  --sk-chip-padding-inline-lg: 0.75rem;
  --sk-chip-font-size-sm: var(--sk-font-size-xs);
  --sk-chip-font-size-lg: var(--sk-font-size-md);
  --sk-chip-gap: 0.375rem;
  --sk-chip-radius: var(--sk-radius-pill);
  --sk-chip-border-width: 1px;
  --sk-chip-remove-width: 1.625rem;
  --sk-chip-remove-padding-inline: 0.375rem;
  --sk-chip-remove-font-size: 1rem;
  --sk-chip-selected-ring-width: 1px;
  --sk-chip-disabled-opacity: var(--sk-state-disabled-opacity);
  --sk-input-background: var(--sk-color-surface);
  --sk-checkbox-size: 18px;
  --sk-checkbox-radius: 5px;
  --sk-checkbox-gap: var(--sk-space-2);
  --sk-checkbox-icon-size: 12px;
  --sk-checkbox-background: var(--sk-color-surface);
  --sk-checkbox-border-width: 1.5px;
  --sk-checkbox-border-color: color-mix( in srgb, var(--sk-color-text-muted) 42%, var(--sk-color-surface) );
  --sk-checkbox-border: var(--sk-checkbox-border-width) solid var(--sk-checkbox-border-color);
  --sk-checkbox-shadow: 0 1px 2px rgb(22 39 61 / 8%);
  --sk-checkbox-hover-background: color-mix( in srgb, var(--sk-color-primary) 6%, var(--sk-color-surface) );
  --sk-checkbox-hover-border: var(--sk-color-primary);
  --sk-checkbox-hover-shadow: 0 0 0 3px color-mix(in srgb, var(--sk-color-primary) 10%, transparent);
  --sk-checkbox-checked-background: var(--sk-color-primary);
  --sk-checkbox-checked-border: var(--sk-color-primary);
  --sk-checkbox-checked-shadow: 0 1px 3px color-mix(in srgb, var(--sk-color-primary) 20%, transparent);
  --sk-checkbox-check-color: var(--sk-color-on-primary);
  --sk-checkbox-label-color: var(--sk-color-text);
  --sk-checkbox-focus-shadow: var(--sk-state-focus-shadow);
  --sk-checkbox-active-scale: 0.92;
  --sk-checkbox-disabled-opacity: var(--sk-state-disabled-opacity);
  --sk-input-inner-background: transparent;
  --sk-input-slot-background: transparent;
  --sk-input-slot-color: var(--sk-color-text-muted);
  --sk-input-slot-gap: 0.375rem;
  --sk-input-slot-icon-size: 0.875rem;
  --sk-input-border-width: var(--sk-control-border-width);
  --sk-input-border: var(--sk-control-border-width) solid var(--sk-color-border);
  --sk-input-radius: var(--sk-radius-control);
  --sk-input-color: var(--sk-color-text);
  --sk-input-placeholder-color: var(--sk-color-text-muted);
  --sk-input-placeholder-font-size: var(--sk-font-size-md);
  --sk-input-placeholder-font-weight: var(--sk-font-weight-normal);
  --sk-input-action-size: 2rem;
  --sk-input-action-icon-size: 1rem;
  --sk-icon-action-hover-color: var(--sk-color-primary);
  --sk-input-height-sm: var(--sk-control-height-xs);
  --sk-input-height-md: var(--sk-control-height-md);
  --sk-input-height-lg: var(--sk-control-height-lg);
  --sk-input-height: var(--sk-input-height-md);
  --sk-input-padding-inline: var(--sk-control-padding-inline);
  --sk-input-padding-block: var(--sk-control-padding-block);
  --sk-input-line-height: 1.25;
  --sk-input-width: 100%;
  --sk-input-min-width: 0;
  --sk-input-max-width: 100%;
  --sk-input-spinner-size: 0.875rem;
  --sk-input-spinner-border-width: 2px;
  --sk-input-spinner-animation: 0.7s linear infinite;
  --sk-input-readonly-background: color-mix( in srgb, var(--sk-input-background) 94%, var(--sk-color-surface-disabled) );
  --sk-input-readonly-border-color: var(--sk-color-border);
  --sk-input-readonly-color: var(--sk-input-color);
  --sk-date-picker-input-padding-right: 2.5rem;
  --sk-date-range-calendar-gap: var(--sk-space-6);
  --sk-textarea-min-height: 5.25rem;
  --sk-field-gap: 0.375rem;
  --sk-field-header-gap: 0.125rem;
  --sk-field-disabled-opacity: 0.72;
  --sk-field-label-color: var(--sk-color-text-secondary);
  --sk-field-label-font-size: var(--sk-font-size-xs);
  --sk-field-label-font-weight: var(--sk-font-weight-normal);
  --sk-field-label-gap: var(--sk-space-1);
  --sk-field-description-color: var(--sk-color-text-muted);
  --sk-field-description-font-size: var(--sk-font-size-xs);
  --sk-field-description-font-weight: var(--sk-font-weight-normal);
  --sk-field-description-opacity: 1;
  --sk-field-meta-color: var(--sk-color-text-muted);
  --sk-field-meta-font-size: var(--sk-font-size-xs);
  --sk-field-meta-font-weight: var(--sk-font-weight-normal);
  --sk-field-meta-opacity: 1;
  --sk-field-error-color: var(--sk-color-error);
  --sk-field-error-font-weight: var(--sk-font-weight-normal);
  --sk-field-error-opacity: 1;
  --sk-field-control-rounded: var(--sk-radius-xl);
  --sk-field-control-gap: 0.625rem;
  --sk-field-slot-color: color-mix(in srgb, currentColor 72%, transparent);
  --sk-field-prefix-padding-start: 0.125rem;
  --sk-field-suffix-padding-end: 0.125rem;
  --sk-menu-background: var(--sk-color-surface);
  --sk-menu-border: var(--sk-control-border-width) solid var(--sk-color-border-subtle);
  --sk-menu-radius: var(--sk-radius-control);
  --sk-menu-shadow: var(--sk-shadow-dropdown);
  --sk-menu-color: var(--sk-color-text);
  --sk-menu-muted-color: var(--sk-color-text-muted);
  --sk-menu-min-width: 11.25rem;
  --sk-menu-max-height: 18rem;
  --sk-menu-padding: var(--sk-space-1);
  --sk-menu-gap: 0.125rem;
  --sk-menu-empty-padding: var(--sk-space-2) var(--sk-space-3);
  --sk-menu-option-padding: var(--sk-density-menu-option-padding-block) var(--sk-space-3);
  --sk-menu-option-radius: var(--sk-radius-xs);
  --sk-menu-option-gap: var(--sk-space-2);
  --sk-menu-option-font-size: var(--sk-font-size-md);
  --sk-menu-option-min-height: var(--sk-density-menu-option-min-height);
  --sk-menu-option-hover: var(--sk-state-hover-background);
  --sk-menu-option-active: var(--sk-state-active-background);
  --sk-menu-option-focus-shadow: inset 0 0 0 2px color-mix(in srgb, var(--sk-color-primary) 32%, transparent);
  --sk-menu-option-disabled-color: var(--sk-state-disabled-color);
  --sk-menu-option-disabled-opacity: var(--sk-state-disabled-opacity);
  --sk-menu-option-selected: color-mix( in srgb, var(--sk-color-primary) 10%, var(--sk-color-surface) );
  --sk-menu-option-selected-color: var(--sk-color-text-strong);
  --sk-menu-option-check-color: var(--sk-color-primary);
  --sk-menu-item-height: 2.125rem;
  --sk-dropdown-width: max-content;
  --sk-dropdown-min-width: 100%;
  --sk-dropdown-max-width: min(32rem, calc(100vw - 1rem));
  --sk-dropdown-max-height: var(--sk-menu-max-height);
  --sk-dropdown-offset: var(--sk-space-1);
  --sk-overlay-offset: var(--sk-dropdown-offset);
  --sk-overlay-panel-max-width: var(--sk-dropdown-max-width);
  --sk-select-panel-width: var(--sk-dropdown-width);
  --sk-select-panel-min-width: var(--sk-dropdown-min-width);
  --sk-select-panel-max-width: var(--sk-dropdown-max-width);
  --sk-select-panel-max-height: var(--sk-dropdown-max-height);
  --sk-autocomplete-panel-width: var(--sk-dropdown-width);
  --sk-autocomplete-panel-min-width: var(--sk-dropdown-min-width);
  --sk-autocomplete-panel-max-width: var(--sk-dropdown-max-width);
  --sk-autocomplete-panel-max-height: var(--sk-dropdown-max-height);
  --sk-autocomplete-max-height: var(--sk-autocomplete-panel-max-height);
  --sk-multi-select-panel-width: var(--sk-dropdown-width);
  --sk-multi-select-panel-min-width: var(--sk-dropdown-min-width);
  --sk-multi-select-panel-max-width: var(--sk-dropdown-max-width);
  --sk-multi-select-panel-max-height: var(--sk-dropdown-max-height);
  --sk-panel-background: var(--sk-color-surface);
  --sk-panel-border: var(--sk-control-border-width) solid var(--sk-color-border-subtle);
  --sk-panel-radius: var(--sk-radius-md);
  --sk-panel-header-padding: var(--sk-space-3) var(--sk-space-4);
  --sk-panel-content-padding: var(--sk-space-4);
  --sk-overlay-backdrop: var(--sk-color-backdrop);
  --sk-overlay-panel-background: var(--sk-color-surface);
  --sk-overlay-panel-border: var(--sk-menu-border);
  --sk-overlay-panel-radius: var(--sk-menu-radius);
  --sk-overlay-panel-shadow: var(--sk-menu-shadow);
  --sk-overlay-radius: var(--sk-radius-lg);
  --sk-overlay-dialog-width: 35rem;
  --sk-overlay-drawer-width: 22.5rem;
  --sk-overlay-confirm-width: 26.25rem;
  --sk-dialog-header-padding: var(--sk-space-4) var(--sk-space-5);
  --sk-dialog-content-padding: var(--sk-space-5);
  --sk-drawer-content-padding: var(--sk-space-4);
  --sk-drawer-content-display: block;
  --sk-drawer-content-flex: 0 1 auto;
  --sk-drawer-content-direction: row;
  --sk-drawer-content-overflow: auto;
  --sk-drawer-content-height: auto;
  --sk-drawer-content-min-width: 0;
  --sk-drawer-content-min-height: 0;
  --sk-confirm-content-padding: var(--sk-space-5);
  --sk-drawer-header-padding: var(--sk-space-4);
  --sk-overlay-content-padding: var(--sk-space-5);
  --sk-dialog-border: var(--sk-overlay-panel-border);
  --sk-drawer-border: var(--sk-overlay-panel-border);
  --sk-confirm-border: var(--sk-overlay-panel-border);
  --sk-toast-offset: var(--sk-space-4);
  --sk-toast-radius: var(--sk-radius-button);
  --sk-toast-max-width: 22.5rem;
  --sk-toast-padding: var(--sk-space-3) var(--sk-space-4);
  --sk-toast-title-color: var(--sk-color-text-strong);
  --sk-toast-detail-color: var(--sk-color-text-secondary);
  --sk-toast-hover-shadow: 0 0.75rem 2rem rgb(28 52 82 / 20%);
  --sk-toast-background: var(--sk-color-surface);
  --sk-toast-shadow: var(--sk-shadow-toast);
  --sk-toast-gap: var(--sk-space-4);
  --sk-toast-border-width: 4px;
  --sk-toast-close-size: 1.75rem;
  --sk-progress-height: 0.5rem;
  --sk-progress-radius: var(--sk-radius-pill);
  --sk-spinner-size: 2rem;
  --sk-spinner-border-width: 3px;
  --sk-skeleton-background-size: 400% 100%;
  --sk-skeleton-animation: 1.4s ease-in-out infinite;
  --sk-carousel-control-size: 2rem;
  --sk-carousel-icon-size: 1rem;
  --sk-carousel-animation: var(--sk-transition-normal);
  --sk-carousel-height: auto;
  --sk-carousel-radius: var(--sk-radius-lg);
  --sk-carousel-gap: var(--sk-space-3);
  --sk-carousel-viewport-background: transparent;
  --sk-carousel-control-background: var(--sk-color-surface-subtle);
  --sk-carousel-control-color: var(--sk-color-text-strong);
  --sk-carousel-control-hover-background: var(--sk-color-primary);
  --sk-carousel-control-hover-color: var(--sk-color-on-primary);
  --sk-carousel-control-active-background: var(--sk-color-primary-active);
  --sk-carousel-control-disabled-opacity: var(--sk-state-disabled-opacity);
  --sk-skeleton-background:
    linear-gradient(
      
      90deg,
      var(--sk-color-track) 25%,
      var(--sk-color-surface-disabled) 37%,
      var(--sk-color-track) 63% );
}
@supports not selector(::-webkit-scrollbar) {
  * {
    scrollbar-color: var(--sk-scrollbar-thumb) transparent;
    scrollbar-width: thin;
  }
}
*::-webkit-scrollbar {
  width: var(--sk-scrollbar-size);
  height: var(--sk-scrollbar-size);
}
*::-webkit-scrollbar-track,
*::-webkit-scrollbar-corner {
  background: transparent;
}
*::-webkit-scrollbar-thumb {
  background: var(--sk-scrollbar-thumb);
  border-radius: 999px;
}
*::-webkit-scrollbar-button {
  display: none;
}
.sk-textarea::placeholder {
  color: var(--sk-input-placeholder-color, var(--sk-color-text-muted, #6f829c));
  font-size: var(--sk-input-placeholder-font-size, var(--sk-font-size-md, 0.875rem));
  font-weight: var(--sk-input-placeholder-font-weight, var(--sk-font-weight-normal, 400));
  opacity: 1;
}
.sk-textarea {
  background: var(--sk-input-background, #fff);
  border: var(--sk-input-border, 1px solid #c7d4e5);
  color: var(--sk-input-color, #26364b);
  box-sizing: border-box;
  max-width: var(--sk-input-max-width, 100%);
  min-width: var(--sk-input-min-width, 0);
  transition:
    background-color var(--sk-input-transition, var(--sk-transition-control)),
    border-color var(--sk-input-transition, var(--sk-transition-control)),
    box-shadow var(--sk-input-transition, var(--sk-transition-control));
  width: var(--sk-input-width, 100%);
}
.sk-textarea:hover:not(:disabled):not([readonly]) {
  border-color: var(--sk-input-hover-border, var(--sk-state-hover-border));
}
.sk-textarea:focus-visible {
  border-color: var(--sk-input-focus-border, var(--sk-state-focus-border, var(--sk-color-primary)));
  box-shadow: var(--sk-input-focus-shadow, var(--sk-state-focus-shadow, var(--sk-shadow-focus)));
  outline: none;
}
.sk-textarea:disabled {
  background: var(--sk-input-disabled-background, var(--sk-state-disabled-background));
  color: var(--sk-input-disabled-color, var(--sk-state-disabled-color));
  cursor: default;
  opacity: var(--sk-state-disabled-opacity, var(--sk-control-disabled-opacity));
}
.sk-textarea[readonly] {
  background: var( --sk-input-readonly-background, color-mix(in srgb, var(--sk-input-background) 94%, var(--sk-color-surface-disabled)) );
  border-color: var(--sk-input-readonly-border-color, var(--sk-color-border));
  color: var(--sk-input-readonly-color, var(--sk-input-color));
  box-shadow: none;
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --sk-motion-duration-fast: 1ms;
    --sk-motion-duration-normal: 1ms;
    --sk-motion-duration-slow: 1ms;
    --sk-motion-popover-enter: 1ms linear;
    --sk-motion-popover-leave: 1ms linear;
    --sk-motion-overlay-enter: 1ms linear;
    --sk-motion-overlay-leave: 1ms linear;
    --sk-motion-toast-enter: 1ms linear;
    --sk-motion-toast-leave: 1ms linear;
  }
}
:root[data-sk-density=compact] {
  --sk-density-control-height-xs: 1.875rem;
  --sk-density-control-height-sm: 2.125rem;
  --sk-density-control-height-md: 2.25rem;
  --sk-density-control-height-lg: 2.625rem;
  --sk-density-control-padding-inline: 0.625rem;
  --sk-density-control-padding-block: 0.375rem;
  --sk-density-menu-option-min-height: 1.875rem;
  --sk-density-menu-option-padding-block: 0.25rem;
}
:root[data-sk-density=comfortable] {
  --sk-density-control-height-xs: 2.25rem;
  --sk-density-control-height-sm: 2.5rem;
  --sk-density-control-height-md: 2.75rem;
  --sk-density-control-height-lg: 3rem;
  --sk-density-control-padding-inline: 0.875rem;
  --sk-density-control-padding-block: 0.625rem;
  --sk-density-menu-option-min-height: 2.25rem;
  --sk-density-menu-option-padding-block: 0.5rem;
}
:is(sk-input-text, sk-number-input, sk-select, sk-autocomplete, sk-multi-select, sk-date-picker)[data-sk-size=small] {
  --sk-input-height: var(--sk-input-height-sm);
  --sk-input-padding-inline: 0.625rem;
  --sk-input-font-size: var(--sk-control-font-size-sm);
  --sk-input-placeholder-font-size: var(--sk-control-font-size-sm);
  --sk-input-action-size: var(--sk-control-height-xs);
}
:is(sk-input-text, sk-number-input, sk-select, sk-autocomplete, sk-multi-select, sk-date-picker)[data-sk-size=normal] {
  --sk-input-height: var(--sk-input-height-md);
  --sk-input-padding-inline: var(--sk-control-padding-inline);
  --sk-input-font-size: var(--sk-control-font-size-md);
  --sk-input-placeholder-font-size: var(--sk-control-font-size-md);
  --sk-input-action-size: var(--sk-control-height-md);
}
:is(sk-input-text, sk-number-input, sk-select, sk-autocomplete, sk-multi-select, sk-date-picker)[data-sk-size=large] {
  --sk-input-height: var(--sk-input-height-lg);
  --sk-input-padding-inline: 0.875rem;
  --sk-input-font-size: var(--sk-control-font-size-lg);
  --sk-input-placeholder-font-size: var(--sk-control-font-size-lg);
  --sk-input-action-size: var(--sk-control-height-lg);
}

/* src/styles.scss */
:root {
  --text-primary: #0F58A7;
  --text-light: #A1A5B7;
  --text-dark: #4D5477;
  --text-disable: #939AAD;
  --text-secondary: #5E6278;
  --text-link: #3E97FF;
  --surface-neutral: #ffffff;
  --surface-background: #f4f9ff;
  --surface-background-2: #ffffff;
  --surface-page: #ffffff;
  --surface-sidebar: #ffffff;
  --header-accent: #FFFFFF;
  --border-color: #E1E3EA;
  --salyk-color: #1da7b4;
  --primary-color: #5888FF;
  --primary-active: #507BE8;
  --primary-light: #f4f9ff;
  --secondary-color: #F0F7FF;
  --secondary-light: #5aa2dc;
  --secondary-lighter: #b4d5ff;
  --primary-50: #f0f6ff;
  --primary-100: #dce9ff;
  --primary-200: #b3ceff;
  --primary-300: #8ab3ff;
  --primary-400: #729fff;
  --primary-500: #5888FF;
  --primary-600: #4f7be8;
  --primary-700: #3e65cc;
  --primary-800: #2e4fa8;
  --primary-900: #1f397a;
  --gray-100: #f9f9f9;
  --gray-200: #f1f1f2;
  --gray-300: #e1e3ea;
  --gray-400: #d8d8e5;
  --gray-500: #a1a5b7;
  --gray-600: #7e8299;
  --gray-700: #5e6278;
  --gray-800: #3f4254;
  --gray-900: #181c32;
  --danger-color: #E24A41;
  --danger-active: #d9214e;
  --danger-dark: #a22343;
  --danger-light: #fff5f8;
  --success-color: #50cd89;
  --success-active: #47be7d;
  --success-dark: #21a366;
  --success-light: #e8fff3;
  --warning-color: #ffc700;
  --warning-active: #f1bc00;
  --warning-dark: #e1ac00;
  --warning-light: #fff8dd;
  --info-color: #009ef6;
  --info-active: #0095e8;
  --info-light: #ecf8ff;
  --gradient-primary:
    linear-gradient(
      90deg,
      var(--primary-300) 0%,
      var(--primary-700) 100%);
  --gradient-blue:
    linear-gradient(
      92.26deg,
      #6da2d3 4.66%,
      #4b9fca 55.76%,
      #1da7b4 99.55%);
  --gradient-aqua:
    linear-gradient(
      92.26deg,
      #5976fb 4.66%,
      #8398fd 55.76%,
      #a3b3fd 99.55%);
  --dashboard-background: #f1f4f9;
  --dashboard-card: var(--surface-neutral);
  --dashboard-card-border: #dce4ef;
  --dashboard-heading: #263752;
  --dashboard-muted: #90a6c7;
  --dashboard-axis: #8da3c2;
  --dashboard-grid: #e9eef6;
  --dashboard-shadow: 0 8px 24px rgb(49 75 116 / 5%);
  --dashboard-chart-shadow: rgb(49 75 116 / 12%);
  --dashboard-bar-shadow: rgb(91 89 239 / 22%);
  --dashboard-orange: #ef9c3c;
  --dashboard-orange-light: #f5a443;
  --dashboard-green: #22c56b;
  --dashboard-red: #fa4d53;
  --dashboard-amber: #ff9d14;
  --dashboard-purple: #5752f7;
  --dashboard-purple-dark: #514bd9;
  --dashboard-blue-soft: #a9cdf9;
  --dashboard-danger-surface: #fff1f2;
  --dashboard-danger-border: #ffb8bd;
  --dashboard-success: #11b879;
  --dashboard-warning: #f39a0b;
  --dashboard-bg: var(--dashboard-background);
  --dashboard-surface: var(--dashboard-card);
  --dashboard-surface-subtle: var(--surface-background-2);
  --dashboard-text: var(--dashboard-heading);
  --dashboard-text-soft: var(--text-secondary);
  --dashboard-text-muted: var(--dashboard-muted);
  --dashboard-border: var(--dashboard-card-border);
  --dashboard-primary: var(--primary-500);
  --dashboard-primary-soft: var(--primary-50);
  --dashboard-danger: var(--dashboard-red);
  --dashboard-danger-soft: var(--dashboard-danger-surface);
  --dashboard-success-soft: var(--success-light);
  --dashboard-warning-soft: var(--warning-light);
  --dashboard-radius-md: .875rem;
  --dashboard-radius-lg: 1.1rem;
  --dashboard-shadow-sm: var(--dashboard-shadow);
  --dashboard-shadow-md: 0 18px 50px rgb(49 75 116 / 9%);
  --header-height: 92px;
  --sidebar-width: 460px;
  --sidebar-collapsed-width: 48px;
  --input-height-lg: 38px;
  --input-height-xl: 46px;
  --input-height: var(--input-height-lg);
  --offset-xs: 0.25rem;
  --offset-sm: 0.5rem;
  --offset-xm: 0.75rem;
  --offset-md: 1rem;
  --offset-lg: 1.5rem;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-round: 30px;
  --font-family: Inter, sans-serif;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-md: 1rem;
  --font-size-lg: 1.25rem;
  --font-size-xl: 1.5rem;
  --font-size-2xl: 1.75rem;
  --font-size-3xl: 2rem;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-extrabold: 800;
  --box-shadow: 0 6px 4px 0 #0000000a;
}
html.re-dark {
  --text-primary: #e5edf7;
  --text-light: #b7c6d8;
  --text-disable: #8595aa;
  --text-secondary: #aebdce;
  --text-sidebar: var(--gray-800);
  --text-sidebar-active: #ffffff;
  --surface-neutral: #1d2938;
  --surface-background: #233143;
  --surface-background-2: #2b3b4f;
  --surface-page: #172231;
  --surface-sidebar: #121e2d;
  --surface-border: #3b4d61;
  --border-color: #4d6178;
  --primary-color: #78adf3;
  --primary-active: #619de8;
  --primary-light: #27374a;
  --secondary-color: #1b293a;
  --secondary-light: #79b8f5;
  --secondary-lighter: #557eae;
  --primary-50: #111a27;
  --primary-100: #172231;
  --primary-200: #1e2c3d;
  --primary-300: #26374c;
  --primary-400: #304766;
  --primary-500: #3e5c84;
  --primary-600: #5075aa;
  --primary-700: #638fd2;
  --primary-800: #73a5e8;
  --primary-900: #78adf3;
  --gray-100: #182434;
  --gray-200: #293747;
  --gray-300: #344355;
  --gray-400: #3d5066;
  --gray-500: #45576b;
  --gray-600: #53677d;
  --gray-700: #667b94;
  --gray-800: #90a3ba;
  --gray-900: #b7c6d8;
  --danger-color: #ff4b68;
  --danger-active: #d9214e;
  --danger-light: #592332;
  --success-color: #32a65c;
  --success-active: #2e9253;
  --success-dark: #1b6134;
  --success-light: #1f3327;
  --warning-color: #e0a000;
  --warning-active: #c48f00;
  --warning-dark: #a67e00;
  --warning-light: #3d2e1f;
  --info-color: #009ef6;
  --info-active: #0089d6;
  --info-light: #1a3447;
  --gradient-primary:
    linear-gradient(
      90deg,
      var(--primary-700) 0%,
      var(--primary-900) 100%);
  --gradient-blue:
    linear-gradient(
      92.26deg,
      #30485f 4.66%,
      #2b3e54 55.76%,
      #21374c 99.55%);
  --gradient-aqua:
    linear-gradient(
      92.26deg,
      #3a577e 4.66%,
      #486b9b 55.76%,
      #567ba8 99.55%);
  --dashboard-background: var(--surface-background);
  --dashboard-card: var(--surface-neutral);
  --dashboard-card-border: var(--border-color);
  --dashboard-heading: var(--text-primary);
  --dashboard-muted: var(--text-light);
  --dashboard-axis: var(--text-light);
  --dashboard-grid: var(--border-color);
  --dashboard-shadow: var(--box-shadow);
  --dashboard-orange: #f2ab5b;
  --dashboard-orange-light: #f7bd77;
  --dashboard-green: #52d58d;
  --dashboard-red: #ff6970;
  --dashboard-amber: #ffba45;
  --dashboard-purple: #8399f1;
  --dashboard-purple-dark: #adbdff;
  --dashboard-blue-soft: var(--primary-400);
  --dashboard-danger-surface: var(--danger-light);
  --dashboard-danger-border: var(--danger-color);
  --dashboard-success: var(--success-color);
  --dashboard-warning: var(--warning-color);
  --dashboard-bg: var(--dashboard-background);
  --dashboard-surface: var(--dashboard-card);
  --dashboard-surface-subtle: var(--surface-background-2);
  --dashboard-text: var(--dashboard-heading);
  --dashboard-text-soft: var(--text-secondary);
  --dashboard-text-muted: var(--dashboard-muted);
  --dashboard-border: var(--dashboard-card-border);
  --dashboard-primary: var(--primary-800);
  --dashboard-primary-soft: var(--primary-50);
  --dashboard-danger: var(--dashboard-red);
  --dashboard-danger-soft: var(--dashboard-danger-surface);
  --dashboard-success-soft: var(--success-light);
  --dashboard-warning-soft: var(--warning-light);
  --dashboard-radius-md: .875rem;
  --dashboard-radius-lg: 1.1rem;
  --dashboard-shadow-sm: var(--dashboard-shadow);
  --dashboard-shadow-md: 0 18px 50px rgb(0 0 0 / 35%);
  --dashboard-chart-shadow: rgb(0 0 0 / 24%);
  --dashboard-bar-shadow: rgb(0 0 0 / 30%);
  --box-shadow: 0 6px 10px 0 #00000040;
}
.text-display-l {
  font: 2rem var(--font-family) !important;
  font-weight: 700;
}
.text-display-m {
  font: 1.875rem var(--font-family) !important;
  font-weight: 700;
}
.text-display-s {
  font: 1.75rem var(--font-family) !important;
  font-weight: 700;
}
.heading-l {
  font: 1.625rem var(--font-family) !important;
  font-weight: 600;
}
.heading-m {
  font: 1.5rem var(--font-family) !important;
  font-weight: 600;
}
.heading-s {
  font: 1.375rem var(--font-family) !important;
  font-weight: 600;
}
.title-l {
  font: 1.25rem var(--font-family) !important;
  font-weight: 500;
}
.title-m {
  font: 1.125rem var(--font-family);
  font-weight: 600;
  color: var(--text-dark);
}
.title-s {
  font: 1rem var(--font-family);
  font-weight: 600;
}
.body-l {
  font: 1rem var(--font-family);
  font-weight: 600;
  color: var(--gray-800);
}
.body-m {
  font: 0.875rem var(--font-family);
  font-weight: 500;
}
.body-s {
  font: 0.75rem var(--font-family) !important;
  font-weight: 400;
}
#root ss-icon-select {
  --ss-ic-select-surface: var(--primary-active);
}
#root ss-form-field {
  --ss-ff-label-font-size: 0.87rem;
  --ss-ff-label-font-weight: 600;
  --ss-ff-ic-top-offset: 1.7rem;
  --ss-ff-ic-top: 1.7rem;
  --ss-ff-ic-top-md: 2.2rem;
}
#root ss-form-field label {
  color: var(--gray-800);
}
#root ss-form-field .ss-form-field-container {
  gap: 0.5rem;
}
#root ss-form-field:not(#root ss-form-field:has(label)):has(input[psize=small]) .suffix {
  --ss-ff-input-height: 38px;
  --ss-ff-ic-top-offset: 1.7rem;
}
#root ss-form-field:has(input[psize=small]) .suffix {
  --ss-ff-ic-top-offset: 1.7rem;
}
#root .form-field-radio .ss-form-field-container {
  display: flex;
  align-items: center;
  justify-content: start;
  flex-direction: row-reverse;
}
.tox.tox-tinymce {
  border-radius: var(--radius-lg);
}
.page-container:has(.tox-fullscreen) .content-container {
  z-index: 1001;
  overflow: hidden;
}
html.re-dark {
  color-scheme: dark;
  --sk-color-primary: var(--primary-color);
  --sk-color-primary-hover: var(--primary-color);
  --sk-color-primary-active: var(--primary-active);
  --sk-color-on-primary: #fff;
  --sk-color-secondary: var(--surface-background-2);
  --sk-color-success: var(--success-color);
  --sk-color-info: var(--info-color);
  --sk-color-warning: var(--warning-color);
  --sk-color-danger: var(--danger-color);
  --sk-color-danger-strong: var(--danger-color);
  --sk-color-contrast: var(--text-primary);
  --sk-color-error: var(--danger-color);
  --sk-color-text: var(--text-primary);
  --sk-color-text-strong: var(--text-primary);
  --sk-color-text-secondary: var(--text-secondary);
  --sk-color-text-muted: var(--text-light);
  --sk-color-text-disabled: var(--text-disable);
  --sk-color-surface: var(--surface-neutral);
  --sk-color-surface-page: var(--surface-page);
  --sk-color-sidebar: var(--surface-sidebar);
  --sk-color-surface-subtle: var(--surface-background-2);
  --sk-color-surface-disabled: var(--surface-background-2);
  --sk-color-border: var(--border-color);
  --sk-color-border-subtle: var(--border-color);
  --sk-color-divider: var(--border-color);
  --sk-color-track: var(--gray-400);
  --sk-color-backdrop: rgb(0 0 0 / 58%);
  --sk-state-hover-background: color-mix(in srgb, var(--primary-color) 12%, var(--surface-neutral));
  --sk-state-active-background: color-mix(in srgb, var(--primary-color) 18%, var(--surface-neutral));
  --sk-state-hover-border: color-mix(in srgb, var(--primary-color) 60%, var(--border-color));
  --sk-state-active-border: var(--primary-color);
  --sk-state-focus-border: var(--primary-color);
  --sk-state-disabled-background: var(--surface-background-2);
  --sk-state-disabled-color: var(--text-disable);
  --sk-input-background: var(--surface-neutral);
  --sk-input-inner-background: transparent;
  --sk-input-slot-background: transparent;
  --sk-input-border: 1px solid var(--border-color);
  --sk-input-color: var(--text-primary);
  --sk-input-placeholder-color: var(--text-light);
  --sk-input-disabled-background: var(--surface-background-2);
  --sk-input-disabled-color: var(--text-disable);
  --sk-input-slot-color: var(--text-light);
  --sk-menu-background: var(--surface-neutral);
  --sk-menu-border: var(--border-color);
  --sk-menu-color: var(--text-primary);
  --sk-menu-muted-color: var(--text-light);
  --sk-menu-option-hover: var(--surface-background-2);
  --sk-menu-option-active: var(--primary-300);
  --sk-menu-option-selected: var(--surface-background-2);
  --sk-menu-option-selected-color: var(--text-primary);
  --sk-menu-option-check-color: var(--primary-color);
  --sk-checkbox-background: var(--surface-neutral);
  --sk-checkbox-border: var(--border-color);
  --sk-checkbox-checked-background: var(--primary-color);
  --sk-checkbox-checked-border: var(--primary-color);
  --sk-checkbox-check-color: #fff;
  --sk-date-picker-icon-color: var(--text-light);
}
html.re-dark .input-search {
  --sk-input-background: color-mix(in srgb, var(--surface-background-2) 88%, transparent);
  --sk-input-color: var(--text-primary);
  --sk-input-placeholder-color: var(--text-light);
}
html.re-dark .tox .tox-collection__item,
html.re-dark .tox .tox-collection__item-label,
html.re-dark .tox .tox-collection__item-accessory,
html.re-dark .tox .tox-listbox,
html.re-dark .tox .tox-listboxfield .tox-listbox--select {
  color: #f8fafc;
}
html.re-dark .tox .tox-collection--list .tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
  background-color: #2b3b4e;
  color: #f8fafc;
}
html.re-dark .tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled),
html.re-dark .tox .tox-collection--list .tox-collection__item--enabled:not(.tox-collection__item--state-disabled):hover {
  background-color: #006ce7;
  color: #fff;
}
sk-multi-select .sk-multi-select__panel,
sk-select .sk-select__panel {
  box-sizing: border-box;
  max-width: 100%;
  width: 100%;
}
.card {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: 1.5rem;
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--box-shadow);
  background-color: var(--surface-neutral);
}
@media screen and (max-width: 767px) {
  .card {
    gap: 0.625rem;
    padding: 0.75rem;
  }
}
.panel-card {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: var(--rounded-box, 1rem);
}
.panel-card:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.panel-card figure {
  display: flex;
  align-items: center;
  justify-content: center;
}
.panel-card.image-full {
  display: grid;
}
.panel-card.image-full:before {
  position: relative;
  content: "";
  z-index: 10;
  border-radius: var(--rounded-box, 1rem);
  --tw-bg-opacity: 1;
  background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
  opacity: 0.75;
}
.panel-card.image-full:before,
.panel-card.image-full > * {
  grid-column-start: 1;
  grid-row-start: 1;
}
.panel-card.image-full > figure img {
  height: 100%;
  object-fit: cover;
}
.panel-card.image-full > .card-body {
  position: relative;
  z-index: 20;
  --tw-text-opacity: 1;
  color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));
}
.panel-card :where(figure:first-child) {
  overflow: hidden;
  border-start-start-radius: inherit;
  border-start-end-radius: inherit;
  border-end-start-radius: unset;
  border-end-end-radius: unset;
}
.panel-card :where(figure:last-child) {
  overflow: hidden;
  border-start-start-radius: unset;
  border-start-end-radius: unset;
  border-end-start-radius: inherit;
  border-end-end-radius: inherit;
}
.panel-card:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
.panel-card.bordered {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
}
.panel-card.compact .card-body {
  padding: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.panel-card.image-full :where(figure) {
  overflow: hidden;
  border-radius: inherit;
}
.panel-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: 1.5rem;
  border-radius: var(--radius-lg);
  box-shadow: var(--box-shadow);
  background-color: var(--surface-neutral);
}
@media screen and (max-width: 767px) {
  .panel-card {
    gap: 0.625rem;
    padding: 0.75rem;
  }
}
html[data-a11y-color=grayscale] app-main-layout :is(.panel-card, .category-card) {
  border: 1px solid var(--border-color);
}
html[data-a11y-color=blue] app-main-layout :is(.panel-card, .category-card) {
  border: 1px solid var(--border-color);
}
html[data-a11y-color=contrast] app-main-layout :is(.panel-card, .category-card) {
  border: 1px solid var(--border-color);
}
.panel-card {
  background: var(--surface-neutral) url("./media/backdrop.svg") no-repeat center calc(100% - 1.5rem);
}
@media screen and (max-width: 767px) {
  .panel-card {
    gap: 0.5rem;
    padding: 0.75rem;
    background-position: center calc(100% - 0.75rem);
  }
}
.section-title {
  font-size: 1.125rem;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--gray-800);
}
.link-text {
  font: 0.94rem var(--font-family);
  font-weight: 600;
  color: var(--text-link);
}
.required:after {
  content: "*";
  color: var(--danger-color);
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbar-hide {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.scrollbar-hide::-webkit-scrollbar {
  display: none;
}
.scrollbar-auto-hide {
  transition-property: all;
  transition-duration: 100ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  scrollbar-width: thin;
  scrollbar-color: var(--gray-200) transparent;
}
.scrollbar-auto-hide:hover {
  scrollbar-color: var(--gray-600) transparent;
}
.scrollbar {
  scrollbar-width: thin;
  scrollbar-color: var(--gray-400) transparent;
}
.scrollbar::-webkit-scrollbar {
  width: 4px;
}
.scrollbar::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 8px;
}
.scrollbar::-webkit-scrollbar-thumb {
  background: var(--gray-400);
  border-radius: 8px;
}
.scrollbar::-webkit-scrollbar-thumb:hover {
  background: var(--gray-600);
}
.scrollbar::-webkit-scrollbar-button {
  display: none;
}
body {
  background-color: var(--surface-background);
  color: var(--text-primary);
}
* {
  font-family: var(--font-family), sans-serif;
}
@media screen and (max-width: 800px) {
  html {
    font-size: calc(12px * var(--a11y-font-scale, 1));
  }
}
@media screen and (max-width: 1399px) {
  html {
    font-size: calc(14px * var(--a11y-font-scale, 1));
  }
}
@media screen and (min-width: 1400px) {
  html {
    font-size: calc(16px * var(--a11y-font-scale, 1));
  }
}
@media screen and (min-width: 1920px) {
  html {
    font-size: calc(18px * var(--a11y-font-scale, 1));
  }
}
@media screen and (max-width: 1400px) {
  :root {
    --input-height: var(--input-height-lg);
  }
}
html[data-a11y-size=large] {
  --a11y-font-scale: 1.25;
}
html[data-a11y-size=largest] {
  --a11y-font-scale: 1.5;
}
html[data-a11y-font=sans] {
  --font-family: Arial, sans-serif;
}
html[data-a11y-font=serif] {
  --font-family: Georgia, serif;
}
html[data-a11y-spacing=wide] body {
  letter-spacing: 0.06em;
}
html[data-a11y-spacing=wider] body {
  letter-spacing: 0.12em;
}
html[data-a11y-images=hidden] body img {
  opacity: 0 !important;
}
html[data-a11y-images=hidden] body * {
  background-image: none !important;
}
:root {
  --glass-fill: rgb(249 249 249 / 16%);
  --glass-blur: blur(4px) saturate(120%);
  --glass-edge: inset 0 1px 1px rgb(255 255 255 / 4%), 0 1px 3px rgb(4 16 35 / 5%);
  --glass-border:
    linear-gradient(
      
      135deg,
      rgb(236 244 255 / 38%) 0%,
      rgb(236 244 255 / 2%) 36%,
      rgb(236 244 255 / 2%) 64%,
      rgb(217 232 255 / 32%) 100% );
  --glass-light:
    radial-gradient(
      ellipse at top left,
      rgb(255 255 255 / 3%),
      transparent 53%),
    radial-gradient(
      ellipse at bottom right,
      rgb(236 244 255 / 2%),
      transparent 48%);
  --glass-field-surface:
    radial-gradient(
      ellipse at top left,
      rgb(255 255 255 / 3%),
      transparent 53%) padding-box,
    radial-gradient(
      ellipse at bottom right,
      rgb(236 244 255 / 2%),
      transparent 48%) padding-box,
    linear-gradient(var(--glass-fill), var(--glass-fill)) padding-box;
  --glass-header-surface:
    radial-gradient(
      ellipse at top left,
      rgb(255 255 255 / 3%),
      transparent 53%) padding-box,
    radial-gradient(
      ellipse at bottom right,
      rgb(236 244 255 / 2%),
      transparent 48%) padding-box,
    linear-gradient(var(--glass-header-fill), var(--glass-header-fill)) padding-box;
  --glass-selected-surface:
    radial-gradient(
      ellipse at top left,
      rgb(255 255 255 / 3%),
      transparent 53%) padding-box,
    radial-gradient(
      ellipse at bottom right,
      rgb(236 244 255 / 2%),
      transparent 48%) padding-box,
    linear-gradient(var(--glass-selected-fill), var(--glass-selected-fill)) padding-box;
  --glass-header-fill: rgb(81 103 158 / 25%);
  --glass-selected-fill: rgb(76 110 179 / 23%);
  --app-button-font-size: 0.875rem;
  --sk-button-font-size-sm: var(--app-button-font-size);
}
app-main-layout sk-button button.sk-button[type] {
  font-size: var(--app-button-font-size);
}
html:not(.re-dark) {
  --text-secondary: #4d5470;
  --surface-background: #f4f8ff;
}
app-filter-panel,
app-history-panel {
  --sk-color-primary: #2da5fa;
  --sk-color-primary-hover: #188fe5;
  --sk-color-primary-active: #137dc9;
  --sk-input-background: #ffffff30;
  --sk-input-color: #fff;
  --sk-input-placeholder-color: #dce3ee;
  --sk-input-border: 1px solid #ffffff30;
  --sk-input-slot-color: #e3e9f1;
  --sk-input-height: calc(34px * var(--a11y-font-scale, 1));
  --sk-input-height-md: calc(34px * var(--a11y-font-scale, 1));
  --sk-control-height-md: calc(34px * var(--a11y-font-scale, 1));
  --sk-button-height: calc(34px * var(--a11y-font-scale, 1));
  --sk-button-height-sm: calc(34px * var(--a11y-font-scale, 1));
  --sk-button-font-size: var(--app-button-font-size);
  --sk-field-label-color: #fff;
  --sk-field-label-font-size: calc(12px * var(--a11y-font-scale, 1));
  --sk-input-placeholder-font-size: calc(11px * var(--a11y-font-scale, 1));
  --sk-font-size-md: calc(12px * var(--a11y-font-scale, 1));
}
app-document-actions section > button {
  background: var(--surface-neutral);
  border: 1px solid var(--border-color);
  border-radius: 8px;
  padding: 4px 14px;
  height: auto !important;
  color: #2da5fa;
  font-size: var(--app-button-font-size);
}
@media print {
  app-main-layout .content::before {
    display: none;
  }
}
app-filter-panel,
app-history-panel {
  --sk-button-background: #2da5fa;
  --sk-button-border-color: #2da5fa;
  --sk-button-font-weight: 400;
  --sk-input-radius: 10px;
  --sk-field-label-font-weight: 400;
  --sk-date-picker-icon-color: #e3e9f1;
}
app-filter-panel .sk-button,
app-history-panel .sk-button {
  font-size: var(--app-button-font-size);
  font-weight: 400;
  min-width: 34px;
  padding-inline: 12px;
}
app-filter-panel .filter-submit .sk-button,
app-history-panel .sk-button {
  min-width: 94px;
}
app-filter-panel input,
app-filter-panel input::placeholder,
app-filter-panel .sk-multi-select__label,
app-history-panel .sk-select__label {
  font-size: calc(11px * var(--a11y-font-scale, 1));
  font-weight: 400;
}
app-filter-panel .sk-field__label {
  font-weight: 400;
}
app-filter-panel .sk-multi-select__chevron,
app-filter-panel .sk-select__chevron {
  color: #e3e9f1;
}
app-filter-panel .sk-autocomplete__shell input::-webkit-search-cancel-button {
  filter: grayscale(1) brightness(0) invert(1);
  opacity: 0.8;
}
app-filter-panel .panel-header > sk-button .sk-button {
  width: var(--sk-button-height);
  padding: 0;
}
app-document .tox.tox-tinymce {
  border: 0;
}
app-history-panel .sk-select__label {
  font-size: calc(11px * var(--a11y-font-scale, 1));
  font-weight: 400;
}
app-filter-panel,
app-history-panel {
  --search-glass-background: var(--glass-field-surface);
  --search-glass-border: 1px solid transparent;
  --sk-input-background: var(--search-glass-background);
  --sk-input-border: var(--search-glass-border);
  --sk-input-font-size: calc(11px * var(--a11y-font-scale, 1));
  --sk-input-placeholder-font-weight: 400;
}
app-filter-panel .sk-input-text__shell,
app-filter-panel .sk-select__trigger,
app-filter-panel .sk-multi-select__trigger,
app-filter-panel .sk-autocomplete__shell,
app-filter-panel .sk-date-picker__input-wrap > input,
app-history-panel .sk-input-text__shell,
app-history-panel .sk-select__trigger,
app-history-panel .sk-multi-select__trigger,
app-history-panel .sk-autocomplete__shell,
app-history-panel .sk-date-picker__input-wrap > input {
  background: var(--search-glass-background);
  border: var(--search-glass-border);
  backdrop-filter: var(--glass-blur);
  -webkit-backdrop-filter: var(--glass-blur);
  box-shadow: var(--glass-edge);
}
app-filter-panel .sk-input-text__shell,
app-filter-panel .sk-select__trigger,
app-filter-panel .sk-multi-select__trigger,
app-filter-panel .sk-autocomplete__shell,
app-history-panel .sk-input-text__shell,
app-history-panel .sk-select__trigger,
app-history-panel .sk-multi-select__trigger,
app-header .language-toggle,
app-header .theme-toggle,
app-header .logout-btn,
app-header .theme-option.selected-theme {
  position: relative;
}
app-filter-panel .sk-input-text__shell::after,
app-filter-panel .sk-select__trigger::after,
app-filter-panel .sk-multi-select__trigger::after,
app-filter-panel .sk-autocomplete__shell::after,
app-history-panel .sk-input-text__shell::after,
app-history-panel .sk-select__trigger::after,
app-history-panel .sk-multi-select__trigger::after,
app-header .language-toggle::after,
app-header .theme-toggle::after,
app-header .logout-btn::after,
app-header .theme-option.selected-theme::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  border: 1px solid transparent;
  border-radius: inherit;
  background: var(--glass-border) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
}
app-filter-panel .sk-date-picker__input-wrap,
app-history-panel .sk-date-picker__input-wrap {
  position: relative;
}
app-filter-panel .sk-date-picker__input-wrap::after,
app-history-panel .sk-date-picker__input-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  border: 1px solid transparent;
  border-radius: var(--sk-input-radius);
  background: var(--glass-border) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
}
:root {
  --blue-panel-gradient:
    radial-gradient(
      ellipse at 18% 90%,
      rgb(152 252 255 / 20%),
      transparent 62%),
    radial-gradient(
      ellipse at 88% 12%,
      rgb(20 63 255 / 20%),
      transparent 60%);
}
app-filter-panel .search-panel.search-panel,
app-history-panel .history-panel.history-panel {
  background-color: #00061c;
  background-image: var(--blue-panel-gradient);
  background-size: 150% 150%, 150% 150%;
  background-position: 0% 100%, 100% 0%;
  box-shadow: var(--glass-edge);
  backdrop-filter: var(--glass-blur);
  -webkit-backdrop-filter: var(--glass-blur);
  animation: blue-panel-gradient-flow 28s ease-in-out infinite alternate;
}
app-filter-panel .search-panel.search-panel.sidebar-panel {
  background-image: url("./media/Illustration.png"), var(--blue-panel-gradient);
  background-size:
    230px 190px,
    150% 150%,
    150% 150%;
  background-position:
    center bottom 12px,
    0% 100%,
    100% 0%;
  background-repeat: no-repeat;
  animation-name: blue-panel-sidebar-gradient-flow;
}
@keyframes blue-panel-gradient-flow {
  to {
    background-position: 100% 0%, 0% 100%;
  }
}
@keyframes blue-panel-sidebar-gradient-flow {
  to {
    background-position:
      center bottom 12px,
      100% 0%,
      0% 100%;
  }
}
@media (prefers-reduced-motion: reduce) {
  app-filter-panel .search-panel.search-panel,
  app-history-panel .history-panel.history-panel {
    animation: none;
  }
}
@media (max-width: 700px) {
  app-filter-panel .search-panel.search-panel.sidebar-panel {
    background-image: var(--blue-panel-gradient);
    background-size: 150% 150%, 150% 150%;
    background-position: 0% 100%, 100% 0%;
    animation-name: blue-panel-gradient-flow;
  }
}
app-filter-panel .search-panel.search-panel,
app-history-panel .history-panel.history-panel {
  position: relative;
}
app-filter-panel .search-panel.search-panel::after,
app-history-panel .history-panel.history-panel::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  border: 1px solid transparent;
  border-radius: inherit;
  background: var(--glass-border) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
}
app-filter-panel .search-panel.search-panel,
app-history-panel .history-panel.history-panel {
  isolation: isolate;
}
app-filter-panel .search-panel.search-panel > canvas.blue-panel-shader,
app-history-panel .history-panel.history-panel > canvas.blue-panel-shader {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  opacity: 0.2;
  pointer-events: none;
}
app-filter-panel .search-panel.search-panel > :not(canvas),
app-history-panel .history-panel.history-panel > :not(canvas) {
  position: relative;
  z-index: 1;
}
app-filter-panel .search-panel.search-panel::after,
app-history-panel .history-panel.history-panel::after {
  z-index: 2;
}
app-filter-panel .search-panel.search-panel.shader-ready,
app-history-panel .history-panel.history-panel.shader-ready {
  background-image: none;
  animation: none;
}
app-filter-panel .search-panel.search-panel.sidebar-panel.shader-ready {
  background-image: url("./media/Illustration.png");
  background-size: 230px 190px;
  background-position: center bottom 12px;
  background-repeat: no-repeat;
}
@media (max-width: 700px) {
  app-filter-panel .search-panel.search-panel.sidebar-panel.shader-ready {
    background-image: none;
  }
}
html[data-a11y-color=grayscale] {
  color-scheme: light;
  --a11y-background: #fff;
  --a11y-surface: #fff;
  --a11y-text: #000;
  --a11y-muted: #333;
  --a11y-accent: #000;
  --a11y-on-accent: #fff;
  --surface-neutral: var(--a11y-surface);
  --surface-background: var(--a11y-background);
  --surface-background-2: var(--a11y-surface);
  --surface-page: var(--a11y-surface);
  --surface-sidebar: var(--a11y-surface);
  --text-primary: var(--a11y-text);
  --text-secondary: var(--a11y-muted);
  --text-light: var(--a11y-muted);
  --text-dark: var(--a11y-text);
  --text-disable: var(--a11y-muted);
  --text-link: var(--a11y-accent);
  --header-accent: var(--a11y-text);
  --border-color: var(--a11y-muted);
  --primary-color: var(--a11y-accent);
  --primary-active: var(--a11y-accent);
  --primary-light: var(--a11y-surface);
  --secondary-color: var(--a11y-surface);
  --secondary-light: var(--a11y-accent);
  --secondary-lighter: var(--a11y-muted);
  --glass-blur: none;
  --glass-edge: none;
  --glass-border: none;
  --glass-header-surface: var(--a11y-surface);
  --glass-selected-surface: var(--a11y-surface);
}
html[data-a11y-color=grayscale],
html[data-a11y-color=grayscale] app-main-layout,
html[data-a11y-color=grayscale] app-accessibility-panel,
html[data-a11y-color=grayscale] app-filter-panel,
html[data-a11y-color=grayscale] app-history-panel,
html[data-a11y-color=grayscale] .input-search {
  --sk-color-primary: var(--a11y-accent);
  --sk-color-primary-hover: var(--a11y-accent);
  --sk-color-primary-active: var(--a11y-accent);
  --sk-color-on-primary: var(--a11y-on-accent);
  --sk-color-text: var(--a11y-text);
  --sk-color-text-strong: var(--a11y-text);
  --sk-color-text-secondary: var(--a11y-muted);
  --sk-color-text-muted: var(--a11y-muted);
  --sk-color-surface: var(--a11y-surface);
  --sk-color-surface-page: var(--a11y-surface);
  --sk-color-surface-subtle: var(--a11y-surface);
  --sk-color-border: var(--a11y-muted);
  --sk-color-divider: var(--a11y-muted);
  --sk-input-background: var(--a11y-surface);
  --sk-input-color: var(--a11y-text);
  --sk-input-placeholder-color: var(--a11y-muted);
  --sk-input-slot-color: var(--a11y-text);
  --sk-input-border: 1px solid var(--a11y-muted);
  --sk-field-label-color: var(--a11y-text);
  --sk-checkbox-background: var(--a11y-surface);
  --sk-checkbox-border: var(--a11y-muted);
  --sk-color-error: var(--a11y-accent);
  --sk-checkbox-checked-background: var(--a11y-accent);
  --sk-checkbox-checked-border: var(--a11y-accent);
  --sk-checkbox-check-color: var(--a11y-on-accent);
  --sk-menu-background: var(--a11y-surface);
  --sk-menu-color: var(--a11y-text);
  --sk-menu-border: var(--a11y-muted);
  --sk-menu-option-selected: var(--a11y-accent);
  --sk-menu-option-selected-color: var(--a11y-on-accent);
  --sk-menu-option-hover: color-mix(in srgb, var(--a11y-accent) 15%, var(--a11y-surface));
  --sk-menu-option-active: var(--sk-menu-option-hover);
  --search-glass-background: var(--a11y-surface);
  --search-glass-border: 1px solid var(--a11y-muted);
}
html[data-a11y-color=grayscale] .login-container {
  background: var(--a11y-surface);
  border-color: var(--border-color);
}
html[data-a11y-color=grayscale] :is(.login-header h2, .login-header p, .system-title, .service-text) {
  color: var(--a11y-text) !important;
}
html[data-a11y-color=grayscale] .page-container:has(.login-container) {
  background: var(--a11y-background);
}
html[data-a11y-color=grayscale] app-main-layout .content::before,
html[data-a11y-color=grayscale] app-main-layout .hero-art,
html[data-a11y-color=grayscale] app-main-layout .blue-panel-shader {
  display: none;
}
html[data-a11y-color=grayscale] app-main-layout :is(.search-panel.search-panel, .history-panel.history-panel, .nav-container, .nav-actions) {
  background: var(--a11y-surface) !important;
  color: var(--a11y-text);
  border: 1px solid var(--border-color);
  animation: none;
}
html[data-a11y-color=grayscale] app-main-layout :is(.card, .category-card) {
  border: 1px solid var(--border-color);
}
html[data-a11y-color=grayscale] app-main-layout :is(.category-badge, .badge, .revision-badge, .type-chip) {
  background: var(--a11y-surface) !important;
  color: var(--a11y-text) !important;
  border-color: currentColor;
}
html[data-a11y-color=grayscale] app-main-layout :is(.back-link, .card-arrow, .category-chevron, .section-nav a, .lang-tabs button, app-document-actions button) {
  color: var(--a11y-accent);
}
html[data-a11y-color=grayscale] app-main-layout .section-nav a.active {
  background: var(--a11y-surface);
  border-color: currentColor;
}
html[data-a11y-color=grayscale] app-main-layout :is(.sk-input-text__shell, .sk-select__trigger, .sk-multi-select__trigger, .sk-autocomplete__shell) {
  background: var(--a11y-surface);
  border: 1px solid var(--border-color);
}
html[data-a11y-color=grayscale] app-main-layout .sk-button,
html[data-a11y-color=grayscale] app-main-layout .tax-code-shortcut {
  background: var(--a11y-accent) !important;
  border-color: var(--a11y-accent) !important;
  color: var(--a11y-on-accent) !important;
}
html[data-a11y-color=grayscale] app-main-layout re-icon,
html[data-a11y-color=grayscale] app-main-layout re-icon > span {
  color: inherit !important;
}
html[data-a11y-color=grayscale] app-main-layout .sk-button :is(svg, path) {
  fill: currentColor;
}
html[data-a11y-color=grayscale] app-main-layout a:focus-visible,
html[data-a11y-color=grayscale] app-main-layout button:focus-visible {
  outline-color: var(--a11y-accent);
}
html[data-a11y-color=grayscale] app-accessibility-panel :is(.accessibility-trigger, .trigger-icon, .speech-controls, .speech-controls button, .options button, .reset-button) {
  background: var(--a11y-surface) !important;
  color: var(--a11y-text) !important;
  border: 1px solid var(--border-color);
}
html[data-a11y-color=grayscale] app-accessibility-panel .options button[aria-pressed=true] {
  background: var(--a11y-accent) !important;
  color: var(--a11y-on-accent) !important;
  border-color: var(--a11y-accent);
}
html[data-a11y-color=grayscale] app-accessibility-panel button:hover {
  outline: 1px solid var(--a11y-accent);
}
html[data-a11y-color=grayscale] app-accessibility-panel button:focus-visible {
  outline-color: var(--a11y-accent);
}
html[data-a11y-color=grayscale] app-accessibility-panel .speech-controls button:disabled,
html[data-a11y-color=grayscale] app-accessibility-panel .speech-controls button[aria-disabled=true] {
  opacity: 0.5;
}
html[data-a11y-color=blue] {
  color-scheme: dark;
  --a11y-background: #063970;
  --a11y-surface: #063970;
  --a11y-text: #fff;
  --a11y-muted: #e1ecff;
  --a11y-accent: #fff;
  --a11y-on-accent: #063970;
  --surface-neutral: var(--a11y-surface);
  --surface-background: var(--a11y-background);
  --surface-background-2: var(--a11y-surface);
  --surface-page: var(--a11y-surface);
  --surface-sidebar: var(--a11y-surface);
  --text-primary: var(--a11y-text);
  --text-secondary: var(--a11y-muted);
  --text-light: var(--a11y-muted);
  --text-dark: var(--a11y-text);
  --text-disable: var(--a11y-muted);
  --text-link: var(--a11y-accent);
  --header-accent: var(--a11y-text);
  --border-color: var(--a11y-muted);
  --primary-color: var(--a11y-accent);
  --primary-active: var(--a11y-accent);
  --primary-light: var(--a11y-surface);
  --secondary-color: var(--a11y-surface);
  --secondary-light: var(--a11y-accent);
  --secondary-lighter: var(--a11y-muted);
  --glass-blur: none;
  --glass-edge: none;
  --glass-border: none;
  --glass-header-surface: var(--a11y-surface);
  --glass-selected-surface: var(--a11y-surface);
}
html[data-a11y-color=blue],
html[data-a11y-color=blue] app-main-layout,
html[data-a11y-color=blue] app-accessibility-panel,
html[data-a11y-color=blue] app-filter-panel,
html[data-a11y-color=blue] app-history-panel,
html[data-a11y-color=blue] .input-search {
  --sk-color-primary: var(--a11y-accent);
  --sk-color-primary-hover: var(--a11y-accent);
  --sk-color-primary-active: var(--a11y-accent);
  --sk-color-on-primary: var(--a11y-on-accent);
  --sk-color-text: var(--a11y-text);
  --sk-color-text-strong: var(--a11y-text);
  --sk-color-text-secondary: var(--a11y-muted);
  --sk-color-text-muted: var(--a11y-muted);
  --sk-color-surface: var(--a11y-surface);
  --sk-color-surface-page: var(--a11y-surface);
  --sk-color-surface-subtle: var(--a11y-surface);
  --sk-color-border: var(--a11y-muted);
  --sk-color-divider: var(--a11y-muted);
  --sk-input-background: var(--a11y-surface);
  --sk-input-color: var(--a11y-text);
  --sk-input-placeholder-color: var(--a11y-muted);
  --sk-input-slot-color: var(--a11y-text);
  --sk-input-border: 1px solid var(--a11y-muted);
  --sk-field-label-color: var(--a11y-text);
  --sk-checkbox-background: var(--a11y-surface);
  --sk-checkbox-border: var(--a11y-muted);
  --sk-color-error: var(--a11y-accent);
  --sk-checkbox-checked-background: var(--a11y-accent);
  --sk-checkbox-checked-border: var(--a11y-accent);
  --sk-checkbox-check-color: var(--a11y-on-accent);
  --sk-menu-background: var(--a11y-surface);
  --sk-menu-color: var(--a11y-text);
  --sk-menu-border: var(--a11y-muted);
  --sk-menu-option-selected: var(--a11y-accent);
  --sk-menu-option-selected-color: var(--a11y-on-accent);
  --sk-menu-option-hover: color-mix(in srgb, var(--a11y-accent) 15%, var(--a11y-surface));
  --sk-menu-option-active: var(--sk-menu-option-hover);
  --search-glass-background: var(--a11y-surface);
  --search-glass-border: 1px solid var(--a11y-muted);
}
html[data-a11y-color=blue] .login-container {
  background: var(--a11y-surface);
  border-color: var(--border-color);
}
html[data-a11y-color=blue] :is(.login-header h2, .login-header p, .system-title, .service-text) {
  color: var(--a11y-text) !important;
}
html[data-a11y-color=blue] .page-container:has(.login-container) {
  background: var(--a11y-background);
}
html[data-a11y-color=blue] app-main-layout .content::before,
html[data-a11y-color=blue] app-main-layout .hero-art,
html[data-a11y-color=blue] app-main-layout .blue-panel-shader {
  display: none;
}
html[data-a11y-color=blue] app-main-layout :is(.search-panel.search-panel, .history-panel.history-panel, .nav-container, .nav-actions) {
  background: var(--a11y-surface) !important;
  color: var(--a11y-text);
  border: 1px solid var(--border-color);
  animation: none;
}
html[data-a11y-color=blue] app-main-layout :is(.card, .category-card) {
  border: 1px solid var(--border-color);
}
html[data-a11y-color=blue] app-main-layout :is(.category-badge, .badge, .revision-badge, .type-chip) {
  background: var(--a11y-surface) !important;
  color: var(--a11y-text) !important;
  border-color: currentColor;
}
html[data-a11y-color=blue] app-main-layout :is(.back-link, .card-arrow, .category-chevron, .section-nav a, .lang-tabs button, app-document-actions button) {
  color: var(--a11y-accent);
}
html[data-a11y-color=blue] app-main-layout .section-nav a.active {
  background: var(--a11y-surface);
  border-color: currentColor;
}
html[data-a11y-color=blue] app-main-layout :is(.sk-input-text__shell, .sk-select__trigger, .sk-multi-select__trigger, .sk-autocomplete__shell) {
  background: var(--a11y-surface);
  border: 1px solid var(--border-color);
}
html[data-a11y-color=blue] app-main-layout .sk-button,
html[data-a11y-color=blue] app-main-layout .tax-code-shortcut {
  background: var(--a11y-accent) !important;
  border-color: var(--a11y-accent) !important;
  color: var(--a11y-on-accent) !important;
}
html[data-a11y-color=blue] app-main-layout re-icon,
html[data-a11y-color=blue] app-main-layout re-icon > span {
  color: inherit !important;
}
html[data-a11y-color=blue] app-main-layout .sk-button :is(svg, path) {
  fill: currentColor;
}
html[data-a11y-color=blue] app-main-layout a:focus-visible,
html[data-a11y-color=blue] app-main-layout button:focus-visible {
  outline-color: var(--a11y-accent);
}
html[data-a11y-color=blue] app-accessibility-panel :is(.accessibility-trigger, .trigger-icon, .speech-controls, .speech-controls button, .options button, .reset-button) {
  background: var(--a11y-surface) !important;
  color: var(--a11y-text) !important;
  border: 1px solid var(--border-color);
}
html[data-a11y-color=blue] app-accessibility-panel .options button[aria-pressed=true] {
  background: var(--a11y-accent) !important;
  color: var(--a11y-on-accent) !important;
  border-color: var(--a11y-accent);
}
html[data-a11y-color=blue] app-accessibility-panel button:hover {
  outline: 1px solid var(--a11y-accent);
}
html[data-a11y-color=blue] app-accessibility-panel button:focus-visible {
  outline-color: var(--a11y-accent);
}
html[data-a11y-color=blue] app-accessibility-panel .speech-controls button:disabled,
html[data-a11y-color=blue] app-accessibility-panel .speech-controls button[aria-disabled=true] {
  opacity: 0.5;
}
html[data-a11y-color=contrast] {
  color-scheme: dark;
  --a11y-background: #000;
  --a11y-surface: #000;
  --a11y-text: #fff;
  --a11y-muted: #fff;
  --a11y-accent: #ffe55c;
  --a11y-on-accent: #000;
  --surface-neutral: var(--a11y-surface);
  --surface-background: var(--a11y-background);
  --surface-background-2: var(--a11y-surface);
  --surface-page: var(--a11y-surface);
  --surface-sidebar: var(--a11y-surface);
  --text-primary: var(--a11y-text);
  --text-secondary: var(--a11y-muted);
  --text-light: var(--a11y-muted);
  --text-dark: var(--a11y-text);
  --text-disable: var(--a11y-muted);
  --text-link: var(--a11y-accent);
  --header-accent: var(--a11y-text);
  --border-color: var(--a11y-muted);
  --primary-color: var(--a11y-accent);
  --primary-active: var(--a11y-accent);
  --primary-light: var(--a11y-surface);
  --secondary-color: var(--a11y-surface);
  --secondary-light: var(--a11y-accent);
  --secondary-lighter: var(--a11y-muted);
  --glass-blur: none;
  --glass-edge: none;
  --glass-border: none;
  --glass-header-surface: var(--a11y-surface);
  --glass-selected-surface: var(--a11y-surface);
}
html[data-a11y-color=contrast],
html[data-a11y-color=contrast] app-main-layout,
html[data-a11y-color=contrast] app-accessibility-panel,
html[data-a11y-color=contrast] app-filter-panel,
html[data-a11y-color=contrast] app-history-panel,
html[data-a11y-color=contrast] .input-search {
  --sk-color-primary: var(--a11y-accent);
  --sk-color-primary-hover: var(--a11y-accent);
  --sk-color-primary-active: var(--a11y-accent);
  --sk-color-on-primary: var(--a11y-on-accent);
  --sk-color-text: var(--a11y-text);
  --sk-color-text-strong: var(--a11y-text);
  --sk-color-text-secondary: var(--a11y-muted);
  --sk-color-text-muted: var(--a11y-muted);
  --sk-color-surface: var(--a11y-surface);
  --sk-color-surface-page: var(--a11y-surface);
  --sk-color-surface-subtle: var(--a11y-surface);
  --sk-color-border: var(--a11y-muted);
  --sk-color-divider: var(--a11y-muted);
  --sk-input-background: var(--a11y-surface);
  --sk-input-color: var(--a11y-text);
  --sk-input-placeholder-color: var(--a11y-muted);
  --sk-input-slot-color: var(--a11y-text);
  --sk-input-border: 1px solid var(--a11y-muted);
  --sk-field-label-color: var(--a11y-text);
  --sk-checkbox-background: var(--a11y-surface);
  --sk-checkbox-border: var(--a11y-muted);
  --sk-color-error: var(--a11y-accent);
  --sk-checkbox-checked-background: var(--a11y-accent);
  --sk-checkbox-checked-border: var(--a11y-accent);
  --sk-checkbox-check-color: var(--a11y-on-accent);
  --sk-menu-background: var(--a11y-surface);
  --sk-menu-color: var(--a11y-text);
  --sk-menu-border: var(--a11y-muted);
  --sk-menu-option-selected: var(--a11y-accent);
  --sk-menu-option-selected-color: var(--a11y-on-accent);
  --sk-menu-option-hover: color-mix(in srgb, var(--a11y-accent) 15%, var(--a11y-surface));
  --sk-menu-option-active: var(--sk-menu-option-hover);
  --search-glass-background: var(--a11y-surface);
  --search-glass-border: 1px solid var(--a11y-muted);
}
html[data-a11y-color=contrast] .login-container {
  background: var(--a11y-surface);
  border-color: var(--border-color);
}
html[data-a11y-color=contrast] :is(.login-header h2, .login-header p, .system-title, .service-text) {
  color: var(--a11y-text) !important;
}
html[data-a11y-color=contrast] .page-container:has(.login-container) {
  background: var(--a11y-background);
}
html[data-a11y-color=contrast] app-main-layout .content::before,
html[data-a11y-color=contrast] app-main-layout .hero-art,
html[data-a11y-color=contrast] app-main-layout .blue-panel-shader {
  display: none;
}
html[data-a11y-color=contrast] app-main-layout :is(.search-panel.search-panel, .history-panel.history-panel, .nav-container, .nav-actions) {
  background: var(--a11y-surface) !important;
  color: var(--a11y-text);
  border: 1px solid var(--border-color);
  animation: none;
}
html[data-a11y-color=contrast] app-main-layout :is(.card, .category-card) {
  border: 1px solid var(--border-color);
}
html[data-a11y-color=contrast] app-main-layout :is(.category-badge, .badge, .revision-badge, .type-chip) {
  background: var(--a11y-surface) !important;
  color: var(--a11y-text) !important;
  border-color: currentColor;
}
html[data-a11y-color=contrast] app-main-layout :is(.back-link, .card-arrow, .category-chevron, .section-nav a, .lang-tabs button, app-document-actions button) {
  color: var(--a11y-accent);
}
html[data-a11y-color=contrast] app-main-layout .section-nav a.active {
  background: var(--a11y-surface);
  border-color: currentColor;
}
html[data-a11y-color=contrast] app-main-layout :is(.sk-input-text__shell, .sk-select__trigger, .sk-multi-select__trigger, .sk-autocomplete__shell) {
  background: var(--a11y-surface);
  border: 1px solid var(--border-color);
}
html[data-a11y-color=contrast] app-main-layout .sk-button,
html[data-a11y-color=contrast] app-main-layout .tax-code-shortcut {
  background: var(--a11y-accent) !important;
  border-color: var(--a11y-accent) !important;
  color: var(--a11y-on-accent) !important;
}
html[data-a11y-color=contrast] app-main-layout re-icon,
html[data-a11y-color=contrast] app-main-layout re-icon > span {
  color: inherit !important;
}
html[data-a11y-color=contrast] app-main-layout .sk-button :is(svg, path) {
  fill: currentColor;
}
html[data-a11y-color=contrast] app-main-layout a:focus-visible,
html[data-a11y-color=contrast] app-main-layout button:focus-visible {
  outline-color: var(--a11y-accent);
}
html[data-a11y-color=contrast] app-accessibility-panel :is(.accessibility-trigger, .trigger-icon, .speech-controls, .speech-controls button, .options button, .reset-button) {
  background: var(--a11y-surface) !important;
  color: var(--a11y-text) !important;
  border: 1px solid var(--border-color);
}
html[data-a11y-color=contrast] app-accessibility-panel .options button[aria-pressed=true] {
  background: var(--a11y-accent) !important;
  color: var(--a11y-on-accent) !important;
  border-color: var(--a11y-accent);
}
html[data-a11y-color=contrast] app-accessibility-panel button:hover {
  outline: 1px solid var(--a11y-accent);
}
html[data-a11y-color=contrast] app-accessibility-panel button:focus-visible {
  outline-color: var(--a11y-accent);
}
html[data-a11y-color=contrast] app-accessibility-panel .speech-controls button:disabled,
html[data-a11y-color=contrast] app-accessibility-panel .speech-controls button[aria-disabled=true] {
  opacity: 0.5;
}
html[data-a11y-color=grayscale] app-main-layout img {
  filter: grayscale(1);
}
html[data-a11y-size]:not([data-a11y-size=normal]) app-tax-legislation-component .container-cards {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
}
@media (max-width: 768px) {
  app-filter-panel {
    --sk-input-height: max(44px, calc(34px * var(--a11y-font-scale, 1)));
    --sk-button-height: var(--sk-input-height);
    --sk-input-font-size: calc(13px * var(--a11y-font-scale, 1));
  }
  app-filter-panel input,
  app-filter-panel input::placeholder {
    font-size: var(--sk-input-font-size);
  }
  app-filter-panel .search-panel {
    padding: 12px;
  }
  app-filter-panel .sidebar-panel.sidebar-panel.sidebar-panel {
    background-image: none;
  }
  app-filter-panel .panel-header {
    gap: 8px;
  }
  app-filter-panel app-search-action .sk-button__label,
  app-filter-panel app-search-action .sk-button > span:not([aria-hidden=true]) {
    display: none;
  }
  app-filter-panel app-search-action .sk-button re-icon {
    flex-shrink: 0;
  }
  app-filter-panel app-search-action .sk-button {
    padding-inline: 0;
    width: var(--sk-input-height);
    min-width: var(--sk-input-height);
  }
  app-history-panel {
    width: 100%;
    --sk-input-height: max(44px, calc(34px * var(--a11y-font-scale, 1)));
  }
  app-history-panel app-export-action,
  app-history-panel app-export-action sk-button {
    display: block;
    width: 100%;
  }
  app-history-panel app-export-action .sk-button {
    width: 100% !important;
  }
}
@media print {
  app-accessibility-panel {
    display: none;
  }
}
html[data-a11y-size]:not([data-a11y-size=normal]) app-document .docx-library-preview .docx-wrapper {
  min-width: 0;
  padding: 8px !important;
}
html[data-a11y-size]:not([data-a11y-size=normal]) app-document .docx-library-preview section.docx {
  width: 100% !important;
  min-height: 0 !important;
  padding: 1rem !important;
  font-size: calc(14px * var(--a11y-font-scale));
}
html[data-a11y-size]:not([data-a11y-size=normal]) app-document .docx-library-preview section.docx * {
  font-size: inherit !important;
  line-height: 1.5 !important;
}
html[data-a11y-size]:not([data-a11y-size=normal]) app-document .docx-library-preview table {
  max-width: 100%;
}
html[data-a11y-size]:not([data-a11y-size=normal]) app-document .docx-library-preview td,
html[data-a11y-size]:not([data-a11y-size=normal]) app-document .docx-library-preview th {
  height: auto !important;
  overflow-wrap: anywhere;
}
html[data-a11y-color]:not([data-a11y-color=default]) app-document .docx-library-preview section.docx {
  background: var(--surface-neutral) !important;
  color: var(--text-primary) !important;
}
html[data-a11y-color]:not([data-a11y-color=default]) app-document .docx-library-preview section.docx * {
  background-color: transparent !important;
  color: inherit !important;
  border-color: var(--text-primary) !important;
}
app-main-layout.guest-layout :is(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid var(--text-primary) !important;
  outline-offset: 3px;
}
html:not([data-a11y-color]) app-main-layout.guest-layout,
html[data-a11y-color=default] app-main-layout.guest-layout {
  --guest-link: #176497;
}
html:not([data-a11y-color]) app-main-layout.guest-layout .category-badge,
html:not([data-a11y-color]) app-main-layout.guest-layout .revision-badge,
html[data-a11y-color=default] app-main-layout.guest-layout .category-badge,
html[data-a11y-color=default] app-main-layout.guest-layout .revision-badge {
  color: #0866a4;
  background: #eaf6ff;
}
html:not([data-a11y-color]) app-main-layout.guest-layout .badge.active,
html[data-a11y-color=default] app-main-layout.guest-layout .badge.active {
  color: #147744;
  background: #f1fff7;
}
html:not([data-a11y-color]) app-main-layout.guest-layout app-filter-panel,
html:not([data-a11y-color]) app-main-layout.guest-layout app-history-panel,
html[data-a11y-color=default] app-main-layout.guest-layout app-filter-panel,
html[data-a11y-color=default] app-main-layout.guest-layout app-history-panel {
  --sk-color-primary: #176497;
  --sk-color-primary-hover: #124d75;
  --sk-color-primary-active: #0d3b5b;
  --sk-color-on-primary: #fff;
  --sk-button-background: #176497;
  --sk-button-border-color: #176497;
}
html:not([data-a11y-color]) app-main-layout.guest-layout .tax-code-shortcut,
html[data-a11y-color=default] app-main-layout.guest-layout .tax-code-shortcut {
  background: #176497;
  color: #fff;
}
html:not([data-a11y-color]) app-main-layout.guest-layout .tax-code-shortcut:hover,
html:not([data-a11y-color]) app-main-layout.guest-layout .tax-code-shortcut:active,
html[data-a11y-color=default] app-main-layout.guest-layout .tax-code-shortcut:hover,
html[data-a11y-color=default] app-main-layout.guest-layout .tax-code-shortcut:active {
  background: #124d75;
}
html:not([data-a11y-color]) app-main-layout.guest-layout .back-link,
html:not([data-a11y-color]) app-main-layout.guest-layout .card-arrow,
html:not([data-a11y-color]) app-main-layout.guest-layout .lang-tabs button.active,
html:not([data-a11y-color]) app-main-layout.guest-layout app-document-actions section > button,
html[data-a11y-color=default] app-main-layout.guest-layout .back-link,
html[data-a11y-color=default] app-main-layout.guest-layout .card-arrow,
html[data-a11y-color=default] app-main-layout.guest-layout .lang-tabs button.active,
html[data-a11y-color=default] app-main-layout.guest-layout app-document-actions section > button {
  color: var(--guest-link);
}
html:not([data-a11y-color]) app-main-layout.guest-layout .lang-tabs button.active,
html[data-a11y-color=default] app-main-layout.guest-layout .lang-tabs button.active {
  border-color: var(--guest-link);
}
html.re-dark:not([data-a11y-color]) app-main-layout.guest-layout,
html.re-dark[data-a11y-color=default] app-main-layout.guest-layout {
  --guest-link: #9ac6ff;
}
html[data-a11y-sound=on] .guest-layout main {
  padding-bottom: 6rem;
}
*,
::before,
::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
*,
::before,
::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: var(--gray-200);
}
::before,
::after {
  --tw-content: "";
}
html,
:host {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  tab-size: 4;
  font-family: var(--font-family);
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent;
}
body {
  margin: 0;
  line-height: inherit;
}
hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}
abbr:where([title]) {
  text-decoration: underline dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
a {
  color: inherit;
  text-decoration: inherit;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp,
pre {
  font-family:
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace;
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}
button,
select {
  text-transform: none;
}
button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
}
:-moz-focusring {
  outline: auto;
}
:-moz-ui-invalid {
  box-shadow: none;
}
progress {
  vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
summary {
  display: list-item;
}
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
dialog {
  padding: 0;
}
textarea {
  resize: vertical;
}
input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: var(--gray-400);
}
button,
[role=button] {
  cursor: pointer;
}
:disabled {
  cursor: default;
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}
img,
video {
  max-width: 100%;
  height: auto;
}
[hidden]:where(:not([hidden=until-found])) {
  display: none;
}
:root,
[data-theme] {
  background-color: var(--fallback-b1,oklch(var(--b1)/1));
  color: var(--fallback-bc,oklch(var(--bc)/1));
}
@supports not (color: oklch(0% 0 0)) {
  :root {
    color-scheme: light;
    --fallback-p: #491eff;
    --fallback-pc: #d4dbff;
    --fallback-s: #ff41c7;
    --fallback-sc: #fff9fc;
    --fallback-a: #00cfbd;
    --fallback-ac: #00100d;
    --fallback-n: #2b3440;
    --fallback-nc: #d7dde4;
    --fallback-b1: #ffffff;
    --fallback-b2: #e5e6e6;
    --fallback-b3: #e5e6e6;
    --fallback-bc: #1f2937;
    --fallback-in: #00b3f0;
    --fallback-inc: #000000;
    --fallback-su: #00ca92;
    --fallback-suc: #000000;
    --fallback-wa: #ffc22d;
    --fallback-wac: #000000;
    --fallback-er: #ff6f70;
    --fallback-erc: #000000;
  }
  @media (prefers-color-scheme: dark) {
    :root {
      color-scheme: dark;
      --fallback-p: #7582ff;
      --fallback-pc: #050617;
      --fallback-s: #ff71cf;
      --fallback-sc: #190211;
      --fallback-a: #00c7b5;
      --fallback-ac: #000e0c;
      --fallback-n: #2a323c;
      --fallback-nc: #a6adbb;
      --fallback-b1: #1d232a;
      --fallback-b2: #191e24;
      --fallback-b3: #15191e;
      --fallback-bc: #a6adbb;
      --fallback-in: #00b3f0;
      --fallback-inc: #000000;
      --fallback-su: #00ca92;
      --fallback-suc: #000000;
      --fallback-wa: #ffc22d;
      --fallback-wac: #000000;
      --fallback-er: #ff6f70;
      --fallback-erc: #000000;
    }
  }
}
html {
  -webkit-tap-highlight-color: transparent;
}
* {
  scrollbar-color: color-mix(in oklch, currentColor 35%, transparent) transparent;
}
*:hover {
  scrollbar-color: color-mix(in oklch, currentColor 60%, transparent) transparent;
}
:root {
  color-scheme: light;
  --in: 72.06% 0.191 231.6;
  --su: 64.8% 0.150 160;
  --wa: 84.71% 0.199 83.87;
  --er: 71.76% 0.221 22.18;
  --pc: 89.824% 0.06192 275.75;
  --ac: 15.352% 0.0368 183.61;
  --inc: 0% 0 0;
  --suc: 0% 0 0;
  --wac: 0% 0 0;
  --erc: 0% 0 0;
  --rounded-box: 1rem;
  --rounded-btn: 0.5rem;
  --rounded-badge: 1.9rem;
  --animation-btn: 0.25s;
  --animation-input: .2s;
  --btn-focus-scale: 0.95;
  --border-btn: 1px;
  --tab-border: 1px;
  --tab-radius: 0.5rem;
  --p: 49.12% 0.3096 275.75;
  --s: 69.71% 0.329 342.55;
  --sc: 98.71% 0.0106 342.55;
  --a: 76.76% 0.184 183.61;
  --n: 32.1785% 0.02476 255.701624;
  --nc: 89.4994% 0.011585 252.096176;
  --b1: 100% 0 0;
  --b2: 96.1151% 0 0;
  --b3: 92.4169% 0.00108 197.137559;
  --bc: 27.8078% 0.029596 256.847952;
}
.\!container {
  width: 100% !important;
}
.container {
  width: 100%;
}
@media (min-width: 480px) {
  .\!container {
    max-width: 480px !important;
  }
  .container {
    max-width: 480px;
  }
}
@media (min-width: 768px) {
  .\!container {
    max-width: 768px !important;
  }
  .container {
    max-width: 768px;
  }
}
@media (min-width: 1366px) {
  .\!container {
    max-width: 1366px !important;
  }
  .container {
    max-width: 1366px;
  }
}
@media (min-width: 1400px) {
  .\!container {
    max-width: 1400px !important;
  }
  .container {
    max-width: 1400px;
  }
}
.avatar.placeholder > div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke,
    opacity,
    box-shadow,
    transform,
    filter,
    backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-duration: 200ms;
  height: 1.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  width: fit-content;
  padding-left: 0.563rem;
  padding-right: 0.563rem;
  border-radius: var(--rounded-badge, 1.9rem);
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
  --tw-text-opacity: 1;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
}
.breadcrumbs {
  max-width: 100%;
  overflow-x: auto;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.breadcrumbs > ul,
.breadcrumbs > ol {
  display: flex;
  align-items: center;
  white-space: nowrap;
  min-height: min-content;
}
.breadcrumbs > ul > li,
.breadcrumbs > ol > li {
  display: flex;
  align-items: center;
}
.breadcrumbs > ul > li > a,
.breadcrumbs > ol > li > a {
  display: flex;
  cursor: pointer;
  align-items: center;
}
@media (hover: hover) {
  .breadcrumbs > ul > li > a:hover,
  .breadcrumbs > ol > li > a:hover {
    text-decoration-line: underline;
  }
  .label a:hover {
    --tw-text-opacity: 1;
    color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
  }
  .menu li > *:not(ul, .menu-title, details, .btn):active,
  .menu li > *:not(ul, .menu-title, details, .btn).active,
  .menu li > details > summary:active {
    --tw-bg-opacity: 1;
    background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
    --tw-text-opacity: 1;
    color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));
  }
  .tab:hover {
    --tw-text-opacity: 1;
  }
  .\!table tr.hover:hover,
  .\!table tr.hover:nth-child(even):hover {
    --tw-bg-opacity: 1 !important;
    background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))) !important;
  }
  .table tr.hover:hover,
  .table tr.hover:nth-child(even):hover {
    --tw-bg-opacity: 1;
    background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
  }
  .\!table tr.hover:hover,
  .\!table tr.hover:nth-child(even):hover {
    --tw-bg-opacity: 1 !important;
    background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))) !important;
  }
  .table-zebra tr.hover:hover,
  .table-zebra tr.hover:nth-child(even):hover {
    --tw-bg-opacity: 1;
    background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));
  }
}
.card {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: var(--rounded-box, 1rem);
}
.card:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.card figure {
  display: flex;
  align-items: center;
  justify-content: center;
}
.card.image-full {
  display: grid;
}
.card.image-full:before {
  position: relative;
  content: "";
  z-index: 10;
  border-radius: var(--rounded-box, 1rem);
  --tw-bg-opacity: 1;
  background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
  opacity: 0.75;
}
.card.image-full:before,
.card.image-full > * {
  grid-column-start: 1;
  grid-row-start: 1;
}
.card.image-full > figure img {
  height: 100%;
  object-fit: cover;
}
.card.image-full > .card-body {
  position: relative;
  z-index: 20;
  --tw-text-opacity: 1;
  color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));
}
.collapse:not(td):not(tr):not(colgroup) {
  visibility: visible;
}
.collapse {
  position: relative;
  display: grid;
  overflow: hidden;
  grid-template-rows: max-content 0fr;
  transition: grid-template-rows 0.2s;
  width: 100%;
  border-radius: var(--rounded-box, 1rem);
}
.collapse-title,
.collapse > input[type=checkbox],
.collapse > input[type=radio],
.collapse-content {
  grid-column-start: 1;
  grid-row-start: 1;
}
.collapse > input[type=checkbox],
.collapse > input[type=radio] {
  appearance: none;
  opacity: 0;
}
:where(.collapse > input[type=checkbox]),
:where(.collapse > input[type=radio]) {
  height: 100%;
  width: 100%;
  z-index: 1;
}
.collapse[open],
.collapse-open,
.collapse:focus:not(.collapse-close) {
  grid-template-rows: max-content 1fr;
}
.collapse:not(.collapse-close):has(> input[type=checkbox]:checked),
.collapse:not(.collapse-close):has(> input[type=radio]:checked) {
  grid-template-rows: max-content 1fr;
}
.collapse[open] > .collapse-content,
.collapse-open > .collapse-content,
.collapse:focus:not(.collapse-close) > .collapse-content,
.collapse:not(.collapse-close) > input[type=checkbox]:checked ~ .collapse-content,
.collapse:not(.collapse-close) > input[type=radio]:checked ~ .collapse-content {
  visibility: visible;
  min-height: fit-content;
}
.drawer {
  position: relative;
  display: grid;
  grid-auto-columns: max-content auto;
  width: 100%;
}
@media (hover: hover) {
  .btm-nav > *.disabled:hover,
  .btm-nav > *[disabled]:hover {
    pointer-events: none;
    --tw-border-opacity: 0;
    background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
    --tw-bg-opacity: 0.1;
    color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
    --tw-text-opacity: 0.2;
  }
  :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(.active, .btn):hover,
  :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.active, .btn):hover {
    cursor: pointer;
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
  @supports (color: oklch(0% 0 0)) {
    :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(.active, .btn):hover,
    :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.active, .btn):hover {
      background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
    }
  }
  .tab[disabled],
  .tab[disabled]:hover {
    cursor: not-allowed;
    color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
    --tw-text-opacity: 0.2;
  }
}
.footer {
  display: grid;
  width: 100%;
  grid-auto-flow: row;
  place-items: start;
  column-gap: 1rem;
  row-gap: 2.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.footer > * {
  display: grid;
  place-items: start;
  gap: 0.5rem;
}
@media (min-width: 48rem) {
  .footer {
    grid-auto-flow: column;
  }
  .footer-center {
    grid-auto-flow: row dense;
  }
}
.label {
  display: flex;
  -webkit-user-select: none;
  user-select: none;
  align-items: center;
  justify-content: space-between;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.input {
  flex-shrink: 1;
  appearance: none;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  line-height: 2;
  line-height: 1.5rem;
  border-radius: var(--rounded-btn, 0.5rem);
  border-width: 1px;
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
}
.input[type=number]::-webkit-inner-spin-button,
.input-md[type=number]::-webkit-inner-spin-button {
  margin-top: -1rem;
  margin-bottom: -1rem;
  margin-inline-end: -1rem;
}
.join {
  display: inline-flex;
  align-items: stretch;
  border-radius: var(--rounded-btn, 0.5rem);
}
.join :where(.join-item) {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
  border-end-start-radius: 0;
  border-start-start-radius: 0;
}
.join .join-item:not(:first-child):not(:last-child),
.join *:not(:first-child):not(:last-child) .join-item {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
  border-end-start-radius: 0;
  border-start-start-radius: 0;
}
.join .join-item:first-child:not(:last-child),
.join *:first-child:not(:last-child) .join-item {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}
.join .dropdown .join-item:first-child:not(:last-child),
.join *:first-child:not(:last-child) .dropdown .join-item {
  border-start-end-radius: inherit;
  border-end-end-radius: inherit;
}
.join :where(.join-item:first-child:not(:last-child)),
.join :where(*:first-child:not(:last-child) .join-item) {
  border-end-start-radius: inherit;
  border-start-start-radius: inherit;
}
.join .join-item:last-child:not(:first-child),
.join *:last-child:not(:first-child) .join-item {
  border-end-start-radius: 0;
  border-start-start-radius: 0;
}
.join :where(.join-item:last-child:not(:first-child)),
.join :where(*:last-child:not(:first-child) .join-item) {
  border-start-end-radius: inherit;
  border-end-end-radius: inherit;
}
@supports not selector(:has(*)) {
  :where(.join *) {
    border-radius: inherit;
  }
}
@supports selector(:has(*)) {
  :where(.join *:has(.join-item)) {
    border-radius: inherit;
  }
}
.link {
  cursor: pointer;
  text-decoration-line: underline;
}
.menu {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0.5rem;
}
.menu :where(li ul) {
  position: relative;
  white-space: nowrap;
  margin-inline-start: 1rem;
  padding-inline-start: 0.5rem;
}
.menu :where(li:not(.menu-title) > *:not(ul, details, .menu-title, .btn)),
.menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
  display: grid;
  grid-auto-flow: column;
  align-content: flex-start;
  align-items: center;
  gap: 0.5rem;
  grid-auto-columns: minmax(auto, max-content) auto max-content;
  -webkit-user-select: none;
  user-select: none;
}
.menu li.disabled {
  cursor: not-allowed;
  -webkit-user-select: none;
  user-select: none;
  color: var(--fallback-bc,oklch(var(--bc)/0.3));
}
.menu :where(li > .menu-dropdown:not(.menu-dropdown-show)) {
  display: none;
}
:where(.menu li) {
  position: relative;
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: stretch;
}
:where(.menu li) .badge {
  justify-self: end;
}
.modal {
  pointer-events: none;
  position: fixed;
  inset: 0px;
  margin: 0px;
  display: grid;
  height: 100%;
  max-height: none;
  width: 100%;
  max-width: none;
  justify-items: center;
  padding: 0px;
  opacity: 0;
  overscroll-behavior: contain;
  z-index: 999;
  background-color: transparent;
  color: inherit;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-property:
    transform,
    opacity,
    visibility;
  overflow-y: hidden;
}
:where(.modal) {
  align-items: center;
}
.modal-open,
.modal:target,
.modal-toggle:checked + .modal,
.modal[open] {
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
}
:root:has(:is(.modal-open, .modal:target, .modal-toggle:checked + .modal, .modal[open])) {
  overflow: hidden;
  scrollbar-gutter: stable;
}
.progress {
  position: relative;
  width: 100%;
  appearance: none;
  overflow: hidden;
  height: 0.5rem;
  border-radius: var(--rounded-box, 1rem);
  background-color: var(--fallback-bc,oklch(var(--bc)/0.2));
}
.\!range {
  height: 1.5rem !important;
  width: 100% !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  --range-shdw: var(--fallback-bc,oklch(var(--bc)/1)) !important;
  overflow: hidden !important;
  border-radius: var(--rounded-box, 1rem) !important;
  background-color: transparent !important;
}
.range {
  height: 1.5rem;
  width: 100%;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  --range-shdw: var(--fallback-bc,oklch(var(--bc)/1));
  overflow: hidden;
  border-radius: var(--rounded-box, 1rem);
  background-color: transparent;
}
.\!range:focus {
  outline: none !important;
}
.range:focus {
  outline: none;
}
.rating {
  position: relative;
  display: inline-flex;
}
.rating :where(input) {
  cursor: pointer;
  border-radius: 0px;
  animation: rating-pop var(--animation-input, 0.25s) ease-out;
  height: 1.5rem;
  width: 1.5rem;
  background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
  --tw-bg-opacity: 1;
}
.select {
  display: inline-flex;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  appearance: none;
  height: 3rem;
  min-height: 3rem;
  padding-inline-start: 1rem;
  padding-inline-end: 2.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 2;
  border-radius: var(--rounded-btn, 0.5rem);
  border-width: 1px;
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
  background-image:
    linear-gradient(
      45deg,
      transparent 50%,
      currentColor 50%),
    linear-gradient(
      135deg,
      currentColor 50%,
      transparent 50%);
  background-position: calc(100% - 20px) calc(1px + 50%), calc(100% - 16.1px) calc(1px + 50%);
  background-size: 4px 4px, 4px 4px;
  background-repeat: no-repeat;
}
.select[multiple] {
  height: auto;
}
.stats {
  display: inline-grid;
  border-radius: var(--rounded-box, 1rem);
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
  --tw-text-opacity: 1;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
}
:where(.stats) {
  grid-auto-flow: column;
  overflow-x: auto;
}
.stat {
  display: inline-grid;
  width: 100%;
  grid-template-columns: repeat(1, 1fr);
  column-gap: 1rem;
  border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
  --tw-border-opacity: 0.1;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.steps {
  display: inline-grid;
  grid-auto-flow: column;
  overflow: hidden;
  overflow-x: auto;
  counter-reset: step;
  grid-auto-columns: 1fr;
}
.steps .step {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  grid-template-columns: auto;
  grid-template-rows: repeat(2, minmax(0, 1fr));
  grid-template-rows: 40px 1fr;
  place-items: center;
  text-align: center;
  min-width: 4rem;
}
.swap {
  position: relative;
  display: inline-grid;
  -webkit-user-select: none;
  user-select: none;
  place-content: center;
  cursor: pointer;
}
.swap > * {
  grid-column-start: 1;
  grid-row-start: 1;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-property: transform, opacity;
}
.swap input {
  appearance: none;
}
.swap .swap-on,
.swap .swap-indeterminate,
.swap input:indeterminate ~ .swap-on {
  opacity: 0;
}
.swap input:checked ~ .swap-off,
.swap-active .swap-off,
.swap input:indeterminate ~ .swap-off {
  opacity: 0;
}
.swap input:checked ~ .swap-on,
.swap-active .swap-on,
.swap input:indeterminate ~ .swap-indeterminate {
  opacity: 1;
}
.tabs {
  display: grid;
  align-items: flex-end;
}
.tabs-lifted:has(.tab-content[class^=rounded-]) .tab:first-child:not(:is(.tab-active, [aria-selected=true])),
.tabs-lifted:has(.tab-content[class*=" rounded-"]) .tab:first-child:not(:is(.tab-active, [aria-selected=true])) {
  border-bottom-color: transparent;
}
.tab {
  position: relative;
  grid-row-start: 1;
  display: inline-flex;
  height: 2rem;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  appearance: none;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 2;
  --tab-padding: 1rem;
  --tw-text-opacity: 0.5;
  --tab-color: var(--fallback-bc,oklch(var(--bc)/1));
  --tab-bg: var(--fallback-b1,oklch(var(--b1)/1));
  --tab-border-color: var(--fallback-b3,oklch(var(--b3)/1));
  color: var(--tab-color);
  padding-inline-start: var(--tab-padding, 1rem);
  padding-inline-end: var(--tab-padding, 1rem);
}
.tab:is(input[type=radio]) {
  width: auto;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.tab:is(input[type=radio]):after {
  --tw-content: attr(aria-label);
  content: var(--tw-content);
}
.tab:not(input):empty {
  cursor: default;
  grid-column-start: span 9999;
}
input.tab:checked + .tab-content,
:is(.tab-active, [aria-selected=true]) + .tab-content {
  display: block;
}
.\!table {
  position: relative !important;
  width: 100% !important;
  border-radius: var(--rounded-box, 1rem) !important;
  text-align: left !important;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}
.table {
  position: relative;
  width: 100%;
  border-radius: var(--rounded-box, 1rem);
  text-align: left;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.\!table :where(.table-pin-rows thead tr) {
  position: sticky !important;
  top: 0px !important;
  z-index: 1 !important;
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))) !important;
}
.table :where(.table-pin-rows thead tr) {
  position: sticky;
  top: 0px;
  z-index: 1;
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
}
.\!table :where(.table-pin-rows tfoot tr) {
  position: sticky !important;
  bottom: 0px !important;
  z-index: 1 !important;
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))) !important;
}
.table :where(.table-pin-rows tfoot tr) {
  position: sticky;
  bottom: 0px;
  z-index: 1;
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
}
.\!table :where(.table-pin-cols tr th) {
  position: sticky !important;
  left: 0px !important;
  right: 0px !important;
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))) !important;
}
.table :where(.table-pin-cols tr th) {
  position: sticky;
  left: 0px;
  right: 0px;
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
}
.textarea {
  min-height: 3rem;
  flex-shrink: 1;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 2;
  border-radius: var(--rounded-btn, 0.5rem);
  border-width: 1px;
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
}
.toast {
  position: fixed;
  display: flex;
  min-width: fit-content;
  flex-direction: column;
  white-space: nowrap;
  gap: 0.5rem;
  padding: 1rem;
}
.toggle {
  flex-shrink: 0;
  --tglbg: var(--fallback-b1,oklch(var(--b1)/1));
  --handleoffset: 1.5rem;
  --handleoffsetcalculator: calc(var(--handleoffset) * -1);
  --togglehandleborder: 0 0;
  height: 1.5rem;
  width: 3rem;
  cursor: pointer;
  appearance: none;
  border-radius: var(--rounded-badge, 1.9rem);
  border-width: 1px;
  border-color: currentColor;
  background-color: currentColor;
  color: var(--fallback-bc,oklch(var(--bc)/0.5));
  transition: background, box-shadow var(--animation-input, 0.2s) ease-out;
  box-shadow:
    var(--handleoffsetcalculator) 0 0 2px var(--tglbg) inset,
    0 0 0 2px var(--tglbg) inset,
    var(--togglehandleborder);
}
.btm-nav > *:where(.active) {
  border-top-width: 2px;
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
}
.btm-nav > *.disabled,
.btm-nav > *[disabled] {
  pointer-events: none;
  --tw-border-opacity: 0;
  background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
  --tw-bg-opacity: 0.1;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
  --tw-text-opacity: 0.2;
}
.btm-nav > * .label {
  font-size: 1rem;
  line-height: 1.5rem;
}
.breadcrumbs > ul > li > a:focus,
.breadcrumbs > ol > li > a:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.breadcrumbs > ul > li > a:focus-visible,
.breadcrumbs > ol > li > a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
.breadcrumbs > ul > li + *:before,
.breadcrumbs > ol > li + *:before {
  content: "";
  margin-left: 0.5rem;
  margin-right: 0.75rem;
  display: block;
  height: 0.375rem;
  width: 0.375rem;
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0.4;
  border-top: 1px solid;
  border-right: 1px solid;
  background-color: transparent;
}
[dir=rtl] .breadcrumbs > ul > li + *:before,
[dir=rtl] .breadcrumbs > ol > li + *:before {
  --tw-rotate: -135deg;
}
@keyframes button-pop {
  0% {
    transform: scale(var(--btn-focus-scale, 0.98));
  }
  40% {
    transform: scale(1.02);
  }
  100% {
    transform: scale(1);
  }
}
.card :where(figure:first-child) {
  overflow: hidden;
  border-start-start-radius: inherit;
  border-start-end-radius: inherit;
  border-end-start-radius: unset;
  border-end-end-radius: unset;
}
.card :where(figure:last-child) {
  overflow: hidden;
  border-start-start-radius: unset;
  border-start-end-radius: unset;
  border-end-start-radius: inherit;
  border-end-end-radius: inherit;
}
.card:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
.card.bordered {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
}
.card.compact .card-body {
  padding: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.card.image-full :where(figure) {
  overflow: hidden;
  border-radius: inherit;
}
@keyframes checkmark {
  0% {
    background-position-y: 5px;
  }
  50% {
    background-position-y: -2px;
  }
  100% {
    background-position-y: 0;
  }
}
details.collapse {
  width: 100%;
}
details.collapse summary {
  position: relative;
  display: block;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
details.collapse summary::-webkit-details-marker {
  display: none;
}
.collapse:focus-visible {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
  outline-color: var(--fallback-bc,oklch(var(--bc)/1));
}
.collapse:has(.collapse-title:focus-visible),
.collapse:has(> input[type=checkbox]:focus-visible),
.collapse:has(> input[type=radio]:focus-visible) {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
  outline-color: var(--fallback-bc,oklch(var(--bc)/1));
}
.collapse:not(.collapse-open):not(.collapse-close) > input[type=checkbox],
.collapse:not(.collapse-open):not(.collapse-close) > input[type=radio]:not(:checked),
.collapse:not(.collapse-open):not(.collapse-close) > .collapse-title {
  cursor: pointer;
}
.collapse:focus:not(.collapse-open):not(.collapse-close):not(.collapse[open]) > .collapse-title {
  cursor: unset;
}
.collapse-title,
:where(.collapse > input[type=checkbox]),
:where(.collapse > input[type=radio]) {
  padding: 1rem;
  padding-inline-end: 3rem;
  min-height: 3.75rem;
  transition: background-color 0.2s ease-out;
}
.collapse[open] > :where(.collapse-content),
.collapse-open > :where(.collapse-content),
.collapse:focus:not(.collapse-close) > :where(.collapse-content),
.collapse:not(.collapse-close) > :where(input[type=checkbox]:checked ~ .collapse-content),
.collapse:not(.collapse-close) > :where(input[type=radio]:checked ~ .collapse-content) {
  padding-bottom: 1rem;
  transition: padding 0.2s ease-out, background-color 0.2s ease-out;
}
.collapse[open].collapse-arrow > .collapse-title:after,
.collapse-open.collapse-arrow > .collapse-title:after,
.collapse-arrow:focus:not(.collapse-close) > .collapse-title:after,
.collapse-arrow:not(.collapse-close) > input[type=checkbox]:checked ~ .collapse-title:after,
.collapse-arrow:not(.collapse-close) > input[type=radio]:checked ~ .collapse-title:after {
  --tw-translate-y: -50%;
  --tw-rotate: 225deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.collapse[open].collapse-plus > .collapse-title:after,
.collapse-open.collapse-plus > .collapse-title:after,
.collapse-plus:focus:not(.collapse-close) > .collapse-title:after,
.collapse-plus:not(.collapse-close) > input[type=checkbox]:checked ~ .collapse-title:after,
.collapse-plus:not(.collapse-close) > input[type=radio]:checked ~ .collapse-title:after {
  content: "\2212";
}
.input input {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));
  background-color: transparent;
}
.input input:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.input[list]::-webkit-calendar-picker-indicator {
  line-height: 1em;
}
.input:focus,
.input:focus-within {
  box-shadow: none;
  border-color: var(--fallback-bc,oklch(var(--bc)/0.2));
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
  outline-color: var(--fallback-bc,oklch(var(--bc)/0.2));
}
.input:has(> input[disabled]),
.input-disabled,
.input:disabled,
.input[disabled] {
  cursor: not-allowed;
  --tw-border-opacity: 1;
  border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
  color: var(--fallback-bc,oklch(var(--bc)/0.4));
}
.input:has(> input[disabled])::placeholder,
.input-disabled::placeholder,
.input:disabled::placeholder,
.input[disabled]::placeholder {
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
  --tw-placeholder-opacity: 0.2;
}
.input:has(> input[disabled]) > input[disabled] {
  cursor: not-allowed;
}
.input::-webkit-date-and-time-value {
  text-align: inherit;
}
.join > :where(*:not(:first-child)) {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-inline-start: -1px;
}
.join > :where(*:not(:first-child)):is(.btn) {
  margin-inline-start: calc(var(--border-btn) * -1);
}
.link:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.link:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
.loading {
  pointer-events: none;
  display: inline-block;
  aspect-ratio: 1 / 1;
  width: 1.5rem;
  background-color: currentColor;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
}
:where(.menu li:empty) {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
  opacity: 0.1;
  margin: 0.5rem 1rem;
  height: 1px;
}
.menu :where(li ul):before {
  position: absolute;
  bottom: 0.75rem;
  inset-inline-start: 0px;
  top: 0.75rem;
  width: 1px;
  --tw-bg-opacity: 1;
  background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
  opacity: 0.1;
  content: "";
}
.menu :where(li:not(.menu-title) > *:not(ul, details, .menu-title, .btn)),
.menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
  border-radius: var(--rounded-btn, 0.5rem);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: start;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke,
    opacity,
    box-shadow,
    transform,
    filter,
    backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-duration: 200ms;
  text-wrap: balance;
}
:where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(summary, .active, .btn).focus,
:where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(summary, .active, .btn):focus,
:where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):is(summary):not(.active, .btn):focus-visible,
:where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(summary, .active, .btn).focus,
:where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(summary, .active, .btn):focus,
:where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):is(summary):not(.active, .btn):focus-visible {
  cursor: pointer;
  background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
  --tw-text-opacity: 1;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.menu li > *:not(ul, .menu-title, details, .btn):active,
.menu li > *:not(ul, .menu-title, details, .btn).active,
.menu li > details > summary:active {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
  --tw-text-opacity: 1;
  color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));
}
.menu :where(li > details > summary)::-webkit-details-marker {
  display: none;
}
.menu :where(li > details > summary):after,
.menu :where(li > .menu-dropdown-toggle):after {
  justify-self: end;
  display: block;
  margin-top: -0.5rem;
  height: 0.5rem;
  width: 0.5rem;
  transform: rotate(45deg);
  transition-property: transform, margin-top;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  content: "";
  transform-origin: 75% 75%;
  box-shadow: 2px 2px;
  pointer-events: none;
}
.menu :where(li > details[open] > summary):after,
.menu :where(li > .menu-dropdown-toggle.menu-dropdown-show):after {
  transform: rotate(225deg);
  margin-top: 0;
}
.mockup-phone .display {
  overflow: hidden;
  border-radius: 40px;
  margin-top: -25px;
}
.mockup-browser .mockup-browser-toolbar .input {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: block;
  height: 1.75rem;
  width: 24rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
  padding-left: 2rem;
  direction: ltr;
}
.mockup-browser .mockup-browser-toolbar .input:before {
  content: "";
  position: absolute;
  left: 0.5rem;
  top: 50%;
  aspect-ratio: 1 / 1;
  height: 0.75rem;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 9999px;
  border-width: 2px;
  border-color: currentColor;
  opacity: 0.6;
}
.mockup-browser .mockup-browser-toolbar .input:after {
  content: "";
  position: absolute;
  left: 1.25rem;
  top: 50%;
  height: 0.5rem;
  --tw-translate-y: 25%;
  --tw-rotate: -45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 9999px;
  border-width: 1px;
  border-color: currentColor;
  opacity: 0.6;
}
.modal:not(dialog:not(.modal-open)),
.modal::backdrop {
  background-color: #0006;
  animation: modal-pop 0.2s ease-out;
}
.modal-open .modal-box,
.modal-toggle:checked + .modal .modal-box,
.modal:target .modal-box,
.modal[open] .modal-box {
  --tw-translate-y: 0px;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes modal-pop {
  0% {
    opacity: 0;
  }
}
.progress::-moz-progress-bar {
  border-radius: var(--rounded-box, 1rem);
  background-color: currentColor;
}
.progress:indeterminate {
  --progress-color: var(--fallback-bc,oklch(var(--bc)/1));
  background-image:
    repeating-linear-gradient(
      90deg,
      var(--progress-color) -1%,
      var(--progress-color) 10%,
      transparent 10%,
      transparent 90%);
  background-size: 200%;
  background-position-x: 15%;
  animation: progress-loading 5s ease-in-out infinite;
}
.progress::-webkit-progress-bar {
  border-radius: var(--rounded-box, 1rem);
  background-color: transparent;
}
.progress::-webkit-progress-value {
  border-radius: var(--rounded-box, 1rem);
  background-color: currentColor;
}
.progress:indeterminate::-moz-progress-bar {
  background-color: transparent;
  background-image:
    repeating-linear-gradient(
      90deg,
      var(--progress-color) -1%,
      var(--progress-color) 10%,
      transparent 10%,
      transparent 90%);
  background-size: 200%;
  background-position-x: 15%;
  animation: progress-loading 5s ease-in-out infinite;
}
@keyframes progress-loading {
  50% {
    background-position-x: -115%;
  }
}
@keyframes radiomark {
  0% {
    box-shadow: 0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset, 0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset;
  }
  50% {
    box-shadow: 0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset, 0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset;
  }
  100% {
    box-shadow: 0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset, 0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset;
  }
}
.\!range:focus-visible::-webkit-slider-thumb {
  --focus-shadow: 0 0 0 6px var(--fallback-b1,oklch(var(--b1)/1)) inset, 0 0 0 2rem var(--range-shdw) inset !important;
}
.range:focus-visible::-webkit-slider-thumb {
  --focus-shadow: 0 0 0 6px var(--fallback-b1,oklch(var(--b1)/1)) inset, 0 0 0 2rem var(--range-shdw) inset;
}
.\!range:focus-visible::-moz-range-thumb {
  --focus-shadow: 0 0 0 6px var(--fallback-b1,oklch(var(--b1)/1)) inset, 0 0 0 2rem var(--range-shdw) inset !important;
}
.range:focus-visible::-moz-range-thumb {
  --focus-shadow: 0 0 0 6px var(--fallback-b1,oklch(var(--b1)/1)) inset, 0 0 0 2rem var(--range-shdw) inset;
}
.\!range::-webkit-slider-runnable-track {
  height: 0.5rem !important;
  width: 100% !important;
  border-radius: var(--rounded-box, 1rem) !important;
  background-color: var(--fallback-bc,oklch(var(--bc)/0.1)) !important;
}
.range::-webkit-slider-runnable-track {
  height: 0.5rem;
  width: 100%;
  border-radius: var(--rounded-box, 1rem);
  background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
}
.\!range::-moz-range-track {
  height: 0.5rem !important;
  width: 100% !important;
  border-radius: var(--rounded-box, 1rem) !important;
  background-color: var(--fallback-bc,oklch(var(--bc)/0.1)) !important;
}
.range::-moz-range-track {
  height: 0.5rem;
  width: 100%;
  border-radius: var(--rounded-box, 1rem);
  background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
}
.\!range::-webkit-slider-thumb {
  position: relative !important;
  height: 1.5rem !important;
  width: 1.5rem !important;
  border-radius: var(--rounded-box, 1rem) !important;
  border-style: none !important;
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))) !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  top: 50% !important;
  color: var(--range-shdw) !important;
  transform: translateY(-50%) !important;
  --filler-size: 100rem !important;
  --filler-offset: 0.6rem !important;
  box-shadow:
    0 0 0 3px var(--range-shdw) inset,
    var(--focus-shadow, 0 0),
    calc(var(--filler-size) * -1 - var(--filler-offset)) 0 0 var(--filler-size) !important;
}
.range::-webkit-slider-thumb {
  position: relative;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: var(--rounded-box, 1rem);
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
  appearance: none;
  -webkit-appearance: none;
  top: 50%;
  color: var(--range-shdw);
  transform: translateY(-50%);
  --filler-size: 100rem;
  --filler-offset: 0.6rem;
  box-shadow:
    0 0 0 3px var(--range-shdw) inset,
    var(--focus-shadow, 0 0),
    calc(var(--filler-size) * -1 - var(--filler-offset)) 0 0 var(--filler-size);
}
.\!range::-moz-range-thumb {
  position: relative !important;
  height: 1.5rem !important;
  width: 1.5rem !important;
  border-radius: var(--rounded-box, 1rem) !important;
  border-style: none !important;
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))) !important;
  top: 50% !important;
  color: var(--range-shdw) !important;
  --filler-size: 100rem !important;
  --filler-offset: 0.5rem !important;
  box-shadow:
    0 0 0 3px var(--range-shdw) inset,
    var(--focus-shadow, 0 0),
    calc(var(--filler-size) * -1 - var(--filler-offset)) 0 0 var(--filler-size) !important;
}
.range::-moz-range-thumb {
  position: relative;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: var(--rounded-box, 1rem);
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
  top: 50%;
  color: var(--range-shdw);
  --filler-size: 100rem;
  --filler-offset: 0.5rem;
  box-shadow:
    0 0 0 3px var(--range-shdw) inset,
    var(--focus-shadow, 0 0),
    calc(var(--filler-size) * -1 - var(--filler-offset)) 0 0 var(--filler-size);
}
.rating input {
  appearance: none;
  -webkit-appearance: none;
}
.rating .rating-hidden {
  width: 0.5rem;
  background-color: transparent;
}
.rating input[type=radio]:checked {
  background-image: none;
}
.rating input:checked ~ input,
.rating input[aria-checked=true] ~ input {
  --tw-bg-opacity: 0.2;
}
.rating input:focus-visible {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-duration: 300ms;
  transform: translateY(-0.125em);
}
.rating input:active:focus {
  animation: none;
  transform: translateY(-0.125em);
}
@keyframes rating-pop {
  0% {
    transform: translateY(-0.125em);
  }
  40% {
    transform: translateY(-0.125em);
  }
  100% {
    transform: translateY(0);
  }
}
.select:focus {
  box-shadow: none;
  border-color: var(--fallback-bc,oklch(var(--bc)/0.2));
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
  outline-color: var(--fallback-bc,oklch(var(--bc)/0.2));
}
.select-disabled,
.select:disabled,
.select[disabled] {
  cursor: not-allowed;
  --tw-border-opacity: 1;
  border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
  color: var(--fallback-bc,oklch(var(--bc)/0.4));
}
.select-disabled::placeholder,
.select:disabled::placeholder,
.select[disabled]::placeholder {
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
  --tw-placeholder-opacity: 0.2;
}
.select-multiple,
.select[multiple],
.select[size].select:not([size="1"]) {
  background-image: none;
  padding-right: 1rem;
}
[dir=rtl] .select {
  background-position: calc(0% + 12px) calc(1px + 50%), calc(0% + 16px) calc(1px + 50%);
}
.skeleton {
  border-radius: var(--rounded-box, 1rem);
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));
  will-change: background-position;
  animation: skeleton 1.8s ease-in-out infinite;
  background-image:
    linear-gradient(
      105deg,
      transparent 0%,
      transparent 40%,
      var(--fallback-b1,oklch(var(--b1)/1)) 50%,
      transparent 60%,
      transparent 100%);
  background-size: 200% auto;
  background-repeat: no-repeat;
  background-position-x: -50%;
}
@media (prefers-reduced-motion) {
  .skeleton {
    animation-duration: 15s;
  }
}
@keyframes skeleton {
  from {
    background-position: 150%;
  }
  to {
    background-position: -50%;
  }
}
:where(.stats) > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
  --tw-divide-y-reverse: 0;
  border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
}
[dir=rtl] .stats > *:not([hidden]) ~ *:not([hidden]) {
  --tw-divide-x-reverse: 1;
}
.steps .step:before {
  top: 0px;
  grid-column-start: 1;
  grid-row-start: 1;
  height: 0.5rem;
  width: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));
  --tw-text-opacity: 1;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
  content: "";
  margin-inline-start: -100%;
}
.steps .step:after {
  content: counter(step);
  counter-increment: step;
  z-index: 1;
  position: relative;
  grid-column-start: 1;
  grid-row-start: 1;
  display: grid;
  height: 2rem;
  width: 2rem;
  place-items: center;
  place-self: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));
  --tw-text-opacity: 1;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
}
.steps .step:first-child:before {
  content: none;
}
.steps .step[data-content]:after {
  content: attr(data-content);
}
.steps .step-neutral + .step-neutral:before,
.steps .step-neutral:after {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
  --tw-text-opacity: 1;
  color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));
}
.steps .step-primary + .step-primary:before,
.steps .step-primary:after {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));
  --tw-text-opacity: 1;
  color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
}
.steps .step-secondary + .step-secondary:before,
.steps .step-secondary:after {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity)));
  --tw-text-opacity: 1;
  color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)));
}
.steps .step-accent + .step-accent:before,
.steps .step-accent:after {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-a,oklch(var(--a)/var(--tw-bg-opacity)));
  --tw-text-opacity: 1;
  color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)));
}
.steps .step-info + .step-info:before {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity)));
}
.steps .step-info:after {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity)));
  --tw-text-opacity: 1;
  color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)));
}
.steps .step-success + .step-success:before {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));
}
.steps .step-success:after {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));
  --tw-text-opacity: 1;
  color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)));
}
.steps .step-warning + .step-warning:before {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity)));
}
.steps .step-warning:after {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity)));
  --tw-text-opacity: 1;
  color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)));
}
.steps .step-error + .step-error:before {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)));
}
.steps .step-error:after {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)));
  --tw-text-opacity: 1;
  color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)));
}
.tabs-lifted > .tab:focus-visible {
  border-end-end-radius: 0;
  border-end-start-radius: 0;
}
.tab:is(.tab-active, [aria-selected=true]):not(.tab-disabled):not([disabled]),
.tab:is(input:checked) {
  border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
  --tw-border-opacity: 1;
  --tw-text-opacity: 1;
}
.tab:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.tab:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: -5px;
}
.tab-disabled,
.tab[disabled] {
  cursor: not-allowed;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
  --tw-text-opacity: 0.2;
}
.tabs-bordered > .tab {
  border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
  --tw-border-opacity: 0.2;
  border-style: solid;
  border-bottom-width: calc(var(--tab-border, 1px) + 1px);
}
.tabs-lifted > .tab {
  border: var(--tab-border, 1px) solid transparent;
  border-width: 0 0 var(--tab-border, 1px) 0;
  border-start-start-radius: var(--tab-radius, 0.5rem);
  border-start-end-radius: var(--tab-radius, 0.5rem);
  border-bottom-color: var(--tab-border-color);
  padding-inline-start: var(--tab-padding, 1rem);
  padding-inline-end: var(--tab-padding, 1rem);
  padding-top: var(--tab-border, 1px);
}
.tabs-lifted > .tab:is(.tab-active, [aria-selected=true]):not(.tab-disabled):not([disabled]),
.tabs-lifted > .tab:is(input:checked) {
  background-color: var(--tab-bg);
  border-width: var(--tab-border, 1px) var(--tab-border, 1px) 0 var(--tab-border, 1px);
  border-inline-start-color: var(--tab-border-color);
  border-inline-end-color: var(--tab-border-color);
  border-top-color: var(--tab-border-color);
  padding-inline-start: calc(var(--tab-padding, 1rem) - var(--tab-border, 1px));
  padding-inline-end: calc(var(--tab-padding, 1rem) - var(--tab-border, 1px));
  padding-bottom: var(--tab-border, 1px);
  padding-top: 0;
}
.tabs-lifted > .tab:is(.tab-active, [aria-selected=true]):not(.tab-disabled):not([disabled]):before,
.tabs-lifted > .tab:is(input:checked):before {
  z-index: 1;
  content: "";
  display: block;
  position: absolute;
  width: calc(100% + var(--tab-radius, 0.5rem) * 2);
  height: var(--tab-radius, 0.5rem);
  bottom: 0;
  background-size: var(--tab-radius, 0.5rem);
  background-position: top left, top right;
  background-repeat: no-repeat;
  --tab-grad: calc(69% - var(--tab-border, 1px));
  --radius-start:
    radial-gradient(
      
      circle at top left,
      transparent var(--tab-grad),
      var(--tab-border-color) calc(var(--tab-grad) + 0.25px),
      var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)),
      var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px) );
  --radius-end:
    radial-gradient(
      
      circle at top right,
      transparent var(--tab-grad),
      var(--tab-border-color) calc(var(--tab-grad) + 0.25px),
      var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)),
      var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px) );
  background-image: var(--radius-start), var(--radius-end);
}
.tabs-lifted > .tab:is(.tab-active, [aria-selected=true]):not(.tab-disabled):not([disabled]):first-child:before,
.tabs-lifted > .tab:is(input:checked):first-child:before {
  background-image: var(--radius-end);
  background-position: top right;
}
[dir=rtl] .tabs-lifted > .tab:is(.tab-active, [aria-selected=true]):not(.tab-disabled):not([disabled]):first-child:before,
[dir=rtl] .tabs-lifted > .tab:is(input:checked):first-child:before {
  background-image: var(--radius-start);
  background-position: top left;
}
.tabs-lifted > .tab:is(.tab-active, [aria-selected=true]):not(.tab-disabled):not([disabled]):last-child:before,
.tabs-lifted > .tab:is(input:checked):last-child:before {
  background-image: var(--radius-start);
  background-position: top left;
}
[dir=rtl] .tabs-lifted > .tab:is(.tab-active, [aria-selected=true]):not(.tab-disabled):not([disabled]):last-child:before,
[dir=rtl] .tabs-lifted > .tab:is(input:checked):last-child:before {
  background-image: var(--radius-end);
  background-position: top right;
}
.tabs-lifted > :is(.tab-active, [aria-selected=true]):not(.tab-disabled):not([disabled]) + .tabs-lifted :is(.tab-active, [aria-selected=true]):not(.tab-disabled):not([disabled]):before,
.tabs-lifted > .tab:is(input:checked) + .tabs-lifted .tab:is(input:checked):before {
  background-image: var(--radius-end);
  background-position: top right;
}
.tabs-boxed .tab {
  border-radius: var(--rounded-btn, 0.5rem);
}
.\!table:where([dir=rtl], [dir=rtl] *) {
  text-align: right !important;
}
.table:where([dir=rtl], [dir=rtl] *) {
  text-align: right;
}
.\!table :where(th, td) {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
  vertical-align: middle !important;
}
.table :where(th, td) {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  vertical-align: middle;
}
.\!table tr.active,
.\!table tr.active:nth-child(even) {
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))) !important;
}
.table tr.active,
.table tr.active:nth-child(even),
.table-zebra tbody tr:nth-child(even) {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
}
.\!table tr.active,
.\!table tr.active:nth-child(even) {
  --tw-bg-opacity: 1 !important;
  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))) !important;
}
.table-zebra tr.active,
.table-zebra tr.active:nth-child(even),
.table-zebra-zebra tbody tr:nth-child(even) {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));
}
.\!table :where(thead tr, tbody tr:not(:last-child), tbody tr:first-child:last-child) {
  border-bottom-width: 1px !important;
  --tw-border-opacity: 1 !important;
  border-bottom-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))) !important;
}
.table :where(thead tr, tbody tr:not(:last-child), tbody tr:first-child:last-child) {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
}
.\!table :where(thead, tfoot) {
  white-space: nowrap !important;
  font-size: 0.75rem !important;
  line-height: 1rem !important;
  font-weight: 700 !important;
  color: var(--fallback-bc,oklch(var(--bc)/0.6)) !important;
}
.table :where(thead, tfoot) {
  white-space: nowrap;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  color: var(--fallback-bc,oklch(var(--bc)/0.6));
}
.\!table :where(tfoot) {
  border-top-width: 1px !important;
  --tw-border-opacity: 1 !important;
  border-top-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))) !important;
}
.table :where(tfoot) {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-top-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
}
.textarea:focus {
  box-shadow: none;
  border-color: var(--fallback-bc,oklch(var(--bc)/0.2));
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
  outline-color: var(--fallback-bc,oklch(var(--bc)/0.2));
}
.textarea-disabled,
.textarea:disabled,
.textarea[disabled] {
  cursor: not-allowed;
  --tw-border-opacity: 1;
  border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
  color: var(--fallback-bc,oklch(var(--bc)/0.4));
}
.textarea-disabled::placeholder,
.textarea:disabled::placeholder,
.textarea[disabled]::placeholder {
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
  --tw-placeholder-opacity: 0.2;
}
.toast > * {
  animation: toast-pop 0.25s ease-out;
}
@keyframes toast-pop {
  0% {
    transform: scale(0.9);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
[dir=rtl] .toggle {
  --handleoffsetcalculator: calc(var(--handleoffset) * 1);
}
.toggle:focus-visible {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
  outline-color: var(--fallback-bc,oklch(var(--bc)/0.2));
}
.toggle:hover {
  background-color: currentColor;
}
.toggle:checked,
.toggle[aria-checked=true] {
  background-image: none;
  --handleoffsetcalculator: var(--handleoffset);
  --tw-text-opacity: 1;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
}
[dir=rtl] .toggle:checked,
[dir=rtl] .toggle[aria-checked=true] {
  --handleoffsetcalculator: calc(var(--handleoffset) * -1);
}
.toggle:indeterminate {
  --tw-text-opacity: 1;
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
  box-shadow:
    calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset,
    calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset,
    0 0 0 2px var(--tglbg) inset;
}
[dir=rtl] .toggle:indeterminate {
  box-shadow:
    calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset,
    calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset,
    0 0 0 2px var(--tglbg) inset;
}
.toggle:disabled {
  cursor: not-allowed;
  --tw-border-opacity: 1;
  border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
  background-color: transparent;
  opacity: 0.3;
  --togglehandleborder: 0 0 0 3px var(--fallback-bc,oklch(var(--bc)/1)) inset, var(--handleoffsetcalculator) 0 0 3px var(--fallback-bc,oklch(var(--bc)/1)) inset;
}
.btm-nav-xs > *:where(.active) {
  border-top-width: 1px;
}
.btm-nav-sm > *:where(.active) {
  border-top-width: 2px;
}
.btm-nav-md > *:where(.active) {
  border-top-width: 2px;
}
.btm-nav-lg > *:where(.active) {
  border-top-width: 4px;
}
.join.join-vertical {
  flex-direction: column;
}
.join.join-vertical .join-item:first-child:not(:last-child),
.join.join-vertical *:first-child:not(:last-child) .join-item {
  border-end-start-radius: 0;
  border-end-end-radius: 0;
  border-start-start-radius: inherit;
  border-start-end-radius: inherit;
}
.join.join-vertical .join-item:last-child:not(:first-child),
.join.join-vertical *:last-child:not(:first-child) .join-item {
  border-start-start-radius: 0;
  border-start-end-radius: 0;
  border-end-start-radius: inherit;
  border-end-end-radius: inherit;
}
.join.join-horizontal {
  flex-direction: row;
}
.join.join-horizontal .join-item:first-child:not(:last-child),
.join.join-horizontal *:first-child:not(:last-child) .join-item {
  border-end-end-radius: 0;
  border-start-end-radius: 0;
  border-end-start-radius: inherit;
  border-start-start-radius: inherit;
}
.join.join-horizontal .join-item:last-child:not(:first-child),
.join.join-horizontal *:last-child:not(:first-child) .join-item {
  border-end-start-radius: 0;
  border-start-start-radius: 0;
  border-end-end-radius: inherit;
  border-start-end-radius: inherit;
}
.steps-horizontal .step {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
  place-items: center;
  text-align: center;
}
.steps-vertical .step {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(1, minmax(0, 1fr));
}
.tabs-md :where(.tab) {
  height: 2rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 2;
  --tab-padding: 1rem;
}
.tabs-lg :where(.tab) {
  height: 3rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  line-height: 2;
  --tab-padding: 1.25rem;
}
.tabs-sm :where(.tab) {
  height: 1.5rem;
  font-size: 0.875rem;
  line-height: .75rem;
  --tab-padding: 0.75rem;
}
.tabs-xs :where(.tab) {
  height: 1.25rem;
  font-size: 0.75rem;
  line-height: .75rem;
  --tab-padding: 0.5rem;
}
:where(.toast) {
  bottom: 0px;
  inset-inline-end: 0px;
  inset-inline-start: auto;
  top: auto;
  --tw-translate-x: 0px;
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.toast:where(.toast-start) {
  inset-inline-end: auto;
  inset-inline-start: 0px;
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.toast:where(.toast-center) {
  inset-inline-end: 50%;
  inset-inline-start: 50%;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.toast:where(.toast-center):where([dir=rtl], [dir=rtl] *) {
  --tw-translate-x: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.toast:where(.toast-end) {
  inset-inline-end: 0px;
  inset-inline-start: auto;
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.toast:where(.toast-bottom) {
  bottom: 0px;
  top: auto;
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.toast:where(.toast-middle) {
  bottom: auto;
  top: 50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.toast:where(.toast-top) {
  bottom: auto;
  top: 0px;
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tooltip {
  position: relative;
  display: inline-block;
  --tooltip-offset: calc(100% + 1px + var(--tooltip-tail, 0px));
}
.tooltip:before {
  position: absolute;
  pointer-events: none;
  z-index: 1;
  content: var(--tw-content);
  --tw-content: attr(data-tip);
}
.tooltip:before,
.tooltip-top:before {
  transform: translateX(-50%);
  top: auto;
  left: 50%;
  right: auto;
  bottom: var(--tooltip-offset);
}
.join.join-vertical > :where(*:not(:first-child)) {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: -1px;
}
.join.join-vertical > :where(*:not(:first-child)):is(.btn) {
  margin-top: calc(var(--border-btn) * -1);
}
.join.join-horizontal > :where(*:not(:first-child)) {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-inline-start: -1px;
}
.join.join-horizontal > :where(*:not(:first-child)):is(.btn) {
  margin-inline-start: calc(var(--border-btn) * -1);
  margin-top: 0px;
}
.steps-horizontal .step {
  grid-template-rows: 40px 1fr;
  grid-template-columns: auto;
  min-width: 4rem;
}
.steps-horizontal .step:before {
  height: 0.5rem;
  width: 100%;
  --tw-translate-x: 0px;
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  content: "";
  margin-inline-start: -100%;
}
.steps-horizontal .step:where([dir=rtl], [dir=rtl] *):before {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.steps-vertical .step {
  gap: 0.5rem;
  grid-template-columns: 40px 1fr;
  grid-template-rows: auto;
  min-height: 4rem;
  justify-items: start;
}
.steps-vertical .step:before {
  height: 100%;
  width: 0.5rem;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  margin-inline-start: 50%;
}
.steps-vertical .step:where([dir=rtl], [dir=rtl] *):before {
  --tw-translate-x: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tooltip {
  position: relative;
  display: inline-block;
  text-align: center;
  --tooltip-tail: 0.1875rem;
  --tooltip-color: var(--fallback-n,oklch(var(--n)/1));
  --tooltip-text-color: var(--fallback-nc,oklch(var(--nc)/1));
  --tooltip-tail-offset: calc(100% + 0.0625rem - var(--tooltip-tail));
}
.tooltip:before,
.tooltip:after {
  opacity: 0;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke,
    opacity,
    box-shadow,
    transform,
    filter,
    backdrop-filter;
  transition-delay: 100ms;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.tooltip:after {
  position: absolute;
  content: "";
  border-style: solid;
  border-width: var(--tooltip-tail, 0);
  width: 0;
  height: 0;
  display: block;
}
.tooltip:before {
  max-width: 20rem;
  white-space: normal;
  border-radius: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  background-color: var(--tooltip-color);
  color: var(--tooltip-text-color);
  width: max-content;
}
.tooltip.tooltip-open:before {
  opacity: 1;
  transition-delay: 75ms;
}
.tooltip.tooltip-open:after {
  opacity: 1;
  transition-delay: 75ms;
}
.tooltip:hover:before {
  opacity: 1;
  transition-delay: 75ms;
}
.tooltip:hover:after {
  opacity: 1;
  transition-delay: 75ms;
}
.tooltip:has(:focus-visible):after,
.tooltip:has(:focus-visible):before {
  opacity: 1;
  transition-delay: 75ms;
}
.tooltip:not([data-tip]):hover:before,
.tooltip:not([data-tip]):hover:after {
  visibility: hidden;
  opacity: 0;
}
.tooltip:after,
.tooltip-top:after {
  transform: translateX(-50%);
  border-color: var(--tooltip-color) transparent transparent transparent;
  top: auto;
  left: 50%;
  right: auto;
  bottom: var(--tooltip-tail-offset);
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.\!visible {
  visibility: visible !important;
}
.visible {
  visibility: visible;
}
.collapse {
  visibility: collapse;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.isolate {
  isolation: isolate;
}
.m-0 {
  margin: 0px;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mt-20 {
  margin-top: 5rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-4 {
  margin-top: 1rem;
}
.\!block {
  display: block !important;
}
.block {
  display: block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.\!table {
  display: table !important;
}
.table {
  display: table;
}
.grid {
  display: grid;
}
.contents {
  display: contents;
}
.hidden {
  display: none;
}
.h-\[24px\] {
  height: 24px;
}
.w-full {
  width: 100%;
}
.min-w-0 {
  min-width: 0px;
}
.flex-shrink {
  flex-shrink: 1;
}
.shrink-0 {
  flex-shrink: 0;
}
.border-collapse {
  border-collapse: collapse;
}
.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-pointer {
  cursor: pointer;
}
.resize {
  resize: both;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-x-6 {
  column-gap: 1.5rem;
}
.border {
  border-width: 1px;
}
.text-center {
  text-align: center;
}
.uppercase {
  text-transform: uppercase;
}
.italic {
  font-style: italic;
}
.underline {
  text-decoration-line: underline;
}
.outline {
  outline-style: solid;
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow {
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.grayscale {
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-filter {
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition {
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke,
    opacity,
    box-shadow,
    transform,
    filter,
    backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 768px) {
  .sm\:block {
    display: block;
  }
  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1366px) {
  .md\:flex-row {
    flex-direction: row;
  }
}
@media print {
  .print\:hidden {
    display: none;
  }
  .print\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */