@tabula/ui-json-view
Version:
Allows to view JSON in interactive way
347 lines (333 loc) • 17.9 kB
CSS
/* vanilla-extract-css-ns:src/UiJsonView/UiJsonView.css.ts.vanilla.css?source=QGxheWVyIHRibC0tY29tcG9uZW50czsKQGxheWVyIHRibC0tY29tcG9uZW50cyB7CiAgLnRhYnVsYV91aV9qc29uX3ZpZXdfXzEwanJ6bHAwIHsKICAgIC0tdGFidWxhX3VpX2pzb25fdmlld19fZXRrd2hwMDogMDsKICAgIHdpZHRoOiAxMDAlOwogICAgaGVpZ2h0OiAxMDAlOwogICAgb3ZlcmZsb3c6IGF1dG87CiAgfQogIC50YWJ1bGFfdWlfanNvbl92aWV3X18xMGpyemxwMSB7CiAgICAtLXRhYnVsYV91aV9qc29uX3ZpZXdfX2V0a3docDA6IDE2cHg7CiAgfQogIC50YWJ1bGFfdWlfanNvbl92aWV3X18xMGpyemxwMiB7CiAgICAtLXRhYnVsYV91aV9qc29uX3ZpZXdfX2V0a3docDA6IDQwcHg7CiAgfQp9 */
@layer tbl--components;
@layer tbl--components {
.tabula_ui_json_view__10jrzlp0 {
--tabula_ui_json_view__etkwhp0: 0;
width: 100%;
height: 100%;
overflow: auto;
}
.tabula_ui_json_view__10jrzlp1 {
--tabula_ui_json_view__etkwhp0: 16px;
}
.tabula_ui_json_view__10jrzlp2 {
--tabula_ui_json_view__etkwhp0: 40px;
}
}
/* vanilla-extract-css-ns:src/StaticView/StaticView.css.ts.vanilla.css?source=QGxheWVyIHRibC0tY29tcG9uZW50czsKQGxheWVyIHRibC0tY29tcG9uZW50cyB7CiAgLnRhYnVsYV91aV9qc29uX3ZpZXdfXzFqazdocjEwIHsKICAgIHBvc2l0aW9uOiByZWxhdGl2ZTsKICB9CiAgLnRhYnVsYV91aV9qc29uX3ZpZXdfXzFqazdocjExIHsKICAgIHBvc2l0aW9uOiBzdGlja3k7CiAgICB0b3A6IDRweDsKICAgIHJpZ2h0OiA0cHg7CiAgICBmbG9hdDogcmlnaHQ7CiAgfQp9 */
@layer tbl--components;
@layer tbl--components {
.tabula_ui_json_view__1jk7hr10 {
position: relative;
}
.tabula_ui_json_view__1jk7hr11 {
position: sticky;
top: 4px;
right: 4px;
float: right;
}
}
/* vanilla-extract-css-ns:src/Line/Line.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7VW21LjMAx95ys8PDULYppS2CW88Ccdx1ESg2NlbKWX3eHfd5K43bawxV2WV1k6ls6RJT8ZuUEnODcAipqWLFr2jxdP79rFrwshbljmnZGLTi+ePdnFUuNqsUjJI6026eAiRCuLQtsKmNpMpPft+vFCiNePomdH0TkxU3MGwG0AADjlNc3E9HHwK8lyJpbSTQCGWnuDB2jIkm+lQgCPjYacTAHpbDxPxliDzOigd9O2OgvlMDTgMa4Z2EnrS3LNWXiHoQGvJa9Zk82EQyNZL3G0F9q3Rm4yURpcBxoMrqHQDlUIoNV48Nx51uUGFFnGnqrB07N0PDpIoysLmrHxmcilR6NtuKeRrtJ2R3WNuqo5E7N5G27dqmyw5EwoadQk1Pyedsgvq7qdJuJKTE75bTVOxDcxV3WSJIe3uTGNbUsJ0WcMb7Nb1ZpxkAgzYWnlZBvXglmWY0kOQyvuqLu8PNZF5p5Mx4Gv4alMt71V/unLU2wcSartUE1uSL2EMnTBdWD3LNr+plou1UvlqLMF6EZWmA0ESgeVk4VGyxMmMZB8LYaWbKVDy2Larg8Ns96w1+SKDDkPkJMr0A0t58gAFFjKznAibo8R5m8Mqk7eZOn1T8z6o10RH2qYnlb4+oMpFjWitszOp/8lqfMuvYsdqPNdFxty2XtyKSoQoOzsMDuSKNS7L0G9j0S1XZOj83Gg378C9EckqGc3DMhetDjkhwjkYR4BtE430m3icGU8LqNjHQ2cB+CITeyw6ox0n9rD+xif38L7aB/s4MNZv7fyvmbnCRDpw81du072lkv0+IuTbMCcxY4vFaLGb0FY+qmqx/yoF4E3uwU4EBmo25Og6JzsjQCl9AyQJvunKH3/XPr/iS2kK/oep6JT/d8nrhuVuPqHKqY3d2MdEZ+Dmpbo4u7YcZKO2K+/AXcKKx6tCwAA */
@layer tbl--components;
@layer tbl--components {
.tabula_ui_json_view__1oseowy1 {
padding-top: 16px;
}
.tabula_ui_json_view__1oseowy2 {
padding-bottom: 16px;
}
.tabula_ui_json_view__1oseowy3 {
--tabula_ui_json_view__1oseowy0: 0;
font: var(--tbl--fonts--monospace--semi-bold-12--font);
letter-spacing: var(--tbl--fonts--monospace--semi-bold-12--letter-spacing);
text-transform: var(--tbl--fonts--monospace--semi-bold-12--text-transform);
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: baseline;
margin: 0;
height: 24px;
padding-left: calc(var(--tabula_ui_json_view__etkwhp0) + ((var(--tabula_ui_json_view__1oseowy0) * 4ch)));
padding-right: 16px;
line-height: 24px;
white-space: nowrap;
}
.tabula_ui_json_view__1oseowy3::before {
content: "";
position: absolute;
top: 0;
left: var(--tabula_ui_json_view__etkwhp0);
display: inline-block;
width: calc((var(--tabula_ui_json_view__1oseowy0) * 4ch));
height: 24px;
background-image:
linear-gradient(
to right,
transparent 0px,
transparent 2px,
var(--tbl--colors--border-control--default) 3px,
transparent 4px,
transparent 4ch);
background-size: 4ch 24px;
}
.tabula_ui_json_view__1oseowy1.tabula_ui_json_view__1oseowy3,
.tabula_ui_json_view__1oseowy2.tabula_ui_json_view__1oseowy3 {
height: 40px;
}
.tabula_ui_json_view__1oseowy1.tabula_ui_json_view__1oseowy2.tabula_ui_json_view__1oseowy3 {
height: 56px;
}
.tabula_ui_json_view__1oseowy4 {
color: var(--tbl--colors--code--function);
}
.tabula_ui_json_view__1oseowy5 {
color: var(--tbl--colors--code--function);
}
.tabula_ui_json_view__1oseowy6 {
color: var(--tbl--colors--code--numbers);
}
.tabula_ui_json_view__1oseowy7 {
color: var(--tbl--colors--code--numbers);
}
.tabula_ui_json_view__1oseowy8 {
color: var(--tbl--colors--code--string-light);
}
.tabula_ui_json_view__1oseowy9 {
color: var(--tbl--colors--content--primary);
}
.tabula_ui_json_view__1oseowya {
color: var(--tbl--colors--content--tertiary);
}
.tabula_ui_json_view__1oseowyb {
font: var(--tbl--fonts--monospace--regular-12--font);
letter-spacing: var(--tbl--fonts--monospace--regular-12--letter-spacing);
text-transform: var(--tbl--fonts--monospace--regular-12--text-transform);
position: absolute;
left: calc((var(--tabula_ui_json_view__etkwhp0) + ((var(--tabula_ui_json_view__1oseowy0) * 4ch))) - 19.5px);
top: 4px;
}
.tabula_ui_json_view__1oseowy1 .tabula_ui_json_view__1oseowyb {
top: 20px;
}
.tabula_ui_json_view__1oseowyc {
margin-left: 1ch;
opacity: 0;
transition: var(--tbl--duration--fast--1) var(--tbl--easing--standard--productive);
}
.tabula_ui_json_view__1oseowyc + .tabula_ui_json_view__1oseowyc {
margin-left: 0.5ch;
}
.tabula_ui_json_view__1oseowy3:hover .tabula_ui_json_view__1oseowyc {
opacity: 1;
}
}
/* vanilla-extract-css-ns:src/Action/Action.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51SQY7bMAy85xU6NgcWzqJAC+Wy+xKDsWhHqSIaFJXGKPL3wrKCTdptm90rhxzODPkccCIxugsAHR9HjhQ1bVfPb9bNz5UxnxV3OWCbfXtIHNuTpx9tu6P+QNiUDmN6jmrNCeUTQOGYCwngyJHTiB0BCA05oMCmWdD1tkwGUiWBucnH4R0c94OVTemsoIIx9SzHd7DdD1a2kZNXz9EaoYDqT7TUnU9jwMmaPtB5KR1yUt9P0HFUmrPoKCrJAmLwQwSvdEz3wJ78sFdrnpqx8uyw+z4I5+isKXJGFIpaQRZHYs1mPJvEwbtbfx0HlgSwNBUhwgHAUY85XOOuqKDzOVnz5bq37Kpmb0hdFpyLAD0mBdisb1HC5OMAkBSjQ3EAo7DL3ZxU3ZfTfCMK1Kk1kWNNsMuSWKwZ2b+mURzYtzzVVGd+f0SZrvdB58rTNObbYuTyv3+1PXc51a/lrMFHgqRTILtEur1D/i7p95gLLzytH1Ox5xNJVfF68n+si5RVMAC8fL2/5OMKy84H9WG54ccEbpqPKiwZrv98yOvfXFaXX4W72c3ABAAA */
@layer tbl--components;
@layer tbl--components {
.tabula_ui_json_view__befjea0 {
font: var(--tbl--fonts--monospace--regular-10--font);
letter-spacing: var(--tbl--fonts--monospace--regular-10--letter-spacing);
text-transform: var(--tbl--fonts--monospace--regular-10--text-transform);
position: relative;
display: flex;
justify-content: center;
align-items: center;
height: 20px;
background: transparent;
border: 1px solid var(--tbl--colors--border-control--default);
border-radius: 4px;
transition: var(--tbl--duration--fast--1) var(--tbl--easing--standard--productive);
user-select: none;
cursor: pointer;
color: var(--tbl--colors--content--primary);
padding: 0 8px;
}
.tabula_ui_json_view__befjea0:focus {
outline-style: solid;
outline-color: var(--tbl--colors--border-control--focus-2);
}
.tabula_ui_json_view__befjea0:hover {
background-color: var(--tbl--colors--neutral--A7);
border-color: var(--tbl--colors--border-control--hover);
}
.tabula_ui_json_view__befjea0:active {
background-color: var(--tbl--colors--neutral--A10);
border-color: var(--tbl--colors--border-control--focus);
transition: none;
}
}
/* vanilla-extract-css-ns:src/Copy/Copy.css.ts.vanilla.css?source=QGxheWVyIHRibC0tY29tcG9uZW50czsKQGxheWVyIHRibC0tY29tcG9uZW50cyB7CiAgLnRhYnVsYV91aV9qc29uX3ZpZXdfXzU3MHp4MjAgewogICAgY29sb3I6IHZhcigtLXRibC0tY29sb3JzLS1jb250ZW50LS1zdWNjZXNzKTsKICB9Cn0= */
@layer tbl--components;
@layer tbl--components {
.tabula_ui_json_view__570zx20 {
color: var(--tbl--colors--content--success);
}
}
/* vanilla-extract-css-ns:src/Property/Property.css.ts.vanilla.css?source=QGxheWVyIHRibC0tY29tcG9uZW50czsKQGxheWVyIHRibC0tY29tcG9uZW50cyB7CiAgLnRhYnVsYV91aV9qc29uX3ZpZXdfXzF2a2FjanQwIHsKICAgIGZvbnQ6IHZhcigtLXRibC0tZm9udHMtLW1vbm9zcGFjZS0tc2VtaS1ib2xkLTEyLS1mb250KTsKICAgIGxldHRlci1zcGFjaW5nOiB2YXIoLS10YmwtLWZvbnRzLS1tb25vc3BhY2UtLXNlbWktYm9sZC0xMi0tbGV0dGVyLXNwYWNpbmcpOwogICAgdGV4dC10cmFuc2Zvcm06IHZhcigtLXRibC0tZm9udHMtLW1vbm9zcGFjZS0tc2VtaS1ib2xkLTEyLS10ZXh0LXRyYW5zZm9ybSk7CiAgICBjb2xvcjogdmFyKC0tdGJsLS1jb2xvcnMtLWNvbnRlbnQtLXByaW1hcnkpOwogIH0KfQ== */
@layer tbl--components;
@layer tbl--components {
.tabula_ui_json_view__1vkacjt0 {
font: var(--tbl--fonts--monospace--semi-bold-12--font);
letter-spacing: var(--tbl--fonts--monospace--semi-bold-12--letter-spacing);
text-transform: var(--tbl--fonts--monospace--semi-bold-12--text-transform);
color: var(--tbl--colors--content--primary);
}
}
/* vanilla-extract-css-ns:src/Rest/Rest.css.ts.vanilla.css?source=QGxheWVyIHRibC0tY29tcG9uZW50czsKQGxheWVyIHRibC0tY29tcG9uZW50cyB7CiAgLnRhYnVsYV91aV9qc29uX3ZpZXdfXzFnNGg4YTkwIHsKICAgIHBhZGRpbmc6IDAgMWNoOwogIH0KfQ== */
@layer tbl--components;
@layer tbl--components {
.tabula_ui_json_view__1g4h8a90 {
padding: 0 1ch;
}
}
/* vanilla-extract-css-ns:src/Size/Size.css.ts.vanilla.css?source=QGxheWVyIHRibC0tY29tcG9uZW50czsKQGxheWVyIHRibC0tY29tcG9uZW50cyB7CiAgLnRhYnVsYV91aV9qc29uX3ZpZXdfXzFmcHdvdWEwIHsKICAgIGZvbnQ6IHZhcigtLXRibC0tZm9udHMtLW1vbm9zcGFjZS0tcmVndWxhci0xMi0tZm9udCk7CiAgICBsZXR0ZXItc3BhY2luZzogdmFyKC0tdGJsLS1mb250cy0tbW9ub3NwYWNlLS1yZWd1bGFyLTEyLS1sZXR0ZXItc3BhY2luZyk7CiAgICB0ZXh0LXRyYW5zZm9ybTogdmFyKC0tdGJsLS1mb250cy0tbW9ub3NwYWNlLS1yZWd1bGFyLTEyLS10ZXh0LXRyYW5zZm9ybSk7CiAgICBjb2xvcjogdmFyKC0tdGJsLS1jb2xvcnMtLWNvbnRlbnQtLXBsYWNlaG9sZGVyKTsKICAgIHVzZXItc2VsZWN0OiBub25lOwogIH0KfQ== */
@layer tbl--components;
@layer tbl--components {
.tabula_ui_json_view__1fpwoua0 {
font: var(--tbl--fonts--monospace--regular-12--font);
letter-spacing: var(--tbl--fonts--monospace--regular-12--letter-spacing);
text-transform: var(--tbl--fonts--monospace--regular-12--text-transform);
color: var(--tbl--colors--content--placeholder);
user-select: none;
}
}
/* vanilla-extract-css-ns:src/StringValue/StringValue.css.ts.vanilla.css?source=QGxheWVyIHRibC0tY29tcG9uZW50czsKQGxheWVyIHRibC0tY29tcG9uZW50cyB7CiAgLnRhYnVsYV91aV9qc29uX3ZpZXdfXzN4NDE5dTAgewogICAgZm9udDogdmFyKC0tdGJsLS1mb250cy0tbW9ub3NwYWNlLS1zZW1pLWJvbGQtMTItLWZvbnQpOwogICAgbGV0dGVyLXNwYWNpbmc6IHZhcigtLXRibC0tZm9udHMtLW1vbm9zcGFjZS0tc2VtaS1ib2xkLTEyLS1sZXR0ZXItc3BhY2luZyk7CiAgICB0ZXh0LXRyYW5zZm9ybTogdmFyKC0tdGJsLS1mb250cy0tbW9ub3NwYWNlLS1zZW1pLWJvbGQtMTItLXRleHQtdHJhbnNmb3JtKTsKICAgIGN1cnNvcjogcG9pbnRlcjsKICB9Cn0= */
@layer tbl--components;
@layer tbl--components {
.tabula_ui_json_view__3x419u0 {
font: var(--tbl--fonts--monospace--semi-bold-12--font);
letter-spacing: var(--tbl--fonts--monospace--semi-bold-12--letter-spacing);
text-transform: var(--tbl--fonts--monospace--semi-bold-12--text-transform);
cursor: pointer;
}
}
/* vanilla-extract-css-ns:src/Toggle/Toggle.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51SQY7bMAy85xU6NgcWSbBoAeWyfUnAWLSjVBYNivLGKPL3hWUHG7fbNrtXDjkzHPI54EBi9BgAKm47jhQ17VfP79bNr5UxXxWPOeAh+8M5cTz0nl4Oh12j577dlA5jao5qTY/yBaBwjIUE0HLk1GFFAEJNDiiw3U3oel8mA6mSwNjkY/MBjuXgzKZ0UVDBmGqW9gNsy8GZzfnUBRysqQNdptI5J/X1ABVHpXHniqKSTCAG30TwSm1aAi/e6cma7bdupjmRb056Xzli9bMRztFZU3x0KBR1BlkciTXb7mISB+/uF6s4sCSAqak4Ew4AjmrM4ZbzjAo6n5M1TzfdDp0rwW/mBEdtr57jIj2XBcciQI1JAbbre5Qw+dgAJMXoUBxAJ+xypb6nWT+n8VgUqFJrIkeaylWWxGJNx/4trrKRfW/HOfaR37coQyG//u9Jbc1VTvOrctbgI0HSIZCd4twvkL/L/x5x4YXdgy5O3JPMLt7O/Q+5SFkFA8CP78srPu6waD7oD8u9Pmdwu/msw5Lh+s/nu/3IdXV9BfBlAbO1BAAA */
@layer tbl--components;
@layer tbl--components {
.tabula_ui_json_view__2gtjvm0 {
font: var(--tbl--fonts--monospace--regular-12--font);
letter-spacing: var(--tbl--fonts--monospace--regular-12--letter-spacing);
text-transform: var(--tbl--fonts--monospace--regular-12--text-transform);
display: flex;
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
background: transparent;
border: 1px solid var(--tbl--colors--border-control--default);
border-radius: 4px;
padding: 0;
transition: var(--tbl--duration--fast--1) var(--tbl--easing--standard--productive);
user-select: none;
cursor: pointer;
color: var(--tbl--colors--content--primary);
}
.tabula_ui_json_view__2gtjvm0:focus {
outline-style: solid;
outline-color: var(--tbl--colors--border-control--focus-2);
}
.tabula_ui_json_view__2gtjvm0:hover {
background-color: var(--tbl--colors--neutral--A7);
border-color: var(--tbl--colors--border-control--hover);
}
.tabula_ui_json_view__2gtjvm0:active {
background-color: var(--tbl--colors--neutral--A10);
border-color: var(--tbl--colors--border-control--focus);
transition: none;
}
}
/* vanilla-extract-css-ns:src/Type/Type.css.ts.vanilla.css?source=QGxheWVyIHRibC0tY29tcG9uZW50czsKQGxheWVyIHRibC0tY29tcG9uZW50cyB7CiAgLnRhYnVsYV91aV9qc29uX3ZpZXdfX3I5OHo1ZDAgewogICAgZm9udDogdmFyKC0tdGJsLS1mb250cy0tbW9ub3NwYWNlLS1yZWd1bGFyLTEyLS1mb250KTsKICAgIGxldHRlci1zcGFjaW5nOiB2YXIoLS10YmwtLWZvbnRzLS1tb25vc3BhY2UtLXJlZ3VsYXItMTItLWxldHRlci1zcGFjaW5nKTsKICAgIHRleHQtdHJhbnNmb3JtOiB2YXIoLS10YmwtLWZvbnRzLS1tb25vc3BhY2UtLXJlZ3VsYXItMTItLXRleHQtdHJhbnNmb3JtKTsKICAgIGNvbG9yOiB2YXIoLS10YmwtLWNvbG9ycy0tY29udGVudC0tcGxhY2Vob2xkZXIpOwogICAgdXNlci1zZWxlY3Q6IG5vbmU7CiAgfQp9 */
@layer tbl--components;
@layer tbl--components {
.tabula_ui_json_view__r98z5d0 {
font: var(--tbl--fonts--monospace--regular-12--font);
letter-spacing: var(--tbl--fonts--monospace--regular-12--letter-spacing);
text-transform: var(--tbl--fonts--monospace--regular-12--text-transform);
color: var(--tbl--colors--content--placeholder);
user-select: none;
}
}
/* vanilla-extract-css-ns:src/Options/Options.css.ts.vanilla.css?source=QGxheWVyIHRibC0tY29tcG9uZW50czsKQGxheWVyIHRibC0tY29tcG9uZW50cyB7CiAgLnRhYnVsYV91aV9qc29uX3ZpZXdfX2tlMDRibDAgewogICAgZGlzcGxheTogZmxleDsKICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47CiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7CiAgICBhbGlnbi1pdGVtczogc3RyZXRjaDsKICAgIGdhcDogNHB4OwogICAgcGFkZGluZzogNHB4OwogICAgYm9yZGVyLXJhZGl1czogNHB4OwogICAgYmFja2dyb3VuZDogdmFyKC0tdGJsLS1jb2xvcnMtLXdoaXRlLS1BODApOwogIH0KfQ== */
@layer tbl--components;
@layer tbl--components {
.tabula_ui_json_view__ke04bl0 {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
gap: 4px;
padding: 4px;
border-radius: 4px;
background: var(--tbl--colors--white--A80);
}
}
/* vanilla-extract-css-ns:src/Option/Option.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61VwW7bMAy99yt0KZBg5WB7XVAol/5JoEi0rVaWPFFKYgz990G23CVbhzhYb8bj4xP5KNHPRgzoWdgbAOm63lm0gbZ3zx/i7OcdY1+D2EcjdlHvXsjZ3UHjcbcrPXY/uk0xUhirnQ2cHYRfAYwiCSAAEpaA0OsaoEOlYwdlNUXX2zHTYAjogXohtW1u0LhMzGoBTwGCF5Zq57sb1C4Ts5rS1BsxcFYbPE1Q+gKlPcqgneXMu+MUeIkUdD2AdDZgMmNkUhA+TARhdGNBB+yIM4k2oJ8Cjeg5e+rzATJ6cp6z3umZ8nZtCmWewnu91llclFnlzKNWoeWsKuYyWtRNGzgrqxnphVLjhMoZ2Tuv0IMXSkfirNy8B4R8bbyLVoF0JnVzNocRIQAhkwlAKJ1Vwg/QeBwAHosiu+8O6Gvjjpy1Wim0y6zgbcpjX670/XBNpnYy0lWZbN//NLzJDS9o7aaaXAxGWwQKg0HOyBmttheRf5eaJ5vusnfj25GRoFpf5ru6JgycFQvLly3KV1Sfamqtjfld558WLzP22y0HnpGg97pLg8xvfv3hs/he3M/4CagVKt3oIr0i9tifPjpiIgE8rR8ysVpCTGrlFWa5mRdlWnV62mFnfBW9SCBALSgAlOvzKArStgFAm9IlJgecijLoA2bdvEjKvxdJRj7zniya6tnfYPw0IuBKCiNXZVHcM0jmJv/yXXn7BW9MQfIjBwAA */
@layer tbl--components;
@layer tbl--components {
.tabula_ui_json_view__1remqm60 {
font: var(--tbl--fonts--sans-serif--medium-12--font);
letter-spacing: var(--tbl--fonts--sans-serif--medium-12--letter-spacing);
text-transform: var(--tbl--fonts--sans-serif--medium-12--text-transform);
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 8px;
cursor: pointer;
}
.tabula_ui_json_view__1remqm61 {
display: none;
}
.tabula_ui_json_view__1remqm62 {
width: 20px;
height: 12px;
padding: 1px;
border-radius: 16px;
background-color: var(--tbl--colors--accent-secondary-grey--400);
overflow: hidden;
}
.tabula_ui_json_view__1remqm61:hover + .tabula_ui_json_view__1remqm62,
.tabula_ui_json_view__1remqm61:focus + .tabula_ui_json_view__1remqm62 {
background-color: var(--tbl--colors--accent-secondary-grey--600);
}
.tabula_ui_json_view__1remqm61:focus + .tabula_ui_json_view__1remqm62 {
outline-style: solid;
outline-color: var(--tbl--colors--border-control--focus-2);
outline-offset: 0;
}
.tabula_ui_json_view__1remqm61:checked + .tabula_ui_json_view__1remqm62 {
background-color: var(--tbl--colors--fill-control--accent-secondary);
}
.tabula_ui_json_view__1remqm63 {
background-color: var(--tbl--colors--background--primary-content);
border-radius: 50%;
box-shadow:
0 1px 4px var(--tbl--colors--shadow--8),
0 1px 2px var(--tbl--colors--shadow--8),
0 4px 12px var(--tbl--colors--shadow--16);
transition: var(--tbl--duration--fast--1) var(--tbl--easing--entrance--productive);
width: 10px;
height: 10px;
}
.tabula_ui_json_view__1remqm61:checked + .tabula_ui_json_view__1remqm62 .tabula_ui_json_view__1remqm63 {
transform: translate(calc(100% - 2px), 0);
}
}
/* vanilla-extract-css-ns:src/VirtualView/VirtualView.css.ts.vanilla.css?source=QGxheWVyIHRibC0tY29tcG9uZW50czsKQGxheWVyIHRibC0tY29tcG9uZW50cyB7CiAgLnRhYnVsYV91aV9qc29uX3ZpZXdfX251YjF6azAgewogICAgcG9zaXRpb246IHJlbGF0aXZlOwogIH0KICAudGFidWxhX3VpX2pzb25fdmlld19fbnViMXprMSB7CiAgICB3aWR0aDogMTAwJTsKICAgIGhlaWdodDogMTAwJTsKICB9CiAgLnRhYnVsYV91aV9qc29uX3ZpZXdfX251YjF6azIgewogICAgcG9zaXRpb246IGFic29sdXRlOwogICAgdG9wOiA0cHg7CiAgICByaWdodDogNHB4OwogIH0KfQ== */
@layer tbl--components;
@layer tbl--components {
.tabula_ui_json_view__nub1zk0 {
position: relative;
}
.tabula_ui_json_view__nub1zk1 {
width: 100%;
height: 100%;
}
.tabula_ui_json_view__nub1zk2 {
position: absolute;
top: 4px;
right: 4px;
}
}
/*# sourceMappingURL=index.css.map */