Transaction: DgkqQGP...U5Ht

{ "data": { "webengine.near": { "component_alpha": { "AlphaDashboardPage": { "css": ".wrapper {\n --color-new: #5bb98b;\n --color-visited: #bcbbb5;\n\n padding: 2rem;\n min-height: calc(100vh - var(--gateway-header-height));\n background: #f1f0ef;\n\n hr {\n border: none;\n width: 100%;\n height: 1px;\n background: #e2e1de;\n }\n\n @media (max-width: 900px) {\n padding: 1rem;\n }\n}\n\n.container {\n display: flex;\n flex-direction: column;\n gap: 2rem;\n max-width: 1000px;\n margin: 0 auto;\n\n @media (max-width: 900px) {\n gap: 1rem;\n }\n}\n\n.totals {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n gap: 1rem;\n text-align: center;\n\n @media (max-width: 900px) {\n grid-template-columns: 1fr 1fr;\n }\n\n @media (max-width: 600px) {\n grid-template-columns: 1fr;\n }\n}\n\n.card {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n padding: 1rem;\n background: #fff;\n border-radius: 1rem;\n box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 5px 5px rgba(0, 0, 0, 0.05), 0 0 30px rgba(0, 0, 0, 0.05);\n}\n\n.label {\n opacity: 0.7;\n font-size: 0.8rem;\n}\n\n.total {\n font-size: 2rem;\n font-weight: 700;\n}\n\n.componentsHeader {\n display: flex;\n align-items: center;\n gap: 1rem;\n justify-content: space-between;\n padding-bottom: 1rem;\n}\n\n.sorting {\n display: flex;\n align-items: center;\n gap: 1rem;\n}\n\n.checkbox {\n display: flex;\n align-items: center;\n gap: 0.25rem;\n font-size: 0.8rem;\n cursor: pointer;\n color: #6e56cf;\n font-weight: 700;;\n}\n\n.components {\n display: flex;\n flex-direction: column;\n}\n\n.component {\n border-bottom: 1px solid #e2e1de;\n padding: 0.5rem 0;\n word-break: break-word;\n\n &:first-child {\n padding-top: 0;\n }\n &:last-child {\n padding-bottom: 0;\n border-bottom: none;\n }\n\n a {\n display: flex;\n align-items: center;\n gap: 1rem;\n text-decoration: none;\n transition: all 200ms;\n\n span {\n color: #63635e;\n transition: all 200ms;\n }\n\n &:link {\n color: var(--color-new);\n }\n\n &:visited {\n color: var(--color-visited);\n }\n\n &:hover {\n span {\n color: #21201c;\n }\n }\n }\n}\n\n.componentContent {\n display: flex;\n width: 100%;\n align-items: center;\n gap: 1rem;\n\n @media (max-width: 900px) {\n flex-direction: column;\n gap: 0.25rem;\n text-align: left;\n align-items: flex-start;\n\n span {\n margin: 0;\n }\n }\n}\n\n.legend {\n display: flex;\n justify-content: flex-end;\n gap: 1rem;\n font-size: 0.65rem;\n}\n\n.timestamp {\n margin-left: auto;\n font-size: 0.8rem;\n white-space: nowrap;\n}" } } } } }