.common-table-wrapper{position:relative;width:100%}.common-table-container{width:100%;display:flex;overflow:hidden;padding-bottom:12px}.common-table-container::-webkit-scrollbar{height:4px;width:calc(100% - 64px);margin:0 32px;background:transparent}.common-table-container::-webkit-scrollbar-thumb{background-color:#d4d7de;border-radius:2px;width:96px;margin:0 32px}.common-table-container::-webkit-scrollbar-button{display:none}.common-table-container-left{flex-shrink:0;background:#fff;min-height:100%}.gradient-mask{position:absolute;top:0;width:12px;height:100%;pointer-events:none;z-index:1;transition:opacity .3s ease}.gradient-mask.gradient-mask-left{left:0;background:linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.gradient-mask.gradient-mask-right{right:0;background:linear-gradient(-90deg,#fff,hsla(0,0%,100%,0))}.common-table{width:100%;flex:1;border-collapse:separate;table-layout:fixed;border-spacing:0;border-radius:8px;border:.4px solid #d4d7de;flex-shrink:0;overflow:hidden}.common-table .table-row .table-cell{padding:16px;border:.5px solid #d4d7de;text-align:center;vertical-align:middle;word-break:break-word;color:#051a37;font-size:14px;font-weight:400;letter-spacing:0;line-height:22px;white-space:normal}.common-table .table-row .table-cell.header-cell{background:#f6f7fa;font-weight:500}.common-table .table-row:first-child .table-cell:first-child{border-top-left-radius:7px}.common-table .table-row:first-child .table-cell:last-child{border-top-right-radius:7px}.common-table .table-row:last-child .table-cell:first-child{border-bottom-left-radius:7px}.common-table .table-row:last-child .table-cell:last-child{border-bottom-right-radius:7px}@media(max-width:768px){.common-table-container{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.common-table{table-layout:fixed;min-width:100%;width:100%;border-radius:4px;overflow:hidden}.common-table .table-row .table-cell{padding:12px;font-size:12px;line-height:18px;white-space:normal;min-width:60px;word-wrap:break-word;overflow-wrap:break-word}.common-table .table-row .table-cell:first-child{width:var(--col-0-mobile-width,auto)!important}.common-table .table-row .table-cell:nth-child(2){width:var(--col-1-mobile-width,auto)!important}.common-table .table-row .table-cell:nth-child(3){width:var(--col-2-mobile-width,auto)!important}.common-table .table-row .table-cell:nth-child(4){width:var(--col-3-mobile-width,auto)!important}.common-table .table-row .table-cell:nth-child(5){width:var(--col-4-mobile-width,auto)!important}.common-table .table-row .table-cell:nth-child(6){width:var(--col-5-mobile-width,auto)!important}.common-table .table-row .table-cell:nth-child(7){width:var(--col-6-mobile-width,auto)!important}.common-table .table-row .table-cell:nth-child(8){width:var(--col-7-mobile-width,auto)!important}.common-table .table-row .table-cell:nth-child(9){width:var(--col-8-mobile-width,auto)!important}.common-table .table-row .table-cell:nth-child(10){width:var(--col-9-mobile-width,auto)!important}.common-table .table-row:first-child .table-cell:first-child{border-top-left-radius:3px}.common-table .table-row:first-child .table-cell:last-child{border-top-right-radius:3px}.common-table .table-row:last-child .table-cell:first-child{border-bottom-left-radius:3px}.common-table .table-row:last-child .table-cell:last-child{border-bottom-right-radius:3px}}@media(max-width:480px){.common-table .table-row .table-cell{padding:12px;font-size:12px;line-height:18px;min-width:50px}}