.skill-table{overflow:auto;height:100%;position:relative}.skill-table__cell{transition:background .3s;cursor:default}.skill-table__cell.area{width:20%}.skill-table__cell.direction,.skill-table__cell.skill{border-left:1px solid #e8e8e8}.skill-table__cell.skill{flex:1}.skill-table__header{display:flex;border:1px solid #e8e8e8;background:#fafafa;position:sticky;position:-webkit-sticky;top:0;z-index:3;line-height:20px;height:42px}.skill-table__header .skill-table__cell.direction{width:20%;border-left:1px solid #e8e8e8}.skill-table__body{border:1px solid #e8e8e8;border-top:0 none}.skill-table__body .skill-table__cell.direction{width:25%}.skill-table__body .skill-table__cell:hover{background:#e6f7ff}.skill-table__body .skill-table__cell:hover i{display:inherit}.skill-table__area-directions,.skill-table__direction-skills{display:flex;flex-direction:column;flex:1}.skill-table__area-row,.skill-table__direction-row,.skill-table__skill-row{display:flex;border-top:1px solid #e8e8e8;flex:1 1 auto}.skill-table__area-row:first-child,.skill-table__direction-row:first-child,.skill-table__skill-row:first-child{border-top:0 none}.skill-table__cell-label{padding:10px 15px;position:sticky;position:-webkit-sticky;top:42px;z-index:1}.skill-table__cell-label .skill-table__cell-label-text{display:flex;word-break:break-word}.skill-table__cell-label .skill-table__cell-label-text i{height:16px;font-size:16px;display:none;position:absolute;right:5px;cursor:pointer;top:10px}.skill-table__no-data{padding:50px 0;border:1px solid #e8e8e8;border-top:0 none}.slills-structure{height:100%;display:flex;flex-direction:column}.slills-structure .top-bar{display:flex;margin-bottom:10px;line-height:32px}.slills-structure .top-bar .title{font-size:1rem;text-align:center;margin:0 10px}.slills-structure .top-bar__side-block{flex:1}.slills-structure .top-bar__side-block.right{text-align:right}.slills-structure .table-container{flex:1;overflow:hidden}