sqliteviz/css/app.ae1be0e9.css

#app,*{font-family:Open-Sans,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}.splitpanes{display:flex;height:100%;position:relative}.splitpanes--vertical{flex-direction:row}.splitpanes--horizontal{flex-direction:column}.splitpanes--dragging *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.splitpanes__pane{width:100%;height:100%;overflow:auto}.splitpanes--vertical.splitpanes--dragging,.splitpanes--vertical>.splitpanes__splitter{cursor:col-resize}.splitpanes--horizontal.splitpanes--dragging,.splitpanes--horizontal>.splitpanes__splitter{cursor:row-resize}.splitpanes__splitter{touch-action:none;background-color:var(--color-bg-light-2);box-sizing:border-box;position:relative;flex-shrink:0;z-index:1}.movable-splitter{position:absolute;background-color:rgba(162,177,198,.5)}.splitpanes--vertical .movable-splitter,.splitpanes--vertical>.splitpanes__splitter{width:3px;z-index:5;height:100%}.splitpanes--horizontal .movable-splitter,.splitpanes--horizontal>.splitpanes__splitter{height:3px;width:100%}.splitpanes__splitter .toggle-btn{background-color:var(--color-bg-light-2);border-radius:var(--border-radius-small);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.splitpanes__splitter .toggle-btn:hover{cursor:pointer}.splitpanes--vertical .toggle-btn{height:68px;width:15px}.splitpanes--horizontal .toggle-btn{width:68px;height:15px}.splitpanes__splitter .toggle-btn .direction-icon{position:absolute;top:50%;left:50%}.column[data-v-38d0b4fd],.table-name[data-v-38d0b4fd]{margin-top:11px}.table-name[data-v-38d0b4fd]:hover{cursor:pointer}.columns[data-v-38d0b4fd]{margin-left:24px}.column-type[data-v-38d0b4fd]{display:inline-block;background-color:var(--color-gray-light-4);border:1px solid var(--color-border);border-radius:var(--border-radius-small);padding:2px 6px;font-size:11px;text-transform:uppercase}input[data-v-519e18b9]{background:var(--color-white);border:1px solid var(--color-border);color:var(--color-text-base);border-radius:var(--border-radius-medium-2);height:36px;padding:0 8px;font-size:13px;box-sizing:border-box}input[data-v-519e18b9]::-moz-placeholder{color:var(--color-text-light-2)}input[data-v-519e18b9]:-ms-input-placeholder{color:var(--color-text-light-2)}input[data-v-519e18b9]::-ms-input-placeholder{color:var(--color-text-light-2)}input[data-v-519e18b9]::placeholder{color:var(--color-text-light-2)}input[data-v-519e18b9]:focus{outline:none}input.error[data-v-519e18b9]{border-color:var(--color-text-error)}.text-field-label[data-v-519e18b9]{font-size:12px;color:var(--color-text-base);padding-left:8px;margin-bottom:2px}.text-field-label.error[data-v-519e18b9]{color:var(--color-text-error)}.text-field-error[data-v-519e18b9]{color:var(--color-text-error);font-size:12px;padding-left:8px;margin-top:2px}.schema[data-v-a0dcf81a]{margin-left:12px}.db-name[data-v-a0dcf81a],.schema[data-v-a0dcf81a]{color:var(--color-text-base);font-size:13px;white-space:nowrap}#db[data-v-a0dcf81a]{display:flex;align-items:center}.db-name[data-v-a0dcf81a]{cursor:pointer}[data-v-a0dcf81a] .chevron-icon{transition:transform .15s ease-in-out}.db-name:hover .chevron-icon path[data-v-a0dcf81a],[data-v-a0dcf81a] .table-name:hover .chevron-icon path{fill:#506784}.db-edit[data-v-a0dcf81a]{position:relative}.db-edit-icon[data-v-a0dcf81a]{display:block}.db-edit-icon:hover path[data-v-a0dcf81a]{fill:var(--color-accent);cursor:pointer}.db-edit-tooltip[data-v-a0dcf81a]{visibility:hidden;background-color:rgba(80,103,132,.75);color:#fff;text-align:center;font-size:11px;padding:0 6px;line-height:19px;position:absolute;z-index:5;height:19px;left:24px;top:-12px;border-radius:var(--border-radius-medium);white-space:nowrap}.db-edit:hover .db-edit-tooltip[data-v-a0dcf81a]{visibility:visible}.paginator-continer[data-v-526c1dd2]{display:flex;align-items:center}[data-v-526c1dd2] .paginator-page-link{padding:2px 3px;margin:0 5px;display:block;color:var(--color-text-base);font-size:11px}[data-v-526c1dd2] .paginator-page-link:hover{color:var(--color-text-active)}[data-v-526c1dd2] .paginator-next:active,[data-v-526c1dd2] .paginator-next:focus,[data-v-526c1dd2] .paginator-next:visited,[data-v-526c1dd2] .paginator-page-link:active,[data-v-526c1dd2] .paginator-page-link:focus,[data-v-526c1dd2] .paginator-page-link:visited,[data-v-526c1dd2] .paginator-prev:active,[data-v-526c1dd2] .paginator-prev:focus,[data-v-526c1dd2] .paginator-prev:visited{outline:none}[data-v-526c1dd2] .paginator-active-page,[data-v-526c1dd2] .paginator-active-page:hover{color:var(--color-accent)}[data-v-526c1dd2] .paginator-break:hover,[data-v-526c1dd2] .paginator-disabled:hover{cursor:default}[data-v-526c1dd2] .paginator-prev svg{transform:rotate(180deg)}[data-v-526c1dd2] .paginator-next:hover path,[data-v-526c1dd2] .paginator-prev:hover path{fill:var(--color-text-active)}[data-v-526c1dd2] .paginator-disabled:hover path,[data-v-526c1dd2] .paginator-disabled path{fill:var(--color-text-light-2)}.codemirror-container[data-v-15ffe15d]{flex-grow:1;min-height:0}[data-v-15ffe15d] .vue-codemirror{height:100%;max-height:100%}[data-v-15ffe15d] .CodeMirror{border:1px solid var(--color-border);border-radius:var(--border-radius-big);height:100%;max-height:100%}.view-switcher[data-v-6204f3ca]{height:28px;display:flex;padding:30px;justify-content:center}.view-switcher div[data-v-6204f3ca]{height:100%;width:136px;box-sizing:border-box;line-height:28px;font-size:12px;cursor:pointer;background:var(--color-white);border:1px solid var(--color-border);color:var(--color-text-base);text-align:center;font-weight:400}.view-switcher div[data-v-6204f3ca]:hover{background-color:var(--color-bg-light);color:var(--color-text-active)}.view-switcher div.active-mode[data-v-6204f3ca]{background:var(--color-accent);border:1px solid var(--color-accent-shade);color:var(--color-text-light);text-shadow:var(--shadow);z-index:1;font-weight:600}.view-switcher div.active-mode[data-v-6204f3ca]:hover{background:var(--color-accent-shade)}.table-mode[data-v-6204f3ca]{border-radius:var(--border-radius-medium) 0 0 var(--border-radius-medium)}.chart-mode[data-v-6204f3ca]{margin-left:-1px;border-radius:0 var(--border-radius-medium) var(--border-radius-medium) 0}.chart-container[data-v-3e9f240b]{height:calc(100% - 89px)}.chart-worning[data-v-3e9f240b]{background-color:var(--color-bg-warning);height:40px;line-height:40px;color:var(--color-text-base);font-size:13px;padding:0 24px}.chart[data-v-3e9f240b]{border-top:1px solid var(--color-border)}[data-v-3e9f240b] .editor_controls .sidebar__item:before{width:0}[data-v-3e9f240b] .sidebar{width:120px;min-width:120px;max-width:120px}[data-v-3e9f240b] .editor_controls .panel__empty,[data-v-3e9f240b] .editor_controls__wrapper>.panel{width:315px}[data-v-3e9f240b] .editor_controls .sidebar__group__title{padding-left:10px}[data-v-3e9f240b] .editor_controls .sidebar__item{padding-left:32px}.tab-content-container[data-v-2e934667]{padding-top:6px;background-color:var(--color-bg-light);border-top:1px solid var(--color-border-light);margin-top:-1px}#bottomPane[data-v-2e934667]{height:100%}.query-results-splitter[data-v-2e934667]{height:calc(100vh - 110px);background-color:var(--color-bg-light)}.run-btn[data-v-2e934667]{margin-top:24px}.query-editor[data-v-2e934667]{padding:52px 52px 24px;display:flex;flex-direction:column;height:100%;max-height:100%;box-sizing:border-box;min-height:190px}.run-btn-container[data-v-2e934667]{text-align:right}.table-view[data-v-2e934667]{margin:0 52px;height:calc(100% - 88px);position:relative}.table-preview[data-v-2e934667]{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);color:var(--color-text-base);font-size:13px}.table-preview.error[data-v-2e934667]{color:var(--color-text-error)}.table-preview.error[data-v-2e934667]:first-letter{text-transform:capitalize}#tabs-container{position:relative;height:100%}#tabs__header{display:flex;margin:0;max-width:100%;overflow:hidden}#tabs__header .tab{height:36px;background-color:var(--color-bg-light);border-right:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light);line-height:36px;font-size:14px;color:var(--color-text-base);padding:0 12px;box-sizing:border-box;position:relative;max-width:200px;display:flex;flex-shrink:1;min-width:0}#tabs__header .tab-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1}#tabs__header div:hover{cursor:pointer}#tabs__header .tab__selected{color:var(--color-text-active);font-weight:600;border-bottom:none}#tabs__header .tab__selected:hover{cursor:default}#tabs__header .tab__selected:before{content:"";position:absolute;width:100%;height:5px;background-color:var(--color-accent);top:0;left:0}.close-icon{margin-left:5px}.close-icon:hover path{fill:var(--color-text-base);cursor:pointer}#start-guide{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-text-base);font-size:14px;text-align:center}.link{color:var(--color-accent);text-decoration:none;cursor:pointer}.schema-tabs-splitter{height:100%;margin-left:6px}.icon[data-v-087ec702]{vertical-align:middle;margin:0 12px 0 6px}.icon:hover path[data-v-087ec702]{fill:var(--color-accent)}.icon[data-v-2e25625e]{vertical-align:middle;margin:0 12px}.icon:hover path[data-v-2e25625e]{fill:var(--color-accent)}.icon[data-v-0a72b34b]{vertical-align:middle;margin:0 12px}.icon:hover path[data-v-0a72b34b]{fill:var(--color-accent)}.icon[data-v-2847acb2]{vertical-align:middle;margin:0 0 0 12px}.icon:hover path[data-v-2847acb2]{fill:var(--color-accent)}.icon[data-v-de501776]{cursor:pointer}.icon:hover path[data-v-de501776]{fill:var(--color-text-active)}.checkbox-container[data-v-53e168e6]{display:inline-block;cursor:pointer}.unchecked[data-v-53e168e6]{width:18px;height:18px;background-color:#fff;border:1px solid var(--color-border);border-radius:var(--border-radius-medium);box-sizing:border-box}.unchecked[data-v-53e168e6]:hover{background-color:var(--color-bg-light)}img[data-v-53e168e6]{display:block}#my-queries-content[data-v-54671868]{padding:52px}#my-queries-toolbar[data-v-54671868]{display:flex;justify-content:space-between;margin-bottom:18px;margin:0 auto 8px;max-width:1500px;width:100%}.rounded-bg[data-v-54671868]{margin:0 auto;max-width:1500px;width:100%}.fixed-header[data-v-54671868]:first-child{display:flex;align-items:center;padding-left:12px}.fixed-header:first-child .name-th[data-v-54671868]{margin-left:24px}table[data-v-54671868]{margin-top:0}tbody tr td[data-v-54671868]{min-width:0;line-height:40px}tbody tr td[data-v-54671868]:first-child{width:70%;max-width:0;padding:0 12px}tbody tr td[data-v-54671868]:last-child{width:30%;max-width:0;padding:0 24px}tbody .cell-data[data-v-54671868]{display:flex;align-items:center;max-width:100%}tbody .cell-data div.name[data-v-54671868]{overflow:hidden;text-overflow:ellipsis;margin-left:24px}tbody tr:hover td[data-v-54671868]{cursor:pointer;color:var(--color-text-active)}.second-column[data-v-54671868]{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:100%}.icons-container[data-v-54671868]{display:none}.date-container[data-v-54671868]{flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis}tbody tr:hover .icons-container[data-v-54671868]{display:block}.dialog input[data-v-54671868]{width:100%}#import-file[data-v-54671868],a[data-v-54671868]{display:none}button.toolbar[data-v-54671868]{margin-right:16px}button label[data-v-54671868]{display:block;line-height:36px}button label[data-v-54671868]:hover{cursor:pointer}#dbloader-container[data-v-3db22939]{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}h1[data-v-3db22939]{color:var(--color-accent)}label[data-v-3db22939]{display:inline-block;border:1px dashed var(--color-border);padding:8px;border-radius:var(--border-radius-big)}#drop-area[data-v-3db22939]{width:628px;height:490px;background-color:var(--color-bg-light-3);border-radius:var(--border-radius-big);color:var(--color-text-base);font-size:13px;padding:200px 144px;text-align:center;box-sizing:border-box}input[data-v-3db22939]{display:none}#skip[data-v-3db22939]{position:absolute;bottom:50px}nav[data-v-16a74772]{height:68px;display:flex;justify-content:space-between;align-items:center;background-color:var(--color-bg-light);border-bottom:1px solid var(--color-border-light);box-sizing:border-box;position:fixed;top:0;left:0;width:100vw;padding:0 52px}a[data-v-16a74772]{font-size:18px;color:var(--color-text-base);text-transform:none;text-decoration:none;margin-right:28px}a.router-link-active[data-v-16a74772]{color:var(--color-accent)}button[data-v-16a74772]{margin-left:16px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent;border-radius:5px}::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:10px}#main-view[data-v-91443d3a]{margin-top:68px;height:calc(100vh - 68px);overflow-y:auto}:root{--color-white:#fff;--color-gray-light:#f3f6fa;--color-gray-light-2:#dfe8f3;--color-gray-light-3:#c8d4e3;--color-gray-light-4:#ebf0f8;--color-gray-light-5:#f8f8f9;--color-gray-medium:#a2b1c6;--color-gray-dark:#506784;--color-blue-medium:#119dff;--color-blue-dark:#0d76bf;--color-blue-dark-2:#2a3f5f;--color-red:#ef553b;--color-yellow:#fbefcb;--color-bg-light:var(--color-gray-light);--color-bg-light-2:var(--color-gray-light-2);--color-bg-light-3:var(--color-gray-light-5);--color-bg-dark:var(--color-gray-dark);--color-bg-warning:var(--color-yellow);--color-accent:var(--color-blue-medium);--color-accent-shade:var(--color-blue-dark);--color-border-light:var(--color-gray-light-2);--color-border:var(--color-gray-light-3);--color-text-light:var(--color-white);--color-text-light-2:var(--color-gray-medium);--color-text-base:var(--color-gray-dark);--color-text-active:var(--color-blue-dark-2);--color-text-error:var(--color-red);--shadow:0 1px 2px rgba(42,63,95,0.7);--border-radius-big:5px;--border-radius-medium:3px;--border-radius-medium-2:4px;--border-radius-small:2px}button{box-sizing:border-box;height:36px;padding:0 12px;font-size:14px;font-weight:600;cursor:pointer}button:focus{outline:none}button.primary{background:var(--color-accent);border:1px solid var(--color-accent-shade);border-radius:var(--border-radius-big);min-width:83px}button.primary,button.primary:hover{color:var(--color-text-light);text-shadow:var(--shadow)}button.primary:hover{background:var(--color-accent-shade);border:1px solid var(--color-accent-shade)}button.primary:disabled{background:var(--color-bg-light-2);border:1px solid var(--color-border);color:var(--color-text-light-2);text-shadow:none;cursor:default}button.secondary{background:#fff;border:1px solid var(--color-border);border-radius:var(--border-radius-big);min-width:83px;color:var(--color-text-base)}button.secondary:hover{border:1px solid var(--color-text-light-2);color:var(--color-text-active)}button.toolbar{background:transparent;border:none;color:var(--color-text-base);padding:0}button.toolbar:hover{color:var(--color-accent)}.rounded-bg{padding:40px 5px 5px;background-color:#fff;border-radius:5px;position:relative;border:1px solid var(--color-border-light);box-sizing:border-box}.header-container{overflow:hidden;position:absolute;top:-1px;left:-1px;width:calc(100% + 2px);padding-left:7px;box-sizing:border-box;background-color:var(--color-bg-dark);border-radius:5px 5px 0 0}.header-container>div{display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-right:10px}.table-container{width:100%;overflow:auto}table{min-width:100%;margin-top:-40px;border-collapse:collapse}.fixed-header,thead th{font-size:14px;font-weight:600;background-color:var(--color-bg-dark);color:var(--color-text-light)}.fixed-header,tbody td,thead th{box-sizing:border-box;border-right:1px solid var(--color-border-light)}tbody td{font-size:13px;background-color:#fff;color:var(--color-text-base);border-bottom:1px solid var(--color-border-light)}.fixed-header,td,th{padding:12px 24px;white-space:nowrap}.header-container div .fixed-header:last-child,tbody tr td:last-child,thead tr th:last-child{border-right:none}td>div.cell-data{width:-webkit-max-content;width:-moz-max-content;width:max-content;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-footer{display:flex;justify-content:space-between;padding:6px 12px}.table-footer-count{font-size:11px;color:var(--color-text-base)}.dialog{border-radius:var(--border-radius-big);box-shadow:0 2px 9px rgba(80,103,132,.8)}.dialog-header{height:46px;line-height:46px;padding:0 22px 0 12px;color:var(--color-text-base);font-size:16px;font-weight:600;display:flex;justify-content:space-between;align-items:center}.dialog-body{min-height:60px;border-top:1px solid var(--color-border-light);color:var(--color-text-base);font-size:13px}.dialog-body,.dialog-buttons-container{background-color:var(--color-bg-light);padding:24px}.dialog-buttons-container{display:flex;justify-content:flex-end}.dialog-buttons-container button{margin-left:16px}.vm--overlay{background-color:rgba(162,177,198,.5)}