/* UiChemy MCP (Section MCP) - scoped under .uc-smc.
Built from the Next.js app at app/uichemy-mcp (localhost:3777), NOT from
public/ucwr/. Every rule is wrapped in :where(.uc-smc) 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;.uc-smc{font-size:16px;font-family:var(--font-zalando-sans);}:where(.uc-smc) :is(h1,h2,h3,h4,h5,h6){margin:0;}:where(.uc-smc) :is(h1,h2,h3,h4,h5,h6).leading-\[1\.15\]{
--tw-leading: 1.15;
line-height: 1.15;
}@layer theme{.uc-smc{
--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-700: oklch(50.5% 0.213 27.518);
--color-red-800: oklch(44.4% 0.177 26.899);
--color-orange-50: oklch(98% 0.016 73.684);
--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-orange-700: oklch(55.3% 0.195 38.402);
--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-lime-400: oklch(84.1% 0.238 128.85);
--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-700: oklch(52.7% 0.154 150.069);
--color-green-800: oklch(44.8% 0.119 151.328);
--color-emerald-400: oklch(76.5% 0.177 163.223);
--color-teal-600: oklch(60% 0.118 184.704);
--color-cyan-500: oklch(71.5% 0.143 215.221);
--color-blue-100: oklch(93.2% 0.032 255.585);
--color-blue-200: oklch(88.2% 0.059 254.128);
--color-blue-500: oklch(62.3% 0.214 259.815);
--color-blue-600: oklch(54.6% 0.245 262.881);
--color-blue-900: oklch(37.9% 0.146 265.522);
--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-800: oklch(27.8% 0.033 256.848);
--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;
--font-weight-black: 900;
--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-secondary: var(--secondary);
--color-accent: var(--accent);
--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-6: 6px;
--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(.uc-smc), :where(.uc-smc) *, :where(.uc-smc) *::after, :where(.uc-smc) *::before, :where(.uc-smc) *::backdrop, :where(.uc-smc) *::file-selector-button{
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0 solid;
}:where(.uc-smc){
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(.uc-smc) hr{
height: 0;
color: inherit;
border-top-width: 1px;
}:where(.uc-smc) abbr:where([title]){
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}:where(.uc-smc) h1, :where(.uc-smc) h2, :where(.uc-smc) h3, :where(.uc-smc) h4, :where(.uc-smc) h5, :where(.uc-smc) h6{
font-size: inherit;
font-weight: inherit;
}:where(.uc-smc) a{
color: inherit;
-webkit-text-decoration: inherit;
text-decoration: inherit;
}:where(.uc-smc) b, :where(.uc-smc) strong{
font-weight: bolder;
}:where(.uc-smc) code, :where(.uc-smc) kbd, :where(.uc-smc) samp, :where(.uc-smc) 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(.uc-smc) small{
font-size: 80%;
}:where(.uc-smc) sub, :where(.uc-smc) sup{
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}:where(.uc-smc) sub{
bottom: -0.25em;
}:where(.uc-smc) sup{
top: -0.5em;
}:where(.uc-smc) table{
text-indent: 0;
border-color: inherit;
border-collapse: collapse;
}:where(.uc-smc) :-moz-focusring{
outline: auto;
}:where(.uc-smc) progress{
vertical-align: baseline;
}:where(.uc-smc) summary{
display: list-item;
}:where(.uc-smc) ol, :where(.uc-smc) ul, :where(.uc-smc) menu{
list-style: none;
}:where(.uc-smc) img, :where(.uc-smc) svg, :where(.uc-smc) video, :where(.uc-smc) canvas, :where(.uc-smc) audio, :where(.uc-smc) iframe, :where(.uc-smc) embed, :where(.uc-smc) object{
display: block;
vertical-align: middle;
}:where(.uc-smc) img, :where(.uc-smc) video{
max-width: 100%;
height: auto;
}:where(.uc-smc) button, :where(.uc-smc) input, :where(.uc-smc) select, :where(.uc-smc) optgroup, :where(.uc-smc) textarea, :where(.uc-smc) ::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(.uc-smc) :where(select:is([multiple], [size])) optgroup{
font-weight: bolder;
}:where(.uc-smc) :where(select:is([multiple], [size])) optgroup option{
padding-inline-start: 20px;
}:where(.uc-smc) ::file-selector-button{
margin-inline-end: 4px;
}:where(.uc-smc) ::placeholder{
opacity: 1;
}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){:where(.uc-smc) ::placeholder{
color: currentcolor;
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, currentcolor 50%, transparent);
}
}}:where(.uc-smc) textarea{
resize: vertical;
}:where(.uc-smc) ::-webkit-search-decoration{
-webkit-appearance: none;
}:where(.uc-smc) ::-webkit-date-and-time-value{
min-height: 1lh;
text-align: inherit;
}:where(.uc-smc) ::-webkit-datetime-edit{
display: inline-flex;
}:where(.uc-smc) ::-webkit-datetime-edit-fields-wrapper{
padding: 0;
}:where(.uc-smc) ::-webkit-datetime-edit, :where(.uc-smc) ::-webkit-datetime-edit-year-field, :where(.uc-smc) ::-webkit-datetime-edit-month-field, :where(.uc-smc) ::-webkit-datetime-edit-day-field, :where(.uc-smc) ::-webkit-datetime-edit-hour-field, :where(.uc-smc) ::-webkit-datetime-edit-minute-field, :where(.uc-smc) ::-webkit-datetime-edit-second-field, :where(.uc-smc) ::-webkit-datetime-edit-millisecond-field, :where(.uc-smc) ::-webkit-datetime-edit-meridiem-field{
padding-block: 0;
}:where(.uc-smc) ::-webkit-calendar-picker-indicator{
line-height: 1;
}:where(.uc-smc) :-moz-ui-invalid{
box-shadow: none;
}:where(.uc-smc) button, :where(.uc-smc) input:where([type="button"], [type="reset"], [type="submit"]), :where(.uc-smc) ::file-selector-button{
appearance: button;
}:where(.uc-smc) ::-webkit-inner-spin-button, :where(.uc-smc) ::-webkit-outer-spin-button{
height: auto;
}:where(.uc-smc) [hidden]:where(:not([hidden="until-found"])){
display: none !important;
}}@layer utilities{:where(.uc-smc) .pointer-events-none{
pointer-events: none;
}:where(.uc-smc) .absolute{
position: absolute;
}:where(.uc-smc) .relative{
position: relative;
}:where(.uc-smc) .inset-0{
inset: calc(var(--spacing) * 0);
}:where(.uc-smc) .inset-x-0{
inset-inline: calc(var(--spacing) * 0);
}:where(.uc-smc) .inset-x-6{
inset-inline: calc(var(--spacing) * 6);
}:where(.uc-smc) .-top-\[9px\]{
top: calc(9px * -1);
}:where(.uc-smc) .top-0{
top: calc(var(--spacing) * 0);
}:where(.uc-smc) .top-4{
top: calc(var(--spacing) * 4);
}:where(.uc-smc) .top-\[30\%\]{
top: 30%;
}:where(.uc-smc) .top-\[44\%\]{
top: 44%;
}:where(.uc-smc) .right-0{
right: calc(var(--spacing) * 0);
}:where(.uc-smc) .right-\[-42\%\]{
right: -42%;
}:where(.uc-smc) .right-\[-52\.4\%\]{
right: -52.4%;
}:where(.uc-smc) .bottom-0{
bottom: calc(var(--spacing) * 0);
}:where(.uc-smc) .bottom-6{
bottom: calc(var(--spacing) * 6);
}:where(.uc-smc) .bottom-\[-30\%\]{
bottom: -30%;
}:where(.uc-smc) .bottom-\[-32\%\]{
bottom: -32%;
}:where(.uc-smc) .bottom-\[14px\]{
bottom: 14px;
}:where(.uc-smc) .bottom-\[18px\]{
bottom: 18px;
}:where(.uc-smc) .left-1\/2{
left: calc(1/2 * 100%);
}:where(.uc-smc) .left-\[-25\%\]{
left: -25%;
}:where(.uc-smc) .left-\[-96\.3\%\]{
left: -96.3%;
}:where(.uc-smc) .left-\[8px\]{
left: 8px;
}:where(.uc-smc) .left-\[16px\]{
left: 16px;
}:where(.uc-smc) .left-\[calc\(24px\+\(100\%-48px\)\/3\)\]{
left: calc(24px + (100% - 48px) / 3);
}:where(.uc-smc) .left-\[calc\(32px\+\(\(100\%-48px\)\/3\)\*2\)\]{
left: calc(32px + ((100% - 48px) / 3) * 2);
}:where(.uc-smc) .z-0{
z-index: 0;
}:where(.uc-smc) .z-10{
z-index: 10;
}:where(.uc-smc) .z-20{
z-index: 20;
}:where(.uc-smc) .z-30{
z-index: 30;
}:where(.uc-smc) .mx-6{
margin-inline: calc(var(--spacing) * 6);
}:where(.uc-smc) .-my-1\.5{
margin-block: calc(var(--spacing) * -1.5);
}:where(.uc-smc) .my-auto{
margin-block: auto;
}:where(.uc-smc) .mt-0\.5{
margin-top: calc(var(--spacing) * 0.5);
}:where(.uc-smc) .mt-2{
margin-top: calc(var(--spacing) * 2);
}:where(.uc-smc) .mt-3{
margin-top: calc(var(--spacing) * 3);
}:where(.uc-smc) .mt-16{
margin-top: calc(var(--spacing) * 16);
}:where(.uc-smc) .mt-24{
margin-top: calc(var(--spacing) * 24);
}:where(.uc-smc) .mt-\[3px\]{
margin-top: 3px;
}:where(.uc-smc) .mt-\[5px\]{
margin-top: 5px;
}:where(.uc-smc) .mt-\[7px\]{
margin-top: 7px;
}:where(.uc-smc) .mt-\[8px\]{
margin-top: 8px;
}:where(.uc-smc) .mt-\[9px\]{
margin-top: 9px;
}:where(.uc-smc) .mt-\[10px\]{
margin-top: 10px;
}:where(.uc-smc) .mt-\[14px\]{
margin-top: 14px;
}:where(.uc-smc) .mt-\[52px\]{
margin-top: 52px;
}:where(.uc-smc) .mt-sprout-40{
margin-top: var(--spacing-sprout-40);
}:where(.uc-smc) .mb-sprout-16{
margin-bottom: var(--spacing-sprout-16);
}:where(.uc-smc) .-ml-\[7px\]{
margin-left: calc(7px * -1);
}:where(.uc-smc) .ml-1{
margin-left: calc(var(--spacing) * 1);
}:where(.uc-smc) .ml-2{
margin-left: calc(var(--spacing) * 2);
}:where(.uc-smc) .ml-auto{
margin-left: auto;
}:where(.uc-smc) .block{
display: block;
}:where(.uc-smc) .flex{
display: flex;
}:where(.uc-smc) .grid{
display: grid;
}:where(.uc-smc) .hidden{
display: none;
}:where(.uc-smc) .inline-flex{
display: inline-flex;
}:where(.uc-smc) .aspect-\[600\/480\]{
aspect-ratio: 600/480;
}:where(.uc-smc) .h-1{
height: calc(var(--spacing) * 1);
}:where(.uc-smc) .h-32{
height: calc(var(--spacing) * 32);
}:where(.uc-smc) .h-\[3px\]{
height: 3px;
}:where(.uc-smc) .h-\[4px\]{
height: 4px;
}:where(.uc-smc) .h-\[7px\]{
height: 7px;
}:where(.uc-smc) .h-\[10px\]{
height: 10px;
}:where(.uc-smc) .h-\[16px\]{
height: 16px;
}:where(.uc-smc) .h-\[18px\]{
height: 18px;
}:where(.uc-smc) .h-\[20px\]{
height: 20px;
}:where(.uc-smc) .h-\[26px\]{
height: 26px;
}:where(.uc-smc) .h-\[32px\]{
height: 32px;
}:where(.uc-smc) .h-\[34px\]{
height: 34px;
}:where(.uc-smc) .h-\[170px\]{
height: 170px;
}:where(.uc-smc) .h-\[238px\]{
height: 238px;
}:where(.uc-smc) .h-\[240px\]{
height: 240px;
}:where(.uc-smc) .h-\[280px\]{
height: 280px;
}:where(.uc-smc) .h-\[560px\]{
height: 560px;
}:where(.uc-smc) .h-full{
height: 100%;
}:where(.uc-smc) .h-px{
height: 1px;
}:where(.uc-smc) .min-h-\[260px\]{
min-height: 260px;
}:where(.uc-smc) .min-h-\[444px\]{
min-height: 444px;
}:where(.uc-smc) .min-h-\[460px\]{
min-height: 460px;
}:where(.uc-smc) .min-h-\[480px\]{
min-height: 480px;
}:where(.uc-smc) .w-\[7px\]{
width: 7px;
}:where(.uc-smc) .w-\[16px\]{
width: 16px;
}:where(.uc-smc) .w-\[18px\]{
width: 18px;
}:where(.uc-smc) .w-\[20px\]{
width: 20px;
}:where(.uc-smc) .w-\[25\%\]{
width: 25%;
}:where(.uc-smc) .w-\[26px\]{
width: 26px;
}:where(.uc-smc) .w-\[30\%\]{
width: 30%;
}:where(.uc-smc) .w-\[32px\]{
width: 32px;
}:where(.uc-smc) .w-\[42\%\]{
width: 42%;
}:where(.uc-smc) .w-\[60\%\]{
width: 60%;
}:where(.uc-smc) .w-\[70\%\]{
width: 70%;
}:where(.uc-smc) .w-\[80\%\]{
width: 80%;
}:where(.uc-smc) .w-\[210px\]{
width: 210px;
}:where(.uc-smc) .w-\[238px\]{
width: 238px;
}:where(.uc-smc) .w-\[250px\]{
width: 250px;
}:where(.uc-smc) .w-\[262px\]{
width: 262px;
}:where(.uc-smc) .w-\[300px\]{
width: 300px;
}:where(.uc-smc) .w-\[calc\(\(100\%-48px\)\/3\)\]{
width: calc((100% - 48px) / 3);
}:where(.uc-smc) .w-fit{
width: fit-content;
}:where(.uc-smc) .w-full{
width: 100%;
}:where(.uc-smc) .w-px{
width: 1px;
}:where(.uc-smc) .max-w-\[340px\]{
max-width: 340px;
}:where(.uc-smc) .max-w-\[420px\]{
max-width: 420px;
}:where(.uc-smc) .min-w-0{
min-width: calc(var(--spacing) * 0);
}:where(.uc-smc) .flex-1{
flex: 1;
}:where(.uc-smc) .shrink-0{
flex-shrink: 0;
}:where(.uc-smc) .-translate-x-1\/2{
--tw-translate-x: calc(calc(1/2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}:where(.uc-smc) .animate-spin{
animation: var(--animate-spin);
}:where(.uc-smc) .cursor-pointer{
cursor: pointer;
}:where(.uc-smc) .grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr));
}:where(.uc-smc) .grid-cols-3{
grid-template-columns: repeat(3, minmax(0, 1fr));
}:where(.uc-smc) .grid-cols-4{
grid-template-columns: repeat(4, minmax(0, 1fr));
}:where(.uc-smc) .flex-col{
flex-direction: column;
}:where(.uc-smc) .flex-wrap{
flex-wrap: wrap;
}:where(.uc-smc) .place-items-center{
place-items: center;
}:where(.uc-smc) .items-baseline{
align-items: baseline;
}:where(.uc-smc) .items-center{
align-items: center;
}:where(.uc-smc) .items-stretch{
align-items: stretch;
}:where(.uc-smc) .justify-between{
justify-content: space-between;
}:where(.uc-smc) .justify-center{
justify-content: center;
}:where(.uc-smc) .justify-end{
justify-content: flex-end;
}:where(.uc-smc) .gap-1\.5{
gap: calc(var(--spacing) * 1.5);
}:where(.uc-smc) .gap-2{
gap: calc(var(--spacing) * 2);
}:where(.uc-smc) .gap-3{
gap: calc(var(--spacing) * 3);
}:where(.uc-smc) .gap-4{
gap: calc(var(--spacing) * 4);
}:where(.uc-smc) .gap-6{
gap: calc(var(--spacing) * 6);
}:where(.uc-smc) .gap-8{
gap: calc(var(--spacing) * 8);
}:where(.uc-smc) .gap-10{
gap: calc(var(--spacing) * 10);
}:where(.uc-smc) .gap-12{
gap: calc(var(--spacing) * 12);
}:where(.uc-smc) .gap-16{
gap: calc(var(--spacing) * 16);
}:where(.uc-smc) .gap-\[6px\]{
gap: 6px;
}:where(.uc-smc) .gap-\[7px\]{
gap: 7px;
}:where(.uc-smc) .gap-\[28px\]{
gap: 28px;
}:where(.uc-smc) .gap-\[196px\]{
gap: 196px;
}:where(.uc-smc) .gap-sprout-16{
gap: var(--spacing-sprout-16);
}:where(.uc-smc) .space-y-\[7px\]{
:where(& > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(7px * var(--tw-space-y-reverse));
margin-block-end: calc(7px * calc(1 - var(--tw-space-y-reverse)));
}
}:where(.uc-smc) .gap-x-16{
column-gap: calc(var(--spacing) * 16);
}:where(.uc-smc) .gap-y-8{
row-gap: calc(var(--spacing) * 8);
}:where(.uc-smc) .self-stretch{
align-self: stretch;
}:where(.uc-smc) .overflow-hidden{
overflow: hidden;
}:where(.uc-smc) .rounded{
border-radius: 0.25rem;
}:where(.uc-smc) .rounded-\[3px\]{
border-radius: 3px;
}:where(.uc-smc) .rounded-\[4px\]{
border-radius: 4px;
}:where(.uc-smc) .rounded-\[7px\]{
border-radius: 7px;
}:where(.uc-smc) .rounded-\[15px\]{
border-radius: 15px;
}:where(.uc-smc) .rounded-\[16px\]{
border-radius: 16px;
}:where(.uc-smc) .rounded-\[24px\]{
border-radius: 24px;
}:where(.uc-smc) .rounded-full{
border-radius: calc(infinity * 1px);
}:where(.uc-smc) .border{
border-style: var(--tw-border-style);
border-width: 1px;
}:where(.uc-smc) .border-b{
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
}:where(.uc-smc) .border-dashed{
--tw-border-style: dashed;
border-style: dashed;
}:where(.uc-smc) .border-\[\#7c3aed\]{
border-color: #7c3aed;
}:where(.uc-smc) .border-\[\#e5e5e5\]{
border-color: #e5e5e5;
}:where(.uc-smc) .border-\[\#ececec\]{
border-color: #ececec;
}:where(.uc-smc) .border-\[\#ff5a1f\]{
border-color: #ff5a1f;
}:where(.uc-smc) .border-neutral{
border-color: var(--color-neutral);
}:where(.uc-smc) .border-white\/\[\.08\]{
border-color: color-mix(in srgb, #fff 8%, transparent);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--color-white) 8%, transparent);
}
}:where(.uc-smc) .bg-\[\#007cba\]{
background-color: #007cba;
}:where(.uc-smc) .bg-\[\#7c3aed\]{
background-color: #7c3aed;
}:where(.uc-smc) .bg-\[\#22c55e\]{
background-color: #22c55e;
}:where(.uc-smc) .bg-\[\#141414\]{
background-color: #141414;
}:where(.uc-smc) .bg-\[\#171717\]{
background-color: #171717;
}:where(.uc-smc) .bg-\[\#d4d4d4\]{
background-color: #d4d4d4;
}:where(.uc-smc) .bg-\[\#e5e5e5\]{
background-color: #e5e5e5;
}:where(.uc-smc) .bg-\[\#ececec\]{
background-color: #ececec;
}:where(.uc-smc) .bg-\[\#f4f4f4\]{
background-color: #f4f4f4;
}:where(.uc-smc) .bg-\[\#fafafa\]{
background-color: #fafafa;
}:where(.uc-smc) .bg-\[\#ff5a1f\]{
background-color: #ff5a1f;
}:where(.uc-smc) .bg-\[\#fff7f2\]{
background-color: #fff7f2;
}:where(.uc-smc) .bg-\[var\(--au9-bar-off\)\]{
background-color: var(--au9-bar-off);
}:where(.uc-smc) .bg-white{
background-color: var(--color-white);
}:where(.uc-smc) .object-cover{
object-fit: cover;
}:where(.uc-smc) .object-top{
object-position: top;
}:where(.uc-smc) .p-1{
padding: calc(var(--spacing) * 1);
}:where(.uc-smc) .p-2{
padding: calc(var(--spacing) * 2);
}:where(.uc-smc) .p-6{
padding: calc(var(--spacing) * 6);
}:where(.uc-smc) .p-8{
padding: calc(var(--spacing) * 8);
}:where(.uc-smc) .p-\[3px\]{
padding: 3px;
}:where(.uc-smc) .p-\[7px\]{
padding: 7px;
}:where(.uc-smc) .p-\[14px\]{
padding: 14px;
}:where(.uc-smc) .px-1\.5{
padding-inline: calc(var(--spacing) * 1.5);
}:where(.uc-smc) .px-2{
padding-inline: calc(var(--spacing) * 2);
}:where(.uc-smc) .px-2\.5{
padding-inline: calc(var(--spacing) * 2.5);
}:where(.uc-smc) .px-3{
padding-inline: calc(var(--spacing) * 3);
}:where(.uc-smc) .px-4{
padding-inline: calc(var(--spacing) * 4);
}:where(.uc-smc) .px-5{
padding-inline: calc(var(--spacing) * 5);
}:where(.uc-smc) .px-8{
padding-inline: calc(var(--spacing) * 8);
}:where(.uc-smc) .px-\[10px\]{
padding-inline: 10px;
}:where(.uc-smc) .px-\[14px\]{
padding-inline: 14px;
}:where(.uc-smc) .px-\[18px\]{
padding-inline: 18px;
}:where(.uc-smc) .py-1{
padding-block: calc(var(--spacing) * 1);
}:where(.uc-smc) .py-2\.5{
padding-block: calc(var(--spacing) * 2.5);
}:where(.uc-smc) .py-4{
padding-block: calc(var(--spacing) * 4);
}:where(.uc-smc) .py-8{
padding-block: calc(var(--spacing) * 8);
}:where(.uc-smc) .py-\[2px\]{
padding-block: 2px;
}:where(.uc-smc) .py-\[5px\]{
padding-block: 5px;
}:where(.uc-smc) .py-\[7px\]{
padding-block: 7px;
}:where(.uc-smc) .py-\[11px\]{
padding-block: 11px;
}:where(.uc-smc) .py-\[12px\]{
padding-block: 12px;
}:where(.uc-smc) .py-sprout-8{
padding-block: var(--spacing-sprout-8);
}:where(.uc-smc) .pt-\[10px\]{
padding-top: 10px;
}:where(.uc-smc) .pt-\[16px\]{
padding-top: 16px;
}:where(.uc-smc) .pt-\[24px\]{
padding-top: 24px;
}:where(.uc-smc) .pb-\[12px\]{
padding-bottom: 12px;
}:where(.uc-smc) .pl-3{
padding-left: calc(var(--spacing) * 3);
}:where(.uc-smc) .text-center{
text-align: center;
}:where(.uc-smc) .text-right{
text-align: right;
}:where(.uc-smc) .text-start{
text-align: start;
}:where(.uc-smc) .font-mono{
font-family: var(--font-mono);
}:where(.uc-smc) .text-\[6\.5px\]{
font-size: 6.5px;
}:where(.uc-smc) .text-\[7\.5px\]{
font-size: 7.5px;
}:where(.uc-smc) .text-\[9\.5px\]{
font-size: 9.5px;
}:where(.uc-smc) .text-\[9px\]{
font-size: 9px;
}:where(.uc-smc) .text-\[10\.5px\]{
font-size: 10.5px;
}:where(.uc-smc) .text-\[10px\]{
font-size: 10px;
}:where(.uc-smc) .text-\[11px\]{
font-size: 11px;
}:where(.uc-smc) .text-\[14px\]{
font-size: 14px;
}:where(.uc-smc) .text-\[22px\]{
font-size: 22px;
}:where(.uc-smc) .leading-\[1\.5\]{
--tw-leading: 1.5;
line-height: 1.5;
}:where(.uc-smc) .leading-\[1\.15\]{
--tw-leading: 1.15;
line-height: 1.15;
}:where(.uc-smc) .leading-\[1\.55\]{
--tw-leading: 1.55;
line-height: 1.55;
}:where(.uc-smc) .leading-none{
--tw-leading: 1;
line-height: 1;
}:where(.uc-smc) .leading-tight{
--tw-leading: var(--leading-tight);
line-height: var(--leading-tight);
}:where(.uc-smc) .font-bold{
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
}:where(.uc-smc) .font-extrabold{
--tw-font-weight: var(--font-weight-extrabold);
font-weight: var(--font-weight-extrabold);
}:where(.uc-smc) .font-medium{
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
}:where(.uc-smc) .font-semibold{
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
}:where(.uc-smc) .tracking-\[-\.01em\]{
--tw-tracking: -.01em;
letter-spacing: -.01em;
}:where(.uc-smc) .tracking-\[\.14em\]{
--tw-tracking: .14em;
letter-spacing: .14em;
}:where(.uc-smc) .break-words{
overflow-wrap: break-word;
}:where(.uc-smc) .\!text-sprout-color-text-default{
color: var(--color-sprout-color-text-default) !important;
}:where(.uc-smc) .text-\[\#0a0a0a\]{
color: #0a0a0a;
}:where(.uc-smc) .text-\[\#1e1e1e\]{
color: #1e1e1e;
}:where(.uc-smc) .text-\[\#86efac\]{
color: #86efac;
}:where(.uc-smc) .text-\[\#525252\]{
color: #525252;
}:where(.uc-smc) .text-\[\#737373\]{
color: #737373;
}:where(.uc-smc) .text-\[\#a3a3a3\]{
color: #a3a3a3;
}:where(.uc-smc) .text-\[\#a5b4fc\]{
color: #a5b4fc;
}:where(.uc-smc) .text-\[\#fdba8c\]{
color: #fdba8c;
}:where(.uc-smc) .text-\[\#ff5a1f\]{
color: #ff5a1f;
}:where(.uc-smc) .text-accent{
color: var(--accent);
}:where(.uc-smc) .text-black{
color: var(--color-black);
}:where(.uc-smc) .text-neutral-300{
color: var(--color-neutral-300);
}:where(.uc-smc) .text-neutral-400{
color: var(--color-neutral-400);
}:where(.uc-smc) .text-neutral-500{
color: var(--color-neutral-500);
}:where(.uc-smc) .text-primary{
color: var(--primary);
}:where(.uc-smc) .text-sprout-color-primary{
color: var(--color-sprout-color-primary);
}:where(.uc-smc) .text-white{
color: var(--color-white);
}:where(.uc-smc) .text-white\/35{
color: color-mix(in srgb, #fff 35%, transparent);
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, var(--color-white) 35%, transparent);
}
}:where(.uc-smc) .text-white\/40{
color: color-mix(in srgb, #fff 40%, transparent);
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, var(--color-white) 40%, transparent);
}
}:where(.uc-smc) .text-white\/45{
color: color-mix(in srgb, #fff 45%, transparent);
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, var(--color-white) 45%, transparent);
}
}:where(.uc-smc) .text-white\/90{
color: color-mix(in srgb, #fff 90%, transparent);
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, var(--color-white) 90%, transparent);
}
}:where(.uc-smc) .uppercase{
text-transform: uppercase;
}:where(.uc-smc) .opacity-0{
opacity: 0%;
}:where(.uc-smc) .shadow-\[0_9px_18px_-3px_rgba\(0\,0\,0\,\.03\)\,0_18px_36px_-5px_rgba\(0\,0\,0\,\.04\)\]{
--tw-shadow: 0 9px 18px -3px var(--tw-shadow-color, rgba(0,0,0,.03)), 0 18px 36px -5px var(--tw-shadow-color, rgba(0,0,0,.04));
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-smc) .shadow-\[0_20px_45px_-15px_rgba\(0\,0\,0\,\.5\)\]{
--tw-shadow: 0 20px 45px -15px var(--tw-shadow-color, rgba(0,0,0,.5));
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-smc) .ring-1{
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}:where(.uc-smc) .ring-2{
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}:where(.uc-smc) .ring-\[\#ff5a1f\]\/15{
--tw-ring-color: color-mix(in oklab, #ff5a1f 15%, transparent);
}:where(.uc-smc) .ring-black\/\[\.06\]{
--tw-ring-color: color-mix(in srgb, #000 6%, transparent);
@supports (color: color-mix(in lab, red, red)) {
--tw-ring-color: color-mix(in oklab, var(--color-black) 6%, transparent);
}
}:where(.uc-smc) .ring-white\/\[\.06\]{
--tw-ring-color: color-mix(in srgb, #fff 6%, transparent);
@supports (color: color-mix(in lab, red, red)) {
--tw-ring-color: color-mix(in oklab, var(--color-white) 6%, transparent);
}
}:where(.uc-smc) .drop-shadow-\[0_-4px_12px_rgba\(0\,0\,0\,\.06\)\]{
--tw-drop-shadow-size: drop-shadow(0 -4px 12px var(--tw-drop-shadow-color, rgba(0,0,0,.06)));
--tw-drop-shadow: var(--tw-drop-shadow-size);
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}:where(.uc-smc) .transition-\[translate\]{
transition-property: translate;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}:where(.uc-smc) .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 !important;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
}:where(.uc-smc) .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-smc) .transition-transform\!{
transition-property: transform, translate, scale, rotate !important;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
}:where(.uc-smc) .duration-300{
--tw-duration: 300ms;
transition-duration: 300ms;
}:where(.uc-smc) .duration-300\!{
--tw-duration: 300ms !important;
transition-duration: 300ms !important;
}:where(.uc-smc) .duration-700{
--tw-duration: 700ms;
transition-duration: 700ms;
}:where(.uc-smc) .duration-\[400ms\]\!{
--tw-duration: 400ms !important;
transition-duration: 400ms !important;
}:where(.uc-smc) .ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\]\!{
--tw-ease: cubic-bezier(0.22,1,0.36,1) !important;
transition-timing-function: cubic-bezier(0.22,1,0.36,1) !important;
}:where(.uc-smc) .ease-in-out{
--tw-ease: var(--ease-in-out);
transition-timing-function: var(--ease-in-out);
}:where(.uc-smc) .ease-in-out\!{
--tw-ease: var(--ease-in-out) !important;
transition-timing-function: var(--ease-in-out) !important;
}:where(.uc-smc) .ease-out{
--tw-ease: var(--ease-out);
transition-timing-function: var(--ease-out);
}:where(.uc-smc) .group-hover\:scale-105{
&:is(:where(.group):hover *) {
@media (hover: hover) {
--tw-scale-x: 105%;
--tw-scale-y: 105%;
--tw-scale-z: 105%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
}
}:where(.uc-smc) .group-hover\:scale-110{
&:is(:where(.group):hover *) {
@media (hover: hover) {
--tw-scale-x: 110%;
--tw-scale-y: 110%;
--tw-scale-z: 110%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
}
}:where(.uc-smc) .group-hover\/link\:translate-x-0\.5{
&:is(:where(.group\/link):hover *) {
@media (hover: hover) {
--tw-translate-x: calc(var(--spacing) * 0.5);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
}:where(.uc-smc) .group-hover\/link\:-translate-y-0\.5{
&:is(:where(.group\/link):hover *) {
@media (hover: hover) {
--tw-translate-y: calc(var(--spacing) * -0.5);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
}:where(.uc-smc) .peer-checked\/s0\:bg-\[var\(--au9-bar-on\)\]\!{
&:is(:where(.peer\/s0):checked ~ *) {
background-color: var(--au9-bar-on) !important;
}
}:where(.uc-smc) .peer-checked\/s1\:block{
&:is(:where(.peer\/s1):checked ~ *) {
display: block;
}
}:where(.uc-smc) .peer-checked\/s1\:hidden{
&:is(:where(.peer\/s1):checked ~ *) {
display: none;
}
}:where(.uc-smc) .peer-checked\/s1\:bg-\[var\(--au9-bar-on\)\]\!{
&:is(:where(.peer\/s1):checked ~ *) {
background-color: var(--au9-bar-on) !important;
}
}:where(.uc-smc) .peer-checked\/s2\:block{
&:is(:where(.peer\/s2):checked ~ *) {
display: block;
}
}:where(.uc-smc) .peer-checked\/s2\:hidden{
&:is(:where(.peer\/s2):checked ~ *) {
display: none;
}
}:where(.uc-smc) .peer-checked\/s2\:bg-\[var\(--au9-bar-on\)\]\!{
&:is(:where(.peer\/s2):checked ~ *) {
background-color: var(--au9-bar-on) !important;
}
}:where(.uc-smc) .before\:absolute{
&::before {
content: var(--tw-content);
position: absolute;
}
}:where(.uc-smc) .before\:inset-x-0{
&::before {
content: var(--tw-content);
inset-inline: calc(var(--spacing) * 0);
}
}:where(.uc-smc) .before\:-top-3{
&::before {
content: var(--tw-content);
top: calc(var(--spacing) * -3);
}
}:where(.uc-smc) .before\:-bottom-3{
&::before {
content: var(--tw-content);
bottom: calc(var(--spacing) * -3);
}
}:where(.uc-smc) .hover\:-translate-y-1{
&:hover {
@media (hover: hover) {
--tw-translate-y: calc(var(--spacing) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
}:where(.uc-smc) .hover\:-translate-y-1\.5{
&:hover {
@media (hover: hover) {
--tw-translate-y: calc(var(--spacing) * -1.5);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
}:where(.uc-smc) .hover\:text-primary{
&:hover {
@media (hover: hover) {
color: var(--primary);
}
}
}:where(.uc-smc) .motion-reduce\:transition-none{
@media (prefers-reduced-motion: reduce) {
transition-property: none;
}
}:where(.uc-smc) .motion-reduce\:transition-none\!{
@media (prefers-reduced-motion: reduce) {
transition-property: none !important;
}
}:where(.uc-smc) .max-\[1024px\]\:h-\[420px\]{
@media (width < 1024px) {
height: 420px;
}
}:where(.uc-smc) .max-\[1024px\]\:w-full{
@media (width < 1024px) {
width: 100%;
}
}:where(.uc-smc) .max-\[768px\]\:w-full{
@media (width < 768px) {
width: 100%;
}
}:where(.uc-smc) .max-lg\:w-full{
@media (width < 64rem) {
width: 100%;
}
}:where(.uc-smc) .max-lg\:flex-col{
@media (width < 64rem) {
flex-direction: column;
}
}:where(.uc-smc) .max-lg\:items-start{
@media (width < 64rem) {
align-items: flex-start;
}
}:where(.uc-smc) .max-lg\:justify-start{
@media (width < 64rem) {
justify-content: flex-start;
}
}:where(.uc-smc) .max-lg\:gap-4{
@media (width < 64rem) {
gap: calc(var(--spacing) * 4);
}
}:where(.uc-smc) .max-lg\:gap-6{
@media (width < 64rem) {
gap: calc(var(--spacing) * 6);
}
}:where(.uc-smc) .max-lg\:text-left{
@media (width < 64rem) {
text-align: left;
}
}:where(.uc-smc) .max-md\:mt-10{
@media (width < 48rem) {
margin-top: calc(var(--spacing) * 10);
}
}:where(.uc-smc) .max-md\:mt-14{
@media (width < 48rem) {
margin-top: calc(var(--spacing) * 14);
}
}:where(.uc-smc) .max-md\:w-full{
@media (width < 48rem) {
width: 100%;
}
}:where(.uc-smc) .max-md\:grid-cols-2{
@media (width < 48rem) {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}:where(.uc-smc) .max-md\:flex-col{
@media (width < 48rem) {
flex-direction: column;
}
}:where(.uc-smc) .max-md\:gap-3{
@media (width < 48rem) {
gap: calc(var(--spacing) * 3);
}
}:where(.uc-smc) .max-md\:gap-6{
@media (width < 48rem) {
gap: calc(var(--spacing) * 6);
}
}:where(.uc-smc) .max-md\:gap-8{
@media (width < 48rem) {
gap: calc(var(--spacing) * 8);
}
}:where(.uc-smc) .max-md\:gap-10{
@media (width < 48rem) {
gap: calc(var(--spacing) * 10);
}
}:where(.uc-smc) .max-md\:gap-\[100px\]{
@media (width < 48rem) {
gap: 100px;
}
}:where(.uc-smc) .max-md\:p-4{
@media (width < 48rem) {
padding: calc(var(--spacing) * 4);
}
}:where(.uc-smc) .max-md\:px-6{
@media (width < 48rem) {
padding-inline: calc(var(--spacing) * 6);
}
}:where(.uc-smc) .max-sm\:w-full{
@media (width < 40rem) {
width: 100%;
}
}:where(.uc-smc) .max-sm\:grid-cols-1{
@media (width < 40rem) {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}:where(.uc-smc) .max-sm\:flex-wrap{
@media (width < 40rem) {
flex-wrap: wrap;
}
}:where(.uc-smc) .max-sm\:gap-\[50px\]{
@media (width < 40rem) {
gap: 50px;
}
}:where(.uc-smc) .md\:mt-8{
@media (width >= 48rem) {
margin-top: calc(var(--spacing) * 8);
}
}:where(.uc-smc) .md\:mt-12{
@media (width >= 48rem) {
margin-top: calc(var(--spacing) * 12);
}
}:where(.uc-smc) .md\:mt-16{
@media (width >= 48rem) {
margin-top: calc(var(--spacing) * 16);
}
}:where(.uc-smc) .md\:w-\[80\%\]{
@media (width >= 48rem) {
width: 80%;
}
}:where(.uc-smc) .md\:grid-cols-2{
@media (width >= 48rem) {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}:where(.uc-smc) .md\:items-start{
@media (width >= 48rem) {
align-items: flex-start;
}
}:where(.uc-smc) .md\:justify-between{
@media (width >= 48rem) {
justify-content: space-between;
}
}:where(.uc-smc) .lg\:min-h-\[544px\]{
@media (width >= 64rem) {
min-height: 544px;
}
}:where(.uc-smc) .lg\:min-h-\[560px\]{
@media (width >= 64rem) {
min-height: 560px;
}
}:where(.uc-smc) .lg\:w-\[380px\]{
@media (width >= 64rem) {
width: 380px;
}
}:where(.uc-smc) .lg\:max-w-\[380px\]{
@media (width >= 64rem) {
max-width: 380px;
}
}:where(.uc-smc) .lg\:max-w-\[520px\]{
@media (width >= 64rem) {
max-width: 520px;
}
}:where(.uc-smc) .lg\:max-w-\[640px\]{
@media (width >= 64rem) {
max-width: 640px;
}
}:where(.uc-smc) .lg\:flex-1{
@media (width >= 64rem) {
flex: 1;
}
}:where(.uc-smc) .lg\:flex-\[0_0_380px\]{
@media (width >= 64rem) {
flex: 0 0 380px;
}
}:where(.uc-smc) .lg\:grid-cols-3{
@media (width >= 64rem) {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}:where(.uc-smc) .lg\:flex-row{
@media (width >= 64rem) {
flex-direction: row;
}
}:where(.uc-smc) .lg\:gap-12{
@media (width >= 64rem) {
gap: calc(var(--spacing) * 12);
}
}:where(.uc-smc) .night\:border-white\/10{
&:is(.uc-night *) {
border-color: color-mix(in srgb, #fff 10%, transparent);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
}
}
}:where(.uc-smc) .night\:bg-\[\#1f1f1f\]{
&:is(.uc-night *) {
background-color: #1f1f1f;
}
}:where(.uc-smc) .night\:bg-white\/\[\.08\]{
&:is(.uc-night *) {
background-color: color-mix(in srgb, #fff 8%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-white) 8%, transparent);
}
}
}:where(.uc-smc) .night\:text-white{
&:is(.uc-night *) {
color: var(--color-white);
}
}:where(.uc-smc) .night\:text-white\/70{
&:is(.uc-night *) {
color: color-mix(in srgb, #fff 70%, transparent);
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, var(--color-white) 70%, transparent);
}
}
}}@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;
}.uc-smc{
--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);
}@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;
}
}@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);
}
}@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));
}
}@layer base{:where(.uc-smc), :where(.uc-smc) *{
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);
}
}.uc-smc{
background-color: var(--background);
color: var(--foreground);
overflow-x: clip;
max-width: 100%;
}html.uc-sb::-webkit-scrollbar, html.uc-sb body::-webkit-scrollbar{
width: 14px;
background: transparent;
}html.uc-sb::-webkit-scrollbar-track, html.uc-sb body::-webkit-scrollbar-track{
background: transparent;
}html.uc-sb::-webkit-scrollbar-thumb, html.uc-sb body::-webkit-scrollbar-thumb{
background-color: #b0b0b0;
border-radius: 9999px;
border: 4px solid transparent;
background-clip: content-box;
min-height: 48px;
}html.uc-sb::-webkit-scrollbar-thumb:hover, html.uc-sb body::-webkit-scrollbar-thumb:hover{
background-color: #8a8a8a;
}html.uc-sb::-webkit-scrollbar-button:single-button, html.uc-sb body::-webkit-scrollbar-button:single-button{
background-repeat: no-repeat;
background-position: center;
background-size: 8px;
height: 14px;
width: 14px;
}html.uc-sb::-webkit-scrollbar-button:single-button:vertical:decrement, html.uc-sb body::-webkit-scrollbar-button:single-button:vertical:decrement{
background-image: url("data:image/svg+xml;utf8,");
}html.uc-sb::-webkit-scrollbar-button:single-button:vertical:increment, html.uc-sb body::-webkit-scrollbar-button:single-button:vertical:increment{
background-image: url("data:image/svg+xml;utf8,");
}@supports not selector(::-webkit-scrollbar){.uc-smc{
scrollbar-width: thin;
scrollbar-color: #b0b0b0 transparent;
}}:where(.uc-smc) [data-scroll-locked]{
margin-right: 0 !important;
}:where(.uc-smc) ::selection{
background-color: rgba(82, 2, 253, 0.18) !important;
}:where(.uc-smc) ::-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.woff2") format("woff2");
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.woff2") format("woff2");
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.woff2") format("woff2");
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.woff2") format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap;
}@keyframes scrollUp{
0% {
transform: translateY(0%);
}
100% {
transform: translateY(-50%);
}
}@keyframes scrollDown{
0% {
transform: translateY(-50%);
}
100% {
transform: translateY(0%);
}
}:where(.uc-smc) input::placeholder, :where(.uc-smc) textarea::placeholder{
color: inherit;
opacity: 0.5;
}@keyframes marquee{
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}@keyframes marquee-reverse{
0% {
transform: translateX(-50%);
}
100% {
transform: translateX(0);
}
}@keyframes dotsFlicker{
0%,
100% {
opacity: 0.35;
}
20% {
opacity: 0.8;
}
45% {
opacity: 0.5;
}
70% {
opacity: 1;
}
}.uc-smc{
--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-smc) .ucx-uc-container{
max-width: var(--uc-container-max);
margin-inline: auto;
padding-inline: var(--uc-gutter);
}@media (max-width: 1024px){.uc-smc{
--uc-gutter: 32px;
}}@media (max-width: 768px){.uc-smc{
--uc-gutter: 20px;
--uc-section-y: 72px;
}}:where(.uc-smc) .ds-caption{
font-weight: 500;
font-size: 12px;
line-height: 18px;
letter-spacing: -.16px;
color: var(--color-sprout-color-text-weaker);
}@keyframes uc-text-shine{
0% {
background-position: 100% 0%;
}
100% {
background-position: -200% 0%;
}
}@property --uc-angle{
syntax: "";
initial-value: 0deg;
inherits: false;
}@keyframes uc-eyebrow-rotate{
to {
--uc-angle: 360deg;
}
}:where(.uc-smc) .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(.uc-smc) .uc-eyebrow::before{
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
padding: var(--uc-eyebrow-ring, 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(.uc-smc) .uc-eyebrow::before{
animation: none;
}}@keyframes uc-flow{
to {
stroke-dashoffset: -120;
}
}@keyframes uc-cpu-pulse{
0%, 100% {
opacity: .85;
transform: scale(1);
}
50% {
opacity: 1;
transform: scale(1.06);
}
}@keyframes uc-marquee{
to {
transform: translateX(-50%);
}
}:where(.uc-smc) .uc-marquee{
width: max-content;
animation: uc-marquee 40s linear infinite;
}:where(.uc-smc) .uc-marquee-wrap:hover .uc-marquee{
animation-play-state: paused;
}:where(.uc-smc) .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-smc) .uc-reveal.ucx-in{
opacity: 1;
transform: none;
}@keyframes cm-bcard-in{
from {
opacity: 0;
transform: translateY(14px);
}
to {
opacity: 1;
transform: none;
}
}@media (prefers-reduced-motion: reduce){:where(.uc-smc) .uc-reveal{
opacity: 1 !important;
transform: none !important;
}:where(.uc-smc) .uc-marquee{
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);
}
}.uc-smc{
--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;
}@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(.uc-smc) *, :where(.uc-smc) ::before, :where(.uc-smc) ::after, :where(.uc-smc) ::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.woff2") format("woff2"); }@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.woff2") format("woff2"); }@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.woff2") format("woff2"); }@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.woff2") format("woff2"); }:where(.uc-smc) .uc-scope, :where(.uc-smc) .uc-content, :where(.uc-smc) .uc-chrome, :where(.uc-smc) .uc-portal{
--uc-container-editorial: 1120px;
--uc-col-brand: 300px; --uc-logo-height: 30px;
--uc-footer-space: clamp(140px,20vw,260px);
--uc-search-width: 360px;
--uc-rail-width: 220px; --uc-rail-width-compact: 170px;
--uc-space-56: 56px; --uc-space-64: 64px; --uc-space-80: 80px;
--uc-text-display: 3.75rem; --uc-text-display-compact: 2.5rem;
--uc-leading-display: 1.06;
--uc-icon-sm: 1rem; --uc-icon-md: 1.25rem; --uc-icon-lg: 1.5rem;
--uc-border-width: 1px; --uc-ring-width: 2px;
--uc-shadow-selected: inset 0 0 0 var(--uc-ring-width) var(--uc-text-strong);
--uc-sticky-offset: calc(var(--uc-space-48) * 2);
--uc-z-sticky: 40;
--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: 2.25rem; --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-smc) .uc-scope, :where(.uc-smc) .uc-content, :where(.uc-smc) .uc-portal, :where(.uc-smc) .uc-night .uc-force-light .uc-scope, :where(.uc-smc) .uc-night .uc-force-light .uc-content, :where(.uc-smc) .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: #AAAAAA;
--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-smc) .uc-content[data-theme="dark"], :where(.uc-smc) .uc-night .uc-scope, :where(.uc-smc) .uc-night .uc-content, :where(.uc-smc) .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(.uc-smc) .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(.uc-smc) .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(.uc-smc) .uc-scope, :where(.uc-smc) .uc-content, :where(.uc-smc) .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(.uc-smc) .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(.uc-smc) .uc-scope *, :where(.uc-smc) .uc-scope *::before, :where(.uc-smc) .uc-scope *::after, :where(.uc-smc) .uc-content *, :where(.uc-smc) .uc-content *::before, :where(.uc-smc) .uc-content *::after, :where(.uc-smc) .uc-chrome *, :where(.uc-smc) .uc-chrome *::before, :where(.uc-smc) .uc-chrome *::after, :where(.uc-smc) .uc-portal *, :where(.uc-smc) .uc-portal *::before, :where(.uc-smc) .uc-portal *::after{
box-sizing: border-box;
}@media (prefers-reduced-motion: reduce){:where(.uc-smc) .uc-scope *, :where(.uc-smc) .uc-content *, :where(.uc-smc) .uc-chrome *, :where(.uc-smc) .uc-portal *{
animation-duration: 0.01ms !important;
transition-duration: 0.01ms !important;
}}:where(.uc-smc) .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(.uc-smc) .Button_button__8M0Ui:focus-visible{
outline: 2px solid var(--uc-ring);
outline-offset: 2px;
}:where(.uc-smc) .Button_button__8M0Ui:active:not(:disabled){
transform: translateY(0.5px);
}:where(.uc-smc) .Button_button__8M0Ui:disabled{
opacity: 0.5;
cursor: not-allowed;
box-shadow: none;
}:where(.uc-smc) .Button_sm__CjQl1{ --_h: var(--uc-control-h-sm); --_px: var(--uc-space-12); --_fs: var(--uc-text-sm); }:where(.uc-smc) .Button_iconOnly__eY4j_{ padding: 0; width: var(--_h); }:where(.uc-smc) .Button_ghost__e52lE{
color: var(--_fg, var(--uc-brand-fg));
background: transparent;
}:where(.uc-smc) .Button_ghost__e52lE.Button_neutral__jwE0u{ color: var(--uc-text); }:where(.uc-smc) .Button_ghost__e52lE:hover:not(:disabled){ background: var(--_glow, var(--uc-brand-glow-hover)); color: var(--uc-text-strong); }:where(.uc-smc) .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);
}@keyframes Button_uc-spin__zZG4c{ to { transform: rotate(360deg); } }@keyframes Select_uc-select-in__LY8D0{ from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }:where(.uc-smc) .Menu_content__cZtHO{
position: relative;
min-width: 200px;
background: var(--uc-surface-overlay);
border-radius: var(--uc-radius-md);
box-shadow: var(--uc-shadow-4);
padding: var(--uc-space-4);
z-index: var(--uc-z-dropdown);
animation: Menu_uc-menu-in__D7NxX var(--uc-dur-enter) var(--uc-ease-emphasized);
}:where(.uc-smc) .Menu_highlight__GF8JA{
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
opacity: 0;
border-radius: var(--uc-radius-sm);
background: var(--uc-surface-control);
transition: width var(--uc-dur-base) var(--uc-ease-emphasized),
height var(--uc-dur-base) var(--uc-ease-emphasized);
pointer-events: none;
z-index: 0;
}:where(.uc-smc) .Menu_item__nlYfa{
all: unset;
box-sizing: border-box;
position: relative;
z-index: 1;
display: flex;
align-items: center;
gap: var(--uc-space-8);
height: var(--uc-control-h-md);
padding: 0 var(--uc-space-12);
border-radius: var(--uc-radius-sm);
font-size: var(--uc-text-base);
color: var(--uc-text);
cursor: pointer;
user-select: none;
}:where(.uc-smc) .Menu_itemSm__ZGc6y{ height: var(--uc-control-h-sm); font-size: var(--uc-text-sm); padding: 0 var(--uc-space-8); }:where(.uc-smc) .Menu_item__nlYfa[data-highlighted]{ color: var(--uc-text-strong); }:where(.uc-smc) .Menu_item__nlYfa[data-disabled]{ color: var(--uc-text-subtle); pointer-events: none; }@keyframes Menu_uc-menu-in__D7NxX{ from { opacity: 0; transform: translateY(-4px) scale(0.98); } to { opacity: 1; transform: none; } }.uc-smc{
--pg: #ffffff;
--pg2: #f7f7f9;
--tx: #0a0a0a;
--txd: #525252;
--txf: #a3a3a3;
--acc: #fd6a35;
--acc-dk: #171717;
--acc-soft: #f4f4f4;
--acc-line: #e7e7ea;
--acc2: #c2410c;
--acc2-solid: #c2410c;
--cardbg: #ffffff;
--cardbd: #e7e7ea;
--line: #ebebeb;
--mist: #f4f4f4;
--ink: #0a0a0a;
--coral: #f65258;
--ease: cubic-bezier(0.22, 1, 0.36, 1);
--r-chip: 10px;
--r-btn: 12px;
--r-card: 16px;
--r-xl: 20px;
position: relative;
background: var(--pg);
color: var(--tx);
overflow-x: clip;
transition: background-color 0.55s cubic-bezier(0.4, 0, 0.2, 1), color 0.55s cubic-bezier(0.4, 0, 0.2, 1);
}html:has(.uc-smc), html:has(.uc-smc), body:has(.uc-smc){ background-color: #fff; }.uc-smc *{ box-sizing: border-box; }.uc-smc, .uc-smc .ucx-sec, .uc-smc .ucx-sec-head, .uc-smc .ucx-eyebrow, .uc-smc .ucx-accent-lemon, .uc-smc h1, .uc-smc h2, .uc-smc h3, .uc-smc p, .uc-smc li, .uc-smc .ds-fine, .uc-smc .faq2-eyebrow, .uc-smc .conv-eyebrow, .uc-smc .conv-title, .uc-smc .conv-sub{
transition: background-color 0.55s cubic-bezier(0.4, 0, 0.2, 1), color 0.55s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.55s cubic-bezier(0.4, 0, 0.2, 1);
}.uc-smc :is([class*="bg-sprout-color-"], [class*="border-sprout-color-"], [class*="text-sprout-color-"]):not(a, button, input, select, textarea, [role="button"], [role="tab"], [class*="hover:"], [class*="transition"]){
transition: background-color 0.55s cubic-bezier(0.4, 0, 0.2, 1), color 0.55s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.55s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.55s cubic-bezier(0.4, 0, 0.2, 1);
}@media (prefers-reduced-motion: reduce){.uc-smc, .uc-smc .ucx-sec, .uc-smc .ucx-sec-head, .uc-smc .ucx-eyebrow, .uc-smc .ucx-accent-lemon, .uc-smc h1, .uc-smc h2, .uc-smc h3, .uc-smc p, .uc-smc li, .uc-smc .ds-fine, .uc-smc .faq2-eyebrow, .uc-smc .conv-eyebrow, .uc-smc .conv-title, .uc-smc .conv-sub{ transition: none; }.uc-smc :is([class*="bg-sprout-color-"], [class*="border-sprout-color-"], [class*="text-sprout-color-"]):not(a, button, input, select, textarea, [role="button"], [role="tab"], [class*="hover:"], [class*="transition"]){ transition: none; }.uc-smc{ transition: none; }}.uc-smc img{ max-width: 100%; }.uc-smc .ucx-uc-container{ max-width: var(--uc-container-max); margin-inline: auto; padding-inline: var(--uc-gutter); }.uc-smc .ucx-sec{ position: relative; padding: 104px 0; scroll-margin-top: 80px; }@media (max-width: 700px){.uc-smc .ucx-sec{ padding: 68px 0; }}.uc-smc .ucx-sec-head{ max-width: 900px; margin: 0 auto; text-align: center; }.uc-smc .ucx-sec h2{ font-size: 36px; line-height: 40px; font-weight: 500; letter-spacing: -0.02em; margin: 16px 0 14px; text-wrap: balance; color: var(--tx); }@media (min-width: 768px){.uc-smc .ucx-sec h2{ font-size: 46px; line-height: 50px; }}.uc-smc .ucx-sec .ucx-sub{ color: var(--txd); font-size: 18px; line-height: 28px; margin: 0; }.uc-smc .ucx-sec-head .ucx-sub{ margin-left: auto; margin-right: auto; max-width: 760px; }.uc-smc .ucx-accent-lemon{ color: var(--tx); }.uc-smc .ucx-eyebrow{
display: inline-flex; align-items: center; gap: 8px;
color: var(--tx); background: none;
border: 0; padding: 0; border-radius: 0;
font-size: 16px; font-weight: 500; letter-spacing: -0.01em;
line-height: 24px;
}.uc-smc .ucx-reveal{ opacity: 0; transform: translateY(22px); transition: opacity 0.6s var(--ease), transform 0.6s var(--ease); will-change: opacity, transform; }.uc-smc .ucx-reveal.ucx-in{ opacity: 1; transform: none; }.uc-smc .ucx-hero{
position: relative; overflow: hidden; text-align: center;
padding: clamp(120px, 15vh, 176px) 0 clamp(56px, 7vw, 88px);
background: var(--pg);
}.uc-smc .ucx-hero > .ucx-uc-container{ position: relative; z-index: 2; }.uc-smc .ucx-hero .ucx-eyebrow{ margin-bottom: 18px; }.uc-smc .ucx-hero .ucx-sub{ max-width: 900px; margin: 0 auto 34px; color: var(--txd); font-size: 18px; line-height: 28px; }.uc-smc .ucx-hero::before, .uc-smc .ucx-hero::after{ content: none; }.uc-smc .ucx-uic-spell-layer{ position: absolute; inset: 0; z-index: 1; overflow: hidden; pointer-events: none; --mx: 0; --my: 0; }.uc-smc .ucx-uic-orb{ position: absolute; border-radius: 50%; filter: blur(55px); will-change: transform; opacity: 0.5; }.uc-smc .ucx-uic-orb-1{ width: 480px; height: 480px; left: -4%; top: 12%; background: radial-gradient(circle, rgba(253, 106, 53, 0.28) 0%, transparent 68%); animation: f2w-float-a 14s ease-in-out infinite alternate; transform: translate(calc(var(--mx) * 24px), calc(var(--my) * 24px)); }.uc-smc .ucx-uic-orb-2{ width: 400px; height: 400px; right: -3%; top: 40%; background: radial-gradient(circle, rgba(82, 2, 253, 0.18) 0%, transparent 68%); animation: f2w-float-b 18s ease-in-out infinite alternate; transform: translate(calc(var(--mx) * -32px), calc(var(--my) * -32px)); }.uc-smc .ucx-uic-orb-3{ width: 300px; height: 300px; left: 40%; top: 55%; background: radial-gradient(circle, rgba(253, 106, 53, 0.16) 0%, transparent 68%); animation: f2w-float-a 22s ease-in-out infinite alternate-reverse; transform: translate(calc(var(--mx) * 16px), calc(var(--my) * 16px)); }.uc-smc .ucx-pill-title{ display: block; text-align: center; margin: 18px auto 20px; max-width: 1180px; font-size: 40px; line-height: 44px; font-weight: 500; letter-spacing: -0.02em; color: var(--tx); }@media (min-width: 768px){.uc-smc .ucx-pill-title{ font-size: 54px; line-height: 58px; }}.uc-smc .ucx-hero-chip{ display: inline-flex; align-items: center; gap: 9px; padding: 9px 16px; border-radius: 999px; font-size: 14px; line-height: 18px; font-weight: 500; color: var(--tx); background: var(--cardbg); border: 1px solid var(--cardbd); box-shadow: 0 2px 6px -3px rgba(16, 24, 40, 0.16); transition: border-color 0.24s var(--ease), transform 0.24s var(--ease); }.uc-smc .ucx-hero-chip:hover{ border-color: var(--acc-line); transform: translateY(-2px); }.uc-smc .ucx-hero-chip svg{ width: 18px; height: 18px; flex: 0 0 auto; }.uc-smc .faq2{ display: flex; flex-direction: column; gap: clamp(28px, 4vw, 44px); max-width: 1020px; margin-inline: auto; }.uc-smc .faq2-title{ text-align: left; }.uc-smc .faq2-title .faq2-eyebrow{ display: inline-block; margin-bottom: 16px; }.uc-smc .faq2-title h2{ text-align: left; margin: 0; }.uc-smc .faq2-grid{ display: grid; grid-template-columns: 1fr; gap: 32px; }@media (min-width: 900px){.uc-smc .faq2-grid{ grid-template-columns: minmax(220px, 260px) 1fr; gap: 28px; align-items: start; }}.uc-smc .faq2-side{ display: flex; flex-direction: column; background: #fff; border: 1px solid var(--cardbd); border-radius: 16px; overflow: hidden; }.uc-smc .faq2-cta{ display: flex; flex-direction: column; align-items: flex-start; gap: 8px; padding: 12px; background: none; border: 0; color: var(--txd); font-size: 16px; line-height: 26px; }.uc-smc .faq2-cta a{ display: inline-flex; align-items: center; gap: 7px; color: var(--acc-dk); text-decoration: none; font-weight: 600; }.uc-smc .faq2-cta a svg{ width: 16px; height: 16px; color: var(--acc); }.uc-smc .faq2-tabs{ position: relative; display: flex; flex-direction: column; gap: 4px; margin: 4px 4px 0; padding: 4px; box-shadow: inset 0 0 0 1px var(--cardbd); border-radius: 12px; background: var(--mist); }.uc-smc .faq2-tab-ind{ position: absolute; left: 4px; right: 4px; top: 0; height: 0; opacity: 0; border-radius: 9px; background: #fff; box-shadow: 0 1px 3px rgba(16, 24, 40, 0.12); transition: transform 0.24s cubic-bezier(0.3, 0, 0, 1), height 0.24s cubic-bezier(0.3, 0, 0, 1); z-index: 0; pointer-events: none; }.uc-smc .faq2-tab{ position: relative; z-index: 1; text-align: left; padding: 9px 16px; border: 0; border-radius: 9px; background: transparent; cursor: pointer; font-family: inherit; font-size: 14px; line-height: 22px; font-weight: 500; color: var(--txd); transition: color 0.2s var(--ease); }.uc-smc .faq2-tab:hover{ color: var(--tx); }.uc-smc .faq2-tab.ucx-on{ color: var(--tx); }.uc-smc .ucxx-faq-pane{ display: none; flex-direction: column; gap: 12px; }.uc-smc .ucxx-faq-pane.ucx-is-active{ display: flex; }.uc-smc .ucxx-faq-item{ border-radius: 16px; background: #fff; border: 1px solid var(--cardbd); overflow: hidden; transition: border-color 0.24s var(--ease); }.uc-smc .ucxx-faq-item.ucx-open, .uc-smc .ucxx-faq-item:hover{ border-color: var(--tx); }.uc-smc .ucxx-faq-q{ width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 22px 24px; background: none; border: 0; cursor: pointer; text-align: left; font-family: inherit; color: var(--tx); font-size: 18px; font-weight: 500; letter-spacing: -0.01em; line-height: 26px; }.uc-smc .ucxx-faq-ic{ flex: 0 0 auto; width: 22px; height: 22px; display: grid; place-items: center; color: var(--tx); transition: transform 0.3s var(--ease); }.uc-smc .ucxx-faq-ic svg{ width: 20px; height: 20px; }.uc-smc .ucxx-faq-item.ucx-open .ucxx-faq-ic{ transform: rotate(135deg); }.uc-smc .ucxx-faq-a{ display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.32s var(--ease); }.uc-smc .ucxx-faq-item.ucx-open .ucxx-faq-a{ grid-template-rows: 1fr; }.uc-smc .ucxx-faq-a > div{ overflow: hidden; }.uc-smc .ucxx-faq-a p{ margin: 0; padding: 0 24px 22px; color: var(--txd); font-size: 16px; line-height: 26px; }.uc-smc .ucxx-faq-a a{ color: var(--acc-dk); font-weight: 500; }@media (prefers-reduced-motion: reduce){.uc-smc .ucx-reveal{ opacity: 1 !important; transform: none !important; transition: none; }.uc-smc .ucx-hero, .uc-smc .ucx-hero::before, .uc-smc .ucx-hero::after, .uc-smc .ucx-uic-orb, .uc-smc .scan-line, .uc-smc .scan-dot, .uc-smc .dfx-col.c3, .uc-smc .dfx-mark, .uc-smc .dfx-chip i.dot, .uc-smc .dfx-lbls em, .uc-smc [class*="mtn-"], .uc-smc .hf-h, .uc-smc .hf-f, .uc-smc .hf-ck, .uc-smc .hf-chip i.dot, .uc-smc .hf-lbls em, .uc-smc .term-scan, .uc-smc .pbx-tile, .uc-smc .rev-track, .uc-smc .logo-track, .uc-smc .demo-chip i, .uc-smc .scan-chip i{
animation: none !important;
}}@keyframes f2w-drift{ 0% { transform: translate(-8%, 4%) scale(1); } 50% { transform: translate(9%, -7%) scale(1.15); } 100% { transform: translate(-6%, 8%) scale(1.05); } }@keyframes f2w-drift-reverse{ 0% { transform: translate(7%, -5%) scale(1.12); } 50% { transform: translate(-9%, 7%) scale(1); } 100% { transform: translate(6%, -8%) scale(1.18); } }@keyframes f2w-float-a{ 0% { translate: 0 0; } 50% { translate: 5% -7%; } 100% { translate: -4% 6%; } }@keyframes f2w-float-b{ 0% { translate: 0 0; } 50% { translate: -6% 7%; } 100% { translate: 5% -5%; } }@keyframes f2w-blink{ 0%, 100% { opacity: 1; } 50% { opacity: 0.25; } }@keyframes f2w-scan-sweep{ from { top: 4%; } to { top: 95%; } }@keyframes f2w-scan-pop{ 0%, 100% { transform: translate(-50%, -50%) scale(0.2); opacity: 0; } 18% { transform: translate(-50%, -50%) scale(1.25); opacity: 1; } 40% { transform: translate(-50%, -50%) scale(1); opacity: 0.92; } 68% { transform: translate(-50%, -50%) scale(0.85); opacity: 0; } }@keyframes f2w-dfx-slide{ 0%, 32% { transform: translateX(calc(-1 * var(--dfxgap, 24px))); } 58%, 90% { transform: translateX(0); } 100% { transform: translateX(calc(-1 * var(--dfxgap, 24px))); } }@keyframes f2w-dfx-bad{ 0%, 30% { opacity: 1; } 42%, 100% { opacity: 0; } }@keyframes f2w-dfx-good{ 0%, 50% { opacity: 0; } 60%, 88% { opacity: 1; } 92%, 100% { opacity: 0; } }@keyframes f2w-dfx-dot{ 0%, 45% { background: var(--coral); } 60%, 100% { background: var(--acc); } }@keyframes f2w-dfx-lbl-a{ 0%, 45% { opacity: 1; } 55%, 100% { opacity: 0; } }@keyframes f2w-dfx-lbl-b{ 0%, 50% { opacity: 0; } 60%, 92% { opacity: 1; } 100% { opacity: 0; } }@keyframes f2w-mt-eye{ 0%, 2% { opacity: 0; transform: translateY(var(--fy)); } 9%, 85% { opacity: 1; transform: translateY(0); } 92%, 100% { opacity: 0; transform: translateY(var(--fy)); } }@keyframes f2w-mt-h{ 0%, 6% { opacity: 0; transform: translateY(var(--fy)); } 14%, 85% { opacity: 1; transform: translateY(0); } 92%, 100% { opacity: 0; transform: translateY(var(--fy)); } }@keyframes f2w-mt-sub{ 0%, 11% { opacity: 0; transform: translateY(var(--fy)); } 19%, 85% { opacity: 1; transform: translateY(0); } 92%, 100% { opacity: 0; transform: translateY(var(--fy)); } }@keyframes f2w-mt-c1{ 0%, 22% { opacity: 0; transform: translateY(var(--fy)); } 29%, 85% { opacity: 1; transform: translateY(0); } 92%, 100% { opacity: 0; transform: translateY(var(--fy)); } }@keyframes f2w-mt-c2{ 0%, 25% { opacity: 0; transform: translateY(var(--fy)); } 32%, 85% { opacity: 1; transform: translateY(0); } 92%, 100% { opacity: 0; transform: translateY(var(--fy)); } }@keyframes f2w-mt-c3{ 0%, 28% { opacity: 0; transform: translateY(var(--fy)); } 35%, 85% { opacity: 1; transform: translateY(0); } 92%, 100% { opacity: 0; transform: translateY(var(--fy)); } }@keyframes f2w-mt-c4{ 0%, 31% { opacity: 0; transform: translateY(var(--fy)); } 38%, 85% { opacity: 1; transform: translateY(0); } 92%, 100% { opacity: 0; transform: translateY(var(--fy)); } }@keyframes f2w-mt-c5{ 0%, 34% { opacity: 0; transform: translateY(var(--fy)); } 41%, 85% { opacity: 1; transform: translateY(0); } 92%, 100% { opacity: 0; transform: translateY(var(--fy)); } }@keyframes f2w-hf-lift-h{ 0%, 10% { transform: translateY(0); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.06); } 16%, 88% { transform: translateY(-8px); box-shadow: 0 12px 22px -8px rgba(0, 0, 0, 0.28), 0 0 0 2px var(--acc); } 100% { transform: translateY(0); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.06); } }@keyframes f2w-hf-lift-f{ 0%, 20% { transform: translateY(0); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); } 26%, 88% { transform: translateY(-8px); box-shadow: 0 12px 22px -8px rgba(0, 0, 0, 0.32), 0 0 0 2px var(--acc); } 100% { transform: translateY(0); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); } }@keyframes f2w-hf-ck1{ 0%, 30% { opacity: 0; transform: scale(0.4); } 36% { opacity: 1; transform: scale(1); } 88% { opacity: 1; } 93%, 100% { opacity: 0; } }@keyframes f2w-hf-ck2{ 0%, 40% { opacity: 0; transform: scale(0.4); } 46% { opacity: 1; transform: scale(1); } 88% { opacity: 1; } 93%, 100% { opacity: 0; } }@keyframes f2w-hf-dot{ 0%, 42% { background: var(--acc2); } 48%, 100% { background: var(--acc); } }@keyframes f2w-hf-la{ 0%, 40% { opacity: 1; } 46%, 100% { opacity: 0; } }@keyframes f2w-hf-lb{ 0%, 44% { opacity: 0; } 50%, 88% { opacity: 1; } 94%, 100% { opacity: 0; } }@keyframes f2w-term-scan{ 0% { transform: translateY(-84px); } 100% { transform: translateY(330px); } }@keyframes f2w-term-swap{ from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }@keyframes f2w-term-blink{ 50% { opacity: 0; } }@keyframes f2w-rev-up{ from { transform: translateY(0); } to { transform: translateY(-50%); } }@keyframes f2w-logo-marq{ to { transform: translateX(-50%); } }@keyframes f2w-pbx-float{ 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }@keyframes f2w-pwfade{ from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }.uc-smc .hero-grid{ display: grid; grid-template-columns: minmax(0, 1fr); gap: 40px; }.uc-smc .hero-copy{ display: flex; flex-direction: column; align-items: center; text-align: center; min-width: 0; }.uc-smc .hero-copy .uc-eyebrow{ margin-bottom: var(--spacing-sprout-24); }.uc-smc .hero-copy .ucx-pill-title{ margin: 0 auto var(--spacing-sprout-20); }.uc-smc .hero-copy .ucx-sub{ max-width: 1100px; margin: 0 auto var(--spacing-sprout-32); }.uc-smc .ucx-hero .uc-marquee-wrap{ margin-top: 80px; }.uc-smc .hero-video-wrap{ position: relative; margin-top: 80px; }.uc-smc .hero-glow{ pointer-events: none; user-select: none; position: absolute; left: 50%; top: 50%; z-index: 0; width: 176%; max-width: none; transform: translate(-50%, -64%); }@keyframes conv-marquee-x{ from { transform: translateX(0); } to { transform: translateX(-50%); } }@keyframes cm-chips-l{ to { transform: translateX(-50%); } }@keyframes cm-chips-r{ from { transform: translateX(-50%); } to { transform: translateX(0); } }@keyframes tm-fill{ from { width: 0; } to { width: 100%; } }@keyframes tm-run{ from { left: 0; } to { left: 100%; } }.uc-smc .ucx-sec-head + .uc-content, .uc-smc .ucx-sec-head + .xway-grid, .uc-smc .ucx-sec-head + .feat-wrap, .uc-smc .ucx-sec-head + .opt-zig, .uc-smc .ucx-sec-head + .tm-bars, .uc-smc .ucx-sec-head + .watch-grid, .uc-smc .ucx-sec-head + .sprout-shot, .uc-smc .ucx-sec-head + .map-wrap, .uc-smc .ucx-sec-head + .tpl-grid{ margin-top: 52px; }:where(.uc-smc) .Tabs_root__yRlbq{ display: flex; flex-direction: column; gap: var(--uc-space-16); }:where(.uc-smc) .Tabs_listPill__e7V89{
position: relative;
display: inline-flex;
align-items: center;
gap: 2px;
padding: 3px;
background: var(--uc-surface-sunken);
border-radius: var(--uc-radius-md);
box-shadow: inset 0 0 0 1px var(--uc-border-subtle);
width: max-content;
}:where(.uc-smc) .Tabs_indicatorPill__Be61r{
position: absolute;
top: 3px;
bottom: 3px;
left: 0;
width: 0;
opacity: 0;
border-radius: var(--uc-radius-sm);
background: var(--uc-surface-raised);
background-image: var(--uc-sheen);
box-shadow: var(--uc-shadow-control);
transition: transform var(--uc-dur-base) var(--uc-ease-emphasized),
width var(--uc-dur-base) var(--uc-ease-emphasized);
z-index: 0;
pointer-events: none;
}:where(.uc-smc) .Tabs_triggerPill__omZsh{
all: unset;
box-sizing: border-box;
position: relative;
z-index: 1;
height: 26px;
padding: 0 var(--uc-space-12);
display: inline-flex;
align-items: center;
gap: var(--uc-space-8);
font-size: var(--uc-text-base);
font-weight: var(--uc-weight-medium);
color: var(--uc-text-muted);
border-radius: var(--uc-radius-sm);
cursor: pointer;
transition: color var(--uc-dur-fast) var(--uc-ease-standard);
}:where(.uc-smc) .Tabs_triggerPill__omZsh:hover{ color: var(--uc-text-strong); }:where(.uc-smc) .Tabs_triggerPill__omZsh[data-state="active"]{ color: var(--uc-text-strong); }:where(.uc-smc) .Tabs_triggerPill__omZsh:focus-visible{ outline: 2px solid var(--uc-ring); outline-offset: 2px; }:where(.uc-smc) .Tabs_triggerPill__omZsh:disabled{ opacity: 0.5; cursor: not-allowed; }:where(.uc-smc) .Tabs_triggerPillLg__GMWX7{ height: 32px; padding: 0 var(--uc-space-16); font-size: var(--uc-text-md); }:where(.uc-smc) .Tabs_content__7WLYb:focus-visible{ outline: none; }.uc-smc{
--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
--smcp-r: 16px;
}.uc-smc .smcp-code{
position: relative;
border-radius: var(--uc-radius-12);
background: var(--uc-surface-base);
box-shadow: 0 0 0 1px var(--uc-border-subtle);
overflow: hidden;
}.uc-smc .smcp-code-bar{
display: flex; align-items: center; justify-content: space-between;
gap: var(--uc-space-12);
padding: var(--uc-space-8) var(--uc-space-10) var(--uc-space-8) var(--uc-space-14);
border-bottom: 1px solid var(--uc-border-subtle);
background: var(--uc-surface-sunken);
}.uc-smc .smcp-code-name{
font-family: var(--uc-font-mono);
font-size: var(--uc-text-xs);
letter-spacing: var(--uc-tracking-wide);
color: var(--uc-text-muted);
}.uc-smc .smcp-code pre{
margin: 0;
padding: var(--uc-space-14);
overflow-x: auto;
font-family: var(--uc-font-mono);
font-size: var(--uc-text-sm);
line-height: var(--uc-leading-normal);
color: var(--uc-text-strong);
white-space: pre;
}.uc-smc .smcp-code .c-dim{ color: var(--uc-text-subtle); }.uc-smc .smcp-code .c-acc{ color: var(--uc-brand-fg); }.uc-smc .smcp-code .c-str{ color: var(--uc-success-fg); }.uc-smc .smcp-code .c-key{ color: var(--uc-accent-fg); }.uc-smc .smcp-copy{
flex: 0 0 auto;
display: inline-flex; align-items: center; gap: var(--uc-space-6);
height: var(--uc-control-h-sm);
padding: 0 var(--uc-space-10);
border-radius: var(--uc-radius-sm);
border: 1px solid var(--uc-border);
background: var(--uc-surface-control);
color: var(--uc-text);
font-family: var(--uc-font-sans);
font-size: var(--uc-text-xs);
font-weight: var(--uc-weight-medium);
cursor: pointer;
transition: background var(--uc-dur-fast) var(--uc-ease-standard),
border-color var(--uc-dur-fast) var(--uc-ease-standard),
color var(--uc-dur-fast) var(--uc-ease-standard);
}.uc-smc .smcp-code .smcp-copy:hover{
background: var(--uc-surface-overlay);
border-color: var(--uc-border-strong);
color: var(--uc-text-strong);
}.uc-smc .smcp-code .smcp-copy.ucx-is-done{ color: var(--uc-success-fg); border-color: var(--uc-success-border); }.uc-smc .smcp-copy svg{ width: 13px; height: 13px; }.uc-smc .smcp-launcher{
position: relative;
z-index: 1;
max-width: 880px;
margin: 0 auto;
border-radius: var(--uc-radius-24);
background: transparent;
}.uc-smc .smcp-setupcard{
text-align: left;
border-radius: var(--uc-radius-24);
background: var(--uc-surface-raised);
box-shadow: 0 0 0 1px var(--uc-border-subtle), var(--uc-shadow-5);
overflow: hidden;
}.uc-smc .smcp-setupcard-head{
padding: var(--uc-space-24) var(--uc-space-32) var(--uc-space-20);
border-bottom: 1px solid var(--uc-border-subtle);
background: var(--uc-surface-base);
}@media (max-width: 700px){.uc-smc .smcp-setupcard-head{ padding: var(--uc-space-24) var(--uc-space-20) var(--uc-space-20); }}.uc-smc .smcp-setupcard h2.smcp-setupcard-title{
margin: 0 0 var(--uc-space-8);
font-family: var(--uc-font-sans);
font-size: var(--uc-text-xl);
line-height: var(--uc-leading-snug);
font-weight: var(--uc-weight-medium);
letter-spacing: var(--uc-tracking-tight);
color: var(--uc-text-strong);
}@media (min-width: 768px){.uc-smc .smcp-setupcard h2.smcp-setupcard-title{ font-size: var(--uc-text-2xl); }}.uc-smc .smcp-setupcard-lead{
margin: 0; max-width: 60ch;
font-family: var(--uc-font-sans);
font-size: var(--uc-text-md);
line-height: var(--uc-leading-normal);
color: var(--uc-text-muted);
}.uc-smc .smcp-tabsroot{ padding: var(--uc-space-24) var(--uc-space-32) var(--uc-space-8); gap: var(--uc-space-24); }@media (max-width: 700px){.uc-smc .smcp-tabsroot{ padding: var(--uc-space-20) var(--uc-space-20) var(--uc-space-4); }}.uc-smc .smcp-tabsbar{ overflow-x: auto; scrollbar-width: none; margin: 0 calc(-1 * var(--uc-space-4)); padding: 0 var(--uc-space-4); }.uc-smc .smcp-tabsbar::-webkit-scrollbar{ display: none; }.uc-smc .smcp-tabic{
width: 20px; height: 20px;
border-radius: var(--uc-radius-xs);
object-fit: contain; flex: 0 0 auto;
}.uc-smc .smcp-tabic[data-client="vscode"]{ padding: 3px; }.uc-smc .smcp-steps{
margin: 0; padding: 0 0 0 var(--uc-space-24);
counter-reset: smcpstep; list-style: none;
}.uc-smc .smcp-steps > li{
position: relative;
margin-bottom: var(--uc-space-20);
font-family: var(--uc-font-sans);
font-size: var(--uc-text-md);
line-height: var(--uc-leading-normal);
color: var(--uc-text);
}.uc-smc .smcp-steps > li:last-child{ margin-bottom: var(--uc-space-8); }.uc-smc .smcp-steps > li::before{
counter-increment: smcpstep; content: counter(smcpstep);
position: absolute; left: calc(-1 * var(--uc-space-24)); top: 1px;
width: 18px; height: 18px; border-radius: var(--uc-radius-pill);
display: grid; place-items: center;
background: var(--uc-surface-sunken);
color: var(--uc-text-muted);
font-size: var(--uc-text-2xs);
font-weight: var(--uc-weight-semibold);
font-variant-numeric: tabular-nums;
}.uc-smc .smcp-steps code{
font-family: var(--uc-font-mono);
font-size: var(--uc-text-sm);
padding: 2px var(--uc-space-6);
border-radius: var(--uc-radius-xs);
background: var(--uc-surface-sunken);
border: 1px solid var(--uc-border-subtle);
color: var(--uc-text-strong);
}.uc-smc .smcp-steps .smcp-code{ margin-top: var(--uc-space-12); }.uc-smc .smcp-setupcard-foot{
display: flex; flex-wrap: wrap; align-items: center; gap: var(--uc-space-6);
padding: var(--uc-space-16) var(--uc-space-32) var(--uc-space-20);
border-top: 1px solid var(--uc-border-subtle);
background: var(--uc-surface-base);
font-family: var(--uc-font-sans);
font-size: var(--uc-text-base);
color: var(--uc-text-muted);
}@media (max-width: 700px){.uc-smc .smcp-setupcard-foot{ padding: var(--uc-space-14) var(--uc-space-20) var(--uc-space-16); }}.uc-smc .smcp-setupcard-foot a{
color: var(--uc-text-strong);
font-weight: var(--uc-weight-medium);
text-decoration: underline; text-underline-offset: 3px;
text-decoration-color: var(--uc-border);
transition: text-decoration-color var(--uc-dur-fast) var(--uc-ease-standard);
}.uc-smc .smcp-setupcard-foot a:hover{ text-decoration-color: var(--uc-brand); }.uc-smc .smcp-deeplink{
font-weight: 500; color: var(--acc);
text-decoration: underline; text-underline-offset: 3px;
text-decoration-color: color-mix(in srgb, var(--acc) 40%, transparent);
}.uc-smc .smcp-deeplink:hover{ text-decoration-color: var(--acc); }.uc-smc .smcp-chat{
margin-top: 44px;
border-radius: 20px 20px 0 0;
border: 1px solid var(--cardbd);
border-bottom: 0;
background: var(--cardbg);
overflow: hidden;
}.uc-smc .smcp-chat-bar{ display: flex; align-items: center; gap: 7px; padding: 16px 20px; }.uc-smc .smcp-dot{ width: 10px; height: 10px; border-radius: 50%; background: var(--cardbd); }.uc-smc .smcp-chat-body{ padding: 10px 24px 30px; }@media (min-width: 768px){.uc-smc .smcp-chat-body{ padding: 18px 44px 38px; }}.uc-smc .smcp-chat-body{ max-width: 760px; margin-inline: auto; }.uc-smc .smcp-you{ text-align: right; margin-bottom: 40px; }.uc-smc .smcp-you-label{ display: block; margin-bottom: 4px; padding-right: 24px; font-size: 13px; color: var(--txf); }.uc-smc .smcp-you-bubble{
display: inline-block; padding: 14px 24px; border-radius: 999px;
background: #171717; color: #fff;
font-size: 16px; line-height: 24px; letter-spacing: -0.01em;
text-align: left; max-width: 100%;
}.uc-smc .smcp-agent{ max-width: 780px; }.uc-smc .smcp-agent-who{
display: grid; margin-bottom: 16px;
font-size: 15px; font-weight: 500; color: var(--tx);
}.uc-smc .smcp-agent-slot{
grid-area: 1 / 1;
display: flex; align-items: center; gap: 10px;
opacity: 0; filter: blur(4px); transform: translateY(8px);
transition: opacity 0.45s var(--ease, cubic-bezier(.2,.7,.2,1)),
filter 0.45s var(--ease, cubic-bezier(.2,.7,.2,1)),
transform 0.45s var(--ease, cubic-bezier(.2,.7,.2,1));
}.uc-smc .smcp-agent-slot[data-state="in"]{ opacity: 1; filter: blur(0); transform: none; }.uc-smc .smcp-agent-slot[data-state="out"]{ opacity: 0; filter: blur(4px); transform: translateY(-8px); }.uc-smc .smcp-agent-slot[data-state="wait"]{ transition: none; }.uc-smc .smcp-agent-who img{ width: 22px; height: 22px; object-fit: contain; border-radius: 5px; }.uc-smc .smcp-agent-who img[data-client="vscode"]{ padding: 3px; }@media (prefers-reduced-motion: reduce){.uc-smc .smcp-agent-slot{ transition: none; }}.uc-smc .smcp-agent p{ margin: 0 0 12px; font-size: 16.5px; line-height: 26px; color: var(--tx); }.uc-smc .smcp-used{
display: inline-flex; align-items: center; gap: 7px;
margin-bottom: 12px; font-size: 15px; color: var(--txf);
}.uc-smc .smcp-used svg{ width: 13px; height: 13px; }.uc-smc .smcp-rail-wrap{
position: relative;
border: 1px solid var(--cardbd);
border-top: 0;
border-radius: 0 0 20px 20px;
background: var(--cardbg);
overflow: hidden;
}.uc-smc .smcp-rail-scroll{
display: flex; gap: 20px; padding: 4px 24px 30px; overflow-x: auto;
scrollbar-width: none;
scroll-behavior: auto;
overscroll-behavior-x: contain;
}@media (min-width: 768px){.uc-smc .smcp-rail-scroll{ padding: 4px 44px 30px; }}.uc-smc .smcp-rail-scroll::-webkit-scrollbar{ display: none; }.uc-smc .smcp-result{
flex: 0 0 auto; width: min(520px, 80vw);
display: flex; align-items: center;
border-radius: var(--smcp-r);
border: 1px solid var(--cardbd);
background: #fff;
overflow: hidden;
}.uc-smc .smcp-result{ container-type: inline-size; }.uc-smc .smcp-abt{ width: 1440px; flex: none; zoom: calc(100cqw / 1440px); }.uc-smc .smcp-rail-wrap::after{
content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 150px;
background: linear-gradient(to bottom, transparent, var(--cardbg) 86%);
pointer-events: none;
}.uc-smc .smcp-bento{ display: flex; flex-direction: column; gap: 24px; margin-top: 44px; }.uc-smc .smcp-brow{ display: flex; gap: 24px; }.uc-smc .smcp-brow > .smcp-fc{ flex: var(--w) 1 0; min-width: 0; }.uc-smc .smcp-fc{
position: relative;
display: flex;
flex-direction: column;
aspect-ratio: var(--w) / 400;
container-type: inline-size;
border-radius: 20px;
border: 1px solid var(--cardbd);
background: var(--cardbg);
overflow: hidden;
transition: border-color 0.2s var(--ease);
}.uc-smc .smcp-fc:hover{ border-color: var(--acc-line); }.uc-smc .smcp-fc-copy, .uc-smc .smcp-fc-art{ font-size: calc(100cqw / var(--w)); }.uc-smc .smcp-fc-copy{ position: relative; z-index: 3; padding: 24em 24em 0; }.uc-smc .smcp-fc-copy h3{
margin: 0 0 0.2222em;
font-size: calc(18em * var(--ts));
line-height: 1.3333;
font-weight: 600;
letter-spacing: -0.01em;
color: var(--tx);
}.uc-smc .smcp-fc-copy p{
margin: 0;
font-size: calc(16em * var(--ts));
line-height: 1.5;
letter-spacing: -0.01em;
color: var(--txd);
}.uc-smc .smcp-fc-art{ position: relative; z-index: 1; flex: none; height: 290em; margin-top: auto; }.uc-smc .smcp-fc-blob{
position: absolute; display: flex; align-items: center; justify-content: center;
pointer-events: none;
}.uc-smc .smcp-fc-blob-rot{ position: relative; flex: none; }.uc-smc .smcp-fc-blob-rot > div{ position: absolute; }.uc-smc .smcp-fc-blob img{ display: block; width: 100%; height: 100%; max-width: none; }.uc-smc .smcp-fc-mask{
position: absolute;
-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
-webkit-mask-mode: alpha; mask-mode: alpha;
}.uc-smc .smcp-fc-crop{ position: absolute; inset: 0; overflow: hidden; }.uc-smc .smcp-fc-shot{ position: absolute; max-width: none; object-fit: cover; }.uc-smc .smcp-fc-mask > .smcp-fc-shot{ inset: 0; width: 100%; height: 100%; }.uc-smc .smcp-fc-ds-l, .uc-smc .smcp-fc-ds-r{ position: absolute; }.uc-smc .smcp-fc-ds-l{
border: 1.003em solid #e8e8e8; border-radius: 5.531em;
box-shadow: 3.01em 6.021em 12.041em rgba(0, 0, 0, 0.14);
}.uc-smc .smcp-fc-ds-l img{
display: block; width: 100%; height: 100%;
object-fit: cover; object-position: top; border-radius: 5.531em;
}.uc-smc .smcp-fc-ds-r img{ display: block; width: 100%; height: 100%; object-fit: cover; object-position: bottom; }.uc-smc .smcp-fc-swap{ position: absolute; border-radius: 6em; overflow: hidden; }.uc-smc .smcp-fc-swap > i{ position: absolute; inset: 0; background: rgba(0, 0, 0, 0.06); }.uc-smc .smcp-fc-tree{ position: absolute; }.uc-smc .smcp-fc-tree img{ display: block; width: 100%; height: 100%; object-fit: cover; }.uc-smc .smcp-fc-swapbtn{
position: absolute; z-index: 2;
display: inline-flex; align-items: center; justify-content: center;
padding: 2.224em 4.447em; border: 0.556em solid #fff; border-radius: 3.335em;
box-shadow: 0 0.556em 1.112em rgba(0, 0, 0, 0.05);
color: #fff; white-space: nowrap;
}.uc-smc .smcp-fc-swapbtn b{ font-size: 6.67em; line-height: 1.3333; font-weight: 400; }.uc-smc .smcp-fc-dev{
position: absolute; z-index: 2;
display: flex; align-items: flex-start; justify-content: flex-end; gap: 9.206em;
background: #fff; border-radius: 12.679em;
}.uc-smc .smcp-fc-dev span{
display: grid; place-items: center; flex: none;
width: 52.167em; height: 42.961em;
border: 1.534em solid #e7e7ea; border-radius: 10.74em; background: #fff;
}.uc-smc .smcp-fc-dev span.is-on{ border-color: #004aec; background: rgba(0, 74, 236, 0.07); }.uc-smc .smcp-fc-dev img{ display: block; width: 23.015em; height: 23.015em; }.uc-smc .smcp-fc-devok{ position: absolute; z-index: 3; display: block; max-width: none; }@media (max-width: 1039px){.uc-smc .smcp-brow{ flex-wrap: wrap; }.uc-smc .smcp-brow > .smcp-fc{ flex: 0 1 calc(50% - 12px); }.uc-smc .smcp-fc{ aspect-ratio: auto; }.uc-smc .smcp-fc-copy{ font-size: 16px; padding: 22px 22px 0; }.uc-smc .smcp-fc-copy h3{ margin: 0 0 6px; font-size: 17px; line-height: 25px; }.uc-smc .smcp-fc-copy p{ font-size: 14.5px; line-height: 23px; }.uc-smc .smcp-fc-art{ margin-top: 18px; }}@media (max-width: 719px){.uc-smc .smcp-bento, .uc-smc .smcp-brow{ gap: 16px; }.uc-smc .smcp-brow > .smcp-fc{ flex: 0 1 100%; }.uc-smc .smcp-fc-copy{ padding: 20px 20px 0; }}.uc-smc .smcp-mq{
display: flex; flex-direction: column; gap: 12px; margin-top: 40px;
-webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}.uc-smc .smcp-mq-row{ overflow: hidden; }.uc-smc .smcp-mq-track{ display: flex; gap: 12px; padding: 2px 0; animation-duration: 60s; }.uc-smc .smcp-mq-track.is-rev{ animation-direction: reverse; animation-duration: 70s; }.uc-smc .smcp-pill{
flex: 0 0 auto;
display: inline-flex; align-items: center; gap: 10px;
padding: 6px 6px 6px 18px; border-radius: 999px;
border: 1px solid var(--cardbd); background: var(--cardbg);
font-size: 15px; line-height: 22px; color: var(--tx);
white-space: nowrap;
}.uc-smc .smcp-pill-acts{ display: inline-flex; align-items: center; gap: 2px; }.uc-smc .smcp-pill-acts button{ border-radius: 999px; color: var(--txd); }.uc-smc .smcp-pill-acts button, .uc-smc .smcp-pill-acts button:hover, .uc-smc .smcp-pill-acts button:active, .uc-smc .smcp-pill-acts button[data-state="open"]{ background: transparent; transform: none; }.uc-smc .smcp-pill-acts button:focus, .uc-smc .smcp-pill-acts button:focus-visible{ outline: none; }.uc-smc .smcp-pill-acts button:hover, .uc-smc .smcp-pill-acts button:focus-visible, .uc-smc .smcp-pill-acts button[data-state="open"]{ color: var(--tx); }.uc-smc .smcp-pill-acts button.ucx-is-done, .uc-smc .smcp-pill-acts button.ucx-is-done:hover{ background: #ededed; color: var(--tx); }.uc-smc .smcp-pill-acts button.ucx-is-done svg{ width: 16px; height: 16px; stroke-width: 2.75; }.uc-smc .smcp-pill-acts svg{ width: 15px; height: 15px; }.uc-smc .smcp-mq-row.is-paused .uc-marquee{ animation-play-state: paused; }@media (max-width: 560px){.uc-smc .smcp-pill{ font-size: 14px; padding: 4px 4px 4px 14px; }}@media (max-width: 700px){.uc-smc .smcp-you-bubble{ font-size: 15px; padding: 12px 18px; }.uc-smc .smcp-you-label{ padding-right: 18px; }}.uc-smc.uc-smc .ucx-hero .uc-marquee-wrap{ margin-top: 16px; }.uc-smc .wm-head{ display: flex; flex-direction: column; gap: 32px; margin-bottom: 0; }@media (min-width: 1024px){.uc-smc .wm-head{ flex-direction: row; align-items: flex-end; justify-content: space-between; }}.uc-smc .wm-head-l{ max-width: 701px; }.uc-smc .wm-head-l .ucx-eyebrow{ display: inline-flex; margin-bottom: 20px; }.uc-smc .wm-head h2{
margin: 0;
font-size: clamp(2rem, 3.6vw, 3rem);
font-weight: 500; letter-spacing: -0.02em; line-height: 1.1;
color: var(--tx); text-wrap: balance;
}.uc-smc .wm-head-r{
flex: 0 0 auto; max-width: 441px; margin: 0;
font-size: 1rem; line-height: 1.5; letter-spacing: -0.01em;
color: var(--uc-text-muted, #737373);
}:where(.uc-smc) .uc-abt{
width: 1440px;
background: var(--theme-bg);
color: var(--theme-ink);
font-family: var(--theme-font);
text-align: left;
}:where(.uc-smc) .uc-abt *, :where(.uc-smc) .uc-abt *::before, :where(.uc-smc) .uc-abt *::after{ box-sizing: border-box; }:where(.uc-smc) .uc-abt p, :where(.uc-smc) .uc-abt h1, :where(.uc-smc) .uc-abt h2, :where(.uc-smc) .uc-abt h3, :where(.uc-smc) .uc-abt h4, :where(.uc-smc) .uc-abt h5, :where(.uc-smc) .uc-abt h6, :where(.uc-smc) .uc-abt figure{ margin: 0; }:where(.uc-smc) .uc-abt img{ display: block; max-width: none; }:where(.uc-smc) .uc-abt .uichemy-container{ max-width: 1440px; margin: auto; padding: 48px 100px; }:where(.uc-smc) .uc-abt .uichemy-heading-3xl-bold{ font-size: 80px; line-height: 96px; font-weight: 700; }:where(.uc-smc) .uc-abt .uichemy-heading-2xl-bold{ font-size: 72px; line-height: 90px; font-weight: 700; }:where(.uc-smc) .uc-abt .uichemy-heading-2xl-semibold{ font-size: 72px; line-height: 90px; font-weight: 600; }:where(.uc-smc) .uc-abt .uichemy-heading-xl-bold{ font-size: 60px; line-height: 72px; font-weight: 700; }:where(.uc-smc) .uc-abt .uichemy-heading-lg-semibold{ font-size: 48px; line-height: 60px; font-weight: 600; }:where(.uc-smc) .uc-abt .uichemy-body-lg-semibold{ font-size: 18px; line-height: 28px; font-weight: 600; }:where(.uc-smc) .uc-abt .uichemy-body-lg-medium{ font-size: 18px; line-height: 28px; font-weight: 500; }:where(.uc-smc) .uc-abt .uichemy-body-lg-regular{ font-size: 18px; line-height: 28px; font-weight: 400; }:where(.uc-smc) .uc-abt .uichemy-body-md-medium{ font-size: 16px; line-height: 24px; font-weight: 500; }:where(.uc-smc) .uc-abt .uichemy-body-md-regular{ font-size: 16px; line-height: 24px; font-weight: 400; }:where(.uc-smc) .uc-abt .uichemy-body-sm-medium{ font-size: 14px; line-height: 20px; font-weight: 500; }:where(.uc-smc) .uc-abt .uichemy-body-sm-regular{ font-size: 14px; line-height: 20px; font-weight: 400; }:where(.uc-smc) .uc-abt .uichemy-caption-xs-bold{ font-size: 12px; line-height: 18px; font-weight: 700; }:where(.uc-smc) .uc-abt [class*="uichemy-heading-"]{ font-family: var(--theme-font); }:where(.uc-smc) .uc-abt [class*="uichemy-body-"], :where(.uc-smc) .uc-abt [class*="uichemy-caption-"]{ font-family: "DM Sans","DM Sans Fallback", Arial, sans-serif; }:where(.uc-smc) .uc-abt .uichemy-badge{
display: inline-flex; align-items: center; justify-content: center; gap: 6px;
padding: 6px 14px; border: 1px solid var(--color-neutral, #0000001f);
border-radius: 9999px;
background: color-mix(in srgb, var(--theme-accent) 10%, var(--theme-bg));
color: var(--theme-accent);
}:where(.uc-smc) .uc-abt .uichemy-btn-primary{
display: flex; align-items: center; justify-content: center; gap: 6px;
padding: 13px 24px; border-radius: var(--radius-button-radius-xs, 6px);
background: var(--color-primary); color: var(--color-primary-text);
cursor: pointer; transition: all 0.3s linear;
}:where(.uc-smc) .uc-abt .uichemy-btn-tertiary{
display: flex; align-items: center; justify-content: center; gap: 6px;
padding: 13px 0; border: 0; background: transparent;
color: var(--color-primary); cursor: pointer; transition: all 0.3s linear;
}:where(.uc-smc) .uc-abt .image-shadow{ box-shadow: 0 18px 40px -12px rgba(0, 0, 0, 0.18); }:where(.uc-smc) .uc-abt .bg-bgLight1{ background-color: var(--color-bgLight1); }:where(.uc-smc) .uc-abt .bg-bgLight2{ background-color: var(--color-bgLight2); }:where(.uc-smc) .uc-abt .text-titleLight{ color: var(--color-titleLight); }:where(.uc-smc) .uc-abt .text-descriptionLight{ color: var(--color-descriptionLight); }:where(.uc-smc) .uc-abt .text-primary{ color: var(--color-primary); }:where(.uc-smc) .uc-abt .text-accent{ color: var(--color-accent); }:where(.uc-smc) .uc-abt .border-neutral{ border-color: var(--color-neutral); }:where(.uc-smc) .uc-abt .rounded-card-radius-sm{ border-radius: var(--radius-card-radius-sm, 4px); }:where(.uc-smc) .uc-abt-saas .rounded-card-radius-sm.bg-bgLight2{ gap: 160px; }:where(.uc-smc) .uc-abt [class*="animate-"]{ animation: none !important; opacity: 1 !important; transform: none !important; }:where(.uc-smc) .uichemy-badge{ display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 12px 16px; border-style: solid; border-color: var(--color-neutral); border-width: var(--border-width-full); border-radius: var(--radius-badge-radius-full); background-color: var(--uichemy-fill2); }:where(.uc-smc) .au15-row{ display: grid; grid-template-columns: 260px 440px 1fr; gap: 48px; align-items: end; }@media (max-width: 1024px){:where(.uc-smc) .au15-row{ grid-template-columns: 1fr; gap: 32px; }}:where(.uc-smc) .au15-title{ max-width: 900px; }:where(.uc-smc) .au15-media{ height: 260px; }:where(.uc-smc) .uichemy-badge{ display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 12px 16px; border-style: solid; border-color: var(--color-neutral); border-width: var(--border-width-full); border-radius: var(--radius-badge-radius-full); background-color: var(--uichemy-fill2); }:where(.uc-smc) .au15-row{ display: grid; grid-template-columns: 260px 440px 1fr; gap: 48px; align-items: end; }@media (max-width: 1024px){:where(.uc-smc) .au15-row{ grid-template-columns: 1fr; gap: 32px; }}:where(.uc-smc) .au15-title{ max-width: 900px; }:where(.uc-smc) .au15-media{ height: 260px; }
/* Lets the page radius and ring utilities beat the builder image reset. */
.uc-smc img[class*="rounded-"]{border-radius:revert-layer}.uc-smc img[class*="ring-"]{box-shadow:revert-layer}