.competency-map-container{justify-content:center;align-items:flex-start;max-width:100%;max-height:100%;margin:0 auto;display:flex;overflow:visible}.competency-map-scaler{flex-shrink:1;min-width:0;min-height:0}.competency-map-inner{width:1216px;height:1076px;position:relative}.hexagon-row{justify-content:center;width:fit-content;display:flex;position:absolute}.hexagon-item{cursor:default;width:144px;height:166px;margin-left:4px;margin-right:4px;display:flex;position:relative}.hexagon-item.clickable{cursor:pointer}.hexagon-item[data-hexagon-id=LL],.hexagon-item[data-hexagon-id=LL] .hexagon-image{z-index:100}.hexagon-image{z-index:10;filter:none;backface-visibility:hidden;will-change:transform,opacity;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);max-width:max-content;transition-property:transform,opacity,filter;transition-duration:.2s;transition-timing-function:ease-in-out;position:absolute;transform:scale(1)translateZ(0)}.hexagon-highlighted{opacity:1}.hexagon-dimmed{opacity:.25;filter:grayscale(50%)}.hexagon-item.clickable:hover .hexagon-image.hexagon-highlighted{z-index:50;filter:drop-shadow(0 4px 8px #0000004d);transform:scale(1.1)translateZ(0)}.hexagon-item.selected .hexagon-image{z-index:50;filter:drop-shadow(0 4px 12px #21cd4f66);transform:scale(1.1)translateZ(0)}