/* theynrlib styles v1 — edit these values for this app. */
:root {
  --ynr-background: #ffffff;
  --ynr-foreground: #171717;
  --ynr-surface: #f4f4f5;
  --ynr-muted: #66666e;
  --ynr-border: #d4d4d8;
  --ynr-primary: #18181b;
  --ynr-on-primary: #ffffff;
  --ynr-danger: #b91c1c;
  --ynr-radius: 8px;
  --ynr-focus: #3b82f6;
  --ynr-font: system-ui, sans-serif;
  --button-radius: var(--ynr-radius);
  --input-radius: var(--ynr-radius);
  --dialog-radius: 14px;
  --glass-radius: 18px;
  --glass-background: rgb(255 255 255 / 0.78);
}
.dark,
[data-theme="dark"] {
  --ynr-background: #090909;
  --ynr-foreground: #f4f4f5;
  --ynr-surface: #18181b;
  --ynr-muted: #a1a1aa;
  --ynr-border: #343438;
  --ynr-primary: #fafafa;
  --ynr-on-primary: #18181b;
  --ynr-danger: #f87171;
  --glass-background: rgb(25 30 45 / 0.72);
}
.ynr-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid var(--ynr-border);
  border-radius: var(--button-radius);
  padding: 9px 16px;
  min-height: 38px;
  background: var(--ynr-surface);
  color: var(--ynr-foreground);
  font: 500 14px/1.4 var(--ynr-font);
  cursor: pointer;
  transition:
    background-color 140ms ease,
    border-color 140ms ease,
    color 140ms ease,
    transform 90ms ease;
}
.ynr-button:hover:not(:disabled),
.ynr-button[data-preview-state="hover"] {
  background: color-mix(in srgb, var(--ynr-surface) 86%, var(--ynr-foreground));
  border-color: color-mix(
    in srgb,
    var(--ynr-border) 70%,
    var(--ynr-foreground)
  );
}
.ynr-button[data-variant="primary"] {
  background: var(--ynr-primary);
  color: var(--ynr-on-primary);
  border-color: var(--ynr-primary);
}
.ynr-button[data-variant="primary"]:hover:not(:disabled),
.ynr-button[data-variant="primary"][data-preview-state="hover"] {
  background: color-mix(in srgb, var(--ynr-primary) 86%, var(--ynr-background));
  border-color: color-mix(
    in srgb,
    var(--ynr-primary) 86%,
    var(--ynr-background)
  );
}
.ynr-button[data-variant="ghost"] {
  background: transparent;
  border-color: transparent;
}
.ynr-button[data-variant="ghost"]:hover:not(:disabled),
.ynr-button[data-variant="ghost"][data-preview-state="hover"] {
  background: color-mix(in srgb, var(--ynr-surface) 78%, transparent);
}
.ynr-button[data-variant="destructive"] {
  background: transparent;
  color: var(--ynr-danger);
  border-color: var(--ynr-danger);
}
.ynr-button[data-variant="destructive"]:hover:not(:disabled),
.ynr-button[data-variant="destructive"][data-preview-state="hover"] {
  background: color-mix(in srgb, var(--ynr-danger) 14%, transparent);
}
.ynr-button:active:not(:disabled),
.ynr-button[data-preview-state="pressed"] {
  transform: translateY(1px) scale(0.98);
}
.ynr-button[data-size="sm"] {
  padding: 6px 12px;
  min-height: 32px;
}
.ynr-button[data-size="lg"] {
  padding: 12px 22px;
  min-height: 44px;
}
.ynr-button:disabled {
  opacity: 0.5;
  cursor: default;
}
@media (prefers-reduced-motion: reduce) {
  .ynr-button {
    transition: none;
  }
  .ynr-button:active:not(:disabled),
  .ynr-button[data-preview-state="pressed"] {
    transform: none;
  }
}
.ynr-button:focus-visible,
.ynr-button[data-preview-state="focus"],
.ynr-input:focus-visible,
.ynr-checkbox:focus-visible,
.ynr-dialog-close:focus-visible {
  outline: 2px solid var(--ynr-focus);
  outline-offset: 3px;
}
.ynr-field {
  display: grid;
  gap: 8px;
  color: var(--ynr-foreground);
  font: 14px/1.5 var(--ynr-font);
}
.ynr-input {
  box-sizing: border-box;
  width: 100%;
  min-height: 38px;
  border: 1px solid var(--ynr-border);
  border-radius: var(--input-radius);
  background: var(--ynr-background);
  color: var(--ynr-foreground);
  padding: 9px 12px;
  font: inherit;
}
.ynr-input[aria-invalid="true"] {
  border-color: var(--ynr-danger);
}
.ynr-input:disabled {
  opacity: 0.5;
}
.ynr-error {
  color: var(--ynr-danger);
  margin: 0;
}
.ynr-hint {
  color: var(--ynr-muted);
  margin: 0;
}
.ynr-checkbox-label {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--ynr-foreground);
  font: 14px/1.5 var(--ynr-font);
}
.ynr-checkbox {
  width: 17px;
  height: 17px;
  accent-color: var(--ynr-primary);
}
.ynr-form-layout {
  display: grid;
  gap: 20px;
}
.ynr-table-scroll {
  width: 100%;
  overflow: auto;
}
.ynr-table {
  width: 100%;
  border-collapse: collapse;
  color: var(--ynr-foreground);
  font: 14px/1.5 var(--ynr-font);
}
.ynr-table :is(th, td) {
  text-align: start;
  padding: 12px 16px;
  border-bottom: 1px solid var(--ynr-border);
}
.ynr-table th {
  font-weight: 500;
  color: var(--ynr-muted);
}
.ynr-dialog {
  box-sizing: border-box;
  width: min(480px, calc(100% - 32px));
  max-height: calc(100% - 32px);
  border: 1px solid var(--ynr-border);
  border-radius: var(--dialog-radius);
  padding: 24px;
  background: var(--ynr-background);
  color: var(--ynr-foreground);
  font-family: var(--ynr-font);
}
.ynr-dialog::backdrop {
  background: rgb(0 0 0 / 0.65);
}
.ynr-dialog-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 20px;
}
.ynr-dialog-heading h2 {
  margin: 0;
  font-size: 20px;
}
.ynr-dialog-close {
  background: none;
  color: var(--ynr-muted);
  border: 0;
  padding: 4px 10px;
  font-size: 24px;
  cursor: pointer;
}
.ynr-glass-track {
  perspective: 800px;
}
.ynr-glass-panel {
  border-radius: var(--glass-radius);
  background: var(--glass-background);
  border: 1px solid var(--ynr-border);
  padding: 28px;
  color: var(--ynr-foreground);
  font-family: var(--ynr-font);
}
@supports (backdrop-filter: blur(1px)) {
  .ynr-glass-panel {
    backdrop-filter: blur(16px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .ynr-glass-panel {
    transform: none !important;
  }
}
@media (prefers-reduced-transparency: reduce) {
  .ynr-glass-panel {
    background: var(--ynr-background);
    backdrop-filter: none;
  }
}
/* end theynrlib styles v1 */

/* theynrlib styles shadcn-01 — component defaults remain independently editable. */
.ynr-alert,
.ynr-card,
.ynr-accordion,
.ynr-collapsible,
.ynr-tabs,
.ynr-radio-group,
.ynr-toggle-group,
.ynr-breadcrumb,
.ynr-pagination,
.ynr-scroll-area,
.ynr-aspect-ratio {
  box-sizing: border-box;
  min-width: 0;
  color: var(--ynr-foreground);
  font: 14px/1.5 var(--ynr-font);
}
.ynr-alert {
  width: 100%;
  border: 1px solid var(--alert-border, var(--ynr-border));
  border-radius: var(--alert-radius, var(--ynr-radius));
  padding: var(--alert-padding, 16px);
  background: var(--alert-background, var(--ynr-background));
  color: var(--alert-color, var(--ynr-foreground));
}
.ynr-alert[data-variant="destructive"] {
  color: var(--alert-color, var(--ynr-danger));
  border-color: var(--alert-border, var(--ynr-danger));
}
.ynr-alert-title {
  font-weight: 600;
  margin-bottom: 4px;
}
.ynr-alert-description {
  line-height: 1.6;
  overflow-wrap: anywhere;
}
.ynr-badge {
  display: inline-flex;
  align-items: center;
  padding: var(--badge-padding, 2px 9px);
  border: 1px solid var(--badge-border, transparent);
  border-radius: var(--badge-radius, 999px);
  background: var(--badge-background, var(--ynr-primary));
  color: var(--badge-color, var(--ynr-on-primary));
  font: 500 12px/1.5 var(--ynr-font);
}
.ynr-badge[data-variant="secondary"] {
  background: var(--badge-background, var(--ynr-surface));
  color: var(--badge-color, var(--ynr-foreground));
}
.ynr-badge[data-variant="outline"] {
  border-color: var(--badge-border, var(--ynr-border));
  background: var(--badge-background, transparent);
  color: var(--badge-color, var(--ynr-foreground));
}
.ynr-badge[data-variant="destructive"] {
  background: var(--badge-background, var(--ynr-danger));
  color: var(--badge-color, var(--ynr-background));
}
.ynr-card {
  display: flex;
  flex-direction: column;
  gap: var(--card-gap, 20px);
  border: 1px solid var(--card-border, var(--ynr-border));
  border-radius: var(--card-radius, var(--ynr-radius));
  padding: var(--card-padding, 24px);
  background: var(--card-background, var(--ynr-background));
  color: var(--card-color, var(--ynr-foreground));
}
.ynr-card-header {
  display: grid;
  gap: 6px;
}
.ynr-card-title {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
}
.ynr-card-description {
  margin: 0;
  color: var(--ynr-muted);
}
.ynr-card-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.ynr-textarea,
.ynr-native-select {
  box-sizing: border-box;
  display: block;
  width: 100%;
  min-width: 0;
  min-height: 40px;
  color: var(--ynr-foreground);
  background: var(--ynr-background);
  font: 14px/1.5 var(--ynr-font);
}
.ynr-textarea {
  border: 1px solid var(--textarea-border, var(--ynr-border));
  border-radius: var(--textarea-radius, var(--ynr-radius));
  padding: var(--textarea-padding, 10px 12px);
  background: var(--textarea-background, var(--ynr-background));
  color: var(--textarea-color, var(--ynr-foreground));
  min-height: 100px;
  resize: vertical;
}
.ynr-native-select {
  border: 1px solid var(--select-border, var(--ynr-border));
  border-radius: var(--select-radius, var(--ynr-radius));
  padding: var(--select-padding, 9px 12px);
  background: var(--select-background, var(--ynr-background));
  color: var(--select-color, var(--ynr-foreground));
}
.ynr-native-select-option,
.ynr-native-select-opt-group {
  color: var(--ynr-foreground);
  background: var(--ynr-background);
}
.ynr-skeleton {
  width: 100%;
  height: 20px;
  background: var(--skeleton-background, var(--ynr-surface));
  border-radius: var(--skeleton-radius, var(--ynr-radius));
}
.ynr-aspect-ratio {
  width: 100%;
  overflow: hidden;
  border-radius: var(--aspect-ratio-radius, 0px);
  background: var(--aspect-ratio-background, var(--ynr-surface));
}
.ynr-aspect-ratio > :is(img, video) {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ynr-breadcrumb-list,
.ynr-pagination-content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 0;
  margin: 0;
  list-style: none;
}
.ynr-breadcrumb-item {
  display: inline-flex;
  min-width: 0;
  overflow-wrap: anywhere;
}
.ynr-breadcrumb-link {
  color: var(--breadcrumb-color, var(--ynr-muted));
  text-decoration: none;
  padding-block: 8px;
}
.ynr-breadcrumb-link:hover {
  color: var(--ynr-foreground);
  text-decoration: underline;
}
.ynr-breadcrumb-page {
  color: var(--ynr-foreground);
}
.ynr-breadcrumb-separator {
  color: var(--ynr-muted);
}
.ynr-pagination-link {
  display: inline-flex;
  min-width: 38px;
  min-height: 38px;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  padding: var(--pagination-padding, 6px 12px);
  text-decoration: none;
  color: var(--pagination-color, var(--ynr-foreground));
  border: 1px solid transparent;
  border-radius: var(--pagination-radius, var(--ynr-radius));
}
.ynr-pagination-link:hover {
  background: var(--ynr-surface);
}
.ynr-pagination-link[aria-current="page"] {
  border-color: var(--pagination-border, var(--ynr-border));
  background: var(--pagination-background, var(--ynr-surface));
}
.ynr-accordion {
  width: 100%;
  border-radius: var(--accordion-radius, var(--ynr-radius));
}
.ynr-accordion-item {
  border-bottom: 1px solid var(--accordion-border, var(--ynr-border));
}
.ynr-accordion-heading {
  margin: 0;
  font: inherit;
}
.ynr-accordion-trigger {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border: 0;
  border-radius: var(--accordion-radius, var(--ynr-radius));
  padding: var(--accordion-padding, 16px 4px);
  background: var(--accordion-background, transparent);
  color: var(--accordion-color, var(--ynr-foreground));
  font: inherit;
  text-align: start;
  cursor: pointer;
}
.ynr-accordion-trigger:hover {
  text-decoration: underline;
}
.ynr-accordion-chevron {
  flex-shrink: 0;
}
.ynr-accordion-trigger[data-state="open"] .ynr-accordion-chevron {
  transform: rotate(180deg);
}
.ynr-accordion-content {
  padding: 0 4px 16px;
}
.ynr-accordion-content[hidden] {
  display: none;
}
.ynr-collapsible-content {
  padding-block: var(--collapsible-gap, 12px);
}
.ynr-collapsible-trigger,
.ynr-popover-trigger,
.ynr-popover-close,
.ynr-tooltip-trigger,
.ynr-dropdown-menu-trigger {
  min-height: 40px;
  border: 1px solid var(--ynr-border);
  border-radius: var(--ynr-radius);
  padding: 8px 12px;
  background: var(--ynr-surface);
  color: var(--ynr-foreground);
  font: 14px/1.5 var(--ynr-font);
  cursor: pointer;
}
.ynr-tabs {
  display: flex;
  flex-direction: column;
  gap: var(--tabs-gap, 16px);
  width: 100%;
}
.ynr-tabs[data-orientation="vertical"] {
  flex-direction: row;
}
.ynr-tabs-list {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  gap: 4px;
  border-radius: var(--tabs-radius, var(--ynr-radius));
  padding: 4px;
  background: var(--tabs-background, var(--ynr-surface));
  overflow-x: auto;
}
.ynr-tabs-list[data-orientation="vertical"] {
  flex-direction: column;
  flex-shrink: 0;
}
.ynr-tabs-trigger {
  border: 1px solid transparent;
  border-radius: var(--tabs-radius, var(--ynr-radius));
  padding: var(--tabs-padding, 8px 12px);
  min-height: 38px;
  background: transparent;
  color: var(--tabs-color, var(--ynr-muted));
  font: inherit;
  white-space: nowrap;
  cursor: pointer;
}
.ynr-tabs-trigger[data-state="active"] {
  color: var(--ynr-foreground);
  background: var(--ynr-background);
  border-color: var(--tabs-border, var(--ynr-border));
}
.ynr-tabs-content {
  min-width: 0;
}
.ynr-switch {
  display: inline-flex;
  flex-shrink: 0;
  width: 44px;
  height: 26px;
  align-items: center;
  padding: 2px;
  border: 1px solid var(--switch-border, var(--ynr-border));
  border-radius: var(--switch-radius, 999px);
  background: var(--switch-background, var(--ynr-surface));
  cursor: pointer;
}
.ynr-switch[data-state="checked"] {
  background: var(--switch-checked, var(--ynr-primary));
}
.ynr-switch-thumb {
  width: 20px;
  height: 20px;
  border-radius: inherit;
  background: var(--switch-thumb, var(--ynr-muted));
}
.ynr-switch-thumb[data-state="checked"] {
  transform: translateX(16px);
  background: var(--switch-thumb, var(--ynr-on-primary));
}
.ynr-switch[dir="rtl"] .ynr-switch-thumb[data-state="checked"] {
  transform: translateX(-16px);
}
.ynr-radio-group {
  display: grid;
  gap: var(--radio-gap, 12px);
}
.ynr-radio-group-item {
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  border: 1px solid var(--radio-border, var(--ynr-border));
  border-radius: var(--radio-radius, 50%);
  background: var(--radio-background, var(--ynr-background));
  color: var(--radio-color, var(--ynr-primary));
  vertical-align: middle;
  cursor: pointer;
}
.ynr-radio-group-indicator {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: currentColor;
}
.ynr-slider {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 32px;
  touch-action: none;
  user-select: none;
}
.ynr-slider[data-orientation="vertical"] {
  width: 32px;
  height: 180px;
  flex-direction: column;
}
.ynr-slider-track {
  position: relative;
  flex-grow: 1;
  overflow: hidden;
  height: var(--slider-thickness, 6px);
  border-radius: var(--slider-radius, 999px);
  background: var(--slider-track, var(--ynr-surface));
}
.ynr-slider-track[data-orientation="vertical"] {
  width: var(--slider-thickness, 6px);
}
.ynr-slider-range {
  position: absolute;
  height: 100%;
  background: var(--slider-color, var(--ynr-primary));
}
.ynr-slider-range[data-orientation="vertical"] {
  width: 100%;
  height: auto;
}
.ynr-slider-thumb {
  box-sizing: border-box;
  display: block;
  width: 22px;
  height: 22px;
  border: 2px solid var(--slider-color, var(--ynr-primary));
  border-radius: var(--slider-thumb-radius, 50%);
  background: var(--ynr-background);
}
.ynr-toggle-group {
  display: flex;
  flex-wrap: wrap;
  gap: var(--toggle-gap, 4px);
}
.ynr-toggle,
.ynr-toggle-group-item {
  min-height: 40px;
  padding: var(--toggle-padding, 8px 12px);
  border: 1px solid var(--toggle-border, var(--ynr-border));
  border-radius: var(--toggle-radius, var(--ynr-radius));
  background: var(--toggle-background, transparent);
  color: var(--toggle-color, var(--ynr-foreground));
  font: 14px/1.5 var(--ynr-font);
  cursor: pointer;
}
.ynr-toggle[data-state="on"],
.ynr-toggle-group-item[data-state="on"] {
  background: var(--toggle-selected, var(--ynr-primary));
  color: var(--ynr-on-primary);
}
.ynr-popover-content,
.ynr-tooltip-content,
.ynr-dropdown-menu-content {
  box-sizing: border-box;
  z-index: 50;
  max-width: calc(100vw - 24px);
  border: 1px solid var(--ynr-border);
  background: var(--ynr-background);
  color: var(--ynr-foreground);
  font: 14px/1.5 var(--ynr-font);
  box-shadow: 0 4px 16px rgb(0 0 0 / 0.15);
}
.ynr-popover-content {
  width: var(--popover-width, 280px);
  border-radius: var(--popover-radius, var(--ynr-radius));
  border-color: var(--popover-border, var(--ynr-border));
  padding: var(--popover-padding, 16px);
  background: var(--popover-background, var(--ynr-background));
  color: var(--popover-color, var(--ynr-foreground));
  max-height: var(--radix-popover-content-available-height);
  overflow: auto;
}
.ynr-tooltip-content {
  border-radius: var(--tooltip-radius, var(--ynr-radius));
  border-color: var(--tooltip-border, var(--ynr-border));
  padding: var(--tooltip-padding, 6px 10px);
  background: var(--tooltip-background, var(--ynr-primary));
  color: var(--tooltip-color, var(--ynr-on-primary));
  max-width: min(300px, calc(100vw - 24px));
  font-size: 12px;
}
.ynr-dropdown-menu-content {
  min-width: 180px;
  border-radius: var(--menu-radius, var(--ynr-radius));
  border-color: var(--menu-border, var(--ynr-border));
  padding: var(--menu-padding, 4px);
  background: var(--menu-background, var(--ynr-background));
  color: var(--menu-color, var(--ynr-foreground));
  max-height: var(--radix-dropdown-menu-content-available-height);
  overflow: auto;
}
.ynr-dropdown-menu-item,
.ynr-dropdown-menu-sub-trigger {
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 8px 10px;
  min-height: 36px;
  box-sizing: border-box;
  border-radius: var(--menu-item-radius, 4px);
  cursor: default;
  user-select: none;
  outline: none;
}
.ynr-dropdown-menu-item[data-highlighted],
.ynr-dropdown-menu-sub-trigger[data-highlighted] {
  background: var(--ynr-surface);
}
.ynr-dropdown-menu-indicator {
  display: inline-flex;
  width: 14px;
}
.ynr-dropdown-menu-label {
  padding: 8px 10px;
  font-weight: 600;
}
.ynr-dropdown-menu-separator {
  height: 1px;
  margin: 4px 0;
  background: var(--ynr-border);
}
.ynr-avatar {
  display: inline-flex;
  position: relative;
  width: var(--avatar-size, 40px);
  height: var(--avatar-size, 40px);
  overflow: hidden;
  border-radius: var(--avatar-radius, 50%);
  font: 14px/1 var(--ynr-font);
}
.ynr-avatar-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ynr-avatar-fallback {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--avatar-background, var(--ynr-surface));
  color: var(--avatar-color, var(--ynr-foreground));
}
.ynr-progress {
  width: 100%;
  height: var(--progress-height, 8px);
  overflow: hidden;
  border-radius: var(--progress-radius, 999px);
  background: var(--progress-background, var(--ynr-surface));
}
.ynr-progress-indicator {
  height: 100%;
  background: var(--progress-color, var(--ynr-primary));
}
.ynr-progress[data-state="indeterminate"] .ynr-progress-indicator {
  opacity: 0.55;
}
.ynr-separator {
  flex-shrink: 0;
  background: var(--separator-color, var(--ynr-border));
}
.ynr-separator[data-orientation="horizontal"] {
  height: var(--separator-thickness, 1px);
  width: 100%;
}
.ynr-separator[data-orientation="vertical"] {
  height: 100%;
  width: var(--separator-thickness, 1px);
}
.ynr-scroll-area {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--scroll-area-border, var(--ynr-border));
  border-radius: var(--scroll-area-radius, var(--ynr-radius));
}
.ynr-scroll-area-viewport {
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
.ynr-scroll-area-scrollbar {
  display: flex;
  touch-action: none;
  user-select: none;
  padding: 2px;
}
.ynr-scroll-area-scrollbar[data-orientation="vertical"] {
  width: 8px;
}
.ynr-scroll-area-scrollbar[data-orientation="horizontal"] {
  height: 8px;
  flex-direction: column;
}
.ynr-scroll-area-thumb {
  flex: 1;
  position: relative;
  border-radius: 999px;
  background: var(--scroll-area-thumb, var(--ynr-muted));
}
:is(
  .ynr-textarea,
  .ynr-native-select,
  .ynr-accordion-trigger,
  .ynr-collapsible-trigger,
  .ynr-tabs-trigger,
  .ynr-tabs-content,
  .ynr-switch,
  .ynr-radio-group-item,
  .ynr-slider-thumb,
  .ynr-toggle,
  .ynr-toggle-group-item,
  .ynr-popover-trigger,
  .ynr-popover-close,
  .ynr-tooltip-trigger,
  .ynr-dropdown-menu-trigger,
  .ynr-breadcrumb-link,
  .ynr-pagination-link,
  .ynr-scroll-area-viewport
):focus-visible {
  outline: 2px solid var(--ynr-focus);
  outline-offset: 3px;
}
:is(
  .ynr-textarea,
  .ynr-native-select,
  .ynr-accordion-trigger,
  .ynr-collapsible-trigger,
  .ynr-tabs-trigger,
  .ynr-switch,
  .ynr-radio-group-item,
  .ynr-toggle,
  .ynr-toggle-group-item,
  .ynr-popover-trigger,
  .ynr-tooltip-trigger,
  .ynr-dropdown-menu-trigger
):disabled,
:is(
  .ynr-slider,
  .ynr-dropdown-menu-item,
  .ynr-dropdown-menu-sub-trigger
)[data-disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
:is(
  .ynr-textarea,
  .ynr-native-select,
  .ynr-radio-group-item
)[aria-invalid="true"] {
  border-color: var(--ynr-danger);
}
@media (forced-colors: active) {
  .ynr-switch-thumb,
  .ynr-radio-group-indicator,
  .ynr-slider-range,
  .ynr-progress-indicator {
    background: Highlight;
  }
  .ynr-slider-track,
  .ynr-progress {
    border: 1px solid CanvasText;
  }
}
/* end theynrlib styles shadcn-01 */

/* theynrlib styles untitled-ui-01 — editable Forms and application UI defaults. */
.ynr-input-file,
.ynr-pin-input-field,
.ynr-empty-state,
.ynr-loading-indicator {
  box-sizing: border-box;
  min-width: 0;
  color: var(--ynr-foreground);
  font: 14px/1.5 var(--ynr-font);
}
.ynr-input-file,
.ynr-pin-input-field {
  display: grid;
  gap: 6px;
  width: 100%;
}
.ynr-input-file-label,
.ynr-pin-input-label {
  font-weight: 600;
}
.ynr-input-file-control {
  position: relative;
  display: flex;
  min-height: 42px;
  overflow: hidden;
  border: 1px solid var(--file-input-border, var(--ynr-border));
  border-radius: var(--file-input-radius, var(--ynr-radius));
  background: var(--file-input-background, var(--ynr-background));
  color: var(--file-input-color, var(--ynr-foreground));
}
.ynr-input-file-value {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  padding: var(--file-input-padding, 10px 12px);
  color: var(--ynr-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ynr-input-file-button {
  position: relative;
  z-index: 1;
  display: inline-flex;
  min-width: max-content;
  align-items: center;
  padding: var(--file-input-button-padding, 8px 14px);
  border-inline-start: 1px solid var(--file-input-border, var(--ynr-border));
  background: var(--file-input-button-background, var(--ynr-surface));
  color: var(--file-input-button-color, var(--ynr-foreground));
  cursor: pointer;
  font-weight: 600;
}
.ynr-input-file-native {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}
.ynr-input-file-control:focus-within {
  outline: 2px solid var(--ynr-focus);
  outline-offset: 3px;
}
.ynr-input-file:has(.ynr-input-file-native[aria-invalid="true"])
  .ynr-input-file-control,
.ynr-pin-input[aria-invalid="true"] {
  border-color: var(--ynr-danger);
}
.ynr-input-file:has(.ynr-input-file-native:disabled),
.ynr-input-file-button[aria-disabled="true"],
.ynr-pin-input:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.ynr-pin-input {
  box-sizing: border-box;
  display: block;
  width: min(100%, calc(var(--pin-length) * var(--pin-slot-size, 48px)));
  min-height: var(--pin-slot-size, 48px);
  border: 1px solid var(--pin-border, var(--ynr-border));
  border-radius: var(--pin-radius, var(--ynr-radius));
  padding: var(--pin-padding, 10px 12px);
  background:
    repeating-linear-gradient(
      to right,
      transparent 0,
      transparent calc(100% / var(--pin-length) - 1px),
      var(--pin-divider, var(--ynr-border)) calc(100% / var(--pin-length) - 1px),
      var(--pin-divider, var(--ynr-border)) calc(100% / var(--pin-length))
    ),
    var(--pin-background, var(--ynr-background));
  color: var(--pin-color, var(--ynr-foreground));
  font: 600 var(--pin-font-size, 20px)/1 var(--ynr-font);
  letter-spacing: calc(var(--pin-slot-size, 48px) - 0.65em);
  text-indent: calc((var(--pin-slot-size, 48px) - 0.65em) / 2);
}
.ynr-pin-input:focus-visible {
  outline: 2px solid var(--ynr-focus);
  outline-offset: 3px;
}
.ynr-empty-state {
  display: flex;
  width: 100%;
  max-width: var(--empty-state-width, 440px);
  flex-direction: column;
  align-items: center;
  gap: var(--empty-state-gap, 8px);
  padding: var(--empty-state-padding, 28px);
  border: 1px solid var(--empty-state-border, var(--ynr-border));
  border-radius: var(--empty-state-radius, var(--ynr-radius));
  background: var(--empty-state-background, var(--ynr-background));
  color: var(--empty-state-color, var(--ynr-foreground));
  text-align: center;
}
.ynr-empty-state-icon {
  display: grid;
  width: var(--empty-state-icon-size, 48px);
  height: var(--empty-state-icon-size, 48px);
  place-items: center;
  margin-bottom: 8px;
  border-radius: var(--empty-state-icon-radius, 50%);
  background: var(--empty-state-icon-background, var(--ynr-surface));
  color: var(--empty-state-icon-color, var(--ynr-primary));
}
.ynr-empty-state-title {
  margin: 0;
  font-size: 18px;
  line-height: 1.4;
}
.ynr-empty-state-description {
  max-width: 36ch;
  margin: 0;
  color: var(--ynr-muted);
}
.ynr-empty-state-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-top: 14px;
}
.ynr-loading-indicator {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: var(--loading-gap, 12px);
  color: var(--loading-color, var(--ynr-primary));
}
.ynr-loading-ring {
  width: var(--loading-size, 40px);
  height: var(--loading-size, 40px);
  animation: ynr-loading-spin 800ms linear infinite;
}
.ynr-loading-indicator[data-size="sm"] {
  --loading-size: 24px;
}
.ynr-loading-indicator[data-size="lg"] {
  --loading-size: 56px;
}
.ynr-loading-track,
.ynr-loading-progress {
  stroke-width: var(--loading-stroke, 3px);
}
.ynr-loading-track {
  stroke: var(--loading-track, var(--ynr-surface));
}
.ynr-loading-progress {
  stroke: currentColor;
  stroke-linecap: round;
  stroke-dasharray: 60 82;
}
.ynr-loading-dots {
  display: flex;
  min-height: var(--loading-size, 40px);
  align-items: center;
  gap: 6px;
}
.ynr-loading-dots i {
  width: calc(var(--loading-size, 40px) / 5);
  height: calc(var(--loading-size, 40px) / 5);
  border-radius: 50%;
  background: currentColor;
  animation: ynr-loading-dot 900ms ease-in-out infinite alternate;
}
.ynr-loading-dots i:nth-child(2) {
  animation-delay: 150ms;
}
.ynr-loading-dots i:nth-child(3) {
  animation-delay: 300ms;
}
.ynr-loading-label {
  color: var(--loading-label-color, var(--ynr-muted));
  font-weight: 500;
}
@keyframes ynr-loading-spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes ynr-loading-dot {
  to {
    opacity: 0.25;
    transform: translateY(-3px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .ynr-loading-ring,
  .ynr-loading-dots i {
    animation: none;
  }
}
@media (forced-colors: active) {
  .ynr-loading-track {
    stroke: CanvasText;
  }
  .ynr-loading-progress,
  .ynr-loading-dots i {
    stroke: Highlight;
    background: Highlight;
  }
}
/* end theynrlib styles untitled-ui-01 */

/* theynrlib styles astryx-02 — adaptable feedback and notation components. */
.ynr-spinner {
  display: inline-flex;
  align-items: center;
  gap: var(--spinner-gap, 8px);
  color: var(--spinner-color, var(--ynr-foreground));
  font: 14px/1.5 var(--ynr-font);
}
.ynr-spinner-ring {
  box-sizing: border-box;
  width: var(--spinner-size, 18px);
  height: var(--spinner-size, 18px);
  flex: 0 0 auto;
  border: var(--spinner-stroke, 3px) solid
    var(--spinner-track, rgb(127 127 127 / 0.25));
  border-top-color: currentColor;
  border-radius: 50%;
  animation: ynr-spinner-rotate var(--spinner-duration, 800ms) linear infinite;
}
.ynr-spinner[data-size="sm"] .ynr-spinner-ring {
  --spinner-size: 12px;
  --spinner-stroke: 2px;
}
.ynr-spinner[data-size="lg"] .ynr-spinner-ring {
  --spinner-size: 24px;
}
.ynr-spinner[data-size="xl"] .ynr-spinner-ring {
  --spinner-size: 32px;
  --spinner-stroke: 4px;
}
@keyframes ynr-spinner-rotate {
  to {
    transform: rotate(360deg);
  }
}
.ynr-kbd {
  display: inline-flex;
  align-items: center;
  gap: var(--kbd-gap, 4px);
  flex-shrink: 0;
}
.ynr-kbd-key {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--kbd-size, 22px);
  height: var(--kbd-size, 22px);
  padding-inline: var(--kbd-padding, 5px);
  border: var(--kbd-border, 1px solid var(--ynr-border));
  border-bottom-width: var(--kbd-depth, 2px);
  border-radius: var(--kbd-radius, 5px);
  background: var(--kbd-background, var(--ynr-surface));
  color: var(--kbd-color, var(--ynr-muted));
  font: 500 12px/1 var(--ynr-font);
  user-select: none;
}
.ynr-status-dot {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--status-dot-size, 10px);
  height: var(--status-dot-size, 10px);
  flex: 0 0 auto;
  border: var(--status-dot-border, 0);
  border-radius: var(--status-dot-radius, 50%);
  background: var(--status-dot-color, var(--ynr-muted));
  color: var(--status-dot-ink, var(--ynr-background));
}
.ynr-status-dot[data-variant="success"] {
  --status-dot-color: var(--status-dot-success, #16a34a);
}
.ynr-status-dot[data-variant="warning"] {
  --status-dot-color: var(--status-dot-warning, #f59e0b);
  --status-dot-ink: #171717;
}
.ynr-status-dot[data-variant="error"] {
  --status-dot-color: var(--status-dot-error, var(--ynr-danger));
}
.ynr-status-dot[data-variant="accent"] {
  --status-dot-color: var(--status-dot-accent, #3b82f6);
}
.ynr-status-dot[data-pulsing] {
  animation: ynr-status-dot-pulse 2s ease-in-out infinite;
}
.ynr-status-dot-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: calc(var(--status-dot-size, 10px) * 0.72);
  line-height: 1;
}
@keyframes ynr-status-dot-pulse {
  50% {
    opacity: 0.45;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ynr-spinner-ring,
  .ynr-status-dot[data-pulsing] {
    animation: none;
  }
}
@media (forced-colors: active) {
  .ynr-spinner-ring,
  .ynr-status-dot,
  .ynr-kbd-key {
    forced-color-adjust: auto;
    border-color: CanvasText;
  }
}
/* end theynrlib styles astryx-02 */
/* theynrlib styles base-ui-01 — editable Base UI component styles. */
.ynr-combobox-label,
.ynr-combobox-input,
.ynr-combobox-input-group,
.ynr-combobox-trigger,
.ynr-combobox-clear,
.ynr-combobox-list,
.ynr-combobox-empty,
.ynr-combobox-item,
.ynr-combobox-item-indicator,
.ynr-combobox-group,
.ynr-combobox-group-label,
.ynr-combobox-chips,
.ynr-combobox-chip,
.ynr-combobox-chip-remove,
.ynr-combobox-status,
.ynr-combobox-positioner,
.ynr-combobox-popup {
  box-sizing: border-box;
  font-family: var(--ynr-font);
}
.ynr-combobox-label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 8px;
  color: var(--combobox-color, var(--ynr-foreground));
}

.ynr-combobox-input {
  display: block;
  width: 100%;
  min-width: 0;
  min-height: 38px;
  padding: var(--combobox-padding, 8px 12px);
  border: 1px solid var(--combobox-border, var(--ynr-border));
  border-radius: var(--combobox-radius, var(--ynr-radius));
  background: var(--combobox-background, var(--ynr-background));
  color: var(--combobox-color, var(--ynr-foreground));
  font-size: 14px;
}

.ynr-combobox-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 38px;
  padding: var(--combobox-padding, 8px 12px);
  border: 1px solid var(--combobox-border, var(--ynr-border));
  border-radius: var(--combobox-radius, var(--ynr-radius));
  background: var(--combobox-background, var(--ynr-surface));
  color: var(--combobox-color, var(--ynr-foreground));
  font-size: 14px;
  cursor: pointer;
}

.ynr-combobox-clear {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 38px;
  padding: var(--combobox-padding, 8px 12px);
  border: 1px solid var(--combobox-border, var(--ynr-border));
  border-radius: var(--combobox-radius, var(--ynr-radius));
  background: var(--combobox-background, var(--ynr-surface));
  color: var(--combobox-color, var(--ynr-foreground));
  font-size: 14px;
  cursor: pointer;
}

.ynr-combobox-list {
  max-height: min(280px, var(--available-height, 280px));
  overflow: auto;
  overscroll-behavior: contain;
  outline: 0;
}

.ynr-combobox-empty {
  font-size: 14px;
  color: var(--ynr-muted);
  margin: 8px 0;
}

.ynr-combobox-item {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  padding: 8px 12px;
  border-radius: var(--combobox-radius, 4px);
  outline: 0;
  cursor: default;
}
.ynr-combobox-item[data-highlighted] {
  background: var(--ynr-primary);
  color: var(--ynr-on-primary);
}

.ynr-combobox-group-label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 8px;
  color: var(--combobox-color, var(--ynr-foreground));
}

.ynr-combobox-chip-remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 38px;
  padding: var(--combobox-padding, 8px 12px);
  border: 1px solid var(--combobox-border, var(--ynr-border));
  border-radius: var(--combobox-radius, var(--ynr-radius));
  background: var(--combobox-background, var(--ynr-surface));
  color: var(--combobox-color, var(--ynr-foreground));
  font-size: 14px;
  cursor: pointer;
}

.ynr-combobox-status {
  font-size: 14px;
  color: var(--ynr-muted);
  margin: 8px 0;
}

.ynr-combobox-positioner {
  z-index: 60;
  max-width: calc(100vw - 24px);
  outline: 0;
}

.ynr-combobox-popup {
  max-width: min(100%, calc(100vw - 24px));
  padding: var(--combobox-padding, 12px);
  border: 1px solid var(--combobox-border, var(--ynr-border));
  border-radius: var(--combobox-radius, var(--ynr-radius));
  background: var(--combobox-background, var(--ynr-background));
  color: var(--combobox-color, var(--ynr-foreground));
  font-size: 14px;
  box-shadow: 0 8px 28px rgb(0 0 0 / 0.15);
  outline: 0;
}

.ynr-autocomplete-input,
.ynr-autocomplete-input-group,
.ynr-autocomplete-trigger,
.ynr-autocomplete-clear,
.ynr-autocomplete-list,
.ynr-autocomplete-empty,
.ynr-autocomplete-item,
.ynr-autocomplete-group,
.ynr-autocomplete-group-label,
.ynr-autocomplete-status,
.ynr-autocomplete-positioner,
.ynr-autocomplete-popup {
  box-sizing: border-box;
  font-family: var(--ynr-font);
}
.ynr-autocomplete-input {
  display: block;
  width: 100%;
  min-width: 0;
  min-height: 38px;
  padding: var(--autocomplete-padding, 8px 12px);
  border: 1px solid var(--autocomplete-border, var(--ynr-border));
  border-radius: var(--autocomplete-radius, var(--ynr-radius));
  background: var(--autocomplete-background, var(--ynr-background));
  color: var(--autocomplete-color, var(--ynr-foreground));
  font-size: 14px;
}

.ynr-autocomplete-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 38px;
  padding: var(--autocomplete-padding, 8px 12px);
  border: 1px solid var(--autocomplete-border, var(--ynr-border));
  border-radius: var(--autocomplete-radius, var(--ynr-radius));
  background: var(--autocomplete-background, var(--ynr-surface));
  color: var(--autocomplete-color, var(--ynr-foreground));
  font-size: 14px;
  cursor: pointer;
}

.ynr-autocomplete-clear {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 38px;
  padding: var(--autocomplete-padding, 8px 12px);
  border: 1px solid var(--autocomplete-border, var(--ynr-border));
  border-radius: var(--autocomplete-radius, var(--ynr-radius));
  background: var(--autocomplete-background, var(--ynr-surface));
  color: var(--autocomplete-color, var(--ynr-foreground));
  font-size: 14px;
  cursor: pointer;
}

.ynr-autocomplete-list {
  max-height: min(280px, var(--available-height, 280px));
  overflow: auto;
  overscroll-behavior: contain;
  outline: 0;
}

.ynr-autocomplete-empty {
  font-size: 14px;
  color: var(--ynr-muted);
  margin: 8px 0;
}

.ynr-autocomplete-item {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  padding: 8px 12px;
  border-radius: var(--autocomplete-radius, 4px);
  outline: 0;
  cursor: default;
}
.ynr-autocomplete-item[data-highlighted] {
  background: var(--ynr-primary);
  color: var(--ynr-on-primary);
}

.ynr-autocomplete-group-label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 8px;
  color: var(--autocomplete-color, var(--ynr-foreground));
}

.ynr-autocomplete-status {
  font-size: 14px;
  color: var(--ynr-muted);
  margin: 8px 0;
}

.ynr-autocomplete-positioner {
  z-index: 60;
  max-width: calc(100vw - 24px);
  outline: 0;
}

.ynr-autocomplete-popup {
  max-width: min(100%, calc(100vw - 24px));
  padding: var(--autocomplete-padding, 12px);
  border: 1px solid var(--autocomplete-border, var(--ynr-border));
  border-radius: var(--autocomplete-radius, var(--ynr-radius));
  background: var(--autocomplete-background, var(--ynr-background));
  color: var(--autocomplete-color, var(--ynr-foreground));
  font-size: 14px;
  box-shadow: 0 8px 28px rgb(0 0 0 / 0.15);
  outline: 0;
}

.ynr-select-label,
.ynr-select-trigger,
.ynr-select-icon,
.ynr-select-list,
.ynr-select-item,
.ynr-select-item-text,
.ynr-select-item-indicator,
.ynr-select-group,
.ynr-select-group-label,
.ynr-select-scroll-up-arrow,
.ynr-select-scroll-down-arrow,
.ynr-select-positioner,
.ynr-select-popup {
  box-sizing: border-box;
  font-family: var(--ynr-font);
}
.ynr-select-label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 8px;
  color: var(--styled-select-color, var(--ynr-foreground));
}

.ynr-select-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 38px;
  padding: var(--styled-select-padding, 8px 12px);
  border: 1px solid var(--styled-select-border, var(--ynr-border));
  border-radius: var(--styled-select-radius, var(--ynr-radius));
  background: var(--styled-select-background, var(--ynr-surface));
  color: var(--styled-select-color, var(--ynr-foreground));
  font-size: 14px;
  cursor: pointer;
}

.ynr-select-list {
  max-height: min(280px, var(--available-height, 280px));
  overflow: auto;
  overscroll-behavior: contain;
  outline: 0;
}

.ynr-select-item {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  padding: 8px 12px;
  border-radius: var(--styled-select-radius, 4px);
  outline: 0;
  cursor: default;
}
.ynr-select-item[data-highlighted] {
  background: var(--ynr-primary);
  color: var(--ynr-on-primary);
}

.ynr-select-group-label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 8px;
  color: var(--styled-select-color, var(--ynr-foreground));
}

.ynr-select-positioner {
  z-index: 60;
  max-width: calc(100vw - 24px);
  outline: 0;
}

.ynr-select-popup {
  max-width: min(100%, calc(100vw - 24px));
  padding: var(--styled-select-padding, 12px);
  border: 1px solid var(--styled-select-border, var(--ynr-border));
  border-radius: var(--styled-select-radius, var(--ynr-radius));
  background: var(--styled-select-background, var(--ynr-background));
  color: var(--styled-select-color, var(--ynr-foreground));
  font-size: 14px;
  box-shadow: 0 8px 28px rgb(0 0 0 / 0.15);
  outline: 0;
}

.ynr-number-field-root,
.ynr-number-field-group,
.ynr-number-field-input,
.ynr-number-field-increment,
.ynr-number-field-decrement,
.ynr-number-field-scrub-area,
.ynr-number-field-scrub-area-cursor {
  box-sizing: border-box;
  font-family: var(--ynr-font);
}

.ynr-number-field-input {
  display: block;
  width: 100%;
  min-width: 0;
  min-height: 38px;
  padding: var(--number-field-padding, 8px 12px);
  border: 1px solid var(--number-field-border, var(--ynr-border));
  border-radius: var(--number-field-radius, var(--ynr-radius));
  background: var(--number-field-background, var(--ynr-background));
  color: var(--number-field-color, var(--ynr-foreground));
  font-size: 14px;
}

.ynr-number-field-increment {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 38px;
  padding: var(--number-field-padding, 8px 12px);
  border: 1px solid var(--number-field-border, var(--ynr-border));
  border-radius: var(--number-field-radius, var(--ynr-radius));
  background: var(--number-field-background, var(--ynr-surface));
  color: var(--number-field-color, var(--ynr-foreground));
  font-size: 14px;
  cursor: pointer;
}

.ynr-number-field-decrement {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 38px;
  padding: var(--number-field-padding, 8px 12px);
  border: 1px solid var(--number-field-border, var(--ynr-border));
  border-radius: var(--number-field-radius, var(--ynr-radius));
  background: var(--number-field-background, var(--ynr-surface));
  color: var(--number-field-color, var(--ynr-foreground));
  font-size: 14px;
  cursor: pointer;
}

.ynr-otp-field-root,
.ynr-otp-field-input,
.ynr-otp-field-separator {
  box-sizing: border-box;
  font-family: var(--ynr-font);
}

.ynr-otp-field-input {
  display: block;
  width: 100%;
  min-width: 0;
  min-height: 38px;
  padding: var(--otp-field-padding, 8px 12px);
  border: 1px solid var(--otp-field-border, var(--ynr-border));
  border-radius: var(--otp-field-radius, var(--ynr-radius));
  background: var(--otp-field-background, var(--ynr-background));
  color: var(--otp-field-color, var(--ynr-foreground));
  font-size: 14px;
}

.ynr-otp-field-separator {
  height: 1px;
  background: var(--otp-field-border, var(--ynr-border));
  margin: 4px 0;
}

.ynr-checkbox-group-root,
.ynr-checkbox-group-item,
.ynr-checkbox-group-indicator {
  box-sizing: border-box;
  font-family: var(--ynr-font);
}

.ynr-field-root,
.ynr-field-label,
.ynr-field-control,
.ynr-field-description,
.ynr-field-error,
.ynr-field-item {
  box-sizing: border-box;
  font-family: var(--ynr-font);
}

.ynr-field-label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 8px;
  color: var(--field-color, var(--ynr-foreground));
}

.ynr-field-control {
  display: block;
  width: 100%;
  min-width: 0;
  min-height: 38px;
  padding: var(--field-padding, 8px 12px);
  border: 1px solid var(--field-border, var(--ynr-border));
  border-radius: var(--field-radius, var(--ynr-radius));
  background: var(--field-background, var(--ynr-background));
  color: var(--field-color, var(--ynr-foreground));
  font-size: 14px;
}

.ynr-field-description {
  font-size: 14px;
  color: var(--ynr-muted);
  margin: 8px 0;
}

.ynr-field-error {
  color: var(--ynr-danger);
  font-size: 14px;
}

.ynr-fieldset-root,
.ynr-fieldset-legend,
.ynr-fieldset-input {
  box-sizing: border-box;
  font-family: var(--ynr-font);
}

.ynr-fieldset-legend {
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 8px;
  color: var(--fieldset-color, var(--ynr-foreground));
}

.ynr-fieldset-input {
  display: block;
  width: 100%;
  min-width: 0;
  min-height: 38px;
  padding: var(--fieldset-padding, 8px 12px);
  border: 1px solid var(--fieldset-border, var(--ynr-border));
  border-radius: var(--fieldset-radius, var(--ynr-radius));
  background: var(--fieldset-background, var(--ynr-background));
  color: var(--fieldset-color, var(--ynr-foreground));
  font-size: 14px;
}

.ynr-form-root,
.ynr-form-label,
.ynr-form-control,
.ynr-form-description,
.ynr-form-error {
  box-sizing: border-box;
  font-family: var(--ynr-font);
}

.ynr-form-label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 8px;
  color: var(--form-color, var(--ynr-foreground));
}

.ynr-form-control {
  display: block;
  width: 100%;
  min-width: 0;
  min-height: 38px;
  padding: var(--form-padding, 8px 12px);
  border: 1px solid var(--form-border, var(--ynr-border));
  border-radius: var(--form-radius, var(--ynr-radius));
  background: var(--form-background, var(--ynr-background));
  color: var(--form-color, var(--ynr-foreground));
  font-size: 14px;
}

.ynr-form-description {
  font-size: 14px;
  color: var(--ynr-muted);
  margin: 8px 0;
}

.ynr-form-error {
  color: var(--ynr-danger);
  font-size: 14px;
}

.ynr-meter-root,
.ynr-meter-label,
.ynr-meter-track,
.ynr-meter-indicator {
  box-sizing: border-box;
  font-family: var(--ynr-font);
}

.ynr-meter-label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 8px;
  color: var(--meter-color, var(--ynr-foreground));
}

.ynr-alert-dialog-trigger,
.ynr-alert-dialog-backdrop,
.ynr-alert-dialog-popup,
.ynr-alert-dialog-title,
.ynr-alert-dialog-description,
.ynr-alert-dialog-close {
  box-sizing: border-box;
  font-family: var(--ynr-font);
}
.ynr-alert-dialog-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 38px;
  padding: var(--alert-dialog-padding, 8px 12px);
  border: 1px solid var(--alert-dialog-border, var(--ynr-border));
  border-radius: var(--alert-dialog-radius, var(--ynr-radius));
  background: var(--alert-dialog-background, var(--ynr-surface));
  color: var(--alert-dialog-color, var(--ynr-foreground));
  font-size: 14px;
  cursor: pointer;
}

.ynr-alert-dialog-popup {
  max-width: min(100%, calc(100vw - 24px));
  padding: var(--alert-dialog-padding, 12px);
  border: 1px solid var(--alert-dialog-border, var(--ynr-border));
  border-radius: var(--alert-dialog-radius, var(--ynr-radius));
  background: var(--alert-dialog-background, var(--ynr-background));
  color: var(--alert-dialog-color, var(--ynr-foreground));
  font-size: 14px;
  box-shadow: 0 8px 28px rgb(0 0 0 / 0.15);
  outline: 0;
}

.ynr-alert-dialog-title {
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 8px;
  color: var(--alert-dialog-color, var(--ynr-foreground));
}

.ynr-alert-dialog-description {
  font-size: 14px;
  color: var(--ynr-muted);
  margin: 8px 0;
}

.ynr-alert-dialog-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 38px;
  padding: var(--alert-dialog-padding, 8px 12px);
  border: 1px solid var(--alert-dialog-border, var(--ynr-border));
  border-radius: var(--alert-dialog-radius, var(--ynr-radius));
  background: var(--alert-dialog-background, var(--ynr-surface));
  color: var(--alert-dialog-color, var(--ynr-foreground));
  font-size: 14px;
  cursor: pointer;
}

.ynr-context-menu-trigger,
.ynr-context-menu-positioner,
.ynr-context-menu-popup,
.ynr-context-menu-item,
.ynr-context-menu-link-item,
.ynr-context-menu-separator,
.ynr-context-menu-group,
.ynr-context-menu-group-label,
.ynr-context-menu-checkbox-item,
.ynr-context-menu-checkbox-item-indicator,
.ynr-context-menu-radio-group,
.ynr-context-menu-radio-item,
.ynr-context-menu-radio-item-indicator,
.ynr-context-menu-submenu-trigger {
  box-sizing: border-box;
  font-family: var(--ynr-font);
}
.ynr-context-menu-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 38px;
  padding: var(--context-menu-padding, 8px 12px);
  border: 1px solid var(--context-menu-border, var(--ynr-border));
  border-radius: var(--context-menu-radius, var(--ynr-radius));
  background: var(--context-menu-background, var(--ynr-surface));
  color: var(--context-menu-color, var(--ynr-foreground));
  font-size: 14px;
  cursor: pointer;
}

.ynr-context-menu-positioner {
  z-index: 60;
  max-width: calc(100vw - 24px);
  outline: 0;
}

.ynr-context-menu-popup {
  max-width: min(100%, calc(100vw - 24px));
  padding: var(--context-menu-padding, 12px);
  border: 1px solid var(--context-menu-border, var(--ynr-border));
  border-radius: var(--context-menu-radius, var(--ynr-radius));
  background: var(--context-menu-background, var(--ynr-background));
  color: var(--context-menu-color, var(--ynr-foreground));
  font-size: 14px;
  box-shadow: 0 8px 28px rgb(0 0 0 / 0.15);
  outline: 0;
}

.ynr-context-menu-item {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  padding: 8px 12px;
  border-radius: var(--context-menu-radius, 4px);
  outline: 0;
  cursor: default;
}
.ynr-context-menu-item[data-highlighted] {
  background: var(--ynr-primary);
  color: var(--ynr-on-primary);
}

.ynr-context-menu-link-item {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  padding: 8px 12px;
  border-radius: var(--context-menu-radius, 4px);
  outline: 0;
  cursor: default;
}
.ynr-context-menu-link-item[data-highlighted] {
  background: var(--ynr-primary);
  color: var(--ynr-on-primary);
}

.ynr-context-menu-separator {
  height: 1px;
  background: var(--context-menu-border, var(--ynr-border));
  margin: 4px 0;
}

.ynr-context-menu-group-label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 8px;
  color: var(--context-menu-color, var(--ynr-foreground));
}

.ynr-context-menu-checkbox-item {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  padding: 8px 12px;
  border-radius: var(--context-menu-radius, 4px);
  outline: 0;
  cursor: default;
}
.ynr-context-menu-checkbox-item[data-highlighted] {
  background: var(--ynr-primary);
  color: var(--ynr-on-primary);
}

.ynr-context-menu-radio-item {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  padding: 8px 12px;
  border-radius: var(--context-menu-radius, 4px);
  outline: 0;
  cursor: default;
}
.ynr-context-menu-radio-item[data-highlighted] {
  background: var(--ynr-primary);
  color: var(--ynr-on-primary);
}

.ynr-context-menu-submenu-trigger {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  padding: 8px 12px;
  border-radius: var(--context-menu-radius, 4px);
  outline: 0;
  cursor: default;
}
.ynr-context-menu-submenu-trigger[data-highlighted] {
  background: var(--ynr-primary);
  color: var(--ynr-on-primary);
}

.ynr-drawer-trigger,
.ynr-drawer-backdrop,
.ynr-drawer-viewport,
.ynr-drawer-popup,
.ynr-drawer-content,
.ynr-drawer-title,
.ynr-drawer-description,
.ynr-drawer-close,
.ynr-drawer-input {
  box-sizing: border-box;
  font-family: var(--ynr-font);
}
.ynr-drawer-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 38px;
  padding: var(--drawer-padding, 8px 12px);
  border: 1px solid var(--drawer-border, var(--ynr-border));
  border-radius: var(--drawer-radius, var(--ynr-radius));
  background: var(--drawer-background, var(--ynr-surface));
  color: var(--drawer-color, var(--ynr-foreground));
  font-size: 14px;
  cursor: pointer;
}

.ynr-drawer-popup {
  max-width: min(100%, calc(100vw - 24px));
  padding: var(--drawer-padding, 12px);
  border: 1px solid var(--drawer-border, var(--ynr-border));
  border-radius: var(--drawer-radius, var(--ynr-radius));
  background: var(--drawer-background, var(--ynr-background));
  color: var(--drawer-color, var(--ynr-foreground));
  font-size: 14px;
  box-shadow: 0 8px 28px rgb(0 0 0 / 0.15);
  outline: 0;
}

.ynr-drawer-title {
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 8px;
  color: var(--drawer-color, var(--ynr-foreground));
}

.ynr-drawer-description {
  font-size: 14px;
  color: var(--ynr-muted);
  margin: 8px 0;
}

.ynr-drawer-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 38px;
  padding: var(--drawer-padding, 8px 12px);
  border: 1px solid var(--drawer-border, var(--ynr-border));
  border-radius: var(--drawer-radius, var(--ynr-radius));
  background: var(--drawer-background, var(--ynr-surface));
  color: var(--drawer-color, var(--ynr-foreground));
  font-size: 14px;
  cursor: pointer;
}

.ynr-drawer-input {
  display: block;
  width: 100%;
  min-width: 0;
  min-height: 38px;
  padding: var(--drawer-padding, 8px 12px);
  border: 1px solid var(--drawer-border, var(--ynr-border));
  border-radius: var(--drawer-radius, var(--ynr-radius));
  background: var(--drawer-background, var(--ynr-background));
  color: var(--drawer-color, var(--ynr-foreground));
  font-size: 14px;
}

.ynr-menubar-root,
.ynr-menubar-trigger,
.ynr-menubar-positioner,
.ynr-menubar-popup,
.ynr-menubar-item,
.ynr-menubar-separator,
.ynr-menubar-group,
.ynr-menubar-group-label,
.ynr-menubar-checkbox-item,
.ynr-menubar-checkbox-item-indicator,
.ynr-menubar-radio-group,
.ynr-menubar-radio-item,
.ynr-menubar-radio-item-indicator,
.ynr-menubar-submenu-trigger {
  box-sizing: border-box;
  font-family: var(--ynr-font);
}

.ynr-menubar-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 38px;
  padding: var(--menubar-padding, 8px 12px);
  border: 1px solid var(--menubar-border, var(--ynr-border));
  border-radius: var(--menubar-radius, var(--ynr-radius));
  background: var(--menubar-background, var(--ynr-surface));
  color: var(--menubar-color, var(--ynr-foreground));
  font-size: 14px;
  cursor: pointer;
}

.ynr-menubar-positioner {
  z-index: 60;
  max-width: calc(100vw - 24px);
  outline: 0;
}

.ynr-menubar-popup {
  max-width: min(100%, calc(100vw - 24px));
  padding: var(--menubar-padding, 12px);
  border: 1px solid var(--menubar-border, var(--ynr-border));
  border-radius: var(--menubar-radius, var(--ynr-radius));
  background: var(--menubar-background, var(--ynr-background));
  color: var(--menubar-color, var(--ynr-foreground));
  font-size: 14px;
  box-shadow: 0 8px 28px rgb(0 0 0 / 0.15);
  outline: 0;
}

.ynr-menubar-item {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  padding: 8px 12px;
  border-radius: var(--menubar-radius, 4px);
  outline: 0;
  cursor: default;
}
.ynr-menubar-item[data-highlighted] {
  background: var(--ynr-primary);
  color: var(--ynr-on-primary);
}

.ynr-menubar-separator {
  height: 1px;
  background: var(--menubar-border, var(--ynr-border));
  margin: 4px 0;
}

.ynr-menubar-group-label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 8px;
  color: var(--menubar-color, var(--ynr-foreground));
}

.ynr-menubar-checkbox-item {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  padding: 8px 12px;
  border-radius: var(--menubar-radius, 4px);
  outline: 0;
  cursor: default;
}
.ynr-menubar-checkbox-item[data-highlighted] {
  background: var(--ynr-primary);
  color: var(--ynr-on-primary);
}

.ynr-menubar-radio-item {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  padding: 8px 12px;
  border-radius: var(--menubar-radius, 4px);
  outline: 0;
  cursor: default;
}
.ynr-menubar-radio-item[data-highlighted] {
  background: var(--ynr-primary);
  color: var(--ynr-on-primary);
}

.ynr-menubar-submenu-trigger {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  padding: 8px 12px;
  border-radius: var(--menubar-radius, 4px);
  outline: 0;
  cursor: default;
}
.ynr-menubar-submenu-trigger[data-highlighted] {
  background: var(--ynr-primary);
  color: var(--ynr-on-primary);
}

.ynr-navigation-menu-root,
.ynr-navigation-menu-list,
.ynr-navigation-menu-item,
.ynr-navigation-menu-trigger,
.ynr-navigation-menu-icon,
.ynr-navigation-menu-content,
.ynr-navigation-menu-link,
.ynr-navigation-menu-positioner,
.ynr-navigation-menu-popup,
.ynr-navigation-menu-viewport {
  box-sizing: border-box;
  font-family: var(--ynr-font);
}

.ynr-navigation-menu-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 38px;
  padding: var(--navigation-menu-padding, 8px 12px);
  border: 1px solid var(--navigation-menu-border, var(--ynr-border));
  border-radius: var(--navigation-menu-radius, var(--ynr-radius));
  background: var(--navigation-menu-background, var(--ynr-surface));
  color: var(--navigation-menu-color, var(--ynr-foreground));
  font-size: 14px;
  cursor: pointer;
}

.ynr-navigation-menu-positioner {
  z-index: 60;
  max-width: calc(100vw - 24px);
  outline: 0;
}

.ynr-navigation-menu-popup {
  max-width: min(100%, calc(100vw - 24px));
  padding: var(--navigation-menu-padding, 12px);
  border: 1px solid var(--navigation-menu-border, var(--ynr-border));
  border-radius: var(--navigation-menu-radius, var(--ynr-radius));
  background: var(--navigation-menu-background, var(--ynr-background));
  color: var(--navigation-menu-color, var(--ynr-foreground));
  font-size: 14px;
  box-shadow: 0 8px 28px rgb(0 0 0 / 0.15);
  outline: 0;
}

.ynr-preview-card-trigger,
.ynr-preview-card-positioner,
.ynr-preview-card-popup,
.ynr-preview-card-arrow {
  box-sizing: border-box;
  font-family: var(--ynr-font);
}
.ynr-preview-card-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 38px;
  padding: var(--preview-card-padding, 8px 12px);
  border: 1px solid var(--preview-card-border, var(--ynr-border));
  border-radius: var(--preview-card-radius, var(--ynr-radius));
  background: var(--preview-card-background, var(--ynr-surface));
  color: var(--preview-card-color, var(--ynr-foreground));
  font-size: 14px;
  cursor: pointer;
}

.ynr-preview-card-positioner {
  z-index: 60;
  max-width: calc(100vw - 24px);
  outline: 0;
}

.ynr-preview-card-popup {
  max-width: min(100%, calc(100vw - 24px));
  padding: var(--preview-card-padding, 12px);
  border: 1px solid var(--preview-card-border, var(--ynr-border));
  border-radius: var(--preview-card-radius, var(--ynr-radius));
  background: var(--preview-card-background, var(--ynr-background));
  color: var(--preview-card-color, var(--ynr-foreground));
  font-size: 14px;
  box-shadow: 0 8px 28px rgb(0 0 0 / 0.15);
  outline: 0;
}

.ynr-toast-viewport,
.ynr-toast-root,
.ynr-toast-content,
.ynr-toast-title,
.ynr-toast-description,
.ynr-toast-close,
.ynr-toast-action {
  box-sizing: border-box;
  font-family: var(--ynr-font);
}

.ynr-toast-root {
  max-width: min(100%, calc(100vw - 24px));
  padding: var(--toast-padding, 12px);
  border: 1px solid var(--toast-border, var(--ynr-border));
  border-radius: var(--toast-radius, var(--ynr-radius));
  background: var(--toast-background, var(--ynr-background));
  color: var(--toast-color, var(--ynr-foreground));
  font-size: 14px;
  box-shadow: 0 8px 28px rgb(0 0 0 / 0.15);
  outline: 0;
}

.ynr-toast-title {
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 8px;
  color: var(--toast-color, var(--ynr-foreground));
}

.ynr-toast-description {
  font-size: 14px;
  color: var(--ynr-muted);
  margin: 8px 0;
}

.ynr-toast-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 38px;
  padding: var(--toast-padding, 8px 12px);
  border: 1px solid var(--toast-border, var(--ynr-border));
  border-radius: var(--toast-radius, var(--ynr-radius));
  background: var(--toast-background, var(--ynr-surface));
  color: var(--toast-color, var(--ynr-foreground));
  font-size: 14px;
  cursor: pointer;
}

.ynr-toast-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 38px;
  padding: var(--toast-padding, 8px 12px);
  border: 1px solid var(--toast-border, var(--ynr-border));
  border-radius: var(--toast-radius, var(--ynr-radius));
  background: var(--toast-background, var(--ynr-surface));
  color: var(--toast-color, var(--ynr-foreground));
  font-size: 14px;
  cursor: pointer;
}

.ynr-toolbar-root,
.ynr-toolbar-button,
.ynr-toolbar-link,
.ynr-toolbar-group,
.ynr-toolbar-separator {
  box-sizing: border-box;
  font-family: var(--ynr-font);
}

.ynr-toolbar-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 38px;
  padding: var(--toolbar-padding, 8px 12px);
  border: 1px solid var(--toolbar-border, var(--ynr-border));
  border-radius: var(--toolbar-radius, var(--ynr-radius));
  background: var(--toolbar-background, var(--ynr-surface));
  color: var(--toolbar-color, var(--ynr-foreground));
  font-size: 14px;
  cursor: pointer;
}

.ynr-toolbar-separator {
  height: 1px;
  background: var(--toolbar-border, var(--ynr-border));
  margin: 4px 0;
}

.ynr-combobox-input,
.ynr-autocomplete-input {
  margin: 6px 0;
}
.ynr-combobox-popup,
.ynr-autocomplete-popup,
.ynr-select-popup {
  min-width: var(--anchor-width);
}
.ynr-combobox-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.ynr-combobox-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border: 1px solid var(--combobox-border, var(--ynr-border));
  border-radius: var(--combobox-radius, 4px);
  padding: 2px 6px;
}
.ynr-combobox-input-group,
.ynr-autocomplete-input-group {
  display: flex;
  align-items: center;
  gap: 4px;
}
.ynr-select-trigger {
  min-width: 180px;
  justify-content: space-between;
}
.ynr-number-field-root {
  display: grid;
  gap: 8px;
  width: 240px;
  max-width: 100%;
}
.ynr-number-field-group {
  display: flex;
  border: 1px solid var(--number-field-border, var(--ynr-border));
  border-radius: var(--number-field-radius, var(--ynr-radius));
  overflow: hidden;
}
.ynr-number-field-input {
  border: 0;
  border-radius: 0;
  text-align: center;
}
.ynr-number-field-increment,
.ynr-number-field-decrement {
  border: 0;
  border-radius: 0;
  flex-shrink: 0;
}
.ynr-number-field-scrub-area {
  cursor: ew-resize;
}
.ynr-otp-field-root {
  display: flex;
  gap: var(--otp-field-gap, 6px);
}
.ynr-otp-field-input {
  width: 38px;
  padding: 8px 0;
  text-align: center;
}
.ynr-checkbox-group-root {
  display: grid;
  gap: var(--checkbox-group-gap, 12px);
}
.ynr-checkbox-group-root > label {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ynr-checkbox-group-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border: 1px solid var(--checkbox-group-border, var(--ynr-border));
  border-radius: var(--checkbox-group-radius, 4px);
  background: var(--checkbox-group-background, var(--ynr-background));
  color: var(--checkbox-group-color, var(--ynr-foreground));
}
.ynr-checkbox-group-item[data-checked] {
  background: var(--ynr-primary);
  color: var(--ynr-on-primary);
}
.ynr-field-root,
.ynr-fieldset-root,
.ynr-form-root {
  display: grid;
  gap: var(--field-gap, 8px);
  min-width: 0;
}
.ynr-form-root {
  gap: var(--form-gap, 12px);
}
.ynr-fieldset-root {
  gap: var(--fieldset-gap, 12px);
  border: 1px solid var(--fieldset-border, var(--ynr-border));
  border-radius: var(--fieldset-radius, var(--ynr-radius));
  padding: var(--fieldset-padding, 16px);
}
.ynr-field-control[data-invalid],
.ynr-form-control[data-invalid] {
  border-color: var(--ynr-danger);
}
.ynr-meter-root {
  width: 260px;
  max-width: 100%;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
}
.ynr-meter-track {
  grid-column: 1 / -1;
  height: var(--meter-height, 8px);
  border-radius: var(--meter-radius, var(--ynr-radius));
  overflow: hidden;
  background: var(--meter-background, var(--ynr-surface));
}
.ynr-meter-indicator {
  height: 100%;
  background: var(--meter-color, var(--ynr-primary));
}
.ynr-alert-dialog-backdrop,
.ynr-drawer-backdrop {
  position: fixed;
  inset: 0;
  z-index: 70;
  background: rgb(0 0 0 / 0.5);
}
.ynr-alert-dialog-popup {
  position: fixed;
  z-index: 71;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 420px;
  max-height: calc(100dvh - 48px);
  overflow: auto;
  padding: var(--alert-dialog-padding, 24px);
}
.ynr-alert-dialog-description {
  margin-bottom: 24px;
}
.ynr-drawer-viewport {
  position: fixed;
  inset: 0;
  z-index: 71;
  display: flex;
  justify-content: flex-end;
}
.ynr-drawer-popup {
  width: var(--drawer-width, 360px);
  max-width: calc(100vw - 24px);
  height: 100%;
  padding: var(--drawer-padding, 24px);
  overflow: auto;
  overscroll-behavior: contain;
  border-radius: var(--drawer-radius, 0px);
  transform: translateX(var(--drawer-swipe-movement-x, 0px));
}
.ynr-drawer-content {
  display: grid;
  gap: 12px;
}
.ynr-drawer-backdrop {
  opacity: calc(1 - var(--drawer-swipe-progress, 0));
}
.ynr-context-menu-trigger {
  padding: var(--context-menu-padding, 24px);
  border-style: dashed;
}
.ynr-menubar-root,
.ynr-toolbar-root {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.ynr-toolbar-root {
  gap: var(--toolbar-gap, 8px);
}
.ynr-toolbar-group {
  display: flex;
  align-items: center;
  gap: 4px;
}
.ynr-toolbar-separator {
  width: 1px;
  height: 24px;
  margin: 0 4px;
}
.ynr-navigation-menu-list {
  display: flex;
  align-items: center;
  gap: 12px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ynr-navigation-menu-link {
  display: block;
  padding: 8px;
  color: var(--navigation-menu-color, var(--ynr-foreground));
  text-decoration: none;
  border-radius: var(--navigation-menu-radius, 4px);
}
.ynr-navigation-menu-link:hover {
  background: var(--ynr-surface);
}
.ynr-navigation-menu-content {
  padding: 8px;
  min-width: 180px;
}
.ynr-navigation-menu-popup {
  width: var(--popup-width);
  height: var(--popup-height);
}
.ynr-preview-card-trigger {
  color: var(--preview-card-color, var(--ynr-primary));
  text-underline-offset: 3px;
}
.ynr-preview-card-popup {
  width: 280px;
}
.ynr-toast-viewport {
  position: fixed;
  z-index: 80;
  bottom: 24px;
  right: 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 320px;
  max-width: calc(100vw - 48px);
}
.ynr-toast-root {
  flex-shrink: 0;
  width: 100%;
  transform: translate(
    var(--toast-swipe-movement-x, 0px),
    var(--toast-swipe-movement-y, 0px)
  );
}
.ynr-toast-root[data-limited] {
  display: none;
}
/* No continuous animation; primitives retain reduced-motion-safe dismissal. */
.ynr-combobox-label:focus-visible,
.ynr-combobox-input:focus-visible,
.ynr-combobox-input-group:focus-visible,
.ynr-combobox-trigger:focus-visible,
.ynr-combobox-clear:focus-visible,
.ynr-combobox-list:focus-visible,
.ynr-combobox-empty:focus-visible,
.ynr-combobox-item:focus-visible,
.ynr-combobox-item-indicator:focus-visible,
.ynr-combobox-group:focus-visible,
.ynr-combobox-group-label:focus-visible,
.ynr-combobox-chips:focus-visible,
.ynr-combobox-chip:focus-visible,
.ynr-combobox-chip-remove:focus-visible,
.ynr-combobox-status:focus-visible,
.ynr-combobox-positioner:focus-visible,
.ynr-combobox-popup:focus-visible {
  outline: 2px solid var(--ynr-focus);
  outline-offset: 2px;
}
.ynr-combobox-label[data-disabled],
.ynr-combobox-label:disabled,
.ynr-combobox-input[data-disabled],
.ynr-combobox-input:disabled,
.ynr-combobox-input-group[data-disabled],
.ynr-combobox-input-group:disabled,
.ynr-combobox-trigger[data-disabled],
.ynr-combobox-trigger:disabled,
.ynr-combobox-clear[data-disabled],
.ynr-combobox-clear:disabled,
.ynr-combobox-list[data-disabled],
.ynr-combobox-list:disabled,
.ynr-combobox-empty[data-disabled],
.ynr-combobox-empty:disabled,
.ynr-combobox-item[data-disabled],
.ynr-combobox-item:disabled,
.ynr-combobox-item-indicator[data-disabled],
.ynr-combobox-item-indicator:disabled,
.ynr-combobox-group[data-disabled],
.ynr-combobox-group:disabled,
.ynr-combobox-group-label[data-disabled],
.ynr-combobox-group-label:disabled,
.ynr-combobox-chips[data-disabled],
.ynr-combobox-chips:disabled,
.ynr-combobox-chip[data-disabled],
.ynr-combobox-chip:disabled,
.ynr-combobox-chip-remove[data-disabled],
.ynr-combobox-chip-remove:disabled,
.ynr-combobox-status[data-disabled],
.ynr-combobox-status:disabled,
.ynr-combobox-positioner[data-disabled],
.ynr-combobox-positioner:disabled,
.ynr-combobox-popup[data-disabled],
.ynr-combobox-popup:disabled {
  opacity: 0.5;
  cursor: default;
}
.ynr-autocomplete-input:focus-visible,
.ynr-autocomplete-input-group:focus-visible,
.ynr-autocomplete-trigger:focus-visible,
.ynr-autocomplete-clear:focus-visible,
.ynr-autocomplete-list:focus-visible,
.ynr-autocomplete-empty:focus-visible,
.ynr-autocomplete-item:focus-visible,
.ynr-autocomplete-group:focus-visible,
.ynr-autocomplete-group-label:focus-visible,
.ynr-autocomplete-status:focus-visible,
.ynr-autocomplete-positioner:focus-visible,
.ynr-autocomplete-popup:focus-visible {
  outline: 2px solid var(--ynr-focus);
  outline-offset: 2px;
}
.ynr-autocomplete-input[data-disabled],
.ynr-autocomplete-input:disabled,
.ynr-autocomplete-input-group[data-disabled],
.ynr-autocomplete-input-group:disabled,
.ynr-autocomplete-trigger[data-disabled],
.ynr-autocomplete-trigger:disabled,
.ynr-autocomplete-clear[data-disabled],
.ynr-autocomplete-clear:disabled,
.ynr-autocomplete-list[data-disabled],
.ynr-autocomplete-list:disabled,
.ynr-autocomplete-empty[data-disabled],
.ynr-autocomplete-empty:disabled,
.ynr-autocomplete-item[data-disabled],
.ynr-autocomplete-item:disabled,
.ynr-autocomplete-group[data-disabled],
.ynr-autocomplete-group:disabled,
.ynr-autocomplete-group-label[data-disabled],
.ynr-autocomplete-group-label:disabled,
.ynr-autocomplete-status[data-disabled],
.ynr-autocomplete-status:disabled,
.ynr-autocomplete-positioner[data-disabled],
.ynr-autocomplete-positioner:disabled,
.ynr-autocomplete-popup[data-disabled],
.ynr-autocomplete-popup:disabled {
  opacity: 0.5;
  cursor: default;
}
.ynr-select-label:focus-visible,
.ynr-select-trigger:focus-visible,
.ynr-select-icon:focus-visible,
.ynr-select-list:focus-visible,
.ynr-select-item:focus-visible,
.ynr-select-item-text:focus-visible,
.ynr-select-item-indicator:focus-visible,
.ynr-select-group:focus-visible,
.ynr-select-group-label:focus-visible,
.ynr-select-scroll-up-arrow:focus-visible,
.ynr-select-scroll-down-arrow:focus-visible,
.ynr-select-positioner:focus-visible,
.ynr-select-popup:focus-visible {
  outline: 2px solid var(--ynr-focus);
  outline-offset: 2px;
}
.ynr-select-label[data-disabled],
.ynr-select-label:disabled,
.ynr-select-trigger[data-disabled],
.ynr-select-trigger:disabled,
.ynr-select-icon[data-disabled],
.ynr-select-icon:disabled,
.ynr-select-list[data-disabled],
.ynr-select-list:disabled,
.ynr-select-item[data-disabled],
.ynr-select-item:disabled,
.ynr-select-item-text[data-disabled],
.ynr-select-item-text:disabled,
.ynr-select-item-indicator[data-disabled],
.ynr-select-item-indicator:disabled,
.ynr-select-group[data-disabled],
.ynr-select-group:disabled,
.ynr-select-group-label[data-disabled],
.ynr-select-group-label:disabled,
.ynr-select-scroll-up-arrow[data-disabled],
.ynr-select-scroll-up-arrow:disabled,
.ynr-select-scroll-down-arrow[data-disabled],
.ynr-select-scroll-down-arrow:disabled,
.ynr-select-positioner[data-disabled],
.ynr-select-positioner:disabled,
.ynr-select-popup[data-disabled],
.ynr-select-popup:disabled {
  opacity: 0.5;
  cursor: default;
}
.ynr-number-field-root:focus-visible,
.ynr-number-field-group:focus-visible,
.ynr-number-field-input:focus-visible,
.ynr-number-field-increment:focus-visible,
.ynr-number-field-decrement:focus-visible,
.ynr-number-field-scrub-area:focus-visible,
.ynr-number-field-scrub-area-cursor:focus-visible {
  outline: 2px solid var(--ynr-focus);
  outline-offset: 2px;
}
.ynr-number-field-root[data-disabled],
.ynr-number-field-root:disabled,
.ynr-number-field-group[data-disabled],
.ynr-number-field-group:disabled,
.ynr-number-field-input[data-disabled],
.ynr-number-field-input:disabled,
.ynr-number-field-increment[data-disabled],
.ynr-number-field-increment:disabled,
.ynr-number-field-decrement[data-disabled],
.ynr-number-field-decrement:disabled,
.ynr-number-field-scrub-area[data-disabled],
.ynr-number-field-scrub-area:disabled,
.ynr-number-field-scrub-area-cursor[data-disabled],
.ynr-number-field-scrub-area-cursor:disabled {
  opacity: 0.5;
  cursor: default;
}
.ynr-otp-field-root:focus-visible,
.ynr-otp-field-input:focus-visible,
.ynr-otp-field-separator:focus-visible {
  outline: 2px solid var(--ynr-focus);
  outline-offset: 2px;
}
.ynr-otp-field-root[data-disabled],
.ynr-otp-field-root:disabled,
.ynr-otp-field-input[data-disabled],
.ynr-otp-field-input:disabled,
.ynr-otp-field-separator[data-disabled],
.ynr-otp-field-separator:disabled {
  opacity: 0.5;
  cursor: default;
}
.ynr-checkbox-group-root:focus-visible,
.ynr-checkbox-group-item:focus-visible,
.ynr-checkbox-group-indicator:focus-visible {
  outline: 2px solid var(--ynr-focus);
  outline-offset: 2px;
}
.ynr-checkbox-group-root[data-disabled],
.ynr-checkbox-group-root:disabled,
.ynr-checkbox-group-item[data-disabled],
.ynr-checkbox-group-item:disabled,
.ynr-checkbox-group-indicator[data-disabled],
.ynr-checkbox-group-indicator:disabled {
  opacity: 0.5;
  cursor: default;
}
.ynr-field-root:focus-visible,
.ynr-field-label:focus-visible,
.ynr-field-control:focus-visible,
.ynr-field-description:focus-visible,
.ynr-field-error:focus-visible,
.ynr-field-item:focus-visible {
  outline: 2px solid var(--ynr-focus);
  outline-offset: 2px;
}
.ynr-field-root[data-disabled],
.ynr-field-root:disabled,
.ynr-field-label[data-disabled],
.ynr-field-label:disabled,
.ynr-field-control[data-disabled],
.ynr-field-control:disabled,
.ynr-field-description[data-disabled],
.ynr-field-description:disabled,
.ynr-field-error[data-disabled],
.ynr-field-error:disabled,
.ynr-field-item[data-disabled],
.ynr-field-item:disabled {
  opacity: 0.5;
  cursor: default;
}
.ynr-fieldset-root:focus-visible,
.ynr-fieldset-legend:focus-visible,
.ynr-fieldset-input:focus-visible {
  outline: 2px solid var(--ynr-focus);
  outline-offset: 2px;
}
.ynr-fieldset-root[data-disabled],
.ynr-fieldset-root:disabled,
.ynr-fieldset-legend[data-disabled],
.ynr-fieldset-legend:disabled,
.ynr-fieldset-input[data-disabled],
.ynr-fieldset-input:disabled {
  opacity: 0.5;
  cursor: default;
}
.ynr-form-root:focus-visible,
.ynr-form-label:focus-visible,
.ynr-form-control:focus-visible,
.ynr-form-description:focus-visible,
.ynr-form-error:focus-visible {
  outline: 2px solid var(--ynr-focus);
  outline-offset: 2px;
}
.ynr-form-root[data-disabled],
.ynr-form-root:disabled,
.ynr-form-label[data-disabled],
.ynr-form-label:disabled,
.ynr-form-control[data-disabled],
.ynr-form-control:disabled,
.ynr-form-description[data-disabled],
.ynr-form-description:disabled,
.ynr-form-error[data-disabled],
.ynr-form-error:disabled {
  opacity: 0.5;
  cursor: default;
}
.ynr-meter-root:focus-visible,
.ynr-meter-label:focus-visible,
.ynr-meter-track:focus-visible,
.ynr-meter-indicator:focus-visible {
  outline: 2px solid var(--ynr-focus);
  outline-offset: 2px;
}
.ynr-meter-root[data-disabled],
.ynr-meter-root:disabled,
.ynr-meter-label[data-disabled],
.ynr-meter-label:disabled,
.ynr-meter-track[data-disabled],
.ynr-meter-track:disabled,
.ynr-meter-indicator[data-disabled],
.ynr-meter-indicator:disabled {
  opacity: 0.5;
  cursor: default;
}
.ynr-alert-dialog-trigger:focus-visible,
.ynr-alert-dialog-backdrop:focus-visible,
.ynr-alert-dialog-popup:focus-visible,
.ynr-alert-dialog-title:focus-visible,
.ynr-alert-dialog-description:focus-visible,
.ynr-alert-dialog-close:focus-visible {
  outline: 2px solid var(--ynr-focus);
  outline-offset: 2px;
}
.ynr-alert-dialog-trigger[data-disabled],
.ynr-alert-dialog-trigger:disabled,
.ynr-alert-dialog-backdrop[data-disabled],
.ynr-alert-dialog-backdrop:disabled,
.ynr-alert-dialog-popup[data-disabled],
.ynr-alert-dialog-popup:disabled,
.ynr-alert-dialog-title[data-disabled],
.ynr-alert-dialog-title:disabled,
.ynr-alert-dialog-description[data-disabled],
.ynr-alert-dialog-description:disabled,
.ynr-alert-dialog-close[data-disabled],
.ynr-alert-dialog-close:disabled {
  opacity: 0.5;
  cursor: default;
}
.ynr-context-menu-trigger:focus-visible,
.ynr-context-menu-positioner:focus-visible,
.ynr-context-menu-popup:focus-visible,
.ynr-context-menu-item:focus-visible,
.ynr-context-menu-link-item:focus-visible,
.ynr-context-menu-separator:focus-visible,
.ynr-context-menu-group:focus-visible,
.ynr-context-menu-group-label:focus-visible,
.ynr-context-menu-checkbox-item:focus-visible,
.ynr-context-menu-checkbox-item-indicator:focus-visible,
.ynr-context-menu-radio-group:focus-visible,
.ynr-context-menu-radio-item:focus-visible,
.ynr-context-menu-radio-item-indicator:focus-visible,
.ynr-context-menu-submenu-trigger:focus-visible {
  outline: 2px solid var(--ynr-focus);
  outline-offset: 2px;
}
.ynr-context-menu-trigger[data-disabled],
.ynr-context-menu-trigger:disabled,
.ynr-context-menu-positioner[data-disabled],
.ynr-context-menu-positioner:disabled,
.ynr-context-menu-popup[data-disabled],
.ynr-context-menu-popup:disabled,
.ynr-context-menu-item[data-disabled],
.ynr-context-menu-item:disabled,
.ynr-context-menu-link-item[data-disabled],
.ynr-context-menu-link-item:disabled,
.ynr-context-menu-separator[data-disabled],
.ynr-context-menu-separator:disabled,
.ynr-context-menu-group[data-disabled],
.ynr-context-menu-group:disabled,
.ynr-context-menu-group-label[data-disabled],
.ynr-context-menu-group-label:disabled,
.ynr-context-menu-checkbox-item[data-disabled],
.ynr-context-menu-checkbox-item:disabled,
.ynr-context-menu-checkbox-item-indicator[data-disabled],
.ynr-context-menu-checkbox-item-indicator:disabled,
.ynr-context-menu-radio-group[data-disabled],
.ynr-context-menu-radio-group:disabled,
.ynr-context-menu-radio-item[data-disabled],
.ynr-context-menu-radio-item:disabled,
.ynr-context-menu-radio-item-indicator[data-disabled],
.ynr-context-menu-radio-item-indicator:disabled,
.ynr-context-menu-submenu-trigger[data-disabled],
.ynr-context-menu-submenu-trigger:disabled {
  opacity: 0.5;
  cursor: default;
}
.ynr-drawer-trigger:focus-visible,
.ynr-drawer-backdrop:focus-visible,
.ynr-drawer-viewport:focus-visible,
.ynr-drawer-popup:focus-visible,
.ynr-drawer-content:focus-visible,
.ynr-drawer-title:focus-visible,
.ynr-drawer-description:focus-visible,
.ynr-drawer-close:focus-visible,
.ynr-drawer-input:focus-visible {
  outline: 2px solid var(--ynr-focus);
  outline-offset: 2px;
}
.ynr-drawer-trigger[data-disabled],
.ynr-drawer-trigger:disabled,
.ynr-drawer-backdrop[data-disabled],
.ynr-drawer-backdrop:disabled,
.ynr-drawer-viewport[data-disabled],
.ynr-drawer-viewport:disabled,
.ynr-drawer-popup[data-disabled],
.ynr-drawer-popup:disabled,
.ynr-drawer-content[data-disabled],
.ynr-drawer-content:disabled,
.ynr-drawer-title[data-disabled],
.ynr-drawer-title:disabled,
.ynr-drawer-description[data-disabled],
.ynr-drawer-description:disabled,
.ynr-drawer-close[data-disabled],
.ynr-drawer-close:disabled,
.ynr-drawer-input[data-disabled],
.ynr-drawer-input:disabled {
  opacity: 0.5;
  cursor: default;
}
.ynr-menubar-root:focus-visible,
.ynr-menubar-trigger:focus-visible,
.ynr-menubar-positioner:focus-visible,
.ynr-menubar-popup:focus-visible,
.ynr-menubar-item:focus-visible,
.ynr-menubar-separator:focus-visible,
.ynr-menubar-group:focus-visible,
.ynr-menubar-group-label:focus-visible,
.ynr-menubar-checkbox-item:focus-visible,
.ynr-menubar-checkbox-item-indicator:focus-visible,
.ynr-menubar-radio-group:focus-visible,
.ynr-menubar-radio-item:focus-visible,
.ynr-menubar-radio-item-indicator:focus-visible,
.ynr-menubar-submenu-trigger:focus-visible {
  outline: 2px solid var(--ynr-focus);
  outline-offset: 2px;
}
.ynr-menubar-root[data-disabled],
.ynr-menubar-root:disabled,
.ynr-menubar-trigger[data-disabled],
.ynr-menubar-trigger:disabled,
.ynr-menubar-positioner[data-disabled],
.ynr-menubar-positioner:disabled,
.ynr-menubar-popup[data-disabled],
.ynr-menubar-popup:disabled,
.ynr-menubar-item[data-disabled],
.ynr-menubar-item:disabled,
.ynr-menubar-separator[data-disabled],
.ynr-menubar-separator:disabled,
.ynr-menubar-group[data-disabled],
.ynr-menubar-group:disabled,
.ynr-menubar-group-label[data-disabled],
.ynr-menubar-group-label:disabled,
.ynr-menubar-checkbox-item[data-disabled],
.ynr-menubar-checkbox-item:disabled,
.ynr-menubar-checkbox-item-indicator[data-disabled],
.ynr-menubar-checkbox-item-indicator:disabled,
.ynr-menubar-radio-group[data-disabled],
.ynr-menubar-radio-group:disabled,
.ynr-menubar-radio-item[data-disabled],
.ynr-menubar-radio-item:disabled,
.ynr-menubar-radio-item-indicator[data-disabled],
.ynr-menubar-radio-item-indicator:disabled,
.ynr-menubar-submenu-trigger[data-disabled],
.ynr-menubar-submenu-trigger:disabled {
  opacity: 0.5;
  cursor: default;
}
.ynr-navigation-menu-root:focus-visible,
.ynr-navigation-menu-list:focus-visible,
.ynr-navigation-menu-item:focus-visible,
.ynr-navigation-menu-trigger:focus-visible,
.ynr-navigation-menu-icon:focus-visible,
.ynr-navigation-menu-content:focus-visible,
.ynr-navigation-menu-link:focus-visible,
.ynr-navigation-menu-positioner:focus-visible,
.ynr-navigation-menu-popup:focus-visible,
.ynr-navigation-menu-viewport:focus-visible {
  outline: 2px solid var(--ynr-focus);
  outline-offset: 2px;
}
.ynr-navigation-menu-root[data-disabled],
.ynr-navigation-menu-root:disabled,
.ynr-navigation-menu-list[data-disabled],
.ynr-navigation-menu-list:disabled,
.ynr-navigation-menu-item[data-disabled],
.ynr-navigation-menu-item:disabled,
.ynr-navigation-menu-trigger[data-disabled],
.ynr-navigation-menu-trigger:disabled,
.ynr-navigation-menu-icon[data-disabled],
.ynr-navigation-menu-icon:disabled,
.ynr-navigation-menu-content[data-disabled],
.ynr-navigation-menu-content:disabled,
.ynr-navigation-menu-link[data-disabled],
.ynr-navigation-menu-link:disabled,
.ynr-navigation-menu-positioner[data-disabled],
.ynr-navigation-menu-positioner:disabled,
.ynr-navigation-menu-popup[data-disabled],
.ynr-navigation-menu-popup:disabled,
.ynr-navigation-menu-viewport[data-disabled],
.ynr-navigation-menu-viewport:disabled {
  opacity: 0.5;
  cursor: default;
}
.ynr-preview-card-trigger:focus-visible,
.ynr-preview-card-positioner:focus-visible,
.ynr-preview-card-popup:focus-visible,
.ynr-preview-card-arrow:focus-visible {
  outline: 2px solid var(--ynr-focus);
  outline-offset: 2px;
}
.ynr-preview-card-trigger[data-disabled],
.ynr-preview-card-trigger:disabled,
.ynr-preview-card-positioner[data-disabled],
.ynr-preview-card-positioner:disabled,
.ynr-preview-card-popup[data-disabled],
.ynr-preview-card-popup:disabled,
.ynr-preview-card-arrow[data-disabled],
.ynr-preview-card-arrow:disabled {
  opacity: 0.5;
  cursor: default;
}
.ynr-toast-viewport:focus-visible,
.ynr-toast-root:focus-visible,
.ynr-toast-content:focus-visible,
.ynr-toast-title:focus-visible,
.ynr-toast-description:focus-visible,
.ynr-toast-close:focus-visible,
.ynr-toast-action:focus-visible {
  outline: 2px solid var(--ynr-focus);
  outline-offset: 2px;
}
.ynr-toast-viewport[data-disabled],
.ynr-toast-viewport:disabled,
.ynr-toast-root[data-disabled],
.ynr-toast-root:disabled,
.ynr-toast-content[data-disabled],
.ynr-toast-content:disabled,
.ynr-toast-title[data-disabled],
.ynr-toast-title:disabled,
.ynr-toast-description[data-disabled],
.ynr-toast-description:disabled,
.ynr-toast-close[data-disabled],
.ynr-toast-close:disabled,
.ynr-toast-action[data-disabled],
.ynr-toast-action:disabled {
  opacity: 0.5;
  cursor: default;
}
.ynr-toolbar-root:focus-visible,
.ynr-toolbar-button:focus-visible,
.ynr-toolbar-link:focus-visible,
.ynr-toolbar-group:focus-visible,
.ynr-toolbar-separator:focus-visible {
  outline: 2px solid var(--ynr-focus);
  outline-offset: 2px;
}
.ynr-toolbar-root[data-disabled],
.ynr-toolbar-root:disabled,
.ynr-toolbar-button[data-disabled],
.ynr-toolbar-button:disabled,
.ynr-toolbar-link[data-disabled],
.ynr-toolbar-link:disabled,
.ynr-toolbar-group[data-disabled],
.ynr-toolbar-group:disabled,
.ynr-toolbar-separator[data-disabled],
.ynr-toolbar-separator:disabled {
  opacity: 0.5;
  cursor: default;
}
/* end theynrlib styles base-ui-01 */

/* theynrlib styles mantine-forms-01 — accessible form and application controls. */
.ynr-password-input,
.ynr-number-input,
.ynr-file-input,
.ynr-segmented-control {
  box-sizing: border-box;
  min-width: 0;
  color: var(--ynr-foreground);
  font: 14px/1.5 var(--ynr-font);
}
.ynr-password-input-control,
.ynr-file-input-control {
  display: flex;
  align-items: stretch;
  min-width: 0;
  border: 1px solid var(--mantine-input-border, var(--ynr-border));
  border-radius: var(--mantine-input-radius, var(--ynr-radius));
  background: var(--mantine-input-background, var(--ynr-background));
  overflow: hidden;
}
.ynr-password-input-control:focus-within,
.ynr-file-input-control:focus-within {
  outline: 2px solid var(--ynr-focus);
  outline-offset: 2px;
}
.ynr-password-input-field,
.ynr-number-input-field {
  box-sizing: border-box;
  min-width: 0;
  width: 100%;
  min-height: var(--mantine-input-height, 42px);
  padding: var(--mantine-input-padding, 9px 12px);
  color: var(--mantine-input-color, var(--ynr-foreground));
  background: var(--mantine-input-background, var(--ynr-background));
  font: inherit;
}
.ynr-password-input-field {
  border: 0;
  outline: 0;
}
.ynr-number-input-field {
  border: 1px solid var(--number-input-border, var(--ynr-border));
  border-radius: var(--number-input-radius, var(--ynr-radius));
}
.ynr-number-input-field:focus-visible {
  outline: 2px solid var(--ynr-focus);
  outline-offset: 2px;
}
.ynr-password-input-toggle,
.ynr-file-input-clear {
  flex: 0 0 auto;
  min-height: 40px;
  border: 0;
  border-inline-start: 1px solid var(--mantine-input-border, var(--ynr-border));
  padding: 8px 12px;
  color: var(--mantine-input-action-color, var(--ynr-foreground));
  background: var(--mantine-input-action-background, var(--ynr-surface));
  font: inherit;
  cursor: pointer;
}
.ynr-password-input-toggle:focus-visible,
.ynr-file-input-clear:focus-visible {
  outline: 2px solid var(--ynr-focus);
  outline-offset: -4px;
}
.ynr-file-input-control {
  position: relative;
}
.ynr-file-input-field {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.ynr-file-input-value {
  flex: 1;
  min-width: 0;
  min-height: var(--mantine-input-height, 42px);
  padding: var(--mantine-input-padding, 9px 12px);
  overflow: hidden;
  color: var(--file-input-color, var(--ynr-foreground));
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ynr-file-input-clear {
  position: relative;
  z-index: 2;
}
.ynr-segmented-control {
  width: fit-content;
  max-width: 100%;
  margin: 0;
  border: 0;
  padding: 0;
}
.ynr-segmented-control[data-full-width] {
  width: 100%;
}
.ynr-segmented-control-legend {
  margin-bottom: 8px;
  padding: 0;
  font-weight: 500;
}
.ynr-segmented-control-options {
  display: flex;
  max-width: 100%;
  gap: var(--segmented-control-gap, 4px);
  border: 1px solid var(--segmented-control-border, var(--ynr-border));
  border-radius: var(--segmented-control-radius, var(--ynr-radius));
  padding: var(--segmented-control-padding, 4px);
  background: var(--segmented-control-background, var(--ynr-surface));
  overflow-x: auto;
}
.ynr-segmented-control[data-orientation="vertical"]
  .ynr-segmented-control-options {
  flex-direction: column;
  overflow: visible;
}
.ynr-segmented-control-option {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
  cursor: pointer;
}
.ynr-segmented-control-option input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.ynr-segmented-control-option span {
  display: flex;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border: 1px solid transparent;
  border-radius: calc(var(--segmented-control-radius, var(--ynr-radius)) - 2px);
  padding: var(--segmented-control-item-padding, 7px 12px);
  color: var(--segmented-control-color, var(--ynr-muted));
  text-align: center;
  white-space: nowrap;
}
.ynr-segmented-control-option input:checked + span {
  border-color: var(--segmented-control-active-border, var(--ynr-border));
  background: var(--segmented-control-active-background, var(--ynr-background));
  color: var(--segmented-control-active-color, var(--ynr-foreground));
}
.ynr-segmented-control-option input:focus-visible + span {
  outline: 2px solid var(--ynr-focus);
  outline-offset: 1px;
}
.ynr-segmented-control-option[data-disabled] {
  cursor: not-allowed;
  opacity: 0.5;
}
.ynr-segmented-control-option[data-read-only] {
  cursor: default;
}
:is(
  .ynr-password-input-field,
  .ynr-number-input-field,
  .ynr-file-input-control
)[aria-invalid="true"],
.ynr-password-input:has(.ynr-password-input-field[aria-invalid="true"])
  .ynr-password-input-control,
.ynr-file-input:has(.ynr-file-input-field[aria-invalid="true"])
  .ynr-file-input-control {
  border-color: var(--ynr-danger);
}
:is(
  .ynr-password-input-field,
  .ynr-number-input-field,
  .ynr-file-input-field,
  .ynr-password-input-toggle,
  .ynr-file-input-clear
):disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
@media (forced-colors: active) {
  .ynr-segmented-control-option input:checked + span {
    border-color: Highlight;
  }
}
/* end theynrlib styles mantine-forms-01 */
/* theynrlib styles magicui-01 — standalone Magic UI adaptations */
.ynr-motion-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.ynr-marquee {
  width: 100%;
  min-width: 0;
  color: var(--marquee-color, inherit);
}
.ynr-marquee-window {
  display: flex;
  gap: var(--marquee-gap, 24px);
  overflow: hidden;
  padding: var(--marquee-padding, 8px);
  border-radius: var(--marquee-radius, 0px);
  border: var(--marquee-border, 0);
}
.ynr-marquee-track {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-around;
  gap: var(--marquee-gap, 24px);
  min-width: 100%;
  animation: ynr-marquee-x var(--marquee-duration, 20s) linear infinite;
}
.ynr-marquee[data-vertical="true"] .ynr-marquee-window {
  flex-direction: column;
  height: var(--marquee-height, 180px);
}
.ynr-marquee[data-vertical="true"] .ynr-marquee-track {
  flex-direction: column;
  min-height: 100%;
  animation-name: ynr-marquee-y;
}
.ynr-marquee[data-reverse="true"] .ynr-marquee-track {
  animation-direction: reverse;
}
.ynr-marquee[data-paused="true"] .ynr-marquee-track,
.ynr-marquee-window:hover .ynr-marquee-track,
.ynr-marquee-window:focus-within .ynr-marquee-track {
  animation-play-state: paused;
}
.ynr-marquee-control {
  margin-top: 12px;
  padding: 8px 12px;
  font: inherit;
  color: inherit;
  background: var(--ynr-background);
  border: 1px solid var(--ynr-border);
  border-radius: var(--marquee-control-radius, 4px);
  cursor: pointer;
}
.ynr-marquee-control:disabled {
  cursor: default;
  opacity: 0.6;
}
.ynr-marquee-control:focus-visible,
.ynr-ripple-button:focus-visible,
.ynr-dock-item:focus-visible {
  outline: 2px solid var(--ynr-primary);
  outline-offset: 4px;
}
@keyframes ynr-marquee-x {
  to {
    transform: translateX(calc(-100% - var(--marquee-gap, 24px)));
  }
}
@keyframes ynr-marquee-y {
  to {
    transform: translateY(calc(-100% - var(--marquee-gap, 24px)));
  }
}
.ynr-number-ticker {
  font-variant-numeric: tabular-nums;
  color: var(--number-ticker-color, inherit);
  font-size: var(--number-ticker-size, inherit);
}
.ynr-typing-animation {
  white-space: pre-wrap;
  color: var(--typing-animation-color, inherit);
  font-size: var(--typing-animation-size, inherit);
}
.ynr-typing-animation-visual::after {
  content: "";
  border-inline-end: var(--typing-animation-cursor-width, 2px) solid
    currentColor;
  margin-inline-start: 2px;
}
.ynr-word-rotate {
  display: inline-grid;
  position: relative;
  color: var(--word-rotate-color, inherit);
}
.ynr-word-rotate-sizing {
  display: grid;
  visibility: hidden;
  grid-area: 1 / 1;
}
.ynr-word-rotate-sizing > span {
  grid-area: 1 / 1;
}
.ynr-word-rotate-current {
  grid-area: 1 / 1;
  animation: ynr-word-enter var(--word-rotate-transition, 200ms) ease-out;
}
@keyframes ynr-word-enter {
  from {
    opacity: 0;
    transform: translateY(0.3em);
  }
}
.ynr-blur-fade {
  border-radius: var(--blur-fade-radius, 0px);
  padding: var(--blur-fade-padding, 0px);
}
.ynr-blur-fade[data-reveal="true"] {
  animation: ynr-blur-fade var(--blur-fade-duration, 500ms)
    var(--blur-fade-delay, 0ms) ease-out backwards;
}
@keyframes ynr-blur-fade {
  from {
    opacity: 0;
    transform: translateY(var(--blur-fade-distance, 8px));
    filter: blur(var(--blur-fade-blur, 3px));
  }
  to {
    opacity: 1;
    transform: none;
    filter: none;
  }
}
.ynr-text-animate {
  white-space: pre-wrap;
  color: var(--text-animate-color, inherit);
}
.ynr-text-animate-segment {
  display: inline-block;
  animation: ynr-text-enter var(--text-animate-duration, 400ms) ease-out both;
  animation-delay: calc(
    var(--text-animate-index) * var(--text-animate-stagger, 35ms)
  );
}
@keyframes ynr-text-enter {
  from {
    opacity: 0;
    transform: translateY(var(--text-animate-distance, 0.4em));
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.ynr-animated-gradient-text {
  color: var(--animated-gradient-text-from, var(--ynr-primary));
}
@supports (background-clip: text) {
  .ynr-animated-gradient-text {
    background: linear-gradient(
      90deg,
      var(--animated-gradient-text-from, var(--ynr-primary)),
      var(--animated-gradient-text-to, #a855f7),
      var(--animated-gradient-text-from, var(--ynr-primary))
    );
    background-size: 200% 100%;
    background-clip: text;
    color: transparent;
    animation: ynr-gradient-text var(--animated-gradient-text-duration, 3s)
      ease-in-out var(--animated-gradient-text-iterations, 1);
  }
}
@keyframes ynr-gradient-text {
  to {
    background-position: 200% 0;
  }
}
.ynr-border-beam {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  border: var(--border-beam-width, 1px) solid
    var(--border-beam-color, var(--ynr-primary));
  border-radius: inherit;
}
.ynr-border-beam > span {
  position: absolute;
  width: var(--border-beam-size, 40px);
  aspect-ratio: 1;
  background: radial-gradient(
    circle,
    var(--border-beam-color, var(--ynr-primary)),
    transparent 70%
  );
  offset-path: rect(0% 100% 100% 0%);
  animation: ynr-border-trace var(--border-beam-duration, 4s) linear
    var(--border-beam-iterations, 1);
}
@keyframes ynr-border-trace {
  to {
    offset-distance: 100%;
  }
}
.ynr-magic-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: var(--magic-card-border-width, 1px) solid
    var(--magic-card-border, var(--ynr-border));
  border-radius: var(--magic-card-radius, var(--ynr-radius));
  background: var(--magic-card-background, var(--ynr-background));
  color: var(--magic-card-color, var(--ynr-foreground));
  padding: var(--magic-card-padding, 24px);
}
.ynr-magic-card::before {
  content: "";
  position: absolute;
  pointer-events: none;
  inset: 0;
  opacity: 0;
  background: radial-gradient(
    var(--magic-card-size, 200px) circle at var(--magic-card-x, 50%)
      var(--magic-card-y, 50%),
    var(
      --magic-card-highlight,
      color-mix(in srgb, var(--ynr-primary), transparent 80%)
    ),
    transparent
  );
}
.ynr-magic-card:hover::before,
.ynr-magic-card:focus-within::before {
  opacity: 1;
}
.ynr-magic-card-content {
  position: relative;
}
.ynr-orbiting-circles {
  position: relative;
  width: 100%;
  min-height: var(--orbiting-circles-height, 220px);
  pointer-events: none;
}
.ynr-orbiting-circles-path {
  position: absolute;
  width: calc(var(--orbiting-circles-radius, 80px) * 2);
  height: calc(var(--orbiting-circles-radius, 80px) * 2);
  border: var(--orbiting-circles-border, 1px solid var(--ynr-border));
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.ynr-orbiting-circles-orbit {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
  transform: rotate(var(--orbiting-circles-angle));
  animation: ynr-orbit var(--orbiting-circles-duration, 4s) linear
    var(--orbiting-circles-iterations, 1);
}
.ynr-orbiting-circles-item {
  display: grid;
  place-items: center;
  width: var(--orbiting-circles-size, 32px);
  height: var(--orbiting-circles-size, 32px);
  position: absolute;
  left: var(--orbiting-circles-radius, 80px);
  transform: translate(-50%, -50%)
    rotate(calc(-1 * var(--orbiting-circles-angle)));
  animation: ynr-counter-orbit var(--orbiting-circles-duration, 4s) linear
    var(--orbiting-circles-iterations, 1);
}
.ynr-orbiting-circles[data-reverse="true"] .ynr-orbiting-circles-orbit,
.ynr-orbiting-circles[data-reverse="true"] .ynr-orbiting-circles-item {
  animation-direction: reverse;
}
.ynr-orbiting-circles[data-paused="true"] * {
  animation-play-state: paused;
}
@keyframes ynr-orbit {
  to {
    transform: rotate(calc(var(--orbiting-circles-angle) + 360deg));
  }
}
@keyframes ynr-counter-orbit {
  to {
    transform: translate(-50%, -50%)
      rotate(calc(-1 * var(--orbiting-circles-angle) - 360deg));
  }
}
.ynr-meteors {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  border-radius: inherit;
}
.ynr-meteors > span {
  position: absolute;
  top: 0;
  width: var(--meteors-size, 2px);
  height: var(--meteors-size, 2px);
  border-radius: 50%;
  color: var(--meteors-color, var(--ynr-primary));
  background: currentColor;
  transform: rotate(45deg);
  animation: ynr-meteor var(--meteors-duration, 3s) var(--meteors-delay) linear
    both;
}
.ynr-meteors > span::after {
  content: "";
  position: absolute;
  height: 1px;
  width: var(--meteors-tail, 48px);
  right: 0;
  background: linear-gradient(90deg, transparent, currentColor);
}
@keyframes ynr-meteor {
  from {
    opacity: 0;
    transform: translate(0, 0) rotate(45deg);
  }
  20% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate(180px, 240px) rotate(45deg);
  }
}
.ynr-dot-pattern {
  position: absolute;
  inset: 0;
  pointer-events: none;
  color: var(--dot-pattern-color, var(--ynr-border));
  opacity: var(--dot-pattern-opacity, 1);
}
.ynr-grid-pattern {
  position: absolute;
  inset: 0;
  pointer-events: none;
  color: var(--grid-pattern-color, var(--ynr-border));
  opacity: var(--grid-pattern-opacity, 1);
}
.ynr-scroll-progress {
  position: relative;
  width: 100%;
  height: var(--scroll-progress-height, 4px);
  background: var(--scroll-progress-track, var(--ynr-border));
  border-radius: var(--scroll-progress-radius, 0px);
  overflow: hidden;
}
.ynr-scroll-progress > span {
  display: block;
  height: 100%;
  background: var(--scroll-progress-color, var(--ynr-primary));
  transform-origin: left;
  transform: scaleX(var(--scroll-progress-value, 0));
}
.ynr-bento-grid {
  display: grid;
  width: 100%;
  min-width: 0;
  gap: var(--bento-grid-gap, 16px);
  grid-template-columns: repeat(
    auto-fit,
    minmax(min(100%, var(--bento-grid-min, 180px)), 1fr)
  );
}
.ynr-bento-card {
  min-width: 0;
  padding: var(--bento-card-padding, 20px);
  border: var(--bento-card-border-width, 1px) solid
    var(--bento-card-border, var(--ynr-border));
  border-radius: var(--bento-card-radius, var(--ynr-radius));
  background: var(--bento-card-background, var(--ynr-background));
  color: var(--bento-card-color, var(--ynr-foreground));
  transition: transform 180ms ease;
}
.ynr-bento-card:focus-within,
.ynr-bento-card:hover {
  transform: translateY(var(--bento-card-lift, -2px));
}
.ynr-dock {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--dock-gap, 12px);
  padding: var(--dock-padding, 12px);
  border: var(--dock-border-width, 1px) solid
    var(--dock-border, var(--ynr-border));
  border-radius: var(--dock-radius, var(--ynr-radius));
  background: var(--dock-background, var(--ynr-background));
}
.ynr-dock-item {
  display: inline-grid;
  place-items: center;
  min-height: var(--dock-item-size, 44px);
  min-width: var(--dock-item-size, 44px);
  color: var(--dock-color, var(--ynr-foreground));
  padding: 4px 8px;
  text-decoration: none;
  border-radius: var(--dock-item-radius, 4px);
  transform-origin: bottom center;
  transition: transform 160ms ease;
}
.ynr-dock-item:hover,
.ynr-dock-item:focus-visible {
  transform: scale(var(--dock-magnification, 1.15));
  background: var(--dock-item-background, var(--ynr-muted));
}
.ynr-animated-list {
  display: grid;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: var(--animated-list-gap, 12px);
}
.ynr-animated-list > li {
  padding: var(--animated-list-padding, 12px);
  border: 1px solid var(--animated-list-border, var(--ynr-border));
  border-radius: var(--animated-list-radius, var(--ynr-radius));
  color: var(--animated-list-color, inherit);
  animation: ynr-list-enter var(--animated-list-duration, 400ms) ease-out
    backwards;
  animation-delay: calc(
    var(--animated-list-index) * var(--animated-list-stagger, 120ms)
  );
}
@keyframes ynr-list-enter {
  from {
    opacity: 0;
    transform: translateY(8px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.ynr-ripple-button {
  position: relative;
  overflow: hidden;
  display: inline-grid;
  place-items: center;
  min-height: 44px;
  padding: var(--ripple-button-padding, 10px 16px);
  border: var(--ripple-button-border-width, 1px) solid
    var(--ripple-button-border, transparent);
  border-radius: var(--ripple-button-radius, var(--ynr-radius));
  background: var(--ripple-button-background, var(--ynr-primary));
  color: var(--ripple-button-color, var(--ynr-on-primary));
  cursor: pointer;
  font: inherit;
}
.ynr-ripple-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.ynr-ripple-button-label {
  position: relative;
  z-index: 1;
}
.ynr-ripple-button-wave {
  position: absolute;
  pointer-events: none;
  border-radius: 50%;
  background: var(--ripple-button-wave, currentColor);
  animation: ynr-click-ripple 600ms ease-out forwards;
}
@keyframes ynr-click-ripple {
  from {
    opacity: 0.3;
    transform: scale(0);
  }
  to {
    opacity: 0;
    transform: scale(1);
  }
}
.ynr-animated-circular-progress-bar {
  position: relative;
  width: var(--circular-progress-size, 128px);
  max-width: 100%;
  aspect-ratio: 1;
  font-variant-numeric: tabular-nums;
  color: var(--circular-progress-text, inherit);
}
.ynr-animated-circular-progress-bar svg {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
  fill: none;
  stroke-width: var(--circular-progress-width, 8px);
}
.ynr-circular-track {
  stroke: var(--circular-progress-track, var(--ynr-border));
}
.ynr-circular-value {
  stroke: var(--circular-progress-color, var(--ynr-primary));
  stroke-linecap: round;
  transition: stroke-dashoffset var(--circular-progress-duration, 400ms)
    ease-out;
}
.ynr-animated-circular-progress-bar > span {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
}
.ynr-animated-beam {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  fill: none;
  stroke-width: var(--animated-beam-width, 2px);
}
.ynr-animated-beam-track {
  stroke: var(--animated-beam-track, var(--ynr-border));
}
.ynr-animated-beam-light {
  stroke: var(--animated-beam-color, var(--ynr-primary));
  stroke-dasharray: 12 88;
  animation: ynr-beam var(--animated-beam-duration, 3s) linear
    var(--animated-beam-iterations, 1);
}
.ynr-animated-beam[data-reverse="true"] .ynr-animated-beam-light {
  animation-direction: reverse;
}
@keyframes ynr-beam {
  to {
    stroke-dashoffset: -100;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ynr-marquee-track,
  .ynr-word-rotate-current,
  .ynr-blur-fade[data-reveal="true"],
  .ynr-text-animate-segment,
  .ynr-animated-gradient-text,
  .ynr-border-beam > span,
  .ynr-orbiting-circles-orbit,
  .ynr-orbiting-circles-item,
  .ynr-meteors > span,
  .ynr-animated-list > li,
  .ynr-ripple-button-wave,
  .ynr-animated-beam-light {
    animation: none !important;
  }
  .ynr-marquee-window {
    overflow: auto;
  }
  .ynr-marquee-track {
    flex-wrap: wrap;
    flex-shrink: 1;
  }
  .ynr-marquee-copy,
  .ynr-marquee-control,
  .ynr-ripple-button-wave {
    display: none;
  }
  .ynr-meteors > span {
    opacity: 0.4;
  }
  .ynr-bento-card,
  .ynr-dock-item,
  .ynr-circular-value {
    transition: none;
  }
  .ynr-bento-card:hover,
  .ynr-bento-card:focus-within,
  .ynr-dock-item:hover,
  .ynr-dock-item:focus-visible {
    transform: none;
  }
  .ynr-magic-card::before {
    background-position: center;
  }
}
@media (forced-colors: active) {
  .ynr-animated-gradient-text {
    color: CanvasText;
    background: none;
  }
}
/* end theynrlib styles magicui-01 */

/* theynrlib styles liquid-glass-01 — adapted liquid glass defaults. */
.ynr-liquid-glass {
  position: relative;
  isolation: isolate;
  display: inline-grid;
  min-width: 0;
  border: 0;
  border-radius: var(--liquid-glass-radius, 999px);
  padding: 0;
  background: transparent;
  color: var(--liquid-glass-color, var(--ynr-foreground));
  font: 500 14px/1.4 var(--ynr-font);
  transform: translate3d(
    var(--liquid-glass-x, 0px),
    var(--liquid-glass-y, 0px),
    0
  );
  transition: transform 180ms ease-out;
  -webkit-tap-highlight-color: transparent;
}
.ynr-liquid-glass__filter {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  pointer-events: none;
}
.ynr-liquid-glass__backdrop,
.ynr-liquid-glass__highlight,
.ynr-liquid-glass__contrast {
  position: absolute;
  z-index: -1;
  inset: 0;
  border-radius: var(--liquid-glass-radius, 999px);
  pointer-events: none;
}
.ynr-liquid-glass__backdrop {
  border: 1px solid var(--liquid-glass-border, rgb(255 255 255 / 0.34));
  background: var(--liquid-glass-background, rgb(255 255 255 / 0.12));
  box-shadow:
    inset 0 1px 1px rgb(255 255 255 / 0.35),
    inset 0 -1px 1px rgb(0 0 0 / 0.12),
    0 12px 36px rgb(0 0 0 / 0.22),
    calc(var(--liquid-glass-aberration, 2) * 1px) 0 10px rgb(255 70 120 / 0.08),
    calc(var(--liquid-glass-aberration, 2) * -1px) 0 10px rgb(70 170 255 / 0.08);
  backdrop-filter: blur(var(--liquid-glass-blur, 12px))
    saturate(var(--liquid-glass-saturation, 140%));
  -webkit-backdrop-filter: blur(var(--liquid-glass-blur, 12px))
    saturate(var(--liquid-glass-saturation, 140%));
}
.ynr-liquid-glass__highlight {
  background: linear-gradient(
    var(--liquid-glass-angle, 135deg),
    rgb(255 255 255 / 0.42),
    transparent 34% 68%,
    rgb(255 255 255 / 0.16)
  );
  mix-blend-mode: screen;
  opacity: 0.72;
}
.ynr-liquid-glass__contrast {
  background: rgb(0 0 0 / 0.12);
  box-shadow: 0 16px 55px rgb(0 0 0 / 0.28);
  mix-blend-mode: multiply;
}
.ynr-liquid-glass__content {
  position: relative;
  z-index: 1;
  display: block;
  min-width: 0;
  padding: var(--liquid-glass-padding, 18px 24px);
  border-radius: inherit;
}
.ynr-liquid-glass-button {
  cursor: pointer;
  appearance: none;
}
.ynr-liquid-glass-button:hover .ynr-liquid-glass__highlight {
  opacity: 1;
}
.ynr-liquid-glass-button:active {
  transform: translate3d(
      var(--liquid-glass-x, 0px),
      var(--liquid-glass-y, 0px),
      0
    )
    scale(0.97);
}
.ynr-liquid-glass-button:focus-visible {
  outline: 2px solid var(--ynr-focus);
  outline-offset: 4px;
}
.ynr-liquid-glass-button:disabled {
  cursor: default;
  opacity: 0.5;
}
@media (prefers-reduced-motion: reduce) {
  .ynr-liquid-glass {
    transform: none !important;
    transition: none;
  }
}
@media (prefers-reduced-transparency: reduce) {
  .ynr-liquid-glass__backdrop {
    filter: none !important;
    background: var(--ynr-background);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}
@supports not (backdrop-filter: blur(1px)) {
  .ynr-liquid-glass__backdrop {
    filter: none !important;
    background: color-mix(in srgb, var(--ynr-background) 88%, transparent);
  }
}
/* end theynrlib styles liquid-glass-01 */

/* theynrlib styles kibo-01 — Kibo widgets, MIT adaptations */
:where(
  .ynr-announcement,
  .ynr-avatar-stack,
  .ynr-banner,
  .ynr-calendar,
  .ynr-choicebox,
  .ynr-code-block,
  .ynr-kibo-combobox,
  .ynr-comparison,
  .ynr-contribution-graph,
  .ynr-dropzone,
  .ynr-image-crop,
  .ynr-image-zoom,
  .ynr-kanban,
  .ynr-mini-calendar,
  .ynr-rating,
  .ynr-relative-time,
  .ynr-snippet,
  .ynr-status,
  .ynr-data-table,
  .ynr-tags,
  .ynr-tree,
  .ynr-qr-code
) {
  box-sizing: border-box;
  max-width: 100%;
  min-width: 0;
  font: inherit;
  color: var(--ynr-foreground);
}
:where(
    .ynr-banner,
    .ynr-calendar,
    .ynr-code-block,
    .ynr-kibo-combobox,
    .ynr-comparison,
    .ynr-dropzone,
    .ynr-image-crop,
    .ynr-image-zoom,
    .ynr-kanban,
    .ynr-mini-calendar,
    .ynr-snippet,
    .ynr-data-table,
    .ynr-tags,
    .ynr-tree
  )
  :where(button, input, select) {
  font: inherit;
  color: inherit;
  box-sizing: border-box;
}
:where(
    .ynr-banner,
    .ynr-calendar,
    .ynr-code-block,
    .ynr-kibo-combobox,
    .ynr-dropzone,
    .ynr-image-crop,
    .ynr-image-zoom,
    .ynr-kanban,
    .ynr-mini-calendar,
    .ynr-snippet,
    .ynr-data-table,
    .ynr-tags
  )
  :where(button, input:not([type="file"]), select) {
  background: var(--ynr-background);
  border: 1px solid var(--ynr-border);
  border-radius: 4px;
  padding: 6px 10px;
  min-height: 36px;
  max-width: 100%;
}
:where(
    .ynr-banner,
    .ynr-calendar,
    .ynr-code-block,
    .ynr-kibo-combobox,
    .ynr-dropzone,
    .ynr-image-crop,
    .ynr-image-zoom,
    .ynr-kanban,
    .ynr-mini-calendar,
    .ynr-snippet,
    .ynr-data-table,
    .ynr-tags
  )
  button {
  cursor: pointer;
}
:where(
    .ynr-banner,
    .ynr-calendar,
    .ynr-code-block,
    .ynr-kibo-combobox,
    .ynr-dropzone,
    .ynr-image-crop,
    .ynr-image-zoom,
    .ynr-kanban,
    .ynr-mini-calendar,
    .ynr-rating,
    .ynr-choicebox,
    .ynr-snippet,
    .ynr-data-table,
    .ynr-tags,
    .ynr-tree
  )
  :disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
:where(
    .ynr-announcement,
    .ynr-banner,
    .ynr-calendar,
    .ynr-code-block,
    .ynr-kibo-combobox,
    .ynr-comparison,
    .ynr-contribution-graph,
    .ynr-dropzone,
    .ynr-image-crop,
    .ynr-image-zoom,
    .ynr-kanban,
    .ynr-mini-calendar,
    .ynr-rating,
    .ynr-choicebox,
    .ynr-snippet,
    .ynr-data-table,
    .ynr-tags,
    .ynr-tree
  )
  :focus-visible,
.ynr-announcement:focus-visible {
  outline: 2px solid var(--ynr-focus, #2563eb);
  outline-offset: 3px;
}
.ynr-kibo-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.ynr-announcement {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--announcement-gap, 8px);
  padding: var(--announcement-padding, 8px 12px);
  border: 1px solid var(--announcement-border, var(--ynr-border));
  border-radius: var(--announcement-radius, 6px);
  background: var(--announcement-background, var(--ynr-background));
  color: var(--announcement-color, var(--ynr-foreground));
  text-decoration: none;
}
.ynr-announcement-tag {
  padding: 2px 6px;
  border-inline-end: 1px solid var(--ynr-border);
  font-weight: 600;
}
.ynr-avatar-stack {
  display: flex;
  align-items: center;
  padding: var(--avatar-stack-padding, 0);
  gap: var(--avatar-stack-gap, 0);
}
.ynr-avatar-stack-item {
  display: grid;
  place-items: center;
  flex: none;
  width: var(--avatar-stack-size, 40px);
  height: var(--avatar-stack-size, 40px);
  border: 2px solid var(--avatar-stack-border, var(--ynr-background));
  border-radius: var(--avatar-stack-radius, 50%);
  overflow: hidden;
  background: var(--avatar-stack-background, var(--ynr-surface));
  color: var(--avatar-stack-color, var(--ynr-foreground));
}
.ynr-avatar-stack-item + .ynr-avatar-stack-item {
  margin-inline-start: var(--avatar-stack-overlap, -10px);
}
.ynr-avatar-stack-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ynr-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  padding: var(--banner-padding, 12px);
  border: 1px solid var(--banner-border, var(--ynr-border));
  border-radius: var(--banner-radius, 6px);
  background: var(--banner-background, var(--ynr-surface));
  color: var(--banner-color, var(--ynr-foreground));
}
.ynr-status {
  display: inline-flex;
  align-items: center;
  gap: var(--status-gap, 8px);
  padding: var(--status-padding, 6px 10px);
  border: 1px solid var(--status-border, var(--ynr-border));
  border-radius: var(--status-radius, 6px);
  background: var(--status-background, var(--ynr-background));
  color: var(--status-color, var(--ynr-foreground));
}
.ynr-status-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--status-indicator, #737373);
}
.ynr-status[data-status="online"] {
  --status-indicator: #16a34a;
}
.ynr-status[data-status="offline"] {
  --status-indicator: #ef4444;
}
.ynr-status[data-status="maintenance"] {
  --status-indicator: #3b82f6;
}
.ynr-status[data-status="degraded"] {
  --status-indicator: #d97706;
}
.ynr-choicebox {
  border: 0;
  padding: 0;
  margin: 0;
  width: 100%;
}
.ynr-choicebox legend,
.ynr-rating legend {
  padding: 0;
  margin-bottom: 8px;
}
.ynr-choicebox-option {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: var(--choicebox-padding, 12px);
  border: 1px solid var(--choicebox-border, var(--ynr-border));
  border-radius: var(--choicebox-radius, 6px);
  background: var(--choicebox-background, var(--ynr-background));
  color: var(--choicebox-color, var(--ynr-foreground));
  margin-top: 8px;
  cursor: pointer;
}
.ynr-choicebox-option:has(:checked) {
  border-color: var(--choicebox-selected, var(--ynr-focus, #2563eb));
}
.ynr-choicebox-option:has(:disabled) {
  opacity: 0.5;
  cursor: not-allowed;
}
.ynr-choicebox-option small {
  display: block;
  color: var(--ynr-muted);
}
.ynr-choicebox-option input {
  accent-color: var(--choicebox-selected, var(--ynr-focus, #2563eb));
  width: 18px;
  height: 18px;
}
.ynr-rating {
  border: 1px solid var(--rating-border, transparent);
  padding: var(--rating-padding, 0);
  margin: 0;
  border-radius: var(--rating-radius, 6px);
  background: var(--rating-background, transparent);
}
.ynr-rating label {
  display: inline-grid;
  place-items: center;
  position: relative;
  min-width: 40px;
  min-height: 40px;
  color: var(--rating-empty, var(--ynr-muted));
  font-size: var(--rating-size, 28px);
  cursor: pointer;
}
.ynr-rating label[data-filled="true"] {
  color: var(--rating-color, var(--ynr-focus, #2563eb));
}
.ynr-rating input {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: inherit;
}
.ynr-rating label:has(:focus-visible) {
  outline: 2px solid var(--ynr-focus, #2563eb);
  outline-offset: 2px;
}
.ynr-comparison {
  padding: var(--comparison-padding, 0);
  border: 1px solid var(--comparison-border, var(--ynr-border));
  border-radius: var(--comparison-radius, 6px);
  overflow: hidden;
  background: var(--comparison-background, var(--ynr-background));
}
.ynr-comparison-images {
  position: relative;
  aspect-ratio: var(--comparison-ratio, 16/9);
  overflow: hidden;
}
.ynr-comparison-images > div {
  width: 100%;
  height: 100%;
}
.ynr-comparison-images img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ynr-comparison-before {
  position: absolute;
  inset: 0;
}
.ynr-comparison-line {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 2px;
  background: var(--comparison-color, var(--ynr-focus, #2563eb));
}
.ynr-comparison input {
  display: block;
  width: calc(100% - 24px);
  margin: 12px;
  accent-color: var(--comparison-color, var(--ynr-focus, #2563eb));
}
.ynr-relative-time {
  padding: var(--relative-time-padding, 12px);
  border: 1px solid var(--relative-time-border, var(--ynr-border));
  border-radius: var(--relative-time-radius, 6px);
  background: var(--relative-time-background, var(--ynr-background));
  color: var(--relative-time-color, var(--ynr-foreground));
}
.ynr-relative-time > div {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  padding: 6px 0;
}
.ynr-relative-time time {
  font-variant-numeric: tabular-nums;
  color: var(--ynr-muted);
}
.ynr-snippet {
  width: 100%;
  border: 1px solid var(--snippet-border, var(--ynr-border));
  border-radius: var(--snippet-radius, 6px);
  background: var(--snippet-background, var(--ynr-background));
  color: var(--snippet-color, var(--ynr-foreground));
  overflow: hidden;
}
.ynr-snippet-header {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
  padding: var(--snippet-padding, 8px);
  border-bottom: 1px solid var(--ynr-border);
}
.ynr-snippet [role="tablist"] {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
}
.ynr-snippet [data-state="active"][role="tab"] {
  border-color: var(--ynr-focus, #2563eb);
}
.ynr-snippet pre {
  overflow: auto;
  margin: 0;
  padding: var(--snippet-padding, 12px);
}
.ynr-snippet [role="status"]:not(:empty) {
  display: block;
  padding: 8px;
}
.ynr-mini-calendar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: var(--mini-calendar-padding, 8px);
  border: 1px solid var(--mini-calendar-border, var(--ynr-border));
  border-radius: var(--mini-calendar-radius, 6px);
  background: var(--mini-calendar-background, var(--ynr-background));
  color: var(--mini-calendar-color, var(--ynr-foreground));
}
.ynr-mini-calendar-days {
  display: flex;
  gap: 4px;
  min-width: 0;
  overflow-x: auto;
  padding: 3px;
}
.ynr-mini-calendar-days button {
  flex: none;
  min-width: 46px;
}
.ynr-mini-calendar small {
  display: block;
}
.ynr-mini-calendar [aria-pressed="true"] {
  border-color: var(--ynr-focus, #2563eb);
  color: var(--ynr-focus, #2563eb);
}
.ynr-kibo-combobox {
  position: relative;
  width: 100%;
  padding: var(--kibo-combobox-padding, 0);
  background: var(--kibo-combobox-background, var(--ynr-background));
  color: var(--kibo-combobox-color, var(--ynr-foreground));
  border-radius: var(--kibo-combobox-radius, 6px);
}
.ynr-kibo-combobox label {
  display: block;
  margin-bottom: 8px;
}
.ynr-kibo-combobox input {
  width: 100%;
  border-color: var(--kibo-combobox-border, var(--ynr-border));
  border-radius: var(--kibo-combobox-radius, 6px);
}
.ynr-kibo-combobox [role="listbox"] {
  position: absolute;
  top: 100%;
  inset-inline: 0;
  z-index: 5;
  max-height: 240px;
  overflow: auto;
  border: 1px solid var(--kibo-combobox-border, var(--ynr-border));
  border-radius: var(--kibo-combobox-radius, 6px);
  background: var(--kibo-combobox-background, var(--ynr-background));
}
.ynr-kibo-combobox [role="option"] {
  padding: 10px 12px;
  cursor: pointer;
}
.ynr-kibo-combobox [role="option"][data-active="true"],
.ynr-kibo-combobox [role="option"]:hover {
  background: var(--ynr-surface);
}
.ynr-kibo-combobox [aria-selected="true"] {
  font-weight: 600;
}
.ynr-kibo-combobox [aria-disabled="true"] {
  opacity: 0.5;
  cursor: not-allowed;
}
.ynr-tags {
  width: 100%;
  padding: var(--tags-padding, 12px);
  border: 1px solid var(--tags-border, var(--ynr-border));
  border-radius: var(--tags-radius, 6px);
  background: var(--tags-background, var(--ynr-background));
  color: var(--tags-color, var(--ynr-foreground));
}
.ynr-tags-values {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 8px 0;
}
.ynr-tags-values > span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border: 1px solid var(--ynr-border);
  border-radius: 4px;
  padding-inline-start: 8px;
  overflow-wrap: anywhere;
}
.ynr-tags-values button {
  border: 0;
}
.ynr-tags-entry {
  display: flex;
  gap: 8px;
}
.ynr-tags-entry input {
  min-width: 0;
  flex: 1;
}
.ynr-tags [role="status"] {
  display: block;
  font-size: 13px;
  margin-top: 8px;
}
.ynr-dropzone {
  width: 100%;
  padding: var(--dropzone-padding, 0);
  color: var(--dropzone-color, var(--ynr-foreground));
}
.ynr-dropzone [role="button"] {
  padding: 24px 12px;
  border: 1px dashed var(--dropzone-border, var(--ynr-border));
  border-radius: var(--dropzone-radius, 6px);
  background: var(--dropzone-background, var(--ynr-background));
  text-align: center;
  cursor: pointer;
}
.ynr-dropzone small {
  display: block;
  margin-top: 8px;
  color: var(--ynr-muted);
}
.ynr-dropzone [data-dragging="true"] {
  outline: 2px solid var(--ynr-focus, #2563eb);
}
.ynr-dropzone [aria-disabled="true"] {
  opacity: 0.5;
  cursor: not-allowed;
}
.ynr-dropzone li {
  overflow-wrap: anywhere;
}
.ynr-calendar {
  width: 100%;
  padding: var(--calendar-padding, 8px);
  border: 1px solid var(--calendar-border, var(--ynr-border));
  border-radius: var(--calendar-radius, 6px);
  background: var(--calendar-background, var(--ynr-background));
  color: var(--calendar-color, var(--ynr-foreground));
}
.ynr-calendar-navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}
.ynr-calendar-scroll {
  overflow: auto;
}
.ynr-calendar table {
  border-collapse: collapse;
  width: 100%;
  min-width: 560px;
  table-layout: fixed;
}
.ynr-calendar th {
  font-size: 12px;
  padding: 4px;
}
.ynr-calendar td {
  border: 1px solid var(--calendar-border, var(--ynr-border));
  vertical-align: top;
  height: 72px;
  padding: 4px;
  font-size: 12px;
}
.ynr-calendar [data-outside="true"] {
  color: var(--ynr-muted);
}
.ynr-calendar-event {
  display: block;
  font: inherit;
  margin-top: 4px;
  overflow-wrap: anywhere;
  max-width: 100%;
}
.ynr-calendar button.ynr-calendar-event {
  padding: 2px;
  min-height: 28px;
  font-size: 12px;
  text-align: start;
}
.ynr-contribution-graph {
  padding: var(--contribution-graph-padding, 12px);
  border: 1px solid var(--contribution-graph-border, var(--ynr-border));
  border-radius: var(--contribution-graph-radius, 6px);
  background: var(--contribution-graph-background, var(--ynr-background));
}
.ynr-contribution-cells {
  display: grid;
  grid-template-rows: repeat(7, 14px);
  grid-auto-flow: column;
  grid-auto-columns: 14px;
  gap: 4px;
  overflow: auto;
  padding-bottom: 8px;
}
.ynr-contribution-cells span {
  background: var(--ynr-surface);
  border-radius: var(--contribution-graph-cell-radius, 2px);
  border: 1px solid var(--ynr-border);
}
.ynr-contribution-cells .ynr-contribution-pad {
  visibility: hidden;
}
.ynr-contribution-cells [data-level="1"] {
  background: color-mix(
    in srgb,
    var(--contribution-graph-color, var(--ynr-focus, #2563eb)) 25%,
    var(--ynr-background)
  );
}
.ynr-contribution-cells [data-level="2"] {
  background: color-mix(
    in srgb,
    var(--contribution-graph-color, var(--ynr-focus, #2563eb)) 50%,
    var(--ynr-background)
  );
}
.ynr-contribution-cells [data-level="3"] {
  background: color-mix(
    in srgb,
    var(--contribution-graph-color, var(--ynr-focus, #2563eb)) 75%,
    var(--ynr-background)
  );
}
.ynr-contribution-cells [data-level="4"] {
  background: var(--contribution-graph-color, var(--ynr-focus, #2563eb));
}
.ynr-contribution-graph details {
  margin-top: 8px;
}
.ynr-contribution-graph ul {
  max-height: 180px;
  overflow: auto;
}
.ynr-tree {
  list-style: none;
  width: 100%;
  padding: var(--tree-padding, 8px);
  margin: 0;
  border: 1px solid var(--tree-border, var(--ynr-border));
  border-radius: var(--tree-radius, 6px);
  background: var(--tree-background, var(--ynr-background));
  color: var(--tree-color, var(--ynr-foreground));
}
.ynr-tree ul {
  list-style: none;
  margin: 0;
  padding-inline-start: 20px;
}
.ynr-tree [role="treeitem"] {
  padding: 8px;
  display: flex;
  gap: 8px;
  cursor: pointer;
  border-radius: 4px;
}
.ynr-tree [aria-selected="true"] {
  background: var(--ynr-surface);
  color: var(--ynr-focus, #2563eb);
}
.ynr-tree [aria-disabled="true"] {
  opacity: 0.5;
}
.ynr-data-table {
  width: 100%;
  padding: var(--data-table-padding, 12px);
  border: 1px solid var(--data-table-border, var(--ynr-border));
  border-radius: var(--data-table-radius, 6px);
  background: var(--data-table-background, var(--ynr-background));
  color: var(--data-table-color, var(--ynr-foreground));
}
.ynr-data-table label {
  display: grid;
  gap: 8px;
}
.ynr-data-table-scroll {
  overflow: auto;
}
.ynr-data-table table {
  border-collapse: collapse;
  width: 100%;
}
.ynr-data-table caption {
  text-align: start;
  padding: 12px 0;
}
.ynr-data-table th,
.ynr-data-table td {
  text-align: start;
  padding: 8px;
  border-bottom: 1px solid var(--data-table-border, var(--ynr-border));
  white-space: nowrap;
}
.ynr-data-table th button {
  border: 0;
  padding: 0;
}
.ynr-data-table-pagination {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 12px;
  font-size: 13px;
}
.ynr-kanban {
  width: 100%;
  padding: var(--kanban-padding, 0);
  color: var(--kanban-color, var(--ynr-foreground));
}
.ynr-kanban-columns {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(190px, 1fr);
  gap: 12px;
  overflow: auto;
  padding: 4px;
}
.ynr-kanban-column {
  border: 1px solid var(--kanban-border, var(--ynr-border));
  border-radius: var(--kanban-radius, 6px);
  padding: 12px;
  background: var(--kanban-background, var(--ynr-background));
}
.ynr-kanban .ynr-kanban-column h3 {
  font-size: 14px;
  margin: 0 0 12px;
}
.ynr-kanban-column[data-over="true"] {
  outline: 2px solid var(--ynr-focus, #2563eb);
}
.ynr-kanban-card {
  border: 1px solid var(--kanban-border, var(--ynr-border));
  border-radius: var(--kanban-radius, 6px);
  padding: 12px;
  margin-top: 8px;
  background: var(--kanban-card-background, var(--ynr-surface));
  overflow-wrap: anywhere;
}
.ynr-kanban-card select {
  width: 100%;
  margin-top: 8px;
  font-size: 12px;
}
.ynr-kanban-handle {
  touch-action: none;
  cursor: grab !important;
}
.ynr-kanban-order {
  display: flex;
  gap: 4px;
  margin-top: 4px;
}
.ynr-image-zoom {
  padding: var(--image-zoom-padding, 0);
  border: 1px solid var(--image-zoom-border, var(--ynr-border));
  border-radius: var(--image-zoom-radius, 6px);
  background: var(--image-zoom-background, var(--ynr-background));
  overflow: hidden;
}
.ynr-image-zoom-trigger {
  display: block;
  border: 0 !important;
  padding: 0 !important;
  cursor: zoom-in !important;
}
.ynr-image-zoom img {
  display: block;
  max-width: 100%;
  height: auto;
}
.ynr-image-zoom dialog {
  border: 1px solid var(--ynr-border);
  background: var(--image-zoom-background, var(--ynr-background));
  color: var(--ynr-foreground);
  padding: 12px;
  max-width: 90vw;
  max-height: 90vh;
  border-radius: var(--image-zoom-radius, 6px);
}
.ynr-image-zoom dialog img {
  max-height: 75vh;
  object-fit: contain;
}
.ynr-image-zoom dialog::backdrop {
  background: rgb(0 0 0/0.8);
}
.ynr-image-crop {
  padding: var(--image-crop-padding, 12px);
  border: 1px solid var(--image-crop-border, var(--ynr-border));
  border-radius: var(--image-crop-radius, 6px);
  background: var(--image-crop-background, var(--ynr-background));
  color: var(--image-crop-color, var(--ynr-foreground));
}
.ynr-image-crop img {
  display: block;
  max-width: 100%;
  max-height: 400px;
}
.ynr-image-crop > button {
  display: block;
  margin: 8px 0;
}
.ynr-qr-code {
  width: var(--qr-code-size, 180px);
  padding: var(--qr-code-padding, 0);
  border: 1px solid var(--qr-code-border, var(--ynr-border));
  border-radius: var(--qr-code-radius, 6px);
  overflow: hidden;
}
.ynr-qr-code svg {
  display: block;
  width: 100%;
  height: auto;
}
.ynr-code-block {
  width: 100%;
  padding: var(--code-block-padding, 0);
  border: 1px solid var(--code-block-border, var(--ynr-border));
  border-radius: var(--code-block-radius, 6px);
  background: var(--code-block-background, #141414);
  color: var(--code-block-color, #eee);
  overflow: hidden;
}
.ynr-code-block-header {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 12px;
  border-bottom: 1px solid var(--ynr-border);
}
.ynr-code-block pre {
  margin: 0;
  padding: 12px;
  overflow: auto;
  font-size: 14px;
}
.ynr-code-line {
  display: block;
  min-height: 1.5em;
}
.ynr-code-number {
  display: inline-block;
  width: 3ch;
  margin-inline-end: 2ch;
  color: #a1a1aa;
  user-select: none;
  text-align: end;
}
.ynr-code-block [role="status"]:not(:empty) {
  display: block;
  padding: 8px;
}
@media (prefers-reduced-motion: reduce) {
  .ynr-kanban-card {
    transition: none !important;
  }
}
/* react-image-crop 11.0.10 MIT: scoped styles, no marching animation. */
.ynr-image-crop {
  --rc-drag-handle-size: 12px;
  --rc-drag-handle-mobile-size: 24px;
  --rc-drag-handle-bg-colour: rgba(0, 0, 0, 0.2);
  --rc-drag-bar-size: 6px;
  --rc-border-color: rgba(255, 255, 255, 0.7);
  --rc-focus-color: #0088ff;
}
.ynr-image-crop .ReactCrop {
  position: relative;
  display: inline-block;
  cursor: crosshair;
  max-width: 100%;
}
.ynr-image-crop .ReactCrop *,
.ynr-image-crop .ReactCrop *:before,
.ynr-image-crop .ReactCrop *:after {
  box-sizing: border-box;
}
.ynr-image-crop .ReactCrop--disabled,
.ynr-image-crop .ReactCrop--locked {
  cursor: inherit;
}
.ynr-image-crop .ReactCrop__child-wrapper {
  overflow: hidden;
  max-height: inherit;
}
.ynr-image-crop .ReactCrop__child-wrapper > img,
.ynr-image-crop .ReactCrop__child-wrapper > video {
  display: block;
  max-width: 100%;
  max-height: inherit;
}
.ynr-image-crop
  .ReactCrop:not(.ReactCrop--disabled)
  .ReactCrop__child-wrapper
  > img,
.ynr-image-crop
  .ReactCrop:not(.ReactCrop--disabled)
  .ReactCrop__child-wrapper
  > video {
  touch-action: none;
}
.ynr-image-crop
  .ReactCrop:not(.ReactCrop--disabled)
  .ReactCrop__crop-selection {
  touch-action: none;
}
.ynr-image-crop .ReactCrop__crop-mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  width: calc(100% + 0.5px);
  height: calc(100% + 0.5px);
}
.ynr-image-crop .ReactCrop__crop-selection {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateZ(0);
  cursor: move;
}
.ynr-image-crop .ReactCrop--disabled .ReactCrop__crop-selection {
  cursor: inherit;
}
.ynr-image-crop .ReactCrop--circular-crop .ReactCrop__crop-selection {
  border-radius: 50%;
}
.ynr-image-crop .ReactCrop--circular-crop .ReactCrop__crop-selection:after {
  pointer-events: none;
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  border: 1px solid var(--rc-border-color);
  opacity: 0.3;
}
.ynr-image-crop .ReactCrop--no-animate .ReactCrop__crop-selection {
  outline: 1px dashed white;
}
.ynr-image-crop
  .ReactCrop__crop-selection:not(
    .ReactCrop--no-animate .ReactCrop__crop-selection
  ) {
  background-image:
    linear-gradient(to right, #fff 50%, #444 50%),
    linear-gradient(to right, #fff 50%, #444 50%),
    linear-gradient(to bottom, #fff 50%, #444 50%),
    linear-gradient(to bottom, #fff 50%, #444 50%);
  background-size:
    10px 1px,
    10px 1px,
    1px 10px,
    1px 10px;
  background-position:
    0 0,
    0 100%,
    0 0,
    100% 0;
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  color: #fff;
}
.ynr-image-crop .ReactCrop__crop-selection:focus {
  outline: 2px solid var(--rc-focus-color);
  outline-offset: -1px;
}
.ynr-image-crop .ReactCrop--invisible-crop .ReactCrop__crop-mask,
.ynr-image-crop .ReactCrop--invisible-crop .ReactCrop__crop-selection {
  display: none;
}
.ynr-image-crop .ReactCrop__rule-of-thirds-vt:before,
.ynr-image-crop .ReactCrop__rule-of-thirds-vt:after,
.ynr-image-crop .ReactCrop__rule-of-thirds-hz:before,
.ynr-image-crop .ReactCrop__rule-of-thirds-hz:after {
  content: "";
  display: block;
  position: absolute;
  background-color: #fff6;
}
.ynr-image-crop .ReactCrop__rule-of-thirds-vt:before,
.ynr-image-crop .ReactCrop__rule-of-thirds-vt:after {
  width: 1px;
  height: 100%;
}
.ynr-image-crop .ReactCrop__rule-of-thirds-vt:before {
  left: 33.3333333333%;
}
.ynr-image-crop .ReactCrop__rule-of-thirds-vt:after {
  left: 66.6666666667%;
}
.ynr-image-crop .ReactCrop__rule-of-thirds-hz:before,
.ynr-image-crop .ReactCrop__rule-of-thirds-hz:after {
  width: 100%;
  height: 1px;
}
.ynr-image-crop .ReactCrop__rule-of-thirds-hz:before {
  top: 33.3333333333%;
}
.ynr-image-crop .ReactCrop__rule-of-thirds-hz:after {
  top: 66.6666666667%;
}
.ynr-image-crop .ReactCrop__drag-handle {
  position: absolute;
  width: var(--rc-drag-handle-size);
  height: var(--rc-drag-handle-size);
  background-color: var(--rc-drag-handle-bg-colour);
  border: 1px solid var(--rc-border-color);
}
.ynr-image-crop .ReactCrop__drag-handle:focus {
  background: var(--rc-focus-color);
}
.ynr-image-crop .ReactCrop .ord-nw {
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
  cursor: nw-resize;
}
.ynr-image-crop .ReactCrop .ord-n {
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: n-resize;
}
.ynr-image-crop .ReactCrop .ord-ne {
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  cursor: ne-resize;
}
.ynr-image-crop .ReactCrop .ord-e {
  top: 50%;
  right: 0;
  transform: translate(50%, -50%);
  cursor: e-resize;
}
.ynr-image-crop .ReactCrop .ord-se {
  bottom: 0;
  right: 0;
  transform: translate(50%, 50%);
  cursor: se-resize;
}
.ynr-image-crop .ReactCrop .ord-s {
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  cursor: s-resize;
}
.ynr-image-crop .ReactCrop .ord-sw {
  bottom: 0;
  left: 0;
  transform: translate(-50%, 50%);
  cursor: sw-resize;
}
.ynr-image-crop .ReactCrop .ord-w {
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  cursor: w-resize;
}
.ynr-image-crop .ReactCrop__disabled .ReactCrop__drag-handle {
  cursor: inherit;
}
.ynr-image-crop .ReactCrop__drag-bar {
  position: absolute;
}
.ynr-image-crop .ReactCrop__drag-bar.ord-n {
  top: 0;
  left: 0;
  width: 100%;
  height: var(--rc-drag-bar-size);
  transform: translateY(-50%);
}
.ynr-image-crop .ReactCrop__drag-bar.ord-e {
  right: 0;
  top: 0;
  width: var(--rc-drag-bar-size);
  height: 100%;
  transform: translate(50%);
}
.ynr-image-crop .ReactCrop__drag-bar.ord-s {
  bottom: 0;
  left: 0;
  width: 100%;
  height: var(--rc-drag-bar-size);
  transform: translateY(50%);
}
.ynr-image-crop .ReactCrop__drag-bar.ord-w {
  top: 0;
  left: 0;
  width: var(--rc-drag-bar-size);
  height: 100%;
  transform: translate(-50%);
}
.ynr-image-crop .ReactCrop--new-crop .ReactCrop__drag-bar,
.ynr-image-crop .ReactCrop--new-crop .ReactCrop__drag-handle,
.ynr-image-crop .ReactCrop--fixed-aspect .ReactCrop__drag-bar,
.ynr-image-crop .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,
.ynr-image-crop .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,
.ynr-image-crop .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,
.ynr-image-crop .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w {
  display: none;
}
@media (pointer: coarse) {
  .ynr-image-crop .ReactCrop .ord-n,
  .ynr-image-crop .ReactCrop .ord-e,
  .ynr-image-crop .ReactCrop .ord-s,
  .ynr-image-crop .ReactCrop .ord-w {
    display: none;
  }
  .ynr-image-crop .ReactCrop__drag-handle {
    width: var(--rc-drag-handle-mobile-size);
    height: var(--rc-drag-handle-mobile-size);
  }
}

@media (max-width: 600px) {
  .ynr-kanban-columns {
    grid-auto-flow: row;
    grid-auto-columns: minmax(0, 1fr);
  }
}
/* end theynrlib styles kibo-01 */

/* theynrlib styles react-aria-01 — editable controls and vendored behavior */
.ynr-aria {
  box-sizing: border-box;
  color: var(--ynr-foreground);
  font: inherit;
  max-width: 100%;
}
.ynr-aria :where(input, button) {
  font: inherit;
}
.ynr-aria-label {
  font-weight: 500;
}
.ynr-aria-description {
  color: var(--ynr-muted);
  font-size: 0.875em;
}
.ynr-aria-error {
  color: var(--ynr-danger, #b91c1c);
  font-size: 0.875em;
}
.ynr-aria :where([data-disabled]),
.ynr-aria[data-disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
.ynr-aria :where([data-focus-visible]),
.ynr-aria[data-focus-visible],
.ynr-aria-popover [data-focus-visible],
.ynr-file-trigger[data-focus-visible] {
  outline: 2px solid var(--ynr-primary);
  outline-offset: 2px;
}
.ynr-aria-control {
  display: flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
  padding: 4px;
  border: var(--aria-border-width, 1px) solid
    var(--aria-border, var(--ynr-border));
  background: var(--aria-background, var(--ynr-background));
  border-radius: var(--aria-radius, var(--ynr-radius));
  color: inherit;
}
.ynr-aria-control[data-focus-within] {
  border-color: var(--ynr-primary);
}
.ynr-aria[data-invalid] .ynr-aria-control,
.ynr-aria[data-invalid] > .ynr-aria-input {
  border-color: var(--ynr-danger, #b91c1c);
}
.ynr-aria-input {
  box-sizing: border-box;
  min-width: 0;
  width: 100%;
  padding: var(--aria-padding, 8px 10px);
  border: 1px solid var(--aria-border, var(--ynr-border));
  background: var(--aria-background, var(--ynr-background));
  color: inherit;
  border-radius: var(--aria-radius, var(--ynr-radius));
}
.ynr-aria-control > .ynr-aria-input {
  border: 0;
  background: transparent;
  outline: none;
  flex: 1;
}
.ynr-aria-button {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-width: 32px;
  min-height: 32px;
  padding: 4px 8px;
  border: 1px solid var(--aria-border, var(--ynr-border));
  border-radius: var(--aria-radius, var(--ynr-radius));
  background: var(--aria-background, var(--ynr-background));
  color: var(--ynr-foreground);
  font: inherit;
  cursor: pointer;
}
.ynr-aria-button[data-hovered] {
  background: var(--ynr-muted-background, #eee);
}
.ynr-aria-popover {
  box-sizing: border-box;
  padding: 6px;
  max-width: calc(100vw - 24px);
  max-height: var(--available-height);
  overflow: auto;
  color: var(--ynr-foreground);
  background: var(--aria-background, var(--ynr-background));
  border: var(--aria-border-width, 1px) solid
    var(--aria-border, var(--ynr-border));
  border-radius: var(--aria-radius, var(--ynr-radius));
  box-shadow: 0 8px 24px #0002;
  font: 14px system-ui;
  z-index: 50;
}
.ynr-aria-combobox-popover,
.ynr-aria-select-popover {
  min-width: var(--trigger-width);
}
.ynr-aria-options {
  outline: none;
}
.ynr-aria-option {
  border-radius: var(--aria-radius, 4px);
  padding: var(--aria-padding, 8px 12px);
  cursor: default;
  outline: none;
}
.ynr-aria-option[data-focused] {
  outline: 2px solid var(--ynr-primary);
  outline-offset: -2px;
}
.ynr-aria-option[data-selected] {
  background: var(--ynr-primary);
  color: var(--ynr-on-primary);
}
.ynr-aria-option[data-disabled] {
  opacity: 0.45;
}
.ynr-aria-select-button {
  justify-content: space-between;
  width: 100%;
  min-height: 40px;
  padding-inline: 12px;
  cursor: pointer;
}
.ynr-search-field[data-empty] .ynr-aria-button {
  visibility: hidden;
}
.ynr-aria-checks {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.ynr-aria-check {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.ynr-aria-checkmark {
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border: 1px solid var(--aria-border, var(--ynr-border));
  border-radius: var(--aria-radius, 4px);
}
.ynr-aria-check[data-selected] .ynr-aria-checkmark,
.ynr-aria-check[data-indeterminate] .ynr-aria-checkmark {
  background: var(--ynr-primary);
  color: var(--ynr-on-primary);
}
.ynr-aria-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.ynr-aria-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: var(--aria-padding, 3px 8px);
  border: 1px solid var(--aria-border, var(--ynr-border));
  border-radius: var(--aria-radius, var(--ynr-radius));
}
.ynr-aria-tag[data-selected] {
  background: var(--ynr-primary);
  color: var(--ynr-on-primary);
}
.ynr-aria-tag .ynr-aria-button {
  min-width: 28px;
  min-height: 28px;
  border: 0;
  padding: 2px;
  background: transparent;
  color: inherit;
}
.ynr-aria-date-input {
  display: flex;
  align-items: center;
  min-width: 0;
  padding: var(--aria-padding, 8px 6px);
  font-variant-numeric: tabular-nums;
}
.ynr-date-field > .ynr-aria-date-input,
.ynr-time-field > .ynr-aria-date-input {
  border: 1px solid var(--aria-border, var(--ynr-border));
  border-radius: var(--aria-radius, var(--ynr-radius));
}
.ynr-aria-segment {
  padding: 1px;
  border-radius: 3px;
}
.ynr-aria-segment[data-placeholder] {
  color: var(--ynr-muted);
}
.ynr-aria-segment:focus {
  background: var(--ynr-primary);
  color: var(--ynr-on-primary);
  outline: none;
}
.ynr-aria-calendar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.ynr-aria .ynr-aria-calendar-header h2,
.ynr-aria-calendar .ynr-aria-calendar-header h2 {
  font-size: 15px;
  margin: 0;
}
.ynr-aria-calendar,
.ynr-range-calendar,
.ynr-aria-calendar {
  width: fit-content;
  max-width: 100%;
  padding: var(--aria-padding, 10px);
  border: 1px solid var(--aria-border, var(--ynr-border));
  border-radius: var(--aria-radius, var(--ynr-radius));
  background: var(--aria-background, var(--ynr-background));
}
.ynr-aria-calendar-dialog {
  outline: none;
}
.ynr-aria-calendar-cell {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: var(--aria-radius, 4px);
  cursor: default;
  font-variant-numeric: tabular-nums;
}
.ynr-aria-calendar-cell[data-selected] {
  background: var(--ynr-primary);
  color: var(--ynr-on-primary);
}
.ynr-aria-calendar-cell[data-outside-month] {
  visibility: hidden;
}
.ynr-aria-calendar-cell[data-disabled],
.ynr-aria-calendar-cell[data-unavailable] {
  opacity: 0.35;
}
.ynr-aria-calendar-cell[data-unavailable] {
  text-decoration: line-through;
}
.ynr-aria-meter-label {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
.ynr-aria-meter-track {
  height: 10px;
  overflow: hidden;
  border-radius: var(--aria-radius, var(--ynr-radius));
  background: var(--ynr-border);
}
.ynr-aria-meter-fill {
  height: 100%;
  background: var(--aria-meter-fill, var(--ynr-primary));
}
.ynr-color-area {
  width: var(--color-area-width, 240px);
  height: var(--color-area-height, 180px);
  border-radius: var(--color-area-radius, var(--ynr-radius));
}
.ynr-aria-color-thumb {
  width: 20px;
  height: 20px;
  border: 2px solid white;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #0008;
}
.ynr-aria-color-track {
  height: 24px;
  border-radius: var(--color-slider-radius, var(--ynr-radius));
}
.ynr-color-slider[data-orientation="vertical"] .ynr-aria-color-track {
  width: 24px;
  height: 180px;
}
.ynr-color-wheel {
  width: 200px;
  height: 200px;
}
.ynr-color-swatch-picker {
  display: flex;
  flex-wrap: wrap;
  gap: var(--color-swatch-picker-gap, 8px);
}
.ynr-aria-swatch-item {
  padding: 3px;
  border: 2px solid transparent;
  border-radius: var(--color-swatch-picker-radius, 6px);
}
.ynr-aria-swatch-item[data-selected] {
  border-color: var(--ynr-primary);
}
.ynr-aria-swatch {
  width: 32px;
  height: 32px;
  border-radius: inherit;
  border: 1px solid var(--ynr-border);
}
.ynr-drop-zone {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: var(--drop-zone-padding, 24px);
  border: var(--drop-zone-border-width, 1px) dashed
    var(--drop-zone-border, var(--ynr-border));
  border-radius: var(--drop-zone-radius, var(--ynr-radius));
  background: var(--drop-zone-background, var(--ynr-background));
}
.ynr-drop-zone[data-drop-target] {
  border-color: var(--ynr-primary);
  outline: 2px solid var(--ynr-primary);
}
@media (forced-colors: active) {
  .ynr-aria-option[data-selected],
  .ynr-aria-calendar-cell[data-selected],
  .ynr-aria-check[data-selected] .ynr-aria-checkmark {
    background: Highlight;
    color: HighlightText;
    forced-color-adjust: none;
  }
  .ynr-aria-meter-fill {
    background: Highlight;
  }
  .ynr-aria-swatch,
  .ynr-color-area,
  .ynr-aria-color-track,
  .ynr-color-wheel {
    forced-color-adjust: none;
  }
}
.ynr-aria-combobox {
  --aria-radius: var(--aria-combobox-radius, var(--ynr-radius));
  --aria-padding: var(--aria-combobox-padding, 8px);
  --aria-border: var(--aria-combobox-border, var(--ynr-border));
  --aria-border-width: var(--aria-combobox-border-width, 1px);
  --aria-background: var(--aria-combobox-background, var(--ynr-background));
}
.ynr-aria-select {
  --aria-radius: var(--aria-select-radius, var(--ynr-radius));
  --aria-padding: var(--aria-select-padding, 8px);
  --aria-border: var(--aria-select-border, var(--ynr-border));
  --aria-border-width: var(--aria-select-border-width, 1px);
  --aria-background: var(--aria-select-background, var(--ynr-background));
}
.ynr-list-box {
  --aria-radius: var(--list-box-radius, var(--ynr-radius));
  --aria-padding: var(--list-box-padding, 8px);
  --aria-border: var(--list-box-border, var(--ynr-border));
  --aria-border-width: var(--list-box-border-width, 1px);
  --aria-background: var(--list-box-background, var(--ynr-background));
}
.ynr-tag-group {
  --aria-radius: var(--tag-group-radius, var(--ynr-radius));
  --aria-padding: var(--tag-group-padding, 8px);
  --aria-border: var(--tag-group-border, var(--ynr-border));
  --aria-border-width: var(--tag-group-border-width, 1px);
  --aria-background: var(--tag-group-background, var(--ynr-background));
}
.ynr-aria-checkbox-group {
  --aria-radius: var(--aria-checkbox-group-radius, var(--ynr-radius));
  --aria-padding: var(--aria-checkbox-group-padding, 8px);
  --aria-border: var(--aria-checkbox-group-border, var(--ynr-border));
  --aria-border-width: var(--aria-checkbox-group-border-width, 1px);
  --aria-background: var(
    --aria-checkbox-group-background,
    var(--ynr-background)
  );
}
.ynr-aria-number-field {
  --aria-radius: var(--aria-number-field-radius, var(--ynr-radius));
  --aria-padding: var(--aria-number-field-padding, 8px);
  --aria-border: var(--aria-number-field-border, var(--ynr-border));
  --aria-border-width: var(--aria-number-field-border-width, 1px);
  --aria-background: var(--aria-number-field-background, var(--ynr-background));
}
.ynr-search-field {
  --aria-radius: var(--search-field-radius, var(--ynr-radius));
  --aria-padding: var(--search-field-padding, 8px);
  --aria-border: var(--search-field-border, var(--ynr-border));
  --aria-border-width: var(--search-field-border-width, 1px);
  --aria-background: var(--search-field-background, var(--ynr-background));
}
.ynr-date-field {
  --aria-radius: var(--date-field-radius, var(--ynr-radius));
  --aria-padding: var(--date-field-padding, 8px);
  --aria-border: var(--date-field-border, var(--ynr-border));
  --aria-border-width: var(--date-field-border-width, 1px);
  --aria-background: var(--date-field-background, var(--ynr-background));
}
.ynr-time-field {
  --aria-radius: var(--time-field-radius, var(--ynr-radius));
  --aria-padding: var(--time-field-padding, 8px);
  --aria-border: var(--time-field-border, var(--ynr-border));
  --aria-border-width: var(--time-field-border-width, 1px);
  --aria-background: var(--time-field-background, var(--ynr-background));
}
.ynr-aria-calendar {
  --aria-radius: var(--aria-calendar-radius, var(--ynr-radius));
  --aria-padding: var(--aria-calendar-padding, 8px);
  --aria-border: var(--aria-calendar-border, var(--ynr-border));
  --aria-border-width: var(--aria-calendar-border-width, 1px);
  --aria-background: var(--aria-calendar-background, var(--ynr-background));
}
.ynr-range-calendar {
  --aria-radius: var(--range-calendar-radius, var(--ynr-radius));
  --aria-padding: var(--range-calendar-padding, 8px);
  --aria-border: var(--range-calendar-border, var(--ynr-border));
  --aria-border-width: var(--range-calendar-border-width, 1px);
  --aria-background: var(--range-calendar-background, var(--ynr-background));
}
.ynr-date-picker {
  --aria-radius: var(--date-picker-radius, var(--ynr-radius));
  --aria-padding: var(--date-picker-padding, 8px);
  --aria-border: var(--date-picker-border, var(--ynr-border));
  --aria-border-width: var(--date-picker-border-width, 1px);
  --aria-background: var(--date-picker-background, var(--ynr-background));
}
.ynr-date-range-picker {
  --aria-radius: var(--date-range-picker-radius, var(--ynr-radius));
  --aria-padding: var(--date-range-picker-padding, 8px);
  --aria-border: var(--date-range-picker-border, var(--ynr-border));
  --aria-border-width: var(--date-range-picker-border-width, 1px);
  --aria-background: var(--date-range-picker-background, var(--ynr-background));
}
.ynr-aria-meter {
  --aria-radius: var(--aria-meter-radius, var(--ynr-radius));
  --aria-padding: var(--aria-meter-padding, 8px);
  --aria-border: var(--aria-meter-border, var(--ynr-border));
  --aria-border-width: var(--aria-meter-border-width, 1px);
  --aria-background: var(--aria-meter-background, var(--ynr-background));
}
.ynr-color-field {
  --aria-radius: var(--color-field-radius, var(--ynr-radius));
  --aria-padding: var(--color-field-padding, 8px);
  --aria-border: var(--color-field-border, var(--ynr-border));
  --aria-border-width: var(--color-field-border-width, 1px);
  --aria-background: var(--color-field-background, var(--ynr-background));
}
.ynr-color-slider {
  --aria-radius: var(--color-slider-radius, var(--ynr-radius));
  --aria-padding: var(--color-slider-padding, 8px);
  --aria-border: var(--color-slider-border, var(--ynr-border));
  --aria-border-width: var(--color-slider-border-width, 1px);
  --aria-background: var(--color-slider-background, var(--ynr-background));
}
.ynr-aria-combobox {
  display: flex;
  flex-direction: column;
  gap: var(--aria-combobox-gap, 6px);
  width: var(--aria-combobox-width, 280px);
}
.ynr-aria-select {
  display: flex;
  flex-direction: column;
  gap: var(--aria-select-gap, 6px);
  width: var(--aria-select-width, 280px);
}
.ynr-tag-group {
  display: flex;
  flex-direction: column;
  gap: var(--tag-group-gap, 6px);
  width: var(--tag-group-width, 280px);
}
.ynr-aria-checkbox-group {
  display: flex;
  flex-direction: column;
  gap: var(--aria-checkbox-group-gap, 6px);
  width: var(--aria-checkbox-group-width, 280px);
}
.ynr-aria-number-field {
  display: flex;
  flex-direction: column;
  gap: var(--aria-number-field-gap, 6px);
  width: var(--aria-number-field-width, 280px);
}
.ynr-search-field {
  display: flex;
  flex-direction: column;
  gap: var(--search-field-gap, 6px);
  width: var(--search-field-width, 280px);
}
.ynr-date-field {
  display: flex;
  flex-direction: column;
  gap: var(--date-field-gap, 6px);
  width: var(--date-field-width, 280px);
}
.ynr-time-field {
  display: flex;
  flex-direction: column;
  gap: var(--time-field-gap, 6px);
  width: var(--time-field-width, 280px);
}
.ynr-date-picker {
  display: flex;
  flex-direction: column;
  gap: var(--date-picker-gap, 6px);
  width: var(--date-picker-width, 280px);
}
.ynr-date-range-picker {
  display: flex;
  flex-direction: column;
  gap: var(--date-range-picker-gap, 6px);
  width: var(--date-range-picker-width, 280px);
}
.ynr-aria-meter {
  display: flex;
  flex-direction: column;
  gap: var(--aria-meter-gap, 6px);
  width: var(--aria-meter-width, 280px);
}
.ynr-color-field {
  display: flex;
  flex-direction: column;
  gap: var(--color-field-gap, 6px);
  width: var(--color-field-width, 280px);
}
.ynr-color-slider {
  display: flex;
  flex-direction: column;
  gap: var(--color-slider-gap, 6px);
  width: var(--color-slider-width, 280px);
}
.ynr-list-box {
  width: 260px;
  border: 1px solid var(--aria-border);
  padding: 4px;
  border-radius: var(--aria-radius);
}
.ynr-date-range-picker {
  width: 100%;
  max-width: 410px;
}
.ynr-date-range-picker .ynr-aria-control {
  flex-wrap: wrap;
}
.ynr-file-trigger {
  --aria-radius: var(--file-trigger-radius, var(--ynr-radius));
}
.ynr-aria :where(.react-aria-CalendarGrid),
.ynr-aria-calendar .react-aria-CalendarGrid {
  width: auto;
  border-collapse: separate;
  border-spacing: 2px;
  font-size: 14px;
}
.ynr-aria .react-aria-CalendarGrid :is(th, td),
.ynr-aria-calendar .react-aria-CalendarGrid :is(th, td) {
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: center;
}
.ynr-aria .react-aria-CalendarGrid th,
.ynr-aria-calendar .react-aria-CalendarGrid th {
  color: var(--ynr-muted);
  font-size: 12px;
}
/* end theynrlib styles react-aria-01 */

/* theynrlib styles kokonut-01 — independent variables; no runtime animation dependency. */
.ynr-effect-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.ynr-effect-control,
.ynr-particle-button,
.ynr-hold-button {
  box-sizing: border-box;
  font: inherit;
  color: var(--ynr-foreground);
  background: var(--ynr-surface);
  border: 1px solid var(--ynr-border);
  border-radius: var(--ynr-radius);
  padding: 8px 14px;
  min-height: 44px;
  cursor: pointer;
}
.ynr-effect-control:disabled,
.ynr-particle-button:disabled,
.ynr-hold-button:disabled {
  opacity: 0.5;
  cursor: default;
}
.ynr-effect-control:focus-visible,
.ynr-particle-button:focus-visible,
.ynr-hold-button:focus-visible,
.ynr-scroll-text:focus-visible,
.ynr-carousel-viewport:focus-visible {
  outline: 2px solid var(--ynr-focus);
  outline-offset: 3px;
}
.ynr-type-writer {
  color: var(--type-writer-color, var(--ynr-foreground));
  font-size: var(--type-writer-size, 1.5rem);
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.ynr-type-writer-visual {
  border-inline-end: 2px solid var(--type-writer-cursor, currentColor);
  padding-inline-end: 4px;
}
.ynr-scroll-text {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: var(--scroll-text-height, 260px);
  overflow: auto;
  overscroll-behavior: contain;
  padding-block: 80px;
  border: 1px solid var(--scroll-text-border, var(--ynr-border));
  border-radius: var(--scroll-text-radius, var(--ynr-radius));
  background: var(--scroll-text-background, var(--ynr-background));
}
.ynr-scroll-text-item {
  padding: var(--scroll-text-spacing, 24px);
  font-size: var(--scroll-text-size, 1.6rem);
  color: var(--scroll-text-muted, var(--ynr-muted));
  transition:
    color 160ms,
    transform 160ms;
  overflow-wrap: anywhere;
}
.ynr-scroll-text-item[data-active="true"] {
  color: var(--scroll-text-color, var(--ynr-foreground));
  transform: translateX(4px);
}
.ynr-background-paths {
  position: relative;
  isolation: isolate;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  border: 1px solid var(--background-paths-border, var(--ynr-border));
  border-radius: var(--background-paths-radius, var(--ynr-radius));
  background: var(--background-paths-background, var(--ynr-background));
}
.ynr-background-paths > svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  stroke: var(--background-paths-color, #3b82f6);
  stroke-width: 1;
  opacity: var(--background-paths-opacity, 0.35);
}
.ynr-background-paths[data-animate="true"] > svg {
  animation: ynr-path-arrive var(--background-paths-duration, 1800ms) ease-out
    both;
}
.ynr-background-paths-content {
  position: relative;
  padding: var(--background-paths-padding, 48px 24px);
  color: var(--ynr-foreground);
}
@keyframes ynr-path-arrive {
  from {
    transform: translateY(15px) scale(1.05);
    opacity: 0;
  }
}
.ynr-spotlight-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid var(--spotlight-card-border, var(--ynr-border));
  border-radius: var(--spotlight-card-radius, var(--ynr-radius));
  background: var(--spotlight-card-background, var(--ynr-surface));
  color: var(--spotlight-card-color, var(--ynr-foreground));
}
.ynr-spotlight-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(
    var(--spotlight-card-size, 220px) circle at var(--spotlight-x, 50%)
      var(--spotlight-y, 50%),
    var(--spotlight-card-accent, #2563eb33),
    transparent 80%
  );
  opacity: 0;
  transition: opacity 180ms;
}
.ynr-spotlight-card:is(:hover, :focus-within)::before {
  opacity: 1;
}
.ynr-spotlight-card-content {
  position: relative;
  padding: var(--spotlight-card-padding, 24px);
}
.ynr-card-flip {
  width: 100%;
  perspective: 1200px;
}
.ynr-card-flip-scene {
  display: grid;
  transform-style: preserve-3d;
  transition: transform var(--card-flip-duration, 450ms);
  margin-bottom: 12px;
}
.ynr-card-flip[data-flipped="true"] .ynr-card-flip-scene {
  transform: rotateY(180deg);
}
.ynr-card-flip-face {
  box-sizing: border-box;
  grid-area: 1/1;
  min-width: 0;
  padding: var(--card-flip-padding, 24px);
  border: 1px solid var(--card-flip-border, var(--ynr-border));
  border-radius: var(--card-flip-radius, var(--ynr-radius));
  background: var(--card-flip-background, var(--ynr-surface));
  color: var(--card-flip-color, var(--ynr-foreground));
  backface-visibility: hidden;
  overflow-wrap: anywhere;
}
.ynr-card-flip-back {
  transform: rotateY(180deg);
}
.ynr-card-flip-face[aria-hidden="true"] {
  visibility: hidden;
}
.ynr-card-stack {
  width: 100%;
}
.ynr-card-stack-items {
  display: grid;
  padding: 0 12px 18px 0;
  margin-bottom: 12px;
  gap: var(--card-stack-gap, 12px);
}
.ynr-card-stack-item {
  grid-area: 1/1;
  min-width: 0;
  border: 1px solid var(--card-stack-border, var(--ynr-border));
  border-radius: var(--card-stack-radius, var(--ynr-radius));
  background: var(--card-stack-background, var(--ynr-surface));
  color: var(--card-stack-color, var(--ynr-foreground));
  padding: var(--card-stack-padding, 24px);
  transform: translate(
    calc(var(--stack-index) * 4px),
    calc(var(--stack-index) * 5px)
  );
  transition: transform 220ms;
  overflow-wrap: anywhere;
}
.ynr-card-stack[data-expanded="true"] .ynr-card-stack-item {
  grid-area: auto;
  transform: none;
}
.ynr-carousel {
  width: 100%;
  min-width: 0;
}
.ynr-carousel-viewport {
  position: relative;
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  overscroll-behavior-inline: contain;
  gap: var(--carousel-gap, 16px);
  border-radius: var(--carousel-radius, var(--ynr-radius));
}
.ynr-carousel-slide {
  flex: 0 0 100%;
  box-sizing: border-box;
  min-width: 0;
  padding: var(--carousel-padding, 24px);
  border: 1px solid var(--carousel-border, var(--ynr-border));
  border-radius: var(--carousel-radius, var(--ynr-radius));
  background: var(--carousel-background, var(--ynr-surface));
  color: var(--carousel-color, var(--ynr-foreground));
  scroll-snap-align: start;
  overflow-wrap: anywhere;
}
.ynr-carousel-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 12px;
}
.ynr-particle-button {
  position: relative;
  border-radius: var(--particle-button-radius, var(--ynr-radius));
  padding: var(--particle-button-padding, 10px 18px);
  background: var(--particle-button-background, var(--ynr-surface));
  color: var(--particle-button-color, var(--ynr-foreground));
  border-color: var(--particle-button-border, var(--ynr-border));
}
.ynr-particle-burst {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.ynr-particle-burst i {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--particle-button-accent, #3b82f6);
  animation: ynr-particle 650ms ease-out forwards;
}
@keyframes ynr-particle {
  from {
    opacity: 1;
    transform: translate(0, 0) scale(1);
  }
  to {
    opacity: 0;
    transform: translate(var(--particle-x), var(--particle-y)) scale(0);
  }
}
.ynr-hold-button {
  position: relative;
  overflow: hidden;
  touch-action: manipulation;
  user-select: none;
  border-radius: var(--hold-button-radius, var(--ynr-radius));
  padding: var(--hold-button-padding, 10px 18px);
  background: var(--hold-button-background, var(--ynr-surface));
  color: var(--hold-button-color, var(--ynr-foreground));
  border-color: var(--hold-button-border, var(--ynr-border));
}
.ynr-hold-button-fill {
  position: absolute;
  inset: 0;
  background: var(--hold-button-fill, #2563eb44);
  transform: scaleX(0);
  transform-origin: left;
}
.ynr-hold-button[data-holding="true"] .ynr-hold-button-fill {
  transform: scaleX(1);
  transition: transform var(--hold-duration) linear;
}
.ynr-hold-button-label {
  position: relative;
}
.ynr-file-upload {
  box-sizing: border-box;
  width: 100%;
  display: grid;
  gap: var(--file-upload-gap, 12px);
  padding: var(--file-upload-padding, 24px);
  border: 1px dashed var(--file-upload-border, var(--ynr-border));
  border-radius: var(--file-upload-radius, var(--ynr-radius));
  background: var(--file-upload-background, var(--ynr-surface));
  color: var(--file-upload-color, var(--ynr-foreground));
  transition: border-color 150ms;
}
.ynr-file-upload[data-dragging="true"] {
  border-color: var(--ynr-focus);
}
.ynr-file-upload input {
  max-width: 100%;
  width: 100%;
  min-width: 0;
  color: inherit;
  font: inherit;
}
.ynr-file-upload input::file-selector-button {
  font: inherit;
  min-height: 44px;
  margin-inline-end: 8px;
}
.ynr-file-upload-selection {
  display: flex;
  align-items: center;
  gap: 12px;
  justify-content: space-between;
  overflow-wrap: anywhere;
}
.ynr-file-upload [role="alert"] {
  color: var(--ynr-danger);
  margin: 0;
}
.ynr-file-upload[data-disabled="true"] {
  opacity: 0.5;
}
.ynr-bento-grid:has(> .ynr-bento-grid-item) {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--bento-grid-gap, 16px);
  width: 100%;
}
.ynr-bento-grid-item {
  min-width: 0;
  padding: var(--bento-grid-padding, 24px);
  border: 1px solid var(--bento-grid-border, var(--ynr-border));
  border-radius: var(--bento-grid-radius, var(--ynr-radius));
  background: var(--bento-grid-background, var(--ynr-surface));
  color: var(--bento-grid-color, var(--ynr-foreground));
  overflow-wrap: anywhere;
}
.ynr-bento-grid-item[data-span="2"] {
  grid-column: span 2;
}
.ynr-bento-grid-item[data-span="3"] {
  grid-column: span 3;
}
.ynr-activity-rings {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--activity-rings-gap, 24px);
  padding: var(--activity-rings-padding, 16px);
  border: 1px solid var(--activity-rings-border, var(--ynr-border));
  border-radius: var(--activity-rings-radius, var(--ynr-radius));
  background: var(--activity-rings-background, var(--ynr-surface));
  color: var(--activity-rings-color, var(--ynr-foreground));
}
.ynr-activity-rings > svg {
  width: var(--activity-rings-size, 160px);
  max-width: 100%;
  stroke-width: var(--activity-rings-stroke, 8px);
  stroke-linecap: round;
  color: var(--activity-rings-accent, #3b82f6);
}
.ynr-activity-rings-track {
  stroke: var(--ynr-border);
}
.ynr-activity-rings-value {
  stroke: currentColor;
  transition: stroke-dashoffset 500ms ease;
}
.ynr-activity-rings-legend {
  display: grid;
  gap: 12px;
  flex: 1;
  min-width: 130px;
}
.ynr-activity-rings-legend > div {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  border-inline-start: 3px solid
    var(--ring-color, var(--activity-rings-accent, #3b82f6));
  padding-inline-start: 8px;
}
@media (max-width: 600px) {
  .ynr-bento-grid:has(> .ynr-bento-grid-item) {
    grid-template-columns: minmax(0, 1fr);
  }
  .ynr-bento-grid-item[data-span] {
    grid-column: auto;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ynr-background-paths[data-animate="true"] > svg,
  .ynr-particle-burst i {
    animation: none;
  }
  .ynr-card-flip-scene,
  .ynr-card-stack-item,
  .ynr-scroll-text-item,
  .ynr-spotlight-card::before,
  .ynr-activity-rings-value,
  .ynr-hold-button[data-holding="true"] .ynr-hold-button-fill {
    transition: none;
  }
  .ynr-particle-burst {
    display: none;
  }
  .ynr-scroll-text-item[data-active="true"] {
    transform: none;
  }
  .ynr-spotlight-card::before {
    background: var(--spotlight-card-accent, #2563eb22);
  }
}
/* end theynrlib styles kokonut-01 */

/* theynrlib styles glass-toggle-01 */
.ynr-toggle {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  width: 74px;
  min-width: 74px;
  height: 44px;
  min-height: 44px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  appearance: none;
  touch-action: none;
  user-select: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
/* Override older installed toggle styles without altering toggle groups. */
.ynr-toggle[data-state="on"] {
  background: transparent;
}
.ynr-toggle__track {
  position: absolute;
  inset: 5px 0;
  overflow: hidden;
  border-radius: 999px;
  background: var(--toggle-background, #414143);
  box-shadow: inset 0 1px 2px #0003;
  pointer-events: none;
}
.ynr-toggle__fill {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--toggle-selected, #087fff);
  opacity: var(--toggle-progress, 0);
  transition: opacity 120ms ease;
}
.ynr-toggle__position {
  position: absolute;
  top: 8px;
  left: 3px;
  width: 42px;
  height: 28px;
  pointer-events: none;
  transform: translateX(calc(var(--toggle-position, 0) * 1px));
  transition: transform 170ms cubic-bezier(0.18, 0.85, 0.3, 1);
}
.ynr-toggle__thumb {
  position: absolute;
  inset: 0;
  border-radius: 999px;
  background: var(--toggle-thumb, #eee);
  box-shadow: 0 2px 4px #0003;
  isolation: isolate;
  transition:
    transform 140ms cubic-bezier(0.2, 0.9, 0.2, 1),
    background 90ms,
    box-shadow 100ms;
}
.ynr-toggle__thumb::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  opacity: 0;
  background:
    radial-gradient(
      ellipse at calc(22% + var(--toggle-progress, 0) * 15%) 5%,
      #fff5 0%,
      #ffffff12 5%,
      transparent 14%
    ),
    radial-gradient(
      ellipse at 90% calc(74% - var(--toggle-progress, 0) * 14%),
      #ffffff30 0%,
      transparent 14%
    ),
    radial-gradient(ellipse at 65% 100%, #ffffff20 0%, transparent 15%);
  transition: opacity 90ms;
}
.ynr-toggle__refraction {
  position: absolute;
  inset: 0;
  overflow: hidden;
  border-radius: inherit;
  opacity: 0;
  pointer-events: none;
  mask-image: radial-gradient(ellipse at center, transparent 52%, #000 81%);
  -webkit-mask-image: radial-gradient(
    ellipse at center,
    transparent 52%,
    #000 81%
  );
  transition: opacity 90ms;
}
/* The clear center shows the real track; only its edge replica is magnified. */
.ynr-toggle__refraction > span {
  position: absolute;
  left: calc(-3px - var(--toggle-position, 0) * 1px);
  top: -3px;
  width: 74px;
  height: 34px;
  border-radius: 999px;
  background: var(--toggle-background, #414143);
  transform: scale(1.2, 1.15);
  filter: blur(0.25px);
}
.ynr-toggle:is([data-phase="held"], [data-phase="travel"]) .ynr-toggle__thumb {
  transform: scale(
    var(--toggle-glass-width, 1.34),
    var(--toggle-glass-height, 1.48)
  );
  background: rgb(255 255 255 / 0.015);
  box-shadow: 0 3px 5px #0004;
}
.ynr-toggle:is([data-phase="held"], [data-phase="travel"])
  .ynr-toggle__thumb::after {
  opacity: 1;
}
.ynr-toggle:is([data-phase="held"], [data-phase="travel"])
  .ynr-toggle__refraction {
  opacity: 0.85;
}
.ynr-toggle[data-phase="held"] .ynr-toggle__position,
.ynr-toggle[data-dragging="true"] .ynr-toggle__fill {
  transition: none;
}
.ynr-toggle:focus-visible {
  outline: 2px solid var(--ynr-focus, #9ecaff);
  outline-offset: 3px;
}
.ynr-toggle:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.ynr-toggle__label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
@media (prefers-reduced-motion: reduce) {
  .ynr-toggle *,
  .ynr-toggle *::after {
    transition: none !important;
  }
  .ynr-toggle:is([data-phase="held"], [data-phase="travel"])
    .ynr-toggle__thumb {
    transform: none;
  }
}
@media (prefers-reduced-transparency: reduce) {
  .ynr-toggle:is([data-phase="held"], [data-phase="travel"])
    .ynr-toggle__thumb {
    background: var(--toggle-thumb, #eee);
  }
  .ynr-toggle__refraction,
  .ynr-toggle__thumb::after {
    display: none;
  }
}
@media (forced-colors: active) {
  .ynr-toggle__track {
    border: 1px solid ButtonText;
  }
  .ynr-toggle__thumb {
    background: ButtonText !important;
  }
  .ynr-toggle__fill {
    background: Highlight;
  }
  .ynr-toggle__refraction,
  .ynr-toggle__thumb::after {
    display: none;
  }
}
/* end theynrlib styles glass-toggle-01 */

/* theynrlib styles accordion-motion-01 — shadcn-style disclosure */
.ynr-accordion-item:last-child { border-bottom: 0; }
.ynr-accordion-chevron { transition: transform 200ms ease; color: var(--ynr-muted); }
.ynr-accordion-content { padding: 0; overflow: hidden; }
.ynr-accordion-content-inner { padding: 0 4px 16px; }
.ynr-accordion-content[data-state="open"] { animation: ynr-accordion-down 200ms ease-out; }
.ynr-accordion-content[data-state="closed"] { animation: ynr-accordion-up 200ms ease-out; }
@keyframes ynr-accordion-down { from { height: 0; } to { height: var(--radix-accordion-content-height); } }
@keyframes ynr-accordion-up { from { height: var(--radix-accordion-content-height); } to { height: 0; } }
@media (prefers-reduced-motion: reduce) {
  .ynr-accordion-content[data-state], .ynr-accordion-chevron { animation: none; transition: none; }
}
/* end theynrlib styles accordion-motion-01 */

/* theynrlib styles alert-dialog-composition-01 — shadcn-style confirmation */
.ynr-alert-dialog-popup {
  width: var(--alert-dialog-width, 512px);
  max-width: calc(100vw - 32px);
  border-radius: var(--alert-dialog-radius, 8px);
  transition: opacity 160ms ease, scale 160ms ease;
}
.ynr-alert-dialog-popup[data-starting-style], .ynr-alert-dialog-popup[data-ending-style] { opacity: 0; scale: .96; }
.ynr-alert-dialog-backdrop { transition: opacity 160ms ease; }
.ynr-alert-dialog-backdrop[data-starting-style], .ynr-alert-dialog-backdrop[data-ending-style] { opacity: 0; }
.ynr-alert-dialog-header { display: grid; gap: 8px; text-align: start; }
.ynr-alert-dialog-title { font-size: 18px; line-height: 1.4; margin: 0; }
.ynr-alert-dialog-header .ynr-alert-dialog-description { margin: 0; line-height: 1.5; }
.ynr-alert-dialog-footer { display: flex; justify-content: flex-end; gap: 8px; margin-top: 24px; }
.ynr-alert-dialog-close[data-action="confirm"] { background: var(--alert-dialog-action, var(--ynr-primary)); color: var(--ynr-on-primary); border-color: transparent; }
.ynr-alert-dialog-close:hover { filter: brightness(.94); }
@media (max-width: 540px) { .ynr-alert-dialog-footer { flex-direction: column-reverse; } }
@media (prefers-reduced-motion: reduce) { .ynr-alert-dialog-popup, .ynr-alert-dialog-backdrop { transition: none; } }
/* end theynrlib styles alert-dialog-composition-01 */

/* theynrlib styles button-icon-01 — compact icon-only buttons. */
.ynr-button--icon { padding-inline: 9px; }
/* end theynrlib styles button-icon-01 */


/* theynrlib styles glass-toggle-02 — compact geometry and frame-coalesced drag. */
.ynr-toggle {
  --toggle-render-width: max(24px, var(--toggle-width, var(--toggle-preset-width, 74px)));
  --toggle-effective-progress: var(--toggle-drag-progress, var(--toggle-progress, 0));
  width: var(--toggle-render-width);
  min-width: 24px;
  flex-shrink: 0;
}
.ynr-toggle[data-size="xs"] { --toggle-preset-width: 32px; }
.ynr-toggle[data-size="sm"] { --toggle-preset-width: 40px; }
.ynr-toggle[data-size="md"] { --toggle-preset-width: 54px; }
.ynr-toggle[data-size="lg"] { --toggle-preset-width: 74px; }
.ynr-toggle__track {
  inset: auto 0;
  top: calc(50% - var(--toggle-render-width) / 74 * 17);
  height: calc(var(--toggle-render-width) / 74 * 34);
}
.ynr-toggle__fill { opacity: var(--toggle-effective-progress); transition: opacity 90ms ease; }
.ynr-toggle__position {
  top: calc(50% - var(--toggle-render-width) / 74 * 14);
  left: calc(var(--toggle-render-width) / 74 * 3);
  width: calc(var(--toggle-render-width) / 74 * 42);
  height: calc(var(--toggle-render-width) / 74 * 28);
  transform: translateX(calc(var(--toggle-render-width) / 74 * 26 * var(--toggle-effective-progress)));
  transition: transform 120ms cubic-bezier(.18,.85,.3,1);
}
.ynr-toggle__thumb { transition: transform 100ms cubic-bezier(.2,.9,.2,1), background 60ms; }
.ynr-toggle__thumb::after {
  background: radial-gradient(ellipse at 25% 5%,#fff5 0%,#ffffff12 5%,transparent 14%), radial-gradient(ellipse at 90% 70%,#ffffff30 0%,transparent 14%), radial-gradient(ellipse at 65% 100%,#ffffff20 0%,transparent 15%);
  transform: translateX(calc(var(--toggle-effective-progress) * 3%));
  transition: opacity 60ms;
}
.ynr-toggle__refraction { transition: opacity 60ms; }
.ynr-toggle__refraction > span {
  left: -7.142857%;
  top: -10.714286%;
  width: 176.190476%;
  height: 121.428571%;
  transform: translateX(calc(var(--toggle-effective-progress) * -35.135135%)) scale(1.2,1.15);
  filter: none;
}
.ynr-toggle:is([data-phase="held"],[data-phase="travel"]) .ynr-toggle__position,
.ynr-toggle:is([data-phase="held"],[data-phase="travel"]) .ynr-toggle__thumb { will-change: transform; }
.ynr-toggle[data-phase="held"] .ynr-toggle__position,
.ynr-toggle[data-dragging="true"] .ynr-toggle__fill { transition: none; }
@media(prefers-reduced-motion:reduce) {
  .ynr-toggle *, .ynr-toggle *::after { transition:none !important; }
}
/* end theynrlib styles glass-toggle-02 */


/* theynrlib styles glass-toggle-focus-01 — focus follows the visible track. */
.ynr-toggle:focus-visible { outline: none; }
.ynr-toggle:focus-visible:not([data-pointer-focus="true"]) .ynr-toggle__track {
  outline: 2px solid var(--ynr-focus, #9ecaff);
  outline-offset: 3px;
}
/* end theynrlib styles glass-toggle-focus-01 */

/* theynrlib styles tabs-segmented-01 — one moving selection surface. */
.ynr-tabs-list {
  position:relative;
  isolation:isolate;
  box-sizing:border-box;
  width:100%;
  gap:0;
  padding:4px;
  border-radius:var(--tabs-radius, 10px);
  background:var(--tabs-background,#303238);
}
.ynr-tabs-trigger {
  position:relative;
  z-index:1;
  flex:1 0 auto;
  min-height:36px;
  border:0;
  padding:var(--tabs-padding,6px 16px);
  border-radius:var(--tabs-radius,8px);
  color:var(--tabs-color,#dedee2);
  font-weight:500;
  line-height:1.5;
}
.ynr-tabs-trigger[data-state="active"] {background:transparent;border-color:transparent;color:var(--tabs-selected-color,#fff);}
.ynr-tabs-indicator {
  position:absolute;
  top:0;left:0;
  z-index:0;
  pointer-events:none;
  border-radius:var(--tabs-radius,8px);
  background:var(--tabs-selected,#147cff);
  transform-origin:0 0;
}
.ynr-tabs-list[data-orientation="vertical"] {width:fit-content;}
.ynr-tabs-trigger:disabled {opacity:.4;cursor:not-allowed;}
@media(forced-colors:active) {
 .ynr-tabs-indicator {background:Highlight;forced-color-adjust:none;}
 .ynr-tabs-trigger[data-state="active"] {color:HighlightText;forced-color-adjust:none;}
}
/* end theynrlib styles tabs-segmented-01 */

/* theynrlib styles button-contract-01 — canonical Button sizing and parts. */
.ynr-button[data-ynr-variant] {
  --ynr-button-used-height: var(--ynr-button-instance-height, var(--ynr-button-height, 38px));
  min-height: var(--ynr-button-used-height);
  padding-block: 0;
  padding-inline: var(--ynr-button-instance-padding-x, var(--ynr-button-padding-x, 16px));
  font-size: var(--ynr-button-instance-font-size, var(--ynr-button-font-size, 14px));
}
.ynr-button--icon[data-ynr-variant] {
  min-width: var(--ynr-button-used-height);
  padding-inline: 9px;
}
.ynr-button__icon { display: inline-flex; flex: none; align-items: center; justify-content: center; color: var(--ynr-icon-color, currentColor); }
.ynr-button__sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;
}
.ynr-button[data-size="sm"] { --ynr-button-instance-height: 32px; --ynr-button-instance-padding-x: 12px; --ynr-button-instance-font-size: 14px; }
.ynr-button[data-size="md"] { --ynr-button-instance-height: 38px; --ynr-button-instance-padding-x: 16px; --ynr-button-instance-font-size: 14px; }
.ynr-button[data-size="lg"] { --ynr-button-instance-height: 44px; --ynr-button-instance-padding-x: 22px; --ynr-button-instance-font-size: 14px; }
@media (min-width: 40rem) {
.ynr-button[data-size-sm="sm"] { --ynr-button-instance-height: 32px; --ynr-button-instance-padding-x: 12px; --ynr-button-instance-font-size: 14px; }
.ynr-button[data-size-sm="md"] { --ynr-button-instance-height: 38px; --ynr-button-instance-padding-x: 16px; --ynr-button-instance-font-size: 14px; }
.ynr-button[data-size-sm="lg"] { --ynr-button-instance-height: 44px; --ynr-button-instance-padding-x: 22px; --ynr-button-instance-font-size: 14px; }
}
@media (min-width: 48rem) {
.ynr-button[data-size-md="sm"] { --ynr-button-instance-height: 32px; --ynr-button-instance-padding-x: 12px; --ynr-button-instance-font-size: 14px; }
.ynr-button[data-size-md="md"] { --ynr-button-instance-height: 38px; --ynr-button-instance-padding-x: 16px; --ynr-button-instance-font-size: 14px; }
.ynr-button[data-size-md="lg"] { --ynr-button-instance-height: 44px; --ynr-button-instance-padding-x: 22px; --ynr-button-instance-font-size: 14px; }
}
@media (min-width: 64rem) {
.ynr-button[data-size-lg="sm"] { --ynr-button-instance-height: 32px; --ynr-button-instance-padding-x: 12px; --ynr-button-instance-font-size: 14px; }
.ynr-button[data-size-lg="md"] { --ynr-button-instance-height: 38px; --ynr-button-instance-padding-x: 16px; --ynr-button-instance-font-size: 14px; }
.ynr-button[data-size-lg="lg"] { --ynr-button-instance-height: 44px; --ynr-button-instance-padding-x: 22px; --ynr-button-instance-font-size: 14px; }
}
@media (any-pointer: coarse) {
  .ynr-button[data-ynr-variant] {
    min-height: max(44px, var(--ynr-button-used-height));
    min-width: 44px;
  }
}
/* end theynrlib styles button-contract-01 */

/* theynrlib styles shadcn-core-01 — theme aliases for imported compositions. */
:root, .dark, [data-theme] {
  --background: var(--ynr-background);
  --foreground: var(--ynr-foreground);
  --card: var(--ynr-surface);
  --card-foreground: var(--ynr-foreground);
  --popover: var(--ynr-surface);
  --popover-foreground: var(--ynr-foreground);
  --primary: var(--ynr-primary);
  --primary-foreground: var(--ynr-on-primary);
  --secondary: var(--ynr-surface);
  --secondary-foreground: var(--ynr-foreground);
  --muted: var(--ynr-surface);
  --muted-foreground: var(--ynr-muted);
  --border: var(--ynr-border);
  --input: var(--ynr-border);
  --ring: var(--ynr-focus);
  --radius: var(--ynr-radius);
}
/* Tailwind's full reset would alter existing components; scope required defaults. */
@layer components {
[data-slot], [data-slot]::before, [data-slot]::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
  border-color: var(--ynr-border);
  font-family: var(--ynr-font);
}
button[data-slot], input[data-slot], textarea[data-slot] { font: inherit; }
button[data-slot] { cursor: pointer; background-color: transparent; color: inherit; }
button[data-slot]:disabled { cursor: default; }
[data-slot="chart"] { width: 100%; min-height: 200px; }
[data-slot="input-group-control"].ynr-textarea { min-height: 80px; }
@media (prefers-reduced-motion: reduce) {
  [data-slot], [data-slot]::before, [data-slot]::after {
    animation: none !important; transition: none !important; scroll-behavior: auto !important;
  }
}
}
/* end theynrlib styles shadcn-core-01 */

/* theynrlib styles astryx-core-01 */
/* Astryx 9d8c692: compiled source recipes, MIT. */
@layer components {
@property --x---_avatar-group-overlap { syntax: "*"; inherits: false;}
@property --x---_codeblock-gutter-width { syntax: "*"; inherits: false;}
@property --x---_hover-delay { syntax: "*"; inherits: false;}
@property --x---_tab-indicator-bottom { syntax: "*"; inherits: false;}
@property --x---container-max-height { syntax: "*"; inherits: false;}
@property --x---layout-alignment-width { syntax: "*"; inherits: false;}
@property --x---layout-content-width { syntax: "*"; inherits: false;}
@property --x-126w13d { syntax: "*"; inherits: false;}
@property --x-4drmnv { syntax: "*"; inherits: false;}
@property --x-animationDelay { syntax: "*"; inherits: false;}
@property --x-aspectRatio { syntax: "*"; inherits: false;}
@property --x-backgroundColor { syntax: "*"; inherits: false;}
@property --x-borderWidth { syntax: "*"; inherits: false;}
@property --x-bottom { syntax: "*"; inherits: false;}
@property --x-color { syntax: "*"; inherits: false;}
@property --x-counterReset { syntax: "*"; inherits: false;}
@property --x-fontSize { syntax: "*"; inherits: false;}
@property --x-gap { syntax: "*"; inherits: false;}
@property --x-gridAutoRows { syntax: "*"; inherits: false;}
@property --x-gridTemplateColumns { syntax: "*"; inherits: false;}
@property --x-height { syntax: "*"; inherits: false;}
@property --x-inlineSize { syntax: "*"; inherits: false;}
@property --x-insetInlineEnd { syntax: "*"; inherits: false;}
@property --x-insetInlineStart { syntax: "*"; inherits: false;}
@property --x-marginBlock { syntax: "*"; inherits: false;}
@property --x-marginBlockEnd { syntax: "*"; inherits: false;}
@property --x-marginBlockStart { syntax: "*"; inherits: false;}
@property --x-marginInline { syntax: "*"; inherits: false;}
@property --x-marginInlineEnd { syntax: "*"; inherits: false;}
@property --x-marginInlineStart { syntax: "*"; inherits: false;}
@property --x-maxHeight { syntax: "*"; inherits: false;}
@property --x-maxWidth { syntax: "*"; inherits: false;}
@property --x-minHeight { syntax: "*"; inherits: false;}
@property --x-minWidth { syntax: "*"; inherits: false;}
@property --x-overflowX { syntax: "*"; inherits: false;}
@property --x-overflowY { syntax: "*"; inherits: false;}
@property --x-paddingBlock { syntax: "*"; inherits: false;}
@property --x-paddingInline { syntax: "*"; inherits: false;}
@property --x-paddingInlineEnd { syntax: "*"; inherits: false;}
@property --x-paddingInlineStart { syntax: "*"; inherits: false;}
@property --x-qthpiu { syntax: "*"; inherits: false;}
@property --x-sj6hyi { syntax: "*"; inherits: false;}
@property --x-top { syntax: "*"; inherits: false;}
@property --x-transform { syntax: "*"; inherits: false;}
@property --x-WebkitLineClamp { syntax: "*"; inherits: false;}
@property --x-width { syntax: "*"; inherits: false;}
@property --x-1dd27dc { syntax: "*"; inherits: true;}
@property --x-owu7oy { syntax: "*"; inherits: true;}
@keyframes x188b6p3-B{from{color:inherit;}to{color:transparent;}}
@keyframes xuvekqa-B{0%{opacity:.3;}50%{opacity:1;}100%{opacity:.3;}}
@keyframes x1tut0r7-B{0%{opacity:.3;transform:rotateX(52deg) scale(.86);}50%{opacity:1;transform:rotateX(0deg) scale(1);}100%{opacity:.3;transform:rotateX(-52deg) scale(.86);}}
@keyframes x13kz0yu-B{0%, 100%{opacity:1;}50%{opacity:.5;}}
@keyframes x18re5ia-B{from{opacity:0;}to{opacity:1;}}
@keyframes xgnty7z-B{0%{opacity:.25;}100%{opacity:1;}}
@keyframes xtut5q7-B{0%{opacity:1;}50%{opacity:.5;}100%{opacity:1;}}
@keyframes x1k48ry3-B{from{opacity:0;transform:scale(.95);}to{opacity:1;transform:scale(1);}}
@keyframes x11lauxq-B{from{opacity:0;transform:translate(var(--dialog-dir-x,0px),var(--dialog-dir-y,16px)) scale(.95);}to{opacity:1;transform:translate(0,0) scale(1);}}
@keyframes xu7jd1z-B{from{opacity:0;transform:translateX(var(--spacing-2)) scale(.95);}to{opacity:1;transform:translateX(0) scale(1);}}
@keyframes xwmkjkf-B{from{opacity:0;transform:translateX(calc(-1 * var(--spacing-2))) scale(.95);}to{opacity:1;transform:translateX(0) scale(1);}}
@keyframes x1ahk7ht-B{from{opacity:0;transform:translateY(var(--spacing-2)) scale(.95);}to{opacity:1;transform:translateY(0) scale(1);}}
@keyframes xv1hr86-B{from{opacity:0;transform:translateY(calc(-1 * var(--spacing-2))) scale(.95);}to{opacity:1;transform:translateY(0) scale(1);}}
@keyframes x1b6yrix-B{from{opacity:0;transform:translateY(var(--spacing-2));}to{opacity:1;transform:translateY(0);}}
@keyframes xiylxmw-B{from{opacity:0;transform:translateY(calc(-1 * var(--spacing-2)));}to{opacity:1;transform:translateY(0);}}
@keyframes x1wbvqyn-B{0%{stroke-dashoffset:0;}100%{stroke-dashoffset:calc(var(--_spinner-ring-diameter) * -3.141592653589793);}}
@keyframes x1c2q33o-B{0%{transform:translateX(100%);}100%{transform:translateX(-250%);}}
@keyframes xr3m334-B{0%{transform:translateX(-100%);}100%{transform:translateX(250%);}}
@keyframes x1xhkexc-B{from{width:0;margin-inline-end:0;opacity:0;}to{width:14px;margin-inline-end:var(--spacing-1);opacity:1;}}
:root, .xafi2nm{--border-width:1px;}
:root, .xj0fimd{--color-accent:light-dark(#0064E0, #2694FE);--color-accent-muted:light-dark(#0082FB33, #0082FB3F);--color-on-accent:light-dark(#FFFFFF, #FFFFFF);--color-neutral:light-dark(rgba(5, 54, 89, 0.1), rgba(223, 226, 229, 0.2));--color-background-surface:light-dark(#FFFFFF, #1F1F22);--color-background-body:light-dark(#F1F4F7, #111112);--color-overlay:light-dark(#01122866, #11111299);--color-overlay-hover:light-dark(#0536590C, #FFFFFF0C);--color-overlay-pressed:light-dark(#05365919, #FFFFFF19);--color-background-muted:light-dark(#0536590C, #1111127F);--color-text-primary:light-dark(#0A1317, #DFE2E5);--color-text-secondary:light-dark(#4E606F, #AAAFB5);--color-text-disabled:light-dark(#A4B0BC, #6F747C);--color-text-accent:light-dark(#0064E0, #3E9EFB);--color-on-dark:light-dark(#FFFFFF, #FFFFFF);--color-on-light:light-dark(#000000, #000000);--color-icon-accent:light-dark(#0064E0, #2694FE);--color-icon-primary:light-dark(#0A1317, #DFE2E5);--color-icon-secondary:light-dark(#4E606F, #AAAFB5);--color-icon-disabled:light-dark(#A4B0BC, #6F747C);--color-background-card:light-dark(#FFFFFF, #1F1F22);--color-background-popover:light-dark(#FFFFFF, #28292C);--color-background-inverted:light-dark(#0A1317, #FFFFFF);--color-background-error-inverted:light-dark(#AA071E, #E3193B);--color-success:light-dark(#0D8626, #0D8626);--color-success-muted:light-dark(#0B991F33, #0B991F3F);--color-on-success:light-dark(#FFFFFF, #FFFFFF);--color-error:light-dark(#E3193B, #F5394F);--color-error-muted:light-dark(#E3193B33, #F5394F3F);--color-on-error:light-dark(#FFFFFF, #FFFFFF);--color-warning:light-dark(#E9AF08, #F2C00B);--color-warning-muted:light-dark(#E2A40033, #E2A4003F);--color-on-warning:light-dark(#0A1317, #0A1317);--color-border:light-dark(#05365919, #F2F4F619);--color-border-emphasized:light-dark(#CCD3DB, #494D53);--color-skeleton:light-dark(#CCD3DB, #5A5E66);--color-track:light-dark(#CCD3DB, #5A5E66);--color-shadow:light-dark(rgba(5, 54, 89, 0.1), rgba(0, 0, 0, 0.3));--color-tint-hover:light-dark(black, white);--color-background-blue:light-dark(#0171E333, #0171E333);--color-border-blue:light-dark(#0064E0, #2694FE);--color-icon-blue:light-dark(#0064E0, #2694FE);--color-text-blue:light-dark(#042F97, #AFD7FF);--color-background-cyan:light-dark(#03A7D733, #03A7D733);--color-border-cyan:light-dark(#089DD0, #0171A4);--color-icon-cyan:light-dark(#00ACC1, #26C6DA);--color-text-cyan:light-dark(#014975, #A1EEF9);--color-background-gray:light-dark(#0A131733, #666A724C);--color-border-gray:light-dark(#647685, #748695);--color-icon-gray:light-dark(#4E606F, #AAAFB5);--color-text-gray:light-dark(#0A1317, #E7EAED);--color-background-green:light-dark(#24BB5E33, #24BB5E33);--color-border-green:light-dark(#0D8626, #0B991F);--color-icon-green:light-dark(#0D8626, #26A756);--color-text-green:light-dark(#09441F, #A5F690);--color-background-orange:light-dark(#F2790233, #F2790233);--color-border-orange:light-dark(#EB6E00, #B34A01);--color-icon-orange:light-dark(#E9690B, #FB8C00);--color-text-orange:light-dark(#6B2203, #FDB876);--color-background-pink:light-dark(#E638B333, #E638B333);--color-border-pink:light-dark(#F351C0, #C02294);--color-icon-pink:light-dark(#C2185B, #EC407A);--color-text-pink:light-dark(#650053, #FEADE3);--color-background-purple:light-dark(#7952FF33, #7952FF33);--color-border-purple:light-dark(#9081FF, #7340FE);--color-icon-purple:light-dark(#5B08D8, #7952FF);--color-text-purple:light-dark(#3E0697, #B3B0FE);--color-background-red:light-dark(#E3193B33, #E3193B33);--color-border-red:light-dark(#E3193B, #F5394F);--color-icon-red:light-dark(#D31130, #E3193B);--color-text-red:light-dark(#7B0210, #FFB2B8);--color-background-teal:light-dark(#0DB7AF33, #0DB7AF33);--color-border-teal:light-dark(#08A3A3, #08767D);--color-icon-teal:light-dark(#009688, #26A69A);--color-text-teal:light-dark(#083943, #40DCCD);--color-background-yellow:light-dark(#E2A40033, #E2A40033);--color-border-yellow:light-dark(#C58600, #B47700);--color-icon-yellow:light-dark(#FBC02D, #FFEE58);--color-text-yellow:light-dark(#753F07, #FBCE03);}
:root, .x14lkjui{--duration-fast-min:130ms;--duration-fast:175ms;--duration-fast-max:230ms;--duration-medium-min:310ms;--duration-medium:410ms;--duration-medium-max:550ms;--duration-slow-min:730ms;--duration-slow:975ms;--duration-slow-max:1300ms;}
:root, .xf09i69{--ease-standard:cubic-bezier(0.24, 1, 0.4, 1);}
:root, .xzxs3qz{--focus-outline-width:2px;--focus-outline-style:solid;--focus-outline-color:var(--color-accent);--focus-outline-offset:3px;}
:root, .x5tdzeq{--font-family-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-family-code:"SF Mono", Monaco, Consolas, monospace;--font-family-heading:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;}
:root, .x1q1ms06{--font-size-4xs:0.375rem;--font-size-3xs:0.4375rem;--font-size-2xs:0.5rem;--font-size-xs:0.625rem;--font-size-sm:0.75rem;--font-size-base:0.875rem;--font-size-lg:1.0625rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.8125rem;--font-size-4xl:2.1875rem;--font-size-5xl:2.625rem;}
:root, .x1ccmotb{--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;}
:root, .xrw1vgx{--radius-none:0px;--radius-inner:4px;--radius-element:8px;--radius-container:12px;--radius-page:28px;--radius-chat:28px;--radius-full:9999px;}
:root, .xua8qm3{--shadow-low:0px 1px 1px light-dark(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)), 0px 2px 8px light-dark(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2));--shadow-med:0px 1px 2px light-dark(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)), 0px 2px 12px light-dark(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2));--shadow-high:0px 2px 2px light-dark(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)), 0px 8px 24px light-dark(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3));--shadow-inset-hover:inset 0px 0px 0px 2px light-dark(rgba(5, 54, 89, 0.15), rgba(223, 226, 229, 0.2));--shadow-inset-selected:inset 0px 0px 0px 2px rgba(1, 113, 227, 0.5);--shadow-inset-success:inset 0px 0px 0px 2px rgba(38, 167, 86, 0.3);--shadow-inset-warning:inset 0px 0px 0px 2px rgba(226, 164, 0, 0.3);--shadow-inset-error:inset 0px 0px 0px 2px rgba(227, 25, 59, 0.3);}
:root, .xkgjyic{--size-element-sm:28px;--size-element-md:32px;--size-element-lg:36px;}
:root, .x1kvdh9l{--spacing-0:0px;--spacing-0-5:2px;--spacing-1:4px;--spacing-1-5:6px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-7:28px;--spacing-8:32px;--spacing-9:36px;--spacing-10:40px;--spacing-11:44px;--spacing-12:48px;}
:root, .x1etlgq0{--text-heading-1-size:var(--font-size-2xl);--text-heading-1-weight:var(--font-weight-semibold);--text-heading-1-leading:1.3333;--text-heading-2-size:var(--font-size-xl);--text-heading-2-weight:var(--font-weight-semibold);--text-heading-2-leading:1.4;--text-heading-3-size:var(--font-size-lg);--text-heading-3-weight:var(--font-weight-semibold);--text-heading-3-leading:1.4118;--text-heading-4-size:var(--font-size-base);--text-heading-4-weight:var(--font-weight-semibold);--text-heading-4-leading:1.4286;--text-heading-5-size:var(--font-size-sm);--text-heading-5-weight:var(--font-weight-semibold);--text-heading-5-leading:1.6667;--text-heading-6-size:var(--font-size-xs);--text-heading-6-weight:var(--font-weight-semibold);--text-heading-6-leading:1.6;--text-body-size:var(--font-size-base);--text-body-weight:var(--font-weight-normal);--text-body-leading:1.4286;--text-large-size:var(--font-size-lg);--text-large-weight:var(--font-weight-semibold);--text-large-leading:1.4118;--text-label-size:var(--font-size-base);--text-label-weight:var(--font-weight-medium);--text-label-leading:1.4286;--text-code-size:var(--font-size-base);--text-code-weight:var(--font-weight-normal);--text-code-leading:1.4286;--text-supporting-size:var(--font-size-sm);--text-supporting-weight:var(--font-weight-normal);--text-supporting-leading:1.6667;--text-display-1-size:var(--font-size-5xl);--text-display-1-weight:var(--font-weight-normal);--text-display-1-leading:1.2381;--text-display-2-size:var(--font-size-4xl);--text-display-2-weight:var(--font-weight-normal);--text-display-2-leading:1.2571;--text-display-3-size:var(--font-size-3xl);--text-display-3-weight:var(--font-weight-normal);--text-display-3-leading:1.2414;}
.xlz5hwt{--_avatar-group-overlap:var(--x---_avatar-group-overlap)}
.xdarwi0{--_avatar-radius:var(--radius-element)}
.xeincmr{--_avatar-radius:var(--radius-full)}
.x877142{--_avatar-radius:var(--radius-none)}
.xh8ntw8{--_button-radius:calc(var(--radius-element) - var(--spacing-1))}
.xcw7vlg{--_button-radius:max(var(--radius-element),calc(var(--_chat-composer-radius) - var(--_chat-composer-padding)))}
.x1rjw8qi{--_button-radius:var(--radius-full)}
.xw28qpl{--_card-elevation:0 0 transparent}
.xnpe7fx{--_card-elevation:var(--shadow-high)}
.x1nn8khe{--_card-elevation:var(--shadow-low)}
.x1ovzxg0{--_card-elevation:var(--shadow-med)}
.x2kkz0m{--_card-radius:var(--radius-container)}
.xr9ms2c{--_card-ring:inset 0 0 0 2px var(--color-accent)}
.xgwwt2v{--_card-ring:inset 0 0 0 2px var(--color-border-blue)}
.xcdi0x3{--_card-ring:inset 0 0 0 2px var(--color-border-cyan)}
.x1m1zkwp{--_card-ring:inset 0 0 0 2px var(--color-border-gray)}
.x1485227{--_card-ring:inset 0 0 0 2px var(--color-border-green)}
.x1cclxpp{--_card-ring:inset 0 0 0 2px var(--color-border-orange)}
.xzs6dn4{--_card-ring:inset 0 0 0 2px var(--color-border-pink)}
.x9zgi83{--_card-ring:inset 0 0 0 2px var(--color-border-purple)}
.xo8718j{--_card-ring:inset 0 0 0 2px var(--color-border-red)}
.xp4e5fy{--_card-ring:inset 0 0 0 2px var(--color-border-teal)}
.x1glw7ee{--_card-ring:inset 0 0 0 2px var(--color-border-yellow)}
.x3zsw4j{--_card-ring:inset 0 0 0 2px var(--selectable-card-ring-color)}
.x18zce08{--_chat-composer-padding:var(--spacing-2)}
.xk0ittl{--_chat-composer-padding:var(--spacing-3)}
.xx161y6{--_chat-composer-radius:var(--radius-chat)}
.xtk08jq{--_codeblock-gutter-width:var(--x---_codeblock-gutter-width)}
.x9pmotm{--_conceal-opacity:0}
.x1kgmhs9{--_conceal-opacity:1}
.xvuvksw{--_dialog-radius:var(--radius-container)}
.xgory14{--_dropdown-menu-padding:var(--spacing-1)}
.x1fcsqxe{--_dropdown-menu-radius:var(--radius-container)}
.x13l1x9d{--_fade-delay:0s}
.x1832zxr{--_field-radius:var(--radius-element)}
.x19nvjgn{--_field-status-overlap:calc(var(--size-element-md) / 2)}
.x17wzz1v{--_focus-outline:none}
.xgzxwq1{--_focus-outline-offset:0}
.xhg274n{--_hover-delay:0s}
.x8xu23y{--_hover-delay:var(--x---_hover-delay)}
.xqwz7mz{--_hovercard-radius:var(--radius-container)}
.xqxtgf4{--_input-clear-hit-content:none}
.xtoycft{--_input-clear-hit-inset:0px}
.xqlix59{--_item-description-color:var(--color-error)}
.xufyqxy{--_item-label-color:var(--color-error)}
.xiki222{--_popover-radius:var(--radius-container)}
.x1dejzja{--_reveal-delay:0s,0s}
.x1xiarpw{--_reveal-delay:0s,var(--duration-fast)}
.xdjmrzf{--_reveal-delay-reduced:0s,0s}
.xct0gwe{--_reveal-opacity:0}
.x5setjs{--_reveal-opacity:1}
.xp0pj8v{--_reveal-position:absolute}
.x1r6s5ct{--_reveal-position:static}
.x1f17rg1{--_section-padding-propagated:initial}
.x2ccaqq{--_section-padding-propagated:var(--spacing-0-5)}
.x7mo41q{--_section-padding-propagated:var(--spacing-0)}
.xxa843v{--_section-padding-propagated:var(--spacing-1-5)}
.x1j3iakl{--_section-padding-propagated:var(--spacing-1)}
.x4h2jfd{--_section-padding-propagated:var(--spacing-10)}
.xezgk69{--_section-padding-propagated:var(--spacing-2)}
.x1wtz8uf{--_section-padding-propagated:var(--spacing-3)}
.x5wdj8h{--_section-padding-propagated:var(--spacing-4)}
.xgjndll{--_section-padding-propagated:var(--spacing-5)}
.x15i4jqh{--_section-padding-propagated:var(--spacing-6)}
.xmb9lpv{--_section-padding-propagated:var(--spacing-8)}
.x18jk3ff{--_segmented-control-padding:var(--spacing-0-5)}
.x9icjy1{--_segmented-control-radius:var(--radius-element)}
.x69vvuq{--_spinner-box-size:calc(var(--_spinner-ring-diameter) + var(--_spinner-ring-stroke) * 2)}
.x2lq4xu{--_spinner-ring-diameter:var(--spinner-diameter)}
.x10qssua{--_spinner-ring-stroke:var(--spinner-stroke-width)}
.xficto1{--_tab-indicator-bottom:calc(-1 * (var(--spacing-1) + var(--border-width)))}
.xbrl7fg{--_tab-indicator-bottom:var(--x---_tab-indicator-bottom)}
.x78b515{--_tab-strip-bleed:0px}
.x1kdpo6e{--_textarea-inline-padding:var(--spacing-2)}
.x1ur4yav{--_thumbnail-hit-inset:0px}
.x87gnkx{--_toast-slide-y:calc(-1 * var(--spacing-2))}
.x1heqljd{--_toast-slide-y:var(--spacing-2)}
.x16bblx1{--button-focus-offset:var(--focus-outline-offset)}
.x1v15ycx{--button-icon-only-aspect:1 / 1}
.x1mtvhk1{--color-syntax-background:transparent}
.x18nyedi{--container-max-height:var(--x---container-max-height)}
.xax9j7h{--container-padding-block-end:0px}
.x1omyuck{--container-padding-block-end:var(--astryx-card-padding-block-end,var(--astryx-card-padding,var(--spacing-4)))}
.x1gvthzm{--container-padding-block-end:var(--astryx-dialog-padding-block-end,var(--astryx-dialog-padding,var(--spacing-4)))}
.xek4msv{--container-padding-block-end:var(--astryx-section-padding-block-end,var(--_section-padding-propagated,var(--astryx-section-padding,var(--spacing-4))))}
.xi9ns85{--container-padding-block-end:var(--layout-padding-inner-y,var(--spacing-4))}
.x1xjq73n{--container-padding-block-end:var(--layout-padding-outer-y,var(--spacing-4))}
.x1cao3zv{--container-padding-block-end:var(--spacing-0-5)}
.xkunwnr{--container-padding-block-end:var(--spacing-0)}
.xv53x8y{--container-padding-block-end:var(--spacing-1-5)}
.x57a7ii{--container-padding-block-end:var(--spacing-1)}
.x15vxphk{--container-padding-block-end:var(--spacing-10)}
.x4bg2x9{--container-padding-block-end:var(--spacing-11)}
.x186mjxr{--container-padding-block-end:var(--spacing-12)}
.x1lsgcmx{--container-padding-block-end:var(--spacing-2)}
.x1q3ppug{--container-padding-block-end:var(--spacing-3)}
.x4hfsld{--container-padding-block-end:var(--spacing-4)}
.xbib2ws{--container-padding-block-end:var(--spacing-5)}
.x1q8d17g{--container-padding-block-end:var(--spacing-6)}
.x1yqogew{--container-padding-block-end:var(--spacing-7)}
.x8lgq76{--container-padding-block-end:var(--spacing-8)}
.x1f7f9rt{--container-padding-block-end:var(--spacing-9)}
.x1047aw6{--container-padding-block-start:0px}
.x1rqz8me{--container-padding-block-start:var(--astryx-card-padding-block-start,var(--astryx-card-padding,var(--spacing-4)))}
.x1g2kccc{--container-padding-block-start:var(--astryx-dialog-padding-block-start,var(--astryx-dialog-padding,var(--spacing-4)))}
.xnw7zt4{--container-padding-block-start:var(--astryx-section-padding-block-start,var(--_section-padding-propagated,var(--astryx-section-padding,var(--spacing-4))))}
.xjmgx01{--container-padding-block-start:var(--layout-padding-inner-y,var(--spacing-4))}
.xzz8v79{--container-padding-block-start:var(--layout-padding-outer-y,var(--spacing-4))}
.xvdf9ev{--container-padding-block-start:var(--spacing-0-5)}
.x1i3qcxz{--container-padding-block-start:var(--spacing-0)}
.x1kbx601{--container-padding-block-start:var(--spacing-1-5)}
.xnsckjb{--container-padding-block-start:var(--spacing-1)}
.x17h9kl7{--container-padding-block-start:var(--spacing-10)}
.x1rdjxae{--container-padding-block-start:var(--spacing-11)}
.xecwdl6{--container-padding-block-start:var(--spacing-12)}
.xa8b4fq{--container-padding-block-start:var(--spacing-2)}
.x11k4f5r{--container-padding-block-start:var(--spacing-3)}
.xm01sq8{--container-padding-block-start:var(--spacing-4)}
.xp8wdkl{--container-padding-block-start:var(--spacing-5)}
.x1hmud4d{--container-padding-block-start:var(--spacing-6)}
.x1c00sag{--container-padding-block-start:var(--spacing-7)}
.xfv60at{--container-padding-block-start:var(--spacing-8)}
.x14fzdu7{--container-padding-block-start:var(--spacing-9)}
.xjsfl84{--container-padding-inline-end:0px}
.x1ihxwbr{--container-padding-inline-end:var(--astryx-card-padding-inline-end,var(--astryx-card-padding-inline,var(--astryx-card-padding,var(--spacing-4))))}
.x11h1f2o{--container-padding-inline-end:var(--astryx-dialog-padding-inline-end,var(--astryx-dialog-padding-inline,var(--astryx-dialog-padding,var(--spacing-4))))}
.xu1wldr{--container-padding-inline-end:var(--astryx-section-padding-inline-end,var(--astryx-section-padding-inline,var(--_section-padding-propagated,var(--astryx-section-padding,var(--spacing-4)))))}
.xikqloz{--container-padding-inline-end:var(--layout-padding-inner-x,var(--spacing-4))}
.xqpvj4r{--container-padding-inline-end:var(--layout-padding-outer-x,var(--spacing-4))}
.x1wz3t3y{--container-padding-inline-end:var(--spacing-0-5)}
.x91ghl5{--container-padding-inline-end:var(--spacing-0)}
.xntetml{--container-padding-inline-end:var(--spacing-1-5)}
.x2oyxnl{--container-padding-inline-end:var(--spacing-1)}
.xx5lg5w{--container-padding-inline-end:var(--spacing-10)}
.x1nmgbqg{--container-padding-inline-end:var(--spacing-11)}
.x1wsfsk2{--container-padding-inline-end:var(--spacing-12)}
.xcas3b9{--container-padding-inline-end:var(--spacing-2)}
.xu0ipoa{--container-padding-inline-end:var(--spacing-3)}
.xs0pscg{--container-padding-inline-end:var(--spacing-4)}
.xgkj7vj{--container-padding-inline-end:var(--spacing-5)}
.x94cj42{--container-padding-inline-end:var(--spacing-6)}
.x11tj35w{--container-padding-inline-end:var(--spacing-7)}
.x1b9k1pi{--container-padding-inline-end:var(--spacing-8)}
.x19w02kr{--container-padding-inline-end:var(--spacing-9)}
.xrhngw9{--container-padding-inline-start:0px}
.xjmlhfd{--container-padding-inline-start:var(--astryx-card-padding-inline-start,var(--astryx-card-padding-inline,var(--astryx-card-padding,var(--spacing-4))))}
.x1tewnwq{--container-padding-inline-start:var(--astryx-dialog-padding-inline-start,var(--astryx-dialog-padding-inline,var(--astryx-dialog-padding,var(--spacing-4))))}
.x19lemt0{--container-padding-inline-start:var(--astryx-section-padding-inline-start,var(--astryx-section-padding-inline,var(--_section-padding-propagated,var(--astryx-section-padding,var(--spacing-4)))))}
.x408pgh{--container-padding-inline-start:var(--layout-padding-inner-x,var(--spacing-4))}
.xdvaxxn{--container-padding-inline-start:var(--layout-padding-outer-x,var(--spacing-4))}
.x14ws0sr{--container-padding-inline-start:var(--spacing-0-5)}
.x1gu2k80{--container-padding-inline-start:var(--spacing-0)}
.x176g23i{--container-padding-inline-start:var(--spacing-1-5)}
.x1cvlban{--container-padding-inline-start:var(--spacing-1)}
.xserb3f{--container-padding-inline-start:var(--spacing-10)}
.xziclwo{--container-padding-inline-start:var(--spacing-11)}
.x1iiwihq{--container-padding-inline-start:var(--spacing-12)}
.x1xlrr2o{--container-padding-inline-start:var(--spacing-2)}
.xfdwxua{--container-padding-inline-start:var(--spacing-3)}
.x1dlhslv{--container-padding-inline-start:var(--spacing-4)}
.x1s81nki{--container-padding-inline-start:var(--spacing-5)}
.x1ep0dkj{--container-padding-inline-start:var(--spacing-6)}
.x157xojc{--container-padding-inline-start:var(--spacing-7)}
.xw1diwv{--container-padding-inline-start:var(--spacing-8)}
.xraca2a{--container-padding-inline-start:var(--spacing-9)}
.x1qfzo5y{--indicator-color:transparent}
.x19kr0ht{--layout-alignment-width:100cqi}
.x1b1nz06{--layout-alignment-width:var(--x---layout-alignment-width)}
.x15lplax{--layout-content-width:100cqi}
.x4906uf{--layout-content-width:var(--x---layout-content-width)}
.x1qfll2g{--layout-padding-inner-x:initial}
.x4poyjn{--layout-padding-inner-x:var(--astryx-card-padding-inline-start,var(--astryx-card-padding-inline,var(--astryx-card-padding,var(--spacing-4))))}
.x2so38{--layout-padding-inner-x:var(--astryx-dialog-padding-inline-start,var(--astryx-dialog-padding-inline,var(--astryx-dialog-padding,var(--spacing-4))))}
.x1v3gmnx{--layout-padding-inner-x:var(--astryx-section-padding-inline-start,var(--astryx-section-padding-inline,var(--_section-padding-propagated,var(--astryx-section-padding,var(--spacing-4)))))}
.xlriy2h{--layout-padding-inner-x:var(--spacing-0-5)}
.xj1bl4l{--layout-padding-inner-x:var(--spacing-0)}
.xd38f90{--layout-padding-inner-x:var(--spacing-1-5)}
.x6uuyak{--layout-padding-inner-x:var(--spacing-1)}
.x1vf4qco{--layout-padding-inner-x:var(--spacing-10)}
.xsmamsf{--layout-padding-inner-x:var(--spacing-11)}
.x2xk2xj{--layout-padding-inner-x:var(--spacing-12)}
.xxqksqd{--layout-padding-inner-x:var(--spacing-2)}
.x1fyui2f{--layout-padding-inner-x:var(--spacing-3)}
.x1i2ajwi{--layout-padding-inner-x:var(--spacing-4)}
.x1tac27u{--layout-padding-inner-x:var(--spacing-5)}
.x1ntgf3t{--layout-padding-inner-x:var(--spacing-6)}
.xhjd9tl{--layout-padding-inner-x:var(--spacing-7)}
.xn7c84u{--layout-padding-inner-x:var(--spacing-8)}
.xeqkbsz{--layout-padding-inner-x:var(--spacing-9)}
.xyvxpqs{--layout-padding-inner-y:initial}
.x1u1kw4e{--layout-padding-inner-y:var(--astryx-card-padding-block-start,var(--astryx-card-padding,var(--spacing-4)))}
.xinu7xd{--layout-padding-inner-y:var(--astryx-dialog-padding-block-start,var(--astryx-dialog-padding,var(--spacing-4)))}
.x15yx5hm{--layout-padding-inner-y:var(--astryx-section-padding-block-start,var(--_section-padding-propagated,var(--astryx-section-padding,var(--spacing-4))))}
.x180h0y5{--layout-padding-inner-y:var(--spacing-0-5)}
.xwuefyo{--layout-padding-inner-y:var(--spacing-0)}
.x1g8jpzm{--layout-padding-inner-y:var(--spacing-1-5)}
.xmpug6m{--layout-padding-inner-y:var(--spacing-1)}
.x18gbwmk{--layout-padding-inner-y:var(--spacing-10)}
.x14zymzj{--layout-padding-inner-y:var(--spacing-11)}
.xzfpkx9{--layout-padding-inner-y:var(--spacing-12)}
.x1lksgje{--layout-padding-inner-y:var(--spacing-2)}
.x4j7gld{--layout-padding-inner-y:var(--spacing-3)}
.x1s3ehtl{--layout-padding-inner-y:var(--spacing-4)}
.x1rj5eim{--layout-padding-inner-y:var(--spacing-5)}
.x1ftgg6u{--layout-padding-inner-y:var(--spacing-6)}
.x1ho74vh{--layout-padding-inner-y:var(--spacing-7)}
.xm2cs6f{--layout-padding-inner-y:var(--spacing-8)}
.x1vsq92b{--layout-padding-inner-y:var(--spacing-9)}
.x1wbjvqu{--layout-padding-outer-x:0px}
.xdt8ak2{--layout-padding-outer-x:initial}
.x14rzhog{--layout-padding-outer-x:var(--astryx-card-padding-inline-start,var(--astryx-card-padding-inline,var(--astryx-card-padding,var(--spacing-4))))}
.x1hsjncj{--layout-padding-outer-x:var(--astryx-dialog-padding-inline-start,var(--astryx-dialog-padding-inline,var(--astryx-dialog-padding,var(--spacing-4))))}
.x15i0zw9{--layout-padding-outer-x:var(--astryx-section-padding-inline-start,var(--astryx-section-padding-inline,var(--_section-padding-propagated,var(--astryx-section-padding,var(--spacing-4)))))}
.xihiwg7{--layout-padding-outer-x:var(--spacing-0-5)}
.xswhm3q{--layout-padding-outer-x:var(--spacing-0)}
.x1u93lgd{--layout-padding-outer-x:var(--spacing-1-5)}
.xc96xmq{--layout-padding-outer-x:var(--spacing-1)}
.x1jdf5a4{--layout-padding-outer-x:var(--spacing-10)}
.x1hct0t0{--layout-padding-outer-x:var(--spacing-11)}
.x11cyqoe{--layout-padding-outer-x:var(--spacing-12)}
.x15dxnc0{--layout-padding-outer-x:var(--spacing-2)}
.xadgj3j{--layout-padding-outer-x:var(--spacing-3)}
.x1v56qcf{--layout-padding-outer-x:var(--spacing-4)}
.x1nzs0gl{--layout-padding-outer-x:var(--spacing-5)}
.x1c3n52a{--layout-padding-outer-x:var(--spacing-6)}
.x1gfiokx{--layout-padding-outer-x:var(--spacing-7)}
.x1t3kfz{--layout-padding-outer-x:var(--spacing-8)}
.xzr4qsh{--layout-padding-outer-x:var(--spacing-9)}
.xzxxx64{--layout-padding-outer-y:0px}
.x1rs4lu4{--layout-padding-outer-y:initial}
.xjej9fs{--layout-padding-outer-y:var(--astryx-card-padding-block-start,var(--astryx-card-padding,var(--spacing-4)))}
.x1pui4bz{--layout-padding-outer-y:var(--astryx-dialog-padding-block-start,var(--astryx-dialog-padding,var(--spacing-4)))}
.x1vw4zgg{--layout-padding-outer-y:var(--astryx-section-padding-block-start,var(--_section-padding-propagated,var(--astryx-section-padding,var(--spacing-4))))}
.x1vj96e0{--layout-padding-outer-y:var(--spacing-0-5)}
.x1mzf5mb{--layout-padding-outer-y:var(--spacing-0)}
.xd3dqby{--layout-padding-outer-y:var(--spacing-1-5)}
.x1gpfxoh{--layout-padding-outer-y:var(--spacing-1)}
.x26l4wa{--layout-padding-outer-y:var(--spacing-10)}
.x10zktp0{--layout-padding-outer-y:var(--spacing-11)}
.x1yz3n6a{--layout-padding-outer-y:var(--spacing-12)}
.x10pz7y9{--layout-padding-outer-y:var(--spacing-2)}
.x1p6yq3h{--layout-padding-outer-y:var(--spacing-3)}
.xx738ci{--layout-padding-outer-y:var(--spacing-4)}
.x6yxws5{--layout-padding-outer-y:var(--spacing-5)}
.x180vrwl{--layout-padding-outer-y:var(--spacing-6)}
.x1q6rme1{--layout-padding-outer-y:var(--spacing-7)}
.xid7e43{--layout-padding-outer-y:var(--spacing-8)}
.x1t5kicu{--layout-padding-outer-y:var(--spacing-9)}
.xnpej1e{--radius-element:var(--radius-full)}
.x11rj6l1{--selectable-card-ring-color:var(--color-accent)}
.xkce8z9{--separator-display:flex}
.x7o5821{--spinner-arc-fraction:.375}
.x1uzk0gl{--spinner-color:currentColor}
.xt1b8mc{--spinner-color:var(--color-accent)}
.x13u6jys{--spinner-color:var(--color-on-dark)}
.x1jevo6s{--spinner-color:var(--color-text-secondary)}
.x11wm0hx{--spinner-diameter:10px}
.x15pu9g6{--spinner-diameter:14px}
.x1w424tr{--spinner-diameter:18px}
.x1orj1z9{--spinner-diameter:28px}
.xls98ul{--spinner-stroke-width:2px}
.xr0wkrm{--spinner-stroke-width:3px}
.x7y2bof{--spinner-stroke-width:4px}
.xbfzqbu{--spinner-track-color:currentColor}
.x1ufpcf6{--spinner-track-color:var(--color-on-dark)}
.xspt9s2{--spinner-track-color:var(--color-track)}
.x152dxt4{--step-connector-gap:0px}
.x5letbq{--step-connector-gap:inherit}
.xpa4xmd{--tree-list-indent:var(--spacing-4)}
.x1xbi2jf{--tree-list-row-gap:var(--spacing-0-5)}
.x1wfyzv7:focus-within{--_fade-delay:0s}
.xqih627:focus-visible{--_focus-outline:var(--focus-outline-width) var(--focus-outline-style) var(--focus-outline-color)}
.xqchwus:focus-visible{--_focus-outline-offset:var(--focus-outline-offset)}
.x1mjsb9v:focus-within{--_reveal-delay:0s,0s}
.x1z42dm:focus-within{--_reveal-delay-reduced:0s,0s}
.xi33vf3:focus-within{--_reveal-opacity:1}
.xoa21yc:focus-within{--_reveal-position:static}
.x11woleg:focus-visible{--indicator-color:var(--color-accent)}
.x1my2cv6.x1my2cv6:hover:where(:not(:disabled,[aria-disabled="true"])){--indicator-color:var(--color-accent)}
.x1qs65gq:has(> [data-size="lg"]){--_field-status-overlap:calc(var(--size-element-lg) / 2)}
.xlumz0n:has(> [data-size="sm"]){--_field-status-overlap:calc(var(--size-element-sm) / 2)}
.x158n88w:has(:focus-visible){--_tab-strip-bleed:calc(var(--focus-outline-width) + var(--focus-outline-offset))}
.x1ibt0lz:first-child{--separator-display:none}
.x1rht92:nth-child(even){--table-row-overlay:var(--color-background-muted)}
@media (any-pointer: coarse){.x1hl81f0.x1hl81f0{--_fade-delay:0s}}
@media (pointer: coarse){.xp8r40j.xp8r40j{--_input-clear-hit-content:""}}
@media (pointer: coarse){.x181bpwf.x181bpwf{--_input-clear-hit-inset:-2px}}
@media (any-pointer: coarse){.x1pn63d7.x1pn63d7{--_reveal-delay:0s,0s}}
@media (any-pointer: coarse){.xm1aeao.xm1aeao{--_reveal-delay-reduced:0s,0s}}
@media (any-pointer: coarse){.xi7d7de.xi7d7de{--_reveal-opacity:1}}
@media (any-pointer: coarse){.xarvkxi.xarvkxi{--_reveal-position:static}}
@media (pointer: coarse){.x1h9khjt.x1h9khjt{--_thumbnail-hit-inset:-2px}}
@media (hover: hover){.x1316hva.x1316hva.x1316hva:hover:where(:not(:disabled,[aria-disabled="true"])){--_conceal-opacity:0}}
@media (hover: hover){.xuzfaso.xuzfaso.xuzfaso:hover:where(:not(:disabled,[aria-disabled="true"])){--_conceal-opacity:1}}
@media (hover: hover){.xq03417.xq03417.xq03417:hover:where(:not(:disabled,[aria-disabled="true"])){--_fade-delay:0s}}
@media (hover: hover){.x14nxqze.x14nxqze.x14nxqze:hover:where(:not(:disabled,[aria-disabled="true"])){--_fade-delay:var(--_hover-delay,0s)}}
@media (hover: hover){.x1t6fdr0.x1t6fdr0.x1t6fdr0:hover:where(:not(:disabled,[aria-disabled="true"])){--_reveal-delay:0s,0s}}
@media (hover: hover){.x1tx49wl.x1tx49wl.x1tx49wl:hover:where(:not(:disabled,[aria-disabled="true"])){--_reveal-delay:0s,var(--duration-fast)}}
@media (hover: hover){.xi1ebb6.xi1ebb6.xi1ebb6:hover:where(:not(:disabled,[aria-disabled="true"])){--_reveal-delay:var(--_hover-delay,0s),var(--_hover-delay,0s)}}
@media (hover: hover){.xap96qf.xap96qf.xap96qf:hover:where(:not(:disabled,[aria-disabled="true"])){--_reveal-delay-reduced:0s,0s}}
@media (hover: hover){.xvd8mm8.xvd8mm8.xvd8mm8:hover:where(:not(:disabled,[aria-disabled="true"])){--_reveal-delay-reduced:var(--_hover-delay,0s),var(--_hover-delay,0s)}}
@media (hover: hover){.xfqgg65.xfqgg65.xfqgg65:hover:where(:not(:disabled,[aria-disabled="true"])){--_reveal-opacity:0}}
@media (hover: hover){.x2xrgwu.x2xrgwu.x2xrgwu:hover:where(:not(:disabled,[aria-disabled="true"])){--_reveal-opacity:1}}
@media (hover: hover){.x17ock8y.x17ock8y.x17ock8y:hover:where(:not(:disabled,[aria-disabled="true"])){--_reveal-position:absolute}}
@media (hover: hover){.x1or4zte.x1or4zte.x1or4zte:hover:where(:not(:disabled,[aria-disabled="true"])){--_reveal-position:static}}
@media (hover: hover){.xc01ov8.xc01ov8.xc01ov8:hover:where(:not(:disabled,[aria-disabled="true"])){--table-row-overlay:var(--color-overlay-hover)}}
.xln7xf2:not(#\#){font:inherit}
.x15r89dc:not(#\#){grid-area:1 / 1}
.x10a8y8t:not(#\#){inset:0}
.x1anvkwx:not(#\#){inset:auto}
.xh3736h:not(#\#){inset:unset}
.xkdpibf:not(#\#){margin:-1px}
.x1ghz6dp:not(#\#){margin:0}
.xkib98w:not(#\#){margin:8px}
.x1bpp3o7:not(#\#){margin:auto}
.x1717udv:not(#\#){padding:0}
.x1tamke2:not(#\#){padding:16px}
.x1i3ajwb:not(#\#){padding:2px}
.xfawy5m:not(#\#){padding:4px}
.x1b50gpf:not(#\#){padding:calc(var(--_chat-composer-padding) - var(--border-width))}
.x18oj4ui:not(#\#){padding:var(--_chat-composer-padding)}
.xpoxszi:not(#\#){padding:var(--_segmented-control-padding)}
.xtozwh:not(#\#){padding:var(--spacing-1) var(--spacing-2)}
.x9epnlk:not(#\#){padding:var(--spacing-1)}
.x15nmkw0:not(#\#){padding:var(--spacing-2) 0}
.xlsj2fj:not(#\#){padding:var(--spacing-2)}
.x1b2ylru:not(#\#){padding:var(--spacing-3)}
.x1shk3sm:not(#\#){padding:var(--spacing-4)}
.x1y5lnwp:focus:not(#\#){margin:0}
.xg8s4dl:not(#\#):not(#\#){animation-range:cover 0% cover 100%}
.x9r1u3d:not(#\#):not(#\#){border-color:transparent}
.xad5do:not(#\#):not(#\#){border-color:var(--color-accent)}
.x1touxvs:not(#\#):not(#\#){border-color:var(--color-background-surface)}
.xlee4gx:not(#\#):not(#\#){border-color:var(--color-border-blue)}
.xb1xfl:not(#\#):not(#\#){border-color:var(--color-border-cyan)}
.xvy26l8:not(#\#):not(#\#){border-color:var(--color-border-emphasized)}
.x1w9ec3u:not(#\#):not(#\#){border-color:var(--color-border-gray)}
.xy90a9n:not(#\#):not(#\#){border-color:var(--color-border-green)}
.xloqurj:not(#\#):not(#\#){border-color:var(--color-border-orange)}
.x1czkbn8:not(#\#):not(#\#){border-color:var(--color-border-pink)}
.xq98wne:not(#\#):not(#\#){border-color:var(--color-border-purple)}
.xjqgoec:not(#\#):not(#\#){border-color:var(--color-border-red)}
.x1r9gxr1:not(#\#):not(#\#){border-color:var(--color-border-teal)}
.x1kpnwn1:not(#\#):not(#\#){border-color:var(--color-border-yellow)}
.x14i3s5s:not(#\#):not(#\#){border-color:var(--color-border)}
.x1ofxpqo:not(#\#):not(#\#){border-color:var(--color-error)}
.x16m2moy:not(#\#):not(#\#){border-color:var(--color-success)}
.xqcx1ss:not(#\#):not(#\#){border-color:var(--color-text-primary)}
.x8wg1ba:not(#\#):not(#\#){border-color:var(--color-warning)}
.x2u8bby:not(#\#):not(#\#){border-radius:0}
.x1nj7uno:not(#\#):not(#\#){border-radius:1px}
.x16rqkct:not(#\#):not(#\#){border-radius:50%}
.xur7f20:not(#\#):not(#\#){border-radius:8px}
.x1pjcqnp:not(#\#):not(#\#){border-radius:inherit}
.x1ws5lxm:not(#\#):not(#\#){border-radius:max(0px,calc(var(--_dropdown-menu-radius,var(--spacing-2)) - var(--_dropdown-menu-padding,var(--spacing-1))))}
.xc910v0:not(#\#):not(#\#){border-radius:max(0px,calc(var(--_segmented-control-radius) - var(--_segmented-control-padding)))}
.xbc78cj:not(#\#):not(#\#){border-radius:var(--_avatar-radius)}
.x1vf2byn:not(#\#):not(#\#){border-radius:var(--_banner-radius,var(--radius-container))}
.x1jxw6zd:not(#\#):not(#\#){border-radius:var(--_button-radius,var(--radius-element))}
.xy0xnkn:not(#\#):not(#\#){border-radius:var(--_button-radius,var(--radius-full))}
.x153u1i6:not(#\#):not(#\#){border-radius:var(--_card-radius)}
.x1xunbrq:not(#\#):not(#\#){border-radius:var(--_chat-composer-radius)}
.xuacgfc:not(#\#):not(#\#){border-radius:var(--_dialog-radius)}
.x1n97fys:not(#\#):not(#\#){border-radius:var(--_dropdown-menu-radius)}
.xvdfih8:not(#\#):not(#\#){border-radius:var(--_field-radius)}
.x7a53xk:not(#\#):not(#\#){border-radius:var(--_hovercard-radius)}
.x11m9jtl:not(#\#):not(#\#){border-radius:var(--_popover-radius)}
.x1hapoqb:not(#\#):not(#\#){border-radius:var(--_segmented-control-radius)}
.xashgol:not(#\#):not(#\#){border-radius:var(--radius-chat)}
.x1hviunn:not(#\#):not(#\#){border-radius:var(--radius-container)}
.xh6dtrn:not(#\#):not(#\#){border-radius:var(--radius-element)}
.xjspbzw:not(#\#):not(#\#){border-radius:var(--radius-full)}
.xx3sua9:not(#\#):not(#\#){border-radius:var(--radius-inner)}
.xwksslw:not(#\#):not(#\#){border-radius:var(--radius-none)}
.xbsl7fq:not(#\#):not(#\#){border-style:dashed}
.xng3xce:not(#\#):not(#\#){border-style:none}
.x1y0btm7:not(#\#):not(#\#){border-style:solid}
.xc342km:not(#\#):not(#\#){border-width:0}
.xmkeg23:not(#\#):not(#\#){border-width:1px}
.xdh2fpr:not(#\#):not(#\#){border-width:2px}
.x1litavf:not(#\#):not(#\#){border-width:var(--border-width)}
.x1mw0n95:not(#\#):not(#\#){border-width:var(--x-borderWidth)}
.x1somy94:not(#\#):not(#\#){flex:0 0 0}
.x3psx0u:not(#\#):not(#\#){flex:0 0 auto}
.x1cqoux5:not(#\#):not(#\#){flex:1 1 0}
.x845mor:not(#\#):not(#\#){flex:1 1 0%}
.xfoc8du:not(#\#):not(#\#){flex:1 1 40px}
.x12lumcd:not(#\#):not(#\#){flex:1 1 auto}
.x98rzlu:not(#\#):not(#\#){flex:1}
.xxhr3t:not(#\#):not(#\#){gap:0}
.x1jnr06f:not(#\#):not(#\#){gap:4px}
.x167g77z:not(#\#):not(#\#){gap:8px}
.x14kbac9:not(#\#):not(#\#){gap:inherit}
.x1lsbc85:not(#\#):not(#\#){gap:var(--spacing-0-5)}
.xsn7fz1:not(#\#):not(#\#){gap:var(--spacing-0)}
.x1s4dlld:not(#\#):not(#\#){gap:var(--spacing-1-5)}
.xzye2dw:not(#\#):not(#\#){gap:var(--spacing-1)}
.x3hoi3v:not(#\#):not(#\#){gap:var(--spacing-10)}
.xpec5dj:not(#\#):not(#\#){gap:var(--spacing-2) var(--spacing-4)}
.x1txdalj:not(#\#):not(#\#){gap:var(--spacing-2)}
.xlaq8a2:not(#\#):not(#\#){gap:var(--spacing-3) var(--spacing-4)}
.xjcht0a:not(#\#):not(#\#){gap:var(--spacing-3)}
.x18g69wz:not(#\#):not(#\#){gap:var(--spacing-4)}
.x9mgr7n:not(#\#):not(#\#){gap:var(--spacing-5)}
.x1qh66ti:not(#\#):not(#\#){gap:var(--spacing-6)}
.x4t41sb:not(#\#):not(#\#){gap:var(--spacing-8)}
.x1pidvrl:not(#\#):not(#\#){gap:var(--x-gap)}
.xgkxs2y:not(#\#):not(#\#){grid-column:1}
.x1ms6mhf:not(#\#):not(#\#){grid-row:1}
.x10no89f:not(#\#):not(#\#){inset-block:0}
.x17y0mx6:not(#\#):not(#\#){inset-inline:0}
.xe8uvvx:not(#\#):not(#\#){list-style:none}
.x10im51j:not(#\#):not(#\#){margin-block:0}
.x81ka23:not(#\#):not(#\#){margin-block:calc(-1 * (var(--spacing-3) - var(--spacing-2)))}
.xhzvc8f:not(#\#):not(#\#){margin-block:calc(-1 * var(--spacing-2))}
.xqixskq:not(#\#):not(#\#){margin-block:calc(var(--size-element-md) / 2 - var(--spacing-2) - var(--text-heading-2-size) * var(--text-heading-2-leading) / 2)}
.xsq74q5:not(#\#):not(#\#){margin-block:var(--spacing-1)}
.x1g06x3t:not(#\#):not(#\#){margin-block:var(--spacing-2)}
.x1oqu0vw:not(#\#):not(#\#){margin-block:var(--x-marginBlock)}
.xvueqy4:not(#\#):not(#\#){margin-inline:auto}
.xi5l473:not(#\#):not(#\#){margin-inline:calc(-1 * (var(--_tab-strip-bleed)))}
.xtedp8i:not(#\#):not(#\#){margin-inline:calc(-1 * var(--spacing-1))}
.x1ho7dyk:not(#\#):not(#\#){margin-inline:calc(-1 * var(--spacing-2))}
.x1ng9b9t:not(#\#):not(#\#){margin-inline:calc(-1 * var(--spacing-4))}
.xhrcg97:not(#\#):not(#\#){margin-inline:var(--spacing-1)}
.xam6yil:not(#\#):not(#\#){margin-inline:var(--spacing-3)}
.xvlecxo:not(#\#):not(#\#){margin-inline:var(--x-marginInline)}
.x1a2a7pz:not(#\#):not(#\#){outline:none}
.xaw4jrz:not(#\#):not(#\#){outline:var(--_focus-outline,none)}
.xysyzu8:not(#\#):not(#\#){overflow:auto}
.x7giv3:not(#\#):not(#\#){overflow:clip}
.xb3r6kr:not(#\#):not(#\#){overflow:hidden}
.x1rea2x4:not(#\#):not(#\#){overflow:visible}
.xish69e:not(#\#):not(#\#){overscroll-behavior:contain}
.xt970qd:not(#\#):not(#\#){padding-block:0}
.x1uameg1:not(#\#):not(#\#){padding-block:calc((6 * 44px - 28px) / 2)}
.x1vn5h1t:not(#\#):not(#\#){padding-block:calc((var(--size-element-lg) - var(--spacing-5) - 2 * var(--border-width)) / 2)}
.x1ioay2v:not(#\#):not(#\#){padding-block:calc((var(--size-element-md) - var(--spacing-5) - 2 * var(--border-width)) / 2)}
.x1ecmfrv:not(#\#):not(#\#){padding-block:calc((var(--size-element-sm) - var(--spacing-5) - 2 * var(--border-width)) / 2)}
.x1x7cmac:not(#\#):not(#\#){padding-block:calc(var(--spacing-1) - 1px)}
.xwo4yc8:not(#\#):not(#\#){padding-block:calc(var(--tree-list-row-gap,0px) / 2)}
.x13f7esw:not(#\#):not(#\#){padding-block:var(--spacing-0-5)}
.x1hp7d8q:not(#\#):not(#\#){padding-block:var(--spacing-0)}
.x1vofgu7:not(#\#):not(#\#){padding-block:var(--spacing-1-5)}
.xu0wf1k:not(#\#):not(#\#){padding-block:var(--spacing-1)}
.xce4md1:not(#\#):not(#\#){padding-block:var(--spacing-2)}
.x8o8v82:not(#\#):not(#\#){padding-block:var(--spacing-3)}
.x1na6nto:not(#\#):not(#\#){padding-block:var(--spacing-4)}
.xq6koh6:not(#\#):not(#\#){padding-block:var(--spacing-6)}
.xmfvnks:not(#\#):not(#\#){padding-block:var(--spacing-8)}
.x1giekp1:not(#\#):not(#\#){padding-block:var(--x-paddingBlock)}
.xnjsko4:not(#\#):not(#\#){padding-inline:0}
.xx2oswg:not(#\#):not(#\#){padding-inline:calc(var(--spacing-1) - 1px)}
.x2hg6jq:not(#\#):not(#\#){padding-inline:calc(var(--spacing-1) + var(--border-width))}
.x1kpkw9v:not(#\#):not(#\#){padding-inline:var(--_tab-strip-bleed)}
.x1w6f3ag:not(#\#):not(#\#){padding-inline:var(--_textarea-inline-padding)}
.xkjnx3w:not(#\#):not(#\#){padding-inline:var(--spacing-0-5)}
.x17a0aqu:not(#\#):not(#\#){padding-inline:var(--spacing-0)}
.x4ezzuc:not(#\#):not(#\#){padding-inline:var(--spacing-1-5)}
.x7a5moj:not(#\#):not(#\#){padding-inline:var(--spacing-1)}
.xixulwi:not(#\#):not(#\#){padding-inline:var(--spacing-10)}
.xf314gf:not(#\#):not(#\#){padding-inline:var(--spacing-2)}
.xrrkdod:not(#\#):not(#\#){padding-inline:var(--spacing-3)}
.x1pzlopt:not(#\#):not(#\#){padding-inline:var(--spacing-4)}
.xzz68wx:not(#\#):not(#\#){padding-inline:var(--spacing-5)}
.xm7rs69:not(#\#):not(#\#){padding-inline:var(--spacing-6)}
.x6xnjw4:not(#\#):not(#\#){padding-inline:var(--spacing-8)}
.x30g6up:not(#\#):not(#\#){padding-inline:var(--x-paddingInline)}
.x1ku5rj1:not(#\#):not(#\#){place-items:center}
.x1xif8ns:not(#\#):not(#\#){scroll-padding-inline:calc(var(--_tab-strip-bleed) + var(--spacing-8))}
.xdf8p4l:not(#\#):not(#\#){scroll-padding-inline:var(--spacing-0-5)}
.x9lgdif:not(#\#):not(#\#){scroll-padding-inline:var(--spacing-0)}
.x1w8vatw:not(#\#):not(#\#){scroll-padding-inline:var(--spacing-1-5)}
.x1u2972t:not(#\#):not(#\#){scroll-padding-inline:var(--spacing-1)}
.xw959t8:not(#\#):not(#\#){scroll-padding-inline:var(--spacing-10)}
.x1mfb6cv:not(#\#):not(#\#){scroll-padding-inline:var(--spacing-2)}
.xpnzzb2:not(#\#):not(#\#){scroll-padding-inline:var(--spacing-3)}
.x3m3szd:not(#\#):not(#\#){scroll-padding-inline:var(--spacing-4)}
.x1vx7sv0:not(#\#):not(#\#){scroll-padding-inline:var(--spacing-5)}
.x1mvw9yj:not(#\#):not(#\#){scroll-padding-inline:var(--spacing-6)}
.x1xn2tv3:not(#\#):not(#\#){scroll-padding-inline:var(--spacing-8)}
.xhfbhpw:not(#\#):not(#\#){scroll-snap-type:x mandatory}
.x168l2et:not(#\#):not(#\#){scroll-snap-type:y mandatory}
.xmqliwb:not(#\#):not(#\#){text-decoration:line-through}
.x1hl2dhg:not(#\#):not(#\#){text-decoration:none}
.x1bvjpef:not(#\#):not(#\#){text-decoration:underline}
.xrg7dcy:not(#\#):not(#\#){transition:box-shadow var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}
.xb0j27v:not(#\#):not(#\#){transition:grid-template-rows var(--duration-medium) var(--ease-standard)}
.xq2gx43:not(#\#):not(#\#){transition:none}
.x1ey1afo:not(#\#):not(#\#){transition:opacity var(--duration-fast)}
.x1ob6yzd:not(#\#):not(#\#){transition:transform var(--duration-fast) var(--ease-standard)}
.x6q1khz:focus-within:not(#\#):not(#\#){border-color:var(--color-accent)}
.xk2sxw7:focus-within:not(#\#):not(#\#){border-color:var(--color-error)}
.xyq33ac:focus-within:not(#\#):not(#\#){border-color:var(--color-success)}
.xa1yw2k:focus-within:not(#\#):not(#\#){border-color:var(--color-warning)}
.xafswnp.xafswnp:where(.x1iwu4tg:has(:focus-visible) *):not(#\#):not(#\#){outline:var(--focus-outline-width) var(--focus-outline-style) var(--focus-outline-color)}
.x1dordxg:focus-within:not(#\#):not(#\#){overflow:visible}
.xb0m1lw:has(> div > .astryx-layout-content):not(#\#):not(#\#){margin-inline:0}
.x16s19ga:has(:focus-visible):not(#\#):not(#\#){outline:var(--focus-outline-width) var(--focus-outline-style) var(--focus-outline-color)}
.x64lkcz:focus:not(#\#):not(#\#){border-color:var(--color-error)}
.x1lglk5v:focus:not(#\#):not(#\#){border-color:var(--color-success)}
.x12sck4v:focus:not(#\#):not(#\#){border-color:var(--color-warning)}
.x1uvtmcs:focus:not(#\#):not(#\#){outline:none}
.xomzh7y:focus:not(#\#):not(#\#){overflow:visible}
.xh2mrf5:focus:not(#\#):not(#\#){padding-block:var(--spacing-2)}
.x1cf3d6k:focus:not(#\#):not(#\#){padding-inline:var(--spacing-4)}
@media (forced-colors: active){.x1w1tqly.x1w1tqly:not(#\#):not(#\#){border-color:CanvasText}}
@media (forced-colors: active){.xmnqt3w.xmnqt3w:not(#\#):not(#\#){border-color:GrayText}}
@media (forced-colors: active){.xx61lck.xx61lck:not(#\#):not(#\#){border-style:solid}}
@media (forced-colors: active){.x13rsnn2.x13rsnn2:not(#\#):not(#\#){border-width:1px}}
@media (max-width: 480px){.x1a1jff.x1a1jff:not(#\#):not(#\#){gap:var(--spacing-4)}}
@media (prefers-reduced-motion: reduce){.x9kvfbb.x9kvfbb:not(#\#):not(#\#){transition:none}}
@media (hover: hover){.x1ozl1p1.x1ozl1p1.x1ozl1p1:where(.x1odsvnm:hover *):not(#\#):not(#\#){border-color:color-mix(in srgb,var(--color-accent),var(--color-tint-hover) 15%)}}
@media (hover: hover){.xilc7fp.xilc7fp.xilc7fp:where(.x1odsvnm:hover *):not(#\#):not(#\#){border-color:color-mix(in srgb,var(--color-border-emphasized),var(--color-tint-hover) 20%)}}
@media (hover: hover){.x61roa7.x61roa7.x61roa7:where(.x1odsvnm:hover *):not(#\#):not(#\#){border-color:var(--color-border)}}
@media (hover: hover){.x1xwh4np.x1xwh4np.x1xwh4np:hover:where(:not(:disabled,[aria-disabled="true"])):not(#\#):not(#\#){border-color:var(--color-border-emphasized)}}
@media (hover: hover){.x13nosk6.x13nosk6.x13nosk6:hover:where(:not(:disabled,[aria-disabled="true"])):not(#\#):not(#\#){text-decoration:underline}}
.x1lugfcp:not(#\#):not(#\#):not(#\#){-webkit-appearance:none}
.x67t5t6:not(#\#):not(#\#):not(#\#){-webkit-backdrop-filter:blur(12px)}
.x1ua5tub:not(#\#):not(#\#):not(#\#){-webkit-box-orient:vertical}
.x1yhjpo9:not(#\#):not(#\#):not(#\#){-webkit-line-clamp:var(--x-WebkitLineClamp)}
.xiy8rlo:not(#\#):not(#\#):not(#\#){-webkit-mask-image:linear-gradient(to bottom,transparent,black 24px)}
.x1bv1mxo:not(#\#):not(#\#):not(#\#){-webkit-mask-image:linear-gradient(to bottom,transparent,black 36px)}
.xo9xo30:not(#\#):not(#\#):not(#\#){-webkit-mask-image:linear-gradient(to bottom,transparent,black 48px)}
.xt2iwb0:not(#\#):not(#\#):not(#\#){-webkit-mask-image:linear-gradient(transparent,transparent)}
.x5lxg6s:not(#\#):not(#\#):not(#\#){-webkit-overflow-scrolling:touch}
.x1i10hfl:not(#\#):not(#\#):not(#\#){-webkit-tap-highlight-color:transparent}
.xg7jpbn:not(#\#):not(#\#):not(#\#){-webkit-text-fill-color:transparent}
.xpdipgo:not(#\#):not(#\#):not(#\#){-webkit-touch-callout:none}
.x1winvzj:not(#\#):not(#\#):not(#\#){-webkit-user-select:none}
.x8gbvx8:not(#\#):not(#\#):not(#\#){align-content:flex-start}
.x1pha0wt:not(#\#):not(#\#):not(#\#){align-items:baseline}
.x6s0dn4:not(#\#):not(#\#):not(#\#){align-items:center}
.xpqajaz:not(#\#):not(#\#):not(#\#){align-items:end}
.xuk3077:not(#\#):not(#\#):not(#\#){align-items:flex-end}
.x1cy8zhl:not(#\#):not(#\#):not(#\#){align-items:flex-start}
.x7a106z:not(#\#):not(#\#):not(#\#){align-items:start}
.x1qjc9v5:not(#\#):not(#\#):not(#\#){align-items:stretch}
.xoi2r2e:not(#\#):not(#\#):not(#\#){align-self:baseline}
.xamitd3:not(#\#):not(#\#):not(#\#){align-self:center}
.xpvyfi4:not(#\#):not(#\#):not(#\#){align-self:flex-end}
.xqcrz7y:not(#\#):not(#\#):not(#\#){align-self:flex-start}
.x1y8v6su:not(#\#):not(#\#):not(#\#){align-self:start}
.xkh2ocl:not(#\#):not(#\#):not(#\#){align-self:stretch}
.x7dpabl:not(#\#):not(#\#):not(#\#){anchor-name:--outline-active}
.x17yabm6:not(#\#):not(#\#):not(#\#){animation-delay:var(--duration-medium-min)}
.xvo38ju:not(#\#):not(#\#):not(#\#){animation-delay:var(--x-animationDelay)}
.xpz12be:not(#\#):not(#\#):not(#\#){animation-direction:alternate}
.xmg6eyc:not(#\#):not(#\#):not(#\#){animation-duration:1.5s}
.xjlvqhv:not(#\#):not(#\#):not(#\#){animation-duration:1ms}
.x1c74tu6:not(#\#):not(#\#):not(#\#){animation-duration:2s}
.xwms9i0:not(#\#):not(#\#):not(#\#){animation-duration:auto}
.x9uej1z:not(#\#):not(#\#):not(#\#){animation-duration:var(--duration-fast-max)}
.xb2rp9n:not(#\#):not(#\#):not(#\#){animation-duration:var(--duration-fast)}
.xqgcaz:not(#\#):not(#\#):not(#\#){animation-duration:var(--duration-medium-max)}
.x12wqnr7:not(#\#):not(#\#):not(#\#){animation-duration:var(--duration-medium)}
.x14qxm4i:not(#\#):not(#\#):not(#\#){animation-duration:var(--duration-slow-min)}
.xskzprw:not(#\#):not(#\#):not(#\#){animation-fill-mode:backwards}
.x1u6ievf:not(#\#):not(#\#):not(#\#){animation-fill-mode:both}
.x10e4vud:not(#\#):not(#\#):not(#\#){animation-fill-mode:forwards}
.xa4qsjk:not(#\#):not(#\#):not(#\#){animation-iteration-count:infinite}
.x1ewfqum:not(#\#):not(#\#):not(#\#){animation-name:x11lauxq-B}
.xcx56e2:not(#\#):not(#\#):not(#\#){animation-name:x13kz0yu-B}
.x1ffowhz:not(#\#):not(#\#):not(#\#){animation-name:x188b6p3-B}
.xqcmdr3:not(#\#):not(#\#):not(#\#){animation-name:x18re5ia-B}
.x3psbcj:not(#\#):not(#\#):not(#\#){animation-name:x1ahk7ht-B}
.x1dvww92:not(#\#):not(#\#):not(#\#){animation-name:x1b6yrix-B}
.x97zbip:not(#\#):not(#\#):not(#\#){animation-name:x1k48ry3-B}
.x1nlxm0d:not(#\#):not(#\#):not(#\#){animation-name:x1wbvqyn-B}
.x1gbn2au:not(#\#):not(#\#):not(#\#){animation-name:x1xhkexc-B}
.xeuoslp:not(#\#):not(#\#):not(#\#){animation-name:xgnty7z-B}
.x1srr2gu:not(#\#):not(#\#):not(#\#){animation-name:xiylxmw-B}
.xozk8ic:not(#\#):not(#\#):not(#\#){animation-name:xr3m334-B}
.x1mta51n:not(#\#):not(#\#):not(#\#){animation-name:xtut5q7-B}
.xck01x9:not(#\#):not(#\#):not(#\#){animation-name:xu7jd1z-B}
.xl1vlw0:not(#\#):not(#\#):not(#\#){animation-name:xv1hr86-B}
.x1i331go:not(#\#):not(#\#):not(#\#){animation-name:xwmkjkf-B}
.x190lv1:not(#\#):not(#\#):not(#\#){animation-timeline:view(y)}
.x4hg4is:not(#\#):not(#\#):not(#\#){animation-timing-function:ease-in-out}
.x1esw782:not(#\#):not(#\#):not(#\#){animation-timing-function:linear}
.x193epu2:not(#\#):not(#\#):not(#\#){animation-timing-function:steps(10,end)}
.x128ha8g:not(#\#):not(#\#):not(#\#){animation-timing-function:var(--ease-standard)}
.xjyslct:not(#\#):not(#\#):not(#\#){appearance:none}
.x1plog1:not(#\#):not(#\#):not(#\#){aspect-ratio:1}
.xioom0i:not(#\#):not(#\#):not(#\#){aspect-ratio:var(--button-icon-only-aspect)}
.x10y9f9r:not(#\#):not(#\#):not(#\#){aspect-ratio:var(--x-aspectRatio)}
.xvn2z4z:not(#\#):not(#\#):not(#\#){backdrop-filter:blur(12px)}
.xlp1x4z:not(#\#):not(#\#):not(#\#){backface-visibility:hidden}
.xx83zyx:not(#\#):not(#\#):not(#\#){background-clip:padding-box}
.x1rkw3yq:not(#\#):not(#\#):not(#\#){background-color:color-mix(in srgb,white 60%,transparent)}
.xgcd1z6:not(#\#):not(#\#):not(#\#){background-color:inherit}
.xcpsgoo:not(#\#):not(#\#):not(#\#){background-color:rgba(0,0,0,.5)}
.xjbqb8w:not(#\#):not(#\#):not(#\#){background-color:transparent}
.xgcxg3y:not(#\#):not(#\#):not(#\#){background-color:var(--color-accent-muted)}
.x1ewilqj:not(#\#):not(#\#):not(#\#){background-color:var(--color-accent)}
.x1o0wnni:not(#\#):not(#\#):not(#\#){background-color:var(--color-background-blue)}
.x1eiddq6:not(#\#):not(#\#):not(#\#){background-color:var(--color-background-body)}
.x1de1mus:not(#\#):not(#\#):not(#\#){background-color:var(--color-background-card)}
.x1rgj867:not(#\#):not(#\#):not(#\#){background-color:var(--color-background-cyan)}
.x1l5t2a3:not(#\#):not(#\#):not(#\#){background-color:var(--color-background-error-inverted)}
.xspzpui:not(#\#):not(#\#):not(#\#){background-color:var(--color-background-gray)}
.x1sqjeoo:not(#\#):not(#\#):not(#\#){background-color:var(--color-background-green)}
.xenstv7:not(#\#):not(#\#):not(#\#){background-color:var(--color-background-inverted)}
.xwmxj5m:not(#\#):not(#\#):not(#\#){background-color:var(--color-background-muted)}
.x1e9xt6e:not(#\#):not(#\#):not(#\#){background-color:var(--color-background-orange)}
.xnpoty2:not(#\#):not(#\#):not(#\#){background-color:var(--color-background-pink)}
.x1prclbq:not(#\#):not(#\#):not(#\#){background-color:var(--color-background-popover)}
.x16i6n6f:not(#\#):not(#\#):not(#\#){background-color:var(--color-background-purple)}
.x1cibrc5:not(#\#):not(#\#):not(#\#){background-color:var(--color-background-red)}
.x10xzikg:not(#\#):not(#\#):not(#\#){background-color:var(--color-background-surface)}
.x1jtji5o:not(#\#):not(#\#):not(#\#){background-color:var(--color-background-teal)}
.x1bo7t0x:not(#\#):not(#\#):not(#\#){background-color:var(--color-background-yellow)}
.x7njt3n:not(#\#):not(#\#):not(#\#){background-color:var(--color-border-emphasized)}
.x1m4xfpy:not(#\#):not(#\#):not(#\#){background-color:var(--color-border)}
.x1pritpl:not(#\#):not(#\#):not(#\#){background-color:var(--color-error-muted)}
.x1pjz0fi:not(#\#):not(#\#):not(#\#){background-color:var(--color-error)}
.xowkcby:not(#\#):not(#\#):not(#\#){background-color:var(--color-icon-primary)}
.x1q5y3ey:not(#\#):not(#\#):not(#\#){background-color:var(--color-icon-secondary)}
.x17x4s8c:not(#\#):not(#\#):not(#\#){background-color:var(--color-neutral)}
.x1azo05:not(#\#):not(#\#):not(#\#){background-color:var(--color-on-accent)}
.xfba6wv:not(#\#):not(#\#):not(#\#){background-color:var(--color-on-error)}
.x9mohwv:not(#\#):not(#\#):not(#\#){background-color:var(--color-on-success)}
.xmgwp2l:not(#\#):not(#\#):not(#\#){background-color:var(--color-on-warning)}
.x1lmrjuc:not(#\#):not(#\#):not(#\#){background-color:var(--color-overlay-hover)}
.xi89dp7:not(#\#):not(#\#):not(#\#){background-color:var(--color-overlay-pressed)}
.x1u4601x:not(#\#):not(#\#):not(#\#){background-color:var(--color-overlay)}
.xprdx6m:not(#\#):not(#\#):not(#\#){background-color:var(--color-skeleton)}
.xu13z74:not(#\#):not(#\#):not(#\#){background-color:var(--color-success-muted)}
.xdsz4j9:not(#\#):not(#\#):not(#\#){background-color:var(--color-success)}
.xzyc27v:not(#\#):not(#\#):not(#\#){background-color:var(--color-syntax-background)}
.x16fr6go:not(#\#):not(#\#):not(#\#){background-color:var(--color-text-disabled)}
.x19aspcf:not(#\#):not(#\#):not(#\#){background-color:var(--color-text-primary)}
.xdomwnj:not(#\#):not(#\#):not(#\#){background-color:var(--color-text-secondary)}
.xdsb6cv:not(#\#):not(#\#):not(#\#){background-color:var(--color-track)}
.x24i8r5:not(#\#):not(#\#):not(#\#){background-color:var(--color-warning-muted)}
.x1q8g9m5:not(#\#):not(#\#):not(#\#){background-color:var(--color-warning)}
.x1fd97le:not(#\#):not(#\#):not(#\#){background-color:var(--table-sticky-background,var(--color-background-card))}
.xl8spv7:not(#\#):not(#\#):not(#\#){background-color:var(--x-backgroundColor)}
.xafqdz2:not(#\#):not(#\#):not(#\#){background-image:linear-gradient(to bottom,var(--color-background-surface) 60%,transparent)}
.x1vrk509:not(#\#):not(#\#):not(#\#){background-image:linear-gradient(var(--color-background-muted),var(--color-background-muted))}
.x14bno8m:not(#\#):not(#\#):not(#\#){background-image:linear-gradient(var(--color-neutral),var(--color-neutral))}
.xpl5ynk:not(#\#):not(#\#):not(#\#){background-image:linear-gradient(var(--color-overlay-pressed),var(--color-overlay-pressed))}
.x18o3ruo:not(#\#):not(#\#):not(#\#){background-image:none}
.x1mwwwfo:not(#\#):not(#\#):not(#\#){border-collapse:collapse}
.x16uus16:not(#\#):not(#\#):not(#\#){border-end-end-radius:0}
.x1eprgri:not(#\#):not(#\#):not(#\#){border-end-end-radius:var(--_banner-radius,var(--radius-container))}
.x6k0y1c:not(#\#):not(#\#):not(#\#){border-end-end-radius:var(--_chat-composer-radius)}
.xoao14b:not(#\#):not(#\#):not(#\#){border-end-end-radius:var(--_field-radius)}
.x14i3lts:not(#\#):not(#\#):not(#\#){border-end-end-radius:var(--radius-element)}
.x1dgc8on:not(#\#):not(#\#):not(#\#){border-end-end-radius:var(--radius-full)}
.x1whkvtz:not(#\#):not(#\#):not(#\#){border-end-end-radius:var(--radius-inner)}
.xbiv7yw:not(#\#):not(#\#):not(#\#){border-end-start-radius:0}
.x1k5g1gk:not(#\#):not(#\#):not(#\#){border-end-start-radius:var(--_banner-radius,var(--radius-container))}
.xkvxy4d:not(#\#):not(#\#):not(#\#){border-end-start-radius:var(--_chat-composer-radius)}
.xquck67:not(#\#):not(#\#):not(#\#){border-end-start-radius:var(--radius-element)}
.x1wc3881:not(#\#):not(#\#):not(#\#){border-end-start-radius:var(--radius-full)}
.xrfs2vl:not(#\#):not(#\#):not(#\#){border-end-start-radius:var(--radius-inner)}
.xl0t3rv:not(#\#):not(#\#):not(#\#){border-inline-end-color:var(--color-border-emphasized)}
.x1gejf6u:not(#\#):not(#\#):not(#\#){border-inline-end-color:var(--color-border)}
.x18b5jzi:not(#\#):not(#\#):not(#\#){border-inline-end-style:solid}
.x1lun4ml:not(#\#):not(#\#):not(#\#){border-inline-end-width:1px}
.xw8tdv1:not(#\#):not(#\#):not(#\#){border-inline-end-width:var(--border-width)}
.x14ydlgx:not(#\#):not(#\#):not(#\#){border-inline-start-color:var(--color-border-emphasized)}
.x1j92z86:not(#\#):not(#\#):not(#\#){border-inline-start-color:var(--color-border)}
.xrvmtm5:not(#\#):not(#\#):not(#\#){border-inline-start-color:var(--color-on-accent)}
.x1t7ytsu:not(#\#):not(#\#):not(#\#){border-inline-start-style:solid}
.xpilrb4:not(#\#):not(#\#):not(#\#){border-inline-start-width:1px}
.xgbv0en:not(#\#):not(#\#):not(#\#){border-inline-start-width:var(--border-width)}
.xtpqe59:not(#\#):not(#\#):not(#\#){border-inline-start-width:var(--spacing-0-5)}
.x1gukg7c:not(#\#):not(#\#):not(#\#){border-spacing:0}
.x1ga7v0g:not(#\#):not(#\#):not(#\#){border-start-end-radius:0}
.x13nour3:not(#\#):not(#\#):not(#\#){border-start-end-radius:var(--_banner-radius,var(--radius-container))}
.xzc3kxz:not(#\#):not(#\#):not(#\#){border-start-end-radius:var(--_chat-composer-radius)}
.x1g2gkjz:not(#\#):not(#\#):not(#\#){border-start-end-radius:var(--_field-radius)}
.xg0tfu:not(#\#):not(#\#):not(#\#){border-start-end-radius:var(--radius-chat)}
.x7hs6f1:not(#\#):not(#\#):not(#\#){border-start-end-radius:var(--radius-container)}
.x8agd5o:not(#\#):not(#\#):not(#\#){border-start-end-radius:var(--radius-full)}
.x126per9:not(#\#):not(#\#):not(#\#){border-start-end-radius:var(--radius-inner)}
.x15mokao:not(#\#):not(#\#):not(#\#){border-start-start-radius:0}
.xwxb7qi:not(#\#):not(#\#):not(#\#){border-start-start-radius:var(--_banner-radius,var(--radius-container))}
.xy7p8pm:not(#\#):not(#\#):not(#\#){border-start-start-radius:var(--_chat-composer-radius)}
.x1n70msy:not(#\#):not(#\#):not(#\#){border-start-start-radius:var(--radius-chat)}
.x81l70g:not(#\#):not(#\#):not(#\#){border-start-start-radius:var(--radius-container)}
.x19415el:not(#\#):not(#\#):not(#\#){border-start-start-radius:var(--radius-full)}
.x3qb8m:not(#\#):not(#\#):not(#\#){border-start-start-radius:var(--radius-inner)}
.x183tx6i:not(#\#):not(#\#):not(#\#){border-start-start-radius:var(--radius-page)}
.x1lp15jv:not(#\#):not(#\#):not(#\#){box-shadow:inset 0 0 0 1px var(--color-border-emphasized)}
.x1er153n:not(#\#):not(#\#):not(#\#){box-shadow:inset 0 0 0 1px var(--color-border)}
.x1iobdd1:not(#\#):not(#\#):not(#\#){box-shadow:inset 0 0 0 1px var(--color-text-primary)}
.x1gnnqk1:not(#\#):not(#\#):not(#\#){box-shadow:none}
.x1p8z4y0:not(#\#):not(#\#):not(#\#){box-shadow:var(--_card-ring,0 0 transparent),var(--_card-elevation,0 0 transparent)}
.x1kcpxr7:not(#\#):not(#\#):not(#\#){box-shadow:var(--shadow-high)}
.x1i5ehqx:not(#\#):not(#\#):not(#\#){box-shadow:var(--shadow-low)}
.x14hfi27:not(#\#):not(#\#):not(#\#){box-shadow:var(--shadow-med)}
.x9f619:not(#\#):not(#\#):not(#\#){box-sizing:border-box}
.x1afcbsf:not(#\#):not(#\#):not(#\#){box-sizing:content-box}
.xbuiw85:not(#\#):not(#\#):not(#\#){caret-color:transparent}
.xxugrtn:not(#\#):not(#\#):not(#\#){caret-color:var(--color-accent)}
.xzpqnlu:not(#\#):not(#\#):not(#\#){clip:rect(0,0,0,0)}
.x13hy1yx:not(#\#):not(#\#):not(#\#){clip-path:inset(0 0 0 max(0px,min(var(--step-connector-gap,0px),var(--spacing-2))))}
.x1yxrbr4:not(#\#):not(#\#):not(#\#){clip-path:inset(0 0 max(0px,min(var(--step-connector-gap,0px),var(--spacing-2))) 0)}
.x17qoqre:not(#\#):not(#\#):not(#\#){clip-path:inset(0 max(0px,min(var(--step-connector-gap,0px),var(--spacing-2))) 0 0)}
.x1hyvwdk:not(#\#):not(#\#):not(#\#){clip-path:inset(50%)}
.x1eyou77:not(#\#):not(#\#):not(#\#){clip-path:inset(max(0px,min(var(--step-connector-gap,0px),var(--spacing-2))) 0 0 0)}
.xj8ax7g:not(#\#):not(#\#):not(#\#){color:#FF0000}
.x1heor9g:not(#\#):not(#\#):not(#\#){color:inherit}
.x19co3pv:not(#\#):not(#\#):not(#\#){color:transparent}
.x1gb3s7i:not(#\#):not(#\#):not(#\#){color:var(--_item-description-color,var(--color-text-secondary))}
.x5tbw38:not(#\#):not(#\#):not(#\#){color:var(--_item-label-color,var(--color-text-primary))}
.xqwr325:not(#\#):not(#\#):not(#\#){color:var(--color-accent)}
.xrkvqaz:not(#\#):not(#\#):not(#\#){color:var(--color-background-surface)}
.xjt36v0:not(#\#):not(#\#):not(#\#){color:var(--color-error)}
.x1fns2mt:not(#\#):not(#\#):not(#\#){color:var(--color-icon-blue)}
.x157w0xa:not(#\#):not(#\#):not(#\#){color:var(--color-icon-cyan)}
.xqa6c3m:not(#\#):not(#\#):not(#\#){color:var(--color-icon-disabled)}
.x1eyinzz:not(#\#):not(#\#):not(#\#){color:var(--color-icon-gray)}
.xmxeech:not(#\#):not(#\#):not(#\#){color:var(--color-icon-green)}
.xxu74a4:not(#\#):not(#\#):not(#\#){color:var(--color-icon-orange)}
.x1kxxfg5:not(#\#):not(#\#):not(#\#){color:var(--color-icon-pink)}
.xtbr613:not(#\#):not(#\#):not(#\#){color:var(--color-icon-primary)}
.xzdw94u:not(#\#):not(#\#):not(#\#){color:var(--color-icon-purple)}
.xeffzf7:not(#\#):not(#\#):not(#\#){color:var(--color-icon-red)}
.xv9yike:not(#\#):not(#\#):not(#\#){color:var(--color-icon-secondary)}
.x1f3zxcb:not(#\#):not(#\#):not(#\#){color:var(--color-icon-teal)}
.x1g6zdft:not(#\#):not(#\#):not(#\#){color:var(--color-icon-yellow)}
.x17wrial:not(#\#):not(#\#):not(#\#){color:var(--color-on-accent)}
.x9e3rv5:not(#\#):not(#\#):not(#\#){color:var(--color-on-dark)}
.x1m024r3:not(#\#):not(#\#):not(#\#){color:var(--color-on-error)}
.xri61p4:not(#\#):not(#\#):not(#\#){color:var(--color-on-success)}
.xrebv38:not(#\#):not(#\#):not(#\#){color:var(--color-on-warning)}
.xtjic6:not(#\#):not(#\#):not(#\#){color:var(--color-success)}
.x1mjzq1q:not(#\#):not(#\#):not(#\#){color:var(--color-syntax-comment)}
.xdfisg:not(#\#):not(#\#):not(#\#){color:var(--color-syntax-variable)}
.xjse4m1:not(#\#):not(#\#):not(#\#){color:var(--color-text-accent)}
.x1vvqiwl:not(#\#):not(#\#):not(#\#){color:var(--color-text-blue)}
.x1txnczv:not(#\#):not(#\#):not(#\#){color:var(--color-text-cyan)}
.xnbbluu:not(#\#):not(#\#):not(#\#){color:var(--color-text-disabled)}
.xru1t7f:not(#\#):not(#\#):not(#\#){color:var(--color-text-gray)}
.xltfdvo:not(#\#):not(#\#):not(#\#){color:var(--color-text-green)}
.xm47u9q:not(#\#):not(#\#):not(#\#){color:var(--color-text-orange)}
.xiuofww:not(#\#):not(#\#):not(#\#){color:var(--color-text-pink)}
.x1tgivj0:not(#\#):not(#\#):not(#\#){color:var(--color-text-primary)}
.x1m9wyeb:not(#\#):not(#\#):not(#\#){color:var(--color-text-purple)}
.x1joocv1:not(#\#):not(#\#):not(#\#){color:var(--color-text-red)}
.xv1l7n4:not(#\#):not(#\#):not(#\#){color:var(--color-text-secondary)}
.x9x0lbs:not(#\#):not(#\#):not(#\#){color:var(--color-text-teal)}
.xdhq94a:not(#\#):not(#\#):not(#\#){color:var(--color-text-yellow)}
.xs3pv69:not(#\#):not(#\#):not(#\#){color:var(--color-warning)}
.x14rh7hd:not(#\#):not(#\#):not(#\#){color:var(--x-color)}
.xntwwlm:not(#\#):not(#\#):not(#\#){color-scheme:dark}
.x108lcm5:not(#\#):not(#\#):not(#\#){color-scheme:light dark}
.x19aimcq:not(#\#):not(#\#):not(#\#){color-scheme:light}
.xf5zn4v:not(#\#):not(#\#):not(#\#){column-gap:calc(var(--spacing-3) + var(--border-width) + var(--spacing-4))}
.x1kihgfc:not(#\#):not(#\#):not(#\#){column-gap:var(--spacing-0-5)}
.x1o57wo1:not(#\#):not(#\#):not(#\#){column-gap:var(--spacing-0)}
.x1thn6ci:not(#\#):not(#\#):not(#\#){column-gap:var(--spacing-1-5)}
.x1lfs0n9:not(#\#):not(#\#):not(#\#){column-gap:var(--spacing-1)}
.x1p37tyl:not(#\#):not(#\#):not(#\#){column-gap:var(--spacing-10)}
.xak3so:not(#\#):not(#\#):not(#\#){column-gap:var(--spacing-2)}
.xewh9hi:not(#\#):not(#\#):not(#\#){column-gap:var(--spacing-3)}
.xty4p9g:not(#\#):not(#\#):not(#\#){column-gap:var(--spacing-4)}
.x1eqhezk:not(#\#):not(#\#):not(#\#){column-gap:var(--spacing-5)}
.x3qlgwd:not(#\#):not(#\#):not(#\#){column-gap:var(--spacing-6)}
.xicv188:not(#\#):not(#\#):not(#\#){column-gap:var(--spacing-8)}
.xawy1a7:not(#\#):not(#\#):not(#\#){contain:layout style}
.x12h1iku:not(#\#):not(#\#):not(#\#){container-type:inline-size}
.xb5mbof:not(#\#):not(#\#):not(#\#){content-visibility:auto}
.xfrknyr:not(#\#):not(#\#):not(#\#){counter-increment:astryx-list}
.xif0320:not(#\#):not(#\#):not(#\#){counter-reset:astryx-list}
.x1khind5:not(#\#):not(#\#):not(#\#){counter-reset:var(--x-counterReset)}
.xicojor:not(#\#):not(#\#):not(#\#){cursor:col-resize}
.xt0e3qv:not(#\#):not(#\#):not(#\#){cursor:default}
.x7eptgl:not(#\#):not(#\#):not(#\#){cursor:ew-resize}
.x1jm3nie:not(#\#):not(#\#):not(#\#){cursor:grab}
.xi9pz9s:not(#\#):not(#\#):not(#\#){cursor:grabbing}
.xmper1u:not(#\#):not(#\#):not(#\#){cursor:inherit}
.x1ypdohk:not(#\#):not(#\#):not(#\#){cursor:pointer}
.xyozgr7:not(#\#):not(#\#):not(#\#){cursor:row-resize}
.x1ed109x:not(#\#):not(#\#):not(#\#){cursor:text}
.x1huxd7x:not(#\#):not(#\#):not(#\#){cursor:zoom-in}
.x104kibb:not(#\#):not(#\#):not(#\#){display:-webkit-box}
.x1lliihq:not(#\#):not(#\#):not(#\#){display:block}
.xjp7ctv:not(#\#):not(#\#):not(#\#){display:contents}
.x78zum5:not(#\#):not(#\#):not(#\#){display:flex}
.xufnvkl:not(#\#):not(#\#):not(#\#){display:flow-root}
.xrvj5dj:not(#\#):not(#\#):not(#\#){display:grid}
.x1rg5ohu:not(#\#):not(#\#):not(#\#){display:inline-block}
.x3nfvp2:not(#\#):not(#\#):not(#\#){display:inline-flex}
.xwz0xwf:not(#\#):not(#\#):not(#\#){display:inline-grid}
.xt0psk2:not(#\#):not(#\#):not(#\#){display:inline}
.x1s85apg:not(#\#):not(#\#):not(#\#){display:none}
.x11ke7fs:not(#\#):not(#\#):not(#\#){display:var(--separator-display)}
.xbh8q5q:not(#\#):not(#\#):not(#\#){fill:none}
.x1r8uery:not(#\#):not(#\#):not(#\#){flex-basis:0}
.xrjwirl:not(#\#):not(#\#):not(#\#){flex-basis:196px}
.xjpgo6f:not(#\#):not(#\#):not(#\#){flex-basis:200px}
.xchdapg:not(#\#):not(#\#):not(#\#){flex-basis:300px}
.xgualba:not(#\#):not(#\#):not(#\#){flex-basis:8rem}
.xdl72j9:not(#\#):not(#\#):not(#\#){flex-basis:auto}
.x3ieub6:not(#\#):not(#\#):not(#\#){flex-direction:column-reverse}
.xdt5ytf:not(#\#):not(#\#):not(#\#){flex-direction:column}
.x15zctf7:not(#\#):not(#\#):not(#\#){flex-direction:row-reverse}
.x1q0g3np:not(#\#):not(#\#):not(#\#){flex-direction:row}
.x1c4vz4f:not(#\#):not(#\#):not(#\#){flex-grow:0}
.x1iyjqo2:not(#\#):not(#\#):not(#\#){flex-grow:1}
.xgyuaek:not(#\#):not(#\#):not(#\#){flex-grow:2}
.x2lah0s:not(#\#):not(#\#):not(#\#){flex-shrink:0}
.xs83m0k:not(#\#):not(#\#):not(#\#){flex-shrink:1}
.x1g3ib7:not(#\#):not(#\#):not(#\#){flex-shrink:10}
.xozqiw3:not(#\#):not(#\#):not(#\#){flex-wrap:nowrap}
.x8hhl5t:not(#\#):not(#\#):not(#\#){flex-wrap:wrap-reverse}
.x1a02dak:not(#\#):not(#\#):not(#\#){flex-wrap:wrap}
.xjb2p0i:not(#\#):not(#\#):not(#\#){font-family:inherit}
.x9ynric:not(#\#):not(#\#):not(#\#){font-family:var(--font-family-body)}
.x9m5x89:not(#\#):not(#\#):not(#\#){font-family:var(--font-family-code)}
.x1g81bgm:not(#\#):not(#\#):not(#\#){font-family:var(--font-family-heading)}
.xboafo0:not(#\#):not(#\#):not(#\#){font-size:.75rem}
.x1603h9y:not(#\#):not(#\#):not(#\#){font-size:1.25rem}
.xngnso2:not(#\#):not(#\#):not(#\#){font-size:1.5rem}
.x1k6wstc:not(#\#):not(#\#):not(#\#){font-size:10px}
.xfifm61:not(#\#):not(#\#):not(#\#){font-size:12px}
.xif65rj:not(#\#):not(#\#):not(#\#){font-size:14px}
.x1j61zf2:not(#\#):not(#\#):not(#\#){font-size:16px}
.x1jchvi3:not(#\#):not(#\#):not(#\#){font-size:1rem}
.xwsyq91:not(#\#):not(#\#):not(#\#){font-size:20px}
.x1qlqyl8:not(#\#):not(#\#):not(#\#){font-size:inherit}
.xhs0kqb:not(#\#):not(#\#):not(#\#){font-size:var(--font-size-2xl)}
.x16a80zy:not(#\#):not(#\#):not(#\#){font-size:var(--font-size-2xs)}
.x10srzze:not(#\#):not(#\#):not(#\#){font-size:var(--font-size-3xl)}
.x10p7juq:not(#\#):not(#\#):not(#\#){font-size:var(--font-size-3xs)}
.xqcvi3d:not(#\#):not(#\#):not(#\#){font-size:var(--font-size-4xl)}
.xxc45ev:not(#\#):not(#\#):not(#\#){font-size:var(--font-size-4xs)}
.x1j29vfg:not(#\#):not(#\#):not(#\#){font-size:var(--font-size-base)}
.xc7cgfe:not(#\#):not(#\#):not(#\#){font-size:var(--font-size-lg)}
.x1eqnyfr:not(#\#):not(#\#):not(#\#){font-size:var(--font-size-sm)}
.x1wqms48:not(#\#):not(#\#):not(#\#){font-size:var(--font-size-xl)}
.x51wmvv:not(#\#):not(#\#):not(#\#){font-size:var(--font-size-xs)}
.xho7bvi:not(#\#):not(#\#):not(#\#){font-size:var(--spacing-4)}
.xjm74w1:not(#\#):not(#\#):not(#\#){font-size:var(--text-body-size)}
.xp03k98:not(#\#):not(#\#):not(#\#){font-size:var(--text-code-size)}
.xsub3ws:not(#\#):not(#\#):not(#\#){font-size:var(--text-display-1-size)}
.x1yego12:not(#\#):not(#\#):not(#\#){font-size:var(--text-display-2-size)}
.xlgnzhf:not(#\#):not(#\#):not(#\#){font-size:var(--text-display-3-size)}
.xcg7oai:not(#\#):not(#\#):not(#\#){font-size:var(--text-heading-1-size)}
.x1xvnhcw:not(#\#):not(#\#):not(#\#){font-size:var(--text-heading-2-size)}
.xii13ha:not(#\#):not(#\#):not(#\#){font-size:var(--text-heading-3-size)}
.x8tkxat:not(#\#):not(#\#):not(#\#){font-size:var(--text-heading-4-size)}
.xsgqta0:not(#\#):not(#\#):not(#\#){font-size:var(--text-heading-5-size)}
.xw5ohdf:not(#\#):not(#\#):not(#\#){font-size:var(--text-heading-6-size)}
.xcr08ib:not(#\#):not(#\#):not(#\#){font-size:var(--text-label-size)}
.x18juvz8:not(#\#):not(#\#):not(#\#){font-size:var(--text-large-size)}
.x141an7d:not(#\#):not(#\#):not(#\#){font-size:var(--text-supporting-size)}
.xdmh292:not(#\#):not(#\#):not(#\#){font-size:var(--x-fontSize)}
.x1j61x8r:not(#\#):not(#\#):not(#\#){font-style:normal}
.xss6m8b:not(#\#):not(#\#):not(#\#){font-variant-numeric:tabular-nums}
.xk50ysn:not(#\#):not(#\#):not(#\#){font-weight:500}
.x1s688f:not(#\#):not(#\#):not(#\#){font-weight:600}
.x1pd3egz:not(#\#):not(#\#):not(#\#){font-weight:inherit}
.x1lvx875:not(#\#):not(#\#):not(#\#){font-weight:var(--font-weight-bold)}
.x1e4wzip:not(#\#):not(#\#):not(#\#){font-weight:var(--font-weight-medium)}
.x1sodnla:not(#\#):not(#\#):not(#\#){font-weight:var(--font-weight-normal)}
.x2mo6ok:not(#\#):not(#\#):not(#\#){font-weight:var(--font-weight-semibold)}
.xxovm9e:not(#\#):not(#\#):not(#\#){font-weight:var(--text-body-weight)}
.xx3eeay:not(#\#):not(#\#):not(#\#){font-weight:var(--text-code-weight)}
.x1txul5o:not(#\#):not(#\#):not(#\#){font-weight:var(--text-display-1-weight)}
.x1y36c3f:not(#\#):not(#\#):not(#\#){font-weight:var(--text-display-2-weight)}
.x1on40hk:not(#\#):not(#\#):not(#\#){font-weight:var(--text-display-3-weight)}
.x1v68xuy:not(#\#):not(#\#):not(#\#){font-weight:var(--text-heading-1-weight)}
.x12yy4cs:not(#\#):not(#\#):not(#\#){font-weight:var(--text-heading-2-weight)}
.x1jcxfy8:not(#\#):not(#\#):not(#\#){font-weight:var(--text-heading-3-weight)}
.x2hcmsi:not(#\#):not(#\#):not(#\#){font-weight:var(--text-heading-4-weight)}
.xno150v:not(#\#):not(#\#):not(#\#){font-weight:var(--text-heading-5-weight)}
.x1pw4frv:not(#\#):not(#\#):not(#\#){font-weight:var(--text-heading-6-weight)}
.xmhvcl5:not(#\#):not(#\#):not(#\#){font-weight:var(--text-label-weight)}
.x149oux8:not(#\#):not(#\#):not(#\#){font-weight:var(--text-large-weight)}
.xv8on6e:not(#\#):not(#\#):not(#\#){font-weight:var(--text-supporting-weight)}
.x1kzknox:not(#\#):not(#\#):not(#\#){forced-color-adjust:none}
.xu6a5m6:not(#\#):not(#\#):not(#\#){grid-auto-columns:1fr}
.x1mt1orb:not(#\#):not(#\#):not(#\#){grid-auto-flow:column}
.xhij9v2:not(#\#):not(#\#):not(#\#){grid-auto-rows:var(--x-gridAutoRows)}
.xcrlgei:not(#\#):not(#\#):not(#\#){grid-column-start:1}
.x1agbcgv:not(#\#):not(#\#):not(#\#){grid-row-start:1}
.x134kloy:not(#\#):not(#\#):not(#\#){grid-template-columns:1fr auto 1fr}
.x52fmzj:not(#\#):not(#\#):not(#\#){grid-template-columns:1fr auto}
.x1y6fwsi:not(#\#):not(#\#):not(#\#){grid-template-columns:1fr}
.x1g3yg12:not(#\#):not(#\#):not(#\#){grid-template-columns:auto 1fr auto}
.x1pmbctz:not(#\#):not(#\#):not(#\#){grid-template-columns:auto 1fr}
.x1wthsqz:not(#\#):not(#\#):not(#\#){grid-template-columns:auto repeat(7,1fr)}
.x1mzazjb:not(#\#):not(#\#):not(#\#){grid-template-columns:repeat(7,1fr)}
.x189bvgu:not(#\#):not(#\#):not(#\#){grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.x1xx4m37:not(#\#):not(#\#):not(#\#){grid-template-columns:var(--_codeblock-gutter-width) 1fr}
.xqketvx:not(#\#):not(#\#):not(#\#){grid-template-columns:var(--x-gridTemplateColumns)}
.xihq33y:not(#\#):not(#\#):not(#\#){grid-template-rows:0fr}
.x1tu4anv:not(#\#):not(#\#):not(#\#){grid-template-rows:1fr}
.xy8nx85:not(#\#):not(#\#):not(#\#){grid-template-rows:repeat(6, 1fr)}
.xtijo5x:not(#\#):not(#\#):not(#\#){inset-inline-end:0}
.xz03a8w:not(#\#):not(#\#):not(#\#){inset-inline-end:2px}
.x13oyzgk:not(#\#):not(#\#):not(#\#){inset-inline-end:var(--_textarea-inline-padding)}
.xy3asu9:not(#\#):not(#\#):not(#\#){inset-inline-end:var(--spacing-1)}
.x72tfeb:not(#\#):not(#\#):not(#\#){inset-inline-end:var(--spacing-2)}
.x1mcfs9z:not(#\#):not(#\#):not(#\#){inset-inline-end:var(--spacing-3)}
.xqxgn94:not(#\#):not(#\#):not(#\#){inset-inline-end:var(--x-insetInlineEnd)}
.x1o0tod:not(#\#):not(#\#):not(#\#){inset-inline-start:0}
.x9p6ekw:not(#\#):not(#\#):not(#\#){inset-inline-start:14px}
.xaoy8p5:not(#\#):not(#\#):not(#\#){inset-inline-start:2px}
.xbudbmw:not(#\#):not(#\#):not(#\#){inset-inline-start:50%}
.xmt1zuk:not(#\#):not(#\#):not(#\#){inset-inline-start:calc(-1 * (var(--spacing-1) - 1px))}
.x1kiyvbf:not(#\#):not(#\#):not(#\#){inset-inline-start:var(--_textarea-inline-padding)}
.x1ybfrjj:not(#\#):not(#\#):not(#\#){inset-inline-start:var(--spacing-3)}
.x1lxsm33:not(#\#):not(#\#):not(#\#){inset-inline-start:var(--x-insetInlineStart)}
.xc8icb0:not(#\#):not(#\#):not(#\#){isolation:isolate}
.xl56j7k:not(#\#):not(#\#):not(#\#){justify-content:center}
.x13a6bvl:not(#\#):not(#\#):not(#\#){justify-content:flex-end}
.x1nhvcw1:not(#\#):not(#\#):not(#\#){justify-content:flex-start}
.x1l1ennw:not(#\#):not(#\#):not(#\#){justify-content:space-around}
.x1qughib:not(#\#):not(#\#):not(#\#){justify-content:space-between}
.xaw8158:not(#\#):not(#\#):not(#\#){justify-content:space-evenly}
.x1o2pa38:not(#\#):not(#\#):not(#\#){justify-items:center}
.x4xo5sw:not(#\#):not(#\#):not(#\#){justify-items:end}
.x619ttb:not(#\#):not(#\#):not(#\#){justify-items:start}
.xl4xnwh:not(#\#):not(#\#):not(#\#){justify-items:stretch}
.x7v7x1q:not(#\#):not(#\#):not(#\#){justify-self:center}
.x1lqcxt8:not(#\#):not(#\#):not(#\#){justify-self:start}
.x14ju556:not(#\#):not(#\#):not(#\#){line-height:0}
.xo5v014:not(#\#):not(#\#):not(#\#){line-height:1}
.x19v9tvf:not(#\#):not(#\#):not(#\#){line-height:22px}
.x15bjb6t:not(#\#):not(#\#):not(#\#){line-height:inherit}
.x1ojctns:not(#\#):not(#\#):not(#\#){line-height:var(--spacing-4)}
.x7acx1w:not(#\#):not(#\#):not(#\#){line-height:var(--spacing-5)}
.xw6l6zx:not(#\#):not(#\#):not(#\#){line-height:var(--text-body-leading)}
.x17iicif:not(#\#):not(#\#):not(#\#){line-height:var(--text-code-leading)}
.x112ttwr:not(#\#):not(#\#):not(#\#){line-height:var(--text-display-1-leading)}
.xh0iwvy:not(#\#):not(#\#):not(#\#){line-height:var(--text-display-2-leading)}
.x1ujwuaq:not(#\#):not(#\#):not(#\#){line-height:var(--text-display-3-leading)}
.xfmsba7:not(#\#):not(#\#):not(#\#){line-height:var(--text-heading-1-leading)}
.x1cpk1wn:not(#\#):not(#\#):not(#\#){line-height:var(--text-heading-2-leading)}
.xwjzt0u:not(#\#):not(#\#):not(#\#){line-height:var(--text-heading-3-leading)}
.xqerer:not(#\#):not(#\#):not(#\#){line-height:var(--text-heading-4-leading)}
.xo3gurs:not(#\#):not(#\#):not(#\#){line-height:var(--text-heading-5-leading)}
.xeixjfn:not(#\#):not(#\#):not(#\#){line-height:var(--text-heading-6-leading)}
.x1kq96og:not(#\#):not(#\#):not(#\#){line-height:var(--text-label-leading)}
.xf74fhv:not(#\#):not(#\#):not(#\#){line-height:var(--text-large-leading)}
.x1ltkj2j:not(#\#):not(#\#):not(#\#){line-height:var(--text-supporting-leading)}
.x3ct3a4:not(#\#):not(#\#):not(#\#){list-style-type:none}
.x14z9mp:not(#\#):not(#\#):not(#\#){margin-inline-end:0}
.x11t971q:not(#\#):not(#\#):not(#\#){margin-inline-end:auto}
.x1fcf3bl:not(#\#):not(#\#):not(#\#){margin-inline-end:calc(-1 * var(--container-padding-inline-end,0px))}
.x1kpg4um:not(#\#):not(#\#):not(#\#){margin-inline-end:calc(-1 * var(--layout-padding-inner-x,var(--spacing-4)))}
.xkd40ry:not(#\#):not(#\#):not(#\#){margin-inline-end:calc(-1 * var(--spacing-1))}
.x3kzqx6:not(#\#):not(#\#):not(#\#){margin-inline-end:calc(-1 * var(--spacing-2))}
.xmequkd:not(#\#):not(#\#):not(#\#){margin-inline-end:calc(var(--spacing-1) * -1)}
.xxeicf8:not(#\#):not(#\#):not(#\#){margin-inline-end:max(var(--spacing-4),env(safe-area-inset-left,0px),env(safe-area-inset-right,0px))}
.xnur1sd:not(#\#):not(#\#):not(#\#){margin-inline-end:var(--spacing-1)}
.x1pezmd8:not(#\#):not(#\#):not(#\#){margin-inline-end:var(--spacing-2)}
.x1c9tiao:not(#\#):not(#\#):not(#\#){margin-inline-end:var(--x-marginInlineEnd)}
.x1qfufaz:not(#\#):not(#\#):not(#\#){margin-inline-start:-8px}
.x1lziwak:not(#\#):not(#\#):not(#\#){margin-inline-start:0}
.xvc5jky:not(#\#):not(#\#):not(#\#){margin-inline-start:auto}
.xd10s4z:not(#\#):not(#\#):not(#\#){margin-inline-start:calc(-1 * var(--border-width))}
.xojxgvx:not(#\#):not(#\#):not(#\#){margin-inline-start:calc(-1 * var(--container-padding-inline-start,0px))}
.x1wim8z0:not(#\#):not(#\#):not(#\#){margin-inline-start:calc(-1 * var(--layout-padding-inner-x,var(--spacing-4)))}
.x1s1akpx:not(#\#):not(#\#):not(#\#){margin-inline-start:calc(-1 * var(--spacing-2))}
.x1xrm450:not(#\#):not(#\#):not(#\#){margin-inline-start:calc(var(--spacing-2) - var(--spacing-1) + 1px)}
.x47fqr9:not(#\#):not(#\#):not(#\#){margin-inline-start:max(var(--spacing-4),env(safe-area-inset-left,0px),env(safe-area-inset-right,0px))}
.x12vn87o:not(#\#):not(#\#):not(#\#){margin-inline-start:var(--_tree-indent,0px)}
.xladpz9:not(#\#):not(#\#):not(#\#){margin-inline-start:var(--spacing-0-5)}
.x11g1kdw:not(#\#):not(#\#):not(#\#){margin-inline-start:var(--spacing-1)}
.x6i7dpz:not(#\#):not(#\#):not(#\#){margin-inline-start:var(--spacing-3)}
.x1l10yog:not(#\#):not(#\#):not(#\#){margin-inline-start:var(--spacing-6)}
.x4lel18:not(#\#):not(#\#):not(#\#){margin-inline-start:var(--x-marginInlineStart)}
.xkm2don:not(#\#):not(#\#):not(#\#){mask-image:linear-gradient(to bottom,transparent,black 24px)}
.xw26lqc:not(#\#):not(#\#):not(#\#){mask-image:linear-gradient(to bottom,transparent,black 36px)}
.xr5yg4x:not(#\#):not(#\#):not(#\#){mask-image:linear-gradient(to bottom,transparent,black 48px)}
.xtdd0ob:not(#\#):not(#\#):not(#\#){mask-image:linear-gradient(to left,transparent 0%,rgba(0,0,0,.3) 2px,black var(--spacing-1))}
.xoj6v2h:not(#\#):not(#\#):not(#\#){mask-image:linear-gradient(to left,transparent var(--_tab-strip-bleed),black calc(var(--_tab-strip-bleed) + var(--spacing-8)))}
.x1b5cd1y:not(#\#):not(#\#):not(#\#){mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.3) 2px,black var(--spacing-1),black calc(100% - var(--spacing-1)),rgba(0,0,0,.3) calc(100% - 2px),transparent 100%)}
.x1ujl4f5:not(#\#):not(#\#):not(#\#){mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.3) 2px,black var(--spacing-1))}
.xq05pg6:not(#\#):not(#\#):not(#\#){mask-image:linear-gradient(to right,transparent var(--_tab-strip-bleed),black calc(var(--_tab-strip-bleed) + var(--spacing-8)),black calc(100% - calc(var(--_tab-strip-bleed) + var(--spacing-8))),transparent calc(100% - var(--_tab-strip-bleed)))}
.x1hua2o0:not(#\#):not(#\#):not(#\#){mask-image:linear-gradient(to right,transparent var(--_tab-strip-bleed),black calc(var(--_tab-strip-bleed) + var(--spacing-8)))}
.x1cb67k9:not(#\#):not(#\#):not(#\#){mask-image:linear-gradient(transparent,transparent)}
.xw4ya9i:not(#\#):not(#\#):not(#\#){mask-image:none}
.x19kjcj4:not(#\#):not(#\#):not(#\#){object-fit:contain}
.xl1xv1r:not(#\#):not(#\#):not(#\#){object-fit:cover}
.x1xyvc85:not(#\#):not(#\#):not(#\#){opacity:.15}
.xvpkmg4:not(#\#):not(#\#):not(#\#){opacity:.25}
.xuzhngd:not(#\#):not(#\#):not(#\#){opacity:.3}
.x3onkmb:not(#\#):not(#\#):not(#\#){opacity:.35}
.xbyyjgo:not(#\#):not(#\#):not(#\#){opacity:.5}
.x197sbye:not(#\#):not(#\#):not(#\#){opacity:.6}
.xg01cxk:not(#\#):not(#\#):not(#\#){opacity:0}
.x1hc1fzr:not(#\#):not(#\#):not(#\#){opacity:1}
.x1wnsjo:not(#\#):not(#\#):not(#\#){opacity:var(--_conceal-opacity,1)}
.xgsobzw:not(#\#):not(#\#):not(#\#){opacity:var(--_reveal-opacity,1)}
.x1i7u4iq:not(#\#):not(#\#):not(#\#){opacity:var(--_toast-swipe-opacity,1)}
.x1clqncf:not(#\#):not(#\#):not(#\#){order:-1}
.x1g77sc7:not(#\#):not(#\#):not(#\#){order:0}
.x1wfwxd8:not(#\#):not(#\#):not(#\#){outline-offset:0}
.x1kvmbwa:not(#\#):not(#\#):not(#\#){outline-offset:var(--_focus-outline-offset,0)}
.x1t137rt:not(#\#):not(#\#):not(#\#){outline-style:none}
.x1k57tk5:not(#\#):not(#\#):not(#\#){outline-width:0}
.x9y5y3v:not(#\#):not(#\#):not(#\#){overflow-clip-margin:1px}
.xj0a0fe:not(#\#):not(#\#):not(#\#){overflow-wrap:anywhere}
.x1mzt3pk:not(#\#):not(#\#):not(#\#){overflow-wrap:break-word}
.x1h4wwuj:not(#\#):not(#\#):not(#\#){overflow-wrap:normal}
.xyri2b:not(#\#):not(#\#):not(#\#){padding-inline-end:0}
.xtvv6yu:not(#\#):not(#\#):not(#\#){padding-inline-end:calc(var(--_tab-strip-bleed,0px) + max(var(--container-padding-inline-end,0px) - var(--spacing-3),0px))}
.x1g2apga:not(#\#):not(#\#):not(#\#){padding-inline-end:calc(var(--_textarea-inline-padding) + var(--spacing-12))}
.xp2dy4z:not(#\#):not(#\#):not(#\#){padding-inline-end:calc(var(--_textarea-inline-padding) + var(--spacing-6))}
.x12frdag:not(#\#):not(#\#):not(#\#){padding-inline-end:calc(var(--container-padding-inline-end) - var(--border-width))}
.x1ahicqp:not(#\#):not(#\#):not(#\#){padding-inline-end:max(var(--container-padding-inline-end,0px),calc((100cqi - var(--layout-alignment-width)) / 2 + var(--container-padding-inline-end,0px)))}
.xy07wb4:not(#\#):not(#\#):not(#\#){padding-inline-end:max(var(--container-padding-inline-end,0px),calc(100cqi - var(--layout-alignment-width) + var(--container-padding-inline-end,0px)))}
.x1g0rcpp:not(#\#):not(#\#):not(#\#){padding-inline-end:max(var(--spacing-4),env(safe-area-inset-right,0px))}
.x1p6hqjl:not(#\#):not(#\#):not(#\#){padding-inline-end:var(--_tokenizer-end-lane-reserve,0px)}
.x1by8st6:not(#\#):not(#\#):not(#\#){padding-inline-end:var(--astryx-dialog-padding-inline-end,var(--astryx-dialog-padding-inline,var(--astryx-dialog-padding,max(var(--spacing-4),env(safe-area-inset-right,0px)))))}
.x17sfb9:not(#\#):not(#\#):not(#\#){padding-inline-end:var(--astryx-number-input-padding-inline-end,var(--astryx-number-input-padding-inline,var(--astryx-number-input-padding,var(--spacing-2))))}
.x64h4k7:not(#\#):not(#\#):not(#\#){padding-inline-end:var(--container-padding-inline-end)}
.x1peupej:not(#\#):not(#\#):not(#\#){padding-inline-end:var(--layout-padding-inner-x,var(--spacing-4))}
.xpc6k2p:not(#\#):not(#\#):not(#\#){padding-inline-end:var(--layout-padding-outer-x,var(--spacing-4))}
.x1le3yxw:not(#\#):not(#\#):not(#\#){padding-inline-end:var(--spacing-0-5)}
.x1s0aq8i:not(#\#):not(#\#):not(#\#){padding-inline-end:var(--spacing-0)}
.x17hk9do:not(#\#):not(#\#):not(#\#){padding-inline-end:var(--spacing-1-5)}
.x1nryj5t:not(#\#):not(#\#):not(#\#){padding-inline-end:var(--spacing-1)}
.x160ivqr:not(#\#):not(#\#):not(#\#){padding-inline-end:var(--spacing-10)}
.x1djylfy:not(#\#):not(#\#):not(#\#){padding-inline-end:var(--spacing-2)}
.x1t818jl:not(#\#):not(#\#):not(#\#){padding-inline-end:var(--spacing-3)}
.xnjyzlh:not(#\#):not(#\#):not(#\#){padding-inline-end:var(--spacing-4)}
.xdbrk9v:not(#\#):not(#\#):not(#\#){padding-inline-end:var(--spacing-5)}
.x1we12cn:not(#\#):not(#\#):not(#\#){padding-inline-end:var(--spacing-6)}
.x1q91b2g:not(#\#):not(#\#):not(#\#){padding-inline-end:var(--spacing-8)}
.x120eax6:not(#\#):not(#\#):not(#\#){padding-inline-end:var(--x-paddingInlineEnd)}
.x1c1uobl:not(#\#):not(#\#):not(#\#){padding-inline-start:0}
.x1f43n9v:not(#\#):not(#\#):not(#\#){padding-inline-start:calc(16px + var(--spacing-1-5))}
.xwb75os:not(#\#):not(#\#):not(#\#){padding-inline-start:calc(var(--_tab-strip-bleed,0px) + max(var(--container-padding-inline-start,0px) - var(--spacing-3),0px))}
.x1b6te9z:not(#\#):not(#\#):not(#\#){padding-inline-start:calc(var(--_textarea-inline-padding) + var(--spacing-6))}
.xs19ii7:not(#\#):not(#\#):not(#\#){padding-inline-start:calc(var(--container-padding-inline-start) - var(--border-width))}
.x2a0j69:not(#\#):not(#\#):not(#\#){padding-inline-start:calc(var(--spacing-2) - var(--spacing-1) + 1px)}
.xhlv5e7:not(#\#):not(#\#):not(#\#){padding-inline-start:max(var(--container-padding-inline-start,0px),calc((100cqi - var(--layout-alignment-width)) / 2 + var(--container-padding-inline-start,0px)))}
.xxjme2g:not(#\#):not(#\#):not(#\#){padding-inline-start:max(var(--container-padding-inline-start,0px),calc(100cqi - var(--layout-alignment-width) + var(--container-padding-inline-start,0px)))}
.xf4btlh:not(#\#):not(#\#):not(#\#){padding-inline-start:max(var(--spacing-4),env(safe-area-inset-left,0px))}
.xqmdmw:not(#\#):not(#\#):not(#\#){padding-inline-start:var(--astryx-dialog-padding-inline-start,var(--astryx-dialog-padding-inline,var(--astryx-dialog-padding,max(var(--spacing-4),env(safe-area-inset-left,0px)))))}
.x1jni19p:not(#\#):not(#\#):not(#\#){padding-inline-start:var(--astryx-number-input-padding-inline-start,var(--astryx-number-input-padding-inline,var(--astryx-number-input-padding,var(--spacing-2))))}
.x1c35znw:not(#\#):not(#\#):not(#\#){padding-inline-start:var(--container-padding-inline-start)}
.xwjyata:not(#\#):not(#\#):not(#\#){padding-inline-start:var(--layout-padding-inner-x,var(--spacing-4))}
.x139j0dd:not(#\#):not(#\#):not(#\#){padding-inline-start:var(--layout-padding-outer-x,var(--spacing-4))}
.x138rykx:not(#\#):not(#\#):not(#\#){padding-inline-start:var(--spacing-0-5)}
.x18gyask:not(#\#):not(#\#):not(#\#){padding-inline-start:var(--spacing-0)}
.xfti1ec:not(#\#):not(#\#):not(#\#){padding-inline-start:var(--spacing-1-5)}
.x1vsv5vr:not(#\#):not(#\#):not(#\#){padding-inline-start:var(--spacing-1)}
.xqp078j:not(#\#):not(#\#):not(#\#){padding-inline-start:var(--spacing-10)}
.xc8afjc:not(#\#):not(#\#):not(#\#){padding-inline-start:var(--spacing-11)}
.x19b7t93:not(#\#):not(#\#):not(#\#){padding-inline-start:var(--spacing-12)}
.x12gdq22:not(#\#):not(#\#):not(#\#){padding-inline-start:var(--spacing-2)}
.x126nfab:not(#\#):not(#\#):not(#\#){padding-inline-start:var(--spacing-3)}
.x1rey3nv:not(#\#):not(#\#):not(#\#){padding-inline-start:var(--spacing-4)}
.x1blguxw:not(#\#):not(#\#):not(#\#){padding-inline-start:var(--spacing-5)}
.x31w388:not(#\#):not(#\#):not(#\#){padding-inline-start:var(--spacing-6)}
.xchaq28:not(#\#):not(#\#):not(#\#){padding-inline-start:var(--spacing-7)}
.x1j3hnjz:not(#\#):not(#\#):not(#\#){padding-inline-start:var(--spacing-8)}
.xnvo3vl:not(#\#):not(#\#):not(#\#){padding-inline-start:var(--x-paddingInlineStart)}
.x201tam:not(#\#):not(#\#):not(#\#){perspective:520px}
.x67bb7w:not(#\#):not(#\#):not(#\#){pointer-events:auto}
.x47corl:not(#\#):not(#\#):not(#\#){pointer-events:none}
.x10l6tqk:not(#\#):not(#\#):not(#\#){position:absolute}
.xixxii4:not(#\#):not(#\#):not(#\#){position:fixed}
.x1n2onr6:not(#\#):not(#\#):not(#\#){position:relative}
.x1uhb9sk:not(#\#):not(#\#):not(#\#){position:static}
.x7wzq59:not(#\#):not(#\#):not(#\#){position:sticky}
.x1mf7ja4:not(#\#):not(#\#):not(#\#){position:var(--_reveal-position,static)}
.x1tsffl5:not(#\#):not(#\#):not(#\#){position-anchor:--outline-active}
.xio8zfp:not(#\#):not(#\#):not(#\#){r:calc(var(--_spinner-ring-diameter) / 2)}
.xtt52l0:not(#\#):not(#\#):not(#\#){resize:none}
.x288g5:not(#\#):not(#\#):not(#\#){resize:vertical}
.xajebq8:not(#\#):not(#\#):not(#\#){row-gap:calc(var(--spacing-1) - 1px)}
.x1tw44j4:not(#\#):not(#\#):not(#\#){row-gap:var(--spacing-0-5)}
.x6yxi7o:not(#\#):not(#\#):not(#\#){row-gap:var(--spacing-0)}
.xhq53yo:not(#\#):not(#\#):not(#\#){row-gap:var(--spacing-1-5)}
.x1ngg2t4:not(#\#):not(#\#):not(#\#){row-gap:var(--spacing-1)}
.x1xpicb7:not(#\#):not(#\#):not(#\#){row-gap:var(--spacing-10)}
.x1x7z4sm:not(#\#):not(#\#):not(#\#){row-gap:var(--spacing-2)}
.x4olc9o:not(#\#):not(#\#):not(#\#){row-gap:var(--spacing-3)}
.xtx9w7w:not(#\#):not(#\#):not(#\#){row-gap:var(--spacing-4)}
.x1iu6piu:not(#\#):not(#\#):not(#\#){row-gap:var(--spacing-5)}
.xczp1bk:not(#\#):not(#\#):not(#\#){row-gap:var(--spacing-6)}
.xgx0vcf:not(#\#):not(#\#):not(#\#){row-gap:var(--spacing-8)}
.xkcv6ua:not(#\#):not(#\#):not(#\#){scroll-behavior:smooth}
.xrw9175:not(#\#):not(#\#):not(#\#){scroll-padding-block-end:48px}
.x1hdbdi8:not(#\#):not(#\#):not(#\#){scroll-snap-align:center}
.x1bhewko:not(#\#):not(#\#):not(#\#){scroll-snap-align:start}
.x19jbwzc:not(#\#):not(#\#):not(#\#){scrollbar-color:var(--color-neutral) transparent}
.x24f09q:not(#\#):not(#\#):not(#\#){scrollbar-gutter:auto}
.xosa0jh:not(#\#):not(#\#):not(#\#){scrollbar-width:auto}
.x1rohswg:not(#\#):not(#\#):not(#\#){scrollbar-width:none}
.xtve3lm:not(#\#):not(#\#):not(#\#){stroke:var(--spinner-color)}
.xalkhop:not(#\#):not(#\#):not(#\#){stroke:var(--spinner-track-color)}
.xdv9ggb:not(#\#):not(#\#):not(#\#){stroke-dasharray:calc(var(--_spinner-ring-diameter) * 3.141592653589793 * var(--spinner-arc-fraction)) calc(var(--_spinner-ring-diameter) * 3.141592653589793 * (1 - var(--spinner-arc-fraction)))}
.x1owpc8m:not(#\#):not(#\#):not(#\#){stroke-linecap:round}
.x7bo2k:not(#\#):not(#\#):not(#\#){stroke-opacity:.3}
.x1smxkh6:not(#\#):not(#\#):not(#\#){stroke-opacity:.302}
.x1g350g8:not(#\#):not(#\#):not(#\#){stroke-opacity:1}
.xgw3ha0:not(#\#):not(#\#):not(#\#){stroke-width:var(--_spinner-ring-stroke)}
.xeq4nuv:not(#\#):not(#\#):not(#\#){tab-size:2}
.x1drmoe9:not(#\#):not(#\#):not(#\#){table-layout:auto}
.x140o2bo:not(#\#):not(#\#):not(#\#){table-layout:fixed}
.x2b8uid:not(#\#):not(#\#):not(#\#){text-align:center}
.xp4054r:not(#\#):not(#\#):not(#\#){text-align:end}
.x16tdsg8:not(#\#):not(#\#):not(#\#){text-align:inherit}
.x1yc453h:not(#\#):not(#\#):not(#\#){text-align:start}
.x1b2iylo:not(#\#):not(#\#):not(#\#){text-box-edge:cap alphabetic}
.xwgcxoh:not(#\#):not(#\#):not(#\#){text-box-trim:trim-both}
.xycaml9:not(#\#):not(#\#):not(#\#){text-decoration-color:var(--color-border-emphasized)}
.xujl8zx:not(#\#):not(#\#):not(#\#){text-decoration-line:underline}
.xev0dqp:not(#\#):not(#\#):not(#\#){text-decoration-style:dashed}
.xlyipyv:not(#\#):not(#\#):not(#\#){text-overflow:ellipsis}
.xtvhhri:not(#\#):not(#\#):not(#\#){text-transform:uppercase}
.xrys4gj:not(#\#):not(#\#):not(#\#){text-underline-offset:2px}
.x11b3rvo:not(#\#):not(#\#):not(#\#){text-underline-offset:var(--spacing-0-5)}
.x1w2vvpw:not(#\#):not(#\#):not(#\#){text-wrap:balance}
.xebhuq6:not(#\#):not(#\#):not(#\#){text-wrap:nowrap}
.x1fzhlzt:not(#\#):not(#\#):not(#\#){text-wrap:pretty}
.xk4td0m:not(#\#):not(#\#):not(#\#){text-wrap:wrap}
.x5ve5x3:not(#\#):not(#\#):not(#\#){touch-action:none}
.x1bblx7b:not(#\#):not(#\#):not(#\#){touch-action:pan-x}
.xx69xxh:not(#\#):not(#\#):not(#\#){touch-action:pan-y}
.x1c071of:not(#\#):not(#\#):not(#\#){transform:none}
.x9tu13d:not(#\#):not(#\#):not(#\#){transform:rotate(-90deg)}
.x7p49u4:not(#\#):not(#\#):not(#\#){transform:rotate(0deg)}
.x19jd1h0:not(#\#):not(#\#):not(#\#){transform:rotate(180deg)}
.x1iffjtl:not(#\#):not(#\#):not(#\#){transform:rotate(90deg)}
.x3oybdh:not(#\#):not(#\#):not(#\#){transform:scale(1)}
.x11lhmoz:not(#\#):not(#\#):not(#\#){transform:translate(-50%,-50%)}
.x1m9mm8y:not(#\#):not(#\#):not(#\#){transform:translate(-50%,50%)}
.xv8yid9:not(#\#):not(#\#):not(#\#){transform:translate(25%,25%)}
.x4v1no5:not(#\#):not(#\#):not(#\#){transform:translate(50%,50%)}
.x5i6ehr:not(#\#):not(#\#):not(#\#){transform:translateX(-100%)}
.xuuh30:not(#\#):not(#\#):not(#\#){transform:translateX(-50%)}
.xbryuvx:not(#\#):not(#\#):not(#\#){transform:translateX(0)}
.xumwmo6:not(#\#):not(#\#):not(#\#){transform:translateX(100%)}
.xv5t66b:not(#\#):not(#\#):not(#\#){transform:translateX(12px)}
.x15481yp:not(#\#):not(#\#):not(#\#){transform:translateX(14px)}
.xitnhlw:not(#\#):not(#\#):not(#\#){transform:translateX(50%)}
.x105ttfm:not(#\#):not(#\#):not(#\#){transform:translateY(-100%)}
.x19xzu86:not(#\#):not(#\#):not(#\#){transform:translateY(-3px) scale(.985)}
.x1bvilyr:not(#\#):not(#\#):not(#\#){transform:translateY(-4px)}
.x1cb1t30:not(#\#):not(#\#):not(#\#){transform:translateY(-50%)}
.xp0htlv:not(#\#):not(#\#):not(#\#){transform:translateY(-6px) scale(.97)}
.xnn1q72:not(#\#):not(#\#):not(#\#){transform:translateY(0)}
.x1weeur4:not(#\#):not(#\#):not(#\#){transform:translateY(100%)}
.x131p8rn:not(#\#):not(#\#):not(#\#){transform:translateY(50%)}
.x149p1fo:not(#\#):not(#\#):not(#\#){transform:translateY(var(--_toast-swipe-exit-y,var(--_toast-swipe-y,var(--_toast-slide-y,var(--spacing-2))))) scale(var(--_toast-swipe-scale,1))}
.x1qk3xlt:not(#\#):not(#\#):not(#\#){transform:translateY(var(--_toast-swipe-y,0px)) scale(var(--_toast-swipe-scale,1))}
.x11wx31z:not(#\#):not(#\#):not(#\#){transform:var(--x-qthpiu)}
.xsqj5wx:not(#\#):not(#\#):not(#\#){transform:var(--x-transform)}
.x1764fhq:not(#\#):not(#\#):not(#\#){transform-box:fill-box}
.x1g0ag68:not(#\#):not(#\#):not(#\#){transform-origin:center}
.x1oyok0e:not(#\#):not(#\#):not(#\#){transform-style:preserve-3d}
.xd00j3c:not(#\#):not(#\#):not(#\#){transition-behavior:allow-discrete}
.x5h36tt:not(#\#):not(#\#):not(#\#){transition-delay:.15s}
.x1ahifba:not(#\#):not(#\#):not(#\#){transition-delay:0s}
.x4avkj2:not(#\#):not(#\#):not(#\#){transition-delay:var(--_fade-delay,0s)}
.x1rq8cwj:not(#\#):not(#\#):not(#\#){transition-delay:var(--_reveal-delay,0s,0s)}
.x10b1n17:not(#\#):not(#\#):not(#\#){transition-delay:var(--duration-fast)}
.x11bq7d0:not(#\#):not(#\#):not(#\#){transition-duration:.06s}
.xx6bhzk:not(#\#):not(#\#):not(#\#){transition-duration:.15s}
.x13dflua:not(#\#):not(#\#):not(#\#){transition-duration:.2s}
.xjd9b36:not(#\#):not(#\#):not(#\#){transition-duration:1ms}
.x2rcmwa:not(#\#):not(#\#):not(#\#){transition-duration:var(--duration-fast-max)}
.xkvfbh3:not(#\#):not(#\#):not(#\#){transition-duration:var(--duration-fast-min)}
.x1tw3moq:not(#\#):not(#\#):not(#\#){transition-duration:var(--duration-fast),0s}
.xuedmi6:not(#\#):not(#\#):not(#\#){transition-duration:var(--duration-fast)}
.xgneliz:not(#\#):not(#\#):not(#\#){transition-duration:var(--duration-medium-min)}
.x80gvsz:not(#\#):not(#\#):not(#\#){transition-duration:var(--duration-medium)}
.x1eaenvl:not(#\#):not(#\#):not(#\#){transition-property:background-color,border-color,color}
.xts7igz:not(#\#):not(#\#):not(#\#){transition-property:background-color,border-color}
.x106061f:not(#\#):not(#\#):not(#\#){transition-property:background-color,box-shadow}
.xzo0q3i:not(#\#):not(#\#):not(#\#){transition-property:background-color,color,border-color}
.xs2xxs2:not(#\#):not(#\#):not(#\#){transition-property:background-color,color}
.x1e8aii2:not(#\#):not(#\#):not(#\#){transition-property:background-color,opacity}
.x15406qy:not(#\#):not(#\#):not(#\#){transition-property:background-color}
.xrafxwg:not(#\#):not(#\#):not(#\#){transition-property:background-image,background-color,color,opacity,transform}
.x12qzo2w:not(#\#):not(#\#):not(#\#){transition-property:background-image}
.x1tv3a4w:not(#\#):not(#\#):not(#\#){transition-property:border-color,box-shadow,background-color}
.x12zzom9:not(#\#):not(#\#):not(#\#){transition-property:border-color,box-shadow}
.xshfolx:not(#\#):not(#\#):not(#\#){transition-property:border-color}
.x16mfhj0:not(#\#):not(#\#):not(#\#){transition-property:box-shadow,border-color}
.xkdsq27:not(#\#):not(#\#):not(#\#){transition-property:box-shadow}
.x1vix5yk:not(#\#):not(#\#):not(#\#){transition-property:color,background-color,box-shadow}
.x1gbuem2:not(#\#):not(#\#):not(#\#){transition-property:color,background-color}
.x1jbe559:not(#\#):not(#\#):not(#\#){transition-property:color,font-weight}
.x1mpt4pi:not(#\#):not(#\#):not(#\#){transition-property:color,text-decoration}
.xt3l3uh:not(#\#):not(#\#):not(#\#){transition-property:color}
.xrgi2yo:not(#\#):not(#\#):not(#\#){transition-property:display}
.xjshnde:not(#\#):not(#\#):not(#\#){transition-property:grid-template-rows,padding}
.x1qn9uv2:not(#\#):not(#\#):not(#\#){transition-property:grid-template-rows}
.x157bb6t:not(#\#):not(#\#):not(#\#){transition-property:mask-image}
.x13b0p5u:not(#\#):not(#\#):not(#\#){transition-property:none}
.x1wbls7o:not(#\#):not(#\#):not(#\#){transition-property:opacity,background-color,transform}
.xnpjden:not(#\#):not(#\#):not(#\#){transition-property:opacity,background-color}
.xsm4mo9:not(#\#):not(#\#):not(#\#){transition-property:opacity,display,overlay}
.x1n1p2mu:not(#\#):not(#\#):not(#\#){transition-property:opacity,position}
.x1apppo2:not(#\#):not(#\#):not(#\#){transition-property:opacity,transform,max-width}
.x4bbghf:not(#\#):not(#\#):not(#\#){transition-property:opacity,transform,overlay,display}
.x6o7n8i:not(#\#):not(#\#):not(#\#){transition-property:opacity,transform}
.xxup5nn:not(#\#):not(#\#):not(#\#){transition-property:opacity,visibility,transform}
.x1jl3cmp:not(#\#):not(#\#):not(#\#){transition-property:opacity,visibility}
.x19991ni:not(#\#):not(#\#):not(#\#){transition-property:opacity}
.x1xuz8iz:not(#\#):not(#\#):not(#\#){transition-property:top,height}
.x18dpk69:not(#\#):not(#\#):not(#\#){transition-property:transform,background-color}
.x12pfavo:not(#\#):not(#\#):not(#\#){transition-property:transform,color}
.xwcsmn1:not(#\#):not(#\#):not(#\#){transition-property:transform,opacity}
.xh3q6i0:not(#\#):not(#\#):not(#\#){transition-property:transform,width,height}
.x11xpdln:not(#\#):not(#\#):not(#\#){transition-property:transform}
.x74b7sa:not(#\#):not(#\#):not(#\#){transition-property:visibility}
.xxrbq2n:not(#\#):not(#\#):not(#\#){transition-property:width}
.xv2sgk5:not(#\#):not(#\#):not(#\#){transition-timing-function:cubic-bezier(.3,0,.6,.6)}
.x9lcvmn:not(#\#):not(#\#):not(#\#){transition-timing-function:ease-out}
.xcj1dhv:not(#\#):not(#\#):not(#\#){transition-timing-function:linear}
.xlr8y92:not(#\#):not(#\#):not(#\#){transition-timing-function:var(--ease-standard)}
.x3sa99s:not(#\#):not(#\#):not(#\#){translate:0 -50%}
.x87ps6o:not(#\#):not(#\#):not(#\#){user-select:none}
.x11njtxf:not(#\#):not(#\#):not(#\#){vertical-align:baseline}
.x3ajldb:not(#\#):not(#\#):not(#\#){vertical-align:bottom}
.xxymvpz:not(#\#):not(#\#):not(#\#){vertical-align:middle}
.x1v0h343:not(#\#):not(#\#):not(#\#){vertical-align:super}
.x16dsc37:not(#\#):not(#\#):not(#\#){vertical-align:top}
.xlshs6z:not(#\#):not(#\#):not(#\#){visibility:hidden}
.xnpuxes:not(#\#):not(#\#):not(#\#){visibility:visible}
.xeaf4i8:not(#\#):not(#\#):not(#\#){white-space:normal}
.xuxw1ft:not(#\#):not(#\#):not(#\#){white-space:nowrap}
.x126k92a:not(#\#):not(#\#):not(#\#){white-space:pre-wrap}
.x1sdyfia:not(#\#):not(#\#):not(#\#){white-space:pre}
.x1q1rmc8:not(#\#):not(#\#):not(#\#){will-change:transform,opacity}
.x1yn0g08:not(#\#):not(#\#):not(#\#){word-break:break-all}
.x13faqbe:not(#\#):not(#\#):not(#\#){word-break:break-word}
.x1lldw8n:not(#\#):not(#\#):not(#\#){word-break:normal}
.x8knxv4:not(#\#):not(#\#):not(#\#){z-index:-1}
.x1ja2u2z:not(#\#):not(#\#):not(#\#){z-index:0}
.x1vjfegm:not(#\#):not(#\#):not(#\#){z-index:1}
.xfo81ep:not(#\#):not(#\#):not(#\#){z-index:1000}
.xhtitgo:not(#\#):not(#\#):not(#\#){z-index:2}
.xzkaem6:not(#\#):not(#\#):not(#\#){z-index:3}
.x6cuj84:not(#\#):not(#\#):not(#\#){z-index:500}
.x1q2oy4v:not(#\#):not(#\#):not(#\#){z-index:9999}
.x1v2claj.x1v2claj:where(.x84s7jz:focus-within *):not(#\#):not(#\#):not(#\#){opacity:1}
.x3730vf.x3730vf:where(.x84s7jz:focus-within *):not(#\#):not(#\#):not(#\#){pointer-events:auto}
.xuqivmr.xuqivmr:where(.x84s7jz:focus-within *):not(#\#):not(#\#):not(#\#){transform:translateY(0)}
.x7v6acp.x7v6acp:where(.x84s7jz:focus-within *):not(#\#):not(#\#):not(#\#){visibility:visible}
.x5um2zc.x5um2zc:where(.x1twag4g:first-child *):not(#\#):not(#\#):not(#\#){visibility:hidden}
.x1se5z8o.x1se5z8o:where(.x1twag4g:last-child *):not(#\#):not(#\#):not(#\#){visibility:hidden}
.x6ipy2d.x6ipy2d:where(.x1u3b27q:active *):not(#\#):not(#\#):not(#\#){background-color:var(--color-overlay-pressed)}
@supports (animation-timeline: view()){.x1iu2jvn.x1iu2jvn:not(#\#):not(#\#):not(#\#){animation-name:x1tut0r7-B}}
@supports (container-type: scroll-state){.xafyuhj.xafyuhj:not(#\#):not(#\#):not(#\#){container-type:scroll-state}}
.xfd3fxj:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){animation-name:x1c2q33o-B}
.x1vxsm5i:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){animation-name:xu7jd1z-B}
.x18lne9g:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){animation-name:xwmkjkf-B}
.x1spg45b.x1spg45b:hover:where(:not(:disabled,[aria-disabled="true"])):not(#\#):not(#\#):not(#\#){background-color:var(--color-accent)}
.x1anq1lc.x1anq1lc:active:where(:not(:disabled,[aria-disabled="true"])):not(#\#):not(#\#):not(#\#){background-color:var(--color-overlay-pressed)}
.x1rmb4wm:not(:has(~ *:not([popover]):not(template))):not(#\#):not(#\#):not(#\#){border-end-end-radius:var(--radius-element)}
.xturttb:not(:has(~ *:not([popover]):not(template))):not(#\#):not(#\#):not(#\#){border-end-start-radius:var(--radius-element)}
.x1tzxhge:not(:has(~ *:not([popover]):not(template))):not(#\#):not(#\#):not(#\#){border-start-end-radius:var(--radius-element)}
.xuihb5h:focus-within:not(#\#):not(#\#):not(#\#){box-shadow:inset 0 0 0 2px var(--color-accent-muted)}
.x15ysqaf:focus-within:not(#\#):not(#\#):not(#\#){box-shadow:none}
.xyavpck:focus-within:not(#\#):not(#\#):not(#\#){box-shadow:var(--shadow-med)}
.x153f7d5:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){clip-path:inset(0 0 0 max(0px,min(var(--step-connector-gap,0px),var(--spacing-2))))}
.x7cmjge:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){clip-path:inset(0 max(0px,min(var(--step-connector-gap,0px),var(--spacing-2))) 0 0)}
.x10wafsz:focus-within:not(#\#):not(#\#):not(#\#){clip-path:none}
.xy5bzlh.xy5bzlh:hover:where(:not(:disabled,[aria-disabled="true"])):not(#\#):not(#\#):not(#\#){color:var(--color-icon-primary)}
.x9o1np9.x9o1np9:hover:where(:not(:disabled,[aria-disabled="true"])):not(#\#):not(#\#):not(#\#){color:var(--color-text-primary)}
.x16khyan:is(:disabled,[aria-disabled="true"]):not(#\#):not(#\#):not(#\#){cursor:default}
.x1y40yee:popover-open:not(#\#):not(#\#):not(#\#){display:flex}
.x1sik18w:not(:first-child):not(#\#):not(#\#):not(#\#){margin-inline-start:var(--_avatar-group-overlap)}
.x17xqekc:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){mask-image:linear-gradient(to left,transparent 0%,rgba(0,0,0,.3) 2px,black var(--spacing-1))}
.x1nwey30:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){mask-image:linear-gradient(to left,transparent var(--_tab-strip-bleed),black calc(var(--_tab-strip-bleed) + var(--spacing-8)))}
.x8ulde1:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.3) 2px,black var(--spacing-1))}
.x1rxa4r8:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){mask-image:linear-gradient(to right,transparent var(--_tab-strip-bleed),black calc(var(--_tab-strip-bleed) + var(--spacing-8)))}
.x1euntei:focus-within:not(#\#):not(#\#):not(#\#){opacity:1}
.x25t5g8:focus-visible:not(#\#):not(#\#):not(#\#){opacity:1}
.xof6bs:is(th:hover *):not(#\#):not(#\#):not(#\#){opacity:1}
.xofkqq2:popover-open:not(#\#):not(#\#):not(#\#){opacity:1}
.x1e0x2sz:focus-visible:not(#\#):not(#\#):not(#\#){outline-color:var(--color-error)}
.xx47ajj:focus-visible:not(#\#):not(#\#):not(#\#){outline-color:var(--focus-outline-color)}
.x7s97pk:focus-visible:not(#\#):not(#\#):not(#\#){outline-offset:2px}
.x1nw7mhf:focus-visible:not(#\#):not(#\#):not(#\#){outline-offset:calc(-1 * var(--focus-outline-width))}
.x1l5jwag:focus-visible:not(#\#):not(#\#):not(#\#){outline-offset:calc(0px - var(--focus-outline-width))}
.x13aywxo:focus-visible:not(#\#):not(#\#):not(#\#){outline-offset:var(--button-focus-offset)}
.x1vwwbsn:focus-visible:not(#\#):not(#\#):not(#\#){outline-offset:var(--focus-outline-offset)}
.xwz5zln.xwz5zln:where(.x1iwu4tg:has(:focus-visible) *):not(#\#):not(#\#):not(#\#){outline-offset:var(--focus-outline-offset)}
.x1jhp3zv:focus-visible:not(#\#):not(#\#):not(#\#){outline-style:var(--focus-outline-style)}
.x1vidyx5:focus-visible:not(#\#):not(#\#):not(#\#){outline-width:var(--focus-outline-width)}
.x1n6uwha:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){padding-inline-end:max(var(--spacing-4),env(safe-area-inset-left,0px))}
.xtjjor6:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){padding-inline-end:var(--astryx-dialog-padding-inline-end,var(--astryx-dialog-padding-inline,var(--astryx-dialog-padding,max(var(--spacing-4),env(safe-area-inset-left,0px)))))}
.x19efkpl:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){padding-inline-start:max(var(--spacing-4),env(safe-area-inset-right,0px))}
.x1i7f2ot:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){padding-inline-start:var(--astryx-dialog-padding-inline-start,var(--astryx-dialog-padding-inline,var(--astryx-dialog-padding,max(var(--spacing-4),env(safe-area-inset-right,0px)))))}
.xbt4iw:focus-within:not(#\#):not(#\#):not(#\#){pointer-events:auto}
.xo74pv5:focus-within:not(#\#):not(#\#):not(#\#){position:static}
.x1mqgsch:is([data-astryx-scrolling]):not(#\#):not(#\#):not(#\#){scrollbar-width:none}
.x8ppqj.x8ppqj:active:where(:not(:disabled,[aria-disabled="true"])):not(#\#):not(#\#):not(#\#){transform:scale(.98)}
.xaafvuh:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){transform:scaleX(-1) rotate(0deg)}
.x1nxqau:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){transform:scaleX(-1) rotate(90deg)}
.xgtlewx:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){transform:scaleX(-1)}
.x10fxb7p:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){transform:translate(-25%,25%)}
.xqgnvz5:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){transform:translate(-50%,50%)}
.xoffwj3:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){transform:translate(50%,-50%)}
.x1df3fe5:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){transform:translateX(-100%)}
.xi9aj42:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){transform:translateX(-12px)}
.x12xz5k6:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){transform:translateX(-14px)}
.x36dvrd:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){transform:translateX(-50%)}
.xttggg:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){transform:translateX(100%)}
.x1nyx83j:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){transform:translateX(50%)}
.x9cjr8z:popover-open:not(#\#):not(#\#):not(#\#){transform:translateY(0)}
.x75qhwu:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){transform:var(--x-sj6hyi)}
.x1rm9qnc:focus-within:not(#\#):not(#\#):not(#\#){z-index:1}
.x1btxeh5:has(input:focus-visible):not(#\#):not(#\#):not(#\#){box-shadow:inset 0 0 0 2px var(--color-accent)}
.xsw3flo:has(> div > .astryx-layout-content):not(#\#):not(#\#):not(#\#){container-type:inline-size}
.x92e2el:has(> [data-astryx-edge-comp]:last-child):not(#\#):not(#\#):not(#\#){margin-inline-end:var(--x-4drmnv)}
.x1kftj4p:has(> [data-astryx-edge-comp]:first-child):not(#\#):not(#\#):not(#\#){margin-inline-start:var(--x-126w13d)}
.x1uy843r:has(:focus-visible):not(#\#):not(#\#):not(#\#){outline-color:var(--focus-outline-color)}
.xobxmqy:has(> :first-child:focus-visible):not(#\#):not(#\#):not(#\#){outline-color:var(--focus-outline-color)}
.x1jumodi:has(:focus-visible):not(#\#):not(#\#):not(#\#){outline-offset:var(--focus-outline-offset)}
.x2vr5qc:has(> :first-child:focus-visible):not(#\#):not(#\#):not(#\#){outline-offset:var(--focus-outline-offset)}
.xciu248:has(:focus-visible):not(#\#):not(#\#):not(#\#){outline-style:var(--focus-outline-style)}
.xfd04fr:has(> :first-child:focus-visible):not(#\#):not(#\#):not(#\#){outline-style:var(--focus-outline-style)}
.x11j6mr8:has(:focus-visible):not(#\#):not(#\#):not(#\#){outline-width:var(--focus-outline-width)}
.xmmisi4:has(> :first-child:focus-visible):not(#\#):not(#\#):not(#\#){outline-width:var(--focus-outline-width)}
.xxdn8bs:has(> div > .astryx-layout-content):not(#\#):not(#\#):not(#\#){padding-inline-end:max(0px,calc((100% - var(--layout-content-width)) / 2))}
.xmnmr5y:has(.astryx-nav-icon):not(#\#):not(#\#):not(#\#){padding-inline-start:0}
.x1vvd0s7:has(> div > .astryx-layout-content):not(#\#):not(#\#):not(#\#){padding-inline-start:max(0px,calc((100% - var(--layout-content-width)) / 2))}
.x1xrp5p4:first-child:not(#\#):not(#\#):not(#\#){border-end-start-radius:var(--radius-element)}
.xyf0ibl:first-child:not(#\#):not(#\#):not(#\#){border-inline-start-style:none}
.x1pjv70x:first-child:not(#\#):not(#\#):not(#\#){border-inline-start-width:0}
.x2qxyot:first-child:not(#\#):not(#\#):not(#\#){border-start-end-radius:var(--radius-element)}
.x8eehn2:first-child:not(#\#):not(#\#):not(#\#){border-start-start-radius:var(--radius-element)}
.x1pwwqoy:first-child:not(#\#):not(#\#):not(#\#){margin-inline-start:0}
.x5uh4xs:first-child:not(#\#):not(#\#):not(#\#){padding-inline-start:max(var(--container-padding-inline-start,var(--spacing-2)),var(--spacing-2))}
.x9bi00s:first-child:not(#\#):not(#\#):not(#\#){padding-inline-start:max(var(--container-padding-inline-start,var(--spacing-3)),var(--spacing-2))}
.x18c6q21:first-child:not(#\#):not(#\#):not(#\#){padding-inline-start:max(var(--container-padding-inline-start,var(--spacing-4)),var(--spacing-2))}
.x747jw7:last-child:not(#\#):not(#\#):not(#\#){border-end-end-radius:var(--radius-element)}
.x1qlsc9e:last-child:not(#\#):not(#\#):not(#\#){border-inline-end-width:0}
.x11xp8u1:last-child:not(#\#):not(#\#):not(#\#){border-start-end-radius:var(--radius-element)}
.xbg7gas:last-child:not(#\#):not(#\#):not(#\#){padding-inline-end:max(var(--container-padding-inline-end,var(--spacing-2)),var(--spacing-2))}
.xpilulx:last-child:not(#\#):not(#\#):not(#\#){padding-inline-end:max(var(--container-padding-inline-end,var(--spacing-3)),var(--spacing-2))}
.x1wzlfcn:last-child:not(#\#):not(#\#):not(#\#){padding-inline-end:max(var(--container-padding-inline-end,var(--spacing-4)),var(--spacing-2))}
.x1dnou9g:nth-child(even):not(#\#):not(#\#):not(#\#){background-color:var(--color-background-muted)}
.x1c52tdz:focus:not(#\#):not(#\#):not(#\#){background-color:var(--color-overlay-hover)}
.x1rsz1da:focus:not(#\#):not(#\#):not(#\#){clip-path:none}
.xodanix:focus:not(#\#):not(#\#):not(#\#){inset-inline-start:var(--spacing-2)}
.x1xrnuwo:focus:not(#\#):not(#\#):not(#\#){position:fixed}
.x1hbpcn8:focus:not(#\#):not(#\#):not(#\#){white-space:normal}
.xjtnuge:active:not(#\#):not(#\#):not(#\#){background-color:var(--color-neutral)}
.xuqm82a:active:not(#\#):not(#\#):not(#\#){background-image:none}
.x1pdlv7q:active:not(#\#):not(#\#):not(#\#){transform:none}
.xk4oym4:active:not(#\#):not(#\#):not(#\#){transform:scale(.98)}
@media (prefers-reduced-motion: reduce){.x14q22ui.x14q22ui:not(#\#):not(#\#):not(#\#){animation-delay:0s}}
@media (prefers-reduced-motion: reduce){.xnh0sag.xnh0sag:not(#\#):not(#\#):not(#\#){animation-duration:3s}}
@media (prefers-reduced-motion: reduce){.x1aquc0h.x1aquc0h:not(#\#):not(#\#):not(#\#){animation-name:none}}
@media (forced-colors: active){.x9yvj25.x9yvj25:not(#\#):not(#\#):not(#\#){background-color:Canvas}}
@media (forced-colors: active){.xwvh9j7.xwvh9j7:not(#\#):not(#\#):not(#\#){background-color:CanvasText}}
@media (prefers-contrast: more) and (not (forced-colors: active)){.x1j0df82.x1j0df82:not(#\#):not(#\#):not(#\#){background-color:color-mix(in srgb,var(--color-skeleton),var(--color-text-primary) 30%)}}
@media (forced-colors: active){.x1o55y2u.x1o55y2u:not(#\#):not(#\#):not(#\#){background-color:GrayText}}
@media (forced-colors: active){.x1jzqe4.x1jzqe4:not(#\#):not(#\#):not(#\#){background-color:Highlight}}
@media (forced-colors: active){.x1sir5s4.x1sir5s4:not(#\#):not(#\#):not(#\#){background-color:HighlightText}}
@media (hover: hover){.x150ydqw.x150ydqw:not(#\#):not(#\#):not(#\#){background-color:transparent}}
@media (forced-colors: active){.xs5hli.xs5hli:not(#\#):not(#\#):not(#\#){color:CanvasText}}
@media (forced-colors: active){.x1k5gbb1.x1k5gbb1:not(#\#):not(#\#):not(#\#){color:HighlightText}}
@media (hover: hover){.x2dt3px.x2dt3px:not(#\#):not(#\#):not(#\#){cursor:zoom-in}}
@media (max-width: 480px){.xedohl4.xedohl4:not(#\#):not(#\#):not(#\#){display:flex}}
@media (hover: hover){.xqwu39o.xqwu39o:not(#\#):not(#\#):not(#\#){display:flex}}
@media (pointer: coarse){.xhj50sb.xhj50sb:not(#\#):not(#\#):not(#\#){display:none}}
@media (max-width: 480px){.x1rpgqan.x1rpgqan:not(#\#):not(#\#):not(#\#){flex-direction:column}}
@media (pointer: coarse){.x1jymrmb.x1jymrmb:not(#\#):not(#\#):not(#\#){margin-inline-start:auto}}
@media (forced-colors: active){.x1tbh5bv.x1tbh5bv:not(#\#):not(#\#):not(#\#){opacity:1}}
@media (pointer: coarse){.xozvky.xozvky:not(#\#):not(#\#):not(#\#){order:1}}
@media (forced-colors: active){.x1x84bn5.x1x84bn5:not(#\#):not(#\#):not(#\#){outline-color:Highlight}}
@media (forced-colors: active){.x815t2r.x815t2r:not(#\#):not(#\#):not(#\#){outline-style:solid}}
@media (forced-colors: active){.x1xvue0r.x1xvue0r:not(#\#):not(#\#):not(#\#){outline-width:var(--border-width)}}
@media (prefers-reduced-motion: reduce){.xg83hb1.xg83hb1:not(#\#):not(#\#):not(#\#){scroll-behavior:auto}}
@media (forced-colors: active){.xrih18v.xrih18v:not(#\#):not(#\#):not(#\#){scrollbar-color:auto}}
@media (prefers-reduced-motion: reduce){.xwgk2z2.xwgk2z2:not(#\#):not(#\#):not(#\#){transition-delay:var(--_reveal-delay-reduced,0s,0s)}}
@media (prefers-reduced-motion: reduce){.xsagj69.xsagj69:not(#\#):not(#\#):not(#\#){transition-duration:.01ms}}
@media (prefers-reduced-motion: reduce){.xzg1mie.xzg1mie:not(#\#):not(#\#):not(#\#){transition-duration:.01s}}
@media (prefers-reduced-motion: reduce){.xsr0bmt.xsr0bmt:not(#\#):not(#\#):not(#\#){transition-duration:0s,0s}}
@media (prefers-reduced-motion: reduce){.x12w9bfk.x12w9bfk:not(#\#):not(#\#):not(#\#){transition-duration:0s}}
@media (prefers-reduced-motion: reduce){.x4wkmsb.x4wkmsb:not(#\#):not(#\#):not(#\#){transition-property:none}}
.xzmimnh.xzmimnh:active:where(:not(:disabled,[aria-disabled="true"])):not(#\#):not(#\#):not(#\#){background-image:linear-gradient(var(--color-overlay-pressed),var(--color-overlay-pressed)),linear-gradient(var(--color-neutral),var(--color-neutral))}
.x7uyq82.x7uyq82:active:where(:not(:disabled,[aria-disabled="true"])):not(#\#):not(#\#):not(#\#){background-image:linear-gradient(var(--color-overlay-pressed),var(--color-overlay-pressed))}
@media (hover: hover) and (forced-colors: none){.xcgwt1n.xcgwt1n.xcgwt1n:where(.x1iwu4tg:hover *):not(#\#):not(#\#):not(#\#){background-color:color-mix(in srgb,var(--color-accent),var(--color-tint-hover) 15%)}}
@media (hover: hover){.x17srpfb.x17srpfb.x17srpfb:where(.x1odsvnm:hover *):not(#\#):not(#\#):not(#\#){background-color:color-mix(in srgb,var(--color-accent),var(--color-tint-hover) 15%)}}
@media (hover: hover) and (forced-colors: none){.x1a8ae7b.x1a8ae7b.x1a8ae7b:where(.x1iwu4tg:hover *):not(#\#):not(#\#):not(#\#){background-color:color-mix(in srgb,var(--color-background-gray),var(--color-tint-hover) 5%)}}
@media (hover: hover){.xeultfy.xeultfy.xeultfy:where(.x1odsvnm:hover *):not(#\#):not(#\#):not(#\#){background-color:color-mix(in srgb,var(--color-background-surface),var(--color-tint-hover) 5%)}}
@media (hover: hover){.xqxnq6d.xqxnq6d.xqxnq6d:where(.x1odsvnm:hover *):not(#\#):not(#\#):not(#\#){background-color:var(--color-background-muted)}}
@media (hover: hover){.x1pe4z86.x1pe4z86.x1pe4z86:where(.x-default-marker:hover *):not(#\#):not(#\#):not(#\#){background-color:var(--color-icon-primary)}}
@media (hover: hover){.x1a1zr74.x1a1zr74.x1a1zr74:where(.x1u3b27q:hover *):not(#\#):not(#\#):not(#\#){background-color:var(--color-overlay-hover)}}
@media (hover: hover){.x1t9gxa6.x1t9gxa6.x1t9gxa6:where(.x-default-marker:hover *):not(#\#):not(#\#):not(#\#){color:var(--color-text-primary)}}
@media (hover: hover){.xcwhr9z.xcwhr9z.xcwhr9z:where(.x84s7jz:hover *):not(#\#):not(#\#):not(#\#){opacity:1}}
@media (hover: hover){.x8ydxbz.x8ydxbz.x8ydxbz:where(.x84s7jz:hover *):not(#\#):not(#\#):not(#\#){pointer-events:auto}}
@media (hover: hover){.x17hxqr7.x17hxqr7.x17hxqr7:where(.x84s7jz:hover *):not(#\#):not(#\#):not(#\#){transform:translateY(0)}}
@media (hover: hover){.xneequu.xneequu.xneequu:where(.x84s7jz:hover *):not(#\#):not(#\#):not(#\#){visibility:visible}}
@media (hover: hover){.x74x3iv.x74x3iv.x74x3iv:where(.x1u3b27q:active *):not(#\#):not(#\#):not(#\#){background-color:var(--color-overlay-pressed)}}
@media (forced-colors: none){.x1xm682w.x1xm682w.x1xm682w:where(.x1iwu4tg:active *):not(#\#):not(#\#):not(#\#){background-image:linear-gradient(var(--color-overlay-pressed),var(--color-overlay-pressed))}}
@supports (animation-timeline: view()){@media (prefers-reduced-motion: reduce){.xk3h8ob.xk3h8ob.xk3h8ob:not(#\#):not(#\#):not(#\#){animation-name:xuvekqa-B}}}
@supports (-webkit-touch-callout: none){@media (pointer: coarse){.xf9zqsd.xf9zqsd.xf9zqsd:not(#\#):not(#\#):not(#\#){font-size:max(1rem,var(--text-body-size))}}}
@supports (-webkit-touch-callout: none){@media (pointer: coarse){.x1w61h2b.x1w61h2b.x1w61h2b:not(#\#):not(#\#):not(#\#){font-size:max(1rem,var(--text-label-size))}}}
@media (hover: hover){.xvxo0qp.xvxo0qp.xvxo0qp:hover:where(:not(:disabled,[aria-disabled="true"])):not(#\#):not(#\#):not(#\#){background-color:color-mix(in srgb,var(--color-accent),var(--color-tint-hover) 15%)}}
@media (hover: hover){.x1pfkqlk.x1pfkqlk.x1pfkqlk:hover:where(:not(:disabled,[aria-disabled="true"])):not(#\#):not(#\#):not(#\#){background-color:transparent}}
@media (hover: hover){.xcu6dpe.xcu6dpe.xcu6dpe:hover:where(:not(:disabled,[aria-disabled="true"])):not(#\#):not(#\#):not(#\#){background-color:var(--color-neutral)}}
@media (hover: hover){.x1912f9e.x1912f9e.x1912f9e:hover:where(:not(:disabled,[aria-disabled="true"])):not(#\#):not(#\#):not(#\#)::after{background-color:var(--color-overlay-hover)}}
@media (hover: hover){.xoevpu5.xoevpu5.xoevpu5:hover:where(:not(:disabled,[aria-disabled="true"])):not(#\#):not(#\#):not(#\#){background-color:var(--color-overlay-hover)}}
@media (hover: hover){.xmvprkv.xmvprkv.xmvprkv:hover:where(:not(:disabled,[aria-disabled="true"])):not(#\#):not(#\#):not(#\#){background-image:linear-gradient(var(--color-overlay-hover),var(--color-overlay-hover))}}
@media (hover: hover){.x1bm8j9m.x1bm8j9m.x1bm8j9m:hover:where(:not(:disabled,[aria-disabled="true"])):not(#\#):not(#\#):not(#\#){background-image:none}}
@media (hover: hover){.x1telqz2.x1telqz2.x1telqz2:hover:not(:focus-within):where(:not(:disabled,[aria-disabled="true"])):not(#\#):not(#\#):not(#\#){box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--color-accent) 20%,transparent)}}
@media (hover: hover){.x1v5wwkd.x1v5wwkd.x1v5wwkd:hover:where(:not(:disabled,[aria-disabled="true"])):not(#\#):not(#\#):not(#\#){box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--color-accent) 20%,transparent)}}
@media (hover: hover){.x1xqjsvb.x1xqjsvb.x1xqjsvb:hover:not(:focus-within):where(:not(:disabled,[aria-disabled="true"])):not(#\#):not(#\#):not(#\#){box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--color-border-emphasized) 30%,transparent)}}
@media (hover: hover){.x1s17dad.x1s17dad.x1s17dad:hover:not(:focus-within):where(:not(:disabled,[aria-disabled="true"])):not(#\#):not(#\#):not(#\#){box-shadow:none}}
@media (hover: hover){.x1bgmis8.x1bgmis8.x1bgmis8:hover:not(:focus-within):where(:not(:disabled,[aria-disabled="true"])):not(#\#):not(#\#):not(#\#){box-shadow:var(--shadow-inset-error)}}
@media (hover: hover){.x8wp45d.x8wp45d.x8wp45d:hover:not(:focus-within):where(:not(:disabled,[aria-disabled="true"])):not(#\#):not(#\#):not(#\#){box-shadow:var(--shadow-inset-success)}}
@media (hover: hover){.x9156jc.x9156jc.x9156jc:hover:not(:focus-within):where(:not(:disabled,[aria-disabled="true"])):not(#\#):not(#\#):not(#\#){box-shadow:var(--shadow-inset-warning)}}
@media (hover: hover){.x1ymidup.x1ymidup.x1ymidup:hover:where(:not(:disabled,[aria-disabled="true"])):not(#\#):not(#\#):not(#\#){box-shadow:var(--shadow-med)}}
@media (hover: hover){.x1rfoswn.x1rfoswn.x1rfoswn:hover:where(:not(:disabled,[aria-disabled="true"])):not(#\#):not(#\#):not(#\#){color:color-mix(in srgb,var(--color-text-accent),var(--color-tint-hover) 15%)}}
@media (hover: hover){.xcunlro.xcunlro.xcunlro:hover:where(:not(:disabled,[aria-disabled="true"])):not(#\#):not(#\#):not(#\#){color:color-mix(in srgb,var(--color-text-primary),var(--color-tint-hover) 15%)}}
@media (hover: hover){.x7jm8ul.x7jm8ul.x7jm8ul:hover:where(:not(:disabled,[aria-disabled="true"])):not(#\#):not(#\#):not(#\#){color:color-mix(in srgb,var(--color-text-secondary),var(--color-tint-hover) 15%)}}
@media (hover: hover){.xo5jvnm.xo5jvnm.xo5jvnm:hover:where(:not(:disabled,[aria-disabled="true"])):not(#\#):not(#\#):not(#\#){color:var(--color-text-primary)}}
@container (max-width: 399px){.x1alyx8p.x1alyx8p:not(#\#):not(#\#):not(#\#){flex-wrap:wrap}}
@media (forced-colors: active){.x1vo6n7o.x1vo6n7o:active:not(#\#):not(#\#):not(#\#){background-color:Highlight}}
@media (hover: hover){.x1otsd3y.x1otsd3y.x1otsd3y:hover:where(:not(:disabled,[aria-disabled="true"])):not(#\#):not(#\#):not(#\#){background-image:linear-gradient(var(--color-overlay-hover),var(--color-overlay-hover)),linear-gradient(var(--color-neutral),var(--color-neutral))}}
@media (hover: hover){.xprvw0a.xprvw0a.xprvw0a:active:where(:not(:disabled,[aria-disabled="true"])):not(#\#):not(#\#):not(#\#){background-color:var(--color-overlay-pressed)}}
@media (hover: hover){.xo3fi6e.xo3fi6e.xo3fi6e:active:where(:not(:disabled,[aria-disabled="true"])):not(#\#):not(#\#):not(#\#){background-image:linear-gradient(var(--color-overlay-pressed),var(--color-overlay-pressed)),linear-gradient(var(--color-neutral),var(--color-neutral))}}
@media (hover: hover){.xetgvay.xetgvay.xetgvay:active:where(:not(:disabled,[aria-disabled="true"])):not(#\#):not(#\#):not(#\#){background-image:linear-gradient(var(--color-overlay-pressed),var(--color-overlay-pressed))}}
@media (hover: hover){@media (forced-colors: active){.x1d42zcn.x1d42zcn.x1d42zcn.x1d42zcn:hover:where(:not(:disabled,[aria-disabled="true"])):not(#\#):not(#\#):not(#\#){background-color:Highlight}}}
.xib2hle:not(#\#):not(#\#):not(#\#):not(#\#){border-bottom-color:var(--color-border-emphasized)}
.xw8gpjh:not(#\#):not(#\#):not(#\#):not(#\#){border-bottom-color:var(--color-border)}
.x1q0q8m5:not(#\#):not(#\#):not(#\#):not(#\#){border-bottom-style:solid}
.xso031l:not(#\#):not(#\#):not(#\#):not(#\#){border-bottom-width:1px}
.xlxy82:not(#\#):not(#\#):not(#\#):not(#\#){border-bottom-width:2px}
.x92x3c3:not(#\#):not(#\#):not(#\#):not(#\#){border-bottom-width:var(--border-width)}
.x1mly77v:not(#\#):not(#\#):not(#\#):not(#\#){border-top-color:var(--color-border-emphasized)}
.x1pc3f07:not(#\#):not(#\#):not(#\#):not(#\#){border-top-color:var(--color-border)}
.x11npmm7:not(#\#):not(#\#):not(#\#):not(#\#){border-top-color:var(--color-on-accent)}
.x13fuv20:not(#\#):not(#\#):not(#\#):not(#\#){border-top-style:solid}
.x178xt8z:not(#\#):not(#\#):not(#\#):not(#\#){border-top-width:1px}
.x11xkdxz:not(#\#):not(#\#):not(#\#):not(#\#){border-top-width:var(--border-width)}
.x1ey2m1c:not(#\#):not(#\#):not(#\#):not(#\#){bottom:0}
.x1c7jfne:not(#\#):not(#\#):not(#\#):not(#\#){bottom:2px}
.xyi47jn:not(#\#):not(#\#):not(#\#):not(#\#){bottom:var(--_tab-indicator-bottom,-1px)}
.x112dmjn:not(#\#):not(#\#):not(#\#):not(#\#){bottom:var(--spacing-1)}
.x1nqzi6q:not(#\#):not(#\#):not(#\#):not(#\#){bottom:var(--x-bottom)}
.xvle69y:not(#\#):not(#\#):not(#\#):not(#\#){height:.75rem}
.xqtp20y:not(#\#):not(#\#):not(#\#):not(#\#){height:0}
.xmll18r:not(#\#):not(#\#):not(#\#):not(#\#){height:1.25rem}
.xam5rvr:not(#\#):not(#\#):not(#\#):not(#\#){height:1.5rem}
.x5yr21d:not(#\#):not(#\#):not(#\#):not(#\#){height:100%}
.xtdtrs8:not(#\#):not(#\#):not(#\#):not(#\#){height:100dvh}
.xpyat2d:not(#\#):not(#\#):not(#\#):not(#\#){height:100px}
.x1dr59a3:not(#\#):not(#\#):not(#\#):not(#\#){height:100vh}
.x170jfvy:not(#\#):not(#\#):not(#\#):not(#\#){height:10px}
.x1wkxgih:not(#\#):not(#\#):not(#\#):not(#\#){height:120px}
.x1kpxq89:not(#\#):not(#\#):not(#\#):not(#\#){height:12px}
.xhjk10j:not(#\#):not(#\#):not(#\#):not(#\#){height:140px}
.x1v9usgg:not(#\#):not(#\#):not(#\#):not(#\#){height:14px}
.x1ymw6g:not(#\#):not(#\#):not(#\#):not(#\#){height:160px}
.xlup9mm:not(#\#):not(#\#):not(#\#):not(#\#){height:16px}
.xmix8c7:not(#\#):not(#\#):not(#\#):not(#\#){height:18px}
.xlzyvqe:not(#\#):not(#\#):not(#\#):not(#\#){height:1em}
.xjm9jq1:not(#\#):not(#\#):not(#\#):not(#\#){height:1px}
.x1l36t39:not(#\#):not(#\#):not(#\#):not(#\#){height:1rem}
.x1qx5ct2:not(#\#):not(#\#):not(#\#):not(#\#){height:20px}
.xxk0z11:not(#\#):not(#\#):not(#\#):not(#\#){height:24px}
.x1fgtraw:not(#\#):not(#\#):not(#\#):not(#\#){height:28px}
.x6hpsvf:not(#\#):not(#\#):not(#\#):not(#\#){height:28px}
.x36qwtl:not(#\#):not(#\#):not(#\#):not(#\#){height:2px}
.x10w6t97:not(#\#):not(#\#):not(#\#):not(#\#){height:32px}
.xuoj239:not(#\#):not(#\#):not(#\#):not(#\#){height:3px}
.x1vqgdyp:not(#\#):not(#\#):not(#\#):not(#\#){height:40px}
.xsdox4t:not(#\#):not(#\#):not(#\#):not(#\#){height:48px}
.xqu0tyb:not(#\#):not(#\#):not(#\#):not(#\#){height:4px}
.xols6we:not(#\#):not(#\#):not(#\#):not(#\#){height:6px}
.xwzfr38:not(#\#):not(#\#):not(#\#):not(#\#){height:80px}
.xdk7pt:not(#\#):not(#\#):not(#\#):not(#\#){height:8px}
.x1qjb5ga:not(#\#):not(#\#):not(#\#):not(#\#){height:anchor-size(--outline-active height,0px)}
.xt7dq6l:not(#\#):not(#\#):not(#\#):not(#\#){height:auto}
.xuk38ov:not(#\#):not(#\#):not(#\#):not(#\#){height:calc(100% - var(--tree-list-row-gap,0px) / 2)}
.xs02d24:not(#\#):not(#\#):not(#\#):not(#\#){height:calc(100% + 1px)}
.x12qplqi:not(#\#):not(#\#):not(#\#):not(#\#){height:calc(100% + var(--container-padding-block-start,0px) + var(--container-padding-block-end,0px))}
.xpa73km:not(#\#):not(#\#):not(#\#):not(#\#){height:calc(100dvh - var(--_app-shell-header-height,0px))}
.xw1wawg:not(#\#):not(#\#):not(#\#):not(#\#){height:calc(44px - 8px)}
.xm8gem:not(#\#):not(#\#):not(#\#):not(#\#){height:calc(6 * 44px)}
.x1tpcejd:not(#\#):not(#\#):not(#\#):not(#\#){height:calc(var(--_sheet-budget) + 48px)}
.x1uiybsj:not(#\#):not(#\#):not(#\#):not(#\#){height:calc(var(--size-element-lg) - 4px)}
.x102lyln:not(#\#):not(#\#):not(#\#):not(#\#){height:calc(var(--size-element-lg) - 8px)}
.x184gfjb:not(#\#):not(#\#):not(#\#):not(#\#){height:calc(var(--size-element-md) - 4px)}
.xrmxcn7:not(#\#):not(#\#):not(#\#):not(#\#){height:calc(var(--size-element-md) - 8px)}
.x1u5rhrp:not(#\#):not(#\#):not(#\#):not(#\#){height:calc(var(--size-element-md) + var(--spacing-1))}
.xzj98nu:not(#\#):not(#\#):not(#\#):not(#\#){height:calc(var(--size-element-sm) - 4px)}
.xzydfjl:not(#\#):not(#\#):not(#\#):not(#\#){height:calc(var(--size-element-sm) - 8px)}
.x1mutkkf:not(#\#):not(#\#):not(#\#):not(#\#){height:calc(var(--text-body-size) * var(--text-body-leading));height:1lh}
.x1q370uo:not(#\#):not(#\#):not(#\#):not(#\#){height:calc(var(--text-body-size) * var(--text-body-leading))}
.x14o5nre:not(#\#):not(#\#):not(#\#):not(#\#){height:calc(var(--text-supporting-size) * var(--text-supporting-leading))}
.xg7h5cd:not(#\#):not(#\#):not(#\#):not(#\#){height:fit-content}
.xhovv34:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--_progressbar-mark-height,8px)}
.x7yyq19:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--_spinner-box-size)}
.xsyqizj:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--border-width)}
.x5kfih4:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--resize-handle-hit-area,16px)}
.xssyfek:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--size-element-lg)}
.x1ueg155:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--size-element-md)}
.x6k0iem:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--size-element-sm)}
.x1b2l0oc:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--spacing-0-5)}
.xcenk2v:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--spacing-1-5)}
.x11c6zpc:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--spacing-1)}
.x1k15mir:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--spacing-12)}
.xoqw5ej:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--spacing-2)}
.x9gl9lo:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--spacing-3)}
.x6b6gus:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--spacing-4)}
.x1grt7ep:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--spacing-5)}
.xvpftlf:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--spacing-6)}
.x18to7ep:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--spacing-8)}
.x1w0ack5:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--table-resize-height,100%)}
.x1seg80s:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--text-large-size)}
.x15rwvks:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--text-supporting-size)}
.x16ye13r:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--x-height)}
.x1nrll8i:not(#\#):not(#\#):not(#\#):not(#\#){left:50%}
.x1jyxor1:not(#\#):not(#\#):not(#\#):not(#\#){margin-bottom:-1px}
.x1if0o47:not(#\#):not(#\#):not(#\#):not(#\#){margin-bottom:-48px}
.xat24cr:not(#\#):not(#\#):not(#\#):not(#\#){margin-bottom:0}
.xlgak1e:not(#\#):not(#\#):not(#\#):not(#\#){margin-bottom:calc(-1 * (max(var(--_tab-strip-bleed),calc(-1 * var(--_tab-indicator-bottom,-1px)))))}
.x1z0f2p2:not(#\#):not(#\#):not(#\#):not(#\#){margin-bottom:calc(-1 * var(--_chat-composer-radius))}
.x13i4uq0:not(#\#):not(#\#):not(#\#):not(#\#){margin-bottom:calc(-1 * var(--astryx-number-input-padding-block-end,var(--astryx-number-input-padding,var(--spacing-1))))}
.x6h7pi7:not(#\#):not(#\#):not(#\#):not(#\#){margin-bottom:calc(-1 * var(--container-padding-block-end,0px))}
.x1cdrix3:not(#\#):not(#\#):not(#\#):not(#\#){margin-bottom:calc(-1 * var(--radius-chat))}
.xdrfirk:not(#\#):not(#\#):not(#\#):not(#\#){margin-bottom:calc(-1 * var(--spacing-1-5))}
.x1kps3mo:not(#\#):not(#\#):not(#\#):not(#\#){margin-bottom:max(var(--spacing-4),env(safe-area-inset-bottom,0px))}
.xlstkdb:not(#\#):not(#\#):not(#\#):not(#\#){margin-bottom:var(--spacing-0-5)}
.x14cgwvg:not(#\#):not(#\#):not(#\#):not(#\#){margin-bottom:var(--spacing-1)}
.x1p37lm5:not(#\#):not(#\#):not(#\#):not(#\#){margin-bottom:var(--spacing-2)}
.xep27e5:not(#\#):not(#\#):not(#\#):not(#\#){margin-bottom:var(--spacing-3)}
.xwh1t77:not(#\#):not(#\#):not(#\#):not(#\#){margin-bottom:var(--spacing-4)}
.x4d5cxa:not(#\#):not(#\#):not(#\#):not(#\#){margin-bottom:var(--spacing-6)}
.xlm3tn6:not(#\#):not(#\#):not(#\#):not(#\#){margin-bottom:var(--x-marginBlockEnd)}
.xdj266r:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:0}
.xr1yuqi:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:auto}
.xmqyaqf:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:calc(-1 * (var(--_tab-strip-bleed)))}
.xvyqdj1:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:calc(-1 * anchor-size(height) - 8px)}
.xckg3cf:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:calc(-1 * var(--_chat-composer-radius))}
.x3dbumh:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:calc(-1 * var(--_field-status-overlap,var(--spacing-1-5)))}
.x5j3pgv:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:calc(-1 * var(--astryx-number-input-padding-block-start,var(--astryx-number-input-padding,var(--spacing-1))))}
.x1sa9bsh:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:calc(-1 * var(--container-padding-block-start,0px))}
.x1c40v9y:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:calc(-1 * var(--spacing-1-5))}
.x1ajqlyv:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:calc(-1 * var(--spacing-2))}
.x1233pnv:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:calc((1em * var(--text-body-leading) - 6px) / 2)}
.xsoubt3:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:max(var(--spacing-4),env(safe-area-inset-top,0px))}
.xjc2qm6:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:var(--spacing-0-5)}
.xcsaf9d:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:var(--spacing-1)}
.xtbrsbv:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:var(--spacing-2)}
.xj6sv8s:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:var(--spacing-3)}
.x1s1qpeq:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:var(--spacing-4)}
.x13rv44w:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:var(--spacing-6)}
.x1vhfslr:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:var(--x-marginBlockStart)}
.xmz0i5r:not(#\#):not(#\#):not(#\#):not(#\#){max-height:100%}
.x1wj9ous:not(#\#):not(#\#):not(#\#):not(#\#){max-height:100dvh}
.x18s7i0i:not(#\#):not(#\#):not(#\#):not(#\#){max-height:176px}
.x1xiyphd:not(#\#):not(#\#):not(#\#):not(#\#){max-height:240px}
.xuyqlj2:not(#\#):not(#\#):not(#\#):not(#\#){max-height:300px}
.xbhvqqn:not(#\#):not(#\#):not(#\#):not(#\#){max-height:calc(100% - var(--spacing-3))}
.xtm2925:not(#\#):not(#\#):not(#\#):not(#\#){max-height:calc(100vh - var(--spacing-4) - var(--spacing-4));max-height:calc(100dvb - max(var(--spacing-4),env(safe-area-inset-top,0px)) - max(var(--spacing-4),env(safe-area-inset-bottom,0px)))}
.x14bu9tk:not(#\#):not(#\#):not(#\#):not(#\#){max-height:calc(92dvh + 48px)}
.x1hkkhfe:not(#\#):not(#\#):not(#\#):not(#\#){max-height:min(300px,calc(100vh - var(--spacing-4) - var(--spacing-4)));max-height:min(300px,calc(100dvb - max(var(--spacing-4),env(safe-area-inset-top,0px)) - max(var(--spacing-4),env(safe-area-inset-bottom,0px))))}
.xpnbb6b:not(#\#):not(#\#):not(#\#):not(#\#){max-height:min(480px,calc(100vh - 32px))}
.x7ab17h:not(#\#):not(#\#):not(#\#):not(#\#){max-height:none}
.xenllk4:not(#\#):not(#\#):not(#\#):not(#\#){max-height:var(--container-max-height,none)}
.x1jols5v:not(#\#):not(#\#):not(#\#):not(#\#){max-height:var(--x-maxHeight)}
.x1m189uc:not(#\#):not(#\#):not(#\#):not(#\#){max-width:0}
.x193iq5w:not(#\#):not(#\#):not(#\#):not(#\#){max-width:100%}
.xlbgzzq:not(#\#):not(#\#):not(#\#):not(#\#){max-width:100dvw}
.x55n99s:not(#\#):not(#\#):not(#\#):not(#\#){max-width:15em}
.x1ncir08:not(#\#):not(#\#):not(#\#):not(#\#){max-width:200px}
.xw5ewwj:not(#\#):not(#\#):not(#\#):not(#\#){max-width:300px}
.x1x67gh:not(#\#):not(#\#):not(#\#):not(#\#){max-width:32px}
.xxc7z9f:not(#\#):not(#\#):not(#\#):not(#\#){max-width:360px}
.x1j9u4d2:not(#\#):not(#\#):not(#\#):not(#\#){max-width:400px}
.x17fpy1y:not(#\#):not(#\#):not(#\#):not(#\#){max-width:480px}
.xrlsmeg:not(#\#):not(#\#):not(#\#):not(#\#){max-width:600px}
.x11gisft:not(#\#):not(#\#):not(#\#):not(#\#){max-width:640px}
.x1ap80js:not(#\#):not(#\#):not(#\#):not(#\#){max-width:800px}
.xq8v1hd:not(#\#):not(#\#):not(#\#):not(#\#){max-width:90%}
.xbd96yr:not(#\#):not(#\#):not(#\#):not(#\#){max-width:calc(100% - var(--spacing-4));max-width:calc(100% - max(var(--spacing-4),env(safe-area-inset-left,0px),env(safe-area-inset-right,0px)))}
.x1rfgw7b:not(#\#):not(#\#):not(#\#):not(#\#){max-width:calc(100% + var(--container-padding-inline-start,0px) + var(--container-padding-inline-end,0px))}
.xs2v1xk:not(#\#):not(#\#):not(#\#):not(#\#){max-width:calc(100vw - var(--spacing-4) - var(--spacing-4));max-width:calc(100vi - max(var(--spacing-4),env(safe-area-inset-left,0px)) - max(var(--spacing-4),env(safe-area-inset-right,0px)))}
.xl6temz:not(#\#):not(#\#):not(#\#):not(#\#){max-width:max(80%,280px)}
.x1m1aaou:not(#\#):not(#\#):not(#\#):not(#\#){max-width:min(960px,calc(100dvw - var(--spacing-4)))}
.x1x1rfll:not(#\#):not(#\#):not(#\#):not(#\#){max-width:none}
.xjl2t3p:not(#\#):not(#\#):not(#\#):not(#\#){max-width:var(--layout-content-width,none)}
.xf68679:not(#\#):not(#\#):not(#\#):not(#\#){max-width:var(--x-maxWidth)}
.x2lwn1j:not(#\#):not(#\#):not(#\#):not(#\#){min-height:0}
.x1us19tq:not(#\#):not(#\#):not(#\#):not(#\#){min-height:100%}
.x1ov3xa9:not(#\#):not(#\#):not(#\#):not(#\#){min-height:100dvh}
.xz65tgg:not(#\#):not(#\#):not(#\#):not(#\#){min-height:200px}
.xisnujt:not(#\#):not(#\#):not(#\#):not(#\#){min-height:20px}
.xe0957l:not(#\#):not(#\#):not(#\#):not(#\#){min-height:22px}
.xjwf9q1:not(#\#):not(#\#):not(#\#):not(#\#){min-height:24px}
.xe0p6wg:not(#\#):not(#\#):not(#\#):not(#\#){min-height:28px}
.x21xpn4:not(#\#):not(#\#):not(#\#):not(#\#){min-height:32px}
.x1dg37ty:not(#\#):not(#\#):not(#\#):not(#\#){min-height:44px}
.x121v3j4:not(#\#):not(#\#):not(#\#):not(#\#){min-height:min-content}
.x1xf4nls:not(#\#):not(#\#):not(#\#):not(#\#){min-height:var(--size-element-lg)}
.x1uogy3y:not(#\#):not(#\#):not(#\#):not(#\#){min-height:var(--size-element-md)}
.x1gdqauq:not(#\#):not(#\#):not(#\#):not(#\#){min-height:var(--size-element-sm)}
.x175cymr:not(#\#):not(#\#):not(#\#):not(#\#){min-height:var(--spacing-2)}
.ximsjs8:not(#\#):not(#\#):not(#\#):not(#\#){min-height:var(--spacing-7)}
.xkoleio:not(#\#):not(#\#):not(#\#):not(#\#){min-height:var(--spacing-8)}
.x82snj4:not(#\#):not(#\#):not(#\#):not(#\#){min-height:var(--x-minHeight)}
.xeuugli:not(#\#):not(#\#):not(#\#):not(#\#){min-width:0}
.xgqtt45:not(#\#):not(#\#):not(#\#):not(#\#){min-width:100%}
.x1i9suas:not(#\#):not(#\#):not(#\#):not(#\#){min-width:120px}
.x1d77m7x:not(#\#):not(#\#):not(#\#):not(#\#){min-width:140px}
.x12knhqr:not(#\#):not(#\#):not(#\#):not(#\#){min-width:160px;min-width:min(160px,calc(100vw - var(--spacing-4) - var(--spacing-4)));min-width:min(160px,calc(100vi - max(var(--spacing-4),env(safe-area-inset-left,0px)) - max(var(--spacing-4),env(safe-area-inset-right,0px))))}
.x5w4yej:not(#\#):not(#\#):not(#\#):not(#\#){min-width:160px}
.xfb3i0g:not(#\#):not(#\#):not(#\#):not(#\#){min-width:180px}
.xgomdpo:not(#\#):not(#\#):not(#\#):not(#\#){min-width:1rem}
.x1jzhcrs:not(#\#):not(#\#):not(#\#):not(#\#){min-width:200px}
.xt4ypqs:not(#\#):not(#\#):not(#\#):not(#\#){min-width:20px}
.x12rczxh:not(#\#):not(#\#):not(#\#):not(#\#){min-width:220px}
.xlm99nl:not(#\#):not(#\#):not(#\#):not(#\#){min-width:240px}
.x1u2d2a2:not(#\#):not(#\#):not(#\#):not(#\#){min-width:280px}
.x1fns5xo:not(#\#):not(#\#):not(#\#):not(#\#){min-width:40px}
.x1tutbut:not(#\#):not(#\#):not(#\#):not(#\#){min-width:44px}
.x900493:not(#\#):not(#\#):not(#\#):not(#\#){min-width:48px}
.x13n9wmd:not(#\#):not(#\#):not(#\#):not(#\#){min-width:4ch}
.xfvyar9:not(#\#):not(#\#):not(#\#):not(#\#){min-width:60px}
.x1ks9poc:not(#\#):not(#\#):not(#\#):not(#\#){min-width:anchor-size(width);min-width:min(anchor-size(width),calc(100% - var(--spacing-4)));min-width:min(anchor-size(width),calc(100% - max(var(--spacing-4),env(safe-area-inset-left,0px),env(safe-area-inset-right,0px))))}
.xagy28z:not(#\#):not(#\#):not(#\#):not(#\#){min-width:anchor-size(width);min-width:min(anchor-size(width),calc(100vw - var(--spacing-4) - var(--spacing-4)));min-width:min(anchor-size(width),calc(100vi - max(var(--spacing-4),env(safe-area-inset-left,0px)) - max(var(--spacing-4),env(safe-area-inset-right,0px))))}
.xrzjruh:not(#\#):not(#\#):not(#\#):not(#\#){min-width:anchor-size(width)}
.x8wyhu6:not(#\#):not(#\#):not(#\#):not(#\#){min-width:calc(anchor-size(width) + 16px)}
.x1pshirs:not(#\#):not(#\#):not(#\#):not(#\#){min-width:fit-content}
.x15mybvi:not(#\#):not(#\#):not(#\#):not(#\#){min-width:min(400px,calc(100% - var(--spacing-4)))}
.x17ydmr0:not(#\#):not(#\#):not(#\#):not(#\#){min-width:var(--size-element-md)}
.x1nkkqge:not(#\#):not(#\#):not(#\#):not(#\#){min-width:var(--size-element-sm)}
.x18ki04u:not(#\#):not(#\#):not(#\#):not(#\#){min-width:var(--spacing-2)}
.x16asifk:not(#\#):not(#\#):not(#\#):not(#\#){min-width:var(--spacing-5)}
.xy8csz5:not(#\#):not(#\#):not(#\#):not(#\#){min-width:var(--spacing-7)}
.xkj4a21:not(#\#):not(#\#):not(#\#):not(#\#){min-width:var(--x-minWidth)}
.xw2csxc:not(#\#):not(#\#):not(#\#):not(#\#){overflow-x:auto}
.x6ikm8r:not(#\#):not(#\#):not(#\#):not(#\#){overflow-x:hidden}
.xyto64x:not(#\#):not(#\#):not(#\#):not(#\#){overflow-x:var(--x-overflowX)}
.x1odjw0f:not(#\#):not(#\#):not(#\#):not(#\#){overflow-y:auto}
.x10wlt62:not(#\#):not(#\#):not(#\#):not(#\#){overflow-y:hidden}
.x4ncuvb:not(#\#):not(#\#):not(#\#):not(#\#){overflow-y:var(--x-overflowY)}
.x7p5m3t:not(#\#):not(#\#):not(#\#):not(#\#){overscroll-behavior-x:contain}
.x18d9i69:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:0}
.x1j85h84:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:1px}
.x1wkw6tp:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:calc(env(safe-area-inset-bottom,0px) + 48px)}
.x9jihrk:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:calc(var(--_chat-composer-padding) + var(--_chat-composer-radius))}
.xbv1mwh:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:calc(var(--container-padding-block-end) - var(--border-width))}
.xxbfulo:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:calc(var(--spacing-3) + var(--radius-chat))}
.xwhchk8:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:max(var(--_tab-strip-bleed),calc(-1 * var(--_tab-indicator-bottom,-1px)))}
.xew4nw4:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:max(var(--spacing-4),env(safe-area-inset-bottom,0px))}
.xvpcij2:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:var(--_chat-composer-padding)}
.x1rgxemn:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:var(--astryx-dialog-padding-block-end,var(--astryx-dialog-padding,max(var(--spacing-4),env(safe-area-inset-bottom,0px))))}
.x3jnfsm:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:var(--astryx-number-input-padding-block-end,var(--astryx-number-input-padding,var(--spacing-1)))}
.xc1wllq:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:var(--container-padding-block-end)}
.xg476vw:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:var(--layout-padding-inner-y,var(--spacing-4))}
.xon7vh3:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:var(--layout-padding-outer-y,var(--spacing-4))}
.xij103a:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:var(--spacing-0-5)}
.x1l20ajd:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:var(--spacing-0)}
.x1opdxmq:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:var(--spacing-1-5)}
.xy143xn:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:var(--spacing-1)}
.x2izi54:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:var(--spacing-10)}
.x1wesfrj:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:var(--spacing-2)}
.xvmdzux:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:var(--spacing-3)}
.x1awphl8:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:var(--spacing-4)}
.x1hk98q:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:var(--spacing-5)}
.xjpqqx5:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:var(--spacing-6)}
.xekm6fs:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:var(--spacing-7)}
.x2oz4g1:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:var(--spacing-8)}
.xexx8yu:not(#\#):not(#\#):not(#\#):not(#\#){padding-top:0}
.x1htvmrp:not(#\#):not(#\#):not(#\#):not(#\#){padding-top:calc(var(--_chat-composer-padding) + var(--_chat-composer-radius))}
.xdgtoc0:not(#\#):not(#\#):not(#\#):not(#\#){padding-top:calc(var(--_field-status-overlap,var(--spacing-1-5)) + var(--spacing-2))}
.x1enrzb7:not(#\#):not(#\#):not(#\#):not(#\#){padding-top:calc(var(--border-width) + var(--spacing-1))}
.x1nex4ik:not(#\#):not(#\#):not(#\#):not(#\#){padding-top:calc(var(--container-padding-block-start) - var(--border-width))}
.x1vjezoa:not(#\#):not(#\#):not(#\#):not(#\#){padding-top:max(var(--spacing-4),env(safe-area-inset-top,0px))}
.x2gtn7z:not(#\#):not(#\#):not(#\#):not(#\#){padding-top:var(--_chat-composer-padding)}
.xlr2r7p:not(#\#):not(#\#):not(#\#):not(#\#){padding-top:var(--_tab-strip-bleed)}
.x15ld1ci:not(#\#):not(#\#):not(#\#):not(#\#){padding-top:var(--astryx-dialog-padding-block-start,var(--astryx-dialog-padding,max(var(--spacing-4),env(safe-area-inset-top,0px))))}
.x4kswst:not(#\#):not(#\#):not(#\#):not(#\#){padding-top:var(--astryx-number-input-padding-block-start,var(--astryx-number-input-padding,var(--spacing-1)))}
.x14m0hsi:not(#\#):not(#\#):not(#\#):not(#\#){padding-top:var(--container-padding-block-start)}
.xqty4a:not(#\#):not(#\#):not(#\#):not(#\#){padding-top:var(--layout-padding-inner-y,var(--spacing-4))}
.x81pis9:not(#\#):not(#\#):not(#\#):not(#\#){padding-top:var(--layout-padding-outer-y,var(--spacing-4))}
.xbx876j:not(#\#):not(#\#):not(#\#):not(#\#){padding-top:var(--spacing-0-5)}
.x1ydh6w3:not(#\#):not(#\#):not(#\#):not(#\#){padding-top:var(--spacing-0)}
.x1kwdpsa:not(#\#):not(#\#):not(#\#):not(#\#){padding-top:var(--spacing-1-5)}
.xfsso4q:not(#\#):not(#\#):not(#\#):not(#\#){padding-top:var(--spacing-1)}
.xk6660b:not(#\#):not(#\#):not(#\#):not(#\#){padding-top:var(--spacing-10)}
.x1xye8es:not(#\#):not(#\#):not(#\#):not(#\#){padding-top:var(--spacing-2)}
.x1vlblms:not(#\#):not(#\#):not(#\#):not(#\#){padding-top:var(--spacing-3)}
.x1oa1p4a:not(#\#):not(#\#):not(#\#):not(#\#){padding-top:var(--spacing-4)}
.xx7rijo:not(#\#):not(#\#):not(#\#):not(#\#){padding-top:var(--spacing-5)}
.x1adxfkp:not(#\#):not(#\#):not(#\#):not(#\#){padding-top:var(--spacing-6)}
.xoxd1wu:not(#\#):not(#\#):not(#\#):not(#\#){padding-top:var(--spacing-8)}
.x13vifvy:not(#\#):not(#\#):not(#\#):not(#\#){top:0}
.xuivejd:not(#\#):not(#\#):not(#\#):not(#\#){top:14px}
.xs7f9wi:not(#\#):not(#\#):not(#\#):not(#\#){top:2px}
.xwa60dl:not(#\#):not(#\#):not(#\#):not(#\#){top:50%}
.x1ltwjim:not(#\#):not(#\#):not(#\#):not(#\#){top:anchor(--outline-active top,0px)}
.x7rbydg:not(#\#):not(#\#):not(#\#):not(#\#){top:calc(50% - (28px / 2))}
.x1oysc8t:not(#\#):not(#\#):not(#\#):not(#\#){top:calc(var(--size-element-lg) / 2 - 1px)}
.xkmsrut:not(#\#):not(#\#):not(#\#):not(#\#){top:calc(var(--size-element-md) / 2 - 1px)}
.x1968x6z:not(#\#):not(#\#):not(#\#):not(#\#){top:calc(var(--size-element-sm) / 2 - 1px)}
.xht72ud:not(#\#):not(#\#):not(#\#):not(#\#){top:var(--_app-shell-header-height,0px)}
.x8d4r5l:not(#\#):not(#\#):not(#\#):not(#\#){top:var(--spacing-1)}
.xctzyg:not(#\#):not(#\#):not(#\#):not(#\#){top:var(--spacing-2)}
.xyx6v2t:not(#\#):not(#\#):not(#\#):not(#\#){top:var(--spacing-3)}
.xjbys53:not(#\#):not(#\#):not(#\#):not(#\#){top:var(--x-top)}
.x1jw3ynk:not(#\#):not(#\#):not(#\#):not(#\#){width:.75rem}
.xnalus7:not(#\#):not(#\#):not(#\#):not(#\#){width:0}
.xwqq7k2:not(#\#):not(#\#):not(#\#):not(#\#){width:1.25rem}
.xp8d6y2:not(#\#):not(#\#):not(#\#):not(#\#){width:1.5rem}
.xh8yej3:not(#\#):not(#\#):not(#\#):not(#\#){width:100%}
.x1o6l61p:not(#\#):not(#\#):not(#\#):not(#\#){width:100dvw}
.xn9wirt:not(#\#):not(#\#):not(#\#):not(#\#){width:100vw}
.x1fsd2vl:not(#\#):not(#\#):not(#\#):not(#\#){width:10px}
.xsmyaan:not(#\#):not(#\#):not(#\#):not(#\#){width:12px}
.x6jxa94:not(#\#):not(#\#):not(#\#):not(#\#){width:14px}
.x1kky2od:not(#\#):not(#\#):not(#\#):not(#\#){width:16px}
.xzjbwwf:not(#\#):not(#\#):not(#\#):not(#\#){width:180px}
.x1xp8n7a:not(#\#):not(#\#):not(#\#):not(#\#){width:18px}
.x15vhz18:not(#\#):not(#\#):not(#\#):not(#\#){width:1em}
.x1i1rx1s:not(#\#):not(#\#):not(#\#):not(#\#){width:1px}
.xcdlrvm:not(#\#):not(#\#):not(#\#):not(#\#){width:1rem}
.x1oysuqx:not(#\#):not(#\#):not(#\#):not(#\#){width:200px}
.xw4jnvo:not(#\#):not(#\#):not(#\#):not(#\#){width:20px}
.xafpxmx:not(#\#):not(#\#):not(#\#):not(#\#){width:240px}
.xvy4d1p:not(#\#):not(#\#):not(#\#):not(#\#){width:24px}
.x1hfn5x7:not(#\#):not(#\#):not(#\#):not(#\#){width:260px}
.xfo62xy:not(#\#):not(#\#):not(#\#):not(#\#){width:2px}
.x1td3qas:not(#\#):not(#\#):not(#\#):not(#\#){width:32px}
.x1g8rjiy:not(#\#):not(#\#):not(#\#):not(#\#){width:3px}
.xz84dc7:not(#\#):not(#\#):not(#\#):not(#\#){width:40%}
.x1l2rt3b:not(#\#):not(#\#):not(#\#):not(#\#){width:400px}
.x100vrsf:not(#\#):not(#\#):not(#\#):not(#\#){width:40px}
.x51ohtg:not(#\#):not(#\#):not(#\#):not(#\#){width:4px}
.x1fu8urw:not(#\#):not(#\#):not(#\#):not(#\#){width:64px}
.x1v4s8kt:not(#\#):not(#\#):not(#\#):not(#\#){width:6px}
.x1xc55vz:not(#\#):not(#\#):not(#\#):not(#\#){width:8px}
.x1xgy17j:not(#\#):not(#\#):not(#\#):not(#\#){width:anchor-size(width)}
.x14atkfc:not(#\#):not(#\#):not(#\#):not(#\#){width:auto}
.xx6qvi6:not(#\#):not(#\#):not(#\#):not(#\#){width:calc(100% + var(--container-padding-inline-start,0px) + var(--container-padding-inline-end,0px))}
.x1y2t9nm:not(#\#):not(#\#):not(#\#):not(#\#){width:calc(44px - 8px)}
.xeq5yr9:not(#\#):not(#\#):not(#\#):not(#\#){width:fit-content}
.xezivpi:not(#\#):not(#\#):not(#\#):not(#\#){width:max-content}
.x63cpjl:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--_progressbar-mark-width,2px)}
.x6v0vjy:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--_spinner-box-size)}
.xjk4fl7:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--border-width)}
.xkhob8h:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--resize-handle-hit-area,16px)}
.x1m747yf:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--size-element-lg)}
.x805d0l:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--size-element-md)}
.x1fvqzum:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--size-element-sm)}
.x1wu31ai:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--spacing-1-5)}
.xx9zwd3:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--spacing-1)}
.xhgvbfk:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--spacing-12)}
.x1f0dxl5:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--spacing-2)}
.x1ad1g3v:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--spacing-3)}
.x12xnipv:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--spacing-4)}
.xfyiiit:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--spacing-5)}
.x1mtvzj0:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--spacing-6)}
.xgc8j7m:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--spacing-8)}
.xta46cu:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--text-large-size)}
.x5livx5:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--text-supporting-size)}
.x1uyokj7:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--x-inlineSize)}
.x5lhr3w:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--x-width)}
.x1wp2rvj.x1wp2rvj:where(.x139im0d:last-child *):not(#\#):not(#\#):not(#\#):not(#\#){border-bottom-width:0}
.x132qfvm:focus-within:not(#\#):not(#\#):not(#\#):not(#\#){height:auto}
.xsg11nj.xsg11nj:where(.x-default-marker:has(> .astryx-layout-footer:not([data-divider])) *):not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:0}
.x1ioh5az.x1ioh5az:where(.x-default-marker:has(> .astryx-layout-header:not([data-divider])) *):not(#\#):not(#\#):not(#\#):not(#\#){padding-top:0}
.x1kw28su:focus-within:not(#\#):not(#\#):not(#\#):not(#\#){padding-top:var(--spacing-1)}
.x10okhzq:focus-within:not(#\#):not(#\#):not(#\#):not(#\#){width:auto}
.x5du68j:has(~ * [data-chat-name]):not(#\#):not(#\#):not(#\#):not(#\#){margin-top:var(--spacing-5)}
.xnpzo02:has(> div > .astryx-layout-content):not(#\#):not(#\#):not(#\#):not(#\#){max-width:none}
.xpgkkid:has(> .astryx-layout-content):not(#\#):not(#\#):not(#\#):not(#\#){max-width:none}
.x1d9v4yf:first-child:not(#\#):not(#\#):not(#\#):not(#\#){border-top-style:none}
.x1g31smg:first-child:not(#\#):not(#\#):not(#\#):not(#\#){border-top-width:0}
.xkibk3:first-child:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:calc(-1 * var(--container-padding-block-start,0px))}
.x1vjq31q:first-child:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:0}
.xlayyun:last-child:not(#\#):not(#\#):not(#\#):not(#\#){margin-bottom:calc(-1 * var(--container-padding-block-end,0px))}
.xup0pd7:last-child:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:0}
.x15cytp8:focus:not(#\#):not(#\#):not(#\#):not(#\#){height:auto}
.x1rw3289:focus:not(#\#):not(#\#):not(#\#):not(#\#){top:var(--spacing-2)}
.x1jqxupm:focus:not(#\#):not(#\#):not(#\#):not(#\#){width:auto}
@media (pointer: coarse){.x80b3aj.x80b3aj:not(#\#):not(#\#):not(#\#):not(#\#){min-height:24px}}
@media (pointer: coarse){.x17aqpur.x17aqpur:not(#\#):not(#\#):not(#\#):not(#\#){min-height:44px}}
@media (pointer: coarse){.xygd9yz.xygd9yz:not(#\#):not(#\#):not(#\#):not(#\#){min-height:44px}}
@media (pointer: coarse){.xkagaj0.xkagaj0:not(#\#):not(#\#):not(#\#):not(#\#){min-width:24px}}
@media (pointer: coarse){.x1xrq5m.x1xrq5m:not(#\#):not(#\#):not(#\#):not(#\#){min-width:44px}}
@media (pointer: coarse){.xngvp7v.xngvp7v:not(#\#):not(#\#):not(#\#):not(#\#){min-width:44px}}
@supports (-webkit-touch-callout: none){@media (pointer: coarse){.x9w4715.x9w4715.x9w4715:not(#\#):not(#\#):not(#\#):not(#\#){height:calc(max(1rem,var(--text-body-size)) * var(--text-body-leading));height:1lh}}}
@starting-style{.x1sopeo2.x1sopeo2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){grid-template-rows:0fr}}
.x1xsm0q9:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{inset:-14px}
.xarstr8:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{inset:0}
.xxx281p:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{inset:0}
.xht581f:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{inset:var(--_input-clear-hit-inset)}
.xeu5z55:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{inset:var(--_thumbnail-hit-inset)}
@starting-style{.x4itv7f.x4itv7f:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){opacity:0}}
@starting-style{.x6mt36l.x6mt36l:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){transform:translateX(-100%)}}
@starting-style{.x1yqmsfc.x1yqmsfc:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){transform:translateX(100%)}}
@starting-style{.xub2912.xub2912:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){transform:translateY(-100%)}}
@starting-style{.x12p7p72.x12p7p72:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){transform:translateY(-4px)}}
@starting-style{.xhbqy3z.xhbqy3z:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){transform:translateY(100%)}}
@starting-style{.x6s140c.x6s140c:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){transform:translateY(var(--_toast-slide-y,var(--spacing-2)))}}
@starting-style{.x1lymnkk.x1lymnkk:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){transform:translateX(-100%)}}
@starting-style{.x14gflnl.x14gflnl:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){transform:translateX(100%)}}
.x1k48kgn:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{border-radius:inherit}
.xxyica1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{border-radius:inherit}
.xq94oqs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{border-radius:var(--radius-full)}
.xtb6wbx:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{border-radius:var(--radius-inner)}
.x17gn2l9:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{grid-column:1}
.xd54j2p:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{inset-block:0}
.xpsyfx0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-date-and-time-value{margin-block:0}
.x1qqcexc:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-date-and-time-value{margin-inline:0}
.x1x4c3m6:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-date-and-time-value{padding-block:0}
.xtbxizx:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-datetime-edit{padding-block:0}
@starting-style{.x5rzir7.x5rzir7:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:0}}
.xkqr7wz:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-date-and-time-value{padding-inline:0}
.xslb4at:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-datetime-edit{padding-inline:0}
.xvtkv6q:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{transition:background-color .15s ease,width .15s ease}
.x17s1k9h:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{transition:opacity .15s ease}
.x19ds33d:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{align-self:start}
.x1abwkk1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop{backdrop-filter:blur(2px)}
.xyhc2n1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{background-color:transparent}
.x1tzqye7:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{background-color:var(--color-accent)}
.xnixb3f:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop{background-color:var(--color-overlay)}
.x1i3206j:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{background-color:var(--indicator-color,transparent)}
.x1uvfo0n:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{background-color:var(--table-row-overlay,transparent)}
.xccdyz0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{background-image:linear-gradient(to left,var(--color-shadow),transparent)}
.x1ppu1g5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{background-image:linear-gradient(to right,var(--color-shadow),transparent)}
.xnnzo76:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{border-inline-start-color:var(--color-border)}
.xvsnedh:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{border-inline-start-style:solid}
.x1p96cux:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{border-inline-start-width:var(--border-width)}
.xtkarl4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{color:var(--color-syntax-punctuation)}
.xnf3u0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::placeholder{color:var(--color-text-disabled)}
.xeyghm5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::placeholder{color:var(--color-text-secondary)}
.x1cpjm7i:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{content:""}
.x1s928wv:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{content:""}
.x46gnpd:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{content:attr(data-line)}
.xc2ndz5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{content:counter(astryx-list) "."}
.xh3pasq:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{content:var(--_input-clear-hit-content)}
.xhkezso:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{display:block}
.xolhmmf:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-calendar-picker-indicator{display:none}
.x3nzp0f:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{font-family:var(--font-family-code)}
.xekda60:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{inset-inline-end:-2px}
.x1unh1gc:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{inset-inline-end:0}
.xvw6utc:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{inset-inline-start:-2px}
.x1iygr5g:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{inset-inline-start:0}
.x1km86hw:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{inset-inline-start:calc(var(--spacing-4) + var(--_codeblock-gutter-width) + var(--spacing-3))}
.x15bqym3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-datetime-edit{line-height:inherit}
.x1f74mqm:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-date-and-time-value{line-height:inherit}
.xph5o2a:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop{opacity:0}
.xb3n6bw:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop{opacity:1}
.xni466t:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop{opacity:var(--_sheet-scrim-opacity,1)}
.x1c2idit:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{opacity:var(--table-sticky-shadow-end,0)}
.x1sggmfs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{opacity:var(--table-sticky-shadow-start,0)}
.x2q1x1w:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{pointer-events:none}
.xkk1bqk:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{pointer-events:none}
.x1hmns74:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{position:absolute}
.x1j6awrg:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{position:absolute}
.x1wnbjh8:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{text-align:end}
.x9rmy9g:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-date-and-time-value{text-align:start}
.x1e8txe:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{transform:scaleX(0)}
.xp1ps4y:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{transform:scaleX(1)}
.xb5f74o:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{transform:scaleY(0)}
.xd30wvy:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{transform:scaleY(1)}
.xvs0bi2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{transform:translateX(-100%)}
.x1qyefdi:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{transform:translateX(100%)}
.x1fgylwi:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{transform-origin:center top}
.xgu12d:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{transform-origin:left center}
.x142juwg:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop{transition-behavior:allow-discrete}
.xizoc3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{transition-delay:var(--x-owu7oy)}
.x1y1nw7a:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{transition-duration:var(--duration-fast)}
.x97pup0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{transition-duration:var(--duration-fast)}
.xft5bk6:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop{transition-duration:var(--duration-medium)}
.xuhr57t:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{transition-duration:var(--duration-medium)}
.x196sc62:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{transition-duration:var(--x-1dd27dc)}
.x1ywzrc5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{transition-property:background-color}
.xxcwgru:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{transition-property:background-color}
.xc0dz0a:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop{transition-property:opacity,display}
.x167zut7:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop{transition-property:opacity}
.x1hu8v7x:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{transition-property:transform}
.x1cz9k3x:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop{transition-timing-function:linear}
.xyt8op7:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{transition-timing-function:linear}
.x15h3t91:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop{transition-timing-function:var(--ease-standard)}
.x1dlmc9c:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{transition-timing-function:var(--ease-standard)}
.xa5v58t:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{transition-timing-function:var(--ease-standard)}
.x1rbqspl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{user-select:none}
.xy5mcqj:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{z-index:-1}
.xzywxsk.xzywxsk:where(.x1odsvnm:active *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{background-color:var(--color-overlay-pressed)}
.x2kv6q6.x2kv6q6:where(.x1odsvnm:active:not(:has(a:active,button:active,[role="button"]:active,[role="link"]:active)) *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{background-color:var(--color-overlay-pressed)}
.xk7vujl:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{background-image:linear-gradient(to left,var(--color-shadow),transparent)}
.xlptwl5:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{background-image:linear-gradient(to right,var(--color-shadow),transparent)}
.x1c108yo:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{transform:translateX(-100%)}
.x12ayhd5:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{transform:translateX(100%)}
.xdq8fwl:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{transform-origin:right center}
.x1k7wiig:active:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{background-color:var(--color-overlay-pressed)}
@media (prefers-reduced-motion: reduce){.xhhm9v0.xhhm9v0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{transition-delay:0s}}
@media (prefers-reduced-motion: reduce){.x1viac0w.x1viac0w:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop{transition-duration:.01s}}
@media (prefers-reduced-motion: reduce){.x13sdc92.x13sdc92:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{transition-duration:0s}}
.xe80sof:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{bottom:-2px}
.x1xrz1ek:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{bottom:0}
.xu6fald:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{height:var(--_sheet-keyboard-inset,0px)}
.xec4aax:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-date-and-time-value{min-height:0}
.x51xajf:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{top:-2px}
.x1m1drc7:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{top:0}
.xkj6t0a:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{width:0}
.xzkji8o:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{width:6px}
.xi8c0p9:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{width:var(--indicator-width,1px)}
@starting-style{.xxiuuzi.xxiuuzi:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop{opacity:0}}
}

/* end theynrlib styles astryx-core-01 */

/* theynrlib styles astryx-theme-01 — generated core recipes use the active app profile. */
:root, .dark, [data-theme] {
 --color-neutral: color-mix(in srgb, var(--ynr-foreground) 12%, transparent);
 --color-accent: var(--ynr-primary);
 --color-on-accent: var(--ynr-on-primary);
 --color-accent-muted: color-mix(in srgb, var(--ynr-primary) 15%, transparent);
 --color-background-body: var(--ynr-background);
 --color-background-surface: var(--ynr-surface);
 --color-background-card: var(--ynr-surface);
 --color-background-popover: var(--ynr-surface);
 --color-background-muted: color-mix(in srgb, var(--ynr-surface) 70%, transparent);
 --color-text-primary: var(--ynr-foreground);
 --color-text-secondary: var(--ynr-muted);
 --color-text-accent: var(--ynr-primary);
 --color-icon-primary: var(--ynr-foreground);
 --color-icon-secondary: var(--ynr-muted);
 --color-icon-accent: var(--ynr-primary);
 --color-border: var(--ynr-border);
 --color-border-primary: var(--ynr-border);
 --font-family-body: var(--ynr-font);
 --radius-element: var(--ynr-radius);
 --radius-container: var(--ynr-radius);
 --radius-page: calc(var(--ynr-radius) * 1.5);
 --radius-chat: calc(var(--ynr-radius) * 1.5);
}
:where([class*="astryx-"]) { box-sizing: border-box; font-family: var(--ynr-font); }
:where(button[class*="astryx-"], input[class*="astryx-"], textarea[class*="astryx-"], select[class*="astryx-"]) { font: inherit; }
:where(button[class*="astryx-"]) { cursor: pointer; }
:where([class*="astryx-"]) :where(h1,h2,h3,h4,h5,h6,p,ul,ol) { margin: 0; }
:where([class*="astryx-"]) :where(img,video) { max-width: 100%; }
:where([data-astryx-aspect-ratio-override="cover"], [data-astryx-aspect-ratio-override="contain"]) > :where(img,video) { width:100%; height:100%; }
:where([data-astryx-aspect-ratio-override="cover"]) > :where(img,video) { object-fit:cover; }
:where([data-astryx-aspect-ratio-override="contain"]) > :where(img,video) { object-fit:contain; }
.dark, [data-theme="dark"] { color-scheme: dark; }
[data-theme="light"] { color-scheme: light; }
@media (prefers-reduced-motion: reduce) {
 :where([class*="astryx-"]) { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}
/* end theynrlib styles astryx-theme-01 */

/* theynrlib styles glass-controls-01 — samasante material, owned native control shells */
.ynr-glass-surface { position:absolute;inset:0;border-radius:inherit;pointer-events:none;display:block;--glass-tint:rgba(91,96,110,.48);--glass-opaque:#454953; }
.ynr-glass-surface[data-shade="clear"] {--glass-tint:rgba(74,82,96,.20);--glass-opaque:#363d48}
.ynr-glass-surface[data-shade="deep"] {--glass-tint:rgba(70,75,89,.68);--glass-opaque:#414650}
.ynr-glass-material {position:absolute!important;inset:0;display:block!important;border-radius:inherit;background:var(--glass-tint);transition:background-color 160ms ease}
.ynr-glass-surface[data-opaque] {background:var(--glass-opaque);box-shadow:inset 0 0 0 1px #ffffff30}
.ynr-glass-button,.ynr-glass-button-group,.ynr-glass-panel {position:relative;color:var(--glass-foreground,#f5f5f7);border-radius:var(--glass-button-radius,999px);font-family:var(--ynr-font-family,inherit)}
.ynr-glass-button {display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--glass-button-height,44px);min-width:44px;padding:0 var(--glass-button-padding,20px);border:0;background:transparent;font:inherit;color:var(--glass-foreground,#f5f5f7);cursor:pointer;vertical-align:middle;touch-action:manipulation;transition:transform 160ms cubic-bezier(.2,.8,.2,1);box-shadow:0 2px 5px #0002}
.ynr-glass-button[data-size="sm"] {--glass-button-height:36px;--glass-button-padding:14px;font-size:13px}
.ynr-glass-button[data-size="lg"] {--glass-button-height:56px;--glass-button-padding:24px}
.ynr-glass-button[data-icon-only] {width:var(--glass-button-height,44px);padding:0}
.ynr-glass-button-content {position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;pointer-events:none}
.ynr-glass-button-content svg {width:22px;height:22px}
.ynr-glass-button:not(:disabled):active {transform:scale(1.1)}
.ynr-glass-button:focus-visible {outline:2px solid var(--ynr-ring,#94bffa);outline-offset:4px}
.ynr-glass-button:disabled {cursor:default;opacity:.45}
.ynr-glass-light {position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none}
.ynr-glass-light::after {content:"";position:absolute;inset:-70%;background:radial-gradient(ellipse at center,#ffffff30,transparent 55%);opacity:0;transform:translate(var(--glass-light-x,0px),var(--glass-light-y,0px));transition:opacity 140ms}
.ynr-glass-button:not(:disabled):hover>.ynr-glass-light::after {opacity:1}
.ynr-glass-button-group {border-radius:var(--glass-group-radius,999px);display:inline-flex;align-items:center;gap:2px;padding:5px;max-width:100%;flex-wrap:wrap;isolation:isolate}
.ynr-glass-button-group .ynr-glass-button {box-shadow:none;min-width:44px;--glass-button-padding:14px}
.ynr-glass-button[data-grouped][aria-pressed="true"] {background:#ffffff26}
.ynr-glass-button[data-grouped]:not(:disabled):hover {background:#ffffff12}
.ynr-glass-panel {border-radius:var(--glass-radius,20px);padding:20px;display:block;isolation:isolate}
.ynr-glass-content {position:relative}
.ynr-glass-sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(pointer:coarse){.ynr-glass-button[data-size="sm"]{--glass-button-height:44px}}
@media(prefers-reduced-motion:reduce){.ynr-glass-button,.ynr-glass-material,.ynr-glass-light::after{transition:none}.ynr-glass-button:not(:disabled):active{transform:none}.ynr-glass-light::after{display:none}}
@media(prefers-reduced-transparency:reduce),(forced-colors:active){.ynr-glass-material{display:none!important}.ynr-glass-surface{background:var(--glass-opaque,#454953)}.ynr-glass-light{display:none}}
@media(forced-colors:active){.ynr-glass-surface{background:Canvas!important;border:1px solid ButtonText}.ynr-glass-button,.ynr-glass-panel{color:ButtonText}.ynr-glass-button[aria-pressed="true"]{outline:2px solid Highlight}.ynr-glass-button:focus-visible{outline-color:Highlight}}

.ynr-button.ynr-glass-button[data-ynr-variant] {background:transparent;border:0;color:var(--glass-foreground,#f5f5f7);border-radius:var(--glass-button-radius,999px);min-height:max(44px,var(--ynr-button-used-height));height:auto;padding-inline:var(--ynr-button-instance-padding-x,var(--ynr-button-padding-x,20px));overflow:visible}
.ynr-button.ynr-glass-button[data-icon-only] {width:max(44px,var(--ynr-button-used-height));height:max(44px,var(--ynr-button-used-height));padding:0}
.ynr-button.ynr-glass-button:not(:disabled):hover {background:transparent;box-shadow:0 2px 5px #0002;filter:none}
.ynr-button.ynr-glass-button:not(:disabled):active {transform:scale(1.1)}
.ynr-glass-button-group .ynr-button.ynr-glass-button {box-shadow:none}
.ynr-glass-button-group .ynr-button.ynr-glass-button[aria-pressed="true"] {background:#ffffff26}
@media(prefers-reduced-motion:reduce){.ynr-button.ynr-glass-button:not(:disabled):active{transform:none}}

.ynr-glass-button-group[data-orientation="vertical"]{flex-direction:column}

/* end theynrlib styles glass-controls-01 */

/* theynrlib styles button-composition-01 */
.ynr-button[data-variant="outline"]{background:transparent;border:1px solid var(--ynr-border,#444);color:var(--ynr-foreground)}
.ynr-button[data-variant="link"]{background:transparent;border-color:transparent;color:var(--ynr-foreground);box-shadow:none;text-decoration:underline;text-underline-offset:4px}
.ynr-button[aria-disabled="true"]{opacity:.5;cursor:default}
.ynr-glass-button{isolation:isolate;text-decoration:none}
.ynr-glass-material{z-index:-1}
/* end theynrlib styles button-composition-01 */

/* theynrlib styles button-effects-02 */
.ynr-particle-burst{inset:auto;width:0;height:0}
.ynr-particle-burst i{left:0;top:0}
/* end theynrlib styles button-effects-02 */

/* theynrlib styles navigation-options-01 */
.astryx-link[data-animated-underline="true"]:not(#\#):not(#\#):not(#\#):not(
    #\#
  ) {
  color: var(--ynr-link-color, var(--ynr-foreground, #eee));
  text-decoration-line: underline;
  text-decoration-style: dotted;
  text-underline-offset: 0.25em;
  text-decoration-thickness: 1px;
  transition:
    color 160ms ease,
    text-decoration-color 160ms ease;
}
.astryx-link[data-animated-underline="true"]:not([aria-disabled="true"]):is(
    :hover,
    :focus-visible
  ):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: var(--ynr-link-hover-color, #60a5fa);
  text-decoration-style: solid;
}
.astryx-link[data-animated-underline="true"] > .astryx-text {
  color: inherit;
}
@media (prefers-reduced-motion: reduce) {
  .astryx-link[data-animated-underline="true"] {
    transition: none !important;
  }
}
/* end theynrlib styles navigation-options-01 */



/* theynrlib styles dock-02 */
.ynr-dock {
  width: max-content;
  max-width: 100%;
  min-height: 68px;
  align-items: flex-end;
  flex-wrap: nowrap;
  gap: var(--dock-gap, 8px);
  padding: var(--dock-padding, 10px);
  border-radius: var(--dock-radius, 18px);
  background: var(
    --dock-background,
    color-mix(in srgb, var(--ynr-surface) 90%, transparent)
  );
  box-shadow: 0 4px 16px #0002;
  backdrop-filter: blur(12px);
}
.ynr-dock[data-direction="middle"] {
  align-items: center;
}
.ynr-dock[data-direction="top"] {
  align-items: flex-start;
}
.ynr-dock .ynr-dock-item {
  position: relative;
  flex: 0 0 auto;
  width: calc(var(--dock-item-size, 44px) + var(--dock-item-growth, 0px));
  height: calc(var(--dock-item-size, 44px) + var(--dock-item-growth, 0px));
  padding: 0;
  border-radius: var(--dock-item-radius, 50%);
  background: transparent;
  transform: none;
  transition:
    width 150ms cubic-bezier(0.2, 0.8, 0.2, 1),
    height 150ms cubic-bezier(0.2, 0.8, 0.2, 1),
    background-color 150ms;
}
.ynr-dock .ynr-dock-item:hover,
.ynr-dock .ynr-dock-item:focus-visible {
  transform: none;
  background: var(
    --dock-item-background,
    color-mix(in srgb, var(--ynr-surface) 85%, var(--ynr-foreground))
  );
}
.ynr-dock .ynr-dock-item:not([data-icon]) {
  width: auto;
  padding-inline: 10px;
}
.ynr-dock-item-content {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transform: scale(var(--dock-item-scale, 1));
  transition: transform 150ms cubic-bezier(0.2, 0.8, 0.2, 1);
}
.ynr-dock-item-content > svg {
  width: 20px;
  height: 20px;
}
.ynr-dock-label {
  position: absolute;
  bottom: calc(100% + 12px);
  left: 50%;
  transform: translate(-50%, 4px);
  padding: 4px 8px;
  border: 1px solid var(--ynr-border);
  border-radius: 6px;
  background: var(--ynr-background);
  color: var(--ynr-foreground);
  font-size: 12px;
  line-height: 1.5;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition:
    opacity 140ms,
    transform 140ms;
}
.ynr-dock-item:hover .ynr-dock-label,
.ynr-dock-item:focus-visible .ynr-dock-label {
  opacity: 1;
  transform: translate(-50%, 0);
}
.ynr-dock [role="separator"] {
  width: 1px;
  height: 28px;
  flex: 0 0 1px;
  background: var(--ynr-border);
  align-self: center;
  margin-inline: 2px;
}
@media (prefers-reduced-motion: reduce) {
  .ynr-dock .ynr-dock-item {
    width: var(--dock-item-size, 44px);
    height: var(--dock-item-size, 44px);
    transition: none;
  }
  .ynr-dock-item-content,
  .ynr-dock-label {
    transform: none;
    transition: none;
  }
  .ynr-dock .ynr-dock-label {
    transform: translateX(-50%);
  }
}
@media (prefers-reduced-transparency: reduce) {
  .ynr-dock {
    background: var(--dock-background, var(--ynr-background));
    backdrop-filter: none;
  }
}
/* end theynrlib styles dock-02 */



/* theynrlib styles navigation-drawer-01 */
/* A native modal stays in the top layer until its panel finishes sliding out. */
.astryx-mobile-nav[open] {
  display: block;
  border: 0;
  padding: 0;
  outline: none;
  overflow: hidden;
  background: rgb(0 0 0 / 0.45);
  transition: background 260ms ease;
}
.astryx-mobile-nav[data-nav-state="closing"] {
  background: transparent;
}
.astryx-mobile-nav[open] [data-nav-panel] {
  height: 100%;
  transition: transform 260ms cubic-bezier(0.2, 0.8, 0.2, 1);
}
.astryx-mobile-nav[data-side="start"] [data-nav-panel] {
  transform: translateX(-100%);
}
.astryx-mobile-nav[data-side="end"] [data-nav-panel] {
  transform: translateX(100%);
}
.astryx-mobile-nav[open][data-nav-state="open"] [data-nav-panel] {
  transform: translateX(0);
}
.ynr-navigation-toggle-icon {
  overflow: visible;
}
.ynr-navigation-toggle-icon path {
  transform-origin: 10px 10px;
  transition: transform 260ms ease;
}
.ynr-navigation-toggle-icon[data-open="true"] path:first-child {
  transform: translateY(3px) rotate(45deg);
  transform-origin: 10px 7px;
}
.ynr-navigation-toggle-icon[data-open="true"] path:last-child {
  transform: translateY(-3px) rotate(-45deg);
  transform-origin: 10px 13px;
}
@media (prefers-reduced-motion: reduce) {
  .astryx-mobile-nav[open],
  .astryx-mobile-nav[open] [data-nav-panel],
  .ynr-navigation-toggle-icon path {
    transition: none;
  }
}

/* end theynrlib styles navigation-drawer-01 */

/* theynrlib styles navigation-raised-01 */
.ynr-menubar-root,
.ynr-navigation-menu-list,
.ynr-toolbar-root {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  width: fit-content;
  max-width: 100%;
  padding: 4px;
  margin: 0;
  list-style: none;
  border: 1px solid var(--ynr-border);
  border-radius: var(--navigation-control-radius, 22px);
  background: var(--navigation-control-background, var(--ynr-surface));
}
.ynr-menubar-trigger,
.ynr-navigation-menu-trigger,
.ynr-navigation-menu-list
  > .ynr-navigation-menu-item
  > .ynr-navigation-menu-link,
.ynr-toolbar-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 34px;
  padding: 7px 12px;
  border: 0;
  border-radius: var(--navigation-item-radius, 18px);
  background: transparent;
  color: var(--ynr-foreground);
  text-decoration: none;
  font-size: 14px;
  line-height: 1.4;
  white-space: nowrap;
  transition: background-color 140ms;
}
.ynr-toolbar-button {
  min-width: 36px;
}
.ynr-menubar-trigger:hover,
.ynr-menubar-trigger[data-popup-open],
.ynr-navigation-menu-trigger:hover,
.ynr-navigation-menu-trigger[data-popup-open],
.ynr-navigation-menu-list
  > .ynr-navigation-menu-item
  > .ynr-navigation-menu-link:hover,
.ynr-toolbar-button:hover:not(:disabled) {
  background: var(
    --navigation-active-background,
    color-mix(in srgb, var(--ynr-surface) 85%, var(--ynr-foreground))
  );
}
.ynr-menubar-popup,
.ynr-navigation-menu-popup,
.ynr-nav-heading-popup {
  min-width: 220px;
  padding: 5px;
  border: 1px solid var(--ynr-border);
  border-radius: var(--navigation-popup-radius, 12px);
  background: var(
    --navigation-popup-background,
    color-mix(in srgb, var(--ynr-surface) 96%, var(--ynr-foreground))
  );
  color: var(--ynr-foreground);
  box-shadow: 0 10px 28px #0004;
}
.ynr-menubar-item,
.ynr-menubar-checkbox-item,
.ynr-menubar-radio-item,
.ynr-menubar-submenu-trigger,
.ynr-navigation-menu-content .ynr-navigation-menu-link,
.astryx-nav-heading-menu-item {
  display: flex;
  align-items: center;
  min-height: 36px;
  padding: 8px 10px;
  border-radius: var(--navigation-menu-item-radius, 7px);
  color: var(--ynr-foreground);
  text-decoration: none;
  font-size: 14px;
}
.ynr-menubar-item[data-highlighted],
.ynr-menubar-checkbox-item[data-highlighted],
.ynr-menubar-radio-item[data-highlighted],
.ynr-menubar-submenu-trigger[data-highlighted],
.ynr-navigation-menu-content .ynr-navigation-menu-link:hover,
.ynr-navigation-menu-content .ynr-navigation-menu-link:focus-visible,
.astryx-nav-heading-menu-item:hover:not([aria-disabled="true"]),
.astryx-nav-heading-menu-item:focus-visible {
  background: var(
    --navigation-active-background,
    color-mix(in srgb, var(--ynr-surface) 85%, var(--ynr-foreground))
  );
  color: var(--ynr-foreground);
}
.ynr-menubar-item[data-disabled],
.ynr-toolbar-button:disabled {
  opacity: 0.45;
  cursor: default;
}
.ynr-toolbar-separator {
  width: 1px;
  height: 22px;
  align-self: center;
  margin: 0 4px;
}
.ynr-navigation-menu-content {
  min-width: 210px;
}
.ynr-navigation-menu-icon {
  display: inline-flex;
}
.ynr-nav-heading-chevron {
  flex-shrink: 0;
  color: currentColor;
}
.ynr-nav-heading-chevron-open {
  transform: rotate(180deg);
}
.astryx-side-nav-heading:has(button[aria-haspopup]) {
  padding: 8px 12px;
  border: 1px solid var(--ynr-border);
  border-radius: 10px;
  background: var(--ynr-surface);
}
.ynr-nav-heading-popup > button {
  width: 100%;
  border-radius: 8px;
  min-height: 40px;
}
.astryx-nav-heading-menu {
  gap: 2px;
}
[data-slot="command"] {
  border: 1px solid var(--ynr-border);
  border-radius: 12px;
  background: var(--navigation-popup-background, var(--ynr-surface));
  box-shadow: 0 8px 22px #0002;
}
[data-slot="command-input-wrapper"] {
  height: 46px;
  padding-inline: 14px;
}
[data-slot="command-group-heading"] {
  color: var(--ynr-muted);
}
[data-slot="command-item"] {
  border-radius: 7px;
  min-height: 36px;
  padding-inline: 10px;
}
[data-slot="command-item"][data-selected="true"] {
  background: var(
    --navigation-active-background,
    color-mix(in srgb, var(--ynr-surface) 85%, var(--ynr-foreground))
  );
  color: var(--ynr-foreground);
}
[data-slot="sidebar-inner"] {
  background: var(--navigation-popup-background, var(--ynr-surface));
}
[data-slot="sidebar-menu-button"] {
  border-radius: 8px;
}
[data-slot="sidebar-menu-button"][data-active="true"] {
  background: var(
    --navigation-active-background,
    color-mix(in srgb, var(--ynr-surface) 85%, var(--ynr-foreground))
  );
}
.ynr-navigation-demo {
  display: grid;
  justify-items: start;
  align-content: start;
  gap: 16px;
}
.ynr-navigation-demo > p[role="status"] {
  margin: 0;
  min-height: 22px;
}
.ynr-navigation-label-setting {
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 14px;
  color: var(--ynr-muted);
}
.ynr-sidebar-demo {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--ynr-border);
  border-radius: 12px;
  --sidebar-width: 210px;
}
.ynr-sidebar-demo [data-slot="sidebar"][data-state] {
  display: block;
}
.ynr-sidebar-demo [data-slot="sidebar-container"] {
  position: absolute;
  display: flex;
  height: 100%;
}
.ynr-sidebar-demo [data-state="collapsed"] .ynr-sidebar-workspace {
  visibility: hidden;
}
.ynr-sidebar-workspace {
  padding: 8px;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}
@media (max-width: 480px) {
  .ynr-sidebar-demo {
    --sidebar-width: 150px;
  }
  .ynr-toolbar-button {
    padding-inline: 9px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ynr-menubar-trigger,
  .ynr-navigation-menu-trigger,
  .ynr-toolbar-button {
    transition: none;
  }
}
[data-slot="sidebar-inner"] [data-slot="sidebar-menu"] {
  list-style: none;
  margin: 0;
  padding: 0;
}
[data-slot="sidebar-inner"] [data-slot="sidebar-menu-button"] {
  border: 0;
  background: transparent;
  box-shadow: none;
  padding: 8px;
}
[data-slot="sidebar-inner"]
  [data-slot="sidebar-menu-button"][data-active="true"],
[data-slot="sidebar-inner"] [data-slot="sidebar-menu-button"]:hover {
  background: var(
    --navigation-active-background,
    color-mix(in srgb, var(--ynr-surface) 85%, var(--ynr-foreground))
  );
}
[data-slot="command"][cmdk-root] {
  border-radius: 12px;
}
[data-slot="sidebar-inner"] {--sidebar-item-active:var(--navigation-active-background,color-mix(in srgb,var(--ynr-surface) 85%,var(--ynr-foreground)))}
/* end theynrlib styles navigation-raised-01 */

/* theynrlib styles shadcn-utilities-01 — generated from component Tailwind recipes. */
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
    monospace;
    --color-red-400: oklch(70.4% 0.191 22.216);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-sm: 24rem;
    --container-lg: 32rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-widest: 0.1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --radius-xs: 0.125rem;
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --aspect-video: 16 / 9;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --color-accent: var(--ynr-surface);
    --color-border: var(--ynr-border);
  }
}
@layer utilities {
  .\@container\/field-group {
    container-type: inline-size;
    container-name: field-group;
  }
  .\@container {
    container-type: inline-size;
  }
  .pointer-events-none {
    pointer-events: none;
  }
  .collapse {
    visibility: collapse;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute {
    position: absolute;
  }
  .absolute\! {
    position: absolute !important;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: 0px;
  }
  .inset-x-0 {
    inset-inline: 0px;
  }
  .inset-y-0 {
    inset-block: 0px;
  }
  .inset-y-0\! {
    inset-block: 0px !important;
  }
  .inset-s-1\/2 {
    inset-inline-start: calc(1 / 2 * 100%);
  }
  .top-0 {
    top: 0px;
  }
  .top-1\.5 {
    top: calc(var(--spacing) * 1.5);
  }
  .top-1\/2 {
    top: calc(1 / 2 * 100%);
  }
  .top-3\.5 {
    top: calc(var(--spacing) * 3.5);
  }
  .top-4 {
    top: calc(var(--spacing) * 4);
  }
  .top-\[50\%\] {
    top: 50%;
  }
  .right-0 {
    right: 0px;
  }
  .right-1 {
    right: var(--spacing);
  }
  .right-3 {
    right: calc(var(--spacing) * 3);
  }
  .right-4 {
    right: calc(var(--spacing) * 4);
  }
  .bottom-0 {
    bottom: 0px;
  }
  .left-0 {
    left: 0px;
  }
  .left-3 {
    left: calc(var(--spacing) * 3);
  }
  .left-\[50\%\] {
    left: 50%;
  }
  .z-10 {
    z-index: 10;
  }
  .z-20 {
    z-index: 20;
  }
  .z-50 {
    z-index: 50;
  }
  .order-first {
    order: -9999;
  }
  .order-last {
    order: 9999;
  }
  .col-start-1 {
    grid-column-start: 1;
  }
  .col-start-2 {
    grid-column-start: 2;
  }
  .col-start-3 {
    grid-column-start: 3;
  }
  .row-start-1 {
    grid-row-start: 1;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .m-0\! {
    margin: 0px !important;
  }
  .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }
  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }
  .mx-3\.5 {
    margin-inline: calc(var(--spacing) * 3.5);
  }
  .mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .-my-2 {
    margin-block: calc(var(--spacing) * -2);
  }
  .my-0 {
    margin-block: 0px;
  }
  .my-0\.5 {
    margin-block: calc(var(--spacing) * 0.5);
  }
  .ms-auto {
    margin-inline-start: auto;
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-auto {
    margin-top: auto;
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }
  .ml-auto {
    margin-left: auto;
  }
  .line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .\!block {
    display: block !important;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .list-item {
    display: list-item;
  }
  .table {
    display: table;
  }
  .table-cell {
    display: table-cell;
  }
  .table-row {
    display: table-row;
  }
  .aspect-square {
    aspect-ratio: 1 / 1;
  }
  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }
  .size-2 {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }
  .size-2\.5 {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }
  .size-3\.5 {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
  .size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }
  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }
  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }
  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }
  .size-full {
    width: 100%;
    height: 100%;
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-7 {
    height: calc(var(--spacing) * 7);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-9 {
    height: calc(var(--spacing) * 9);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-60 {
    height: calc(var(--spacing) * 60);
  }
  .h-72 {
    height: calc(var(--spacing) * 72);
  }
  .h-auto {
    height: auto;
  }
  .h-full {
    height: 100%;
  }
  .h-max {
    height: max-content;
  }
  .h-px {
    height: 1px;
  }
  .h-svh {
    height: 100svh;
  }
  .max-h-\[300px\] {
    max-height: 300px;
  }
  .min-h-0 {
    min-height: 0px;
  }
  .min-h-4 {
    min-height: calc(var(--spacing) * 4);
  }
  .min-h-11 {
    min-height: calc(var(--spacing) * 11);
  }
  .min-h-20 {
    min-height: calc(var(--spacing) * 20);
  }
  .min-h-48 {
    min-height: calc(var(--spacing) * 48);
  }
  .min-h-\[1lh\] {
    min-height: 1lh;
  }
  .min-h-full {
    min-height: 100%;
  }
  .min-h-svh {
    min-height: 100svh;
  }
  .w-\(--sidebar-width\) {
    width: var(--sidebar-width);
  }
  .w-0 {
    width: 0px;
  }
  .w-1 {
    width: var(--spacing);
  }
  .w-2 {
    width: calc(var(--spacing) * 2);
  }
  .w-2\.5 {
    width: calc(var(--spacing) * 2.5);
  }
  .w-3 {
    width: calc(var(--spacing) * 3);
  }
  .w-3\/4 {
    width: calc(3 / 4 * 100%);
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-9 {
    width: calc(var(--spacing) * 9);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-24 {
    width: calc(var(--spacing) * 24);
  }
  .w-auto {
    width: auto;
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .w-px {
    width: 1px;
  }
  .max-w-\(--skeleton-width\) {
    max-width: var(--skeleton-width);
  }
  .max-w-\[80\%\] {
    max-width: 80%;
  }
  .max-w-\[calc\(100\%-2rem\)\] {
    max-width: calc(100% - 2rem);
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-sm {
    max-width: var(--container-sm);
  }
  .min-w-0 {
    min-width: 0px;
  }
  .min-w-5 {
    min-width: calc(var(--spacing) * 5);
  }
  .min-w-8 {
    min-width: calc(var(--spacing) * 8);
  }
  .min-w-40 {
    min-width: calc(var(--spacing) * 40);
  }
  .min-w-\[8rem\] {
    min-width: 8rem;
  }
  .min-w-\[14ch\] {
    min-width: 14ch;
  }
  .flex-1 {
    flex: 1;
  }
  .shrink {
    flex-shrink: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .grow {
    flex-grow: 1;
  }
  .basis-full {
    flex-basis: 100%;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-px {
    --tw-translate-x: -1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-\[-50\%\] {
    --tw-translate-x: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-px {
    --tw-translate-x: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-3\/4 {
    --tw-translate-y: calc(calc(3 / 4 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-3\/4 {
    --tw-translate-y: calc(3 / 4 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[--spacing\(0\.45\)\] {
    --tw-translate-y: calc(var(--spacing) * 0.45);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[-50\%\] {
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .cursor-text {
    cursor: text;
  }
  .resize {
    resize: both;
  }
  .resize-none {
    resize: none;
  }
  .snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
  }
  .snap-mandatory {
    --tw-scroll-snap-strictness: mandatory;
  }
  .scroll-px-1 {
    scroll-padding-inline: var(--spacing);
  }
  .scroll-py-1 {
    scroll-padding-block: var(--spacing);
  }
  .scrollbar-none {
    scrollbar-width: none;
  }
  .scrollbar-thin {
    scrollbar-width: thin;
  }
  .scrollbar-gutter-stable {
    scrollbar-gutter: stable;
  }
  .list-disc {
    list-style-type: disc;
  }
  .grid-cols-\[minmax\(0\,1fr\)_auto_auto\] {
    grid-template-columns: minmax(0,1fr) auto auto;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-col-reverse {
    flex-direction: column-reverse;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-stretch {
    align-items: stretch;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
  .gap-1 {
    gap: var(--spacing);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-7 {
    gap: calc(var(--spacing) * 7);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .self-end {
    align-self: flex-end;
  }
  .self-stretch {
    align-self: stretch;
  }
  .justify-self-end {
    justify-self: flex-end;
  }
  .justify-self-start {
    justify-self: flex-start;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .overscroll-contain {
    overscroll-behavior: contain;
  }
  .overscroll-x-contain {
    overscroll-behavior-x: contain;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-\[2px\] {
    border-radius: 2px;
  }
  .rounded-\[4px\] {
    border-radius: 4px;
  }
  .rounded-\[calc\(var\(--radius\)-5px\)\] {
    border-radius: calc(var(--radius) - 5px);
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--ynr-radius);
  }
  .rounded-md {
    border-radius: max(0px, calc(var(--ynr-radius) - 2px));
  }
  .rounded-none {
    border-radius: 0;
  }
  .rounded-sm {
    border-radius: max(0px, calc(var(--ynr-radius) - 4px));
  }
  .rounded-xl {
    border-radius: calc(var(--ynr-radius) + 4px);
  }
  .rounded-xs {
    border-radius: var(--radius-xs);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .border-\[1\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 1.5px;
  }
  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .border-\(--color-border\) {
    border-color: var(--color-border);
  }
  .border-border {
    border-color: var(--ynr-border);
  }
  .border-border\/50 {
    border-color: var(--ynr-border);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--ynr-border) 50%, transparent);
    }
  }
  .border-input {
    border-color: var(--ynr-border);
  }
  .border-sidebar-border {
    border-color: var(--ynr-border);
  }
  .border-transparent {
    border-color: transparent;
  }
  .bg-\(--color-bg\) {
    background-color: var(--color-bg);
  }
  .bg-background {
    background-color: var(--ynr-background);
  }
  .bg-black\/50 {
    background-color: color-mix(in srgb, #000 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }
  .bg-border {
    background-color: var(--ynr-border);
  }
  .bg-card {
    background-color: var(--ynr-surface);
  }
  .bg-destructive {
    background-color: var(--ynr-danger);
  }
  .bg-foreground {
    background-color: var(--ynr-foreground);
  }
  .bg-input {
    background-color: var(--ynr-border);
  }
  .bg-muted {
    background-color: var(--ynr-surface);
  }
  .bg-muted\/50 {
    background-color: var(--ynr-surface);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ynr-surface) 50%, transparent);
    }
  }
  .bg-popover {
    background-color: var(--ynr-surface);
  }
  .bg-primary {
    background-color: var(--ynr-primary);
  }
  .bg-primary-foreground {
    background-color: var(--ynr-on-primary);
  }
  .bg-red-400\/40 {
    background-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-400) 40%, transparent);
    }
  }
  .bg-secondary {
    background-color: var(--ynr-surface);
  }
  .bg-sidebar {
    background-color: var(--ynr-surface);
  }
  .bg-sidebar-border {
    background-color: var(--ynr-border);
  }
  .bg-surface {
    background-color: var(--ynr-surface);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .p-0 {
    padding: 0px;
  }
  .p-1 {
    padding: var(--spacing);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .px-1 {
    padding-inline: var(--spacing);
  }
  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-1 {
    padding-block: var(--spacing);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-start {
    text-align: start;
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-\[0\.625rem\] {
    font-size: 0.625rem;
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }
  .text-balance {
    text-wrap: balance;
  }
  .text-pretty {
    text-wrap: pretty;
  }
  .wrap-break-word {
    overflow-wrap: break-word;
  }
  .break-all {
    word-break: break-all;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .text-card-foreground {
    color: var(--ynr-foreground);
  }
  .text-destructive {
    color: var(--ynr-danger);
  }
  .text-foreground {
    color: var(--ynr-foreground);
  }
  .text-input {
    color: var(--ynr-border);
  }
  .text-muted-foreground {
    color: var(--ynr-muted);
  }
  .text-on-primary {
    color: var(--ynr-on-primary);
  }
  .text-popover-foreground {
    color: var(--ynr-foreground);
  }
  .text-primary {
    color: var(--ynr-primary);
  }
  .text-primary-foreground {
    color: var(--ynr-on-primary);
  }
  .text-secondary-foreground {
    color: var(--ynr-foreground);
  }
  .text-sidebar-foreground {
    color: var(--ynr-foreground);
  }
  .text-sidebar-foreground\/70 {
    color: var(--ynr-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--ynr-foreground) 70%, transparent);
    }
  }
  .text-white {
    color: var(--color-white);
  }
  .lowercase {
    text-transform: lowercase;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .underline {
    text-decoration-line: underline;
  }
  .underline-offset-4 {
    text-underline-offset: 4px;
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .opacity-60 {
    opacity: 60%;
  }
  .opacity-70 {
    opacity: 70%;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_1px_var\(--sidebar-border\)\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--sidebar-border));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-xs {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-3 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-card {
    --tw-ring-color: var(--ynr-surface);
  }
  .ring-sidebar-ring {
    --tw-ring-color: var(--ynr-focus);
  }
  .ring-offset-background {
    --tw-ring-offset-color: var(--ynr-background);
  }
  .outline-hidden {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .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,);
  }
  .invert {
    --tw-invert: invert(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, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[color\,box-shadow\,background-color\] {
    transition-property: color,box-shadow,background-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[color\,box-shadow\] {
    transition-property: color,box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[left\,right\,width\] {
    transition-property: left,right,width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[margin\,opacity\] {
    transition-property: margin,opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[translate\,scale\,opacity\] {
    transition-property: translate,scale,opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[width\,height\,padding\] {
    transition-property: width,height,padding;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[width\] {
    transition-property: width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-100 {
    --tw-duration: 100ms;
    transition-duration: 100ms;
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .duration-1000 {
    --tw-duration: 1000ms;
    transition-duration: 1000ms;
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .ease-linear {
    --tw-ease: linear;
    transition-timing-function: linear;
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .contain-content {
    contain: content;
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .select-all {
    -webkit-user-select: all;
    user-select: all;
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .\[contain-intrinsic-size\:auto_10rem\] {
    contain-intrinsic-size: auto 10rem;
  }
  .\[content-visibility\:auto\] {
    content-visibility: auto;
  }
  .group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *) {
    opacity: 100%;
  }
  @media (hover: hover) {
    .group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *) {
      opacity: 100%;
    }
  }
  .group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar="menu-action"]) *) {
    padding-right: calc(var(--spacing) * 8);
  }
  .group-has-data-\[slot\=message-footer\]\/message\:-translate-y-8:is(:where(.group\/message):has([data-slot="message-footer"]) *) {
    --tw-translate-y: calc(var(--spacing) * -8);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .group-has-data-\[slot\=questionnaire-choice-description\]\/questionnaire-choice\:translate-y-0\.5:is(:where(.group\/questionnaire-choice):has([data-slot="questionnaire-choice-description"]) *) {
    --tw-translate-y: calc(var(--spacing) * 0.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .group-has-data-\[variant\=ghost\]\/message\:px-0:is(:where(.group\/message):has([data-variant="ghost"]) *) {
    padding-inline: 0px;
  }
  .group-has-\[\[data-orientation\=horizontal\]\]\/field\:text-balance:is(:where(.group\/field):has(:is([data-orientation=horizontal])) *) {
    text-wrap: balance;
  }
  .group-has-\[\[data-slot\=item-description\]\]\/item\:translate-y-0\.5:is(:where(.group\/item):has(:is([data-slot=item-description])) *) {
    --tw-translate-y: calc(var(--spacing) * 0.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .group-has-\[\[data-slot\=item-description\]\]\/item\:self-start:is(:where(.group\/item):has(:is([data-slot=item-description])) *) {
    align-self: flex-start;
  }
  .group-has-\[\>input\]\/input-group\:pt-2\.5:is(:where(.group\/input-group):has( > input) *) {
    padding-top: calc(var(--spacing) * 2.5);
  }
  .group-has-\[\>input\]\/input-group\:pb-2\.5:is(:where(.group\/input-group):has( > input) *) {
    padding-bottom: calc(var(--spacing) * 2.5);
  }
  .group-data-checked\/questionnaire-choice\:block:is(:where(.group\/questionnaire-choice)[data-checked] *) {
    display: block;
  }
  .group-data-checked\/questionnaire-choice\:border-primary:is(:where(.group\/questionnaire-choice)[data-checked] *) {
    border-color: var(--ynr-primary);
  }
  .group-data-checked\/questionnaire-choice\:bg-primary:is(:where(.group\/questionnaire-choice)[data-checked] *) {
    background-color: var(--ynr-primary);
  }
  .group-data-checked\/questionnaire-choice\:text-primary-foreground:is(:where(.group\/questionnaire-choice)[data-checked] *) {
    color: var(--ynr-on-primary);
  }
  .group-data-\[align\=end\]\/bubble\:self-end:is(:where(.group\/bubble)[data-align="end"] *) {
    align-self: flex-end;
  }
  .group-data-\[align\=end\]\/message\:justify-end:is(:where(.group\/message)[data-align="end"] *) {
    justify-content: flex-end;
  }
  .group-data-\[align\=end\]\/message\:self-end:is(:where(.group\/message)[data-align="end"] *) {
    align-self: flex-end;
  }
  .group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible="icon"] *) {
    margin-top: calc(var(--spacing) * -8);
  }
  .group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible="icon"] *) {
    display: none;
  }
  .group-data-\[collapsible\=icon\]\:size-8\!:is(:where(.group)[data-collapsible="icon"] *) {
    width: calc(var(--spacing) * 8) !important;
    height: calc(var(--spacing) * 8) !important;
  }
  .group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(:where(.group)[data-collapsible="icon"] *) {
    width: var(--sidebar-width-icon);
  }
  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\]:is(:where(.group)[data-collapsible="icon"] *) {
    width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)));
  }
  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\]:is(:where(.group)[data-collapsible="icon"] *) {
    width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px);
  }
  .group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible="icon"] *) {
    overflow: hidden;
  }
  .group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible="icon"] *) {
    padding: 0px !important;
  }
  .group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible="icon"] *) {
    padding: calc(var(--spacing) * 2) !important;
  }
  .group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible="icon"] *) {
    opacity: 0%;
  }
  .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible="offcanvas"] *) {
    right: calc(var(--sidebar-width) * -1);
  }
  .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible="offcanvas"] *) {
    left: calc(var(--sidebar-width) * -1);
  }
  .group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible="offcanvas"] *) {
    width: 0px;
  }
  .group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible="offcanvas"] *) {
    --tw-translate-x: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled="true"] *) {
    pointer-events: none;
  }
  .group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled="true"] *) {
    opacity: 50%;
  }
  .group-data-\[disabled\=true\]\/field\:opacity-50:is(:where(.group\/field)[data-disabled="true"] *) {
    opacity: 50%;
  }
  .group-data-\[disabled\=true\]\/input-group\:opacity-50:is(:where(.group\/input-group)[data-disabled="true"] *) {
    opacity: 50%;
  }
  .group-data-\[orientation\=vertical\]\/attachment\:absolute:is(:where(.group\/attachment)[data-orientation="vertical"] *) {
    position: absolute;
  }
  .group-data-\[orientation\=vertical\]\/attachment\:top-3:is(:where(.group\/attachment)[data-orientation="vertical"] *) {
    top: calc(var(--spacing) * 3);
  }
  .group-data-\[orientation\=vertical\]\/attachment\:right-3:is(:where(.group\/attachment)[data-orientation="vertical"] *) {
    right: calc(var(--spacing) * 3);
  }
  .group-data-\[orientation\=vertical\]\/attachment\:w-full:is(:where(.group\/attachment)[data-orientation="vertical"] *) {
    width: 100%;
  }
  .group-data-\[orientation\=vertical\]\/attachment\:gap-1:is(:where(.group\/attachment)[data-orientation="vertical"] *) {
    gap: var(--spacing);
  }
  .group-data-\[orientation\=vertical\]\/attachment\:px-1:is(:where(.group\/attachment)[data-orientation="vertical"] *) {
    padding-inline: var(--spacing);
  }
  .group-data-\[shortcut\]\/questionnaire-choice\:inline-flex:is(:where(.group\/questionnaire-choice)[data-shortcut] *) {
    display: inline-flex;
  }
  .group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side="left"] *) {
    right: calc(var(--spacing) * -4);
  }
  .group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side="left"] *) {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side="right"] *) {
    left: 0px;
  }
  .group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side="right"] *) {
    rotate: 180deg;
  }
  .group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side="right"] *) {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .group-data-\[size\=sm\]\/attachment\:w-8:is(:where(.group\/attachment)[data-size="sm"] *) {
    width: calc(var(--spacing) * 8);
  }
  .group-data-\[size\=xs\]\/attachment\:w-7:is(:where(.group\/attachment)[data-size="xs"] *) {
    width: calc(var(--spacing) * 7);
  }
  .group-data-\[size\=xs\]\/attachment\:rounded-md:is(:where(.group\/attachment)[data-size="xs"] *) {
    border-radius: max(0px, calc(var(--ynr-radius) - 2px));
  }
  .group-data-\[state\=done\]\/attachment\:opacity-100:is(:where(.group\/attachment)[data-state="done"] *) {
    opacity: 100%;
  }
  .group-data-\[state\=error\]\/attachment\:bg-destructive\/10:is(:where(.group\/attachment)[data-state="error"] *) {
    background-color: var(--ynr-danger);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ynr-danger) 10%, transparent);
    }
  }
  .group-data-\[state\=error\]\/attachment\:text-destructive:is(:where(.group\/attachment)[data-state="error"] *) {
    color: var(--ynr-danger);
  }
  .group-data-\[state\=error\]\/attachment\:text-destructive\/80:is(:where(.group\/attachment)[data-state="error"] *) {
    color: var(--ynr-danger);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--ynr-danger) 80%, transparent);
    }
  }
  .group-data-\[state\=idle\]\/attachment\:opacity-100:is(:where(.group\/attachment)[data-state="idle"] *) {
    opacity: 100%;
  }
  .group-data-\[type\=checkbox\]\/questionnaire-choice\:hidden:is(:where(.group\/questionnaire-choice)[data-type="checkbox"] *) {
    display: none;
  }
  .group-data-\[type\=radio\]\/questionnaire-choice\:hidden:is(:where(.group\/questionnaire-choice)[data-type="radio"] *) {
    display: none;
  }
  .group-data-\[type\=radio\]\/questionnaire-choice\:rounded-full:is(:where(.group\/questionnaire-choice)[data-type="radio"] *) {
    border-radius: calc(infinity * 1px);
  }
  .group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant="floating"] *) {
    border-radius: var(--ynr-radius);
  }
  .group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant="floating"] *) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .group-data-\[variant\=floating\]\:border-sidebar-border:is(:where(.group)[data-variant="floating"] *) {
    border-color: var(--ynr-border);
  }
  .group-data-\[variant\=floating\]\:shadow-sm:is(:where(.group)[data-variant="floating"] *) {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .group-data-\[variant\=outline\]\/field-group\:-mb-2:is(:where(.group\/field-group)[data-variant="outline"] *) {
    margin-bottom: calc(var(--spacing) * -2);
  }
  .group-data-\[variant\=separator\]\/marker\:flex-none:is(:where(.group\/marker)[data-variant="separator"] *) {
    flex: none;
  }
  .group-data-\[variant\=separator\]\/marker\:text-center:is(:where(.group\/marker)[data-variant="separator"] *) {
    text-align: center;
  }
  @media (hover: hover) {
    .peer-hover\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button):hover ~ *) {
      color: var(--ynr-foreground);
    }
  }
  .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) {
    cursor: not-allowed;
  }
  .peer-disabled\:opacity-50:is(:where(.peer):disabled ~ *) {
    opacity: 50%;
  }
  .peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button)[data-active="true"] ~ *) {
    color: var(--ynr-foreground);
  }
  .peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size="default"] ~ *) {
    top: calc(var(--spacing) * 1.5);
  }
  .peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size="lg"] ~ *) {
    top: calc(var(--spacing) * 2.5);
  }
  .peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size="sm"] ~ *) {
    top: var(--spacing);
  }
  .selection\:bg-primary ::selection {
    background-color: var(--ynr-primary);
  }
  .selection\:bg-primary::selection {
    background-color: var(--ynr-primary);
  }
  .selection\:text-primary-foreground ::selection {
    color: var(--ynr-on-primary);
  }
  .selection\:text-primary-foreground::selection {
    color: var(--ynr-on-primary);
  }
  .file\:inline-flex::file-selector-button {
    display: inline-flex;
  }
  .file\:h-7::file-selector-button {
    height: calc(var(--spacing) * 7);
  }
  .file\:border-0::file-selector-button {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .file\:bg-transparent::file-selector-button {
    background-color: transparent;
  }
  .file\:text-sm::file-selector-button {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .file\:font-medium::file-selector-button {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .file\:text-foreground::file-selector-button {
    color: var(--ynr-foreground);
  }
  .placeholder\:text-muted-foreground::placeholder {
    color: var(--ynr-muted);
  }
  .before\:mr-1::before {
    content: var(--tw-content);
    margin-right: var(--spacing);
  }
  .before\:h-px::before {
    content: var(--tw-content);
    height: 1px;
  }
  .before\:min-w-0::before {
    content: var(--tw-content);
    min-width: 0px;
  }
  .before\:flex-1::before {
    content: var(--tw-content);
    flex: 1;
  }
  .before\:bg-border::before {
    content: var(--tw-content);
    background-color: var(--ynr-border);
  }
  .after\:absolute::after {
    content: var(--tw-content);
    position: absolute;
  }
  .after\:-inset-2::after {
    content: var(--tw-content);
    inset: calc(var(--spacing) * -2);
  }
  .after\:inset-y-0::after {
    content: var(--tw-content);
    inset-block: 0px;
  }
  .after\:left-1\/2::after {
    content: var(--tw-content);
    left: calc(1 / 2 * 100%);
  }
  .after\:ml-1::after {
    content: var(--tw-content);
    margin-left: var(--spacing);
  }
  .after\:h-px::after {
    content: var(--tw-content);
    height: 1px;
  }
  .after\:w-1::after {
    content: var(--tw-content);
    width: var(--spacing);
  }
  .after\:w-\[2px\]::after {
    content: var(--tw-content);
    width: 2px;
  }
  .after\:min-w-0::after {
    content: var(--tw-content);
    min-width: 0px;
  }
  .after\:flex-1::after {
    content: var(--tw-content);
    flex: 1;
  }
  .after\:-translate-x-1\/2::after {
    content: var(--tw-content);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .after\:bg-border::after {
    content: var(--tw-content);
    background-color: var(--ynr-border);
  }
  .group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible="offcanvas"] *)::after {
    content: var(--tw-content);
    left: 100%;
  }
  .first\:rounded-l-md:first-child {
    border-top-left-radius: max(0px, calc(var(--ynr-radius) - 2px));
    border-bottom-left-radius: max(0px, calc(var(--ynr-radius) - 2px));
  }
  .first\:border-l:first-child {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .last\:mt-0:last-child {
    margin-top: 0px;
  }
  .last\:rounded-r-md:last-child {
    border-top-right-radius: max(0px, calc(var(--ynr-radius) - 2px));
    border-bottom-right-radius: max(0px, calc(var(--ynr-radius) - 2px));
  }
  .focus-within\:ring-1:focus-within {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus-within\:ring-ring\/50:focus-within {
    --tw-ring-color: var(--ynr-focus);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--ynr-focus) 50%, transparent);
    }
  }
  @media (hover: hover) {
    .hover\:bg-accent:hover {
      background-color: var(--ynr-surface);
    }
    .hover\:bg-destructive\/90:hover {
      background-color: var(--ynr-danger);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-destructive\/90:hover {
        background-color: color-mix(in oklab, var(--ynr-danger) 90%, transparent);
      }
    }
    .hover\:bg-muted:hover {
      background-color: var(--ynr-surface);
    }
    .hover\:bg-muted\/50:hover {
      background-color: var(--ynr-surface);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-muted\/50:hover {
        background-color: color-mix(in oklab, var(--ynr-surface) 50%, transparent);
      }
    }
    .hover\:bg-primary\/90:hover {
      background-color: var(--ynr-primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/90:hover {
        background-color: color-mix(in oklab, var(--ynr-primary) 90%, transparent);
      }
    }
    .hover\:bg-secondary\/80:hover {
      background-color: var(--ynr-surface);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-secondary\/80:hover {
        background-color: color-mix(in oklab, var(--ynr-surface) 80%, transparent);
      }
    }
    .hover\:bg-sidebar-accent:hover {
      background-color: var(--ynr-background);
    }
    .hover\:text-accent-foreground:hover {
      color: var(--ynr-foreground);
    }
    .hover\:text-foreground:hover {
      color: var(--ynr-foreground);
    }
    .hover\:text-sidebar-accent-foreground:hover {
      color: var(--ynr-foreground);
    }
    .hover\:underline:hover {
      text-decoration-line: underline;
    }
    .hover\:opacity-100:hover {
      opacity: 100%;
    }
    .hover\:shadow-\[0_0_0_1px_var\(--sidebar-accent\)\]:hover {
      --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--sidebar-accent));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .hover\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar:hover:is(:where(.group)[data-collapsible="offcanvas"] *) {
      background-color: var(--ynr-surface);
    }
    .hover\:after\:bg-sidebar-border:hover::after {
      content: var(--tw-content);
      background-color: var(--ynr-border);
    }
  }
  .focus\:ring-2:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus\:ring-ring:focus {
    --tw-ring-color: var(--ynr-focus);
  }
  .focus\:ring-offset-2:focus {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .focus\:outline-hidden:focus {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  .focus-visible\:border-ring:focus-visible {
    border-color: var(--ynr-focus);
  }
  .focus-visible\:ring-0:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus-visible\:ring-1:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus-visible\:ring-2:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus-visible\:ring-3:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus-visible\:ring-\[3px\]:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus-visible\:ring-destructive\/20:focus-visible {
    --tw-ring-color: var(--ynr-danger);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--ynr-danger) 20%, transparent);
    }
  }
  .focus-visible\:ring-ring:focus-visible {
    --tw-ring-color: var(--ynr-focus);
  }
  .focus-visible\:ring-ring\/50:focus-visible {
    --tw-ring-color: var(--ynr-focus);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--ynr-focus) 50%, transparent);
    }
  }
  .focus-visible\:ring-offset-1:focus-visible {
    --tw-ring-offset-width: 1px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .focus-visible\:outline-hidden:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  .active\:bg-sidebar-accent:active {
    background-color: var(--ynr-background);
  }
  .active\:text-sidebar-accent-foreground:active {
    color: var(--ynr-foreground);
  }
  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }
  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }
  .disabled\:bg-input\/50:disabled {
    background-color: var(--ynr-border);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ynr-border) 50%, transparent);
    }
  }
  .disabled\:opacity-50:disabled {
    opacity: 50%;
  }
  :where([data-side="left"]) .in-data-\[side\=left\]\:cursor-w-resize {
    cursor: w-resize;
  }
  :where([data-side="right"]) .in-data-\[side\=right\]\:cursor-e-resize {
    cursor: e-resize;
  }
  .has-disabled\:opacity-50:has(:disabled) {
    opacity: 50%;
  }
  .has-data-\[slot\=attachment-content\]\:w-30:has([data-slot="attachment-content"]) {
    width: calc(var(--spacing) * 30);
  }
  .has-data-\[slot\=attachment-content\]\:px-1\.5:has([data-slot="attachment-content"]) {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  .has-data-\[slot\=attachment-content\]\:px-2:has([data-slot="attachment-content"]) {
    padding-inline: calc(var(--spacing) * 2);
  }
  .has-data-\[slot\=attachment-content\]\:px-2\.5:has([data-slot="attachment-content"]) {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .has-data-\[slot\=attachment-content\]\:py-1:has([data-slot="attachment-content"]) {
    padding-block: var(--spacing);
  }
  .has-data-\[slot\=attachment-content\]\:py-1\.5:has([data-slot="attachment-content"]) {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .has-data-\[slot\=attachment-content\]\:py-2:has([data-slot="attachment-content"]) {
    padding-block: calc(var(--spacing) * 2);
  }
  .has-data-\[slot\=attachment-media\]\:p-1:has([data-slot="attachment-media"]) {
    padding: var(--spacing);
  }
  .has-data-\[slot\=attachment-media\]\:p-1\.5:has([data-slot="attachment-media"]) {
    padding: calc(var(--spacing) * 1.5);
  }
  .has-data-\[slot\=attachment-media\]\:p-2:has([data-slot="attachment-media"]) {
    padding: calc(var(--spacing) * 2);
  }
  .has-data-\[state\=checked\]\:border-primary:has([data-state="checked"]) {
    border-color: var(--ynr-primary);
  }
  .has-data-\[state\=checked\]\:bg-primary\/5:has([data-state="checked"]) {
    background-color: var(--ynr-primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ynr-primary) 5%, transparent);
    }
  }
  .has-data-\[variant\=inset\]\:bg-sidebar:has([data-variant="inset"]) {
    background-color: var(--ynr-surface);
  }
  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:border-ring:has(:is([data-slot=input-group-control]:focus-visible)) {
    border-color: var(--ynr-focus);
  }
  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-\[3px\]:has(:is([data-slot=input-group-control]:focus-visible)) {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has(:is([data-slot=input-group-control]:focus-visible)) {
    --tw-ring-color: var(--ynr-focus);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--ynr-focus) 50%, transparent);
    }
  }
  .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive:has(:is([data-slot][aria-invalid=true])) {
    border-color: var(--ynr-danger);
  }
  .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has(:is([data-slot][aria-invalid=true])) {
    --tw-ring-color: var(--ynr-danger);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--ynr-danger) 20%, transparent);
    }
  }
  .has-\[button\]\:p-0:has(:is(button)) {
    padding: 0px;
  }
  .has-\[\>\[data-align\=block-end\]\]\:h-auto:has( > [data-align=block-end]) {
    height: auto;
  }
  .has-\[\>\[data-align\=block-end\]\]\:flex-col:has( > [data-align=block-end]) {
    flex-direction: column;
  }
  .has-\[\>\[data-align\=block-start\]\]\:h-auto:has( > [data-align=block-start]) {
    height: auto;
  }
  .has-\[\>\[data-align\=block-start\]\]\:flex-col:has( > [data-align=block-start]) {
    flex-direction: column;
  }
  .has-\[\>\[data-slot\=button-group\]\]\:gap-2:has( > [data-slot=button-group]) {
    gap: calc(var(--spacing) * 2);
  }
  .has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3:has( > [data-slot=checkbox-group]) {
    gap: calc(var(--spacing) * 3);
  }
  .has-\[\>\[data-slot\=field-content\]\]\:items-start:has( > [data-slot=field-content]) {
    align-items: flex-start;
  }
  .has-\[\>\[data-slot\=field\]\]\:w-full:has( > [data-slot=field]) {
    width: 100%;
  }
  .has-\[\>\[data-slot\=field\]\]\:flex-col:has( > [data-slot=field]) {
    flex-direction: column;
  }
  .has-\[\>\[data-slot\=field\]\]\:rounded-md:has( > [data-slot=field]) {
    border-radius: max(0px, calc(var(--ynr-radius) - 2px));
  }
  .has-\[\>\[data-slot\=field\]\]\:border:has( > [data-slot=field]) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .has-\[\>\[data-slot\=radio-group\]\]\:gap-3:has( > [data-slot=radio-group]) {
    gap: calc(var(--spacing) * 3);
  }
  @media (hover: hover) {
    .has-\[\>a\,\>button\]\:hover\:bg-muted\/50:has( > a,  > button):hover {
      background-color: var(--ynr-surface);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .has-\[\>a\,\>button\]\:hover\:bg-muted\/50:has( > a,  > button):hover {
        background-color: color-mix(in oklab, var(--ynr-surface) 50%, transparent);
      }
    }
  }
  .has-\[\>button\]\:mr-\[-0\.45rem\]:has( > button) {
    margin-right: -0.45rem;
  }
  .has-\[\>button\]\:ml-\[-0\.45rem\]:has( > button) {
    margin-left: -0.45rem;
  }
  .has-\[\>input\:focus-visible\]\:border-ring:has( > input:focus-visible) {
    border-color: var(--ynr-focus);
  }
  .has-\[\>input\:focus-visible\]\:ring-3:has( > input:focus-visible) {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .has-\[\>input\:focus-visible\]\:ring-ring\/50:has( > input:focus-visible) {
    --tw-ring-color: var(--ynr-focus);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--ynr-focus) 50%, transparent);
    }
  }
  .has-\[\>kbd\]\:mr-\[-0\.35rem\]:has( > kbd) {
    margin-right: -0.35rem;
  }
  .has-\[\>kbd\]\:ml-\[-0\.35rem\]:has( > kbd) {
    margin-left: -0.35rem;
  }
  .has-\[\>svg\]\:p-0:has( > svg) {
    padding: 0px;
  }
  .has-\[\>svg\]\:px-1\.5:has( > svg) {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  .has-\[\>svg\]\:px-2:has( > svg) {
    padding-inline: calc(var(--spacing) * 2);
  }
  .has-\[\>svg\]\:px-2\.5:has( > svg) {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .has-\[\>svg\]\:px-3:has( > svg) {
    padding-inline: calc(var(--spacing) * 3);
  }
  .has-\[\>svg\]\:px-4:has( > svg) {
    padding-inline: calc(var(--spacing) * 4);
  }
  .has-\[\>textarea\]\:h-auto:has( > textarea) {
    height: auto;
  }
  .aria-disabled\:pointer-events-none[aria-disabled="true"] {
    pointer-events: none;
  }
  .aria-disabled\:opacity-50[aria-disabled="true"] {
    opacity: 50%;
  }
  .aria-invalid\:border-destructive[aria-invalid="true"] {
    border-color: var(--ynr-danger);
  }
  .aria-invalid\:ring-3[aria-invalid="true"] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
    --tw-ring-color: var(--ynr-danger);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--ynr-danger) 20%, transparent);
    }
  }
  .aria-\[orientation\=horizontal\]\:h-px[aria-orientation="horizontal"] {
    height: 1px;
  }
  .aria-\[orientation\=horizontal\]\:w-full[aria-orientation="horizontal"] {
    width: 100%;
  }
  .aria-\[orientation\=horizontal\]\:after\:left-0[aria-orientation="horizontal"]::after {
    content: var(--tw-content);
    left: 0px;
  }
  .aria-\[orientation\=horizontal\]\:after\:h-1[aria-orientation="horizontal"]::after {
    content: var(--tw-content);
    height: var(--spacing);
  }
  .aria-\[orientation\=horizontal\]\:after\:w-full[aria-orientation="horizontal"]::after {
    content: var(--tw-content);
    width: 100%;
  }
  .aria-\[orientation\=horizontal\]\:after\:translate-x-0[aria-orientation="horizontal"]::after {
    content: var(--tw-content);
    --tw-translate-x: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .aria-\[orientation\=horizontal\]\:after\:-translate-y-1\/2[aria-orientation="horizontal"]::after {
    content: var(--tw-content);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .aria-\[orientation\=vertical\]\:flex-col[aria-orientation="vertical"] {
    flex-direction: column;
  }
  .data-autoscrolling\:scrollbar-none[data-autoscrolling] {
    scrollbar-width: none;
  }
  .data-checked\:border-primary\/40[data-checked] {
    border-color: var(--ynr-primary);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--ynr-primary) 40%, transparent);
    }
  }
  .data-checked\:bg-muted[data-checked] {
    background-color: var(--ynr-surface);
  }
  .data-disabled\:pointer-events-none[data-disabled] {
    pointer-events: none;
  }
  .data-disabled\:cursor-not-allowed[data-disabled] {
    cursor: not-allowed;
  }
  .data-disabled\:opacity-50[data-disabled] {
    opacity: 50%;
  }
  .data-invalid\:border-destructive[data-invalid] {
    border-color: var(--ynr-danger);
  }
  .data-pending-scroll\:invisible[data-pending-scroll] {
    visibility: hidden;
  }
  :is(.group-data-\[align\=end\]\/message\:\*\:data-slot\:self-end:is(:where(.group\/message)[data-align="end"] *) > *)[data-slot] {
    align-self: flex-end;
  }
  .data-\[active\=false\]\:pointer-events-none[data-active="false"] {
    pointer-events: none;
  }
  .data-\[active\=false\]\:scale-95[data-active="false"] {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .data-\[active\=false\]\:opacity-0[data-active="false"] {
    opacity: 0%;
  }
  .data-\[active\=false\]\:duration-400[data-active="false"] {
    --tw-duration: 400ms;
    transition-duration: 400ms;
  }
  .data-\[active\=false\]\:ease-\[cubic-bezier\(0\.7\,0\,0\.84\,0\)\][data-active="false"] {
    --tw-ease: cubic-bezier(0.7,0,0.84,0);
    transition-timing-function: cubic-bezier(0.7,0,0.84,0);
  }
  .data-\[active\=true\]\:z-10[data-active="true"] {
    z-index: 10;
  }
  .data-\[active\=true\]\:translate-y-0[data-active="true"] {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .data-\[active\=true\]\:scale-100[data-active="true"] {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .data-\[active\=true\]\:border-ring[data-active="true"] {
    border-color: var(--ynr-focus);
  }
  .data-\[active\=true\]\:bg-\[var\(--sidebar-item-active\)\][data-active="true"] {
    background-color: var(--sidebar-item-active);
  }
  .data-\[active\=true\]\:font-medium[data-active="true"] {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .data-\[active\=true\]\:text-sidebar-accent-foreground[data-active="true"] {
    color: var(--ynr-foreground);
  }
  .data-\[active\=true\]\:opacity-100[data-active="true"] {
    opacity: 100%;
  }
  .data-\[active\=true\]\:ring-\[3px\][data-active="true"] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .data-\[active\=true\]\:ring-ring\/50[data-active="true"] {
    --tw-ring-color: var(--ynr-focus);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--ynr-focus) 50%, transparent);
    }
  }
  .data-\[active\=true\]\:ease-\[cubic-bezier\(0\.23\,1\,0\.32\,1\)\][data-active="true"] {
    --tw-ease: cubic-bezier(0.23,1,0.32,1);
    transition-timing-function: cubic-bezier(0.23,1,0.32,1);
  }
  .data-\[active\=true\]\:aria-invalid\:border-destructive[data-active="true"][aria-invalid="true"] {
    border-color: var(--ynr-danger);
  }
  .data-\[active\=true\]\:aria-invalid\:ring-destructive\/20[data-active="true"][aria-invalid="true"] {
    --tw-ring-color: var(--ynr-danger);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--ynr-danger) 20%, transparent);
    }
  }
  .data-\[align\=end\]\:flex-row-reverse[data-align="end"] {
    flex-direction: row-reverse;
  }
  .data-\[align\=end\]\:self-end[data-align="end"] {
    align-self: flex-end;
  }
  .data-\[direction\=end\]\:bottom-4[data-direction="end"] {
    bottom: calc(var(--spacing) * 4);
  }
  .data-\[direction\=end\]\:data-\[active\=false\]\:translate-y-full[data-direction="end"][data-active="false"] {
    --tw-translate-y: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .data-\[direction\=start\]\:top-4[data-direction="start"] {
    top: calc(var(--spacing) * 4);
  }
  .data-\[direction\=start\]\:data-\[active\=false\]\:-translate-y-full[data-direction="start"][data-active="false"] {
    --tw-translate-y: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] {
    pointer-events: none;
  }
  .data-\[disabled\=true\]\:opacity-50[data-disabled="true"] {
    opacity: 50%;
  }
  .data-\[error\=true\]\:text-destructive[data-error="true"] {
    color: var(--ynr-danger);
  }
  .data-\[invalid\=true\]\:text-destructive[data-invalid="true"] {
    color: var(--ynr-danger);
  }
  .data-\[orientation\=vertical\]\:h-auto[data-orientation="vertical"] {
    height: auto;
  }
  .data-\[selected\=true\]\:bg-accent[data-selected="true"] {
    background-color: var(--ynr-surface);
  }
  .data-\[selected\=true\]\:text-accent-foreground[data-selected="true"] {
    color: var(--ynr-foreground);
  }
  :is(.\*\:data-\[slot\=attachment\]\:flex-none > *)[data-slot="attachment"] {
    flex: none;
  }
  :is(.\*\:data-\[slot\=attachment\]\:snap-start > *)[data-slot="attachment"] {
    scroll-snap-align: start;
  }
  :is(.\*\:data-\[slot\=bubble-content\]\:rounded-none > *)[data-slot="bubble-content"] {
    border-radius: 0;
  }
  :is(.\*\:data-\[slot\=bubble-content\]\:border-border > *)[data-slot="bubble-content"] {
    border-color: var(--ynr-border);
  }
  :is(.\*\:data-\[slot\=bubble-content\]\:bg-\[oklch\(from_var\(--primary\)_0\.93_calc\(c\*0\.4\)_h\)\] > *)[data-slot="bubble-content"] {
    background-color: oklch(from var(--primary) 0.93 calc(c * 0.4) h);
  }
  :is(.\*\:data-\[slot\=bubble-content\]\:bg-background > *)[data-slot="bubble-content"] {
    background-color: var(--ynr-background);
  }
  :is(.\*\:data-\[slot\=bubble-content\]\:bg-destructive\/10 > *)[data-slot="bubble-content"] {
    background-color: var(--ynr-danger);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ynr-danger) 10%, transparent);
    }
  }
  :is(.\*\:data-\[slot\=bubble-content\]\:bg-muted > *)[data-slot="bubble-content"] {
    background-color: var(--ynr-surface);
  }
  :is(.\*\:data-\[slot\=bubble-content\]\:bg-primary > *)[data-slot="bubble-content"] {
    background-color: var(--ynr-primary);
  }
  :is(.\*\:data-\[slot\=bubble-content\]\:bg-secondary > *)[data-slot="bubble-content"] {
    background-color: var(--ynr-surface);
  }
  :is(.\*\:data-\[slot\=bubble-content\]\:bg-transparent > *)[data-slot="bubble-content"] {
    background-color: transparent;
  }
  :is(.\*\:data-\[slot\=bubble-content\]\:p-0 > *)[data-slot="bubble-content"] {
    padding: 0px;
  }
  :is(.\*\:data-\[slot\=bubble-content\]\:text-destructive > *)[data-slot="bubble-content"] {
    color: var(--ynr-danger);
  }
  :is(.\*\:data-\[slot\=bubble-content\]\:text-foreground > *)[data-slot="bubble-content"] {
    color: var(--ynr-foreground);
  }
  :is(.\*\:data-\[slot\=bubble-content\]\:text-primary-foreground > *)[data-slot="bubble-content"] {
    color: var(--ynr-on-primary);
  }
  :is(.\*\:data-\[slot\=bubble-content\]\:text-secondary-foreground > *)[data-slot="bubble-content"] {
    color: var(--ynr-foreground);
  }
  .data-\[slot\=checkbox-group\]\:gap-3[data-slot="checkbox-group"] {
    gap: calc(var(--spacing) * 3);
  }
  :is(.\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 *)[data-slot="command-input-wrapper"] {
    height: calc(var(--spacing) * 12);
  }
  :is(.group-data-\[orientation\=vertical\]\/attachment\:\*\:data-\[slot\=spinner\]\:size-6\!:is(:where(.group\/attachment)[data-orientation="vertical"] *) > *)[data-slot="spinner"] {
    width: calc(var(--spacing) * 6) !important;
    height: calc(var(--spacing) * 6) !important;
  }
  .data-\[state\=closed\]\:duration-300[data-state="closed"] {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .data-\[state\=error\]\:border-destructive\/30[data-state="error"] {
    border-color: var(--ynr-danger);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--ynr-danger) 30%, transparent);
    }
  }
  .data-\[state\=idle\]\:border-dashed[data-state="idle"] {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .data-\[state\=open\]\:bg-accent[data-state="open"] {
    background-color: var(--ynr-surface);
  }
  .data-\[state\=open\]\:bg-secondary[data-state="open"] {
    background-color: var(--ynr-surface);
  }
  .data-\[state\=open\]\:text-muted-foreground[data-state="open"] {
    color: var(--ynr-muted);
  }
  .data-\[state\=open\]\:opacity-100[data-state="open"] {
    opacity: 100%;
  }
  .data-\[state\=open\]\:duration-500[data-state="open"] {
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  @media (hover: hover) {
    .data-\[state\=open\]\:hover\:bg-sidebar-accent[data-state="open"]:hover {
      background-color: var(--ynr-background);
    }
    .data-\[state\=open\]\:hover\:text-sidebar-accent-foreground[data-state="open"]:hover {
      color: var(--ynr-foreground);
    }
  }
  .data-\[variant\=ghost\]\:max-w-full[data-variant="ghost"] {
    max-width: 100%;
  }
  .data-\[variant\=label\]\:text-sm[data-variant="label"] {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .data-\[variant\=legend\]\:text-base[data-variant="legend"] {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .nth-last-2\:-mt-1:nth-last-child(2) {
    margin-top: calc(var(--spacing) * -1);
  }
  @media (width >= 40rem) {
    .sm\:flex {
      display: flex;
    }
    .sm\:min-h-0 {
      min-height: 0px;
    }
    .sm\:min-h-8 {
      min-height: calc(var(--spacing) * 8);
    }
    .sm\:max-w-lg {
      max-width: var(--container-lg);
    }
    .sm\:max-w-sm {
      max-width: var(--container-sm);
    }
    .sm\:flex-row {
      flex-direction: row;
    }
    .sm\:justify-end {
      justify-content: flex-end;
    }
    .sm\:text-left {
      text-align: left;
    }
  }
  @media (width >= 48rem) {
    .md\:block {
      display: block;
    }
    .md\:flex {
      display: flex;
    }
    .md\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    .md\:opacity-0 {
      opacity: 0%;
    }
    .md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant="inset"] ~ *) {
      margin: calc(var(--spacing) * 2);
    }
    .md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant="inset"] ~ *) {
      margin-left: 0px;
    }
    .md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant="inset"] ~ *) {
      border-radius: calc(var(--ynr-radius) + 4px);
    }
    .md\:peer-data-\[variant\=inset\]\:shadow-sm:is(:where(.peer)[data-variant="inset"] ~ *) {
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2:is(:where(.peer)[data-variant="inset"] ~ *):is(:where(.peer)[data-state="collapsed"] ~ *) {
      margin-left: calc(var(--spacing) * 2);
    }
    .md\:after\:hidden::after {
      content: var(--tw-content);
      display: none;
    }
  }
  @container field-group (width >= 28rem) {
    .\@md\/field-group\:flex-row {
      flex-direction: row;
    }
    .\@md\/field-group\:items-center {
      align-items: center;
    }
    .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:items-start:has( > [data-slot=field-content]) {
      align-items: flex-start;
    }
  }
  .rtl\:translate-x-1\/2:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    --tw-translate-x: calc(1 / 2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .dark\:border-input:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    border-color: var(--ynr-border);
  }
  .dark\:bg-destructive\/60:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    background-color: var(--ynr-danger);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ynr-danger) 60%, transparent);
    }
  }
  .dark\:bg-input\/20:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    background-color: var(--ynr-border);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ynr-border) 20%, transparent);
    }
  }
  .dark\:bg-input\/30:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    background-color: var(--ynr-border);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ynr-border) 30%, transparent);
    }
  }
  .dark\:bg-transparent:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) {
    background-color: transparent;
  }
  .dark\:group-data-checked\/questionnaire-choice\:bg-primary:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *):is(:where(.group\/questionnaire-choice)[data-checked] *) {
    background-color: var(--ynr-primary);
  }
  @media (hover: hover) {
    .dark\:hover\:bg-accent\/50:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *):hover {
      background-color: var(--ynr-surface);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-accent\/50:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *):hover {
        background-color: color-mix(in oklab, var(--ynr-surface) 50%, transparent);
      }
    }
    .dark\:hover\:bg-input\/50:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *):hover {
      background-color: var(--ynr-border);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-input\/50:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *):hover {
        background-color: color-mix(in oklab, var(--ynr-border) 50%, transparent);
      }
    }
  }
  .dark\:focus-visible\:ring-destructive\/40:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *):focus-visible {
    --tw-ring-color: var(--ynr-danger);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--ynr-danger) 40%, transparent);
    }
  }
  .dark\:disabled\:bg-input\/80:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *):disabled {
    background-color: var(--ynr-border);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ynr-border) 80%, transparent);
    }
  }
  .dark\:has-data-\[state\=checked\]\:bg-primary\/10:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *):has([data-state="checked"]) {
    background-color: var(--ynr-primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ynr-primary) 10%, transparent);
    }
  }
  .dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *):has(:is([data-slot][aria-invalid=true])) {
    --tw-ring-color: var(--ynr-danger);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--ynr-danger) 40%, transparent);
    }
  }
  .dark\:aria-invalid\:border-destructive\/50:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *)[aria-invalid="true"] {
    border-color: var(--ynr-danger);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--ynr-danger) 50%, transparent);
    }
  }
  .dark\:aria-invalid\:ring-destructive\/40:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *)[aria-invalid="true"] {
    --tw-ring-color: var(--ynr-danger);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--ynr-danger) 40%, transparent);
    }
  }
  .dark\:data-checked\:bg-muted:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *)[data-checked] {
    background-color: var(--ynr-surface);
  }
  .dark\:data-\[active\=true\]\:aria-invalid\:ring-destructive\/40:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *)[data-active="true"][aria-invalid="true"] {
    --tw-ring-color: var(--ynr-danger);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--ynr-danger) 40%, transparent);
    }
  }
  :is(.dark\:\*\:data-\[slot\=bubble-content\]\:bg-\[oklch\(from_var\(--primary\)_0\.3_calc\(c\*0\.4\)_h\)\]:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) > *)[data-slot="bubble-content"] {
    background-color: oklch(from var(--primary) 0.3 calc(c * 0.4) h);
  }
  :is(.dark\:\*\:data-\[slot\=bubble-content\]\:bg-destructive\/20:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) > *)[data-slot="bubble-content"] {
    background-color: var(--ynr-danger);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ynr-danger) 20%, transparent);
    }
  }
  .\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text {
    fill: var(--ynr-muted);
  }
  .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke='#ccc'] {
    stroke: var(--ynr-border);
    @supports (color: color-mix(in lab, red, red)) {
      stroke: color-mix(in oklab, var(--ynr-border) 50%, transparent);
    }
  }
  .\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor {
    stroke: var(--ynr-border);
  }
  .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke='#fff'] {
    stroke: transparent;
  }
  .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  .\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke='#ccc'] {
    stroke: var(--ynr-border);
  }
  .\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector {
    fill: var(--ynr-surface);
  }
  .\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor {
    fill: var(--ynr-surface);
  }
  .\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke='#ccc'] {
    stroke: var(--ynr-border);
  }
  .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke='#fff'] {
    stroke: transparent;
  }
  .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
    padding-inline: calc(var(--spacing) * 2);
  }
  .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] {
    color: var(--ynr-muted);
  }
  .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] {
    padding-inline: calc(var(--spacing) * 2);
  }
  .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~ [cmdk-group] {
    padding-top: 0px;
  }
  .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg {
    height: calc(var(--spacing) * 5);
  }
  .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg {
    width: calc(var(--spacing) * 5);
  }
  .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] {
    height: calc(var(--spacing) * 12);
  }
  .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] {
    padding-inline: calc(var(--spacing) * 2);
  }
  .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] {
    padding-block: calc(var(--spacing) * 3);
  }
  .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg {
    height: calc(var(--spacing) * 5);
  }
  .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg {
    width: calc(var(--spacing) * 5);
  }
  .\[\&_img\]\:size-full img {
    width: 100%;
    height: 100%;
  }
  .\[\&_img\]\:object-cover img {
    object-fit: cover;
  }
  .\[\&_svg\]\:pointer-events-none svg {
    pointer-events: none;
  }
  .\[\&_svg\]\:shrink-0 svg {
    flex-shrink: 0;
  }
  .data-\[direction\=start\]\:\[\&_svg\]\:rotate-180[data-direction="start"] svg {
    rotate: 180deg;
  }
  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*='size-']) {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*='size-']) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .group-data-\[orientation\=vertical\]\/attachment\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6:is(:where(.group\/attachment)[data-orientation="vertical"] *) svg:not([class*='size-']) {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
  .group-data-\[size\=xs\]\/attachment\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5:is(:where(.group\/attachment)[data-size="xs"] *) svg:not([class*='size-']) {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
  .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*='text-']) {
    color: var(--ynr-muted);
  }
  .\[\&\+\[data-slot\=item-content\]\]\:flex-none + [data-slot=item-content] {
    flex: none;
  }
  .\[\.border-b\]\:pb-3:is(.border-b) {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .\[\.border-t\]\:pt-3:is(.border-t) {
    padding-top: calc(var(--spacing) * 3);
  }
  .\[a\]\:underline:is(a) {
    text-decoration-line: underline;
  }
  .\[a\]\:underline-offset-3:is(a) {
    text-underline-offset: 3px;
  }
  .\[a\]\:transition-colors:is(a) {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  :is(.\*\:\[a\]\:underline > *):is(a) {
    text-decoration-line: underline;
  }
  :is(.\*\:\[a\]\:underline-offset-3 > *):is(a) {
    text-underline-offset: 3px;
  }
  @media (hover: hover) {
    .\[a\]\:hover\:bg-accent\/50:is(a):hover {
      background-color: var(--ynr-surface);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .\[a\]\:hover\:bg-accent\/50:is(a):hover {
        background-color: color-mix(in oklab, var(--ynr-surface) 50%, transparent);
      }
    }
    .\[a\]\:hover\:text-foreground:is(a):hover {
      color: var(--ynr-foreground);
    }
    :is(.\*\:\[a\]\:hover\:text-foreground > *):is(a):hover {
      color: var(--ynr-foreground);
    }
  }
  .\[button\]\:text-left:is(button) {
    text-align: left;
  }
  .\[button\,a\]\:transition-colors:is(button, a) {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .\[button\,a\]\:outline-none:is(button, a) {
    --tw-outline-style: none;
    outline-style: none;
  }
  .\[button\,a\]\:focus-visible\:border-ring:is(button, a):focus-visible {
    border-color: var(--ynr-focus);
  }
  .\[button\,a\]\:focus-visible\:ring-3:is(button, a):focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .\[button\,a\]\:focus-visible\:ring-ring\/50:is(button, a):focus-visible {
    --tw-ring-color: var(--ynr-focus);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--ynr-focus) 50%, transparent);
    }
  }
  :is(.\*\:\[img\]\:aspect-square > *):is(img) {
    aspect-ratio: 1 / 1;
  }
  :is(.\*\:\[img\]\:w-full > *):is(img) {
    width: 100%;
  }
  :is(.\*\:\[img\]\:object-cover > *):is(img) {
    object-fit: cover;
  }
  .\[\&\:not\(\:has\(\~\[data-slot\=questionnaire-description\]\)\)\]\:mb-4:not(:has( ~ [data-slot=questionnaire-description])) {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .\[\&\>\*\]\:w-full > * {
    width: 100%;
  }
  .\[\&\>\*\]\:focus-visible\:relative > *:focus-visible {
    position: relative;
  }
  .\[\&\>\*\]\:focus-visible\:z-10 > *:focus-visible {
    z-index: 10;
  }
  .\[\&\>\*\]\:data-\[slot\=field\]\:p-4 > *[data-slot="field"] {
    padding: calc(var(--spacing) * 4);
  }
  @container field-group (width >= 28rem) {
    .\@md\/field-group\:\[\&\>\*\]\:w-auto > * {
      width: auto;
    }
  }
  .\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none > :not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none > :not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .\[\&\>\*\:not\(\:first-child\)\]\:border-t-0 > :not(:first-child) {
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
  }
  .\[\&\>\*\:not\(\:first-child\)\]\:border-l-0 > :not(:first-child) {
    border-left-style: var(--tw-border-style);
    border-left-width: 0px;
  }
  .\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none > :not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none > :not(:last-child) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .\[\&\>\.sr-only\]\:w-auto > .sr-only {
    width: auto;
  }
  .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--muted\)\,var\(--foreground\)_5\%\)\] > [data-slot=bubble-content]:is(button, a):hover {
    background-color: var(--muted);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch,var(--muted),var(--foreground) 5%);
    }
  }
  .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\] > [data-slot=bubble-content]:is(button, a):hover {
    background-color: var(--secondary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklch,var(--secondary),var(--foreground) 5%);
    }
  }
  .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[oklch\(from_var\(--primary\)_0\.88_calc\(c\*0\.5\)_h\)\] > [data-slot=bubble-content]:is(button, a):hover {
    background-color: oklch(from var(--primary) 0.88 calc(c * 0.5) h);
  }
  .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-destructive\/20 > [data-slot=bubble-content]:is(button, a):hover {
    background-color: var(--ynr-danger);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ynr-danger) 20%, transparent);
    }
  }
  .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-muted > [data-slot=bubble-content]:is(button, a):hover {
    background-color: var(--ynr-surface);
  }
  .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-primary\/80 > [data-slot=bubble-content]:is(button, a):hover {
    background-color: var(--ynr-primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ynr-primary) 80%, transparent);
    }
  }
  .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:text-foreground > [data-slot=bubble-content]:is(button, a):hover {
    color: var(--ynr-foreground);
  }
  .dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[oklch\(from_var\(--primary\)_0\.35_calc\(c\*0\.5\)_h\)\]:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) > [data-slot=bubble-content]:is(button, a):hover {
    background-color: oklch(from var(--primary) 0.35 calc(c * 0.5) h);
  }
  .dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-destructive\/30:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) > [data-slot=bubble-content]:is(button, a):hover {
    background-color: var(--ynr-danger);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ynr-danger) 30%, transparent);
    }
  }
  .dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-input\/30:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) > [data-slot=bubble-content]:is(button, a):hover {
    background-color: var(--ynr-border);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ynr-border) 30%, transparent);
    }
  }
  .dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-muted\/50:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) > [data-slot=bubble-content]:is(button, a):hover {
    background-color: var(--ynr-surface);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ynr-surface) 50%, transparent);
    }
  }
  .\[\&\>\[data-slot\=field-group\]\]\:gap-4 > [data-slot=field-group] {
    gap: calc(var(--spacing) * 4);
  }
  .\[\&\>\[data-slot\=field-label\]\]\:flex-auto > [data-slot=field-label] {
    flex: auto;
  }
  @container field-group (width >= 28rem) {
    .\@md\/field-group\:\[\&\>\[data-slot\=field-label\]\]\:flex-auto > [data-slot=field-label] {
      flex: auto;
    }
  }
  .has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md:has(:is(select[aria-hidden=true]:last-child)) > [data-slot=select-trigger]:last-of-type {
    border-top-right-radius: max(0px, calc(var(--ynr-radius) - 2px));
    border-bottom-right-radius: max(0px, calc(var(--ynr-radius) - 2px));
  }
  .\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit > [data-slot=select-trigger]:not([class*='w-']) {
    width: fit-content;
  }
  .has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has( > [data-slot=field-content]) > [role=checkbox], .has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has( > [data-slot=field-content]) [role=radio] {
    margin-top: 1px;
  }
  @container field-group (width >= 28rem) {
    .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has( > [data-slot=field-content]) > [role=checkbox], .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has( > [data-slot=field-content]) [role=radio] {
      margin-top: 1px;
    }
  }
  .\[\&\>a\]\:underline > a {
    text-decoration-line: underline;
  }
  .\[\&\>a\]\:underline-offset-4 > a {
    text-underline-offset: 4px;
  }
  .\[\&\>a\:hover\]\:text-primary > a:hover {
    color: var(--ynr-primary);
  }
  .\[\&\>button\]\:hidden > button {
    display: none;
  }
  .\[\&\>input\]\:flex-1 > input {
    flex: 1;
  }
  .has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3:has( > [data-align=block-end]) > input {
    padding-top: calc(var(--spacing) * 3);
  }
  .has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3:has( > [data-align=block-start]) > input {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-2:has( > [data-align=inline-end]) > input {
    padding-right: calc(var(--spacing) * 2);
  }
  .has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-2:has( > [data-align=inline-start]) > input {
    padding-left: calc(var(--spacing) * 2);
  }
  .\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\] > kbd {
    border-radius: calc(var(--radius) - 5px);
  }
  .\[\&\>span\:last-child\]\:truncate > span:last-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .\[\&\>svg\]\:size-4 > svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .\[\&\>svg\]\:h-2\.5 > svg {
    height: calc(var(--spacing) * 2.5);
  }
  .\[\&\>svg\]\:h-3 > svg {
    height: calc(var(--spacing) * 3);
  }
  .\[\&\>svg\]\:w-2\.5 > svg {
    width: calc(var(--spacing) * 2.5);
  }
  .\[\&\>svg\]\:w-3 > svg {
    width: calc(var(--spacing) * 3);
  }
  .\[\&\>svg\]\:shrink-0 > svg {
    flex-shrink: 0;
  }
  .\[\&\>svg\]\:text-muted-foreground > svg {
    color: var(--ynr-muted);
  }
  .\[\&\>svg\]\:text-sidebar-accent-foreground > svg {
    color: var(--ynr-foreground);
  }
  .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 > svg:not([class*='size-']) {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
  .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 > svg:not([class*='size-']) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .\[\&\[aria-orientation\=horizontal\]\>div\]\:rotate-90[aria-orientation=horizontal] > div {
    rotate: 90deg;
  }
  [data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
    right: calc(var(--spacing) * -2);
  }
  [data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize {
    cursor: e-resize;
  }
  [data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 {
    left: calc(var(--spacing) * -2);
  }
  [data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize {
    cursor: w-resize;
  }
  [data-variant=legend] + .\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5 {
    margin-top: calc(var(--spacing) * -1.5);
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-scroll-snap-strictness {
  syntax: "*";
  inherits: false;
  initial-value: proximity;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-scroll-snap-strictness: proximity;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
    }
  }
}

/* end theynrlib styles shadcn-utilities-01 */