RSHB/DFiP_Budget_planing
9
0
Fork 0
Code Issues 36 Pull Requests 36 Actions Packages Projects Releases Wiki Activity
DFiP_Budget_planing/perf/report-data/20261026-s1/analysis/hotspots.json
Andrey Epifancev 9923a7b88d perf: контроль CPU 4x, API против X-DB-Time-Ms, рендеры модалок 
- report-data/20261026-control-s1: CPU 4x, 1 повтор (FORM_2/AHR, свод 1 MAIN,
  свод 2 GO, модалка выбора ВСП на большом листе), отдельный run_id
- analysis/api-split: полное время API против заголовка X-DB-Time-Ms
  (вместо py-spy, которому на macOS нужен root)
- analysis/modal-renders, hotspots: рендеры модалок прогона s1, циклы CSS и
  matchMedia со вторым листом

Refs #202

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-10-26 13:08:12 +04:00

1990 lines
53 KiB
JSON
Raw Blame History

{
"react": [
{
"target": "FORM_2/AHR/null:y",
"role": "rf",
"steps": 80,
"commits_per_step": 3.31,
"renders_per_step": 14808,
"td_renders_per_step": 1696,
"react_self_ms": 3708,
"main_thread_ms_per_step": 76.5,
"top": [
[
"ForwardRef(Styled(td))",
135665,
1785.1
],
[
"MRT_TableBodyCell",
129295,
288.5
],
[
"ForwardRef(Styled(Component))",
52005,
208.2
],
[
"ForwardRef(TableCell)",
135665,
172.2
],
[
"MRT_TableBodyCellValue",
122490,
163.3
],
[
"ForwardRef(Tooltip)",
17400,
126.2
],
[
"ForwardRef(Styled(div))",
30810,
104.2
],
[
"ForwardRef(Styled(button))",
17205,
99.5
],
[
"ForwardRef(ButtonBase)",
17205,
87.9
],
[
"ForwardRef(Styled(tr))",
7195,
84.8
]
]
},
{
"target": "FORM_2/AHR/null:x",
"role": "rf",
"steps": 80,
"commits_per_step": 3.49,
"renders_per_step": 17090,
"td_renders_per_step": 2007,
"react_self_ms": 4222,
"main_thread_ms_per_step": 81.3,
"top": [
[
"ForwardRef(Styled(td))",
160576,
2068.7
],
[
"MRT_TableBodyCell",
153432,
281.2
],
[
"ForwardRef(Styled(Component))",
59916,
248.8
],
[
"ForwardRef(TableCell)",
160576,
216.5
],
[
"MRT_TableBodyCellValue",
148392,
189.5
],
[
"ForwardRef(Tooltip)",
20014,
152.8
],
[
"ForwardRef(Styled(div))",
36192,
118.5
],
[
"ForwardRef(Styled(button))",
19888,
115.0
],
[
"ForwardRef(ButtonBase)",
19888,
108.6
],
[
"MRT_TableBodyRow",
5040,
108.3
]
]
},
{
"target": "FORM_4/STRUCTURE/null:y",
"role": "rf",
"steps": 80,
"commits_per_step": 3.75,
"renders_per_step": 17932,
"td_renders_per_step": 2021,
"react_self_ms": 4439,
"main_thread_ms_per_step": 92.4,
"top": [
[
"ForwardRef(Styled(td))",
161650,
2158.0
],
[
"MRT_TableBodyCell",
153400,
354.1
],
[
"ForwardRef(Styled(Component))",
63000,
239.4
],
[
"ForwardRef(TableCell)",
161650,
223.7
],
[
"MRT_TableBodyCellValue",
145730,
176.4
],
[
"ForwardRef(Tooltip)",
21065,
158.9
],
[
"ForwardRef(Styled(div))",
40200,
123.4
],
[
"ForwardRef(Styled(button))",
20870,
118.6
],
[
"ForwardRef(ButtonBase)",
20870,
113.4
],
[
"ForwardRef(Styled(tr))",
8120,
99.4
]
]
},
{
"target": "project/LIMIT/1/2026:y",
"role": "rf",
"steps": 80,
"commits_per_step": 3.73,
"renders_per_step": 15921,
"td_renders_per_step": 1961,
"react_self_ms": 3937,
"main_thread_ms_per_step": 79.5,
"top": [
[
"ForwardRef(Styled(td))",
156842,
2050.5
],
[
"MRT_TableBodyCell",
149980,
248.8
],
[
"ForwardRef(Styled(Component))",
53547,
217.8
],
[
"ForwardRef(TableCell)",
156842,
213.0
],
[
"MRT_TableBodyCellValue",
142481,
174.5
],
[
"ForwardRef(Tooltip)",
17914,
131.8
],
[
"ForwardRef(Styled(button))",
17719,
101.0
],
[
"ForwardRef(ButtonBase)",
17719,
90.9
],
[
"ForwardRef(Styled(tr))",
7937,
88.4
],
[
"ForwardRef(Styled(div))",
25988,
83.8
]
]
},
{
"target": "svod/svod1_MAIN:y",
"role": "dfip",
"steps": 80,
"commits_per_step": 1.27,
"renders_per_step": 9657,
"td_renders_per_step": 1731,
"react_self_ms": 3768,
"main_thread_ms_per_step": 63.3,
"top": [
[
"ForwardRef(Styled(td))",
138474,
1902.3
],
[
"MRT_TableBodyCellValue",
135177,
1152.5
],
[
"MRT_TableBodyCell",
138474,
241.7
],
[
"ForwardRef(TableCell)",
138474,
174.9
],
[
"ForwardRef(Styled(tr))",
3297,
46.3
],
[
"ForwardRef(Styled(Component))",
10099,
46.0
],
[
"MRT_TableBodyRow",
3297,
41.8
],
[
"Insertion",
161845,
34.0
],
[
"ForwardRef(Tooltip)",
3401,
30.2
],
[
"ForwardRef(Styled(button))",
3297,
21.3
]
]
},
{
"target": "svod/projects_summaries:y",
"role": "dfip",
"steps": 80,
"commits_per_step": 2.7,
"renders_per_step": 16018,
"td_renders_per_step": 2756,
"react_self_ms": 5268,
"main_thread_ms_per_step": 94.7,
"top": [
[
"ForwardRef(Styled(td))",
220500,
2973.7
],
[
"MRT_TableBodyCellValue",
213150,
1104.3
],
[
"MRT_TableBodyCell",
220500,
351.0
],
[
"ForwardRef(TableCell)",
220500,
272.0
],
[
"ForwardRef(Styled(tr))",
7350,
92.9
],
[
"ForwardRef(Styled(Component))",
22566,
92.7
],
[
"MRT_TableBodyRow",
7350,
73.6
],
[
"ForwardRef(Tooltip)",
7608,
62.8
],
[
"Insertion",
272650,
53.3
],
[
"ForwardRef(Styled(button))",
7350,
46.7
]
]
},
{
"target": "svod/svod2_GO:y",
"role": "dfip",
"steps": 80,
"commits_per_step": 2.01,
"renders_per_step": 39768,
"td_renders_per_step": 7810,
"react_self_ms": 10317,
"main_thread_ms_per_step": 179.0,
"top": [
[
"ForwardRef(Styled(td))",
624800,
7648.1
],
[
"MRT_TableBodyCell",
624800,
1152.4
],
[
"ForwardRef(TableCell)",
624800,
745.0
],
[
"MRT_TableBodyCellValue",
624800,
307.0
],
[
"MRT_TableBodyRow",
5680,
147.6
],
[
"Insertion",
642002,
126.4
],
[
"ForwardRef(Styled(tr))",
5680,
79.9
],
[
"ForwardRef(Styled(div))",
11360,
71.1
],
[
"MRT_TableBody",
160,
15.4
],
[
"ForwardRef(TableRow)",
5680,
9.4
]
]
}
],
"cpu": [
{
"target": "FORM_2/AHR_RENT/null:y",
"role": "rf",
"steps": 80,
"main_thread_ms_per_step": 7.7,
"artifacts": [
"artifacts/hot-FORM_2_AHR_RENT_null-y.cpuprofile"
]
},
{
"target": "FORM_2/AHR/null:y",
"role": "rf",
"steps": 80,
"main_thread_ms_per_step": 80.5,
"artifacts": [
"artifacts/hot-FORM_2_AHR_null-y.cpuprofile"
]
},
{
"target": "FORM_2/AHR/null:x",
"role": "rf",
"steps": 80,
"main_thread_ms_per_step": 80.9,
"artifacts": [
"artifacts/hot-FORM_2_AHR_null-x.cpuprofile"
]
},
{
"target": "FORM_4/STRUCTURE/null:y",
"role": "rf",
"steps": 80,
"main_thread_ms_per_step": 91.1,
"artifacts": [
"artifacts/hot-FORM_4_STRUCTURE_null-y.cpuprofile"
]
},
{
"target": "project/LIMIT/1/2026:y",
"role": "rf",
"steps": 80,
"main_thread_ms_per_step": 77.3,
"artifacts": [
"artifacts/hot-project_LIMIT_1_2026-y.cpuprofile"
]
},
{
"target": "svod/svod1_MAIN:y",
"role": "dfip",
"steps": 80,
"main_thread_ms_per_step": 60.4,
"artifacts": [
"artifacts/hot-svod_svod1_MAIN-y.cpuprofile"
]
},
{
"target": "svod/projects_summaries:y",
"role": "dfip",
"steps": 80,
"main_thread_ms_per_step": 90.7,
"artifacts": [
"artifacts/hot-svod_projects_summaries-y.cpuprofile"
]
},
{
"target": "svod/svod2_GO:y",
"role": "dfip",
"steps": 80,
"main_thread_ms_per_step": 160.7,
"artifacts": [
"artifacts/hot-svod_svod2_GO-y.cpuprofile"
]
}
],
"filter": [
{
"mode": "react",
"target": "svod/svod2_GO:filter",
"role": "dfip",
"main_thread_ms": 804,
"commits": 6,
"renders": 18021,
"mutations": {
"per_sec": {},
"frames": 1796,
"frames_with_mutation": 0,
"first_mutation_frame": -1,
"max_quiet_run_after_first": 0,
"quiet_pairs_after_first": 0,
"mutation_kinds_top": [],
"long_tasks": [
[
318,
137
]
],
"long_task_n": 1
}
},
{
"mode": "cpu",
"target": "svod/svod2_GO:filter",
"role": "dfip",
"main_thread_ms": 661,
"mutations": {
"per_sec": {},
"frames": 1798,
"frames_with_mutation": 0,
"first_mutation_frame": -1,
"max_quiet_run_after_first": 0,
"quiet_pairs_after_first": 0,
"mutation_kinds_top": [],
"long_tasks": [
[
311,
103
]
],
"long_task_n": 1
}
},
{
"mode": "cpu",
"target": "svod/svod2_RF:filter",
"role": "dfip",
"main_thread_ms": 743,
"mutations": {
"per_sec": {
"0": 1
},
"frames": 1796,
"frames_with_mutation": 1,
"first_mutation_frame": 20,
"max_quiet_run_after_first": 1775,
"quiet_pairs_after_first": 1,
"mutation_kinds_top": [
[
"attributes:tbody.MuiTableBody-root@class",
1
]
],
"long_tasks": [
[
307,
139
]
],
"long_task_n": 1
}
},
{
"mode": "cpu",
"target": "svod/svod1_MAIN:filter",
"role": "dfip",
"main_thread_ms": 601,
"mutations": {
"per_sec": {
"0": 1
},
"frames": 1800,
"frames_with_mutation": 1,
"first_mutation_frame": 20,
"max_quiet_run_after_first": 1779,
"quiet_pairs_after_first": 1,
"mutation_kinds_top": [
[
"attributes:tbody.MuiTableBody-root@class",
1
]
],
"long_tasks": [
[
317,
71
]
],
"long_task_n": 1
}
}
],
"cssgrowth": [
{
"target": "FORM_2/AHR/null:cssgrowth",
"cycles": [
{
"cycle": 0,
"css_rules": 2874,
"css_media_rules": 73,
"style_elements": 5,
"media_shapes_last400": [
[
"@media (hover: none) {\n .css-*:hover { background-color: transparent; }\n}",
20
],
[
"@media print {\n .css-* { print-color-adjust: exact; }\n}",
14
],
[
"@media (min-width: Npx) {\n .\\!container { max-width: Npx !important; }\n .container { max-width: Npx; }\n}",
5
],
[
"@media (hover: none) {\n .css-*:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.23); }\n}",
3
],
[
"@media only screen and (max-width: Npx) {\n .Toastify__toast-container { width: 100vw; left: env(safe-area-inset-left); margin: Npx; }\n .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .To",
2
],
[
"@media only screen and (max-width: Npx) {\n .Toastify__toast-container[data-stacked=\"true\"] { width: 100vw; }\n}",
2
],
[
"@media (pointer: coarse) {\n .css-* { top: Npx; }\n}",
2
],
[
"@media (forced-colors: active) {\n .css-* { border: Npx solid buttonborder; }\n}",
2
]
]
},
{
"cycle": 1,
"scroll_ms_per_step": 78.1,
"css_rules": 3232,
"css_media_rules": 96,
"style_elements": 5,
"media_shapes_last400": [
[
"@media (hover: none) {\n .css-*:hover { background-color: transparent; }\n}",
24
],
[
"@media print {\n .css-* { print-color-adjust: exact; }\n}",
19
],
[
"@media (hover: hover) {\n .css-*:hover { --variant-containedBg: rgb(25, 90, 45); --variant-textBg: rgba(37, 129, 65, 0.04); --variant-outlinedBorder: #258141; --variant-outlinedBg: rgba(37, 129, 65, 0.04); }\n}",
8
],
[
"@media (hover: none) {\n .css-*:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.23); }\n}",
6
],
[
"@media (min-width: Npx) {\n .\\!container { max-width: Npx !important; }\n .container { max-width: Npx; }\n}",
5
],
[
"@media only screen and (max-width: Npx) {\n .Toastify__toast-container { width: 100vw; left: env(safe-area-inset-left); margin: Npx; }\n .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .To",
2
],
[
"@media only screen and (max-width: Npx) {\n .Toastify__toast-container[data-stacked=\"true\"] { width: 100vw; }\n}",
2
],
[
"@media (pointer: coarse) {\n .css-* { top: Npx; }\n}",
2
]
]
},
{
"cycle": 2,
"scroll_ms_per_step": 77.8,
"css_rules": 3238,
"css_media_rules": 96,
"style_elements": 5,
"media_shapes_last400": [
[
"@media (hover: none) {\n .css-*:hover { background-color: transparent; }\n}",
24
],
[
"@media print {\n .css-* { print-color-adjust: exact; }\n}",
19
],
[
"@media (hover: hover) {\n .css-*:hover { --variant-containedBg: rgb(25, 90, 45); --variant-textBg: rgba(37, 129, 65, 0.04); --variant-outlinedBorder: #258141; --variant-outlinedBg: rgba(37, 129, 65, 0.04); }\n}",
8
],
[
"@media (hover: none) {\n .css-*:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.23); }\n}",
6
],
[
"@media (min-width: Npx) {\n .\\!container { max-width: Npx !important; }\n .container { max-width: Npx; }\n}",
5
],
[
"@media only screen and (max-width: Npx) {\n .Toastify__toast-container { width: 100vw; left: env(safe-area-inset-left); margin: Npx; }\n .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .To",
2
],
[
"@media only screen and (max-width: Npx) {\n .Toastify__toast-container[data-stacked=\"true\"] { width: 100vw; }\n}",
2
],
[
"@media (pointer: coarse) {\n .css-* { top: Npx; }\n}",
2
]
]
},
{
"cycle": 3,
"scroll_ms_per_step": 77.7,
"css_rules": 3240,
"css_media_rules": 96,
"style_elements": 5,
"media_shapes_last400": [
[
"@media (hover: none) {\n .css-*:hover { background-color: transparent; }\n}",
24
],
[
"@media print {\n .css-* { print-color-adjust: exact; }\n}",
19
],
[
"@media (hover: hover) {\n .css-*:hover { --variant-containedBg: rgb(25, 90, 45); --variant-textBg: rgba(37, 129, 65, 0.04); --variant-outlinedBorder: #258141; --variant-outlinedBg: rgba(37, 129, 65, 0.04); }\n}",
8
],
[
"@media (hover: none) {\n .css-*:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.23); }\n}",
6
],
[
"@media (min-width: Npx) {\n .\\!container { max-width: Npx !important; }\n .container { max-width: Npx; }\n}",
5
],
[
"@media only screen and (max-width: Npx) {\n .Toastify__toast-container { width: 100vw; left: env(safe-area-inset-left); margin: Npx; }\n .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .To",
2
],
[
"@media only screen and (max-width: Npx) {\n .Toastify__toast-container[data-stacked=\"true\"] { width: 100vw; }\n}",
2
],
[
"@media (pointer: coarse) {\n .css-* { top: Npx; }\n}",
2
]
]
},
{
"cycle": 4,
"scroll_ms_per_step": 78.4,
"css_rules": 3240,
"css_media_rules": 96,
"style_elements": 5,
"media_shapes_last400": [
[
"@media (hover: none) {\n .css-*:hover { background-color: transparent; }\n}",
24
],
[
"@media print {\n .css-* { print-color-adjust: exact; }\n}",
19
],
[
"@media (hover: hover) {\n .css-*:hover { --variant-containedBg: rgb(25, 90, 45); --variant-textBg: rgba(37, 129, 65, 0.04); --variant-outlinedBorder: #258141; --variant-outlinedBg: rgba(37, 129, 65, 0.04); }\n}",
8
],
[
"@media (hover: none) {\n .css-*:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.23); }\n}",
6
],
[
"@media (min-width: Npx) {\n .\\!container { max-width: Npx !important; }\n .container { max-width: Npx; }\n}",
5
],
[
"@media only screen and (max-width: Npx) {\n .Toastify__toast-container { width: 100vw; left: env(safe-area-inset-left); margin: Npx; }\n .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .To",
2
],
[
"@media only screen and (max-width: Npx) {\n .Toastify__toast-container[data-stacked=\"true\"] { width: 100vw; }\n}",
2
],
[
"@media (pointer: coarse) {\n .css-* { top: Npx; }\n}",
2
]
]
},
{
"cycle": 5,
"scroll_ms_per_step": 77.7,
"css_rules": 3242,
"css_media_rules": 96,
"style_elements": 5,
"media_shapes_last400": [
[
"@media (hover: none) {\n .css-*:hover { background-color: transparent; }\n}",
24
],
[
"@media print {\n .css-* { print-color-adjust: exact; }\n}",
19
],
[
"@media (hover: hover) {\n .css-*:hover { --variant-containedBg: rgb(25, 90, 45); --variant-textBg: rgba(37, 129, 65, 0.04); --variant-outlinedBorder: #258141; --variant-outlinedBg: rgba(37, 129, 65, 0.04); }\n}",
8
],
[
"@media (hover: none) {\n .css-*:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.23); }\n}",
6
],
[
"@media (min-width: Npx) {\n .\\!container { max-width: Npx !important; }\n .container { max-width: Npx; }\n}",
5
],
[
"@media only screen and (max-width: Npx) {\n .Toastify__toast-container { width: 100vw; left: env(safe-area-inset-left); margin: Npx; }\n .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .To",
2
],
[
"@media only screen and (max-width: Npx) {\n .Toastify__toast-container[data-stacked=\"true\"] { width: 100vw; }\n}",
2
],
[
"@media (pointer: coarse) {\n .css-* { top: Npx; }\n}",
2
]
]
},
{
"cycle": 6,
"scroll_ms_per_step": 76.7,
"css_rules": 3243,
"css_media_rules": 96,
"style_elements": 5,
"media_shapes_last400": [
[
"@media (hover: none) {\n .css-*:hover { background-color: transparent; }\n}",
24
],
[
"@media print {\n .css-* { print-color-adjust: exact; }\n}",
19
],
[
"@media (hover: hover) {\n .css-*:hover { --variant-containedBg: rgb(25, 90, 45); --variant-textBg: rgba(37, 129, 65, 0.04); --variant-outlinedBorder: #258141; --variant-outlinedBg: rgba(37, 129, 65, 0.04); }\n}",
8
],
[
"@media (hover: none) {\n .css-*:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.23); }\n}",
6
],
[
"@media (min-width: Npx) {\n .\\!container { max-width: Npx !important; }\n .container { max-width: Npx; }\n}",
5
],
[
"@media only screen and (max-width: Npx) {\n .Toastify__toast-container { width: 100vw; left: env(safe-area-inset-left); margin: Npx; }\n .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .To",
2
],
[
"@media only screen and (max-width: Npx) {\n .Toastify__toast-container[data-stacked=\"true\"] { width: 100vw; }\n}",
2
],
[
"@media (pointer: coarse) {\n .css-* { top: Npx; }\n}",
2
]
]
},
{
"cycle": 7,
"scroll_ms_per_step": 78.4,
"css_rules": 3243,
"css_media_rules": 96,
"style_elements": 5,
"media_shapes_last400": [
[
"@media (hover: none) {\n .css-*:hover { background-color: transparent; }\n}",
24
],
[
"@media print {\n .css-* { print-color-adjust: exact; }\n}",
19
],
[
"@media (hover: hover) {\n .css-*:hover { --variant-containedBg: rgb(25, 90, 45); --variant-textBg: rgba(37, 129, 65, 0.04); --variant-outlinedBorder: #258141; --variant-outlinedBg: rgba(37, 129, 65, 0.04); }\n}",
8
],
[
"@media (hover: none) {\n .css-*:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.23); }\n}",
6
],
[
"@media (min-width: Npx) {\n .\\!container { max-width: Npx !important; }\n .container { max-width: Npx; }\n}",
5
],
[
"@media only screen and (max-width: Npx) {\n .Toastify__toast-container { width: 100vw; left: env(safe-area-inset-left); margin: Npx; }\n .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .To",
2
],
[
"@media only screen and (max-width: Npx) {\n .Toastify__toast-container[data-stacked=\"true\"] { width: 100vw; }\n}",
2
],
[
"@media (pointer: coarse) {\n .css-* { top: Npx; }\n}",
2
]
]
},
{
"cycle": 8,
"scroll_ms_per_step": 79.7,
"css_rules": 3244,
"css_media_rules": 96,
"style_elements": 5,
"media_shapes_last400": [
[
"@media (hover: none) {\n .css-*:hover { background-color: transparent; }\n}",
24
],
[
"@media print {\n .css-* { print-color-adjust: exact; }\n}",
19
],
[
"@media (hover: hover) {\n .css-*:hover { --variant-containedBg: rgb(25, 90, 45); --variant-textBg: rgba(37, 129, 65, 0.04); --variant-outlinedBorder: #258141; --variant-outlinedBg: rgba(37, 129, 65, 0.04); }\n}",
8
],
[
"@media (hover: none) {\n .css-*:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.23); }\n}",
6
],
[
"@media (min-width: Npx) {\n .\\!container { max-width: Npx !important; }\n .container { max-width: Npx; }\n}",
5
],
[
"@media only screen and (max-width: Npx) {\n .Toastify__toast-container { width: 100vw; left: env(safe-area-inset-left); margin: Npx; }\n .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .To",
2
],
[
"@media only screen and (max-width: Npx) {\n .Toastify__toast-container[data-stacked=\"true\"] { width: 100vw; }\n}",
2
],
[
"@media (pointer: coarse) {\n .css-* { top: Npx; }\n}",
2
]
]
},
{
"cycle": 9,
"scroll_ms_per_step": 78,
"css_rules": 3245,
"css_media_rules": 96,
"style_elements": 5,
"media_shapes_last400": [
[
"@media (hover: none) {\n .css-*:hover { background-color: transparent; }\n}",
24
],
[
"@media print {\n .css-* { print-color-adjust: exact; }\n}",
19
],
[
"@media (hover: hover) {\n .css-*:hover { --variant-containedBg: rgb(25, 90, 45); --variant-textBg: rgba(37, 129, 65, 0.04); --variant-outlinedBorder: #258141; --variant-outlinedBg: rgba(37, 129, 65, 0.04); }\n}",
8
],
[
"@media (hover: none) {\n .css-*:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.23); }\n}",
6
],
[
"@media (min-width: Npx) {\n .\\!container { max-width: Npx !important; }\n .container { max-width: Npx; }\n}",
5
],
[
"@media only screen and (max-width: Npx) {\n .Toastify__toast-container { width: 100vw; left: env(safe-area-inset-left); margin: Npx; }\n .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .To",
2
],
[
"@media only screen and (max-width: Npx) {\n .Toastify__toast-container[data-stacked=\"true\"] { width: 100vw; }\n}",
2
],
[
"@media (pointer: coarse) {\n .css-* { top: Npx; }\n}",
2
]
]
},
{
"cycle": 10,
"scroll_ms_per_step": 77.1,
"css_rules": 3245,
"css_media_rules": 96,
"style_elements": 5,
"media_shapes_last400": [
[
"@media (hover: none) {\n .css-*:hover { background-color: transparent; }\n}",
24
],
[
"@media print {\n .css-* { print-color-adjust: exact; }\n}",
19
],
[
"@media (hover: hover) {\n .css-*:hover { --variant-containedBg: rgb(25, 90, 45); --variant-textBg: rgba(37, 129, 65, 0.04); --variant-outlinedBorder: #258141; --variant-outlinedBg: rgba(37, 129, 65, 0.04); }\n}",
8
],
[
"@media (hover: none) {\n .css-*:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.23); }\n}",
6
],
[
"@media (min-width: Npx) {\n .\\!container { max-width: Npx !important; }\n .container { max-width: Npx; }\n}",
5
],
[
"@media only screen and (max-width: Npx) {\n .Toastify__toast-container { width: 100vw; left: env(safe-area-inset-left); margin: Npx; }\n .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .To",
2
],
[
"@media only screen and (max-width: Npx) {\n .Toastify__toast-container[data-stacked=\"true\"] { width: 100vw; }\n}",
2
],
[
"@media (pointer: coarse) {\n .css-* { top: Npx; }\n}",
2
]
]
},
{
"cycle": 11,
"scroll_ms_per_step": 78.7,
"css_rules": 3245,
"css_media_rules": 96,
"style_elements": 5,
"media_shapes_last400": [
[
"@media (hover: none) {\n .css-*:hover { background-color: transparent; }\n}",
24
],
[
"@media print {\n .css-* { print-color-adjust: exact; }\n}",
19
],
[
"@media (hover: hover) {\n .css-*:hover { --variant-containedBg: rgb(25, 90, 45); --variant-textBg: rgba(37, 129, 65, 0.04); --variant-outlinedBorder: #258141; --variant-outlinedBg: rgba(37, 129, 65, 0.04); }\n}",
8
],
[
"@media (hover: none) {\n .css-*:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.23); }\n}",
6
],
[
"@media (min-width: Npx) {\n .\\!container { max-width: Npx !important; }\n .container { max-width: Npx; }\n}",
5
],
[
"@media only screen and (max-width: Npx) {\n .Toastify__toast-container { width: 100vw; left: env(safe-area-inset-left); margin: Npx; }\n .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .To",
2
],
[
"@media only screen and (max-width: Npx) {\n .Toastify__toast-container[data-stacked=\"true\"] { width: 100vw; }\n}",
2
],
[
"@media (pointer: coarse) {\n .css-* { top: Npx; }\n}",
2
]
]
},
{
"cycle": 12,
"scroll_ms_per_step": 79.7,
"css_rules": 3245,
"css_media_rules": 96,
"style_elements": 5,
"media_shapes_last400": [
[
"@media (hover: none) {\n .css-*:hover { background-color: transparent; }\n}",
24
],
[
"@media print {\n .css-* { print-color-adjust: exact; }\n}",
19
],
[
"@media (hover: hover) {\n .css-*:hover { --variant-containedBg: rgb(25, 90, 45); --variant-textBg: rgba(37, 129, 65, 0.04); --variant-outlinedBorder: #258141; --variant-outlinedBg: rgba(37, 129, 65, 0.04); }\n}",
8
],
[
"@media (hover: none) {\n .css-*:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.23); }\n}",
6
],
[
"@media (min-width: Npx) {\n .\\!container { max-width: Npx !important; }\n .container { max-width: Npx; }\n}",
5
],
[
"@media only screen and (max-width: Npx) {\n .Toastify__toast-container { width: 100vw; left: env(safe-area-inset-left); margin: Npx; }\n .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .To",
2
],
[
"@media only screen and (max-width: Npx) {\n .Toastify__toast-container[data-stacked=\"true\"] { width: 100vw; }\n}",
2
],
[
"@media (pointer: coarse) {\n .css-* { top: Npx; }\n}",
2
]
]
},
{
"cycle": 13,
"scroll_ms_per_step": 78.5,
"css_rules": 3246,
"css_media_rules": 96,
"style_elements": 5,
"media_shapes_last400": [
[
"@media (hover: none) {\n .css-*:hover { background-color: transparent; }\n}",
24
],
[
"@media print {\n .css-* { print-color-adjust: exact; }\n}",
19
],
[
"@media (hover: hover) {\n .css-*:hover { --variant-containedBg: rgb(25, 90, 45); --variant-textBg: rgba(37, 129, 65, 0.04); --variant-outlinedBorder: #258141; --variant-outlinedBg: rgba(37, 129, 65, 0.04); }\n}",
8
],
[
"@media (hover: none) {\n .css-*:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.23); }\n}",
6
],
[
"@media (min-width: Npx) {\n .\\!container { max-width: Npx !important; }\n .container { max-width: Npx; }\n}",
5
],
[
"@media only screen and (max-width: Npx) {\n .Toastify__toast-container { width: 100vw; left: env(safe-area-inset-left); margin: Npx; }\n .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .To",
2
],
[
"@media only screen and (max-width: Npx) {\n .Toastify__toast-container[data-stacked=\"true\"] { width: 100vw; }\n}",
2
],
[
"@media (pointer: coarse) {\n .css-* { top: Npx; }\n}",
2
]
]
},
{
"cycle": 14,
"scroll_ms_per_step": 76.7,
"css_rules": 3249,
"css_media_rules": 96,
"style_elements": 5,
"media_shapes_last400": [
[
"@media (hover: none) {\n .css-*:hover { background-color: transparent; }\n}",
24
],
[
"@media print {\n .css-* { print-color-adjust: exact; }\n}",
19
],
[
"@media (hover: hover) {\n .css-*:hover { --variant-containedBg: rgb(25, 90, 45); --variant-textBg: rgba(37, 129, 65, 0.04); --variant-outlinedBorder: #258141; --variant-outlinedBg: rgba(37, 129, 65, 0.04); }\n}",
8
],
[
"@media (hover: none) {\n .css-*:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.23); }\n}",
6
],
[
"@media (min-width: Npx) {\n .\\!container { max-width: Npx !important; }\n .container { max-width: Npx; }\n}",
5
],
[
"@media only screen and (max-width: Npx) {\n .Toastify__toast-container { width: 100vw; left: env(safe-area-inset-left); margin: Npx; }\n .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .To",
2
],
[
"@media only screen and (max-width: Npx) {\n .Toastify__toast-container[data-stacked=\"true\"] { width: 100vw; }\n}",
2
],
[
"@media (pointer: coarse) {\n .css-* { top: Npx; }\n}",
2
]
]
},
{
"cycle": 15,
"scroll_ms_per_step": 78.1,
"css_rules": 3249,
"css_media_rules": 96,
"style_elements": 5,
"media_shapes_last400": [
[
"@media (hover: none) {\n .css-*:hover { background-color: transparent; }\n}",
24
],
[
"@media print {\n .css-* { print-color-adjust: exact; }\n}",
19
],
[
"@media (hover: hover) {\n .css-*:hover { --variant-containedBg: rgb(25, 90, 45); --variant-textBg: rgba(37, 129, 65, 0.04); --variant-outlinedBorder: #258141; --variant-outlinedBg: rgba(37, 129, 65, 0.04); }\n}",
8
],
[
"@media (hover: none) {\n .css-*:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.23); }\n}",
6
],
[
"@media (min-width: Npx) {\n .\\!container { max-width: Npx !important; }\n .container { max-width: Npx; }\n}",
5
],
[
"@media only screen and (max-width: Npx) {\n .Toastify__toast-container { width: 100vw; left: env(safe-area-inset-left); margin: Npx; }\n .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .To",
2
],
[
"@media only screen and (max-width: Npx) {\n .Toastify__toast-container[data-stacked=\"true\"] { width: 100vw; }\n}",
2
],
[
"@media (pointer: coarse) {\n .css-* { top: Npx; }\n}",
2
]
]
}
]
},
{
"target": "FORM_2/AHR/null:cssgrowth",
"cycles": [
{
"cycle": 0,
"css_rules": 2874,
"css_media_rules": 73,
"style_elements": 5,
"media_shapes_last400": [
[
"@media (hover: none) {\n .css-*:hover { background-color: transparent; }\n}",
20
],
[
"@media print {\n .css-* { print-color-adjust: exact; }\n}",
14
],
[
"@media (min-width: Npx) {\n .\\!container { max-width: Npx !important; }\n .container { max-width: Npx; }\n}",
5
],
[
"@media (hover: none) {\n .css-*:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.23); }\n}",
3
],
[
"@media only screen and (max-width: Npx) {\n .Toastify__toast-container { width: 100vw; left: env(safe-area-inset-left); margin: Npx; }\n .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .To",
2
],
[
"@media only screen and (max-width: Npx) {\n .Toastify__toast-container[data-stacked=\"true\"] { width: 100vw; }\n}",
2
],
[
"@media (pointer: coarse) {\n .css-* { top: Npx; }\n}",
2
],
[
"@media (forced-colors: active) {\n .css-* { border: Npx solid buttonborder; }\n}",
2
]
],
"matchmedia_calls": 0,
"matchmedia_listeners_net": 0,
"matchmedia_top": []
},
{
"cycle": 1,
"scroll_ms_per_step": 75.4,
"css_rules": 3454,
"css_media_rules": 102,
"style_elements": 5,
"media_shapes_last400": [
[
"@media (hover: none) {\n .css-*:hover { background-color: transparent; }\n}",
28
],
[
"@media print {\n .css-* { print-color-adjust: exact; }\n}",
21
],
[
"@media (hover: hover) {\n .css-*:hover { --variant-containedBg: rgb(25, 90, 45); --variant-textBg: rgba(37, 129, 65, 0.04); --variant-outlinedBorder: #258141; --variant-outlinedBg: rgba(37, 129, 65, 0.04); }\n}",
8
],
[
"@media (hover: none) {\n .css-*:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.23); }\n}",
6
],
[
"@media (min-width: Npx) {\n .\\!container { max-width: Npx !important; }\n .container { max-width: Npx; }\n}",
5
],
[
"@media only screen and (max-width: Npx) {\n .Toastify__toast-container { width: 100vw; left: env(safe-area-inset-left); margin: Npx; }\n .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .To",
2
],
[
"@media only screen and (max-width: Npx) {\n .Toastify__toast-container[data-stacked=\"true\"] { width: 100vw; }\n}",
2
],
[
"@media (pointer: coarse) {\n .css-* { top: Npx; }\n}",
2
]
],
"matchmedia_calls": 2,
"matchmedia_listeners_net": 0,
"matchmedia_top": [
[
"(max-width:720px) @ at static/js/408_script.6797a7e7.js:162:21515 < at Object.useMemo (static/js/lib-react_script.73464df3.js:2:64779) < at n.useMemo (static/js/lib-react_script.73464df3.js:2:135509)",
2
]
]
},
{
"cycle": 2,
"scroll_ms_per_step": 75.9,
"css_rules": 3471,
"css_media_rules": 102,
"style_elements": 5,
"media_shapes_last400": [
[
"@media (hover: none) {\n .css-*:hover { background-color: transparent; }\n}",
28
],
[
"@media print {\n .css-* { print-color-adjust: exact; }\n}",
21
],
[
"@media (hover: hover) {\n .css-*:hover { --variant-containedBg: rgb(25, 90, 45); --variant-textBg: rgba(37, 129, 65, 0.04); --variant-outlinedBorder: #258141; --variant-outlinedBg: rgba(37, 129, 65, 0.04); }\n}",
8
],
[
"@media (hover: none) {\n .css-*:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.23); }\n}",
6
],
[
"@media (min-width: Npx) {\n .\\!container { max-width: Npx !important; }\n .container { max-width: Npx; }\n}",
5
],
[
"@media only screen and (max-width: Npx) {\n .Toastify__toast-container { width: 100vw; left: env(safe-area-inset-left); margin: Npx; }\n .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .To",
2
],
[
"@media only screen and (max-width: Npx) {\n .Toastify__toast-container[data-stacked=\"true\"] { width: 100vw; }\n}",
2
],
[
"@media (pointer: coarse) {\n .css-* { top: Npx; }\n}",
2
]
],
"matchmedia_calls": 4,
"matchmedia_listeners_net": 0,
"matchmedia_top": [
[
"(max-width:720px) @ at static/js/408_script.6797a7e7.js:162:21515 < at Object.useMemo (static/js/lib-react_script.73464df3.js:2:64779) < at n.useMemo (static/js/lib-react_script.73464df3.js:2:135509)",
4
]
]
},
{
"cycle": 3,
"scroll_ms_per_step": 78.3,
"css_rules": 3476,
"css_media_rules": 102,
"style_elements": 5,
"media_shapes_last400": [
[
"@media (hover: none) {\n .css-*:hover { background-color: transparent; }\n}",
28
],
[
"@media print {\n .css-* { print-color-adjust: exact; }\n}",
21
],
[
"@media (hover: hover) {\n .css-*:hover { --variant-containedBg: rgb(25, 90, 45); --variant-textBg: rgba(37, 129, 65, 0.04); --variant-outlinedBorder: #258141; --variant-outlinedBg: rgba(37, 129, 65, 0.04); }\n}",
8
],
[
"@media (hover: none) {\n .css-*:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.23); }\n}",
6
],
[
"@media (min-width: Npx) {\n .\\!container { max-width: Npx !important; }\n .container { max-width: Npx; }\n}",
5
],
[
"@media only screen and (max-width: Npx) {\n .Toastify__toast-container { width: 100vw; left: env(safe-area-inset-left); margin: Npx; }\n .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .To",
2
],
[
"@media only screen and (max-width: Npx) {\n .Toastify__toast-container[data-stacked=\"true\"] { width: 100vw; }\n}",
2
],
[
"@media (pointer: coarse) {\n .css-* { top: Npx; }\n}",
2
]
],
"matchmedia_calls": 6,
"matchmedia_listeners_net": 0,
"matchmedia_top": [
[
"(max-width:720px) @ at static/js/408_script.6797a7e7.js:162:21515 < at Object.useMemo (static/js/lib-react_script.73464df3.js:2:64779) < at n.useMemo (static/js/lib-react_script.73464df3.js:2:135509)",
6
]
]
},
{
"cycle": 4,
"scroll_ms_per_step": 79,
"css_rules": 3482,
"css_media_rules": 102,
"style_elements": 5,
"media_shapes_last400": [
[
"@media (hover: none) {\n .css-*:hover { background-color: transparent; }\n}",
28
],
[
"@media print {\n .css-* { print-color-adjust: exact; }\n}",
21
],
[
"@media (hover: hover) {\n .css-*:hover { --variant-containedBg: rgb(25, 90, 45); --variant-textBg: rgba(37, 129, 65, 0.04); --variant-outlinedBorder: #258141; --variant-outlinedBg: rgba(37, 129, 65, 0.04); }\n}",
8
],
[
"@media (hover: none) {\n .css-*:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.23); }\n}",
6
],
[
"@media (min-width: Npx) {\n .\\!container { max-width: Npx !important; }\n .container { max-width: Npx; }\n}",
5
],
[
"@media only screen and (max-width: Npx) {\n .Toastify__toast-container { width: 100vw; left: env(safe-area-inset-left); margin: Npx; }\n .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .To",
2
],
[
"@media only screen and (max-width: Npx) {\n .Toastify__toast-container[data-stacked=\"true\"] { width: 100vw; }\n}",
2
],
[
"@media (pointer: coarse) {\n .css-* { top: Npx; }\n}",
2
]
],
"matchmedia_calls": 8,
"matchmedia_listeners_net": 0,
"matchmedia_top": [
[
"(max-width:720px) @ at static/js/408_script.6797a7e7.js:162:21515 < at Object.useMemo (static/js/lib-react_script.73464df3.js:2:64779) < at n.useMemo (static/js/lib-react_script.73464df3.js:2:135509)",
8
]
]
},
{
"cycle": 5,
"scroll_ms_per_step": 77,
"css_rules": 3490,
"css_media_rules": 102,
"style_elements": 5,
"media_shapes_last400": [
[
"@media (hover: none) {\n .css-*:hover { background-color: transparent; }\n}",
28
],
[
"@media print {\n .css-* { print-color-adjust: exact; }\n}",
21
],
[
"@media (hover: hover) {\n .css-*:hover { --variant-containedBg: rgb(25, 90, 45); --variant-textBg: rgba(37, 129, 65, 0.04); --variant-outlinedBorder: #258141; --variant-outlinedBg: rgba(37, 129, 65, 0.04); }\n}",
8
],
[
"@media (hover: none) {\n .css-*:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.23); }\n}",
6
],
[
"@media (min-width: Npx) {\n .\\!container { max-width: Npx !important; }\n .container { max-width: Npx; }\n}",
5
],
[
"@media only screen and (max-width: Npx) {\n .Toastify__toast-container { width: 100vw; left: env(safe-area-inset-left); margin: Npx; }\n .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .To",
2
],
[
"@media only screen and (max-width: Npx) {\n .Toastify__toast-container[data-stacked=\"true\"] { width: 100vw; }\n}",
2
],
[
"@media (pointer: coarse) {\n .css-* { top: Npx; }\n}",
2
]
],
"matchmedia_calls": 10,
"matchmedia_listeners_net": 0,
"matchmedia_top": [
[
"(max-width:720px) @ at static/js/408_script.6797a7e7.js:162:21515 < at Object.useMemo (static/js/lib-react_script.73464df3.js:2:64779) < at n.useMemo (static/js/lib-react_script.73464df3.js:2:135509)",
10
]
]
},
{
"cycle": 6,
"scroll_ms_per_step": 77.5,
"css_rules": 3497,
"css_media_rules": 102,
"style_elements": 5,
"media_shapes_last400": [
[
"@media (hover: none) {\n .css-*:hover { background-color: transparent; }\n}",
28
],
[
"@media print {\n .css-* { print-color-adjust: exact; }\n}",
21
],
[
"@media (hover: hover) {\n .css-*:hover { --variant-containedBg: rgb(25, 90, 45); --variant-textBg: rgba(37, 129, 65, 0.04); --variant-outlinedBorder: #258141; --variant-outlinedBg: rgba(37, 129, 65, 0.04); }\n}",
8
],
[
"@media (hover: none) {\n .css-*:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.23); }\n}",
6
],
[
"@media (min-width: Npx) {\n .\\!container { max-width: Npx !important; }\n .container { max-width: Npx; }\n}",
5
],
[
"@media only screen and (max-width: Npx) {\n .Toastify__toast-container { width: 100vw; left: env(safe-area-inset-left); margin: Npx; }\n .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .To",
2
],
[
"@media only screen and (max-width: Npx) {\n .Toastify__toast-container[data-stacked=\"true\"] { width: 100vw; }\n}",
2
],
[
"@media (pointer: coarse) {\n .css-* { top: Npx; }\n}",
2
]
],
"matchmedia_calls": 12,
"matchmedia_listeners_net": 0,
"matchmedia_top": [
[
"(max-width:720px) @ at static/js/408_script.6797a7e7.js:162:21515 < at Object.useMemo (static/js/lib-react_script.73464df3.js:2:64779) < at n.useMemo (static/js/lib-react_script.73464df3.js:2:135509)",
12
]
]
},
{
"cycle": 7,
"scroll_ms_per_step": 77.5,
"css_rules": 3500,
"css_media_rules": 102,
"style_elements": 5,
"media_shapes_last400": [
[
"@media (hover: none) {\n .css-*:hover { background-color: transparent; }\n}",
28
],
[
"@media print {\n .css-* { print-color-adjust: exact; }\n}",
21
],
[
"@media (hover: hover) {\n .css-*:hover { --variant-containedBg: rgb(25, 90, 45); --variant-textBg: rgba(37, 129, 65, 0.04); --variant-outlinedBorder: #258141; --variant-outlinedBg: rgba(37, 129, 65, 0.04); }\n}",
8
],
[
"@media (hover: none) {\n .css-*:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.23); }\n}",
6
],
[
"@media (min-width: Npx) {\n .\\!container { max-width: Npx !important; }\n .container { max-width: Npx; }\n}",
5
],
[
"@media only screen and (max-width: Npx) {\n .Toastify__toast-container { width: 100vw; left: env(safe-area-inset-left); margin: Npx; }\n .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .To",
2
],
[
"@media only screen and (max-width: Npx) {\n .Toastify__toast-container[data-stacked=\"true\"] { width: 100vw; }\n}",
2
],
[
"@media (pointer: coarse) {\n .css-* { top: Npx; }\n}",
2
]
],
"matchmedia_calls": 14,
"matchmedia_listeners_net": 0,
"matchmedia_top": [
[
"(max-width:720px) @ at static/js/408_script.6797a7e7.js:162:21515 < at Object.useMemo (static/js/lib-react_script.73464df3.js:2:64779) < at n.useMemo (static/js/lib-react_script.73464df3.js:2:135509)",
14
]
]
},
{
"cycle": 8,
"scroll_ms_per_step": 78.2,
"css_rules": 3501,
"css_media_rules": 102,
"style_elements": 5,
"media_shapes_last400": [
[
"@media (hover: none) {\n .css-*:hover { background-color: transparent; }\n}",
28
],
[
"@media print {\n .css-* { print-color-adjust: exact; }\n}",
21
],
[
"@media (hover: hover) {\n .css-*:hover { --variant-containedBg: rgb(25, 90, 45); --variant-textBg: rgba(37, 129, 65, 0.04); --variant-outlinedBorder: #258141; --variant-outlinedBg: rgba(37, 129, 65, 0.04); }\n}",
8
],
[
"@media (hover: none) {\n .css-*:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.23); }\n}",
6
],
[
"@media (min-width: Npx) {\n .\\!container { max-width: Npx !important; }\n .container { max-width: Npx; }\n}",
5
],
[
"@media only screen and (max-width: Npx) {\n .Toastify__toast-container { width: 100vw; left: env(safe-area-inset-left); margin: Npx; }\n .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .To",
2
],
[
"@media only screen and (max-width: Npx) {\n .Toastify__toast-container[data-stacked=\"true\"] { width: 100vw; }\n}",
2
],
[
"@media (pointer: coarse) {\n .css-* { top: Npx; }\n}",
2
]
],
"matchmedia_calls": 16,
"matchmedia_listeners_net": 0,
"matchmedia_top": [
[
"(max-width:720px) @ at static/js/408_script.6797a7e7.js:162:21515 < at Object.useMemo (static/js/lib-react_script.73464df3.js:2:64779) < at n.useMemo (static/js/lib-react_script.73464df3.js:2:135509)",
16
]
]
},
{
"cycle": 9,
"scroll_ms_per_step": 79.3,
"css_rules": 3504,
"css_media_rules": 102,
"style_elements": 5,
"media_shapes_last400": [
[
"@media (hover: none) {\n .css-*:hover { background-color: transparent; }\n}",
28
],
[
"@media print {\n .css-* { print-color-adjust: exact; }\n}",
21
],
[
"@media (hover: hover) {\n .css-*:hover { --variant-containedBg: rgb(25, 90, 45); --variant-textBg: rgba(37, 129, 65, 0.04); --variant-outlinedBorder: #258141; --variant-outlinedBg: rgba(37, 129, 65, 0.04); }\n}",
8
],
[
"@media (hover: none) {\n .css-*:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.23); }\n}",
6
],
[
"@media (min-width: Npx) {\n .\\!container { max-width: Npx !important; }\n .container { max-width: Npx; }\n}",
5
],
[
"@media only screen and (max-width: Npx) {\n .Toastify__toast-container { width: 100vw; left: env(safe-area-inset-left); margin: Npx; }\n .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .To",
2
],
[
"@media only screen and (max-width: Npx) {\n .Toastify__toast-container[data-stacked=\"true\"] { width: 100vw; }\n}",
2
],
[
"@media (pointer: coarse) {\n .css-* { top: Npx; }\n}",
2
]
],
"matchmedia_calls": 18,
"matchmedia_listeners_net": 0,
"matchmedia_top": [
[
"(max-width:720px) @ at static/js/408_script.6797a7e7.js:162:21515 < at Object.useMemo (static/js/lib-react_script.73464df3.js:2:64779) < at n.useMemo (static/js/lib-react_script.73464df3.js:2:135509)",
18
]
]
},
{
"cycle": 10,
"scroll_ms_per_step": 77.1,
"css_rules": 3505,
"css_media_rules": 102,
"style_elements": 5,
"media_shapes_last400": [
[
"@media (hover: none) {\n .css-*:hover { background-color: transparent; }\n}",
28
],
[
"@media print {\n .css-* { print-color-adjust: exact; }\n}",
21
],
[
"@media (hover: hover) {\n .css-*:hover { --variant-containedBg: rgb(25, 90, 45); --variant-textBg: rgba(37, 129, 65, 0.04); --variant-outlinedBorder: #258141; --variant-outlinedBg: rgba(37, 129, 65, 0.04); }\n}",
8
],
[
"@media (hover: none) {\n .css-*:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.23); }\n}",
6
],
[
"@media (min-width: Npx) {\n .\\!container { max-width: Npx !important; }\n .container { max-width: Npx; }\n}",
5
],
[
"@media only screen and (max-width: Npx) {\n .Toastify__toast-container { width: 100vw; left: env(safe-area-inset-left); margin: Npx; }\n .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .To",
2
],
[
"@media only screen and (max-width: Npx) {\n .Toastify__toast-container[data-stacked=\"true\"] { width: 100vw; }\n}",
2
],
[
"@media (pointer: coarse) {\n .css-* { top: Npx; }\n}",
2
]
],
"matchmedia_calls": 20,
"matchmedia_listeners_net": 0,
"matchmedia_top": [
[
"(max-width:720px) @ at static/js/408_script.6797a7e7.js:162:21515 < at Object.useMemo (static/js/lib-react_script.73464df3.js:2:64779) < at n.useMemo (static/js/lib-react_script.73464df3.js:2:135509)",
20
]
]
}
]
}
],
"modal": [
{
"target": "dict_vsp_add",
"role": "admin",
"click_to_visible_ms": 165.3,
"main_thread_ms": 169.4
},
{
"target": "dict_vsp_add",
"role": "admin",
"click_to_visible_ms": 167.4,
"main_thread_ms": 171.7
},
{
"target": "dict_vsp_add",
"role": "admin",
"click_to_visible_ms": 185,
"main_thread_ms": 189.5
},
{
"target": "dict_vsp_edit",
"role": "admin",
"click_to_visible_ms": 183.5,
"main_thread_ms": 190.0
},
{
"target": "dict_vsp_edit",
"role": "admin",
"click_to_visible_ms": 188.4,
"main_thread_ms": 199.3
},
{
"target": "dict_vsp_edit",
"role": "admin",
"click_to_visible_ms": 193.5,
"main_thread_ms": 204.0
},
{
"target": "dict_vsp_export",
"role": "admin",
"click_to_visible_ms": 150.8,
"main_thread_ms": 154.2
},
{
"target": "dict_vsp_export",
"role": "admin",
"click_to_visible_ms": 149.2,
"main_thread_ms": 153.6
},
{
"target": "dict_vsp_export",
"role": "admin",
"click_to_visible_ms": 147.2,
"main_thread_ms": 151.6
}
],
"modal_renders": [
{
"target": "dict_vsp_add",
"commits": 10,
"renders": 26971,
"self_ms": 92.9,
"top": [
[
"ForwardRef(Styled(td))",
2896,
37.0
],
[
"ForwardRef(Styled(span))",
2851,
9.1
],
[
"ForwardRef(TableCell)",
2896,
4.4
],
[
"MRT_TableBodyCell",
2880,
4.4
],
[
"ForwardRef(DateField)",
9,
3.3
],
[
"ForwardRef(ButtonBase)",
199,
3.0
]
]
},
{
"target": "dict_vsp_edit",
"commits": 12,
"renders": 27287,
"self_ms": 93.3,
"top": [
[
"ForwardRef(Styled(td))",
2896,
37.2
],
[
"ForwardRef(Styled(span))",
2877,
9.6
],
[
"MRT_TableBodyCell",
2880,
7.1
],
[
"ForwardRef(TableCell)",
2896,
3.3
],
[
"ForwardRef(DateField)",
9,
3.1
],
[
"Insertion",
7037,
3.0
]
]
},
{
"target": "dict_vsp_export",
"commits": 9,
"renders": 25722,
"self_ms": 82.2,
"top": [
[
"ForwardRef(Styled(td))",
2896,
43.1
],
[
"ForwardRef(Styled(span))",
2728,
9.2
],
[
"MRT_TableBodyCell",
2880,
5.0
],
[
"ForwardRef(TableCell)",
2896,
3.6
],
[
"ForwardRef(Styled(tr))",
181,
2.9
],
[
"ForwardRef(Typography)",
2723,
2.5
]
]
}
]
}
Reference in New Issue View Git Blame Copy Permalink