.hexbin-container:hover .hexbin-hexagon{transition:.2s;stroke:rgb(0,0,0);stroke-width:2px;stroke-opacity:1}.hexbin-tooltip{padding:8px;border-radius:4px;border:1px solid black;background-color:white}.color-picker{width:fit-content;height:fit-content}.hexagon-container{width:100%;height:100%;position:relative;display:flex;justify-content:center;align-items:center;transform:rotate(29deg);pointer-events:none}.inner-hexagon{width:4rem;height:4rem;background-color:#ffffff;position:absolute;z-index:1}.inner-hexagon,.outer-hexagon{clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);pointer-events:all}.outer-hexagon{width:10rem;height:10rem;background-color:#000000}.marker-border{width:100%;height:100%;background-color:#ffffff;position:relative}.marker-border,.marker-center{clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%)}.marker-center{width:80%;height:80%;position:absolute;top:10%;left:10%;background-color:#000000}