/* AWC "Connect UiChemy MCP" section (React McpConnect.tsx). Scope .uc-amc; colours flip with the page night class. */ .uc-amc{--border:#e5e5e5;--color-black:#000;--color-white:#fff;--default-mono-font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:150ms;--default-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-weight-medium:500;--ring:#fd6a35;--spacing:0.25rem;--tw-border-style:solid;--tw-inset-ring-shadow:0 0 #0000;--tw-inset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-offset-width:0px;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-translate-x:0;--tw-translate-y:0;--uc-accent-fg:#3600AF;--uc-border:#D4D4D4;--uc-border-strong:#D4D4D4;--uc-border-subtle:#E5E5E5;--uc-brand:#FD6A35;--uc-brand-fg:#CC4B23;--uc-brand-glow-hover:rgba(253, 106, 53, 0.08);--uc-container-max:1320px;--uc-control-h-md:2rem;--uc-control-h-sm:1.75rem;--uc-dur-fast:160ms;--uc-ease-standard:cubic-bezier(0.2, 0, 0, 1);--uc-font-mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--uc-font-sans:"Zalando Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--uc-gutter:40px;--uc-leading-normal:1.5;--uc-radius-12:12px;--uc-radius-16:16px;--uc-radius-24:24px;--uc-radius-4:4px;--uc-radius-6:6px;--uc-radius-8:8px;--uc-radius-infinite:9999px;--uc-radius-md:8px;--uc-radius-pill:9999px;--uc-radius-sm:6px;--uc-radius-xs:4px;--uc-ring:rgba(253, 106, 53, 0.50);--uc-ring-width:2px;--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-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-space-10:10px;--uc-space-12:12px;--uc-space-14:14px;--uc-space-16:16px;--uc-space-20:20px;--uc-space-24:24px;--uc-space-32:32px;--uc-space-48:48px;--uc-space-6:6px;--uc-space-8:8px;--uc-surface-base:#F9F9FB;--uc-surface-control:#FFFFFF;--uc-surface-overlay:rgba(255, 255, 255, 0.10);--uc-surface-raised:#FFFFFF;--uc-surface-sunken:#F1F1F7;--uc-text:#171717;--uc-text-2xs:0.625rem;--uc-text-base:0.875rem;--uc-text-md:1rem;--uc-text-muted:#737373;--uc-text-sm:0.8125rem;--uc-text-strong:#0A0A0A;--uc-text-subtle:#A3A3A3;--uc-text-xs:0.75rem;--uc-tracking-wide:0.02em;--uc-weight-medium:500;--uc-weight-semibold:600} .uc-amc.uc-night{--uc-shadow-selected:inset 0 0 0 2px #F5F5F5;--uc-bg:#1C1C1C;--uc-fg:#F5F5F5;--uc-fg-muted:#A3A3A3;--uc-card:#242424;--uc-card-fg:#F5F5F5;--uc-muted:#151515;--uc-elevated:#2A2A2A;--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)} .uc-amc.uc-night .smcp-setupcard h3{color:var(--uc-text-strong)} @keyframes amc-in { 0% { opacity: 0; transform: translateY(6px); } 100% { opacity: 1; transform: none; } } .uc-amc{--uc-container-max:1320px;--uc-gutter:40px} @media (max-width:1024px){.uc-amc{--uc-gutter:32px}} @media (max-width:768px){.uc-amc{--uc-gutter:20px}} .uc-amc .awc-mcp-in{animation:amc-in .36s cubic-bezier(.16,1,.3,1) both} @media (prefers-reduced-motion:reduce){.uc-amc .awc-mcp-in{animation:none}} .uc-amc *, .uc-amc ::after, .uc-amc ::before, .uc-amc ::backdrop, .uc-amc ::file-selector-button{ box-sizing: border-box; margin: 0px; padding: 0px; border: 0px solid; } .uc-amc h1, .uc-amc h2, .uc-amc h3, .uc-amc h4, .uc-amc h5, .uc-amc h6{ font-size: inherit; font-weight: inherit; } .uc-amc a{ color: inherit; text-decoration: inherit; } .uc-amc code, .uc-amc kbd, .uc-amc samp, .uc-amc 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; } .uc-amc ol, .uc-amc ul, .uc-amc menu{ list-style: none; } .uc-amc img, .uc-amc svg, .uc-amc video, .uc-amc canvas, .uc-amc audio, .uc-amc iframe, .uc-amc embed, .uc-amc object{ display: block; vertical-align: middle; } .uc-amc img, .uc-amc video{ max-width: 100%; height: auto; } .uc-amc button, .uc-amc input, .uc-amc select, .uc-amc optgroup, .uc-amc textarea, .uc-amc ::file-selector-button{ font: inherit; letter-spacing: inherit; color: inherit; border-radius: 0px; background-color: transparent; opacity: 1; } .uc-amc button, .uc-amc input:where([type="button"], [type="reset"], [type="submit"]), .uc-amc ::file-selector-button{ appearance: button; } .uc-amc *{ 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-amc .mt-1\.5{ margin-top: calc(var(--spacing) * 1.5); } .uc-amc .mt-3{ margin-top: calc(var(--spacing) * 3); } .uc-amc .mt-8{ margin-top: calc(var(--spacing) * 8); } .uc-amc .mt-12{ margin-top: calc(var(--spacing) * 12); } .uc-amc .mt-auto{ margin-top: auto; } .uc-amc .block{ display: block; } .uc-amc .flex{ display: flex; } .uc-amc .grid{ display: grid; } .uc-amc .hidden{ display: none; } .uc-amc .size-4{ width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } .uc-amc .size-7{ width: calc(var(--spacing) * 7); height: calc(var(--spacing) * 7); } .uc-amc .size-8{ width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8); } .uc-amc .w-full{ width: 100%; } .uc-amc .\!max-w-none{ max-width: none !important; } .uc-amc .max-w-\[420px\]{ max-width: 420px; } .uc-amc .max-w-\[760px\]{ max-width: 760px; } .uc-amc .min-w-0{ min-width: calc(var(--spacing) * 0); } .uc-amc .flex-1{ flex: 1 1 0%; } .uc-amc .flex-none{ flex: 0 0 auto; } .uc-amc .-translate-x-1{ --tw-translate-x: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .uc-amc .grid-cols-1{ grid-template-columns: repeat(1, minmax(0px, 1fr)); } .uc-amc .grid-cols-2{ grid-template-columns: repeat(2, minmax(0px, 1fr)); } .uc-amc .flex-col{ flex-direction: column; } .uc-amc .items-center{ align-items: center; } .uc-amc .justify-between{ justify-content: space-between; } .uc-amc .justify-center{ justify-content: center; } .uc-amc .gap-1{ gap: calc(var(--spacing) * 1); } .uc-amc .gap-2{ gap: calc(var(--spacing) * 2); } .uc-amc .gap-3{ gap: calc(var(--spacing) * 3); } .uc-amc .gap-4{ gap: calc(var(--spacing) * 4); } .uc-amc .gap-8{ gap: calc(var(--spacing) * 8); } .uc-amc .truncate{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .uc-amc .\!rounded-\[14px\]{ border-radius: 14px !important; } .uc-amc .rounded-\[7px\]{ border-radius: 7px; } .uc-amc .rounded-\[9px\]{ border-radius: 9px; } .uc-amc .rounded-\[10px\]{ border-radius: 10px; } .uc-amc .rounded-\[14px\]{ border-radius: 14px; } .uc-amc .rounded-\[22px\]{ border-radius: 22px; } .uc-amc .border{ border-style: var(--tw-border-style); border-width: 1px; } .uc-amc .border-b{ border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .uc-amc .border-black\/\[\.07\]{ border-color: color-mix(in srgb, rgb(0, 0, 0) 7%, transparent 93%); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-black) 7.000000000000001%, transparent); } } .uc-amc .border-sprout-color-border-weak{ border-color: var(--color-sprout-color-border-weak); } .uc-amc .bg-sprout-color-background-default{ background-color: var(--color-sprout-color-background-default); } .uc-amc .bg-sprout-color-background-weaker{ background-color: var(--color-sprout-color-background-weaker); } .uc-amc .bg-white{ background-color: var(--color-white); } .uc-amc .object-contain{ object-fit: contain; } .uc-amc .p-2{ padding: calc(var(--spacing) * 2); } .uc-amc .p-2\.5{ padding: calc(var(--spacing) * 2.5); } .uc-amc .p-\[5px\]{ padding: 5px; } .uc-amc .p-\[7px\]{ padding: 7px; } .uc-amc .px-4{ padding-inline: calc(var(--spacing) * 4); } .uc-amc .px-5{ padding-inline: calc(var(--spacing) * 5); } .uc-amc .py-2{ padding-block: calc(var(--spacing) * 2); } .uc-amc .py-4{ padding-block: calc(var(--spacing) * 4); } .uc-amc .py-\[88px\]{ padding-block: 88px; } .uc-amc .pt-4{ padding-top: calc(var(--spacing) * 4); } .uc-amc .pt-6{ padding-top: calc(var(--spacing) * 6); } .uc-amc .pr-2\.5{ padding-right: calc(var(--spacing) * 2.5); } .uc-amc .pb-2{ padding-bottom: calc(var(--spacing) * 2); } .uc-amc .pb-3{ padding-bottom: calc(var(--spacing) * 3); } .uc-amc .pl-3{ padding-left: calc(var(--spacing) * 3); } .uc-amc .text-left{ text-align: left; } .uc-amc .font-mono{ font-family: var(--font-mono); } .uc-amc .text-\[12\.5px\]{ font-size: 12.5px; } .uc-amc .text-\[12px\]{ font-size: 12px; } .uc-amc .text-\[14px\]{ font-size: 14px; } .uc-amc .text-\[16px\]{ font-size: 16px; } .uc-amc .text-\[18px\]{ font-size: 18px; } .uc-amc .text-\[34px\]{ font-size: 34px; } .uc-amc .leading-5{ --tw-leading: calc(var(--spacing) * 5); line-height: calc(var(--spacing) * 5); } .uc-amc .leading-6{ --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); } .uc-amc .leading-\[1\.05\]{ --tw-leading: 1.05; line-height: 1.05; } .uc-amc .leading-\[18px\]{ --tw-leading: 18px; line-height: 18px; } .uc-amc .font-medium{ --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .uc-amc .tracking-\[-\.01em\]{ --tw-tracking: -.01em; letter-spacing: -0.01em; } .uc-amc .tracking-\[-\.03em\]{ --tw-tracking: -.03em; letter-spacing: -0.03em; } .uc-amc .text-balance{ text-wrap: balance; } .uc-amc .text-\[\#0a0a0a\]{ color: rgb(10, 10, 10); } .uc-amc .text-\[\#737373\]{ color: rgb(115, 115, 115); } .uc-amc .text-sprout-color-text-default{ color: var(--color-sprout-color-text-default); } .uc-amc .text-sprout-color-text-weaker{ color: var(--color-sprout-color-text-weaker); } .uc-amc .opacity-0{ opacity: 0; } .uc-amc .opacity-100{ opacity: 1; } .uc-amc .\!shadow-\[0_0_0_1px_rgba\(10\,10\,10\,\.06\)\,0_1px_2px_rgba\(10\,10\,10\,\.06\)\,0_6px_16px_-6px_rgba\(10\,10\,10\,\.12\)\]{ --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(10,10,10,.06)), 0 1px 2px var(--tw-shadow-color, rgba(10,10,10,.06)), 0 6px 16px -6px var(--tw-shadow-color, rgba(10,10,10,.12)) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } .uc-amc .shadow-\[0_0_0_1px_rgba\(10\,10\,10\,\.06\)\,0_1px_2px_rgba\(10\,10\,10\,\.06\)\,0_6px_16px_-6px_rgba\(10\,10\,10\,\.12\)\]{ --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(10,10,10,.06)), 0 1px 2px var(--tw-shadow-color, rgba(10,10,10,.06)), 0 6px 16px -6px var(--tw-shadow-color, rgba(10,10,10,.12)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .uc-amc .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); } .uc-amc .ring-black\/\[\.08\]{ --tw-ring-color: color-mix(in srgb, #000 8%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-black) 8%, transparent); } } .uc-amc .transition-\[background-color\,box-shadow\]{ transition-property: background-color, box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .uc-amc .transition-\[opacity\,transform\]{ transition-property: opacity, transform; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .uc-amc .transition-colors{ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .uc-amc .duration-200{ --tw-duration: 200ms; transition-duration: 200ms; } .uc-amc .group-hover\:text-sprout-color-text-default{ &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-sprout-color-text-default); } } } .uc-amc .hover\:border-black\/20{ &:hover { @media (hover: hover) { border-color: color-mix(in srgb, rgb(0, 0, 0) 20%, transparent 80%); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-black) 20%, transparent); } } } } .uc-amc .hover\:bg-black\/\[\.045\]{ &:hover { @media (hover: hover) { background-color: color-mix(in srgb, rgb(0, 0, 0) 4.5%, transparent 95.5%); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 4.5%, transparent); } } } } .uc-amc .focus-visible\:outline-2{ &:focus-visible { outline-style: var(--tw-outline-style); outline-width: 2px; } } .uc-amc .focus-visible\:outline-offset-2{ &:focus-visible { outline-offset: 2px; } } .uc-amc .focus-visible\:outline-sprout-color-text-default{ &:focus-visible { outline-color: var(--color-sprout-color-text-default); } } .uc-amc .md\:px-8{ @media (width >= 48rem) { padding-inline: calc(var(--spacing) * 8); } } .uc-amc .md\:py-5{ @media (width >= 48rem) { padding-block: calc(var(--spacing) * 5); } } .uc-amc .md\:py-\[120px\]{ @media (width >= 48rem) { padding-block: 120px; } } .uc-amc .md\:pt-7{ @media (width >= 48rem) { padding-top: calc(var(--spacing) * 7); } } .uc-amc .md\:text-\[48px\]{ @media (width >= 48rem) { font-size: 48px; } } .uc-amc .lg\:mt-14{ @media (width >= 64rem) { margin-top: calc(var(--spacing) * 14); } } .uc-amc .lg\:block{ @media (width >= 64rem) { display: block; } } .uc-amc .lg\:size-10{ @media (width >= 64rem) { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10); } } .uc-amc .lg\:grid-cols-1{ @media (width >= 64rem) { grid-template-columns: repeat(1, minmax(0px, 1fr)); } } .uc-amc .lg\:grid-cols-\[372px_minmax\(0\,1fr\)\]{ @media (width >= 64rem) { grid-template-columns: 372px minmax(0px, 1fr); } } .uc-amc .lg\:flex-row{ @media (width >= 64rem) { flex-direction: row; } } .uc-amc .lg\:items-end{ @media (width >= 64rem) { align-items: flex-end; } } .uc-amc .lg\:justify-between{ @media (width >= 64rem) { justify-content: space-between; } } .uc-amc .lg\:gap-3\.5{ @media (width >= 64rem) { gap: calc(var(--spacing) * 3.5); } } .uc-amc .lg\:rounded-\[10px\]{ @media (width >= 64rem) { border-radius: 10px; } } .uc-amc .lg\:p-3\.5{ @media (width >= 64rem) { padding: calc(var(--spacing) * 3.5); } } .uc-amc .lg\:pb-\[6px\]{ @media (width >= 64rem) { padding-bottom: 6px; } } .uc-amc .\[\&\>svg\]\:size-\[14px\]{ & > svg { width: 14px; height: 14px; } } .uc-amc .ds-body{ font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: -0.16px; color: var(--color-sprout-color-text-weaker); } .uc-amc #top section, .uc-amc #top .ds-display, .uc-amc #top .ds-h2, .uc-amc #top .ds-t28, .uc-amc #top .ds-t24, .uc-amc #top .ds-lead, .uc-amc #top .ds-body, .uc-amc #top .ds-caption, .uc-amc #top .ds-overline, .uc-amc #top .ds-fine, .uc-amc #top h1, .uc-amc #top h2, .uc-amc #top h3, .uc-amc #top p, .uc-amc #top li{ 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-amc .uc-scope, .uc-amc .uc-content, .uc-amc .uc-chrome, .uc-amc .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: 2rem; --uc-control-h-lg: 2.5rem; --uc-dur-fast: 160ms; --uc-dur-base: 240ms; --uc-dur-slow: 340ms; --uc-dur-enter: 300ms; --uc-ease-standard: cubic-bezier(0.2, 0, 0, 1); --uc-ease-emphasized: cubic-bezier(0.3, 0, 0, 1); --uc-ease-exit: cubic-bezier(0.4, 0, 1, 1); --uc-z-dropdown: 1000; --uc-z-overlay: 1100; --uc-z-dialog: 1200; --uc-z-tooltip: 1300; } .uc-amc .uc-scope, .uc-amc .uc-content, .uc-amc .uc-portal, .uc-amc.uc-night .uc-force-light .uc-scope, .uc-amc.uc-night .uc-force-light .uc-content, .uc-amc.uc-night .uc-force-light .uc-portal{ --uc-surface-sunken: #F1F1F7; --uc-surface-base: #F9F9FB; --uc-surface-raised: #FFFFFF; --uc-surface-overlay: rgba(255, 255, 255, 0.10); --uc-surface-control: #FFFFFF; --uc-text-strong: #0A0A0A; --uc-text: #171717; --uc-text-muted: #737373; --uc-text-subtle: #A3A3A3; --uc-inverse-bg: #171717; --uc-inverse-fg: #FFFFFF; --uc-border-subtle: #E5E5E5; --uc-border: #D4D4D4; --uc-border-strong: #D4D4D4; --uc-ring: rgba(253, 106, 53, 0.50); --uc-brand-fg: #CC4B23; --uc-success-fg: #0A842A; --uc-danger-fg: #D12D37; --uc-warning-fg: #AA712B; --uc-accent-fg: #3600AF; --uc-brand-soft: #FFF1EB; --uc-success-soft: #E7FFE7; --uc-danger-soft: #FFF2EF; --uc-warning-soft: #FFEDD8; --uc-accent-soft: #F2EEFF; } .uc-amc .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); } .uc-amc .uc-scope, .uc-amc .uc-content, .uc-amc .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; } .uc-amc .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; } .uc-amc .uc-scope *, .uc-amc .uc-scope ::before, .uc-amc .uc-scope ::after, .uc-amc .uc-content *, .uc-amc .uc-content ::before, .uc-amc .uc-content ::after, .uc-amc .uc-chrome *, .uc-amc .uc-chrome ::before, .uc-amc .uc-chrome ::after, .uc-amc .uc-portal *, .uc-amc .uc-portal ::before, .uc-amc .uc-portal ::after{ box-sizing: border-box; } @media (prefers-reduced-motion: reduce){.uc-amc .uc-scope *, .uc-amc .uc-content *, .uc-amc .uc-chrome *, .uc-amc .uc-portal *{ animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }} .uc-amc .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-width: medium; border-style: none; border-color: currentcolor; border-image: 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); } .uc-amc .Button_button__8M0Ui:focus-visible{ outline: 2px solid var(--uc-ring); outline-offset: 2px; } .uc-amc .Button_button__8M0Ui:active:not(:disabled){ transform: translateY(0.5px); } .uc-amc .Button_button__8M0Ui:disabled{ opacity: 0.5; cursor: not-allowed; box-shadow: none; } .uc-amc .Button_md__0_bmU{ --_h: var(--uc-control-h-md); --_px: var(--uc-space-16); --_fs: var(--uc-text-base); } .uc-amc .Button_outline__Zwmoe{ color: var(--_fg, var(--uc-brand-fg)); background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-image: var(--uc-sheen); box-shadow: inset 0 0 0 1px var(--_border, var(--uc-border-subtle)), var(--uc-shadow-raised); } .uc-amc .Button_outline__Zwmoe.Button_neutral__jwE0u{ color: var(--uc-text-strong); } .uc-amc .Button_outline__Zwmoe:hover:not(:disabled){ background-image: var(--uc-sheen), linear-gradient(var(--_glow, var(--uc-brand-glow-hover)), var(--_glow, var(--uc-brand-glow-hover))); } .uc-amc .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); } .uc-amc .smcp{ --mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; --smcp-r: 16px; } .uc-amc .smcp .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-amc .smcp .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-amc .smcp .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-amc .smcp .smcp-code pre{ margin: 0px; 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-amc .smcp .smcp-code .c-dim{ color: var(--uc-text-subtle); } .uc-amc .smcp .smcp-code .c-acc{ color: var(--uc-brand-fg); } .uc-amc .smcp .smcp-code .c-key{ color: var(--uc-accent-fg); } .uc-amc .smcp .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-amc .smcp .smcp-code .smcp-copy:hover{ background: var(--uc-surface-overlay); border-color: var(--uc-border-strong); color: var(--uc-text-strong); } .uc-amc .smcp .smcp-copy svg{ width: 13px; height: 13px; } .uc-amc .smcp .smcp-launcher{ position: relative; z-index: 1; max-width: 880px; margin: 0px auto; border-radius: var(--uc-radius-24); background: transparent; } .uc-amc .smcp .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-amc .smcp .smcp-steps{ margin: 0px; padding: 0 0 0 var(--uc-space-24); counter-reset: smcpstep 0; list-style: none; } .uc-amc .smcp .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-amc .smcp .smcp-steps > li:last-child{ margin-bottom: var(--uc-space-8); } .uc-amc .smcp .smcp-steps > li::before{ counter-increment: smcpstep 1; 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-amc .smcp .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-amc .smcp .smcp-steps .smcp-code{ margin-top: var(--uc-space-12); } .uc-amc .smcp .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-amc .smcp .smcp-setupcard-foot{ padding: var(--uc-space-14) var(--uc-space-20) var(--uc-space-16); }} .uc-amc .smcp .smcp-setupcard-foot a{ color: var(--uc-text-strong); font-weight: var(--uc-weight-medium); text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-underline-offset: 3px; text-decoration-color: var(--uc-border); transition: text-decoration-color var(--uc-dur-fast) var(--uc-ease-standard); } .uc-amc .smcp .smcp-setupcard-foot a:hover{ text-decoration-color: var(--uc-brand); } .uc-amc .sos-flat > section, .uc-amc .sos-flat > div{ border-radius: 0px !important; } .uc-amc .sos-flat h1, .uc-amc .sos-flat h2{ font-weight: 500 !important; } .uc-amc .awc-mcp-in{ animation: 0.36s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 normal both running awc-mcp-in; } @media (prefers-reduced-motion: reduce){.uc-amc .awc-mcp-in{ animation: auto ease 0s 1 normal none running none; }} .uc-amc .ucx-uc-container{max-width:var(--uc-container-max);margin-inline:auto;padding-inline:var(--uc-gutter)} .uc-amc.uc-night .uc-scope, .uc-amc.uc-night .uc-content, .uc-amc.uc-night .uc-portal{--uc-shadow-selected:inset 0 0 0 2px #F5F5F5;--uc-bg:#1C1C1C;--uc-fg:#F5F5F5;--uc-fg-muted:#A3A3A3;--uc-card:#242424;--uc-card-fg:#F5F5F5;--uc-muted:#151515;--uc-elevated:#2A2A2A;--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)} .uc-amc.uc-night .uc-force-light .uc-scope, .uc-amc.uc-night .uc-force-light .uc-content, .uc-amc.uc-night .uc-force-light .uc-portal{--uc-surface-raised:#FFFFFF}