:root{--hex-space: 4px;--ratio: 0.25}.map{color:#000}.map .icon{width:calc(var(--ratio)*80px);height:calc(var(--ratio)*80px)}.map .icon.big{margin-left:calc(-0.1*var(--hexWidthInCol));margin-bottom:calc(-0.1*var(--hexWidthInCol))}.hexinsquare .map .icon.big{width:var(--hexWidthInSquare);height:var(--hexWidthInSquare)}.hexincol .map .icon.big{width:var(--hexWidthInCol);height:var(--hexHeightInCol)}.hexinrow .map .icon.big{width:var(--hexWidthInRow);height:var(--hexHeightInRow)}.overmap{--hexWidthInCol: calc(230px * var(--ratio));--hexHeightInCol: calc(200px * var(--ratio));--hexWidthInRow: calc(200px * var(--ratio));--hexHeightInRow: calc(230px * var(--ratio));--hex-border: calc(6px * var(--ratio));--hexWidthInSquare: calc(172.5px * var(--ratio));padding:var(--hex-space)}.hexinrow{padding-top:calc(var(--hexWidthInRow)/4 + var(--hex-space))}.hexincol{padding-right:calc(var(--hexWidthInCol)/4 + var(--hex-space));padding-bottom:calc(var(--hexHeightInCol)/2 + var(--hex-space))}.hexline .hexinrow .map{margin-left:calc(-1*var(--hex-space)/2)}.hexinrow .map:not(.hshift) .hexline:nth-child(2n){margin-left:calc(var(--hexWidthInRow)/2 + var(--hex-space)/2)}.hexinrow .map.hshift .hexline:nth-child(2n+1){margin-left:calc(var(--hexWidthInRow)/2 + var(--hex-space)/2)}.hexincol .hexBlock{background-size:calc(var(--hexWidthInCol));width:calc(var(--hexWidthInCol) + var(--hex-space));height:calc(var(--hexHeightInCol) + var(--hex-space));top:calc(-1*var(--hex-space)/2);margin-left:calc(var(--ratio)*-59px);left:calc(var(--ratio)*57px)}.hexincol .map:not(.wshift) .hexBlock:nth-child(2n){top:calc(var(--hexHeightInCol)/2)}.hexincol .map.wshift .hexBlock:nth-child(2n+1){top:calc(var(--hexHeightInCol)/2)}.hexinrow .map .hexBlock{background-size:calc(var(--hexWidthInRow));width:calc(var(--hexWidthInRow) + var(--hex-space));height:calc(var(--hexHeightInRow) + var(--hex-space));top:calc(-1*var(--hex-space)/2);margin-top:calc(var(--ratio)*-58px)}.hexinsquare .map .hexBlock{height:calc(var(--hexWidthInSquare) + var(--hex-space));width:calc(var(--hexWidthInSquare) + var(--hex-space))}.hexincol .hexagon2{width:calc(var(--hexWidthInCol));height:calc(var(--hexHeightInCol));-webkit-clip-path:polygon(0 50%, 25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%);clip-path:polygon(0 50%, 25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%)}.hexinrow .hexagon2{width:calc(var(--hexWidthInRow));height:calc(var(--hexHeightInRow));-webkit-clip-path:polygon(0 25%, 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%);clip-path:polygon(0 25%, 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%)}.hexinsquare .hexagon2{height:calc(var(--hexWidthInSquare));width:calc(var(--hexWidthInSquare));border:1px solid var(--border-hex)}body.viewer.showHexNumber.hexinrow .hexnum,.overmap.showHexNumber.hexinrow .hexnum{margin-top:calc(var(--ratio)*32px)}.icons,.texts,.viewers-notes{margin-left:calc(var(--hexWidthInCol)/10);position:absolute}.icons{margin-bottom:calc(.1*var(--hexWidthInCol));bottom:0;left:0}.texts,.viewers-notes{width:calc(var(--hexWidthInCol)*4);top:0;left:0}.texts,.viewers-notes{max-width:calc(var(--hexWidthInCol)*4)}