/* Generated from the palette in Admin -> Branding -> Theme. Only tokens changed from the stylesheet default appear here. */ :root { --c-brand: #475569; --c-brand-strong: #334155; --c-brand-deep: #1e293b; --c-brand-alt: #64748b; --c-brand-tint: #f8fafc; --c-brand-tint-2: #f1f5f9; --c-brand-border: #cbd5e1; --c-chrome: #18181b; --c-chrome-2: #27282f; --c-chrome-3: #1c1c21; --c-chrome-control: #282929; --c-chrome-control-hover: #424243; --c-chrome-border: #545859; --c-chrome-chip: #424748; --c-chrome-select: #33353e; --c-chrome-select-border: #525460; } :root[data-theme="dark"] { --c-brand: #afbaca; --c-brand-strong: #9ba8bb; --c-brand-deep: #dde2e9; --c-brand-alt: #b5bfcf; --c-brand-tint: #2d3033; --c-brand-tint-2: #2d3034; --c-brand-border: #555b63; --c-chrome: #18181b; --c-chrome-2: #27282f; --c-chrome-3: #1c1c21; --c-chrome-control: #282929; --c-chrome-control-hover: #424243; --c-chrome-border: #545859; --c-chrome-chip: #424748; --c-chrome-select: #33353e; --c-chrome-select-border: #525460; } @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --c-brand: #afbaca; --c-brand-strong: #9ba8bb; --c-brand-deep: #dde2e9; --c-brand-alt: #b5bfcf; --c-brand-tint: #2d3033; --c-brand-tint-2: #2d3034; --c-brand-border: #555b63; --c-chrome: #18181b; --c-chrome-2: #27282f; --c-chrome-3: #1c1c21; --c-chrome-control: #282929; --c-chrome-control-hover: #424243; --c-chrome-border: #545859; --c-chrome-chip: #424748; --c-chrome-select: #33353e; --c-chrome-select-border: #525460; } } /* Text on the brand colour, per mode (derived). */ :root { --c-on-brand: #ffffff; } :root[data-theme="dark"] { --c-on-brand: #0f172a; } @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --c-on-brand: #0f172a; } } /* Header buttons sit on the brand colour. */ html .sc-header .sc-nav a.sc-cta, html header.soc-header .soc-actions a.soc-cta, html header.soc-header .soc-actions a.soc-cta:hover { color: var(--c-on-brand, var(--c-on-accent, #ffffff)); } /* default mode: dark */ header.soc-header { padding: 0; border-bottom: 0; } .sc-header-inner { box-sizing: border-box; min-height: 64px; } header.soc-header .soc-inner { box-sizing: border-box; min-height: 65px; } .sc-header { position: sticky; top: 0; } body[data-social-header-custom] > [data-social-header-custom-wrap] { display: contents; } header.soc-header, .info-topbar { position: sticky; top: 0; } /* ── Site style: flower of life (subtle) ─────────────────── */ body::before { content: ''; position: fixed; inset: 0; z-index: -1; pointer-events: none; background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22150.00%22%20height%3D%22259.81%22%20viewBox%3D%220%200%20150.00%20259.81%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23475569%22%20stroke-opacity%3D%220.07%22%20stroke-width%3D%221%22%3E%3Ccircle%20cx%3D%22-75.00%22%20cy%3D%22-129.90%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%2275.00%22%20cy%3D%22-129.90%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22225.00%22%20cy%3D%22-129.90%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22-150.00%22%20cy%3D%220.00%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%220.00%22%20cy%3D%220.00%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22150.00%22%20cy%3D%220.00%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22300.00%22%20cy%3D%220.00%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22-75.00%22%20cy%3D%22129.90%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%2275.00%22%20cy%3D%22129.90%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22225.00%22%20cy%3D%22129.90%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22-150.00%22%20cy%3D%22259.81%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%220.00%22%20cy%3D%22259.81%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22150.00%22%20cy%3D%22259.81%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22300.00%22%20cy%3D%22259.81%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22-75.00%22%20cy%3D%22389.71%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%2275.00%22%20cy%3D%22389.71%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22225.00%22%20cy%3D%22389.71%22%20r%3D%22150%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-size: 150.00px 259.81px; background-position: center top; } :root[data-theme="dark"] body::before { background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22150.00%22%20height%3D%22259.81%22%20viewBox%3D%220%200%20150.00%20259.81%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23afbaca%22%20stroke-opacity%3D%220.1%22%20stroke-width%3D%221%22%3E%3Ccircle%20cx%3D%22-75.00%22%20cy%3D%22-129.90%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%2275.00%22%20cy%3D%22-129.90%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22225.00%22%20cy%3D%22-129.90%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22-150.00%22%20cy%3D%220.00%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%220.00%22%20cy%3D%220.00%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22150.00%22%20cy%3D%220.00%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22300.00%22%20cy%3D%220.00%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22-75.00%22%20cy%3D%22129.90%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%2275.00%22%20cy%3D%22129.90%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22225.00%22%20cy%3D%22129.90%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22-150.00%22%20cy%3D%22259.81%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%220.00%22%20cy%3D%22259.81%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22150.00%22%20cy%3D%22259.81%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22300.00%22%20cy%3D%22259.81%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22-75.00%22%20cy%3D%22389.71%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%2275.00%22%20cy%3D%22389.71%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22225.00%22%20cy%3D%22389.71%22%20r%3D%22150%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) body::before { background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22150.00%22%20height%3D%22259.81%22%20viewBox%3D%220%200%20150.00%20259.81%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23afbaca%22%20stroke-opacity%3D%220.1%22%20stroke-width%3D%221%22%3E%3Ccircle%20cx%3D%22-75.00%22%20cy%3D%22-129.90%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%2275.00%22%20cy%3D%22-129.90%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22225.00%22%20cy%3D%22-129.90%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22-150.00%22%20cy%3D%220.00%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%220.00%22%20cy%3D%220.00%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22150.00%22%20cy%3D%220.00%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22300.00%22%20cy%3D%220.00%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22-75.00%22%20cy%3D%22129.90%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%2275.00%22%20cy%3D%22129.90%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22225.00%22%20cy%3D%22129.90%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22-150.00%22%20cy%3D%22259.81%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%220.00%22%20cy%3D%22259.81%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22150.00%22%20cy%3D%22259.81%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22300.00%22%20cy%3D%22259.81%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22-75.00%22%20cy%3D%22389.71%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%2275.00%22%20cy%3D%22389.71%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22225.00%22%20cy%3D%22389.71%22%20r%3D%22150%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } } body .landing-hero, body .page-hero, body .legal-hero, body .ev-head, body .profile-cover, body .coms-hero, body .lx-hero { position: relative; isolation: isolate; } body .landing-hero::before, body .page-hero::before, body .legal-hero::before, body .ev-head::before, body .profile-cover::before, body .coms-hero::before, body .lx-hero::before { content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2256.00%22%20height%3D%2296.99%22%20viewBox%3D%220%200%2056.00%2096.99%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%220.11%22%20stroke-width%3D%221%22%3E%3Ccircle%20cx%3D%22-28.00%22%20cy%3D%22-48.50%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%2228.00%22%20cy%3D%22-48.50%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%2284.00%22%20cy%3D%22-48.50%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%22-56.00%22%20cy%3D%220.00%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%220.00%22%20cy%3D%220.00%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%2256.00%22%20cy%3D%220.00%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%22112.00%22%20cy%3D%220.00%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%22-28.00%22%20cy%3D%2248.50%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%2228.00%22%20cy%3D%2248.50%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%2284.00%22%20cy%3D%2248.50%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%22-56.00%22%20cy%3D%2296.99%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%220.00%22%20cy%3D%2296.99%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%2256.00%22%20cy%3D%2296.99%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%22112.00%22%20cy%3D%2296.99%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%22-28.00%22%20cy%3D%22145.49%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%2228.00%22%20cy%3D%22145.49%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%2284.00%22%20cy%3D%22145.49%22%20r%3D%2256%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-size: 56.00px 96.99px; background-position: center center; } /* The social covers already carry a scrim in their ::before; the tile rides on top of it. */ body.social-body .social-cover::before { background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2256.00%22%20height%3D%2296.99%22%20viewBox%3D%220%200%2056.00%2096.99%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%220.11%22%20stroke-width%3D%221%22%3E%3Ccircle%20cx%3D%22-28.00%22%20cy%3D%22-48.50%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%2228.00%22%20cy%3D%22-48.50%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%2284.00%22%20cy%3D%22-48.50%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%22-56.00%22%20cy%3D%220.00%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%220.00%22%20cy%3D%220.00%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%2256.00%22%20cy%3D%220.00%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%22112.00%22%20cy%3D%220.00%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%22-28.00%22%20cy%3D%2248.50%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%2228.00%22%20cy%3D%2248.50%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%2284.00%22%20cy%3D%2248.50%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%22-56.00%22%20cy%3D%2296.99%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%220.00%22%20cy%3D%2296.99%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%2256.00%22%20cy%3D%2296.99%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%22112.00%22%20cy%3D%2296.99%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%22-28.00%22%20cy%3D%22145.49%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%2228.00%22%20cy%3D%22145.49%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%2284.00%22%20cy%3D%22145.49%22%20r%3D%2256%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"), linear-gradient(180deg, rgba(2, 6, 23, 0.1) 0%, rgba(2, 6, 23, 0.35) 55%, rgba(2, 6, 23, 0.55) 100%); background-size: 56.00px 96.99px, auto; } /* Sign-in and the lock page sit on the page background, so the dense tile is in the brand colour there. */ body .login-main { position: relative; isolation: isolate; } body .login-main::before { content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2256.00%22%20height%3D%2296.99%22%20viewBox%3D%220%200%2056.00%2096.99%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23475569%22%20stroke-opacity%3D%220.11200000000000002%22%20stroke-width%3D%221%22%3E%3Ccircle%20cx%3D%22-28.00%22%20cy%3D%22-48.50%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%2228.00%22%20cy%3D%22-48.50%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%2284.00%22%20cy%3D%22-48.50%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%22-56.00%22%20cy%3D%220.00%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%220.00%22%20cy%3D%220.00%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%2256.00%22%20cy%3D%220.00%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%22112.00%22%20cy%3D%220.00%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%22-28.00%22%20cy%3D%2248.50%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%2228.00%22%20cy%3D%2248.50%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%2284.00%22%20cy%3D%2248.50%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%22-56.00%22%20cy%3D%2296.99%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%220.00%22%20cy%3D%2296.99%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%2256.00%22%20cy%3D%2296.99%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%22112.00%22%20cy%3D%2296.99%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%22-28.00%22%20cy%3D%22145.49%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%2228.00%22%20cy%3D%22145.49%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%2284.00%22%20cy%3D%22145.49%22%20r%3D%2256%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-size: 56.00px 96.99px; background-position: center center; -webkit-mask-image: radial-gradient(ellipse 70% 70% at 50% 45%, #000 30%, transparent 100%); mask-image: radial-gradient(ellipse 70% 70% at 50% 45%, #000 30%, transparent 100%); } :root[data-theme="dark"] body .login-main::before { background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2256.00%22%20height%3D%2296.99%22%20viewBox%3D%220%200%2056.00%2096.99%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23afbaca%22%20stroke-opacity%3D%220.13999999999999999%22%20stroke-width%3D%221%22%3E%3Ccircle%20cx%3D%22-28.00%22%20cy%3D%22-48.50%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%2228.00%22%20cy%3D%22-48.50%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%2284.00%22%20cy%3D%22-48.50%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%22-56.00%22%20cy%3D%220.00%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%220.00%22%20cy%3D%220.00%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%2256.00%22%20cy%3D%220.00%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%22112.00%22%20cy%3D%220.00%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%22-28.00%22%20cy%3D%2248.50%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%2228.00%22%20cy%3D%2248.50%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%2284.00%22%20cy%3D%2248.50%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%22-56.00%22%20cy%3D%2296.99%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%220.00%22%20cy%3D%2296.99%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%2256.00%22%20cy%3D%2296.99%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%22112.00%22%20cy%3D%2296.99%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%22-28.00%22%20cy%3D%22145.49%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%2228.00%22%20cy%3D%22145.49%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%2284.00%22%20cy%3D%22145.49%22%20r%3D%2256%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) body .login-main::before { background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2256.00%22%20height%3D%2296.99%22%20viewBox%3D%220%200%2056.00%2096.99%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23afbaca%22%20stroke-opacity%3D%220.13999999999999999%22%20stroke-width%3D%221%22%3E%3Ccircle%20cx%3D%22-28.00%22%20cy%3D%22-48.50%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%2228.00%22%20cy%3D%22-48.50%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%2284.00%22%20cy%3D%22-48.50%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%22-56.00%22%20cy%3D%220.00%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%220.00%22%20cy%3D%220.00%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%2256.00%22%20cy%3D%220.00%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%22112.00%22%20cy%3D%220.00%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%22-28.00%22%20cy%3D%2248.50%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%2228.00%22%20cy%3D%2248.50%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%2284.00%22%20cy%3D%2248.50%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%22-56.00%22%20cy%3D%2296.99%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%220.00%22%20cy%3D%2296.99%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%2256.00%22%20cy%3D%2296.99%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%22112.00%22%20cy%3D%2296.99%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%22-28.00%22%20cy%3D%22145.49%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%2228.00%22%20cy%3D%22145.49%22%20r%3D%2256%22%2F%3E%3Ccircle%20cx%3D%2284.00%22%20cy%3D%22145.49%22%20r%3D%2256%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } } /* ⚠️⚠️ THE HEADER DOES NOT CARRY IT (Josh, 2026-09-26: "I dont like it in the header but its okay on the rest of the site"). It did, briefly -- body header:has(#main-nav) layered the dense tile under the header's own gradient, same as the login page's backdrop and the heroes. Removed outright rather than toggled off, because there is no plan to bring it back for this one element: the header keeps exactly the plain gradient the header rule in style.css already paints, nothing behind it. The settings rails still carry the page tile -- only the header itself was asked to lose it. */ body .ws-settings-rail { background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22150.00%22%20height%3D%22259.81%22%20viewBox%3D%220%200%20150.00%20259.81%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23475569%22%20stroke-opacity%3D%220.07%22%20stroke-width%3D%221%22%3E%3Ccircle%20cx%3D%22-75.00%22%20cy%3D%22-129.90%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%2275.00%22%20cy%3D%22-129.90%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22225.00%22%20cy%3D%22-129.90%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22-150.00%22%20cy%3D%220.00%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%220.00%22%20cy%3D%220.00%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22150.00%22%20cy%3D%220.00%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22300.00%22%20cy%3D%220.00%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22-75.00%22%20cy%3D%22129.90%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%2275.00%22%20cy%3D%22129.90%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22225.00%22%20cy%3D%22129.90%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22-150.00%22%20cy%3D%22259.81%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%220.00%22%20cy%3D%22259.81%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22150.00%22%20cy%3D%22259.81%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22300.00%22%20cy%3D%22259.81%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22-75.00%22%20cy%3D%22389.71%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%2275.00%22%20cy%3D%22389.71%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22225.00%22%20cy%3D%22389.71%22%20r%3D%22150%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-size: 150.00px 259.81px; } :root[data-theme="dark"] body .ws-settings-rail { background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22150.00%22%20height%3D%22259.81%22%20viewBox%3D%220%200%20150.00%20259.81%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23afbaca%22%20stroke-opacity%3D%220.1%22%20stroke-width%3D%221%22%3E%3Ccircle%20cx%3D%22-75.00%22%20cy%3D%22-129.90%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%2275.00%22%20cy%3D%22-129.90%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22225.00%22%20cy%3D%22-129.90%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22-150.00%22%20cy%3D%220.00%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%220.00%22%20cy%3D%220.00%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22150.00%22%20cy%3D%220.00%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22300.00%22%20cy%3D%220.00%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22-75.00%22%20cy%3D%22129.90%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%2275.00%22%20cy%3D%22129.90%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22225.00%22%20cy%3D%22129.90%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22-150.00%22%20cy%3D%22259.81%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%220.00%22%20cy%3D%22259.81%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22150.00%22%20cy%3D%22259.81%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22300.00%22%20cy%3D%22259.81%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22-75.00%22%20cy%3D%22389.71%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%2275.00%22%20cy%3D%22389.71%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22225.00%22%20cy%3D%22389.71%22%20r%3D%22150%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) body .ws-settings-rail { background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22150.00%22%20height%3D%22259.81%22%20viewBox%3D%220%200%20150.00%20259.81%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23afbaca%22%20stroke-opacity%3D%220.1%22%20stroke-width%3D%221%22%3E%3Ccircle%20cx%3D%22-75.00%22%20cy%3D%22-129.90%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%2275.00%22%20cy%3D%22-129.90%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22225.00%22%20cy%3D%22-129.90%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22-150.00%22%20cy%3D%220.00%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%220.00%22%20cy%3D%220.00%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22150.00%22%20cy%3D%220.00%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22300.00%22%20cy%3D%220.00%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22-75.00%22%20cy%3D%22129.90%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%2275.00%22%20cy%3D%22129.90%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22225.00%22%20cy%3D%22129.90%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22-150.00%22%20cy%3D%22259.81%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%220.00%22%20cy%3D%22259.81%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22150.00%22%20cy%3D%22259.81%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22300.00%22%20cy%3D%22259.81%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22-75.00%22%20cy%3D%22389.71%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%2275.00%22%20cy%3D%22389.71%22%20r%3D%22150%22%2F%3E%3Ccircle%20cx%3D%22225.00%22%20cy%3D%22389.71%22%20r%3D%22150%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } } @media print { body::before, body .landing-hero::before, body .page-hero::before, body .legal-hero::before, body .ev-head::before, body .profile-cover::before, body .coms-hero::before, body .lx-hero::before, body .login-main::before { display: none; } } /* ── Accent border (brand) ──────────────────────────────────── */ :root { --ab-hi: color-mix(in srgb, var(--c-brand-alt, #8b5cf6) 15%, #ffffff); --ab-1: color-mix(in srgb, var(--c-brand, #6366f1) 20%, #ffffff); --ab-2: color-mix(in srgb, var(--c-brand, #6366f1) 45%, #ffffff); --ab-3: var(--c-brand, #6366f1); --ab-4: var(--c-brand-strong, #4f46e5); --ab-ink: color-mix(in srgb, var(--c-brand-deep, #4338ca) 80%, #000000); --ab-w: 2.5; }