/* Generated by castomo-sitekit tools/flatten.mjs from the artwork-parallax component libraries. Do not edit:
   change the component upstream, then flatten again. Every rule below is the component's own shadow-DOM
   CSS, rewritten to apply to <div class="cui cui-<tag>"> with no shadow boundary. */
/* NESTED RULES NOT FLATTENED: :host-context([data-motion="reduce"]), :host([data-motion="reduce"]), :host-context([data-motion="none"]), :host([data-motion="none"]) */
@keyframes transhumans-art-transhumans-pop { 
  0% { scale: 0; }
  100% { scale: 1; }
}
@keyframes transhumans-art-transhumans-wiggle { 
  30% { rotate: -7deg; scale: 1.06; }
  65% { rotate: 5deg; }
}
.cui-transhumans-sticky-steps,
.cui-transhumans-sticky-steps-item,
.cui-transhumans-stat-tile,
.cui-transhumans-flip-tile,
.cui-transhumans-cta-burst,
.cui-transhumans-feature-tabs,
.cui-transhumans-feature-tabs-panel,
.cui-transhumans-scroll-stack,
.cui-transhumans-scroll-stack-step,
.cui-transhumans-horizontal,
.cui-transhumans-horizontal-panel { --_ink: var(--noodle-ink, var(--ink, #16151a)); --_muted: var(--noodle-muted, var(--ink-2, var(--ink-3, #5d5b66))); --_surface: var(--noodle-surface, var(--paper, #ffffff)); --_paper: var(--noodle-paper, var(--paper-2, #f7f4ee)); --_border: var(--noodle-border, var(--rule, #e7e3da)); --_radius: var(--noodle-radius, var(--radius, 20px)); --_accent: var(--noodle-accent, var(--accent, var(--brand-1, var(--slot-1, #f953b2)))); --_accent-2: var(--noodle-accent-2, var(--brand-2, var(--slot-0, #6966ed))); --_accent-3: var(--noodle-accent-3, var(--brand-3, var(--slot-2, #f4d13b))); --_on-accent: var(--noodle-on-accent, var(--on-fill, var(--btn-fg, var(--accent-ink, #fff)))); --_accent-text: var(--noodle-accent-text, oklch(from var(--_accent-2) min(l, 0.46) c h)); --_accent-fg: oklch(from var(--_accent) min(l, 0.46) c h); --_accent-2-fg: oklch(from var(--_accent-2) min(l, 0.46) c h); --_accent-3-fg: oklch(from var(--_accent-3) min(l, 0.46) c h); --_on-accent-auto: color(from var(--_accent) srgb clamp(0, (0.179 - (0.2126 * pow(r, 2.2) + 0.7152 * pow(g, 2.2) + 0.0722 * pow(b, 2.2))) * 100000, 1) clamp(0, (0.179 - (0.2126 * pow(r, 2.2) + 0.7152 * pow(g, 2.2) + 0.0722 * pow(b, 2.2))) * 100000, 1) clamp(0, (0.179 - (0.2126 * pow(r, 2.2) + 0.7152 * pow(g, 2.2) + 0.0722 * pow(b, 2.2))) * 100000, 1)); --_on-accent-2: color(from var(--_accent-2) srgb clamp(0, (0.179 - (0.2126 * pow(r, 2.2) + 0.7152 * pow(g, 2.2) + 0.0722 * pow(b, 2.2))) * 100000, 1) clamp(0, (0.179 - (0.2126 * pow(r, 2.2) + 0.7152 * pow(g, 2.2) + 0.0722 * pow(b, 2.2))) * 100000, 1) clamp(0, (0.179 - (0.2126 * pow(r, 2.2) + 0.7152 * pow(g, 2.2) + 0.0722 * pow(b, 2.2))) * 100000, 1)); --_on-accent-3: color(from var(--_accent-3) srgb clamp(0, (0.179 - (0.2126 * pow(r, 2.2) + 0.7152 * pow(g, 2.2) + 0.0722 * pow(b, 2.2))) * 100000, 1) clamp(0, (0.179 - (0.2126 * pow(r, 2.2) + 0.7152 * pow(g, 2.2) + 0.0722 * pow(b, 2.2))) * 100000, 1) clamp(0, (0.179 - (0.2126 * pow(r, 2.2) + 0.7152 * pow(g, 2.2) + 0.0722 * pow(b, 2.2))) * 100000, 1)); --_spring: cubic-bezier(0.34, 1.56, 0.64, 1); --_tint: var(--noodle-tint, color-mix(in srgb, var(--_accent) 12%, var(--_surface))); --_wash: 1; --_shadow: var(--noodle-shadow, var(--shadow, 0 1px 2px rgb(22 21 26 / 0.06), 0 18px 40px -18px rgb(22 21 26 / 0.28))); --_ease: cubic-bezier(0.2, 0.8, 0.2, 1); font-family: var(--noodle-font, inherit); color: var(--_ink); box-sizing: border-box; direction: inherit; text-align: start; overflow-wrap: anywhere; }
.cui-transhumans-sticky-steps *,
.cui-transhumans-sticky-steps ::before,
.cui-transhumans-sticky-steps ::after,
.cui-transhumans-sticky-steps-item *,
.cui-transhumans-sticky-steps-item ::before,
.cui-transhumans-sticky-steps-item ::after,
.cui-transhumans-stat-tile *,
.cui-transhumans-stat-tile ::before,
.cui-transhumans-stat-tile ::after,
.cui-transhumans-flip-tile *,
.cui-transhumans-flip-tile ::before,
.cui-transhumans-flip-tile ::after,
.cui-transhumans-cta-burst *,
.cui-transhumans-cta-burst ::before,
.cui-transhumans-cta-burst ::after,
.cui-transhumans-feature-tabs *,
.cui-transhumans-feature-tabs ::before,
.cui-transhumans-feature-tabs ::after,
.cui-transhumans-feature-tabs-panel *,
.cui-transhumans-feature-tabs-panel ::before,
.cui-transhumans-feature-tabs-panel ::after,
.cui-transhumans-scroll-stack *,
.cui-transhumans-scroll-stack ::before,
.cui-transhumans-scroll-stack ::after,
.cui-transhumans-scroll-stack-step *,
.cui-transhumans-scroll-stack-step ::before,
.cui-transhumans-scroll-stack-step ::after,
.cui-transhumans-horizontal *,
.cui-transhumans-horizontal ::before,
.cui-transhumans-horizontal ::after,
.cui-transhumans-horizontal-panel *,
.cui-transhumans-horizontal-panel ::before,
.cui-transhumans-horizontal-panel ::after { box-sizing: border-box; }
.cui-transhumans-sticky-steps :focus-visible,
.cui-transhumans-sticky-steps-item :focus-visible,
.cui-transhumans-stat-tile :focus-visible,
.cui-transhumans-flip-tile :focus-visible,
.cui-transhumans-cta-burst :focus-visible,
.cui-transhumans-feature-tabs :focus-visible,
.cui-transhumans-feature-tabs-panel :focus-visible,
.cui-transhumans-scroll-stack :focus-visible,
.cui-transhumans-scroll-stack-step :focus-visible,
.cui-transhumans-horizontal :focus-visible,
.cui-transhumans-horizontal-panel :focus-visible { outline: 3px solid var(--_accent-2); outline-offset: 3px; }
.cui-transhumans-sticky-steps a:not([class]),
.cui-transhumans-sticky-steps .cui-sticky-steps-link { color: var(--_accent-text); font-weight: 600; text-decoration: none; padding-bottom: 2px; background: linear-gradient(currentcolor, currentcolor) 0px 100% / 10px 2px no-repeat; transition: background-size 0.45s var(--_spring); }
.cui-transhumans-sticky-steps a:not([class]):is(:hover, :focus-visible),
.cui-transhumans-sticky-steps .cui-sticky-steps-link:is(:hover, :focus-visible) { background-size: 100% 2px; }
[data-theme$="dark"] .cui-transhumans-sticky-steps,
.cui-transhumans-sticky-steps[data-theme$="dark"],
[data-theme$="dark"] .cui-transhumans-sticky-steps-item,
.cui-transhumans-sticky-steps-item[data-theme$="dark"],
[data-theme$="dark"] .cui-transhumans-stat-tile,
.cui-transhumans-stat-tile[data-theme$="dark"],
[data-theme$="dark"] .cui-transhumans-flip-tile,
.cui-transhumans-flip-tile[data-theme$="dark"],
[data-theme$="dark"] .cui-transhumans-cta-burst,
.cui-transhumans-cta-burst[data-theme$="dark"],
[data-theme$="dark"] .cui-transhumans-feature-tabs,
.cui-transhumans-feature-tabs[data-theme$="dark"],
[data-theme$="dark"] .cui-transhumans-feature-tabs-panel,
.cui-transhumans-feature-tabs-panel[data-theme$="dark"],
[data-theme$="dark"] .cui-transhumans-scroll-stack,
.cui-transhumans-scroll-stack[data-theme$="dark"],
[data-theme$="dark"] .cui-transhumans-scroll-stack-step,
.cui-transhumans-scroll-stack-step[data-theme$="dark"],
[data-theme$="dark"] .cui-transhumans-horizontal,
.cui-transhumans-horizontal[data-theme$="dark"],
[data-theme$="dark"] .cui-transhumans-horizontal-panel,
.cui-transhumans-horizontal-panel[data-theme$="dark"] { --_ink: var(--noodle-ink-dark, var(--ink, #e8eaee)); --_muted: var(--noodle-muted-dark, var(--ink-2, #b4b8c6)); --_surface: var(--noodle-surface-dark, var(--paper-2, #14161d)); --_paper: var(--noodle-paper-dark, #0b0c10); --_border: var(--noodle-border-dark, var(--rule, #262a36)); --_shadow: var(--noodle-shadow-dark, var(--shadow, 0 1px 2px rgba(0, 0, 0, .4), 0 12px 32px -16px rgba(0, 0, 0, .8))); --_accent-text: var(--noodle-accent-text-dark, oklch(from var(--_accent-2) max(l, 0.74) c h)); --_accent-fg: oklch(from var(--_accent) max(l, 0.8) c h); --_accent-2-fg: oklch(from var(--_accent-2) max(l, 0.8) c h); --_accent-3-fg: oklch(from var(--_accent-3) max(l, 0.8) c h); --_art-ink: #f1f0f4; --_art-paper: #1d1c22; --_wash: 0.3; color-scheme: dark; }
@media (prefers-color-scheme: dark) {
:root:not([data-theme]) .cui-transhumans-sticky-steps,
:root:not([data-theme]) .cui-transhumans-sticky-steps-item,
:root:not([data-theme]) .cui-transhumans-stat-tile,
:root:not([data-theme]) .cui-transhumans-flip-tile,
:root:not([data-theme]) .cui-transhumans-cta-burst,
:root:not([data-theme]) .cui-transhumans-feature-tabs,
:root:not([data-theme]) .cui-transhumans-feature-tabs-panel,
:root:not([data-theme]) .cui-transhumans-scroll-stack,
:root:not([data-theme]) .cui-transhumans-scroll-stack-step,
:root:not([data-theme]) .cui-transhumans-horizontal,
:root:not([data-theme]) .cui-transhumans-horizontal-panel { --_ink: var(--noodle-ink-dark, var(--ink, #e8eaee)); --_muted: var(--noodle-muted-dark, var(--ink-2, #b4b8c6)); --_surface: var(--noodle-surface-dark, var(--paper-2, #14161d)); --_paper: var(--noodle-paper-dark, #0b0c10); --_border: var(--noodle-border-dark, var(--rule, #262a36)); --_shadow: var(--noodle-shadow-dark, var(--shadow, 0 1px 2px rgba(0, 0, 0, .4), 0 12px 32px -16px rgba(0, 0, 0, .8))); --_accent-text: var(--noodle-accent-text-dark, oklch(from var(--_accent-2) max(l, 0.74) c h)); --_accent-fg: oklch(from var(--_accent) max(l, 0.8) c h); --_accent-2-fg: oklch(from var(--_accent-2) max(l, 0.8) c h); --_accent-3-fg: oklch(from var(--_accent-3) max(l, 0.8) c h); --_art-ink: #f1f0f4; --_art-paper: #1d1c22; --_wash: 0.3; color-scheme: dark; }
}
[data-theme="contrast"] .cui-transhumans-sticky-steps,
.cui-transhumans-sticky-steps[data-theme="contrast"],
[data-theme="contrast"] .cui-transhumans-sticky-steps-item,
.cui-transhumans-sticky-steps-item[data-theme="contrast"],
[data-theme="contrast"] .cui-transhumans-stat-tile,
.cui-transhumans-stat-tile[data-theme="contrast"],
[data-theme="contrast"] .cui-transhumans-flip-tile,
.cui-transhumans-flip-tile[data-theme="contrast"],
[data-theme="contrast"] .cui-transhumans-cta-burst,
.cui-transhumans-cta-burst[data-theme="contrast"],
[data-theme="contrast"] .cui-transhumans-feature-tabs,
.cui-transhumans-feature-tabs[data-theme="contrast"],
[data-theme="contrast"] .cui-transhumans-feature-tabs-panel,
.cui-transhumans-feature-tabs-panel[data-theme="contrast"],
[data-theme="contrast"] .cui-transhumans-scroll-stack,
.cui-transhumans-scroll-stack[data-theme="contrast"],
[data-theme="contrast"] .cui-transhumans-scroll-stack-step,
.cui-transhumans-scroll-stack-step[data-theme="contrast"],
[data-theme="contrast"] .cui-transhumans-horizontal,
.cui-transhumans-horizontal[data-theme="contrast"],
[data-theme="contrast"] .cui-transhumans-horizontal-panel,
.cui-transhumans-horizontal-panel[data-theme="contrast"] { --_ink: #000000; --_muted: #000000; --_surface: #ffffff; --_paper: #ffffff; --_border: var(--rule, #000000); --_accent: #000000; --_accent-2: #000000; --_accent-3: #000000; --_accent-text: #000000; --_on-accent: #ffffff; --_shadow: none; --_radius: 0px; --_wash: 0; color-scheme: light; }
@media (prefers-contrast: more) {
:root:not([data-theme]) .cui-transhumans-sticky-steps,
:root:not([data-theme]) .cui-transhumans-sticky-steps-item,
:root:not([data-theme]) .cui-transhumans-stat-tile,
:root:not([data-theme]) .cui-transhumans-flip-tile,
:root:not([data-theme]) .cui-transhumans-cta-burst,
:root:not([data-theme]) .cui-transhumans-feature-tabs,
:root:not([data-theme]) .cui-transhumans-feature-tabs-panel,
:root:not([data-theme]) .cui-transhumans-scroll-stack,
:root:not([data-theme]) .cui-transhumans-scroll-stack-step,
:root:not([data-theme]) .cui-transhumans-horizontal,
:root:not([data-theme]) .cui-transhumans-horizontal-panel { --_shadow: none; --_border: 2px solid currentColor; }
}
[data-theme="contrast-dark"] .cui-transhumans-sticky-steps,
.cui-transhumans-sticky-steps[data-theme="contrast-dark"],
[data-theme="contrast-dark"] .cui-transhumans-sticky-steps-item,
.cui-transhumans-sticky-steps-item[data-theme="contrast-dark"],
[data-theme="contrast-dark"] .cui-transhumans-stat-tile,
.cui-transhumans-stat-tile[data-theme="contrast-dark"],
[data-theme="contrast-dark"] .cui-transhumans-flip-tile,
.cui-transhumans-flip-tile[data-theme="contrast-dark"],
[data-theme="contrast-dark"] .cui-transhumans-cta-burst,
.cui-transhumans-cta-burst[data-theme="contrast-dark"],
[data-theme="contrast-dark"] .cui-transhumans-feature-tabs,
.cui-transhumans-feature-tabs[data-theme="contrast-dark"],
[data-theme="contrast-dark"] .cui-transhumans-feature-tabs-panel,
.cui-transhumans-feature-tabs-panel[data-theme="contrast-dark"],
[data-theme="contrast-dark"] .cui-transhumans-scroll-stack,
.cui-transhumans-scroll-stack[data-theme="contrast-dark"],
[data-theme="contrast-dark"] .cui-transhumans-scroll-stack-step,
.cui-transhumans-scroll-stack-step[data-theme="contrast-dark"],
[data-theme="contrast-dark"] .cui-transhumans-horizontal,
.cui-transhumans-horizontal[data-theme="contrast-dark"],
[data-theme="contrast-dark"] .cui-transhumans-horizontal-panel,
.cui-transhumans-horizontal-panel[data-theme="contrast-dark"] { --_ink: #ffffff; --_muted: #ffffff; --_surface: #000000; --_paper: #000000; --_border: var(--rule, #ffffff); --_accent: #ffffff; --_accent-2: #ffffff; --_accent-3: #ffffff; --_accent-text: #ffffff; --_on-accent: #000000; --_shadow: none; --_radius: 0px; --_wash: 0; color-scheme: dark; }
@media (forced-colors: active) {
.cui-transhumans-sticky-steps,
.cui-transhumans-sticky-steps-item,
.cui-transhumans-stat-tile,
.cui-transhumans-flip-tile,
.cui-transhumans-cta-burst,
.cui-transhumans-feature-tabs,
.cui-transhumans-feature-tabs-panel,
.cui-transhumans-scroll-stack,
.cui-transhumans-scroll-stack-step,
.cui-transhumans-horizontal,
.cui-transhumans-horizontal-panel { --_surface: Canvas; --_paper: Canvas; --_ink: CanvasText; --_muted: CanvasText; --_border: CanvasText; --_accent: Highlight; --_accent-2: Highlight; --_accent-3: Highlight; --_accent-text: Highlight; --_on-accent: HighlightText; --_shadow: none; --_radius: 0px; }
}
[data-skin="flat"] .cui-transhumans-sticky-steps,
.cui-transhumans-sticky-steps[data-skin="flat"],
[data-motion="none"] .cui-transhumans-sticky-steps,
.cui-transhumans-sticky-steps[data-motion="none"],
[data-skin="flat"] .cui-transhumans-sticky-steps-item,
.cui-transhumans-sticky-steps-item[data-skin="flat"],
[data-motion="none"] .cui-transhumans-sticky-steps-item,
.cui-transhumans-sticky-steps-item[data-motion="none"],
[data-skin="flat"] .cui-transhumans-stat-tile,
.cui-transhumans-stat-tile[data-skin="flat"],
[data-motion="none"] .cui-transhumans-stat-tile,
.cui-transhumans-stat-tile[data-motion="none"],
[data-skin="flat"] .cui-transhumans-flip-tile,
.cui-transhumans-flip-tile[data-skin="flat"],
[data-motion="none"] .cui-transhumans-flip-tile,
.cui-transhumans-flip-tile[data-motion="none"],
[data-skin="flat"] .cui-transhumans-cta-burst,
.cui-transhumans-cta-burst[data-skin="flat"],
[data-motion="none"] .cui-transhumans-cta-burst,
.cui-transhumans-cta-burst[data-motion="none"],
[data-skin="flat"] .cui-transhumans-feature-tabs,
.cui-transhumans-feature-tabs[data-skin="flat"],
[data-motion="none"] .cui-transhumans-feature-tabs,
.cui-transhumans-feature-tabs[data-motion="none"],
[data-skin="flat"] .cui-transhumans-feature-tabs-panel,
.cui-transhumans-feature-tabs-panel[data-skin="flat"],
[data-motion="none"] .cui-transhumans-feature-tabs-panel,
.cui-transhumans-feature-tabs-panel[data-motion="none"],
[data-skin="flat"] .cui-transhumans-scroll-stack,
.cui-transhumans-scroll-stack[data-skin="flat"],
[data-motion="none"] .cui-transhumans-scroll-stack,
.cui-transhumans-scroll-stack[data-motion="none"],
[data-skin="flat"] .cui-transhumans-scroll-stack-step,
.cui-transhumans-scroll-stack-step[data-skin="flat"],
[data-motion="none"] .cui-transhumans-scroll-stack-step,
.cui-transhumans-scroll-stack-step[data-motion="none"],
[data-skin="flat"] .cui-transhumans-horizontal,
.cui-transhumans-horizontal[data-skin="flat"],
[data-motion="none"] .cui-transhumans-horizontal,
.cui-transhumans-horizontal[data-motion="none"],
[data-skin="flat"] .cui-transhumans-horizontal-panel,
.cui-transhumans-horizontal-panel[data-skin="flat"],
[data-motion="none"] .cui-transhumans-horizontal-panel,
.cui-transhumans-horizontal-panel[data-motion="none"] { --_radius: 0px !important; --_shadow: none !important; animation: auto ease 0s 1 normal none running none !important; transition: none !important; }
.cui-transhumans-sticky-steps:dir(rtl),
.cui-transhumans-sticky-steps [dir="rtl"],
.cui-transhumans-sticky-steps-item:dir(rtl),
.cui-transhumans-sticky-steps-item [dir="rtl"],
.cui-transhumans-stat-tile:dir(rtl),
.cui-transhumans-stat-tile [dir="rtl"],
.cui-transhumans-flip-tile:dir(rtl),
.cui-transhumans-flip-tile [dir="rtl"],
.cui-transhumans-cta-burst:dir(rtl),
.cui-transhumans-cta-burst [dir="rtl"],
.cui-transhumans-feature-tabs:dir(rtl),
.cui-transhumans-feature-tabs [dir="rtl"],
.cui-transhumans-feature-tabs-panel:dir(rtl),
.cui-transhumans-feature-tabs-panel [dir="rtl"],
.cui-transhumans-scroll-stack:dir(rtl),
.cui-transhumans-scroll-stack [dir="rtl"],
.cui-transhumans-scroll-stack-step:dir(rtl),
.cui-transhumans-scroll-stack-step [dir="rtl"],
.cui-transhumans-horizontal:dir(rtl),
.cui-transhumans-horizontal [dir="rtl"],
.cui-transhumans-horizontal-panel:dir(rtl),
.cui-transhumans-horizontal-panel [dir="rtl"] { text-align: start; direction: rtl; }
.cui-transhumans-sticky-steps [data-icon]::after,
.cui-transhumans-sticky-steps-item [data-icon]::after,
.cui-transhumans-stat-tile [data-icon]::after,
.cui-transhumans-flip-tile [data-icon]::after,
.cui-transhumans-cta-burst [data-icon]::after,
.cui-transhumans-feature-tabs [data-icon]::after,
.cui-transhumans-feature-tabs-panel [data-icon]::after,
.cui-transhumans-scroll-stack [data-icon]::after,
.cui-transhumans-scroll-stack-step [data-icon]::after,
.cui-transhumans-horizontal [data-icon]::after,
.cui-transhumans-horizontal-panel [data-icon]::after { content: ""; display: inline-block; flex: 0 0 auto; width: 1em; height: 1em; margin-inline-start: 0.45em; vertical-align: -0.15em; background: currentcolor; mask: var(--_glyph) center / contain no-repeat; transition: rotate 0.45s var(--_ease, ease), translate 0.3s var(--_ease, ease), scale 0.3s var(--_ease, ease); }
.cui-transhumans-sticky-steps [data-icon="reset"],
.cui-transhumans-sticky-steps-item [data-icon="reset"],
.cui-transhumans-stat-tile [data-icon="reset"],
.cui-transhumans-flip-tile [data-icon="reset"],
.cui-transhumans-cta-burst [data-icon="reset"],
.cui-transhumans-feature-tabs [data-icon="reset"],
.cui-transhumans-feature-tabs-panel [data-icon="reset"],
.cui-transhumans-scroll-stack [data-icon="reset"],
.cui-transhumans-scroll-stack-step [data-icon="reset"],
.cui-transhumans-horizontal [data-icon="reset"],
.cui-transhumans-horizontal-panel [data-icon="reset"] { --_glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12a8 8 0 1 0 2.3-5.6M4 4v4h4'/%3E%3C/svg%3E"); }
.cui-transhumans-sticky-steps [data-icon="reset"]:is(:hover, :focus-visible)::after,
.cui-transhumans-sticky-steps-item [data-icon="reset"]:is(:hover, :focus-visible)::after,
.cui-transhumans-stat-tile [data-icon="reset"]:is(:hover, :focus-visible)::after,
.cui-transhumans-flip-tile [data-icon="reset"]:is(:hover, :focus-visible)::after,
.cui-transhumans-cta-burst [data-icon="reset"]:is(:hover, :focus-visible)::after,
.cui-transhumans-feature-tabs [data-icon="reset"]:is(:hover, :focus-visible)::after,
.cui-transhumans-feature-tabs-panel [data-icon="reset"]:is(:hover, :focus-visible)::after,
.cui-transhumans-scroll-stack [data-icon="reset"]:is(:hover, :focus-visible)::after,
.cui-transhumans-scroll-stack-step [data-icon="reset"]:is(:hover, :focus-visible)::after,
.cui-transhumans-horizontal [data-icon="reset"]:is(:hover, :focus-visible)::after,
.cui-transhumans-horizontal-panel [data-icon="reset"]:is(:hover, :focus-visible)::after { rotate: -300deg; }
.cui-transhumans-sticky-steps [data-icon="next"],
.cui-transhumans-sticky-steps-item [data-icon="next"],
.cui-transhumans-stat-tile [data-icon="next"],
.cui-transhumans-flip-tile [data-icon="next"],
.cui-transhumans-cta-burst [data-icon="next"],
.cui-transhumans-feature-tabs [data-icon="next"],
.cui-transhumans-feature-tabs-panel [data-icon="next"],
.cui-transhumans-scroll-stack [data-icon="next"],
.cui-transhumans-scroll-stack-step [data-icon="next"],
.cui-transhumans-horizontal [data-icon="next"],
.cui-transhumans-horizontal-panel [data-icon="next"] { --_glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E"); }
.cui-transhumans-sticky-steps [data-icon="next"]:is(:hover, :focus-visible)::after,
.cui-transhumans-sticky-steps-item [data-icon="next"]:is(:hover, :focus-visible)::after,
.cui-transhumans-stat-tile [data-icon="next"]:is(:hover, :focus-visible)::after,
.cui-transhumans-flip-tile [data-icon="next"]:is(:hover, :focus-visible)::after,
.cui-transhumans-cta-burst [data-icon="next"]:is(:hover, :focus-visible)::after,
.cui-transhumans-feature-tabs [data-icon="next"]:is(:hover, :focus-visible)::after,
.cui-transhumans-feature-tabs-panel [data-icon="next"]:is(:hover, :focus-visible)::after,
.cui-transhumans-scroll-stack [data-icon="next"]:is(:hover, :focus-visible)::after,
.cui-transhumans-scroll-stack-step [data-icon="next"]:is(:hover, :focus-visible)::after,
.cui-transhumans-horizontal [data-icon="next"]:is(:hover, :focus-visible)::after,
.cui-transhumans-horizontal-panel [data-icon="next"]:is(:hover, :focus-visible)::after { translate: 3px; }
.cui-transhumans-sticky-steps:dir(rtl) [data-icon="next"]::after,
[dir="rtl"] .cui-transhumans-sticky-steps [data-icon="next"]::after,
.cui-transhumans-sticky-steps [dir="rtl"] [data-icon="next"]::after,
.cui-transhumans-sticky-steps-item:dir(rtl) [data-icon="next"]::after,
[dir="rtl"] .cui-transhumans-sticky-steps-item [data-icon="next"]::after,
.cui-transhumans-sticky-steps-item [dir="rtl"] [data-icon="next"]::after,
.cui-transhumans-stat-tile:dir(rtl) [data-icon="next"]::after,
[dir="rtl"] .cui-transhumans-stat-tile [data-icon="next"]::after,
.cui-transhumans-stat-tile [dir="rtl"] [data-icon="next"]::after,
.cui-transhumans-flip-tile:dir(rtl) [data-icon="next"]::after,
[dir="rtl"] .cui-transhumans-flip-tile [data-icon="next"]::after,
.cui-transhumans-flip-tile [dir="rtl"] [data-icon="next"]::after,
.cui-transhumans-cta-burst:dir(rtl) [data-icon="next"]::after,
[dir="rtl"] .cui-transhumans-cta-burst [data-icon="next"]::after,
.cui-transhumans-cta-burst [dir="rtl"] [data-icon="next"]::after,
.cui-transhumans-feature-tabs:dir(rtl) [data-icon="next"]::after,
[dir="rtl"] .cui-transhumans-feature-tabs [data-icon="next"]::after,
.cui-transhumans-feature-tabs [dir="rtl"] [data-icon="next"]::after,
.cui-transhumans-feature-tabs-panel:dir(rtl) [data-icon="next"]::after,
[dir="rtl"] .cui-transhumans-feature-tabs-panel [data-icon="next"]::after,
.cui-transhumans-feature-tabs-panel [dir="rtl"] [data-icon="next"]::after,
.cui-transhumans-scroll-stack:dir(rtl) [data-icon="next"]::after,
[dir="rtl"] .cui-transhumans-scroll-stack [data-icon="next"]::after,
.cui-transhumans-scroll-stack [dir="rtl"] [data-icon="next"]::after,
.cui-transhumans-scroll-stack-step:dir(rtl) [data-icon="next"]::after,
[dir="rtl"] .cui-transhumans-scroll-stack-step [data-icon="next"]::after,
.cui-transhumans-scroll-stack-step [dir="rtl"] [data-icon="next"]::after,
.cui-transhumans-horizontal:dir(rtl) [data-icon="next"]::after,
[dir="rtl"] .cui-transhumans-horizontal [data-icon="next"]::after,
.cui-transhumans-horizontal [dir="rtl"] [data-icon="next"]::after,
.cui-transhumans-horizontal-panel:dir(rtl) [data-icon="next"]::after,
[dir="rtl"] .cui-transhumans-horizontal-panel [data-icon="next"]::after,
.cui-transhumans-horizontal-panel [dir="rtl"] [data-icon="next"]::after { transform: scaleX(-1); }
.cui-transhumans-sticky-steps:dir(rtl) [data-icon="next"]:is(:hover, :focus-visible)::after,
[dir="rtl"] .cui-transhumans-sticky-steps [data-icon="next"]:is(:hover, :focus-visible)::after,
.cui-transhumans-sticky-steps [dir="rtl"] [data-icon="next"]:is(:hover, :focus-visible)::after,
.cui-transhumans-sticky-steps-item:dir(rtl) [data-icon="next"]:is(:hover, :focus-visible)::after,
[dir="rtl"] .cui-transhumans-sticky-steps-item [data-icon="next"]:is(:hover, :focus-visible)::after,
.cui-transhumans-sticky-steps-item [dir="rtl"] [data-icon="next"]:is(:hover, :focus-visible)::after,
.cui-transhumans-stat-tile:dir(rtl) [data-icon="next"]:is(:hover, :focus-visible)::after,
[dir="rtl"] .cui-transhumans-stat-tile [data-icon="next"]:is(:hover, :focus-visible)::after,
.cui-transhumans-stat-tile [dir="rtl"] [data-icon="next"]:is(:hover, :focus-visible)::after,
.cui-transhumans-flip-tile:dir(rtl) [data-icon="next"]:is(:hover, :focus-visible)::after,
[dir="rtl"] .cui-transhumans-flip-tile [data-icon="next"]:is(:hover, :focus-visible)::after,
.cui-transhumans-flip-tile [dir="rtl"] [data-icon="next"]:is(:hover, :focus-visible)::after,
.cui-transhumans-cta-burst:dir(rtl) [data-icon="next"]:is(:hover, :focus-visible)::after,
[dir="rtl"] .cui-transhumans-cta-burst [data-icon="next"]:is(:hover, :focus-visible)::after,
.cui-transhumans-cta-burst [dir="rtl"] [data-icon="next"]:is(:hover, :focus-visible)::after,
.cui-transhumans-feature-tabs:dir(rtl) [data-icon="next"]:is(:hover, :focus-visible)::after,
[dir="rtl"] .cui-transhumans-feature-tabs [data-icon="next"]:is(:hover, :focus-visible)::after,
.cui-transhumans-feature-tabs [dir="rtl"] [data-icon="next"]:is(:hover, :focus-visible)::after,
.cui-transhumans-feature-tabs-panel:dir(rtl) [data-icon="next"]:is(:hover, :focus-visible)::after,
[dir="rtl"] .cui-transhumans-feature-tabs-panel [data-icon="next"]:is(:hover, :focus-visible)::after,
.cui-transhumans-feature-tabs-panel [dir="rtl"] [data-icon="next"]:is(:hover, :focus-visible)::after,
.cui-transhumans-scroll-stack:dir(rtl) [data-icon="next"]:is(:hover, :focus-visible)::after,
[dir="rtl"] .cui-transhumans-scroll-stack [data-icon="next"]:is(:hover, :focus-visible)::after,
.cui-transhumans-scroll-stack [dir="rtl"] [data-icon="next"]:is(:hover, :focus-visible)::after,
.cui-transhumans-scroll-stack-step:dir(rtl) [data-icon="next"]:is(:hover, :focus-visible)::after,
[dir="rtl"] .cui-transhumans-scroll-stack-step [data-icon="next"]:is(:hover, :focus-visible)::after,
.cui-transhumans-scroll-stack-step [dir="rtl"] [data-icon="next"]:is(:hover, :focus-visible)::after,
.cui-transhumans-horizontal:dir(rtl) [data-icon="next"]:is(:hover, :focus-visible)::after,
[dir="rtl"] .cui-transhumans-horizontal [data-icon="next"]:is(:hover, :focus-visible)::after,
.cui-transhumans-horizontal [dir="rtl"] [data-icon="next"]:is(:hover, :focus-visible)::after,
.cui-transhumans-horizontal-panel:dir(rtl) [data-icon="next"]:is(:hover, :focus-visible)::after,
[dir="rtl"] .cui-transhumans-horizontal-panel [data-icon="next"]:is(:hover, :focus-visible)::after,
.cui-transhumans-horizontal-panel [dir="rtl"] [data-icon="next"]:is(:hover, :focus-visible)::after { translate: -3px; }
.cui-transhumans-sticky-steps [data-icon="toggle"],
.cui-transhumans-sticky-steps-item [data-icon="toggle"],
.cui-transhumans-stat-tile [data-icon="toggle"],
.cui-transhumans-flip-tile [data-icon="toggle"],
.cui-transhumans-cta-burst [data-icon="toggle"],
.cui-transhumans-feature-tabs [data-icon="toggle"],
.cui-transhumans-feature-tabs-panel [data-icon="toggle"],
.cui-transhumans-scroll-stack [data-icon="toggle"],
.cui-transhumans-scroll-stack-step [data-icon="toggle"],
.cui-transhumans-horizontal [data-icon="toggle"],
.cui-transhumans-horizontal-panel [data-icon="toggle"] { --_glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E"); }
.cui-transhumans-sticky-steps [data-icon="toggle"]:is(:hover, :focus-visible)::after,
.cui-transhumans-sticky-steps-item [data-icon="toggle"]:is(:hover, :focus-visible)::after,
.cui-transhumans-stat-tile [data-icon="toggle"]:is(:hover, :focus-visible)::after,
.cui-transhumans-flip-tile [data-icon="toggle"]:is(:hover, :focus-visible)::after,
.cui-transhumans-cta-burst [data-icon="toggle"]:is(:hover, :focus-visible)::after,
.cui-transhumans-feature-tabs [data-icon="toggle"]:is(:hover, :focus-visible)::after,
.cui-transhumans-feature-tabs-panel [data-icon="toggle"]:is(:hover, :focus-visible)::after,
.cui-transhumans-scroll-stack [data-icon="toggle"]:is(:hover, :focus-visible)::after,
.cui-transhumans-scroll-stack-step [data-icon="toggle"]:is(:hover, :focus-visible)::after,
.cui-transhumans-horizontal [data-icon="toggle"]:is(:hover, :focus-visible)::after,
.cui-transhumans-horizontal-panel [data-icon="toggle"]:is(:hover, :focus-visible)::after { rotate: 90deg; }
.cui-transhumans-sticky-steps [data-icon="toggle"]:is([aria-pressed="true"], [aria-selected="true"], [aria-current="true"]),
.cui-transhumans-sticky-steps-item [data-icon="toggle"]:is([aria-pressed="true"], [aria-selected="true"], [aria-current="true"]),
.cui-transhumans-stat-tile [data-icon="toggle"]:is([aria-pressed="true"], [aria-selected="true"], [aria-current="true"]),
.cui-transhumans-flip-tile [data-icon="toggle"]:is([aria-pressed="true"], [aria-selected="true"], [aria-current="true"]),
.cui-transhumans-cta-burst [data-icon="toggle"]:is([aria-pressed="true"], [aria-selected="true"], [aria-current="true"]),
.cui-transhumans-feature-tabs [data-icon="toggle"]:is([aria-pressed="true"], [aria-selected="true"], [aria-current="true"]),
.cui-transhumans-feature-tabs-panel [data-icon="toggle"]:is([aria-pressed="true"], [aria-selected="true"], [aria-current="true"]),
.cui-transhumans-scroll-stack [data-icon="toggle"]:is([aria-pressed="true"], [aria-selected="true"], [aria-current="true"]),
.cui-transhumans-scroll-stack-step [data-icon="toggle"]:is([aria-pressed="true"], [aria-selected="true"], [aria-current="true"]),
.cui-transhumans-horizontal [data-icon="toggle"]:is([aria-pressed="true"], [aria-selected="true"], [aria-current="true"]),
.cui-transhumans-horizontal-panel [data-icon="toggle"]:is([aria-pressed="true"], [aria-selected="true"], [aria-current="true"]) { --_glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"); }
.cui-transhumans-sticky-steps [data-icon="toggle"]:is([aria-pressed="true"], [aria-selected="true"], [aria-current="true"]):is(:hover, :focus-visible)::after,
.cui-transhumans-sticky-steps-item [data-icon="toggle"]:is([aria-pressed="true"], [aria-selected="true"], [aria-current="true"]):is(:hover, :focus-visible)::after,
.cui-transhumans-stat-tile [data-icon="toggle"]:is([aria-pressed="true"], [aria-selected="true"], [aria-current="true"]):is(:hover, :focus-visible)::after,
.cui-transhumans-flip-tile [data-icon="toggle"]:is([aria-pressed="true"], [aria-selected="true"], [aria-current="true"]):is(:hover, :focus-visible)::after,
.cui-transhumans-cta-burst [data-icon="toggle"]:is([aria-pressed="true"], [aria-selected="true"], [aria-current="true"]):is(:hover, :focus-visible)::after,
.cui-transhumans-feature-tabs [data-icon="toggle"]:is([aria-pressed="true"], [aria-selected="true"], [aria-current="true"]):is(:hover, :focus-visible)::after,
.cui-transhumans-feature-tabs-panel [data-icon="toggle"]:is([aria-pressed="true"], [aria-selected="true"], [aria-current="true"]):is(:hover, :focus-visible)::after,
.cui-transhumans-scroll-stack [data-icon="toggle"]:is([aria-pressed="true"], [aria-selected="true"], [aria-current="true"]):is(:hover, :focus-visible)::after,
.cui-transhumans-scroll-stack-step [data-icon="toggle"]:is([aria-pressed="true"], [aria-selected="true"], [aria-current="true"]):is(:hover, :focus-visible)::after,
.cui-transhumans-horizontal [data-icon="toggle"]:is([aria-pressed="true"], [aria-selected="true"], [aria-current="true"]):is(:hover, :focus-visible)::after,
.cui-transhumans-horizontal-panel [data-icon="toggle"]:is([aria-pressed="true"], [aria-selected="true"], [aria-current="true"]):is(:hover, :focus-visible)::after { rotate: 0deg; scale: 1.2; }
.cui-transhumans-sticky-steps [data-icon="play"],
.cui-transhumans-sticky-steps-item [data-icon="play"],
.cui-transhumans-stat-tile [data-icon="play"],
.cui-transhumans-flip-tile [data-icon="play"],
.cui-transhumans-cta-burst [data-icon="play"],
.cui-transhumans-feature-tabs [data-icon="play"],
.cui-transhumans-feature-tabs-panel [data-icon="play"],
.cui-transhumans-scroll-stack [data-icon="play"],
.cui-transhumans-scroll-stack-step [data-icon="play"],
.cui-transhumans-horizontal [data-icon="play"],
.cui-transhumans-horizontal-panel [data-icon="play"] { --_glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 5.5v13l10.5-6.5z' fill='black' stroke='none'/%3E%3C/svg%3E"); }
.cui-transhumans-sticky-steps [data-icon="play"]:is(:hover, :focus-visible)::after,
.cui-transhumans-sticky-steps-item [data-icon="play"]:is(:hover, :focus-visible)::after,
.cui-transhumans-stat-tile [data-icon="play"]:is(:hover, :focus-visible)::after,
.cui-transhumans-flip-tile [data-icon="play"]:is(:hover, :focus-visible)::after,
.cui-transhumans-cta-burst [data-icon="play"]:is(:hover, :focus-visible)::after,
.cui-transhumans-feature-tabs [data-icon="play"]:is(:hover, :focus-visible)::after,
.cui-transhumans-feature-tabs-panel [data-icon="play"]:is(:hover, :focus-visible)::after,
.cui-transhumans-scroll-stack [data-icon="play"]:is(:hover, :focus-visible)::after,
.cui-transhumans-scroll-stack-step [data-icon="play"]:is(:hover, :focus-visible)::after,
.cui-transhumans-horizontal [data-icon="play"]:is(:hover, :focus-visible)::after,
.cui-transhumans-horizontal-panel [data-icon="play"]:is(:hover, :focus-visible)::after { scale: 1.2; }
.cui-transhumans-sticky-steps [data-icon="pause"],
.cui-transhumans-sticky-steps-item [data-icon="pause"],
.cui-transhumans-stat-tile [data-icon="pause"],
.cui-transhumans-flip-tile [data-icon="pause"],
.cui-transhumans-cta-burst [data-icon="pause"],
.cui-transhumans-feature-tabs [data-icon="pause"],
.cui-transhumans-feature-tabs-panel [data-icon="pause"],
.cui-transhumans-scroll-stack [data-icon="pause"],
.cui-transhumans-scroll-stack-step [data-icon="pause"],
.cui-transhumans-horizontal [data-icon="pause"],
.cui-transhumans-horizontal-panel [data-icon="pause"] { --_glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 5v14M15.5 5v14'/%3E%3C/svg%3E"); }
.cui-transhumans-sticky-steps [data-icon="pause"]:is(:hover, :focus-visible)::after,
.cui-transhumans-sticky-steps-item [data-icon="pause"]:is(:hover, :focus-visible)::after,
.cui-transhumans-stat-tile [data-icon="pause"]:is(:hover, :focus-visible)::after,
.cui-transhumans-flip-tile [data-icon="pause"]:is(:hover, :focus-visible)::after,
.cui-transhumans-cta-burst [data-icon="pause"]:is(:hover, :focus-visible)::after,
.cui-transhumans-feature-tabs [data-icon="pause"]:is(:hover, :focus-visible)::after,
.cui-transhumans-feature-tabs-panel [data-icon="pause"]:is(:hover, :focus-visible)::after,
.cui-transhumans-scroll-stack [data-icon="pause"]:is(:hover, :focus-visible)::after,
.cui-transhumans-scroll-stack-step [data-icon="pause"]:is(:hover, :focus-visible)::after,
.cui-transhumans-horizontal [data-icon="pause"]:is(:hover, :focus-visible)::after,
.cui-transhumans-horizontal-panel [data-icon="pause"]:is(:hover, :focus-visible)::after { scale: 1.2; }
.cui-transhumans-sticky-steps [data-icon="grid"],
.cui-transhumans-sticky-steps-item [data-icon="grid"],
.cui-transhumans-stat-tile [data-icon="grid"],
.cui-transhumans-flip-tile [data-icon="grid"],
.cui-transhumans-cta-burst [data-icon="grid"],
.cui-transhumans-feature-tabs [data-icon="grid"],
.cui-transhumans-feature-tabs-panel [data-icon="grid"],
.cui-transhumans-scroll-stack [data-icon="grid"],
.cui-transhumans-scroll-stack-step [data-icon="grid"],
.cui-transhumans-horizontal [data-icon="grid"],
.cui-transhumans-horizontal-panel [data-icon="grid"] { --_glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='6.5' height='6.5' rx='1.5'/%3E%3Crect x='13.5' y='4' width='6.5' height='6.5' rx='1.5'/%3E%3Crect x='4' y='13.5' width='6.5' height='6.5' rx='1.5'/%3E%3Crect x='13.5' y='13.5' width='6.5' height='6.5' rx='1.5'/%3E%3C/svg%3E"); }
.cui-transhumans-sticky-steps [data-icon="grid"]:is(:hover, :focus-visible)::after,
.cui-transhumans-sticky-steps-item [data-icon="grid"]:is(:hover, :focus-visible)::after,
.cui-transhumans-stat-tile [data-icon="grid"]:is(:hover, :focus-visible)::after,
.cui-transhumans-flip-tile [data-icon="grid"]:is(:hover, :focus-visible)::after,
.cui-transhumans-cta-burst [data-icon="grid"]:is(:hover, :focus-visible)::after,
.cui-transhumans-feature-tabs [data-icon="grid"]:is(:hover, :focus-visible)::after,
.cui-transhumans-feature-tabs-panel [data-icon="grid"]:is(:hover, :focus-visible)::after,
.cui-transhumans-scroll-stack [data-icon="grid"]:is(:hover, :focus-visible)::after,
.cui-transhumans-scroll-stack-step [data-icon="grid"]:is(:hover, :focus-visible)::after,
.cui-transhumans-horizontal [data-icon="grid"]:is(:hover, :focus-visible)::after,
.cui-transhumans-horizontal-panel [data-icon="grid"]:is(:hover, :focus-visible)::after { rotate: 90deg; }
.cui-transhumans-sticky-steps [data-icon="plus"],
.cui-transhumans-sticky-steps-item [data-icon="plus"],
.cui-transhumans-stat-tile [data-icon="plus"],
.cui-transhumans-flip-tile [data-icon="plus"],
.cui-transhumans-cta-burst [data-icon="plus"],
.cui-transhumans-feature-tabs [data-icon="plus"],
.cui-transhumans-feature-tabs-panel [data-icon="plus"],
.cui-transhumans-scroll-stack [data-icon="plus"],
.cui-transhumans-scroll-stack-step [data-icon="plus"],
.cui-transhumans-horizontal [data-icon="plus"],
.cui-transhumans-horizontal-panel [data-icon="plus"] { --_glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E"); }
.cui-transhumans-sticky-steps [data-icon="plus"]:is(:hover, :focus-visible)::after,
.cui-transhumans-sticky-steps-item [data-icon="plus"]:is(:hover, :focus-visible)::after,
.cui-transhumans-stat-tile [data-icon="plus"]:is(:hover, :focus-visible)::after,
.cui-transhumans-flip-tile [data-icon="plus"]:is(:hover, :focus-visible)::after,
.cui-transhumans-cta-burst [data-icon="plus"]:is(:hover, :focus-visible)::after,
.cui-transhumans-feature-tabs [data-icon="plus"]:is(:hover, :focus-visible)::after,
.cui-transhumans-feature-tabs-panel [data-icon="plus"]:is(:hover, :focus-visible)::after,
.cui-transhumans-scroll-stack [data-icon="plus"]:is(:hover, :focus-visible)::after,
.cui-transhumans-scroll-stack-step [data-icon="plus"]:is(:hover, :focus-visible)::after,
.cui-transhumans-horizontal [data-icon="plus"]:is(:hover, :focus-visible)::after,
.cui-transhumans-horizontal-panel [data-icon="plus"]:is(:hover, :focus-visible)::after { rotate: 90deg; }
.cui-transhumans-sticky-steps [data-icon="spark"],
.cui-transhumans-sticky-steps-item [data-icon="spark"],
.cui-transhumans-stat-tile [data-icon="spark"],
.cui-transhumans-flip-tile [data-icon="spark"],
.cui-transhumans-cta-burst [data-icon="spark"],
.cui-transhumans-feature-tabs [data-icon="spark"],
.cui-transhumans-feature-tabs-panel [data-icon="spark"],
.cui-transhumans-scroll-stack [data-icon="spark"],
.cui-transhumans-scroll-stack-step [data-icon="spark"],
.cui-transhumans-horizontal [data-icon="spark"],
.cui-transhumans-horizontal-panel [data-icon="spark"] { --_glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v5M12 16v5M3 12h5M16 12h5M6 6l2.8 2.8M15.2 15.2L18 18M6 18l2.8-2.8M15.2 8.8L18 6'/%3E%3C/svg%3E"); }
.cui-transhumans-sticky-steps [data-icon="spark"]:is(:hover, :focus-visible)::after,
.cui-transhumans-sticky-steps-item [data-icon="spark"]:is(:hover, :focus-visible)::after,
.cui-transhumans-stat-tile [data-icon="spark"]:is(:hover, :focus-visible)::after,
.cui-transhumans-flip-tile [data-icon="spark"]:is(:hover, :focus-visible)::after,
.cui-transhumans-cta-burst [data-icon="spark"]:is(:hover, :focus-visible)::after,
.cui-transhumans-feature-tabs [data-icon="spark"]:is(:hover, :focus-visible)::after,
.cui-transhumans-feature-tabs-panel [data-icon="spark"]:is(:hover, :focus-visible)::after,
.cui-transhumans-scroll-stack [data-icon="spark"]:is(:hover, :focus-visible)::after,
.cui-transhumans-scroll-stack-step [data-icon="spark"]:is(:hover, :focus-visible)::after,
.cui-transhumans-horizontal [data-icon="spark"]:is(:hover, :focus-visible)::after,
.cui-transhumans-horizontal-panel [data-icon="spark"]:is(:hover, :focus-visible)::after { rotate: 45deg; scale: 1.15; }
.cui-transhumans-sticky-steps [data-icon="calendar"],
.cui-transhumans-sticky-steps-item [data-icon="calendar"],
.cui-transhumans-stat-tile [data-icon="calendar"],
.cui-transhumans-flip-tile [data-icon="calendar"],
.cui-transhumans-cta-burst [data-icon="calendar"],
.cui-transhumans-feature-tabs [data-icon="calendar"],
.cui-transhumans-feature-tabs-panel [data-icon="calendar"],
.cui-transhumans-scroll-stack [data-icon="calendar"],
.cui-transhumans-scroll-stack-step [data-icon="calendar"],
.cui-transhumans-horizontal [data-icon="calendar"],
.cui-transhumans-horizontal-panel [data-icon="calendar"] { --_glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5.5' width='16' height='14.5' rx='2'/%3E%3Cpath d='M4 10.5h16M9 3.5v4M15 3.5v4'/%3E%3C/svg%3E"); }
.cui-transhumans-sticky-steps [data-icon="calendar"]:is(:hover, :focus-visible)::after,
.cui-transhumans-sticky-steps-item [data-icon="calendar"]:is(:hover, :focus-visible)::after,
.cui-transhumans-stat-tile [data-icon="calendar"]:is(:hover, :focus-visible)::after,
.cui-transhumans-flip-tile [data-icon="calendar"]:is(:hover, :focus-visible)::after,
.cui-transhumans-cta-burst [data-icon="calendar"]:is(:hover, :focus-visible)::after,
.cui-transhumans-feature-tabs [data-icon="calendar"]:is(:hover, :focus-visible)::after,
.cui-transhumans-feature-tabs-panel [data-icon="calendar"]:is(:hover, :focus-visible)::after,
.cui-transhumans-scroll-stack [data-icon="calendar"]:is(:hover, :focus-visible)::after,
.cui-transhumans-scroll-stack-step [data-icon="calendar"]:is(:hover, :focus-visible)::after,
.cui-transhumans-horizontal [data-icon="calendar"]:is(:hover, :focus-visible)::after,
.cui-transhumans-horizontal-panel [data-icon="calendar"]:is(:hover, :focus-visible)::after { translate: 0px -2px; }
.cui-transhumans-sticky-steps [data-icon="chat"],
.cui-transhumans-sticky-steps-item [data-icon="chat"],
.cui-transhumans-stat-tile [data-icon="chat"],
.cui-transhumans-flip-tile [data-icon="chat"],
.cui-transhumans-cta-burst [data-icon="chat"],
.cui-transhumans-feature-tabs [data-icon="chat"],
.cui-transhumans-feature-tabs-panel [data-icon="chat"],
.cui-transhumans-scroll-stack [data-icon="chat"],
.cui-transhumans-scroll-stack-step [data-icon="chat"],
.cui-transhumans-horizontal [data-icon="chat"],
.cui-transhumans-horizontal-panel [data-icon="chat"] { --_glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 5.5h14v10H10.5L6 19.5v-4H5z'/%3E%3C/svg%3E"); }
.cui-transhumans-sticky-steps [data-icon="chat"]:is(:hover, :focus-visible)::after,
.cui-transhumans-sticky-steps-item [data-icon="chat"]:is(:hover, :focus-visible)::after,
.cui-transhumans-stat-tile [data-icon="chat"]:is(:hover, :focus-visible)::after,
.cui-transhumans-flip-tile [data-icon="chat"]:is(:hover, :focus-visible)::after,
.cui-transhumans-cta-burst [data-icon="chat"]:is(:hover, :focus-visible)::after,
.cui-transhumans-feature-tabs [data-icon="chat"]:is(:hover, :focus-visible)::after,
.cui-transhumans-feature-tabs-panel [data-icon="chat"]:is(:hover, :focus-visible)::after,
.cui-transhumans-scroll-stack [data-icon="chat"]:is(:hover, :focus-visible)::after,
.cui-transhumans-scroll-stack-step [data-icon="chat"]:is(:hover, :focus-visible)::after,
.cui-transhumans-horizontal [data-icon="chat"]:is(:hover, :focus-visible)::after,
.cui-transhumans-horizontal-panel [data-icon="chat"]:is(:hover, :focus-visible)::after { translate: 0px -2px; }
.cui-transhumans-sticky-steps [data-icon="close"],
.cui-transhumans-sticky-steps-item [data-icon="close"],
.cui-transhumans-stat-tile [data-icon="close"],
.cui-transhumans-flip-tile [data-icon="close"],
.cui-transhumans-cta-burst [data-icon="close"],
.cui-transhumans-feature-tabs [data-icon="close"],
.cui-transhumans-feature-tabs-panel [data-icon="close"],
.cui-transhumans-scroll-stack [data-icon="close"],
.cui-transhumans-scroll-stack-step [data-icon="close"],
.cui-transhumans-horizontal [data-icon="close"],
.cui-transhumans-horizontal-panel [data-icon="close"] { --_glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 6.5l11 11M17.5 6.5l-11 11'/%3E%3C/svg%3E"); }
.cui-transhumans-sticky-steps [data-icon="close"]:is(:hover, :focus-visible)::after,
.cui-transhumans-sticky-steps-item [data-icon="close"]:is(:hover, :focus-visible)::after,
.cui-transhumans-stat-tile [data-icon="close"]:is(:hover, :focus-visible)::after,
.cui-transhumans-flip-tile [data-icon="close"]:is(:hover, :focus-visible)::after,
.cui-transhumans-cta-burst [data-icon="close"]:is(:hover, :focus-visible)::after,
.cui-transhumans-feature-tabs [data-icon="close"]:is(:hover, :focus-visible)::after,
.cui-transhumans-feature-tabs-panel [data-icon="close"]:is(:hover, :focus-visible)::after,
.cui-transhumans-scroll-stack [data-icon="close"]:is(:hover, :focus-visible)::after,
.cui-transhumans-scroll-stack-step [data-icon="close"]:is(:hover, :focus-visible)::after,
.cui-transhumans-horizontal [data-icon="close"]:is(:hover, :focus-visible)::after,
.cui-transhumans-horizontal-panel [data-icon="close"]:is(:hover, :focus-visible)::after { rotate: 90deg; }
.cui-transhumans-sticky-steps [data-icon="check"],
.cui-transhumans-sticky-steps-item [data-icon="check"],
.cui-transhumans-stat-tile [data-icon="check"],
.cui-transhumans-flip-tile [data-icon="check"],
.cui-transhumans-cta-burst [data-icon="check"],
.cui-transhumans-feature-tabs [data-icon="check"],
.cui-transhumans-feature-tabs-panel [data-icon="check"],
.cui-transhumans-scroll-stack [data-icon="check"],
.cui-transhumans-scroll-stack-step [data-icon="check"],
.cui-transhumans-horizontal [data-icon="check"],
.cui-transhumans-horizontal-panel [data-icon="check"] { --_glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"); }
.cui-transhumans-sticky-steps [data-icon="check"]:is(:hover, :focus-visible)::after,
.cui-transhumans-sticky-steps-item [data-icon="check"]:is(:hover, :focus-visible)::after,
.cui-transhumans-stat-tile [data-icon="check"]:is(:hover, :focus-visible)::after,
.cui-transhumans-flip-tile [data-icon="check"]:is(:hover, :focus-visible)::after,
.cui-transhumans-cta-burst [data-icon="check"]:is(:hover, :focus-visible)::after,
.cui-transhumans-feature-tabs [data-icon="check"]:is(:hover, :focus-visible)::after,
.cui-transhumans-feature-tabs-panel [data-icon="check"]:is(:hover, :focus-visible)::after,
.cui-transhumans-scroll-stack [data-icon="check"]:is(:hover, :focus-visible)::after,
.cui-transhumans-scroll-stack-step [data-icon="check"]:is(:hover, :focus-visible)::after,
.cui-transhumans-horizontal [data-icon="check"]:is(:hover, :focus-visible)::after,
.cui-transhumans-horizontal-panel [data-icon="check"]:is(:hover, :focus-visible)::after { scale: 1.2; }
.cui-transhumans-sticky-steps [data-icon="send"],
.cui-transhumans-sticky-steps-item [data-icon="send"],
.cui-transhumans-stat-tile [data-icon="send"],
.cui-transhumans-flip-tile [data-icon="send"],
.cui-transhumans-cta-burst [data-icon="send"],
.cui-transhumans-feature-tabs [data-icon="send"],
.cui-transhumans-feature-tabs-panel [data-icon="send"],
.cui-transhumans-scroll-stack [data-icon="send"],
.cui-transhumans-scroll-stack-step [data-icon="send"],
.cui-transhumans-horizontal [data-icon="send"],
.cui-transhumans-horizontal-panel [data-icon="send"] { --_glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 11.5L20 4l-6.5 16-2.5-6.5z'/%3E%3Cpath d='M11 13.5L20 4'/%3E%3C/svg%3E"); }
.cui-transhumans-sticky-steps [data-icon="send"]:is(:hover, :focus-visible)::after,
.cui-transhumans-sticky-steps-item [data-icon="send"]:is(:hover, :focus-visible)::after,
.cui-transhumans-stat-tile [data-icon="send"]:is(:hover, :focus-visible)::after,
.cui-transhumans-flip-tile [data-icon="send"]:is(:hover, :focus-visible)::after,
.cui-transhumans-cta-burst [data-icon="send"]:is(:hover, :focus-visible)::after,
.cui-transhumans-feature-tabs [data-icon="send"]:is(:hover, :focus-visible)::after,
.cui-transhumans-feature-tabs-panel [data-icon="send"]:is(:hover, :focus-visible)::after,
.cui-transhumans-scroll-stack [data-icon="send"]:is(:hover, :focus-visible)::after,
.cui-transhumans-scroll-stack-step [data-icon="send"]:is(:hover, :focus-visible)::after,
.cui-transhumans-horizontal [data-icon="send"]:is(:hover, :focus-visible)::after,
.cui-transhumans-horizontal-panel [data-icon="send"]:is(:hover, :focus-visible)::after { translate: 2px -2px; }
.cui-transhumans-sticky-steps [data-icon="search"],
.cui-transhumans-sticky-steps-item [data-icon="search"],
.cui-transhumans-stat-tile [data-icon="search"],
.cui-transhumans-flip-tile [data-icon="search"],
.cui-transhumans-cta-burst [data-icon="search"],
.cui-transhumans-feature-tabs [data-icon="search"],
.cui-transhumans-feature-tabs-panel [data-icon="search"],
.cui-transhumans-scroll-stack [data-icon="search"],
.cui-transhumans-scroll-stack-step [data-icon="search"],
.cui-transhumans-horizontal [data-icon="search"],
.cui-transhumans-horizontal-panel [data-icon="search"] { --_glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6'/%3E%3Cpath d='M15 15l5 5'/%3E%3C/svg%3E"); }
.cui-transhumans-sticky-steps [data-icon="search"]:is(:hover, :focus-visible)::after,
.cui-transhumans-sticky-steps-item [data-icon="search"]:is(:hover, :focus-visible)::after,
.cui-transhumans-stat-tile [data-icon="search"]:is(:hover, :focus-visible)::after,
.cui-transhumans-flip-tile [data-icon="search"]:is(:hover, :focus-visible)::after,
.cui-transhumans-cta-burst [data-icon="search"]:is(:hover, :focus-visible)::after,
.cui-transhumans-feature-tabs [data-icon="search"]:is(:hover, :focus-visible)::after,
.cui-transhumans-feature-tabs-panel [data-icon="search"]:is(:hover, :focus-visible)::after,
.cui-transhumans-scroll-stack [data-icon="search"]:is(:hover, :focus-visible)::after,
.cui-transhumans-scroll-stack-step [data-icon="search"]:is(:hover, :focus-visible)::after,
.cui-transhumans-horizontal [data-icon="search"]:is(:hover, :focus-visible)::after,
.cui-transhumans-horizontal-panel [data-icon="search"]:is(:hover, :focus-visible)::after { scale: 1.15; }
.cui-transhumans-sticky-steps [data-icon="cart"],
.cui-transhumans-sticky-steps-item [data-icon="cart"],
.cui-transhumans-stat-tile [data-icon="cart"],
.cui-transhumans-flip-tile [data-icon="cart"],
.cui-transhumans-cta-burst [data-icon="cart"],
.cui-transhumans-feature-tabs [data-icon="cart"],
.cui-transhumans-feature-tabs-panel [data-icon="cart"],
.cui-transhumans-scroll-stack [data-icon="cart"],
.cui-transhumans-scroll-stack-step [data-icon="cart"],
.cui-transhumans-horizontal [data-icon="cart"],
.cui-transhumans-horizontal-panel [data-icon="cart"] { --_glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4.5h2.5l2 10.5h10.5l2-7.5H6.8'/%3E%3Ccircle cx='9' cy='19.5' r='1.2'/%3E%3Ccircle cx='17' cy='19.5' r='1.2'/%3E%3C/svg%3E"); }
.cui-transhumans-sticky-steps [data-icon="cart"]:is(:hover, :focus-visible)::after,
.cui-transhumans-sticky-steps-item [data-icon="cart"]:is(:hover, :focus-visible)::after,
.cui-transhumans-stat-tile [data-icon="cart"]:is(:hover, :focus-visible)::after,
.cui-transhumans-flip-tile [data-icon="cart"]:is(:hover, :focus-visible)::after,
.cui-transhumans-cta-burst [data-icon="cart"]:is(:hover, :focus-visible)::after,
.cui-transhumans-feature-tabs [data-icon="cart"]:is(:hover, :focus-visible)::after,
.cui-transhumans-feature-tabs-panel [data-icon="cart"]:is(:hover, :focus-visible)::after,
.cui-transhumans-scroll-stack [data-icon="cart"]:is(:hover, :focus-visible)::after,
.cui-transhumans-scroll-stack-step [data-icon="cart"]:is(:hover, :focus-visible)::after,
.cui-transhumans-horizontal [data-icon="cart"]:is(:hover, :focus-visible)::after,
.cui-transhumans-horizontal-panel [data-icon="cart"]:is(:hover, :focus-visible)::after { translate: 3px; }
.cui-transhumans-sticky-steps [data-icon="mail"],
.cui-transhumans-sticky-steps-item [data-icon="mail"],
.cui-transhumans-stat-tile [data-icon="mail"],
.cui-transhumans-flip-tile [data-icon="mail"],
.cui-transhumans-cta-burst [data-icon="mail"],
.cui-transhumans-feature-tabs [data-icon="mail"],
.cui-transhumans-feature-tabs-panel [data-icon="mail"],
.cui-transhumans-scroll-stack [data-icon="mail"],
.cui-transhumans-scroll-stack-step [data-icon="mail"],
.cui-transhumans-horizontal [data-icon="mail"],
.cui-transhumans-horizontal-panel [data-icon="mail"] { --_glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5.5' width='17' height='13' rx='2'/%3E%3Cpath d='M4 7l8 6 8-6'/%3E%3C/svg%3E"); }
.cui-transhumans-sticky-steps [data-icon="mail"]:is(:hover, :focus-visible)::after,
.cui-transhumans-sticky-steps-item [data-icon="mail"]:is(:hover, :focus-visible)::after,
.cui-transhumans-stat-tile [data-icon="mail"]:is(:hover, :focus-visible)::after,
.cui-transhumans-flip-tile [data-icon="mail"]:is(:hover, :focus-visible)::after,
.cui-transhumans-cta-burst [data-icon="mail"]:is(:hover, :focus-visible)::after,
.cui-transhumans-feature-tabs [data-icon="mail"]:is(:hover, :focus-visible)::after,
.cui-transhumans-feature-tabs-panel [data-icon="mail"]:is(:hover, :focus-visible)::after,
.cui-transhumans-scroll-stack [data-icon="mail"]:is(:hover, :focus-visible)::after,
.cui-transhumans-scroll-stack-step [data-icon="mail"]:is(:hover, :focus-visible)::after,
.cui-transhumans-horizontal [data-icon="mail"]:is(:hover, :focus-visible)::after,
.cui-transhumans-horizontal-panel [data-icon="mail"]:is(:hover, :focus-visible)::after { translate: 0px -2px; }
.cui-transhumans-sticky-steps [data-icon="download"],
.cui-transhumans-sticky-steps-item [data-icon="download"],
.cui-transhumans-stat-tile [data-icon="download"],
.cui-transhumans-flip-tile [data-icon="download"],
.cui-transhumans-cta-burst [data-icon="download"],
.cui-transhumans-feature-tabs [data-icon="download"],
.cui-transhumans-feature-tabs-panel [data-icon="download"],
.cui-transhumans-scroll-stack [data-icon="download"],
.cui-transhumans-scroll-stack-step [data-icon="download"],
.cui-transhumans-horizontal [data-icon="download"],
.cui-transhumans-horizontal-panel [data-icon="download"] { --_glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11M7 10l5 5 5-5M5 20h14'/%3E%3C/svg%3E"); }
.cui-transhumans-sticky-steps [data-icon="download"]:is(:hover, :focus-visible)::after,
.cui-transhumans-sticky-steps-item [data-icon="download"]:is(:hover, :focus-visible)::after,
.cui-transhumans-stat-tile [data-icon="download"]:is(:hover, :focus-visible)::after,
.cui-transhumans-flip-tile [data-icon="download"]:is(:hover, :focus-visible)::after,
.cui-transhumans-cta-burst [data-icon="download"]:is(:hover, :focus-visible)::after,
.cui-transhumans-feature-tabs [data-icon="download"]:is(:hover, :focus-visible)::after,
.cui-transhumans-feature-tabs-panel [data-icon="download"]:is(:hover, :focus-visible)::after,
.cui-transhumans-scroll-stack [data-icon="download"]:is(:hover, :focus-visible)::after,
.cui-transhumans-scroll-stack-step [data-icon="download"]:is(:hover, :focus-visible)::after,
.cui-transhumans-horizontal [data-icon="download"]:is(:hover, :focus-visible)::after,
.cui-transhumans-horizontal-panel [data-icon="download"]:is(:hover, :focus-visible)::after { translate: 0px 2px; }
.cui-transhumans-sticky-steps [data-icon="share"],
.cui-transhumans-sticky-steps-item [data-icon="share"],
.cui-transhumans-stat-tile [data-icon="share"],
.cui-transhumans-flip-tile [data-icon="share"],
.cui-transhumans-cta-burst [data-icon="share"],
.cui-transhumans-feature-tabs [data-icon="share"],
.cui-transhumans-feature-tabs-panel [data-icon="share"],
.cui-transhumans-scroll-stack [data-icon="share"],
.cui-transhumans-scroll-stack-step [data-icon="share"],
.cui-transhumans-horizontal [data-icon="share"],
.cui-transhumans-horizontal-panel [data-icon="share"] { --_glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 15V4M8 8l4-4 4 4M5 13v6.5h14V13'/%3E%3C/svg%3E"); }
.cui-transhumans-sticky-steps [data-icon="share"]:is(:hover, :focus-visible)::after,
.cui-transhumans-sticky-steps-item [data-icon="share"]:is(:hover, :focus-visible)::after,
.cui-transhumans-stat-tile [data-icon="share"]:is(:hover, :focus-visible)::after,
.cui-transhumans-flip-tile [data-icon="share"]:is(:hover, :focus-visible)::after,
.cui-transhumans-cta-burst [data-icon="share"]:is(:hover, :focus-visible)::after,
.cui-transhumans-feature-tabs [data-icon="share"]:is(:hover, :focus-visible)::after,
.cui-transhumans-feature-tabs-panel [data-icon="share"]:is(:hover, :focus-visible)::after,
.cui-transhumans-scroll-stack [data-icon="share"]:is(:hover, :focus-visible)::after,
.cui-transhumans-scroll-stack-step [data-icon="share"]:is(:hover, :focus-visible)::after,
.cui-transhumans-horizontal [data-icon="share"]:is(:hover, :focus-visible)::after,
.cui-transhumans-horizontal-panel [data-icon="share"]:is(:hover, :focus-visible)::after { translate: 0px -2px; }
.cui-transhumans-sticky-steps [data-icon="lock"],
.cui-transhumans-sticky-steps-item [data-icon="lock"],
.cui-transhumans-stat-tile [data-icon="lock"],
.cui-transhumans-flip-tile [data-icon="lock"],
.cui-transhumans-cta-burst [data-icon="lock"],
.cui-transhumans-feature-tabs [data-icon="lock"],
.cui-transhumans-feature-tabs-panel [data-icon="lock"],
.cui-transhumans-scroll-stack [data-icon="lock"],
.cui-transhumans-scroll-stack-step [data-icon="lock"],
.cui-transhumans-horizontal [data-icon="lock"],
.cui-transhumans-horizontal-panel [data-icon="lock"] { --_glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='9' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E"); }
.cui-transhumans-sticky-steps [data-icon="lock"]:is(:hover, :focus-visible)::after,
.cui-transhumans-sticky-steps-item [data-icon="lock"]:is(:hover, :focus-visible)::after,
.cui-transhumans-stat-tile [data-icon="lock"]:is(:hover, :focus-visible)::after,
.cui-transhumans-flip-tile [data-icon="lock"]:is(:hover, :focus-visible)::after,
.cui-transhumans-cta-burst [data-icon="lock"]:is(:hover, :focus-visible)::after,
.cui-transhumans-feature-tabs [data-icon="lock"]:is(:hover, :focus-visible)::after,
.cui-transhumans-feature-tabs-panel [data-icon="lock"]:is(:hover, :focus-visible)::after,
.cui-transhumans-scroll-stack [data-icon="lock"]:is(:hover, :focus-visible)::after,
.cui-transhumans-scroll-stack-step [data-icon="lock"]:is(:hover, :focus-visible)::after,
.cui-transhumans-horizontal [data-icon="lock"]:is(:hover, :focus-visible)::after,
.cui-transhumans-horizontal-panel [data-icon="lock"]:is(:hover, :focus-visible)::after { scale: 1.15; }
.cui-transhumans-sticky-steps [data-icon="pin"],
.cui-transhumans-sticky-steps-item [data-icon="pin"],
.cui-transhumans-stat-tile [data-icon="pin"],
.cui-transhumans-flip-tile [data-icon="pin"],
.cui-transhumans-cta-burst [data-icon="pin"],
.cui-transhumans-feature-tabs [data-icon="pin"],
.cui-transhumans-feature-tabs-panel [data-icon="pin"],
.cui-transhumans-scroll-stack [data-icon="pin"],
.cui-transhumans-scroll-stack-step [data-icon="pin"],
.cui-transhumans-horizontal [data-icon="pin"],
.cui-transhumans-horizontal-panel [data-icon="pin"] { --_glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-6.5-5.8-6.5-11a6.5 6.5 0 0 1 13 0c0 5.2-6.5 11-6.5 11z'/%3E%3Ccircle cx='12' cy='10' r='2.2'/%3E%3C/svg%3E"); }
.cui-transhumans-sticky-steps [data-icon="pin"]:is(:hover, :focus-visible)::after,
.cui-transhumans-sticky-steps-item [data-icon="pin"]:is(:hover, :focus-visible)::after,
.cui-transhumans-stat-tile [data-icon="pin"]:is(:hover, :focus-visible)::after,
.cui-transhumans-flip-tile [data-icon="pin"]:is(:hover, :focus-visible)::after,
.cui-transhumans-cta-burst [data-icon="pin"]:is(:hover, :focus-visible)::after,
.cui-transhumans-feature-tabs [data-icon="pin"]:is(:hover, :focus-visible)::after,
.cui-transhumans-feature-tabs-panel [data-icon="pin"]:is(:hover, :focus-visible)::after,
.cui-transhumans-scroll-stack [data-icon="pin"]:is(:hover, :focus-visible)::after,
.cui-transhumans-scroll-stack-step [data-icon="pin"]:is(:hover, :focus-visible)::after,
.cui-transhumans-horizontal [data-icon="pin"]:is(:hover, :focus-visible)::after,
.cui-transhumans-horizontal-panel [data-icon="pin"]:is(:hover, :focus-visible)::after { translate: 0px -2px; }
.cui-transhumans-sticky-steps [data-icon="bell"],
.cui-transhumans-sticky-steps-item [data-icon="bell"],
.cui-transhumans-stat-tile [data-icon="bell"],
.cui-transhumans-flip-tile [data-icon="bell"],
.cui-transhumans-cta-burst [data-icon="bell"],
.cui-transhumans-feature-tabs [data-icon="bell"],
.cui-transhumans-feature-tabs-panel [data-icon="bell"],
.cui-transhumans-scroll-stack [data-icon="bell"],
.cui-transhumans-scroll-stack-step [data-icon="bell"],
.cui-transhumans-horizontal [data-icon="bell"],
.cui-transhumans-horizontal-panel [data-icon="bell"] { --_glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 16.5V11a6 6 0 0 1 12 0v5.5l1.5 1.5h-15zM10 20.5h4'/%3E%3C/svg%3E"); }
.cui-transhumans-sticky-steps [data-icon="bell"]:is(:hover, :focus-visible)::after,
.cui-transhumans-sticky-steps-item [data-icon="bell"]:is(:hover, :focus-visible)::after,
.cui-transhumans-stat-tile [data-icon="bell"]:is(:hover, :focus-visible)::after,
.cui-transhumans-flip-tile [data-icon="bell"]:is(:hover, :focus-visible)::after,
.cui-transhumans-cta-burst [data-icon="bell"]:is(:hover, :focus-visible)::after,
.cui-transhumans-feature-tabs [data-icon="bell"]:is(:hover, :focus-visible)::after,
.cui-transhumans-feature-tabs-panel [data-icon="bell"]:is(:hover, :focus-visible)::after,
.cui-transhumans-scroll-stack [data-icon="bell"]:is(:hover, :focus-visible)::after,
.cui-transhumans-scroll-stack-step [data-icon="bell"]:is(:hover, :focus-visible)::after,
.cui-transhumans-horizontal [data-icon="bell"]:is(:hover, :focus-visible)::after,
.cui-transhumans-horizontal-panel [data-icon="bell"]:is(:hover, :focus-visible)::after { rotate: 14deg; }
.cui-transhumans-sticky-steps [data-icon="back"],
.cui-transhumans-sticky-steps-item [data-icon="back"],
.cui-transhumans-stat-tile [data-icon="back"],
.cui-transhumans-flip-tile [data-icon="back"],
.cui-transhumans-cta-burst [data-icon="back"],
.cui-transhumans-feature-tabs [data-icon="back"],
.cui-transhumans-feature-tabs-panel [data-icon="back"],
.cui-transhumans-scroll-stack [data-icon="back"],
.cui-transhumans-scroll-stack-step [data-icon="back"],
.cui-transhumans-horizontal [data-icon="back"],
.cui-transhumans-horizontal-panel [data-icon="back"] { --_glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5M11 6l-6 6 6 6'/%3E%3C/svg%3E"); }
.cui-transhumans-sticky-steps [data-icon="back"]::after,
.cui-transhumans-sticky-steps-item [data-icon="back"]::after,
.cui-transhumans-stat-tile [data-icon="back"]::after,
.cui-transhumans-flip-tile [data-icon="back"]::after,
.cui-transhumans-cta-burst [data-icon="back"]::after,
.cui-transhumans-feature-tabs [data-icon="back"]::after,
.cui-transhumans-feature-tabs-panel [data-icon="back"]::after,
.cui-transhumans-scroll-stack [data-icon="back"]::after,
.cui-transhumans-scroll-stack-step [data-icon="back"]::after,
.cui-transhumans-horizontal [data-icon="back"]::after,
.cui-transhumans-horizontal-panel [data-icon="back"]::after { order: -1; margin-inline: 0px 0.45em; }
.cui-transhumans-sticky-steps [data-icon="back"]:is(:hover, :focus-visible)::after,
.cui-transhumans-sticky-steps-item [data-icon="back"]:is(:hover, :focus-visible)::after,
.cui-transhumans-stat-tile [data-icon="back"]:is(:hover, :focus-visible)::after,
.cui-transhumans-flip-tile [data-icon="back"]:is(:hover, :focus-visible)::after,
.cui-transhumans-cta-burst [data-icon="back"]:is(:hover, :focus-visible)::after,
.cui-transhumans-feature-tabs [data-icon="back"]:is(:hover, :focus-visible)::after,
.cui-transhumans-feature-tabs-panel [data-icon="back"]:is(:hover, :focus-visible)::after,
.cui-transhumans-scroll-stack [data-icon="back"]:is(:hover, :focus-visible)::after,
.cui-transhumans-scroll-stack-step [data-icon="back"]:is(:hover, :focus-visible)::after,
.cui-transhumans-horizontal [data-icon="back"]:is(:hover, :focus-visible)::after,
.cui-transhumans-horizontal-panel [data-icon="back"]:is(:hover, :focus-visible)::after { translate: -3px; }
.cui-transhumans-sticky-steps [dir="rtl"] [data-icon="back"]::after,
.cui-transhumans-sticky-steps-item [dir="rtl"] [data-icon="back"]::after,
.cui-transhumans-stat-tile [dir="rtl"] [data-icon="back"]::after,
.cui-transhumans-flip-tile [dir="rtl"] [data-icon="back"]::after,
.cui-transhumans-cta-burst [dir="rtl"] [data-icon="back"]::after,
.cui-transhumans-feature-tabs [dir="rtl"] [data-icon="back"]::after,
.cui-transhumans-feature-tabs-panel [dir="rtl"] [data-icon="back"]::after,
.cui-transhumans-scroll-stack [dir="rtl"] [data-icon="back"]::after,
.cui-transhumans-scroll-stack-step [dir="rtl"] [data-icon="back"]::after,
.cui-transhumans-horizontal [dir="rtl"] [data-icon="back"]::after,
.cui-transhumans-horizontal-panel [dir="rtl"] [data-icon="back"]::after { transform: scaleX(-1); }
.cui-transhumans-sticky-steps [dir="rtl"] [data-icon="back"]:is(:hover, :focus-visible)::after,
.cui-transhumans-sticky-steps-item [dir="rtl"] [data-icon="back"]:is(:hover, :focus-visible)::after,
.cui-transhumans-stat-tile [dir="rtl"] [data-icon="back"]:is(:hover, :focus-visible)::after,
.cui-transhumans-flip-tile [dir="rtl"] [data-icon="back"]:is(:hover, :focus-visible)::after,
.cui-transhumans-cta-burst [dir="rtl"] [data-icon="back"]:is(:hover, :focus-visible)::after,
.cui-transhumans-feature-tabs [dir="rtl"] [data-icon="back"]:is(:hover, :focus-visible)::after,
.cui-transhumans-feature-tabs-panel [dir="rtl"] [data-icon="back"]:is(:hover, :focus-visible)::after,
.cui-transhumans-scroll-stack [dir="rtl"] [data-icon="back"]:is(:hover, :focus-visible)::after,
.cui-transhumans-scroll-stack-step [dir="rtl"] [data-icon="back"]:is(:hover, :focus-visible)::after,
.cui-transhumans-horizontal [dir="rtl"] [data-icon="back"]:is(:hover, :focus-visible)::after,
.cui-transhumans-horizontal-panel [dir="rtl"] [data-icon="back"]:is(:hover, :focus-visible)::after { translate: 3px; }
@media (prefers-reduced-motion: reduce) {
.cui-transhumans-sticky-steps,
.cui-transhumans-sticky-steps *,
.cui-transhumans-sticky-steps ::before,
.cui-transhumans-sticky-steps ::after,
.cui-transhumans-sticky-steps-item,
.cui-transhumans-sticky-steps-item *,
.cui-transhumans-sticky-steps-item ::before,
.cui-transhumans-sticky-steps-item ::after,
.cui-transhumans-stat-tile,
.cui-transhumans-stat-tile *,
.cui-transhumans-stat-tile ::before,
.cui-transhumans-stat-tile ::after,
.cui-transhumans-flip-tile,
.cui-transhumans-flip-tile *,
.cui-transhumans-flip-tile ::before,
.cui-transhumans-flip-tile ::after,
.cui-transhumans-cta-burst,
.cui-transhumans-cta-burst *,
.cui-transhumans-cta-burst ::before,
.cui-transhumans-cta-burst ::after,
.cui-transhumans-feature-tabs,
.cui-transhumans-feature-tabs *,
.cui-transhumans-feature-tabs ::before,
.cui-transhumans-feature-tabs ::after,
.cui-transhumans-feature-tabs-panel,
.cui-transhumans-feature-tabs-panel *,
.cui-transhumans-feature-tabs-panel ::before,
.cui-transhumans-feature-tabs-panel ::after,
.cui-transhumans-scroll-stack,
.cui-transhumans-scroll-stack *,
.cui-transhumans-scroll-stack ::before,
.cui-transhumans-scroll-stack ::after,
.cui-transhumans-scroll-stack-step,
.cui-transhumans-scroll-stack-step *,
.cui-transhumans-scroll-stack-step ::before,
.cui-transhumans-scroll-stack-step ::after,
.cui-transhumans-horizontal,
.cui-transhumans-horizontal *,
.cui-transhumans-horizontal ::before,
.cui-transhumans-horizontal ::after,
.cui-transhumans-horizontal-panel,
.cui-transhumans-horizontal-panel *,
.cui-transhumans-horizontal-panel ::before,
.cui-transhumans-horizontal-panel ::after { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; }
}
.cui-transhumans-sticky-steps,
.cui-transhumans-sticky-steps-item,
.cui-transhumans-stat-tile,
.cui-transhumans-flip-tile,
.cui-transhumans-cta-burst,
.cui-transhumans-feature-tabs,
.cui-transhumans-feature-tabs-panel,
.cui-transhumans-scroll-stack,
.cui-transhumans-scroll-stack-step,
.cui-transhumans-horizontal,
.cui-transhumans-horizontal-panel { --_accent: var(--noodle-accent, var(--slot-0, #c81e45)); --_accent-2: var(--slot-1, #006b7d); --_accent-3: var(--slot-2, #e8fafd); --_on-accent: var(--noodle-on-accent, var(--on-fill, var(--btn-fg, var(--_on-accent-auto)))); }
.cui-transhumans-sticky-steps,
.cui-transhumans-sticky-steps-item,
.cui-transhumans-horizontal-panel { display: block; }
.cui-transhumans-sticky-steps .cui-sticky-steps-grid { display: grid; grid-template-columns: minmax(220px, 0.8fr) minmax(0px, 1.2fr); gap: clamp(24px, 5vw, 72px); }
.cui-transhumans-sticky-steps .cui-sticky-steps-rail { position: relative; }
.cui-transhumans-sticky-steps .cui-sticky-steps-pin { position: sticky; top: max(24px, -260px + 50vh); display: grid; grid-template-columns: auto minmax(0px, 1fr); grid-template-rows: auto auto 1fr; gap: 6px 20px; padding: 22px; border-radius: var(--_radius); background: var(--_surface); box-shadow: inset 0 0 0 2px var(--_ink), 6px 6px 0 var(--_ink); }
.cui-transhumans-sticky-steps .cui-sticky-steps-counter { grid-row: span 2; display: flex; align-items: flex-end; gap: 6px; }
.cui-transhumans-sticky-steps .cui-sticky-steps-window { height: 1em; overflow: hidden; font-size: clamp(56px, 6vw, 80px); font-weight: 800; line-height: 1; letter-spacing: -0.04em; font-variant-numeric: tabular-nums; }
.cui-transhumans-sticky-steps .cui-sticky-steps-column { display: flex; flex-direction: column; translate: 0 calc(var(--_step, 0) * -1em); transition: translate 0.6s cubic-bezier(0.34, 1.4, 0.5, 1); }
.cui-transhumans-sticky-steps .cui-sticky-steps-of { padding-bottom: 8px; font-size: 14px; font-weight: 700; color: var(--_muted); }
.cui-transhumans-sticky-steps .cui-sticky-steps-label { align-self: end; margin: 0px; font-size: 12.5px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: var(--_muted); }
.cui-transhumans-sticky-steps .cui-sticky-steps-now { margin: 0px; font-size: 17px; font-weight: 750; line-height: 1.25; }
.cui-transhumans-sticky-steps .cui-sticky-steps-scene { grid-column: 1 / -1; position: relative; margin-top: 10px; aspect-ratio: 1 / 1; container-type: size; }
.cui-transhumans-sticky-steps .cui-sticky-steps-scene::before { content: ""; position: absolute; inset: 14% 10% 6%; border-radius: 46% 54% 42% 58% / 52% 44% 56% 48%; background: color-mix(in srgb, var(--_accent-3) 60%, var(--_surface)); }
.cui-transhumans-sticky-steps .cui-sticky-steps-scene .cui-transhumans-art { position: absolute; inset: 0px; opacity: 0; translate: 0px 18px; transition: opacity 0.4s var(--_ease), translate 0.6s var(--_ease); }
.cui-transhumans-sticky-steps .cui-sticky-steps-scene .cui-transhumans-art.cui-sticky-steps-on { opacity: 1; translate: none; }
.cui-transhumans-sticky-steps .cui-sticky-steps-line { position: absolute; top: 22px; bottom: 22px; left: -18px; width: 4px; border-radius: 4px; background: var(--_border); }
.cui-transhumans-sticky-steps .cui-sticky-steps-fill { position: absolute; inset: 0px; border-radius: inherit; background: var(--_ink); transform-origin: center top; scale: 1 var(--_p, 0); }
.cui-transhumans-sticky-steps .cui-sticky-steps-tick { position: absolute; left: 50%; top: calc(var(--at, 0) * 100%); width: 14px; height: 14px; margin: -7px 0px 0px -7px; border-radius: 50%; background: var(--_surface); box-shadow: inset 0 0 0 2px var(--_ink); transition: background 0.3s var(--_ease), scale 0.4s cubic-bezier(0.34, 1.7, 0.5, 1); }
.cui-transhumans-sticky-steps .cui-sticky-steps-tick.cui-sticky-steps-done { background: var(--_accent); scale: 1.15; }
.cui-transhumans-sticky-steps .cui-sticky-steps-steps { display: grid; gap: clamp(24px, 10vh, 96px); padding-block: 10vh; }
@media (max-width: 760px) {
.cui-transhumans-sticky-steps .cui-sticky-steps-grid { grid-template-columns: minmax(0px, 1fr); gap: 0px; }
}
@media (max-width: 760px) {
.cui-transhumans-sticky-steps .cui-sticky-steps-pin { top: 0px; z-index: 2; grid-template-columns: auto minmax(0px, 1fr); grid-template-rows: auto auto; gap: 0px 14px; padding: 12px 16px 16px; box-shadow: inset 0 0 0 2px var(--_ink), 4px 4px 0 var(--_ink); }
}
@media (max-width: 760px) {
.cui-transhumans-sticky-steps .cui-sticky-steps-window { font-size: 40px; }
}
@media (max-width: 760px) {
.cui-transhumans-sticky-steps .cui-sticky-steps-counter { grid-row: span 2; }
}
@media (max-width: 760px) {
.cui-transhumans-sticky-steps .cui-sticky-steps-scene { display: none; }
}
@media (max-width: 760px) {
.cui-transhumans-sticky-steps .cui-sticky-steps-line { inset: auto 16px 8px; width: auto; height: 4px; }
}
@media (max-width: 760px) {
.cui-transhumans-sticky-steps .cui-sticky-steps-fill { transform-origin: left center; scale: var(--_p, 0) 1; }
}
@media (max-width: 760px) {
.cui-transhumans-sticky-steps .cui-sticky-steps-tick { display: none; }
}
@media (max-width: 760px) {
.cui-transhumans-sticky-steps .cui-sticky-steps-steps { gap: 20px; padding-block: 24px 0px; }
}
.cui-transhumans-art { --_dx: 0; --_dy: 0; --_ax: 0; --_ay: 0; display: block; position: relative; aspect-ratio: 1 / 1; }
.cui-transhumans-art[hidden],
.cui-transhumans-stat-tile[hidden],
.cui-transhumans-flip-tile[hidden],
.cui-transhumans-feature-tabs[hidden],
.cui-transhumans-feature-tabs-panel[hidden] { display: none; }
[data-theme$="dark"] .cui-transhumans-art { --_art-ink: #f1f0f4; --_art-paper: #1d1c22; --_art-line: #f1f0f4; }
@media (prefers-color-scheme: dark) {
:root:not([data-theme]) .cui-transhumans-art { --_art-ink: #f1f0f4; --_art-paper: #1d1c22; --_art-line: #f1f0f4; }
}
.cui-transhumans-art[mono] { --_mono: var(--transhumans-ink, var(--_art-ink, #16151a)); }
.cui-transhumans-art svg { position: absolute; inset: 0px; display: block; width: 100%; height: 100%; overflow: visible; scale: var(--cmo-art-size, 1); translate: calc(var(--_dx) * 1px) calc(var(--_dy) * 1px); transition: translate 0.6s cubic-bezier(0.2, 0.8, 0.2, 1); }
.cui-transhumans-art [part~="accent"] { transform-box: fill-box; transform-origin: center center; translate: calc(var(--_ax) * (0.6 + var(--r) * 0.8) * 1px) calc(var(--_ay) * (0.6 + var(--r) * 0.8) * 1px); transition: translate 0.6s cubic-bezier(0.2, 0.8, 0.2, 1); }
.cui-transhumans-art .cui-art-placeholder { position: absolute; inset: 22% 26%; border-radius: 40%; background: var(--transhumans-placeholder, rgb(22 21 26 / 0.04)); }
.cui-transhumans-art[replaying] *,
.cui-transhumans-art[replaying] ::before { transition: none !important; }
.cui-transhumans-art[pop]:not([popped]) [part~="accent"] { scale: 0; }
.cui-transhumans-art[popped] [part~="accent"] { animation: transhumans-art-transhumans-pop 0.7s cubic-bezier(0.34, 1.7, 0.5, 1) calc(0.12s + var(--i) * min(0.08s, 1.2s / var(--n))) both; }
.cui-transhumans-art[wiggling] [part~="accent"] { animation: transhumans-art-transhumans-wiggle 0.55s ease-in-out calc(var(--i) * 0.03s); }
@media (prefers-reduced-motion: reduce) {
.cui-transhumans-art[pop]:not([popped]) [part~="accent"] { scale: 1; }
}
@media (prefers-reduced-motion: reduce) {
.cui-transhumans-art[popped] [part~="accent"],
.cui-transhumans-art[wiggling] [part~="accent"] { animation: auto ease 0s 1 normal none running none; }
}
@media (prefers-reduced-motion: reduce) {
.cui-transhumans-art svg,
.cui-transhumans-art [part~="accent"] { transition: none; translate: none; }
}
.cui-transhumans-sticky-steps-item a:not([class]),
.cui-transhumans-sticky-steps-item .cui-sticky-steps-item-link { color: var(--_accent-text); font-weight: 600; text-decoration: none; padding-bottom: 2px; background: linear-gradient(currentcolor, currentcolor) 0px 100% / 10px 2px no-repeat; transition: background-size 0.45s var(--_spring); }
.cui-transhumans-sticky-steps-item a:not([class]):is(:hover, :focus-visible),
.cui-transhumans-sticky-steps-item .cui-sticky-steps-item-link:is(:hover, :focus-visible) { background-size: 100% 2px; }
.cui-transhumans-sticky-steps-item .cui-sticky-steps-item-card { display: grid; grid-template-columns: minmax(0px, 1fr); gap: 4px; padding: clamp(20px, 3vw, 32px); border-radius: var(--_radius); background: var(--_surface); box-shadow: inset 0 0 0 2px var(--_border), 0 0 0 transparent; transition: box-shadow 0.4s var(--_ease), translate 0.4s var(--_ease); }
.cui-transhumans-sticky-steps-item[active] .cui-sticky-steps-item-card { box-shadow: inset 0 0 0 2px var(--_ink), 6px 6px 0 var(--_accent); translate: -3px -3px; }
.cui-transhumans-sticky-steps-item .cui-sticky-steps-item-art { display: none; }
.cui-transhumans-sticky-steps-item .cui-sticky-steps-item-num { margin: 0px; font-size: 13px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: var(--_accent-2-fg); font-variant-numeric: tabular-nums; }
.cui-transhumans-sticky-steps-item h3 { margin: 0px 0px 8px; font-size: clamp(22px, 2.4vw, 30px); line-height: 1.15; letter-spacing: -0.02em; font-weight: 750; }
.cui-transhumans-sticky-steps-item p.cui-slotted-sticky-steps-item { margin: 0px; max-width: 52ch; color: var(--_muted); font-size: 16.5px; line-height: 1.6; }
@media (max-width: 760px) {
.cui-transhumans-sticky-steps-item .cui-sticky-steps-item-card { grid-template-columns: 76px minmax(0px, 1fr); column-gap: 16px; align-items: start; }
}
@media (max-width: 760px) {
.cui-transhumans-sticky-steps-item .cui-sticky-steps-item-art { display: block; grid-row: span 3; width: 76px; border-radius: 16px; background: var(--_paper); }
}
@media (prefers-reduced-motion: reduce) {
.cui-transhumans-sticky-steps-item[active] .cui-sticky-steps-item-card { translate: none; }
}
.cui-transhumans-stat-tile a:not([class]),
.cui-transhumans-stat-tile .cui-stat-tile-link { color: var(--_accent-text); font-weight: 600; text-decoration: none; padding-bottom: 2px; background: linear-gradient(currentcolor, currentcolor) 0px 100% / 10px 2px no-repeat; transition: background-size 0.45s var(--_spring); }
.cui-transhumans-stat-tile a:not([class]):is(:hover, :focus-visible),
.cui-transhumans-stat-tile .cui-stat-tile-link:is(:hover, :focus-visible) { background-size: 100% 2px; }
.cui-transhumans-stat-tile { display: block; min-width: 0px; container-type: inline-size; }
.cui-transhumans-stat-tile .cui-stat-tile-tile { display: flex; flex-direction: column; height: 100%; margin: 0px; padding: 12px 12px 20px; border-radius: var(--_radius); background: var(--_surface); box-shadow: inset 0 0 0 1px var(--_border); }
.cui-transhumans-stat-tile .cui-stat-tile-window { position: relative; aspect-ratio: 4 / 3; overflow: clip; border-radius: calc(var(--_radius) - 6px); background: color-mix(in srgb, var(--_accent-2) 9%, var(--_paper)); }
.cui-transhumans-stat-tile .cui-stat-tile-art { position: absolute; left: 14%; right: 14%; bottom: -8%; }
.cui-transhumans-stat-tile .cui-stat-tile-art::part(accent) { scale: var(--transhumans-stat-lit, 0); transition: scale 0.6s cubic-bezier(0.34, 1.7, 0.5, 1); }
.cui-transhumans-stat-tile .cui-stat-tile-body { display: grid; gap: 6px; padding: 16px 8px 0px; }
.cui-transhumans-stat-tile .cui-stat-tile-num { margin: 0px; font-size: clamp(34px, 16cqi, 52px); font-weight: 750; line-height: 1; letter-spacing: -0.04em; font-variant-numeric: tabular-nums; white-space: nowrap; }
.cui-transhumans-stat-tile .cui-stat-tile-affix { font-size: 0.6em; letter-spacing: -0.02em; color: var(--_accent-fg); }
.cui-transhumans-stat-tile .cui-stat-tile-bar { height: 4px; margin: 6px 0px 4px; border-radius: 4px; background: var(--_border); overflow: clip; }
.cui-transhumans-stat-tile .cui-stat-tile-bar i { display: block; height: 100%; background: var(--_accent-2); transform-origin: 0px 50%; transform: scaleX(var(--p, 0)); }
.cui-transhumans-stat-tile figcaption { color: var(--_muted); font-size: 14.5px; line-height: 1.45; }
.cui-transhumans-stat-tile .cui-stat-tile-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.cui-transhumans-flip-tile a:not([class]),
.cui-transhumans-flip-tile .cui-flip-tile-link { color: var(--_accent-text); font-weight: 600; text-decoration: none; padding-bottom: 2px; background: linear-gradient(currentcolor, currentcolor) 0px 100% / 10px 2px no-repeat; transition: background-size 0.45s var(--_spring); }
.cui-transhumans-flip-tile a:not([class]):is(:hover, :focus-visible),
.cui-transhumans-flip-tile .cui-flip-tile-link:is(:hover, :focus-visible) { background-size: 100% 2px; }
.cui-transhumans-flip-tile { display: block; perspective: 1100px; --_tone: var(--slot-0, #00b3b3); }
.cui-transhumans-flip-tile[tone="1"] { --_tone: var(--slot-1, #ff6b6b); }
.cui-transhumans-flip-tile .cui-flip-tile-scene { position: relative; height: 100%; cursor: pointer; }
.cui-transhumans-flip-tile .cui-flip-tile-tilt { height: 100%; transform-style: preserve-3d; transform: rotateX(calc(var(--ty, 0) * -1deg)) rotateY(calc(var(--tx, 0) * 1deg)); }
.cui-transhumans-flip-tile .cui-flip-tile-card { display: grid; height: 100%; transform-style: preserve-3d; transition: transform 0.75s cubic-bezier(0.3, 1.25, 0.4, 1); }
.cui-transhumans-flip-tile[flipped] .cui-flip-tile-card { transform: rotateY(180deg); }
.cui-transhumans-flip-tile .cui-flip-tile-face { position: relative; grid-area: 1 / 1; display: flex; flex-direction: column; overflow: clip; border-radius: var(--_radius); backface-visibility: hidden; box-shadow: var(--_shadow); }
.cui-transhumans-flip-tile .cui-flip-tile-front { padding: 14px 14px 22px; background: var(--_surface); }
.cui-transhumans-flip-tile .cui-flip-tile-back { transform: rotateY(180deg); padding: 22px 22px 0px; background: color-mix(in srgb, var(--_tone) 12%, var(--_surface)); }
.cui-transhumans-flip-tile .cui-flip-tile-window { position: relative; display: grid; place-items: end center; aspect-ratio: 4 / 3; overflow: clip; border-radius: calc(var(--_radius) - 6px); background: var(--_paper); }
.cui-transhumans-flip-tile .cui-flip-tile-ring { position: absolute; left: 50%; top: 54%; width: 62%; aspect-ratio: 1 / 1; border-radius: 50%; translate: -50% -50%; box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--_tone) 55%, transparent); }
.cui-transhumans-flip-tile .cui-flip-tile-front-art { position: relative; width: 74%; margin-bottom: -6%; }
.cui-transhumans-flip-tile h3.cui-slotted-flip-tile { margin: 18px 6px 4px; font-size: 19px; letter-spacing: -0.015em; }
.cui-transhumans-flip-tile p.cui-slotted-flip-tile { margin: 0px 6px; color: var(--_muted); font-size: 14.5px; line-height: 1.5; }
.cui-transhumans-flip-tile .cui-flip-tile-back-copy { position: relative; z-index: 1; display: flex; flex-direction: column; }
.cui-transhumans-flip-tile .cui-flip-tile-back-title { margin: 0px 44px 8px 0px; font-size: 19px; font-weight: 700; letter-spacing: -0.015em; }
.cui-transhumans-flip-tile [slot="back"].cui-slotted-flip-tile { margin: 0px 0px 16px; color: var(--_ink); }
.cui-transhumans-flip-tile .cui-flip-tile-cta { position: relative; z-index: 1; align-self: flex-start; display: inline-flex; }
.cui-transhumans-flip-tile .cui-flip-tile-cta[hidden] { display: none; }
.cui-transhumans-flip-tile a[slot="action"].cui-slotted-flip-tile { display: inline-flex; align-items: center; min-height: 44px; padding: 0px 44px 0px 18px; border-radius: 999px; background: var(--_ink); font-size: 14.5px; font-weight: 600; color: var(--_surface) !important; text-decoration: none !important; }
.cui-transhumans-flip-tile .cui-flip-tile-cta svg { position: absolute; right: 18px; top: 50%; width: 15px; height: 15px; margin-top: -7.5px; color: var(--_surface); pointer-events: none; transition: translate 0.3s var(--_ease); }
.cui-transhumans-flip-tile .cui-flip-tile-cta:hover svg,
.cui-transhumans-flip-tile .cui-flip-tile-cta:focus-within svg { translate: 4px; }
.cui-transhumans-flip-tile .cui-flip-tile-room { flex: 1 0 150px; }
.cui-transhumans-flip-tile .cui-flip-tile-back-art { position: absolute; right: -4%; bottom: -7%; width: 56%; }
.cui-transhumans-flip-tile .cui-flip-tile-toggle { position: absolute; z-index: 2; top: 24px; right: 24px; display: grid; place-items: center; width: 44px; height: 44px; padding: 0px; border: 0px; border-radius: 50%; cursor: pointer; background: var(--_surface); color: var(--_ink); box-shadow: var(--_shadow); transition: background 0.3s, color 0.3s; }
.cui-transhumans-flip-tile .cui-flip-tile-toggle svg { width: 18px; height: 18px; transition: rotate 0.45s var(--_ease); }
.cui-transhumans-flip-tile .cui-flip-tile-scene:hover .cui-flip-tile-toggle svg,
.cui-transhumans-flip-tile .cui-flip-tile-toggle:focus-visible svg { rotate: 90deg; }
.cui-transhumans-flip-tile[flipped] .cui-flip-tile-toggle { background: var(--_ink); color: var(--_surface); }
.cui-transhumans-flip-tile[flipped] .cui-flip-tile-toggle svg { rotate: 135deg; }
@media (prefers-reduced-motion: reduce) {
.cui-transhumans-flip-tile .cui-flip-tile-card { transition: none; }
}
.cui-transhumans-cta-burst a:not([class]),
.cui-transhumans-cta-burst .cui-cta-burst-link { color: var(--_accent-text); font-weight: 600; text-decoration: none; padding-bottom: 2px; background: linear-gradient(currentcolor, currentcolor) 0px 100% / 10px 2px no-repeat; transition: background-size 0.45s var(--_spring); }
.cui-transhumans-cta-burst a:not([class]):is(:hover, :focus-visible),
.cui-transhumans-cta-burst .cui-cta-burst-link:is(:hover, :focus-visible) { background-size: 100% 2px; }
.cui-transhumans-cta-burst { --_spread: 1; display: block; container-type: inline-size; }
.cui-transhumans-cta-burst .cui-cta-burst-band { --transhumans-ink: #f1f0f4; --transhumans-paper: #16151a; position: relative; display: grid; grid-template-columns: minmax(0px, 1.2fr) minmax(0px, 0.8fr); align-items: center; gap: clamp(16px, 4cqi, 48px); overflow: clip; padding: clamp(32px, 6cqi, 72px) clamp(22px, 6cqi, 72px); border-radius: calc(var(--_radius) + 6px); background: rgb(22, 21, 26); color: rgb(247, 244, 238); box-shadow: 6px 6px 0 var(--_accent-2); }
.cui-transhumans-cta-burst[side="left"] .cui-cta-burst-copy { order: 2; }
.cui-transhumans-cta-burst h2.cui-slotted-cta-burst,
.cui-transhumans-cta-burst h3.cui-slotted-cta-burst { margin: 0px 0px 14px; font-size: clamp(26px, 5cqi, 56px); line-height: 1.04; letter-spacing: -0.035em; white-space: nowrap; color: rgb(247, 244, 238) !important; }
.cui-transhumans-cta-burst p.cui-slotted-cta-burst { margin: 0px; max-width: 42ch; font-size: clamp(16px, 1.7cqi, 18.5px); line-height: 1.55; color: rgb(201, 198, 208) !important; }
.cui-transhumans-cta-burst .cui-cta-burst-cta { display: flex; flex-wrap: wrap; gap: 12px 14px; margin-top: 28px; }
.cui-transhumans-cta-burst a.cui-slotted-cta-burst { display: inline-flex; align-items: center; min-height: 50px; padding: 0px 22px; border-radius: 14px; background: transparent; text-decoration: none; font-weight: 650; box-shadow: rgb(247, 244, 238) 0px 0px 0px 2px inset; transition: translate 0.2s var(--_ease), box-shadow 0.2s var(--_ease); color: rgb(247, 244, 238) !important; }
.cui-transhumans-cta-burst a[data-transhumans-primary].cui-slotted-cta-burst { background: rgb(247, 244, 238); box-shadow: 3px 3px 0 var(--_accent); color: rgb(22, 21, 26) !important; }
.cui-transhumans-cta-burst a:hover.cui-slotted-cta-burst { translate: -1px -1px; }
.cui-transhumans-cta-burst a:active.cui-slotted-cta-burst { translate: 2px 2px; box-shadow: none; }
.cui-transhumans-cta-burst a:focus-visible.cui-slotted-cta-burst { outline: rgb(247, 244, 238) solid 3px; outline-offset: 4px; }
.cui-transhumans-cta-burst .cui-cta-burst-scene { position: relative; align-self: stretch; min-height: 220px; }
.cui-transhumans-cta-burst .cui-cta-burst-art { position: absolute; width: min(125%, 460px); aspect-ratio: 1 / 1; right: -18%; bottom: -26%; rotate: -6deg; transition: rotate 0.6s cubic-bezier(0.34, 1.5, 0.5, 1), translate 0.6s cubic-bezier(0.34, 1.5, 0.5, 1); }
.cui-transhumans-cta-burst[side="left"] .cui-cta-burst-art { right: auto; left: -18%; rotate: 6deg; }
.cui-transhumans-cta-burst[burst] .cui-cta-burst-art { rotate: 0deg; translate: 0px -10px; }
.cui-transhumans-cta-burst .cui-cta-burst-art::part(accent) { transition: translate 0.75s cubic-bezier(0.34, 1.45, 0.5, 1), rotate 0.75s cubic-bezier(0.34, 1.45, 0.5, 1); }
.cui-transhumans-cta-burst[burst] .cui-cta-burst-art::part(accent) { translate: calc(var(--cx, 0) * 190px * var(--_spread) + (var(--r, 0.5) - 0.5) * 60px) calc(var(--cy, 0) * 190px * var(--_spread) - 30px); rotate: calc((var(--r, 0.5) - 0.5) * 120deg); transition-duration: 0.5s; transition-timing-function: cubic-bezier(0.2, 0.9, 0.3, 1.2); transition-delay: calc(var(--i, 0) * 0.015s); }
@container (max-width: 640px) {
.cui-transhumans-cta-burst .cui-cta-burst-band { grid-template-columns: minmax(0px, 1fr); padding-bottom: 0px; }
}
@container (max-width: 640px) {
.cui-transhumans-cta-burst[side="left"] .cui-cta-burst-copy { order: 0; }
}
@container (max-width: 640px) {
.cui-transhumans-cta-burst .cui-cta-burst-scene { min-height: 0px; height: 240px; margin: 0px calc(-1 * clamp(22px, 6cqi, 72px)); }
}
@container (max-width: 640px) {
.cui-transhumans-cta-burst .cui-cta-burst-art { width: 300px; right: 50%; margin-inline-end: -150px; bottom: -60px; left: auto !important; }
}
@container (max-width: 640px) {
.cui-transhumans-cta-burst h2.cui-slotted-cta-burst,
.cui-transhumans-cta-burst h3.cui-slotted-cta-burst { font-size: clamp(26px, 8.4cqi, 44px); }
}
@media (prefers-reduced-motion: reduce) {
.cui-transhumans-cta-burst[burst] .cui-cta-burst-art::part(accent) { translate: none; rotate: none; }
}
@media (prefers-reduced-motion: reduce) {
.cui-transhumans-cta-burst[burst] .cui-cta-burst-art { rotate: -6deg; translate: none; }
}
:where(.cui-transhumans-cta-burst a) .transhumans-cta-burst-icon { flex: 0 0 auto; width: 18px; height: 18px; margin-inline-start: 10px; fill: none; stroke: currentcolor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; transition: translate 0.35s cubic-bezier(0.3, 1.6, 0.5, 1), rotate 0.35s cubic-bezier(0.3, 1.6, 0.5, 1); }
:where(.cui-transhumans-cta-burst a[data-transhumans-primary]:hover, .cui-transhumans-cta-burst a[data-transhumans-primary]:focus-visible) .transhumans-cta-burst-icon { translate: 3px -4px; rotate: -8deg; }
:where(.cui-transhumans-cta-burst a:not([data-transhumans-primary]):hover, .cui-transhumans-cta-burst a:not([data-transhumans-primary]):focus-visible) .transhumans-cta-burst-icon { translate: 4px; }
@media (prefers-reduced-motion: reduce) {
:where(.cui-transhumans-cta-burst a) .transhumans-cta-burst-icon { transition: none; }
}
@media (prefers-reduced-motion: reduce) {
[data-icon]::after { transition: none !important; }
}
[data-icon]::after { content: ""; display: inline-block; flex: 0 0 auto; width: 1em; height: 1em; margin-inline-start: 0.45em; vertical-align: -0.15em; background: currentcolor; mask: var(--_glyph) center / contain no-repeat; transition: rotate 0.45s var(--_ease, ease), translate 0.3s var(--_ease, ease), scale 0.3s var(--_ease, ease); }
[data-icon="reset"] { --_glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12a8 8 0 1 0 2.3-5.6M4 4v4h4'/%3E%3C/svg%3E"); }
[data-icon="reset"]:is(:hover, :focus-visible)::after { rotate: -300deg; }
[data-icon="next"] { --_glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E"); }
[data-icon="next"]:is(:hover, :focus-visible)::after { translate: 3px; }
:host(:dir(rtl)) [data-icon="next"]::after,
:host-context([dir="rtl"]) [data-icon="next"]::after,
[dir="rtl"] [data-icon="next"]::after { transform: scaleX(-1); }
:host(:dir(rtl)) [data-icon="next"]:is(:hover, :focus-visible)::after,
:host-context([dir="rtl"]) [data-icon="next"]:is(:hover, :focus-visible)::after,
[dir="rtl"] [data-icon="next"]:is(:hover, :focus-visible)::after { translate: -3px; }
[data-icon="toggle"] { --_glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E"); }
[data-icon="toggle"]:is(:hover, :focus-visible)::after { rotate: 90deg; }
[data-icon="toggle"]:is([aria-pressed="true"], [aria-selected="true"], [aria-current="true"]) { --_glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"); }
[data-icon="toggle"]:is([aria-pressed="true"], [aria-selected="true"], [aria-current="true"]):is(:hover, :focus-visible)::after { rotate: 0deg; scale: 1.2; }
[data-icon="play"] { --_glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 5.5v13l10.5-6.5z' fill='black' stroke='none'/%3E%3C/svg%3E"); }
[data-icon="play"]:is(:hover, :focus-visible)::after { scale: 1.2; }
[data-icon="pause"] { --_glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 5v14M15.5 5v14'/%3E%3C/svg%3E"); }
[data-icon="pause"]:is(:hover, :focus-visible)::after { scale: 1.2; }
[data-icon="grid"] { --_glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='6.5' height='6.5' rx='1.5'/%3E%3Crect x='13.5' y='4' width='6.5' height='6.5' rx='1.5'/%3E%3Crect x='4' y='13.5' width='6.5' height='6.5' rx='1.5'/%3E%3Crect x='13.5' y='13.5' width='6.5' height='6.5' rx='1.5'/%3E%3C/svg%3E"); }
[data-icon="grid"]:is(:hover, :focus-visible)::after { rotate: 90deg; }
[data-icon="plus"] { --_glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E"); }
[data-icon="plus"]:is(:hover, :focus-visible)::after { rotate: 90deg; }
[data-icon="spark"] { --_glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v5M12 16v5M3 12h5M16 12h5M6 6l2.8 2.8M15.2 15.2L18 18M6 18l2.8-2.8M15.2 8.8L18 6'/%3E%3C/svg%3E"); }
[data-icon="spark"]:is(:hover, :focus-visible)::after { rotate: 45deg; scale: 1.15; }
[data-icon="calendar"] { --_glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5.5' width='16' height='14.5' rx='2'/%3E%3Cpath d='M4 10.5h16M9 3.5v4M15 3.5v4'/%3E%3C/svg%3E"); }
[data-icon="calendar"]:is(:hover, :focus-visible)::after { translate: 0px -2px; }
[data-icon="chat"] { --_glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 5.5h14v10H10.5L6 19.5v-4H5z'/%3E%3C/svg%3E"); }
[data-icon="chat"]:is(:hover, :focus-visible)::after { translate: 0px -2px; }
[data-icon="close"] { --_glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 6.5l11 11M17.5 6.5l-11 11'/%3E%3C/svg%3E"); }
[data-icon="close"]:is(:hover, :focus-visible)::after { rotate: 90deg; }
[data-icon="check"] { --_glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"); }
[data-icon="check"]:is(:hover, :focus-visible)::after { scale: 1.2; }
[data-icon="send"] { --_glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 11.5L20 4l-6.5 16-2.5-6.5z'/%3E%3Cpath d='M11 13.5L20 4'/%3E%3C/svg%3E"); }
[data-icon="send"]:is(:hover, :focus-visible)::after { translate: 2px -2px; }
[data-icon="search"] { --_glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6'/%3E%3Cpath d='M15 15l5 5'/%3E%3C/svg%3E"); }
[data-icon="search"]:is(:hover, :focus-visible)::after { scale: 1.15; }
[data-icon="cart"] { --_glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4.5h2.5l2 10.5h10.5l2-7.5H6.8'/%3E%3Ccircle cx='9' cy='19.5' r='1.2'/%3E%3Ccircle cx='17' cy='19.5' r='1.2'/%3E%3C/svg%3E"); }
[data-icon="cart"]:is(:hover, :focus-visible)::after { translate: 3px; }
[data-icon="mail"] { --_glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5.5' width='17' height='13' rx='2'/%3E%3Cpath d='M4 7l8 6 8-6'/%3E%3C/svg%3E"); }
[data-icon="mail"]:is(:hover, :focus-visible)::after { translate: 0px -2px; }
[data-icon="download"] { --_glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11M7 10l5 5 5-5M5 20h14'/%3E%3C/svg%3E"); }
[data-icon="download"]:is(:hover, :focus-visible)::after { translate: 0px 2px; }
[data-icon="share"] { --_glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 15V4M8 8l4-4 4 4M5 13v6.5h14V13'/%3E%3C/svg%3E"); }
[data-icon="share"]:is(:hover, :focus-visible)::after { translate: 0px -2px; }
[data-icon="lock"] { --_glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='9' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E"); }
[data-icon="lock"]:is(:hover, :focus-visible)::after { scale: 1.15; }
[data-icon="pin"] { --_glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-6.5-5.8-6.5-11a6.5 6.5 0 0 1 13 0c0 5.2-6.5 11-6.5 11z'/%3E%3Ccircle cx='12' cy='10' r='2.2'/%3E%3C/svg%3E"); }
[data-icon="pin"]:is(:hover, :focus-visible)::after { translate: 0px -2px; }
[data-icon="bell"] { --_glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 16.5V11a6 6 0 0 1 12 0v5.5l1.5 1.5h-15zM10 20.5h4'/%3E%3C/svg%3E"); }
[data-icon="bell"]:is(:hover, :focus-visible)::after { rotate: 14deg; }
[data-icon="back"] { --_glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5M11 6l-6 6 6 6'/%3E%3C/svg%3E"); }
[data-icon="back"]::after { order: -1; margin-inline: 0px 0.45em; }
[data-icon="back"]:is(:hover, :focus-visible)::after { translate: -3px; }
[dir="rtl"] [data-icon="back"]::after { transform: scaleX(-1); }
[dir="rtl"] [data-icon="back"]:is(:hover, :focus-visible)::after { translate: 3px; }
.cui-transhumans-feature-tabs a:not([class]),
.cui-transhumans-feature-tabs .cui-feature-tabs-link { color: var(--_accent-text); font-weight: 600; text-decoration: none; padding-bottom: 2px; background: linear-gradient(currentcolor, currentcolor) 0px 100% / 10px 2px no-repeat; transition: background-size 0.45s var(--_spring); }
.cui-transhumans-feature-tabs a:not([class]):is(:hover, :focus-visible),
.cui-transhumans-feature-tabs .cui-feature-tabs-link:is(:hover, :focus-visible) { background-size: 100% 2px; }
.cui-transhumans-feature-tabs { display: block; container-type: inline-size; }
.cui-transhumans-feature-tabs .cui-feature-tabs-tabs { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; width: fit-content; max-width: 100%; margin: 0px auto 28px; padding: 5px; border-radius: 999px; background: var(--_paper); box-shadow: inset 0 0 0 1px var(--_border); }
.cui-transhumans-feature-tabs .cui-feature-tabs-tabs button { position: relative; min-height: 40px; padding: 0px 16px; border: 0px; border-radius: 999px; background: transparent; color: var(--_muted); font: 600 15px/1 var(--noodle-font, inherit); cursor: pointer; transition: background 0.3s var(--_ease), color 0.3s var(--_ease); }
.cui-transhumans-feature-tabs .cui-feature-tabs-tabs button:hover { color: var(--_ink); }
.cui-transhumans-feature-tabs .cui-feature-tabs-tabs button[aria-selected="true"] { background: var(--_ink); color: var(--_surface); }
.cui-transhumans-feature-tabs .cui-feature-tabs-tabs button[aria-selected="true"]::after { content: ""; position: absolute; left: 50%; bottom: 6px; width: 5px; height: 5px; margin-inline-start: -2.5px; border-radius: 50%; background: var(--_accent-3); }
.cui-transhumans-feature-tabs .cui-feature-tabs-panels { display: grid; }
.cui-transhumans-feature-tabs .cui-transhumans-feature-tabs-panel.cui-slotted-feature-tabs { grid-area: 1 / 1; }
.cui-transhumans-feature-tabs-panel a:not([class]),
.cui-transhumans-feature-tabs-panel .cui-feature-tabs-panel-link { color: var(--_accent-text); font-weight: 600; text-decoration: none; padding-bottom: 2px; background: linear-gradient(currentcolor, currentcolor) 0px 100% / 10px 2px no-repeat; transition: background-size 0.45s var(--_spring); }
.cui-transhumans-feature-tabs-panel a:not([class]):is(:hover, :focus-visible),
.cui-transhumans-feature-tabs-panel .cui-feature-tabs-panel-link:is(:hover, :focus-visible) { background-size: 100% 2px; }
.cui-transhumans-feature-tabs-panel { display: grid; gap: 20px; align-items: center; container-type: inline-size; }
.cui-transhumans-feature-tabs-panel .cui-feature-tabs-panel-wrap { display: grid; gap: 20px; align-items: center; }
@container (min-width: 620px) {
.cui-transhumans-feature-tabs-panel .cui-feature-tabs-panel-wrap { grid-template-columns: 1fr 1fr; gap: 48px; }
}
.cui-transhumans-feature-tabs-panel .cui-feature-tabs-panel-art { width: min(100%, 420px); justify-self: center; }
.cui-transhumans-feature-tabs-panel .cui-transhumans-art { transition: opacity 0.45s var(--_ease), translate 0.6s var(--_ease), filter 0.45s var(--_ease); }
.cui-transhumans-feature-tabs-panel[leaving] .cui-transhumans-art { opacity: 0; translate: 0px 6%; filter: blur(2px); }
.cui-transhumans-feature-tabs-panel[arriving] .cui-transhumans-art { opacity: 0; translate: 0px -4%; transition: none; }
.cui-transhumans-feature-tabs-panel .cui-feature-tabs-panel-copy { max-width: 46ch; }
.cui-transhumans-feature-tabs-panel .cui-feature-tabs-panel-copy { transition: opacity 0.4s var(--_ease), translate 0.5s var(--_ease); }
.cui-transhumans-feature-tabs-panel[leaving] .cui-feature-tabs-panel-copy,
.cui-transhumans-feature-tabs-panel[arriving] .cui-feature-tabs-panel-copy { opacity: 0; translate: 0px 10px; }
.cui-transhumans-feature-tabs-panel[arriving] .cui-feature-tabs-panel-copy { transition: none; }
.cui-transhumans-feature-tabs-panel h3.cui-slotted-feature-tabs-panel { margin: 0px 0px 12px; font-size: clamp(26px, 6.5cqi, 40px); line-height: 1.05; letter-spacing: -0.03em; }
.cui-transhumans-feature-tabs-panel p.cui-slotted-feature-tabs-panel { margin: 0px; color: var(--_muted); font-size: 16.5px; line-height: 1.55; }
.cui-transhumans-feature-tabs-panel .cui-feature-tabs-panel-cta { position: relative; display: inline-flex; margin-top: 20px; border-radius: 999px; background: var(--_ink); }
.cui-transhumans-feature-tabs-panel .cui-feature-tabs-panel-cta[hidden] { display: none; }
.cui-transhumans-feature-tabs-panel [slot="action"].cui-slotted-feature-tabs-panel { display: inline-flex; align-items: center; min-height: 44px; padding: 0px 48px 0px 22px; margin: 0px; border: 0px; border-radius: 999px; background: transparent; font: 600 15px/1 var(--noodle-font, inherit); cursor: pointer; color: var(--_surface) !important; text-decoration: none !important; }
.cui-transhumans-feature-tabs-panel [slot="action"]:focus-visible.cui-slotted-feature-tabs-panel { outline: 3px solid var(--_accent-2); outline-offset: 3px; }
.cui-transhumans-feature-tabs-panel .cui-feature-tabs-panel-cta svg { position: absolute; right: 18px; top: 50%; width: 16px; height: 16px; margin-top: -8px; color: var(--_surface); pointer-events: none; transition: translate 0.35s var(--_ease); }
.cui-transhumans-feature-tabs-panel .cui-feature-tabs-panel-cta:hover svg,
.cui-transhumans-feature-tabs-panel .cui-feature-tabs-panel-cta:focus-within svg { translate: 4px; }
.cui-transhumans-scroll-stack a:not([class]),
.cui-transhumans-scroll-stack .cui-scroll-stack-link { color: var(--_accent-text); font-weight: 600; text-decoration: none; padding-bottom: 2px; background: linear-gradient(currentcolor, currentcolor) 0px 100% / 10px 2px no-repeat; transition: background-size 0.45s var(--_spring); }
.cui-transhumans-scroll-stack a:not([class]):is(:hover, :focus-visible),
.cui-transhumans-scroll-stack .cui-scroll-stack-link:is(:hover, :focus-visible) { background-size: 100% 2px; }
.cui-transhumans-scroll-stack { display: block; --_n: 4; }
.cui-transhumans-scroll-stack .cui-scroll-stack-track { position: relative; height: calc(100svh + var(--_n) * 66svh); }
.cui-transhumans-scroll-stack .cui-scroll-stack-stage { position: sticky; top: 0px; height: 100svh; overflow: clip; display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); align-items: center; gap: clamp(20px, 5vw, 80px); padding: clamp(24px, 5vh, 56px) clamp(20px, 6vw, 88px); background: var(--_paper); }
.cui-transhumans-scroll-stack .cui-scroll-stack-steps { display: grid; align-items: center; }
.cui-transhumans-scroll-stack .cui-transhumans-scroll-stack-step.cui-slotted-scroll-stack { grid-area: 1 / 1; }
.cui-transhumans-scroll-stack .cui-scroll-stack-scene { position: relative; justify-self: center; width: min(100%, 56svh, 460px); aspect-ratio: 1 / 1; container-type: inline-size; }
.cui-transhumans-scroll-stack .cui-scroll-stack-desk { position: absolute; left: -8%; right: -8%; bottom: 2%; height: 12px; overflow: visible; }
.cui-transhumans-scroll-stack .cui-scroll-stack-desk path { fill: none; stroke: var(--_ink); stroke-width: 3; stroke-linecap: round; }
.cui-transhumans-scroll-stack .cui-scroll-stack-sheet { position: absolute; left: 18%; top: 12%; width: 64%; padding: 3cqi 3cqi 2cqi; background: var(--_surface); border: 2.5px solid var(--_ink); border-radius: 2cqi; box-shadow: rgba(22, 21, 26, 0.35) 0px 1.5cqi 4cqi -2cqi; translate: var(--x) var(--y); rotate: var(--rest); will-change: transform, opacity; }
.cui-transhumans-scroll-stack .cui-scroll-stack-tape { position: absolute; left: 50%; top: -3cqi; width: 26%; height: 5.5cqi; translate: -50%; rotate: var(--tape); background: color-mix(in srgb, var(--_tone) 70%, transparent); border-radius: 1cqi; }
.cui-transhumans-scroll-stack .cui-scroll-stack-sheet .cui-transhumans-art { display: block; width: 100%; }
.cui-transhumans-scroll-stack .cui-scroll-stack-name { display: block; margin-top: 1.5cqi; text-align: center; font-size: clamp(12px, 5cqi, 20px); font-weight: 800; white-space: nowrap; overflow: hidden; overflow-wrap: anywhere; }
@media (max-width: 760px) {
.cui-transhumans-scroll-stack .cui-scroll-stack-stage { grid-template-columns: minmax(0px, 1fr); grid-template-rows: minmax(0px, 1fr) auto; align-items: end; gap: 14px; padding: 24px 20px 28px; }
}
@media (max-width: 760px) {
.cui-transhumans-scroll-stack .cui-scroll-stack-scene { grid-row: 1; width: min(100%, 40svh); align-self: center; }
}
@media (max-width: 760px) {
.cui-transhumans-scroll-stack .cui-scroll-stack-steps { grid-row: 2; min-height: 140px; align-items: start; }
}
@media (prefers-reduced-motion: reduce) {
.cui-transhumans-scroll-stack .cui-scroll-stack-track { height: auto; }
}
@media (prefers-reduced-motion: reduce) {
.cui-transhumans-scroll-stack .cui-scroll-stack-stage { position: static; height: auto; overflow: visible; align-items: start; }
}
@media (prefers-reduced-motion: reduce) {
.cui-transhumans-scroll-stack .cui-scroll-stack-steps { gap: 28px; }
}
@media (prefers-reduced-motion: reduce) {
.cui-transhumans-scroll-stack .cui-transhumans-scroll-stack-step.cui-slotted-scroll-stack { grid-area: auto; }
}
@media (prefers-reduced-motion: reduce) {
.cui-transhumans-scroll-stack .cui-scroll-stack-scene { position: sticky; top: 24px; }
}
@media (prefers-reduced-motion: reduce) and (max-width: 760px) {
.cui-transhumans-scroll-stack .cui-scroll-stack-scene { position: relative; top: auto; grid-row: 1; }
}
.cui-transhumans-scroll-stack-step a:not([class]),
.cui-transhumans-scroll-stack-step .cui-scroll-stack-step-link { color: var(--_accent-text); font-weight: 600; text-decoration: none; padding-bottom: 2px; background: linear-gradient(currentcolor, currentcolor) 0px 100% / 10px 2px no-repeat; transition: background-size 0.45s var(--_spring); }
.cui-transhumans-scroll-stack-step a:not([class]):is(:hover, :focus-visible),
.cui-transhumans-scroll-stack-step .cui-scroll-stack-step-link:is(:hover, :focus-visible) { background-size: 100% 2px; }
.cui-transhumans-scroll-stack-step { display: block; --_show: 1; }
.cui-transhumans-scroll-stack-step .cui-scroll-stack-step-text { opacity: var(--_show); translate: 0 calc((1 - var(--_show)) * 24px * var(--_side, 1)); }
.cui-transhumans-scroll-stack-step .cui-scroll-stack-step-tag { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 12px; font-size: 12.5px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: var(--_muted); }
.cui-transhumans-scroll-stack-step .cui-scroll-stack-step-tag i { width: 18px; height: 8px; border-radius: 2px; rotate: -6deg; background: var(--_swatch, var(--_accent-2)); }
.cui-transhumans-scroll-stack-step h3.cui-slotted-scroll-stack-step { margin: 0px; font-size: clamp(24px, 2.8vw, 38px); line-height: 1.06; letter-spacing: -0.03em; font-weight: 750; }
.cui-transhumans-scroll-stack-step p.cui-slotted-scroll-stack-step { margin: 12px 0px 0px; max-width: 38ch; color: var(--_muted); font-size: clamp(15px, 1.3vw, 18px); line-height: 1.5; }
@media (prefers-reduced-motion: reduce) {
.cui-transhumans-scroll-stack-step .cui-scroll-stack-step-text { opacity: 1; translate: none; }
}
.cui-transhumans-horizontal a:not([class]),
.cui-transhumans-horizontal .cui-horizontal-link { color: var(--_accent-text); font-weight: 600; text-decoration: none; padding-bottom: 2px; background: linear-gradient(currentcolor, currentcolor) 0px 100% / 10px 2px no-repeat; transition: background-size 0.45s var(--_spring); }
.cui-transhumans-horizontal a:not([class]):is(:hover, :focus-visible),
.cui-transhumans-horizontal .cui-horizontal-link:is(:hover, :focus-visible) { background-size: 100% 2px; }
.cui-transhumans-horizontal { display: block; --_pad: clamp(20px, 4.5vw, 64px); }
.cui-transhumans-horizontal .cui-horizontal-track { position: relative; height: calc(100svh + var(--_distance, 0) * 1px); }
.cui-transhumans-horizontal .cui-horizontal-stage { position: sticky; top: 0px; height: 100svh; overflow: clip; display: flex; flex-direction: column; justify-content: center; background: var(--_paper); }
.cui-transhumans-horizontal .cui-horizontal-rail { display: flex; align-items: center; gap: clamp(28px, 4vw, 64px); width: max-content; padding-inline: var(--_pad); transform: translate3d(calc(var(--_x, 0) * -1px), 0, 0); will-change: transform; }
.cui-transhumans-horizontal .cui-horizontal-intro { flex: 0 0 auto; width: clamp(280px, 32vw, 460px); }
.cui-transhumans-horizontal h2.cui-slotted-horizontal { margin: 0px; font-size: clamp(28px, 3.4vw, 48px); line-height: 1.04; letter-spacing: -0.03em; font-weight: 750; }
.cui-transhumans-horizontal p[slot="intro"].cui-slotted-horizontal { margin: 16px 0px 0px; max-width: 32ch; color: var(--_muted); font-size: clamp(16px, 1.35vw, 18px); line-height: 1.5; }
.cui-transhumans-horizontal .cui-horizontal-row { display: flex; gap: clamp(16px, 1.8vw, 24px); }
.cui-transhumans-horizontal .cui-transhumans-horizontal-panel.cui-slotted-horizontal { flex: 0 0 auto; width: clamp(270px, 27vw, 350px); }
.cui-transhumans-horizontal .cui-horizontal-foot { position: absolute; left: var(--_pad); right: var(--_pad); bottom: clamp(16px, 4vh, 36px); display: flex; align-items: center; gap: 14px; font-size: 13px; font-weight: 600; color: var(--_muted); font-variant-numeric: tabular-nums; }
.cui-transhumans-horizontal .cui-horizontal-bar { flex: 1 1 0%; height: 3px; border-radius: 3px; background: var(--_border); overflow: hidden; }
.cui-transhumans-horizontal .cui-horizontal-bar::after { content: ""; display: block; height: 100%; background: var(--_accent-2); transform-origin: left center; transform: scaleX(var(--_p, 0)); }
@media (max-width: 700px), (prefers-reduced-motion: reduce) {
.cui-transhumans-horizontal .cui-horizontal-track { height: auto; }
}
@media (max-width: 700px), (prefers-reduced-motion: reduce) {
.cui-transhumans-horizontal .cui-horizontal-stage { position: static; height: auto; overflow: visible; padding-block: 36px 28px; }
}
@media (max-width: 700px), (prefers-reduced-motion: reduce) {
.cui-transhumans-horizontal .cui-horizontal-rail { display: block; width: auto; padding: 0px; transform: none; }
}
@media (max-width: 700px), (prefers-reduced-motion: reduce) {
.cui-transhumans-horizontal .cui-horizontal-intro { width: auto; padding-inline: var(--_pad); margin-bottom: 22px; }
}
@media (max-width: 700px), (prefers-reduced-motion: reduce) {
.cui-transhumans-horizontal .cui-horizontal-row { overflow-x: auto; scroll-snap-type: x mandatory; padding: 4px var(--_pad) 16px; scroll-padding-inline: var(--_pad); scrollbar-width: none; }
}
@media (max-width: 700px), (prefers-reduced-motion: reduce) {
.cui-transhumans-horizontal .cui-horizontal-row::-webkit-scrollbar { display: none; }
}
@media (max-width: 700px), (prefers-reduced-motion: reduce) {
.cui-transhumans-horizontal .cui-transhumans-horizontal-panel.cui-slotted-horizontal { width: min(78vw, 320px); scroll-snap-align: start; }
}
@media (max-width: 700px), (prefers-reduced-motion: reduce) {
.cui-transhumans-horizontal .cui-horizontal-foot { display: none; }
}
.cui-transhumans-horizontal-panel a:not([class]),
.cui-transhumans-horizontal-panel .cui-horizontal-panel-link { color: var(--_accent-text); font-weight: 600; text-decoration: none; padding-bottom: 2px; background: linear-gradient(currentcolor, currentcolor) 0px 100% / 10px 2px no-repeat; transition: background-size 0.45s var(--_spring); }
.cui-transhumans-horizontal-panel a:not([class]):is(:hover, :focus-visible),
.cui-transhumans-horizontal-panel .cui-horizontal-panel-link:is(:hover, :focus-visible) { background-size: 100% 2px; }
.cui-transhumans-horizontal-panel .cui-horizontal-panel-card { display: grid; gap: 14px; padding: 12px 12px 22px; border-radius: var(--_radius); background: var(--_surface); box-shadow: inset 0 0 0 1px var(--_border), var(--_shadow); }
.cui-transhumans-horizontal-panel .cui-horizontal-panel-window { position: relative; aspect-ratio: 1 / 1; overflow: clip; border-radius: calc(var(--_radius) - 6px); background: color-mix(in srgb, var(--_accent-3) 45%, var(--_surface)); }
.cui-transhumans-horizontal-panel .cui-transhumans-art { position: absolute; left: 8%; right: 8%; bottom: -6%; }
.cui-transhumans-horizontal-panel .cui-transhumans-art::part(accent) { transition-duration: 0.9s; }
.cui-transhumans-horizontal-panel .cui-horizontal-panel-text { padding-inline: 8px; }
.cui-transhumans-horizontal-panel h3.cui-slotted-horizontal-panel { margin: 0px; font-size: 21px; line-height: 1.15; letter-spacing: -0.02em; font-weight: 750; }
.cui-transhumans-horizontal-panel p.cui-slotted-horizontal-panel { margin: 8px 0px 0px; color: var(--_muted); font-size: 15.5px; line-height: 1.5; }
.cui-s-1gb0j3f.cui-s-1gb0j3f.cui-s-1gb0j3f { --p: 1.0000; }
.cui-s-xxxfdt.cui-s-xxxfdt.cui-s-xxxfdt { --_art-ink: #f1f0f4; --_art-paper: #1d1c22; --_art-line: #f1f0f4; }
.cui-s-2n3k1s.cui-s-2n3k1s.cui-s-2n3k1s { --_n: 5; }
.cui-s-lnkmxf.cui-s-lnkmxf.cui-s-lnkmxf { --_swatch: var(--_accent-2); --_show: 0.000; --_side: -1; pointer-events: none; }
.cui-s-1n0ymoc.cui-s-1n0ymoc.cui-s-1n0ymoc { --_swatch: var(--_accent); --_show: 0.000; --_side: -1; pointer-events: none; }
.cui-s-jorutr.cui-s-jorutr.cui-s-jorutr { --_swatch: var(--_accent); --_show: 0.625; --_side: -1; }
.cui-s-1327gsf.cui-s-1327gsf.cui-s-1327gsf { --_swatch: var(--_accent-2); --_show: 0.375; --_side: 1; pointer-events: none; }
.cui-s-1vzthbt.cui-s-1vzthbt.cui-s-1vzthbt { --x: 1.0cqi; --y: 0.0cqi; --rest: -6.2deg; --tape: 0.6deg; --_tone: var(--_accent-2); opacity: 1; transform: translate3d(0px, 0px, 0px) rotate(0deg) scale(1, 1); }
.cui-s-1cqky2z.cui-s-1cqky2z.cui-s-1cqky2z { --x: 7.7cqi; --y: -2.4cqi; --rest: -2.9deg; --tape: -2.1deg; --_tone: var(--_accent); opacity: 1; transform: translate3d(0px, 0px, 0px) rotate(0deg) scale(1, 1); }
.cui-s-n2a67t.cui-s-n2a67t.cui-s-n2a67t { --x: 6.7cqi; --y: -4.8cqi; --rest: 1.9deg; --tape: 0.6deg; --_tone: var(--_accent-2); opacity: 1; transform: translate3d(0px, 0px, 0px) rotate(0deg) scale(1, 1); }
.cui-s-or7jk6.cui-s-or7jk6.cui-s-or7jk6 { --x: 5.2cqi; --y: -7.2cqi; --rest: -6.4deg; --tape: -0.3deg; --_tone: var(--_accent); opacity: 1; transform: translate3d(0px, 0px, 0px) rotate(0deg) scale(1, 1); }
.cui-s-13fu79i.cui-s-13fu79i.cui-s-13fu79i { --x: 7.2cqi; --y: -9.6cqi; --rest: -2.0deg; --tape: 2.3deg; --_tone: var(--_accent-2); opacity: 0; transform: none; }
.cui-s-1ciqww9.cui-s-1ciqww9.cui-s-1ciqww9 { --_p: 0.0000; --_step: 0; }
.cui-s-1pzualr.cui-s-1pzualr.cui-s-1pzualr { --at: 0.0000; }
.cui-s-1q13zkb.cui-s-1q13zkb.cui-s-1q13zkb { --at: 0.2798; }
.cui-s-1pz13kz.cui-s-1pz13kz.cui-s-1pz13kz { --at: 0.5119; }
.cui-s-1q0jnb4.cui-s-1q0jnb4.cui-s-1q0jnb4 { --at: 0.7679; }
.cui-s-1hs7vzi.cui-s-1hs7vzi.cui-s-1hs7vzi { --at: 1.0000; }
.cui-s-1fh5v30.cui-s-1fh5v30.cui-s-1fh5v30 { --_distance: 2017; }
.cui-s-ztltzp.cui-s-ztltzp.cui-s-ztltzp { --_p: 0.0000; }
.cui-s-ob6dil.cui-s-ob6dil.cui-s-ob6dil { --_x: 0.0; }
.cui-s-1xwgdav.cui-s-1xwgdav.cui-s-1xwgdav { --_ax: 2.9; --_art-ink: initial; --_art-paper: initial; --_art-line: #16151a; }
.cui-s-1uxkah8.cui-s-1uxkah8.cui-s-1uxkah8 { --_ax: 11.0; --_art-ink: initial; --_art-paper: initial; --_art-line: #16151a; }
.cui-s-1twuj2c.cui-s-1twuj2c.cui-s-1twuj2c { --_ax: 19.0; --_art-ink: initial; --_art-paper: initial; --_art-line: #16151a; }
.cui-s-6rk4a0.cui-s-6rk4a0.cui-s-6rk4a0 { --_ax: 27.1; --_art-ink: initial; --_art-paper: initial; --_art-line: #16151a; }
.cui-s-am3r6u.cui-s-am3r6u.cui-s-am3r6u { --_ax: 28.0; --_art-ink: initial; --_art-paper: initial; --_art-line: #16151a; }
.cui-s-am3q63.cui-s-am3q63.cui-s-am3q63 { --_spread: 1; }