@finos/perspective-viewer/dist/umd/themes.css.map

The `<perspective-viewer>` Custom Element, frontend for Perspective.js

{
  "version": 3,
  "sources": ["../../src/themes/themes.less"],
  "sourcesContent": ["/******************************************************************************\n *\n * Copyright (c) 2017, the Perspective Authors.\n *\n * This file is part of the Perspective library, distributed under the terms of\n * the Apache License 2.0.  The full license can be found in the LICENSE file.\n *\n */\n/******************************************************************************\n *\n * Copyright (c) 2017, the Perspective Authors.\n *\n * This file is part of the Perspective library, distributed under the terms of\n * the Apache License 2.0.  The full license can be found in the LICENSE file.\n *\n */\n@import url(\"https://fonts.googleapis.com/css?family=Roboto+Mono:200,400%7CMaterial+Icons%7COpen+Sans:300,400,700\");\n@import url(\"https://unpkg.com/monaco-editor/esm/vs/base/browser/ui/codicons/codicon/codicon.css\");\n/******************************************************************************\n *\n * Copyright (c) 2017, the Perspective Authors.\n *\n * This file is part of the Perspective library, distributed under the terms of\n * the Apache License 2.0.  The full license can be found in the LICENSE file.\n *\n */\n@import url(\"https://fonts.googleapis.com/css?family=Roboto+Mono:200,400%7CMaterial+Icons+Outlined%7COpen+Sans:300,400,700\");\nperspective-viewer,\nperspective-viewer[theme=\"Material Light\"] {\n  --theme-name: \"Material Light\";\n}\nperspective-viewer[theme=\"Material Light\"],\n.perspective-viewer-material {\n  --button--font-size: 16px;\n  --config-button--padding: 15px 8px 6px 8px;\n  --column-drop-label--font-size: 8px;\n  --column-drop-container--padding: 0px;\n  --column-drop-label--display: inline-block;\n  --column-selector--width: 24px;\n  --column-selector--font-size: 16px;\n  --column_type--width: 25px;\n  --select--padding: 0px;\n  --side-panel--padding: 12px 0px 6px 8px;\n  --top-panel--padding: 0px 0px 12px 0px;\n  --top-panel-row--display: inline-flex;\n  color: #161616;\n  background-color: #f2f4f6;\n  --active--color: #2670a9;\n  --error--color: #ff471e;\n  --plugin--background: #ffffff;\n  --overflow-hint-icon--color: rgba(0, 0, 0, 0.2);\n  --select--background-color: none;\n  --column-drop-container--background: none;\n  --float--column-type--color: #2670a9;\n  --string--column-type--color: #e32b16;\n  --date--column-type--color: #24874b;\n  --boolean--column-type--color: #ea7319;\n  font-family: \"Open Sans\";\n  --preload-fonts: \"Roboto Mono:200;Open Sans:300,400;Material Icons:400\";\n  --interface-monospace--font-family: \"Roboto Mono\";\n  --button--font-family: \"Material Icons\";\n  --group_by--content: \"Group By\";\n  --split_by--content: \"Split By\";\n  --inactive-column-selector--content: \"\\E835\";\n  --active-column-selector--content: \"\\E834\";\n  --config-button-icon--content: \"more_vert\";\n  --overflow-hint-icon--content: \"error_outline\";\n  --status-icon--content: \"circle\";\n  --status-bar-counter--content: \"arrow_back\";\n  --reset-button-icon--content: \"refresh\";\n  --export-button-icon--content: \"download\";\n  --copy-button-icon--content: \"content_copy\";\n  --save-button-icon--content: \"save\";\n  --theme-button-icon--content: \"palette\";\n  --transpose-button--content: \"swap_horiz\";\n  --sort-order-asc--content: \"arrow_upward\";\n  --sort-order-desc--content: \"arrow_downward\";\n  --sort-order-none--content: \"remove\";\n  --sort-order-col-asc--content: \"arrow_forward\";\n  --sort-order-col-desc--content: \"arrow_back\";\n  --column-add--content: \"add\";\n  --column-menu--content: \"menu\";\n  --column-close--content: \"close\";\n  --d3fc-y1-label--content: \"arrow_upward\";\n  --d3fc-y2-label--content: \"arrow_downward\";\n  --d3fc-treedata-axis--lines: none;\n  --d3fc-tooltip--background--color: rgba(155, 155, 155, 0.8);\n  --d3fc-tooltip--color: #161616;\n  --d3fc-tooltip--border-color: #fff;\n  --d3fc-tooltip--box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);\n  --d3fc-gridline--color: #eaedef;\n  --d3fc-axis-ticks--color: #161616;\n  --d3fc-axis--lines: #c5c9d0;\n  --d3fc-legend--background: rgba(255, 255, 255, 0.8);\n  --d3fc-series: rgba(31, 119, 180, 0.8);\n  --d3fc-series-1: #0366d6;\n  --d3fc-series-2: #ff7f0e;\n  --d3fc-series-3: #2ca02c;\n  --d3fc-series-4: #d62728;\n  --d3fc-series-5: #9467bd;\n  --d3fc-series-6: #8c564b;\n  --d3fc-series-7: #e377c2;\n  --d3fc-series-8: #7f7f7f;\n  --d3fc-series-9: #bcbd22;\n  --d3fc-series-10: #17becf;\n  --d3fc-full--gradient: linear-gradient(#4d342f 0%, #e4521b 22.5%, #feeb65 42.5%, #f0f0f0 50%, #dcedc8 57.5%, #42b3d5 67.5%, #1a237e 100%);\n  --d3fc-positive--gradient: linear-gradient(#dcedc8 0%, #42b3d5 35%, #1a237e 100%);\n  --d3fc-negative--gradient: linear-gradient(#4d342f 0%, #e4521b 50%, #feeb65 100%);\n  --rt-pos-cell--color: #338dcd;\n  --rt-neg-cell--color: #ff471e;\n  --column-style-open-button--content: \"menu\";\n  --column-style-close-button--content: \"expand_less\";\n  --tree-label-collapse--content: \"remove\";\n  --tree-label-expand--content: \"add\";\n}\nperspective-viewer[theme=\"Material Light\"] regular-table::-webkit-scrollbar-thumb,\n.perspective-viewer-material regular-table::-webkit-scrollbar-thumb {\n  background-color: #e0e4e9;\n}\nperspective-viewer[theme=\"Material Light\"] regular-table,\n.perspective-viewer-material regular-table {\n  mask-image: linear-gradient(black, black), linear-gradient(to top, transparent 10%, black 90%), linear-gradient(to left, transparent 10%, black 90%);\n  -webkit-mask-image: linear-gradient(black, black), linear-gradient(to top, transparent 10%, black 90%), linear-gradient(to left, transparent 10%, black 90%);\n  mask-position: -12px -12px, bottom right, bottom right;\n  -webkit-mask-position: -12px -12px, bottom right, bottom right;\n  mask-size: 100% 100%, 12px 1000%, 1000% 12px;\n  -webkit-mask-size: 100% 100%, 12px 1000%, 1000% 12px;\n  mask-repeat: no-repeat;\n  -webkit-mask-repeat: no-repeat;\n  transition: -webkit-mask-position 0.3s, mask-position 0.3s;\n}\nperspective-viewer[theme=\"Material Light\"] regular-table:hover,\n.perspective-viewer-material regular-table:hover {\n  mask-position: -12px -12px, top right, bottom left;\n  -webkit-mask-position: -12px -12px, top right, bottom left;\n}\nperspective-copy-dropdown[theme=\"Material Light\"],\nperspective-export-dropdown[theme=\"Material Light\"],\nperspective-filter-dropdown[theme=\"Material Light\"],\nperspective-number-column-style[theme=\"Material Light\"],\nperspective-string-column-style[theme=\"Material Light\"],\nperspective-expression-editor[theme=\"Material Light\"],\n.perspective-modal-material {\n  font-family: \"Open Sans\";\n  --preload-fonts: \"Roboto Mono:200;Open Sans:300,400;Material Icons:400\";\n  --interface-monospace--font-family: \"Roboto Mono\";\n  --button--font-family: \"Material Icons\";\n  color: #161616;\n  background-color: #f2f4f6;\n  --active--color: #2670a9;\n  --error--color: #ff471e;\n  --plugin--background: #ffffff;\n  --overflow-hint-icon--color: rgba(0, 0, 0, 0.2);\n  --select--background-color: none;\n  --column-drop-container--background: none;\n  --float--column-type--color: #2670a9;\n  --string--column-type--color: #e32b16;\n  --date--column-type--color: #24874b;\n  --boolean--column-type--color: #ea7319;\n  background-color: white;\n  --column-style-pos-color--content: \"add\";\n  --column-style-neg-color--content: \"remove\";\n  --save-button-icon--content: \"save\";\n  --reset-button-icon--content: \"refresh\";\n  --column-style-radio--appearance: none;\n  --column-style-radio-checked--content: \"radio_button_checked\";\n  --column-style-radio-unchecked--content: \"radio_button_unchecked\";\n  --column-style-checkbox--appearance: none;\n  --column-style-checkbox-checked--content: \"check_box\";\n  --column-style-checkbox-unchecked--content: \"check_box_outline_blank\";\n}\n.perspective-viewer-material--dimensions {\n  --button--font-size: 16px;\n  --config-button--padding: 15px 8px 6px 8px;\n  --column-drop-label--font-size: 8px;\n  --column-drop-container--padding: 0px;\n  --column-drop-label--display: inline-block;\n  --column-selector--width: 24px;\n  --column-selector--font-size: 16px;\n  --column_type--width: 25px;\n  --select--padding: 0px;\n  --side-panel--padding: 12px 0px 6px 8px;\n  --top-panel--padding: 0px 0px 12px 0px;\n  --top-panel-row--display: inline-flex;\n}\n.perspective-viewer-material--colors {\n  color: #161616;\n  background-color: #f2f4f6;\n  --active--color: #2670a9;\n  --error--color: #ff471e;\n  --plugin--background: #ffffff;\n  --overflow-hint-icon--color: rgba(0, 0, 0, 0.2);\n  --select--background-color: none;\n  --column-drop-container--background: none;\n  --float--column-type--color: #2670a9;\n  --string--column-type--color: #e32b16;\n  --date--column-type--color: #24874b;\n  --boolean--column-type--color: #ea7319;\n}\n.perspective-viewer-material--fonts {\n  font-family: \"Open Sans\";\n  --preload-fonts: \"Roboto Mono:200;Open Sans:300,400;Material Icons:400\";\n  --interface-monospace--font-family: \"Roboto Mono\";\n  --button--font-family: \"Material Icons\";\n}\n.perspective-viewer-material--intl {\n  --group_by--content: \"Group By\";\n  --split_by--content: \"Split By\";\n  --inactive-column-selector--content: \"\\E835\";\n  --active-column-selector--content: \"\\E834\";\n  --config-button-icon--content: \"more_vert\";\n  --overflow-hint-icon--content: \"error_outline\";\n  --status-icon--content: \"circle\";\n  --status-bar-counter--content: \"arrow_back\";\n  --reset-button-icon--content: \"refresh\";\n  --export-button-icon--content: \"download\";\n  --copy-button-icon--content: \"content_copy\";\n  --save-button-icon--content: \"save\";\n  --theme-button-icon--content: \"palette\";\n  --transpose-button--content: \"swap_horiz\";\n  --sort-order-asc--content: \"arrow_upward\";\n  --sort-order-desc--content: \"arrow_downward\";\n  --sort-order-none--content: \"remove\";\n  --sort-order-col-asc--content: \"arrow_forward\";\n  --sort-order-col-desc--content: \"arrow_back\";\n  --column-add--content: \"add\";\n  --column-menu--content: \"menu\";\n  --column-close--content: \"close\";\n}\n.perspective-viewer-material--d3fc {\n  --d3fc-y1-label--content: \"arrow_upward\";\n  --d3fc-y2-label--content: \"arrow_downward\";\n  --d3fc-treedata-axis--lines: none;\n  --d3fc-tooltip--background--color: rgba(155, 155, 155, 0.8);\n  --d3fc-tooltip--color: #161616;\n  --d3fc-tooltip--border-color: #fff;\n  --d3fc-tooltip--box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);\n  --d3fc-gridline--color: #eaedef;\n  --d3fc-axis-ticks--color: #161616;\n  --d3fc-axis--lines: #c5c9d0;\n  --d3fc-legend--background: rgba(255, 255, 255, 0.8);\n  --d3fc-series: rgba(31, 119, 180, 0.8);\n  --d3fc-series-1: #0366d6;\n  --d3fc-series-2: #ff7f0e;\n  --d3fc-series-3: #2ca02c;\n  --d3fc-series-4: #d62728;\n  --d3fc-series-5: #9467bd;\n  --d3fc-series-6: #8c564b;\n  --d3fc-series-7: #e377c2;\n  --d3fc-series-8: #7f7f7f;\n  --d3fc-series-9: #bcbd22;\n  --d3fc-series-10: #17becf;\n  --d3fc-full--gradient: linear-gradient(#4d342f 0%, #e4521b 22.5%, #feeb65 42.5%, #f0f0f0 50%, #dcedc8 57.5%, #42b3d5 67.5%, #1a237e 100%);\n  --d3fc-positive--gradient: linear-gradient(#dcedc8 0%, #42b3d5 35%, #1a237e 100%);\n  --d3fc-negative--gradient: linear-gradient(#4d342f 0%, #e4521b 50%, #feeb65 100%);\n}\n.perspective-viewer-material--datagrid {\n  --rt-pos-cell--color: #338dcd;\n  --rt-neg-cell--color: #ff471e;\n  --column-style-open-button--content: \"menu\";\n  --column-style-close-button--content: \"expand_less\";\n  --tree-label-collapse--content: \"remove\";\n  --tree-label-expand--content: \"add\";\n}\n.perspective-viewer-material--datagrid regular-table::-webkit-scrollbar-thumb {\n  background-color: #e0e4e9;\n}\n.perspective-viewer-material--datagrid regular-table {\n  mask-image: linear-gradient(black, black), linear-gradient(to top, transparent 10%, black 90%), linear-gradient(to left, transparent 10%, black 90%);\n  -webkit-mask-image: linear-gradient(black, black), linear-gradient(to top, transparent 10%, black 90%), linear-gradient(to left, transparent 10%, black 90%);\n  mask-position: -12px -12px, bottom right, bottom right;\n  -webkit-mask-position: -12px -12px, bottom right, bottom right;\n  mask-size: 100% 100%, 12px 1000%, 1000% 12px;\n  -webkit-mask-size: 100% 100%, 12px 1000%, 1000% 12px;\n  mask-repeat: no-repeat;\n  -webkit-mask-repeat: no-repeat;\n  transition: -webkit-mask-position 0.3s, mask-position 0.3s;\n}\n.perspective-viewer-material--datagrid regular-table:hover {\n  mask-position: -12px -12px, top right, bottom left;\n  -webkit-mask-position: -12px -12px, top right, bottom left;\n}\n/******************************************************************************\n *\n * Copyright (c) 2017, the Perspective Authors.\n *\n * This file is part of the Perspective library, distributed under the terms of\n * the Apache License 2.0.  The full license can be found in the LICENSE file.\n *\n */\nperspective-viewer,\nperspective-viewer[theme=\"Material Dark\"] {\n  --theme-name: \"Material Dark\";\n}\nperspective-viewer[theme=\"Material Dark\"],\n.perspective-viewer-material-dark {\n  --button--font-size: 16px;\n  --config-button--padding: 15px 8px 6px 8px;\n  --column-drop-label--font-size: 8px;\n  --column-drop-container--padding: 0px;\n  --column-drop-label--display: inline-block;\n  --column-selector--width: 24px;\n  --column-selector--font-size: 16px;\n  --column_type--width: 25px;\n  --select--padding: 0px;\n  --side-panel--padding: 12px 0px 6px 8px;\n  --top-panel--padding: 0px 0px 12px 0px;\n  --top-panel-row--display: inline-flex;\n  color: #161616;\n  background-color: #f2f4f6;\n  --active--color: #2670a9;\n  --error--color: #ff471e;\n  --plugin--background: #ffffff;\n  --overflow-hint-icon--color: rgba(0, 0, 0, 0.2);\n  --select--background-color: none;\n  --column-drop-container--background: none;\n  --float--column-type--color: #2670a9;\n  --string--column-type--color: #e32b16;\n  --date--column-type--color: #24874b;\n  --boolean--column-type--color: #ea7319;\n  font-family: \"Open Sans\";\n  --preload-fonts: \"Roboto Mono:200;Open Sans:300,400;Material Icons:400\";\n  --interface-monospace--font-family: \"Roboto Mono\";\n  --button--font-family: \"Material Icons\";\n  --group_by--content: \"Group By\";\n  --split_by--content: \"Split By\";\n  --inactive-column-selector--content: \"\\E835\";\n  --active-column-selector--content: \"\\E834\";\n  --config-button-icon--content: \"more_vert\";\n  --overflow-hint-icon--content: \"error_outline\";\n  --status-icon--content: \"circle\";\n  --status-bar-counter--content: \"arrow_back\";\n  --reset-button-icon--content: \"refresh\";\n  --export-button-icon--content: \"download\";\n  --copy-button-icon--content: \"content_copy\";\n  --save-button-icon--content: \"save\";\n  --theme-button-icon--content: \"palette\";\n  --transpose-button--content: \"swap_horiz\";\n  --sort-order-asc--content: \"arrow_upward\";\n  --sort-order-desc--content: \"arrow_downward\";\n  --sort-order-none--content: \"remove\";\n  --sort-order-col-asc--content: \"arrow_forward\";\n  --sort-order-col-desc--content: \"arrow_back\";\n  --column-add--content: \"add\";\n  --column-menu--content: \"menu\";\n  --column-close--content: \"close\";\n  --d3fc-y1-label--content: \"arrow_upward\";\n  --d3fc-y2-label--content: \"arrow_downward\";\n  --d3fc-treedata-axis--lines: none;\n  --d3fc-tooltip--background--color: rgba(155, 155, 155, 0.8);\n  --d3fc-tooltip--color: #161616;\n  --d3fc-tooltip--border-color: #fff;\n  --d3fc-tooltip--box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);\n  --d3fc-gridline--color: #eaedef;\n  --d3fc-axis-ticks--color: #161616;\n  --d3fc-axis--lines: #c5c9d0;\n  --d3fc-legend--background: rgba(255, 255, 255, 0.8);\n  --d3fc-series: rgba(31, 119, 180, 0.8);\n  --d3fc-series-1: #0366d6;\n  --d3fc-series-2: #ff7f0e;\n  --d3fc-series-3: #2ca02c;\n  --d3fc-series-4: #d62728;\n  --d3fc-series-5: #9467bd;\n  --d3fc-series-6: #8c564b;\n  --d3fc-series-7: #e377c2;\n  --d3fc-series-8: #7f7f7f;\n  --d3fc-series-9: #bcbd22;\n  --d3fc-series-10: #17becf;\n  --d3fc-full--gradient: linear-gradient(#4d342f 0%, #e4521b 22.5%, #feeb65 42.5%, #f0f0f0 50%, #dcedc8 57.5%, #42b3d5 67.5%, #1a237e 100%);\n  --d3fc-positive--gradient: linear-gradient(#dcedc8 0%, #42b3d5 35%, #1a237e 100%);\n  --d3fc-negative--gradient: linear-gradient(#4d342f 0%, #e4521b 50%, #feeb65 100%);\n  --rt-pos-cell--color: #338dcd;\n  --rt-neg-cell--color: #ff471e;\n  --column-style-open-button--content: \"menu\";\n  --column-style-close-button--content: \"expand_less\";\n  --tree-label-collapse--content: \"remove\";\n  --tree-label-expand--content: \"add\";\n  background-color: #242526;\n  color: white;\n  --monaco-theme: vs-dark;\n  --active--color: #2770a9;\n  --error--color: #ff9485;\n  --inactive--color: #4c505b;\n  --plugin--background: #2a2c2f;\n  --modal-target--background: rgba(255, 255, 255, 0.05);\n  --select--background-color: #242526;\n  --active--background: rgba(39, 113, 170, 0.5);\n  --expression--operator-color: #c5c9d0;\n  --expression--function-color: #22a0ce;\n  --expression--error-color: #ff8888;\n  --calendar--filter: invert(1);\n  --warning--color: #333;\n  --float--column-type--color: #7dc3f0;\n  --string--column-type--color: #ff9485;\n  --date--column-type--color: #70c77f;\n  --boolean--column-type--color: #fec55e;\n  --d3fc-legend--text: #c5c9d0;\n  --d3fc-treedata--labels: white;\n  --d3fc-treedata--hover-highlight: white;\n  --d3fc-tooltip--color: white;\n  --d3fc-axis-ticks--color: #c5c9d0;\n  --d3fc-axis--lines: #61656e;\n  --d3fc-gridline--color: #3b3f46;\n  --d3fc-tooltip--background: #2a2c2f;\n  --d3fc-tooltip--border-color: #242526;\n  --d3fc-legend--background: rgba(42, 44, 47, 0.8);\n  --d3fc-series: #4778c2;\n  --d3fc-series-1: #4778c2;\n  --d3fc-series-2: #cc7830;\n  --d3fc-series-3: #9e54c0;\n  --d3fc-series-4: #339699;\n  --d3fc-series-5: #66728f;\n  --d3fc-series-6: #d367bd;\n  --d3fc-series-7: #6d7c4d;\n  --d3fc-series-8: #dd6367;\n  --d3fc-series-9: #7868ce;\n  --d3fc-series-10: #17a67b;\n  --d3fc-full--gradient: linear-gradient(#dd6367 0%, #242526 50%, #3289c8 100%);\n  --d3fc-positive--gradient: linear-gradient(#242526 0%, #3289c8 100%);\n  --d3fc-negative--gradient: linear-gradient(#dd6367 0%, #242526 100%);\n}\nperspective-viewer[theme=\"Material Dark\"] regular-table::-webkit-scrollbar-thumb,\n.perspective-viewer-material-dark regular-table::-webkit-scrollbar-thumb {\n  background-color: #e0e4e9;\n}\nperspective-viewer[theme=\"Material Dark\"] regular-table,\n.perspective-viewer-material-dark regular-table {\n  mask-image: linear-gradient(black, black), linear-gradient(to top, transparent 10%, black 90%), linear-gradient(to left, transparent 10%, black 90%);\n  -webkit-mask-image: linear-gradient(black, black), linear-gradient(to top, transparent 10%, black 90%), linear-gradient(to left, transparent 10%, black 90%);\n  mask-position: -12px -12px, bottom right, bottom right;\n  -webkit-mask-position: -12px -12px, bottom right, bottom right;\n  mask-size: 100% 100%, 12px 1000%, 1000% 12px;\n  -webkit-mask-size: 100% 100%, 12px 1000%, 1000% 12px;\n  mask-repeat: no-repeat;\n  -webkit-mask-repeat: no-repeat;\n  transition: -webkit-mask-position 0.3s, mask-position 0.3s;\n}\nperspective-viewer[theme=\"Material Dark\"] regular-table:hover,\n.perspective-viewer-material-dark regular-table:hover {\n  mask-position: -12px -12px, top right, bottom left;\n  -webkit-mask-position: -12px -12px, top right, bottom left;\n}\nperspective-viewer[theme=\"Material Dark\"] regular-table,\n.perspective-viewer-material-dark regular-table {\n  --rt-pos-cell--color: #7dc3f0;\n  --rt-neg-cell--color: #ff9485;\n}\nperspective-viewer[theme=\"Material Dark\"] regular-table table,\n.perspective-viewer-material-dark regular-table table {\n  color: white;\n}\nperspective-viewer[theme=\"Material Dark\"] regular-table table tr:hover,\n.perspective-viewer-material-dark regular-table table tr:hover {\n  color: white;\n}\nperspective-viewer[theme=\"Material Dark\"] regular-table table tbody tr td,\n.perspective-viewer-material-dark regular-table table tbody tr td,\nperspective-viewer[theme=\"Material Dark\"] regular-table table tbody tr th,\n.perspective-viewer-material-dark regular-table table tbody tr th {\n  --rt-hover--border-color: #61656e;\n  border-top-color: #3b3f46;\n}\nperspective-viewer[theme=\"Material Dark\"] regular-table::-webkit-scrollbar-thumb,\n.perspective-viewer-material-dark regular-table::-webkit-scrollbar-thumb {\n  background-color: #3b3f46;\n}\nperspective-viewer[theme=\"Material Dark\"] tbody th:empty,\n.perspective-viewer-material-dark tbody th:empty {\n  background: linear-gradient(to right, transparent 9px, #3b3f46 10px, transparent 11px);\n  background-repeat: no-repeat;\n  background-position: 0px -10px;\n}\nperspective-copy-dropdown[theme=\"Material Dark\"],\nperspective-export-dropdown[theme=\"Material Dark\"],\nperspective-filter-dropdown[theme=\"Material Dark\"],\nperspective-number-column-style[theme=\"Material Dark\"],\nperspective-string-column-style[theme=\"Material Dark\"],\nperspective-expression-editor[theme=\"Material Dark\"],\n.perspective-modal-material-dark {\n  font-family: \"Open Sans\";\n  --preload-fonts: \"Roboto Mono:200;Open Sans:300,400;Material Icons:400\";\n  --interface-monospace--font-family: \"Roboto Mono\";\n  --button--font-family: \"Material Icons\";\n  color: #161616;\n  background-color: #f2f4f6;\n  --active--color: #2670a9;\n  --error--color: #ff471e;\n  --plugin--background: #ffffff;\n  --overflow-hint-icon--color: rgba(0, 0, 0, 0.2);\n  --select--background-color: none;\n  --column-drop-container--background: none;\n  --float--column-type--color: #2670a9;\n  --string--column-type--color: #e32b16;\n  --date--column-type--color: #24874b;\n  --boolean--column-type--color: #ea7319;\n  background-color: white;\n  --column-style-pos-color--content: \"add\";\n  --column-style-neg-color--content: \"remove\";\n  --save-button-icon--content: \"save\";\n  --reset-button-icon--content: \"refresh\";\n  --column-style-radio--appearance: none;\n  --column-style-radio-checked--content: \"radio_button_checked\";\n  --column-style-radio-unchecked--content: \"radio_button_unchecked\";\n  --column-style-checkbox--appearance: none;\n  --column-style-checkbox-checked--content: \"check_box\";\n  --column-style-checkbox-unchecked--content: \"check_box_outline_blank\";\n  background-color: #242526;\n  color: white;\n  --monaco-theme: vs-dark;\n  --active--color: #2770a9;\n  --error--color: #ff9485;\n  --inactive--color: #4c505b;\n  --plugin--background: #2a2c2f;\n  --modal-target--background: rgba(255, 255, 255, 0.05);\n  --select--background-color: #242526;\n  --active--background: rgba(39, 113, 170, 0.5);\n  --expression--operator-color: #c5c9d0;\n  --expression--function-color: #22a0ce;\n  --expression--error-color: #ff8888;\n  --calendar--filter: invert(1);\n  --warning--color: #333;\n  --float--column-type--color: #7dc3f0;\n  --string--column-type--color: #ff9485;\n  --date--column-type--color: #70c77f;\n  --boolean--column-type--color: #fec55e;\n  background-color: #2a2c2f;\n  border: 1px solid #4c505b;\n}\n.perspective-viewer-material-dark--colors {\n  background-color: #242526;\n  color: white;\n  --monaco-theme: vs-dark;\n  --active--color: #2770a9;\n  --error--color: #ff9485;\n  --inactive--color: #4c505b;\n  --plugin--background: #2a2c2f;\n  --modal-target--background: rgba(255, 255, 255, 0.05);\n  --select--background-color: #242526;\n  --active--background: rgba(39, 113, 170, 0.5);\n  --expression--operator-color: #c5c9d0;\n  --expression--function-color: #22a0ce;\n  --expression--error-color: #ff8888;\n  --calendar--filter: invert(1);\n  --warning--color: #333;\n  --float--column-type--color: #7dc3f0;\n  --string--column-type--color: #ff9485;\n  --date--column-type--color: #70c77f;\n  --boolean--column-type--color: #fec55e;\n}\n.perspective-viewer-material-dark--datagrid regular-table {\n  --rt-pos-cell--color: #7dc3f0;\n  --rt-neg-cell--color: #ff9485;\n}\n.perspective-viewer-material-dark--datagrid regular-table table {\n  color: white;\n}\n.perspective-viewer-material-dark--datagrid regular-table table tr:hover {\n  color: white;\n}\n.perspective-viewer-material-dark--datagrid regular-table table tbody tr td,\n.perspective-viewer-material-dark--datagrid regular-table table tbody tr th {\n  --rt-hover--border-color: #61656e;\n  border-top-color: #3b3f46;\n}\n.perspective-viewer-material-dark--datagrid regular-table::-webkit-scrollbar-thumb {\n  background-color: #3b3f46;\n}\n.perspective-viewer-material-dark--datagrid tbody th:empty {\n  background: linear-gradient(to right, transparent 9px, #3b3f46 10px, transparent 11px);\n  background-repeat: no-repeat;\n  background-position: 0px -10px;\n}\n.perspective-viewer-material-dark--d3fc {\n  --d3fc-legend--text: #c5c9d0;\n  --d3fc-treedata--labels: white;\n  --d3fc-treedata--hover-highlight: white;\n  --d3fc-tooltip--color: white;\n  --d3fc-axis-ticks--color: #c5c9d0;\n  --d3fc-axis--lines: #61656e;\n  --d3fc-gridline--color: #3b3f46;\n  --d3fc-tooltip--background: #2a2c2f;\n  --d3fc-tooltip--border-color: #242526;\n  --d3fc-legend--background: rgba(42, 44, 47, 0.8);\n  --d3fc-series: #4778c2;\n  --d3fc-series-1: #4778c2;\n  --d3fc-series-2: #cc7830;\n  --d3fc-series-3: #9e54c0;\n  --d3fc-series-4: #339699;\n  --d3fc-series-5: #66728f;\n  --d3fc-series-6: #d367bd;\n  --d3fc-series-7: #6d7c4d;\n  --d3fc-series-8: #dd6367;\n  --d3fc-series-9: #7868ce;\n  --d3fc-series-10: #17a67b;\n  --d3fc-full--gradient: linear-gradient(#dd6367 0%, #242526 50%, #3289c8 100%);\n  --d3fc-positive--gradient: linear-gradient(#242526 0%, #3289c8 100%);\n  --d3fc-negative--gradient: linear-gradient(#dd6367 0%, #242526 100%);\n}\n/******************************************************************************\n *\n * Copyright (c) 2017, the Perspective Authors.\n *\n * This file is part of the Perspective library, distributed under the terms of\n * the Apache License 2.0.  The full license can be found in the LICENSE file.\n *\n */\nperspective-viewer,\nperspective-viewer[theme=\"Monokai\"] {\n  --theme-name: \"Monokai\";\n}\nperspective-viewer[theme=\"Monokai\"],\n.perspective-viewer-monokai {\n  --button--font-size: 16px;\n  --config-button--padding: 15px 8px 6px 8px;\n  --column-drop-label--font-size: 8px;\n  --column-drop-container--padding: 0px;\n  --column-drop-label--display: inline-block;\n  --column-selector--width: 24px;\n  --column-selector--font-size: 16px;\n  --column_type--width: 25px;\n  --select--padding: 0px;\n  --side-panel--padding: 12px 0px 6px 8px;\n  --top-panel--padding: 0px 0px 12px 0px;\n  --top-panel-row--display: inline-flex;\n  color: #161616;\n  background-color: #f2f4f6;\n  --active--color: #2670a9;\n  --error--color: #ff471e;\n  --plugin--background: #ffffff;\n  --overflow-hint-icon--color: rgba(0, 0, 0, 0.2);\n  --select--background-color: none;\n  --column-drop-container--background: none;\n  --float--column-type--color: #2670a9;\n  --string--column-type--color: #e32b16;\n  --date--column-type--color: #24874b;\n  --boolean--column-type--color: #ea7319;\n  font-family: \"Open Sans\";\n  --preload-fonts: \"Roboto Mono:200;Open Sans:300,400;Material Icons:400\";\n  --interface-monospace--font-family: \"Roboto Mono\";\n  --button--font-family: \"Material Icons\";\n  --group_by--content: \"Group By\";\n  --split_by--content: \"Split By\";\n  --inactive-column-selector--content: \"\\E835\";\n  --active-column-selector--content: \"\\E834\";\n  --config-button-icon--content: \"more_vert\";\n  --overflow-hint-icon--content: \"error_outline\";\n  --status-icon--content: \"circle\";\n  --status-bar-counter--content: \"arrow_back\";\n  --reset-button-icon--content: \"refresh\";\n  --export-button-icon--content: \"download\";\n  --copy-button-icon--content: \"content_copy\";\n  --save-button-icon--content: \"save\";\n  --theme-button-icon--content: \"palette\";\n  --transpose-button--content: \"swap_horiz\";\n  --sort-order-asc--content: \"arrow_upward\";\n  --sort-order-desc--content: \"arrow_downward\";\n  --sort-order-none--content: \"remove\";\n  --sort-order-col-asc--content: \"arrow_forward\";\n  --sort-order-col-desc--content: \"arrow_back\";\n  --column-add--content: \"add\";\n  --column-menu--content: \"menu\";\n  --column-close--content: \"close\";\n  --d3fc-y1-label--content: \"arrow_upward\";\n  --d3fc-y2-label--content: \"arrow_downward\";\n  --d3fc-treedata-axis--lines: none;\n  --d3fc-tooltip--background--color: rgba(155, 155, 155, 0.8);\n  --d3fc-tooltip--color: #161616;\n  --d3fc-tooltip--border-color: #fff;\n  --d3fc-tooltip--box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);\n  --d3fc-gridline--color: #eaedef;\n  --d3fc-axis-ticks--color: #161616;\n  --d3fc-axis--lines: #c5c9d0;\n  --d3fc-legend--background: rgba(255, 255, 255, 0.8);\n  --d3fc-series: rgba(31, 119, 180, 0.8);\n  --d3fc-series-1: #0366d6;\n  --d3fc-series-2: #ff7f0e;\n  --d3fc-series-3: #2ca02c;\n  --d3fc-series-4: #d62728;\n  --d3fc-series-5: #9467bd;\n  --d3fc-series-6: #8c564b;\n  --d3fc-series-7: #e377c2;\n  --d3fc-series-8: #7f7f7f;\n  --d3fc-series-9: #bcbd22;\n  --d3fc-series-10: #17becf;\n  --d3fc-full--gradient: linear-gradient(#4d342f 0%, #e4521b 22.5%, #feeb65 42.5%, #f0f0f0 50%, #dcedc8 57.5%, #42b3d5 67.5%, #1a237e 100%);\n  --d3fc-positive--gradient: linear-gradient(#dcedc8 0%, #42b3d5 35%, #1a237e 100%);\n  --d3fc-negative--gradient: linear-gradient(#4d342f 0%, #e4521b 50%, #feeb65 100%);\n  --rt-pos-cell--color: #338dcd;\n  --rt-neg-cell--color: #ff471e;\n  --column-style-open-button--content: \"menu\";\n  --column-style-close-button--content: \"expand_less\";\n  --tree-label-collapse--content: \"remove\";\n  --tree-label-expand--content: \"add\";\n  background-color: #242526;\n  color: white;\n  --monaco-theme: vs-dark;\n  --active--color: #2770a9;\n  --error--color: #ff9485;\n  --inactive--color: #4c505b;\n  --plugin--background: #2a2c2f;\n  --modal-target--background: rgba(255, 255, 255, 0.05);\n  --select--background-color: #242526;\n  --active--background: rgba(39, 113, 170, 0.5);\n  --expression--operator-color: #c5c9d0;\n  --expression--function-color: #22a0ce;\n  --expression--error-color: #ff8888;\n  --calendar--filter: invert(1);\n  --warning--color: #333;\n  --float--column-type--color: #7dc3f0;\n  --string--column-type--color: #ff9485;\n  --date--column-type--color: #70c77f;\n  --boolean--column-type--color: #fec55e;\n  --d3fc-legend--text: #c5c9d0;\n  --d3fc-treedata--labels: white;\n  --d3fc-treedata--hover-highlight: white;\n  --d3fc-tooltip--color: white;\n  --d3fc-axis-ticks--color: #c5c9d0;\n  --d3fc-axis--lines: #61656e;\n  --d3fc-gridline--color: #3b3f46;\n  --d3fc-tooltip--background: #2a2c2f;\n  --d3fc-tooltip--border-color: #242526;\n  --d3fc-legend--background: rgba(42, 44, 47, 0.8);\n  --d3fc-series: #4778c2;\n  --d3fc-series-1: #4778c2;\n  --d3fc-series-2: #cc7830;\n  --d3fc-series-3: #9e54c0;\n  --d3fc-series-4: #339699;\n  --d3fc-series-5: #66728f;\n  --d3fc-series-6: #d367bd;\n  --d3fc-series-7: #6d7c4d;\n  --d3fc-series-8: #dd6367;\n  --d3fc-series-9: #7868ce;\n  --d3fc-series-10: #17a67b;\n  --d3fc-full--gradient: linear-gradient(#dd6367 0%, #242526 50%, #3289c8 100%);\n  --d3fc-positive--gradient: linear-gradient(#242526 0%, #3289c8 100%);\n  --d3fc-negative--gradient: linear-gradient(#dd6367 0%, #242526 100%);\n  color: #d6d6d6;\n  background: #2d2a2e;\n  --active--color: #78dce8;\n  --error--color: #ff6188;\n  --inactive--color: #797979;\n  --plugin--background: #2d2a2e;\n  --float--column-type--color: #78dce8;\n  --string--column-type--color: #ff6188;\n  --date--column-type--color: #a9dc76;\n  --boolean--column-type--color: #ffd866;\n  --warning--background: #ffd866;\n  --d3fc-treedata--labels: #d6d6d6;\n  --d3fc-treedata--hover-highlight: #2d2a2e;\n  --d3fc-axis-ticks--color: #d6d6d6;\n  --d3fc-gridline--color: #444444;\n  --d3fc-series: #78dce8;\n  --d3fc-series-1: #78dce8;\n  --d3fc-series-2: #ff6188;\n  --d3fc-series-3: #fc9867;\n  --d3fc-series-4: #ffd866;\n  --d3fc-series-5: #a9dc76;\n  --d3fc-series-6: #ab9df2;\n  --d3fc-series-7: #66d9ef;\n  --d3fc-series-8: #f92672;\n  --d3fc-series-9: #fd971f;\n  --d3fc-series-10: #e6db74;\n  --d3fc-series-11: #a6e22e;\n  --d3fc-series-12: #ae81ff;\n  --d3fc-negative--gradient: linear-gradient(#272822 0%, #ff6188 100%);\n  --d3fc-positive--gradient: linear-gradient(#272822 0%, #78dce8 100%);\n  --d3fc-full--gradient: linear-gradient(#ff6188 0%, #272822 50%, #78dce8 100%);\n}\nperspective-viewer[theme=\"Monokai\"] regular-table::-webkit-scrollbar-thumb,\n.perspective-viewer-monokai regular-table::-webkit-scrollbar-thumb {\n  background-color: #e0e4e9;\n}\nperspective-viewer[theme=\"Monokai\"] regular-table,\n.perspective-viewer-monokai regular-table {\n  mask-image: linear-gradient(black, black), linear-gradient(to top, transparent 10%, black 90%), linear-gradient(to left, transparent 10%, black 90%);\n  -webkit-mask-image: linear-gradient(black, black), linear-gradient(to top, transparent 10%, black 90%), linear-gradient(to left, transparent 10%, black 90%);\n  mask-position: -12px -12px, bottom right, bottom right;\n  -webkit-mask-position: -12px -12px, bottom right, bottom right;\n  mask-size: 100% 100%, 12px 1000%, 1000% 12px;\n  -webkit-mask-size: 100% 100%, 12px 1000%, 1000% 12px;\n  mask-repeat: no-repeat;\n  -webkit-mask-repeat: no-repeat;\n  transition: -webkit-mask-position 0.3s, mask-position 0.3s;\n}\nperspective-viewer[theme=\"Monokai\"] regular-table:hover,\n.perspective-viewer-monokai regular-table:hover {\n  mask-position: -12px -12px, top right, bottom left;\n  -webkit-mask-position: -12px -12px, top right, bottom left;\n}\nperspective-viewer[theme=\"Monokai\"] regular-table,\n.perspective-viewer-monokai regular-table {\n  --rt-pos-cell--color: #7dc3f0;\n  --rt-neg-cell--color: #ff9485;\n}\nperspective-viewer[theme=\"Monokai\"] regular-table table,\n.perspective-viewer-monokai regular-table table {\n  color: white;\n}\nperspective-viewer[theme=\"Monokai\"] regular-table table tr:hover,\n.perspective-viewer-monokai regular-table table tr:hover {\n  color: white;\n}\nperspective-viewer[theme=\"Monokai\"] regular-table table tbody tr td,\n.perspective-viewer-monokai regular-table table tbody tr td,\nperspective-viewer[theme=\"Monokai\"] regular-table table tbody tr th,\n.perspective-viewer-monokai regular-table table tbody tr th {\n  --rt-hover--border-color: #61656e;\n  border-top-color: #3b3f46;\n}\nperspective-viewer[theme=\"Monokai\"] regular-table::-webkit-scrollbar-thumb,\n.perspective-viewer-monokai regular-table::-webkit-scrollbar-thumb {\n  background-color: #3b3f46;\n}\nperspective-viewer[theme=\"Monokai\"] tbody th:empty,\n.perspective-viewer-monokai tbody th:empty {\n  background: linear-gradient(to right, transparent 9px, #3b3f46 10px, transparent 11px);\n  background-repeat: no-repeat;\n  background-position: 0px -10px;\n}\nperspective-viewer[theme=\"Monokai\"] regular-table,\n.perspective-viewer-monokai regular-table {\n  --rt-pos-cell--color: #78dce8 !important;\n  --rt-neg-cell--color: #ff6188 !important;\n}\nperspective-viewer[theme=\"Monokai\"] regular-table table tbody tr td,\n.perspective-viewer-monokai regular-table table tbody tr td,\nperspective-viewer[theme=\"Monokai\"] regular-table table tbody tr th,\n.perspective-viewer-monokai regular-table table tbody tr th {\n  border-top-color: #444444;\n}\nperspective-viewer[theme=\"Monokai\"] regular-table table tbody th:empty,\n.perspective-viewer-monokai regular-table table tbody th:empty {\n  background: linear-gradient(to right, transparent 9px, #444444 10px, transparent 11px);\n}\nperspective-copy-dropdown[theme=\"Monokai\"],\nperspective-export-dropdown[theme=\"Monokai\"],\nperspective-filter-dropdown[theme=\"Monokai\"],\nperspective-number-column-style[theme=\"Monokai\"],\nperspective-string-column-style[theme=\"Monokai\"],\nperspective-expression-editor[theme=\"Monokai\"],\n.perspective-modal-monokai {\n  font-family: \"Open Sans\";\n  --preload-fonts: \"Roboto Mono:200;Open Sans:300,400;Material Icons:400\";\n  --interface-monospace--font-family: \"Roboto Mono\";\n  --button--font-family: \"Material Icons\";\n  color: #161616;\n  background-color: #f2f4f6;\n  --active--color: #2670a9;\n  --error--color: #ff471e;\n  --plugin--background: #ffffff;\n  --overflow-hint-icon--color: rgba(0, 0, 0, 0.2);\n  --select--background-color: none;\n  --column-drop-container--background: none;\n  --float--column-type--color: #2670a9;\n  --string--column-type--color: #e32b16;\n  --date--column-type--color: #24874b;\n  --boolean--column-type--color: #ea7319;\n  background-color: white;\n  --column-style-pos-color--content: \"add\";\n  --column-style-neg-color--content: \"remove\";\n  --save-button-icon--content: \"save\";\n  --reset-button-icon--content: \"refresh\";\n  --column-style-radio--appearance: none;\n  --column-style-radio-checked--content: \"radio_button_checked\";\n  --column-style-radio-unchecked--content: \"radio_button_unchecked\";\n  --column-style-checkbox--appearance: none;\n  --column-style-checkbox-checked--content: \"check_box\";\n  --column-style-checkbox-unchecked--content: \"check_box_outline_blank\";\n  background-color: #242526;\n  color: white;\n  --monaco-theme: vs-dark;\n  --active--color: #2770a9;\n  --error--color: #ff9485;\n  --inactive--color: #4c505b;\n  --plugin--background: #2a2c2f;\n  --modal-target--background: rgba(255, 255, 255, 0.05);\n  --select--background-color: #242526;\n  --active--background: rgba(39, 113, 170, 0.5);\n  --expression--operator-color: #c5c9d0;\n  --expression--function-color: #22a0ce;\n  --expression--error-color: #ff8888;\n  --calendar--filter: invert(1);\n  --warning--color: #333;\n  --float--column-type--color: #7dc3f0;\n  --string--column-type--color: #ff9485;\n  --date--column-type--color: #70c77f;\n  --boolean--column-type--color: #fec55e;\n  background-color: #2a2c2f;\n  border: 1px solid #4c505b;\n  color: #d6d6d6;\n  background: #2d2a2e;\n  --active--color: #78dce8;\n  --error--color: #ff6188;\n  --inactive--color: #797979;\n  --plugin--background: #2d2a2e;\n  --float--column-type--color: #78dce8;\n  --string--column-type--color: #ff6188;\n  --date--column-type--color: #a9dc76;\n  --boolean--column-type--color: #ffd866;\n  --warning--background: #ffd866;\n  background-color: #2d2a2e;\n  border: 1px solid #797979;\n}\n.perspective-viewer-monokai--colors {\n  color: #d6d6d6;\n  background: #2d2a2e;\n  --active--color: #78dce8;\n  --error--color: #ff6188;\n  --inactive--color: #797979;\n  --plugin--background: #2d2a2e;\n  --float--column-type--color: #78dce8;\n  --string--column-type--color: #ff6188;\n  --date--column-type--color: #a9dc76;\n  --boolean--column-type--color: #ffd866;\n  --warning--background: #ffd866;\n}\n.perspective-viewer-monokai--datagrid regular-table {\n  --rt-pos-cell--color: #78dce8 !important;\n  --rt-neg-cell--color: #ff6188 !important;\n}\n.perspective-viewer-monokai--datagrid regular-table table tbody tr td,\n.perspective-viewer-monokai--datagrid regular-table table tbody tr th {\n  border-top-color: #444444;\n}\n.perspective-viewer-monokai--datagrid regular-table table tbody th:empty {\n  background: linear-gradient(to right, transparent 9px, #444444 10px, transparent 11px);\n}\n.perspective-viewer-monokai--d3fc {\n  --d3fc-treedata--labels: #d6d6d6;\n  --d3fc-treedata--hover-highlight: #2d2a2e;\n  --d3fc-axis-ticks--color: #d6d6d6;\n  --d3fc-gridline--color: #444444;\n  --d3fc-series: #78dce8;\n  --d3fc-series-1: #78dce8;\n  --d3fc-series-2: #ff6188;\n  --d3fc-series-3: #fc9867;\n  --d3fc-series-4: #ffd866;\n  --d3fc-series-5: #a9dc76;\n  --d3fc-series-6: #ab9df2;\n  --d3fc-series-7: #66d9ef;\n  --d3fc-series-8: #f92672;\n  --d3fc-series-9: #fd971f;\n  --d3fc-series-10: #e6db74;\n  --d3fc-series-11: #a6e22e;\n  --d3fc-series-12: #ae81ff;\n  --d3fc-negative--gradient: linear-gradient(#272822 0%, #ff6188 100%);\n  --d3fc-positive--gradient: linear-gradient(#272822 0%, #78dce8 100%);\n  --d3fc-full--gradient: linear-gradient(#ff6188 0%, #272822 50%, #78dce8 100%);\n}\n/******************************************************************************\n *\n * Copyright (c) 2017, the Perspective Authors.\n *\n * This file is part of the Perspective library, distributed under the terms of\n * the Apache License 2.0.  The full license can be found in the LICENSE file.\n *\n */\nperspective-viewer,\nperspective-viewer[theme=\"Solarized\"] {\n  --theme-name: \"Solarized\";\n}\nperspective-viewer[theme=\"Solarized\"],\n.perspective-viewer-solarized {\n  --button--font-size: 16px;\n  --config-button--padding: 15px 8px 6px 8px;\n  --column-drop-label--font-size: 8px;\n  --column-drop-container--padding: 0px;\n  --column-drop-label--display: inline-block;\n  --column-selector--width: 24px;\n  --column-selector--font-size: 16px;\n  --column_type--width: 25px;\n  --select--padding: 0px;\n  --side-panel--padding: 12px 0px 6px 8px;\n  --top-panel--padding: 0px 0px 12px 0px;\n  --top-panel-row--display: inline-flex;\n  color: #161616;\n  background-color: #f2f4f6;\n  --active--color: #2670a9;\n  --error--color: #ff471e;\n  --plugin--background: #ffffff;\n  --overflow-hint-icon--color: rgba(0, 0, 0, 0.2);\n  --select--background-color: none;\n  --column-drop-container--background: none;\n  --float--column-type--color: #2670a9;\n  --string--column-type--color: #e32b16;\n  --date--column-type--color: #24874b;\n  --boolean--column-type--color: #ea7319;\n  font-family: \"Open Sans\";\n  --preload-fonts: \"Roboto Mono:200;Open Sans:300,400;Material Icons:400\";\n  --interface-monospace--font-family: \"Roboto Mono\";\n  --button--font-family: \"Material Icons\";\n  --group_by--content: \"Group By\";\n  --split_by--content: \"Split By\";\n  --inactive-column-selector--content: \"\\E835\";\n  --active-column-selector--content: \"\\E834\";\n  --config-button-icon--content: \"more_vert\";\n  --overflow-hint-icon--content: \"error_outline\";\n  --status-icon--content: \"circle\";\n  --status-bar-counter--content: \"arrow_back\";\n  --reset-button-icon--content: \"refresh\";\n  --export-button-icon--content: \"download\";\n  --copy-button-icon--content: \"content_copy\";\n  --save-button-icon--content: \"save\";\n  --theme-button-icon--content: \"palette\";\n  --transpose-button--content: \"swap_horiz\";\n  --sort-order-asc--content: \"arrow_upward\";\n  --sort-order-desc--content: \"arrow_downward\";\n  --sort-order-none--content: \"remove\";\n  --sort-order-col-asc--content: \"arrow_forward\";\n  --sort-order-col-desc--content: \"arrow_back\";\n  --column-add--content: \"add\";\n  --column-menu--content: \"menu\";\n  --column-close--content: \"close\";\n  --d3fc-y1-label--content: \"arrow_upward\";\n  --d3fc-y2-label--content: \"arrow_downward\";\n  --d3fc-treedata-axis--lines: none;\n  --d3fc-tooltip--background--color: rgba(155, 155, 155, 0.8);\n  --d3fc-tooltip--color: #161616;\n  --d3fc-tooltip--border-color: #fff;\n  --d3fc-tooltip--box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);\n  --d3fc-gridline--color: #eaedef;\n  --d3fc-axis-ticks--color: #161616;\n  --d3fc-axis--lines: #c5c9d0;\n  --d3fc-legend--background: rgba(255, 255, 255, 0.8);\n  --d3fc-series: rgba(31, 119, 180, 0.8);\n  --d3fc-series-1: #0366d6;\n  --d3fc-series-2: #ff7f0e;\n  --d3fc-series-3: #2ca02c;\n  --d3fc-series-4: #d62728;\n  --d3fc-series-5: #9467bd;\n  --d3fc-series-6: #8c564b;\n  --d3fc-series-7: #e377c2;\n  --d3fc-series-8: #7f7f7f;\n  --d3fc-series-9: #bcbd22;\n  --d3fc-series-10: #17becf;\n  --d3fc-full--gradient: linear-gradient(#4d342f 0%, #e4521b 22.5%, #feeb65 42.5%, #f0f0f0 50%, #dcedc8 57.5%, #42b3d5 67.5%, #1a237e 100%);\n  --d3fc-positive--gradient: linear-gradient(#dcedc8 0%, #42b3d5 35%, #1a237e 100%);\n  --d3fc-negative--gradient: linear-gradient(#4d342f 0%, #e4521b 50%, #feeb65 100%);\n  --rt-pos-cell--color: #338dcd;\n  --rt-neg-cell--color: #ff471e;\n  --column-style-open-button--content: \"menu\";\n  --column-style-close-button--content: \"expand_less\";\n  --tree-label-collapse--content: \"remove\";\n  --tree-label-expand--content: \"add\";\n  color: #586e75;\n  background: #eee8d5;\n  --active--color: #268bd2;\n  --error--color: #cb4b16;\n  --inactive--color: #93a1a1;\n  --plugin--background: #fdf6e3;\n  --float--column-type--color: #268bd2;\n  --string--column-type--color: #cb4b16;\n  --date--column-type--color: #2aa198;\n  --boolean--column-type--color: #b58900;\n  --d3fc-treedata--labels: black;\n  --d3fc-treedata--hover-highlight: black;\n  --d3fc-axis-ticks--color: #586e75;\n  --d3fc-gridline--color: #eee8d5;\n  --d3fc-series: #268bd2;\n  --d3fc-series-1: #268bd2;\n  --d3fc-series-2: #cb4b16;\n  --d3fc-series-3: #b58900;\n  --d3fc-series-4: #859900;\n  --d3fc-series-5: #2aa198;\n  --d3fc-series-6: #6c71c4;\n  --d3fc-series-7: #d33682;\n  --d3fc-positive--gradient: linear-gradient(#268bd2 0%, #2aa198, #859900, #b58900, #cb4b16, #dc322f, #d33682 100%);\n}\nperspective-viewer[theme=\"Solarized\"] regular-table::-webkit-scrollbar-thumb,\n.perspective-viewer-solarized regular-table::-webkit-scrollbar-thumb {\n  background-color: #e0e4e9;\n}\nperspective-viewer[theme=\"Solarized\"] regular-table,\n.perspective-viewer-solarized regular-table {\n  mask-image: linear-gradient(black, black), linear-gradient(to top, transparent 10%, black 90%), linear-gradient(to left, transparent 10%, black 90%);\n  -webkit-mask-image: linear-gradient(black, black), linear-gradient(to top, transparent 10%, black 90%), linear-gradient(to left, transparent 10%, black 90%);\n  mask-position: -12px -12px, bottom right, bottom right;\n  -webkit-mask-position: -12px -12px, bottom right, bottom right;\n  mask-size: 100% 100%, 12px 1000%, 1000% 12px;\n  -webkit-mask-size: 100% 100%, 12px 1000%, 1000% 12px;\n  mask-repeat: no-repeat;\n  -webkit-mask-repeat: no-repeat;\n  transition: -webkit-mask-position 0.3s, mask-position 0.3s;\n}\nperspective-viewer[theme=\"Solarized\"] regular-table:hover,\n.perspective-viewer-solarized regular-table:hover {\n  mask-position: -12px -12px, top right, bottom left;\n  -webkit-mask-position: -12px -12px, top right, bottom left;\n}\nperspective-viewer[theme=\"Solarized\"] regular-table,\n.perspective-viewer-solarized regular-table {\n  --rt-pos-cell--color: #268bd2 !important;\n  --rt-neg-cell--color: #cb4b16 !important;\n}\nperspective-viewer[theme=\"Solarized\"] regular-table table,\n.perspective-viewer-solarized regular-table table {\n  color: #586e75;\n}\nperspective-viewer[theme=\"Solarized\"] regular-table table tbody tr td,\n.perspective-viewer-solarized regular-table table tbody tr td,\nperspective-viewer[theme=\"Solarized\"] regular-table table tbody tr th,\n.perspective-viewer-solarized regular-table table tbody tr th {\n  border-top-color: #93a1a1;\n}\nperspective-viewer[theme=\"Solarized\"] regular-table table tbody th:empty,\n.perspective-viewer-solarized regular-table table tbody th:empty {\n  background: linear-gradient(to right, transparent 9px, #93a1a1 10px, transparent 11px);\n}\nperspective-copy-dropdown[theme=\"Solarized\"],\nperspective-export-dropdown[theme=\"Solarized\"],\nperspective-filter-dropdown[theme=\"Solarized\"],\nperspective-number-column-style[theme=\"Solarized\"],\nperspective-string-column-style[theme=\"Solarized\"],\nperspective-expression-editor[theme=\"Solarized\"],\n.perspective-modal-solarized {\n  font-family: \"Open Sans\";\n  --preload-fonts: \"Roboto Mono:200;Open Sans:300,400;Material Icons:400\";\n  --interface-monospace--font-family: \"Roboto Mono\";\n  --button--font-family: \"Material Icons\";\n  color: #161616;\n  background-color: #f2f4f6;\n  --active--color: #2670a9;\n  --error--color: #ff471e;\n  --plugin--background: #ffffff;\n  --overflow-hint-icon--color: rgba(0, 0, 0, 0.2);\n  --select--background-color: none;\n  --column-drop-container--background: none;\n  --float--column-type--color: #2670a9;\n  --string--column-type--color: #e32b16;\n  --date--column-type--color: #24874b;\n  --boolean--column-type--color: #ea7319;\n  background-color: white;\n  --column-style-pos-color--content: \"add\";\n  --column-style-neg-color--content: \"remove\";\n  --save-button-icon--content: \"save\";\n  --reset-button-icon--content: \"refresh\";\n  --column-style-radio--appearance: none;\n  --column-style-radio-checked--content: \"radio_button_checked\";\n  --column-style-radio-unchecked--content: \"radio_button_unchecked\";\n  --column-style-checkbox--appearance: none;\n  --column-style-checkbox-checked--content: \"check_box\";\n  --column-style-checkbox-unchecked--content: \"check_box_outline_blank\";\n  color: #586e75;\n  background: #eee8d5;\n  --active--color: #268bd2;\n  --error--color: #cb4b16;\n  --inactive--color: #93a1a1;\n  --plugin--background: #fdf6e3;\n  --float--column-type--color: #268bd2;\n  --string--column-type--color: #cb4b16;\n  --date--column-type--color: #2aa198;\n  --boolean--column-type--color: #b58900;\n  background-color: #fdf6e3;\n}\n.perspective-viewer-solarized--colors {\n  color: #586e75;\n  background: #eee8d5;\n  --active--color: #268bd2;\n  --error--color: #cb4b16;\n  --inactive--color: #93a1a1;\n  --plugin--background: #fdf6e3;\n  --float--column-type--color: #268bd2;\n  --string--column-type--color: #cb4b16;\n  --date--column-type--color: #2aa198;\n  --boolean--column-type--color: #b58900;\n}\n.perspective-viewer-solarized--datagrid regular-table {\n  --rt-pos-cell--color: #268bd2 !important;\n  --rt-neg-cell--color: #cb4b16 !important;\n}\n.perspective-viewer-solarized--datagrid regular-table table {\n  color: #586e75;\n}\n.perspective-viewer-solarized--datagrid regular-table table tbody tr td,\n.perspective-viewer-solarized--datagrid regular-table table tbody tr th {\n  border-top-color: #93a1a1;\n}\n.perspective-viewer-solarized--datagrid regular-table table