*,*:before,*:after{box-sizing:border-box}:root{font:15px/1.3 system-ui,Helvetica,sans-serif}body{margin:15px;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;-moz-osx-font-smoothing:grayscale}button{margin:10px;padding:6px 15px}.ft-view{overflow-x:scroll;overflow-y:hidden;position:relative;scrollbar-width:none}.ft-view::-webkit-scrollbar{width:0;height:0}.ft-head{font-size:0}.ft-th{display:inline-block;position:relative;font-size:1rem;user-select:none;cursor:pointer}.ft-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ft-resize-handle{position:absolute;top:0;right:-2px;width:5px;height:100%;cursor:col-resize;z-index:5}.ft-resize-bar{display:none;position:absolute;top:0}.ft-resize-bar.on{display:block}.ft-body{overflow-x:hidden;overflow-y:scroll}.ft-body>table{table-layout:fixed;border-collapse:collapse}.ft-row>td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ft-view{border:1px solid #ccc;border-radius:5px;width:50vw;height:50vh}.ft-head{border-bottom:1px solid #999;background:linear-gradient(0deg,#eee 0%,#fff 100%)}.ft-th:hover{background:linear-gradient(0deg,#f6f6f6 0%,#fff 100%)}.ft-title{padding:4px 25px 4px 10px;font-weight:600;text-align:left}.ft-title:after{content:"";position:absolute;top:4px;right:0;border-left:1px solid #ddd;height:calc(100% - 10px)}.ft-th:hover:before,.ft-th:hover:after,.ft-th.asc:before,.ft-th.desc:after{content:"";display:inline-block;position:absolute;right:10px;border:solid #ccc;border-width:0 2px 2px 0;width:5px;height:5px}.ft-th:hover:before{top:8px;transform:rotate(-135deg)}.ft-th:hover:after{bottom:8px;transform:rotate(45deg)}.ft-th.asc:before{top:13px;border-color:#000;transform:rotate(-135deg)}.ft-th.desc:after{bottom:12px;border-color:#000;transform:rotate(45deg)}.ft-th.asc:hover:after,.ft-th.desc:hover:before{border:0}.ft-resize-bar{border-right:1px solid #999;border-left:1px solid #999;height:100%}.ft-row:nth-child(2n){background-color:#f7f7f7}.ft-row>td{padding:4px 10px}.ss-view{overflow:hidden;position:relative}.ss-body{overflow:scroll;width:100%;height:100%;scrollbar-width:none}.ss-body::-webkit-scrollbar{width:0;height:0}.ss-track.x{position:absolute;bottom:-1000px;left:0;width:100%}.ss-thumb.x{position:absolute;bottom:0;left:0}.ss-track.y{position:absolute;top:0;right:-1000px;height:100%}.ss-thumb.y{position:absolute;top:0;right:0}.ss-view:hover>.ss-track.show,.ss-view.on>.ss-track{right:0;bottom:0}.ss-track{background-color:#ffffff1a}.ss-track.x{height:11px}.ss-track.y{width:11px}.ss-thumb{border-radius:5px;background-color:#0003;background-clip:content-box;transition:padding .3s}.ss-thumb.x{padding:2px 0;height:11px}.ss-thumb.y{padding:0 2px;width:11px}.ss-thumb:hover,.ss-thumb.on{padding:0}