/* uichemy-nvh.css
2026-09-18 perf merge (session-4c621d): ~1,060 rules were byte-identical across
uichemy-nvh.css / uichemy-awc.css / uichemy-aw2.css apart from their scope token.
Shared rules now live ONCE, with their scope selector widened via :where()/:is()
(specificity unchanged). uichemy-awc.css and uichemy-aw2.css therefore REQUIRE
uichemy-nvh.css to be loaded first, which it is, site-wide. */
/* nav-lab tabbed header prototype 2026-09-15 - scoped under .uc-nvh.
Built from the Next.js app at app/nav-preview/v2 (localhost:3777), NOT from
public/ucwr/. Every rule is wrapped in :where(.uc-nvh) so page-internal specificity
is unchanged while nothing can match outside the page. Classes that collide with
#uichemy-globals are renamed with the ucx- prefix in HTML, CSS and JS together.
See memory new-uichemy-design-system-isolation. */
@layer properties;@layer theme, base, components, utilities;
:is(.uc-nvh, .uc-awc, .uc-aw2){font-size:16px;font-family:var(--font-zalando-sans);}
:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) :is(h1,h2,h3,h4,h5,h6){margin:0;}
:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .lenis:not(.lenis-autoToggle).lenis-stopped{
overflow: clip;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .lenis [data-lenis-prevent], :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .lenis [data-lenis-prevent-wheel], :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .lenis [data-lenis-prevent-touch], :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .lenis [data-lenis-prevent-vertical], :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .lenis [data-lenis-prevent-horizontal]{
overscroll-behavior: contain;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .lenis.lenis-smooth iframe{
pointer-events: none;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .lenis.lenis-autoToggle{
transition-property: overflow;
transition-duration: 1ms;
transition-behavior: allow-discrete;
}@layer theme{:is(.uc-nvh, .uc-aw2){
--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
"Courier New", monospace;
--color-red-50: oklch(97.1% 0.013 17.38);
--color-red-100: oklch(93.6% 0.032 17.717);
--color-red-200: oklch(88.5% 0.062 18.334);
--color-red-500: oklch(63.7% 0.237 25.331);
--color-red-600: oklch(57.7% 0.245 27.325);
--color-red-800: oklch(44.4% 0.177 26.899);
--color-orange-100: oklch(95.4% 0.038 75.164);
--color-orange-500: oklch(70.5% 0.213 47.604);
--color-orange-600: oklch(64.6% 0.222 41.116);
--color-amber-50: oklch(98.7% 0.022 95.277);
--color-yellow-100: oklch(97.3% 0.071 103.193);
--color-yellow-500: oklch(79.5% 0.184 86.047);
--color-yellow-600: oklch(68.1% 0.162 75.834);
--color-green-50: oklch(98.2% 0.018 155.826);
--color-green-100: oklch(96.2% 0.044 156.743);
--color-green-200: oklch(92.5% 0.084 155.995);
--color-green-500: oklch(72.3% 0.219 149.579);
--color-green-600: oklch(62.7% 0.194 149.214);
--color-green-800: oklch(44.8% 0.119 151.328);
--color-emerald-400: oklch(76.5% 0.177 163.223);
--color-blue-100: oklch(93.2% 0.032 255.585);
--color-blue-500: oklch(62.3% 0.214 259.815);
--color-blue-600: oklch(54.6% 0.245 262.881);
--color-indigo-100: oklch(93% 0.034 272.788);
--color-indigo-500: oklch(58.5% 0.233 277.117);
--color-violet-100: oklch(94.3% 0.029 294.588);
--color-violet-600: oklch(54.1% 0.281 293.009);
--color-purple-50: oklch(97.7% 0.014 308.299);
--color-purple-500: oklch(62.7% 0.265 303.9);
--color-purple-600: oklch(55.8% 0.288 302.321);
--color-purple-700: oklch(49.6% 0.265 301.924);
--color-gray-50: oklch(98.5% 0.002 247.839);
--color-gray-100: oklch(96.7% 0.003 264.542);
--color-gray-200: oklch(92.8% 0.006 264.531);
--color-gray-300: oklch(87.2% 0.01 258.338);
--color-gray-400: oklch(70.7% 0.022 261.325);
--color-gray-500: oklch(55.1% 0.027 264.364);
--color-gray-600: oklch(44.6% 0.03 256.802);
--color-gray-700: oklch(37.3% 0.034 259.733);
--color-gray-900: oklch(21% 0.034 264.665);
--color-zinc-800: oklch(27.4% 0.006 286.033);
--color-zinc-900: oklch(21% 0.006 285.885);
--color-zinc-950: oklch(14.1% 0.005 285.823);
--color-neutral-50: oklch(98.5% 0 0);
--color-neutral-200: oklch(92.2% 0 0);
--color-neutral-300: oklch(87% 0 0);
--color-neutral-400: oklch(70.8% 0 0);
--color-neutral-500: oklch(55.6% 0 0);
--color-neutral-700: oklch(37.1% 0 0);
--color-neutral-800: oklch(26.9% 0 0);
--color-black: #000;
--color-white: #fff;
--spacing: 0.25rem;
--container-xs: 20rem;
--container-sm: 24rem;
--container-md: 28rem;
--container-lg: 32rem;
--container-xl: 36rem;
--container-2xl: 42rem;
--container-3xl: 48rem;
--container-4xl: 56rem;
--container-5xl: 64rem;
--container-7xl: 80rem;
--text-xs: 0.75rem;
--text-xs--line-height: calc(1 / 0.75);
--text-sm: 0.875rem;
--text-sm--line-height: calc(1.25 / 0.875);
--text-base: 1rem;
--text-base--line-height: calc(1.5 / 1);
--text-lg: 1.125rem;
--text-lg--line-height: calc(1.75 / 1.125);
--text-xl: 1.25rem;
--text-xl--line-height: calc(1.75 / 1.25);
--text-2xl: 1.5rem;
--text-2xl--line-height: calc(2 / 1.5);
--text-3xl: 1.875rem;
--text-3xl--line-height: calc(2.25 / 1.875);
--text-4xl: 2.25rem;
--text-4xl--line-height: calc(2.5 / 2.25);
--text-5xl: 3rem;
--text-5xl--line-height: 1;
--text-6xl: 3.75rem;
--text-6xl--line-height: 1;
--text-7xl: 4.5rem;
--text-7xl--line-height: 1;
--font-weight-light: 300;
--font-weight-normal: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--font-weight-extrabold: 800;
--tracking-tighter: -0.05em;
--tracking-tight: -0.025em;
--tracking-normal: 0em;
--tracking-wide: 0.025em;
--tracking-wider: 0.05em;
--tracking-widest: 0.1em;
--leading-tight: 1.25;
--leading-snug: 1.375;
--leading-normal: 1.5;
--leading-relaxed: 1.625;
--radius-xs: 4px;
--radius-sm: calc(var(--radius) - 4px);
--radius-md: calc(var(--radius) - 2px);
--radius-lg: var(--radius);
--radius-xl: calc(var(--radius) + 4px);
--shadow-sm: 0 1px 2px 0 #1018280f;
--shadow-md: 0 4px 2px -2px #1018280f;
--shadow-lg: 0 4px 6px -2px #10182808;
--ease-in: cubic-bezier(0.4, 0, 1, 1);
--ease-out: cubic-bezier(0, 0, 0.2, 1);
--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
--animate-spin: spin 1s linear infinite;
--animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
--blur-sm: 8px;
--blur-md: 12px;
--blur-xl: 24px;
--blur-2xl: 40px;
--aspect-video: 16 / 9;
--default-transition-duration: 150ms;
--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
--default-font-family: var(--font-sans);
--default-mono-font-family: var(--font-mono);
--font-zalando-sans: "Zalando Sans", sans-serif;
--font-nanum-pen: "Nanum Pen Script", cursive;
--color-sprout-color-primary-lightest: #fff1eb;
--color-sprout-color-primary-lighter: #ffb89a;
--color-sprout-color-primary: #fd6a35;
--color-sprout-color-primary-darker: #cc4b23;
--color-uc-dark: var(--color-sprout-color-background-dark);
--color-uc-dark-card: var(--color-sprout-color-background-weaker-2);
--color-uc-navpill: var(--color-sprout-color-background-stronger);
--color-sprout-color-secondary-lightest: #f2eeff;
--color-sprout-color-secondary-lighter: #b8a9ff;
--color-sprout-color-secondary: #5202fd;
--color-sprout-color-background-weaker: #ffffff;
--color-sprout-color-background-weaker-2: rgba(255, 255, 255, 0.1);
--color-sprout-color-background-default: #f4f4f4;
--color-sprout-color-background-stronger: #ebebeb;
--color-sprout-color-background-strongest: #e3e3ed;
--color-sprout-color-background-dark: #171717;
--color-sprout-color-background-dark-2: #202020;
--color-sprout-color-background-blue: #3600af;
--color-sprout-color-text-default: #0a0a0a;
--color-sprout-color-text-weaker: #737373;
--color-sprout-color-text-weakest: #a3a3a3;
--color-sprout-color-text-stronger: #171717;
--color-sprout-color-text-disabled: #737373;
--color-sprout-color-text-white: #ffffff;
--color-sprout-color-border-weak: #e5e5e5;
--color-sprout-color-border-default: #d4d4d4;
--color-sprout-color-border-dark-weak: #737373;
--color-sprout-color-border-dark-default: #404040;
--color-sprout-color-success: #2ea343;
--color-sprout-color-success-darker: #0a842a;
--color-sprout-color-secondary-darker: #3600af;
--color-sprout-color-error-lightest: #fff2ef;
--color-sprout-color-error: #f65258;
--color-primary: var(--primary);
--color-titlelight: #0d0d0d;
--color-neutral: #d6d6d6;
--shadow-sprout-2xs: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
--shadow-sprout-xs: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
--radius-sprout-4: 4px;
--radius-sprout-8: 8px;
--radius-sprout-12: 12px;
--radius-sprout-16: 16px;
--radius-sprout-24: 24px;
--radius-sprout-infinite: 9999px;
--spacing-sprout-0: 0;
--spacing-sprout-2: 2px;
--spacing-sprout-4: 4px;
--spacing-sprout-6: 6px;
--spacing-sprout-8: 8px;
--spacing-sprout-10: 10px;
--spacing-sprout-12: 12px;
--spacing-sprout-16: 16px;
--spacing-sprout-20: 20px;
--spacing-sprout-24: 24px;
--spacing-sprout-32: 32px;
--spacing-sprout-40: 40px;
--spacing-sprout-48: 48px;
--spacing-sprout-56: 56px;
--spacing-sprout-64: 64px;
--spacing-sprout-80: 80px;
--color-border: var(--border);
}}@layer base{:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2), :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) *, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) *::after, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) *::before, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) *::backdrop, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) *::file-selector-button{
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0 solid;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2){
line-height: 1.5;
-webkit-text-size-adjust: 100%;
tab-size: 4;
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;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) hr{
height: 0;
color: inherit;
border-top-width: 1px;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) abbr:where([title]){
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) h1, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) h2, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) h3, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) h4, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) h5, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) h6{
font-size: inherit;
font-weight: inherit;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) a{
color: inherit;
-webkit-text-decoration: inherit;
text-decoration: inherit;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) b, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) strong{
font-weight: bolder;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) code, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) kbd, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) samp, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) pre{
font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
font-feature-settings: var(--default-mono-font-feature-settings, normal);
font-variation-settings: var(--default-mono-font-variation-settings, normal);
font-size: 1em;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) small{
font-size: 80%;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) sub, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) sup{
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) sub{
bottom: -0.25em;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) sup{
top: -0.5em;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) table{
text-indent: 0;
border-color: inherit;
border-collapse: collapse;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) :-moz-focusring{
outline: auto;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) progress{
vertical-align: baseline;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) summary{
display: list-item;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) ol, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) ul, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) menu{
list-style: none;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) img, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) svg, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) video, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) canvas, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) audio, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) iframe, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) embed, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) object{
display: block;
vertical-align: middle;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) img, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) video{
max-width: 100%;
height: auto;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) button, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) input, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) select, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) optgroup, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) textarea, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) ::file-selector-button{
font: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
letter-spacing: inherit;
color: inherit;
border-radius: 0;
background-color: transparent;
opacity: 1;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) :where(select:is([multiple], [size])) optgroup{
font-weight: bolder;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) :where(select:is([multiple], [size])) optgroup option{
padding-inline-start: 20px;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) ::file-selector-button{
margin-inline-end: 4px;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) ::placeholder{
opacity: 1;
}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) ::placeholder{
color: currentcolor;
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, currentcolor 50%, transparent);
}
}}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) textarea{
resize: vertical;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) ::-webkit-search-decoration{
-webkit-appearance: none;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) ::-webkit-date-and-time-value{
min-height: 1lh;
text-align: inherit;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) ::-webkit-datetime-edit{
display: inline-flex;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) ::-webkit-datetime-edit-fields-wrapper{
padding: 0;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) ::-webkit-datetime-edit, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) ::-webkit-datetime-edit-year-field, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) ::-webkit-datetime-edit-month-field, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) ::-webkit-datetime-edit-day-field, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) ::-webkit-datetime-edit-hour-field, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) ::-webkit-datetime-edit-minute-field, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) ::-webkit-datetime-edit-second-field, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) ::-webkit-datetime-edit-millisecond-field, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) ::-webkit-datetime-edit-meridiem-field{
padding-block: 0;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) ::-webkit-calendar-picker-indicator{
line-height: 1;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) :-moz-ui-invalid{
box-shadow: none;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) button, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) input:where([type="button"], [type="reset"], [type="submit"]), :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) ::file-selector-button{
appearance: button;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) ::-webkit-inner-spin-button, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) ::-webkit-outer-spin-button{
height: auto;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) [hidden]:where(:not([hidden="until-found"])){
display: none !important;
}}@layer utilities{:where(.uc-nvh) .pointer-events-none{
pointer-events: none;
}:where(.uc-nvh) .sr-only{
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
border-width: 0;
}:where(.uc-nvh) .absolute{
position: absolute;
}:where(.uc-nvh) .fixed{
position: fixed;
}:where(.uc-nvh) .relative{
position: relative;
}:where(.uc-nvh) .sticky{
position: sticky;
}:where(.uc-nvh) .inset-0{
inset: calc(var(--spacing) * 0);
}:where(.uc-nvh) .top-0{
top: calc(var(--spacing) * 0);
}:where(.uc-nvh) .top-full{
top: 100%;
}:where(.uc-nvh) .right-0{
right: calc(var(--spacing) * 0);
}:where(.uc-nvh) .left-0{
left: calc(var(--spacing) * 0);
}:where(.uc-nvh) .z-0{
z-index: 0;
}:where(.uc-nvh) .z-10{
z-index: 10;
}:where(.uc-nvh) .z-\[1\]{
z-index: 1;
}:where(.uc-nvh) .z-\[2\]{
z-index: 2;
}:where(.uc-nvh) .z-\[90\]{
z-index: 90;
}:where(.uc-nvh) .z-\[95\]{
z-index: 95;
}:where(.uc-nvh) .z-\[100\]{
z-index: 100;
}:where(.uc-nvh) .container{
width: 100%;
@media (width >= 40rem) {
max-width: 40rem;
}
@media (width >= 48rem) {
max-width: 48rem;
}
@media (width >= 64rem) {
max-width: 64rem;
}
@media (width >= 80rem) {
max-width: 80rem;
}
@media (width >= 96rem) {
max-width: 96rem;
}
}:where(.uc-nvh) .-mx-2{
margin-inline: calc(var(--spacing) * -2);
}:where(.uc-nvh) .-mx-6{
margin-inline: calc(var(--spacing) * -6);
}:where(.uc-nvh) .mx-auto{
margin-inline: auto;
}:where(.uc-nvh) .-mt-2{
margin-top: calc(var(--spacing) * -2);
}:where(.uc-nvh) .-mt-3{
margin-top: calc(var(--spacing) * -3);
}:where(.uc-nvh) .mt-0\.5{
margin-top: calc(var(--spacing) * 0.5);
}:where(.uc-nvh) .mt-1{
margin-top: calc(var(--spacing) * 1);
}:where(.uc-nvh) .mt-1\.5{
margin-top: calc(var(--spacing) * 1.5);
}:where(.uc-nvh) .mt-2\.5{
margin-top: calc(var(--spacing) * 2.5);
}:where(.uc-nvh) .mt-5{
margin-top: calc(var(--spacing) * 5);
}:where(.uc-nvh) .mt-auto{
margin-top: auto;
}:where(.uc-nvh) .-mb-6{
margin-bottom: calc(var(--spacing) * -6);
}:where(.uc-nvh) .mb-2{
margin-bottom: calc(var(--spacing) * 2);
}:where(.uc-nvh) .ml-auto{
margin-left: auto;
}:where(.uc-nvh) .block{
display: block;
}:where(.uc-nvh) .flex{
display: flex;
}:where(.uc-nvh) .grid{
display: grid;
}:where(.uc-nvh) .hidden{
display: none;
}:where(.uc-nvh) .inline-block{
display: inline-block;
}:where(.uc-nvh) .inline-flex{
display: inline-flex;
}:where(.uc-nvh) .h-0\.5{
height: calc(var(--spacing) * 0.5);
}:where(.uc-nvh) .h-\[28px\]{
height: 28px;
}:where(.uc-nvh) .h-\[60px\]{
height: 60px;
}:where(.uc-nvh) .h-full{
height: 100%;
}:where(.uc-nvh) .w-5{
width: calc(var(--spacing) * 5);
}:where(.uc-nvh) .w-auto{
width: auto;
}:where(.uc-nvh) .w-full{
width: 100%;
}:where(.uc-nvh) .min-w-0{
min-width: calc(var(--spacing) * 0);
}:where(.uc-nvh) .flex-1{
flex: 1;
}:where(.uc-nvh) .shrink-0{
flex-shrink: 0;
}:where(.uc-nvh) .-translate-x-1{
--tw-translate-x: calc(var(--spacing) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}:where(.uc-nvh) .cursor-pointer{
cursor: pointer;
}:where(.uc-nvh) .list-none{
list-style-type: none;
}:where(.uc-nvh) .grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr));
}:where(.uc-nvh) .grid-cols-4{
grid-template-columns: repeat(4, minmax(0, 1fr));
}:where(.uc-nvh) .flex-col{
flex-direction: column;
}:where(.uc-nvh) .place-items-center{
place-items: center;
}:where(.uc-nvh) .items-center{
align-items: center;
}:where(.uc-nvh) .items-start{
align-items: flex-start;
}:where(.uc-nvh) .justify-between{
justify-content: space-between;
}:where(.uc-nvh) .justify-center{
justify-content: center;
}:where(.uc-nvh) .gap-0\.5{
gap: calc(var(--spacing) * 0.5);
}:where(.uc-nvh) .gap-1{
gap: calc(var(--spacing) * 1);
}:where(.uc-nvh) .gap-1\.5{
gap: calc(var(--spacing) * 1.5);
}:where(.uc-nvh) .gap-2{
gap: calc(var(--spacing) * 2);
}:where(.uc-nvh) .gap-2\.5{
gap: calc(var(--spacing) * 2.5);
}:where(.uc-nvh) .gap-5{
gap: calc(var(--spacing) * 5);
}:where(.uc-nvh) .gap-\[5px\]{
gap: 5px;
}:where(.uc-nvh) .gap-x-5{
column-gap: calc(var(--spacing) * 5);
}:where(.uc-nvh) .self-start{
align-self: flex-start;
}:where(.uc-nvh) .overflow-hidden{
overflow: hidden;
}:where(.uc-nvh) .overflow-y-auto{
overflow-y: auto;
}:where(.uc-nvh) .rounded{
border-radius: 0.25rem;
}:where(.uc-nvh) .rounded-\[9px\]{
border-radius: 9px;
}:where(.uc-nvh) .rounded-\[10px\]{
border-radius: 10px;
}:where(.uc-nvh) .rounded-\[20px\]{
border-radius: 20px;
}:where(.uc-nvh) .rounded-b-\[20px\]{
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
}:where(.uc-nvh) .rounded-b-none{
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}:where(.uc-nvh) .border{
border-style: var(--tw-border-style);
border-width: 1px;
}:where(.uc-nvh) .border-t{
border-top-style: var(--tw-border-style);
border-top-width: 1px;
}:where(.uc-nvh) .border-t-0{
border-top-style: var(--tw-border-style);
border-top-width: 0px;
}:where(.uc-nvh) .border-b{
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
}:where(.uc-nvh) .border-b-0{
border-bottom-style: var(--tw-border-style);
border-bottom-width: 0px;
}:where(.uc-nvh) .border-l{
border-left-style: var(--tw-border-style);
border-left-width: 1px;
}:where(.uc-nvh) .border-sprout-color-border-default{
border-color: var(--color-sprout-color-border-default);
}:where(.uc-nvh) .border-sprout-color-border-weak{
border-color: var(--color-sprout-color-border-weak);
}:where(.uc-nvh) .border-transparent{
border-color: transparent;
}:where(.uc-nvh) .bg-black\/40{
background-color: color-mix(in srgb, #000 40%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
}
}:where(.uc-nvh) .bg-sprout-color-background-default{
background-color: var(--color-sprout-color-background-default);
}:where(.uc-nvh) .bg-sprout-color-background-weaker{
background-color: var(--color-sprout-color-background-weaker);
}:where(.uc-nvh) .bg-sprout-color-text-default{
background-color: var(--color-sprout-color-text-default);
}:where(.uc-nvh) .bg-white{
background-color: var(--color-white);
}:where(.uc-nvh) .bg-white\/70{
background-color: color-mix(in srgb, #fff 70%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-white) 70%, transparent);
}
}:where(.uc-nvh) .object-contain{
object-fit: contain;
}:where(.uc-nvh) .p-3{
padding: calc(var(--spacing) * 3);
}:where(.uc-nvh) .p-4{
padding: calc(var(--spacing) * 4);
}:where(.uc-nvh) .p-5{
padding: calc(var(--spacing) * 5);
}:where(.uc-nvh) .px-2{
padding-inline: calc(var(--spacing) * 2);
}:where(.uc-nvh) .px-2\.5{
padding-inline: calc(var(--spacing) * 2.5);
}:where(.uc-nvh) .px-3{
padding-inline: calc(var(--spacing) * 3);
}:where(.uc-nvh) .px-4{
padding-inline: calc(var(--spacing) * 4);
}:where(.uc-nvh) .px-6{
padding-inline: calc(var(--spacing) * 6);
}:where(.uc-nvh) .py-1{
padding-block: calc(var(--spacing) * 1);
}:where(.uc-nvh) .py-2{
padding-block: calc(var(--spacing) * 2);
}:where(.uc-nvh) .py-2\.5{
padding-block: calc(var(--spacing) * 2.5);
}:where(.uc-nvh) .py-3{
padding-block: calc(var(--spacing) * 3);
}:where(.uc-nvh) .py-4{
padding-block: calc(var(--spacing) * 4);
}:where(.uc-nvh) .py-\[11px\]{
padding-block: 11px;
}:where(.uc-nvh) .pt-3{
padding-top: calc(var(--spacing) * 3);
}:where(.uc-nvh) .pt-4{
padding-top: calc(var(--spacing) * 4);
}:where(.uc-nvh) .pt-\[92px\]{
padding-top: 92px;
}:where(.uc-nvh) .pb-2{
padding-bottom: calc(var(--spacing) * 2);
}:where(.uc-nvh) .pb-6{
padding-bottom: calc(var(--spacing) * 6);
}:where(.uc-nvh) .pb-8{
padding-bottom: calc(var(--spacing) * 8);
}:where(.uc-nvh) .pl-1{
padding-left: calc(var(--spacing) * 1);
}:where(.uc-nvh) .text-left{
text-align: left;
}:where(.uc-nvh) .text-\[12px\]{
font-size: 12px;
}:where(.uc-nvh) .text-\[13px\]{
font-size: 13px;
}:where(.uc-nvh) .text-\[14px\]{
font-size: 14px;
}:where(.uc-nvh) .text-\[15px\]{
font-size: 15px;
}:where(.uc-nvh) .text-\[16px\]{
font-size: 16px;
}:where(.uc-nvh) .text-\[17px\]{
font-size: 17px;
}:where(.uc-nvh) .leading-\[18px\]{
--tw-leading: 18px;
line-height: 18px;
}:where(.uc-nvh) .leading-\[20px\]{
--tw-leading: 20px;
line-height: 20px;
}:where(.uc-nvh) .leading-\[22px\]{
--tw-leading: 22px;
line-height: 22px;
}:where(.uc-nvh) .font-medium{
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
}:where(.uc-nvh) .font-semibold{
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
}:where(.uc-nvh) .tracking-\[-0\.07px\]{
--tw-tracking: -0.07px;
letter-spacing: -0.07px;
}:where(.uc-nvh) .tracking-\[0\.04em\]{
--tw-tracking: 0.04em;
letter-spacing: 0.04em;
}:where(.uc-nvh) .text-sprout-color-text-default{
color: var(--color-sprout-color-text-default);
}:where(.uc-nvh) .text-sprout-color-text-weaker{
color: var(--color-sprout-color-text-weaker);
}:where(.uc-nvh) .uppercase{
text-transform: uppercase;
}:where(.uc-nvh) .opacity-0{
opacity: 0%;
}:where(.uc-nvh) .opacity-100{
opacity: 100%;
}:where(.uc-nvh) .shadow-\[0_2px_10px_-4px_rgba\(10\,10\,10\,\.10\)\]{
--tw-shadow: 0 2px 10px -4px var(--tw-shadow-color, rgba(10,10,10,.10));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}:where(.uc-nvh) .outline{
outline-style: var(--tw-outline-style);
outline-width: 1px;
}:where(.uc-nvh) .backdrop-blur-\[4px\]{
--tw-backdrop-blur: blur(4px);
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}:where(.uc-nvh) .backdrop-blur-xl{
--tw-backdrop-blur: blur(var(--blur-xl));
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}:where(.uc-nvh) .backdrop-saturate-150{
--tw-backdrop-saturate: saturate(150%);
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}:where(.uc-nvh) .transition-all{
transition-property: all;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}:where(.uc-nvh) .transition-colors{
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}:where(.uc-nvh) .transition-transform{
transition-property: transform, translate, scale, rotate;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}:where(.uc-nvh) .duration-300{
--tw-duration: 300ms;
transition-duration: 300ms;
}:where(.uc-nvh) .duration-\[380ms\]{
--tw-duration: 380ms;
transition-duration: 380ms;
}:where(.uc-nvh) .\[transition-timing-function\:cubic-bezier\(\.22\,1\,\.36\,1\)\]{
transition-timing-function: cubic-bezier(.22,1,.36,1);
}:where(.uc-nvh) .group-hover\/i\:translate-x-0\.5{
&:is(:where(.group\/i):hover *) {
@media (hover: hover) {
--tw-translate-x: calc(var(--spacing) * 0.5);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
}:where(.uc-nvh) .group-hover\/i\:-translate-y-0\.5{
&:is(:where(.group\/i):hover *) {
@media (hover: hover) {
--tw-translate-y: calc(var(--spacing) * -0.5);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
}:where(.uc-nvh) .group-hover\/nav\:-translate-y-full{
&:is(:where(.group\/nav):hover *) {
@media (hover: hover) {
--tw-translate-y: -100%;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
}:where(.uc-nvh) .hover\:border-sprout-color-border-weak{
&:hover {
@media (hover: hover) {
border-color: var(--color-sprout-color-border-weak);
}
}
}:where(.uc-nvh) .hover\:bg-white\/60{
&:hover {
@media (hover: hover) {
background-color: color-mix(in srgb, #fff 60%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
}
}
}
}:where(.uc-nvh) .hover\:text-sprout-color-text-default{
&:hover {
@media (hover: hover) {
color: var(--color-sprout-color-text-default);
}
}
}:where(.uc-nvh) .sm\:px-5{
@media (width >= 40rem) {
padding-inline: calc(var(--spacing) * 5);
}
}:where(.uc-nvh) .lg\:-mx-8{
@media (width >= 64rem) {
margin-inline: calc(var(--spacing) * -8);
}
}:where(.uc-nvh) .lg\:block{
@media (width >= 64rem) {
display: block;
}
}:where(.uc-nvh) .lg\:flex{
@media (width >= 64rem) {
display: flex;
}
}:where(.uc-nvh) .lg\:hidden{
@media (width >= 64rem) {
display: none;
}
}:where(.uc-nvh) .lg\:px-5{
@media (width >= 64rem) {
padding-inline: calc(var(--spacing) * 5);
}
}:where(.uc-nvh) .lg\:px-8{
@media (width >= 64rem) {
padding-inline: calc(var(--spacing) * 8);
}
}:where(.uc-nvh) .\32 xl\:mb-\[120px\]{
@media (width >= 96rem) {
margin-bottom: 120px;
}
}:where(.uc-nvh) .\32 xl\:max-w-\[1600px\]{
@media (width >= 96rem) {
max-width: 1600px;
}
}:where(.uc-nvh) .\32 xl\:scale-\[1\.2\]{
@media (width >= 96rem) {
scale: 1.2;
}
}:where(.uc-nvh) .\32 xl\:scale-\[1\.42\]{
@media (width >= 96rem) {
scale: 1.42;
}
}:where(.uc-nvh) .\32 xl\:gap-28{
@media (width >= 96rem) {
gap: calc(var(--spacing) * 28);
}
}:where(.uc-nvh) .\32 xl\:px-20{
@media (width >= 96rem) {
padding-inline: calc(var(--spacing) * 20);
}
}:where(.uc-nvh) .\32 xl\:px-\[70px\]{
@media (width >= 96rem) {
padding-inline: 70px;
}
}:where(.uc-nvh) .\32 xl\:pt-\[80px\]{
@media (width >= 96rem) {
padding-top: 80px;
}
}:where(.uc-nvh) .\32 xl\:text-7xl{
@media (width >= 96rem) {
font-size: var(--text-7xl);
line-height: var(--tw-leading, var(--text-7xl--line-height));
}
}}@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;
}:where(.uc-nvh) .uc-night .uc-logo-figma, :where(.uc-nvh) .uc-night .uc-logo-figma:hover{
filter: brightness(0) invert(1) !important;
}:is(.uc-nvh, .uc-awc, .uc-aw2){
--radius: 0.625rem;
--card: oklch(1 0 0);
--card-foreground: oklch(0.145 0 0);
--popover: oklch(1 0 0);
--popover-foreground: oklch(0.145 0 0);
--primary: oklch(0.205 0 0);
--primary-foreground: oklch(0.985 0 0);
--secondary: oklch(0.97 0 0);
--secondary-foreground: oklch(0.205 0 0);
--muted: oklch(0.97 0 0);
--muted-foreground: oklch(0.556 0 0);
--accent: oklch(0.97 0 0);
--accent-foreground: oklch(0.205 0 0);
--destructive: oklch(0.577 0.245 27.325);
--border: oklch(0.922 0 0);
--input: oklch(0.922 0 0);
--ring: oklch(0.708 0 0);
--chart-1: oklch(0.646 0.222 41.116);
--chart-2: oklch(0.6 0.118 184.704);
--chart-3: oklch(0.398 0.07 227.392);
--chart-4: oklch(0.828 0.189 84.429);
--chart-5: oklch(0.769 0.188 70.08);
--sidebar: oklch(0.985 0 0);
--sidebar-foreground: oklch(0.145 0 0);
--sidebar-primary: oklch(0.205 0 0);
--sidebar-primary-foreground: oklch(0.985 0 0);
--sidebar-accent: oklch(0.97 0 0);
--sidebar-accent-foreground: oklch(0.205 0 0);
--sidebar-border: oklch(0.922 0 0);
--sidebar-ring: oklch(0.708 0 0);
--color-bg-sprout-color-secondary: #6a35ff;
--color-bg-sprout-color-secondary-light: #7a4bff;
--background: oklch(1 0 0);
--foreground: oklch(0.145 0 0);
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .dark{
--background: oklch(0.145 0 0);
--foreground: oklch(0.985 0 0);
--card: oklch(0.205 0 0);
--card-foreground: oklch(0.985 0 0);
--popover: oklch(0.205 0 0);
--popover-foreground: oklch(0.985 0 0);
--primary: oklch(0.922 0 0);
--primary-foreground: oklch(0.205 0 0);
--secondary: oklch(0.269 0 0);
--secondary-foreground: oklch(0.985 0 0);
--muted: oklch(0.269 0 0);
--muted-foreground: oklch(0.708 0 0);
--accent: oklch(0.269 0 0);
--accent-foreground: oklch(0.985 0 0);
--destructive: oklch(0.704 0.191 22.216);
--border: oklch(1 0 0 / 10%);
--input: oklch(1 0 0 / 15%);
--ring: oklch(0.556 0 0);
--chart-1: oklch(0.488 0.243 264.376);
--chart-2: oklch(0.696 0.17 162.48);
--chart-3: oklch(0.769 0.188 70.08);
--chart-4: oklch(0.627 0.265 303.9);
--chart-5: oklch(0.645 0.246 16.439);
--sidebar: oklch(0.205 0 0);
--sidebar-foreground: oklch(0.985 0 0);
--sidebar-primary: oklch(0.488 0.243 264.376);
--sidebar-primary-foreground: oklch(0.985 0 0);
--sidebar-accent: oklch(0.269 0 0);
--sidebar-accent-foreground: oklch(0.985 0 0);
--sidebar-border: oklch(1 0 0 / 10%);
--sidebar-ring: oklch(0.556 0 0);
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .prose-content img{
border-radius: 12px;
margin-top: 2.5rem;
margin-bottom: 2.5rem;
box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
display: block;
max-width: none;
width: calc(100% + 340px);
margin-left: -120px;
margin-right: -120px;
}@media (max-width: 1024px){:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .prose-content img{
width: calc(100% + 120px);
margin-left: -60px;
margin-right: -60px;
}}@media (max-width: 768px){:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .prose-content img{
width: 100%;
margin-left: 0;
margin-right: 0;
}}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .hero-gradient-fade{
mask-image: linear-gradient(to bottom, black 0%, black 20%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0.2) 75%, transparent 100%);
-webkit-mask-image: linear-gradient(to bottom, black 0%, black 20%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0.2) 75%, transparent 100%);
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .hero-image-mask{
mask-image: linear-gradient(to bottom, black 0%, black 70%, transparent 100%);
-webkit-mask-image: linear-gradient(to bottom, black 0%, black 70%, transparent 100%);
}@media (min-width: 768px){:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .hero-image-mask{
mask-image: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, black 5%, black 85%, transparent 100%);
-webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, black 5%, black 85%, transparent 100%);
}}@keyframes gradientCycle1{
0%, 5% {
opacity: 0.85;
}
28%, 38% {
opacity: 0;
}
66%, 76% {
opacity: 0;
}
90%, 100% {
opacity: 0.85;
}
}@keyframes gradientCycle2{
0%, 5% {
opacity: 0;
}
28%, 38% {
opacity: 0.85;
}
66%, 76% {
opacity: 0;
}
90%, 100% {
opacity: 0;
}
}@keyframes gradientCycle3{
0%, 5% {
opacity: 0;
}
28%, 38% {
opacity: 0;
}
66%, 76% {
opacity: 0.85;
}
90%, 100% {
opacity: 0;
}
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .animate-gradient-cycle-1{
animation: gradientCycle1 9s ease-in-out infinite;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .animate-gradient-cycle-2{
animation: gradientCycle2 9s ease-in-out infinite;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .animate-gradient-cycle-3{
animation: gradientCycle3 9s ease-in-out infinite;
}@keyframes float-diagonal{
0%,
100% {
transform: translate(0, 0);
}
25% {
transform: translate(30px, -20px);
}
50% {
transform: translate(60px, 0);
}
75% {
transform: translate(30px, 20px);
}
}@keyframes float-vertical{
0%,
100% {
transform: translate(-50%, 0);
}
50% {
transform: translate(-50%, -40px);
}
}@keyframes float-circular{
0%,
100% {
transform: translate(0, 0);
}
25% {
transform: translate(-30px, -30px);
}
50% {
transform: translate(-60px, 0);
}
75% {
transform: translate(-30px, 30px);
}
}@keyframes panelIn{
from {
opacity: 0;
transform: translateY(-12px) scale(0.98);
}
to {
opacity: 1;
transform: translateY(0) scale(1);
}
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .animate-panel-in{
animation: panelIn 300ms cubic-bezier(0.4, 0, 0.2, 1);
}@keyframes gravityDrop{
0% {
opacity: 0;
transform: translate3d(0, -150px, 0) rotate(calc(var(--tilt, 0deg) - 7deg));
animation-timing-function: cubic-bezier(0.45, 0, 0.9, 0.65);
}
12% {
opacity: 1;
}
50% {
transform: translate3d(0, 0, 0) rotate(calc(var(--tilt, 0deg) + 1.6deg));
animation-timing-function: cubic-bezier(0.15, 0.6, 0.35, 1);
}
64% {
transform: translate3d(0, -13px, 0) rotate(var(--tilt, 0deg));
animation-timing-function: cubic-bezier(0.6, 0, 0.9, 0.6);
}
78% {
transform: translate3d(0, 0, 0) rotate(calc(var(--tilt, 0deg) + 0.5deg));
animation-timing-function: cubic-bezier(0.15, 0.6, 0.35, 1);
}
88% {
transform: translate3d(0, -4px, 0) rotate(var(--tilt, 0deg));
animation-timing-function: cubic-bezier(0.6, 0, 0.9, 0.6);
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0) rotate(var(--tilt, 0deg));
}
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .animate-gravity-drop{
animation: gravityDrop 1100ms both;
will-change: transform, opacity;
}@media (prefers-reduced-motion: reduce){:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .animate-gravity-drop{
animation: none;
opacity: 1;
transform: rotate(var(--tilt, 0deg));
}}@layer base{:where(:is(.uc-nvh, .uc-aw2), .uc-aw2), :where(:is(.uc-nvh, .uc-aw2), .uc-aw2) *{
border-color: var(--border);
outline-color: var(--ring);
@supports (color: color-mix(in lab, red, red)) {
outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
}
}:is(.uc-nvh, .uc-aw2){
background-color: var(--background);
color: var(--foreground);
overflow-x: clip;
max-width: 100%;
}html:has(:is(.uc-nvh, .uc-aw2))::-webkit-scrollbar, body:has(:is(.uc-nvh, .uc-aw2))::-webkit-scrollbar{
width: 14px;
background: transparent;
}html:has(:is(.uc-nvh, .uc-aw2))::-webkit-scrollbar-track, body:has(:is(.uc-nvh, .uc-aw2))::-webkit-scrollbar-track{
background: transparent;
}html:has(:is(.uc-nvh, .uc-aw2))::-webkit-scrollbar-thumb, body:has(:is(.uc-nvh, .uc-aw2))::-webkit-scrollbar-thumb{
background-color: #b0b0b0;
border-radius: 9999px;
border: 4px solid transparent;
background-clip: content-box;
min-height: 48px;
}html:has(:is(.uc-nvh, .uc-aw2))::-webkit-scrollbar-thumb:hover, body:has(:is(.uc-nvh, .uc-aw2))::-webkit-scrollbar-thumb:hover{
background-color: #8a8a8a;
}html:has(:is(.uc-nvh, .uc-aw2))::-webkit-scrollbar-button:single-button, body:has(:is(.uc-nvh, .uc-aw2))::-webkit-scrollbar-button:single-button{
background-repeat: no-repeat;
background-position: center;
background-size: 8px;
height: 14px;
width: 14px;
}html:has(:is(.uc-nvh, .uc-aw2))::-webkit-scrollbar-button:single-button:vertical:decrement, body:has(:is(.uc-nvh, .uc-aw2))::-webkit-scrollbar-button:single-button:vertical:decrement{
background-image: url("data:image/svg+xml;utf8,");
}html:has(:is(.uc-nvh, .uc-aw2))::-webkit-scrollbar-button:single-button:vertical:increment, body:has(:is(.uc-nvh, .uc-aw2))::-webkit-scrollbar-button:single-button:vertical:increment{
background-image: url("data:image/svg+xml;utf8,");
}@supports not selector(::-webkit-scrollbar){:is(.uc-nvh, .uc-aw2){
scrollbar-width: thin;
scrollbar-color: #b0b0b0 transparent;
}}:where(:is(.uc-nvh, .uc-aw2), .uc-aw2) [data-scroll-locked]{
margin-right: 0 !important;
}:where(:is(.uc-nvh, .uc-aw2), .uc-aw2) ::selection{
background-color: rgba(82, 2, 253, 0.18) !important;
}:where(:is(.uc-nvh, .uc-aw2), .uc-aw2) ::-moz-selection{
background-color: rgba(82, 2, 253, 0.18) !important;
}}@font-face{
font-family: "Zalando Sans";
src: url("/wp-content/uploads/2026/09/fonts-ZalandoSans-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}@font-face{
font-family: "Zalando Sans";
src: url("/wp-content/uploads/2026/09/fonts-ZalandoSans-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}@font-face{
font-family: "Zalando Sans";
src: url("/wp-content/uploads/2026/09/fonts-ZalandoSans-SemiBold.ttf") format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap;
}@font-face{
font-family: "Zalando Sans";
src: url("/wp-content/uploads/2026/09/fonts-ZalandoSans-Bold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}@layer utilities{}@media (max-width: 1024px){:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .sprout-heading-2xl-semibold{
font-size: 60px;
line-height: 70px;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .sprout-heading-lg-medium{
font-size: 32px;
line-height: 44px;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .sprout-heading-md-medium{
font-size: 28px;
line-height: 36px;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .sprout-heading-xs-medium{
font-size: 20px;
line-height: 28px;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .sprout-body-md-regular, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .sprout-body-md-medium, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .sprout-body-md-semibold, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .sprout-body-md-regular-italic{
font-size: 15px;
line-height: 22px;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .sprout-body-sm-medium, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .sprout-body-sm-regular, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .sprout-body-sm-semibold{
font-size: 13px;
line-height: 18px;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .sprout-container{
padding: 60px 15px;
}}@media (max-width: 768px){:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .sprout-heading-2xl-semibold{
font-size: 48px;
line-height: 56px;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .sprout-heading-lg-medium{
font-size: 28px;
line-height: 30px;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .sprout-heading-md-medium{
font-size: 24px;
line-height: 32px;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .sprout-heading-xs-medium{
font-size: 18px;
line-height: 24px;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .sprout-body-md-regular, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .sprout-body-md-medium, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .sprout-body-md-semibold, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .sprout-body-md-regular-italic{
font-size: 14px;
line-height: 20px;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .sprout-body-sm-regular, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .sprout-body-sm-medium, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .sprout-body-sm-semibold{
font-size: 12px;
line-height: 16px;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .sprout-container{
padding: 40px 15px;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .footer-container{
padding: 15px;
}}@keyframes scrollUp{
0% {
transform: translateY(0%);
}
100% {
transform: translateY(-50%);
}
}@keyframes scrollDown{
0% {
transform: translateY(-50%);
}
100% {
transform: translateY(0%);
}
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .animate-scrollUp{
animation: scrollUp 20s linear infinite;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .animate-scrollDown{
animation: scrollDown 20s linear infinite;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) input::placeholder, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) textarea::placeholder{
color: inherit;
opacity: 0.5;
}@keyframes marquee{
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .animate-marquee{
animation: marquee 15s linear infinite;
}@keyframes marquee-reverse{
0% {
transform: translateX(-50%);
}
100% {
transform: translateX(0);
}
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .animate-marquee-reverse{
animation: marquee-reverse 15s linear infinite;
}@keyframes dotsFlicker{
0%,
100% {
opacity: 0.35;
}
20% {
opacity: 0.8;
}
45% {
opacity: 0.5;
}
70% {
opacity: 1;
}
}:is(.uc-nvh, .uc-awc, .uc-aw2){
--uc-container-max: 1320px;
--uc-gutter: 40px;
--uc-section-y: 120px;
--uc-space-1: 4px;
--uc-space-2: 6px;
--uc-space-3: 8px;
--uc-space-4: 10px;
--uc-space-5: 12px;
--uc-space-6: 16px;
--uc-space-8: 24px;
--uc-space-12: 32px;
--uc-col-narrow: 560px;
--uc-col-wide: 880px;
}:where(.uc-nvh) .uc-container{
max-width: var(--uc-container-max);
margin-inline: auto;
padding-inline: var(--uc-gutter);
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-section{
padding-block: var(--uc-section-y);
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-section-lg{
padding-block: 152px 112px;
}@media (max-width: 1024px){:is(.uc-nvh, .uc-awc, .uc-aw2){
--uc-gutter: 32px;
}}@media (max-width: 768px){:is(.uc-nvh, .uc-awc, .uc-aw2){
--uc-gutter: 20px;
--uc-section-y: 72px;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-section-lg{
padding-block: 88px 64px;
}}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .ds-display{
font-weight: 500;
font-size: 40px;
line-height: 40px;
letter-spacing: -.4px;
color: var(--color-sprout-color-text-default);
}@media (min-width: 768px){:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .ds-display{
font-size: 64px;
line-height: 62px;
letter-spacing: -1.3px;
}}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .ds-h2{
font-weight: 500;
font-size: 28px;
line-height: 30px;
letter-spacing: -.28px;
color: var(--color-sprout-color-text-default);
}@media (min-width: 768px){:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .ds-h2{
font-size: 36px;
line-height: 38px;
letter-spacing: -.36px;
}}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .ds-t28{
font-weight: 500;
font-size: 28px;
line-height: 30px;
letter-spacing: -.28px;
color: var(--color-sprout-color-text-default);
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .ds-t24{
font-weight: 500;
font-size: 30px;
line-height: 34px;
letter-spacing: -.3px;
color: var(--color-sprout-color-text-default);
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .ds-t18{
font-weight: 600;
font-size: 18px;
line-height: 24px;
letter-spacing: -.18px;
color: var(--color-sprout-color-text-default);
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .ds-lead{
font-weight: 500;
font-size: 18px;
line-height: 24px;
letter-spacing: -.18px;
color: var(--color-sprout-color-text-weaker);
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .ds-body{
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: -.16px;
color: var(--color-sprout-color-text-weaker);
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .ds-caption{
font-weight: 500;
font-size: 12px;
line-height: 18px;
letter-spacing: -.16px;
color: var(--color-sprout-color-text-weaker);
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .ds-caption-regular{
font-weight: 400;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .ds-overline{
font-weight: 500;
font-size: 12px;
line-height: 16px;
letter-spacing: .2px;
color: var(--color-sprout-color-text-weaker);
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .ds-fine{
font-weight: 400;
font-size: 12px;
line-height: 18px;
color: var(--color-sprout-color-text-weakest);
}@keyframes uc-text-shine{
0% {
background-position: 100% 0%;
}
100% {
background-position: -200% 0%;
}
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-note{
font-family: var(--font-nanum-pen), cursive;
font-size: 18px;
line-height: 1;
background: linear-gradient(110deg,
var(--color-sprout-color-text-weakest) 0%,
var(--color-sprout-color-text-weakest) 42%,
var(--color-sprout-color-text-default) 50%,
var(--color-sprout-color-text-weakest) 58%,
var(--color-sprout-color-text-weakest) 100%);
background-size: 200% 100%;
-webkit-background-clip: text;
background-clip: text;
color: transparent;
animation: uc-text-shine 7s linear 5s infinite;
}@media (prefers-reduced-motion: reduce){:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-note{
animation: none;
}}@property --uc-angle{
syntax: "";
initial-value: 0deg;
inherits: false;
}@keyframes uc-eyebrow-rotate{
to {
--uc-angle: 360deg;
}
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-eyebrow{
position: relative;
isolation: isolate;
display: inline-flex;
align-items: center;
gap: 6px;
padding: 6px 12px;
border-radius: 9999px;
background: var(--color-sprout-color-background-weaker);
box-shadow: var(--shadow-sprout-xs);
}:where(:is(.uc-nvh, .uc-awc), .uc-awc) .uc-eyebrow::before{
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
padding: 1px;
background: conic-gradient(from var(--uc-angle),
var(--color-sprout-color-border-weak) 0deg,
var(--color-sprout-color-border-weak) 40deg,
var(--color-sprout-color-primary) 95deg,
var(--color-sprout-color-secondary) 150deg,
var(--color-sprout-color-border-weak) 210deg,
var(--color-sprout-color-border-weak) 360deg);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
animation: uc-eyebrow-rotate 4s linear infinite;
pointer-events: none;
}@media (prefers-reduced-motion: reduce){:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-eyebrow::before{
animation: none;
}}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-btn{
display: inline-flex;
align-items: center;
justify-content: center;
gap: .5rem;
height: 36px;
padding-inline: 16px;
border-radius: 10px;
font-weight: 500;
font-size: 14px;
letter-spacing: -.07px;
cursor: pointer;
border: 1px solid transparent;
white-space: nowrap;
transition: background .2s, box-shadow .2s, color .2s, border-color .2s, transform .18s cubic-bezier(.2,.7,.2,1);
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-btn-primary{
background: var(--color-sprout-color-primary);
color: #fff;
box-shadow: var(--shadow-sprout-xs);
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-btn-primary:hover{
background: var(--color-sprout-color-primary-darker);
transform: translateY(-1px);
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-btn-secondary{
background: var(--color-sprout-color-secondary);
color: #fff;
box-shadow: var(--shadow-sprout-xs);
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-btn-secondary:hover{
background: var(--color-sprout-color-secondary-darker);
transform: translateY(-1px);
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-btn-dark{
background: var(--color-sprout-color-text-default);
color: #fff;
box-shadow: var(--shadow-sprout-xs);
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-btn-dark:hover{
background: #000;
transform: translateY(-1px);
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-btn-wire{
background: var(--color-sprout-color-background-weaker);
border-color: var(--color-sprout-color-border-default);
color: var(--color-sprout-color-text-default);
box-shadow: var(--shadow-sprout-2xs);
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-btn-wire:hover{
background: var(--color-sprout-color-background-stronger);
transform: translateY(-1px);
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-btn-soft{
background: var(--color-sprout-color-primary-lightest);
color: var(--color-sprout-color-primary-darker);
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-btn-soft:hover{
background: var(--color-sprout-color-primary-lighter);
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-btn-lg{
height: 46px;
padding-inline: 22px;
font-size: 15px;
border-radius: 12px;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-btn-wire-dark{
background: transparent;
border-color: rgba(255,255,255,.3);
color: #fff;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-btn-wire-dark:hover{
border-color: #fff;
transform: translateY(-1px);
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-badge{
font-style: normal;
font-size: 12px;
line-height: 16px;
font-weight: 500;
padding: 2px 8px;
border-radius: 9999px;
white-space: nowrap;
color: var(--color-sprout-color-primary-darker);
background: var(--color-sprout-color-primary-lightest);
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-badge-soon{
color: var(--color-sprout-color-background-blue);
background: var(--color-sprout-color-secondary-lightest);
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-badge-soon-dark{
color: #fff;
background: rgba(255,255,255,.15);
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-account{
border: 1.5px solid rgba(2,1,8,.2);
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-account:hover{
border-color: var(--color-sprout-color-text-default);
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-card-dark{
background: var(--color-uc-dark-card);
border: 1px solid rgba(255,255,255,.1);
transition: transform .22s cubic-bezier(.2,.7,.2,1), border-color .22s;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-card-dark:hover{
border-color: color-mix(in srgb, #fd6a35 60%, transparent);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in srgb, var(--color-sprout-color-primary) 60%, transparent);
}
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-chip-primary{
color: var(--color-sprout-color-primary);
background: color-mix(in srgb, #fd6a35 12%, #ffffff);
@supports (color: color-mix(in lab, red, red)) {
background: color-mix(in srgb, var(--color-sprout-color-primary) 12%, var(--color-sprout-color-background-weaker));
}
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-chip-secondary{
color: var(--color-sprout-color-secondary);
background: color-mix(in srgb, #5202fd 12%, #ffffff);
@supports (color: color-mix(in lab, red, red)) {
background: color-mix(in srgb, var(--color-sprout-color-secondary) 12%, var(--color-sprout-color-background-weaker));
}
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-chip-blue{
color: var(--color-sprout-color-background-blue);
background: color-mix(in srgb, #3600af 12%, #ffffff);
@supports (color: color-mix(in lab, red, red)) {
background: color-mix(in srgb, var(--color-sprout-color-background-blue) 12%, var(--color-sprout-color-background-weaker));
}
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-chip-editor{
color: var(--color-sprout-color-primary-darker);
background: color-mix(in srgb, #cc4b23 12%, #ffffff);
@supports (color: color-mix(in lab, red, red)) {
background: color-mix(in srgb, var(--color-sprout-color-primary-darker) 12%, var(--color-sprout-color-background-weaker));
}
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-chip-d-primary{
color: var(--color-sprout-color-primary-lighter);
background: color-mix(in srgb, #fd6a35 22%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background: color-mix(in srgb, var(--color-sprout-color-primary) 22%, transparent);
}
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-chip-d-secondary{
color: var(--color-sprout-color-secondary-lighter);
background: color-mix(in srgb, #5202fd 30%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background: color-mix(in srgb, var(--color-sprout-color-secondary) 30%, transparent);
}
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-chip-d-blue{
color: var(--color-sprout-color-secondary-lighter);
background: color-mix(in srgb, #3600af 40%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background: color-mix(in srgb, var(--color-sprout-color-background-blue) 40%, transparent);
}
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-chip-d-editor{
color: var(--color-sprout-color-primary-lighter);
background: color-mix(in srgb, #cc4b23 26%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background: color-mix(in srgb, var(--color-sprout-color-primary-darker) 26%, transparent);
}
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-dot-primary{
background: var(--color-sprout-color-primary);
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-dot-secondary{
background: var(--color-sprout-color-secondary);
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-dot-blue{
background: var(--color-sprout-color-background-blue);
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-dot-editor{
background: var(--color-sprout-color-primary-darker);
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-orb-primary{
background: radial-gradient(circle at 32% 28%, var(--color-sprout-color-primary-lighter), var(--color-sprout-color-primary) 54%, var(--color-sprout-color-primary-darker) 92%);
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-orb-secondary{
background: radial-gradient(circle at 32% 28%, var(--color-sprout-color-secondary-lighter), var(--color-sprout-color-secondary) 56%, #4a25b0 92%);
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-orb-blue{
background: radial-gradient(circle at 32% 28%, #8f7ce6, var(--color-sprout-color-background-blue) 56%, #170748 95%);
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-orb-mix{
background: radial-gradient(circle at 30% 30%, var(--color-sprout-color-primary-lighter) 6%, var(--color-sprout-color-primary) 40%, var(--color-sprout-color-secondary) 96%);
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-orb-slate{
background: radial-gradient(circle at 32% 28%, var(--color-sprout-color-background-weaker), var(--color-sprout-color-background-strongest) 60%, #a3a3a3 95%);
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-orb-noise::after{
content: "";
position: absolute;
inset: 0;
border-radius: 9999px;
opacity: .22;
mix-blend-mode: overlay;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-glow-creator{
background: radial-gradient(50% 60% at 50% 42%, color-mix(in srgb, #fd6a35 20%, transparent), transparent 72%);
@supports (color: color-mix(in lab, red, red)) {
background: radial-gradient(50% 60% at 50% 42%, color-mix(in srgb, var(--color-sprout-color-primary) 20%, transparent), transparent 72%);
}
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-glow-figma{
background: radial-gradient(50% 60% at 50% 42%, color-mix(in srgb, #5202fd 16%, transparent), transparent 72%);
@supports (color: color-mix(in lab, red, red)) {
background: radial-gradient(50% 60% at 50% 42%, color-mix(in srgb, var(--color-sprout-color-secondary) 16%, transparent), transparent 72%);
}
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-glow-agent{
background: radial-gradient(50% 60% at 50% 42%, color-mix(in srgb, #3600af 16%, transparent), transparent 72%);
@supports (color: color-mix(in lab, red, red)) {
background: radial-gradient(50% 60% at 50% 42%, color-mix(in srgb, var(--color-sprout-color-background-blue) 16%, transparent), transparent 72%);
}
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-glow-editor{
background: radial-gradient(50% 60% at 50% 42%, color-mix(in srgb, #cc4b23 18%, transparent), transparent 72%);
@supports (color: color-mix(in lab, red, red)) {
background: radial-gradient(50% 60% at 50% 42%, color-mix(in srgb, var(--color-sprout-color-primary-darker) 18%, transparent), transparent 72%);
}
}@keyframes uc-flow{
to {
stroke-dashoffset: -120;
}
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-flow-line{
stroke-dasharray: 20 100;
stroke-dashoffset: 0;
animation: uc-flow 3s linear infinite;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-flow-line.d1{
animation-delay: 0s;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-flow-line.d2{
animation-delay: -1s;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-flow-line.d3{
animation-delay: -2s;
}@keyframes uc-cpu-pulse{
0%, 100% {
opacity: .85;
transform: scale(1);
}
50% {
opacity: 1;
transform: scale(1.06);
}
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-cpu-glow{
animation: uc-cpu-pulse 4.5s ease-in-out infinite;
}@media (prefers-reduced-motion: reduce){:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-flow-line{
animation: none;
stroke-dasharray: none;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-cpu-glow{
animation: none;
}}@keyframes uc-marquee{
to {
transform: translateX(-50%);
}
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-marquee{
width: max-content;
animation: uc-marquee 40s linear infinite;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-marquee-wrap:hover .uc-marquee{
animation-play-state: paused;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-hero-chip{
display: inline-flex;
align-items: center;
gap: 9px;
padding: 9px var(--spacing-sprout-16);
border-radius: var(--radius-sprout-infinite);
font-size: 14px;
line-height: 18px;
font-weight: 500;
color: var(--color-sprout-color-text-default);
background: var(--color-sprout-color-background-weaker);
border: 1px solid var(--color-sprout-color-border-weak);
box-shadow: 0 2px 6px -3px rgba(16, 24, 40, .16);
transition: border-color .24s cubic-bezier(.2,.7,.2,1), transform .24s cubic-bezier(.2,.7,.2,1);
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-hero-chip:hover{
border-color: var(--color-sprout-color-border-default);
transform: translateY(-2px);
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-hero-chip svg{
width: 18px;
height: 18px;
flex: 0 0 auto;
}:where(.uc-nvh) .uc-night .uc-hero-chip{
box-shadow: none;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-reveal{
opacity: 0;
transform: translateY(22px);
transition: opacity .6s cubic-bezier(.2,.7,.2,1), transform .6s cubic-bezier(.2,.7,.2,1);
}:where(.uc-nvh) .uc-reveal.in{
opacity: 1;
transform: none;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .cm-bcard{
animation: cm-bcard-in .45s cubic-bezier(.2,.7,.2,1) both;
}@keyframes cm-bcard-in{
from {
opacity: 0;
transform: translateY(14px);
}
to {
opacity: 1;
transform: none;
}
}@media (prefers-reduced-motion: reduce){:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-reveal{
opacity: 1 !important;
transform: none !important;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-marquee{
animation: none !important;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .cm-bcard{
animation: none !important;
}}@keyframes uc-tab-in{
0% {
opacity: 0;
transform: translateY(26px);
filter: blur(9px);
}
60% {
opacity: 1;
}
100% {
opacity: 1;
transform: none;
filter: blur(0);
}
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-tab-in{
animation: uc-tab-in 1.2s cubic-bezier(.16, 1, .3, 1) both;
will-change: transform, opacity, filter;
}@media (prefers-reduced-motion: reduce){:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-tab-in{
animation: none;
}}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-tabprog{
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 2px;
border-radius: 999px;
overflow: hidden;
pointer-events: none;
background: var(--uc-border-subtle);
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-tabprog-fill{
display: block;
height: 100%;
border-radius: 999px;
background: var(--uc-brand);
transition: width .12s linear;
}:is(.uc-nvh, .uc-awc, .uc-aw2){
--background: #f9f9fb;
--foreground: #0f0635;
--card: #ffffff;
--card-foreground: #0f0635;
--popover: #ffffff;
--popover-foreground: #0f0635;
--primary: #fd6a35;
--primary-foreground: #ffffff;
--secondary: #f1f1f7;
--secondary-foreground: #0f0635;
--muted: #f1f1f7;
--muted-foreground: #737373;
--accent: #fff1eb;
--accent-foreground: #cc4b23;
--destructive: #f65258;
--border: #e5e5e5;
--input: #d4d4d4;
--ring: #fd6a35;
--radius: 0.625rem;
--chart-1: #fd6a35;
--chart-2: #5202fd;
--chart-3: #3600af;
--chart-4: #ffb89a;
--chart-5: #b8a9ff;
--sidebar: #ffffff;
--sidebar-foreground: #0f0635;
--sidebar-primary: #fd6a35;
--sidebar-primary-foreground: #ffffff;
--sidebar-accent: #f1f1f7;
--sidebar-accent-foreground: #0f0635;
--sidebar-border: #e5e5e5;
--sidebar-ring: #fd6a35;
}:where(.uc-nvh) .uc-night{
--color-sprout-color-background-weaker: #171717;
--color-sprout-color-background-default: #1f1f1f;
--color-sprout-color-background-stronger: #262626;
--color-sprout-color-background-strongest: #2b2b2b;
--color-sprout-color-text-default: #f5f5f5;
--color-sprout-color-text-stronger: #ffffff;
--color-sprout-color-text-weaker: #a1a1a1;
--color-sprout-color-text-weakest: #7d7d7d;
--color-sprout-color-text-disabled: #6b6b6b;
--color-sprout-color-border-weak: rgba(255, 255, 255, 0.10);
--color-sprout-color-border-default: rgba(255, 255, 255, 0.16);
--color-uc-navpill: #262626;
}:where(.uc-nvh) .uc-night .uc-force-light{
--color-sprout-color-background-weaker: #ffffff;
--color-sprout-color-background-default: #f4f4f4;
--color-sprout-color-background-stronger: #ebebeb;
--color-sprout-color-background-strongest: #e3e3ed;
--color-sprout-color-text-default: #0a0a0a;
--color-sprout-color-text-stronger: #171717;
--color-sprout-color-text-weaker: #737373;
--color-sprout-color-text-weakest: #a3a3a3;
--color-sprout-color-text-disabled: #737373;
--color-sprout-color-border-weak: #e5e5e5;
--color-sprout-color-border-default: #d4d4d4;
--color-uc-navpill: #ebebeb;
}:where(.uc-nvh) #top{
transition: background-color .55s cubic-bezier(.4, 0, .2, 1);
}:where(.uc-nvh) #top section, :where(.uc-nvh) #top .ds-display, :where(.uc-nvh) #top .ds-h2, :where(.uc-nvh) #top .ds-t28, :where(.uc-nvh) #top .ds-t24, :where(.uc-nvh) #top .ds-lead, :where(.uc-nvh) #top .ds-body, :where(.uc-nvh) #top .ds-caption, :where(.uc-nvh) #top .ds-overline, :where(.uc-nvh) #top .ds-fine, :where(.uc-nvh) #top h1, :where(.uc-nvh) #top h2, :where(.uc-nvh) #top h3, :where(.uc-nvh) #top p, :where(.uc-nvh) #top li{
transition: background-color .55s cubic-bezier(.4, 0, .2, 1), color .55s cubic-bezier(.4, 0, .2, 1), border-color .55s cubic-bezier(.4, 0, .2, 1);
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-step-visual > div > img:first-child, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-step-visual > div > .lg\:hidden:first-child + img{
display: none;
}@property --tw-border-spacing-x{
syntax: "";
inherits: false;
initial-value: 0;
}@property --tw-border-spacing-y{
syntax: "";
inherits: false;
initial-value: 0;
}@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-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-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-pan-x{
syntax: "*";
inherits: false;
}@property --tw-pan-y{
syntax: "*";
inherits: false;
}@property --tw-pinch-zoom{
syntax: "*";
inherits: false;
}@property --tw-scroll-snap-strictness{
syntax: "*";
inherits: false;
initial-value: proximity;
}@property --tw-space-y-reverse{
syntax: "*";
inherits: false;
initial-value: 0;
}@property --tw-space-x-reverse{
syntax: "*";
inherits: false;
initial-value: 0;
}@property --tw-divide-x-reverse{
syntax: "*";
inherits: false;
initial-value: 0;
}@property --tw-border-style{
syntax: "*";
inherits: false;
initial-value: solid;
}@property --tw-divide-y-reverse{
syntax: "*";
inherits: false;
initial-value: 0;
}@property --tw-gradient-position{
syntax: "*";
inherits: false;
}@property --tw-gradient-from{
syntax: "";
inherits: false;
initial-value: #0000;
}@property --tw-gradient-via{
syntax: "";
inherits: false;
initial-value: #0000;
}@property --tw-gradient-to{
syntax: "";
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: "";
inherits: false;
initial-value: 0%;
}@property --tw-gradient-via-position{
syntax: "";
inherits: false;
initial-value: 50%;
}@property --tw-gradient-to-position{
syntax: "";
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-shadow{
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}@property --tw-shadow-color{
syntax: "*";
inherits: false;
}@property --tw-shadow-alpha{
syntax: "";
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: "";
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: "";
inherits: false;
initial-value: 0px;
}@property --tw-ring-offset-color{
syntax: "*";
inherits: false;
initial-value: #fff;
}@property --tw-ring-offset-shadow{
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}@property --tw-outline-style{
syntax: "*";
inherits: false;
initial-value: solid;
}@property --tw-blur{
syntax: "*";
inherits: false;
}@property --tw-brightness{
syntax: "*";
inherits: false;
}@property --tw-contrast{
syntax: "*";
inherits: false;
}@property --tw-grayscale{
syntax: "*";
inherits: false;
}@property --tw-hue-rotate{
syntax: "*";
inherits: false;
}@property --tw-invert{
syntax: "*";
inherits: false;
}@property --tw-opacity{
syntax: "*";
inherits: false;
}@property --tw-saturate{
syntax: "*";
inherits: false;
}@property --tw-sepia{
syntax: "*";
inherits: false;
}@property --tw-drop-shadow{
syntax: "*";
inherits: false;
}@property --tw-drop-shadow-color{
syntax: "*";
inherits: false;
}@property --tw-drop-shadow-alpha{
syntax: "";
inherits: false;
initial-value: 100%;
}@property --tw-drop-shadow-size{
syntax: "*";
inherits: false;
}@property --tw-backdrop-blur{
syntax: "*";
inherits: false;
}@property --tw-backdrop-brightness{
syntax: "*";
inherits: false;
}@property --tw-backdrop-contrast{
syntax: "*";
inherits: false;
}@property --tw-backdrop-grayscale{
syntax: "*";
inherits: false;
}@property --tw-backdrop-hue-rotate{
syntax: "*";
inherits: false;
}@property --tw-backdrop-invert{
syntax: "*";
inherits: false;
}@property --tw-backdrop-opacity{
syntax: "*";
inherits: false;
}@property --tw-backdrop-saturate{
syntax: "*";
inherits: false;
}@property --tw-backdrop-sepia{
syntax: "*";
inherits: false;
}@property --tw-duration{
syntax: "*";
inherits: false;
}@property --tw-ease{
syntax: "*";
inherits: false;
}@property --tw-content{
syntax: "*";
initial-value: "";
inherits: false;
}@keyframes spin{
to {
transform: rotate(360deg);
}
}@keyframes pulse{
50% {
opacity: 0.5;
}
}@keyframes enter{
from {
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{
to {
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{
from {
height: 0;
}
to {
height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))));
}
}@keyframes accordion-up{
from {
height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))));
}
to {
height: 0;
}
}@keyframes caret-blink{
0%,70%,100% {
opacity: 1;
}
20%,50% {
opacity: 0;
}
}@keyframes accordion-down{
from {
height: 0;
}
to {
height: var( --radix-accordion-content-height, var(--accordion-panel-height, auto) );
}
}@keyframes accordion-up{
from {
height: var( --radix-accordion-content-height, var(--accordion-panel-height, auto) );
}
to {
height: 0;
}
}@keyframes marquee{
from {
transform: translateX(0);
}
to {
transform: translateX(calc(-100% - var(--gap)));
}
}@keyframes marquee-vertical{
from {
transform: translateY(0);
}
to {
transform: translateY(calc(-100% - var(--gap)));
}
}@keyframes gradient{
to {
background-position: var(--bg-size, 300%) 0;
}
}@keyframes shimmer-slide{
to {
transform: translate(calc(100cqw - 100%), 0);
}
}@keyframes spin-around{
0% {
transform: translateZ(0) rotate(0);
}
15%, 35% {
transform: translateZ(0) rotate(90deg);
}
65%, 85% {
transform: translateZ(0) rotate(270deg);
}
100% {
transform: translateZ(0) rotate(360deg);
}
}@keyframes orbit{
0% {
transform: rotate(calc(var(--angle) * 1deg)) translateY(calc(var(--radius) * 1px)) rotate(calc(var(--angle) * -1deg));
}
100% {
transform: rotate(calc(var(--angle) * 1deg + 360deg)) translateY(calc(var(--radius) * 1px)) rotate(calc((var(--angle) * -1deg) - 360deg));
}
}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) *, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) ::before, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) ::after, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) ::backdrop{
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-translate-z: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-scale-z: 1;
--tw-rotate-x: initial;
--tw-rotate-y: initial;
--tw-rotate-z: initial;
--tw-skew-x: initial;
--tw-skew-y: initial;
--tw-pan-x: initial;
--tw-pan-y: initial;
--tw-pinch-zoom: initial;
--tw-scroll-snap-strictness: proximity;
--tw-space-y-reverse: 0;
--tw-space-x-reverse: 0;
--tw-divide-x-reverse: 0;
--tw-border-style: solid;
--tw-divide-y-reverse: 0;
--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-shadow: 0 0 #0000;
--tw-shadow-color: initial;
--tw-shadow-alpha: 100%;
--tw-inset-shadow: 0 0 #0000;
--tw-inset-shadow-color: initial;
--tw-inset-shadow-alpha: 100%;
--tw-ring-color: initial;
--tw-ring-shadow: 0 0 #0000;
--tw-inset-ring-color: initial;
--tw-inset-ring-shadow: 0 0 #0000;
--tw-ring-inset: initial;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-offset-shadow: 0 0 #0000;
--tw-outline-style: solid;
--tw-blur: initial;
--tw-brightness: initial;
--tw-contrast: initial;
--tw-grayscale: initial;
--tw-hue-rotate: initial;
--tw-invert: initial;
--tw-opacity: initial;
--tw-saturate: initial;
--tw-sepia: initial;
--tw-drop-shadow: initial;
--tw-drop-shadow-color: initial;
--tw-drop-shadow-alpha: 100%;
--tw-drop-shadow-size: initial;
--tw-backdrop-blur: initial;
--tw-backdrop-brightness: initial;
--tw-backdrop-contrast: initial;
--tw-backdrop-grayscale: initial;
--tw-backdrop-hue-rotate: initial;
--tw-backdrop-invert: initial;
--tw-backdrop-opacity: initial;
--tw-backdrop-saturate: initial;
--tw-backdrop-sepia: initial;
--tw-duration: initial;
--tw-ease: initial;
--tw-content: "";
--tw-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;
--uc-angle: 0deg;
}}}@font-face{ font-family:"Zalando Sans"; font-style:normal; font-weight:400; font-display:swap; src:url("/wp-content/uploads/2026/09/fonts-ZalandoSans-Regular.ttf") format("truetype"); }@font-face{ font-family:"Zalando Sans"; font-style:normal; font-weight:500; font-display:swap; src:url("/wp-content/uploads/2026/09/fonts-ZalandoSans-Medium.ttf") format("truetype"); }@font-face{ font-family:"Zalando Sans"; font-style:normal; font-weight:600; font-display:swap; src:url("/wp-content/uploads/2026/09/fonts-ZalandoSans-SemiBold.ttf") format("truetype"); }@font-face{ font-family:"Zalando Sans"; font-style:normal; font-weight:700; font-display:swap; src:url("/wp-content/uploads/2026/09/fonts-ZalandoSans-Bold.ttf") format("truetype"); }:where(:is(.uc-nvh, .uc-aw2), .uc-aw2) .uc-scope, :where(:is(.uc-nvh, .uc-aw2), .uc-aw2) .uc-content, :where(:is(.uc-nvh, .uc-aw2), .uc-aw2) .uc-chrome, :where(:is(.uc-nvh, .uc-aw2), .uc-aw2) .uc-portal{
--uc-brand: #FD6A35; --uc-brand-on: #FFFFFF;
--uc-success: #2EA343; --uc-success-on: #FFFFFF;
--uc-danger: #F65258; --uc-danger-on: #FFFFFF;
--uc-warning: #FFA940; --uc-warning-on: #171717;
--uc-accent: #5202FD; --uc-accent-on: #FFFFFF;
--uc-brand-border: rgba(253, 106, 53, 0.40);
--uc-success-border: rgba(46, 163, 67, 0.40);
--uc-danger-border: rgba(246, 82, 88, 0.40);
--uc-warning-border: rgba(255, 169, 64, 0.42);
--uc-accent-border: rgba(82, 2, 253, 0.40);
--uc-brand-glow-hover: rgba(253, 106, 53, 0.08); --uc-brand-glow-press: rgba(253, 106, 53, 0.16);
--uc-success-glow-hover: rgba(46, 163, 67, 0.08); --uc-success-glow-press: rgba(46, 163, 67, 0.16);
--uc-danger-glow-hover: rgba(246, 82, 88, 0.08); --uc-danger-glow-press: rgba(246, 82, 88, 0.16);
--uc-warning-glow-hover: rgba(255, 169, 64, 0.10); --uc-warning-glow-press: rgba(255, 169, 64, 0.18);
--uc-accent-glow-hover: rgba(82, 2, 253, 0.08); --uc-accent-glow-press: rgba(82, 2, 253, 0.16);
--uc-text-inverse: #FFFFFF;
--uc-bg: var(--uc-surface-base);
--uc-fg: var(--uc-text-strong);
--uc-fg-muted: var(--uc-text-muted);
--uc-card: var(--uc-surface-raised);
--uc-card-fg: var(--uc-text-strong);
--uc-muted: var(--uc-surface-sunken);
--uc-elevated: var(--uc-surface-overlay);
--uc-radius-0: 0; --uc-radius-2: 2px; --uc-radius-4: 4px;
--uc-radius-6: 6px; --uc-radius-8: 8px; --uc-radius-12: 12px;
--uc-radius-16: 16px; --uc-radius-24: 24px; --uc-radius-32: 32px;
--uc-radius-infinite: 9999px;
--uc-radius-xs: var(--uc-radius-4); --uc-radius-sm: var(--uc-radius-6);
--uc-radius-md: var(--uc-radius-8); --uc-radius-lg: var(--uc-radius-12);
--uc-radius-xl: var(--uc-radius-16); --uc-radius-pill: var(--uc-radius-infinite);
--uc-space-0: 0; --uc-space-1: 1px; --uc-space-2: 2px; --uc-space-3: 3px;
--uc-space-4: 4px; --uc-space-5: 5px; --uc-space-6: 6px; --uc-space-7: 7px;
--uc-space-8: 8px; --uc-space-9: 9px; --uc-space-10: 10px; --uc-space-11: 11px;
--uc-space-12: 12px; --uc-space-14: 14px; --uc-space-16: 16px; --uc-space-20: 20px;
--uc-space-24: 24px; --uc-space-28: 28px; --uc-space-32: 32px; --uc-space-36: 36px;
--uc-space-40: 40px; --uc-space-44: 44px; --uc-space-48: 48px;
--uc-font-sans: "Zalando Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
--uc-font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;
--uc-text-3xs: 0.5rem; --uc-text-2xs: 0.625rem; --uc-text-xs: 0.75rem;
--uc-text-sm: 0.8125rem; --uc-text-base: 0.875rem; --uc-text-md: 1rem;
--uc-text-lg: 1.125rem; --uc-text-xl: 1.25rem; --uc-text-2xl: 1.5rem;
--uc-text-3xl: 1.875rem;
--uc-weight-regular: 400; --uc-weight-medium: 500; --uc-weight-semibold: 600;
--uc-leading-tight: 1.2; --uc-leading-snug: 1.35; --uc-leading-normal: 1.5;
--uc-tracking-tight: -0.01em; --uc-tracking-normal: 0; --uc-tracking-wide: 0.02em;
--uc-shadow-1: 0 0 0 1px oklch(50% 0.01 285 / 0.06), 0 1px 2px oklch(0% 0 0 / 0.05);
--uc-shadow-2: 0 0 0 1px oklch(50% 0.01 285 / 0.06), 0 1px 2px oklch(0% 0 0 / 0.05), 0 2px 6px -1px oklch(0% 0 0 / 0.06);
--uc-shadow-3: 0 0 0 1px oklch(50% 0.01 285 / 0.06), 0 2px 4px -1px oklch(0% 0 0 / 0.05), 0 6px 14px -3px oklch(0% 0 0 / 0.08);
--uc-shadow-4: 0 0 0 1px oklch(50% 0.01 285 / 0.06), 0 6px 12px -4px oklch(0% 0 0 / 0.06), 0 14px 28px -6px oklch(0% 0 0 / 0.10);
--uc-shadow-5: 0 0 0 1px oklch(50% 0.01 285 / 0.06), 0 12px 24px -8px oklch(0% 0 0 / 0.08), 0 28px 56px -12px oklch(0% 0 0 / 0.14);
--uc-shadow-control:
inset 0 1px 0 0 rgba(255, 255, 255, 0.18),
0 1px 2px rgba(0, 0, 0, 0.07),
0 2px 3px -1px rgba(0, 0, 0, 0.05);
--uc-shadow-control-brand:
inset 0 1px 0 0 rgba(255, 255, 255, 0.24),
inset 0 0 0 1px rgba(0, 0, 0, 0.14),
0 1px 2px rgba(0, 0, 0, 0.09),
0 2px 3px -1px rgba(0, 0, 0, 0.06);
--uc-shadow-control-pressed: inset 0 1px 2px rgba(0, 0, 0, 0.14);
--uc-shadow-input: inset 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 2px 4px -2px rgba(0, 0, 0, 0.04);
--uc-shadow-raised:
inset 0 1px 0 0 rgba(255, 255, 255, 0.10),
0 1px 2px rgba(0, 0, 0, 0.04),
0 1px 3px -1px rgba(0, 0, 0, 0.04);
--uc-sheen: linear-gradient(to bottom, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.03));
--uc-control-h-sm: 1.75rem; --uc-control-h-md: 2rem; --uc-control-h-lg: 2.5rem;
--uc-dur-fast: 160ms; --uc-dur-base: 240ms; --uc-dur-slow: 340ms;
--uc-dur-enter: 300ms;
--uc-ease-standard: cubic-bezier(0.2, 0, 0, 1);
--uc-ease-emphasized: cubic-bezier(0.3, 0, 0, 1);
--uc-ease-exit: cubic-bezier(0.4, 0, 1, 1);
--uc-z-dropdown: 1000; --uc-z-overlay: 1100; --uc-z-dialog: 1200; --uc-z-tooltip: 1300;
}:where(.uc-nvh) .uc-scope, :where(.uc-nvh) .uc-content, :where(.uc-nvh) .uc-portal, :where(.uc-nvh) .uc-night .uc-force-light .uc-scope, :where(.uc-nvh) .uc-night .uc-force-light .uc-content, :where(.uc-nvh) .uc-night .uc-force-light .uc-portal{
--uc-surface-sunken: #F1F1F7;
--uc-surface-base: #F9F9FB;
--uc-surface-raised: #FFFFFF;
--uc-surface-overlay: rgba(255, 255, 255, 0.10);
--uc-surface-control: #FFFFFF;
--uc-text-strong: #0A0A0A;
--uc-text: #171717;
--uc-text-muted: #737373;
--uc-text-subtle: #A3A3A3;
--uc-inverse-bg: #171717;
--uc-inverse-fg: #FFFFFF;
--uc-border-subtle: #E5E5E5;
--uc-border: #D4D4D4;
--uc-border-strong: #D4D4D4;
--uc-ring: rgba(253, 106, 53, 0.50);
--uc-brand-fg: #CC4B23;
--uc-success-fg: #0A842A;
--uc-danger-fg: #D12D37;
--uc-warning-fg: #AA712B;
--uc-accent-fg: #3600AF;
--uc-brand-soft: #FFF1EB;
--uc-success-soft: #E7FFE7;
--uc-danger-soft: #FFF2EF;
--uc-warning-soft: #FFEDD8;
--uc-accent-soft: #F2EEFF;
}:where(.uc-nvh) .uc-content[data-theme="dark"], :where(.uc-nvh) .uc-night .uc-scope, :where(.uc-nvh) .uc-night .uc-content, :where(.uc-nvh) .uc-night .uc-portal{
--uc-surface-sunken: #151515;
--uc-surface-base: #1C1C1C;
--uc-surface-raised: #242424;
--uc-surface-overlay: #2A2A2A;
--uc-surface-control: rgba(255, 255, 255, 0.05);
--uc-text-strong: #F5F5F5;
--uc-text: #E5E5E5;
--uc-text-muted: #A3A3A3;
--uc-text-subtle: #737373;
--uc-inverse-bg: #F5F5F5;
--uc-inverse-fg: #1C1C1C;
--uc-border-subtle: #2E2E2E;
--uc-border: #3D3D3D;
--uc-border-strong: #525252;
--uc-ring: rgba(253, 106, 53, 0.60);
--uc-brand-fg: #FFB89A;
--uc-success-fg: #A7EAAA;
--uc-danger-fg: #FDC9C6;
--uc-warning-fg: #FFC680;
--uc-accent-fg: #B8A9FF;
--uc-brand-soft: rgba(253, 106, 53, 0.18);
--uc-success-soft: rgba(46, 163, 67, 0.20);
--uc-danger-soft: rgba(246, 82, 88, 0.20);
--uc-warning-soft: rgba(255, 169, 64, 0.22);
--uc-accent-soft: rgba(82, 2, 253, 0.28);
}:where(:is(.uc-nvh, .uc-aw2), .uc-aw2) .uc-chrome{
--uc-surface-sunken: #101010;
--uc-surface-base: #171717;
--uc-surface-raised: #202020;
--uc-surface-overlay: #242424;
--uc-surface-control: rgba(255, 255, 255, 0.05);
--uc-text-strong: #FFFFFF;
--uc-text: #A3A3A3;
--uc-text-muted: #737373;
--uc-text-subtle: #525252;
--uc-inverse-bg: #F5F5F5;
--uc-inverse-fg: #171717;
--uc-border-subtle: #333333;
--uc-border: #404040;
--uc-border-strong: #525252;
--uc-ring: rgba(253, 106, 53, 0.60);
--uc-brand-fg: #FFB89A;
--uc-success-fg: #A7EAAA;
--uc-danger-fg: #FDC9C6;
--uc-warning-fg: #FFC680;
--uc-accent-fg: #B8A9FF;
--uc-brand-soft: rgba(253, 106, 53, 0.18);
--uc-success-soft: rgba(46, 163, 67, 0.20);
--uc-danger-soft: rgba(246, 82, 88, 0.20);
--uc-warning-soft: rgba(255, 169, 64, 0.22);
--uc-accent-soft: rgba(82, 2, 253, 0.28);
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-pop-dark{
--uc-surface-sunken: #141414;
--uc-surface-base: #1A1A1A;
--uc-surface-raised: #242424;
--uc-surface-overlay: #1C1C1C;
--uc-surface-control: rgba(255, 255, 255, 0.08);
--uc-text-strong: #FFFFFF;
--uc-text: #E5E5E5;
--uc-text-muted: #A3A3A3;
--uc-text-subtle: #737373;
--uc-inverse-bg: #F5F5F5;
--uc-inverse-fg: #171717;
--uc-border-subtle: #2E2E2E;
--uc-border: #3D3D3D;
--uc-border-strong: #525252;
--uc-ring: rgba(253, 106, 53, 0.60);
--uc-brand-fg: #FFB89A; --uc-brand-soft: rgba(253, 106, 53, 0.18);
--uc-success-fg: #A7EAAA; --uc-success-soft: rgba(46, 163, 67, 0.20);
--uc-danger-fg: #FDC9C6; --uc-danger-soft: rgba(246, 82, 88, 0.20);
--uc-warning-fg: #FFC680; --uc-warning-soft: rgba(255, 169, 64, 0.22);
--uc-accent-fg: #B8A9FF; --uc-accent-soft: rgba(82, 2, 253, 0.28);
color: var(--uc-text);
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-scope, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-content, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-chrome{
font-family: var(--uc-font-sans);
font-size: var(--uc-text-base);
line-height: var(--uc-leading-normal);
color: var(--uc-text);
background: var(--uc-surface-base);
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-portal{
font-family: var(--uc-font-sans);
font-size: var(--uc-text-base);
line-height: var(--uc-leading-normal);
color: var(--uc-text);
-webkit-font-smoothing: antialiased;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-scope *, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-scope *::before, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-scope *::after, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-content *, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-content *::before, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-content *::after, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-chrome *, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-chrome *::before, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-chrome *::after, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-portal *, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-portal *::before, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-portal *::after{
box-sizing: border-box;
}@media (prefers-reduced-motion: reduce){:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-scope *, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-content *, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-chrome *, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .uc-portal *{
animation-duration: 0.01ms !important;
transition-duration: 0.01ms !important;
}}
:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .Button_button__8M0Ui{
--_h: var(--uc-control-h-md);
--_px: var(--uc-space-16);
--_fs: var(--uc-text-base);
display: inline-flex;
align-items: center;
justify-content: center;
gap: var(--uc-space-8);
height: var(--_h);
padding: 0 var(--_px);
font-family: var(--uc-font-sans);
font-size: var(--_fs);
font-weight: var(--uc-weight-medium);
line-height: 1;
white-space: nowrap;
border: none;
border-radius: var(--uc-radius-md);
cursor: pointer;
user-select: none;
position: relative;
isolation: isolate;
transition: background var(--uc-dur-fast) var(--uc-ease-standard),
box-shadow var(--uc-dur-fast) var(--uc-ease-standard),
transform var(--uc-dur-fast) var(--uc-ease-standard),
color var(--uc-dur-fast) var(--uc-ease-standard);
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .Button_button__8M0Ui:focus-visible{
outline: 2px solid var(--uc-ring);
outline-offset: 2px;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .Button_button__8M0Ui:active:not(:disabled){
transform: translateY(0.5px);
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .Button_button__8M0Ui:disabled{
opacity: 0.5;
cursor: not-allowed;
box-shadow: none;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .Button_sm__CjQl1{ --_h: var(--uc-control-h-sm); --_px: var(--uc-space-12); --_fs: var(--uc-text-sm); }:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .Button_md__0_bmU{ --_h: var(--uc-control-h-md); --_px: var(--uc-space-16); --_fs: var(--uc-text-base); }:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .Button_lg__7yGRs{ --_h: var(--uc-control-h-lg); --_px: var(--uc-space-20); --_fs: var(--uc-text-md); }:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .Button_iconOnly__eY4j_{ padding: 0; width: var(--_h); }:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .Button_solid__hu289{
color: var(--uc-brand-on);
background: var(--_fill, var(--uc-brand));
background-image: var(--uc-sheen);
box-shadow: var(--_shadow, var(--uc-shadow-control-brand));
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .Button_solid__hu289:hover:not(:disabled){ background-image: linear-gradient(rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)), var(--uc-sheen); }:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .Button_solid__hu289:active:not(:disabled){
background-image: linear-gradient(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)), var(--uc-sheen);
box-shadow: var(--uc-shadow-control-pressed);
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .Button_solid__hu289.Button_neutral__jwE0u{
color: var(--uc-inverse-fg);
background: var(--uc-inverse-bg);
box-shadow: var(--uc-shadow-control);
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .Button_solid__hu289.Button_neutral__jwE0u:hover:not(:disabled){
background-image: linear-gradient(to bottom, rgba(128, 128, 128, 0.16), rgba(128, 128, 128, 0.16));
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .Button_solid__hu289.Button_neutral__jwE0u:active:not(:disabled){
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.14), rgba(0, 0, 0, 0.14));
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .Button_soft__o47wg{
color: var(--_fg, var(--uc-brand-fg));
background: var(--_soft, var(--uc-brand-soft));
background-image: var(--uc-sheen);
box-shadow: inset 0 0 0 1px var(--_border, var(--uc-brand-border)), var(--uc-shadow-1);
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .Button_soft__o47wg:hover:not(:disabled){ background-image: var(--uc-sheen), linear-gradient(var(--_glow, var(--uc-brand-glow-hover)), var(--_glow, var(--uc-brand-glow-hover))); }:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .Button_outline__Zwmoe{
color: var(--_fg, var(--uc-brand-fg));
background: var(--uc-surface-control);
background-image: var(--uc-sheen);
box-shadow: inset 0 0 0 1px var(--_border, var(--uc-border-subtle)), var(--uc-shadow-raised);
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .Button_outline__Zwmoe.Button_neutral__jwE0u{ color: var(--uc-text-strong); }:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .Button_outline__Zwmoe:hover:not(:disabled){ background-image: var(--uc-sheen), linear-gradient(var(--_glow, var(--uc-brand-glow-hover)), var(--_glow, var(--uc-brand-glow-hover))); }:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .Button_ghost__e52lE{
color: var(--_fg, var(--uc-brand-fg));
background: transparent;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .Button_ghost__e52lE.Button_neutral__jwE0u{ color: var(--uc-text); }:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .Button_ghost__e52lE:hover:not(:disabled){ background: var(--_glow, var(--uc-brand-glow-hover)); color: var(--uc-text-strong); }:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .Button_brand__mVCH5{ --_fill: var(--uc-brand); --_fg: var(--uc-brand-fg); --_soft: var(--uc-brand-soft); --_border: var(--uc-brand-border); --_glow: var(--uc-brand-glow-hover); --_shadow: var(--uc-shadow-control-brand); }:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .Button_success__ox09j{ --_fill: var(--uc-success); --_fg: var(--uc-success-fg); --_soft: var(--uc-success-soft); --_border: var(--uc-success-border); --_glow: var(--uc-success-glow-hover); --_shadow: var(--uc-shadow-control-brand); }:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .Button_danger__uQDDH{ --_fill: var(--uc-danger); --_fg: var(--uc-danger-fg); --_soft: var(--uc-danger-soft); --_border: var(--uc-danger-border); --_glow: var(--uc-danger-glow-hover); --_shadow: var(--uc-shadow-control-brand); }:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .Button_neutral__jwE0u{
--_fg: var(--uc-text-strong);
--_soft: var(--uc-surface-sunken);
--_border: var(--uc-border-strong);
--_glow: rgba(128, 128, 128, 0.12);
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .Button_loading__ZvEzX{ color: transparent !important; pointer-events: none; }:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .Button_spinner__D8hjY{
position: absolute;
width: 1em;
height: 1em;
border-radius: 50%;
border: 2px solid currentColor;
border-top-color: transparent;
color: var(--uc-brand-on);
animation: Button_uc-spin__zZG4c 0.6s linear infinite;
}:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .Button_soft__o47wg .Button_spinner__D8hjY, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .Button_outline__Zwmoe .Button_spinner__D8hjY, :where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .Button_ghost__e52lE .Button_spinner__D8hjY{ color: var(--uc-text); }:where(:is(.uc-nvh, .uc-awc, .uc-aw2), .uc-awc, .uc-aw2) .Button_solid__hu289.Button_neutral__jwE0u .Button_spinner__D8hjY{ color: var(--uc-inverse-fg); }@keyframes Button_uc-spin__zZG4c{ to { transform: rotate(360deg); } }
/* ------------------------------------------------------------------
nav-lab state layer. The React build did these with framer-motion
springs and inline style objects; as a WordPress widget they are CSS
transitions driven by uichemy-nvh.js. Scoped like everything else.
------------------------------------------------------------------ */
:where(.uc-nvh) .nvh-sticky{ transition: transform .3s cubic-bezier(.22,1,.36,1); }
:where(.uc-nvh) .nvh-sticky.is-hidden{ transform: translateY(-130%); }
:where(.uc-nvh) .nvh-sheet{
height: 0; opacity: 0;
transition: height .34s cubic-bezier(.22,1,.36,1), opacity .18s linear;
}
:where(.uc-nvh[data-nvh-open="products"]) .nvh-sheet,
:where(.uc-nvh[data-nvh-open="resources"]) .nvh-sheet{ opacity: 1; }
:where(.uc-nvh) .nvh-scrim{ opacity: 0; pointer-events: none; transition: opacity .2s cubic-bezier(.22,1,.36,1); }
:where(.uc-nvh[data-nvh-open="products"]) .nvh-scrim,
:where(.uc-nvh[data-nvh-open="resources"]) .nvh-scrim{ opacity: 1; }
/* the sliding hover pill: one box that travels between rows */
:where(.uc-nvh) .nvh-pill{
position: absolute; top: 0; left: 0; z-index: 0;
width: 0; height: 0; opacity: 0;
border-radius: 10px; pointer-events: none;
background-color: var(--color-sprout-color-background-default);
transition: transform .34s cubic-bezier(.22,1,.36,1),
width .34s cubic-bezier(.22,1,.36,1),
height .34s cubic-bezier(.22,1,.36,1),
opacity .15s linear;
}
/* drawer CTAs — the React build used the shared component, which is not
part of this widget, so the two buttons are restated here at their own sizes */
:where(.uc-nvh) .nvh-btn{
display: inline-flex; align-items: center; justify-content: center;
width: 100%; height: 44px; border-radius: 10px;
font-size: 15px; font-weight: 500; line-height: 1; text-decoration: none;
transition: background-color .2s, border-color .2s, color .2s;
}
:where(.uc-nvh) .nvh-btn-solid{
background-color: var(--color-sprout-color-text-default); color: #fff; border: 1px solid transparent;
}
:where(.uc-nvh) .nvh-btn-outline{
background-color: #fff; color: var(--color-sprout-color-text-default);
border: 1px solid var(--color-sprout-color-border-weak);
}
@media (max-width: 1023px){
/* the sheet and scrim are desktop-only (hidden lg:block); make sure a
half-open state can never survive a resize down to tablet */
:where(.uc-nvh) .nvh-sheet{ height: 0 !important; opacity: 0; }
:where(.uc-nvh) .nvh-scrim{ opacity: 0; }
}
@media (max-width: 767px){
:where(.uc-nvh) .nvh-drawer .uc-container{ padding-left: 20px; padding-right: 20px; }
:where(.uc-nvh) .nvh-btn{ height: 46px; font-size: 16px; }
}
@media (prefers-reduced-motion: reduce){
:where(.uc-nvh) .nvh-sticky,
:where(.uc-nvh) .nvh-sheet,
:where(.uc-nvh) .nvh-scrim,
:where(.uc-nvh) .nvh-pill{ transition: none; }
}
/* ------------------------------------------------------------------
Mobile menu parity with the LIVE header (32975), measured from it:
the burger's two bars cross into an X purely from aria-expanded, with
a 0.28s transform. No JS class, so the state cannot desync from the
attribute the button already sets.
------------------------------------------------------------------ */
:where(.uc-nvh) button[aria-label="Menu"] > span{
transition: transform .28s cubic-bezier(.4, 0, .2, 1);
}
:where(.uc-nvh) button[aria-label="Menu"][aria-expanded="true"] > span:first-child{
transform: translateY(3.5px) rotate(45deg);
}
:where(.uc-nvh) button[aria-label="Menu"][aria-expanded="true"] > span:last-child{
transform: translateY(-3.5px) rotate(-45deg);
}
/* ------------------------------------------------------------------
Parity with the React source, measured element by element against
/nav-preview/v2 on 2026-09-15 (bar, all four rail tabs, Resources).
All three are UNLAYERED on purpose: the rules they answer are
unlayered, and an unlayered rule beats every @layer rule regardless
of specificity.
------------------------------------------------------------------ */
/* 1. uichemy-old-globals.css ships an unlayered a{color:inherit}. It beat
every colour utility on an anchor, so 36 links (Pricing, All features,
every drawer row) rendered #0f0635 instead of their design colour.
revert-layer hands anchors back to this header's own layered cascade.
CSS-module buttons and the drawer .nvh-btn are excluded: their colours
are unlayered too, and revert-layer would throw those away as well
(it turned Get Started into dark text on its dark fill). */
.uc-nvh.uicnvh-root a:not([class*="Button_"]):not(.nvh-btn){ color: revert-layer; }
/* 2. Elementor's unlayered .elementor img{height:auto;max-width:100%...}
beat h-[28px]: the logo rendered 178x40 instead of 125x28 and pushed
the whole nav 53px right. */
.uc-nvh.uicnvh-root img{
height: revert-layer; width: revert-layer; max-width: revert-layer;
border: revert-layer; border-radius: revert-layer; box-shadow: revert-layer;
}
/* 3. .elementor a{box-shadow:none} (Elementor frontend AND the old globals,
(0,1,1)) stripped the Log in outline ring, which is a box-shadow. The
button module's shadows restated with the root's two classes, so their
order among themselves is unchanged. Generated from this stylesheet. */
.uc-nvh.uicnvh-root .Button_button__8M0Ui:disabled{box-shadow:none}
.uc-nvh.uicnvh-root .Button_solid__hu289{box-shadow:var(--_shadow, var(--uc-shadow-control-brand))}
.uc-nvh.uicnvh-root .Button_solid__hu289:active:not(:disabled){box-shadow:var(--uc-shadow-control-pressed)}
.uc-nvh.uicnvh-root .Button_solid__hu289.Button_neutral__jwE0u{box-shadow:var(--uc-shadow-control)}
.uc-nvh.uicnvh-root .Button_soft__o47wg{box-shadow:inset 0 0 0 1px var(--_border, var(--uc-brand-border)), var(--uc-shadow-1)}
.uc-nvh.uicnvh-root .Button_outline__Zwmoe{box-shadow:inset 0 0 0 1px var(--_border, var(--uc-border-subtle)), var(--uc-shadow-raised)}
/* 4. Resources columns size to their content (deliberate divergence from the
React source, which keeps four equal grid-cols-4 columns at 940px).
"Blog & Announcements" needs 154px and an equal quarter left labels 149px,
so it wrapped onto two lines. minmax(max-content, 1fr) gives each column
at least its longest row and shares the rest equally: Learn lands at
~233px, the other three at ~226px, dividers move 1-4px, and the nav width
and all four Products tabs stay identical to React. Widening the whole nav
to 980px also fixed it but changed every tab and left only 5px spare. */
.uc-nvh.uicnvh-root [data-nvh-menu="resources"] .grid.grid-cols-4{
grid-template-columns: repeat(4, minmax(max-content, 1fr));
}
/* ==========================================================================
AI-to-WordPress spoke hover, ported 2026-09-18 from the live header's
`.uc-f2e .uc-conv-*` rules in uichemy-f2e.css. Moved here from page 35439's
PAGE code when this header became the SITE-WIDE header: page code reaches one
page, and these rows now render on every URL.
Behaviour: at rest the source mark sits centred at full size; on hover it
shrinks to the top-left, a dashed trail fades in, and the WordPress mark
springs in bottom-right. Durations, easings and delays are copied verbatim
from the live sheet so the two headers cannot drift.
GEOMETRY IS RE-DERIVED, not copied: the live tile is 36px (w-9), this one is
32px. For 32 the padding box is 30 and its centre is 15; the src is 10px at
left/top 3.5 so its centre is 8.5, translate 6.5 moves that to 15, and
scale 1.7 renders it at 17px - exactly the size every other tile in this
header already uses, so the RESTING appearance is unchanged. Live uses
11px / 7.5 / 1.8182 against its 34px inner box for the same 20px result.
SPECIFICITY, and this is why the base rules carry .uicnvh-root. This file
ships `.uc-nvh.uicnvh-root img{width:revert-layer;height:revert-layer}` at
(0,2,1) to undo Elementor's img reset. A base rule of `.uc-nvh .uc-conv-src`
is only (0,2,0), loses, and revert-layer rolls width/height back to the SVG's
intrinsic 16px - the mark rendered 27.2px instead of 17px. (0,3,0) wins.
The :hover rules were never affected; they are (0,4,1) already.
Keyed on `a[data-nvh-pill]` and `:has(> .uc-conv-src)` so the markup needed
only ONE edit per row (the ![]()
) rather than three.
========================================================================== */
.uc-nvh span:has(> .uc-conv-src){ position: relative; }
.uc-nvh.uicnvh-root .uc-conv-src{
position:absolute; left:3.5px; top:3.5px; width:10px; height:10px; max-width:none;
object-fit:contain;
transform:translate(6.5px,6.5px) scale(1.7);
transition:transform .2s cubic-bezier(.4,0,.2,1);
}
.uc-nvh.uicnvh-root .uc-conv-trail{
position:absolute; left:2px; bottom:4px; width:12px; height:12px;
color:#9aa0a6; opacity:0;
transition:opacity .12s ease;
}
.uc-nvh.uicnvh-root .uc-conv-wp{
position:absolute; right:3.5px; bottom:3.5px; width:17px; height:17px; max-width:none;
object-fit:contain; opacity:0; transform:scale(.55);
transition:opacity .14s ease, transform .2s cubic-bezier(.4,0,.2,1);
}
.uc-nvh a[data-nvh-pill]:hover .uc-conv-src,
.uc-nvh a[data-nvh-pill]:focus-visible .uc-conv-src{
transform:none;
transition:transform .32s cubic-bezier(.23,1,.32,1);
}
.uc-nvh a[data-nvh-pill]:hover .uc-conv-wp,
.uc-nvh a[data-nvh-pill]:focus-visible .uc-conv-wp{
opacity:1; transform:none;
transition:opacity .22s ease .06s,
transform .34s cubic-bezier(.34,1.56,.64,1) .06s;
}
.uc-nvh a[data-nvh-pill]:hover .uc-conv-trail,
.uc-nvh a[data-nvh-pill]:focus-visible .uc-conv-trail{
opacity:1;
transition:opacity .18s ease .26s;
}
@media (prefers-reduced-motion: reduce){
.uc-nvh.uicnvh-root .uc-conv-src,
.uc-nvh.uicnvh-root .uc-conv-trail,
.uc-nvh.uicnvh-root .uc-conv-wp{ transition:none; }
}