.canvas-container[data-v-38434747]{aspect-ratio:1/1;background-position:50%;background-repeat:no-repeat;background-size:contain;max-width:var(--canvas-max-width);overflow:hidden;position:relative;width:100%}.canvas-container .read-only[data-v-38434747]{outline-offset:-1.5px}.option-tile[data-v-38434747]{white-space:nowrap}.option-tile.position-left[data-v-38434747]{transform:translate(calc(-100% - 14px),-50%)}.option-tile.position-right[data-v-38434747]{transform:translate(14px,-50%)}.option-tile.position-top[data-v-38434747]{transform:translate(-50%,calc(-100% - 14px))}.option-tile.position-bottom[data-v-38434747]{transform:translate(-50%,14px)}.point-marker[data-v-38434747]{background-color:#fff;border-radius:50%;height:8px;position:absolute;transform:translate(-50%,-50%);width:8px}.connector-line[data-v-38434747]{background-color:#00000080;left:0;position:absolute;top:0}.connector-line.connector-left[data-v-38434747],.connector-line.connector-right[data-v-38434747]{height:3px;width:10px}.connector-line.connector-bottom[data-v-38434747],.connector-line.connector-top[data-v-38434747]{height:10px;width:3px}.connector-line.connector-left[data-v-38434747]{transform:translate(calc(-100% - 4px),-50%)}.connector-line.connector-right[data-v-38434747]{transform:translate(4px,-50%)}.connector-line.connector-top[data-v-38434747]{transform:translate(-50%,calc(-100% - 4px))}.connector-line.connector-bottom[data-v-38434747]{transform:translate(-50%,4px)}