@import "https://fonts.googleapis.com/css?display=block&family=Roboto+Mono:400";

/* ../../rust/perspective-viewer/dist/css/pro-dark.css */
perspective-viewer,
perspective-viewer[theme="Pro Dark"] {
  --theme-name:"Pro Dark";
}
perspective-viewer[theme="Pro Dark"] {
  --button--font-size:16px;
  --config-button--padding:15px 8px 6px 8px;
  --column-drop-label--font-size:8px;
  --column-drop-container--padding:0px;
  --column-drop-label--display:inline-block;
  --column-selector--width:20px;
  --column-selector--font-size:16px;
  --column_type--width:25px;
  --select--padding:0px;
  --side-panel--padding:0px 0px 6px 4px;
  --top-panel--padding:0px 0px 12px 0px;
  --top-panel-row--display:inline-flex;
  --button--min-width:110px;
  color: #161616;
  background-color: white;
  --icon--color:#161616;
  --inactive--color:#ABABAB;
  --root--background:#ffffff;
  --active--color:#2670a9;
  --error--color:#ff471e;
  --plugin--background:#ffffff;
  --overflow-hint-icon--color:rgba(0,0,0,0.2);
  --select--background-color:none;
  --column-drop-container--background:none;
  --warning--background:#042121;
  --warning--color:#FDFFFD;
  --overflow-hint-icon--color:#FDFFFD;
  font-family: "Roboto Mono";
  --preload-fonts:"Roboto Mono:400";
  --interface-monospace--font-family:"Roboto Mono";
  --group_by--content:"Group By";
  --split_by--content:"Split By";
  --inactive-column-selector--content:"\e835";
  --active-column-selector--content:"\e834";
  --overflow-hint-icon--content:"!";
  --reset-button-icon--content:"refresh";
  --save-button-icon--content:"save";
  --transpose-button--content:"swap_horiz";
  --config-button-icon--content:"configure";
  --column-add--content:"add";
  --column-menu--content:"menu";
  --column-close--content:"close";
  --d3fc-y1-label--content:"arrow_upward";
  --d3fc-y2-label--content:"arrow_downward";
  --d3fc-treedata-axis--lines:none;
  --d3fc-tooltip--background--color:rgba(155,155,155,0.8);
  --d3fc-tooltip--color:#161616;
  --d3fc-tooltip--border-color:#fff;
  --d3fc-tooltip--box-shadow:0 2px 4px 0 rgb(0 0 0/10%);
  --d3fc-gridline--color:#eaedef;
  --d3fc-axis-ticks--color:#161616;
  --d3fc-axis--lines:#c5c9d0;
  --d3fc-legend--background:rgba(255,255,255,0.8);
  --d3fc-series:rgba(31,119,180,0.8);
  --d3fc-series-1:#0366d6;
  --d3fc-series-2:#ff7f0e;
  --d3fc-series-3:#2ca02c;
  --d3fc-series-4:#d62728;
  --d3fc-series-5:#9467bd;
  --d3fc-series-6:#8c564b;
  --d3fc-series-7:#e377c2;
  --d3fc-series-8:#7f7f7f;
  --d3fc-series-9:#bcbd22;
  --d3fc-series-10:#17becf;
  --d3fc-full--gradient:linear-gradient(#4d342f 0%,#e4521b 22.5%,#feeb65 42.5%,#f0f0f0 50%,#dcedc8 57.5%,#42b3d5 67.5%,#1a237e 100%);
  --d3fc-positive--gradient:linear-gradient(#f0f0f0 0%,#dcedc8 10%,#42b3d5 50%,#1a237e 100%);
  --d3fc-negative--gradient:linear-gradient(#4d342f 0%,#e4521b 50%,#feeb65 90%,#f0f0f0 100%);
  --rt-pos-cell--color:#338dcd;
  --rt-neg-cell--color:#ff471e;
  --column-style-open-button--content:"style";
  --column-style-close-button--content:">\a0style";
  --tree-label-collapse--content:"-";
  --tree-label-expand--content:"+";
  --toolbar-scroll-lock--content:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iNi41IiB5PSI4LjUiIHdpZHRoPSI4IiBoZWlnaHQ9IjciIHN0cm9rZT0iIzA0MjEyMSIvPgo8cGF0aCBkPSJNOCA4VjcuODA3NzZDOCA2LjI1NzA4IDkuMjU3MDggNSAxMC44MDc4IDVIMTAuOTM4NEMxMi4xNSA1IDEzLjIwNjEgNS44MjQ1OSAxMy41IDdWNyIgc3Ryb2tlPSIjMDQyMTIxIi8+CjxwYXRoIGQ9Ik0xMS41IDEyQzExLjUgMTIuNTUyMyAxMS4wNTIzIDEzIDEwLjUgMTNDOS45NDc3MiAxMyA5LjUgMTIuNTUyMyA5LjUgMTJDOS41IDExLjQ0NzcgOS45NDc3MiAxMSAxMC41IDExQzExLjA1MjMgMTEgMTEuNSAxMS40NDc3IDExLjUgMTJaIiBmaWxsPSIjMDQyMTIxIi8+Cjwvc3ZnPgo=);
  --toolbar-scroll-lock-active--content:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iNi41IiB5PSI5LjUiIHdpZHRoPSI4IiBoZWlnaHQ9IjciIHN0cm9rZT0iIzA0MjEyMSIvPgo8cGF0aCBkPSJNMTMgOVY4LjVDMTMgNy4xMTkyOSAxMS44ODA3IDYgMTAuNSA2VjZDOS4xMTkyOSA2IDggNy4xMTkyOSA4IDguNVY5IiBzdHJva2U9IiMwNDIxMjEiLz4KPHBhdGggZD0iTTExLjQ5MTEgMTNDMTEuNDkxMSAxMy41NTIzIDExLjA0MzQgMTQgMTAuNDkxMSAxNEM5LjkzODc4IDE0IDkuNDkxMDcgMTMuNTUyMyA5LjQ5MTA3IDEzQzkuNDkxMDcgMTIuNDQ3NyA5LjkzODc4IDEyIDEwLjQ5MTEgMTJDMTEuMDQzNCAxMiAxMS40OTExIDEyLjQ0NzcgMTEuNDkxMSAxM1oiIGZpbGw9IiMwNDIxMjEiLz4KPGxpbmUgeDE9IjQuNSIgeTE9IjUiIHgyPSI0LjUiIHkyPSIxNyIgc3Ryb2tlPSIjMDQyMTIxIi8+CjxsaW5lIHgxPSIxNi41IiB5MT0iNSIgeDI9IjE2LjUiIHkyPSIxNyIgc3Ryb2tlPSIjMDQyMTIxIi8+Cjwvc3ZnPgo=);
  --toolbar-edit-mode--content:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUgNkwxNC41IDE1LjUiIHN0cm9rZT0iIzA0MjEyMSIvPgo8cGF0aCBkPSJNOSAxMEw1IDE0VjE2SDdMMTEgMTIiIHN0cm9rZT0iIzA0MjEyMSIvPgo8cGF0aCBkPSJNMTMgMTAuNUwxMC41IDhMMTIgNi41TDE0LjUgOUwxMyAxMC41WiIgZmlsbD0iIzA0MjEyMSIvPgo8cGF0aCBkPSJNMTUgOC41TDEyLjUgNkwxMy43OTI5IDQuNzA3MTFDMTQuMTgzNCA0LjMxNjU4IDE0LjgxNjYgNC4zMTY1OCAxNS4yMDcxIDQuNzA3MTFMMTYuMjkyOSA1Ljc5Mjg5QzE2LjY4MzQgNi4xODM0MiAxNi42ODM0IDYuODE2NTggMTYuMjkyOSA3LjIwNzExTDE1IDguNVoiIGZpbGw9IiMwNDIxMjEiLz4KPC9zdmc+Cg==);
  --toolbar-edit-mode-active--content:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUgMTRMMTMuNzkyOSA1LjIwNzExQzE0LjE4MzQgNC44MTY1OCAxNC44MTY2IDQuODE2NTggMTUuMjA3MSA1LjIwNzExTDE1Ljc5MjkgNS43OTI4OUMxNi4xODM0IDYuMTgzNDIgMTYuMTgzNCA2LjgxNjU4IDE1Ljc5MjkgNy4yMDcxMUw3IDE2SDVWMTRaIiBzdHJva2U9IiMwNDIxMjEiLz4KPHBhdGggZD0iTTEzIDEwLjVMMTAuNSA4TDEyIDYuNUwxNC41IDlMMTMgMTAuNVoiIGZpbGw9IiMwNDIxMjEiLz4KPHBhdGggZD0iTTE1IDguNUwxMi41IDZMMTMuNzkyOSA0LjcwNzExQzE0LjE4MzQgNC4zMTY1OCAxNC44MTY2IDQuMzE2NTggMTUuMjA3MSA0LjcwNzExTDE2LjI5MjkgNS43OTI4OUMxNi42ODM0IDYuMTgzNDIgMTYuNjgzNCA2LjgxNjU4IDE2LjI5MjkgNy4yMDcxMUwxNSA4LjVaIiBmaWxsPSIjMDQyMTIxIi8+Cjwvc3ZnPgo=);
}
perspective-viewer[theme="Pro Dark"] regular-table::-webkit-scrollbar-thumb {
  background-color: transparent;
}
perspective-viewer[theme="Pro Dark"] regular-table:hover::-webkit-scrollbar-thumb {
  background-color: #e0e4e9;
}
perspective-viewer[theme="Pro Dark"] {
  --map-tile-url:"http://{a-c}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png";
  --map-element-background:#fff;
  --map-category-1:#0366d6;
  --map-category-2:#ff7f0e;
  --map-category-3:#2ca02c;
  --map-category-4:#d62728;
  --map-category-5:#9467bd;
  --map-category-6:#8c564b;
  --map-category-7:#e377c2;
  --map-category-8:#7f7f7f;
  --map-category-9:#bcbd22;
  --map-category-10:#17becf;
  --map-gradient:linear-gradient(#4d342f 0%,#e4521b 22.5%,#feeb65 42.5%,#f0f0f0 50%,#dcedc8 57.5%,#42b3d5 67.5%,#1a237e 100%);
  background-color: #242526;
  color: white;
  --icon--color:white;
  --active--color:#2770a9;
  --error--color:#ff9485;
  --inactive--color:#4c505b;
  --plugin--background:#242526;
  --modal-target--background:rgba(255,255,255,0.05);
  --select--background-color:#242526;
  --active--background:rgba(39,113,170,0.5);
  --expression--operator-color:#c5c9d0;
  --expression--function-color:#22a0ce;
  --expression--error-color:rgb(255,136,136);
  --calendar--filter:invert(1);
  --warning--color:#242526;
  --warning--background:var(--icon--color);
  --float--column-type--color:#7dc3f0;
  --string--column-type--color:#ff9485;
  --date--column-type--color:@green50;
  --boolean--column-type--color:@orange50;
  --code-editor-symbol--color:white;
  --code-editor-literal--color:#7dc3f0;
  --code-editor-operator--color:rgb(23,166,123);
  --code-editor-comment--color:rgb(204,120,48);
}
perspective-viewer[theme="Pro Dark"] regular-table {
  --rt-pos-cell--color:#7dc3f0;
  --rt-neg-cell--color:#ff9485;
}
perspective-viewer[theme="Pro Dark"] regular-table table {
  color: white;
}
perspective-viewer[theme="Pro Dark"] regular-table table tr:hover {
  color: white;
}
perspective-viewer[theme="Pro Dark"] regular-table table tbody tr td,
perspective-viewer[theme="Pro Dark"] regular-table table tbody tr th {
  --rt-hover--border-color:#61656e;
  border-top-color: #3b3f46;
}
perspective-viewer[theme="Pro Dark"] regular-table:hover::-webkit-scrollbar-thumb {
  background-color: #3b3f46;
}
perspective-viewer[theme="Pro Dark"] tbody th:empty {
  background: linear-gradient(to right, transparent 9px, #3b3f46 10px, transparent 11px);
  background-repeat: no-repeat;
  background-position: 0px -10px;
}
perspective-viewer[theme="Pro Dark"] {
  --d3fc-legend--text:#c5c9d0;
  --d3fc-treedata--labels:white;
  --d3fc-treedata--hover-highlight:white;
  --d3fc-tooltip--color:white;
  --d3fc-axis-ticks--color:#c5c9d0;
  --d3fc-axis--lines:#61656e;
  --d3fc-gridline--color:#3b3f46;
  --d3fc-tooltip--background:rgba(42,44,47,1);
  --d3fc-tooltip--border-color:#242526;
  --d3fc-legend--background:rgba(42,44,47,0.8);
  --d3fc-series:rgb(71,120,194);
  --d3fc-series-1:rgb(71,120,194);
  --d3fc-series-2:rgb(204,120,48);
  --d3fc-series-3:rgb(158,84,192);
  --d3fc-series-4:rgb(51,150,153);
  --d3fc-series-5:rgb(102,114,143);
  --d3fc-series-6:rgb(211,103,189);
  --d3fc-series-7:rgb(109,124,77);
  --d3fc-series-8:rgb(221,99,103);
  --d3fc-series-9:rgb(120,104,206);
  --d3fc-series-10:rgb(23,166,123);
  --d3fc-full--gradient:linear-gradient(#dd6367 0%,#242526 50%,#3289c8 100%);
  --d3fc-positive--gradient:linear-gradient(#242526 0%,#3289c8 100%);
  --d3fc-negative--gradient:linear-gradient(#dd6367 0%,#242526 100%);
  --map-tile-url:"http://{a-c}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}.png";
  --map-attribution--filter:invert(1)hue-rotate(180deg);
  --map-element-background:#212c2f;
  --map-category-1:rgb(71,120,194);
  --map-category-2:rgb(204,120,48);
  --map-category-3:rgb(158,84,192);
  --map-category-4:rgb(51,150,153);
  --map-category-5:rgb(102,114,143);
  --map-category-6:rgb(211,103,189);
  --map-category-7:rgb(109,124,77);
  --map-category-8:rgb(221,99,103);
  --map-category-9:rgb(120,104,206);
  --map-category-10:rgb(23,166,123);
  --map-gradient:linear-gradient(#dd6367 0%,#242526 50%,#3289c8 100%);
}
perspective-copy-menu[theme="Pro Dark"],
perspective-export-menu[theme="Pro Dark"],
perspective-filter-dropdown[theme="Pro Dark"],
perspective-date-column-style[theme="Pro Dark"],
perspective-datetime-column-style[theme="Pro Dark"],
perspective-number-column-style[theme="Pro Dark"],
perspective-string-column-style[theme="Pro Dark"],
perspective-expression-editor[theme="Pro Dark"] {
  font-family: "Roboto Mono";
  background-color: white;
  border: 1px solid var(--inactive--color);
  border-radius: 2px;
  --column-style-pos-color--content:"+";
  --column-style-neg-color--content:"-";
  --save-button-icon--content:"save";
  --reset-button-icon--content:"refresh";
  font-family: "Roboto Mono";
  --preload-fonts:"Roboto Mono:400";
  --interface-monospace--font-family:"Roboto Mono";
  color: #161616;
  background-color: white;
  --icon--color:#161616;
  --inactive--color:#ABABAB;
  --root--background:#ffffff;
  --active--color:#2670a9;
  --error--color:#ff471e;
  --plugin--background:#ffffff;
  --overflow-hint-icon--color:rgba(0,0,0,0.2);
  --select--background-color:none;
  --column-drop-container--background:none;
  --warning--background:#042121;
  --warning--color:#FDFFFD;
  --overflow-hint-icon--color:#FDFFFD;
  background-color: #242526;
  color: white;
  --icon--color:white;
  --active--color:#2770a9;
  --error--color:#ff9485;
  --inactive--color:#4c505b;
  --plugin--background:#242526;
  --modal-target--background:rgba(255,255,255,0.05);
  --select--background-color:#242526;
  --active--background:rgba(39,113,170,0.5);
  --expression--operator-color:#c5c9d0;
  --expression--function-color:#22a0ce;
  --expression--error-color:rgb(255,136,136);
  --calendar--filter:invert(1);
  --warning--color:#242526;
  --warning--background:var(--icon--color);
  --float--column-type--color:#7dc3f0;
  --string--column-type--color:#ff9485;
  --date--column-type--color:@green50;
  --boolean--column-type--color:@orange50;
  --code-editor-symbol--color:white;
  --code-editor-literal--color:#7dc3f0;
  --code-editor-operator--color:rgb(23,166,123);
  --code-editor-comment--color:rgb(204,120,48);
  background-color: #242526;
  border: 1px solid#4c505b;
}

/* src/index.css */
body {
    background: #242526;
    color: white;
    font-family: "Roboto Mono";
}

perspective-viewer {
    position: absolute;
    top: 48px;
    left: 0;
    right: 0;
    bottom: 0;
    border-top: 1px solid #666;
}

label {
    height: 32px;
    font-size: 12px;
    padding: 6px 0px;
    margin-right: 4px;
    margin-left: 14px;
}

img {
    vertical-align: middle;
    margin-left: 14px;
}

select, button {
    font-family: "Roboto Mono";
    font-size: 12px;
    appearance: none;
    background-color: transparent;
    border: 1px solid #666;
    border-radius: 2px;
    padding: 6px 10px;
    color: #f4f5f6;
    cursor: pointer;
    margin-right: 4px;
    margin-left: 4px;
    outline: none;
    user-select: none;
    height: 32px;
}

select:hover, button:hover {
    color: #242526;
    background-color: #f4f5f6;
    border-color: #f4f5f6;
}