zugzbot 1.2.0 → 1.4.0

package/.opencode/oh-my-design/design-md/toss-securities/assets/_reference/.live-inspect-raw.json

@@ -1,619 +0,0 @@
-{
-  "url": "https://www.tossinvest.com/?focusedProductCode=A005930",
-  "title": "토스증권",
-  "raw_samples": [
-    {
-      "label": "button-any",
-      "selector": "button",
-      "text": "",
-      "color": "rgb(255, 255, 255)",
-      "background": "rgba(217, 217, 255, 0.11)",
-      "fontFamily": "\"Toss Product Sans\", Tossface, -apple-system, \"system-ui\", \"Bazier Square\", \"Noto Sans KR\", \"Segoe UI\", \"Apple SD Gothic Neo\", Roboto, \"Noto Sans KR\", \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
-      "fontSize": "16px",
-      "fontWeight": "400",
-      "borderRadius": "8px",
-      "padding": "0px",
-      "border": "1px solid rgba(217, 217, 255, 0.11)",
-      "boxShadow": "none",
-      "lineHeight": "18.4px",
-      "letterSpacing": "normal"
-    },
-    {
-      "label": "invest-link",
-      "selector": "a[href*=\"stock\"], a[href*=\"invest\"]",
-      "text": "1\nSK하이닉스",
-      "color": "rgba(253, 253, 254, 0.89)",
-      "background": "rgba(0, 0, 0, 0)",
-      "fontFamily": "\"Toss Product Sans\", Tossface, -apple-system, \"system-ui\", \"Bazier Square\", \"Noto Sans KR\", \"Segoe UI\", \"Apple SD Gothic Neo\", Roboto, \"Noto Sans KR\", \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
-      "fontSize": "15px",
-      "fontWeight": "500",
-      "borderRadius": "0px",
-      "padding": "8px 2px",
-      "border": "0px none rgba(253, 253, 254, 0.89)",
-      "boxShadow": "none",
-      "lineHeight": "21.75px",
-      "letterSpacing": "normal"
-    },
-    {
-      "label": "h2",
-      "selector": "h2",
-      "text": "지수 목록",
-      "color": "rgb(195, 195, 198)",
-      "background": "rgba(0, 0, 0, 0)",
-      "fontFamily": "\"Toss Product Sans\", Tossface, -apple-system, \"system-ui\", \"Bazier Square\", \"Noto Sans KR\", \"Segoe UI\", \"Apple SD Gothic Neo\", Roboto, \"Noto Sans KR\", \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
-      "fontSize": "24px",
-      "fontWeight": "700",
-      "borderRadius": "0px",
-      "padding": "0px",
-      "border": "0px none rgb(195, 195, 198)",
-      "boxShadow": "none",
-      "lineHeight": "34.8px",
-      "letterSpacing": "normal"
-    },
-    {
-      "label": "h3",
-      "selector": "h3",
-      "text": "필터",
-      "color": "rgb(195, 195, 198)",
-      "background": "rgba(0, 0, 0, 0)",
-      "fontFamily": "\"Toss Product Sans\", Tossface, -apple-system, \"system-ui\", \"Bazier Square\", \"Noto Sans KR\", \"Segoe UI\", \"Apple SD Gothic Neo\", Roboto, \"Noto Sans KR\", \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
-      "fontSize": "18.72px",
-      "fontWeight": "700",
-      "borderRadius": "0px",
-      "padding": "0px",
-      "border": "0px none rgb(195, 195, 198)",
-      "boxShadow": "none",
-      "lineHeight": "27.144px",
-      "letterSpacing": "normal"
-    },
-    {
-      "label": "header",
-      "selector": "header",
-      "text": "SSAMSUNG1억대 자산가4분",
-      "color": "rgb(195, 195, 198)",
-      "background": "rgba(0, 0, 0, 0)",
-      "fontFamily": "\"Toss Product Sans\", Tossface, -apple-system, \"system-ui\", \"Bazier Square\", \"Noto Sans KR\", \"Segoe UI\", \"Apple SD Gothic Neo\", Roboto, \"Noto Sans KR\", \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
-      "fontSize": "16px",
-      "fontWeight": "400",
-      "borderRadius": "0px",
-      "padding": "0px",
-      "border": "0px none rgb(195, 195, 198)",
-      "boxShadow": "none",
-      "lineHeight": "23.2px",
-      "letterSpacing": "normal"
-    },
-    {
-      "label": "nav-link",
-      "selector": "nav a",
-      "text": "",
-      "color": "rgb(195, 195, 198)",
-      "background": "rgba(0, 0, 0, 0)",
-      "fontFamily": "\"Toss Product Sans\", Tossface, -apple-system, \"system-ui\", \"Bazier Square\", \"Noto Sans KR\", \"Segoe UI\", \"Apple SD Gothic Neo\", Roboto, \"Noto Sans KR\", \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
-      "fontSize": "16px",
-      "fontWeight": "400",
-      "borderRadius": "0px",
-      "padding": "0px 8px",
-      "border": "0px none rgb(195, 195, 198)",
-      "boxShadow": "none",
-      "lineHeight": "23.2px",
-      "letterSpacing": "normal"
-    },
-    {
-      "label": "input",
-      "selector": "input",
-      "text": "",
-      "color": "rgb(255, 255, 255)",
-      "background": "rgba(0, 0, 0, 0)",
-      "fontFamily": "\"Toss Product Sans\", Tossface, -apple-system, \"system-ui\", \"Bazier Square\", \"Noto Sans KR\", \"Segoe UI\", \"Apple SD Gothic Neo\", Roboto, \"Noto Sans KR\", \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
-      "fontSize": "15px",
-      "fontWeight": "400",
-      "borderRadius": "0px",
-      "padding": "0px",
-      "border": "0px none rgb(255, 255, 255)",
-      "boxShadow": "none",
-      "lineHeight": "17.25px",
-      "letterSpacing": "normal"
-    },
-    {
-      "label": "body",
-      "selector": "body",
-      "text": "홈\n피드\n주식 골라보기\n내 계좌\n로그인\n국내 애프터마켓\n해외 데이마켓\n토스증권 AI 소개\n지수 목록\nD-6\n\n증시캘린더\n\n필라델피아 연은 제조업",
-      "color": "rgb(195, 195, 198)",
-      "background": "rgb(23, 23, 28)",
-      "fontFamily": "\"Toss Product Sans\", Tossface, -apple-system, \"system-ui\", \"Bazier Square\", \"Noto Sans KR\", \"Segoe UI\", \"Apple SD Gothic Neo\", Roboto, \"Noto Sans KR\", \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
-      "fontSize": "16px",
-      "fontWeight": "400",
-      "borderRadius": "0px",
-      "padding": "0px",
-      "border": "0px none rgb(195, 195, 198)",
-      "boxShadow": "none",
-      "lineHeight": "23.2px",
-      "letterSpacing": "normal"
-    }
-  ],
-  "css_vars": {
-    "--wts-adaptive-grey500": "#7e7e87",
-    "--tw-adaptive-color-purple50": "#25212c",
-    "--tw-adaptive-color-blue300": "#254069",
-    "--tw-adaptive-color-redOpacity500": "rgba(227,42,59,0.81)",
-    "--tw-semantic-color-fill-negative-ghostPressed": "rgba(68,122,213,0.28)",
-    "--wts-adaptive-yellow900": "#fff1d4",
-    "--wts-adaptive-green50": "#153729",
-    "--wts-adaptive-backgroundDimmed": "rgba(0,0,0,0.56)",
-    "--tw-adaptive-color-blueOpacity100": "rgba(67,122,223,0.2)",
-    "--wts-adaptive-green700": "#4ee4a6",
-    "--tw-semantic-color-bg-surface100": "#101013",
-    "--tw-semantic-color-icon-neutral-quaternaryHover": "rgba(211,224,243,0.42)",
-    "--tw-adaptive-color-purpleOpacity200": "rgba(144,95,201,0.3)",
-    "--wts-adaptive-purple200": "#66247b",
-    "--tw-adaptive-color-yellow800": "#ffca53",
-    "--tw-semantic-color-component-panel-borderOuter": "rgba(214,224,239,0.09)",
-    "--tw-adaptive-color-teal500": "#1a6d6f",
-    "--tw-adaptive-color-yellow300": "#533c1e",
-    "--tw-semantic-color-bg-overlay300": "#202025",
-    "--wts-adaptive-purple800": "#eaacfc",
-    "--tw-adaptive-color-teal200": "#23363c",
-    "--tw-adaptive-color-redOpacity50": "rgba(211,102,92,0.11)",
-    "--tw-semantic-color-fill-brand-ghostHover": "rgba(67,122,223,0.2)",
-    "--wts-adaptive-green200": "#136d47",
-    "--wts-adaptive-orange400": "#cf7200",
-    "--tw-adaptive-color-grey300": "#3e3f49",
-    "--tw-semantic-color-txt-staticWhite": "#FFFFFF",
-    "--tw-adaptive-color-red600": "#dc2e47",
-    "--tw-semantic-color-txt-neutral-primary": "rgba(242,246,255,0.9)",
-    "--wts-adaptive-purple100": "#522361",
-    "--tw-adaptive-color-blueOpacity50": "rgba(71,134,235,0.11)",
-    "--contexify-menu-bgColor": "#fff",
-    "--tw-adaptive-color-red100": "#3e2429",
-    "--tw-adaptive-color-blueOpacity400": "rgba(53,116,221,0.61)",
-    "--tw-adaptive-color-blueOpacity300": "rgba(60,121,220,0.41)",
-    "--tw-semantic-color-txt-danger": "#f5445a",
-    "--contexify-rightSlot-color": "#6f6e77",
-    "--wts-adaptive-yellowOpacity100": "rgba(235,139,30,0.35)",
-    "--tw-adaptive-color-purple800": "#c888fd",
-    "--tw-semantic-color-txt-negativeHover": "#74b1f8",
-    "--tw-semantic-color-txt-warningPressed": "#ffd980",
-    "--tw-adaptive-color-yellow700": "#fcb50c",
-    "--wts-adaptive-teal600": "#43bec7",
-    "--wts-adaptive-blue800": "#8fcdff",
-    "--wts-adaptive-teal700": "#65d4dc",
-    "--contexify-menu-negatePadding": "6px",
-    "--tw-semantic-color-txt-brand": "#4391ff",
-    "--tw-adaptive-color-green800": "#57c28d",
-    "--tw-semantic-color-txt-positive": "#f5445a",
-    "--tw-adaptive-color-grey900": "#ffffff",
-    "--tw-semantic-color-bg-overlayDim": "rgba(0,0,0,0.56)",
-    "--tw-adaptive-color-grey700": "#b3b8c2",
-    "--tw-semantic-color-fill-warning-ghostPressed": "rgba(227,158,53,0.19)",
-    "--tw-semantic-color-fill-positive-ghostPressed": "rgba(216,75,85,0.3)",
-    "--wts-adaptive-blueOpacity200": "rgba(52,133,250,0.45)",
-    "--tw-semantic-color-border-brand": "rgba(60,121,220,0.41)",
-    "--tw-semantic-color-component-tooltip-border": "rgba(214,224,239,0.09)",
-    "--tw-adaptive-color-yellowOpacity100": "rgba(230,168,86,0.13)",
-    "--tw-semantic-color-fill-brand-weak": "rgba(67,122,223,0.2)",
-    "--tw-semantic-color-fill-neutral-weakHover": "rgba(213,223,244,0.13)",
-    "--tw-semantic-color-fill-staticWhite-defaultPressed": "rgba(255,255,255,0.89)",
-    "--tw-semantic-color-fill-danger-defaultHover": "#ad2136",
-    "--wts-adaptive-green400": "#13a065",
-    "--wts-adaptive-green100": "#135338",
-    "--tw-semantic-color-txt-warning": "#fcb50c",
-    "--wts-adaptive-orange200": "#804600",
-    "--tw-adaptive-color-blue100": "#212b41",
-    "--contexify-activeItem-bgColor": "#3498db",
-    "--wts-adaptive-grey400": "#62626d",
-    "--tw-adaptive-color-purple100": "#30283c",
-    "--tw-semantic-color-fill-danger-ghostPressed": "rgba(216,75,85,0.3)",
-    "--wts-adaptive-greyOpacity400": "rgba(232,232,253,0.36)",
-    "--wts-adaptive-grey600": "#9e9ea4",
-    "--wts-adaptive-orange800": "#ffc39e",
-    "--wts-adaptive-purple600": "#c353e5",
-    "--wts-adaptive-redOpacity200": "rgb(240,66,81,0.40)",
-    "--wts-adaptive-blueOpacity300": "rgba(60,121,220,0.41)",
-    "--tw-semantic-color-fill-danger-ghostHover": "rgba(219,81,87,0.2)",
-    "--tw-adaptive-color-greenOpacity50": "rgba(82,142,92,0.11)",
-    "--wts-adaptive-teal900": "#d6fcff",
-    "--wts-adaptive-yellow600": "#ffc259",
-    "--tw-semantic-color-component-segmentedControl-itemHover": "rgba(218,223,233,0.04)",
-    "--tw-adaptive-color-yellow400": "#814f1e",
-    "--contexify-menu-minWidth": "220px",
-    "--tw-adaptive-color-green400": "#1f5c4c",
-    "--tw-semantic-color-fill-negative-weakHover": "rgba(68,122,213,0.28)",
-    "--tw-adaptive-color-purple600": "#9451d9",
-    "--tw-semantic-color-fill-negative-weakPressed": "rgba(60,121,220,0.41)",
-    "--tw-adaptive-color-orange600": "#f29300",
-    "--wts-adaptive-greyOpacity500": "rgba(242,242,255,0.47)",
-    "--tw-adaptive-color-green300": "#20473f",
-    "--tw-semantic-color-icon-neutral-tertiaryPressed": "rgba(217,223,235,0.8)",
-    "--tw-semantic-color-border-positive": "rgba(223,58,69,0.45)",
-    "--contexify-menu-radius": "6px",
-    "--tw-adaptive-color-purple900": "#dbabff",
-    "--tw-adaptive-color-greenOpacity500": "rgba(27,135,101,0.8)",
-    "--tw-semantic-color-icon-neutral-secondaryPressed": "rgba(242,246,255,0.9)",
-    "--wts-adaptive-yellow400": "#ffa126",
-    "--wts-adaptive-teal100": "#224e51",
-    "--tw-adaptive-color-grey400": "#4f525d",
-    "--tw-adaptive-color-green50": "#1e2424",
-    "--tw-adaptive-color-blue800": "#74b1f8",
-    "--tw-semantic-color-fill-staticWhite-ghostHover": "rgba(255,255,255,0.11)",
-    "--tw-semantic-color-fill-warning-weakHover": "rgba(227,158,53,0.19)",
-    "--wts-adaptive-green500": "#16bb76",
-    "--wts-adaptive-purple700": "#d77cf2",
-    "--tw-semantic-color-fill-staticWhite-weak": "rgba(255,255,255,0.11)",
-    "--wts-adaptive-yellow200": "#b56f1d",
-    "--contexify-menu-shadow": "1px 2px 2px rgba(0,0,0,0.1),2px 4px 4px rgba(0,0,0,0.1),3px 6px 6px rgba(0,0,0,0.1)",
-    "--wts-adaptive-red300": "#9e2733",
-    "--wts-adaptive-shadowLarge00": "rgba(222,222,255,0.19)",
-    "--tw-semantic-color-icon-neutral-primary": "rgba(217,223,235,0.8)",
-    "--wts-adaptive-grey200": "#3c3c47",
-    "--tw-semantic-color-fill-staticWhite-defaultHover": "rgba(255,255,255,0.96)",
-    "--contexify-zIndex": "666",
-    "--tw-semantic-color-fill-staticWhite-ghostPressed": "rgba(255,255,255,0.19)",
-    "--wts-adaptive-orange50": "#3d2500",
-    "--wts-adaptive-backgroundLevel04": "#4d4d59",
-    "--tw-semantic-color-txt-neutral-tertiaryPressed": "rgba(242,246,255,0.9)",
-    "--tw-semantic-color-icon-danger": "#f5445a",
-    "--tw-adaptive-color-red200": "#52262d",
-    "--contexify-activeRightSlot-color": "#fff",
-    "--wts-adaptive-backgroundLevel02": "#2c2c35",
-    "--tw-semantic-color-txt-negativePressed": "#acd0f8",
-    "--tw-semantic-color-icon-neutral-primaryHover": "rgba(242,246,255,0.9)",
-    "--wts-adaptive-yellow500": "#ffb134",
-    "--wts-adaptive-shadowMedium02": "rgba(0,0,0,0.12)",
-    "--tw-adaptive-color-tealOpacity300": "rgba(41,130,130,0.43)",
-    "--tw-adaptive-color-blueOpacity200": "rgba(68,122,213,0.28)",
-    "--wts-adaptive-yellow800": "#ffe5b2",
-    "--wts-adaptive-blueOpacity100": "rgba(52,133,250,0.33)",
-    "--tw-semantic-color-shadow-s50": "rgba(0,0,0,0.12)",
-    "--tw-adaptive-color-teal50": "#1e2427",
-    "--tw-semantic-color-txt-neutral-secondary": "rgba(217,223,235,0.8)",
-    "--wts-adaptive-grey50": "#202027",
-    "--wts-adaptive-backgroundScreen": "#101013",
-    "--contexify-activeArrow-color": "#fff",
-    "--tw-semantic-color-icon-neutral-tertiaryHover": "rgba(216,223,237,0.59)",
-    "--wts-adaptive-blueOpacity50": "rgba(52,133,250,0.2)",
-    "--tw-adaptive-color-green500": "#1a7156",
-    "--tw-semantic-color-icon-neutral-tertiary": "rgba(211,224,243,0.42)",
-    "--wts-adaptive-hairlineBorder": "#3c3c47",
-    "--tw-adaptive-color-purpleOpacity500": "rgba(144,65,221,0.81)",
-    "--tw-adaptive-color-tealOpacity100": "rgba(66,122,127,0.22)",
-    "--tw-semantic-color-border-danger": "rgba(223,58,69,0.45)",
-    "--tw-adaptive-color-blue200": "#24334f",
-    "--tw-semantic-color-component-segmentedControl-itemPressed": "rgba(214,224,239,0.09)",
-    "--wts-adaptive-yellowOpacity200": "rgba(235,139,30,0.50)",
-    "--tw-semantic-color-fill-neutral-ghostPressed": "rgba(213,223,244,0.13)",
-    "--tw-adaptive-color-teal300": "#21454a",
-    "--tw-adaptive-color-orange50": "#242322",
-    "--wts-adaptive-orange700": "#ffa861",
-    "--tw-adaptive-color-grey600": "#888d97",
-    "--tw-semantic-color-fill-danger-weak": "rgba(219,81,87,0.2)",
-    "--tw-adaptive-color-green200": "#213834",
-    "--tw-semantic-color-fill-positive-ghostHover": "rgba(219,81,87,0.2)",
-    "--tw-adaptive-color-greenOpacity400": "rgba(28,134,108,0.61)",
-    "--wts-adaptive-blue200": "#25478c",
-    "--tw-adaptive-color-blue400": "#29518e",
-    "--tw-semantic-color-component-table-gradient0": "rgba(0,0,0,0.15)",
-    "--tw-semantic-color-fill-positive-weakHover": "rgba(216,75,85,0.3)",
-    "--tw-semantic-color-txt-negative": "#4391ff",
-    "--tw-adaptive-color-teal100": "#222d33",
-    "--tw-semantic-color-global-clickable-hover-weak": "rgba(218,223,233,0.04)",
-    "--tw-semantic-color-fill-warning-ghostHover": "rgba(230,168,86,0.13)",
-    "--tw-adaptive-color-purple200": "#3a2d4f",
-    "--tw-adaptive-color-purpleOpacity400": "rgba(153,74,233,0.57)",
-    "--wts-adaptive-teal400": "#26939a",
-    "--tw-adaptive-color-red900": "#ff9aad",
-    "--tw-adaptive-color-tealOpacity200": "rgba(52,129,129,0.3)",
-    "--tw-adaptive-color-greyOpacity50": "rgba(218,223,233,0.04)",
-    "--tw-adaptive-color-greyOpacity100": "rgba(214,224,239,0.09)",
-    "--wts-adaptive-backgroundLevel01": "#202027",
-    "--wts-adaptive-floatBackground": "#2c2c35",
-    "--tw-adaptive-color-orange200": "#3e3123",
-    "--contexify-arrow-color": "#6f6e77",
-    "--tw-semantic-color-icon-positiveHover": "#ff7187",
-    "--tw-semantic-color-fill-warning-weak": "rgba(230,168,86,0.13)",
-    "--wts-adaptive-greyOpacity50": "rgba(209,209,253,0.05)",
-    "--tw-semantic-color-component-segmentedControl-selectedHover": "rgba(213,223,244,0.13)",
-    "--wts-adaptive-blue300": "#265ab3",
-    "--wts-adaptive-shadowMedium00": "rgba(222,222,255,0.19)",
-    "--tw-semantic-color-icon-neutral-quaternaryPressed": "rgba(216,223,237,0.59)",
-    "--tw-adaptive-color-redOpacity300": "rgba(223,58,69,0.45)",
-    "--tw-adaptive-color-greyOpacity500": "rgba(211,224,243,0.42)",
-    "--tw-adaptive-color-greyOpacity700": "rgba(217,223,235,0.8)",
-    "--tw-adaptive-color-yellowOpacity400": "rgba(248,138,42,0.48)",
-    "--tw-adaptive-color-grey500": "#676c77",
-    "--wts-adaptive-shadowLarge01": "rgba(0,0,0,0.15)",
-    "--tw-semantic-color-icon-brandPressed": "#acd0f8",
-    "--tw-semantic-color-fill-staticWhite-weakPressed": "rgba(255,255,255,0.27)",
-    "--wts-adaptive-background": "#17171c",
-    "--wts-adaptive-grey700": "#c3c3c6",
-    "--tw-semantic-color-fill-negative-defaultPressed": "#29518e",
-    "--wts-adaptive-greyOpacity100": "rgba(217,217,255,0.11)",
-    "--wts-adaptive-grey900": "#ffffff",
-    "--tw-adaptive-color-red800": "#ff7187",
-    "--wts-adaptive-redOpacity100": "rgb(240,66,81,0.33)",
-    "--tw-adaptive-color-orange100": "#312a25",
-    "--tw-semantic-color-component-table-gradient100": "rgba(0,0,0,0)",
-    "--tw-adaptive-color-grey100": "#2a2b31",
-    "--wts-adaptive-green600": "#26cf88",
-    "--tw-adaptive-color-greenOpacity300": "rgba(43,133,110,0.44)",
-    "--tw-semantic-color-icon-neutral-secondaryHover": "rgba(217,223,235,0.8)",
-    "--tw-semantic-color-txt-brandPressed": "#acd0f8",
-    "--wts-adaptive-grey100": "#2c2c35",
-    "--tw-semantic-color-fill-warning-default": "#f29300",
-    "--tw-semantic-color-icon-brand": "#3182f6",
-    "--tw-semantic-color-fill-staticWhite-weakHover": "rgba(255,255,255,0.19)",
-    "--wts-adaptive-yellowOpacity50": "rgba(235,139,30,0.20)",
-    "--tw-semantic-color-global-focusRing": "rgba(23,23,28,0.5)",
-    "--tw-semantic-color-fill-brand-ghostPressed": "rgba(68,122,213,0.28)",
-    "--tw-adaptive-color-orange700": "#ffbb2f",
-    "--wts-adaptive-teal500": "#2eaab2",
-    "--tw-semantic-color-global-clickable-pressed-default": "rgba(213,223,244,0.13)",
-    "--contexify-separator-color": "rgba(0,0,0,0.2)",
-    "--tw-semantic-color-fill-brand-weakPressed": "rgba(60,121,220,0.41)",
-    "--wts-adaptive-layeredBackground": "#202027",
-    "--tw-adaptive-color-tealOpacity50": "rgba(74,130,129,0.12)",
-    "--tw-semantic-color-border-negative": "rgba(60,121,220,0.41)",
-    "--tw-semantic-color-icon-warningHover": "#ffca53",
-    "--tw-adaptive-color-greyOpacity200": "rgba(213,223,244,0.13)",
-    "--tw-adaptive-color-greenOpacity100": "rgba(61,123,101,0.23)",
-    "--tw-adaptive-color-grey200": "#32343d",
-    "--tw-semantic-color-fill-neutral-default": "#3e3f49",
-    "--tw-semantic-color-txt-neutral-tertiaryHover": "rgba(217,223,235,0.8)",
-    "--tw-adaptive-color-orange900": "#ffdd8f",
-    "--tw-semantic-color-global-clickable-hover-default": "rgba(214,224,239,0.09)",
-    "--contexify-activeItem-radius": "4px",
-    "--tw-adaptive-color-green600": "#009169",
-    "--tw-adaptive-color-green700": "#07a978",
-    "--tw-adaptive-color-grey50": "#202025",
-    "--tw-semantic-color-icon-neutral-primaryPressed": "rgba(255,255,255,0.96)",
-    "--tw-semantic-color-fill-danger-weakPressed": "rgba(223,58,69,0.45)",
-    "--wts-adaptive-yellow100": "#724c1e",
-    "--tw-adaptive-color-greyOpacity600": "rgba(216,223,237,0.59)",
-    "--tw-adaptive-color-teal800": "#4cbebb",
-    "--wts-adaptive-purple900": "#f6d9ff",
-    "--tw-adaptive-color-purple700": "#ac65f2",
-    "--tw-semantic-color-icon-dangerHover": "#ff7187",
-    "--wts-adaptive-blue900": "#c8e7ff",
-    "--wts-adaptive-orange500": "#f18600",
-    "--tw-adaptive-color-orange300": "#533c1e",
-    "--tw-semantic-color-txt-positivePressed": "#ff9aad",
-    "--tw-semantic-color-fill-brand-defaultPressed": "#29518e",
-    "--tw-adaptive-color-greyOpacity900": "rgba(255,255,255,0.96)",
-    "--wts-adaptive-__internal__focusRing": "rgba(23,23,28,0.5)",
-    "--tw-adaptive-color-blueOpacity500": "rgba(41,114,232,0.81)",
-    "--wts-adaptive-red500": "#f04251",
-    "--tw-semantic-color-fill-staticWhite-default": "#FFFFFF",
-    "--wts-adaptive-teal200": "#226368",
-    "--tw-semantic-color-icon-positivePressed": "#ff9aad",
-    "--tw-semantic-color-txt-neutral-secondaryHover": "rgba(242,246,255,0.9)",
-    "--tw-adaptive-color-yellowOpacity50": "rgba(200,171,76,0.08)",
-    "--tw-adaptive-color-orange800": "#ffca53",
-    "--tw-semantic-color-icon-warningPressed": "#ffd980",
-    "--tw-semantic-color-fill-warning-weakPressed": "rgba(218,143,37,0.31)",
-    "--tw-adaptive-color-teal600": "#188b8c",
-    "--wts-adaptive-red800": "#ffa8ad",
-    "--tw-semantic-color-txt-staticWhitePressed": "rgba(255,255,255,0.89)",
-    "--tw-adaptive-color-yellowOpacity200": "rgba(227,158,53,0.19)",
-    "--tw-adaptive-color-purpleOpacity300": "rgba(146,85,226,0.44)",
-    "--wts-adaptive-green300": "#138a59",
-    "--wts-adaptive-green900": "#ccffea",
-    "--tw-semantic-color-fill-neutral-weak": "rgba(214,224,239,0.09)",
-    "--tw-semantic-color-icon-staticWhitePressed": "rgba(255,255,255,0.89)",
-    "--tw-adaptive-color-blue500": "#2562b9",
-    "--tw-semantic-color-fill-neutral-defaultHover": "#32343d",
-    "--tw-semantic-color-component-table-bg": "#1C1C22",
-    "--wts-adaptive-greyOpacity200": "rgba(222,222,255,0.19)",
-    "--tw-adaptive-color-orange400": "#814f1e",
-    "--tw-adaptive-color-blue900": "#acd0f8",
-    "--tw-semantic-color-fill-brand-weakHover": "rgba(68,122,213,0.28)",
-    "--tw-semantic-color-global-clickable-pressed-weak": "rgba(214,224,239,0.09)",
-    "--tw-semantic-color-fill-neutral-defaultPressed": "#2E3038",
-    "--tw-adaptive-color-green100": "#212e2e",
-    "--tw-semantic-color-component-panel-bg": "rgba(204,208,255,0.04)",
-    "--wts-adaptive-red100": "#562025",
-    "--tw-adaptive-color-orange500": "#c36b13",
-    "--wts-adaptive-shadowLarge02": "rgba(0,0,0,0.12)",
-    "--wts-adaptive-grey800": "#e4e4e5",
-    "--tw-semantic-color-bg-surface200": "#17171C",
-    "--wts-adaptive-greyOpacity300": "rgba(224,224,255,0.27)",
-    "--tw-adaptive-color-blue600": "#3182f6",
-    "--tw-adaptive-color-yellow600": "#f29300",
-    "--tw-semantic-color-txt-neutral-primaryPressed": "#FFFFFF",
-    "--tw-semantic-color-shadow-s100": "rgba(0,0,0,0.15)",
-    "--tw-semantic-color-shadow-border": "rgba(214,224,239,0.09)",
-    "--tw-semantic-color-icon-neutral-quaternary": "rgba(212,223,246,0.29)",
-    "--wts-adaptive-blue600": "#449bff",
-    "--wts-adaptive-teal50": "#203537",
-    "--tw-adaptive-color-teal700": "#02a4a5",
-    "--tw-semantic-color-fill-positive-weakPressed": "rgba(223,58,69,0.45)",
-    "--tw-semantic-color-shadow-s200": "rgba(0,0,0,0.2)",
-    "--wts-adaptive-teal300": "#247e85",
-    "--tw-semantic-color-icon-staticWhiteHover": "rgba(255,255,255,0.96)",
-    "--tw-adaptive-color-greyOpacity300": "rgba(212,223,248,0.19)",
-    "--wts-adaptive-yellow50": "#3d2d1a",
-    "--tw-adaptive-color-yellow200": "#3e3123",
-    "--tw-semantic-color-txt-neutral-secondaryPressed": "rgba(255,255,255,0.96)",
-    "--tw-adaptive-color-purpleOpacity100": "rgba(147,98,192,0.21)",
-    "--wts-adaptive-purple500": "#ae3dd1",
-    "--wts-adaptive-orange300": "#a85f00",
-    "--tw-semantic-color-icon-brandHover": "#74b1f8",
-    "--contexify-separator-margin": "5px",
-    "--tw-semantic-color-global-divider": "rgba(214,224,239,0.09)",
-    "--tw-semantic-color-txt-dangerPressed": "#ff9aad",
-    "--tw-adaptive-color-tealOpacity400": "rgba(23,130,130,0.63)",
-    "--tw-adaptive-color-yellow100": "#312a25",
-    "--wts-adaptive-purple400": "#962fb5",
-    "--tw-adaptive-color-red700": "#f5445a",
-    "--wts-adaptive-orange600": "#fd9528",
-    "--wts-adaptive-greyOpacity800": "rgba(253,253,254,0.89)",
-    "--wts-adaptive-red50": "#3c2020",
-    "--wts-adaptive-backgroundLevel03": "#3c3c47",
-    "--tw-semantic-color-fill-negative-default": "#3182f6",
-    "--wts-adaptive-greyBackground": "#101013",
-    "--tw-semantic-color-fill-danger-defaultPressed": "#8d222f",
-    "--tw-semantic-color-border-warning": "rgba(218,143,37,0.31)",
-    "--tw-adaptive-color-purple300": "#4e3272",
-    "--tw-semantic-color-component-panel-borderInner": "rgba(0,0,0,0.24)",
-    "--tw-semantic-color-fill-neutral-ghostHover": "rgba(214,224,239,0.09)",
-    "--wts-adaptive-blue500": "#3485fa",
-    "--wts-adaptive-purple300": "#7b2595",
-    "--tw-adaptive-color-redOpacity100": "rgba(219,81,87,0.2)",
-    "--tw-adaptive-color-purple400": "#613393",
-    "--tw-semantic-color-txt-brandHover": "#74b1f8",
-    "--wts-adaptive-orange100": "#563200",
-    "--tw-adaptive-color-red400": "#8d222f",
-    "--tw-semantic-color-fill-positive-weak": "rgba(219,81,87,0.2)",
-    "--wts-adaptive-orange900": "#ffe4d6",
-    "--contexify-item-color": "#333",
-    "--wts-adaptive-grey300": "#4d4d59",
-    "--wts-adaptive-shadowMedium01": "rgba(0,0,0,0.15)",
-    "--tw-semantic-color-fill-danger-weakHover": "rgba(216,75,85,0.3)",
-    "--tw-semantic-color-txt-staticWhiteHover": "rgba(255,255,255,0.96)",
-    "--tw-adaptive-color-redOpacity400": "rgba(227,42,59,0.64)",
-    "--contexify-activeItem-color": "#fff",
-    "--contexify-itemContent-padding": "6px",
-    "--tw-adaptive-color-greyOpacity800": "rgba(242,246,255,0.9)",
-    "--tw-adaptive-color-teal900": "#76d6cd",
-    "--wts-adaptive-red400": "#ca2f3d",
-    "--tw-semantic-color-component-tooltip-bg": "#202025",
-    "--wts-adaptive-greenOpacity50": "rgba(22,187,118,0.20)",
-    "--tw-adaptive-color-yellowOpacity500": "rgba(249,133,39,0.76)",
-    "--wts-adaptive-purple50": "#3f2447",
-    "--wts-adaptive-blue700": "#61b0ff",
-    "--tw-adaptive-color-greyOpacity400": "rgba(212,223,246,0.29)",
-    "--wts-adaptive-blue100": "#23386a",
-    "--tw-semantic-color-border-neutral": "rgba(212,223,248,0.19)",
-    "--tw-adaptive-color-purpleOpacity50": "rgba(139,94,181,0.13)",
-    "--wts-adaptive-blue50": "#202c4d",
-    "--tw-adaptive-color-green900": "#84d8a3",
-    "--wts-adaptive-redOpacity50": "rgb(240,66,81,0.20)",
-    "--tw-adaptive-color-teal400": "#21595c",
-    "--tw-adaptive-color-greenOpacity200": "rgba(55,132,108,0.3)",
-    "--wts-adaptive-greyOpacity600": "rgba(248,248,255,0.6)",
-    "--tw-semantic-color-txt-neutral-quaternaryPressed": "rgba(217,223,235,0.8)",
-    "--tw-semantic-color-txt-positiveHover": "#ff7187",
-    "--tw-semantic-color-icon-negative": "#4391ff",
-    "--tw-semantic-color-component-segmentedControl-selected": "rgba(214,224,239,0.09)",
-    "--wts-adaptive-redOpacity300": "rgba(223,58,68,0.45)",
-    "--tw-semantic-color-txt-neutral-quaternaryHover": "rgba(216,223,237,0.59)",
-    "--tw-semantic-color-txt-dangerHover": "#ff7187",
-    "--tw-adaptive-color-tealOpacity500": "rgba(22,136,136,0.76)",
-    "--contexify-menu-padding": "6px",
-    "--wts-adaptive-teal800": "#9be8ee",
-    "--wts-adaptive-yellow300": "#eb8b1e",
-    "--tw-semantic-color-fill-warning-defaultPressed": "#814f1e",
-    "--tw-adaptive-color-grey800": "#dadfe9",
-    "--wts-adaptive-tableBackground": "#1c1c22",
-    "--tw-semantic-color-txt-neutral-quaternary": "rgba(211,224,243,0.42)",
-    "--tw-semantic-color-fill-negative-defaultHover": "#2562b9",
-    "--tw-adaptive-color-blue50": "#202c4d",
-    "--tw-semantic-color-fill-positive-default": "#dc2e47",
-    "--wts-adaptive-red600": "#fa616d",
-    "--tw-semantic-color-fill-positive-defaultHover": "#ad2136",
-    "--tw-adaptive-color-purple500": "#7839b5",
-    "--wts-adaptive-red700": "#fe818b",
-    "--tw-adaptive-color-red50": "#2a2023",
-    "--tw-adaptive-color-yellow500": "#c36b13",
-    "--tw-adaptive-color-red500": "#ad2136",
-    "--tw-semantic-color-icon-positive": "#f5445a",
-    "--tw-semantic-color-bg-overlay400": "#2a2b31",
-    "--wts-adaptive-green800": "#82f6c5",
-    "--tw-semantic-color-fill-danger-default": "#dc2e47",
-    "--tw-adaptive-color-red300": "#712630",
-    "--wts-adaptive-blue400": "#2970d9",
-    "--wts-adaptive-yellow700": "#ffd68a",
-    "--tw-semantic-color-txt-neutral-primaryHover": "rgba(255,255,255,0.96)",
-    "--tw-adaptive-color-yellow50": "#242322",
-    "--wts-adaptive-red900": "#ffd1d3",
-    "--tw-adaptive-color-yellow900": "#ffd980",
-    "--wts-adaptive-red200": "#7a242d",
-    "--tw-semantic-color-fill-brand-defaultHover": "#2562b9",
-    "--tw-semantic-color-icon-warning": "#fcb50c",
-    "--tw-semantic-color-txt-neutral-tertiary": "rgba(216,223,237,0.59)",
-    "--wts-adaptive-greyOpacity700": "rgba(253,253,255,0.75)",
-    "--tw-semantic-color-icon-dangerPressed": "#ff9aad",
-    "--tw-semantic-color-fill-negative-ghostHover": "rgba(67,122,223,0.2)",
-    "--tw-semantic-color-fill-brand-default": "#3182f6",
-    "--tw-adaptive-color-redOpacity200": "rgba(216,75,85,0.3)",
-    "--tw-semantic-color-icon-neutral-secondary": "rgba(216,223,237,0.59)",
-    "--wts-adaptive-backgroundLevelB01": "#101013",
-    "--tw-semantic-color-fill-warning-defaultHover": "#c36b13",
-    "--tw-semantic-color-fill-positive-defaultPressed": "#8d222f",
-    "--tw-semantic-color-fill-neutral-weakPressed": "rgba(212,223,248,0.19)",
-    "--tw-semantic-color-icon-negativePressed": "#acd0f8",
-    "--tw-semantic-color-icon-negativeHover": "#74b1f8",
-    "--tw-semantic-color-txt-warningHover": "#ffca53",
-    "--tw-semantic-color-icon-staticWhite": "#FFFFFF",
-    "--tw-adaptive-color-blue700": "#4391ff",
-    "--wts-adaptive-greyOpacity900": "#ffffff",
-    "--tw-semantic-color-component-segmentedControl-selectedPressed": "rgba(212,223,248,0.19)",
-    "--tw-semantic-color-fill-negative-weak": "rgba(67,122,223,0.2)",
-    "--tw-adaptive-color-yellowOpacity300": "rgba(218,143,37,0.31)"
-  },
-  "fonts": [
-    "\"Toss Product Sans\", Tossface, -apple-system, \"system-ui\", \"Bazier Square\", \"Noto Sans KR\", \"Segoe UI\", \"Apple SD Gothic Neo\", Roboto, \"Noto Sans KR\", \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\""
-  ],
-  "colors": {
-    "rgba(253, 253, 254, 0.89)": 453,
-    "rgba(242, 242, 255, 0.47)": 110,
-    "rgb(255, 255, 255)": 17,
-    "rgb(195, 195, 198)": 14,
-    "rgba(217, 217, 255, 0.11)": 4,
-    "rgb(52, 133, 250)": 3,
-    "rgb(158, 158, 164)": 3,
-    "rgb(97, 176, 255)": 1,
-    "rgba(52, 133, 250, 0.2)": 1,
-    "rgb(68, 155, 255)": 1,
-    "rgba(248, 248, 255, 0.6)": 1,
-    "rgb(228, 228, 229)": 1
-  },
-  "structure": {
-    "h1": [],
-    "h2": [
-      {
-        "text": "지수 목록",
-        "size": "24px",
-        "weight": "700",
-        "color": "rgb(195, 195, 198)",
-        "family": "\"Toss Product Sans\", Tossface, -apple-system, \"system-ui\", \"Bazier Square\", \"Noto Sans KR\", \"Segoe UI\", \"Apple SD Gothic Neo\", Roboto, \"Noto Sans KR\", \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\""
-      },
-      {
-        "text": "실시간 차트",
-        "size": "24px",
-        "weight": "700",
-        "color": "rgb(195, 195, 198)",
-        "family": "\"Toss Product Sans\", Tossface, -apple-system, \"system-ui\", \"Bazier Square\", \"Noto Sans KR\", \"Segoe UI\", \"Apple SD Gothic Neo\", Roboto, \"Noto Sans KR\", \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\""
-      }
-    ],
-    "h3": [
-      {
-        "text": "필터",
-        "size": "18.72px",
-        "weight": "700",
-        "color": "rgb(195, 195, 198)",
-        "family": "\"Toss Product Sans\", Tossface, -apple-system, \"system-ui\", \"Bazier Square\", \"Noto Sans KR\", \"Segoe UI\", \"Apple SD Gothic Neo\", Roboto, \"Noto Sans KR\", \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\""
-      },
-      {
-        "text": "종목 정보",
-        "size": "18.72px",
-        "weight": "700",
-        "color": "rgb(195, 195, 198)",
-        "family": "\"Toss Product Sans\", Tossface, -apple-system, \"system-ui\", \"Bazier Square\", \"Noto Sans KR\", \"Segoe UI\", \"Apple SD Gothic Neo\", Roboto, \"Noto Sans KR\", \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\""
-      }
-    ],
-    "nav": [
-      "",
-      "홈",
-      "피드",
-      "주식 골라보기",
-      "내 계좌",
-      "로그인",
-      "내 투자",
-      "관심",
-      "최근 본",
-      "실시간"
-    ],
-    "sections": 14,
-    "buttons": []
-  },
-  "totalSampled": 601
-}