@import"https://fonts.googleapis.com/css?family=Roboto&display=swap";/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.excel__header{position:absolute;top:0;right:0;left:0;height:34px;padding:8px 4px 0;display:flex;justify-content:space-between}.excel__header .input{margin:0;padding:2px 7px;min-width:1px;color:#000;border:1px solid transparent;border-radius:2px;height:20px;font-size:18px;line-height:22px;outline:none}.excel__header .input:hover{border:1px solid #c0c0c0}.excel__header .input:focus{border:2px solid #1a73e8}.excel__header .button{height:24px;min-width:24px;padding:3px;text-align:center;position:relative;display:inline-block;color:rgba(0,0,0,.7)}.excel__header .button i{font-size:18px}.excel__header .button:active,.excel__header .button.active{color:red}.excel__header .button:hover{background:#eee;cursor:pointer}.excel__toolbar{position:absolute;left:0;right:0;top:34px;height:40px;border-top:1px solid #c0c0c0;border-bottom:1px solid #c0c0c0;padding:7px 10px;display:flex}.excel__toolbar .button{height:24px;min-width:24px;padding:3px;text-align:center;position:relative;display:inline-block;color:rgba(0,0,0,.7)}.excel__toolbar .button i{font-size:18px}.excel__toolbar .button:active,.excel__toolbar .button.active{color:green}.excel__toolbar .button:hover{background:#eee;cursor:pointer}.excel__formula{position:absolute;left:0;right:0;top:74px;height:24px;display:flex;align-items:center;border-bottom:1px solid #c0c0c0}.excel__formula .info{font-size:18px;font-style:italic;text-align:center;border-right:1px solid #c0c0c0;min-width:40px}.excel__formula .input{padding:4px;font-size:12px;outline:none;width:100%;height:100%;color:#000}.excel__table{position:absolute;left:0;right:0;top:98px;overflow-x:auto;padding-bottom:2px}.excel__table .row{display:flex;flex-direction:row;min-height:20px;height:24px}.excel__table .row-info{position:relative;display:flex;justify-content:center;align-items:center;min-width:40px;height:100%;border:1px solid #c0c0c0;background:#f8f9fa;border-top:none}.excel__table .row-data{display:flex}.excel__table .column{display:flex;position:relative;justify-content:center;align-items:center;background:#f8f9fa;min-width:40px;width:120px;border:1px solid #c0c0c0;border-top:0;border-left:0;height:100%}.excel__table .cell{min-width:40px;padding:5px;width:120px;height:100%;border:1px solid #e2e3e3;border-top:0;border-left:0;color:#111;white-space:nowrap;outline:none}.excel__table .cell.selected{border:none;outline:2px solid #3c74ff;z-index:2}.excel__table .cell.selected-group{background:#e6effd}.excel__table .col-resize,.excel__table .row-resize{position:absolute;bottom:0;right:0;opacity:0;background:#3c74ff;z-index:1000}.excel__table .col-resize:hover,.excel__table .row-resize:hover{opacity:1!important}.excel__table .col-resize{top:0;width:4px}.excel__table .col-resize:hover{cursor:col-resize}.excel__table .row-resize{left:0;height:4px}.excel__table .row-resize:hover{cursor:row-resize}#selectFrame{width:0px;height:0px;line-height:0px;border:1px dotted #5c6a8e;background-color:#6582c9;position:absolute;z-index:100;visibility:hidden;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter:alpha(opacity=40);opacity:.4}.item:hover{border:#183376 1px solid;background:#7f97d4;border-bottom-width:2px;margin-bottom:6px}.itemSelected{border:#183376 1px solid;background:#6582c9;width:100px;height:20px;margin:7px;float:left;text-align:center}.itemSelected:hover{border:#183376 1px solid;background:#7f97d4;border-bottom-width:2px;margin-bottom:6px}.db__header{position:fixed;left:0;right:0;top:0;height:64px;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 2px 5px 2px rgba(60,64,67,.15);z-index:1000}.db__new{margin-top:64px;padding:1.5rem;background:#dadce0}.db__create{width:160px;height:160px;background:#fff;border-radius:4px;border:1px solid #dadce0;display:flex;justify-content:center;align-items:center;font-size:1.5rem;text-decoration:none;color:#000;text-align:center}.db__create:hover{cursor:pointer;color:green;border-color:green}.db__view{max-width:1000px;margin:0 auto}.db__table{padding:1rem}.db__list-header{display:flex;justify-content:space-between;color:#202124;font-weight:500;font-size:16px;margin-bottom:10px;padding:0 12px}.db__list{list-style:none;margin:0;padding:0}.db__record{display:flex;justify-content:space-between;align-items:center;padding:12px 14px 12px 16px;margin-bottom:10px}.db__record:hover{background:#e6f4ea;border-radius:25px}.db__record a{text-decoration:none;cursor:pointer;color:#202124;font-size:14px}.db__record a:hover{text-decoration:underline}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;font-size:12px}.excel{position:relative;color:#888;height:100%;max-width:100%;font-size:.8rem}