@lidofinance/lido-app-ui 1.2.0 → 1.3.0

package/dist/esm/tooltip/Tooltip.mjs

@@ -0,0 +1,139 @@
+import { useRef, useState, useCallback, useEffect } from 'react';
+import { flushSync } from 'react-dom';
+import cn from 'classnames';
+import styles from './Tooltip.module.css.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// Minimal distance between the tooltip and the viewport edge.
+const VIEWPORT_MARGIN = 16;
+// Distance between the anchor and the content for main (non-corner) positions.
+const POSITION_GAP = 15;
+const clampValue = (value, min, max) => Math.min(Math.max(value, min), Math.max(max, min));
+const getMaxWidth = width => `min(${width}px, calc(100vw - ${VIEWPORT_MARGIN * 2}px))`;
+
+// Measures the anchor and the (hidden but laid-out) content, then picks a
+// position/shift that keeps the bubble inside the viewport — flipping sides
+// when there isn't room, sliding along the cross axis otherwise.
+const getAdjustment = (position, anchor, content) => {
+  const viewportWidth = document.documentElement.clientWidth;
+  const viewportHeight = document.documentElement.clientHeight;
+  const spaceTop = anchor.top - VIEWPORT_MARGIN;
+  const spaceBottom = viewportHeight - anchor.bottom - VIEWPORT_MARGIN;
+  const spaceLeft = anchor.left - VIEWPORT_MARGIN;
+  const spaceRight = viewportWidth - anchor.right - VIEWPORT_MARGIN;
+  let [main, corner] = position.split('-');
+  const gap = corner ? 0 : POSITION_GAP;
+
+  // Side positions: flip to the other side, or fall back to a vertical
+  // position when the content doesn't fit horizontally on either side.
+  if (main === 'left' || main === 'right') {
+    const needed = content.width + gap;
+    if (needed > spaceLeft && needed > spaceRight) {
+      main = spaceBottom >= spaceTop ? 'bottom' : 'top';
+    } else if (main === 'right' && needed > spaceRight) {
+      main = 'left';
+    } else if (main === 'left' && needed > spaceLeft) {
+      main = 'right';
+    }
+  }
+
+  // Vertical positions: flip when the content doesn't fit and there is more room on the other side.
+  if (main === 'top' || main === 'bottom') {
+    const space = main === 'top' ? spaceTop : spaceBottom;
+    const opposite = main === 'top' ? spaceBottom : spaceTop;
+    if (content.height + gap > space && opposite > space) {
+      main = main === 'top' ? 'bottom' : 'top';
+    }
+  }
+
+  // A corner's cut-off edge has to meet the anchor, and sliding breaks that
+  // join — so mirror to the other side first and only slide as a last resort.
+  if (corner) {
+    const space = corner === 'left' ? spaceLeft : spaceRight;
+    const opposite = corner === 'left' ? spaceRight : spaceLeft;
+    if (content.width > space && opposite > space) {
+      corner = corner === 'left' ? 'right' : 'left';
+    }
+  }
+  let shiftX = 0;
+  let shiftY = 0;
+  if (main === 'left' || main === 'right') {
+    const idealTop = anchor.top + anchor.height / 2 - content.height / 2;
+    shiftY = clampValue(idealTop, VIEWPORT_MARGIN, viewportHeight - VIEWPORT_MARGIN - content.height) - idealTop;
+  } else {
+    const idealLeft = !corner ? anchor.left + anchor.width / 2 - content.width / 2 : corner === 'left' ? anchor.left - content.width : anchor.right;
+    shiftX = clampValue(idealLeft, VIEWPORT_MARGIN, viewportWidth - VIEWPORT_MARGIN - content.width) - idealLeft;
+  }
+  return {
+    position: corner ? `${main}-${corner}` : main,
+    shiftX,
+    shiftY
+  };
+};
+const Tooltip = _ref => {
+  let {
+    content,
+    position = 'top',
+    width = 320,
+    className,
+    children,
+    onMouseEnter,
+    onFocus,
+    ...rest
+  } = _ref;
+  const rootRef = useRef(null);
+  const contentRef = useRef(null);
+  const [adjustment, setAdjustment] = useState(null);
+  const updatePosition = useCallback(() => {
+    const root = rootRef.current;
+    const contentEl = contentRef.current;
+    if (!root || !contentEl) return;
+
+    // React treats mouseenter as a continuous-priority event and would defer
+    // the update past the next paint, flashing the tooltip at the old position.
+    flushSync(() => {
+      setAdjustment(getAdjustment(position, root.getBoundingClientRect(), contentEl.getBoundingClientRect()));
+    });
+  }, [position]);
+  useEffect(() => {
+    setAdjustment(null);
+  }, [position]);
+  useEffect(() => {
+    const handleResize = () => {
+      if (rootRef.current?.matches(':hover')) updatePosition();
+    };
+    window.addEventListener('resize', handleResize);
+    return () => window.removeEventListener('resize', handleResize);
+  }, [updatePosition]);
+  const handleMouseEnter = event => {
+    updatePosition();
+    onMouseEnter?.(event);
+  };
+  const handleFocus = event => {
+    updatePosition();
+    onFocus?.(event);
+  };
+  const effectivePosition = adjustment?.position ?? position;
+  return /*#__PURE__*/jsxs("span", {
+    ref: rootRef,
+    className: cn(styles.wrapper, className),
+    onMouseEnter: handleMouseEnter,
+    onFocus: handleFocus,
+    ...rest,
+    children: [children, /*#__PURE__*/jsx("span", {
+      ref: contentRef,
+      className: cn(styles.content, styles[`position-${effectivePosition}`]),
+      style: {
+        '--local-tooltip-width': getMaxWidth(width),
+        '--local-tooltip-shift-x': `${adjustment?.shiftX ?? 0}px`,
+        '--local-tooltip-shift-y': `${adjustment?.shiftY ?? 0}px`
+      },
+      role: "tooltip",
+      children: content
+    })]
+  });
+};
+Tooltip.displayName = 'Tooltip';
+
+export { Tooltip };
+//# sourceMappingURL=Tooltip.mjs.map

package/dist/esm/tooltip/Tooltip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.mjs","sources":["../../../src/tooltip/Tooltip.tsx"],"sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  type ComponentPropsWithoutRef,\n  type CSSProperties,\n  type FocusEvent,\n  type MouseEvent,\n  type ReactNode,\n} from 'react'\nimport { flushSync } from 'react-dom'\n\nimport cn from 'classnames'\n\nimport styles from './Tooltip.module.css'\n\nexport type TooltipPosition =\n  | 'top'\n  | 'right'\n  | 'bottom'\n  | 'left'\n  | 'top-left'\n  | 'top-right'\n  | 'bottom-left'\n  | 'bottom-right'\n\nexport type TooltipProps = Omit<ComponentPropsWithoutRef<'span'>, 'content'> & {\n  content: ReactNode\n  position?: TooltipPosition\n  width?: number\n}\n\n// Minimal distance between the tooltip and the viewport edge.\nconst VIEWPORT_MARGIN = 16\n// Distance between the anchor and the content for main (non-corner) positions.\nconst POSITION_GAP = 15\n\ntype TooltipAdjustment = {\n  position: TooltipPosition\n  shiftX: number\n  shiftY: number\n}\n\nconst clampValue = (value: number, min: number, max: number) =>\n  Math.min(Math.max(value, min), Math.max(max, min))\n\nconst getMaxWidth = (width: number) =>\n  `min(${width}px, calc(100vw - ${VIEWPORT_MARGIN * 2}px))`\n\n// Measures the anchor and the (hidden but laid-out) content, then picks a\n// position/shift that keeps the bubble inside the viewport — flipping sides\n// when there isn't room, sliding along the cross axis otherwise.\nconst getAdjustment = (\n  position: TooltipPosition,\n  anchor: DOMRect,\n  content: DOMRect,\n): TooltipAdjustment => {\n  const viewportWidth = document.documentElement.clientWidth\n  const viewportHeight = document.documentElement.clientHeight\n\n  const spaceTop = anchor.top - VIEWPORT_MARGIN\n  const spaceBottom = viewportHeight - anchor.bottom - VIEWPORT_MARGIN\n  const spaceLeft = anchor.left - VIEWPORT_MARGIN\n  const spaceRight = viewportWidth - anchor.right - VIEWPORT_MARGIN\n\n  let [main, corner] = position.split('-')\n  const gap = corner ? 0 : POSITION_GAP\n\n  // Side positions: flip to the other side, or fall back to a vertical\n  // position when the content doesn't fit horizontally on either side.\n  if (main === 'left' || main === 'right') {\n    const needed = content.width + gap\n    if (needed > spaceLeft && needed > spaceRight) {\n      main = spaceBottom >= spaceTop ? 'bottom' : 'top'\n    } else if (main === 'right' && needed > spaceRight) {\n      main = 'left'\n    } else if (main === 'left' && needed > spaceLeft) {\n      main = 'right'\n    }\n  }\n\n  // Vertical positions: flip when the content doesn't fit and there is more room on the other side.\n  if (main === 'top' || main === 'bottom') {\n    const space = main === 'top' ? spaceTop : spaceBottom\n    const opposite = main === 'top' ? spaceBottom : spaceTop\n    if (content.height + gap > space && opposite > space) {\n      main = main === 'top' ? 'bottom' : 'top'\n    }\n  }\n\n  // A corner's cut-off edge has to meet the anchor, and sliding breaks that\n  // join — so mirror to the other side first and only slide as a last resort.\n  if (corner) {\n    const space = corner === 'left' ? spaceLeft : spaceRight\n    const opposite = corner === 'left' ? spaceRight : spaceLeft\n    if (content.width > space && opposite > space) {\n      corner = corner === 'left' ? 'right' : 'left'\n    }\n  }\n\n  let shiftX = 0\n  let shiftY = 0\n  if (main === 'left' || main === 'right') {\n    const idealTop = anchor.top + anchor.height / 2 - content.height / 2\n    shiftY =\n      clampValue(\n        idealTop,\n        VIEWPORT_MARGIN,\n        viewportHeight - VIEWPORT_MARGIN - content.height,\n      ) - idealTop\n  } else {\n    const idealLeft = !corner\n      ? anchor.left + anchor.width / 2 - content.width / 2\n      : corner === 'left'\n        ? anchor.left - content.width\n        : anchor.right\n    shiftX =\n      clampValue(\n        idealLeft,\n        VIEWPORT_MARGIN,\n        viewportWidth - VIEWPORT_MARGIN - content.width,\n      ) - idealLeft\n  }\n\n  return {\n    position: (corner ? `${main}-${corner}` : main) as TooltipPosition,\n    shiftX,\n    shiftY,\n  }\n}\n\nexport const Tooltip = ({\n  content,\n  position = 'top',\n  width = 320,\n  className,\n  children,\n  onMouseEnter,\n  onFocus,\n  ...rest\n}: TooltipProps) => {\n  const rootRef = useRef<HTMLSpanElement>(null)\n  const contentRef = useRef<HTMLSpanElement>(null)\n  const [adjustment, setAdjustment] = useState<TooltipAdjustment | null>(null)\n\n  const updatePosition = useCallback(() => {\n    const root = rootRef.current\n    const contentEl = contentRef.current\n    if (!root || !contentEl) return\n\n    // React treats mouseenter as a continuous-priority event and would defer\n    // the update past the next paint, flashing the tooltip at the old position.\n    flushSync(() => {\n      setAdjustment(\n        getAdjustment(\n          position,\n          root.getBoundingClientRect(),\n          contentEl.getBoundingClientRect(),\n        ),\n      )\n    })\n  }, [position])\n\n  useEffect(() => {\n    setAdjustment(null)\n  }, [position])\n\n  useEffect(() => {\n    const handleResize = () => {\n      if (rootRef.current?.matches(':hover')) updatePosition()\n    }\n\n    window.addEventListener('resize', handleResize)\n    return () => window.removeEventListener('resize', handleResize)\n  }, [updatePosition])\n\n  const handleMouseEnter = (event: MouseEvent<HTMLSpanElement>) => {\n    updatePosition()\n    onMouseEnter?.(event)\n  }\n\n  const handleFocus = (event: FocusEvent<HTMLSpanElement>) => {\n    updatePosition()\n    onFocus?.(event)\n  }\n\n  const effectivePosition = adjustment?.position ?? position\n\n  return (\n    <span\n      ref={rootRef}\n      className={cn(styles.wrapper, className)}\n      onMouseEnter={handleMouseEnter}\n      onFocus={handleFocus}\n      {...rest}\n    >\n      {children}\n      <span\n        ref={contentRef}\n        className={cn(styles.content, styles[`position-${effectivePosition}`])}\n        style={\n          {\n            '--local-tooltip-width': getMaxWidth(width),\n            '--local-tooltip-shift-x': `${adjustment?.shiftX ?? 0}px`,\n            '--local-tooltip-shift-y': `${adjustment?.shiftY ?? 0}px`,\n          } as CSSProperties\n        }\n        role='tooltip'\n      >\n        {content}\n      </span>\n    </span>\n  )\n}\n\nTooltip.displayName = 'Tooltip'\n"],"names":["VIEWPORT_MARGIN","POSITION_GAP","clampValue","value","min","max","Math","getMaxWidth","width","getAdjustment","position","anchor","content","viewportWidth","document","documentElement","clientWidth","viewportHeight","clientHeight","spaceTop","top","spaceBottom","bottom","spaceLeft","left","spaceRight","right","main","corner","split","gap","needed","space","opposite","height","shiftX","shiftY","idealTop","idealLeft","Tooltip","_ref","className","children","onMouseEnter","onFocus","rest","rootRef","useRef","contentRef","adjustment","setAdjustment","useState","updatePosition","useCallback","root","current","contentEl","flushSync","getBoundingClientRect","useEffect","handleResize","matches","window","addEventListener","removeEventListener","handleMouseEnter","event","handleFocus","effectivePosition","_jsxs","ref","cn","styles","wrapper","_jsx","style","role","displayName"],"mappings":"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"}

package/dist/esm/tooltip/Tooltip.module.css.mjs

@@ -0,0 +1,4 @@
+const styles = {"wrapper":"Tooltip-module_wrapper__-h7ZD","content":"Tooltip-module_content__Yqdc-","position-top":"Tooltip-module_position-top__yIb6T","position-bottom":"Tooltip-module_position-bottom__LohZn","position-left":"Tooltip-module_position-left__oe67r","position-right":"Tooltip-module_position-right__N27I5","position-top-left":"Tooltip-module_position-top-left__2jkq9","position-top-right":"Tooltip-module_position-top-right__jdGlT","position-bottom-left":"Tooltip-module_position-bottom-left__-NwL7","position-bottom-right":"Tooltip-module_position-bottom-right__DNYiw"};
+
+export { styles as default };
+//# sourceMappingURL=Tooltip.module.css.mjs.map

package/dist/esm/tooltip/Tooltip.module.css.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.module.css.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/esm/tx-status/TxStatus.mjs

@@ -0,0 +1,65 @@
+import cn from 'classnames';
+import styles from './TxStatus.module.css.mjs';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { IconSpinner } from '../icons/components/base/IconSpinner.mjs';
+import { IconCheck } from '../icons/components/base/IconCheck.mjs';
+import { IconCross } from '../icons/components/base/IconCross.mjs';
+
+const graphicByStatus = {
+  loading: /*#__PURE__*/jsx(IconSpinner, {
+    className: styles.spinner
+  }),
+  success: /*#__PURE__*/jsx("span", {
+    className: cn(styles.circle, styles.circleSuccess),
+    children: /*#__PURE__*/jsx(IconCheck, {
+      className: styles.circleIcon
+    })
+  }),
+  error: /*#__PURE__*/jsx("span", {
+    className: cn(styles.circle, styles.circleError),
+    children: /*#__PURE__*/jsx(IconCross, {
+      className: styles.circleIcon
+    })
+  })
+};
+const TxStatus = _ref => {
+  let {
+    status,
+    title,
+    amount,
+    message,
+    footer,
+    className
+  } = _ref;
+  return /*#__PURE__*/jsxs("div", {
+    className: cn(styles.root, className),
+    children: [/*#__PURE__*/jsxs("div", {
+      className: styles.statusBlock,
+      children: [/*#__PURE__*/jsxs("div", {
+        className: styles.graphicGroup,
+        children: [/*#__PURE__*/jsx("span", {
+          className: styles.graphic,
+          children: graphicByStatus[status]
+        }), /*#__PURE__*/jsxs("div", {
+          className: styles.textGroup,
+          children: [/*#__PURE__*/jsx("span", {
+            className: styles.title,
+            children: title
+          }), amount ? /*#__PURE__*/jsx("div", {
+            className: styles.amount,
+            children: amount
+          }) : null]
+        })]
+      }), message ? /*#__PURE__*/jsx("div", {
+        className: styles.message,
+        children: message
+      }) : null]
+    }), footer ? /*#__PURE__*/jsx("div", {
+      className: styles.footer,
+      children: footer
+    }) : null]
+  });
+};
+
+export { TxStatus };
+//# sourceMappingURL=TxStatus.mjs.map

package/dist/esm/tx-status/TxStatus.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TxStatus.mjs","sources":["../../../src/tx-status/TxStatus.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\n\nimport { IconCheck, IconCross, IconSpinner } from '../icons'\nimport cn from 'classnames'\n\nimport styles from './TxStatus.module.css'\n\nexport type TxStatusVariant = 'loading' | 'success' | 'error'\n\nexport type TxStatusProps = {\n  status: TxStatusVariant\n  title: ReactNode\n  amount?: ReactNode\n  message?: ReactNode\n  footer?: ReactNode\n  className?: string\n}\n\nconst graphicByStatus: Record<TxStatusVariant, ReactNode> = {\n  loading: <IconSpinner className={styles.spinner} />,\n  success: (\n    <span className={cn(styles.circle, styles.circleSuccess)}>\n      <IconCheck className={styles.circleIcon} />\n    </span>\n  ),\n  error: (\n    <span className={cn(styles.circle, styles.circleError)}>\n      <IconCross className={styles.circleIcon} />\n    </span>\n  ),\n}\n\nexport const TxStatus = ({\n  status,\n  title,\n  amount,\n  message,\n  footer,\n  className,\n}: TxStatusProps) => (\n  <div className={cn(styles.root, className)}>\n    <div className={styles.statusBlock}>\n      <div className={styles.graphicGroup}>\n        <span className={styles.graphic}>{graphicByStatus[status]}</span>\n        <div className={styles.textGroup}>\n          <span className={styles.title}>{title}</span>\n          {amount ? <div className={styles.amount}>{amount}</div> : null}\n        </div>\n      </div>\n      {message ? <div className={styles.message}>{message}</div> : null}\n    </div>\n    {footer ? <div className={styles.footer}>{footer}</div> : null}\n  </div>\n)\n"],"names":["graphicByStatus","loading","_jsx","IconSpinner","className","styles","spinner","success","cn","circle","circleSuccess","children","IconCheck","circleIcon","error","circleError","IconCross","TxStatus","_ref","status","title","amount","message","footer","_jsxs","root","statusBlock","graphicGroup","graphic","textGroup"],"mappings":";;;;;;;AAkBA,MAAMA,eAAmD,GAAG;EAC1DC,OAAO,eAAEC,GAAA,CAACC,WAAW,EAAA;IAACC,SAAS,EAAEC,MAAM,CAACC,OAAAA;AAAQ,GAAE,CAAC;AACnDC,EAAAA,OAAO,eACLL,GAAA,CAAA,MAAA,EAAA;IAAME,SAAS,EAAEI,EAAE,CAACH,MAAM,CAACI,MAAM,EAAEJ,MAAM,CAACK,aAAa,CAAE;IAAAC,QAAA,eACvDT,GAAA,CAACU,SAAS,EAAA;MAACR,SAAS,EAAEC,MAAM,CAACQ,UAAAA;KAAa,CAAA;AAAC,GACvC,CACP;AACDC,EAAAA,KAAK,eACHZ,GAAA,CAAA,MAAA,EAAA;IAAME,SAAS,EAAEI,EAAE,CAACH,MAAM,CAACI,MAAM,EAAEJ,MAAM,CAACU,WAAW,CAAE;IAAAJ,QAAA,eACrDT,GAAA,CAACc,SAAS,EAAA;MAACZ,SAAS,EAAEC,MAAM,CAACQ,UAAAA;KAAa,CAAA;GACtC,CAAA;AAEV,CAAC,CAAA;AAEM,MAAMI,QAAQ,GAAGC,IAAA,IAAA;EAAA,IAAC;IACvBC,MAAM;IACNC,KAAK;IACLC,MAAM;IACNC,OAAO;IACPC,MAAM;AACNnB,IAAAA,SAAAA;AACa,GAAC,GAAAc,IAAA,CAAA;AAAA,EAAA,oBACdM,IAAA,CAAA,KAAA,EAAA;IAAKpB,SAAS,EAAEI,EAAE,CAACH,MAAM,CAACoB,IAAI,EAAErB,SAAS,CAAE;AAAAO,IAAAA,QAAA,gBACzCa,IAAA,CAAA,KAAA,EAAA;MAAKpB,SAAS,EAAEC,MAAM,CAACqB,WAAY;AAAAf,MAAAA,QAAA,gBACjCa,IAAA,CAAA,KAAA,EAAA;QAAKpB,SAAS,EAAEC,MAAM,CAACsB,YAAa;AAAAhB,QAAAA,QAAA,gBAClCT,GAAA,CAAA,MAAA,EAAA;UAAME,SAAS,EAAEC,MAAM,CAACuB,OAAQ;UAAAjB,QAAA,EAAEX,eAAe,CAACmB,MAAM,CAAA;SAAQ,CAAC,eACjEK,IAAA,CAAA,KAAA,EAAA;UAAKpB,SAAS,EAAEC,MAAM,CAACwB,SAAU;AAAAlB,UAAAA,QAAA,gBAC/BT,GAAA,CAAA,MAAA,EAAA;YAAME,SAAS,EAAEC,MAAM,CAACe,KAAM;AAAAT,YAAAA,QAAA,EAAES,KAAAA;AAAK,WAAO,CAAC,EAC5CC,MAAM,gBAAGnB,GAAA,CAAA,KAAA,EAAA;YAAKE,SAAS,EAAEC,MAAM,CAACgB,MAAO;AAAAV,YAAAA,QAAA,EAAEU,MAAAA;WAAY,CAAC,GAAG,IAAI,CAAA;AAAA,SAC3D,CAAC,CAAA;AAAA,OACH,CAAC,EACLC,OAAO,gBAAGpB,GAAA,CAAA,KAAA,EAAA;QAAKE,SAAS,EAAEC,MAAM,CAACiB,OAAQ;AAAAX,QAAAA,QAAA,EAAEW,OAAAA;OAAa,CAAC,GAAG,IAAI,CAAA;AAAA,KAC9D,CAAC,EACLC,MAAM,gBAAGrB,GAAA,CAAA,KAAA,EAAA;MAAKE,SAAS,EAAEC,MAAM,CAACkB,MAAO;AAAAZ,MAAAA,QAAA,EAAEY,MAAAA;KAAY,CAAC,GAAG,IAAI,CAAA;AAAA,GAC3D,CAAC,CAAA;AAAA;;;;"}

package/dist/esm/tx-status/TxStatus.module.css.mjs

@@ -0,0 +1,4 @@
+const styles = {"root":"TxStatus-module_root__Ei4-y","statusBlock":"TxStatus-module_statusBlock__uZCwq","graphicGroup":"TxStatus-module_graphicGroup__VBBP7","graphic":"TxStatus-module_graphic__-6MVT","spinner":"TxStatus-module_spinner__kZnfO","spin":"TxStatus-module_spin__--DsV","circle":"TxStatus-module_circle__2McU9","circleSuccess":"TxStatus-module_circleSuccess__ioyYt","circleError":"TxStatus-module_circleError__iZ-fn","circleIcon":"TxStatus-module_circleIcon__KQeiU","textGroup":"TxStatus-module_textGroup__Fbo3U","title":"TxStatus-module_title__LO53U","amount":"TxStatus-module_amount__UXqNu","message":"TxStatus-module_message__L5JLs","footer":"TxStatus-module_footer__sXCub"};
+
+export { styles as default };
+//# sourceMappingURL=TxStatus.module.css.mjs.map

package/dist/esm/tx-status/TxStatus.module.css.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TxStatus.module.css.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/esm/typography/Typography.mjs

@@ -0,0 +1,62 @@
+import cn from 'classnames';
+import styles from './Typography.module.css.mjs';
+import { jsx } from 'react/jsx-runtime';
+
+const variantTag = {
+  h1: 'h1',
+  h2: 'h2',
+  h3: 'h3',
+  richInput: 'p',
+  bodyLarge: 'p',
+  body: 'p',
+  description: 'p',
+  groupName: 'p'
+};
+const isBodyVariant = variant => variant === 'bodyLarge' || variant === 'body' || variant === 'description';
+const Typography = _ref => {
+  let {
+    variant,
+    weight,
+    as,
+    className,
+    children,
+    ...rest
+  } = _ref;
+  const Component = as ?? variantTag[variant];
+  return /*#__PURE__*/jsx(Component, {
+    className: cn(styles.root, styles[variant], weight === 'semibold' && isBodyVariant(variant) && styles.semibold, className),
+    ...rest,
+    children: children
+  });
+};
+const H1 = props => /*#__PURE__*/jsx(Typography, {
+  ...props,
+  variant: "h1"
+});
+const H2 = props => /*#__PURE__*/jsx(Typography, {
+  ...props,
+  variant: "h2"
+});
+const H3 = props => /*#__PURE__*/jsx(Typography, {
+  ...props,
+  variant: "h3"
+});
+const BodyLarge = props => /*#__PURE__*/jsx(Typography, {
+  ...props,
+  variant: "bodyLarge"
+});
+const Body = props => /*#__PURE__*/jsx(Typography, {
+  ...props,
+  variant: "body"
+});
+const Description = props => /*#__PURE__*/jsx(Typography, {
+  ...props,
+  variant: "description"
+});
+const GroupName = props => /*#__PURE__*/jsx(Typography, {
+  ...props,
+  variant: "groupName"
+});
+
+export { Body, BodyLarge, Description, GroupName, H1, H2, H3, Typography };
+//# sourceMappingURL=Typography.mjs.map

package/dist/esm/typography/Typography.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.mjs","sources":["../../../src/typography/Typography.tsx"],"sourcesContent":["import type { ElementType, HTMLAttributes } from 'react'\n\nimport cn from 'classnames'\n\nimport styles from './Typography.module.css'\n\nexport type TypographyVariant =\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'richInput'\n  | 'bodyLarge'\n  | 'body'\n  | 'description'\n  | 'groupName'\n\n// Weight only applies to bodyLarge/body/description; headings are single-weight by design.\nexport type TypographyWeight = 'regular' | 'semibold'\n\nexport type TypographyProps = HTMLAttributes<HTMLElement> & {\n  variant: TypographyVariant\n  weight?: TypographyWeight\n  as?: ElementType\n}\n\nconst variantTag: Record<TypographyVariant, ElementType> = {\n  h1: 'h1',\n  h2: 'h2',\n  h3: 'h3',\n  richInput: 'p',\n  bodyLarge: 'p',\n  body: 'p',\n  description: 'p',\n  groupName: 'p',\n}\n\nconst isBodyVariant = (variant: TypographyVariant): boolean =>\n  variant === 'bodyLarge' || variant === 'body' || variant === 'description'\n\nexport const Typography = ({\n  variant,\n  weight,\n  as,\n  className,\n  children,\n  ...rest\n}: TypographyProps) => {\n  const Component = as ?? variantTag[variant]\n\n  return (\n    <Component\n      className={cn(\n        styles.root,\n        styles[variant],\n        weight === 'semibold' && isBodyVariant(variant) && styles.semibold,\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </Component>\n  )\n}\n\ntype ShorthandProps = Omit<TypographyProps, 'variant'>\n\nexport const H1 = (props: ShorthandProps) => (\n  <Typography {...props} variant='h1' />\n)\n\nexport const H2 = (props: ShorthandProps) => (\n  <Typography {...props} variant='h2' />\n)\n\nexport const H3 = (props: ShorthandProps) => (\n  <Typography {...props} variant='h3' />\n)\n\nexport const BodyLarge = (props: ShorthandProps) => (\n  <Typography {...props} variant='bodyLarge' />\n)\n\nexport const Body = (props: ShorthandProps) => (\n  <Typography {...props} variant='body' />\n)\n\nexport const Description = (props: ShorthandProps) => (\n  <Typography {...props} variant='description' />\n)\n\nexport const GroupName = (props: ShorthandProps) => (\n  <Typography {...props} variant='groupName' />\n)\n"],"names":["variantTag","h1","h2","h3","richInput","bodyLarge","body","description","groupName","isBodyVariant","variant","Typography","_ref","weight","as","className","children","rest","Component","_jsx","cn","styles","root","semibold","H1","props","H2","H3","BodyLarge","Body","Description","GroupName"],"mappings":";;;;AAyBA,MAAMA,UAAkD,GAAG;AACzDC,EAAAA,EAAE,EAAE,IAAI;AACRC,EAAAA,EAAE,EAAE,IAAI;AACRC,EAAAA,EAAE,EAAE,IAAI;AACRC,EAAAA,SAAS,EAAE,GAAG;AACdC,EAAAA,SAAS,EAAE,GAAG;AACdC,EAAAA,IAAI,EAAE,GAAG;AACTC,EAAAA,WAAW,EAAE,GAAG;AAChBC,EAAAA,SAAS,EAAE,GAAA;AACb,CAAC,CAAA;AAED,MAAMC,aAAa,GAAIC,OAA0B,IAC/CA,OAAO,KAAK,WAAW,IAAIA,OAAO,KAAK,MAAM,IAAIA,OAAO,KAAK,aAAa,CAAA;AAE/DC,MAAAA,UAAU,GAAGC,IAAA,IAOH;EAAA,IAPI;IACzBF,OAAO;IACPG,MAAM;IACNC,EAAE;IACFC,SAAS;IACTC,QAAQ;IACR,GAAGC,IAAAA;AACY,GAAC,GAAAL,IAAA,CAAA;AAChB,EAAA,MAAMM,SAAS,GAAGJ,EAAE,IAAId,UAAU,CAACU,OAAO,CAAC,CAAA;EAE3C,oBACES,GAAA,CAACD,SAAS,EAAA;IACRH,SAAS,EAAEK,EAAE,CACXC,MAAM,CAACC,IAAI,EACXD,MAAM,CAACX,OAAO,CAAC,EACfG,MAAM,KAAK,UAAU,IAAIJ,aAAa,CAACC,OAAO,CAAC,IAAIW,MAAM,CAACE,QAAQ,EAClER,SACF,CAAE;AAAA,IAAA,GACEE,IAAI;AAAAD,IAAAA,QAAA,EAEPA,QAAAA;AAAQ,GACA,CAAC,CAAA;AAEhB,EAAC;MAIYQ,EAAE,GAAIC,KAAqB,iBACtCN,GAAA,CAACR,UAAU,EAAA;AAAA,EAAA,GAAKc,KAAK;AAAEf,EAAAA,OAAO,EAAC,IAAA;AAAI,CAAE,EACtC;MAEYgB,EAAE,GAAID,KAAqB,iBACtCN,GAAA,CAACR,UAAU,EAAA;AAAA,EAAA,GAAKc,KAAK;AAAEf,EAAAA,OAAO,EAAC,IAAA;AAAI,CAAE,EACtC;MAEYiB,EAAE,GAAIF,KAAqB,iBACtCN,GAAA,CAACR,UAAU,EAAA;AAAA,EAAA,GAAKc,KAAK;AAAEf,EAAAA,OAAO,EAAC,IAAA;AAAI,CAAE,EACtC;MAEYkB,SAAS,GAAIH,KAAqB,iBAC7CN,GAAA,CAACR,UAAU,EAAA;AAAA,EAAA,GAAKc,KAAK;AAAEf,EAAAA,OAAO,EAAC,WAAA;AAAW,CAAE,EAC7C;MAEYmB,IAAI,GAAIJ,KAAqB,iBACxCN,GAAA,CAACR,UAAU,EAAA;AAAA,EAAA,GAAKc,KAAK;AAAEf,EAAAA,OAAO,EAAC,MAAA;AAAM,CAAE,EACxC;MAEYoB,WAAW,GAAIL,KAAqB,iBAC/CN,GAAA,CAACR,UAAU,EAAA;AAAA,EAAA,GAAKc,KAAK;AAAEf,EAAAA,OAAO,EAAC,aAAA;AAAa,CAAE,EAC/C;MAEYqB,SAAS,GAAIN,KAAqB,iBAC7CN,GAAA,CAACR,UAAU,EAAA;AAAA,EAAA,GAAKc,KAAK;AAAEf,EAAAA,OAAO,EAAC,WAAA;AAAW,CAAE;;;;"}

package/dist/esm/typography/Typography.module.css.mjs

@@ -0,0 +1,4 @@
+const styles = {"root":"Typography-module_root__2cRgG","h1":"Typography-module_h1__Owx3Q","h2":"Typography-module_h2__PGKur","h3":"Typography-module_h3__SyRpZ","richInput":"Typography-module_richInput__QDHSm","bodyLarge":"Typography-module_bodyLarge__ziLsk","body":"Typography-module_body__fowlB","description":"Typography-module_description__5mtlx","groupName":"Typography-module_groupName__DNolh","semibold":"Typography-module_semibold__pf-6N"};
+
+export { styles as default };
+//# sourceMappingURL=Typography.module.css.mjs.map

package/dist/esm/typography/Typography.module.css.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.module.css.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/index.css

@@ -1,3 +1,59 @@
-@layer contentTheme{.content-theme-module_dark__oFY1C{display:var(--lido-ui-dark-display,contents)}.content-theme-module_light__w1TiD{display:var(--lido-ui-light-display,contents)}}.theme-toggler-module_icon__ZRs7R{--local-icon-size:24px;font-family:var(--lido-ui-font-family);grid-area:a;place-self:center center}.theme-toggler-module_light__Q-trB{visibility:var(--lido-ui-dark-mode-visibility)}.theme-toggler-module_dark__-0RKw{visibility:var(--lido-ui-light-mode-visibility)}.theme-toggler-module_lightTheme__3NHWC{color:var(--lido-ui-color-icons-primary)}.theme-toggler-module_themeToggler__8IBGg{display:inline-grid;grid-template-areas:"a";&>span:first-child{display:contents}}.TestEnvBanner-module_banner__t8Rxv{--lido-ui-local-test-env-banner-accent:var(
+@layer contentTheme{.content-theme-module_dark__oFY1C{display:var(--lido-ui-dark-display,contents)}.content-theme-module_light__w1TiD{display:var(--lido-ui-light-display,contents)}}.theme-toggler-module_icon__ZRs7R{--local-icon-size:24px;font-family:var(--lido-ui-font-family);grid-area:a;place-self:center center}.theme-toggler-module_light__Q-trB{visibility:var(--lido-ui-dark-mode-visibility)}.theme-toggler-module_dark__-0RKw{visibility:var(--lido-ui-light-mode-visibility)}.theme-toggler-module_lightTheme__3NHWC{color:var(--lido-ui-color-icons-primary)}.theme-toggler-module_themeToggler__8IBGg{display:inline-grid;grid-template-areas:"a"}.theme-toggler-module_themeToggler__8IBGg>span:first-child{display:contents}.TestEnvBanner-module_banner__t8Rxv{--lido-ui-local-test-env-banner-accent:var(
     --lido-ui-color-text-error,#d74758
-  );align-items:center;background-color:var(--lido-ui-local-test-env-banner-accent);background-image:url(../assets/6c119570.svg);background-repeat:no-repeat;background-size:cover;box-sizing:border-box;display:flex;font-family:var(--lido-ui-font-family);justify-content:center;min-height:60px;overflow:hidden;position:relative;width:100%}.TestEnvBanner-module_label__P7GVG{text-wrap:balance;align-items:center;background:var(--lido-ui-local-test-env-banner-accent);color:var(--lido-ui-color-buttons-text-static,#fff);display:flex;font-size:14px;font-weight:800;line-height:1.4;max-width:100%;min-height:30px;padding:5px 8px;position:relative;text-align:center;text-transform:uppercase}.TestEnvBanner-module_shortText__TdkLD{display:none}@media (max-width:599px){.TestEnvBanner-module_textWithShort__2v4Y5{display:none}.TestEnvBanner-module_shortText__TdkLD{display:block}}.Button-module_button__eiKKZ{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:600;gap:8px;justify-content:center;outline:none;overflow:hidden;position:relative;text-decoration:none;transition:background .15s ease,transform .1s ease,opacity .15s ease;white-space:nowrap}.Button-module_button__eiKKZ:active:not(.Button-module_loading__wZ1IR){transform:scale(.97)}.Button-module_button__eiKKZ.Button-module_loading__wZ1IR,.Button-module_button__eiKKZ:disabled{cursor:not-allowed;opacity:.5}.Button-module_sm__Y4qjx{font-size:13px;line-height:18px;min-height:34px;padding:8px 16px}.Button-module_md__qbViT{font-size:14px;line-height:20px;min-height:42px;padding:10px 20px}.Button-module_lg__vMNHM{font-size:16px;line-height:24px;min-height:52px;padding:14px 28px}.Button-module_filled__7Ri6T.Button-module_primary__EU45Z{background:linear-gradient(135deg,#00a3ff,#0047ff);color:#fff}.Button-module_filled__7Ri6T.Button-module_primary__EU45Z:hover:not(:disabled,.Button-module_loading__wZ1IR){background:linear-gradient(135deg,#33b5ff,#2260ff)}.Button-module_filled__7Ri6T.Button-module_secondary__5BZ2i{background:linear-gradient(135deg,#2d3748,#1a202c);color:#e2e8f0}.Button-module_filled__7Ri6T.Button-module_secondary__5BZ2i:hover:not(:disabled,.Button-module_loading__wZ1IR){background:linear-gradient(135deg,#3d4f65,#2a3244)}.Button-module_filled__7Ri6T.Button-module_warning__8WIwI{background:linear-gradient(135deg,#f6a623,#e07b00);color:#fff}.Button-module_filled__7Ri6T.Button-module_warning__8WIwI:hover:not(:disabled,.Button-module_loading__wZ1IR){background:linear-gradient(135deg,#f8b84a,#f09010)}.Button-module_outlined__kI-f-{background:transparent;border:1.5px solid}.Button-module_outlined__kI-f-.Button-module_primary__EU45Z{border-color:#0047ff;color:#0047ff}.Button-module_outlined__kI-f-.Button-module_primary__EU45Z:hover:not(:disabled,.Button-module_loading__wZ1IR){background:rgb(0 71 255/7%)}.Button-module_outlined__kI-f-.Button-module_secondary__5BZ2i{border-color:#718096;color:#718096}.Button-module_outlined__kI-f-.Button-module_secondary__5BZ2i:hover:not(:disabled,.Button-module_loading__wZ1IR){background:rgb(113 128 150/7%)}.Button-module_ghost__OX4Ks{background:transparent;border:none}.Button-module_ghost__OX4Ks.Button-module_primary__EU45Z{color:#0047ff}.Button-module_ghost__OX4Ks.Button-module_primary__EU45Z:hover:not(:disabled,.Button-module_loading__wZ1IR){background:rgb(0 71 255/7%)}.Button-module_ghost__OX4Ks.Button-module_secondary__5BZ2i{color:#718096}.Button-module_ghost__OX4Ks.Button-module_secondary__5BZ2i:hover:not(:disabled,.Button-module_loading__wZ1IR){background:rgb(113 128 150/7%)}.Button-module_fullwidth__6G5sB{width:100%}.Button-module_loader__kuL68{animation:Button-module_spin__Q6mex .7s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:16px;position:absolute;width:16px}@keyframes Button-module_spin__Q6mex{to{transform:rotate(1turn)}}.Button-module_content__SVjwi{align-items:center;display:flex;gap:8px}.Button-module_content__SVjwi.Button-module_hidden__vJlfj{visibility:hidden}
+  );align-items:center;background-color:var(--lido-ui-local-test-env-banner-accent);background-image:url(../assets/6c119570.svg);background-repeat:no-repeat;background-size:cover;box-sizing:border-box;display:flex;font-family:var(--lido-ui-font-family);justify-content:center;min-height:60px;overflow:hidden;position:relative;width:100%}.TestEnvBanner-module_label__P7GVG{text-wrap:balance;align-items:center;background:var(--lido-ui-local-test-env-banner-accent);color:var(--lido-ui-color-buttons-text-static,#fff);display:flex;font-size:14px;font-weight:800;line-height:1.4;max-width:100%;min-height:30px;padding:5px 8px;position:relative;text-align:center;text-transform:uppercase}.TestEnvBanner-module_shortText__TdkLD{display:none}@media (max-width:599px){.TestEnvBanner-module_textWithShort__2v4Y5{display:none}.TestEnvBanner-module_shortText__TdkLD{display:block}}@font-face{font-display:swap;font-family:Manrope;font-weight:200 800;src:url(../assets/fonts/Manrope-VariableFont_wght.woff2) format("woff2")}:root{--lido-app-ui-palette-gray-100:#f9f9fb;--lido-app-ui-palette-gray-200:#f2f2f6;--lido-app-ui-palette-gray-300:#e7e7ee;--lido-app-ui-palette-gray-400:#dbdbe6;--lido-app-ui-palette-gray-600:#30304a;--lido-app-ui-palette-gray-700:#202031;--lido-app-ui-palette-gray-800:#181825;--lido-app-ui-palette-blue-100:#e5f3ff;--lido-app-ui-palette-blue-200:#cce7ff;--lido-app-ui-palette-blue-300:#99ceff;--lido-app-ui-palette-blue-500:#339dff;--lido-app-ui-palette-blue-600:#0085ff;--lido-app-ui-palette-blue-700:#006acc;--lido-app-ui-palette-blue-800:#005099;--lido-app-ui-palette-blue-900:#003566;--lido-app-ui-palette-purple-100:#edefff;--lido-app-ui-palette-purple-200:#dbdfff;--lido-app-ui-palette-purple-400:#939eff;--lido-app-ui-palette-purple-600:#4b5dff;--lido-app-ui-palette-purple-800:#2d3899;--lido-app-ui-palette-purple-900:#1e2566;--lido-app-ui-palette-green-100:#e7f8f4;--lido-app-ui-palette-green-200:#cff0e9;--lido-app-ui-palette-green-400:#70d3bc;--lido-app-ui-palette-green-600:#11b690;--lido-app-ui-palette-green-800:#0a6d56;--lido-app-ui-palette-green-900:#074939;--lido-app-ui-palette-orange-100:#fef4e5;--lido-app-ui-palette-orange-200:#fee9cc;--lido-app-ui-palette-orange-400:#fcbe66;--lido-app-ui-palette-orange-600:#fa9200;--lido-app-ui-palette-orange-800:#965800;--lido-app-ui-palette-orange-900:#643a00;--lido-app-ui-palette-red-100:#fde8ea;--lido-app-ui-palette-red-200:#fbd0d5;--lido-app-ui-palette-red-400:#f27381;--lido-app-ui-palette-red-600:#e9152d;--lido-app-ui-palette-red-800:#8c0d1b;--lido-app-ui-palette-red-900:#5d0812;--lido-app-ui-palette-white-a100:hsla(0,0%,100%,.05);--lido-app-ui-palette-white-a200:hsla(0,0%,100%,.1);--lido-app-ui-palette-white-a300:hsla(0,0%,100%,.2);--lido-app-ui-palette-white-a400:hsla(0,0%,100%,.4);--lido-app-ui-palette-white-a500:hsla(0,0%,100%,.6);--lido-app-ui-palette-white-a600:hsla(0,0%,100%,.75);--lido-app-ui-palette-white-a700:hsla(0,0%,100%,.85);--lido-app-ui-palette-white-a900:#fff;--lido-app-ui-palette-black-a100:rgb(12 12 13/5%);--lido-app-ui-palette-black-a200:rgba(12,12,13,.1);--lido-app-ui-palette-black-a300:rgba(12,12,13,.25);--lido-app-ui-palette-black-a400:rgba(12,12,13,.4);--lido-app-ui-palette-black-a500:rgba(12,12,13,.7);--lido-app-ui-palette-black-a900:#0c0c0d;--lido-app-ui-color-text-default:var(--lido-app-ui-palette-black-a900);--lido-app-ui-color-text-secondary:var(--lido-app-ui-palette-black-a500);--lido-app-ui-color-text-tertiary:var(--lido-app-ui-palette-black-a400);--lido-app-ui-color-text-neutral:var(--lido-app-ui-palette-black-a300);--lido-app-ui-color-text-active:var(--lido-app-ui-palette-blue-600);--lido-app-ui-color-text-active-hover:var(--lido-app-ui-palette-blue-700);--lido-app-ui-color-text-success:var(--lido-app-ui-palette-green-600);--lido-app-ui-color-text-warning:var(--lido-app-ui-palette-orange-600);--lido-app-ui-color-text-error:var(--lido-app-ui-palette-red-600);--lido-app-ui-color-text-info:var(--lido-app-ui-palette-purple-600);--lido-app-ui-color-text-inverse:var(--lido-app-ui-palette-white-a900);--lido-app-ui-color-text-disabled:var(--lido-app-ui-palette-black-a300);--lido-app-ui-color-icons-default:var(--lido-app-ui-palette-black-a900);--lido-app-ui-color-icons-secondary:var(--lido-app-ui-palette-black-a500);--lido-app-ui-color-icons-tertiary:var(--lido-app-ui-palette-black-a400);--lido-app-ui-color-icons-neutral:var(--lido-app-ui-palette-black-a300);--lido-app-ui-color-icons-active:var(--lido-app-ui-palette-blue-600);--lido-app-ui-color-icons-active-hover:var(--lido-app-ui-palette-blue-700);--lido-app-ui-color-icons-light-blue:var(--lido-app-ui-palette-blue-300);--lido-app-ui-color-icons-success:var(--lido-app-ui-palette-green-600);--lido-app-ui-color-icons-warning:var(--lido-app-ui-palette-orange-600);--lido-app-ui-color-icons-error:var(--lido-app-ui-palette-red-600);--lido-app-ui-color-icons-info:var(--lido-app-ui-palette-purple-600);--lido-app-ui-color-icons-inverse:var(--lido-app-ui-palette-white-a900);--lido-app-ui-color-icons-disabled:var(--lido-app-ui-palette-black-a300);--lido-app-ui-color-border-default:var(--lido-app-ui-palette-black-a200);--lido-app-ui-color-border-tertiary:var(--lido-app-ui-palette-black-a400);--lido-app-ui-color-border-hover:var(--lido-app-ui-palette-black-a400);--lido-app-ui-color-border-black:var(--lido-app-ui-palette-black-a900);--lido-app-ui-color-border-active:var(--lido-app-ui-palette-blue-600);--lido-app-ui-color-border-success:var(--lido-app-ui-palette-green-600);--lido-app-ui-color-border-warning:var(--lido-app-ui-palette-orange-600);--lido-app-ui-color-border-error:var(--lido-app-ui-palette-red-600);--lido-app-ui-color-border-info:var(--lido-app-ui-palette-purple-600);--lido-app-ui-color-border-card:var(--lido-app-ui-palette-white-a900);--lido-app-ui-color-border-inverse:var(--lido-app-ui-palette-white-a200);--lido-app-ui-color-background-page:var(--lido-app-ui-palette-gray-200);--lido-app-ui-color-background-surface:var(--lido-app-ui-palette-white-a900);--lido-app-ui-color-background-surface-hover:var(
+    --lido-app-ui-palette-blue-100
+  );--lido-app-ui-color-background-surface-active:var(
+    --lido-app-ui-palette-blue-100
+  );--lido-app-ui-color-background-surface-active-hover:var(
+    --lido-app-ui-palette-blue-200
+  );--lido-app-ui-color-background-default:var(--lido-app-ui-palette-gray-100);--lido-app-ui-color-background-default-hover:var(
+    --lido-app-ui-palette-gray-200
+  );--lido-app-ui-color-background-default-pressed:var(
+    --lido-app-ui-palette-gray-300
+  );--lido-app-ui-color-background-default-active:var(
+    --lido-app-ui-palette-white-a900
+  );--lido-app-ui-color-background-transparent-hover:var(
+    --lido-app-ui-palette-black-a100
+  );--lido-app-ui-color-background-transparent-pressed:var(
+    --lido-app-ui-palette-black-a200
+  );--lido-app-ui-color-background-secondary:var(--lido-app-ui-palette-gray-300);--lido-app-ui-color-background-secondary-hover:var(
+    --lido-app-ui-palette-gray-400
+  );--lido-app-ui-color-background-action:var(--lido-app-ui-palette-black-a900);--lido-app-ui-color-background-action-hover:var(
+    --lido-app-ui-palette-gray-700
+  );--lido-app-ui-color-background-action-pressed:var(
+    --lido-app-ui-palette-gray-600
+  );--lido-app-ui-color-background-disabled:var(
+    --lido-app-ui-palette-black-a200
+  );--lido-app-ui-color-background-surface-selected:var(
+    --lido-app-ui-palette-blue-600
+  );--lido-app-ui-color-background-surface-selected-hover:var(
+    --lido-app-ui-palette-blue-700
+  );--lido-app-ui-color-tint-neutral:var(--lido-app-ui-palette-black-a100);--lido-app-ui-color-tint-neutral-hover:var(--lido-app-ui-palette-black-a200);--lido-app-ui-color-tint-active:var(--lido-app-ui-palette-blue-100);--lido-app-ui-color-tint-active-hover:var(--lido-app-ui-palette-blue-200);--lido-app-ui-color-tint-info:var(--lido-app-ui-palette-purple-100);--lido-app-ui-color-tint-info-hover:var(--lido-app-ui-palette-purple-200);--lido-app-ui-color-tint-success:var(--lido-app-ui-palette-green-100);--lido-app-ui-color-tint-success-hover:var(--lido-app-ui-palette-green-200);--lido-app-ui-color-tint-warning:var(--lido-app-ui-palette-orange-100);--lido-app-ui-color-tint-warning-hover:var(--lido-app-ui-palette-orange-200);--lido-app-ui-color-tint-error:var(--lido-app-ui-palette-red-100);--lido-app-ui-color-tint-error-hover:var(--lido-app-ui-palette-red-200);--lido-app-ui-font-family:"Manrope",-apple-system,blinkmacsystemfont,"Segoe UI",roboto,"Helvetica Neue",sans-serif;--lido-app-ui-font-weight-regular:400;--lido-app-ui-font-weight-medium:500;--lido-app-ui-font-weight-semibold:600;--lido-app-ui-font-weight-bold:700;--lido-app-ui-font-size-rich-input:36px;--lido-app-ui-line-height-rich-input:50px;--lido-app-ui-font-size-body:16px;--lido-app-ui-line-height-body:28px;--lido-app-ui-letter-spacing-body:-0.14px;--lido-app-ui-letter-spacing-button:-0.14px;--lido-app-ui-font-size-label:14px;--lido-app-ui-line-height-label:24px;--lido-app-ui-letter-spacing-label:-0.14px;--lido-app-ui-font-size-tooltip:12px;--lido-app-ui-line-height-tooltip:18px;--lido-app-ui-letter-spacing-tooltip:-0.14px;--lido-app-ui-line-height-description:20px;--lido-app-ui-font-size-h1:42px;--lido-app-ui-line-height-h1:58px;--lido-app-ui-letter-spacing-h1:-1.5px;--lido-app-ui-font-size-h2:28px;--lido-app-ui-line-height-h2:40px;--lido-app-ui-letter-spacing-h2:-3px;--lido-app-ui-font-size-h3:24px;--lido-app-ui-line-height-h3:36px;--lido-app-ui-letter-spacing-h3:-0.14px;--lido-app-ui-border-radius-badge:8px;--lido-app-ui-border-radius-pill:100px;--lido-app-ui-border-radius-button-50:50px;--lido-app-ui-border-radius-control:100px;--lido-app-ui-border-radius-control-inactive:110px;--lido-app-ui-border-radius-card:16px;--lido-app-ui-border-radius-dropdown:20px;--lido-app-ui-border-radius-dropdown-item:12px;--lido-app-ui-border-radius-tooltip:20px;--lido-app-ui-border-radius-modal:32px;--lido-app-ui-shadow-dropdown:0px 4px 8px rgb(0 0 0/5%);--lido-app-ui-opacity-pressed-content:0.7;--lido-app-ui-opacity-disabled-content:0.3;--lido-app-ui-opacity-disabled-content-compact:0.2}[data-lido-theme=dark]{--lido-app-ui-color-text-default:var(--lido-app-ui-palette-white-a900);--lido-app-ui-color-text-secondary:var(--lido-app-ui-palette-white-a500);--lido-app-ui-color-text-tertiary:var(--lido-app-ui-palette-white-a400);--lido-app-ui-color-text-neutral:var(--lido-app-ui-palette-white-a300);--lido-app-ui-color-text-active:var(--lido-app-ui-palette-blue-600);--lido-app-ui-color-text-active-hover:var(--lido-app-ui-palette-blue-300);--lido-app-ui-color-text-success:var(--lido-app-ui-palette-green-400);--lido-app-ui-color-text-warning:var(--lido-app-ui-palette-orange-400);--lido-app-ui-color-text-error:var(--lido-app-ui-palette-red-400);--lido-app-ui-color-text-info:var(--lido-app-ui-palette-purple-400);--lido-app-ui-color-text-inverse:var(--lido-app-ui-palette-black-a900);--lido-app-ui-color-text-disabled:var(--lido-app-ui-palette-white-a300);--lido-app-ui-color-icons-default:var(--lido-app-ui-palette-white-a900);--lido-app-ui-color-icons-secondary:var(--lido-app-ui-palette-white-a400);--lido-app-ui-color-icons-tertiary:var(--lido-app-ui-palette-white-a300);--lido-app-ui-color-icons-neutral:var(--lido-app-ui-palette-white-a300);--lido-app-ui-color-icons-active:var(--lido-app-ui-palette-blue-600);--lido-app-ui-color-icons-active-hover:var(--lido-app-ui-palette-blue-300);--lido-app-ui-color-icons-light-blue:var(--lido-app-ui-palette-blue-800);--lido-app-ui-color-icons-success:var(--lido-app-ui-palette-green-400);--lido-app-ui-color-icons-warning:var(--lido-app-ui-palette-orange-400);--lido-app-ui-color-icons-error:var(--lido-app-ui-palette-red-400);--lido-app-ui-color-icons-info:var(--lido-app-ui-palette-purple-600);--lido-app-ui-color-icons-inverse:var(--lido-app-ui-palette-black-a900);--lido-app-ui-color-icons-disabled:var(--lido-app-ui-palette-white-a300);--lido-app-ui-color-border-default:var(--lido-app-ui-palette-white-a200);--lido-app-ui-color-border-tertiary:var(--lido-app-ui-palette-white-a400);--lido-app-ui-color-border-hover:var(--lido-app-ui-palette-white-a400);--lido-app-ui-color-border-black:var(--lido-app-ui-palette-white-a900);--lido-app-ui-color-border-active:var(--lido-app-ui-palette-blue-600);--lido-app-ui-color-border-success:var(--lido-app-ui-palette-green-600);--lido-app-ui-color-border-warning:var(--lido-app-ui-palette-orange-600);--lido-app-ui-color-border-error:var(--lido-app-ui-palette-red-600);--lido-app-ui-color-border-info:var(--lido-app-ui-palette-purple-600);--lido-app-ui-color-border-card:var(--lido-app-ui-palette-gray-800);--lido-app-ui-color-border-inverse:var(--lido-app-ui-palette-black-a200);--lido-app-ui-color-background-page:var(--lido-app-ui-palette-black-a900);--lido-app-ui-color-background-surface:var(--lido-app-ui-palette-gray-800);--lido-app-ui-color-background-surface-hover:var(
+    --lido-app-ui-palette-blue-900
+  );--lido-app-ui-color-background-surface-active:var(
+    --lido-app-ui-palette-blue-900
+  );--lido-app-ui-color-background-surface-active-hover:var(
+    --lido-app-ui-palette-blue-800
+  );--lido-app-ui-color-background-default:var(--lido-app-ui-palette-gray-700);--lido-app-ui-color-background-default-hover:var(
+    --lido-app-ui-palette-gray-800
+  );--lido-app-ui-color-background-default-pressed:var(
+    --lido-app-ui-palette-gray-700
+  );--lido-app-ui-color-background-default-active:var(
+    --lido-app-ui-palette-black-a900
+  );--lido-app-ui-color-background-transparent-hover:var(
+    --lido-app-ui-palette-white-a100
+  );--lido-app-ui-color-background-transparent-pressed:var(
+    --lido-app-ui-palette-white-a200
+  );--lido-app-ui-color-background-secondary:var(--lido-app-ui-palette-gray-600);--lido-app-ui-color-background-secondary-hover:var(
+    --lido-app-ui-palette-gray-600
+  );--lido-app-ui-color-background-action:var(--lido-app-ui-palette-white-a900);--lido-app-ui-color-background-action-hover:var(
+    --lido-app-ui-palette-white-a700
+  );--lido-app-ui-color-background-action-pressed:var(
+    --lido-app-ui-palette-white-a600
+  );--lido-app-ui-color-background-disabled:var(
+    --lido-app-ui-palette-white-a200
+  );--lido-app-ui-color-background-surface-selected:var(
+    --lido-app-ui-palette-blue-600
+  );--lido-app-ui-color-background-surface-selected-hover:var(
+    --lido-app-ui-palette-blue-500
+  );--lido-app-ui-color-tint-neutral:var(--lido-app-ui-palette-white-a100);--lido-app-ui-color-tint-neutral-hover:var(--lido-app-ui-palette-white-a200);--lido-app-ui-color-tint-active:var(--lido-app-ui-palette-blue-900);--lido-app-ui-color-tint-active-hover:var(--lido-app-ui-palette-blue-800);--lido-app-ui-color-tint-info:var(--lido-app-ui-palette-purple-900);--lido-app-ui-color-tint-info-hover:var(--lido-app-ui-palette-purple-800);--lido-app-ui-color-tint-success:var(--lido-app-ui-palette-green-900);--lido-app-ui-color-tint-success-hover:var(--lido-app-ui-palette-green-800);--lido-app-ui-color-tint-warning:var(--lido-app-ui-palette-orange-900);--lido-app-ui-color-tint-warning-hover:var(--lido-app-ui-palette-orange-800);--lido-app-ui-color-tint-error:var(--lido-app-ui-palette-red-900);--lido-app-ui-color-tint-error-hover:var(--lido-app-ui-palette-red-800)}@media (max-width:899px){:root{--lido-app-ui-font-size-h1:34px;--lido-app-ui-line-height-h1:48px;--lido-app-ui-letter-spacing-h1:-0.98px;--lido-app-ui-font-size-h2:28px;--lido-app-ui-line-height-h2:40px;--lido-app-ui-letter-spacing-h2:-0.84px}}.Accordion-module_accordion__Wzyid{border-bottom:1px solid var(--lido-app-ui-color-border-default);transition:border-bottom-color .2s ease;width:100%}.Accordion-module_accordion__Wzyid.Accordion-module_borderless__AX3pr{border-bottom:none}.Accordion-module_accordion__Wzyid:has(.Accordion-module_header__xrik8:hover){border-bottom-color:var(--lido-app-ui-color-border-hover)}.Accordion-module_header__xrik8{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;gap:24px;margin:0;padding:24px 0;text-align:left;width:100%}.Accordion-module_header__xrik8:focus-visible{outline:2px solid var(--lido-app-ui-color-border-active);outline-offset:2px}.Accordion-module_title__n-YUT{color:var(--lido-app-ui-color-text-default);flex:1 1 0%;font-family:var(--lido-app-ui-font-family);font-size:var(--lido-app-ui-font-size-body);font-weight:var(--lido-app-ui-font-weight-semibold);letter-spacing:var(--lido-app-ui-letter-spacing-body);line-height:28px;min-width:0;word-break:break-word}.Accordion-module_chevron__oFGVg{color:var(--lido-app-ui-color-icons-secondary);display:flex;flex-shrink:0;height:24px;width:24px}.Accordion-module_contentWrapper__UEl1o{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}.Accordion-module_contentWrapper__UEl1o.Accordion-module_expanded__NRyM0{grid-template-rows:1fr}.Accordion-module_content__V9Ftc{min-height:0;overflow:hidden}.Accordion-module_contentInner__9z222{color:var(--lido-app-ui-color-text-secondary);padding-bottom:24px;word-break:break-word}.Accordion-module_contentInner__9z222,.Badge-module_badge__ikDSa{font-family:var(--lido-app-ui-font-family);font-size:var(--lido-app-ui-font-size-label);font-weight:var(--lido-app-ui-font-weight-regular);letter-spacing:var(--lido-app-ui-letter-spacing-label);line-height:24px}.Badge-module_badge__ikDSa{align-items:center;background-color:var(--lido-app-ui-color-background-default);border:.5px solid var(--lido-app-ui-color-border-default);border-radius:var(--lido-app-ui-border-radius-pill);box-sizing:border-box;color:var(--lido-app-ui-color-text-default);display:inline-flex;gap:8px;padding:6px 12px;white-space:nowrap}.Badge-module_icon__lkt9n{color:var(--lido-app-ui-color-icons-success);display:inline-flex;flex-shrink:0;height:24px;width:24px}.Badge-module_icon__lkt9n svg{height:24px;width:24px}.Banner-module_banner__bQhms{align-items:center;background-color:var(--lido-app-ui-color-background-default);border:1px solid var(--lido-app-ui-color-border-default);border-radius:12px;box-sizing:border-box;display:flex;font-family:var(--lido-app-ui-font-family);gap:32px;padding:16px;width:100%}.Banner-module_content__44TzS{align-items:center;display:flex;flex:1 1 0%;gap:16px;min-width:0}.Banner-module_icon__PkyAA{display:flex;flex-shrink:0;height:32px;width:32px}.Banner-module_icon__PkyAA svg{height:100%;width:100%}.Banner-module_text__2q-km{display:flex;flex-direction:column;justify-content:center;min-width:0}.Banner-module_title__gUKq0{color:var(--lido-app-ui-color-text-default);font-weight:var(--lido-app-ui-font-weight-semibold)}.Banner-module_description__tosgg,.Banner-module_title__gUKq0{font-size:var(--lido-app-ui-font-size-label);letter-spacing:var(--lido-app-ui-letter-spacing-label);line-height:24px;margin:0;word-break:break-word}.Banner-module_description__tosgg{color:var(--lido-app-ui-color-text-secondary);font-weight:var(--lido-app-ui-font-weight-regular)}.Banner-module_action__OKt2C{flex-shrink:0}.Button-module_button__eiKKZ{--local-border-width:0px;--local-bg:transparent;--local-color:var(--lido-app-ui-color-text-default);--local-border-color:transparent;align-items:center;background-color:var(--local-bg);border:var(--local-border-width) solid var(--local-border-color);border-radius:var(--lido-app-ui-border-radius-button-50);box-sizing:border-box;color:var(--local-color);cursor:pointer;display:inline-flex;font-family:var(--lido-app-ui-font-family);font-weight:var(--lido-app-ui-font-weight-semibold);justify-content:center;letter-spacing:var(--lido-app-ui-letter-spacing-button);padding:calc(var(--local-pad-v) - var(--local-border-width)) calc(var(--local-pad-h) - var(--local-border-width));position:relative;transition:background-color .2s ease,border-color .2s ease,color .2s ease;white-space:nowrap}.Button-module_button__eiKKZ:disabled{cursor:not-allowed}.Button-module_button__eiKKZ:focus-visible{outline:2px solid var(--lido-app-ui-color-border-active);outline-offset:2px}.Button-module_content__SVjwi{align-items:center;display:inline-flex;padding:0 8px}.Button-module_icon__Ojq-e{display:inline-flex;flex-shrink:0}.Button-module_icon__Ojq-e>svg{height:100%;width:100%}.Button-module_spinner__QToZm{animation:Button-module_spin__Q6mex .9s linear infinite;flex-shrink:0}@keyframes Button-module_spin__Q6mex{to{transform:rotate(1turn)}}.Button-module_big__-gJao{--local-pad-v:12px;--local-pad-h:20px;font-size:16px;line-height:28px}.Button-module_big__-gJao .Button-module_icon__Ojq-e,.Button-module_big__-gJao .Button-module_spinner__QToZm{height:20px;width:20px}.Button-module_small__U2Zqq{--local-pad-v:6px;--local-pad-h:16px;font-size:14px;line-height:24px}.Button-module_small__U2Zqq .Button-module_icon__Ojq-e,.Button-module_small__U2Zqq .Button-module_spinner__QToZm{height:16px;width:16px}.Button-module_primary__EU45Z{--local-bg:var(--lido-app-ui-color-background-action);--local-color:var(--lido-app-ui-color-text-inverse)}.Button-module_primary__EU45Z:not(:disabled):hover{--local-bg:var(--lido-app-ui-color-background-action-hover)}.Button-module_primary__EU45Z:not(:disabled):active{--local-bg:var(--lido-app-ui-color-background-action-pressed)}.Button-module_primary__EU45Z:disabled{--local-bg:var(--lido-app-ui-color-background-disabled);--local-color:var(--lido-app-ui-color-text-disabled)}.Button-module_outline__Jx-Hc{--local-border-width:1px;--local-border-color:var(--lido-app-ui-color-border-default);--local-color:var(--lido-app-ui-color-text-default)}.Button-module_outline__Jx-Hc:not(:disabled):hover{--local-bg:var(--lido-app-ui-color-background-transparent-hover)}.Button-module_outline__Jx-Hc:not(:disabled):active{--local-bg:var(--lido-app-ui-color-background-transparent-pressed)}.Button-module_outline__Jx-Hc:disabled{--local-border-width:0px;--local-bg:var(--lido-app-ui-color-background-disabled);--local-color:var(--lido-app-ui-color-text-disabled)}.Button-module_subtle__2DyRK{--local-border-width:1px;--local-border-color:var(--lido-app-ui-color-border-default);--local-color:var(--lido-app-ui-color-text-tertiary)}.Button-module_subtle__2DyRK:not(:disabled):hover{--local-bg:var(--lido-app-ui-color-background-transparent-hover);--local-color:var(--lido-app-ui-color-text-default)}.Button-module_subtle__2DyRK:not(:disabled):active{--local-bg:var(--lido-app-ui-color-background-transparent-pressed);--local-color:var(--lido-app-ui-color-text-default)}.Button-module_subtle__2DyRK:disabled{--local-border-width:0px;--local-bg:var(--lido-app-ui-color-background-disabled);--local-color:var(--lido-app-ui-color-text-disabled)}.Button-module_ghost__OX4Ks{--local-color:var(--lido-app-ui-color-text-default)}.Button-module_ghost__OX4Ks:not(:disabled):hover{--local-bg:var(--lido-app-ui-color-background-transparent-hover)}.Button-module_ghost__OX4Ks:not(:disabled):active{--local-bg:var(--lido-app-ui-color-background-transparent-pressed)}.Button-module_ghost__OX4Ks:disabled{--local-color:var(--lido-app-ui-color-text-disabled)}.Button-module_error__qp2tu{--local-border-width:1px;--local-border-color:var(--lido-app-ui-color-border-error);--local-color:var(--lido-app-ui-color-text-error)}.Button-module_error__qp2tu:not(:disabled):hover{--local-bg:var(--lido-app-ui-color-tint-error-hover)}.Button-module_error__qp2tu:not(:disabled):active{--local-bg:var(--lido-app-ui-color-tint-error)}.Button-module_error__qp2tu:disabled{--local-border-width:0px;--local-bg:var(--lido-app-ui-color-background-disabled);--local-color:var(--lido-app-ui-color-text-disabled)}.Button-module_loading__wZ1IR{cursor:wait}.Button-module_primary__EU45Z.Button-module_loading__wZ1IR:disabled{--local-bg:var(--lido-app-ui-color-background-action);--local-color:var(--lido-app-ui-color-text-inverse)}.Button-module_outline__Jx-Hc.Button-module_loading__wZ1IR:disabled{--local-border-width:1px;--local-bg:transparent;--local-color:var(--lido-app-ui-color-text-default)}.Button-module_subtle__2DyRK.Button-module_loading__wZ1IR:disabled{--local-border-width:1px;--local-bg:transparent;--local-color:var(--lido-app-ui-color-text-tertiary)}.Button-module_ghost__OX4Ks.Button-module_loading__wZ1IR:disabled{--local-bg:transparent;--local-color:var(--lido-app-ui-color-text-default)}.Button-module_error__qp2tu.Button-module_loading__wZ1IR:disabled{--local-border-width:1px;--local-bg:transparent;--local-color:var(--lido-app-ui-color-text-error)}.Card-module_card__V59wY{align-items:flex-start;background-color:var(--lido-app-ui-color-background-surface);border-radius:20px;box-sizing:border-box;display:flex;flex-direction:column;gap:32px;padding:32px;width:100%}.Checkbox-module_container__42EWx{align-items:center;cursor:pointer;display:inline-flex;gap:12px}.Checkbox-module_control__x1PrL{flex-shrink:0;height:24px;position:relative;width:24px}.Checkbox-module_input__4PoNe{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--lido-app-ui-color-background-default);border:1px solid var(--lido-app-ui-color-border-default);border-radius:4px;box-sizing:border-box;cursor:pointer;height:100%;inset:0;margin:0;position:absolute;transition:background-color .15s,border-color .15s;width:100%}.Checkbox-module_tick__-F4vw{color:var(--lido-app-ui-color-icons-inverse);height:20px;inset:2px;opacity:0;pointer-events:none;position:absolute;transform:scale(.5);transition:opacity .15s,transform .15s;width:20px}.Checkbox-module_input__4PoNe:checked{background-color:var(--lido-app-ui-color-background-surface-selected)}.Checkbox-module_input__4PoNe:checked+.Checkbox-module_tick__-F4vw{opacity:1;transform:scale(1)}.Checkbox-module_input__4PoNe:not(:disabled):hover{background-color:var(--lido-app-ui-color-background-default-hover)}.Checkbox-module_input__4PoNe:checked:not(:disabled):hover{background-color:var(--lido-app-ui-color-background-surface-selected-hover)}.Checkbox-module_input__4PoNe:focus-visible{outline:2px solid var(--lido-app-ui-color-border-active);outline-offset:2px}.Checkbox-module_input__4PoNe:disabled{background-color:var(--lido-app-ui-color-icons-disabled);cursor:not-allowed}.Checkbox-module_label__ubb5U{color:var(--lido-app-ui-color-text-default);font-family:var(--lido-app-ui-font-family);font-size:var(--lido-app-ui-font-size-body);font-weight:var(--lido-app-ui-font-weight-regular);letter-spacing:var(--lido-app-ui-letter-spacing-body);line-height:28px}.Checkbox-module_containerDisabled__G2w9L{cursor:not-allowed}.Checkbox-module_labelDisabled__oMB5p{color:var(--lido-app-ui-color-text-disabled)}.Counter-module_counter__qutVl{--local-bg:var(--lido-app-ui-color-icons-secondary);align-items:center;background-color:var(--local-bg);border-radius:var(--lido-app-ui-border-radius-pill);box-sizing:border-box;color:var(--lido-app-ui-color-text-inverse);display:inline-flex;font-family:var(--lido-app-ui-font-family);font-size:var(--lido-app-ui-font-size-tooltip);font-weight:var(--lido-app-ui-font-weight-semibold);height:20px;justify-content:center;letter-spacing:var(--lido-app-ui-letter-spacing-tooltip);line-height:var(--lido-app-ui-line-height-description);min-width:20px;padding:0 5px;white-space:nowrap}.Counter-module_neutral__Z5iCI{--local-bg:var(--lido-app-ui-color-icons-tertiary)}.Counter-module_error__srNOJ{--local-bg:var(--lido-app-ui-color-icons-error)}.Counter-module_warning__5OY4o{--local-bg:var(--lido-app-ui-color-icons-warning)}.Counter-module_action__ywkeX{--local-bg:var(--lido-app-ui-color-icons-default)}.Counter-module_active__AZ4oD{--local-bg:var(--lido-app-ui-color-background-surface-selected)}.DataList-module_card__k21RE{border-radius:20px;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;padding:16px;width:100%}.DataList-module_divided__y48ZD{gap:8px}.DataList-module_divided__y48ZD>*+*{border-top:1px solid var(--lido-app-ui-color-border-default);padding-top:8px}.DataList-module_row__d5UUl{display:flex;flex-direction:column;gap:4px;width:100%}.DataList-module_mainRow__eAAA3{align-items:center;display:flex;gap:16px;justify-content:space-between;min-height:23px;width:100%}.DataList-module_labelGroup__-vCWZ{align-items:center;display:flex;gap:4px;min-width:0}.DataList-module_leadingIcon__6L9A9{align-items:center;display:inline-flex;flex-shrink:0;height:16px;justify-content:center;width:16px}.DataList-module_leadingIcon__6L9A9>svg{height:16px;width:16px}.DataList-module_label__xl6By{color:var(--lido-app-ui-color-text-secondary);font-family:var(--lido-app-ui-font-family);font-size:var(--lido-app-ui-font-size-label);font-weight:var(--lido-app-ui-font-weight-regular);letter-spacing:var(--lido-app-ui-letter-spacing-label);line-height:22.4px}.DataList-module_info__TF2HU{align-items:center;display:inline-flex}.DataList-module_infoIcon__czTXh{color:var(--lido-app-ui-color-icons-secondary);height:16px;width:16px}.DataList-module_infoFaint__lq3WZ{opacity:.6}.DataList-module_value__oGp7D{align-items:center;color:var(--lido-app-ui-color-text-default);display:inline-flex;font-family:var(--lido-app-ui-font-family);font-size:var(--lido-app-ui-font-size-label);font-weight:var(--lido-app-ui-font-weight-regular);gap:4px;letter-spacing:var(--lido-app-ui-letter-spacing-label);line-height:22.4px;text-align:right}.DataList-module_valueArrow__7RRSA,.DataList-module_valueOld__FuEV2{opacity:.6}.DataList-module_descriptionRow__oZCWf{align-items:center;display:flex;gap:4px;width:100%}.DataList-module_description__biMHO{color:var(--lido-app-ui-color-text-tertiary);font-family:var(--lido-app-ui-font-family);font-size:var(--lido-app-ui-font-size-tooltip);font-weight:var(--lido-app-ui-font-weight-regular);letter-spacing:var(--lido-app-ui-letter-spacing-tooltip);line-height:var(--lido-app-ui-line-height-description)}.DataList-module_descriptionIcon__pS1MU{color:var(--lido-app-ui-color-icons-tertiary);height:16px;width:16px}.Tooltip-module_wrapper__-h7ZD{display:inline-block;font-family:var(--lido-app-ui-font-family);position:relative}.Tooltip-module_content__Yqdc-{background-color:rgba(0,0,0,.9);border:1px solid var(--lido-app-ui-color-border-default);border-radius:var(--lido-app-ui-border-radius-tooltip);box-sizing:border-box;color:var(--lido-app-ui-palette-white-a900);display:flex;flex-direction:column;font-size:var(--lido-app-ui-font-size-label);font-weight:var(--lido-app-ui-font-weight-regular);gap:8px;letter-spacing:var(--lido-app-ui-letter-spacing-label);line-height:24px;max-width:var(--local-tooltip-width,320px);opacity:0;padding:16px;pointer-events:none;position:absolute;transition:opacity .2s ease,visibility 0s linear .2s;visibility:hidden;width:-moz-max-content;width:max-content;word-break:break-word;z-index:10}.Tooltip-module_wrapper__-h7ZD:focus-within .Tooltip-module_content__Yqdc-,.Tooltip-module_wrapper__-h7ZD:hover .Tooltip-module_content__Yqdc-{opacity:1;transition:opacity .2s ease,visibility 0s linear 0s;visibility:visible}.Tooltip-module_position-top__yIb6T{bottom:100%;margin-bottom:8px}.Tooltip-module_position-bottom__LohZn,.Tooltip-module_position-top__yIb6T{left:50%;transform:translateX(calc(-50% + var(--local-tooltip-shift-x, 0)))}.Tooltip-module_position-bottom__LohZn{margin-top:8px;top:100%}.Tooltip-module_position-left__oe67r{margin-right:8px;right:100%}.Tooltip-module_position-left__oe67r,.Tooltip-module_position-right__N27I5{top:50%;transform:translateY(calc(-50% + var(--local-tooltip-shift-y, 0px)))}.Tooltip-module_position-right__N27I5{left:100%;margin-left:8px}.Tooltip-module_position-top-left__2jkq9{bottom:100%;margin-bottom:2px;margin-right:2px;right:100%;transform:translateX(var(--local-tooltip-shift-x,0))}.Tooltip-module_position-top-right__jdGlT{bottom:100%;left:100%;margin-bottom:2px;margin-left:2px;transform:translateX(var(--local-tooltip-shift-x,0))}.Tooltip-module_position-bottom-left__-NwL7{margin-right:2px;margin-top:2px;right:100%;top:100%;transform:translateX(var(--local-tooltip-shift-x,0))}.Tooltip-module_position-bottom-right__DNYiw{left:100%;margin-left:2px;margin-top:2px;top:100%;transform:translateX(var(--local-tooltip-shift-x,0))}.IconButton-module_button__5QpG9{--local-border-width:0px;--local-bg:transparent;--local-border-color:transparent;align-items:center;background-color:var(--local-bg);border:var(--local-border-width) solid var(--local-border-color);border-radius:var(--lido-app-ui-border-radius-button-50);box-sizing:border-box;color:var(--lido-app-ui-color-icons-secondary);cursor:pointer;display:inline-flex;height:36px;justify-content:center;padding:calc(8px - var(--local-border-width));position:relative;transition:background-color .2s ease,border-color .2s ease,color .2s ease;width:36px}.IconButton-module_button__5QpG9:disabled{cursor:not-allowed}.IconButton-module_button__5QpG9:focus-visible{outline:2px solid var(--lido-app-ui-color-border-active);outline-offset:2px}.IconButton-module_icon__1WMNC{display:inline-flex;flex-shrink:0;height:20px;width:20px}.IconButton-module_icon__1WMNC>svg{height:100%;width:100%}.IconButton-module_spinner__-fwrf{animation:IconButton-module_spin__eNilo .9s linear infinite;flex-shrink:0;height:16px;width:16px}@keyframes IconButton-module_spin__eNilo{to{transform:rotate(1turn)}}.IconButton-module_outline__91r6g{--local-border-width:1px;--local-border-color:var(--lido-app-ui-color-border-default)}.IconButton-module_outline__91r6g:hover{--local-bg:var(--lido-app-ui-color-background-transparent-hover)}.IconButton-module_outline__91r6g:active{--local-bg:var(--lido-app-ui-color-background-transparent-pressed)}.IconButton-module_outline__91r6g:disabled{--local-border-width:0px;--local-bg:var(--lido-app-ui-color-background-disabled)}.IconButton-module_ghost__WYnGy:hover{--local-bg:var(--lido-app-ui-color-background-transparent-hover)}.IconButton-module_ghost__WYnGy:active{--local-bg:var(--lido-app-ui-color-background-transparent-pressed)}.IconButton-module_ghost__WYnGy:disabled{--local-bg:var(--lido-app-ui-color-background-disabled)}.IconButton-module_loading__v67XX{cursor:wait}.IconButton-module_outline__91r6g.IconButton-module_loading__v67XX:disabled{--local-border-width:1px;--local-bg:transparent}.IconButton-module_ghost__WYnGy.IconButton-module_loading__v67XX:disabled{--local-bg:transparent}.Identicon-module_root__9iAuM{align-items:center;border-radius:50%;display:inline-flex;flex-shrink:0;justify-content:center;overflow:hidden}.Identicon-module_empty__DmiId{background:linear-gradient(135deg,#5c6bc0,#26a69a)}.Input-module_field__INC-m{display:flex;flex-direction:column;font-family:var(--lido-app-ui-font-family);gap:8px;width:100%}.Input-module_labelRow__AT-Kg{align-items:center;display:flex;gap:4px}.Input-module_label__1UZiS{color:var(--lido-app-ui-color-text-secondary);font-size:var(--lido-app-ui-font-size-body);font-weight:var(--lido-app-ui-font-weight-regular);letter-spacing:var(--lido-app-ui-letter-spacing-body);line-height:28px;white-space:nowrap}.Input-module_tooltipIcon__W8NYt{color:var(--lido-app-ui-color-icons-secondary);display:flex;flex-shrink:0;height:16px;width:16px}.Input-module_root__zCKm2{align-items:center;background-color:var(--lido-app-ui-color-background-default);border:1px solid var(--lido-app-ui-color-border-default);box-sizing:border-box;cursor:text;display:inline-flex;font-family:var(--lido-app-ui-font-family);transition:background-color .2s ease,border-color .2s ease;width:100%}.Input-module_root__zCKm2:hover{background-color:var(--lido-app-ui-color-background-default-hover)}.Input-module_root__zCKm2:has(.Input-module_input__paElZ:focus){background-color:var(--lido-app-ui-color-background-default-active);border-color:var(--lido-app-ui-color-border-active)}.Input-module_root__zCKm2.Input-module_error__kcS-O{border-color:var(--lido-app-ui-color-border-error)}.Input-module_root__zCKm2.Input-module_error__kcS-O .Input-module_input__paElZ{caret-color:var(--lido-app-ui-color-text-error);color:var(--lido-app-ui-color-text-error)}.Input-module_root__zCKm2.Input-module_disabled__fbybp{cursor:not-allowed}.Input-module_root__zCKm2.Input-module_disabled__fbybp,.Input-module_root__zCKm2.Input-module_disabled__fbybp:hover{background-color:var(--lido-app-ui-color-background-default)}.Input-module_default__UeWH5{border-radius:var(--lido-app-ui-border-radius-card);gap:12px;padding:12px 16px}.Input-module_small__ESlJP{border-radius:32px;gap:8px;padding:6px 16px}.Input-module_input__paElZ{background-color:transparent;border:none;color:var(--lido-app-ui-color-text-default);flex:1 1 0%;font-family:inherit;letter-spacing:var(--lido-app-ui-letter-spacing-body);min-width:0;outline:none;padding:0}.Input-module_default__UeWH5 .Input-module_input__paElZ{font-size:var(--lido-app-ui-font-size-body);line-height:28px}.Input-module_small__ESlJP .Input-module_input__paElZ{font-size:var(--lido-app-ui-font-size-label);line-height:24px}.Input-module_input__paElZ::-moz-placeholder{color:var(--lido-app-ui-color-text-tertiary)}.Input-module_input__paElZ::placeholder{color:var(--lido-app-ui-color-text-tertiary)}.Input-module_input__paElZ:disabled{color:var(--lido-app-ui-color-text-disabled)}.Input-module_input__paElZ:disabled::-moz-placeholder{color:var(--lido-app-ui-color-text-disabled)}.Input-module_input__paElZ:disabled::placeholder{color:var(--lido-app-ui-color-text-disabled)}.Input-module_icon__2IBf9{color:var(--lido-app-ui-color-icons-secondary);display:inline-flex;flex-shrink:0;height:20px;width:20px}.Input-module_errorText__jYCqP{color:var(--lido-app-ui-color-text-error);font-size:var(--lido-app-ui-font-size-label);letter-spacing:var(--lido-app-ui-letter-spacing-label);line-height:24px}.Input-module_description__EVlJm,.Input-module_errorText__jYCqP{font-weight:var(--lido-app-ui-font-weight-regular);margin:0;word-break:break-word}.Input-module_description__EVlJm{color:var(--lido-app-ui-color-text-tertiary);font-size:var(--lido-app-ui-font-size-tooltip);letter-spacing:var(--lido-app-ui-letter-spacing-tooltip);line-height:var(--lido-app-ui-line-height-description)}.MessageBox-module_box__O4g-J{--local-bg:var(--lido-app-ui-color-tint-neutral);--local-icon-color:var(--lido-app-ui-color-icons-secondary);--local-headline-color:var(--lido-app-ui-color-text-default);--local-description-color:var(--lido-app-ui-color-text-secondary);align-items:flex-start;background-color:var(--local-bg);border-radius:var(--lido-app-ui-border-radius-card);box-sizing:border-box;display:flex;font-family:var(--lido-app-ui-font-family);gap:12px;padding:16px}.MessageBox-module_icon__luvyF{color:var(--local-icon-color);display:inline-flex;flex-shrink:0;height:24px;width:24px}.MessageBox-module_icon__luvyF>*{height:100%;width:100%}.MessageBox-module_text__SIlVQ{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.MessageBox-module_headline__ZSkMw{color:var(--local-headline-color);font-weight:var(--lido-app-ui-font-weight-semibold)}.MessageBox-module_description__dYr4Y,.MessageBox-module_headline__ZSkMw{font-family:var(--lido-app-ui-font-family);font-size:var(--lido-app-ui-font-size-label);letter-spacing:var(--lido-app-ui-letter-spacing-label);line-height:24px}.MessageBox-module_description__dYr4Y{color:var(--local-description-color);font-weight:var(--lido-app-ui-font-weight-regular)}.MessageBox-module_info__ZyfKO{--local-bg:var(--lido-app-ui-color-tint-info);--local-icon-color:var(--lido-app-ui-color-icons-info);--local-headline-color:var(--lido-app-ui-color-text-info);--local-description-color:var(--lido-app-ui-color-text-info)}.MessageBox-module_warning__klWMz{--local-bg:var(--lido-app-ui-color-tint-warning);--local-icon-color:var(--lido-app-ui-color-icons-warning);--local-headline-color:var(--lido-app-ui-color-text-warning);--local-description-color:var(--lido-app-ui-color-text-warning)}.MessageBox-module_error__YNWNq{--local-bg:var(--lido-app-ui-color-tint-error);--local-icon-color:var(--lido-app-ui-color-icons-error);--local-headline-color:var(--lido-app-ui-color-text-error);--local-description-color:var(--lido-app-ui-color-text-error)}.MessageBox-module_success__duj3i{--local-bg:var(--lido-app-ui-color-tint-success);--local-icon-color:var(--lido-app-ui-color-icons-success);--local-headline-color:var(--lido-app-ui-color-text-success);--local-description-color:var(--lido-app-ui-color-text-success)}.Modal-module_overlay__7ZBDB{background-color:rgba(0,0,0,.4);display:flex;inset:0;overflow-y:auto;padding:16px;position:fixed;z-index:1000}.Modal-module_card__Qtorh{background-color:var(--lido-app-ui-color-background-surface);border:1px solid var(--lido-app-ui-color-border-default);border-radius:var(--lido-app-ui-border-radius-modal);box-sizing:border-box;display:flex;flex-direction:column;gap:24px;margin:auto;max-width:100%;overflow:clip;padding:32px;width:500px}.Modal-module_headerGroup__UmuFI{display:flex;flex-direction:column;gap:8px;width:100%}.Modal-module_header__7yzUX{align-items:flex-start;display:flex;gap:12px;width:100%}.Modal-module_title__oTluo{color:var(--lido-app-ui-color-text-default);flex:1 0 0;font-family:var(--lido-app-ui-font-family);font-size:24px;font-weight:var(--lido-app-ui-font-weight-medium);letter-spacing:-.14px;line-height:36px;min-width:0}.Modal-module_titleHidden__TjgUq{visibility:hidden}.Modal-module_subtitle__kWRYl{color:var(--lido-app-ui-color-text-secondary);font-family:var(--lido-app-ui-font-family);font-size:var(--lido-app-ui-font-size-label);font-weight:var(--lido-app-ui-font-weight-regular);letter-spacing:var(--lido-app-ui-letter-spacing-label);line-height:var(--lido-app-ui-line-height-label);width:100%}.Modal-module_body__8xJFT{display:flex;flex-direction:column}@media (max-width:599px){.Modal-module_card__Qtorh{width:100%}.Modal-module_overlay__7ZBDB{background-color:transparent;padding:0}.Modal-module_overlay__7ZBDB .Modal-module_card__Qtorh{border:none;border-radius:0;min-height:100dvh}.Modal-module_overlay__7ZBDB .Modal-module_cardBodyFill__vcf2Q .Modal-module_body__8xJFT{flex:1;min-height:0}}@media (max-width:399px){.Modal-module_card__Qtorh{padding:20px}}.Notification-module_notification__78CFU{background-color:rgba(0,0,0,.9);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;gap:24px;max-width:100%;padding:16px;width:320px}.Notification-module_content__HOyyc{display:flex;flex-direction:column;gap:8px}.Notification-module_title__pC9Yh{font-family:var(--lido-app-ui-font-family);font-size:16px;font-weight:var(--lido-app-ui-font-weight-semibold);letter-spacing:var(--lido-app-ui-letter-spacing-body);line-height:28px;margin:0}.Notification-module_body__9icKP{font-family:var(--lido-app-ui-font-family);font-size:var(--lido-app-ui-font-size-label);font-weight:var(--lido-app-ui-font-weight-regular);letter-spacing:var(--lido-app-ui-letter-spacing-label);line-height:var(--lido-app-ui-line-height-label)}.Notification-module_body__9icKP p{margin:0 0 8px}.Notification-module_body__9icKP ul{margin:0;padding-left:21px}.Notification-module_actions__DCafA{align-items:flex-start;display:flex;gap:12px}.Notification-module_button__x9Snk{border:none;border-radius:100px;box-sizing:border-box;cursor:pointer;font-family:var(--lido-app-ui-font-family);font-size:var(--lido-app-ui-font-size-label);font-weight:var(--lido-app-ui-font-weight-semibold);letter-spacing:var(--lido-app-ui-letter-spacing-label);line-height:var(--lido-app-ui-line-height-label);padding:6px 16px}.Notification-module_button__x9Snk.Notification-module_primary__WsCyk{background-color:#fff;color:#000}.Notification-module_button__x9Snk.Notification-module_secondary__wHu0h{background:none;border:1px solid hsla(0,0%,100%,.1);color:#fff}.RadioButton-module_container__SCutu{align-items:center;cursor:pointer;display:inline-flex;gap:12px}.RadioButton-module_control__UptAg{flex-shrink:0;height:24px;position:relative;width:24px}.RadioButton-module_input__xH1gY{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--lido-app-ui-color-background-default);border:1px solid var(--lido-app-ui-color-border-default);border-radius:50%;box-sizing:border-box;cursor:pointer;height:100%;inset:0;margin:0;position:absolute;transition:background-color .15s;width:100%}.RadioButton-module_dot__L4395{background-color:var(--lido-app-ui-color-background-surface);border-radius:50%;height:12px;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.5);transition:opacity .15s,transform .15s;width:12px}.RadioButton-module_input__xH1gY:checked{background-color:var(--lido-app-ui-color-background-surface-selected)}.RadioButton-module_input__xH1gY:checked+.RadioButton-module_dot__L4395{opacity:1;transform:translate(-50%,-50%) scale(1)}.RadioButton-module_input__xH1gY:not(:disabled):hover{background-color:var(--lido-app-ui-color-background-default-hover)}.RadioButton-module_input__xH1gY:checked:not(:disabled):hover{background-color:var(--lido-app-ui-color-background-surface-selected-hover)}.RadioButton-module_input__xH1gY:focus-visible{outline:2px solid var(--lido-app-ui-color-border-active);outline-offset:2px}.RadioButton-module_input__xH1gY:disabled{background-color:var(--lido-app-ui-color-icons-disabled);cursor:not-allowed}.RadioButton-module_label__RcN2Y{color:var(--lido-app-ui-color-text-default);font-family:var(--lido-app-ui-font-family);font-size:var(--lido-app-ui-font-size-body);font-weight:var(--lido-app-ui-font-weight-regular);letter-spacing:var(--lido-app-ui-letter-spacing-body);line-height:28px}.RadioButton-module_containerDisabled__HaOc5{cursor:not-allowed}.RadioButton-module_labelDisabled__X5qI9{color:var(--lido-app-ui-color-text-disabled)}.Tag-module_tag__dpq60{--local-bg:var(--lido-app-ui-color-background-secondary);--local-bg-hover:var(--lido-app-ui-color-background-secondary-hover);--local-text:var(--lido-app-ui-color-text-secondary);align-items:center;background-color:var(--local-bg);border-radius:var(--lido-app-ui-border-radius-badge);box-sizing:border-box;color:var(--local-text);display:inline-flex;font-family:var(--lido-app-ui-font-family);font-size:var(--lido-app-ui-font-size-tooltip);font-weight:var(--lido-app-ui-font-weight-semibold);gap:4px;letter-spacing:var(--lido-app-ui-letter-spacing-tooltip);line-height:var(--lido-app-ui-line-height-description);padding:2px 8px;white-space:nowrap}.Tag-module_tag__dpq60:hover{background-color:var(--local-bg-hover)}.Tag-module_icon__7I-oU{display:inline-flex;flex-shrink:0;height:16px;width:16px}.Tag-module_icon__7I-oU svg{height:16px;width:16px}.Tag-module_closeButton__d5-N3{all:unset;color:inherit;cursor:pointer;display:inline-flex;flex-shrink:0;height:16px;width:16px}.Tag-module_closeButton__d5-N3 svg{height:16px;width:16px}.Tag-module_neutral__D18sJ{--local-bg:var(--lido-app-ui-color-tint-neutral);--local-bg-hover:var(--lido-app-ui-color-background-secondary-hover);--local-text:var(--lido-app-ui-color-text-tertiary)}.Tag-module_success__JX1nP{--local-bg:var(--lido-app-ui-color-tint-success);--local-bg-hover:var(--lido-app-ui-color-tint-success-hover);--local-text:var(--lido-app-ui-color-text-success)}.Tag-module_warning__0pWSo{--local-bg:var(--lido-app-ui-color-tint-warning);--local-bg-hover:var(--lido-app-ui-color-tint-warning-hover);--local-text:var(--lido-app-ui-color-text-warning)}.Tag-module_error__o3vZs{--local-bg:var(--lido-app-ui-color-tint-error);--local-bg-hover:var(--lido-app-ui-color-tint-error-hover);--local-text:var(--lido-app-ui-color-text-error)}.Tag-module_info__TJ9YE{--local-bg:var(--lido-app-ui-color-tint-info);--local-bg-hover:var(--lido-app-ui-color-tint-info-hover);--local-text:var(--lido-app-ui-color-text-info)}.Tag-module_active__C6eCL{--local-bg:var(--lido-app-ui-color-background-surface-active);--local-bg-hover:var(--lido-app-ui-color-background-surface-active-hover);--local-text:var(--lido-app-ui-color-text-active)}.Tag-module_action__6xjY6{--local-bg:var(--lido-app-ui-color-background-action);--local-bg-hover:var(--lido-app-ui-color-background-action-hover);--local-text:var(--lido-app-ui-color-text-inverse)}.RichInput-module_root__2RrAF{background-color:var(--lido-app-ui-color-background-default);border:1px solid var(--lido-app-ui-color-border-default);border-radius:var(--lido-app-ui-border-radius-card);box-sizing:border-box;cursor:text;display:flex;flex-direction:column;font-family:var(--lido-app-ui-font-family);gap:8px;padding:15px;transition:background-color .2s ease,border-color .2s ease}.RichInput-module_root__2RrAF:hover{background-color:var(--lido-app-ui-color-background-default-hover)}.RichInput-module_root__2RrAF.RichInput-module_error__iuacN{border-color:var(--lido-app-ui-color-border-error)}.RichInput-module_root__2RrAF:has(.RichInput-module_input__G69-P:focus){background-color:var(--lido-app-ui-color-background-default-active);border-color:var(--lido-app-ui-color-border-active)}.RichInput-module_root__2RrAF:has(.RichInput-module_input__G69-P:disabled){background-color:var(--lido-app-ui-color-background-disabled)}.RichInput-module_labelRow__bh0KF{align-items:center;align-self:flex-start;display:flex;gap:4px}.RichInput-module_label__FNaLW{color:var(--lido-app-ui-color-text-secondary);font-family:var(--lido-app-ui-font-family);font-size:var(--lido-app-ui-font-size-body);font-weight:var(--lido-app-ui-font-weight-semibold);letter-spacing:var(--lido-app-ui-letter-spacing-body);line-height:var(--lido-app-ui-line-height-body)}.RichInput-module_labelTooltipIcon__A4QBG{color:var(--lido-app-ui-color-icons-secondary);display:flex;flex-shrink:0;height:20px;width:20px}.RichInput-module_amountRow__GWqIG{align-items:center;display:flex;justify-content:space-between}.RichInput-module_input__G69-P{background-color:transparent;border:none;color:var(--lido-app-ui-color-text-default);flex:1;font-family:var(--lido-app-ui-font-family);font-size:var(--lido-app-ui-font-size-rich-input);font-weight:var(--lido-app-ui-font-weight-regular);line-height:var(--lido-app-ui-line-height-rich-input);min-width:0;outline:none;padding:0}.RichInput-module_input__G69-P::-moz-placeholder{color:var(--lido-app-ui-color-text-neutral)}.RichInput-module_input__G69-P::placeholder{color:var(--lido-app-ui-color-text-neutral)}.RichInput-module_input__G69-P:disabled::-moz-placeholder{color:var(--lido-app-ui-color-text-disabled)}.RichInput-module_input__G69-P:disabled,.RichInput-module_input__G69-P:disabled::placeholder{color:var(--lido-app-ui-color-text-disabled)}.RichInput-module_error__iuacN .RichInput-module_input__G69-P{caret-color:var(--lido-app-ui-color-text-error);color:var(--lido-app-ui-color-text-error)}.RichInput-module_token__qSEX1{align-items:center;display:inline-flex;flex-shrink:0}.RichInput-module_bottomRow__2SnLx{align-items:center;display:flex;height:26px}.RichInput-module_secondary__pftTQ{color:var(--lido-app-ui-color-text-secondary);font-family:var(--lido-app-ui-font-family);font-size:var(--lido-app-ui-font-size-label);font-weight:var(--lido-app-ui-font-weight-regular);letter-spacing:var(--lido-app-ui-letter-spacing-label);line-height:var(--lido-app-ui-line-height-label)}.RichInput-module_balanceGroup__q4-lT{align-items:center;display:flex;gap:4px;margin-left:auto}.RichInput-module_balance__y-Ukz{color:var(--lido-app-ui-color-text-secondary);font-family:var(--lido-app-ui-font-family);font-size:var(--lido-app-ui-font-size-label);font-weight:var(--lido-app-ui-font-weight-regular);letter-spacing:var(--lido-app-ui-letter-spacing-label);line-height:var(--lido-app-ui-line-height-label)}.RichInput-module_errorMessage__axdve,.RichInput-module_error__iuacN .RichInput-module_balance__y-Ukz{color:var(--lido-app-ui-color-text-error)}.RichInput-module_errorMessage__axdve{font-family:var(--lido-app-ui-font-family);font-size:var(--lido-app-ui-font-size-label);font-weight:var(--lido-app-ui-font-weight-regular);letter-spacing:var(--lido-app-ui-letter-spacing-label);line-height:var(--lido-app-ui-line-height-label)}.RichInput-module_maxTag__gQd1Y{cursor:pointer}.RichInput-module_maxTag__gQd1Y:focus-visible{outline:2px solid var(--lido-app-ui-color-border-active);outline-offset:2px}.SectionTitle-module_root__em4jm{align-items:flex-start;display:flex;gap:20px;width:100%}.SectionTitle-module_left__KxpId{display:flex;flex:1 1 0%;flex-direction:column;gap:4px;min-width:0}.SectionTitle-module_titleRow__rsLR9{align-items:center;display:flex;gap:4px}.SectionTitle-module_title__FsN2a{color:var(--lido-app-ui-color-text-default);font-family:var(--lido-app-ui-font-family);font-size:var(--lido-app-ui-font-size-body);font-weight:var(--lido-app-ui-font-weight-semibold);letter-spacing:var(--lido-app-ui-letter-spacing-body);line-height:28px;margin:0}.SectionTitle-module_icon__3oHTJ{color:var(--lido-app-ui-color-icons-tertiary);display:flex;flex-shrink:0;height:16px;width:16px}.SectionTitle-module_subtitle__thBzs{color:var(--lido-app-ui-color-text-default);font-family:var(--lido-app-ui-font-family);font-size:var(--lido-app-ui-font-size-label);font-weight:var(--lido-app-ui-font-weight-regular);letter-spacing:var(--lido-app-ui-letter-spacing-label);line-height:24px;margin:0;opacity:.5;width:100%}.SectionTitle-module_action__GuVOA{flex-shrink:0}.Segment-module_segment__7hWnu{align-items:center;background-color:transparent;border:none;border-radius:var(--lido-app-ui-border-radius-control-inactive);box-sizing:border-box;color:var(--lido-app-ui-color-text-tertiary);cursor:pointer;display:inline-flex;font-family:var(--lido-app-ui-font-family);font-size:14px;font-weight:var(--lido-app-ui-font-weight-semibold);justify-content:center;letter-spacing:var(--lido-app-ui-letter-spacing-label);line-height:24px;padding:2px 12px;position:relative;transition:color .2s ease,background-color .2s ease;z-index:1}.Segment-module_segment__7hWnu:hover:not(:disabled,.Segment-module_active__bG6di){background-color:var(--lido-app-ui-color-background-transparent-hover);color:var(--lido-app-ui-color-text-default)}.Segment-module_segment__7hWnu:active:not(:disabled){color:var(--lido-app-ui-color-text-default)}.Segment-module_segment__7hWnu:active:not(:disabled) .Segment-module_content__gV43K{opacity:var(--lido-app-ui-opacity-pressed-content)}.Segment-module_segment__7hWnu:disabled{color:var(--lido-app-ui-color-text-disabled);cursor:not-allowed}.Segment-module_segment__7hWnu:focus-visible{outline:2px solid var(--lido-app-ui-color-border-active);outline-offset:2px}.Segment-module_active__bG6di{border-radius:var(--lido-app-ui-border-radius-control);color:var(--lido-app-ui-color-text-default)}.Segment-module_content__gV43K{align-items:center;display:inline-flex}.SegmentedControl-module_segmentedControl__IFGks{align-items:center;background-color:var(--lido-app-ui-color-background-secondary);border-radius:var(--lido-app-ui-border-radius-pill);box-sizing:border-box;display:flex;gap:4px;padding:4px;position:relative}.SegmentedControl-module_segmentedControl__IFGks>button{flex:1 0 0}.SegmentedControl-module_selection__YelDH{background-color:var(--lido-app-ui-color-background-surface);border-radius:var(--lido-app-ui-border-radius-control);left:0;pointer-events:none;position:absolute;top:0;will-change:transform,width,height;z-index:0}.SegmentedControl-module_animated__pZkby{transition:transform .4s cubic-bezier(.22,.61,.36,1),width .4s cubic-bezier(.22,.61,.36,1),height .4s cubic-bezier(.22,.61,.36,1)}@media (prefers-reduced-motion:reduce){.SegmentedControl-module_animated__pZkby{transition:none}}.SegmentCard-module_card__pWy9z{align-items:center;background-color:var(--lido-app-ui-color-background-default);border:1px solid transparent;border-radius:var(--lido-app-ui-border-radius-card);box-sizing:border-box;cursor:pointer;display:flex;flex:1 1 0;flex-direction:column;gap:8px;justify-content:center;min-width:0;padding:12px;position:relative;text-align:left;transition:background-color .2s ease}.SegmentCard-module_card__pWy9z:hover:not(:disabled,.SegmentCard-module_active__U2-sg){background-color:var(--lido-app-ui-color-background-default-hover)}.SegmentCard-module_card__pWy9z:disabled{cursor:not-allowed}.SegmentCard-module_card__pWy9z:focus-visible{outline:2px solid var(--lido-app-ui-color-border-active);outline-offset:2px}.SegmentCard-module_content__s5TGY{align-items:center;display:flex;flex-direction:column;gap:8px;position:relative;width:100%;z-index:2}.SegmentCard-module_icon__jm61i{align-self:flex-start;color:var(--lido-app-ui-color-icons-info);display:inline-flex;flex-shrink:0;height:24px;width:24px}.SegmentCard-module_card__pWy9z:disabled .SegmentCard-module_icon__jm61i{opacity:.5}.SegmentCard-module_title__X7wn0{align-items:center;display:flex;gap:8px;width:100%}.SegmentCard-module_titleText__EgPKg{color:var(--lido-app-ui-color-text-default);font-family:var(--lido-app-ui-font-family);font-size:16px;font-weight:var(--lido-app-ui-font-weight-semibold);letter-spacing:var(--lido-app-ui-letter-spacing-body);line-height:28px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.SegmentCard-module_card__pWy9z:disabled .SegmentCard-module_titleText__EgPKg{color:var(--lido-app-ui-color-text-disabled)}.SegmentCard-module_description__OEhr2{color:var(--lido-app-ui-color-text-tertiary);font-family:var(--lido-app-ui-font-family);font-size:var(--lido-app-ui-font-size-tooltip);font-weight:var(--lido-app-ui-font-weight-regular);letter-spacing:var(--lido-app-ui-letter-spacing-tooltip);line-height:var(--lido-app-ui-line-height-description);width:100%}.SegmentCard-module_card__pWy9z:disabled .SegmentCard-module_description__OEhr2{color:var(--lido-app-ui-color-text-disabled)}.SegmentedControlCard-module_segmentedControlCard__nifjY{align-items:flex-start;background-color:var(--lido-app-ui-color-background-default);border:1px solid var(--lido-app-ui-color-border-default);border-radius:20px;box-sizing:border-box;display:flex;gap:4px;padding:4px;position:relative}.SegmentedControlCard-module_selection__KOof5{background-color:var(--lido-app-ui-color-background-surface);border:1px solid var(--lido-app-ui-color-border-default);border-radius:var(--lido-app-ui-border-radius-card);box-sizing:border-box;left:0;pointer-events:none;position:absolute;top:0;will-change:transform,width,height;z-index:1}.SegmentedControlCard-module_animated__hOcFv{transition:transform .4s cubic-bezier(.22,.61,.36,1),width .4s cubic-bezier(.22,.61,.36,1),height .4s cubic-bezier(.22,.61,.36,1)}@media (prefers-reduced-motion:reduce){.SegmentedControlCard-module_animated__hOcFv{transition:none}}.Slider-module_root__ia7J0{display:flex;flex-direction:column;gap:4px;width:100%}.Slider-module_track__xeJEZ{height:32px;position:relative;width:100%}.Slider-module_bar__R6PZa{background-color:var(--lido-app-ui-color-background-secondary);border-radius:var(--lido-app-ui-border-radius-control);height:12px;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%)}.Slider-module_fill__pNQ7H{background-color:var(--lido-app-ui-color-background-surface-selected);height:100%}.Slider-module_mark__vyfSN{background-color:var(--lido-app-ui-color-background-surface);border-radius:50%;height:4px;margin-left:-2px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:4px}.Slider-module_input__ypvWK{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;height:100%;inset:0;margin:0;position:absolute;width:100%}.Slider-module_input__ypvWK::-webkit-slider-runnable-track{-webkit-appearance:none;appearance:none;background:transparent;height:100%;width:100%}.Slider-module_input__ypvWK::-moz-range-track{background:transparent;border:none;height:100%;width:100%}.Slider-module_input__ypvWK::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:var(--lido-app-ui-color-background-surface);border:4px solid var(--lido-app-ui-color-border-active);border-radius:50%;box-sizing:border-box;cursor:pointer;height:32px;width:32px}.Slider-module_input__ypvWK::-moz-range-thumb{background-color:var(--lido-app-ui-color-background-surface);border:4px solid var(--lido-app-ui-color-border-active);border-radius:50%;box-sizing:border-box;cursor:pointer;height:32px;width:32px}.Slider-module_input__ypvWK:hover::-webkit-slider-thumb{background-color:var(--lido-app-ui-color-background-surface-hover)}.Slider-module_input__ypvWK:hover::-moz-range-thumb{background-color:var(--lido-app-ui-color-background-surface-hover)}.Slider-module_input__ypvWK:focus-visible::-webkit-slider-thumb{outline:2px solid var(--lido-app-ui-color-border-active);outline-offset:2px}.Slider-module_input__ypvWK:focus-visible::-moz-range-thumb{outline:2px solid var(--lido-app-ui-color-border-active);outline-offset:2px}.Slider-module_input__ypvWK:disabled{cursor:not-allowed}.Slider-module_input__ypvWK:disabled::-webkit-slider-thumb{background-color:var(--lido-app-ui-color-background-surface);border-color:var(--lido-app-ui-color-icons-disabled);cursor:not-allowed}.Slider-module_input__ypvWK:disabled::-moz-range-thumb{background-color:var(--lido-app-ui-color-background-surface);border-color:var(--lido-app-ui-color-icons-disabled);cursor:not-allowed}.Slider-module_fillDisabled__uVrDn{background-color:var(--lido-app-ui-color-icons-disabled)}.Slider-module_labels__qlcSS{align-items:center;display:flex;justify-content:space-between;width:100%}.Slider-module_label__HzWMl{color:var(--lido-app-ui-color-text-default);font-family:var(--lido-app-ui-font-family);font-size:var(--lido-app-ui-font-size-tooltip);font-weight:var(--lido-app-ui-font-weight-regular);letter-spacing:var(--lido-app-ui-letter-spacing-tooltip);line-height:var(--lido-app-ui-line-height-description);opacity:.5}.SmallCard-module_card__hMEaC{background-color:var(--lido-app-ui-color-background-default);border-radius:20px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:16px;overflow:hidden;padding:16px;text-decoration:none;transition:background-color .15s}.SmallCard-module_card__hMEaC:hover{background-color:var(--lido-app-ui-color-background-surface)}.SmallCard-module_content__BuFmY{display:flex;flex-direction:column;gap:8px;width:100%}.SmallCard-module_image__1-54G{border-radius:20px;flex-shrink:0;height:120px;overflow:hidden;width:100%}.SmallCard-module_image__1-54G img,.SmallCard-module_image__1-54G svg{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.SmallCard-module_header__p40nO{align-items:flex-start;display:flex;gap:8px;width:100%}.SmallCard-module_logo__D4mWb{border-radius:20px;display:flex;flex-shrink:0;height:24px;overflow:hidden;width:24px}.SmallCard-module_title__ECdum{color:var(--lido-app-ui-color-text-default);flex:1 1 0%;font-family:var(--lido-app-ui-font-family);font-size:var(--lido-app-ui-font-size-label);font-weight:var(--lido-app-ui-font-weight-semibold);letter-spacing:var(--lido-app-ui-letter-spacing-label);line-height:24px;min-width:0;word-break:break-word}.SmallCard-module_icon__GJXWd{color:var(--lido-app-ui-color-icons-default);display:inline-flex;flex-shrink:0;height:24px;width:24px}.SmallCard-module_description__Z9Rn1{color:var(--lido-app-ui-color-text-tertiary);font-family:var(--lido-app-ui-font-family);font-size:var(--lido-app-ui-font-size-tooltip);font-weight:var(--lido-app-ui-font-weight-regular);letter-spacing:var(--lido-app-ui-letter-spacing-tooltip);line-height:var(--lido-app-ui-line-height-description);margin:0;width:100%}.SmallCard-module_footer__H1wrh{align-items:flex-start;display:flex;flex-shrink:0;flex-wrap:wrap;gap:4px}.StatItem-module_item__QRZDs{align-items:center;align-self:stretch;display:flex;flex:1 0 0;flex-direction:column;gap:4px;min-width:0}.StatItem-module_left__-Ovy7{align-items:flex-start}.StatItem-module_title__FHb51{align-items:center;display:flex;gap:4px}.StatItem-module_titleIcon__Ma4M2{display:inline-flex;flex-shrink:0;height:24px;width:24px}.StatItem-module_titleIcon__Ma4M2>svg{height:24px;width:24px}.StatItem-module_label__VE-ss{color:var(--lido-app-ui-color-text-secondary);font-family:var(--lido-app-ui-font-family);font-size:var(--lido-app-ui-font-size-body);font-weight:var(--lido-app-ui-font-weight-regular);letter-spacing:var(--lido-app-ui-letter-spacing-body);line-height:28px;white-space:nowrap}.StatItem-module_info__bfs7P{align-items:center;display:inline-flex}.StatItem-module_infoIcon__ACfd4{color:var(--lido-app-ui-color-icons-secondary);height:16px;width:16px}.StatItem-module_valueRow__29twm{align-items:baseline;display:flex;gap:8px}.StatItem-module_value__SNuSG{color:var(--lido-app-ui-color-text-default);font-family:var(--lido-app-ui-font-family);font-size:28px;font-weight:var(--lido-app-ui-font-weight-medium);letter-spacing:-.84px;line-height:40px;white-space:nowrap}.StatItem-module_icon__azLse{display:inline-flex;flex-shrink:0;height:24px;width:24px}.StatItem-module_icon__azLse svg{height:24px;width:24px}.StatItem-module_subValue__cw34j{color:var(--lido-app-ui-color-text-secondary);font-size:var(--lido-app-ui-font-size-label);letter-spacing:var(--lido-app-ui-letter-spacing-label);line-height:24px;white-space:nowrap}.StatItem-module_description__lwTA2,.StatItem-module_subValue__cw34j{font-family:var(--lido-app-ui-font-family);font-weight:var(--lido-app-ui-font-weight-regular)}.StatItem-module_description__lwTA2{color:var(--lido-app-ui-color-text-tertiary);font-size:var(--lido-app-ui-font-size-tooltip);letter-spacing:var(--lido-app-ui-letter-spacing-tooltip);line-height:var(--lido-app-ui-line-height-description)}.Switch-module_container__BWe5y{align-items:center;cursor:pointer;display:inline-flex;gap:12px}.Switch-module_control__9FNby{flex-shrink:0;height:24px;position:relative;width:40px}.Switch-module_input__5Fw06{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--lido-app-ui-color-background-secondary);border:1px solid var(--lido-app-ui-color-border-default);border-radius:var(--lido-app-ui-border-radius-control);box-sizing:border-box;cursor:pointer;height:100%;inset:0;margin:0;position:absolute;transition:background-color .15s,border-color .15s;width:100%}.Switch-module_knob__koBKr{background-color:var(--lido-app-ui-color-background-surface);border-radius:50%;height:20px;left:2px;pointer-events:none;position:absolute;top:2px;transition:left .15s;width:20px}.Switch-module_input__5Fw06:checked{background-color:var(--lido-app-ui-color-background-surface-selected);border-color:transparent}.Switch-module_input__5Fw06:checked~.Switch-module_knob__koBKr{left:18px}.Switch-module_input__5Fw06:not(:disabled):hover{background-color:var(--lido-app-ui-color-background-secondary-hover)}.Switch-module_input__5Fw06:checked:not(:disabled):hover{background-color:var(--lido-app-ui-color-background-surface-selected-hover)}.Switch-module_input__5Fw06:focus-visible{outline:2px solid var(--lido-app-ui-color-border-active);outline-offset:2px}.Switch-module_input__5Fw06:disabled{border-color:transparent;cursor:not-allowed}.Switch-module_input__5Fw06:disabled,.Switch-module_input__5Fw06:disabled~.Switch-module_knob__koBKr{background-color:var(--lido-app-ui-color-icons-disabled)}.Switch-module_label__L3fUn{color:var(--lido-app-ui-color-text-default);font-family:var(--lido-app-ui-font-family);font-size:var(--lido-app-ui-font-size-body);font-weight:var(--lido-app-ui-font-weight-regular);letter-spacing:var(--lido-app-ui-letter-spacing-body);line-height:28px}.Switch-module_containerDisabled__WcWvU{cursor:not-allowed}.Switch-module_labelDisabled__8pVsj{color:var(--lido-app-ui-color-text-disabled)}.Tab-module_tab__jRlld{background:none;border:none;box-sizing:border-box;color:var(--lido-app-ui-color-text-secondary);cursor:pointer;font-family:var(--lido-app-ui-font-family);font-size:16px;font-weight:var(--lido-app-ui-font-weight-semibold);letter-spacing:var(--lido-app-ui-letter-spacing-body);line-height:28px;padding:0 0 8px;position:relative;white-space:nowrap}.Tab-module_tab__jRlld.Tab-module_active__TxEwm,.Tab-module_tab__jRlld:hover:not(:disabled){color:var(--lido-app-ui-color-text-default)}.Tab-module_tab__jRlld:disabled{color:var(--lido-app-ui-color-text-disabled);cursor:not-allowed}.Tabs-module_tabs__JqDxc{align-items:center;border-bottom:1px solid var(--lido-app-ui-color-border-default);display:flex;gap:24px;position:relative}.Tabs-module_selection__PESbX{background-color:var(--lido-app-ui-color-border-black);bottom:0;height:2px;left:0;pointer-events:none;position:absolute;will-change:transform,width}.Tabs-module_animated__yxUz6{transition:transform .3s cubic-bezier(.22,.61,.36,1),width .3s cubic-bezier(.22,.61,.36,1)}@media (prefers-reduced-motion:reduce){.Tabs-module_animated__yxUz6{transition:none}}.TextLink-module_link__V7KRm{align-items:center;color:var(--lido-app-ui-color-text-active);cursor:pointer;display:inline-flex;font-family:var(--lido-app-ui-font-family);font-size:var(--lido-app-ui-font-size-label);font-weight:var(--lido-app-ui-font-weight-regular);gap:4px;letter-spacing:var(--lido-app-ui-letter-spacing-label);line-height:var(--lido-app-ui-line-height-label);line-height:24px;text-decoration:none}.TextLink-module_link__V7KRm:hover{color:var(--lido-app-ui-color-text-active-hover)}.TextLink-module_link__V7KRm:active{opacity:var(--lido-app-ui-opacity-pressed-content)}.TextLink-module_link__V7KRm:focus-visible{border-radius:2px;outline:2px solid var(--lido-app-ui-color-border-active);outline-offset:2px}.TextLink-module_link__V7KRm[aria-disabled=true]{color:var(--lido-app-ui-color-text-disabled);cursor:not-allowed;pointer-events:none}.TextLink-module_icon__EVqpk{align-items:center;display:inline-flex;flex-shrink:0;height:20px;width:20px}.TextLink-module_icon__EVqpk>*{height:100%;width:100%}.TokenAmount-module_root__kQW3E{align-items:center;display:inline-flex;gap:6px}.TokenAmount-module_icon__GjQp4{flex-shrink:0;height:20px;width:20px}.TokenAmount-module_amount__8I2wI{color:var(--lido-app-ui-color-text-default);font-family:var(--lido-app-ui-font-family);font-size:var(--lido-app-ui-font-size-body);font-weight:var(--lido-app-ui-font-weight-semibold);letter-spacing:var(--lido-app-ui-letter-spacing-body);line-height:var(--lido-app-ui-line-height-body)}.TokenSelector-module_root__PxN0H{display:inline-flex;position:relative;width:100%}.TokenSelector-module_trigger__splKy{align-items:center;background-color:transparent;border:1px solid var(--lido-app-ui-color-border-default);box-sizing:border-box;color:var(--lido-app-ui-color-text-default);cursor:pointer;display:flex;gap:6px;transition:background-color .15s;width:100%}.TokenSelector-module_trigger__splKy:hover{background-color:var(--lido-app-ui-color-background-default-hover)}.TokenSelector-module_trigger__splKy.TokenSelector-module_open__m2Nio,.TokenSelector-module_trigger__splKy:active{background-color:var(--lido-app-ui-color-background-default-pressed)}.TokenSelector-module_trigger__splKy:focus-visible{outline:2px solid var(--lido-app-ui-color-border-active);outline-offset:2px}.TokenSelector-module_trigger__splKy.TokenSelector-module_default__b4nDz{background-color:var(--lido-app-ui-color-background-default);border-radius:16px;padding:12px 16px}.TokenSelector-module_trigger__splKy.TokenSelector-module_small__t33-u{border-radius:var(--lido-app-ui-border-radius-control);padding:4px 12px}.TokenSelector-module_content__Wgaht{align-items:center;display:flex;flex:1 1 0%;gap:6px;min-width:0}.TokenSelector-module_icon__DlHs9{display:inline-flex;flex-shrink:0;height:24px;width:24px}.TokenSelector-module_icon__DlHs9 svg{height:100%;width:100%}.TokenSelector-module_label__ZbyWU{font-size:var(--lido-app-ui-font-size-body);font-weight:var(--lido-app-ui-font-weight-semibold);letter-spacing:var(--lido-app-ui-letter-spacing-body);line-height:28px}.TokenSelector-module_label__ZbyWU,.TokenSelector-module_secondaryLabel__JJ6NB{font-family:var(--lido-app-ui-font-family);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.TokenSelector-module_secondaryLabel__JJ6NB{color:var(--lido-app-ui-color-text-secondary);font-size:var(--lido-app-ui-font-size-label);font-weight:var(--lido-app-ui-font-weight-regular);letter-spacing:var(--lido-app-ui-letter-spacing-label);line-height:24px}.TokenSelector-module_placeholder__OuVze{color:var(--lido-app-ui-color-text-tertiary);font-family:var(--lido-app-ui-font-family);font-size:var(--lido-app-ui-font-size-body);font-weight:var(--lido-app-ui-font-weight-regular);letter-spacing:var(--lido-app-ui-letter-spacing-body);line-height:28px}.TokenSelector-module_chevron__1YP6l{color:var(--lido-app-ui-color-icons-secondary);display:inline-flex;flex-shrink:0;height:24px;width:24px}.TokenSelector-module_chevron__1YP6l svg{height:100%;width:100%}.TokenSelector-module_single__b4FrO{align-items:center;box-sizing:border-box;color:var(--lido-app-ui-color-text-default);display:inline-flex;gap:6px}.TokenSelector-module_single__b4FrO.TokenSelector-module_default__b4nDz{padding:12px 16px}.TokenSelector-module_single__b4FrO.TokenSelector-module_small__t33-u{padding:4px 12px}.TokenSelector-module_panel__GOyAa{background-color:var(--lido-app-ui-color-background-surface);border:.5px solid var(--lido-app-ui-color-border-default);border-radius:var(--lido-app-ui-border-radius-dropdown);box-shadow:0 4px 8px rgb(0 0 0/5%);box-sizing:border-box;left:0;position:absolute;right:0;top:calc(100% + 4px);z-index:1}.TokenSelector-module_list__WYv3G{box-sizing:border-box;display:flex;flex-direction:column;gap:4px;padding:8px;width:100%}.TokenSelector-module_option__CdMxu{align-items:center;background-color:transparent;border:1px solid transparent;border-radius:var(--lido-app-ui-border-radius-dropdown-item);box-sizing:border-box;cursor:pointer;display:flex;gap:8px;text-align:left;transition:background-color .15s;width:100%}.TokenSelector-module_option__CdMxu.TokenSelector-module_default__b4nDz{padding:16px}.TokenSelector-module_option__CdMxu.TokenSelector-module_small__t33-u{padding:4px 12px 4px 8px}.TokenSelector-module_option__CdMxu:not(:disabled):hover{background-color:var(--lido-app-ui-color-background-surface-hover)}.TokenSelector-module_option__CdMxu.TokenSelector-module_selected__DU-ng{background-color:var(--lido-app-ui-color-background-surface-active)}.TokenSelector-module_option__CdMxu.TokenSelector-module_default__b4nDz.TokenSelector-module_selected__DU-ng{border-color:var(--lido-app-ui-color-border-active)}.TokenSelector-module_option__CdMxu:disabled{background-color:var(--lido-app-ui-color-background-disabled);cursor:not-allowed}.TokenSelector-module_option__CdMxu:disabled .TokenSelector-module_description__IF7vZ,.TokenSelector-module_option__CdMxu:disabled .TokenSelector-module_label__ZbyWU,.TokenSelector-module_option__CdMxu:disabled .TokenSelector-module_secondaryLabel__JJ6NB{color:var(--lido-app-ui-color-text-disabled)}.TokenSelector-module_option__CdMxu:focus-visible{outline:2px solid var(--lido-app-ui-color-border-active);outline-offset:2px}.TokenSelector-module_optionContent__adAkl{display:flex;flex:1 1 0%;flex-direction:column;gap:8px;min-width:0}.TokenSelector-module_optionRow__PLYn3{align-items:center;display:flex;gap:8px;width:100%}.TokenSelector-module_description__IF7vZ{color:var(--lido-app-ui-color-text-tertiary);font-family:var(--lido-app-ui-font-family);font-size:var(--lido-app-ui-font-size-tooltip);font-weight:var(--lido-app-ui-font-weight-regular);letter-spacing:var(--lido-app-ui-letter-spacing-tooltip);line-height:var(--lido-app-ui-line-height-description)}.TokenSelector-module_indicator__SoBu1{align-items:center;background-color:var(--lido-app-ui-color-background-surface-selected);border:1px solid var(--lido-app-ui-color-border-default);border-radius:50%;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.TokenSelector-module_checkmark__-jH9V{color:var(--lido-app-ui-color-icons-inverse);height:20px;width:20px}.TxStatus-module_root__Ei4-y{align-items:center;display:flex;flex-direction:column;gap:64px;width:100%}.TxStatus-module_statusBlock__uZCwq{align-items:center;display:flex;flex-direction:column;gap:32px;width:100%}.TxStatus-module_graphicGroup__VBBP7{align-items:center;display:flex;flex-direction:column;gap:24px}.TxStatus-module_graphic__-6MVT{align-items:center;display:inline-flex;height:64px;justify-content:center;width:64px}.TxStatus-module_spinner__kZnfO{animation:TxStatus-module_spin__--DsV .9s linear infinite;height:64px;width:64px}@keyframes TxStatus-module_spin__--DsV{to{transform:rotate(1turn)}}.TxStatus-module_circle__2McU9{align-items:center;border-radius:50%;display:inline-flex;height:64px;justify-content:center;width:64px}.TxStatus-module_circleSuccess__ioyYt{background-color:#11b690}.TxStatus-module_circleError__iZ-fn{background-color:var(--lido-app-ui-color-text-error)}.TxStatus-module_circleIcon__KQeiU{color:var(--lido-app-ui-palette-white-a900);height:32px;width:32px}.TxStatus-module_textGroup__Fbo3U{align-items:center;display:flex;flex-direction:column;gap:16px}.TxStatus-module_title__LO53U{color:var(--lido-app-ui-color-text-default);font-family:var(--lido-app-ui-font-family);font-size:24px;font-weight:var(--lido-app-ui-font-weight-medium);letter-spacing:-.84px;line-height:28.8px;text-align:center}.TxStatus-module_amount__UXqNu{display:flex;justify-content:center}.TxStatus-module_message__L5JLs{width:100%}.TxStatus-module_footer__sXCub{align-items:center;display:flex;flex-direction:column;width:100%}.Typography-module_root__2cRgG{margin:0}.Typography-module_h1__Owx3Q{font-family:var(--lido-app-ui-font-family);font-size:var(--lido-app-ui-font-size-h1);font-weight:var(--lido-app-ui-font-weight-regular);letter-spacing:var(--lido-app-ui-letter-spacing-h1);line-height:var(--lido-app-ui-line-height-h1)}.Typography-module_h2__PGKur{font-size:var(--lido-app-ui-font-size-h2);letter-spacing:var(--lido-app-ui-letter-spacing-h2);line-height:var(--lido-app-ui-line-height-h2)}.Typography-module_h2__PGKur,.Typography-module_h3__SyRpZ{font-family:var(--lido-app-ui-font-family);font-weight:var(--lido-app-ui-font-weight-medium)}.Typography-module_h3__SyRpZ{font-size:var(--lido-app-ui-font-size-h3);letter-spacing:var(--lido-app-ui-letter-spacing-h3);line-height:var(--lido-app-ui-line-height-h3)}.Typography-module_richInput__QDHSm{font-size:var(--lido-app-ui-font-size-rich-input);line-height:var(--lido-app-ui-line-height-rich-input)}.Typography-module_bodyLarge__ziLsk,.Typography-module_richInput__QDHSm{font-family:var(--lido-app-ui-font-family);font-weight:var(--lido-app-ui-font-weight-regular)}.Typography-module_bodyLarge__ziLsk{font-size:var(--lido-app-ui-font-size-body);letter-spacing:var(--lido-app-ui-letter-spacing-body);line-height:var(--lido-app-ui-line-height-body)}.Typography-module_body__fowlB{font-family:var(--lido-app-ui-font-family);font-size:var(--lido-app-ui-font-size-label);font-weight:var(--lido-app-ui-font-weight-regular);letter-spacing:var(--lido-app-ui-letter-spacing-label);line-height:var(--lido-app-ui-line-height-label)}.Typography-module_description__5mtlx{font-weight:var(--lido-app-ui-font-weight-regular)}.Typography-module_description__5mtlx,.Typography-module_groupName__DNolh{font-family:var(--lido-app-ui-font-family);font-size:var(--lido-app-ui-font-size-tooltip);letter-spacing:var(--lido-app-ui-letter-spacing-tooltip);line-height:var(--lido-app-ui-line-height-description)}.Typography-module_groupName__DNolh{text-transform:uppercase}.Typography-module_groupName__DNolh,.Typography-module_semibold__pf-6N{font-weight:var(--lido-app-ui-font-weight-semibold)}

package/dist/styles/breakpoints.css

@@ -0,0 +1,6 @@
+@custom-media --lido-app-ui-breakpoint-lg-down (max-width: 1439px);
+@custom-media --lido-app-ui-breakpoint-ml-down (max-width: 1063px);
+@custom-media --lido-app-ui-breakpoint-md-down (max-width: 899px);
+@custom-media --lido-app-ui-breakpoint-sm-down (max-width: 599px);
+@custom-media --lido-app-ui-breakpoint-xs-down (max-width: 439px);
+@custom-media --lido-app-ui-breakpoint-xxs-down (max-width: 399px);