:root{--hexagon-ratio: 1.1547}.hexagon[data-v-e1211362]{aspect-ratio:1 / var(--hexagon-ratio);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);overflow:hidden}.hexagon.is-horizontal[data-v-e1211362]{aspect-ratio:var(--hexagon-ratio) / 1;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%)}.canvas-panel[data-v-9bcfd3c8]{width:100%;height:100%;overflow:hidden}.canvas-panel-container[data-v-9bcfd3c8]{position:relative;width:100%;height:100%;overflow:hidden;cursor:default;display:flex;justify-content:center;align-items:center}.canvas-panel-content[data-v-9bcfd3c8]{position:relative;pointer-events:none}:root{--hexagonal-layout-item-size: 50px;--hexagonal-layout-item-offset: 0px;--hexagonal-layout-item-z-index: 0}.hexagonal-layout .hexagonal-xOy[data-v-cb1beab3]{position:relative;width:var(--hexagonal-layout-item-size);aspect-ratio:1 / var(--hexagon-ratio);pointer-events:none}.hexagonal-layout .hexagonal-item[data-v-cb1beab3]{position:absolute;left:calc(var(--hexagon-point-x) / 2 * (var(--hexagonal-layout-item-size) + var(--hexagonal-layout-item-offset)));top:calc(var(--hexagon-point-y) * -1 * (var(--hexagonal-layout-item-size) * var(--hexagon-ratio) * .75 + var(--hexagonal-layout-item-offset)));width:var(--hexagonal-layout-item-size);pointer-events:auto;z-index:var(--hexagonal-layout-item-z-index)}@media (hover: hover){.hexagonal-layout .hexagonal-item[data-v-cb1beab3]:hover{z-index:calc(var(--hexagonal-layout-item-z-index) + 1)}}.honeycomb-graph[data-v-53980c3b]{width:100%;height:100%;-webkit-user-select:none;user-select:none;--hexagonal-layout-item-size: 60px;--honeycomb-graph-border-width: 2px;--hexagonal-layout-item-offset: 2px}.honeycomb-graph .honeycomb-graph-item[data-v-53980c3b]{width:100%;height:100%;background:var(--hexagon-border-color);--hexagon-text-color: var(--hexagon-normal-text-color);--hexagon-text-shadow: var(--hexagon-normal-text-shadow);--hexagon-background-color: var(--hexagon-normal-background-color);--hexagon-border-color: var(--hexagon-normal-border-color)}.honeycomb-graph .honeycomb-graph-item.is-primary[data-v-53980c3b]{font-weight:bolder;--hexagon-text-color: var(--hexagon-primary-text-color);--hexagon-text-shadow: var(--hexagon-primary-text-shadow);--hexagon-background-color: var(--hexagon-primary-background-color);--hexagon-border-color: var(--hexagon-primary-border-color)}.honeycomb-graph .honeycomb-graph-item.is-selected[data-v-53980c3b]{--hexagon-border-color: var(--hexagon-selected-border-color)}@media (hover: hover){.honeycomb-graph .honeycomb-graph-item[data-v-53980c3b]:hover{--hexagon-background-color: var(--hexagon-hover-background-color)}}.honeycomb-graph .honeycomb-graph-item .hexagon-background[data-v-53980c3b]{position:absolute;width:calc(var(--hexagonal-layout-item-size) - var(--honeycomb-graph-border-width) * 2);top:calc(var(--honeycomb-graph-border-width) * var(--hexagon-ratio));left:var(--honeycomb-graph-border-width);display:flex;align-items:center;background:var(--hexagon-background-color)}.honeycomb-graph .honeycomb-graph-item .hexagon-content[data-v-53980c3b]{width:100%;text-align:center;overflow:hidden;word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;font-size:12px;line-height:1.2;padding:0 4px;color:var(--hexagon-text-color);text-shadow:var(--hexagon-text-shadow)}.honeycomb-graph-loading[data-v-53980c3b]{position:absolute;top:8px;right:8px;width:24px;height:24px;pointer-events:none}.honeycomb-graph-loading-spinner[data-v-53980c3b]{width:100%;height:100%;border:2px solid rgba(0,0,0,.1);border-top-color:#1770e5;border-radius:50%;animation:honeycomb-loading-spin-53980c3b 1s linear infinite}@keyframes honeycomb-loading-spin-53980c3b{to{transform:rotate(360deg)}}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.demo-app[data-v-a857fc9b]{width:100vw;height:100vh;display:flex;flex-direction:column;background:#f0f4f8}.demo-header[data-v-a857fc9b]{padding:16px 24px;background:#fff;box-shadow:0 2px 8px #0000000f;z-index:1}.demo-header h1[data-v-a857fc9b]{margin:0 0 8px;font-size:20px;color:#1a202c}.demo-header p[data-v-a857fc9b]{margin:0;font-size:14px;color:#4a5568}.demo-graph[data-v-a857fc9b]{flex:1;position:relative;overflow:hidden}.demo-info[data-v-a857fc9b]{position:absolute;bottom:16px;left:50%;transform:translate(-50%);padding:8px 16px;background:#fffffff2;border-radius:20px;box-shadow:0 2px 12px #0000001a;font-size:14px;color:#2d3748;pointer-events:none;white-space:nowrap}.demo-info span[data-v-a857fc9b]{color:#718096;margin-left:8px}