@obolnetwork/obol-ui 1.0.1

package/dist/index.js

@@ -0,0 +1,1002 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('@stitches/react');
+var TabsPrimitive = require('@radix-ui/react-tabs');
+var jsxRuntime = require('react/jsx-runtime');
+var Image = require('next/image');
+var react$1 = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+function _interopNamespace(e) {
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n["default"] = e;
+    return Object.freeze(n);
+}
+
+var TabsPrimitive__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive);
+var Image__default = /*#__PURE__*/_interopDefaultLegacy(Image);
+
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+var __assign = function() {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+var _a;
+var mediaQueryKeys = {
+    xs: "(max-width: 520px)",
+    sm: "(max-width: 900px)",
+    md: "(max-width: 1200px)",
+    lg: "(max-width: 1800px)",
+};
+// NOTE: since there is not sizes defined, spaces will be reuse on sizes definitions
+var spaces = {
+    1: "1px",
+    2: "2px",
+    "xxxs": "4px",
+    "xxs": "8px",
+    xs: "12px",
+    sm: "16px",
+    md: "20px",
+    lg: "24px",
+    xl: "32px",
+    "2xl": "40px",
+    "3xl": "48px",
+    "4xl": "64px",
+    "5xl": "80px",
+    "6xl": "96px",
+    "7xl": "120px",
+};
+var styled = (_a = react.createStitches({
+    theme: {
+        colors: {
+            white: "#fff",
+            black: "#000",
+            lightBackground: "#E1E1E1",
+            obolBlue: "#162A40",
+            // background
+            primaryBgDefault: "#CCE1E6",
+            primaryBgDefaultHover: "#EFF4F6",
+            primaryTextDefault: "#3B6F7D",
+            secondaryBgDefault: "rgba(255, 255, 255, 0.05)",
+            secondaryBgHover: "hsla(0, 0%, 100%, 0.1)",
+            grayBgDefault: "hsla(190, 42%, 9%, 0.05)",
+            gray2BgDefault: "hsla(190, 42%, 9%, 0.1)",
+            neutralDark: "#0D1D21",
+            navButtonBgDefault: "#132A2F",
+            navButtonBgHover: "#1A3A42",
+            cardBackgroundDark: "#25383C",
+            cardBackgroundLight: "hsla(150, 20%, 99%, 0.2)",
+            // text
+            textMiddle: "#ABB7BA",
+            textLight: "#DFEAED",
+            textTabHover: "#DFEAED66",
+            textTabInactive: "#DFEAED4D",
+            textGreenDark: "#16968E",
+            textGreenLight: "#DDFFEE",
+            textGreen1: "#18AF6B",
+            textGreen2: "#27CAA1",
+            textGreen3: "#9DBFC8",
+            textGreenHover: "#045062",
+            textCreateHover: "#067089",
+            textGrayHover: "#1F3337",
+            txButton: "#B7F6E2",
+            // new colors      
+            obolGreen: "#2FE4AB",
+            obolGreenHover: "#82EDCC",
+            obolGreenLight: "#B6EA5C",
+            obolDarkDark: "#16968E",
+            obolDisabled: "#1A292D",
+            linkButtonHover: '#A0F3D9',
+            //secondary
+            coordinate: "#9167E4",
+            coordinateHover: "#BB99FF",
+            test: "#DD603C",
+            testHover: "#E89C87",
+            create: "#3CD2DD",
+            createHover: "#85E3EA",
+            // type
+            light: "#D9EEF3",
+            body: "#9CC2C9",
+            muted: "#475E64",
+            menu: "#DAEEF3",
+            // backgrounds
+            bg01: "#091011",
+            bg02: "#111F22",
+            bg03: "#182D32",
+            bg04: "#243D42",
+            bg05: "#2D4D53",
+        },
+        space: __assign({}, spaces),
+        sizes: __assign({ max: "max-content", min: "min-content", full: "100%" }, spaces),
+        radii: {
+            1: "4px",
+            2: "6px",
+            3: "8px",
+            4: "12px",
+            5: "16px",
+            round: "50%",
+            pill: "9999px",
+        },
+        fontSizes: {
+            1: "11px",
+            2: "12px",
+            3: "15px",
+            4: "16px",
+            5: "18px",
+            6: "20px",
+            7: "21px",
+            8: "24px",
+            9: "32px",
+            10: "45px",
+        },
+        fontWeights: {
+            hairline: 100,
+            thin: 200,
+            light: 300,
+            normal: 400,
+            medium: 500,
+            semibold: 600,
+            bold: 700,
+            extrabold: 800,
+            black: 900,
+        },
+        lineHeights: {
+            normal: "normal",
+            none: 1,
+            shorter: 1.25,
+            short: 1.375,
+            base: 1.5,
+            tall: 1.625,
+            tall2: 1.75,
+            taller: "2",
+        },
+        letterSpacings: {
+            tighter: "-0.05em",
+            tight: "-0.025em",
+            normal: "0",
+            wide: "0.025em",
+            wider: "0.05em",
+            widest: "0.1em",
+        },
+        borderWidths: {},
+        borderStyles: {},
+        shadows: {},
+        zIndices: {},
+        transitions: {},
+    },
+    media: __assign(__assign({}, mediaQueryKeys), { motion: "(prefers-reduced-motion)", hover: "(any-hover: hover)", dark: "(prefers-color-scheme: dark)", light: "(prefers-color-scheme: light)" }),
+    utils: {
+        p: function (value) { return ({
+            padding: value,
+        }); },
+        pt: function (value) { return ({
+            paddingTop: value,
+        }); },
+        pr: function (value) { return ({
+            paddingRight: value,
+        }); },
+        pb: function (value) { return ({
+            paddingBottom: value,
+        }); },
+        pl: function (value) { return ({
+            paddingLeft: value,
+        }); },
+        px: function (value) { return ({
+            paddingLeft: value,
+            paddingRight: value,
+        }); },
+        py: function (value) { return ({
+            paddingTop: value,
+            paddingBottom: value,
+        }); },
+        m: function (value) { return ({
+            margin: value,
+        }); },
+        mt: function (value) { return ({
+            marginTop: value,
+        }); },
+        mr: function (value) { return ({
+            marginRight: value,
+        }); },
+        mb: function (value) { return ({
+            marginBottom: value,
+        }); },
+        ml: function (value) { return ({
+            marginLeft: value,
+        }); },
+        mx: function (value) { return ({
+            marginLeft: value,
+            marginRight: value,
+        }); },
+        my: function (value) { return ({
+            marginTop: value,
+            marginBottom: value,
+        }); },
+        ta: function (value) { return ({ textAlign: value }); },
+        fd: function (value) { return ({
+            flexDirection: value,
+        }); },
+        fw: function (value) { return ({ flexWrap: value }); },
+        ai: function (value) { return ({
+            alignItems: value,
+        }); },
+        ac: function (value) { return ({
+            alignContent: value,
+        }); },
+        jc: function (value) { return ({
+            justifyContent: value,
+        }); },
+        as: function (value) { return ({ alignSelf: value }); },
+        fg: function (value) { return ({ flexGrow: value }); },
+        fs: function (value) { return ({
+            flexShrink: value,
+        }); },
+        fb: function (value) { return ({ flexBasis: value }); },
+        bc: function (value) { return ({
+            backgroundColor: value,
+        }); },
+        br: function (value) { return ({
+            borderRadius: value,
+        }); },
+        btrr: function (value) { return ({
+            borderTopRightRadius: value,
+        }); },
+        bbrr: function (value) { return ({
+            borderBottomRightRadius: value,
+        }); },
+        bblr: function (value) { return ({
+            borderBottomLeftRadius: value,
+        }); },
+        btlr: function (value) { return ({
+            borderTopLeftRadius: value,
+        }); },
+        bs: function (value) { return ({ boxShadow: value }); },
+        lh: function (value) { return ({
+            lineHeight: value,
+        }); },
+        ox: function (value) { return ({ overflowX: value }); },
+        oy: function (value) { return ({ overflowY: value }); },
+        pe: function (value) { return ({
+            pointerEvents: value,
+        }); },
+        us: function (value) { return ({
+            WebkitUserSelect: value,
+            userSelect: value,
+        }); },
+        userSelect: function (value) { return ({
+            WebkitUserSelect: value,
+            userSelect: value,
+        }); },
+        size: function (value) { return ({
+            width: value,
+            height: value,
+        }); },
+        appearance: function (value) { return ({
+            WebkitAppearance: value,
+            appearance: value,
+        }); },
+        backgroundClip: function (value) { return ({
+            WebkitBackgroundClip: value,
+            backgroundClip: value,
+        }); },
+    },
+}), _a.styled), css = _a.css, globalCss = _a.globalCss, keyframes = _a.keyframes, getCssText = _a.getCssText, theme = _a.theme, createTheme = _a.createTheme, config = _a.config;
+globalCss({
+    "input, textarea": {
+        appearance: "none",
+        borderWidth: 0,
+        boxSizing: "border-box",
+        fontFamily: "inherit",
+        margin: "0",
+        outline: "none",
+        padding: "0",
+        WebkitTapHighlightColor: "rgba(0,0,0,0)",
+        "&::before": {
+            boxSizing: "border-box",
+        },
+        "&::after": {
+            boxSizing: "border-box",
+        },
+    },
+    button: {
+        all: "unset",
+        alignItems: "center",
+        boxSizing: "border-box",
+        userSelect: "none",
+        "&::before": {
+            boxSizing: "border-box",
+        },
+        "&::after": {
+            boxSizing: "border-box",
+        },
+    },
+    "div, hr": {
+        boxSizing: "border-box",
+    },
+    img: {
+        verticalAlign: "middle",
+        maxWidth: "100%",
+    },
+});
+
+var colors$1 = theme.colors;
+__assign({}, colors$1);
+var colorVariants$1 = Object.keys(colors$1).reduce(function (prev, curr) {
+    var _a;
+    return (__assign(__assign({}, prev), (_a = {}, _a[curr] = { $$color: "$colors$" + curr }, _a)));
+}, {});
+
+var SvgIcon = styled("svg", {
+    $$size: "1em",
+    $$color: "$colors$black",
+    lineHeight: "1em",
+    verticalAlign: "middle",
+    width: "$$size",
+    height: "$$size",
+    "& path": {
+        stroke: "$$color",
+        fill: "$$color",
+    },
+    variants: {
+        color: __assign({ inherit: {
+                $$color: "currentColor",
+            } }, colorVariants$1),
+        size: {
+            sm: {
+                $$size: "$space$sm",
+            },
+            md: {
+                $$size: "$space$md",
+            },
+            lg: {
+                $$size: "$space$lg",
+            },
+            xl: {
+                $$size: "$space$xl",
+            },
+        },
+    },
+    defaultVariants: {
+        size: "sm",
+        color: "inherit",
+    },
+});
+SvgIcon.defaultProps = {
+    viewBox: "0 0 16 16",
+    preserveAspectRatio: "none",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+};
+
+var Box = styled('div', {});
+
+function modifyVariantsForStory(component) {
+    return component;
+}
+
+var Button = styled("button", {
+    //reset
+    all: "unset",
+    alignItems: "center",
+    boxSizing: "border-box",
+    userSelect: "none",
+    "&::before": {
+        boxSizing: "border-box",
+    },
+    "&::after": {
+        boxSizing: "border-box",
+    },
+    px: "$lg",
+    py: "$xs",
+    display: "flex",
+    justifyContent: "center",
+    cursor: "pointer",
+    textAlign: "center",
+    borderRadius: "$3",
+    gap: "$xxs",
+    height: "$3xl",
+    fontWeight: "$bold",
+    fontSize: "$4",
+    lineHeight: "$base",
+    border: "2px solid transparent",
+    $$color: "$colors$bg01",
+    color: "$$color",
+    $$background: "transparent",
+    backgroundColor: "$$background",
+    "&:disabled": {
+        pointerEvents: "none",
+        color: "$bg04",
+        backgroundColor: "transparent",
+        border: "2px solid $bg04",
+        "& svg": {
+            "& path": {
+                fill: "$bg04",
+                stroke: "$bg04",
+            },
+        },
+    },
+    "& div": {
+        "&::after": {
+            background: "$$background",
+        },
+    },
+    variants: {
+        color: {
+            primary: {
+                $$background: "$colors$obolGreen",
+                "&:hover": {
+                    $$color: "$colors$textGreenHover",
+                    $$background: "$colors$obolGreenHover",
+                    "& svg": {
+                        "& path": {
+                            fill: "$textGreenHover",
+                            stroke: "$textGreenHover",
+                        },
+                    },
+                },
+            },
+            secondary: {
+                "& svg": {
+                    "& path": {
+                        fill: "$body",
+                        stroke: "$body",
+                    },
+                },
+                $$background: "$colors$bg03",
+                border: "2px solid $bg03",
+                color: "$body",
+                "&:hover": {
+                    $$background: "$colors$bg04",
+                    border: "2px solid $bg04",
+                },
+            },
+            create: {
+                $$background: "$colors$create",
+                "&:hover": {
+                    $$background: "$colors$createHover",
+                    $$color: "$colors$textCreateHover",
+                    "& svg": {
+                        "& path": {
+                            fill: "$textCreateHover",
+                            stroke: "$textCreateHover",
+                        },
+                    },
+                },
+            },
+            test: {
+                $$background: "$colors$test",
+                "&:hover": {
+                    $$background: "$colors$testHover",
+                    $$color: "$colors$textGrayHover",
+                    "& svg": {
+                        "& path": {
+                            fill: "$textGrayHover",
+                            stroke: "$textGrayHover",
+                        },
+                    },
+                },
+            },
+            coordinate: {
+                $$background: "$colors$coordinate",
+                "&:hover": {
+                    $$background: "$colors$coordinateHover",
+                    $$color: "$colors$textGrayHover",
+                    "& svg": {
+                        "& path": {
+                            fill: "$textGrayHover",
+                            stroke: "$textGrayHover",
+                        },
+                    },
+                },
+            },
+        },
+        ghost: {
+            true: {
+                $$background: "transparent",
+                color: "white",
+            },
+        },
+        fullWidth: {
+            true: {
+                width: "$full",
+            },
+        },
+        outlined: {
+            true: {
+                $$background: "transparent",
+                border: "1px solid",
+            },
+        },
+        variant: {
+            nav: {
+                borderRadius: "$3",
+                $$background: "$colors$navButtonBgDefault",
+                color: "$textMiddle",
+                "&:hover": {
+                    $$background: "$colors$navButtonBgHover",
+                    color: "$textLight",
+                },
+            },
+            tx: {
+                px: "$7xl",
+                py: "$xs",
+                height: "3xl",
+                fontSize: "$4",
+                fontWeight: "$bold",
+                $$background: "$colors$txButton",
+            },
+        },
+    },
+    defaultVariants: {
+        color: "primary",
+    },
+});
+var ButtonStory = modifyVariantsForStory(Button);
+
+var Link = styled("a", {
+    display: "flex",
+    gap: "$xxs",
+    alignItems: "center",
+    fontStyle: "$",
+    fontWeight: "$bold",
+    fontSize: "$4",
+    height: "$lg",
+    lineHeight: "$normal",
+    cursor: "pointer",
+    textDecoration: "none",
+    variants: {
+        variant: {
+            default: {
+                color: "$obolGreen",
+                "& svg": {
+                    "& path": {
+                        fill: "$obolGreen",
+                        stroke: "$obolGreen",
+                    },
+                },
+                "&:hover": {
+                    color: "$linkButtonHover",
+                    "& svg": {
+                        "& path": {
+                            fill: "$linkButtonHover",
+                            stroke: "$linkButtonHover",
+                        },
+                    },
+                },
+            },
+            docs: {
+                color: "$textMiddle",
+                "&:hover": {
+                    color: "$textLight",
+                },
+            },
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+var LinkStory = modifyVariantsForStory(Link);
+
+var colors = theme.colors;
+var colorVariants = Object.keys(colors).reduce(function (prev, curr) {
+    var _a;
+    return (__assign(__assign({}, prev), (_a = {}, _a[curr] = { $$color: "$colors$" + curr }, _a)));
+}, {});
+var Text = styled("span", {
+    // Reset
+    lineHeight: "1",
+    margin: "0",
+    fontWeight: 400,
+    fontVariantNumeric: "tabular-nums",
+    display: "block",
+    $$color: "$colors$black",
+    color: "$$color",
+    variants: {
+        size: {
+            1: { fontSize: "$1" },
+            2: { fontSize: "$2" },
+            3: { fontSize: "$3" },
+            4: { fontSize: "$4" },
+            5: { fontSize: "$5" },
+            6: { fontSize: "$6" },
+            7: { fontSize: "$7" },
+            8: { fontSize: "$8" },
+            9: { fontSize: "$9" },
+            10: { fontSize: "$10" },
+        },
+        color: __assign({}, colorVariants),
+        glow: {
+            true: {
+                textShadow: "0px 0px $$color, 0 0 30px $$color, 0 0 20px $$color;"
+            },
+        },
+        inline: {
+            true: {
+                display: 'inline'
+            }
+        }
+    },
+});
+var TextStory = modifyVariantsForStory(Text);
+
+var loading = keyframes({
+    "0%": {
+        transform: "rotate(0deg)",
+    },
+    "100%": {
+        transform: "rotate(360deg)",
+    },
+});
+var Spin = styled("div", {
+    $$color: "$colors$white",
+    $$size: "$space$2",
+    animation: "".concat(loading, " 1.4s infinite linear"),
+    background: "linear-gradient(to right, $bg04 10%, rgba(255, 255, 255, 0) 42%)",
+    borderRadius: "50%",
+    fontSize: "$$size",
+    height: "11em",
+    margin: "50px auto",
+    position: "relative",
+    textIndent: "-9999em",
+    transform: "translateZ(0)",
+    width: "11em",
+    "&::before": {
+        background: "$bg04",
+        borderRadius: "100% 0 0 0",
+        content: "",
+        height: "50%",
+        left: 0,
+        position: "absolute",
+        top: 0,
+        width: "50%",
+    },
+    "&::after": {
+        background: "$$color",
+        borderRadius: "50%",
+        bottom: 0,
+        content: "",
+        height: "75%",
+        left: 0,
+        margin: "auto",
+        position: "absolute",
+        right: 0,
+        top: 0,
+        width: "75%",
+    },
+    variants: {
+        color: __assign({}, colorVariants$1),
+        size: {
+            sm: {
+                $$size: "$space$2",
+            },
+            md: {
+                $$size: "$space$xxxs",
+            },
+            lg: {
+                $$size: "$space$xxs",
+            },
+            xl: {
+                $$size: "$space$xs",
+            },
+        },
+    },
+});
+
+var StyledTabs = styled(TabsPrimitive__namespace.Root, {
+    display: 'flex',
+    flexDirection: 'column',
+});
+var StyledList = styled(TabsPrimitive__namespace.List, {
+    flexShrink: 0,
+    display: 'flex',
+});
+var StyledTrigger = styled(TabsPrimitive__namespace.Trigger, {
+    all: "unset",
+    fontFamily: "inherit",
+    padding: "0 20px",
+    height: 45,
+    flex: 1,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    color: "$textTabInactive",
+    userSelect: "none",
+    textTransform: "uppercase",
+    fontWeight: "700",
+    fontSize: "14px",
+    lineHeight: "24px",
+    letterSpacing: "0.08em",
+    cursor: 'pointer',
+    "&:hover": { color: "$textTabHover" },
+    '&[data-state="active"]': {
+        color: "$textLight",
+        boxShadow: "inset 0 -2px 0 0 currentColor"
+    }
+});
+var StyledContent = styled(TabsPrimitive__namespace.Content, {
+    flexGrow: 1,
+});
+// Exports
+var Tabs = StyledTabs;
+var TabsList = StyledList;
+var TabsTrigger = StyledTrigger;
+var TabsContent = StyledContent;
+
+var Tabs$1 = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    Tabs: Tabs,
+    TabsList: TabsList,
+    TabsTrigger: TabsTrigger,
+    TabsContent: TabsContent
+});
+
+var ArrowForward = function (props) { return (jsxRuntime.jsx(SvgIcon, __assign({}, props, { children: jsxRuntime.jsx("path", { d: "M9.99992 3.3335L9.05992 4.2735L12.1133 7.3335H1.33325V8.66683H12.1133L9.05325 11.7268L9.99992 12.6668L14.6666 8.00016L9.99992 3.3335Z", stroke: "currentColor", fill: "currentColor" }) }))); };
+
+var Download = function (props) { return (jsxRuntime.jsx(SvgIcon, __assign({ width: "24", height: "24", viewBox: "0 0 24 24" }, props, { children: jsxRuntime.jsx("path", { d: "M18 15V18H6V15H4V18C4 19.1 4.9 20 6 20H18C19.1 20 20 19.1 20 18V15H18ZM17 11L15.59 9.59L13 12.17V4H11V12.17L8.41 9.59L7 11L12 16L17 11Z", stroke: "currentColor", fill: "currentColor" }) }))); };
+
+var OpenInNew = function (props) { return (jsxRuntime.jsx(SvgIcon, __assign({}, props, { children: jsxRuntime.jsx("path", { d: "M12.6667 12.6667H3.33333V3.33333H8V2H3.33333C2.59333 2 2 2.6 2 3.33333V12.6667C2 13.4 2.59333 14 3.33333 14H12.6667C13.4 14 14 13.4 14 12.6667V8H12.6667V12.6667ZM9.33333 2V3.33333H11.7267L5.17333 9.88667L6.11333 10.8267L12.6667 4.27333V6.66667H14V2H9.33333Z", fill: "currentColor" }) }))); };
+
+//SVGProps<SVGSVGElement>
+var ObolDarkCircle = function () { return (jsxRuntime.jsxs("svg", __assign({ width: "60", height: "60", viewBox: "0 0 60 60" }, { children: [jsxRuntime.jsxs("g", __assign({ clipPath: "url(#clip0_909_63994)" }, { children: [jsxRuntime.jsx("path", { d: "M30.0003 60.0006C46.569 60.0006 60.0006 46.569 60.0006 30.0003C60.0006 13.4316 46.569 0 30.0003 0C13.4316 0 0 13.4316 0 30.0003C0 46.569 13.4316 60.0006 30.0003 60.0006Z", fill: "#192D31" }), jsxRuntime.jsx("path", { d: "M38.4948 42C35.5132 42 32.4696 40.8693 29.413 38.6215C27.118 36.935 25.2622 35.4172 23.6223 34.0781L23.4697 33.954L22.5982 34.774C20.0018 37.2166 17.8923 38.73 15.4032 38.73C11.7896 38.73 8.62012 35.7739 8.62012 32.4034C8.62012 28.8307 12.0315 26.06 14.9635 26.06C18.0319 26.06 20.3845 27.4817 23.3097 29.7716C27.4095 25.9242 31.4846 22.2027 34.5717 20.1484C38.5332 17.5154 44.6248 16.8641 48.6 20.714C53.1062 25.0794 51.447 33.4826 48.3724 37.1254C47.2249 38.4856 44.7507 40.8897 41.0781 41.7122C40.2303 41.9031 39.3639 41.9997 38.4948 42ZM25.787 31.7726C27.3581 33.0571 29.1363 34.498 31.2831 36.079C34.0432 38.1091 36.4727 38.8392 38.5401 38.8392C42.2436 38.8392 44.778 36.494 45.9627 35.091C49.2854 31.1542 48.5218 25.031 46.4061 22.9817C43.3049 19.9759 38.674 21.2121 36.3202 22.777C33.5104 24.6434 29.6822 28.1261 25.787 31.7726ZM14.9629 29.2153C13.558 29.2153 11.7754 30.7163 11.7754 32.4034C11.7754 34.0328 13.5381 35.5735 15.4026 35.5735C16.6537 35.5735 18.0654 34.7052 20.436 32.4722L20.9825 31.958C18.7092 30.2151 16.9632 29.2153 14.9629 29.2153Z", fill: "#2FE4AB" }), jsxRuntime.jsx("path", { opacity: "0.92", d: "M20.4364 32.4747C18.0657 34.7045 16.6528 35.576 15.403 35.576C15.095 35.5741 14.7885 35.5324 14.4912 35.4519V38.6654C14.7934 38.707 15.098 38.7278 15.403 38.7275C17.8927 38.7275 20.0022 37.214 22.598 34.7715L23.4694 33.9515L20.9822 31.9586L20.4364 32.4747Z", fill: "url(#paint0_linear_909_63994)" }), jsxRuntime.jsx("g", __assign({ opacity: "0.92" }, { children: jsxRuntime.jsx("path", { opacity: "0.92", d: "M23 29.9552L25.481 31.9562C27.2457 30.3032 28.9973 28.6837 30.6465 27.2329L28.4136 25C26.6701 26.5351 24.8378 28.234 23 29.9552Z", fill: "url(#paint1_linear_909_63994)" }) }))] })), jsxRuntime.jsxs("defs", { children: [jsxRuntime.jsxs("linearGradient", __assign({ id: "paint0_linear_909_63994", x1: "21.4251", y1: "32.2588", x2: "16.4332", y2: "37.25", gradientUnits: "userSpaceOnUse" }, { children: [jsxRuntime.jsx("stop", { stopColor: "#0F7C76" }), jsxRuntime.jsx("stop", { offset: "1", stopColor: "#2FE4AB" })] })), jsxRuntime.jsxs("linearGradient", __assign({ id: "paint1_linear_909_63994", x1: "24.3739", y1: "31.0456", x2: "29.2999", y2: "26.1196", gradientUnits: "userSpaceOnUse" }, { children: [jsxRuntime.jsx("stop", { stopColor: "#0F7C76" }), jsxRuntime.jsx("stop", { offset: "1", stopColor: "#2FE4AB" })] })), jsxRuntime.jsx("clipPath", __assign({ id: "clip0_909_63994" }, { children: jsxRuntime.jsx("rect", { width: "60", height: "60", fill: "white" }) }))] })] }))); };
+
+var ObolLightCircle = function () { return (jsxRuntime.jsxs("svg", __assign({ width: "60", height: "60", viewBox: "0 0 60 60" }, { children: [jsxRuntime.jsxs("g", __assign({ clipPath: "url(#clip0_909_63995)" }, { children: [jsxRuntime.jsx("path", { d: "M30.0003 60.0006C46.569 60.0006 60.0006 46.569 60.0006 30.0003C60.0006 13.4316 46.569 0 30.0003 0C13.4316 0 0 13.4316 0 30.0003C0 46.569 13.4316 60.0006 30.0003 60.0006Z", fill: "#F4F3EC" }), jsxRuntime.jsx("path", { d: "M38.4946 42C35.5133 42 32.4693 40.8691 29.4148 38.6186C27.1179 36.9347 25.2625 35.4149 23.6225 34.078L23.4703 33.9528L22.5986 34.7731C20.0018 37.2153 17.8922 38.7288 15.403 38.7288C11.7893 38.7288 8.62012 35.7725 8.62012 32.4042C8.62012 28.8349 12.0297 26.0609 14.9635 26.0609C18.0318 26.0609 20.3838 27.483 23.3094 29.7729C27.4097 25.9262 31.4849 22.2023 34.5696 20.149C38.5315 17.5152 44.6225 16.8646 48.5963 20.7125C53.1049 25.0777 51.4436 33.4806 48.369 37.1238C47.2212 38.4833 44.7477 40.8873 41.0745 41.7101C40.2278 41.9015 39.3626 41.9987 38.4946 42ZM25.7891 31.773C27.3577 33.0542 29.133 34.4976 31.2827 36.0787C34.043 38.1088 36.4726 38.839 38.5378 38.839C42.2417 38.839 44.7759 36.4939 45.9607 35.0906C49.2851 31.1568 48.5199 25.0314 46.4046 22.9819C43.3018 19.9761 38.6737 21.2122 36.3192 22.7771C33.5101 24.6444 29.6853 28.1261 25.7891 31.773ZM14.9635 29.2156C13.5583 29.2156 11.7761 30.7185 11.7761 32.403C11.7761 34.0311 13.5389 35.574 15.4037 35.574C16.6561 35.574 18.0662 34.7048 20.437 32.475L20.9831 31.9609C18.7093 30.2175 16.9635 29.2156 14.9635 29.2156Z", fill: "#0F7C76" }), jsxRuntime.jsx("path", { opacity: "0.92", d: "M20.4363 32.475C18.0649 34.7049 16.6541 35.5741 15.4029 35.5741C15.0951 35.5728 14.7887 35.5319 14.4912 35.4526V38.6662C14.7933 38.7079 15.098 38.7289 15.4029 38.7288C17.8921 38.7288 20.0017 37.2153 22.5985 34.7732L23.4702 33.9529L20.9811 31.9609L20.4363 32.475Z", fill: "url(#paint0_linear_909_63995)" }), jsxRuntime.jsx("g", __assign({ opacity: "0.92" }, { children: jsxRuntime.jsx("path", { opacity: "0.92", d: "M23.3096 29.7717L25.7893 31.7755C27.5545 30.1218 29.306 28.5031 30.9554 27.0522L28.7199 24.8167C26.9791 26.3496 25.1468 28.0484 23.3096 29.7717Z", fill: "url(#paint1_linear_909_63995)" }) }))] })), jsxRuntime.jsxs("defs", { children: [jsxRuntime.jsxs("linearGradient", __assign({ id: "paint0_linear_909_63995", x1: "21.4244", y1: "32.2584", x2: "16.433", y2: "37.2504", gradientUnits: "userSpaceOnUse" }, { children: [jsxRuntime.jsx("stop", { stopColor: "#192D31" }), jsxRuntime.jsx("stop", { offset: "1", stopColor: "#0F7C76" })] })), jsxRuntime.jsxs("linearGradient", __assign({ id: "paint1_linear_909_63995", x1: "24.6828", y1: "30.86", x2: "29.6091", y2: "25.9344", gradientUnits: "userSpaceOnUse" }, { children: [jsxRuntime.jsx("stop", { stopColor: "#192D31" }), jsxRuntime.jsx("stop", { offset: "1", stopColor: "#0F7C76" })] })), jsxRuntime.jsx("clipPath", __assign({ id: "clip0_909_63995" }, { children: jsxRuntime.jsx("rect", { width: "60", height: "60", fill: "white" }) }))] })] }))); };
+
+var ObolDarkBgH = function () { return (jsxRuntime.jsxs("svg", __assign({ width: "103", height: "24", viewBox: "0 0 103 24" }, { children: [jsxRuntime.jsx("path", { d: "M59.7624 20.7413C58.0583 20.7413 56.5696 20.3681 55.2963 19.6217C54.0305 18.8843 52.9941 17.8102 52.3024 16.5188C51.5806 15.1963 51.2197 13.6669 51.2197 11.9306C51.2197 10.1943 51.5806 8.66514 52.3024 7.34301C52.9937 6.05181 54.0294 4.97754 55.2945 4.23953C56.5682 3.49351 58.0569 3.12029 59.7606 3.11987C61.448 3.11987 62.9327 3.49309 64.2148 4.23953C65.4837 4.973 66.5209 6.0484 67.208 7.34301C67.9219 8.66556 68.279 10.1948 68.2795 11.9306C68.2799 13.6664 67.9227 15.1958 67.208 16.5188C66.5211 17.8134 65.4838 18.8886 64.2148 19.6217C62.9344 20.3681 61.4503 20.7413 59.7624 20.7413ZM59.7624 17.9422C61.3847 17.9422 62.6789 17.4068 63.6449 16.336C64.6109 15.2651 65.0937 13.7967 65.0933 11.9306C65.0933 10.0649 64.6105 8.59647 63.6449 7.52524C62.6793 6.45401 61.3851 5.9186 59.7624 5.91902C58.1401 5.91902 56.842 6.45442 55.8681 7.52524C54.8941 8.59605 54.4073 10.0645 54.4077 11.9306C54.4077 13.7967 54.8945 15.2651 55.8681 16.336C56.8416 17.4068 58.1397 17.9422 59.7624 17.9422Z", fill: "#F4F3EC" }), jsxRuntime.jsx("path", { d: "M77.4242 20.7413C76.5158 20.7413 75.7207 20.5709 75.039 20.2303C74.3725 19.9026 73.8023 19.4079 73.3839 18.7944L73.0433 20.4494H70.2686V2.92505H73.3839V10.1051C73.805 9.54093 74.3294 9.06193 74.9294 8.69367C75.5707 8.28788 76.4023 8.08499 77.4242 8.08499C78.5602 8.08499 79.5744 8.36094 80.467 8.91284C81.3607 9.46639 82.0913 10.2474 82.5842 11.1759C83.1031 12.1332 83.3627 13.2203 83.3632 14.4372C83.3636 15.6542 83.1039 16.7373 82.5842 17.6866C82.0909 18.6084 81.3601 19.3816 80.4676 19.9259C79.5742 20.4695 78.5597 20.7413 77.4242 20.7413ZM76.7673 18.0154C77.7567 18.0154 78.5762 17.6827 79.2258 17.0172C79.8754 16.3518 80.1998 15.4918 80.1989 14.4372C80.1989 13.3827 79.8746 12.5148 79.2258 11.8335C78.5771 11.1522 77.7576 10.8113 76.7673 10.8109C75.7608 10.8109 74.9373 11.1476 74.2969 11.8209C73.6565 12.4943 73.3361 13.3585 73.3357 14.4134C73.3357 15.468 73.6561 16.3319 74.2969 17.0053C74.9378 17.6787 75.7612 18.0154 76.7673 18.0154Z", fill: "#F4F3EC" }), jsxRuntime.jsx("path", { d: "M91.042 20.7412C89.8731 20.7412 88.8225 20.4734 87.8903 19.9378C86.9642 19.4095 86.1987 18.6399 85.6754 17.711C85.1327 16.7617 84.8613 15.6625 84.8613 14.4134C84.8613 13.1643 85.1371 12.0649 85.6885 11.1152C86.2189 10.1874 86.988 9.41848 87.916 8.88838C88.849 8.35277 89.8996 8.08496 91.0677 8.08496C92.2199 8.08496 93.2636 8.35277 94.1987 8.88838C95.1245 9.41705 95.8899 10.1865 96.4136 11.1152C96.9563 12.0645 97.2277 13.1639 97.2277 14.4134C97.2277 15.6629 96.9563 16.7621 96.4136 17.711C95.8865 18.6428 95.1147 19.4128 94.1818 19.9378C93.2408 20.4738 92.1942 20.7416 91.042 20.7412ZM91.042 18.0398C91.8536 18.0398 92.5595 17.7354 93.1598 17.1268C93.7601 16.5181 94.0603 15.6136 94.0603 14.4134C94.0603 13.2123 93.7601 12.3077 93.1598 11.6994C92.5595 11.0912 91.8617 10.7868 91.0664 10.7864C90.239 10.7864 89.5293 11.0908 88.9373 11.6994C88.3453 12.3081 88.0493 13.2128 88.0493 14.4134C88.0493 15.6141 88.3453 16.5185 88.9373 17.1268C89.5293 17.735 90.2308 18.0394 91.042 18.0398Z", fill: "#F4F3EC" }), jsxRuntime.jsx("path", { d: "M99.1289 20.4494V2.92505H102.244V20.4494H99.1289Z", fill: "#F4F3EC" }), jsxRuntime.jsx("path", { d: "M29.8751 24C26.8937 24 23.8503 22.8691 20.7951 20.6185C18.5019 18.9328 16.6439 17.4148 15.0039 16.0754L14.8517 15.9501L13.9801 16.7705C11.3832 19.2127 9.27412 20.7262 6.78432 20.7262C3.16986 20.7275 0 17.773 0 14.4028C0 10.8334 3.4097 8.0593 6.34347 8.0593C9.41189 8.0593 11.7639 9.48079 14.6896 11.7715C18.79 7.92592 22.8653 4.19999 25.9519 2.14854C29.9139 -0.48466 36.005 -1.13592 39.9789 2.71212C44.4876 7.07741 42.8263 15.4811 39.7516 19.1238C38.6038 20.4832 36.1303 22.8879 32.4569 23.7101C31.6096 23.9016 30.7437 23.9989 29.8751 24ZM17.17 13.7728C18.7386 15.054 20.5133 16.4974 22.6637 18.0792C25.4234 20.1088 27.8531 20.8389 29.9189 20.8389C33.6223 20.8389 36.1566 18.4938 37.3413 17.0905C40.664 13.1547 39.9006 7.03107 37.7847 4.9815C34.6812 1.97571 30.0529 3.21246 27.699 4.77673C24.8911 6.64282 21.0631 10.1258 17.17 13.7728ZM6.34347 11.2154C4.93827 11.2154 3.15546 12.7183 3.15546 14.4034C3.15546 16.0315 4.91885 17.5739 6.78307 17.5739C8.03549 17.5739 9.4457 16.7047 11.8165 14.4748L12.3632 13.9607C10.0894 12.2148 8.34358 11.2154 6.34347 11.2154Z", fill: "#2FE4AB" }), jsxRuntime.jsx("path", { opacity: "0.92", d: "M11.8163 14.4747C9.44548 16.7047 8.03401 17.5738 6.78285 17.5738C6.47496 17.5728 6.1685 17.532 5.87109 17.4523V20.6648C6.17322 20.7065 6.47786 20.7274 6.78285 20.7274C9.27265 20.7274 11.3817 19.2139 13.9786 16.7717L14.8503 15.9513L12.363 13.9587L11.8163 14.4747Z", fill: "url(#paint0_linear_906_3906)" }), jsxRuntime.jsx("g", __assign({ opacity: "0.92" }, { children: jsxRuntime.jsx("path", { opacity: "0.92", d: "M14.6895 11.7727L17.1699 13.7734C18.9345 12.1196 20.686 10.5008 22.3354 9.04991L20.1011 6.81372C18.359 8.34918 16.5274 10.0481 14.6895 11.7727Z", fill: "url(#paint1_linear_906_3906)" }) })), jsxRuntime.jsxs("defs", { children: [jsxRuntime.jsxs("linearGradient", __assign({ id: "paint0_linear_906_3906", x1: "12.8051", y1: "14.2587", x2: "7.81296", y2: "19.2502", gradientUnits: "userSpaceOnUse" }, { children: [jsxRuntime.jsx("stop", { stopColor: "#0F7C76" }), jsxRuntime.jsx("stop", { offset: "1", stopColor: "#2FE4AB" })] })), jsxRuntime.jsxs("linearGradient", __assign({ id: "paint1_linear_906_3906", x1: "16.0633", y1: "12.8604", x2: "20.9891", y2: "7.93401", gradientUnits: "userSpaceOnUse" }, { children: [jsxRuntime.jsx("stop", { stopColor: "#0F7C76" }), jsxRuntime.jsx("stop", { offset: "1", stopColor: "#2FE4AB" })] }))] })] }))); };
+
+var ObolLightBgH = function () { return (jsxRuntime.jsxs("svg", __assign({ width: "103", height: "24", viewBox: "0 0 103 24" }, { children: [jsxRuntime.jsx("path", { d: "M59.7624 20.7413C58.0583 20.7413 56.5696 20.3681 55.2963 19.6217C54.0305 18.8843 52.9941 17.8102 52.3024 16.5188C51.5806 15.1963 51.2197 13.6669 51.2197 11.9306C51.2197 10.1943 51.5806 8.66514 52.3024 7.34301C52.9937 6.05181 54.0294 4.97754 55.2945 4.23953C56.5682 3.49351 58.0569 3.12029 59.7606 3.11987C61.448 3.11987 62.9327 3.49309 64.2148 4.23953C65.4837 4.973 66.5209 6.0484 67.208 7.34301C67.9219 8.66556 68.279 10.1948 68.2795 11.9306C68.2799 13.6664 67.9227 15.1958 67.208 16.5188C66.5211 17.8134 65.4838 18.8886 64.2148 19.6217C62.9344 20.3681 61.4503 20.7413 59.7624 20.7413ZM59.7624 17.9422C61.3847 17.9422 62.6789 17.4068 63.6449 16.336C64.6109 15.2651 65.0937 13.7967 65.0933 11.9306C65.0933 10.0649 64.6105 8.59647 63.6449 7.52524C62.6793 6.45401 61.3851 5.9186 59.7624 5.91902C58.1401 5.91902 56.842 6.45442 55.8681 7.52524C54.8941 8.59605 54.4073 10.0645 54.4077 11.9306C54.4077 13.7967 54.8945 15.2651 55.8681 16.336C56.8416 17.4068 58.1397 17.9422 59.7624 17.9422Z", fill: "#192D31" }), jsxRuntime.jsx("path", { d: "M77.4242 20.7413C76.5158 20.7413 75.7207 20.5709 75.039 20.2303C74.3725 19.9026 73.8023 19.4079 73.3839 18.7944L73.0433 20.4494H70.2686V2.92505H73.3839V10.1051C73.805 9.54093 74.3294 9.06193 74.9294 8.69367C75.5707 8.28788 76.4023 8.08499 77.4242 8.08499C78.5602 8.08499 79.5744 8.36094 80.467 8.91284C81.3607 9.46639 82.0913 10.2474 82.5842 11.1759C83.1031 12.1332 83.3627 13.2203 83.3632 14.4372C83.3636 15.6542 83.1039 16.7373 82.5842 17.6866C82.0909 18.6084 81.3601 19.3816 80.4676 19.9259C79.5742 20.4695 78.5597 20.7413 77.4242 20.7413ZM76.7673 18.0154C77.7567 18.0154 78.5762 17.6827 79.2258 17.0172C79.8754 16.3518 80.1998 15.4918 80.1989 14.4372C80.1989 13.3827 79.8746 12.5148 79.2258 11.8335C78.5771 11.1522 77.7576 10.8113 76.7673 10.8109C75.7608 10.8109 74.9373 11.1476 74.2969 11.8209C73.6565 12.4943 73.3361 13.3585 73.3357 14.4134C73.3357 15.468 73.6561 16.3319 74.2969 17.0053C74.9378 17.6787 75.7612 18.0154 76.7673 18.0154Z", fill: "#192D31" }), jsxRuntime.jsx("path", { d: "M91.042 20.7412C89.8731 20.7412 88.8225 20.4734 87.8903 19.9378C86.9642 19.4095 86.1987 18.6399 85.6754 17.711C85.1327 16.7617 84.8613 15.6625 84.8613 14.4134C84.8613 13.1643 85.1371 12.0649 85.6885 11.1152C86.2189 10.1874 86.988 9.41848 87.916 8.88838C88.849 8.35277 89.8996 8.08496 91.0677 8.08496C92.2199 8.08496 93.2636 8.35277 94.1987 8.88838C95.1245 9.41705 95.8899 10.1865 96.4136 11.1152C96.9563 12.0645 97.2277 13.1639 97.2277 14.4134C97.2277 15.6629 96.9563 16.7621 96.4136 17.711C95.8865 18.6428 95.1147 19.4128 94.1818 19.9378C93.2408 20.4738 92.1942 20.7416 91.042 20.7412ZM91.042 18.0398C91.8536 18.0398 92.5595 17.7354 93.1598 17.1268C93.7601 16.5181 94.0603 15.6136 94.0603 14.4134C94.0603 13.2123 93.7601 12.3077 93.1598 11.6994C92.5595 11.0912 91.8617 10.7868 91.0664 10.7864C90.239 10.7864 89.5293 11.0908 88.9373 11.6994C88.3453 12.3081 88.0493 13.2128 88.0493 14.4134C88.0493 15.6141 88.3453 16.5185 88.9373 17.1268C89.5293 17.735 90.2308 18.0394 91.042 18.0398Z", fill: "#192D31" }), jsxRuntime.jsx("path", { d: "M99.1289 20.4494V2.92505H102.244V20.4494H99.1289Z", fill: "#192D31" }), jsxRuntime.jsx("path", { d: "M29.8751 24C26.8937 24 23.8503 22.8691 20.7951 20.6185C18.5019 18.9328 16.6439 17.4148 15.0039 16.0754L14.8517 15.9501L13.9801 16.7705C11.3832 19.2127 9.27412 20.7262 6.78432 20.7262C3.16986 20.7275 0 17.773 0 14.4028C0 10.8334 3.4097 8.0593 6.34347 8.0593C9.41189 8.0593 11.7639 9.48079 14.6896 11.7715C18.79 7.92592 22.8653 4.19999 25.9519 2.14854C29.9139 -0.48466 36.005 -1.13592 39.9789 2.71212C44.4876 7.07741 42.8263 15.4811 39.7516 19.1238C38.6038 20.4832 36.1303 22.8879 32.4569 23.7101C31.6096 23.9016 30.7437 23.9989 29.8751 24ZM17.17 13.7728C18.7386 15.054 20.5133 16.4974 22.6637 18.0792C25.4234 20.1088 27.8531 20.8389 29.9189 20.8389C33.6223 20.8389 36.1566 18.4938 37.3413 17.0905C40.664 13.1547 39.9006 7.03107 37.7847 4.9815C34.6812 1.97571 30.0529 3.21246 27.699 4.77673C24.8911 6.64282 21.0631 10.1258 17.17 13.7728ZM6.34347 11.2154C4.93827 11.2154 3.15546 12.7183 3.15546 14.4034C3.15546 16.0315 4.91885 17.5739 6.78307 17.5739C8.03549 17.5739 9.4457 16.7047 11.8165 14.4748L12.3632 13.9607C10.0894 12.2148 8.34358 11.2154 6.34347 11.2154Z", fill: "#0F7C76" }), jsxRuntime.jsx("path", { opacity: "0.92", d: "M11.8163 14.4747C9.44548 16.7047 8.03401 17.5738 6.78285 17.5738C6.47496 17.5728 6.1685 17.532 5.87109 17.4523V20.6648C6.17322 20.7065 6.47786 20.7274 6.78285 20.7274C9.27265 20.7274 11.3817 19.2139 13.9786 16.7717L14.8503 15.9513L12.363 13.9587L11.8163 14.4747Z", fill: "url(#paint0_linear_906_3917)" }), jsxRuntime.jsx("g", __assign({ opacity: "0.92" }, { children: jsxRuntime.jsx("path", { opacity: "0.92", d: "M14.6895 11.7727L17.1699 13.7734C18.9345 12.1196 20.686 10.5008 22.3354 9.04991L20.1011 6.81372C18.359 8.34918 16.5274 10.0481 14.6895 11.7727Z", fill: "url(#paint1_linear_906_3917)" }) })), jsxRuntime.jsxs("defs", { children: [jsxRuntime.jsxs("linearGradient", __assign({ id: "paint0_linear_906_3917", x1: "12.8051", y1: "14.2587", x2: "7.81296", y2: "19.2502", gradientUnits: "userSpaceOnUse" }, { children: [jsxRuntime.jsx("stop", { stopColor: "#192D31" }), jsxRuntime.jsx("stop", { offset: "1", stopColor: "#0F7C76" })] })), jsxRuntime.jsxs("linearGradient", __assign({ id: "paint1_linear_906_3917", x1: "16.0633", y1: "12.8604", x2: "20.9891", y2: "7.93401", gradientUnits: "userSpaceOnUse" }, { children: [jsxRuntime.jsx("stop", { stopColor: "#192D31" }), jsxRuntime.jsx("stop", { offset: "1", stopColor: "#0F7C76" })] }))] })] }))); };
+
+var ObolSolidDarkBgH = function () { return (jsxRuntime.jsxs("svg", __assign({ width: "103", height: "24", viewBox: "0 0 103 24" }, { children: [jsxRuntime.jsx("path", { d: "M59.7624 20.7413C58.0583 20.7413 56.5696 20.3681 55.2963 19.6217C54.0305 18.8843 52.9941 17.8102 52.3024 16.5188C51.5806 15.1963 51.2197 13.6669 51.2197 11.9306C51.2197 10.1943 51.5806 8.66514 52.3024 7.34301C52.9937 6.05181 54.0294 4.97754 55.2945 4.23953C56.5682 3.49351 58.0569 3.12029 59.7606 3.11987C61.448 3.11987 62.9327 3.49309 64.2148 4.23953C65.4837 4.973 66.5209 6.0484 67.208 7.34301C67.9219 8.66556 68.279 10.1948 68.2795 11.9306C68.2799 13.6664 67.9227 15.1958 67.208 16.5188C66.5211 17.8134 65.4838 18.8886 64.2148 19.6217C62.9344 20.3681 61.4503 20.7413 59.7624 20.7413ZM59.7624 17.9422C61.3847 17.9422 62.6789 17.4068 63.6449 16.336C64.6109 15.2651 65.0937 13.7967 65.0933 11.9306C65.0933 10.0649 64.6105 8.59647 63.6449 7.52524C62.6793 6.45401 61.3851 5.9186 59.7624 5.91902C58.1401 5.91902 56.842 6.45442 55.8681 7.52524C54.8941 8.59605 54.4073 10.0645 54.4077 11.9306C54.4077 13.7967 54.8945 15.2651 55.8681 16.336C56.8416 17.4068 58.1397 17.9422 59.7624 17.9422Z", fill: "#F4F3EC" }), jsxRuntime.jsx("path", { d: "M77.4242 20.7413C76.5158 20.7413 75.7207 20.5709 75.039 20.2303C74.3725 19.9026 73.8023 19.4079 73.3839 18.7944L73.0433 20.4494H70.2686V2.92505H73.3839V10.1051C73.805 9.54093 74.3294 9.06193 74.9294 8.69367C75.5707 8.28788 76.4023 8.08499 77.4242 8.08499C78.5602 8.08499 79.5744 8.36094 80.467 8.91284C81.3607 9.46639 82.0913 10.2474 82.5842 11.1759C83.1031 12.1332 83.3627 13.2203 83.3632 14.4372C83.3636 15.6542 83.1039 16.7373 82.5842 17.6866C82.0909 18.6084 81.3601 19.3816 80.4676 19.9259C79.5742 20.4695 78.5597 20.7413 77.4242 20.7413ZM76.7673 18.0154C77.7567 18.0154 78.5762 17.6827 79.2258 17.0172C79.8754 16.3518 80.1998 15.4918 80.1989 14.4372C80.1989 13.3827 79.8746 12.5148 79.2258 11.8335C78.5771 11.1522 77.7576 10.8113 76.7673 10.8109C75.7608 10.8109 74.9373 11.1476 74.2969 11.8209C73.6565 12.4943 73.3361 13.3585 73.3357 14.4134C73.3357 15.468 73.6561 16.3319 74.2969 17.0053C74.9378 17.6787 75.7612 18.0154 76.7673 18.0154Z", fill: "#F4F3EC" }), jsxRuntime.jsx("path", { d: "M91.042 20.7412C89.8731 20.7412 88.8225 20.4734 87.8903 19.9378C86.9642 19.4095 86.1987 18.6399 85.6754 17.711C85.1327 16.7617 84.8613 15.6625 84.8613 14.4134C84.8613 13.1643 85.1371 12.0649 85.6885 11.1152C86.2189 10.1874 86.988 9.41848 87.916 8.88838C88.849 8.35277 89.8996 8.08496 91.0677 8.08496C92.2199 8.08496 93.2636 8.35277 94.1987 8.88838C95.1245 9.41705 95.8899 10.1865 96.4136 11.1152C96.9563 12.0645 97.2277 13.1639 97.2277 14.4134C97.2277 15.6629 96.9563 16.7621 96.4136 17.711C95.8865 18.6428 95.1147 19.4128 94.1818 19.9378C93.2408 20.4738 92.1942 20.7416 91.042 20.7412ZM91.042 18.0398C91.8536 18.0398 92.5595 17.7354 93.1598 17.1268C93.7601 16.5181 94.0603 15.6136 94.0603 14.4134C94.0603 13.2123 93.7601 12.3077 93.1598 11.6994C92.5595 11.0912 91.8617 10.7868 91.0664 10.7864C90.239 10.7864 89.5293 11.0908 88.9373 11.6994C88.3453 12.3081 88.0493 13.2128 88.0493 14.4134C88.0493 15.6141 88.3453 16.5185 88.9373 17.1268C89.5293 17.735 90.2308 18.0394 91.042 18.0398Z", fill: "#F4F3EC" }), jsxRuntime.jsx("path", { d: "M99.1289 20.4494V2.92505H102.244V20.4494H99.1289Z", fill: "#F4F3EC" }), jsxRuntime.jsx("path", { d: "M29.8751 24C26.8937 24 23.8503 22.8691 20.7951 20.6185C18.5019 18.9328 16.6439 17.4148 15.0039 16.0754L14.8517 15.9501L13.9801 16.7705C11.3832 19.2127 9.27412 20.7262 6.78432 20.7262C3.16986 20.7275 0 17.773 0 14.4028C0 10.8334 3.4097 8.0593 6.34347 8.0593C9.41189 8.0593 11.7639 9.48079 14.6896 11.7715C18.79 7.92592 22.8653 4.19999 25.9519 2.14854C29.9139 -0.48466 36.005 -1.13592 39.9789 2.71212C44.4876 7.07741 42.8263 15.4811 39.7516 19.1238C38.6038 20.4832 36.1303 22.8879 32.4569 23.7101C31.6096 23.9016 30.7437 23.9989 29.8751 24ZM17.17 13.7728C18.7386 15.054 20.5133 16.4974 22.6637 18.0792C25.4234 20.1088 27.8531 20.8389 29.9189 20.8389C33.6223 20.8389 36.1566 18.4938 37.3413 17.0905C40.664 13.1547 39.9006 7.03107 37.7847 4.9815C34.6812 1.97571 30.0529 3.21246 27.699 4.77673C24.8911 6.64282 21.0631 10.1258 17.17 13.7728ZM6.34347 11.2154C4.93827 11.2154 3.15546 12.7183 3.15546 14.4034C3.15546 16.0315 4.91885 17.5739 6.78307 17.5739C8.03549 17.5739 9.4457 16.7047 11.8165 14.4748L12.3632 13.9607C10.0894 12.2148 8.34358 11.2154 6.34347 11.2154Z", fill: "#F4F3EC" })] }))); };
+
+var ObolSolidLightBgH = function () { return (jsxRuntime.jsxs("svg", __assign({ width: "103", height: "24", viewBox: "0 0 103 24" }, { children: [jsxRuntime.jsx("path", { d: "M59.7624 20.7413C58.0583 20.7413 56.5696 20.3681 55.2963 19.6217C54.0305 18.8843 52.9941 17.8102 52.3024 16.5188C51.5806 15.1963 51.2197 13.6669 51.2197 11.9306C51.2197 10.1943 51.5806 8.66514 52.3024 7.34301C52.9937 6.05181 54.0294 4.97754 55.2945 4.23953C56.5682 3.49351 58.0569 3.12029 59.7606 3.11987C61.448 3.11987 62.9327 3.49309 64.2148 4.23953C65.4837 4.973 66.5209 6.0484 67.208 7.34301C67.9219 8.66556 68.279 10.1948 68.2795 11.9306C68.2799 13.6664 67.9227 15.1958 67.208 16.5188C66.5211 17.8134 65.4838 18.8886 64.2148 19.6217C62.9344 20.3681 61.4503 20.7413 59.7624 20.7413ZM59.7624 17.9422C61.3847 17.9422 62.6789 17.4068 63.6449 16.336C64.6109 15.2651 65.0937 13.7967 65.0933 11.9306C65.0933 10.0649 64.6105 8.59647 63.6449 7.52524C62.6793 6.45401 61.3851 5.9186 59.7624 5.91902C58.1401 5.91902 56.842 6.45442 55.8681 7.52524C54.8941 8.59605 54.4073 10.0645 54.4077 11.9306C54.4077 13.7967 54.8945 15.2651 55.8681 16.336C56.8416 17.4068 58.1397 17.9422 59.7624 17.9422Z", fill: "#192D31" }), jsxRuntime.jsx("path", { d: "M77.4242 20.7413C76.5158 20.7413 75.7207 20.5709 75.039 20.2303C74.3725 19.9026 73.8023 19.4079 73.3839 18.7944L73.0433 20.4494H70.2686V2.92505H73.3839V10.1051C73.805 9.54093 74.3294 9.06193 74.9294 8.69367C75.5707 8.28788 76.4023 8.08499 77.4242 8.08499C78.5602 8.08499 79.5744 8.36094 80.467 8.91284C81.3607 9.46639 82.0913 10.2474 82.5842 11.1759C83.1031 12.1332 83.3627 13.2203 83.3632 14.4372C83.3636 15.6542 83.1039 16.7373 82.5842 17.6866C82.0909 18.6084 81.3601 19.3816 80.4676 19.9259C79.5742 20.4695 78.5597 20.7413 77.4242 20.7413ZM76.7673 18.0154C77.7567 18.0154 78.5762 17.6827 79.2258 17.0172C79.8754 16.3518 80.1998 15.4918 80.1989 14.4372C80.1989 13.3827 79.8746 12.5148 79.2258 11.8335C78.5771 11.1522 77.7576 10.8113 76.7673 10.8109C75.7608 10.8109 74.9373 11.1476 74.2969 11.8209C73.6565 12.4943 73.3361 13.3585 73.3357 14.4134C73.3357 15.468 73.6561 16.3319 74.2969 17.0053C74.9378 17.6787 75.7612 18.0154 76.7673 18.0154Z", fill: "#192D31" }), jsxRuntime.jsx("path", { d: "M91.042 20.7412C89.8731 20.7412 88.8225 20.4734 87.8903 19.9378C86.9642 19.4095 86.1987 18.6399 85.6754 17.711C85.1327 16.7617 84.8613 15.6625 84.8613 14.4134C84.8613 13.1643 85.1371 12.0649 85.6885 11.1152C86.2189 10.1874 86.988 9.41848 87.916 8.88838C88.849 8.35277 89.8996 8.08496 91.0677 8.08496C92.2199 8.08496 93.2636 8.35277 94.1987 8.88838C95.1245 9.41705 95.8899 10.1865 96.4136 11.1152C96.9563 12.0645 97.2277 13.1639 97.2277 14.4134C97.2277 15.6629 96.9563 16.7621 96.4136 17.711C95.8865 18.6428 95.1147 19.4128 94.1818 19.9378C93.2408 20.4738 92.1942 20.7416 91.042 20.7412ZM91.042 18.0398C91.8536 18.0398 92.5595 17.7354 93.1598 17.1268C93.7601 16.5181 94.0603 15.6136 94.0603 14.4134C94.0603 13.2123 93.7601 12.3077 93.1598 11.6994C92.5595 11.0912 91.8617 10.7868 91.0664 10.7864C90.239 10.7864 89.5293 11.0908 88.9373 11.6994C88.3453 12.3081 88.0493 13.2128 88.0493 14.4134C88.0493 15.6141 88.3453 16.5185 88.9373 17.1268C89.5293 17.735 90.2308 18.0394 91.042 18.0398Z", fill: "#192D31" }), jsxRuntime.jsx("path", { d: "M99.1289 20.4494V2.92505H102.244V20.4494H99.1289Z", fill: "#192D31" }), jsxRuntime.jsx("path", { d: "M29.8751 24C26.8937 24 23.8503 22.8691 20.7951 20.6185C18.5019 18.9328 16.6439 17.4148 15.0039 16.0754L14.8517 15.9501L13.9801 16.7705C11.3832 19.2127 9.27412 20.7262 6.78432 20.7262C3.16986 20.7275 0 17.773 0 14.4028C0 10.8334 3.4097 8.0593 6.34347 8.0593C9.41189 8.0593 11.7639 9.48079 14.6896 11.7715C18.79 7.92592 22.8653 4.19999 25.9519 2.14854C29.9139 -0.48466 36.005 -1.13592 39.9789 2.71212C44.4876 7.07741 42.8263 15.4811 39.7516 19.1238C38.6038 20.4832 36.1303 22.8879 32.4569 23.7101C31.6096 23.9016 30.7437 23.9989 29.8751 24ZM17.17 13.7728C18.7386 15.054 20.5133 16.4974 22.6637 18.0792C25.4234 20.1088 27.8531 20.8389 29.9189 20.8389C33.6223 20.8389 36.1566 18.4938 37.3413 17.0905C40.664 13.1547 39.9006 7.03107 37.7847 4.9815C34.6812 1.97571 30.0529 3.21246 27.699 4.77673C24.8911 6.64282 21.0631 10.1258 17.17 13.7728ZM6.34347 11.2154C4.93827 11.2154 3.15546 12.7183 3.15546 14.4034C3.15546 16.0315 4.91885 17.5739 6.78307 17.5739C8.03549 17.5739 9.4457 16.7047 11.8165 14.4748L12.3632 13.9607C10.0894 12.2148 8.34358 11.2154 6.34347 11.2154Z", fill: "#192D31" })] }))); };
+
+var ObolDarkBgMark = function () { return (jsxRuntime.jsxs("svg", __assign({ width: "43", height: "24", viewBox: "0 0 43 24" }, { children: [jsxRuntime.jsx("path", { d: "M29.8493 23.4998C26.9204 23.4998 23.9306 22.416 20.9291 20.2591C18.6763 18.6436 16.851 17.189 15.2399 15.9053L15.0904 15.7853L14.234 16.5714C11.6829 18.9119 9.61091 20.3624 7.16493 20.3624C3.61407 20.3636 0.5 17.5322 0.5 14.3024C0.5 10.8818 3.84969 8.22325 6.73184 8.22325C9.74625 8.22325 12.0569 9.58551 14.931 11.7807C18.9593 8.09542 22.9629 4.52474 25.9952 2.55876C29.8874 0.0352794 35.8714 -0.58884 39.7753 3.09887C44.2047 7.28227 42.5726 15.3358 39.552 18.8267C38.4244 20.1295 35.9944 22.434 32.3857 23.2219C31.5533 23.4055 30.7027 23.4987 29.8493 23.4998ZM17.3678 13.6987C18.9088 14.9265 20.6523 16.3098 22.7648 17.8257C25.476 19.7707 27.8629 20.4704 29.8924 20.4704C33.5306 20.4704 36.0202 18.223 37.1842 16.8781C40.4484 13.1064 39.6984 7.23786 37.6197 5.27368C34.5709 2.39313 30.024 3.57836 27.7115 5.07744C24.953 6.86579 21.1924 10.2036 17.3678 13.6987ZM6.73184 11.2478C5.35136 11.2478 3.59992 12.6881 3.59992 14.303C3.59992 15.8633 5.33229 17.3414 7.1637 17.3414C8.39407 17.3414 9.77947 16.5084 12.1086 14.3714L12.6456 13.8787C10.4119 12.2056 8.69674 11.2478 6.73184 11.2478Z", fill: "#2FE4AB" }), jsxRuntime.jsx("path", { opacity: "0.92", d: "M12.1087 14.3714C9.77955 16.5085 8.39292 17.3414 7.16378 17.3414C6.86131 17.3405 6.56024 17.3013 6.26807 17.225V20.3036C6.56488 20.3435 6.86415 20.3636 7.16378 20.3636C9.60976 20.3636 11.6817 18.9131 14.2329 16.5727L15.0892 15.7865L12.6457 13.877L12.1087 14.3714Z", fill: "url(#paint0_linear_924_12112)" }), jsxRuntime.jsx("g", __assign({ opacity: "0.92" }, { children: jsxRuntime.jsx("path", { opacity: "0.92", d: "M14.9312 11.7821L17.3679 13.6995C19.1015 12.1146 20.8222 10.5633 22.4426 9.17279L20.2476 7.02979C18.5361 8.50127 16.7367 10.1294 14.9312 11.7821Z", fill: "url(#paint1_linear_924_12112)" }) })), jsxRuntime.jsxs("defs", { children: [jsxRuntime.jsxs("linearGradient", __assign({ id: "paint0_linear_924_12112", x1: "13.08", y1: "14.1644", x2: "8.29738", y2: "19.0666", gradientUnits: "userSpaceOnUse" }, { children: [jsxRuntime.jsx("stop", { stopColor: "#0F7C76" }), jsxRuntime.jsx("stop", { offset: "1", stopColor: "#2FE4AB" })] })), jsxRuntime.jsxs("linearGradient", __assign({ id: "paint1_linear_924_12112", x1: "16.2809", y1: "12.8245", x2: "20.9999", y2: "7.98632", gradientUnits: "userSpaceOnUse" }, { children: [jsxRuntime.jsx("stop", { stopColor: "#0F7C76" }), jsxRuntime.jsx("stop", { offset: "1", stopColor: "#2FE4AB" })] }))] })] }))); };
+
+var ObolLightBgMark = function () { return (jsxRuntime.jsxs("svg", __assign({ width: "43", height: "24", viewBox: "0 0 43 24" }, { children: [jsxRuntime.jsx("path", { d: "M29.8747 24C26.8934 24 23.8501 22.8691 20.7948 20.6185C18.5017 18.9328 16.6438 17.4149 15.0037 16.0754L14.8516 15.9502L13.9799 16.7705C11.3831 19.2127 9.27402 20.7262 6.78425 20.7262C3.16982 20.7275 0 17.7731 0 14.4029C0 10.8335 3.40966 8.05946 6.3434 8.05946C9.41178 8.05946 11.7638 9.48093 14.6894 11.7716C18.7898 7.92608 22.8651 4.20019 25.9516 2.14876C29.9136 -0.484411 36.0046 -1.13566 39.9785 2.71234C44.4871 7.07758 42.8258 15.4812 39.7512 19.1238C38.6033 20.4833 36.1298 22.8879 32.4566 23.7101C31.6093 23.9016 30.7434 23.9989 29.8747 24ZM17.1698 13.7729C18.7384 15.0541 20.5131 16.4975 22.6634 18.0793C25.4231 20.1088 27.8527 20.8389 29.9186 20.8389C33.6219 20.8389 36.1561 18.4938 37.3409 17.0905C40.6635 13.1548 39.9002 7.03124 37.7843 4.98169C34.6808 1.97593 30.0526 3.21267 27.6987 4.77692C24.8908 6.64299 21.0629 10.1259 17.1698 13.7729ZM6.3434 11.2155C4.93821 11.2155 3.15542 12.7184 3.15542 14.4035C3.15542 16.0316 4.9188 17.5739 6.783 17.5739C8.0354 17.5739 9.4456 16.7048 11.8164 14.4749L12.3631 13.9608C10.0893 12.2149 8.34349 11.2155 6.3434 11.2155Z", fill: "#0F7C76" }), jsxRuntime.jsx("path", { opacity: "0.92", d: "M11.8162 14.4749C9.44544 16.7047 8.03399 17.5739 6.78284 17.5739C6.47496 17.5729 6.1685 17.5321 5.87109 17.4524V20.6648C6.17322 20.7065 6.47785 20.7275 6.78284 20.7275C9.27261 20.7275 11.3817 19.2139 13.9785 16.7718L14.8502 15.9514L12.3629 13.9589L11.8162 14.4749Z", fill: "url(#paint0_linear_906_3942)" }), jsxRuntime.jsx("g", __assign({ opacity: "0.92" }, { children: jsxRuntime.jsx("path", { opacity: "0.92", d: "M14.6895 11.7728L17.1698 13.7735C18.9345 12.1198 20.6859 10.501 22.3354 9.05012L20.1011 6.81396C18.359 8.34941 16.5273 10.0483 14.6895 11.7728Z", fill: "url(#paint1_linear_906_3942)" }) })), jsxRuntime.jsxs("defs", { children: [jsxRuntime.jsxs("linearGradient", __assign({ id: "paint0_linear_906_3942", x1: "12.805", y1: "14.2588", x2: "7.81294", y2: "19.2502", gradientUnits: "userSpaceOnUse" }, { children: [jsxRuntime.jsx("stop", { stopColor: "#192D31" }), jsxRuntime.jsx("stop", { offset: "1", stopColor: "#0F7C76" })] })), jsxRuntime.jsxs("linearGradient", __assign({ id: "paint1_linear_906_3942", x1: "16.0633", y1: "12.8605", x2: "20.989", y2: "7.93424", gradientUnits: "userSpaceOnUse" }, { children: [jsxRuntime.jsx("stop", { stopColor: "#192D31" }), jsxRuntime.jsx("stop", { offset: "1", stopColor: "#0F7C76" })] }))] })] }))); };
+
+var ObolSolidDarkBgMark = function () { return (jsxRuntime.jsx("svg", __assign({ width: "43", height: "24", viewBox: "0 0 43 24" }, { children: jsxRuntime.jsx("path", { d: "M29.8758 24C26.8945 24 23.8507 22.8697 20.7938 20.6215C18.501 18.9354 16.642 17.4172 15.0029 16.0781L14.8505 15.9541L13.9792 16.7746C11.3822 19.2167 9.26971 20.7306 6.78296 20.7306C3.16964 20.73 0 17.7735 0 14.4031C0 10.8307 3.40821 8.05947 6.34361 8.05947C9.41224 8.05947 11.7645 9.48162 14.69 11.7719C18.7904 7.92562 22.866 4.20013 25.952 2.14839C29.9142 -0.485225 36.0056 -1.13588 39.9808 2.71477C44.4871 7.07976 42.8282 15.4838 39.7534 19.1262C38.6057 20.4895 36.132 22.8901 32.4586 23.7118C31.6109 23.9028 30.7447 23.9994 29.8758 24ZM17.1724 13.7753C18.7414 15.0568 20.5187 16.5019 22.6665 18.0815C25.4265 20.1115 27.8562 20.8415 29.9216 20.8421C33.6254 20.8421 36.1599 18.4966 37.3441 17.0931C40.6668 13.1569 39.9033 7.03391 37.7878 4.98402C34.682 1.9755 30.0542 3.21237 27.6995 4.77643C24.8911 6.64289 21.0634 10.1261 17.1699 13.7729L17.1724 13.7753ZM6.34361 11.2161C4.93819 11.2161 3.156 12.7169 3.156 14.4037C3.156 16.0334 4.91898 17.5746 6.78296 17.5746C8.0347 17.5746 9.44756 16.707 11.8166 14.4762L12.3631 13.9619C10.0895 12.215 8.34392 11.2161 6.34361 11.2161Z", fill: "#F4F3EC" }) }))); };
+
+var ObolSolidLightBgMark = function () { return (jsxRuntime.jsx("svg", __assign({ width: "43", height: "24", viewBox: "0 0 43 24" }, { children: jsxRuntime.jsx("path", { d: "M29.8758 24C26.8945 24 23.8507 22.8697 20.7938 20.6215C18.501 18.9354 16.642 17.4172 15.0029 16.0781L14.8505 15.9541L13.9792 16.7746C11.3822 19.2167 9.26971 20.7306 6.78296 20.7306C3.16964 20.73 0 17.7735 0 14.4031C0 10.8307 3.40821 8.05947 6.34361 8.05947C9.41224 8.05947 11.7645 9.48162 14.69 11.7719C18.7904 7.92562 22.866 4.20013 25.952 2.14839C29.9142 -0.485225 36.0056 -1.13588 39.9808 2.71477C44.4871 7.07976 42.8282 15.4838 39.7534 19.1262C38.6057 20.4895 36.132 22.8901 32.4586 23.7118C31.6109 23.9028 30.7447 23.9994 29.8758 24ZM17.1724 13.7753C18.7414 15.0568 20.5187 16.5019 22.6665 18.0815C25.4265 20.1115 27.8562 20.8415 29.9216 20.8421C33.6254 20.8421 36.1599 18.4966 37.3441 17.0931C40.6668 13.1569 39.9033 7.03391 37.7878 4.98402C34.682 1.9755 30.0542 3.21237 27.6995 4.77643C24.8911 6.64289 21.0634 10.1261 17.1699 13.7729L17.1724 13.7753ZM6.34361 11.2161C4.93819 11.2161 3.156 12.7169 3.156 14.4037C3.156 16.0334 4.91898 17.5746 6.78296 17.5746C8.0347 17.5746 9.44756 16.707 11.8166 14.4762L12.3631 13.9619C10.0895 12.215 8.34392 11.2161 6.34361 11.2161Z", fill: "#192D31" }) }))); };
+
+var ObolDarkBgV = function () { return (jsxRuntime.jsxs("svg", __assign({ width: "53", height: "47", viewBox: "0 0 53 47" }, { children: [jsxRuntime.jsx("path", { d: "M8.87377 47C7.10448 47 5.55809 46.627 4.23459 45.8808C2.92001 45.1435 1.84369 44.0698 1.12532 42.7791C0.375107 41.457 0 39.9282 0 38.1926C0 36.457 0.375107 34.9283 1.12532 33.6067C1.84367 32.3158 2.91998 31.2419 4.23459 30.5044C5.55765 29.7582 7.10405 29.3851 8.87377 29.3851C10.627 29.3851 12.1693 29.7582 13.5006 30.5044C14.8189 31.2376 15.8965 32.3125 16.6105 33.6067C17.3521 34.9288 17.7228 36.4574 17.7228 38.1926C17.7228 39.9278 17.3521 41.4566 16.6105 42.7791C15.897 44.0742 14.8193 45.1501 13.5006 45.8839C12.1693 46.628 10.627 47 8.87377 47ZM8.87377 44.2019C10.5594 44.2019 11.9037 43.6667 12.9067 42.5963C13.9097 41.5259 14.411 40.058 14.4106 38.1926C14.4106 36.328 13.9093 34.8601 12.9067 33.7889C11.9041 32.7176 10.5598 32.1824 8.87377 32.1832C7.18861 32.1832 5.84039 32.7184 4.82912 33.7889C3.81785 34.8593 3.31222 36.3272 3.31222 38.1926C3.31222 40.058 3.81785 41.5259 4.82912 42.5963C5.84039 43.6667 7.18861 44.2019 8.87377 44.2019Z", fill: "#F4F3EC" }), jsxRuntime.jsx("path", { d: "M27.2211 47C26.2766 47 25.4507 46.8297 24.7434 46.4892C24.0518 46.1617 23.4604 45.6671 23.0268 45.0538L22.6729 46.7083H19.7881V29.1904H23.0268V36.3691C23.464 35.805 24.0088 35.3261 24.6322 34.9582C25.2978 34.5525 26.1617 34.3497 27.2237 34.3497C28.4028 34.3497 29.4561 34.6253 30.3837 35.1766C31.3122 35.73 32.0712 36.511 32.5829 37.4395C33.1224 38.3964 33.3921 39.4831 33.3921 40.6996C33.3921 41.9161 33.1224 42.9988 32.5829 43.9478C32.0705 44.8694 31.3112 45.6423 30.3837 46.1862C29.4552 46.7287 28.401 47 27.2211 47ZM26.5394 44.2751C27.5671 44.2751 28.4184 43.9425 29.0931 43.2773C29.7679 42.6121 30.1048 41.7525 30.104 40.6983C30.104 39.6442 29.767 38.7764 29.0931 38.0949C28.4192 37.4134 27.568 37.0729 26.5394 37.0733C25.4938 37.0733 24.6385 37.4099 23.9732 38.083C23.308 38.7561 22.9752 39.62 22.9748 40.6745C22.9748 41.7287 23.3076 42.5923 23.9732 43.2654C24.6389 43.9386 25.4943 44.2751 26.5394 44.2751Z", fill: "#F4F3EC" }), jsxRuntime.jsx("path", { d: "M41.3661 47.0001C40.1519 47.0001 39.0604 46.7324 38.0917 46.197C37.1297 45.6689 36.3345 44.8996 35.7909 43.971C35.2272 43.022 34.9453 41.9232 34.9453 40.6746C34.9453 39.426 35.232 38.327 35.8052 37.3776C36.3555 36.4501 37.154 35.6815 38.1177 35.1516C39.0869 34.6158 40.1782 34.3481 41.3915 34.3485C42.5884 34.3485 43.6714 34.6162 44.6406 35.1516C45.6025 35.6799 46.3976 36.4492 46.9414 37.3776C47.5051 38.3266 47.787 39.4256 47.787 40.6746C47.787 41.9236 47.5051 43.0224 46.9414 43.971C46.3949 44.9017 45.595 45.6714 44.6276 46.197C43.6493 46.7324 42.5622 47.0001 41.3661 47.0001ZM41.3661 44.2996C42.2083 44.2996 42.9414 43.9954 43.5654 43.387C44.1894 42.7785 44.5012 41.8744 44.5008 40.6746C44.5008 39.474 44.189 38.5697 43.5654 37.9616C42.9418 37.3536 42.217 37.0494 41.3909 37.049C40.5314 37.049 39.7942 37.3532 39.1793 37.9616C38.5643 38.5701 38.2567 39.4744 38.2562 40.6746C38.2562 41.8748 38.5639 42.7789 39.1793 43.387C39.7946 43.995 40.5236 44.2992 41.3661 44.2996Z", fill: "#F4F3EC" }), jsxRuntime.jsx("path", { d: "M49.7617 46.7083V29.1904H52.9978V46.7083H49.7617Z", fill: "#F4F3EC" }), jsxRuntime.jsx("path", { d: "M36.3873 23.9911C33.2904 23.9911 30.1285 22.8606 26.9555 20.6108C24.5741 18.9257 22.6441 17.4084 20.9405 16.0694L20.7825 15.9442L19.877 16.7642C17.1795 19.2055 14.988 20.7185 12.4024 20.7185C8.6485 20.7185 5.35645 17.7633 5.35645 14.3962C5.35645 10.8281 8.89828 8.05506 11.9458 8.05506C15.1331 8.05506 17.5763 9.47602 20.6153 11.7658C24.8726 7.92298 29.1059 4.19843 32.3121 2.14774C36.4277 -0.48448 42.7548 -1.13549 46.8827 2.71112C51.5662 7.07478 49.8405 15.4754 46.6466 19.1166C45.4543 20.4756 42.8843 22.8794 39.0692 23.7013C38.1891 23.8928 37.2897 23.99 36.3873 23.9911ZM23.1892 13.7677C24.8186 15.0484 26.6627 16.4913 28.8958 18.0725C31.7631 20.1013 34.287 20.8312 36.4322 20.8312C40.2798 20.8312 42.9123 18.4869 44.1429 17.0841C47.5905 13.1499 46.8014 7.02846 44.6028 4.97965C41.3797 1.97497 36.5721 3.21127 34.1263 4.77495C31.2096 6.64035 27.2332 10.122 23.1892 13.7677ZM11.9438 11.2112C10.4841 11.2112 8.63224 12.7136 8.63224 14.398C8.63224 16.0256 10.4633 17.5674 12.4004 17.5674C13.7014 17.5674 15.1656 16.6985 17.6289 14.4694L18.1962 13.9555C15.8349 12.2103 14.0214 11.2112 11.9438 11.2112Z", fill: "#2FE4AB" }), jsxRuntime.jsx("path", { opacity: "0.92", d: "M17.6278 14.4694C15.1644 16.6985 13.6989 17.5674 12.3992 17.5674C12.0794 17.5664 11.7611 17.5255 11.4521 17.4459V20.6572C11.766 20.6989 12.0824 20.7198 12.3992 20.7198C14.9849 20.7198 17.1763 19.2068 19.8738 16.7655L20.7793 15.9455L18.195 13.9536L17.6278 14.4694Z", fill: "url(#paint0_linear_944_10223)" }), jsxRuntime.jsx("g", __assign({ opacity: "0.92" }, { children: jsxRuntime.jsx("path", { opacity: "0.92", d: "M20.6133 11.7684L23.1892 13.7683C25.0228 12.1151 26.8422 10.497 28.5556 9.04662L26.2334 6.81189C24.4251 8.34615 22.5218 10.0444 20.6133 11.7684Z", fill: "url(#paint1_linear_944_10223)" }) })), jsxRuntime.jsxs("defs", { children: [jsxRuntime.jsxs("linearGradient", __assign({ id: "paint0_linear_944_10223", x1: "18.6555", y1: "14.2535", x2: "13.6695", y2: "19.4346", gradientUnits: "userSpaceOnUse" }, { children: [jsxRuntime.jsx("stop", { stopColor: "#0F7C76" }), jsxRuntime.jsx("stop", { offset: "1", stopColor: "#2FE4AB" })] })), jsxRuntime.jsxs("linearGradient", __assign({ id: "paint1_linear_944_10223", x1: "22.0398", y1: "12.8557", x2: "26.9607", y2: "7.74215", gradientUnits: "userSpaceOnUse" }, { children: [jsxRuntime.jsx("stop", { stopColor: "#0F7C76" }), jsxRuntime.jsx("stop", { offset: "1", stopColor: "#2FE4AB" })] }))] })] }))); };
+
+var ObolLightBgV = function () { return (jsxRuntime.jsxs("svg", __assign({ width: "50", height: "47", viewBox: "0 0 50 47" }, { children: [jsxRuntime.jsx("path", { d: "M8.37148 47C6.70234 47 5.24348 46.6269 3.99489 45.8806C2.7547 45.143 1.73931 44.0689 1.06162 42.7777C0.353874 41.4563 0 39.9274 0 38.1911C0 36.4547 0.353874 34.9256 1.06162 33.6038C1.73951 32.3129 2.75486 31.2391 3.99489 30.5015C5.24307 29.7552 6.70193 29.3821 8.37148 29.3821C10.0255 29.3821 11.4805 29.7552 12.7364 30.5015C13.9799 31.2347 14.9965 32.3097 15.6703 33.6038C16.3699 34.926 16.7196 36.4551 16.7196 38.1911C16.7196 39.927 16.3699 41.4559 15.6703 42.7777C14.9967 44.0721 13.9801 45.1473 12.7364 45.8806C11.4805 46.6269 10.0255 47 8.37148 47ZM8.37148 44.2014C9.96167 44.2014 11.2299 43.6661 12.1761 42.5955C13.1224 41.5249 13.5953 40.0568 13.5949 38.1911C13.5949 36.3253 13.122 34.8572 12.1761 33.7866C11.2303 32.716 9.96208 32.1805 8.37148 32.18C6.78171 32.18 5.5098 32.7156 4.55578 33.7866C3.60175 34.8576 3.12473 36.3257 3.12473 38.1911C3.12473 40.0568 3.60175 41.5249 4.55578 42.5955C5.5098 43.6661 6.78171 44.2014 8.37148 44.2014Z", fill: "#192D31" }), jsxRuntime.jsx("path", { d: "M25.6802 47C24.7892 47 24.01 46.8297 23.3428 46.4891C22.6905 46.1611 22.1326 45.6663 21.7234 45.0529L21.3871 46.7058H18.668V29.1874H21.7234V36.366C22.1358 35.8016 22.6497 35.3224 23.2379 34.9542C23.8658 34.5494 24.6808 34.3467 25.6827 34.3463C26.795 34.3463 27.7887 34.622 28.6638 35.1733C29.5394 35.7279 30.2546 36.5101 30.7361 37.4398C31.245 38.3968 31.4995 39.4837 31.4995 40.7004C31.4995 41.9171 31.245 43 30.7361 43.9491C30.2527 44.8709 29.5364 45.644 28.6613 46.188C27.7871 46.7294 26.7934 47 25.6802 47ZM25.0371 44.2747C26.0067 44.2747 26.8097 43.942 27.4463 43.2767C28.0829 42.6114 28.4003 41.751 28.3987 40.6954C28.3987 39.6411 28.0808 38.7731 27.4451 38.0915C26.8093 37.4099 26.0067 37.07 25.0371 37.0716C24.0507 37.0716 23.2438 37.4083 22.6162 38.0815C21.9887 38.7547 21.6747 39.6185 21.6743 40.6729C21.6743 41.7276 21.9883 42.5916 22.6162 43.2648C23.2442 43.9381 24.0512 44.2747 25.0371 44.2747Z", fill: "#192D31" }), jsxRuntime.jsx("path", { d: "M39.0252 47.0001C37.8797 47.0001 36.85 46.7323 35.936 46.1968C35.0285 45.6686 34.2784 44.8992 33.7655 43.9704C33.2337 43.0213 32.9678 41.9221 32.9678 40.6729C32.9678 39.4236 33.2378 38.3251 33.7778 37.3772C34.2971 36.4487 35.0508 35.6793 35.9606 35.1489C36.8749 34.6139 37.9044 34.3463 39.0491 34.3463C40.1782 34.3463 41.2 34.6139 42.1143 35.1489C43.0217 35.678 43.7715 36.448 44.2842 37.3772C44.816 38.3255 45.0819 39.4245 45.0819 40.6741C45.0819 41.9238 44.816 43.023 44.2842 43.9717C43.7689 44.9025 43.0144 45.6723 42.102 46.1981C41.1791 46.7327 40.1535 47.0001 39.0252 47.0001ZM39.0252 44.2985C39.8196 44.2985 40.5112 43.9944 41.0999 43.3863C41.6886 42.7782 41.9828 41.8737 41.9824 40.6729C41.9824 39.4729 41.6882 38.5686 41.0999 37.9601C40.5116 37.3515 39.8278 37.0472 39.0485 37.0472C38.2376 37.0472 37.5422 37.3515 36.9621 37.9601C36.3819 38.5686 36.0917 39.4729 36.0913 40.6729C36.0913 41.8737 36.3815 42.7782 36.9621 43.3863C37.5426 43.9944 38.2303 44.2985 39.0252 44.2985Z", fill: "#192D31" }), jsxRuntime.jsx("path", { d: "M46.9443 46.7058V29.1874H49.9973V46.7058H46.9443Z", fill: "#192D31" }), jsxRuntime.jsx("path", { d: "M34.3281 23.9953C31.4065 23.9953 28.4235 22.8645 25.4301 20.6144C23.1835 18.929 21.3628 17.4114 19.7557 16.0722L19.6065 15.947L18.7523 16.7671C16.2075 19.2089 14.1401 20.7221 11.7008 20.7221C8.15942 20.7221 5.05371 17.7664 5.05371 14.3987C5.05371 10.83 8.39506 8.05645 11.27 8.05645C14.277 8.05645 16.5818 9.47766 19.4488 11.7679C23.4652 7.92435 27.4589 4.19916 30.4836 2.14811C34.3662 -0.484564 40.3352 -1.13569 44.2295 2.71159C48.6478 7.076 47.0198 15.478 44.0067 19.12C42.8819 20.4792 40.4573 22.8833 36.8582 23.7054C36.0279 23.8969 35.1794 23.9941 34.3281 23.9953ZM21.8771 13.7701C23.4143 15.051 25.154 16.4942 27.2607 18.0756C29.9657 20.1048 32.3466 20.8348 34.3705 20.8348C38.0003 20.8348 40.4837 18.4901 41.6448 17.0871C44.8971 13.1521 44.1528 7.02968 42.0786 4.98051C39.0379 1.97531 34.5024 3.21183 32.1951 4.77578C29.4434 6.6415 25.6922 10.1238 21.8771 13.7701ZM11.2682 11.2132C9.89116 11.2132 8.14408 12.7158 8.14408 14.4005C8.14408 16.0284 9.87152 17.5704 11.699 17.5704C12.9263 17.5704 14.3076 16.7014 16.6315 14.4719L17.1667 13.9579C14.9391 12.2124 13.2282 11.2132 11.2682 11.2132Z", fill: "#0F7C76" }), jsxRuntime.jsx("path", { opacity: "0.92", d: "M16.6298 14.4719C14.3058 16.7014 12.9233 17.5704 11.6972 17.5704C11.3955 17.5694 11.0952 17.5286 10.8037 17.449V20.6608C11.0998 20.7025 11.3983 20.7234 11.6972 20.7234C14.1365 20.7234 16.2039 19.2101 18.7487 16.7684L19.6029 15.9482L17.1649 13.9561L16.6298 14.4719Z", fill: "url(#paint0_linear_944_10204)" }), jsxRuntime.jsx("g", __assign({ opacity: "0.92" }, { children: jsxRuntime.jsx("path", { opacity: "0.92", d: "M19.4463 11.7703L21.8764 13.7706C23.6063 12.1172 25.3227 10.4987 26.939 9.0481L24.7483 6.81299C23.0423 8.34752 21.2468 10.0461 19.4463 11.7703Z", fill: "url(#paint1_linear_944_10204)" }) })), jsxRuntime.jsxs("defs", { children: [jsxRuntime.jsxs("linearGradient", __assign({ id: "paint0_linear_944_10204", x1: "17.5993", y1: "14.2559", x2: "12.6098", y2: "19.1464", gradientUnits: "userSpaceOnUse" }, { children: [jsxRuntime.jsx("stop", { stopColor: "#192D31" }), jsxRuntime.jsx("stop", { offset: "1", stopColor: "#0F7C76" })] })), jsxRuntime.jsxs("linearGradient", __assign({ id: "paint1_linear_944_10204", x1: "20.792", y1: "12.8578", x2: "25.7164", y2: "8.03116", gradientUnits: "userSpaceOnUse" }, { children: [jsxRuntime.jsx("stop", { stopColor: "#192D31" }), jsxRuntime.jsx("stop", { offset: "1", stopColor: "#0F7C76" })] }))] })] }))); };
+
+var ObolSolidDarkBgV = function () { return (jsxRuntime.jsxs("svg", __assign({ width: "50", height: "47", viewBox: "0 0 50 47" }, { children: [jsxRuntime.jsx("path", { d: "M8.37148 47C6.70234 47 5.24348 46.627 3.99489 45.8808C2.75472 45.1435 1.73933 44.0698 1.06162 42.7791C0.353874 41.457 0 39.9282 0 38.1926C0 36.457 0.353874 34.9283 1.06162 33.6067C1.73931 32.3158 2.7547 31.2419 3.99489 30.5044C5.24307 29.7582 6.70193 29.3851 8.37148 29.3851C10.0255 29.3851 11.4805 29.7582 12.7364 30.5044C13.9801 31.2376 14.9967 32.3125 15.6703 33.6067C16.3699 34.9288 16.7196 36.4574 16.7196 38.1926C16.7196 39.9278 16.3699 41.4566 15.6703 42.7791C14.9971 44.0742 13.9805 45.1501 12.7364 45.8839C11.4805 46.628 10.0255 47 8.37148 47ZM8.37148 44.2019C9.96167 44.2019 11.2299 43.6667 12.1761 42.5963C13.1224 41.5259 13.5953 40.058 13.5949 38.1926C13.5949 36.328 13.122 34.8601 12.1761 33.7889C11.2303 32.7176 9.96208 32.1824 8.37148 32.1832C6.78171 32.1832 5.5098 32.7184 4.55578 33.7889C3.60175 34.8593 3.12473 36.3272 3.12473 38.1926C3.12473 40.058 3.60175 41.5259 4.55578 42.5963C5.5098 43.6667 6.78171 44.2019 8.37148 44.2019Z", fill: "#F4F3EC" }), jsxRuntime.jsx("path", { d: "M25.6802 47C24.7892 47 24.01 46.8297 23.3428 46.4892C22.6904 46.1617 22.1324 45.6671 21.7234 45.0538L21.3895 46.7083H18.668V29.1904H21.7234V36.3691C22.1358 35.805 22.6498 35.3261 23.2379 34.9582C23.8658 34.5525 24.6808 34.3497 25.6827 34.3497C26.795 34.3497 27.7887 34.6253 28.6638 35.1766C29.5398 35.73 30.2558 36.511 30.7386 37.4395C31.2475 38.3964 31.502 39.4831 31.502 40.6996C31.502 41.9161 31.2475 42.9988 30.7386 43.9478C30.2552 44.8694 29.5388 45.6423 28.6638 46.1862C27.7879 46.7287 26.7934 47 25.6802 47ZM25.0371 44.2751C26.0067 44.2751 26.8097 43.9425 27.4463 43.2773C28.0829 42.6121 28.4007 41.7525 28.3999 40.6983C28.3999 39.6442 28.0821 38.7764 27.4463 38.0949C26.8106 37.4134 26.0075 37.0729 25.0371 37.0733C24.0507 37.0733 23.2438 37.4099 22.6162 38.083C21.9887 38.7561 21.6747 39.62 21.6743 40.6745C21.6743 41.7287 21.9883 42.5923 22.6162 43.2654C23.2442 43.9386 24.0512 44.2751 25.0371 44.2751Z", fill: "#F4F3EC" }), jsxRuntime.jsx("path", { d: "M39.0252 47.0001C37.8797 47.0001 36.85 46.7324 35.936 46.197C35.0285 45.6689 34.2784 44.8996 33.7655 43.971C33.2337 43.022 32.9678 41.9232 32.9678 40.6746C32.9678 39.426 33.2382 38.327 33.779 37.3776C34.2982 36.4501 35.0515 35.6815 35.9606 35.1516C36.8749 34.6158 37.9044 34.3481 39.0491 34.3485C40.1782 34.3485 41.2 34.6162 42.1143 35.1516C43.0217 35.6799 43.7718 36.4492 44.2848 37.3776C44.8166 38.3266 45.0826 39.4256 45.0826 40.6746C45.0826 41.9236 44.8166 43.0224 44.2848 43.971C43.7693 44.9017 43.0146 45.6714 42.102 46.197C41.1791 46.7324 40.1535 47.0001 39.0252 47.0001ZM39.0252 44.2996C39.8196 44.2996 40.5112 43.9954 41.0999 43.387C41.6886 42.7785 41.9828 41.8744 41.9824 40.6746C41.9824 39.474 41.6882 38.5697 41.0999 37.9616C40.5116 37.3536 39.8278 37.0494 39.0485 37.049C38.2376 37.049 37.5422 37.3532 36.9621 37.9616C36.3819 38.5701 36.0917 39.4744 36.0913 40.6746C36.0913 41.8748 36.3815 42.7789 36.9621 43.387C37.5426 43.995 38.2303 44.2992 39.0252 44.2996Z", fill: "#F4F3EC" }), jsxRuntime.jsx("path", { d: "M46.9443 46.7083V29.1904H49.9973V46.7083H46.9443Z", fill: "#F4F3EC" }), jsxRuntime.jsx("path", { d: "M34.3281 23.9911C31.4065 23.9911 28.4235 22.8606 25.4301 20.6108C23.1835 18.9257 21.3628 17.4084 19.7557 16.0694L19.6065 15.9442L18.7523 16.7642C16.2075 19.2055 14.1401 20.7185 11.7008 20.7185C8.15942 20.7185 5.05371 17.7633 5.05371 14.3962C5.05371 10.8281 8.39506 8.05506 11.27 8.05506C14.277 8.05506 16.5818 9.47602 19.4488 11.7658C23.4652 7.92298 27.4589 4.19843 30.4836 2.14774C34.3662 -0.48448 40.3352 -1.13549 44.2295 2.71112C48.6478 7.07478 47.0198 15.4754 44.0067 19.1166C42.8819 20.4756 40.4573 22.8794 36.8582 23.7013C36.0279 23.8928 35.1794 23.99 34.3281 23.9911ZM21.8771 13.7677C23.4143 15.0484 25.154 16.4913 27.2607 18.0725C29.9657 20.1013 32.3466 20.8312 34.3705 20.8312C38.0003 20.8312 40.4837 18.4869 41.6448 17.0841C44.8971 13.1499 44.1528 7.02846 42.0786 4.97965C39.0379 1.97497 34.5024 3.21127 32.1951 4.77495C29.4434 6.64035 25.6922 10.122 21.8771 13.7677ZM11.2682 11.2112C9.89116 11.2112 8.14408 12.7136 8.14408 14.398C8.14408 16.0256 9.87152 17.5674 11.699 17.5674C12.9263 17.5674 14.3076 16.6985 16.6315 14.4694L17.1667 13.9555C14.9391 12.2103 13.2282 11.2112 11.2682 11.2112Z", fill: "#F4F3EC" })] }))); };
+
+var ObolSolidLightBgV = function () { return (jsxRuntime.jsxs("svg", __assign({ width: "51", height: "47", viewBox: "0 0 51 47" }, { children: [jsxRuntime.jsx("path", { d: "M8.53891 47C6.83639 47 5.34835 46.6269 4.07479 45.8806C2.80979 45.143 1.7741 44.0689 1.08286 42.7777C0.360952 41.4563 0 39.9274 0 38.1911C0 36.4547 0.360952 34.9256 1.08286 33.6038C1.7743 32.3129 2.80996 31.2391 4.07479 30.5015C5.34793 29.7552 6.83597 29.3821 8.53891 29.3821C10.226 29.3821 11.7101 29.7552 12.9911 30.5015C14.2595 31.2347 15.2964 32.3097 15.9837 33.6038C16.6973 34.926 17.054 36.4551 17.054 38.1911C17.054 39.927 16.6973 41.4559 15.9837 42.7777C15.2966 44.0721 14.2597 45.1473 12.9911 45.8806C11.7101 46.6269 10.226 47 8.53891 47ZM8.53891 44.2014C10.1609 44.2014 11.4545 43.6661 12.4197 42.5955C13.3848 41.5249 13.8672 40.0568 13.8668 38.1911C13.8668 36.3253 13.3844 34.8572 12.4197 33.7866C11.4549 32.716 10.1613 32.1805 8.53891 32.18C6.91734 32.18 5.62 32.7156 4.64689 33.7866C3.67378 34.8576 3.18723 36.3257 3.18723 38.1911C3.18723 40.0568 3.67378 41.5249 4.64689 42.5955C5.62 43.6661 6.91734 44.2014 8.53891 44.2014Z", fill: "#192D31" }), jsxRuntime.jsx("path", { d: "M26.1935 47C25.2847 47 24.4899 46.8297 23.8093 46.4891C23.144 46.1611 22.5749 45.6663 22.1575 45.0529L21.8145 46.7058H19.041V29.1874H22.1575V36.366C22.5782 35.8016 23.1024 35.3224 23.7023 34.9542C24.3428 34.5494 25.1741 34.3467 26.196 34.3463C27.3306 34.3463 28.3442 34.622 29.2368 35.1733C30.1299 35.7279 30.8594 36.5101 31.3505 37.4398C31.8696 38.3968 32.1292 39.4837 32.1292 40.7004C32.1292 41.9171 31.8696 43 31.3505 43.9491C30.8575 44.8709 30.1268 45.644 29.2343 46.188C28.3425 46.7294 27.3289 47 26.1935 47ZM25.5375 44.2747C26.5265 44.2747 27.3456 43.942 27.9949 43.2767C28.6442 42.6114 28.968 41.751 28.9664 40.6954C28.9664 39.6411 28.6421 38.7731 27.9937 38.0915C27.3452 37.4099 26.5265 37.07 25.5375 37.0716C24.5315 37.0716 23.7084 37.4083 23.0682 38.0815C22.4281 38.7547 22.1079 39.6185 22.1074 40.6729C22.1074 41.7276 22.4277 42.5916 23.0682 43.2648C23.7088 43.9381 24.5319 44.2747 25.5375 44.2747Z", fill: "#192D31" }), jsxRuntime.jsx("path", { d: "M39.8055 47.0001C38.6371 47.0001 37.5868 46.7323 36.6546 46.1968C35.7289 45.6686 34.9637 44.8992 34.4407 43.9704C33.8982 43.0213 33.627 41.9221 33.627 40.6729C33.627 39.4236 33.9024 38.3251 34.4532 37.3772C34.9829 36.4487 35.7517 35.6793 36.6796 35.1489C37.6122 34.6139 38.6623 34.3463 39.8299 34.3463C40.9816 34.3463 42.0238 34.6139 42.9564 35.1489C43.8819 35.678 44.6468 36.448 45.1697 37.3772C45.7122 38.3255 45.9834 39.4245 45.9834 40.6741C45.9834 41.9238 45.7122 43.023 45.1697 43.9717C44.6441 44.9025 43.8745 45.6723 42.9439 46.1981C42.0025 46.7327 40.9564 47.0001 39.8055 47.0001ZM39.8055 44.2985C40.6159 44.2985 41.3213 43.9944 41.9218 43.3863C42.5222 42.7782 42.8223 41.8737 42.8218 40.6729C42.8218 39.4729 42.5218 38.5686 41.9218 37.9601C41.3217 37.3515 40.6242 37.0472 39.8293 37.0472C39.0022 37.0472 38.2928 37.3515 37.7011 37.9601C37.1094 38.5686 36.8133 39.4729 36.8129 40.6729C36.8129 41.8737 37.109 42.7782 37.7011 43.3863C38.2933 43.9944 38.9947 44.2985 39.8055 44.2985Z", fill: "#192D31" }), jsxRuntime.jsx("path", { d: "M47.8838 46.7058V29.1874H50.9978V46.7058H47.8838Z", fill: "#192D31" }), jsxRuntime.jsx("path", { d: "M35.0142 23.9953C32.0342 23.9953 28.9915 22.8645 25.9382 20.6144C23.6467 18.929 21.7896 17.4114 20.1503 16.0722L19.9982 15.947L19.1269 16.7671C16.5312 19.2089 14.4224 20.7221 11.9344 20.7221C8.32212 20.7221 5.1543 17.7664 5.1543 14.3987C5.1543 10.83 8.56248 8.05645 11.495 8.05645C14.562 8.05645 16.913 9.47766 19.8373 11.7679C23.934 7.92435 28.0076 4.19916 31.0928 2.14811C35.053 -0.484564 41.1414 -1.13569 45.1136 2.71159C49.6203 7.076 47.9597 15.478 44.8864 19.12C43.739 20.4792 41.266 22.8833 37.5949 23.7054C36.748 23.8969 35.8825 23.9941 35.0142 23.9953ZM22.3141 13.7701C23.8821 15.051 25.6566 16.4942 27.8054 18.0756C30.5645 20.1048 32.9931 20.8348 35.0574 20.8348C38.7598 20.8348 41.2929 18.4901 42.4772 17.0871C45.7946 13.1521 45.0353 7.02968 42.9197 4.98051C39.8182 1.97531 35.192 3.21183 32.8385 4.77578C30.0318 6.6415 26.2055 10.1238 22.3141 13.7701ZM11.4931 11.2132C10.0885 11.2132 8.30647 12.7158 8.30647 14.4005C8.30647 16.0284 10.0685 17.5704 11.9325 17.5704C13.1843 17.5704 14.5933 16.7014 16.9637 14.4719L17.5095 13.9579C15.2374 12.2124 13.4923 11.2132 11.4931 11.2132Z", fill: "#192D31" })] }))); };
+
+var CodeIcon = function () { return (jsxRuntime.jsxs("svg", __assign({ width: "49", height: "48", viewBox: "0 0 49 48" }, { children: [jsxRuntime.jsx("path", { d: "M19.3 33.2L10.1 24L19.3 14.8L16.5 12L4.5 24L16.5 36L19.3 33.2ZM29.7 33.2L38.9 24L29.7 14.8L32.5 12L44.5 24L32.5 36L29.7 33.2Z", fill: "url(#paint0_linear_372_9668)" }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsxs("linearGradient", __assign({ id: "paint0_linear_372_9668", x1: "24.5", y1: "12", x2: "24.5", y2: "36", gradientUnits: "userSpaceOnUse" }, { children: [jsxRuntime.jsx("stop", { stopColor: "#2FE4AB" }), jsxRuntime.jsx("stop", { offset: "1", stopColor: "#B6EA5C" })] })) })] }))); };
+
+var MenuIcon = function () { return (jsxRuntime.jsxs("svg", __assign({ width: "33", height: "32", viewBox: "0 0 33 32" }, { children: [jsxRuntime.jsx("path", { d: "M28.5 24H4.5V21.3333H28.5V24Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M4.5 10.6667V8H28.5V10.6667H4.5Z", fill: "currentColor" })] }))); };
+
+var PublicGoodIcon = function () { return (jsxRuntime.jsxs("svg", __assign({ width: "48", height: "48", viewBox: "0 0 48 48" }, { children: [jsxRuntime.jsx("path", { d: "M32 26C38.18 20.38 44 15.12 44 10.6C44 6.9 41.1 4 37.4 4C35.32 4 33.3 4.98 32 6.5C30.68 4.98 28.68 4 26.6 4C22.9 4 20 6.9 20 10.6C20 15.12 25.82 20.38 32 26ZM26.6 8C27.48 8 28.38 8.42 28.96 9.1L32 12.68L35.04 9.1C35.62 8.42 36.52 8 37.4 8C38.88 8 40 9.12 40 10.6C40 12.84 35.92 16.94 32 20.58C28.08 16.94 24 12.82 24 10.6C24 9.12 25.12 8 26.6 8Z", fill: "url(#paint0_linear_372_9678)" }), jsxRuntime.jsx("path", { d: "M38 32H34C34 29.6 32.5 27.44 30.26 26.6L17.94 22H2V44H14V41.12L28 45L44 40V38C44 34.68 41.32 32 38 32ZM6 40V26H10V40H6ZM27.94 40.82L14 36.96V26H17.22L28.86 30.34C29.54 30.6 30 31.26 30 32C30 32 26.02 31.9 25.4 31.7L20.64 30.12L19.38 33.92L24.14 35.5C25.16 35.84 26.22 36.02 27.3 36.02H38C38.78 36.02 39.48 36.48 39.8 37.14L27.94 40.82Z", fill: "url(#paint1_linear_372_9678)" }), jsxRuntime.jsxs("defs", { children: [jsxRuntime.jsxs("linearGradient", __assign({ id: "paint0_linear_372_9678", x1: "32", y1: "4", x2: "32", y2: "26", gradientUnits: "userSpaceOnUse" }, { children: [jsxRuntime.jsx("stop", { stopColor: "#2FE4AB" }), jsxRuntime.jsx("stop", { offset: "1", stopColor: "#B6EA5C" })] })), jsxRuntime.jsxs("linearGradient", __assign({ id: "paint1_linear_372_9678", x1: "23", y1: "22", x2: "23", y2: "45", gradientUnits: "userSpaceOnUse" }, { children: [jsxRuntime.jsx("stop", { stopColor: "#2FE4AB" }), jsxRuntime.jsx("stop", { offset: "1", stopColor: "#B6EA5C" })] }))] })] }))); };
+
+var TrustMinimisedIcon = function () { return (jsxRuntime.jsxs("svg", __assign({ width: "48", height: "48", viewBox: "0 0 48 48" }, { children: [jsxRuntime.jsx("path", { d: "M24.5 2L6.5 10V22C6.5 33.1 14.18 43.48 24.5 46C34.82 43.48 42.5 33.1 42.5 22V10L24.5 2ZM24.5 23.98H38.5C37.44 32.22 31.94 39.56 24.5 41.86V24H10.5V12.6L24.5 6.38V23.98Z", fill: "url(#paint0_linear_372_9694)" }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsxs("linearGradient", __assign({ id: "paint0_linear_372_9694", x1: "24.5", y1: "2", x2: "24.5", y2: "46", gradientUnits: "userSpaceOnUse" }, { children: [jsxRuntime.jsx("stop", { stopColor: "#2FE4AB" }), jsxRuntime.jsx("stop", { offset: "1", stopColor: "#B6EA5C" })] })) })] }))); };
+
+var CardImage = styled(Image__default["default"], {
+    btrr: "$4",
+    btlr: "$4",
+});
+var GlowIconBox = styled("div", {
+    position: "block",
+    $$size: "$space$3xl",
+    width: "$$size",
+    height: "$$size",
+    "&::before": {
+        content: " ",
+        width: "$$size",
+        height: "$$size",
+        position: "absolute",
+        background: "linear-gradient(180deg, $obolGreen 0%, $obolGreenLight 100%)",
+        opacity: "0.3",
+        filter: "blur(18px)",
+        borderRadius: "310px",
+    },
+});
+var Content = function (props) { return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(Box, __assign({ css: {
+                display: "flex",
+                gap: "$xs",
+                flexDirection: "column",
+                justifyContent: "center",
+                alignItems: "center",
+                textAlign: "center",
+            } }, { children: [jsxRuntime.jsx(Text, __assign({ css: { fontWeight: "$bold" }, size: "5", color: "textLight" }, { children: props.heading })), props.subheading && (jsxRuntime.jsx(Text, __assign({ css: { lineHeight: "$base", color: "$body" }, size: "4" }, { children: props.subheading })))] })), props.link && (jsxRuntime.jsxs(Link, __assign({ href: props.link }, { children: ["Learn More ", jsxRuntime.jsx(ArrowForward, {})] })))] })); };
+var Card = function (_a) {
+    var _b = _a.variant, variant = _b === void 0 ? "icon" : _b, props = __rest(_a, ["variant"]);
+    return (jsxRuntime.jsxs(Box, __assign({ css: {
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "center",
+            background: "$bg03",
+            borderRadius: "$4",
+            width: "395px",
+            "@sm": {
+                width: "297px",
+            },
+        } }, { children: [variant == "image" && (jsxRuntime.jsx(Box, __assign({ css: {
+                    position: "relative",
+                    width: "395px",
+                    height: "222px",
+                    "@sm": {
+                        width: "297px",
+                    },
+                } }, { children: jsxRuntime.jsx(CardImage, { src: props.image, layout: "fill", objectFit: "fill", alt: props.heading }) }))), jsxRuntime.jsxs(Box, __assign({ css: {
+                    display: "flex",
+                    p: "$xl",
+                    gap: "$xl",
+                    flexDirection: "column",
+                    alignItems: "center",
+                } }, { children: [variant == "icon" && jsxRuntime.jsx(GlowIconBox, { children: props.image }), jsxRuntime.jsx(Content, __assign({}, props))] }))] })));
+};
+
+function useMediaQuery(query) {
+    var _a = react$1.useState(false), matches = _a[0], setMatches = _a[1];
+    react$1.useEffect(function () {
+        if (typeof window !== "undefined") {
+            var media_1 = window.matchMedia(query);
+            if (media_1.matches !== matches) {
+                setMatches(media_1.matches);
+            }
+            var listener_1 = function () {
+                setMatches(media_1.matches);
+            };
+            media_1.addListener(listener_1);
+            return function () { return media_1.removeListener(listener_1); };
+        }
+    }, [matches, query]);
+    return matches;
+}
+var MediaQueryKeys = {
+    xs: '(max-width: 520px)',
+    sm: '(max-width: 900px)',
+    md: '(max-width: 1200px)',
+    lg: '(max-width: 1800px)',
+};
+
+var BASE_PATH = "/assets/hexapod.svg";
+var MOBILE_PATH = "/assets/hexapod-mobile.svg";
+var HeroSection = function (_a) {
+    var image = _a.image, props = __rest(_a, ["image"]);
+    var screenDownSm = useMediaQuery(mediaQueryKeys.sm);
+    return (jsxRuntime.jsxs(Box, __assign({ css: __assign({ display: "flex", alignItems: "center", justifyContent: "center", "@sm": { flexDirection: "column" }, width: "$full" }, props === null || props === void 0 ? void 0 : props.css) }, { children: [jsxRuntime.jsxs(Box, __assign({ css: {
+                    display: "flex",
+                    flex: 1,
+                    flexDirection: "column",
+                    justifyContent: "center",
+                    alignItems: "flex-start",
+                    "@sm": { alignItems: "initial" },
+                    gap: "$xl",
+                } }, { children: [jsxRuntime.jsxs(Box, __assign({ css: {
+                            display: "flex",
+                            gap: "1rem",
+                            flexDirection: "column",
+                            justifyContent: "flex-start",
+                            "@sm": {
+                                flexDirection: "column",
+                                justifyContent: "center",
+                                alignItems: "center",
+                                paddingTop: "$2xl",
+                            },
+                        } }, { children: [jsxRuntime.jsx(Text, __assign({ id: "heading-text", css: {
+                                    fontWeight: "$bold",
+                                    lineHeight: "calc($xl * 2)",
+                                    fontSize: "calc($10 + $3)",
+                                    "@sm": {
+                                        textAlign: "center",
+                                        fontSize: "$10",
+                                    },
+                                }, color: "textLight" }, { children: props.heading })), screenDownSm && (jsxRuntime.jsx(Box, __assign({ css: {
+                                    flex: 1,
+                                    display: "flex",
+                                    justifyContent: "flex-end",
+                                    alignItems: "center",
+                                    "@sm": {
+                                        width: "350px",
+                                    },
+                                } }, { children: !screenDownSm ? (jsxRuntime.jsx(Image__default["default"], { src: (image === null || image === void 0 ? void 0 : image.basePath) || BASE_PATH, alt: "Obol Logo", width: 912, height: 597 })) : (jsxRuntime.jsx(Image__default["default"], { src: (image === null || image === void 0 ? void 0 : image.basePath) || MOBILE_PATH, alt: "Obol Logo", width: 343, height: 226 })) }))), jsxRuntime.jsx(Text, __assign({ css: {
+                                    width: "80%",
+                                    lineHeight: "$xl",
+                                    "@sm": {
+                                        textAlign: "center",
+                                        width: "auto",
+                                    },
+                                }, size: { "@initial": "7", "@sm": "5" }, color: "textMiddle" }, { children: props.content }))] })), props.children] })), !screenDownSm && (jsxRuntime.jsx(Box, __assign({ css: {
+                    flex: 1,
+                    display: "flex",
+                    justifyContent: "flex-end",
+                    alignItems: "center",
+                } }, { children: jsxRuntime.jsx(Image__default["default"], { src: (image === null || image === void 0 ? void 0 : image.basePath) || MOBILE_PATH, alt: "Obol Logo", width: 912, height: 597 }) })))] })));
+};
+
+exports.ArrowForward = ArrowForward;
+exports.Box = Box;
+exports.Button = Button;
+exports.ButtonStory = ButtonStory;
+exports.Card = Card;
+exports.CodeIcon = CodeIcon;
+exports.Download = Download;
+exports.HeroSection = HeroSection;
+exports.Link = Link;
+exports.LinkStory = LinkStory;
+exports.MediaQueryKeys = MediaQueryKeys;
+exports.MenuIcon = MenuIcon;
+exports.ObolDarkBgH = ObolDarkBgH;
+exports.ObolDarkBgMark = ObolDarkBgMark;
+exports.ObolDarkBgV = ObolDarkBgV;
+exports.ObolDarkCircle = ObolDarkCircle;
+exports.ObolLightBgH = ObolLightBgH;
+exports.ObolLightBgMark = ObolLightBgMark;
+exports.ObolLightBgV = ObolLightBgV;
+exports.ObolLightCircle = ObolLightCircle;
+exports.ObolSolidDarkBgH = ObolSolidDarkBgH;
+exports.ObolSolidDarkBgMark = ObolSolidDarkBgMark;
+exports.ObolSolidDarkBgV = ObolSolidDarkBgV;
+exports.ObolSolidLightBgH = ObolSolidLightBgH;
+exports.ObolSolidLightBgMark = ObolSolidLightBgMark;
+exports.ObolSolidLightBgV = ObolSolidLightBgV;
+exports.OpenInNew = OpenInNew;
+exports.PublicGoodIcon = PublicGoodIcon;
+exports.Spin = Spin;
+exports.SvgIcon = SvgIcon;
+exports.Tabs = Tabs$1;
+exports.Text = Text;
+exports.TextStory = TextStory;
+exports.TrustMinimisedIcon = TrustMinimisedIcon;
+exports.config = config;
+exports.createTheme = createTheme;
+exports.css = css;
+exports.getCssText = getCssText;
+exports.globalCss = globalCss;
+exports.keyframes = keyframes;
+exports.styled = styled;
+exports.theme = theme;
+exports.useMediaQuery = useMediaQuery;