/* 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
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; } } @keyframes transhumans-cloud-drift { 0%, 100% { translate: 0px; rotate: calc(var(--turn, 4deg) * -1); } 30% { translate: var(--ax, 8px) calc(var(--ay, 10px) * -1); } 65% { translate: calc(var(--ax, 8px) * -0.6) var(--ay, 10px); rotate: var(--turn, 4deg); } } .cui-transhumans-cta-burst, .cui-transhumans-slider, .cui-transhumans-slider-item, .cui-transhumans-rail, .cui-transhumans-rail-card, .cui-transhumans-cloud, .cui-transhumans-glow-grid, .cui-transhumans-glow-grid-card { --_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-cta-burst *, .cui-transhumans-cta-burst ::before, .cui-transhumans-cta-burst ::after, .cui-transhumans-slider *, .cui-transhumans-slider ::before, .cui-transhumans-slider ::after, .cui-transhumans-slider-item *, .cui-transhumans-slider-item ::before, .cui-transhumans-slider-item ::after, .cui-transhumans-rail *, .cui-transhumans-rail ::before, .cui-transhumans-rail ::after, .cui-transhumans-rail-card *, .cui-transhumans-rail-card ::before, .cui-transhumans-rail-card ::after, .cui-transhumans-cloud *, .cui-transhumans-cloud ::before, .cui-transhumans-cloud ::after, .cui-transhumans-glow-grid *, .cui-transhumans-glow-grid ::before, .cui-transhumans-glow-grid ::after, .cui-transhumans-glow-grid-card *, .cui-transhumans-glow-grid-card ::before, .cui-transhumans-glow-grid-card ::after { box-sizing: border-box; } .cui-transhumans-cta-burst :focus-visible, .cui-transhumans-slider :focus-visible, .cui-transhumans-slider-item :focus-visible, .cui-transhumans-rail :focus-visible, .cui-transhumans-rail-card :focus-visible, .cui-transhumans-cloud :focus-visible, .cui-transhumans-glow-grid :focus-visible, .cui-transhumans-glow-grid-card :focus-visible { outline: 3px solid var(--_accent-2); outline-offset: 3px; } [data-theme$="dark"] .cui-transhumans-cta-burst, .cui-transhumans-cta-burst[data-theme$="dark"], [data-theme$="dark"] .cui-transhumans-slider, .cui-transhumans-slider[data-theme$="dark"], [data-theme$="dark"] .cui-transhumans-slider-item, .cui-transhumans-slider-item[data-theme$="dark"], [data-theme$="dark"] .cui-transhumans-rail, .cui-transhumans-rail[data-theme$="dark"], [data-theme$="dark"] .cui-transhumans-rail-card, .cui-transhumans-rail-card[data-theme$="dark"], [data-theme$="dark"] .cui-transhumans-cloud, .cui-transhumans-cloud[data-theme$="dark"], [data-theme$="dark"] .cui-transhumans-glow-grid, .cui-transhumans-glow-grid[data-theme$="dark"], [data-theme$="dark"] .cui-transhumans-glow-grid-card, .cui-transhumans-glow-grid-card[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-cta-burst, :root:not([data-theme]) .cui-transhumans-slider, :root:not([data-theme]) .cui-transhumans-slider-item, :root:not([data-theme]) .cui-transhumans-rail, :root:not([data-theme]) .cui-transhumans-rail-card, :root:not([data-theme]) .cui-transhumans-cloud, :root:not([data-theme]) .cui-transhumans-glow-grid, :root:not([data-theme]) .cui-transhumans-glow-grid-card { --_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-cta-burst, .cui-transhumans-cta-burst[data-theme="contrast"], [data-theme="contrast"] .cui-transhumans-slider, .cui-transhumans-slider[data-theme="contrast"], [data-theme="contrast"] .cui-transhumans-slider-item, .cui-transhumans-slider-item[data-theme="contrast"], [data-theme="contrast"] .cui-transhumans-rail, .cui-transhumans-rail[data-theme="contrast"], [data-theme="contrast"] .cui-transhumans-rail-card, .cui-transhumans-rail-card[data-theme="contrast"], [data-theme="contrast"] .cui-transhumans-cloud, .cui-transhumans-cloud[data-theme="contrast"], [data-theme="contrast"] .cui-transhumans-glow-grid, .cui-transhumans-glow-grid[data-theme="contrast"], [data-theme="contrast"] .cui-transhumans-glow-grid-card, .cui-transhumans-glow-grid-card[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-cta-burst, :root:not([data-theme]) .cui-transhumans-slider, :root:not([data-theme]) .cui-transhumans-slider-item, :root:not([data-theme]) .cui-transhumans-rail, :root:not([data-theme]) .cui-transhumans-rail-card, :root:not([data-theme]) .cui-transhumans-cloud, :root:not([data-theme]) .cui-transhumans-glow-grid, :root:not([data-theme]) .cui-transhumans-glow-grid-card { --_shadow: none; --_border: 2px solid currentColor; } } [data-theme="contrast-dark"] .cui-transhumans-cta-burst, .cui-transhumans-cta-burst[data-theme="contrast-dark"], [data-theme="contrast-dark"] .cui-transhumans-slider, .cui-transhumans-slider[data-theme="contrast-dark"], [data-theme="contrast-dark"] .cui-transhumans-slider-item, .cui-transhumans-slider-item[data-theme="contrast-dark"], [data-theme="contrast-dark"] .cui-transhumans-rail, .cui-transhumans-rail[data-theme="contrast-dark"], [data-theme="contrast-dark"] .cui-transhumans-rail-card, .cui-transhumans-rail-card[data-theme="contrast-dark"], [data-theme="contrast-dark"] .cui-transhumans-cloud, .cui-transhumans-cloud[data-theme="contrast-dark"], [data-theme="contrast-dark"] .cui-transhumans-glow-grid, .cui-transhumans-glow-grid[data-theme="contrast-dark"], [data-theme="contrast-dark"] .cui-transhumans-glow-grid-card, .cui-transhumans-glow-grid-card[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-cta-burst, .cui-transhumans-slider, .cui-transhumans-slider-item, .cui-transhumans-rail, .cui-transhumans-rail-card, .cui-transhumans-cloud, .cui-transhumans-glow-grid, .cui-transhumans-glow-grid-card { --_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-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-slider, .cui-transhumans-slider[data-skin="flat"], [data-motion="none"] .cui-transhumans-slider, .cui-transhumans-slider[data-motion="none"], [data-skin="flat"] .cui-transhumans-slider-item, .cui-transhumans-slider-item[data-skin="flat"], [data-motion="none"] .cui-transhumans-slider-item, .cui-transhumans-slider-item[data-motion="none"], [data-skin="flat"] .cui-transhumans-rail, .cui-transhumans-rail[data-skin="flat"], [data-motion="none"] .cui-transhumans-rail, .cui-transhumans-rail[data-motion="none"], [data-skin="flat"] .cui-transhumans-rail-card, .cui-transhumans-rail-card[data-skin="flat"], [data-motion="none"] .cui-transhumans-rail-card, .cui-transhumans-rail-card[data-motion="none"], [data-skin="flat"] .cui-transhumans-cloud, .cui-transhumans-cloud[data-skin="flat"], [data-motion="none"] .cui-transhumans-cloud, .cui-transhumans-cloud[data-motion="none"], [data-skin="flat"] .cui-transhumans-glow-grid, .cui-transhumans-glow-grid[data-skin="flat"], [data-motion="none"] .cui-transhumans-glow-grid, .cui-transhumans-glow-grid[data-motion="none"], [data-skin="flat"] .cui-transhumans-glow-grid-card, .cui-transhumans-glow-grid-card[data-skin="flat"], [data-motion="none"] .cui-transhumans-glow-grid-card, .cui-transhumans-glow-grid-card[data-motion="none"] { --_radius: 0px !important; --_shadow: none !important; animation: auto ease 0s 1 normal none running none !important; transition: none !important; } .cui-transhumans-cta-burst:dir(rtl), .cui-transhumans-cta-burst [dir="rtl"], .cui-transhumans-slider:dir(rtl), .cui-transhumans-slider [dir="rtl"], .cui-transhumans-slider-item:dir(rtl), .cui-transhumans-slider-item [dir="rtl"], .cui-transhumans-rail:dir(rtl), .cui-transhumans-rail [dir="rtl"], .cui-transhumans-rail-card:dir(rtl), .cui-transhumans-rail-card [dir="rtl"], .cui-transhumans-cloud:dir(rtl), .cui-transhumans-cloud [dir="rtl"], .cui-transhumans-glow-grid:dir(rtl), .cui-transhumans-glow-grid [dir="rtl"], .cui-transhumans-glow-grid-card:dir(rtl), .cui-transhumans-glow-grid-card [dir="rtl"] { text-align: start; direction: rtl; } .cui-transhumans-cta-burst [data-icon]::after, .cui-transhumans-slider [data-icon]::after, .cui-transhumans-slider-item [data-icon]::after, .cui-transhumans-rail [data-icon]::after, .cui-transhumans-rail-card [data-icon]::after, .cui-transhumans-cloud [data-icon]::after, .cui-transhumans-glow-grid [data-icon]::after, .cui-transhumans-glow-grid-card [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-cta-burst [data-icon="reset"], .cui-transhumans-slider [data-icon="reset"], .cui-transhumans-slider-item [data-icon="reset"], .cui-transhumans-rail [data-icon="reset"], .cui-transhumans-rail-card [data-icon="reset"], .cui-transhumans-cloud [data-icon="reset"], .cui-transhumans-glow-grid [data-icon="reset"], .cui-transhumans-glow-grid-card [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-cta-burst [data-icon="reset"]:is(:hover, :focus-visible)::after, .cui-transhumans-slider [data-icon="reset"]:is(:hover, :focus-visible)::after, .cui-transhumans-slider-item [data-icon="reset"]:is(:hover, :focus-visible)::after, .cui-transhumans-rail [data-icon="reset"]:is(:hover, :focus-visible)::after, .cui-transhumans-rail-card [data-icon="reset"]:is(:hover, :focus-visible)::after, .cui-transhumans-cloud [data-icon="reset"]:is(:hover, :focus-visible)::after, .cui-transhumans-glow-grid [data-icon="reset"]:is(:hover, :focus-visible)::after, .cui-transhumans-glow-grid-card [data-icon="reset"]:is(:hover, :focus-visible)::after { rotate: -300deg; } .cui-transhumans-cta-burst [data-icon="next"], .cui-transhumans-slider [data-icon="next"], .cui-transhumans-slider-item [data-icon="next"], .cui-transhumans-rail [data-icon="next"], .cui-transhumans-rail-card [data-icon="next"], .cui-transhumans-cloud [data-icon="next"], .cui-transhumans-glow-grid [data-icon="next"], .cui-transhumans-glow-grid-card [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-cta-burst [data-icon="next"]:is(:hover, :focus-visible)::after, .cui-transhumans-slider [data-icon="next"]:is(:hover, :focus-visible)::after, .cui-transhumans-slider-item [data-icon="next"]:is(:hover, :focus-visible)::after, .cui-transhumans-rail [data-icon="next"]:is(:hover, :focus-visible)::after, .cui-transhumans-rail-card [data-icon="next"]:is(:hover, :focus-visible)::after, .cui-transhumans-cloud [data-icon="next"]:is(:hover, :focus-visible)::after, .cui-transhumans-glow-grid [data-icon="next"]:is(:hover, :focus-visible)::after, .cui-transhumans-glow-grid-card [data-icon="next"]:is(:hover, :focus-visible)::after { translate: 3px; } .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-slider:dir(rtl) [data-icon="next"]::after, [dir="rtl"] .cui-transhumans-slider [data-icon="next"]::after, .cui-transhumans-slider [dir="rtl"] [data-icon="next"]::after, .cui-transhumans-slider-item:dir(rtl) [data-icon="next"]::after, [dir="rtl"] .cui-transhumans-slider-item [data-icon="next"]::after, .cui-transhumans-slider-item [dir="rtl"] [data-icon="next"]::after, .cui-transhumans-rail:dir(rtl) [data-icon="next"]::after, [dir="rtl"] .cui-transhumans-rail [data-icon="next"]::after, .cui-transhumans-rail [dir="rtl"] [data-icon="next"]::after, .cui-transhumans-rail-card:dir(rtl) [data-icon="next"]::after, [dir="rtl"] .cui-transhumans-rail-card [data-icon="next"]::after, .cui-transhumans-rail-card [dir="rtl"] [data-icon="next"]::after, .cui-transhumans-cloud:dir(rtl) [data-icon="next"]::after, [dir="rtl"] .cui-transhumans-cloud [data-icon="next"]::after, .cui-transhumans-cloud [dir="rtl"] [data-icon="next"]::after, .cui-transhumans-glow-grid:dir(rtl) [data-icon="next"]::after, [dir="rtl"] .cui-transhumans-glow-grid [data-icon="next"]::after, .cui-transhumans-glow-grid [dir="rtl"] [data-icon="next"]::after, .cui-transhumans-glow-grid-card:dir(rtl) [data-icon="next"]::after, [dir="rtl"] .cui-transhumans-glow-grid-card [data-icon="next"]::after, .cui-transhumans-glow-grid-card [dir="rtl"] [data-icon="next"]::after { transform: scaleX(-1); } .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-slider:dir(rtl) [data-icon="next"]:is(:hover, :focus-visible)::after, [dir="rtl"] .cui-transhumans-slider [data-icon="next"]:is(:hover, :focus-visible)::after, .cui-transhumans-slider [dir="rtl"] [data-icon="next"]:is(:hover, :focus-visible)::after, .cui-transhumans-slider-item:dir(rtl) [data-icon="next"]:is(:hover, :focus-visible)::after, [dir="rtl"] .cui-transhumans-slider-item [data-icon="next"]:is(:hover, :focus-visible)::after, .cui-transhumans-slider-item [dir="rtl"] [data-icon="next"]:is(:hover, :focus-visible)::after, .cui-transhumans-rail:dir(rtl) [data-icon="next"]:is(:hover, :focus-visible)::after, [dir="rtl"] .cui-transhumans-rail [data-icon="next"]:is(:hover, :focus-visible)::after, .cui-transhumans-rail [dir="rtl"] [data-icon="next"]:is(:hover, :focus-visible)::after, .cui-transhumans-rail-card:dir(rtl) [data-icon="next"]:is(:hover, :focus-visible)::after, [dir="rtl"] .cui-transhumans-rail-card [data-icon="next"]:is(:hover, :focus-visible)::after, .cui-transhumans-rail-card [dir="rtl"] [data-icon="next"]:is(:hover, :focus-visible)::after, .cui-transhumans-cloud:dir(rtl) [data-icon="next"]:is(:hover, :focus-visible)::after, [dir="rtl"] .cui-transhumans-cloud [data-icon="next"]:is(:hover, :focus-visible)::after, .cui-transhumans-cloud [dir="rtl"] [data-icon="next"]:is(:hover, :focus-visible)::after, .cui-transhumans-glow-grid:dir(rtl) [data-icon="next"]:is(:hover, :focus-visible)::after, [dir="rtl"] .cui-transhumans-glow-grid [data-icon="next"]:is(:hover, :focus-visible)::after, .cui-transhumans-glow-grid [dir="rtl"] [data-icon="next"]:is(:hover, :focus-visible)::after, .cui-transhumans-glow-grid-card:dir(rtl) [data-icon="next"]:is(:hover, :focus-visible)::after, [dir="rtl"] .cui-transhumans-glow-grid-card [data-icon="next"]:is(:hover, :focus-visible)::after, .cui-transhumans-glow-grid-card [dir="rtl"] [data-icon="next"]:is(:hover, :focus-visible)::after { translate: -3px; } .cui-transhumans-cta-burst [data-icon="toggle"], .cui-transhumans-slider [data-icon="toggle"], .cui-transhumans-slider-item [data-icon="toggle"], .cui-transhumans-rail [data-icon="toggle"], .cui-transhumans-rail-card [data-icon="toggle"], .cui-transhumans-cloud [data-icon="toggle"], .cui-transhumans-glow-grid [data-icon="toggle"], .cui-transhumans-glow-grid-card [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-cta-burst [data-icon="toggle"]:is(:hover, :focus-visible)::after, .cui-transhumans-slider [data-icon="toggle"]:is(:hover, :focus-visible)::after, .cui-transhumans-slider-item [data-icon="toggle"]:is(:hover, :focus-visible)::after, .cui-transhumans-rail [data-icon="toggle"]:is(:hover, :focus-visible)::after, .cui-transhumans-rail-card [data-icon="toggle"]:is(:hover, :focus-visible)::after, .cui-transhumans-cloud [data-icon="toggle"]:is(:hover, :focus-visible)::after, .cui-transhumans-glow-grid [data-icon="toggle"]:is(:hover, :focus-visible)::after, .cui-transhumans-glow-grid-card [data-icon="toggle"]:is(:hover, :focus-visible)::after { rotate: 90deg; } .cui-transhumans-cta-burst [data-icon="toggle"]:is([aria-pressed="true"], [aria-selected="true"], [aria-current="true"]), .cui-transhumans-slider [data-icon="toggle"]:is([aria-pressed="true"], [aria-selected="true"], [aria-current="true"]), .cui-transhumans-slider-item [data-icon="toggle"]:is([aria-pressed="true"], [aria-selected="true"], [aria-current="true"]), .cui-transhumans-rail [data-icon="toggle"]:is([aria-pressed="true"], [aria-selected="true"], [aria-current="true"]), .cui-transhumans-rail-card [data-icon="toggle"]:is([aria-pressed="true"], [aria-selected="true"], [aria-current="true"]), .cui-transhumans-cloud [data-icon="toggle"]:is([aria-pressed="true"], [aria-selected="true"], [aria-current="true"]), .cui-transhumans-glow-grid [data-icon="toggle"]:is([aria-pressed="true"], [aria-selected="true"], [aria-current="true"]), .cui-transhumans-glow-grid-card [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-cta-burst [data-icon="toggle"]:is([aria-pressed="true"], [aria-selected="true"], [aria-current="true"]):is(:hover, :focus-visible)::after, .cui-transhumans-slider [data-icon="toggle"]:is([aria-pressed="true"], [aria-selected="true"], [aria-current="true"]):is(:hover, :focus-visible)::after, .cui-transhumans-slider-item [data-icon="toggle"]:is([aria-pressed="true"], [aria-selected="true"], [aria-current="true"]):is(:hover, :focus-visible)::after, .cui-transhumans-rail [data-icon="toggle"]:is([aria-pressed="true"], [aria-selected="true"], [aria-current="true"]):is(:hover, :focus-visible)::after, .cui-transhumans-rail-card [data-icon="toggle"]:is([aria-pressed="true"], [aria-selected="true"], [aria-current="true"]):is(:hover, :focus-visible)::after, .cui-transhumans-cloud [data-icon="toggle"]:is([aria-pressed="true"], [aria-selected="true"], [aria-current="true"]):is(:hover, :focus-visible)::after, .cui-transhumans-glow-grid [data-icon="toggle"]:is([aria-pressed="true"], [aria-selected="true"], [aria-current="true"]):is(:hover, :focus-visible)::after, .cui-transhumans-glow-grid-card [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-cta-burst [data-icon="play"], .cui-transhumans-slider [data-icon="play"], .cui-transhumans-slider-item [data-icon="play"], .cui-transhumans-rail [data-icon="play"], .cui-transhumans-rail-card [data-icon="play"], .cui-transhumans-cloud [data-icon="play"], .cui-transhumans-glow-grid [data-icon="play"], .cui-transhumans-glow-grid-card [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-cta-burst [data-icon="play"]:is(:hover, :focus-visible)::after, .cui-transhumans-slider [data-icon="play"]:is(:hover, :focus-visible)::after, .cui-transhumans-slider-item [data-icon="play"]:is(:hover, :focus-visible)::after, .cui-transhumans-rail [data-icon="play"]:is(:hover, :focus-visible)::after, .cui-transhumans-rail-card [data-icon="play"]:is(:hover, :focus-visible)::after, .cui-transhumans-cloud [data-icon="play"]:is(:hover, :focus-visible)::after, .cui-transhumans-glow-grid [data-icon="play"]:is(:hover, :focus-visible)::after, .cui-transhumans-glow-grid-card [data-icon="play"]:is(:hover, :focus-visible)::after { scale: 1.2; } .cui-transhumans-cta-burst [data-icon="pause"], .cui-transhumans-slider [data-icon="pause"], .cui-transhumans-slider-item [data-icon="pause"], .cui-transhumans-rail [data-icon="pause"], .cui-transhumans-rail-card [data-icon="pause"], .cui-transhumans-cloud [data-icon="pause"], .cui-transhumans-glow-grid [data-icon="pause"], .cui-transhumans-glow-grid-card [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-cta-burst [data-icon="pause"]:is(:hover, :focus-visible)::after, .cui-transhumans-slider [data-icon="pause"]:is(:hover, :focus-visible)::after, .cui-transhumans-slider-item [data-icon="pause"]:is(:hover, :focus-visible)::after, .cui-transhumans-rail [data-icon="pause"]:is(:hover, :focus-visible)::after, .cui-transhumans-rail-card [data-icon="pause"]:is(:hover, :focus-visible)::after, .cui-transhumans-cloud [data-icon="pause"]:is(:hover, :focus-visible)::after, .cui-transhumans-glow-grid [data-icon="pause"]:is(:hover, :focus-visible)::after, .cui-transhumans-glow-grid-card [data-icon="pause"]:is(:hover, :focus-visible)::after { scale: 1.2; } .cui-transhumans-cta-burst [data-icon="grid"], .cui-transhumans-slider [data-icon="grid"], .cui-transhumans-slider-item [data-icon="grid"], .cui-transhumans-rail [data-icon="grid"], .cui-transhumans-rail-card [data-icon="grid"], .cui-transhumans-cloud [data-icon="grid"], .cui-transhumans-glow-grid [data-icon="grid"], .cui-transhumans-glow-grid-card [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-cta-burst [data-icon="grid"]:is(:hover, :focus-visible)::after, .cui-transhumans-slider [data-icon="grid"]:is(:hover, :focus-visible)::after, .cui-transhumans-slider-item [data-icon="grid"]:is(:hover, :focus-visible)::after, .cui-transhumans-rail [data-icon="grid"]:is(:hover, :focus-visible)::after, .cui-transhumans-rail-card [data-icon="grid"]:is(:hover, :focus-visible)::after, .cui-transhumans-cloud [data-icon="grid"]:is(:hover, :focus-visible)::after, .cui-transhumans-glow-grid [data-icon="grid"]:is(:hover, :focus-visible)::after, .cui-transhumans-glow-grid-card [data-icon="grid"]:is(:hover, :focus-visible)::after { rotate: 90deg; } .cui-transhumans-cta-burst [data-icon="plus"], .cui-transhumans-slider [data-icon="plus"], .cui-transhumans-slider-item [data-icon="plus"], .cui-transhumans-rail [data-icon="plus"], .cui-transhumans-rail-card [data-icon="plus"], .cui-transhumans-cloud [data-icon="plus"], .cui-transhumans-glow-grid [data-icon="plus"], .cui-transhumans-glow-grid-card [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-cta-burst [data-icon="plus"]:is(:hover, :focus-visible)::after, .cui-transhumans-slider [data-icon="plus"]:is(:hover, :focus-visible)::after, .cui-transhumans-slider-item [data-icon="plus"]:is(:hover, :focus-visible)::after, .cui-transhumans-rail [data-icon="plus"]:is(:hover, :focus-visible)::after, .cui-transhumans-rail-card [data-icon="plus"]:is(:hover, :focus-visible)::after, .cui-transhumans-cloud [data-icon="plus"]:is(:hover, :focus-visible)::after, .cui-transhumans-glow-grid [data-icon="plus"]:is(:hover, :focus-visible)::after, .cui-transhumans-glow-grid-card [data-icon="plus"]:is(:hover, :focus-visible)::after { rotate: 90deg; } .cui-transhumans-cta-burst [data-icon="spark"], .cui-transhumans-slider [data-icon="spark"], .cui-transhumans-slider-item [data-icon="spark"], .cui-transhumans-rail [data-icon="spark"], .cui-transhumans-rail-card [data-icon="spark"], .cui-transhumans-cloud [data-icon="spark"], .cui-transhumans-glow-grid [data-icon="spark"], .cui-transhumans-glow-grid-card [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-cta-burst [data-icon="spark"]:is(:hover, :focus-visible)::after, .cui-transhumans-slider [data-icon="spark"]:is(:hover, :focus-visible)::after, .cui-transhumans-slider-item [data-icon="spark"]:is(:hover, :focus-visible)::after, .cui-transhumans-rail [data-icon="spark"]:is(:hover, :focus-visible)::after, .cui-transhumans-rail-card [data-icon="spark"]:is(:hover, :focus-visible)::after, .cui-transhumans-cloud [data-icon="spark"]:is(:hover, :focus-visible)::after, .cui-transhumans-glow-grid [data-icon="spark"]:is(:hover, :focus-visible)::after, .cui-transhumans-glow-grid-card [data-icon="spark"]:is(:hover, :focus-visible)::after { rotate: 45deg; scale: 1.15; } .cui-transhumans-cta-burst [data-icon="calendar"], .cui-transhumans-slider [data-icon="calendar"], .cui-transhumans-slider-item [data-icon="calendar"], .cui-transhumans-rail [data-icon="calendar"], .cui-transhumans-rail-card [data-icon="calendar"], .cui-transhumans-cloud [data-icon="calendar"], .cui-transhumans-glow-grid [data-icon="calendar"], .cui-transhumans-glow-grid-card [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-cta-burst [data-icon="calendar"]:is(:hover, :focus-visible)::after, .cui-transhumans-slider [data-icon="calendar"]:is(:hover, :focus-visible)::after, .cui-transhumans-slider-item [data-icon="calendar"]:is(:hover, :focus-visible)::after, .cui-transhumans-rail [data-icon="calendar"]:is(:hover, :focus-visible)::after, .cui-transhumans-rail-card [data-icon="calendar"]:is(:hover, :focus-visible)::after, .cui-transhumans-cloud [data-icon="calendar"]:is(:hover, :focus-visible)::after, .cui-transhumans-glow-grid [data-icon="calendar"]:is(:hover, :focus-visible)::after, .cui-transhumans-glow-grid-card [data-icon="calendar"]:is(:hover, :focus-visible)::after { translate: 0px -2px; } .cui-transhumans-cta-burst [data-icon="chat"], .cui-transhumans-slider [data-icon="chat"], .cui-transhumans-slider-item [data-icon="chat"], .cui-transhumans-rail [data-icon="chat"], .cui-transhumans-rail-card [data-icon="chat"], .cui-transhumans-cloud [data-icon="chat"], .cui-transhumans-glow-grid [data-icon="chat"], .cui-transhumans-glow-grid-card [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-cta-burst [data-icon="chat"]:is(:hover, :focus-visible)::after, .cui-transhumans-slider [data-icon="chat"]:is(:hover, :focus-visible)::after, .cui-transhumans-slider-item [data-icon="chat"]:is(:hover, :focus-visible)::after, .cui-transhumans-rail [data-icon="chat"]:is(:hover, :focus-visible)::after, .cui-transhumans-rail-card [data-icon="chat"]:is(:hover, :focus-visible)::after, .cui-transhumans-cloud [data-icon="chat"]:is(:hover, :focus-visible)::after, .cui-transhumans-glow-grid [data-icon="chat"]:is(:hover, :focus-visible)::after, .cui-transhumans-glow-grid-card [data-icon="chat"]:is(:hover, :focus-visible)::after { translate: 0px -2px; } .cui-transhumans-cta-burst [data-icon="close"], .cui-transhumans-slider [data-icon="close"], .cui-transhumans-slider-item [data-icon="close"], .cui-transhumans-rail [data-icon="close"], .cui-transhumans-rail-card [data-icon="close"], .cui-transhumans-cloud [data-icon="close"], .cui-transhumans-glow-grid [data-icon="close"], .cui-transhumans-glow-grid-card [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-cta-burst [data-icon="close"]:is(:hover, :focus-visible)::after, .cui-transhumans-slider [data-icon="close"]:is(:hover, :focus-visible)::after, .cui-transhumans-slider-item [data-icon="close"]:is(:hover, :focus-visible)::after, .cui-transhumans-rail [data-icon="close"]:is(:hover, :focus-visible)::after, .cui-transhumans-rail-card [data-icon="close"]:is(:hover, :focus-visible)::after, .cui-transhumans-cloud [data-icon="close"]:is(:hover, :focus-visible)::after, .cui-transhumans-glow-grid [data-icon="close"]:is(:hover, :focus-visible)::after, .cui-transhumans-glow-grid-card [data-icon="close"]:is(:hover, :focus-visible)::after { rotate: 90deg; } .cui-transhumans-cta-burst [data-icon="check"], .cui-transhumans-slider [data-icon="check"], .cui-transhumans-slider-item [data-icon="check"], .cui-transhumans-rail [data-icon="check"], .cui-transhumans-rail-card [data-icon="check"], .cui-transhumans-cloud [data-icon="check"], .cui-transhumans-glow-grid [data-icon="check"], .cui-transhumans-glow-grid-card [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-cta-burst [data-icon="check"]:is(:hover, :focus-visible)::after, .cui-transhumans-slider [data-icon="check"]:is(:hover, :focus-visible)::after, .cui-transhumans-slider-item [data-icon="check"]:is(:hover, :focus-visible)::after, .cui-transhumans-rail [data-icon="check"]:is(:hover, :focus-visible)::after, .cui-transhumans-rail-card [data-icon="check"]:is(:hover, :focus-visible)::after, .cui-transhumans-cloud [data-icon="check"]:is(:hover, :focus-visible)::after, .cui-transhumans-glow-grid [data-icon="check"]:is(:hover, :focus-visible)::after, .cui-transhumans-glow-grid-card [data-icon="check"]:is(:hover, :focus-visible)::after { scale: 1.2; } .cui-transhumans-cta-burst [data-icon="send"], .cui-transhumans-slider [data-icon="send"], .cui-transhumans-slider-item [data-icon="send"], .cui-transhumans-rail [data-icon="send"], .cui-transhumans-rail-card [data-icon="send"], .cui-transhumans-cloud [data-icon="send"], .cui-transhumans-glow-grid [data-icon="send"], .cui-transhumans-glow-grid-card [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-cta-burst [data-icon="send"]:is(:hover, :focus-visible)::after, .cui-transhumans-slider [data-icon="send"]:is(:hover, :focus-visible)::after, .cui-transhumans-slider-item [data-icon="send"]:is(:hover, :focus-visible)::after, .cui-transhumans-rail [data-icon="send"]:is(:hover, :focus-visible)::after, .cui-transhumans-rail-card [data-icon="send"]:is(:hover, :focus-visible)::after, .cui-transhumans-cloud [data-icon="send"]:is(:hover, :focus-visible)::after, .cui-transhumans-glow-grid [data-icon="send"]:is(:hover, :focus-visible)::after, .cui-transhumans-glow-grid-card [data-icon="send"]:is(:hover, :focus-visible)::after { translate: 2px -2px; } .cui-transhumans-cta-burst [data-icon="search"], .cui-transhumans-slider [data-icon="search"], .cui-transhumans-slider-item [data-icon="search"], .cui-transhumans-rail [data-icon="search"], .cui-transhumans-rail-card [data-icon="search"], .cui-transhumans-cloud [data-icon="search"], .cui-transhumans-glow-grid [data-icon="search"], .cui-transhumans-glow-grid-card [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-cta-burst [data-icon="search"]:is(:hover, :focus-visible)::after, .cui-transhumans-slider [data-icon="search"]:is(:hover, :focus-visible)::after, .cui-transhumans-slider-item [data-icon="search"]:is(:hover, :focus-visible)::after, .cui-transhumans-rail [data-icon="search"]:is(:hover, :focus-visible)::after, .cui-transhumans-rail-card [data-icon="search"]:is(:hover, :focus-visible)::after, .cui-transhumans-cloud [data-icon="search"]:is(:hover, :focus-visible)::after, .cui-transhumans-glow-grid [data-icon="search"]:is(:hover, :focus-visible)::after, .cui-transhumans-glow-grid-card [data-icon="search"]:is(:hover, :focus-visible)::after { scale: 1.15; } .cui-transhumans-cta-burst [data-icon="cart"], .cui-transhumans-slider [data-icon="cart"], .cui-transhumans-slider-item [data-icon="cart"], .cui-transhumans-rail [data-icon="cart"], .cui-transhumans-rail-card [data-icon="cart"], .cui-transhumans-cloud [data-icon="cart"], .cui-transhumans-glow-grid [data-icon="cart"], .cui-transhumans-glow-grid-card [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-cta-burst [data-icon="cart"]:is(:hover, :focus-visible)::after, .cui-transhumans-slider [data-icon="cart"]:is(:hover, :focus-visible)::after, .cui-transhumans-slider-item [data-icon="cart"]:is(:hover, :focus-visible)::after, .cui-transhumans-rail [data-icon="cart"]:is(:hover, :focus-visible)::after, .cui-transhumans-rail-card [data-icon="cart"]:is(:hover, :focus-visible)::after, .cui-transhumans-cloud [data-icon="cart"]:is(:hover, :focus-visible)::after, .cui-transhumans-glow-grid [data-icon="cart"]:is(:hover, :focus-visible)::after, .cui-transhumans-glow-grid-card [data-icon="cart"]:is(:hover, :focus-visible)::after { translate: 3px; } .cui-transhumans-cta-burst [data-icon="mail"], .cui-transhumans-slider [data-icon="mail"], .cui-transhumans-slider-item [data-icon="mail"], .cui-transhumans-rail [data-icon="mail"], .cui-transhumans-rail-card [data-icon="mail"], .cui-transhumans-cloud [data-icon="mail"], .cui-transhumans-glow-grid [data-icon="mail"], .cui-transhumans-glow-grid-card [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-cta-burst [data-icon="mail"]:is(:hover, :focus-visible)::after, .cui-transhumans-slider [data-icon="mail"]:is(:hover, :focus-visible)::after, .cui-transhumans-slider-item [data-icon="mail"]:is(:hover, :focus-visible)::after, .cui-transhumans-rail [data-icon="mail"]:is(:hover, :focus-visible)::after, .cui-transhumans-rail-card [data-icon="mail"]:is(:hover, :focus-visible)::after, .cui-transhumans-cloud [data-icon="mail"]:is(:hover, :focus-visible)::after, .cui-transhumans-glow-grid [data-icon="mail"]:is(:hover, :focus-visible)::after, .cui-transhumans-glow-grid-card [data-icon="mail"]:is(:hover, :focus-visible)::after { translate: 0px -2px; } .cui-transhumans-cta-burst [data-icon="download"], .cui-transhumans-slider [data-icon="download"], .cui-transhumans-slider-item [data-icon="download"], .cui-transhumans-rail [data-icon="download"], .cui-transhumans-rail-card [data-icon="download"], .cui-transhumans-cloud [data-icon="download"], .cui-transhumans-glow-grid [data-icon="download"], .cui-transhumans-glow-grid-card [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-cta-burst [data-icon="download"]:is(:hover, :focus-visible)::after, .cui-transhumans-slider [data-icon="download"]:is(:hover, :focus-visible)::after, .cui-transhumans-slider-item [data-icon="download"]:is(:hover, :focus-visible)::after, .cui-transhumans-rail [data-icon="download"]:is(:hover, :focus-visible)::after, .cui-transhumans-rail-card [data-icon="download"]:is(:hover, :focus-visible)::after, .cui-transhumans-cloud [data-icon="download"]:is(:hover, :focus-visible)::after, .cui-transhumans-glow-grid [data-icon="download"]:is(:hover, :focus-visible)::after, .cui-transhumans-glow-grid-card [data-icon="download"]:is(:hover, :focus-visible)::after { translate: 0px 2px; } .cui-transhumans-cta-burst [data-icon="share"], .cui-transhumans-slider [data-icon="share"], .cui-transhumans-slider-item [data-icon="share"], .cui-transhumans-rail [data-icon="share"], .cui-transhumans-rail-card [data-icon="share"], .cui-transhumans-cloud [data-icon="share"], .cui-transhumans-glow-grid [data-icon="share"], .cui-transhumans-glow-grid-card [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-cta-burst [data-icon="share"]:is(:hover, :focus-visible)::after, .cui-transhumans-slider [data-icon="share"]:is(:hover, :focus-visible)::after, .cui-transhumans-slider-item [data-icon="share"]:is(:hover, :focus-visible)::after, .cui-transhumans-rail [data-icon="share"]:is(:hover, :focus-visible)::after, .cui-transhumans-rail-card [data-icon="share"]:is(:hover, :focus-visible)::after, .cui-transhumans-cloud [data-icon="share"]:is(:hover, :focus-visible)::after, .cui-transhumans-glow-grid [data-icon="share"]:is(:hover, :focus-visible)::after, .cui-transhumans-glow-grid-card [data-icon="share"]:is(:hover, :focus-visible)::after { translate: 0px -2px; } .cui-transhumans-cta-burst [data-icon="lock"], .cui-transhumans-slider [data-icon="lock"], .cui-transhumans-slider-item [data-icon="lock"], .cui-transhumans-rail [data-icon="lock"], .cui-transhumans-rail-card [data-icon="lock"], .cui-transhumans-cloud [data-icon="lock"], .cui-transhumans-glow-grid [data-icon="lock"], .cui-transhumans-glow-grid-card [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-cta-burst [data-icon="lock"]:is(:hover, :focus-visible)::after, .cui-transhumans-slider [data-icon="lock"]:is(:hover, :focus-visible)::after, .cui-transhumans-slider-item [data-icon="lock"]:is(:hover, :focus-visible)::after, .cui-transhumans-rail [data-icon="lock"]:is(:hover, :focus-visible)::after, .cui-transhumans-rail-card [data-icon="lock"]:is(:hover, :focus-visible)::after, .cui-transhumans-cloud [data-icon="lock"]:is(:hover, :focus-visible)::after, .cui-transhumans-glow-grid [data-icon="lock"]:is(:hover, :focus-visible)::after, .cui-transhumans-glow-grid-card [data-icon="lock"]:is(:hover, :focus-visible)::after { scale: 1.15; } .cui-transhumans-cta-burst [data-icon="pin"], .cui-transhumans-slider [data-icon="pin"], .cui-transhumans-slider-item [data-icon="pin"], .cui-transhumans-rail [data-icon="pin"], .cui-transhumans-rail-card [data-icon="pin"], .cui-transhumans-cloud [data-icon="pin"], .cui-transhumans-glow-grid [data-icon="pin"], .cui-transhumans-glow-grid-card [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-cta-burst [data-icon="pin"]:is(:hover, :focus-visible)::after, .cui-transhumans-slider [data-icon="pin"]:is(:hover, :focus-visible)::after, .cui-transhumans-slider-item [data-icon="pin"]:is(:hover, :focus-visible)::after, .cui-transhumans-rail [data-icon="pin"]:is(:hover, :focus-visible)::after, .cui-transhumans-rail-card [data-icon="pin"]:is(:hover, :focus-visible)::after, .cui-transhumans-cloud [data-icon="pin"]:is(:hover, :focus-visible)::after, .cui-transhumans-glow-grid [data-icon="pin"]:is(:hover, :focus-visible)::after, .cui-transhumans-glow-grid-card [data-icon="pin"]:is(:hover, :focus-visible)::after { translate: 0px -2px; } .cui-transhumans-cta-burst [data-icon="bell"], .cui-transhumans-slider [data-icon="bell"], .cui-transhumans-slider-item [data-icon="bell"], .cui-transhumans-rail [data-icon="bell"], .cui-transhumans-rail-card [data-icon="bell"], .cui-transhumans-cloud [data-icon="bell"], .cui-transhumans-glow-grid [data-icon="bell"], .cui-transhumans-glow-grid-card [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-cta-burst [data-icon="bell"]:is(:hover, :focus-visible)::after, .cui-transhumans-slider [data-icon="bell"]:is(:hover, :focus-visible)::after, .cui-transhumans-slider-item [data-icon="bell"]:is(:hover, :focus-visible)::after, .cui-transhumans-rail [data-icon="bell"]:is(:hover, :focus-visible)::after, .cui-transhumans-rail-card [data-icon="bell"]:is(:hover, :focus-visible)::after, .cui-transhumans-cloud [data-icon="bell"]:is(:hover, :focus-visible)::after, .cui-transhumans-glow-grid [data-icon="bell"]:is(:hover, :focus-visible)::after, .cui-transhumans-glow-grid-card [data-icon="bell"]:is(:hover, :focus-visible)::after { rotate: 14deg; } .cui-transhumans-cta-burst [data-icon="back"], .cui-transhumans-slider [data-icon="back"], .cui-transhumans-slider-item [data-icon="back"], .cui-transhumans-rail [data-icon="back"], .cui-transhumans-rail-card [data-icon="back"], .cui-transhumans-cloud [data-icon="back"], .cui-transhumans-glow-grid [data-icon="back"], .cui-transhumans-glow-grid-card [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-cta-burst [data-icon="back"]::after, .cui-transhumans-slider [data-icon="back"]::after, .cui-transhumans-slider-item [data-icon="back"]::after, .cui-transhumans-rail [data-icon="back"]::after, .cui-transhumans-rail-card [data-icon="back"]::after, .cui-transhumans-cloud [data-icon="back"]::after, .cui-transhumans-glow-grid [data-icon="back"]::after, .cui-transhumans-glow-grid-card [data-icon="back"]::after { order: -1; margin-inline: 0px 0.45em; } .cui-transhumans-cta-burst [data-icon="back"]:is(:hover, :focus-visible)::after, .cui-transhumans-slider [data-icon="back"]:is(:hover, :focus-visible)::after, .cui-transhumans-slider-item [data-icon="back"]:is(:hover, :focus-visible)::after, .cui-transhumans-rail [data-icon="back"]:is(:hover, :focus-visible)::after, .cui-transhumans-rail-card [data-icon="back"]:is(:hover, :focus-visible)::after, .cui-transhumans-cloud [data-icon="back"]:is(:hover, :focus-visible)::after, .cui-transhumans-glow-grid [data-icon="back"]:is(:hover, :focus-visible)::after, .cui-transhumans-glow-grid-card [data-icon="back"]:is(:hover, :focus-visible)::after { translate: -3px; } .cui-transhumans-cta-burst [dir="rtl"] [data-icon="back"]::after, .cui-transhumans-slider [dir="rtl"] [data-icon="back"]::after, .cui-transhumans-slider-item [dir="rtl"] [data-icon="back"]::after, .cui-transhumans-rail [dir="rtl"] [data-icon="back"]::after, .cui-transhumans-rail-card [dir="rtl"] [data-icon="back"]::after, .cui-transhumans-cloud [dir="rtl"] [data-icon="back"]::after, .cui-transhumans-glow-grid [dir="rtl"] [data-icon="back"]::after, .cui-transhumans-glow-grid-card [dir="rtl"] [data-icon="back"]::after { transform: scaleX(-1); } .cui-transhumans-cta-burst [dir="rtl"] [data-icon="back"]:is(:hover, :focus-visible)::after, .cui-transhumans-slider [dir="rtl"] [data-icon="back"]:is(:hover, :focus-visible)::after, .cui-transhumans-slider-item [dir="rtl"] [data-icon="back"]:is(:hover, :focus-visible)::after, .cui-transhumans-rail [dir="rtl"] [data-icon="back"]:is(:hover, :focus-visible)::after, .cui-transhumans-rail-card [dir="rtl"] [data-icon="back"]:is(:hover, :focus-visible)::after, .cui-transhumans-cloud [dir="rtl"] [data-icon="back"]:is(:hover, :focus-visible)::after, .cui-transhumans-glow-grid [dir="rtl"] [data-icon="back"]:is(:hover, :focus-visible)::after, .cui-transhumans-glow-grid-card [dir="rtl"] [data-icon="back"]:is(:hover, :focus-visible)::after { translate: 3px; } @media (prefers-reduced-motion: reduce) { .cui-transhumans-cta-burst, .cui-transhumans-cta-burst *, .cui-transhumans-cta-burst ::before, .cui-transhumans-cta-burst ::after, .cui-transhumans-slider, .cui-transhumans-slider *, .cui-transhumans-slider ::before, .cui-transhumans-slider ::after, .cui-transhumans-slider-item, .cui-transhumans-slider-item *, .cui-transhumans-slider-item ::before, .cui-transhumans-slider-item ::after, .cui-transhumans-rail, .cui-transhumans-rail *, .cui-transhumans-rail ::before, .cui-transhumans-rail ::after, .cui-transhumans-rail-card, .cui-transhumans-rail-card *, .cui-transhumans-rail-card ::before, .cui-transhumans-rail-card ::after, .cui-transhumans-cloud, .cui-transhumans-cloud *, .cui-transhumans-cloud ::before, .cui-transhumans-cloud ::after, .cui-transhumans-glow-grid, .cui-transhumans-glow-grid *, .cui-transhumans-glow-grid ::before, .cui-transhumans-glow-grid ::after, .cui-transhumans-glow-grid-card, .cui-transhumans-glow-grid-card *, .cui-transhumans-glow-grid-card ::before, .cui-transhumans-glow-grid-card ::after { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; } } .cui-transhumans-cta-burst, .cui-transhumans-slider, .cui-transhumans-slider-item, .cui-transhumans-rail, .cui-transhumans-rail-card, .cui-transhumans-cloud, .cui-transhumans-glow-grid, .cui-transhumans-glow-grid-card { --_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-slider, .cui-transhumans-rail-card, .cui-transhumans-glow-grid { display: block; } .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-rail[hidden], .cui-transhumans-glow-grid[hidden], .cui-transhumans-glow-grid-card[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-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-cloud { display: block; container-type: inline-size; } .cui-transhumans-slider a:not([class]), .cui-transhumans-slider .cui-slider-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-slider a:not([class]):is(:hover, :focus-visible), .cui-transhumans-slider .cui-slider-link:is(:hover, :focus-visible) { background-size: 100% 2px; } .cui-transhumans-slider .cui-slider-track { display: flex; gap: clamp(12px, 2vw, 22px); padding: 8px max(7%, 50% - 440px) 30px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; } .cui-transhumans-slider .cui-slider-track::-webkit-scrollbar { display: none; } .cui-transhumans-slider .cui-slider-track:focus-visible { outline-offset: -3px; border-radius: var(--_radius); } .cui-transhumans-slider .cui-transhumans-slider-item.cui-slotted-slider { flex: 0 0 100%; min-width: 0px; scroll-snap-align: center; scroll-snap-stop: always; } .cui-transhumans-slider .cui-slider-controls { display: flex; align-items: center; justify-content: center; gap: 12px; } .cui-transhumans-slider .cui-slider-nav { display: grid; place-items: center; width: 46px; height: 46px; padding: 0px; border: 0px; border-radius: 50%; background: var(--_ink); color: var(--_surface); cursor: pointer; transition: opacity 0.2s, scale 0.2s var(--_ease); } .cui-transhumans-slider .cui-slider-nav svg { transition: translate 0.25s var(--_ease); } .cui-transhumans-slider .cui-slider-nav.cui-slider-prev:hover:not(:disabled) svg, .cui-transhumans-slider .cui-slider-nav.cui-slider-prev:focus-visible svg { translate: -3px; } .cui-transhumans-slider .cui-slider-nav.cui-slider-next:hover:not(:disabled) svg, .cui-transhumans-slider .cui-slider-nav.cui-slider-next:focus-visible svg { translate: 3px; } .cui-transhumans-slider .cui-slider-nav:hover:not(:disabled) { scale: 1.06; } .cui-transhumans-slider .cui-slider-nav:disabled { opacity: 0.3; cursor: default; } .cui-transhumans-slider .cui-slider-dots { display: flex; } .cui-transhumans-slider .cui-slider-dot { display: grid; place-items: center; width: 28px; height: 44px; padding: 0px; border: 0px; background: none; color: var(--_ink); cursor: pointer; } .cui-transhumans-slider .cui-slider-dot svg { overflow: visible; transition: scale 0.25s var(--_ease); } .cui-transhumans-slider .cui-slider-dot circle { fill: transparent; stroke: currentcolor; stroke-width: 2; transition: fill 0.25s; } .cui-transhumans-slider .cui-slider-dot:hover svg, .cui-transhumans-slider .cui-slider-dot:focus-visible svg { scale: 1.3; } .cui-transhumans-slider .cui-slider-dot[aria-current="true"] circle { fill: var(--_accent-2); stroke: var(--_accent-2); } .cui-transhumans-slider .cui-slider-dot[aria-current="true"] svg { scale: 1.3; } @media (prefers-reduced-motion: reduce) { .cui-transhumans-slider .cui-slider-track { scroll-behavior: auto; } } .cui-transhumans-slider-item a:not([class]), .cui-transhumans-slider-item .cui-slider-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-slider-item a:not([class]):is(:hover, :focus-visible), .cui-transhumans-slider-item .cui-slider-item-link:is(:hover, :focus-visible) { background-size: 100% 2px; } .cui-transhumans-slider-item { display: block; --shift: 0; --dist: 0; } .cui-transhumans-slider-item .cui-slider-item-slide { display: grid; gap: 18px; height: 100%; padding: 14px; border-radius: var(--_radius); background: var(--_surface); box-shadow: var(--_shadow); } .cui-transhumans-slider-item .cui-slider-item-frame { position: relative; overflow: hidden; border-radius: calc(var(--_radius) - 6px); background: var(--_paper); } .cui-transhumans-slider-item .cui-slider-item-spot { position: absolute; left: 50%; top: 50%; width: 62%; aspect-ratio: 1 / 1; border-radius: 50%; background: var(--_spot); opacity: 0.16; translate: calc(-50% + var(--shift) * 46%) -46%; } .cui-transhumans-slider-item .cui-slider-item-art { width: min(100%, 400px); margin-inline: auto; translate: calc(var(--shift) * -16%) 0; scale: calc(1 - var(--dist) * 0.08); } .cui-transhumans-slider-item .cui-slider-item-art::part(accent) { translate: calc(var(--shift) * (40 + var(--r) * 110) * -1px) calc(var(--shift) * (var(--r) - 0.5) * 60px); transition: none; } .cui-transhumans-slider-item .cui-slider-item-body { align-self: center; padding: 2px 6px 8px; opacity: calc(1 - var(--dist) * 0.55); } .cui-transhumans-slider-item h3.cui-slotted-slider-item { margin: 0px 0px 8px; font-size: clamp(21px, 2.6vw, 30px); line-height: 1.15; letter-spacing: -0.02em; } .cui-transhumans-slider-item p.cui-slotted-slider-item { margin: 0px 0px 18px; color: var(--_muted); font-size: 15.5px; line-height: 1.55; max-width: 42ch; } .cui-transhumans-slider-item .cui-slider-item-cta { position: relative; display: inline-flex; } .cui-transhumans-slider-item a.cui-slotted-slider-item { display: inline-flex; align-items: center; min-height: 48px; padding: 0px 50px 0px 22px; border-radius: 999px; background: var(--_ink); font-weight: 600; text-decoration: none; color: var(--_surface) !important; } .cui-transhumans-slider-item .cui-slider-item-cta svg { position: absolute; right: 18px; top: 50%; margin-top: -10px; color: var(--_surface); pointer-events: none; transition: translate 0.3s var(--_ease); } .cui-transhumans-slider-item .cui-slider-item-cta:hover svg, .cui-transhumans-slider-item .cui-slider-item-cta:focus-within svg { translate: 5px; } .cui-transhumans-slider-item .cui-slider-item-cta:not(.cui-slider-item-on) { display: none; } @media (min-width: 720px) { .cui-transhumans-slider-item .cui-slider-item-slide { grid-template-columns: 1.05fr 1fr; gap: 36px; padding: 20px; } } @media (prefers-reduced-motion: reduce) { .cui-transhumans-slider-item .cui-slider-item-art::part(accent) { translate: none; } } .cui-transhumans-rail a:not([class]), .cui-transhumans-rail .cui-rail-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-rail a:not([class]):is(:hover, :focus-visible), .cui-transhumans-rail .cui-rail-link:is(:hover, :focus-visible) { background-size: 100% 2px; } .cui-transhumans-rail { display: block; --card: clamp(236px, 30%, 300px); --pad: 4px; } .cui-transhumans-rail .cui-rail-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 4px; } .cui-transhumans-rail .cui-rail-count { margin: 0px; color: var(--_muted); font-size: 14px; font-weight: 600; font-variant-numeric: tabular-nums; letter-spacing: 0.04em; } .cui-transhumans-rail .cui-rail-count b { color: var(--_ink); } .cui-transhumans-rail .cui-rail-nav { display: flex; gap: 8px; } .cui-transhumans-rail .cui-rail-btn { display: grid; place-items: center; width: 44px; height: 44px; padding: 0px; border: 0px; border-radius: 50%; background: var(--_surface); color: var(--_ink); box-shadow: inset 0 0 0 1.5px var(--_border); cursor: pointer; transition: box-shadow 0.2s, opacity 0.2s; } .cui-transhumans-rail .cui-rail-btn svg { transition: translate 0.25s var(--_ease); } .cui-transhumans-rail .cui-rail-btn:hover:not(:disabled) { box-shadow: inset 0 0 0 1.5px var(--_ink); } .cui-transhumans-rail .cui-rail-prev:hover:not(:disabled) svg, .cui-transhumans-rail .cui-rail-prev:focus-visible svg { translate: -3px; } .cui-transhumans-rail .cui-rail-next:hover:not(:disabled) svg, .cui-transhumans-rail .cui-rail-next:focus-visible svg { translate: 3px; } .cui-transhumans-rail .cui-rail-btn:disabled { opacity: 0.35; cursor: default; } .cui-transhumans-rail .cui-rail-track { display: flex; gap: clamp(14px, 2vw, 22px); padding: 12px var(--pad) 26px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-padding-inline: var(--pad); scrollbar-width: none; cursor: grab; } .cui-transhumans-rail .cui-rail-track::-webkit-scrollbar { display: none; } .cui-transhumans-rail .cui-rail-track:focus-visible { outline-offset: -3px; border-radius: var(--_radius); } .cui-transhumans-rail .cui-rail-track.cui-rail-free { scroll-snap-type: none; cursor: grabbing; user-select: none; } .cui-transhumans-rail .cui-transhumans-rail-card.cui-slotted-rail { flex: 0 0 var(--card); min-width: 0px; scroll-snap-align: start; } .cui-transhumans-rail .cui-rail-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } @media (hover: none) { .cui-transhumans-rail .cui-rail-track { cursor: auto; } } @media (max-width: 480px) { .cui-transhumans-rail { --card: 78%; } } .cui-transhumans-rail-card a:not([class]), .cui-transhumans-rail-card .cui-rail-card-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-rail-card a:not([class]):is(:hover, :focus-visible), .cui-transhumans-rail-card .cui-rail-card-link:is(:hover, :focus-visible) { background-size: 100% 2px; } .cui-transhumans-rail-card .cui-rail-card-card { position: relative; display: flex; flex-direction: column; height: 100%; padding: 12px 12px 20px; border-radius: var(--_radius); background: var(--_surface); box-shadow: var(--_shadow); color: inherit; text-decoration: none; } .cui-transhumans-rail-card .cui-rail-card-window { position: relative; overflow: hidden; border-radius: calc(var(--_radius) - 6px); background: var(--_paper); } .cui-transhumans-rail-card .cui-rail-card-art { display: block; width: 86%; margin: 5% auto 0px; transform-origin: 50% 96%; rotate: calc(var(--lean, 0) * 0.7deg); } .cui-transhumans-rail-card .cui-rail-card-art::part(accent) { translate: calc(var(--lean, 0) * (4 + var(--r, 0.5) * 8) * -1px) calc(var(--lean-abs, 0) * (2 + var(--r, 0.5) * 3) * 1px); transition: none; } .cui-transhumans-rail-card .cui-rail-card-body { padding: 16px 6px 0px; } .cui-transhumans-rail-card a.cui-rail-card-card .cui-rail-card-body { padding-inline-end: 48px; } .cui-transhumans-rail-card h3.cui-slotted-rail-card { margin: 0px 0px 6px; font-size: 20px; letter-spacing: -0.02em; } .cui-transhumans-rail-card p.cui-slotted-rail-card { margin: 0px; color: var(--_muted); font-size: 15px; line-height: 1.5; } .cui-transhumans-rail-card .cui-rail-card-go { position: absolute; right: 14px; bottom: 16px; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: var(--_ink); color: var(--_surface); } .cui-transhumans-rail-card .cui-rail-card-go svg { transition: translate 0.25s var(--_ease); } .cui-transhumans-rail-card a.cui-rail-card-card:hover .cui-rail-card-go svg, .cui-transhumans-rail-card a.cui-rail-card-card:focus-visible .cui-rail-card-go svg { translate: 3px; } @media (prefers-reduced-motion: reduce) { .cui-transhumans-rail-card .cui-rail-card-art { rotate: none; } } @media (prefers-reduced-motion: reduce) { .cui-transhumans-rail-card .cui-rail-card-art::part(accent) { translate: none; } } .cui-transhumans-glow-grid-card { display: block; min-width: 0px; } .cui-transhumans-cloud a:not([class]), .cui-transhumans-cloud .cui-cloud-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-cloud a:not([class]):is(:hover, :focus-visible), .cui-transhumans-cloud .cui-cloud-link:is(:hover, :focus-visible) { background-size: 100% 2px; } .cui-transhumans-cloud .cui-cloud-stage { position: relative; overflow: clip; padding: clamp(120px, 17cqi, 170px) clamp(16px, 16cqi, 220px); background: radial-gradient(50% 42% at 50% 50%, var(--_paper), transparent 100%), color-mix(in srgb, var(--_accent-2) 7%, var(--_paper)); } .cui-transhumans-cloud .cui-cloud-copy { position: relative; z-index: 1; max-width: 640px; margin-inline: auto; text-align: center; } .cui-transhumans-cloud h1.cui-slotted-cloud, .cui-transhumans-cloud h2.cui-slotted-cloud { margin: 0px 0px 16px; font-size: clamp(28px, 5.2cqi, 60px); line-height: 1.03; letter-spacing: -0.035em; white-space: nowrap; } .cui-transhumans-cloud p.cui-slotted-cloud { margin: 0px auto; max-width: 42ch; color: var(--_muted); font-size: clamp(16px, 1.7cqi, 19px); line-height: 1.55; } .cui-transhumans-cloud a.cui-slotted-cloud { display: inline-flex; align-items: center; min-height: 50px; margin: 24px 6px 0px; padding: 0px 22px; border-radius: 14px; background: var(--_surface); font-weight: 650; text-decoration: none; box-shadow: inset 0 0 0 2px var(--_ink), 3px 3px 0 var(--_ink); transition: translate 0.2s var(--_ease), box-shadow 0.2s var(--_ease); color: var(--_ink) !important; } .cui-transhumans-cloud a:first-of-type.cui-slotted-cloud { background: var(--_ink); box-shadow: 3px 3px 0 var(--_accent-2); color: var(--_surface) !important; } .cui-transhumans-cloud a:hover.cui-slotted-cloud { translate: -1px -1px; } .cui-transhumans-cloud a:active.cui-slotted-cloud { translate: 2px 2px; box-shadow: none; } .cui-transhumans-cloud a:focus-visible.cui-slotted-cloud { outline: 3px solid var(--_accent-2); outline-offset: 4px; } .cui-transhumans-cloud .cui-cloud-cloud { position: absolute; inset: 0px; pointer-events: none; } .cui-transhumans-cloud .cui-cloud-sprite { position: absolute; left: 0px; top: 0px; width: calc(var(--_size, 64px) * var(--k, 1)); aspect-ratio: 1 / 1; will-change: transform; } .cui-transhumans-cloud .cui-cloud-sprite[hidden] { display: none; } .cui-transhumans-cloud .cui-cloud-drift { width: 100%; height: 100%; scale: 0; transition: scale 0.7s cubic-bezier(0.3, 1.6, 0.5, 1) var(--delay, 0s); animation-duration: ; animation-timing-function: ; animation-delay: ; animation-iteration-count: ; animation-direction: ; animation-fill-mode: ; animation-name: ; animation-timeline: ; animation-range-start: ; animation-range-end: ; animation-play-state: var(--_play, running); opacity: calc(0.55 + var(--k, 1) * 0.42); } .cui-transhumans-cloud .cui-cloud-cloud.cui-cloud-in .cui-cloud-drift { scale: 1; } .cui-transhumans-cloud .cui-cloud-scene .cui-cloud-drift { border-radius: 50%; overflow: hidden; background: var(--_surface); box-shadow: inset 0 0 0 2px var(--_ink), 2px 3px 0 var(--_ink); } .cui-transhumans-cloud .cui-cloud-scene .cui-transhumans-art { width: 100%; height: 100%; } .cui-transhumans-cloud .cui-cloud-mark svg { display: block; width: 100%; height: 100%; overflow: visible; } .cui-transhumans-cloud .cui-cloud-mark path { stroke: var(--transhumans-ink, var(--_ink)); stroke-width: 5; stroke-linecap: round; stroke-linejoin: round; } .cui-transhumans-cloud .cui-cloud-mark .cui-cloud-c0 { fill: var(--slot-0, #00b3b3); } .cui-transhumans-cloud .cui-cloud-mark .cui-cloud-c1 { fill: var(--slot-1, #ff6b6b); } .cui-transhumans-cloud .cui-cloud-mark .cui-cloud-s { fill: none; stroke-width: 9; } .cui-transhumans-cloud .cui-cloud-mark .cui-cloud-s.cui-cloud-c0 { stroke: var(--slot-0, #00b3b3); } .cui-transhumans-cloud .cui-cloud-mark .cui-cloud-s.cui-cloud-c1 { stroke: var(--slot-1, #ff6b6b); } .cui-transhumans-cloud .cui-cloud-mark .cui-cloud-drift { --turn: 18deg; } .cui-transhumans-cloud[paused] { --_play: paused; } @media (prefers-reduced-motion: reduce) { .cui-transhumans-cloud .cui-cloud-drift { animation: auto ease 0s 1 normal none running none; } } :where(.cui-transhumans-cloud a) .transhumans-cloud-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.3s cubic-bezier(0.3, 1.6, 0.5, 1); } :where(.cui-transhumans-cloud a:first-of-type:hover, .cui-transhumans-cloud a:first-of-type:focus-visible) .transhumans-cloud-icon { translate: 4px; } :where(.cui-transhumans-cloud a:not(:first-of-type):hover, .cui-transhumans-cloud a:not(:first-of-type):focus-visible) .transhumans-cloud-icon { translate: 3px -3px; } @media (prefers-reduced-motion: reduce) { :where(.cui-transhumans-cloud a) .transhumans-cloud-icon { transition: none; } } .cui-transhumans-glow-grid a:not([class]), .cui-transhumans-glow-grid .cui-glow-grid-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-glow-grid a:not([class]):is(:hover, :focus-visible), .cui-transhumans-glow-grid .cui-glow-grid-link:is(:hover, :focus-visible) { background-size: 100% 2px; } .cui-transhumans-glow-grid .cui-glow-grid-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr)); gap: 12px; } .cui-transhumans-glow-grid-card a:not([class]), .cui-transhumans-glow-grid-card .cui-glow-grid-card-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-glow-grid-card a:not([class]):is(:hover, :focus-visible), .cui-transhumans-glow-grid-card .cui-glow-grid-card-link:is(:hover, :focus-visible) { background-size: 100% 2px; } .cui-transhumans-glow-grid-card .cui-glow-grid-card-card { position: relative; isolation: isolate; display: block; height: 100%; padding: 18px 20px 22px; border-radius: var(--_radius); background: var(--_surface); color: inherit; text-decoration: none; box-shadow: inset 0 0 0 1px var(--_border); } .cui-transhumans-glow-grid-card .cui-glow-grid-card-card::before, .cui-transhumans-glow-grid-card .cui-glow-grid-card-card::after { content: ""; position: absolute; inset: 0px; border-radius: inherit; pointer-events: none; opacity: 0; transition: opacity 0.4s; } .cui-transhumans-glow-grid-card .cui-glow-grid-card-card::before { z-index: 1; padding: 1.5px; background: radial-gradient(240px circle at var(--x, 0px) var(--y, 0px), var(--slot-1, #ff6b6b), color-mix(in srgb, var(--slot-0, #00b3b3) 70%, transparent) 42%, transparent 70%); mask: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) content-box exclude, linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px); } .cui-transhumans-glow-grid-card .cui-glow-grid-card-card::after { z-index: -1; background: radial-gradient(380px circle at var(--x, 0px) var(--y, 0px), color-mix(in srgb, var(--slot-0, #00b3b3) 16%, transparent), transparent 70%); } .cui-transhumans-glow-grid-card[lit] .cui-glow-grid-card-card::before, .cui-transhumans-glow-grid-card[lit] .cui-glow-grid-card-card::after { opacity: 1; } .cui-transhumans-glow-grid-card a.cui-glow-grid-card-card:focus-visible { outline-offset: 3px; } .cui-transhumans-glow-grid-card .cui-glow-grid-card-window { position: relative; display: block; width: 92px; aspect-ratio: 1 / 1; margin: 0px 0px 14px; overflow: clip; border-radius: 50%; background: var(--transhumans-window, var(--_art-paper, #fbfaf7)); box-shadow: 0 0 0 calc(var(--near, 0) * 4px) color-mix(in srgb, var(--slot-0, #00b3b3) 40%, transparent); transition: box-shadow 0.25s; } .cui-transhumans-glow-grid-card .cui-glow-grid-card-art { position: absolute; left: 8%; bottom: -10%; width: 84%; filter: saturate(calc(var(--near, 0) * 1.05)) contrast(calc(1.2 - var(--near, 0) * 0.2)); translate: 0 calc((1 - var(--near, 0)) * 5%); transition: filter 0.25s, translate 0.3s var(--_ease); } .cui-transhumans-glow-grid-card h3.cui-slotted-glow-grid-card { margin: 0px 0px 6px; font-size: 17px; letter-spacing: -0.01em; } .cui-transhumans-glow-grid-card p.cui-slotted-glow-grid-card { margin: 0px; color: var(--_muted); font-size: 14.5px; line-height: 1.5; } .cui-transhumans-glow-grid-card .cui-glow-grid-card-go { position: absolute; top: 18px; right: 18px; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; box-shadow: inset 0 0 0 1.5px var(--_border); color: var(--_ink); } .cui-transhumans-glow-grid-card .cui-glow-grid-card-go svg { width: 14px; height: 14px; transition: translate 0.3s var(--_ease); } .cui-transhumans-glow-grid-card a.cui-glow-grid-card-card:hover .cui-glow-grid-card-go svg, .cui-transhumans-glow-grid-card a.cui-glow-grid-card-card:focus-visible .cui-glow-grid-card-go svg { translate: 3px; } .cui-s-4p4vqb.cui-s-4p4vqb.cui-s-4p4vqb { --_size: 92.0px; } .cui-s-cxan3l.cui-s-cxan3l.cui-s-cxan3l { --k: 0.77; } .cui-s-d4l0fj.cui-s-d4l0fj.cui-s-d4l0fj { --dur: 8.6s; --phase: -8.0s; --ax: 12px; --ay: 15px; --delay: 0.00s; --turn: 4.2deg; } .cui-s-xxxfdt.cui-s-xxxfdt.cui-s-xxxfdt { --_art-ink: #f1f0f4; --_art-paper: #1d1c22; --_art-line: #f1f0f4; } .cui-s-abhl10.cui-s-abhl10.cui-s-abhl10 { --k: 0.69; transform: translate3d(984.5px, 269.2px, 0px); } .cui-s-rh1he0.cui-s-rh1he0.cui-s-rh1he0 { --dur: 12.9s; --phase: -9.5s; --ax: 13px; --ay: 14px; --delay: 0.05s; } .cui-s-elyu3e.cui-s-elyu3e.cui-s-elyu3e { --k: 1.18; transform: translate3d(983.7px, 116.5px, 0px); } .cui-s-ri8e1y.cui-s-ri8e1y.cui-s-ri8e1y { --dur: 13.0s; --phase: -1.7s; --ax: 7px; --ay: 17px; --delay: 0.10s; --turn: 2.8deg; } .cui-s-6gmrat.cui-s-6gmrat.cui-s-6gmrat { --k: 0.68; transform: translate3d(286.2px, 488.5px, 0px); } .cui-s-wf5wwr.cui-s-wf5wwr.cui-s-wf5wwr { --dur: 10.4s; --phase: -8.5s; --ax: 8px; --ay: 12px; --delay: 0.15s; } .cui-s-ay7p3p.cui-s-ay7p3p.cui-s-ay7p3p { --k: 1.19; transform: translate3d(725.4px, 481.1px, 0px); } .cui-s-1w7d0k8.cui-s-1w7d0k8.cui-s-1w7d0k8 { --dur: 8.3s; --phase: -2.9s; --ax: 12px; --ay: 6px; --delay: 0.20s; --turn: 3.4deg; } .cui-s-1ewqrs7.cui-s-1ewqrs7.cui-s-1ewqrs7 { --k: 0.50; transform: translate3d(518.2px, 512px, 0px); } .cui-s-5y09ve.cui-s-5y09ve.cui-s-5y09ve { --dur: 13.9s; --phase: -0.5s; --ax: 9px; --ay: 17px; --delay: 0.25s; } .cui-s-1eh3gbx.cui-s-1eh3gbx.cui-s-1eh3gbx { --k: 0.82; transform: translate3d(394.2px, 29.4px, 0px); } .cui-s-pum6s7.cui-s-pum6s7.cui-s-pum6s7 { --dur: 11.3s; --phase: -4.7s; --ax: 13px; --ay: 14px; --delay: 0.30s; --turn: 3.8deg; } .cui-s-1v5v512.cui-s-1v5v512.cui-s-1v5v512 { --k: 0.57; transform: translate3d(869.6px, 517.2px, 0px); } .cui-s-1epc84.cui-s-1epc84.cui-s-1epc84 { --dur: 8.3s; --phase: -4.6s; --ax: 6px; --ay: 10px; --delay: 0.35s; } .cui-s-1qz5b27.cui-s-1qz5b27.cui-s-1qz5b27 { --k: 0.99; transform: translate3d(112.8px, 363.7px, 0px); } .cui-s-3lk3jr.cui-s-3lk3jr.cui-s-3lk3jr { --dur: 10.7s; --phase: -4.3s; --ax: 15px; --ay: 12px; --delay: 0.40s; --turn: 4.9deg; } .cui-s-18clq7j.cui-s-18clq7j.cui-s-18clq7j { --k: 0.46; transform: translate3d(1006.3px, 523.9px, 0px); } .cui-s-1ja7wg2.cui-s-1ja7wg2.cui-s-1ja7wg2 { --dur: 11.9s; --phase: -7.0s; --ax: 15px; --ay: 14px; --delay: 0.45s; } .cui-s-1sgnkdh.cui-s-1sgnkdh.cui-s-1sgnkdh { --k: 1.04; transform: translate3d(24.1px, 116.5px, 0px); } .cui-s-6tlhi1.cui-s-6tlhi1.cui-s-6tlhi1 { --dur: 12.4s; --phase: -8.9s; --ax: 6px; --ay: 8px; --delay: 0.50s; --turn: 4.8deg; } .cui-s-cxanq7.cui-s-cxanq7.cui-s-cxanq7 { --k: 0.68; } .cui-s-1b15kqi.cui-s-1b15kqi.cui-s-1b15kqi { --dur: 13.4s; --phase: -8.7s; --ax: 9px; --ay: 17px; --delay: 0.55s; } .cui-s-8qd29g.cui-s-8qd29g.cui-s-8qd29g { --k: 0.75; transform: translate3d(613.5px, 503.5px, 0px); } .cui-s-1ykw2at.cui-s-1ykw2at.cui-s-1ykw2at { --dur: 8.3s; --phase: -7.5s; --ax: 15px; --ay: 14px; --delay: 0.60s; --turn: 2.1deg; } .cui-s-pjgrzc.cui-s-pjgrzc.cui-s-pjgrzc { --k: 0.49; transform: translate3d(1017.6px, 398.2px, 0px); } .cui-s-tflcrb.cui-s-tflcrb.cui-s-tflcrb { --dur: 9.6s; --phase: -7.5s; --ax: 16px; --ay: 13px; --delay: 0.65s; } .cui-s-bkbizf.cui-s-bkbizf.cui-s-bkbizf { --_spot: var(--slot-0, #00b3b3); --shift: 0.000; --dist: 0.000; } .cui-s-1k35j0d.cui-s-1k35j0d.cui-s-1k35j0d { --_spot: var(--slot-1, #ff6b6b); --shift: 1.025; --dist: 1.000; } .cui-s-1sglha.cui-s-1sglha.cui-s-1sglha { --_spot: var(--slot-0, #00b3b3); --shift: 1.500; --dist: 1.000; } .cui-s-ecgrwf.cui-s-ecgrwf.cui-s-ecgrwf { --_spot: var(--slot-1, #ff6b6b); --shift: 1.500; --dist: 1.000; } .cui-s-am3q63.cui-s-am3q63.cui-s-am3q63 { --_spread: 1; }