@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root, :host { --shimmer-angle: 20deg; }*, ::before, ::after, ::backdrop { --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-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-space-x-reverse: 0; --tw-divide-y-reverse: 0; --tw-border-style: solid; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --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-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; --tw-scrollbar-thumb: #0000; --tw-scrollbar-track: #0000; --tw-animation-delay: 0s; --tw-animation-direction: normal; --tw-animation-duration: initial; --tw-animation-fill-mode: none; --tw-animation-iteration-count: 1; --tw-enter-blur: 0; --tw-enter-opacity: 1; --tw-enter-rotate: 0; --tw-enter-scale: 1; --tw-enter-translate-x: 0; --tw-enter-translate-y: 0; --tw-exit-blur: 0; --tw-exit-opacity: 1; --tw-exit-rotate: 0; --tw-exit-scale: 1; --tw-exit-translate-x: 0; --tw-exit-translate-y: 0; --scroll-fade-t: 0px; --scroll-fade-b: 0px; --scroll-fade-s: 0px; --scroll-fade-e: 0px; --scroll-fade-mask: initial; --shimmer-image: initial; --shimmer-text-fill: initial; }}}
@layer reset;
@layer theme{:root, :host { --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-black: #000; --color-white: #fff; --spacing: .25rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-7xl: 80rem; --text-xs: .75rem; --text-xs--line-height: calc(1 / .75); --text-sm: .875rem; --text-sm--line-height: calc(1.25 / .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); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --tracking-tight: -.025em; --tracking-wider: .05em; --tracking-widest: .1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --radius-md: calc(var(--radius) - 2px); --ease-out: cubic-bezier(0, 0, .2, 1); --ease-in-out: cubic-bezier(.4, 0, .2, 1); --animate-spin: spin 1s linear infinite; --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite; --blur-xs: 4px; --blur-sm: 8px; --blur-md: 12px; --blur-xl: 24px; --blur-3xl: 64px; --aspect-video: 16 / 9; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); --border-width-q-hairline: var(--hf-border-width-hairline); --border-width-q-thin: var(--hf-border-width-thin); --border-width-q-medium: var(--hf-border-width-medium); --border-width-q-thick: var(--hf-border-width-thick); --radius-q-0: var(--hf-radius-0); --radius-q-100: var(--hf-radius-100); --radius-q-150: var(--hf-radius-150); --radius-q-200: var(--hf-radius-200); --radius-q-250: var(--hf-radius-250); --radius-q-300: var(--hf-radius-300); --radius-q-400: var(--hf-radius-400); --radius-q-500: var(--hf-radius-500); --radius-q-600: var(--hf-radius-600); --radius-q-full: var(--hf-radius-full); --spacing-q-100: var(--hf-space-100); --spacing-q-150: var(--hf-space-150); --spacing-q-200: var(--hf-space-200); --spacing-q-500: var(--hf-space-500); --spacing-q-600: var(--hf-space-600); --spacing-q-800: var(--hf-space-800); --spacing-q-1000: var(--hf-space-1000); --spacing-q-1200: var(--hf-space-1200); --spacing-q-1400: var(--hf-space-1400); --z-index-q-modal: var(--hf-z-index-modal); --size-q-icon-xs: var(--hf-icon-xs); --opacity-q-disabled: var(--hf-opacity-disabled); --color-border: var(--hf-color-border-default); }}
@layer base{*, ::after, ::before, ::backdrop { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; }::file-selector-button { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; }html, :host { text-size-adjust: 100%; tab-size: 4; line-height: 1.5; font-family: var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings,normal); font-variation-settings: var(--default-font-variation-settings,normal); -webkit-tap-highlight-color: transparent; }h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }a { color: inherit; text-decoration: inherit; }b, strong { font-weight: bolder; }small { font-size: 80%; }ol, ul, menu { list-style: none; }img, svg, video, canvas, audio, iframe, embed, object { vertical-align: middle; display: block; }img, video { max-width: 100%; height: auto; }button, input, select, optgroup, textarea { font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px; }::file-selector-button { font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px; }::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)){::placeholder { color: color-mix(currentcolor, transparent); }}}::-webkit-search-decoration { 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: 0px; }::-webkit-datetime-edit { padding-block: 0px; }::-webkit-datetime-edit-year-field { padding-block: 0px; }::-webkit-datetime-edit-month-field { padding-block: 0px; }::-webkit-datetime-edit-day-field { padding-block: 0px; }::-webkit-datetime-edit-hour-field { padding-block: 0px; }::-webkit-datetime-edit-minute-field { padding-block: 0px; }::-webkit-datetime-edit-second-field { padding-block: 0px; }::-webkit-datetime-edit-millisecond-field { padding-block: 0px; }::-webkit-datetime-edit-meridiem-field { padding-block: 0px; }::-webkit-calendar-picker-indicator { line-height: 1; }button, input:where([type="button"], [type="reset"], [type="submit"]) { appearance: button; }::file-selector-button { appearance: button; }::-webkit-inner-spin-button { height: auto; }::-webkit-outer-spin-button { height: auto; }html { background-color: var(--hf-color-background-primary); color: var(--hf-color-text-primary); --lightningcss-light: ; --lightningcss-dark: initial; color-scheme: dark; }body { background-color: var(--hf-color-background-primary); min-height: 100vh; color: var(--hf-color-text-primary); font-family: var(--hf-type-family-secondary); }* { border-color: var(--hf-color-border-default); }}
@layer components;
@layer utilities{.q-dot-glow::before { content: ""; inset: var(--hf-space-0); z-index: -1; border-radius: var(--hf-radius-full); filter: blur(var(--hf-space-050)); pointer-events: none; will-change: transform, opacity; background-color: currentcolor; animation: 2.4s ease-in-out 0s infinite normal none running q-dot-glow; position: absolute; }.q-dot-pulse::before, .q-dot-pulse::after { content: ""; inset: var(--hf-space-0); z-index: -1; border-radius: var(--hf-radius-full); pointer-events: none; will-change: transform, opacity; animation: q-dot-pulse 2s var(--hf-ease-out) infinite; background-color: currentcolor; position: absolute; }.q-dot-pulse::after { animation-delay: var(--hf-duration-1000); }.q-icon-tile-gradient::before, .q-icon-tile-gradient::after { content: ""; pointer-events: none; position: absolute; inset: 0px; }.q-icon-tile-gradient::before { mix-blend-mode: overlay; background-image: linear-gradient(rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0)); }.q-icon-tile-gradient::after { mix-blend-mode: hard-light; background-image: linear-gradient(rgba(255, 255, 255, 0.32), rgba(0, 0, 0, 0)); }.q-prompt-box-upload-filled::after { content: ""; background-image: linear-gradient(to top, var(--hf-color-transparent-dark-60), transparent 60%); pointer-events: none; position: absolute; inset: 0px; }.q-glass::before { content: ""; inset-block-start: var(--hf-space-0); inset-inline: var(--hf-space-0); height: var(--q-glass-sheen-height); pointer-events: none; z-index: -1; background-image: linear-gradient(to bottom, var(--q-glass-sheen-color), transparent); position: absolute; }.q-vault::after { content: ""; background-color: var(--hf-color-background-glass); backdrop-filter: blur(var(--hf-space-1000)); pointer-events: none; position: absolute; }.q-vault-bottom::after { top: 100%; inset-inline: var(--hf-space-0); height: 100vh; }.q-vault-top::after { bottom: 100%; inset-inline: var(--hf-space-0); height: 100vh; }.q-vault-left::after { right: 100%; inset-block: var(--hf-space-0); width: 100vw; }.q-vault-right::after { left: 100%; inset-block: var(--hf-space-0); width: 100vw; }.q-select-scroll-arrow-up::before { content: ""; width: var(--hf-space-300); height: var(--hf-space-300); border-top: var(--hf-border-width-medium) solid currentColor; border-right: var(--hf-border-width-medium) solid currentColor; margin-top: var(--hf-space-100); transform: rotate(-45deg); }.q-select-scroll-arrow-down::before { content: ""; width: var(--hf-space-300); height: var(--hf-space-300); border-bottom: var(--hf-border-width-medium) solid currentColor; border-right: var(--hf-border-width-medium) solid currentColor; margin-bottom: var(--hf-space-100); transform: rotate(45deg); }.no-scrollbar::-webkit-scrollbar { display: none; }.q-field-input::placeholder { color: var(--hf-color-text-on-overlay-secondary); opacity: 1; }.q-prompt-box-field::placeholder { color: var(--hf-color-text-secondary); opacity: 1; }.q-composer-input::placeholder { color: var(--hf-color-text-tertiary); opacity: 1; }.q-dropdown-search-input::placeholder { color: var(--hf-color-text-on-overlay-secondary); }.q-modal-search-input::placeholder { color: var(--hf-color-text-on-overlay-secondary); }.q-sidebar-search-input::placeholder { color: var(--hf-color-text-secondary); }.q-glass-tinted::before { background-image: linear-gradient(to bottom, var(--q-tint), transparent), linear-gradient(to bottom, var(--q-glass-sheen-color), transparent); }@supports (color:color-mix(in lab, red, red)){.q-glass-tinted::before { background-image: linear-gradient(to bottom, color-mix(in oklch, var(--q-tint) 22%, transparent), transparent), linear-gradient(to bottom, var(--q-glass-sheen-color), transparent); }}.bg-q-background-primary { background-color: var(--hf-color-background-primary); }.text-q-text-primary { color: var(--hf-color-text-primary); }.selection\:bg-primary ::selection { background-color: var(--hf-color-button-brand); }.selection\:bg-primary::selection { background-color: var(--hf-color-button-brand); }.selection\:text-primary-foreground ::selection { color: var(--hf-color-button-label-brand); }.selection\:text-primary-foreground::selection { color: var(--hf-color-button-label-brand); }.file\:inline-flex::file-selector-button { display: inline-flex; }.file\:h-6::file-selector-button { height: calc(var(--spacing) * 6); }.file\:border-0::file-selector-button { border-style: var(--tw-border-style); border-width: 0px; }.file\:bg-transparent::file-selector-button { background-color: rgba(0, 0, 0, 0); }.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(--hf-color-text-primary); }.placeholder\:text-muted-foreground::placeholder { color: var(--hf-color-text-secondary); }.placeholder\:text-white\/50::placeholder { color: rgba(255, 255, 255, 0.5); }@supports (color:color-mix(in lab, red, red)){.placeholder\:text-white\/50::placeholder { color: color-mix(in oklab, var(--color-white) 50%, transparent); }}.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 1 0%; }.before\:bg-border::before { content: var(--tw-content); background-color: var(--hf-color-border-default); }.after\:pointer-events-none::after { content: var(--tw-content); pointer-events: none; }.after\:absolute::after { content: var(--tw-content); position: absolute; }.after\:-inset-2::after { content: var(--tw-content); inset: calc(var(--spacing) * -2); }.after\:inset-0::after { content: var(--tw-content); inset: 0px; }.after\:-inset-x-3::after { content: var(--tw-content); inset-inline: calc(var(--spacing) * -3); }.after\:-inset-y-2::after { content: var(--tw-content); inset-block: calc(var(--spacing) * -2); }.after\:inset-y-0::after { content: var(--tw-content); inset-block: 0px; }.after\:start-1\/2::after { content: var(--tw-content); inset-inline-start: 50%; }.after\:right-0::after { content: var(--tw-content); right: 0px; }.after\:left-0::after { content: var(--tw-content); left: 0px; }.after\:left-1\/2::after { content: var(--tw-content); left: 50%; }.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-4::after { content: var(--tw-content); width: calc(var(--spacing) * 4); }.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 1 0%; }.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\:rounded-\[inherit\]::after { content: var(--tw-content); border-radius: inherit; }.after\:rounded-full::after { content: var(--tw-content); border-radius: 3.40282e+38px; }.after\:border::after { content: var(--tw-content); border-style: var(--tw-border-style); border-width: 1px; }.after\:border-border::after { content: var(--tw-content); border-color: var(--hf-color-border-default); }.after\:bg-border::after { content: var(--tw-content); background-color: var(--hf-color-border-default); }.after\:bg-foreground::after { content: var(--tw-content); background-color: var(--hf-color-text-primary); }.after\:bg-muted::after { content: var(--tw-content); background-color: var(--hf-color-background-tertiary); }.after\:opacity-0::after { content: var(--tw-content); opacity: 0; }.after\:mix-blend-darken::after { content: var(--tw-content); mix-blend-mode: darken; }.after\:transition-colors::after { content: var(--tw-content); 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)); }.after\:transition-opacity::after { content: var(--tw-content); transition-property: opacity; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); }.group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible="offcanvas"] *)::after { content: var(--tw-content); left: 100%; }.group-data-\[variant\=underline\]\/tabs-list\:after\:bg-white:is(:where(.group\/tabs-list)[data-variant="underline"] *)::after { content: var(--tw-content); background-color: var(--color-white); }.group-data-\[variant\=underline\]\/tabs-list\:group-data-\[tone\=brand\]\/tabs-list\:after\:bg-primary:is(:where(.group\/tabs-list)[data-variant="underline"] *):is(:where(.group\/tabs-list)[data-tone="brand"] *)::after { content: var(--tw-content); background-color: var(--hf-color-button-brand); }.group-data-horizontal\/tabs\:after\:inset-x-0:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *)::after { content: var(--tw-content); inset-inline: 0px; }.group-data-horizontal\/tabs\:after\:bottom-\[-5px\]:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *)::after { content: var(--tw-content); bottom: -5px; }.group-data-horizontal\/tabs\:after\:h-0\.5:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *)::after { content: var(--tw-content); height: calc(var(--spacing) * .5); }.group-data-\[variant\=underline\]\/tabs-list\:group-data-horizontal\/tabs\:after\:bottom-0:is(:where(.group\/tabs-list)[data-variant="underline"] *):is(:where(.group\/tabs):where([data-orientation="horizontal"]) *)::after { content: var(--tw-content); bottom: 0px; }.group-data-vertical\/tabs\:after\:inset-y-0:is(:where(.group\/tabs):where([data-orientation="vertical"]) *)::after { content: var(--tw-content); inset-block: 0px; }.group-data-vertical\/tabs\:after\:-right-1:is(:where(.group\/tabs):where([data-orientation="vertical"]) *)::after { content: var(--tw-content); right: calc(var(--spacing) * -1); }.group-data-vertical\/tabs\:after\:w-0\.5:is(:where(.group\/tabs):where([data-orientation="vertical"]) *)::after { content: var(--tw-content); width: calc(var(--spacing) * .5); }@media (hover: hover){.hover\:after\:bg-black\/10:hover::after { content: var(--tw-content); background-color: rgba(0, 0, 0, 0.1); }@supports (color:color-mix(in lab, red, red)){.hover\:after\:bg-black\/10:hover::after { background-color: color-mix(in oklab, var(--color-black) 10%, transparent); }}.hover\:after\:bg-sidebar-border:hover::after { content: var(--tw-content); background-color: var(--hf-color-border-default); }.hover\:after\:bg-white\/20:hover::after { content: var(--tw-content); background-color: rgba(255, 255, 255, 0.2); }@supports (color:color-mix(in lab, red, red)){.hover\:after\:bg-white\/20:hover::after { background-color: color-mix(in oklab, var(--color-white) 20%, transparent); }}}.focus-visible\:after\:border-ring:focus-visible::after { content: var(--tw-content); border-color: var(--hf-color-border-focus); }.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: 0; 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); }@media (width >= 48rem){.md\:after\:hidden::after { content: var(--tw-content); display: none; }}.ltr\:-translate-x-1\/2:where(:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="ltr"], [dir="ltr"] *), .rtl\:-translate-x-1\/2:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *) { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); }.rtl\:translate-x-1\/2:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *) { --tw-translate-x: calc(1 / 2 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); }.dark\:after\:mix-blend-lighten:where([data-theme="default-dark"], [data-theme="default-dark"] *)::after { content: var(--tw-content); mix-blend-mode: lighten; }:is(.group-data-\[variant\=line\]\/tabs-list\:data-active\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant="line"] *):where([data-state="active"]), .group-data-\[variant\=line\]\/tabs-list\:data-active\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant="line"] *):where([data-active]:not([data-active="false"])))::after, :is(.group-data-\[variant\=underline\]\/tabs-list\:data-active\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant="underline"] *):where([data-state="active"]), .group-data-\[variant\=underline\]\/tabs-list\:data-active\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant="underline"] *):where([data-active]:not([data-active="false"])))::after { content: var(--tw-content); opacity: 1; }:is(.rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *) *):is(.rdp-button_next > svg), :is(.rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *) *):is(.rdp-button_previous > svg) { rotate: 180deg; }}
:root { --hf-color-blue-100: #ebf1ff; --hf-color-blue-1000: #001640; --hf-color-blue-1100: #000d26; --hf-color-blue-1200: #000714; --hf-color-blue-200: #cdf; --hf-color-blue-300: #9fbfff; --hf-color-blue-400: #5b91fe; --hf-color-blue-500: #0256fe; --hf-color-blue-600: #0249d8; --hf-color-blue-700: #013aad; --hf-color-blue-800: #012d84; --hf-color-blue-900: #012161; --hf-color-cool-050: #5c626a; --hf-color-cool-100: #484e56; --hf-color-cool-150: #383e46; --hf-color-cool-200: #2a2d32; --hf-color-cool-250: #23262a; --hf-color-cool-300: #1c1e21; --hf-color-cool-350: #18191c; --hf-color-cool-400: #131416; --hf-color-cyan-100: #f7fdfe; --hf-color-cyan-1000: #273a3d; --hf-color-cyan-1100: #172324; --hf-color-cyan-1200: #0c1213; --hf-color-cyan-200: #ebfafd; --hf-color-cyan-300: #d9f6fa; --hf-color-cyan-400: #bfeff7; --hf-color-cyan-500: #9ce6f3; --hf-color-cyan-600: #85c4cf; --hf-color-cyan-700: #6a9ca5; --hf-color-cyan-800: #51787e; --hf-color-cyan-900: #3b575c; --hf-color-glass-dark: #23262abf; --hf-color-glass-light: #f4f4f4bf; --hf-color-green-100: #e6ffea; --hf-color-green-1000: #082b0d; --hf-color-green-1100: #061f09; --hf-color-green-1200: #041506; --hf-color-green-200: #bbf7c4; --hf-color-green-300: #86f998; --hf-color-green-400: #4ee466; --hf-color-green-500: #2eb844; --hf-color-green-600: #009919; --hf-color-green-700: #016f13; --hf-color-green-800: #0d4a17; --hf-color-green-900: #003d0a; --hf-color-green-glow: #00e62e; --hf-color-grey-050: #fff; --hf-color-grey-100: #f4f4f4; --hf-color-grey-150: #cecece; --hf-color-grey-200: #a8a8a8; --hf-color-grey-250: #7f7f7f; --hf-color-grey-300: #828282; --hf-color-grey-325: #626262; --hf-color-grey-350: #565656; --hf-color-grey-400: #454545; --hf-color-grey-450: #323232; --hf-color-grey-500: #2a2a2a; --hf-color-grey-550: #1a1a1a; --hf-color-grey-600: #000; --hf-color-lime-100: #fbffec; --hf-color-lime-1000: #344006; --hf-color-lime-1100: #1f2603; --hf-color-lime-1200: #111402; --hf-color-lime-200: #f6ffd1; --hf-color-lime-300: #eeffa7; --hf-color-lime-400: #e1fe68; --hf-color-lime-500: #d1fe17; --hf-color-lime-600: #b2d814; --hf-color-lime-700: #8ead10; --hf-color-lime-800: #6d840c; --hf-color-lime-900: #4f6109; --hf-color-lime-alpha-05: #d1fe170d; --hf-color-lime-alpha-10: #d1fe171a; --hf-color-lime-alpha-100: #d1fe17; --hf-color-lime-alpha-15: #d1fe1726; --hf-color-lime-alpha-20: #d1fe1733; --hf-color-lime-alpha-30: #d1fe174d; --hf-color-lime-alpha-40: #d1fe1766; --hf-color-lime-alpha-50: #d1fe1780; --hf-color-lime-alpha-60: #d1fe1799; --hf-color-lime-alpha-70: #d1fe17b2; --hf-color-lime-alpha-80: #d1fe17cc; --hf-color-lime-alpha-90: #d1fe17e5; --hf-color-neutral-050: #fff; --hf-color-neutral-100: #ededed; --hf-color-neutral-150: #b4b4b4; --hf-color-neutral-200: #4a4a4a; --hf-color-neutral-250: #3e3e3e; --hf-color-neutral-300: #272727; --hf-color-neutral-350: #232323; --hf-color-neutral-400: #1e1e1e; --hf-color-neutral-450: #1d1d1d; --hf-color-neutral-500: #171717; --hf-color-neutral-550: #0e0e0e; --hf-color-neutral-600: #000; --hf-color-orange-100: #fff8f5; --hf-color-orange-1000: #8f2b00; --hf-color-orange-1100: #732200; --hf-color-orange-1200: #571a00; --hf-color-orange-200: #ffdbcc; --hf-color-orange-300: #ffd1bd; --hf-color-orange-400: #ffb494; --hf-color-orange-500: #ff773d; --hf-color-orange-600: #ff4f03; --hf-color-orange-700: #db4200; --hf-color-orange-800: #c73c00; --hf-color-orange-900: #ad3400; --hf-color-pink-100: #ffebf2; --hf-color-pink-1000: #400017; --hf-color-pink-1100: #26000e; --hf-color-pink-1200: #140007; --hf-color-pink-200: #ffccde; --hf-color-pink-300: #ff9ec1; --hf-color-pink-400: #ff5994; --hf-color-pink-500: #ff005b; --hf-color-pink-600: #d9004d; --hf-color-pink-700: #ad003e; --hf-color-pink-800: #85002f; --hf-color-pink-900: #610023; --hf-color-pink-alpha-05: #ff005b0d; --hf-color-pink-alpha-10: #ff005b1a; --hf-color-pink-alpha-100: #ff005b; --hf-color-pink-alpha-15: #ff005b26; --hf-color-pink-alpha-20: #ff005b33; --hf-color-pink-alpha-30: #ff005b4d; --hf-color-pink-alpha-40: #ff005b66; --hf-color-pink-alpha-50: #ff005b80; --hf-color-pink-alpha-60: #ff005b99; --hf-color-pink-alpha-70: #ff005bb2; --hf-color-pink-alpha-80: #ff005bcc; --hf-color-pink-alpha-90: #ff005be5; --hf-color-purple-100: #ebecfe; --hf-color-purple-1000: #361f83; --hf-color-purple-1100: #2b1b6a; --hf-color-purple-1200: #221358; --hf-color-purple-200: #d5d5fc; --hf-color-purple-300: #b9b8f5; --hf-color-purple-400: #9e99f7; --hf-color-purple-500: #8271f8; --hf-color-purple-600: #7152f4; --hf-color-purple-700: #623be2; --hf-color-purple-800: #5230c2; --hf-color-purple-900: #442aa1; --hf-color-red-100: #fff0f1; --hf-color-red-1000: #5c000f; --hf-color-red-1100: #45000b; --hf-color-red-1200: #320008; --hf-color-red-200: #ffdfe1; --hf-color-red-300: #ffc2c6; --hf-color-red-400: #ff969d; --hf-color-red-500: #ff5462; --hf-color-red-600: #fa0019; --hf-color-red-700: #d60016; --hf-color-red-800: #9b0018; --hf-color-red-900: #7a0013; --hf-color-red-glow: #ff1f2e; --hf-color-transparent-dark-05: #0000000d; --hf-color-transparent-dark-10: #0000001a; --hf-color-transparent-dark-100: #000; --hf-color-transparent-dark-12: #0000001f; --hf-color-transparent-dark-15: #00000026; --hf-color-transparent-dark-20: #0003; --hf-color-transparent-dark-25: #00000040; --hf-color-transparent-dark-30: #0000004d; --hf-color-transparent-dark-32: #00000052; --hf-color-transparent-dark-40: #0006; --hf-color-transparent-dark-50: #00000080; --hf-color-transparent-dark-60: #0009; --hf-color-transparent-dark-70: #000000b2; --hf-color-transparent-dark-80: #000c; --hf-color-transparent-dark-90: #000000e5; --hf-color-transparent-light-05: #ffffff0d; --hf-color-transparent-light-10: #ffffff1a; --hf-color-transparent-light-100: #fff; --hf-color-transparent-light-15: #ffffff26; --hf-color-transparent-light-20: #fff3; --hf-color-transparent-light-30: #ffffff4d; --hf-color-transparent-light-40: #fff6; --hf-color-transparent-light-50: #ffffff80; --hf-color-transparent-light-60: #fff9; --hf-color-transparent-light-70: #ffffffb2; --hf-color-transparent-light-80: #fffc; --hf-color-transparent-light-90: #ffffffe5; --hf-color-yellow-100: #fffde5; --hf-color-yellow-1000: #6e5500; --hf-color-yellow-1100: #523f00; --hf-color-yellow-1200: #3a2d00; --hf-color-yellow-200: #fffac2; --hf-color-yellow-300: #fff599; --hf-color-yellow-400: #fff266; --hf-color-yellow-500: #ffef33; --hf-color-yellow-600: #ffeb00; --hf-color-yellow-700: #dfab01; --hf-color-yellow-800: #b58b00; --hf-color-yellow-900: #8f6e00; --hf-color-yellow-glow: #fff05a; --hf-border-width-none: 0px; --hf-border-width-hairline: .5px; --hf-border-width-thin: 1px; --hf-border-width-medium: 1.5px; --hf-border-width-thick: 2px; --hf-breakpoint-mobile: 20rem; --hf-breakpoint-tablet: 48rem; --hf-breakpoint-desktop: 80rem; --hf-breakpoint-wide: 120rem; --hf-radius-0: 0; --hf-radius-050: .125rem; --hf-radius-100: .25rem; --hf-radius-150: .375rem; --hf-radius-200: .5rem; --hf-radius-250: .625rem; --hf-radius-300: .75rem; --hf-radius-400: 1rem; --hf-radius-500: 1.25rem; --hf-radius-600: 1.5rem; --hf-radius-full: 9999px; --hf-space-0: 0; --hf-space-050: .125rem; --hf-space-100: .25rem; --hf-space-150: .375rem; --hf-space-200: .5rem; --hf-space-250: .625rem; --hf-space-300: .75rem; --hf-space-400: 1rem; --hf-space-500: 1.25rem; --hf-space-600: 1.5rem; --hf-space-650: 1.5rem; --hf-space-700: 1.75rem; --hf-space-800: 2rem; --hf-space-1000: 2.5rem; --hf-space-1200: 3rem; --hf-space-1400: 3.5rem; --hf-space-1600: 4rem; --hf-space-2000: 5rem; --hf-space-2400: 6rem; --hf-shadow-inset-tile: inset 0 var(--hf-space-050) var(--hf-space-150) var(--hf-space-0) var(--hf-color-transparent-light-15), 0 var(--hf-space-050) var(--hf-space-050) calc(-1 * var(--hf-space-050)) var(--hf-color-shadow-sm); --hf-shadow-inset-tile-hairline: inset 0 var(--hf-space-050) var(--hf-space-150) var(--hf-space-0) var(--hf-color-transparent-light-15), 0 var(--hf-space-050) var(--hf-border-width-medium) -.5px var(--hf-color-shadow-sm); --hf-shadow-modal: inset 0 var(--hf-space-050) calc(var(--hf-space-050) + var(--hf-border-width-thin)) var(--hf-space-0) var(--hf-color-transparent-light-05), 0 var(--hf-space-050) var(--hf-space-100) -.5px var(--hf-color-transparent-dark-15); --hf-shadow-overlay: inset 0 var(--hf-space-050) calc(var(--hf-space-050) + var(--hf-border-width-thin)) var(--hf-space-0) var(--hf-color-transparent-light-05), 0 var(--hf-space-100) var(--hf-space-500) calc(-1 * var(--hf-space-200)) var(--hf-color-shadow-md); --hf-shadow-raised: inset 0 var(--hf-space-050) calc(var(--hf-space-050) + var(--hf-border-width-thin)) var(--hf-space-0) var(--hf-color-transparent-light-05), var(--hf-space-0) var(--hf-space-100) var(--hf-space-600) calc(-1 * var(--hf-space-200)) var(--hf-color-transparent-dark-15); --hf-shadow-raised-sm: 0 var(--hf-border-width-thick) var(--hf-space-100) var(--hf-space-0) var(--hf-color-transparent-dark-10); --hf-shadow-sheen: inset 0 var(--hf-space-050) calc(var(--hf-space-050) + var(--hf-border-width-thin)) var(--hf-space-0) var(--hf-color-transparent-light-05); --hf-shadow-thumb-soft: 0 var(--hf-border-width-thin) var(--hf-space-050) var(--hf-space-0) var(--hf-color-transparent-dark-15); --hf-shadow-thumb-strong: 0 var(--hf-border-width-thin) var(--hf-space-300) var(--hf-space-0) var(--hf-color-transparent-dark-30); --hf-type-family-grotesk-base: "Space Grotesk"; --hf-type-family-mono-base: "IBM Plex Mono"; --hf-type-family-primary-base: "Space Grotesk"; --hf-type-family-secondary-base: "Inter"; --hf-type-weight-black: 900; --hf-type-weight-bold: 700; --hf-type-weight-medium: 500; --hf-type-weight-regular: 400; --hf-type-weight-semi-bold: 600; --hf-type-letter-spacing-loose: .00625rem; --hf-type-letter-spacing-none: 0; --hf-type-letter-spacing-slight: -.025rem; --hf-type-letter-spacing-tight: -.075rem; --hf-type-letter-spacing-wide: .0125rem; --hf-z-index-base: 0; --hf-z-index-dropdown: 10; --hf-z-index-sticky: 20; --hf-z-index-overlay: 30; --hf-z-index-modal: 40; --hf-z-index-popover: 50; --hf-z-index-toast: 60; --hf-z-index-tooltip: 70; --hf-duration-instant: 0s; --hf-duration-fast: .1s; --hf-duration-normal: .2s; --hf-duration-slow: .3s; --hf-duration-slower: .5s; --hf-duration-80: 80ms; --hf-duration-120: .12s; --hf-duration-130: .13s; --hf-duration-150: .15s; --hf-duration-160: .16s; --hf-duration-180: .18s; --hf-duration-220: .22s; --hf-duration-260: .26s; --hf-duration-350: .35s; --hf-duration-400: .4s; --hf-duration-700: .7s; --hf-duration-800: .8s; --hf-duration-1000: 1s; --hf-duration-1200: 1.2s; --hf-duration-1300: 1.3s; --hf-duration-1400: 1.4s; --hf-ease-in: cubic-bezier(.4, 0, 1, 1); --hf-ease-out: cubic-bezier(0, 0, .2, 1); --hf-ease-in-out: cubic-bezier(.4, 0, .2, 1); --hf-ease-linear: linear; --hf-ease-spring: cubic-bezier(.34, 1.56, .64, 1); --hf-ease-out-expo: cubic-bezier(.16, 1, .3, 1); --hf-ease-emphasized: cubic-bezier(.32, .72, 0, 1); --hf-ease-swift: cubic-bezier(.2, 0, 0, 1); --hf-ease-in-out-circ: cubic-bezier(.65, 0, .35, 1); --hf-ease-out-quart: cubic-bezier(.22, 1, .36, 1); --hf-icon-xs: .75rem; --hf-icon-sm: 1rem; --hf-icon-md: 1.25rem; --hf-icon-lg: 1.5rem; --hf-icon-xl: 1.75rem; --hf-opacity-disabled: .5; --hf-opacity-muted: .4; --hf-gradient-badge-blue: radial-gradient(ellipse 39.43% 136.54% at 51.64% 117.31%, #4fc9dc 0%, #32a2ee 50%, #167bff 100%); --hf-gradient-badge-pink: radial-gradient(ellipse 39.43% 136.54% at 51.64% 117.31%, #ee4596 0%, #ed2d84 50%, #ed1572 100%); --hf-gradient-badge-purple: radial-gradient(ellipse 39.43% 136.54% at 51.64% 117.31%, #ee4596 0%, #bb2dc2 50%, #8815ed 100%); --hf-gradient-glass-sheen: linear-gradient(148.916deg, #ffffff0a 22.606%, #ffffff0f 51.256%, #ffffff05 79.906%), linear-gradient(90deg, #23262abf 0%, #23262abf 100%); --hf-gradient-glass-sheen-alt: linear-gradient(123.898deg, #ffffff0a 22.606%, #ffffff0f 51.256%, #ffffff05 79.906%), linear-gradient(90deg, #23262abf 0%, #23262abf 100%); --hf-gradient-loader-sweep: linear-gradient(105deg, transparent 35%, var(--_c) 50%, transparent 65%); --hf-gradient-special-gloss-lime: linear-gradient(#ffff1400 0%, #ffff14 100%); --hf-gradient-special-gloss-lime-angled: linear-gradient(191.434deg, #ffff1400 12.723%, #ffff14 75.8%); --hf-gradient-special-gloss-pink: linear-gradient(191.434deg, #f364e400 12.723%, #fa4ae7 75.8%); --q-menu-max-width: calc(var(--hf-space-2400) * 4 + var(--hf-space-400)); --q-menu-min-width: calc(var(--hf-space-2400) + var(--hf-space-1600)); --q-modal-width: 40rem; --q-modal-width-2xl: 87rem; --q-modal-width-lg: 44.25rem; --q-modal-width-md: 40rem; --q-modal-width-sm: 29.3125rem; --q-modal-width-xl: 59.125rem; --q-modal-width-xs: 21.8125rem; --q-nav-col-width: calc(var(--hf-space-2400) * 2); --q-sidebar-width: 14.9375rem; --q-sidebar-width-collapsed: 3.25rem; --q-slider-width: 11.5rem; --q-sonner-width: 22.5rem; --q-textarea-min-height: 10.25rem; --q-vault-width: 22rem; }
@layer quanta-theme{:where(:root), :where([data-theme="default-light"]) { --lightningcss-light: initial; --lightningcss-dark: ; color-scheme: light; --hf-color-background-elevated-end: var(--hf-color-neutral-550); --hf-color-background-elevated-start: var(--hf-color-neutral-350); --hf-color-background-glass: var(--hf-color-glass-light); --hf-color-background-inverse: var(--hf-color-grey-550); --hf-color-background-primary: var(--hf-color-grey-050); --hf-color-background-secondary: var(--hf-color-grey-100); --hf-color-background-secondary-strong: var(--hf-color-neutral-100); --hf-color-background-tertiary: var(--hf-color-grey-250); --hf-color-border-default: var(--hf-color-transparent-dark-10); --hf-color-border-error: var(--hf-color-red-700); --hf-color-border-focus: var(--hf-color-lime-500); --hf-color-border-inverse: var(--hf-color-grey-550); --hf-color-border-strong: var(--hf-color-transparent-dark-20); --hf-color-border-subtle: var(--hf-color-transparent-dark-05); --hf-color-border-success: var(--hf-color-green-500); --hf-color-border-warning: var(--hf-color-yellow-700); --hf-color-brand-blue: var(--hf-color-blue-500); --hf-color-brand-cyan: var(--hf-color-cyan-600); --hf-color-brand-green: var(--hf-color-green-500); --hf-color-brand-orange: var(--hf-color-orange-400); --hf-color-brand-pink: var(--hf-color-pink-500); --hf-color-brand-primary: var(--hf-color-lime-500); --hf-color-brand-red: var(--hf-color-red-700); --hf-color-brand-yellow: var(--hf-color-yellow-500); --hf-color-brand-yellow-light: var(--hf-color-yellow-300); --hf-color-button-brand: var(--hf-color-lime-500); --hf-color-button-destructive: var(--hf-color-red-700); --hf-color-button-label-brand: var(--hf-color-grey-550); --hf-color-button-label-destructive: var(--hf-color-grey-050); --hf-color-button-primary: var(--hf-color-grey-600); --hf-color-button-secondary: var(--hf-color-neutral-100); --hf-color-button-tertiary: var(--hf-color-neutral-150); --hf-color-icon-accent: var(--hf-color-lime-500); --hf-color-icon-brand: var(--hf-color-lime-500); --hf-color-icon-disabled: var(--hf-color-grey-150); --hf-color-icon-error: var(--hf-color-red-700); --hf-color-icon-info: var(--hf-color-blue-500); --hf-color-icon-inverse: var(--hf-color-grey-050); --hf-color-icon-on-overlay-secondary: var(--hf-color-transparent-dark-50); --hf-color-icon-on-overlay-tertiary: var(--hf-color-transparent-dark-30); --hf-color-icon-primary: var(--hf-color-grey-550); --hf-color-icon-secondary: var(--hf-color-grey-300); --hf-color-icon-success: var(--hf-color-green-600); --hf-color-icon-tertiary: var(--hf-color-grey-200); --hf-color-icon-warning: var(--hf-color-yellow-700); --hf-color-overlay-dim-soft: var(--hf-color-transparent-dark-05); --hf-color-overlay-dim-strong: var(--hf-color-transparent-dark-20); --hf-color-overlay-hover: var(--hf-color-transparent-dark-05); --hf-color-overlay-scrim: var(--hf-color-transparent-dark-50); --hf-color-overlay-wash: var(--hf-color-transparent-light-50); --hf-color-palette-blue-bg: var(--hf-color-blue-200); --hf-color-palette-blue-text: var(--hf-color-blue-600); --hf-color-palette-brown-bg: var(--hf-color-yellow-300); --hf-color-palette-brown-text: var(--hf-color-yellow-700); --hf-color-palette-mint-bg: var(--hf-color-green-200); --hf-color-palette-mint-text: var(--hf-color-green-800); --hf-color-palette-orange-bg: var(--hf-color-orange-300); --hf-color-palette-orange-text: var(--hf-color-orange-800); --hf-color-palette-pink-bg: var(--hf-color-pink-200); --hf-color-palette-pink-text: var(--hf-color-pink-700); --hf-color-palette-purple-bg: var(--hf-color-purple-200); --hf-color-palette-purple-text: var(--hf-color-purple-800); --hf-color-palette-white: var(--hf-color-grey-050); --hf-color-shadow-2xl: var(--hf-color-transparent-dark-40); --hf-color-shadow-lg: var(--hf-color-transparent-dark-20); --hf-color-shadow-md: var(--hf-color-transparent-dark-15); --hf-color-shadow-sm: var(--hf-color-transparent-dark-05); --hf-color-shadow-xl: var(--hf-color-transparent-dark-30); --hf-color-state-error-bg: var(--hf-color-red-100); --hf-color-state-error-fg: var(--hf-color-red-700); --hf-color-state-error-fg-soft: var(--hf-color-red-600); --hf-color-state-error-glow: var(--hf-color-red-glow); --hf-color-state-info-bg: var(--hf-color-blue-100); --hf-color-state-info-fg: var(--hf-color-blue-500); --hf-color-state-info-fg-soft: var(--hf-color-blue-400); --hf-color-state-success-bg: var(--hf-color-green-100); --hf-color-state-success-fg: var(--hf-color-green-600); --hf-color-state-success-fg-soft: var(--hf-color-green-600); --hf-color-state-success-glow: var(--hf-color-green-glow); --hf-color-state-warning-bg: var(--hf-color-yellow-100); --hf-color-state-warning-fg: var(--hf-color-yellow-700); --hf-color-state-warning-fg-soft: var(--hf-color-yellow-600); --hf-color-state-warning-glow: var(--hf-color-yellow-glow); --hf-color-text-brand: var(--hf-color-lime-500); --hf-color-text-danger: var(--hf-color-red-700); --hf-color-text-disabled: var(--hf-color-grey-150); --hf-color-text-info: var(--hf-color-blue-600); --hf-color-text-inverse: var(--hf-color-grey-050); --hf-color-text-link: var(--hf-color-lime-500); --hf-color-text-on-overlay-secondary: var(--hf-color-transparent-dark-50); --hf-color-text-on-overlay-tertiary: var(--hf-color-transparent-dark-30); --hf-color-text-primary: var(--hf-color-grey-550); --hf-color-text-secondary: var(--hf-color-grey-300); --hf-color-text-success: var(--hf-color-green-600); --hf-color-text-tertiary: var(--hf-color-grey-200); --hf-color-text-warning: var(--hf-color-orange-600); --hf-color-transparent-lime-05: var(--hf-color-lime-alpha-05); --hf-color-transparent-lime-10: var(--hf-color-lime-alpha-10); --hf-color-transparent-lime-100: var(--hf-color-lime-alpha-100); --hf-color-transparent-lime-15: var(--hf-color-lime-alpha-15); --hf-color-transparent-lime-20: var(--hf-color-lime-alpha-20); --hf-color-transparent-lime-30: var(--hf-color-lime-alpha-30); --hf-color-transparent-lime-40: var(--hf-color-lime-alpha-40); --hf-color-transparent-lime-50: var(--hf-color-lime-alpha-50); --hf-color-transparent-lime-60: var(--hf-color-lime-alpha-60); --hf-color-transparent-lime-70: var(--hf-color-lime-alpha-70); --hf-color-transparent-lime-80: var(--hf-color-lime-alpha-80); --hf-color-transparent-lime-90: var(--hf-color-lime-alpha-90); --hf-color-transparent-pink-05: var(--hf-color-pink-alpha-05); --hf-color-transparent-pink-10: var(--hf-color-pink-alpha-10); --hf-color-transparent-pink-100: var(--hf-color-pink-alpha-100); --hf-color-transparent-pink-15: var(--hf-color-pink-alpha-15); --hf-color-transparent-pink-20: var(--hf-color-pink-alpha-20); --hf-color-transparent-pink-30: var(--hf-color-pink-alpha-30); --hf-color-transparent-pink-40: var(--hf-color-pink-alpha-40); --hf-color-transparent-pink-50: var(--hf-color-pink-alpha-50); --hf-color-transparent-pink-60: var(--hf-color-pink-alpha-60); --hf-color-transparent-pink-70: var(--hf-color-pink-alpha-70); --hf-color-transparent-pink-80: var(--hf-color-pink-alpha-80); --hf-color-transparent-pink-90: var(--hf-color-pink-alpha-90); }:where([data-theme="default-dark"]) { --lightningcss-light: ; --lightningcss-dark: initial; color-scheme: dark; --hf-color-background-elevated-end: var(--hf-color-cool-350); --hf-color-background-elevated-start: var(--hf-color-cool-150); --hf-color-background-glass: var(--hf-color-glass-dark); --hf-color-background-inverse: var(--hf-color-grey-050); --hf-color-background-primary: var(--hf-color-cool-400); --hf-color-background-secondary: var(--hf-color-cool-300); --hf-color-background-secondary-strong: var(--hf-color-cool-250); --hf-color-background-tertiary: var(--hf-color-cool-200); --hf-color-border-default: var(--hf-color-transparent-light-10); --hf-color-border-error: var(--hf-color-red-600); --hf-color-border-focus: var(--hf-color-lime-500); --hf-color-border-inverse: var(--hf-color-grey-050); --hf-color-border-strong: var(--hf-color-transparent-light-20); --hf-color-border-subtle: var(--hf-color-transparent-light-05); --hf-color-border-success: var(--hf-color-green-500); --hf-color-border-warning: var(--hf-color-yellow-500); --hf-color-brand-blue: var(--hf-color-blue-500); --hf-color-brand-cyan: var(--hf-color-cyan-500); --hf-color-brand-green: var(--hf-color-green-500); --hf-color-brand-orange: var(--hf-color-orange-600); --hf-color-brand-pink: var(--hf-color-pink-500); --hf-color-brand-primary: var(--hf-color-lime-500); --hf-color-brand-red: var(--hf-color-red-600); --hf-color-brand-yellow: var(--hf-color-yellow-500); --hf-color-brand-yellow-light: var(--hf-color-yellow-300); --hf-color-button-brand: var(--hf-color-lime-500); --hf-color-button-destructive: var(--hf-color-red-600); --hf-color-button-label-brand: var(--hf-color-grey-550); --hf-color-button-label-destructive: var(--hf-color-grey-050); --hf-color-button-primary: var(--hf-color-grey-050); --hf-color-button-secondary: var(--hf-color-cool-250); --hf-color-button-tertiary: var(--hf-color-cool-050); --hf-color-icon-accent: var(--hf-color-lime-500); --hf-color-icon-brand: var(--hf-color-lime-500); --hf-color-icon-disabled: var(--hf-color-cool-100); --hf-color-icon-error: var(--hf-color-red-600); --hf-color-icon-info: var(--hf-color-blue-500); --hf-color-icon-inverse: var(--hf-color-grey-550); --hf-color-icon-on-overlay-secondary: var(--hf-color-transparent-light-50); --hf-color-icon-on-overlay-tertiary: var(--hf-color-transparent-light-30); --hf-color-icon-primary: var(--hf-color-grey-050); --hf-color-icon-secondary: var(--hf-color-grey-300); --hf-color-icon-success: var(--hf-color-green-500); --hf-color-icon-tertiary: var(--hf-color-grey-325); --hf-color-icon-warning: var(--hf-color-yellow-700); --hf-color-overlay-dim-soft: var(--hf-color-transparent-light-05); --hf-color-overlay-dim-strong: var(--hf-color-transparent-light-20); --hf-color-overlay-hover: var(--hf-color-transparent-light-05); --hf-color-overlay-scrim: var(--hf-color-transparent-dark-50); --hf-color-overlay-wash: var(--hf-color-transparent-light-50); --hf-color-palette-blue-bg: var(--hf-color-blue-500); --hf-color-palette-blue-text: var(--hf-color-blue-100); --hf-color-palette-brown-bg: var(--hf-color-yellow-300); --hf-color-palette-brown-text: var(--hf-color-yellow-700); --hf-color-palette-mint-bg: var(--hf-color-green-400); --hf-color-palette-mint-text: var(--hf-color-green-900); --hf-color-palette-orange-bg: var(--hf-color-orange-600); --hf-color-palette-orange-text: var(--hf-color-orange-100); --hf-color-palette-pink-bg: var(--hf-color-pink-500); --hf-color-palette-pink-text: var(--hf-color-pink-100); --hf-color-palette-purple-bg: var(--hf-color-purple-600); --hf-color-palette-purple-text: var(--hf-color-purple-100); --hf-color-palette-white: var(--hf-color-grey-050); --hf-color-shadow-2xl: var(--hf-color-transparent-dark-40); --hf-color-shadow-lg: var(--hf-color-transparent-dark-20); --hf-color-shadow-md: var(--hf-color-transparent-dark-15); --hf-color-shadow-sm: var(--hf-color-transparent-dark-05); --hf-color-shadow-xl: var(--hf-color-transparent-dark-30); --hf-color-state-error-bg: var(--hf-color-red-1000); --hf-color-state-error-fg: var(--hf-color-red-600); --hf-color-state-error-fg-soft: var(--hf-color-red-500); --hf-color-state-error-glow: var(--hf-color-red-glow); --hf-color-state-info-bg: var(--hf-color-blue-1100); --hf-color-state-info-fg: var(--hf-color-blue-500); --hf-color-state-info-fg-soft: var(--hf-color-blue-400); --hf-color-state-success-bg: var(--hf-color-green-800); --hf-color-state-success-fg: var(--hf-color-green-500); --hf-color-state-success-fg-soft: var(--hf-color-green-400); --hf-color-state-success-glow: var(--hf-color-green-glow); --hf-color-state-warning-bg: var(--hf-color-yellow-1100); --hf-color-state-warning-fg: var(--hf-color-yellow-700); --hf-color-state-warning-fg-soft: var(--hf-color-yellow-500); --hf-color-state-warning-glow: var(--hf-color-yellow-glow); --hf-color-text-brand: var(--hf-color-lime-500); --hf-color-text-danger: var(--hf-color-red-600); --hf-color-text-disabled: var(--hf-color-cool-100); --hf-color-text-info: var(--hf-color-blue-400); --hf-color-text-inverse: var(--hf-color-grey-550); --hf-color-text-link: var(--hf-color-lime-500); --hf-color-text-on-overlay-secondary: var(--hf-color-transparent-light-50); --hf-color-text-on-overlay-tertiary: var(--hf-color-transparent-light-30); --hf-color-text-primary: var(--hf-color-grey-050); --hf-color-text-secondary: var(--hf-color-grey-300); --hf-color-text-success: var(--hf-color-green-500); --hf-color-text-tertiary: var(--hf-color-grey-325); --hf-color-text-warning: var(--hf-color-yellow-700); --hf-color-transparent-lime-05: var(--hf-color-lime-alpha-05); --hf-color-transparent-lime-10: var(--hf-color-lime-alpha-10); --hf-color-transparent-lime-100: var(--hf-color-lime-alpha-100); --hf-color-transparent-lime-15: var(--hf-color-lime-alpha-15); --hf-color-transparent-lime-20: var(--hf-color-lime-alpha-20); --hf-color-transparent-lime-30: var(--hf-color-lime-alpha-30); --hf-color-transparent-lime-40: var(--hf-color-lime-alpha-40); --hf-color-transparent-lime-50: var(--hf-color-lime-alpha-50); --hf-color-transparent-lime-60: var(--hf-color-lime-alpha-60); --hf-color-transparent-lime-70: var(--hf-color-lime-alpha-70); --hf-color-transparent-lime-80: var(--hf-color-lime-alpha-80); --hf-color-transparent-lime-90: var(--hf-color-lime-alpha-90); --hf-color-transparent-pink-05: var(--hf-color-pink-alpha-05); --hf-color-transparent-pink-10: var(--hf-color-pink-alpha-10); --hf-color-transparent-pink-100: var(--hf-color-pink-alpha-100); --hf-color-transparent-pink-15: var(--hf-color-pink-alpha-15); --hf-color-transparent-pink-20: var(--hf-color-pink-alpha-20); --hf-color-transparent-pink-30: var(--hf-color-pink-alpha-30); --hf-color-transparent-pink-40: var(--hf-color-pink-alpha-40); --hf-color-transparent-pink-50: var(--hf-color-pink-alpha-50); --hf-color-transparent-pink-60: var(--hf-color-pink-alpha-60); --hf-color-transparent-pink-70: var(--hf-color-pink-alpha-70); --hf-color-transparent-pink-80: var(--hf-color-pink-alpha-80); --hf-color-transparent-pink-90: var(--hf-color-pink-alpha-90); }}
:where(:root) { --hf-type-family-grotesk: var(--hf-type-family-grotesk-base), sans-serif; --hf-type-family-mono: var(--hf-type-family-mono-base), ui-monospace, monospace; --hf-type-family-primary: var(--hf-type-family-primary-base), system-ui, sans-serif; --hf-type-family-secondary: var(--hf-type-family-secondary-base), system-ui, sans-serif; --hf-type-size-050: .625rem; --hf-type-size-100: .75rem; --hf-type-size-200: .875rem; --hf-type-size-300: 1rem; --hf-type-size-400: 1rem; --hf-type-size-500: 1.125rem; --hf-type-size-600: 1.25rem; --hf-type-size-700: 1.5rem; --hf-type-size-800: 1.75rem; --hf-type-size-900: 1.875rem; --hf-type-size-1000: 2rem; --hf-type-size-1100: 2.25rem; --hf-type-size-1200: 2.5rem; --hf-type-size-1300: 3rem; --hf-type-size-1400: 3.5rem; --hf-type-line-height-100: .75rem; --hf-type-line-height-200: .875rem; --hf-type-line-height-300: 1rem; --hf-type-line-height-400: 1rem; --hf-type-line-height-500: 1.125rem; --hf-type-line-height-600: 1.25rem; --hf-type-line-height-700: 1.5rem; --hf-type-line-height-800: 1.75rem; --hf-type-line-height-900: 1.875rem; --hf-type-line-height-1000: 2rem; --hf-type-line-height-1100: 2.25rem; --hf-type-line-height-1200: 2.5rem; --hf-type-line-height-1300: 3rem; --hf-type-line-height-1400: 3.5rem; }
@media (width >= 768px){:where(:root) { --hf-type-size-400: 1.125rem; --hf-type-size-500: 1.25rem; --hf-type-size-600: 1.375rem; --hf-type-size-700: 1.625rem; --hf-type-size-800: 1.875rem; --hf-type-size-900: 2.125rem; --hf-type-size-1000: 2.25rem; --hf-type-size-1100: 2.625rem; --hf-type-size-1200: 3rem; --hf-type-size-1300: 3.5rem; --hf-type-size-1400: 4rem; --hf-type-line-height-400: 1.125rem; --hf-type-line-height-500: 1.25rem; --hf-type-line-height-600: 1.375rem; --hf-type-line-height-700: 1.625rem; --hf-type-line-height-800: 1.875rem; --hf-type-line-height-900: 2.125rem; --hf-type-line-height-1000: 2.25rem; --hf-type-line-height-1100: 2.625rem; --hf-type-line-height-1200: 3rem; --hf-type-line-height-1300: 3.5rem; --hf-type-line-height-1400: 4rem; }}
@media (width >= 1280px){:where(:root) { --hf-type-size-600: 1.5rem; --hf-type-size-700: 1.75rem; --hf-type-size-800: 2rem; --hf-type-size-900: 2.25rem; --hf-type-size-1000: 2.5rem; --hf-type-size-1100: 3rem; --hf-type-size-1200: 3.5rem; --hf-type-size-1300: 4rem; --hf-type-size-1400: 4.5rem; --hf-type-line-height-600: 1.5rem; --hf-type-line-height-700: 1.75rem; --hf-type-line-height-800: 2rem; --hf-type-line-height-900: 2.25rem; --hf-type-line-height-1000: 2.5rem; --hf-type-line-height-1100: 3rem; --hf-type-line-height-1200: 3.5rem; --hf-type-line-height-1300: 4rem; --hf-type-line-height-1400: 4.5rem; }}
:root { --q-menu-max-width: calc(var(--hf-space-2400) * 4 + var(--hf-space-400)); --q-menu-min-width: calc(var(--hf-space-2400) + var(--hf-space-1600)); --q-modal-width: 40rem; --q-modal-width-2xl: 87rem; --q-modal-width-lg: 44.25rem; --q-modal-width-md: 40rem; --q-modal-width-sm: 29.3125rem; --q-modal-width-xl: 59.125rem; --q-modal-width-xs: 21.8125rem; --q-nav-col-width: calc(var(--hf-space-2400) * 2); --q-sidebar-width: 14.9375rem; --q-sidebar-width-collapsed: 3.25rem; --q-slider-width: 11.5rem; --q-sonner-width: 22.5rem; --q-textarea-min-height: 10.25rem; --q-vault-width: 22rem; }
@keyframes q-loader-blink { 
  0%, 100% { opacity: 1; }
  50% { opacity: 0.15; }
}
@keyframes q-loader-spin { 
  100% { transform: rotate(360deg); }
}
@keyframes q-loader-twinkle { 
  0%, 100% { opacity: 0.35; transform: scale(0.6); }
  50% { opacity: 1; transform: scale(1); }
}
.q-loader-shine::after { content: ""; inset: var(--hf-space-0); background-image: linear-gradient(105deg, transparent 35%, var(--q-tint) 50%, transparent 65%); animation: q-loader-shine var(--hf-duration-1300) ease-in-out infinite; position: absolute; transform: translate(-100%); }
@keyframes q-loader-shine { 
  0% { transform: translate(-100%); }
  100% { transform: translate(100%); }
}
.q-loader[data-static] .q-loader-dot, .q-loader[data-static] .q-loader-spinner, .q-loader[data-static] .q-loader-star, .q-loader-shine[data-static]::after { animation: auto ease 0s 1 normal none running none; }
@media (prefers-reduced-motion: reduce){.q-loader-dot, .q-loader-spinner, .q-loader-star, .q-loader-shine::after { animation: auto ease 0s 1 normal none running none; }}
@keyframes q-sidebar-search-enter { 
  0% { opacity: 0; transform: translateY(calc(-1 * var(--hf-space-100))) scale(.98); }
  100% { opacity: 1; transform: translateY(var(--hf-space-0)) scale(1); }
}
@keyframes q-dot-pulse { 
  0% { opacity: 0.5; transform: scale(1); }
  100% { opacity: 0; transform: scale(2.75); }
}
@keyframes q-dot-glow { 
  0%, 100% { opacity: 0.18; transform: scale(1.4); }
  50% { opacity: 0.38; transform: scale(1.9); }
}
@media (prefers-reduced-motion: reduce){.q-dot-pulse::before, .q-dot-pulse::after, .q-dot-glow::before { display: none; }}
.q-tabs-tab-text::after { content: attr(data-text); font-weight: var(--hf-type-weight-medium); visibility: hidden; height: 0px; letter-spacing: var(--label-xs-medium-letter-spacing); overflow: hidden; }
.q-tabs-underline .q-tabs-tab-text::after { font-weight: var(--hf-type-weight-medium); }
.q-tabs-pill .q-tabs-tab-text::after { font-weight: var(--hf-type-weight-medium); }
.q-tabs-segmented .q-tabs-tab-text::after { font-weight: var(--hf-type-weight-medium); }
.q-tabs-soft .q-tabs-tab-text::after { font-weight: var(--hf-type-weight-medium); }
@keyframes q-tabs-panel-in { 
  0% { opacity: 0; transform: translateY(var(--hf-space-050)); }
  100% { opacity: 1; transform: translateY(var(--hf-space-0)); }
}
.q-divider::before, .q-divider::after { content: ""; height: var(--hf-border-width-thin); left: var(--hf-space-0); right: var(--hf-space-0); display: block; position: absolute; }
.q-divider::before { background-color: var(--hf-color-transparent-dark-15); top: calc(var(--hf-border-width-thin) * -1); }
.q-divider::after { background-color: var(--hf-color-transparent-light-10); top: var(--hf-space-0); }
.q-divider-vertical::before, .q-divider-vertical::after { bottom: var(--hf-space-0); content: ""; top: var(--hf-space-0); width: var(--hf-border-width-thin); display: block; position: absolute; }
.q-divider-vertical::before { background-color: var(--hf-color-transparent-dark-15); left: calc(var(--hf-border-width-thin) * -1); }
.q-divider-vertical::after { background-color: var(--hf-color-transparent-light-10); left: var(--hf-space-0); }
[data-position^="bottom"] .q-sonner[data-expanded]::after, [data-position^="bottom"][data-expand] .q-sonner::after { content: ""; left: var(--hf-space-0); right: var(--hf-space-0); height: var(--q-sonner-gap); position: absolute; bottom: 100%; }
[data-position^="top"] .q-sonner[data-expanded]::after, [data-position^="top"][data-expand] .q-sonner::after { content: ""; left: var(--hf-space-0); right: var(--hf-space-0); height: var(--q-sonner-gap); position: absolute; top: 100%; }
@keyframes q-sonner-spin { 
  100% { transform: rotate(360deg); }
}
@keyframes q-progress-slide { 
  0% { left: -45%; }
  100% { left: 100%; }
}
@keyframes q-progress-spin { 
  100% { transform: rotate(360deg); }
}
@keyframes q-generation-pulse { 
  0%, 100% { opacity: 0.22; }
  50% { opacity: 0.6; }
}
@property --tw-animation-delay { syntax: "*"; inherits: false; initial-value: 0s; }
@property --tw-animation-direction { syntax: "*"; inherits: false; initial-value: normal; }
@property --tw-animation-duration { syntax: "*"; inherits: false; }
@property --tw-animation-fill-mode { syntax: "*"; inherits: false; initial-value: none; }
@property --tw-animation-iteration-count { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-enter-blur { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-enter-opacity { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-enter-rotate { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-enter-scale { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-enter-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-enter-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-exit-blur { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-exit-opacity { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-exit-rotate { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-exit-scale { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-exit-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-exit-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
@property --scroll-fade-t { syntax: "<length-percentage>"; inherits: false; initial-value: 0; }
@property --scroll-fade-b { syntax: "<length-percentage>"; inherits: false; initial-value: 0; }
@property --scroll-fade-s { syntax: "<length-percentage>"; inherits: false; initial-value: 0; }
@property --scroll-fade-e { syntax: "<length-percentage>"; inherits: false; initial-value: 0; }
@property --scroll-fade-mask { syntax: "*"; inherits: false; }
@property --shimmer-angle { syntax: "<angle>"; inherits: true; initial-value: 20deg; }
@property --shimmer-image { syntax: "*"; inherits: false; }
@property --shimmer-text-fill { syntax: "*"; inherits: false; }
:root { --radius: .625rem; }
@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: 0; }
@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-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-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-gradient-position { syntax: "*"; inherits: false; }
@property --tw-gradient-from { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-via { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-to { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-stops { syntax: "*"; inherits: false; }
@property --tw-gradient-via-stops { syntax: "*"; inherits: false; }
@property --tw-gradient-from-position { syntax: "<length-percentage>"; inherits: false; initial-value: 0%; }
@property --tw-gradient-via-position { syntax: "<length-percentage>"; inherits: false; initial-value: 50%; }
@property --tw-gradient-to-position { syntax: "<length-percentage>"; inherits: false; initial-value: 100%; }
@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-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: "*"; inherits: false; initial-value: ""; }
@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; }
@property --tw-scrollbar-thumb { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-scrollbar-track { syntax: "<color>"; inherits: false; initial-value: #0000; }
@keyframes spin { 
  100% { transform: rotate(360deg); }
}
@keyframes pulse { 
  50% { opacity: 0.5; }
}
@keyframes enter { 
  0% { opacity: var(--tw-enter-opacity,1); transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0)); filter: blur(var(--tw-enter-blur,0)); }
}
@keyframes exit { 
  100% { opacity: var(--tw-exit-opacity,1); transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0)); filter: blur(var(--tw-exit-blur,0)); }
}
@keyframes accordion-down { 
  0% { height: 0px; }
  100% { height: var(--radix-accordion-content-height,var(--accordion-panel-height,auto)); }
}
@keyframes accordion-up { 
  0% { height: var(--radix-accordion-content-height,var(--accordion-panel-height,auto)); }
  100% { height: 0px; }
}
@keyframes caret-blink { 
  0%, 70%, 100% { opacity: 1; }
  20%, 50% { opacity: 0; }
}
@keyframes scroll-fade-reveal-b { 
  0% { --scroll-fade-b: var(--_scroll-fade-size-b,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); }
  100% { --scroll-fade-b: 0px; }
}
@keyframes scroll-fade-reveal-s { 
  0% { --scroll-fade-s: 0px; }
  100% { --scroll-fade-s: var(--_scroll-fade-size-s,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); }
}
@keyframes scroll-fade-reveal-e { 
  0% { --scroll-fade-e: var(--_scroll-fade-size-e,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); }
  100% { --scroll-fade-e: 0px; }
}
@keyframes tw-shimmer { 
  0% { background-position: 100% 0px; }
  100% { background-position: 0px 0px; }
}
:root { --ms-ground: #0b0610; --ms-ground-2: #110819; --ms-panel: #170d21; --ms-panel-2: #1e1030; --ms-line: #e2c8ff24; --ms-ink: #f6f0fb; --ms-muted: #b7a6c8; --ms-magenta: #c2109e; --ms-violet: #7a3fc4; --ms-cobalt: #3552d6; --ms-glow: #e04bc6; --ms-grad: linear-gradient(120deg, #c2109e 0%, #7a3fc4 52%, #3552d6 100%); --ms-display: "Cairo", "IBM Plex Sans Arabic", system-ui, sans-serif; --ms-body: "IBM Plex Sans Arabic", "Cairo", system-ui, sans-serif; --ms-radius: 28px; }
html { scroll-behavior: smooth; scroll-padding-top: 84px; }
.ms-root { background: var(--ms-ground); color: var(--ms-ink); font-family: var(--ms-body); min-height: 100dvh; font-size: 17px; line-height: 1.75; overflow-x: clip; }
.ms-root *, .ms-root ::before, .ms-root ::after { box-sizing: border-box; }
.ms-root h1, .ms-root h2, .ms-root h3 { font-family: var(--ms-display); margin: 0px; font-weight: 800; line-height: 1.25; }
.ms-root p { margin: 0px; }
.ms-root a { color: inherit; text-decoration: none; }
.ms-root .scroll-scrub__title, .ms-root .scroll-scrub__kicker, .ms-root .scroll-scrub__route-button { font-family: var(--ms-display); }
.ms-root .scroll-scrub__body, .ms-root .scroll-scrub__tags li { font-family: var(--ms-body); }
.ms-nav { z-index: 50; background: linear-gradient(rgba(11, 6, 16, 0.78), rgba(11, 6, 16, 0)); align-items: center; gap: 20px; padding: 10px clamp(16px, 4vw, 48px); display: flex; position: fixed; inset-block-start: 0px; inset-inline: 0px; }
.ms-nav__brand { align-items: center; gap: 12px; min-width: 0px; margin-inline-end: auto; display: flex; }
.ms-nav__mark { object-fit: contain; mix-blend-mode: screen; flex: 0 0 auto; width: 46px; height: 46px; }
.ms-nav__name { flex-direction: column; min-width: 0px; line-height: 1.15; display: flex; }
.ms-nav__name strong { font-family: var(--ms-display); white-space: nowrap; font-size: 17px; font-weight: 800; }
.ms-nav__name span { color: var(--ms-muted); letter-spacing: 0.08em; text-align: start; direction: ltr; font-size: 12px; }
.ms-nav__links { gap: 4px; display: none; }
.ms-nav__link { color: var(--ms-muted); padding: 8px 14px; font-size: 15px; font-weight: 500; transition: color 0.2s; position: relative; }
.ms-nav__link::after { content: ""; background: var(--ms-grad); transform-origin: 50% center; height: 2px; transition: transform 0.25s; position: absolute; inset-block-end: 2px; inset-inline: 14px; transform: scaleX(0); }
.ms-nav__link:hover { color: var(--ms-ink); }
.ms-nav__link:hover::after { transform: scaleX(1); }
.ms-nav__tools { align-items: center; gap: 10px; display: flex; }
.ms-lang { border: 1px solid var(--ms-line); background: rgba(23, 13, 33, 0.7); border-radius: 999px; padding: 3px; display: inline-flex; }
.ms-lang button { color-scheme: unset; forced-color-adjust: unset; math-depth: unset; position: unset; position-anchor: unset; text-size-adjust: unset; appearance: unset; font-feature-settings: unset; font-kerning: unset; font-language-override: unset; font-optical-sizing: unset; font-palette: unset; font-size-adjust: unset; font-stretch: unset; font-style: unset; font-synthesis: unset; font-variant: unset; font-variation-settings: unset; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; place-items: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; animation-trigger: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-shape: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-decoration-break: unset; box-shadow: unset; box-sizing: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-animation: unset; caret-color: unset; caret-shape: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: unset; rule-break: unset; rule: unset; rule-inset: unset; rule-visibility-items: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; corner-shape: unset; corner-block-end-shape: unset; corner-block-start-shape: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cx: unset; cy: unset; d: unset; display: unset; dominant-baseline: unset; dynamic-range-limit: unset; -electron-corner-smoothing: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; flex-line-count: unset; float: unset; flood-color: unset; flood-opacity: unset; frame-sizing: unset; grid: unset; grid-area: unset; height: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interactivity: unset; interest-delay: unset; interpolate-size: unset; isolation: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; line-height: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; margin-trim: unset; marker: unset; mask: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding-inline: unset; page: unset; page-margin-safety: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; reading-flow: unset; reading-order: unset; resize: unset; rotate: unset; ruby-align: unset; ruby-overhang: unset; ruby-position: unset; rule-overlap: unset; rx: unset; ry: unset; scale: unset; scroll-axis-lock: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-target-group: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-autospace: unset; text-box: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-fit: unset; text-indent: unset; text-justify: unset; text-overflow: unset; text-shadow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap: unset; timeline-scope: unset; timeline-trigger: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; trigger-scope: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-group: unset; view-transition-name: unset; view-transition-scope: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; white-space-collapse: unset; widows: unset; width: unset; will-change: unset; window-drag: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; cursor: pointer; color: var(--ms-muted); font-size: 13px; font-weight: 700; font-family: var(--ms-display); border-radius: 999px; padding: 3px 12px; }
.ms-lang button[aria-pressed="true"] { background: var(--ms-grad); color: var(--ms-ink); }
.ms-nav__wa { border: 1px solid var(--ms-line); border-radius: 999px; align-items: center; gap: 8px; padding: 7px 16px; font-size: 14px; font-weight: 600; transition: border-color 0.2s, background 0.2s; display: none; }
.ms-nav__wa:hover { border-color: var(--ms-glow); background: rgba(224, 75, 198, 0.1); }
.ms-dot { background: var(--ms-glow); border-radius: 50%; flex: 0 0 auto; width: 8px; height: 8px; animation: 2s ease 0s infinite normal none running ms-pulse; box-shadow: rgba(224, 75, 198, 0.6) 0px 0px; }
@keyframes ms-pulse { 
  70% { box-shadow: rgba(224, 75, 198, 0) 0px 0px 0px 9px; }
  100% { box-shadow: rgba(224, 75, 198, 0) 0px 0px; }
}
@media (width >= 960px){.ms-nav__links { display: flex; }.ms-nav__wa { display: inline-flex; }}
.ms-hero-shop { background: var(--ms-grad); font-family: var(--ms-display); color: var(--ms-ink); border-radius: 999px; align-items: center; gap: 12px; padding: 14px 26px; font-size: 17px; font-weight: 800; transition: transform 0.25s, box-shadow 0.25s; display: inline-flex; box-shadow: rgba(194, 16, 158, 0.7) 0px 10px 40px -10px; }
.ms-hero-shop svg { transition: transform 0.25s; }
.ms-hero-shop:hover { transform: translateY(-2px); box-shadow: rgba(194, 16, 158, 0.9) 0px 16px 46px -10px; }
.ms-hero-shop:hover svg { transform: translate(4px) translateY(-4px); }
[dir="rtl"] .ms-hero-shop:hover svg { transform: translate(-4px) translateY(-4px); }
.ms-hero-chat { border: 1px solid var(--ms-line); backdrop-filter: blur(8px); background: rgba(11, 6, 16, 0.55); border-radius: 999px; align-items: center; gap: 10px; padding: 13px 24px; font-weight: 600; transition: border-color 0.2s; display: inline-flex; }
.ms-hero-chat:hover { border-color: var(--ms-glow); }
.ms-marquee { border-block: 1px solid var(--ms-line); background: var(--ms-ground-2); direction: ltr; padding: 18px 0px; position: relative; overflow: hidden; }
.ms-marquee__label { text-align: center; letter-spacing: 0.18em; color: var(--ms-muted); direction: inherit; margin-block-end: 12px; font-size: 13px; }
.ms-marquee__track { gap: 48px; width: max-content; animation: 42s linear 0s infinite normal none running ms-marquee; display: flex; }
.ms-marquee__item { font-family: var(--ms-display); color: rgba(0, 0, 0, 0); -webkit-text-stroke: 1px rgba(246, 240, 251, 0.5); white-space: nowrap; font-size: clamp(22px, 3.4vw, 38px); font-weight: 800; }
.ms-marquee__item:nth-child(3n) { color: var(--ms-ink); -webkit-text-stroke: 0px; }
@keyframes ms-marquee { 
  100% { transform: translate(-50%); }
}
.ms-section { padding: clamp(72px, 10vw, 140px) clamp(18px, 5vw, 72px); position: relative; }
.ms-wrap { width: min(1200px, 100%); margin-inline: auto; }
.ms-eyebrow { font-family: var(--ms-display); letter-spacing: 0.1em; color: var(--ms-glow); margin-block-end: 14px; font-size: 14px; font-weight: 700; display: inline-block; }
.ms-h2 { max-width: 16ch; font-size: clamp(32px, 5.2vw, 64px); }
.ms-lead { color: var(--ms-muted); max-width: 58ch; margin-block-start: 18px; font-size: clamp(17px, 1.6vw, 20px); }
.ms-link { font-weight: 700; font-family: var(--ms-display); color: var(--ms-ink); align-items: center; gap: 8px; padding-block: 4px; display: inline-flex; position: relative; }
.ms-link::after { content: ""; background: var(--ms-grad); height: 2px; transform-origin: var(--ms-origin,left); transition: transform 0.3s; position: absolute; inset-block-end: 0px; inset-inline: 0px; transform: scaleX(0.3); }
[dir="rtl"] .ms-link { --ms-origin: right; }
.ms-link:hover::after { transform: scaleX(1); }
.ms-bento { grid-template-columns: 1fr; gap: 20px; margin-block-start: clamp(36px, 5vw, 64px); display: grid; }
.ms-card { border-radius: var(--ms-radius); background: var(--ms-panel); border: 1px solid var(--ms-line); isolation: isolate; flex-direction: column; display: flex; position: relative; overflow: hidden; }
.ms-card__media { background: var(--ms-ground-2); aspect-ratio: 4 / 3; overflow: hidden; }
.ms-card__media img { object-fit: cover; width: 100%; height: 100%; transition: transform 0.7s cubic-bezier(0.2, 0.7, 0.2, 1); display: block; }
.ms-card__body { flex-direction: column; flex: 1 1 0%; gap: 12px; padding: 26px; display: flex; }
.ms-tag { border: 1px solid var(--ms-line); color: var(--ms-glow); border-radius: 999px; align-self: flex-start; padding: 3px 12px; font-size: 13px; font-weight: 600; }
.ms-card h3 { font-size: 24px; }
.ms-card p { color: var(--ms-muted); }
.ms-card .ms-link { align-self: flex-start; margin-block-start: auto; }
.ms-card--plain { background: linear-gradient(160deg, var(--ms-panel-2), var(--ms-panel)); justify-content: space-between; }
@media (hover: hover){.ms-card:hover .ms-card__media img { transform: scale(1.06); }.ms-card { transition: transform 0.35s, border-color 0.35s; }.ms-card:hover { border-color: rgba(224, 75, 198, 0.55); transform: translateY(-6px); }}
@media (width >= 900px){.ms-bento { grid-template-rows: auto auto; grid-template-columns: 1.35fr 1fr; }.ms-bento .ms-card--feature { grid-row: span 2; }.ms-bento .ms-card--feature .ms-card__media { aspect-ratio: auto; flex: 1 1 0%; min-height: 360px; }.ms-bento .ms-card--feature h3 { font-size: 34px; }}
.ms-store { background: linear-gradient(180deg, var(--ms-ground), var(--ms-ground-2) 40%, var(--ms-ground)); }
.ms-store__grid { grid-template-columns: 1fr; gap: clamp(28px, 5vw, 72px); margin-block-start: clamp(36px, 5vw, 64px); display: grid; }
.ms-store__visual { border-radius: var(--ms-radius); border: 1px solid var(--ms-line); align-self: start; position: relative; overflow: hidden; }
.ms-store__visual img { aspect-ratio: 4 / 3; object-fit: cover; width: 100%; height: auto; display: block; }
.ms-store__rows { flex-direction: column; display: flex; }
.ms-row { border-block-start: 1px solid var(--ms-line); grid-template-columns: auto 1fr; gap: 8px 22px; padding-block: 26px; display: grid; }
.ms-row:last-child { border-block-end: 1px solid var(--ms-line); }
.ms-row__n { font-family: var(--ms-display); color: rgba(0, 0, 0, 0); -webkit-text-stroke: 1px var(--ms-glow); grid-row: span 3; font-size: 44px; font-weight: 900; line-height: 1; }
.ms-row h3 { font-size: 22px; }
.ms-row p { color: var(--ms-muted); }
.ms-steps { counter-reset: step 0; grid-template-columns: 1fr; gap: 16px; margin-block-start: clamp(48px, 6vw, 88px); display: grid; }
.ms-steps__title { font-family: var(--ms-display); margin-block-end: 22px; font-size: 26px; font-weight: 800; }
.ms-step { background: var(--ms-panel); border: 1px solid var(--ms-line); border-radius: 22px; padding: 22px 24px; position: relative; }
.ms-step::before { counter-increment: step 1; content: counter(step); background: var(--ms-grad); width: 34px; height: 34px; font-family: var(--ms-display); border-radius: 50%; place-items: center; margin-block-end: 12px; font-weight: 800; display: inline-grid; }
.ms-step h3 { font-size: 19px; }
.ms-step p { color: var(--ms-muted); font-size: 15.5px; }
@media (width >= 900px){.ms-store__grid { grid-template-columns: 0.95fr 1.05fr; }.ms-store__visual { position: sticky; inset-block-start: 100px; }.ms-steps { grid-template-columns: repeat(3, 1fr); }}
.ms-services__grid { grid-template-columns: 1fr; gap: 20px; margin-block-start: clamp(36px, 5vw, 64px); display: grid; }
.ms-panel { border-radius: var(--ms-radius); border: 1px solid var(--ms-line); isolation: isolate; flex-direction: column; gap: 18px; padding: clamp(26px, 4vw, 44px); display: flex; position: relative; overflow: hidden; }
.ms-panel h3 { font-size: clamp(26px, 3vw, 36px); }
.ms-panel--repair { background: var(--ms-panel); justify-content: flex-end; min-height: 460px; }
.ms-panel--repair .ms-panel__bg { z-index: -2; position: absolute; inset: 0px; }
.ms-panel--repair .ms-panel__bg img { object-fit: cover; width: 100%; height: 100%; display: block; }
.ms-panel--repair::before { content: ""; z-index: -1; background: linear-gradient(rgba(11, 6, 16, 0.2), rgba(11, 6, 16, 0.45) 25%, rgba(11, 6, 16, 0.96) 75%); position: absolute; inset: 0px; }
.ms-panel--code { background: linear-gradient(155deg, var(--ms-violet), var(--ms-magenta) 55%, var(--ms-cobalt)); }
.ms-panel--code::before { content: ""; z-index: -1; background: repeating-linear-gradient(rgba(11, 6, 16, 0.18) 0px, rgba(11, 6, 16, 0.18) 2px, rgba(0, 0, 0, 0) 2px, rgba(0, 0, 0, 0) 26px); position: absolute; inset: 0px; }
.ms-panel--code p { color: var(--ms-ink); opacity: 0.9; }
.ms-list { gap: 8px; margin: 0px; padding: 0px; list-style: none; display: grid; }
.ms-list li { align-items: baseline; gap: 12px; display: flex; }
.ms-list li::before { content: ""; background: var(--ms-glow); border-radius: 2px; flex: 0 0 auto; width: 8px; height: 8px; transform: translateY(-1px) rotate(45deg); }
.ms-panel--code .ms-list li::before { background: var(--ms-ink); }
@media (width >= 900px){.ms-services__grid { grid-template-columns: 1.25fr 0.95fr; }}
.ms-acc__grid { grid-template-columns: 1fr; align-items: center; gap: clamp(28px, 5vw, 72px); display: grid; }
.ms-acc__visual { border-radius: var(--ms-radius); border: 1px solid var(--ms-line); overflow: hidden; }
.ms-acc__visual img { aspect-ratio: 4 / 3; object-fit: cover; width: 100%; height: auto; display: block; }
.ms-chips { flex-wrap: wrap; gap: 10px; margin-block: 28px 30px; display: flex; }
.ms-chip { border: 1px solid var(--ms-line); background: var(--ms-panel); border-radius: 999px; padding: 9px 18px; font-size: 15.5px; font-weight: 500; transition: border-color 0.2s, background 0.2s, transform 0.2s; }
@media (hover: hover){.ms-chip:hover { border-color: var(--ms-glow); background: var(--ms-panel-2); transform: translateY(-2px); }}
@media (width >= 900px){.ms-acc__grid { grid-template-columns: 1fr 1fr; }}
.ms-why { background: var(--ms-ground-2); border-block: 1px solid var(--ms-line); }
.ms-why__grid { grid-template-columns: 1fr; gap: 28px; margin-block-start: clamp(36px, 5vw, 60px); display: grid; }
.ms-why__item { border-block-start: 2px solid rgba(0, 0, 0, 0); border-image: var(--ms-grad) 1; padding-block-start: 22px; }
.ms-why__n { font-family: var(--ms-display); color: rgba(0, 0, 0, 0); -webkit-text-stroke: 1px var(--ms-muted); margin-block-end: 12px; font-size: 54px; font-weight: 900; line-height: 1; display: block; }
.ms-why__item h3 { margin-block-end: 8px; font-size: 22px; }
.ms-why__item p { color: var(--ms-muted); font-size: 16px; }
@media (width >= 760px){.ms-why__grid { grid-template-columns: repeat(2, 1fr); }}
@media (width >= 1100px){.ms-why__grid { grid-template-columns: repeat(4, 1fr); }}
.ms-contact__panel { background: linear-gradient(160deg, var(--ms-panel-2), var(--ms-panel)); border: 1px solid var(--ms-line); isolation: isolate; border-radius: 36px; grid-template-columns: 1fr; gap: 36px; padding: clamp(28px, 5vw, 64px); display: grid; position: relative; overflow: hidden; }
.ms-contact__panel::before { content: ""; aspect-ratio: 1 / 1; z-index: -1; background: radial-gradient(closest-side, rgba(194, 16, 158, 0.45), rgba(0, 0, 0, 0)); width: 70%; position: absolute; inset-block-start: -40%; inset-inline-end: -20%; }
.ms-contact__tiles { align-content: center; gap: 14px; display: grid; }
.ms-tile { border: 1px solid var(--ms-line); background: rgba(11, 6, 16, 0.55); border-radius: 24px; align-items: center; gap: 16px; padding: 20px 24px; transition: border-color 0.25s, transform 0.25s; display: flex; }
.ms-tile:hover { border-color: var(--ms-glow); transform: translateY(-3px); }
.ms-tile__icon { background: var(--ms-grad); border-radius: 16px; flex: 0 0 auto; place-items: center; width: 52px; height: 52px; display: grid; }
.ms-tile small { color: var(--ms-muted); font-size: 13px; display: block; }
.ms-tile strong { font-family: var(--ms-display); direction: ltr; unicode-bidi: isolate; font-size: 22px; font-weight: 800; }
.ms-tile--static:hover { border-color: var(--ms-line); transform: none; }
@media (width >= 900px){.ms-contact__panel { grid-template-columns: 1.1fr 0.9fr; align-items: center; }}
.ms-footer { text-align: center; color: var(--ms-muted); flex-direction: column; align-items: center; gap: 18px; padding: 48px clamp(18px, 5vw, 72px) 40px; font-size: 14px; display: flex; }
.ms-footer img { mix-blend-mode: screen; width: 150px; height: auto; }
@media (prefers-reduced-motion: reduce){html { scroll-behavior: auto; }.ms-marquee__track, .ms-dot { animation: auto ease 0s 1 normal none running none; }.ms-root *, .ms-root ::before, .ms-root ::after { transition-duration: 0.01ms !important; }}
.scroll-scrub { --ss-progress: 0; isolation: isolate; color: var(--ss-ink); background: var(--ss-bg); position: relative; }
.scroll-scrub__stage { z-index: 0; background: var(--ss-bg); width: 100%; height: 100dvh; position: sticky; top: 0px; overflow: hidden; }
.scroll-scrub__media, .scroll-scrub__layer, .scroll-scrub__picture, .scroll-scrub__poster, .scroll-scrub__video { width: 100%; height: 100%; position: absolute; inset: 0px; }
.scroll-scrub__media { z-index: 0; }
.scroll-scrub__layer { opacity: 0; will-change: opacity; margin: 0px; overflow: hidden; }
.scroll-scrub__layer:first-child { opacity: 1; }
.scroll-scrub__poster, .scroll-scrub__video { object-fit: cover; object-position: var(--ss-object-position); display: block; }
.scroll-scrub__poster { z-index: 0; }
.scroll-scrub__video { z-index: 1; }
.scroll-scrub__layer[data-video-painted="true"] .scroll-scrub__poster { visibility: hidden; }
.scroll-scrub__progress { z-index: 5; background: color-mix(in srgb, var(--ss-ink) 14%, transparent); pointer-events: none; height: 2px; position: absolute; top: 0px; left: 0px; right: 0px; }
.scroll-scrub__progress span { background: var(--ss-accent); width: 100%; height: 100%; transform: scaleX(var(--ss-progress)); transform-origin: 0px center; display: block; }
.scroll-scrub__route { z-index: 6; pointer-events: auto; justify-content: flex-end; gap: 0.25rem; display: flex; position: absolute; top: clamp(1rem, 3vw, 2rem); left: clamp(1rem, 4vw, 4rem); right: clamp(1rem, 4vw, 4rem); }
.scroll-scrub__route-button { min-height: 2.75rem; color: var(--ss-muted); font: inherit; cursor: pointer; background: 0px 0px; border: 0px; padding: 0.65rem 0.9rem; }
.scroll-scrub__route-button:hover, .scroll-scrub__route-button[aria-current="step"] { color: var(--ss-ink); }
.scroll-scrub__route-button[aria-current="step"] { text-decoration-line: underline; text-decoration-style: initial; text-decoration-color: var(--ss-accent); text-underline-offset: 0.3em; text-decoration-thickness: 0.15em; }
.scroll-scrub__story { z-index: 3; pointer-events: none; margin-top: -100dvh; position: relative; }
.scroll-scrub__chapter, .scroll-scrub__connector-band { position: relative; }
.scroll-scrub__chapter-pin { pointer-events: none; align-items: center; min-height: 100dvh; padding: clamp(5rem, 9vw, 8rem) clamp(1.25rem, 6vw, 6rem); display: flex; position: sticky; top: 0px; }
.scroll-scrub__copy { pointer-events: auto; width: min(40rem, 48vw); position: relative; }
.scroll-scrub__copy::before { z-index: -1; content: ""; background: radial-gradient(ellipse at center, color-mix(in srgb, var(--ss-bg) 88%, transparent) 0%, color-mix(in srgb, var(--ss-bg) 58%, transparent) 52%, transparent 76%); pointer-events: none; position: absolute; inset: -3rem -5rem; }
.scroll-scrub__kicker { max-width: 30ch; color: var(--ss-accent); letter-spacing: 0.12em; text-transform: uppercase; margin: 0px 0px 1rem; font-size: 0.8rem; font-weight: 700; }
.scroll-scrub__title { max-width: 13ch; color: var(--ss-ink); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; letter-spacing: -0.045em; text-wrap: balance; margin: 0px; font-size: clamp(2.75rem, 6vw, 6.75rem); font-weight: 700; line-height: 0.94; }
.scroll-scrub__body { max-width: 42ch; color: var(--ss-muted); margin: 1.5rem 0px 0px; font-size: clamp(1rem, 1.35vw, 1.2rem); line-height: 1.55; }
.scroll-scrub__tags { flex-wrap: wrap; gap: 0.55rem; margin: 1.5rem 0px 0px; padding: 0px; list-style: none; display: flex; }
.scroll-scrub__tags li { border: 1px solid color-mix(in srgb, var(--ss-ink) 20%, transparent); color: var(--ss-ink); padding: 0.45rem 0.7rem; font-size: 0.82rem; }
.scroll-scrub__actions { flex-wrap: wrap; gap: 0.75rem; margin-top: 2rem; display: flex; }
@media (width <= 860px){.scroll-scrub__poster, .scroll-scrub__video { object-position: var(--ss-mobile-position); }.scroll-scrub__route { right: max(.75rem, env(safe-area-inset-right)); left: max(.75rem, env(safe-area-inset-left)); overscroll-behavior-x: contain; scrollbar-width: thin; justify-content: flex-start; overflow-x: auto; }.scroll-scrub__route-button { flex: 0 0 auto; }.scroll-scrub__chapter-pin, .scroll-scrub__chapter[data-align="right"] .scroll-scrub__chapter-pin { padding: 6.5rem max(1.25rem, env(safe-area-inset-right)) calc(4rem + env(safe-area-inset-bottom)) max(1.25rem, env(safe-area-inset-left)); justify-content: flex-start; align-items: flex-end; }.scroll-scrub__copy { width: min(100%, 36rem); }.scroll-scrub__copy::before { background: linear-gradient(to top, var(--ss-bg) 0%, color-mix(in srgb, var(--ss-bg) 82%, transparent) 58%, transparent 100%); inset: -3rem -2rem; }.scroll-scrub__title { max-width: 14ch; font-size: clamp(2.3rem, 11vw, 4.5rem); }}
@media (prefers-reduced-motion: reduce){.scroll-scrub__chapter { min-height: 100dvh !important; }.scroll-scrub__progress span { transition: none; }}