.geometry-canvas[data-v-da8b500c]{position:relative;display:inline-block;background-repeat:no-repeat}.geometry-canvas .graphics[data-v-da8b500c]{pointer-events:none;position:absolute;top:0;left:0;overflow:visible;fill:#303b40;stroke:#303b40}.geometry-canvas .graphics .highlight[data-v-da8b500c]{stroke:#ffe919;fill:#ffe919}.geometry-canvas .graphics .line[data-v-da8b500c],.geometry-canvas .graphics .polygon[data-v-da8b500c],.geometry-canvas .graphics .circle[data-v-da8b500c],.geometry-canvas .graphics .angle-indicator[data-v-da8b500c]{fill:none}.geometry-canvas .graphics .purple[data-v-da8b500c]{stroke:#7029a5}.geometry-canvas .graphics .fill-purple[data-v-da8b500c]{fill:#7029a5}.geometry-canvas .graphics .orange[data-v-da8b500c]{stroke:#f75e00}.geometry-canvas .graphics .fill-orange[data-v-da8b500c]{fill:#f75e00}.geometry-canvas .graphics .blue[data-v-da8b500c]{stroke:#0497e7}.geometry-canvas .graphics .fill-blue[data-v-da8b500c]{fill:#0497e7}.geometry-canvas .graphics .angle-indicator[data-v-da8b500c]{stroke-width:2px}.geometry-canvas .graphics .angle-indicator.angle-indicator-highlight[data-v-da8b500c]{stroke-width:8px;stroke:#ffe919}.geometry-canvas .graphics .line[data-v-da8b500c],.geometry-canvas .graphics .polygon[data-v-da8b500c]{stroke-linecap:round;stroke-linejoin:round}.geometry-canvas .graphics .line-highlight.hidden[data-v-da8b500c]{stroke-opacity:0}.geometry-canvas .graphics .line-highlight[data-v-da8b500c]:not(.hidden){transition:stroke-opacity .4s}.geometry-canvas .labels .perimeter-labels-ruler[data-v-da8b500c]{position:absolute;z-index:3;height:44px;width:244px;overflow:hidden;pointer-events:none}.geometry-canvas .labels .perimeter-labels-ruler .perimeter-labels-ruler-inner[data-v-da8b500c]{background-image:url(https://webassets.zearn.org/app_assets/tasks/ruler/Ruler5.png);background-size:244px 44px;background-position:-1px 0;background-repeat:no-repeat;width:100%;height:0;position:absolute;transition:height .5s}.geometry-canvas .labels .perimeter-labels-ruler .perimeter-labels-ruler-inner[data-v-da8b500c]:not(.backwards){bottom:0}.geometry-canvas .labels .perimeter-labels-ruler .perimeter-labels-ruler-inner.backwards[data-v-da8b500c]{top:0}.geometry-canvas .labels .perimeter-labels-ruler.active .perimeter-labels-ruler-inner[data-v-da8b500c]{height:44px}.geometry-canvas .labels .perimeter-labels-ruler.long[data-v-da8b500c]{width:444px}.geometry-canvas .labels .perimeter-labels-ruler.long .perimeter-labels-ruler-inner[data-v-da8b500c]{background-image:url(https://webassets.zearn.org/app_assets/tasks/ruler/Ruler10.png);background-size:444px 44px}.geometry-canvas .labels .label[data-v-da8b500c]{position:absolute;z-index:2;line-height:1;color:#303b40}.geometry-canvas .labels .label[data-v-da8b500c] .token-text,.geometry-canvas .labels .label[data-v-da8b500c] .math-token,.geometry-canvas .labels .label[data-v-da8b500c] .div-token.inline{vertical-align:initial}.geometry-canvas .labels .label.top[data-v-da8b500c]{transform:translate(-50%,-100%)}.geometry-canvas .labels .label.right[data-v-da8b500c]{transform:translateY(-50%)}.geometry-canvas .labels .label.bottom[data-v-da8b500c]{transform:translate(-50%)}.geometry-canvas .labels .label.left[data-v-da8b500c]{transform:translate(-100%,-50%)}.geometry-canvas .labels .label.center[data-v-da8b500c]{transform:translate(-50%,-50%)}.geometry-canvas .labels .line-labels .line-label[data-v-da8b500c]{white-space:nowrap;width:-webkit-max-content;width:max-content;transition:all .5s}.geometry-canvas .labels .line-labels.direction-right .line-midpoint-label.top[data-v-da8b500c]{transform:translate(-50%,calc(-100% - 6px))}.geometry-canvas .labels .line-labels.direction-right .line-midpoint-label.bottom[data-v-da8b500c]{transform:translate(-50%,4px)}.geometry-canvas .labels .line-labels.direction-right .line-endpoint-label[data-v-da8b500c]{transform:translateY(-50%)}.geometry-canvas .labels .line-labels.direction-up.direction-right .line-midpoint-label.top[data-v-da8b500c]{transform:translate(calc(-100% - 4px),calc(-100% - 4px))}.geometry-canvas .labels .line-labels.direction-up.direction-right .line-midpoint-label.bottom[data-v-da8b500c]{transform:translate(4px,2px)}.geometry-canvas .labels .line-labels.direction-up.direction-right .line-endpoint-label[data-v-da8b500c]{transform:translateY(-100%)}.geometry-canvas .labels .line-labels.direction-up .line-midpoint-label.top[data-v-da8b500c]{transform:translate(calc(-100% - 6px),-50%)}.geometry-canvas .labels .line-labels.direction-up .line-midpoint-label.bottom[data-v-da8b500c]{transform:translate(6px,-50%)}.geometry-canvas .labels .line-labels.direction-up .line-endpoint-label[data-v-da8b500c]{transform:translate(-50%,-100%)}.geometry-canvas .labels .line-labels.direction-up.direction-left .line-midpoint-label.top[data-v-da8b500c]{transform:translate(calc(-100% - 4px),-2px)}.geometry-canvas .labels .line-labels.direction-up.direction-left .line-midpoint-label.bottom[data-v-da8b500c]{transform:translate(4px,calc(-100% - 4px))}.geometry-canvas .labels .line-labels.direction-up.direction-left .line-endpoint-label[data-v-da8b500c]{transform:translate(-100%,-100%)}.geometry-canvas .labels .line-labels.direction-left .line-midpoint-label.top[data-v-da8b500c]{transform:translate(-50%,4px)}.geometry-canvas .labels .line-labels.direction-left .line-midpoint-label.bottom[data-v-da8b500c]{transform:translate(-50%,calc(-100% - 6px))}.geometry-canvas .labels .line-labels.direction-left .line-endpoint-label[data-v-da8b500c]{transform:translate(-100%,-50%)}.geometry-canvas .labels .line-labels.direction-down.direction-left .line-midpoint-label.top[data-v-da8b500c]{transform:translate(4px,2px)}.geometry-canvas .labels .line-labels.direction-down.direction-left .line-midpoint-label.bottom[data-v-da8b500c]{transform:translate(calc(-100% - 4px),calc(-100% - 4px))}.geometry-canvas .labels .line-labels.direction-down.direction-left .line-endpoint-label[data-v-da8b500c]{transform:translate(-100%)}.geometry-canvas .labels .line-labels.direction-down .line-midpoint-label.top[data-v-da8b500c]{transform:translate(6px,-50%)}.geometry-canvas .labels .line-labels.direction-down .line-midpoint-label.bottom[data-v-da8b500c]{transform:translate(calc(-100% - 6px),-50%)}.geometry-canvas .labels .line-labels.direction-down .line-endpoint-label[data-v-da8b500c]{transform:translate(-50%)}.geometry-canvas .labels .line-labels.direction-down.direction-right .line-midpoint-label.top[data-v-da8b500c]{transform:translate(4px,calc(-100% - 4px))}.geometry-canvas .labels .line-labels.direction-down.direction-right .line-midpoint-label.bottom[data-v-da8b500c]{transform:translate(calc(-100% - 4px),2px)}.geometry-canvas .labels .line-labels.direction-down.direction-right .line-endpoint-label[data-v-da8b500c]{transform:translate(0)}.geometry-canvas .labels .angle-label[data-v-da8b500c]{font-size:14px;padding:0 4px;transform:translate(-50%) translateY(-50%);white-space:nowrap}.geometry-canvas .labels .polygon-center-label[data-v-da8b500c]{white-space:nowrap}.geometry-canvas .labels[data-v-da8b500c] .div-token.highlight{background:#ffe919}