.cpnGrid{display:flex;flex:1;position:relative;flex-direction:column;height:100%}.cpnGrid .columns{display:flex;flex-direction:row;flex:1;overflow:auto}.cpnGrid .columns .column{flex:1 0;display:flex;flex-direction:column}.cpnGrid .columns .column>*{flex:0 0;flex-basis:calc(var(--global-padding) + var(--global-smallPadding) - 1px)}.cpnGrid .columns .column.noGrow{flex-grow:0}.cpnGrid .columns .column .headerCell{display:flex;align-items:center;padding:0 var(--global-smallPadding);font-size:var(--grid-header-cell-font-size);height:var(--grid-header-row-height);line-height:var(--grid-header-row-height);white-space:nowrap;cursor:pointer;justify-content:space-between;position:relative;color:var(--grid-color-header-cell-text)}.cpnGrid .columns .column .headerCell .cpnIcon{position:absolute;opacity:0;transition-duration:.4s;transition-property:opacity,transform;right:var(--global-tinyPadding)}.cpnGrid .columns .column .headerCell .cpnIcon.sorted{opacity:1}.cpnGrid .columns .column .headerCell .cpnIcon.sorted:not(.ascending){transform:rotate(180deg)}.cpnGrid .columns .column .headerCell:hover .cpnIcon:not(.sorted){opacity:1}.cpnGrid .columns .column.badge .headerCell,.cpnGrid .columns .column.checkbox .headerCell{justify-content:center}.cpnGrid .columns .column.icon .headerCell{justify-content:center}.cpnGrid .columns .column .headerCell+.cpnInput{flex-grow:0}.cpnGrid .columns .column .headerCell+.cpnInput input{padding-left:var(--global-smallPadding)}.cpnGrid .columns .column .headerCell+.cpnInput .box{margin-bottom:0}.cpnGrid .columns .column .headerCell+.cpnCheckbox{margin-bottom:0;margin-top:1px;justify-content:center}.cpnGrid .columns .column .headerCell+.cpnCheckbox>.icon{padding-top:0;padding-left:var(--global-smallPadding);flex:unset}.cpnGrid .columns .column .divider{flex:none;background-color:var(--grid-color-header-cell-border)}.cpnGrid .columns .column .cell{display:flex;align-items:center;padding-left:var(--global-smallPadding);cursor:pointer;white-space:nowrap;color:var(--grid-color-cell-text);background-color:var(--grid-color-row-bg)}.cpnGrid .columns .column .cell+.cell{border-top:1px solid var(--grid-color-row-divider)}.cpnGrid .columns .column .cell.type-button .cpnButton{max-height:100%}.cpnGrid .columns .column .cell.changed{background-color:#000}.cpnGrid .columns .column .cell.hovered{background-color:var(--grid-color-row-hover-bg);color:var(--grid-color-cell-text-hover)}.cpnGrid .columns .column .cell.selected{background-color:var(--grid-color-row-selected-bg);color:var(--grid-color-cell-text-selected)}.cpnGrid .columns .column.actions .reorderIcon{display:none}.cpnGrid .columns .column.actions .cell{justify-content:start;padding-left:0}.cpnGrid .columns .column.actions .cell>*+*{margin-left:var(--global-smallPadding)}.cpnGrid.fillHeight .columns .column>.cell{flex:1}.cpnGrid.fillHeight .columns .column>.divider{flex:none}.cpnGrid .divider{flex:none;height:1px;background-color:var(--grid-color-header-cell-border)}.cpnGrid.noBg{background-color:transparent}.cpnGrid.noBg .columns .column .cell+.cell{border-top-color:#000}