/*! tailwindcss v4.2.0 | MIT License | https://tailwindcss.com */
@layer properties;
*, ::after, ::before, ::backdrop, ::file-selector-button {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0 solid;
}
html, :host {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
  font-family: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent;
}
hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
}
a {
  color: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
}
b, strong {
  font-weight: bolder;
}
code, kbd, samp, pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}
:-moz-focusring {
  outline: auto;
}
progress {
  vertical-align: baseline;
}
summary {
  display: list-item;
}
ol, ul, menu {
  list-style: none;
}
img, svg, video, canvas, audio, iframe, embed, object {
  display: block;
  vertical-align: middle;
}
img, video {
  max-width: 100%;
  height: auto;
}
button, input, select, optgroup, textarea, ::file-selector-button {
  font: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  letter-spacing: inherit;
  color: inherit;
  border-radius: 0;
  background-color: transparent;
  opacity: 1;
}
:where(select:is([multiple], [size])) optgroup {
  font-weight: bolder;
}
:where(select:is([multiple], [size])) optgroup option {
  padding-inline-start: 20px;
}
::file-selector-button {
  margin-inline-end: 4px;
}
::placeholder {
  opacity: 1;
}
@supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
  ::placeholder {
    color: currentcolor;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, currentcolor 50%, transparent);
    }
  }
}
textarea {
  resize: vertical;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-date-and-time-value {
  min-height: 1lh;
  text-align: inherit;
}
::-webkit-datetime-edit {
  display: inline-flex;
}
::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}
::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
  padding-block: 0;
}
::-webkit-calendar-picker-indicator {
  line-height: 1;
}
:-moz-ui-invalid {
  box-shadow: none;
}
button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button {
  appearance: button;
}
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
  height: auto;
}
[hidden]:where(:not([hidden='until-found'])) {
  display: none !important;
}
.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;
}
.fixed {
  position: fixed;
}
.relative {
  position: relative;
}
.static {
  position: static;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: var(--spacing-0);
}
.inset-x-0 {
  inset-inline: var(--spacing-0);
}
.start-0 {
  inset-inline-start: var(--spacing-0);
}
.start-hsp-md {
  inset-inline-start: var(--spacing-hsp-md);
}
.end-hsp-md {
  inset-inline-end: var(--spacing-hsp-md);
}
.\[top\:4rem\] {
  top: 4rem;
}
.top-0 {
  top: var(--spacing-0);
}
.top-1\/2 {
  top: calc(1 / 2 * 100%);
}
.top-full {
  top: 100%;
}
.top-vsp-2xs {
  top: var(--spacing-vsp-2xs);
}
.top-vsp-xs {
  top: var(--spacing-vsp-xs);
}
.bottom-0 {
  bottom: var(--spacing-0);
}
.left-1\/2 {
  left: calc(1 / 2 * 100%);
}
.z-ui-dropdown {
  z-index: var(--z-index-ui-dropdown);
}
.z-ui-overlay {
  z-index: var(--z-index-ui-overlay);
}
.z-ui-sticky {
  z-index: var(--z-index-ui-sticky);
}
.z-ui-toast {
  z-index: var(--z-index-ui-toast);
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.col-start-2 {
  grid-column-start: 2;
}
.container {
  width: 100%;
  @media (width >= 640px) {
    max-width: 640px;
  }
  @media (width >= 768px) {
    max-width: 768px;
  }
  @media (width >= 1024px) {
    max-width: 1024px;
  }
  @media (width >= 1280px) {
    max-width: 1280px;
  }
}
.mx-auto {
  margin-inline: auto;
}
.my-vsp-md {
  margin-block: var(--spacing-vsp-md);
}
.ms-hsp-2xs {
  margin-inline-start: var(--spacing-hsp-2xs);
}
.-me-hsp-xs {
  margin-inline-end: calc(var(--spacing-hsp-xs) * -1);
}
.mt-vsp-2xs {
  margin-top: var(--spacing-vsp-2xs);
}
.mt-vsp-lg {
  margin-top: var(--spacing-vsp-lg);
}
.mt-vsp-md {
  margin-top: var(--spacing-vsp-md);
}
.mt-vsp-sm {
  margin-top: var(--spacing-vsp-sm);
}
.mt-vsp-xl {
  margin-top: var(--spacing-vsp-xl);
}
.mt-vsp-xs {
  margin-top: var(--spacing-vsp-xs);
}
.mb-vsp-2xs {
  margin-bottom: var(--spacing-vsp-2xs);
}
.mb-vsp-lg {
  margin-bottom: var(--spacing-vsp-lg);
}
.mb-vsp-md {
  margin-bottom: var(--spacing-vsp-md);
}
.mb-vsp-xs {
  margin-bottom: var(--spacing-vsp-xs);
}
.ml-0 {
  margin-left: var(--spacing-0);
}
.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;
}
.table {
  display: table;
}
.size-\[2rem\] {
  width: 2rem;
  height: 2rem;
}
.size-\[10px\] {
  width: 10px;
  height: 10px;
}
.h-\[1\.25rem\] {
  height: 1.25rem;
}
.h-\[2\.5rem\] {
  height: 2.5rem;
}
.h-\[2px\] {
  height: 2px;
}
.h-\[2rem\] {
  height: 2rem;
}
.h-\[3\.25rem\] {
  height: 3.25rem;
}
.h-\[4rem\] {
  height: 4rem;
}
.h-auto {
  height: auto;
}
.h-full {
  height: 100%;
}
.h-vsp-md {
  height: var(--spacing-vsp-md);
}
.max-h-\[min\(32rem\,calc\(100dvh-4rem\)\)\] {
  max-height: min(32rem, calc(100dvh - 4rem));
}
.min-h-\[44px\] {
  min-height: 44px;
}
.min-h-screen {
  min-height: 100vh;
}
.w-0 {
  width: var(--spacing-0);
}
.w-\[1\.25rem\] {
  width: 1.25rem;
}
.w-\[1px\] {
  width: 1px;
}
.w-\[2\.5rem\] {
  width: 2.5rem;
}
.w-\[2rem\] {
  width: 2rem;
}
.w-\[13rem\] {
  width: 13rem;
}
.w-\[min\(calc\(100vw-2rem\)\,72rem\)\] {
  width: min(calc(100vw - 2rem), 72rem);
}
.w-full {
  width: 100%;
}
.w-px {
  width: 1px;
}
.w-px {
  width: var(--spacing-px);
}
.max-w-\[20ch\] {
  max-width: 20ch;
}
.max-w-\[24ch\] {
  max-width: 24ch;
}
.max-w-\[24rem\] {
  max-width: 24rem;
}
.max-w-\[28rem\] {
  max-width: 28rem;
}
.max-w-\[36rem\] {
  max-width: 36rem;
}
.max-w-\[44rem\] {
  max-width: 44rem;
}
.max-w-\[88rem\] {
  max-width: 88rem;
}
.min-w-0 {
  min-width: var(--spacing-0);
}
.min-w-\[44px\] {
  min-width: 44px;
}
.flex-\[1_0_auto\] {
  flex: 1 0 auto;
}
.flex-auto {
  flex: auto;
}
.flex-none {
  flex: none;
}
.shrink-0 {
  flex-shrink: 0;
}
.flex-grow {
  flex-grow: 1;
}
.border-collapse {
  border-collapse: collapse;
}
.origin-left {
  transform-origin: 0;
}
.-translate-x-1\/2 {
  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-y-1\/2 {
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-y-\[6px\] {
  --tw-translate-y: calc(6px * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-y-\[200\%\] {
  --tw-translate-y: calc(200% * -1);
  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-pointer {
  cursor: pointer;
}
.resize {
  resize: both;
}
.resize-y {
  resize: vertical;
}
.list-decimal {
  list-style-type: decimal;
}
.list-disc {
  list-style-type: disc;
}
.list-none {
  list-style-type: none;
}
.appearance-none {
  appearance: none;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-\[5rem_auto_1fr\] {
  grid-template-columns: 5rem auto 1fr;
}
.grid-cols-\[13rem_minmax\(0\,1fr\)\] {
  grid-template-columns: 13rem minmax(0,1fr);
}
.grid-cols-\[minmax\(8rem\,12rem\)_1fr\] {
  grid-template-columns: minmax(8rem,12rem) 1fr;
}
.grid-cols-\[repeat\(auto-fill\,minmax\(11rem\,1fr\)\)\] {
  grid-template-columns: repeat(auto-fill,minmax(11rem,1fr));
}
.grid-cols-\[repeat\(auto-fill\,minmax\(13rem\,1fr\)\)\] {
  grid-template-columns: repeat(auto-fill,minmax(13rem,1fr));
}
.grid-cols-\[repeat\(auto-fill\,minmax\(14rem\,1fr\)\)\] {
  grid-template-columns: repeat(auto-fill,minmax(14rem,1fr));
}
.grid-cols-\[repeat\(auto-fill\,minmax\(15rem\,1fr\)\)\] {
  grid-template-columns: repeat(auto-fill,minmax(15rem,1fr));
}
.grid-cols-\[repeat\(auto-fill\,minmax\(16rem\,1fr\)\)\] {
  grid-template-columns: repeat(auto-fill,minmax(16rem,1fr));
}
.grid-cols-\[repeat\(auto-fill\,minmax\(18rem\,1fr\)\)\] {
  grid-template-columns: repeat(auto-fill,minmax(18rem,1fr));
}
.grid-cols-\[repeat\(auto-fit\,minmax\(\.\.\.\)\)\] {
  grid-template-columns: repeat(auto-fit,minmax(...));
}
.grid-cols-\[repeat\(auto-fit\,minmax\(11rem\,1fr\)\)\] {
  grid-template-columns: repeat(auto-fit,minmax(11rem,1fr));
}
.grid-cols-\[repeat\(auto-fit\,minmax\(13rem\,1fr\)\)\] {
  grid-template-columns: repeat(auto-fit,minmax(13rem,1fr));
}
.grid-cols-\[repeat\(auto-fit\,minmax\(14rem\,1fr\)\)\] {
  grid-template-columns: repeat(auto-fit,minmax(14rem,1fr));
}
.grid-cols-\[repeat\(auto-fit\,minmax\(15rem\,1fr\)\)\] {
  grid-template-columns: repeat(auto-fit,minmax(15rem,1fr));
}
.grid-cols-\[repeat\(auto-fit\,minmax\(16rem\,1fr\)\)\] {
  grid-template-columns: repeat(auto-fit,minmax(16rem,1fr));
}
.grid-cols-\[repeat\(auto-fit\,minmax\(18rem\,1fr\)\)\] {
  grid-template-columns: repeat(auto-fit,minmax(18rem,1fr));
}
.grid-cols-\[repeat\(auto-fit\,minmax\(min\(100\%\,16rem\)\,1fr\)\)\] {
  grid-template-columns: repeat(auto-fit,minmax(min(100%, 16rem),1fr));
}
.flex-col {
  flex-direction: column;
}
.flex-row {
  flex-direction: row;
}
.flex-wrap {
  flex-wrap: wrap;
}
.place-items-center {
  place-items: center;
}
.items-baseline {
  align-items: baseline;
}
.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-end {
  justify-content: flex-end;
}
.justify-start {
  justify-content: flex-start;
}
.gap-hsp-2xs {
  gap: var(--spacing-hsp-2xs);
}
.gap-hsp-lg {
  gap: var(--spacing-hsp-lg);
}
.gap-hsp-md {
  gap: var(--spacing-hsp-md);
}
.gap-hsp-sm {
  gap: var(--spacing-hsp-sm);
}
.gap-hsp-xs {
  gap: var(--spacing-hsp-xs);
}
.gap-px {
  gap: 1px;
}
.gap-px {
  gap: var(--spacing-px);
}
.gap-vsp-2xs {
  gap: var(--spacing-vsp-2xs);
}
.gap-vsp-sm {
  gap: var(--spacing-vsp-sm);
}
.gap-x-hsp-2xl {
  column-gap: var(--spacing-hsp-2xl);
}
.gap-x-hsp-2xs {
  column-gap: var(--spacing-hsp-2xs);
}
.gap-x-hsp-lg {
  column-gap: var(--spacing-hsp-lg);
}
.gap-x-hsp-md {
  column-gap: var(--spacing-hsp-md);
}
.gap-x-hsp-sm {
  column-gap: var(--spacing-hsp-sm);
}
.gap-x-hsp-xl {
  column-gap: var(--spacing-hsp-xl);
}
.gap-x-hsp-xs {
  column-gap: var(--spacing-hsp-xs);
}
.gap-y-vsp-2xs {
  row-gap: var(--spacing-vsp-2xs);
}
.gap-y-vsp-lg {
  row-gap: var(--spacing-vsp-lg);
}
.gap-y-vsp-md {
  row-gap: var(--spacing-vsp-md);
}
.gap-y-vsp-sm {
  row-gap: var(--spacing-vsp-sm);
}
.gap-y-vsp-xl {
  row-gap: var(--spacing-vsp-xl);
}
.gap-y-vsp-xs {
  row-gap: var(--spacing-vsp-xs);
}
.self-start {
  align-self: flex-start;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-y-auto {
  overflow-y: auto;
}
.rounded-\[10px\] {
  border-radius: 10px;
}
.rounded-full {
  border-radius: var(--radius-full);
}
.rounded-md {
  border-radius: var(--radius-md);
}
.border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.border-0 {
  border-style: var(--tw-border-style);
  border-width: 0px;
}
.border-2 {
  border-style: var(--tw-border-style);
  border-width: 2px;
}
.border-y {
  border-block-style: var(--tw-border-style);
  border-block-width: 1px;
}
.border-s-2 {
  border-inline-start-style: var(--tw-border-style);
  border-inline-start-width: 2px;
}
.border-s-\[3px\] {
  border-inline-start-style: var(--tw-border-style);
  border-inline-start-width: 3px;
}
.border-e {
  border-inline-end-style: var(--tw-border-style);
  border-inline-end-width: 1px;
}
.border-t {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
}
.border-t-2 {
  border-top-style: var(--tw-border-style);
  border-top-width: 2px;
}
.border-b {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
.border-b-2 {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 2px;
}
.border-l-4 {
  border-left-style: var(--tw-border-style);
  border-left-width: 4px;
}
.border-l-\[3px\] {
  border-left-style: var(--tw-border-style);
  border-left-width: 3px;
}
.border-accent {
  border-color: var(--color-accent);
}
.border-bg {
  border-color: var(--color-bg);
}
.border-border {
  border-color: var(--color-border);
}
.border-current {
  border-color: currentcolor;
}
.border-rail-border {
  border-color: var(--color-rail-border);
}
.border-s-transparent {
  border-inline-start-color: transparent;
}
.border-t-accent {
  border-top-color: var(--color-accent);
}
.border-b-border {
  border-bottom-color: var(--color-border);
}
.border-l-accent {
  border-left-color: var(--color-accent);
}
.border-l-border {
  border-left-color: var(--color-border);
}
.bg-\[color-mix\(in_srgb\,var\(--color-fg\)_45\%\,transparent\)\] {
  background-color: color-mix(in srgb,light-dark(var(--palette-neutral-3), var(--palette-neutral-0)) 45%,transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,var(--color-fg) 45%,transparent);
  }
}
.bg-accent {
  background-color: var(--color-accent);
}
.bg-bg {
  background-color: var(--color-bg);
}
.bg-border {
  background-color: var(--color-border);
}
.bg-rail-bg {
  background-color: var(--color-rail-bg);
}
.bg-rail-bg-strong {
  background-color: var(--color-rail-bg-strong);
}
.bg-rail-border {
  background-color: var(--color-rail-border);
}
.bg-rail-fg {
  background-color: var(--color-rail-fg);
}
.bg-rail-hover-bg {
  background-color: var(--color-rail-hover-bg);
}
.bg-surface {
  background-color: var(--color-surface);
}
.bg-transparent {
  background-color: transparent;
}
.p-0 {
  padding: var(--spacing-0);
}
.p-hsp-lg {
  padding: var(--spacing-hsp-lg);
}
.px-hsp-lg {
  padding-inline: var(--spacing-hsp-lg);
}
.px-hsp-md {
  padding-inline: var(--spacing-hsp-md);
}
.px-hsp-sm {
  padding-inline: var(--spacing-hsp-sm);
}
.px-hsp-xl {
  padding-inline: var(--spacing-hsp-xl);
}
.px-hsp-xs {
  padding-inline: var(--spacing-hsp-xs);
}
.py-vsp-2xl {
  padding-block: var(--spacing-vsp-2xl);
}
.py-vsp-2xs {
  padding-block: var(--spacing-vsp-2xs);
}
.py-vsp-lg {
  padding-block: var(--spacing-vsp-lg);
}
.py-vsp-md {
  padding-block: var(--spacing-vsp-md);
}
.py-vsp-sm {
  padding-block: var(--spacing-vsp-sm);
}
.py-vsp-xl {
  padding-block: var(--spacing-vsp-xl);
}
.py-vsp-xs {
  padding-block: var(--spacing-vsp-xs);
}
.ps-hsp-2xs {
  padding-inline-start: var(--spacing-hsp-2xs);
}
.ps-hsp-lg {
  padding-inline-start: var(--spacing-hsp-lg);
}
.ps-hsp-sm {
  padding-inline-start: var(--spacing-hsp-sm);
}
.pe-hsp-xl {
  padding-inline-end: var(--spacing-hsp-xl);
}
.pt-vsp-lg {
  padding-top: var(--spacing-vsp-lg);
}
.pt-vsp-sm {
  padding-top: var(--spacing-vsp-sm);
}
.pb-vsp-2xl {
  padding-bottom: var(--spacing-vsp-2xl);
}
.pb-vsp-2xs {
  padding-bottom: var(--spacing-vsp-2xs);
}
.pb-vsp-md {
  padding-bottom: var(--spacing-vsp-md);
}
.pb-vsp-sm {
  padding-bottom: var(--spacing-vsp-sm);
}
.pl-hsp-lg {
  padding-left: var(--spacing-hsp-lg);
}
.pl-hsp-sm {
  padding-left: var(--spacing-hsp-sm);
}
.pl-hsp-xl {
  padding-left: var(--spacing-hsp-xl);
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-start {
  text-align: start;
}
.align-middle {
  vertical-align: middle;
}
.text-body {
  font-size: var(--text-body);
}
.text-caption {
  font-size: var(--text-caption);
}
.text-display {
  font-size: var(--text-display);
}
.text-heading {
  font-size: var(--text-heading);
}
.text-micro {
  font-size: var(--text-micro);
}
.text-small {
  font-size: var(--text-small);
}
.text-title {
  font-size: var(--text-title);
}
.leading-none {
  --tw-leading: 1;
  line-height: 1;
}
.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-bold {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.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-\[0\.05em\] {
  --tw-tracking: 0.05em;
  letter-spacing: 0.05em;
}
.tracking-\[0\.14em\] {
  --tw-tracking: 0.14em;
  letter-spacing: 0.14em;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre-wrap {
  white-space: pre-wrap;
}
.text-accent {
  color: var(--color-accent);
}
.text-bg {
  color: var(--color-bg);
}
.text-danger {
  color: var(--color-danger);
}
.text-fg {
  color: var(--color-fg);
}
.text-inherit {
  color: inherit;
}
.text-muted {
  color: var(--color-muted);
}
.text-rail-fg {
  color: var(--color-rail-fg);
}
.text-rail-muted {
  color: var(--color-rail-muted);
}
.uppercase {
  text-transform: uppercase;
}
.italic {
  font-style: italic;
}
.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,);
}
.no-underline {
  text-decoration-line: none;
}
.underline {
  text-decoration-line: underline;
}
.underline-offset-2 {
  text-underline-offset: 2px;
}
.underline-offset-4 {
  text-underline-offset: 4px;
}
.opacity-0 {
  opacity: 0%;
}
.shadow-\[0_2px_8px_-2px_color-mix\(in_srgb\,var\(--color-accent\)_60\%\,transparent\)\] {
  --tw-shadow: 0 2px 8px -2px var(--tw-shadow-color, color-mix(in srgb,light-dark(var(--palette-accent-2), var(--palette-accent-1)) 60%,transparent));
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow: 0 2px 8px -2px var(--tw-shadow-color, color-mix(in srgb,var(--color-accent) 60%,transparent));
  }
  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_24px_48px_-24px_color-mix\(in_srgb\,var\(--color-fg\)_60\%\,transparent\)\] {
  --tw-shadow: 0 24px 48px -24px var(--tw-shadow-color, color-mix(in srgb,light-dark(var(--palette-neutral-3), var(--palette-neutral-0)) 60%,transparent));
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow: 0 24px 48px -24px var(--tw-shadow-color, color-mix(in srgb,var(--color-fg) 60%,transparent));
  }
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.outline {
  outline-style: var(--tw-outline-style);
  outline-width: 1px;
}
.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,);
}
.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-\[opacity\,transform\,visibility\] {
  transition-property: opacity,transform,visibility;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[width\,opacity\,margin\] {
  transition-property: width,opacity,margin;
  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));
}
.outline-none {
  --tw-outline-style: none;
  outline-style: none;
}
.group-open\:rotate-90 {
  &:is(:where(.group):is([open], :popover-open, :open) *) {
    rotate: 90deg;
  }
}
.group-open\:border-s-accent {
  &:is(:where(.group):is([open], :popover-open, :open) *) {
    border-inline-start-color: var(--color-accent);
  }
}
.group-open\:bg-rail-hover-bg {
  &:is(:where(.group):is([open], :popover-open, :open) *) {
    background-color: var(--color-rail-hover-bg);
  }
}
.group-open\:text-rail-fg {
  &:is(:where(.group):is([open], :popover-open, :open) *) {
    color: var(--color-rail-fg);
  }
}
.group-focus-within\/ctx\:pointer-events-auto {
  &:is(:where(.group\/ctx):focus-within *) {
    pointer-events: auto;
  }
}
.group-focus-within\/ctx\:visible {
  &:is(:where(.group\/ctx):focus-within *) {
    visibility: visible;
  }
}
.group-focus-within\/ctx\:translate-y-0 {
  &:is(:where(.group\/ctx):focus-within *) {
    --tw-translate-y: var(--spacing-0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
.group-focus-within\/ctx\:rotate-180 {
  &:is(:where(.group\/ctx):focus-within *) {
    rotate: 180deg;
  }
}
.group-focus-within\/ctx\:opacity-100 {
  &:is(:where(.group\/ctx):focus-within *) {
    opacity: 100%;
  }
}
.group-focus-within\/search\:ml-hsp-xs {
  &:is(:where(.group\/search):focus-within *) {
    margin-left: var(--spacing-hsp-xs);
  }
}
.group-focus-within\/search\:w-\[12rem\] {
  &:is(:where(.group\/search):focus-within *) {
    width: 12rem;
  }
}
.group-focus-within\/search\:opacity-100 {
  &:is(:where(.group\/search):focus-within *) {
    opacity: 100%;
  }
}
.group-hover\:border-accent {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      border-color: var(--color-accent);
    }
  }
}
.group-hover\:text-accent {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: var(--color-accent);
    }
  }
}
.group-hover\:text-accent-hover {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: var(--color-accent-hover);
    }
  }
}
.group-hover\/ctx\:pointer-events-auto {
  &:is(:where(.group\/ctx):hover *) {
    @media (hover: hover) {
      pointer-events: auto;
    }
  }
}
.group-hover\/ctx\:visible {
  &:is(:where(.group\/ctx):hover *) {
    @media (hover: hover) {
      visibility: visible;
    }
  }
}
.group-hover\/ctx\:translate-y-0 {
  &:is(:where(.group\/ctx):hover *) {
    @media (hover: hover) {
      --tw-translate-y: var(--spacing-0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
.group-hover\/ctx\:rotate-180 {
  &:is(:where(.group\/ctx):hover *) {
    @media (hover: hover) {
      rotate: 180deg;
    }
  }
}
.group-hover\/ctx\:opacity-100 {
  &:is(:where(.group\/ctx):hover *) {
    @media (hover: hover) {
      opacity: 100%;
    }
  }
}
.group-data-\[current\=true\]\:border-s-accent {
  &:is(:where(.group)[data-current="true"] *) {
    border-inline-start-color: var(--color-accent);
  }
}
.group-data-\[current\=true\]\:bg-rail-hover-bg {
  &:is(:where(.group)[data-current="true"] *) {
    background-color: var(--color-rail-hover-bg);
  }
}
.group-data-\[current\=true\]\:text-rail-fg {
  &:is(:where(.group)[data-current="true"] *) {
    color: var(--color-rail-fg);
  }
}
.peer-checked\:pointer-events-auto {
  &:is(:where(.peer):checked ~ *) {
    pointer-events: auto;
  }
}
.peer-checked\:translate-x-0 {
  &:is(:where(.peer):checked ~ *) {
    --tw-translate-x: var(--spacing-0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
.peer-checked\:opacity-100 {
  &:is(:where(.peer):checked ~ *) {
    opacity: 100%;
  }
}
.peer-focus-visible\:outline {
  &:is(:where(.peer):focus-visible ~ *) {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
}
.peer-focus-visible\:outline-2 {
  &:is(:where(.peer):focus-visible ~ *) {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
}
.peer-focus-visible\:-outline-offset-2 {
  &:is(:where(.peer):focus-visible ~ *) {
    outline-offset: calc(2px * -1);
  }
}
.peer-focus-visible\:outline-rail-fg {
  &:is(:where(.peer):focus-visible ~ *) {
    outline-color: var(--color-rail-fg);
  }
}
.marker\:text-muted {
  & *::marker {
    color: var(--color-muted);
  }
  &::marker {
    color: var(--color-muted);
  }
  & *::-webkit-details-marker {
    color: var(--color-muted);
  }
  &::-webkit-details-marker {
    color: var(--color-muted);
  }
}
.placeholder\:text-muted {
  &::placeholder {
    color: var(--color-muted);
  }
}
.placeholder\:text-rail-muted {
  &::placeholder {
    color: var(--color-rail-muted);
  }
}
.before\:absolute {
  &::before {
    content: var(--tw-content);
    position: absolute;
  }
}
.before\:inset-x-0 {
  &::before {
    content: var(--tw-content);
    inset-inline: var(--spacing-0);
  }
}
.before\:-top-\[6px\] {
  &::before {
    content: var(--tw-content);
    top: calc(6px * -1);
  }
}
.before\:mr-hsp-2xs {
  &::before {
    content: var(--tw-content);
    margin-right: var(--spacing-hsp-2xs);
  }
}
.before\:block {
  &::before {
    content: var(--tw-content);
    display: block;
  }
}
.before\:h-\[2px\] {
  &::before {
    content: var(--tw-content);
    height: 2px;
  }
}
.before\:bg-rail-fg {
  &::before {
    content: var(--tw-content);
    background-color: var(--color-rail-fg);
  }
}
.before\:text-accent {
  &::before {
    content: var(--tw-content);
    color: var(--color-accent);
  }
}
.before\:content-\[\'\'\] {
  &::before {
    --tw-content: '';
    content: var(--tw-content);
  }
}
.before\:content-\[\'—\'\] {
  &::before {
    --tw-content: '—';
    content: var(--tw-content);
  }
}
.after\:absolute {
  &::after {
    content: var(--tw-content);
    position: absolute;
  }
}
.after\:inset-x-0 {
  &::after {
    content: var(--tw-content);
    inset-inline: var(--spacing-0);
  }
}
.after\:top-\[6px\] {
  &::after {
    content: var(--tw-content);
    top: 6px;
  }
}
.after\:block {
  &::after {
    content: var(--tw-content);
    display: block;
  }
}
.after\:h-\[2px\] {
  &::after {
    content: var(--tw-content);
    height: 2px;
  }
}
.after\:bg-rail-fg {
  &::after {
    content: var(--tw-content);
    background-color: var(--color-rail-fg);
  }
}
.after\:content-\[\'\'\] {
  &::after {
    --tw-content: '';
    content: var(--tw-content);
  }
}
.first\:border-t-0 {
  &:first-child {
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
  }
}
.hover\:border-accent {
  &:hover {
    @media (hover: hover) {
      border-color: var(--color-accent);
    }
  }
}
.hover\:border-accent-hover {
  &:hover {
    @media (hover: hover) {
      border-color: var(--color-accent-hover);
    }
  }
}
.hover\:border-s-accent {
  &:hover {
    @media (hover: hover) {
      border-inline-start-color: var(--color-accent);
    }
  }
}
.hover\:bg-accent-hover {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-accent-hover);
    }
  }
}
.hover\:bg-rail-bg {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-rail-bg);
    }
  }
}
.hover\:bg-rail-hover-bg {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-rail-hover-bg);
    }
  }
}
.hover\:bg-surface {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-surface);
    }
  }
}
.hover\:bg-surface-2 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-surface-2);
    }
  }
}
.hover\:text-accent {
  &:hover {
    @media (hover: hover) {
      color: var(--color-accent);
    }
  }
}
.hover\:text-accent-hover {
  &:hover {
    @media (hover: hover) {
      color: var(--color-accent-hover);
    }
  }
}
.hover\:text-rail-fg {
  &:hover {
    @media (hover: hover) {
      color: var(--color-rail-fg);
    }
  }
}
.hover\:text-rail-muted {
  &:hover {
    @media (hover: hover) {
      color: var(--color-rail-muted);
    }
  }
}
.hover\:underline {
  &:hover {
    @media (hover: hover) {
      text-decoration-line: underline;
    }
  }
}
.hover\:underline-offset-4 {
  &:hover {
    @media (hover: hover) {
      text-underline-offset: 4px;
    }
  }
}
.focus\:translate-y-0 {
  &:focus {
    --tw-translate-y: var(--spacing-0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
.focus-visible\:border-accent {
  &:focus-visible {
    border-color: var(--color-accent);
  }
}
.focus-visible\:bg-rail-hover-bg {
  &:focus-visible {
    background-color: var(--color-rail-hover-bg);
  }
}
.focus-visible\:text-rail-fg {
  &:focus-visible {
    color: var(--color-rail-fg);
  }
}
.focus-visible\:outline {
  &:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
}
.focus-visible\:outline-2 {
  &:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
}
.focus-visible\:-outline-offset-2 {
  &:focus-visible {
    outline-offset: calc(2px * -1);
  }
}
.focus-visible\:outline-offset-2 {
  &:focus-visible {
    outline-offset: 2px;
  }
}
.focus-visible\:outline-accent {
  &:focus-visible {
    outline-color: var(--color-accent);
  }
}
.focus-visible\:outline-focus {
  &:focus-visible {
    outline-color: var(--color-focus);
  }
}
.focus-visible\:outline-rail-fg {
  &:focus-visible {
    outline-color: var(--color-rail-fg);
  }
}
.focus-visible\:outline-none {
  &:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }
}
.disabled\:cursor-not-allowed {
  &:disabled {
    cursor: not-allowed;
  }
}
.disabled\:opacity-50 {
  &:disabled {
    opacity: 50%;
  }
}
.aria-pressed\:border-accent {
  &[aria-pressed="true"] {
    border-color: var(--color-accent);
  }
}
.aria-pressed\:bg-accent {
  &[aria-pressed="true"] {
    background-color: var(--color-accent);
  }
}
.aria-pressed\:text-bg {
  &[aria-pressed="true"] {
    color: var(--color-bg);
  }
}
.max-sm\:invisible {
  @media (width < 640px) {
    visibility: hidden;
  }
}
.max-sm\:top-0 {
  @media (width < 640px) {
    top: var(--spacing-0);
  }
}
.max-sm\:z-ui-modal {
  @media (width < 640px) {
    z-index: var(--z-index-ui-modal);
  }
}
.max-sm\:col-start-1 {
  @media (width < 640px) {
    grid-column-start: 1;
  }
}
.max-sm\:block {
  @media (width < 640px) {
    display: block;
  }
}
.max-sm\:flex {
  @media (width < 640px) {
    display: flex;
  }
}
.max-sm\:hidden {
  @media (width < 640px) {
    display: none;
  }
}
.max-sm\:w-\[17rem\] {
  @media (width < 640px) {
    width: 17rem;
  }
}
.max-sm\:max-w-\[85vw\] {
  @media (width < 640px) {
    max-width: 85vw;
  }
}
.max-sm\:-translate-x-full {
  @media (width < 640px) {
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
.max-sm\:grid-cols-1 {
  @media (width < 640px) {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.max-sm\:grid-cols-\[minmax\(0\,1fr\)\] {
  @media (width < 640px) {
    grid-template-columns: minmax(0,1fr);
  }
}
.max-sm\:pt-\[3\.25rem\] {
  @media (width < 640px) {
    padding-top: 3.25rem;
  }
}
.max-sm\:shadow-\[0_8px_24px_color-mix\(in_srgb\,var\(--color-fg\)_18\%\,transparent\)\] {
  @media (width < 640px) {
    --tw-shadow: 0 8px 24px var(--tw-shadow-color, color-mix(in srgb,light-dark(var(--palette-neutral-3), var(--palette-neutral-0)) 18%,transparent));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow: 0 8px 24px var(--tw-shadow-color, color-mix(in srgb,var(--color-fg) 18%,transparent));
    }
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.max-sm\:transition-transform {
  @media (width < 640px) {
    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));
  }
}
.max-sm\:peer-checked\:visible {
  @media (width < 640px) {
    &:is(:where(.peer):checked ~ *) {
      visibility: visible;
    }
  }
}
.sm\:hidden {
  @media (width >= 640px) {
    display: none;
  }
}
.sm\:grid-cols-2 {
  @media (width >= 640px) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.sm\:grid-cols-\[12rem_1fr\] {
  @media (width >= 640px) {
    grid-template-columns: 12rem 1fr;
  }
}
.sm\:flex-row {
  @media (width >= 640px) {
    flex-direction: row;
  }
}
.sm\:items-baseline {
  @media (width >= 640px) {
    align-items: baseline;
  }
}
.sm\:items-end {
  @media (width >= 640px) {
    align-items: flex-end;
  }
}
.sm\:items-start {
  @media (width >= 640px) {
    align-items: flex-start;
  }
}
.sm\:justify-between {
  @media (width >= 640px) {
    justify-content: space-between;
  }
}
.sm\:gap-x-hsp-md {
  @media (width >= 640px) {
    column-gap: var(--spacing-hsp-md);
  }
}
.md\:flex-1 {
  @media (width >= 768px) {
    flex: 1;
  }
}
.md\:flex-\[1_1_0\%\] {
  @media (width >= 768px) {
    flex: 1 1 0%;
  }
}
.md\:flex-\[2_1_0\%\] {
  @media (width >= 768px) {
    flex: 2 1 0%;
  }
}
.md\:flex-\[3_1_0\%\] {
  @media (width >= 768px) {
    flex: 3 1 0%;
  }
}
.md\:flex-row {
  @media (width >= 768px) {
    flex-direction: row;
  }
}
.md\:items-center {
  @media (width >= 768px) {
    align-items: center;
  }
}
.md\:justify-between {
  @media (width >= 768px) {
    justify-content: space-between;
  }
}
.md\:gap-x-hsp-2xl {
  @media (width >= 768px) {
    column-gap: var(--spacing-hsp-2xl);
  }
}
.\[\&_p\]\:mb-vsp-xs {
  & p {
    margin-bottom: var(--spacing-vsp-xs);
  }
}
.\[\&\:not\(\:first-child\)\]\:before\:text-border {
  &:not(:first-child) {
    &::before {
      content: var(--tw-content);
      color: var(--color-border);
    }
  }
}
.\[\&\:not\(\:first-child\)\]\:before\:content-\[\'\/\'\] {
  &:not(:first-child) {
    &::before {
      --tw-content: '/';
      content: var(--tw-content);
    }
  }
}
.\[\&\>ol\]\:mt-vsp-xs {
  &>ol {
    margin-top: var(--spacing-vsp-xs);
  }
}
.\[\&\>ol\]\:mb-0 {
  &>ol {
    margin-bottom: var(--spacing-0);
  }
}
.\[\&\>ul\]\:mt-vsp-xs {
  &>ul {
    margin-top: var(--spacing-vsp-xs);
  }
}
.\[\&\>ul\]\:mb-0 {
  &>ul {
    margin-bottom: var(--spacing-0);
  }
}
:root, :host {
  --spacing-0: 0;
  --spacing-px: 1px;
  --spacing-hsp-2xs: 0.125rem;
  --spacing-hsp-xs: 0.375rem;
  --spacing-hsp-sm: 0.5rem;
  --spacing-hsp-md: 0.75rem;
  --spacing-hsp-lg: 1rem;
  --spacing-hsp-xl: 1.5rem;
  --spacing-hsp-2xl: 2rem;
  --spacing-vsp-2xs: 0.4375rem;
  --spacing-vsp-xs: 0.875rem;
  --spacing-vsp-sm: 1.25rem;
  --spacing-vsp-md: 1.5rem;
  --spacing-vsp-lg: 1.75rem;
  --spacing-vsp-xl: 2.5rem;
  --spacing-vsp-2xl: 3.5rem;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-base--line-height: 1.75;
  --text-lg: 1.25rem;
  --text-xl: 1.75rem;
  --text-2xl: 2.5rem;
  --text-micro: var(--text-xs);
  --text-caption: var(--text-sm);
  --text-small: var(--text-base);
  --text-body: var(--text-lg);
  --text-title: var(--text-lg);
  --text-heading: var(--text-xl);
  --text-display: var(--text-2xl);
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --leading-tight: 1.25;
  --leading-snug: 1.4;
  --leading-relaxed: 1.75;
  --font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, "JetBrains Mono", "Fira Code", monospace;
  --radius-DEFAULT: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 1rem;
  --radius-full: 9999px;
  --breakpoint-sm: 640px;
  --breakpoint-md: 768px;
  --default-transition-duration: 0.15s;
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --z-index-ui-sticky: 10;
  --z-index-ui-dropdown: 20;
  --z-index-ui-overlay: 30;
  --z-index-ui-modal: 40;
  --z-index-ui-toast: 50;
  --color-bg: light-dark(var(--palette-neutral-0), var(--palette-neutral-3));
  --color-surface: light-dark(var(--palette-neutral-0), var(--palette-neutral-3));
  --color-surface-2: light-dark(var(--palette-neutral-1), var(--palette-neutral-2));
  --color-border: light-dark(var(--palette-neutral-1), var(--palette-neutral-2));
  --color-fg: light-dark(var(--palette-neutral-3), var(--palette-neutral-0));
  --color-muted: light-dark(var(--palette-neutral-2), var(--palette-neutral-1));
  --color-accent: light-dark(var(--palette-accent-2), var(--palette-accent-1));
  --color-accent-hover: light-dark(var(--palette-accent-3), var(--palette-accent-0));
  --color-focus: light-dark(var(--palette-accent-2), var(--palette-accent-1));
  --color-rail-bg: var(--palette-neutral-3);
  --color-rail-bg-strong: var(--palette-neutral-3);
  --color-rail-fg: var(--palette-neutral-0);
  --color-rail-muted: var(--palette-neutral-1);
  --color-rail-border: var(--palette-neutral-2);
  --color-rail-hover-bg: var(--palette-neutral-2);
  --color-loading-scrim: color-mix(in srgb, light-dark(var(--palette-neutral-0), var(--palette-neutral-3)) 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --color-loading-scrim: color-mix(in srgb, var(--color-bg) 40%, transparent);
  }
  --color-danger: light-dark(var(--palette-state-danger),  var(--palette-state-danger-dark));
}
:root {
  --palette-neutral-0: oklch(0.970 0.006 75);
  --palette-neutral-1: oklch(0.885 0.009 75);
  --palette-neutral-2: oklch(0.410 0.012 75);
  --palette-neutral-3: oklch(0.235 0.010 75);
  --palette-accent-0: oklch(.755 .130 64);
  --palette-accent-1: oklch(.700 .158 62);
  --palette-accent-2: oklch(.470 .120 56);
  --palette-accent-3: oklch(.400 .096 56);
  --palette-state-danger: oklch(.505 .170 25);
  --palette-state-danger-dark: oklch(.655 .170 25);
  --palette-state-success: oklch(.470 .140 145);
  --palette-state-success-dark: oklch(.680 .145 145);
  --palette-state-warning: oklch(.490 .100 82);
  --palette-state-warning-dark: oklch(.760 .135 82);
  --palette-state-info: oklch(.485 .122 245);
  --palette-state-info-dark: oklch(.680 .130 245);
  --palette-line-vacuum-accent: oklch(.525 .100 200);
  --palette-line-vacuum-accent-dark: oklch(.760 .085 200);
  --palette-line-vacuum-hover: oklch(.460 .088 200);
  --palette-line-vacuum-hover-dark: oklch(.830 .070 200);
  --palette-line-process-accent: oklch(.530 .150 300);
  --palette-line-process-accent-dark: oklch(.720 .130 300);
  --palette-line-process-hover: oklch(.455 .140 300);
  --palette-line-process-hover-dark: oklch(.795 .110 300);
  --palette-line-laser-accent: oklch(.555 .175 28);
  --palette-line-laser-accent-dark: oklch(.700 .165 28);
  --palette-line-laser-hover: oklch(.478 .168 28);
  --palette-line-laser-hover-dark: oklch(.775 .140 28);
  --palette-line-meeting-accent: oklch(.525 .132 150);
  --palette-line-meeting-accent-dark: oklch(.740 .125 150);
  --palette-line-meeting-hover: oklch(.458 .116 150);
  --palette-line-meeting-hover-dark: oklch(.815 .105 150);
  --palette-line-beauty-accent: oklch(.565 .172 350);
  --palette-line-beauty-accent-dark: oklch(.720 .150 350);
  --palette-line-beauty-hover: oklch(.485 .166 350);
  --palette-line-beauty-hover-dark: oklch(.795 .130 350);
  color-scheme: light dark;
}
:root[data-theme="light"] {
  color-scheme: light;
}
:root[data-theme="dark"] {
  color-scheme: dark;
}
[data-line="vacuum"] {
  --color-accent: light-dark(var(--palette-line-vacuum-accent), var(--palette-line-vacuum-accent-dark));
  --color-accent-hover: light-dark(var(--palette-line-vacuum-hover), var(--palette-line-vacuum-hover-dark));
}
[data-line="process"] {
  --color-accent: light-dark(var(--palette-line-process-accent), var(--palette-line-process-accent-dark));
  --color-accent-hover: light-dark(var(--palette-line-process-hover), var(--palette-line-process-hover-dark));
}
[data-line="laser"] {
  --color-accent: light-dark(var(--palette-line-laser-accent), var(--palette-line-laser-accent-dark));
  --color-accent-hover: light-dark(var(--palette-line-laser-hover), var(--palette-line-laser-hover-dark));
}
[data-line="meeting"] {
  --color-accent: light-dark(var(--palette-line-meeting-accent), var(--palette-line-meeting-accent-dark));
  --color-accent-hover: light-dark(var(--palette-line-meeting-hover), var(--palette-line-meeting-hover-dark));
}
[data-line="beauty"] {
  --color-accent: light-dark(var(--palette-line-beauty-accent), var(--palette-line-beauty-accent-dark));
  --color-accent-hover: light-dark(var(--palette-line-beauty-hover), var(--palette-line-beauty-hover-dark));
}
.zd-content {
  color: var(--color-fg);
  font-size: var(--text-body);
  line-height: var(--leading-relaxed);
}
.zd-content > :where(* + *) {
  margin-top: var(--flow-space, var(--spacing-vsp-md));
}
.zd-content > :where(h2) {
  --flow-space: var(--spacing-vsp-xl);
}
.zd-content > :where(h3) {
  --flow-space: var(--spacing-vsp-lg);
}
.zd-content > :where(h4) {
  --flow-space: var(--spacing-vsp-md);
}
.zd-content > :where(h2, h3) + * {
  --flow-space: var(--spacing-vsp-xs);
}
.zd-content > :where(h4, h5, h6) + * {
  --flow-space: var(--spacing-vsp-2xs);
}
.zd-content :where(code:not(pre code)) {
  font-size: var(--text-small);
  font-weight: var(--font-weight-medium);
  font-family: var(--font-mono);
  background-color: var(--color-surface-2);
  color: var(--color-fg);
  border-radius: var(--radius-DEFAULT);
  padding: 0.1em var(--spacing-hsp-xs);
}
.zd-content :where(pre) {
  font-size: var(--text-small);
  line-height: var(--leading-relaxed);
  font-family: var(--font-mono);
  background-color: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: var(--spacing-vsp-sm) var(--spacing-hsp-lg);
  overflow-x: auto;
}
.zd-content :where(pre code) {
  background: transparent;
  padding: 0;
  border: none;
  color: inherit;
  font-size: inherit;
}
.zd-content :where(hr) {
  border: none;
  border-top: 1px solid var(--color-border);
}
.zd-content :where(img) {
  max-width: 100%;
  height: auto;
}
@keyframes zdContentFadeIn {
  from {
    opacity: 0;
    transform: translateY(-0.75rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes zdContentFadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
[data-zfb-transition-persist^="sidebar-"] #zui-nav-drawer {
  view-transition-name: zfb-sidebar;
}
::view-transition-old(zfb-sidebar), ::view-transition-new(zfb-sidebar), ::view-transition-group(zfb-sidebar) {
  animation: none;
}
::view-transition-old(zfb-sidebar):only-child {
  animation: 150ms ease-in both zdContentFadeOut;
}
::view-transition-new(zfb-sidebar):only-child {
  animation: 300ms ease-out both zdContentFadeIn;
}
[data-zfb-transition-persist^="header-"] {
  view-transition-name: zfb-header;
}
::view-transition-old(zfb-header), ::view-transition-new(zfb-header), ::view-transition-group(zfb-header) {
  animation: none;
}
::view-transition-old(zfb-header):only-child {
  animation: 150ms ease-in both zdContentFadeOut;
}
::view-transition-new(zfb-header):only-child {
  animation: 300ms ease-out both zdContentFadeIn;
}
::view-transition-old(root) {
  animation: 150ms ease-in both zdContentFadeOut;
}
::view-transition-new(root) {
  animation: 300ms ease-out both zdContentFadeIn;
}
@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(root), ::view-transition-old(root), ::view-transition-new(root), ::view-transition-old(zfb-sidebar):only-child, ::view-transition-new(zfb-sidebar):only-child, ::view-transition-old(zfb-header):only-child, ::view-transition-new(zfb-header):only-child {
    animation: none;
  }
}
.page-loading-overlay {
  position: fixed;
  inset: 0;
  z-index: var(--z-index-ui-overlay);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 200ms ease, visibility 0s linear 200ms;
  background: var(--color-loading-scrim);
  -webkit-backdrop-filter: blur(3px) saturate(1.05);
  backdrop-filter: blur(3px) saturate(1.05);
}
.page-loading-overlay[data-visible] {
  opacity: 1;
  visibility: visible;
  transition: opacity 200ms ease, visibility 0s linear 0s;
}
.page-loading-bar {
  position: absolute;
  inset-block-start: 0;
  inset-inline: 0;
  block-size: 3px;
  overflow: hidden;
  background: color-mix(in srgb, light-dark(var(--palette-accent-2), var(--palette-accent-1)) 18%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-accent) 18%, transparent);
  }
}
.page-loading-bar::before {
  content: "";
  position: absolute;
  inset-block: 0;
  inline-size: 40%;
  background: var(--color-accent);
  border-radius: var(--radius-full);
  animation: zdLoadingBarSlide 1.1s ease-in-out infinite;
  animation-play-state: paused;
}
@keyframes zdLoadingBarSlide {
  0% {
    transform: translateX(-110%);
  }
  60% {
    transform: translateX(180%);
  }
  100% {
    transform: translateX(180%);
  }
}
.page-loading-spinner {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  inline-size: 48px;
  block-size: 48px;
  margin-block-start: -24px;
  margin-inline-start: -24px;
  border: 3px solid color-mix(in srgb, light-dark(var(--palette-accent-2), var(--palette-accent-1)) 22%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border: 3px solid color-mix(in srgb, var(--color-accent) 22%, transparent);
  }
  border-bottom-color: transparent;
  border-radius: var(--radius-full);
  animation: zdLoadingSpin 0.8s linear infinite;
  animation-play-state: paused;
}
.page-loading-overlay[data-visible] .page-loading-bar::before, .page-loading-overlay[data-visible] .page-loading-spinner {
  animation-play-state: running;
}
@media (min-width: 1024px) {
  .page-loading-spinner {
    inline-size: 64px;
    block-size: 64px;
    margin-block-start: -32px;
    margin-inline-start: -32px;
  }
}
@keyframes zdLoadingSpin {
  to {
    transform: rotate(360deg);
  }
}
[data-zd-nav-pending] {
  color: var(--color-accent);
}
@media (prefers-reduced-motion: reduce) {
  .page-loading-overlay {
    transition: none;
  }
  .page-loading-spinner {
    animation: none;
    border-color: color-mix(in srgb, light-dark(var(--palette-accent-2), var(--palette-accent-1)) 45%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--color-accent) 45%, transparent);
    }
    opacity: 0.6;
  }
  .page-loading-bar::before {
    animation: none;
    inline-size: 100%;
    transform: none;
    opacity: 0.6;
  }
}
@layer base {
  *, *::before, *::after {
    box-sizing: border-box;
  }
  html {
    -webkit-text-size-adjust: 100%;
  }
  body {
    margin: 0;
    min-height: 100dvh;
    font-family: var(--font-sans);
    font-size: var(--text-base);
    line-height: var(--text-base--line-height);
    background: var(--color-bg);
    color: var(--color-fg);
    -webkit-font-smoothing: antialiased;
  }
  img, svg {
    display: block;
    max-width: 100%;
  }
  a {
    color: inherit;
  }
  button, input, select, textarea {
    font: inherit;
    color: inherit;
  }
  :focus-visible {
    outline: 2px solid var(--color-accent);
    outline-offset: 2px;
  }
}
@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-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-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@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-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-content: "";
    }
  }
}