html,body{margin:0;padding:0;height:100%;position:relative;font-family:Arial,Open Sans,sans-serif;scroll-behavior:smooth}#actions-panel{width:calc(100% - 28px);height:50px;display:flex;justify-content:center;align-items:center;padding:0 14px;gap:16px;background:#f8f8f8;border-bottom:1px solid #888}#add-row-top{background:url("data:image/svg+xml,%3csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='14'%20height='2.8'%20fill='%2367A5F6'/%3e%3crect%20y='5.6'%20width='14'%20height='2.8'%20fill='%23AAAAAA'/%3e%3crect%20y='11.2'%20width='14'%20height='2.8'%20fill='%23AAAAAA'/%3e%3c/svg%3e") no-repeat center center}#add-row-bottom{background:url("data:image/svg+xml,%3csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='14'%20height='2.8'%20fill='%23AAAAAA'/%3e%3crect%20y='5.6'%20width='14'%20height='2.8'%20fill='%23AAAAAA'/%3e%3crect%20y='11.2'%20width='14'%20height='2.8'%20fill='%2367A5F6'/%3e%3c/svg%3e") no-repeat center center}#add-column-left{background:url("data:image/svg+xml,%3csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='14'%20width='14'%20height='2.8'%20transform='rotate(90%2014%200)'%20fill='%23AAAAAA'/%3e%3crect%20x='8.4'%20width='14'%20height='2.8'%20transform='rotate(90%208.4%200)'%20fill='%23AAAAAA'/%3e%3crect%20x='2.8'%20width='14'%20height='2.8'%20transform='rotate(90%202.8%200)'%20fill='%2367A5F6'/%3e%3c/svg%3e") no-repeat center center}#add-column-right{background:url("data:image/svg+xml,%3csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='14'%20width='14'%20height='2.8'%20transform='rotate(90%2014%200)'%20fill='%2367A5F6'/%3e%3crect%20x='8.4'%20width='14'%20height='2.8'%20transform='rotate(90%208.4%200)'%20fill='%23AAAAAA'/%3e%3crect%20x='2.8'%20width='14'%20height='2.8'%20transform='rotate(90%202.8%200)'%20fill='%23AAAAAA'/%3e%3c/svg%3e") no-repeat center center}#remove-row{background:url("data:image/svg+xml,%3csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='14'%20height='2.8'%20fill='%23AAAAAA'/%3e%3crect%20y='5.6'%20width='14'%20height='2.8'%20fill='%23FF5E5E'/%3e%3crect%20y='11.2'%20width='14'%20height='2.8'%20fill='%23AAAAAA'/%3e%3c/svg%3e") no-repeat center center}#remove-column{background:url("data:image/svg+xml,%3csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='14'%20width='14'%20height='2.8'%20transform='rotate(90%2014%200)'%20fill='%23AAAAAA'/%3e%3crect%20x='8.39999'%20width='14'%20height='2.8'%20transform='rotate(90%208.39999%200)'%20fill='%23FF5E5E'/%3e%3crect%20x='2.8'%20width='14'%20height='2.8'%20transform='rotate(90%202.8%200)'%20fill='%23AAAAAA'/%3e%3c/svg%3e") no-repeat center center}.add-remove-rows-columns-btns-container{width:200px;border-radius:4px;padding:4px;display:flex;justify-content:center;align-items:center;gap:10px;background:#fff}.square-btn{width:24px;height:24px;border:1px solid #fff;border-radius:4px;opacity:.8;transition-duration:.2s;cursor:pointer}.square-btn:hover,.square-btn:focus{opacity:1;border-color:#8bb1ff}.square-btn[disabled],.square-btn[disabled]:hover,.square-btn[disabled]:focus{opacity:.4;border-color:#fff}.column-headers-container{position:sticky;height:28px;background:#f8f8f8;top:0;left:0;border-bottom:1px solid #999;z-index:2}#viewport{overflow:auto;height:calc(100% - 51px)}#viewport:before{content:"";display:block;position:absolute;border-right:1px solid #999;border-bottom:1px solid #999;background:#f8f8f8;width:62px;height:28px;top:51px;left:0;z-index:4}.table{position:relative}.table-content{position:absolute;top:28px;left:63px}.sentinel{width:100%;position:absolute;height:1px;z-index:100}.row{position:absolute;top:0;left:0;border-bottom:1px solid #999;z-index:1}.cell{position:absolute;height:100%;border-right:1px solid #999;font-size:12px;color:#444;display:flex;align-items:center;padding:0 6px;text-wrap:nowrap;overflow:hidden}.column-header-cell{text-transform:uppercase;justify-content:center;color:#777;border-left-color:#999;border-left-style:solid;border-left-width:0}.column-header-cell.selected{font-weight:700;background:#cee0ff;color:#444;left:1px}.row-headers-container{position:sticky;left:0;width:50px;z-index:3}.row-headers-container>.cell{width:63px;justify-content:center;color:#777;border-bottom:1px solid #999;background:#f9f9f9;box-sizing:border-box;z-index:1}.row-headers-container>.cell.selected{font-weight:700;background:#cee0ff;color:#444}.column-anchor{width:13px;height:100%;position:absolute;left:6px;top:0;opacity:0;z-index:6;cursor:col-resize}.column-anchor[draggable=true]{cursor:col-resize!important}.column-anchor:before{content:"";position:absolute;top:4px;width:7px;border-color:#555;border-style:solid;border-width:3px;border-top:0;border-bottom:0;height:20px;border-radius:2px}.column-anchor:after{content:"";display:none;position:absolute;top:0;height:100%;width:7px;left:3px;background:#bbb}.column-anchor:hover{opacity:1}.column-anchor.active{height:100vh;opacity:1;display:block!important}.column-anchor.active:after{display:block}.row-anchor{width:63px;height:13px;position:absolute;top:-6px;left:0;opacity:0;display:none;z-index:2;cursor:row-resize}.row-anchor:before{content:"";position:absolute;left:21px;height:7px;border-color:#555;border-style:solid;border-width:3px;border-left:0;border-right:0;width:20px;border-radius:2px}.row-anchor:after{content:"";display:none;position:absolute;top:3px;width:100%;height:7px;left:0;background:#bbb}.row-anchor:hover{opacity:1}.row-anchor.active{width:100vw;opacity:1}.row-anchor.active:after{display:block}.column-headers-container>.column-anchor:last-child{display:none!important}