body,html{position:fixed;left:0;right:0;top:0;bottom:0;margin:0;padding:0;overflow:hidden;font-family:'Lucida Sans','Lucida Sans Regular','Lucida Grande','Lucida Sans Unicode',Geneva,Verdana,sans-serif;font-size:16px}body.large-text{font-size:22px}div{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#context-help span{padding-left:10px}#frame{position:fixed;top:0;right:0;left:0;bottom:0}#content{position:absolute;top:49px;bottom:0;left:0;right:0;z-index:-1}#watermark{position:fixed;left:.3em;bottom:.3em;font-size:23px;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:.5}#content:has(#bottom-panel.opened)>#watermark{bottom:calc(.3em + 38dvh)}@media (max-width:436px){#watermark{font-size:calc(23 * (100dvw / 436))}}#toolbars{background-color:#f5f5f5;text-align:center;border-bottom:1px solid #888;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.toolbar{height:48px;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:4}.toolbar-item{height:48px;width:48px}.toolbar.right-justified .toolbar-flyout{left:initial;right:0}.toolbar.right-justified .flyout-button,.toolbar.right-justified .flyout-button-wrap{text-align:right}.toolbar.right-justified .about-button{width:100%}.toolbar.left-justified .toolbar-flyout{left:0;right:initial}.toolbar.left-justified .flyout-button{text-align:left}.toolbar.center-justified{margin:0 auto}.toolbar-button-wrap{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%}.flyout-button,.toolbar-dropdown,.toolbar-item{background-repeat:no-repeat;background-position:center center;background-size:contain;display:inline-block;cursor:pointer}.flyout-button-wrap{position:relative}.flyout-button-wrap.show-item-help .item-help-button{font-size:16px;display:block;cursor:pointer}.flyout-button.disabled,.toolbar-item.disabled{-webkit-filter:grayscale(100%) contrast(10%) brightness(160%);filter:grayscale(100%) contrast(10%) brightness(160%);cursor:default}.flyout-button.disabled:hover,.toolbar-item.disabled:hover{background-color:transparent}.item-help-button{display:none;position:absolute;right:-6px;bottom:8px;height:24px;width:24px;color:#47b}#help-button{background-image:url(../images/icons/help.svg)}#undo-button{background-image:url(../images/icons/undo.svg)}#share-button{background-image:url(../images/icons/share.svg)}#share-button.copied{background-image:url(../images/icons/clipboard_checks.svg)}#share-button.err{background-image:url(../images/icons/error.svg)}#redo-button{background-image:url(../images/icons/redo.svg);margin-right:20px}#select-button{background-image:url(../images/icons/select.svg)}#floating-buttons{position:absolute;top:100%;left:0;z-index:3}#floating-buttons .floating-button{margin:15px;width:35px;height:35px;line-height:35px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:5px}#floating-buttons .floating-button:hover{background-color:rgba(224,224,248,.7);cursor:pointer}#toggle-axes-button{background:rgba(255,255,255,.7) url(../images/icons/axes.svg) no-repeat center center;background-size:contain}#toggle-large-text-button{font-size:20px;background:rgba(255,255,255,.7);color:#aaa}#toggle-large-text-button small{color:#000;font-size:70%}.large-text #toggle-large-text-button{color:#000}.large-text #toggle-large-text-button small{color:#aaa}.flyout-button{height:48px;line-height:48px;min-width:72px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;white-space:nowrap}.flyout-button a{display:block;width:100%;height:100%;color:#000}.mini-flyout-button{height:32px;line-height:32px;width:48px;font-size:14px;text-align:center;background-color:#f5f5f5}.locusvar-button span{cursor:pointer}.flyout-button:hover,.mini-flyout-button:hover,.toolbar-dropdown:hover,.toolbar-item:hover{background-color:rgba(120,120,180,.2)}.toolbar-flyout{background-color:#f5f5f5;margin:0;border:1px solid #bbb;border-top:none}.mini-flyout{position:absolute;background-color:#f5f5f5;margin:0;border:1px solid #bbb;z-index:1}.flyout-button .mini-flyout{left:100%}.toolbar-button .mini-flyout{top:100%}#flyout-overlay{position:absolute;left:0;top:0;right:0;bottom:0}div#menu-button:after{content:"\f0c9";font-family:FontAwesome;font-size:36px;line-height:48px;color:#666}.degree-button{background-image:url(../images/icons/new_degree.svg)}.radian-button{background-image:url(../images/icons/new_radian.svg)}.point-button{background-image:url(../images/icons/draw_point.svg)}.segment-button{background-image:url(../images/icons/draw_segment.svg)}.vector-button{background-image:url(../images/icons/draw_vector.svg)}.line-button{background-image:url(../images/icons/draw_line.svg)}.circle-button{background-image:url(../images/icons/draw_circle.svg)}.curve-button{background-image:url(../images/icons/draw_curve.svg)}.distance-button{background-image:url(../images/icons/constrain_length.svg)}.angle-button{background-image:url(../images/icons/constrain_angle.svg)}.radius-button{background-image:url(../images/icons/constrain_radius.svg)}.point_proportional-button{background-image:url(../images/icons/constrain_point_proportional.svg)}.coordinates-button{background-image:url(../images/icons/constrain_coordinates.svg)}.slope-button{background-image:url(../images/icons/constrain_slope.svg)}.perpendicular-button{background-image:url(../images/icons/constrain_perpendicular.svg)}.parallel-button{background-image:url(../images/icons/constrain_parallel.svg)}.congruence-button{background-image:url(../images/icons/constrain_congruent.svg)}.incidence-button{background-image:url(../images/icons/constrain_incidence.svg)}.tangency-button{background-image:url(../images/icons/constrain_tangent.svg)}.midpoint-button{background-image:url(../images/icons/construct_mid.svg)}.perp-bisector-button{background-image:url(../images/icons/construct_perpendicular_bisector.svg)}.intersection-button{background-image:url(../images/icons/construct_intersection.svg)}.circumcircle-button{background-image:url(../images/icons/construct_circumcircle.svg)}.locus-button{background-image:url(../images/icons/construct_locus.svg)}.reflection-button{background-image:url(../images/icons/transform_reflection.svg)}.rotation-button{background-image:url(../images/icons/transform_rotation.svg)}.dilatation-button{background-image:url(../images/icons/transform_dilatation.svg)}.translation-button{background-image:url(../images/icons/transform_translation.svg)}#frame.create-mode #create-button,#frame.select-mode #select-button{background-color:#e9e9f6;-webkit-box-shadow:inset 0 0 2px 1px rgba(0,0,0,.1);box-shadow:inset 0 0 2px 1px rgba(0,0,0,.1)}.toolbar-dropdown{height:48px;width:24px;background-image:url(../images/icons/dropdown.svg)}.toolbar-flyout{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;top:100%;left:0;text-align:left;z-index:1}.help-flyout .flyout-button,.new-flyout .flyout-button{padding:0 15px}.flyout-column{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (max-width:500px){#redo-button{margin-right:0}#help-button,.toolbar-button{width:32px}}@media (max-width:470px){.construct-flyout{left:-64px}}@media (max-width:370px){#help-button,.toolbar-button{width:24px}div#menu-button:after{font-size:20px}}@media (max-width:340px){.constrain-flyout{left:-64px}}@media only screen and (min-device-width:320px) and (max-device-width:480px){body{-webkit-text-size-adjust:none}}#context-help{font-size:16px;position:fixed;left:0;top:48px;width:100%;max-width:none;background-color:#fbfbfb;z-index:2;-webkit-box-shadow:0 2px 5px 1px rgba(0,0,0,.1);box-shadow:0 2px 5px 1px rgba(0,0,0,.1);line-height:36px}.right-panel-opened #context-help{width:calc(100% - 25% - 1px);max-width:calc(100% - 180px - 1px)}#context-help .msg{display:inline}#context-help a{display:inline}#context-help .close-button{display:inline;width:30px;height:100%;text-align:center;color:#888;padding:0 5px 0 10px}#context-help .close-button:hover{color:#333;cursor:pointer}#bottom-panel .panel-tab.var-panel-tab{display:none}@media (max-width:500px){#right-panel{display:none}#bottom-panel .panel-tab.var-panel-tab{display:inline-block}#bottom-panel:not([data-active=query]) .query-panel-tab,#bottom-panel:not([data-active=var]) .var-panel-tab{border-bottom:1px solid #888;background-color:#dcdcdc;-webkit-filter:grayscale(70%);filter:grayscale(70%)}#context-help{width:100%;max-width:100%}}#context-menu-overlay{position:fixed;left:0;right:0;top:0;bottom:0;z-index:10}#context-menu{position:fixed;padding:5px 15px;line-height:36px;background:#fff;border:1px solid #89f;-webkit-box-shadow:0 2px 5px 1px rgba(0,0,0,.1);box-shadow:0 2px 5px 1px rgba(0,0,0,.1)}#bottom-panel{border-top:1px solid #888;position:fixed;left:0;right:0;bottom:0;height:0;background-color:#f5f5f5}#bottom-panel.opened{height:38%}#bottom-panel .tab-wrap{position:absolute;height:0;width:100%;top:-24px;line-height:24px;text-align:center}#bottom-panel .panel-tab{border:1px solid #888;border-radius:10px 10px 0 0;width:100px;height:22px;text-align:center;margin:0 auto;background-color:#f5f5f5;border-bottom:1px solid #f5f5f5;display:inline-block}.query-panel-tab{background-image:url(../images/icons/tab_output.svg)}.var-panel-tab{background-image:url(../images/icons/tab_list.svg)}#right-panel{border-left:1px solid #888;position:absolute;top:0;bottom:0;right:0;width:0;background-color:#f5f5f5;z-index:3}#right-panel.opened{width:25%;min-width:180px}#right-panel .tab-wrap{position:absolute;height:100%;width:0;left:-24px;line-height:24px}#right-panel .panel-tab{border:1px solid #888;border-radius:10px 0 0 10px;height:100px;width:22px;text-align:center;line-height:100px;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:#f5f5f5;border-right:1px solid #f5f5f5;-webkit-transition:background-color 1.5s;transition:background-color 1.5s}#right-panel .panel-tab.flashed{background-color:#d0e9ff;-webkit-transition:background-color 0s;transition:background-color 0s}.panel-tab{cursor:pointer;background-repeat:no-repeat;background-position:center center;background-size:contain}.input-suggestion{color:#bbb;margin:0 0 8px 8px;font-style:italic;font-size:14px;opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}#panel-query{display:none}#bottom-panel[data-active=query] #panel-query{display:block}#panel-query .scrollbox{overflow-x:hidden;overflow-y:auto;position:absolute;height:100%;width:100%}#bottom-panel.right-opened #panel-query .scrollbox,#bottom-panel.right-opened .tab-wrap{width:min(calc(100% - 25%),calc(100% - 180px))}#panel-query.input-focus .input-suggestion{opacity:1}.query-block{border-top:1px solid #ddd;position:relative}#input-expression{min-width:2em;padding:4px}.paste-button{display:none}.can-paste .paste-button{display:inline-block;font-size:12px}#input-expression,.error,.old-input,.old-output-wrap{margin:12px}.error,.old-output-wrap{vertical-align:-1em;margin-left:1em}.old-output.mq-math-mode .mq-root-block{padding:6px 12px}.old-output-wrap{position:relative;display:inline-block}.old-output-scrollbox{max-width:calc(100vw - 32px);overflow:auto;border-radius:5px;background-color:#e2e2f2}.old-output-wrap .copy-buttons{display:none}.old-output-wrap:hover .copy-buttons{display:inline-block;position:absolute;top:100%;left:-10px;white-space:nowrap;font-size:12px;color:#333;z-index:10}.copy-buttons .alt-copy-buttons{display:none}.copy-buttons:hover .alt-copy-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;top:0;bottom:0;left:100%;white-space:nowrap}.alt-copy-buttons>div,.can-paste .paste-button,.copy-buttons>.copy-as-tex{padding:6px;margin:10px 0 10px 10px;border:1px solid #aaa;cursor:pointer;background-color:#f2f2f2}.can-paste .paste-button:hover,.copy-as-code:hover,.copy-as-mathematica:hover,.copy-as-tex:hover,.copy-as-text:hover{background-color:#595976;color:#ddd}.spinner{display:inline-block;background:url(../images/spinner.gif) left center no-repeat #f5f5f5;background-size:contain;color:#888;width:80px;height:44px;position:relative;vertical-align:middle}.spinner .cancel-button{position:absolute;right:0;top:0;line-height:44px;font-size:10px;cursor:pointer}.error{color:#fff;background-color:#c44;display:inline-block;font-size:14px;border-radius:4px;padding:4px 10px}.output-delete-button,.query-delete-button{display:none}.numeric-output:hover .output-delete-button,.output-delete-button:hover,.query-block:hover .query-delete-button,.query-delete-button:hover{display:block;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:10px;color:#666;cursor:pointer;font-family:Consolas,Courier New,Courier,monospace}#bottom-panel .panel-var{display:none}#bottom-panel[data-active=var] .panel-var{display:block}.panel-var .scrollbox{overflow-y:auto;overflow-x:hidden;position:absolute;top:0;bottom:0;left:0;right:0}.var{display:block;padding:5px 0;border:1px solid #ddd;border-top:none;position:relative;-webkit-transition:background-color .5s;transition:background-color .5s}.var-detail{display:none}.var.selected{background-color:#e9e9f6;-webkit-box-shadow:inset 0 0 2px 1px rgba(0,0,0,.06);box-shadow:inset 0 0 2px 1px rgba(0,0,0,.06);-webkit-transition:background-color .5s;transition:background-color .5s}.var-primary,.var.selected .var-detail{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.var-name{line-height:32px;height:36px;width:30px;text-align:center;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.lock-button{color:#999;font-size:28px;width:30px;cursor:pointer;text-align:center;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.lock-button:hover{color:#222}input.var-value{text-align:center;width:60px;height:20px;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.var-slider{display:inline-block;-webkit-box-flex:2;-ms-flex:2 1 100px;flex:2 1 100px;height:25px;position:relative;margin:0 7px}.var-slider .var-slider-rail{height:5px;border-radius:2px;margin:10px 0;background-color:#f5f5f5}.slider-thumb{color:#99a;position:absolute;left:0;top:4px;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);cursor:pointer}input.var-max,input.var-min{text-align:center;width:40px;height:20px;color:#999;border:none;background-color:transparent;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.pause-button,.play-button{display:inline-block;color:#aab;font-size:24px;cursor:pointer;margin:0 5px;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.pause-button:hover,.play-button:hover{color:#445}input.var-max:focus,input.var-min:focus{background-color:#fff}.numeric-output{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;position:relative;padding:10px 25px 10px 10px;border-bottom:1px solid #ddd}.numeric-output .output-expression{max-width:100%;min-width:48px;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;text-align:center;background-color:#fdfdfd;padding:2px;border:1px solid #999}.numeric-output .output-value{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-align:right;margin-top:5px}.numeric-output .input-suggestion{display:none;width:100%}.allow-suggestions .numeric-output.input-focus .input-suggestion{display:block;opacity:1}#add-output-button{font-size:24px;display:block;text-align:right;padding:8px;color:#778;cursor:pointer}#add-output-button:hover{color:#445}.numeric-output.can-paste .paste-button{margin-bottom:0;margin-top:0}#drawing{position:relative;cursor:default}#autocompletions{position:fixed;z-index:10;border:1px solid #888}#autocompletions ul{list-style-type:none;margin:0;padding:0}#autocompletions li{list-style-type:none;color:#999;background-color:#f0f0f0;padding:1px 5px;border-top:1px solid transparent;border-bottom:1px solid transparent;cursor:pointer}#autocompletions li.selected,#autocompletions li:hover{background-color:#f0f0f8;color:#444;border-top:1px solid #888;border-bottom:1px solid #888}#autocompletions li:first-child{border-top:none}#autocompletions li:last-child{border-bottom:none}#splash-screen{position:fixed;text-align:center;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.6);z-index:100}#splash-screen #splash-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;left:10%;right:10%;top:5%;bottom:5%;border-radius:3px;background-color:#f9f9fd}#splash-screen .title{margin:16px;border-bottom:2px solid #ddd}#splash-screen .splash{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;background:url(../images/splash.png) center center no-repeat;background-size:contain;margin:0 5% 10% 5%}.title{font-size:64px;font-family:Trebuchet MS,Verdana;color:#889;text-shadow:0 2px 3px rgba(0,0,0,.1)}.title .gx{font-weight:700;color:#559}#loading-screen{text-align:center;position:fixed;left:0;right:0;top:0;bottom:0;background-color:#f9f9fd}#loading-screen .title-wrap{position:absolute;left:0;right:0;top:40%}#loading-screen .hexagon{margin:auto;width:64px;height:64px;background:url(../images/hexagon.svg) center center no-repeat}#math-input-overlay{position:fixed;left:0;top:0;right:0;bottom:0;z-index:10}#math-input{position:absolute;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);text-align:center}#math-input>span{background-color:#fff}#parametric-range{font-size:12px;position:relative;top:4px}#parametric-range input{width:3em;font-size:12px}.mq-math-mode .mq-supsub{font-size:75%}#panel-file.opened{display:block}#panel-file{display:none}#panel-file .overlay{position:fixed;left:0;right:0;top:0;bottom:0}#panel-file .contents{background-color:#f5f5f5;border:1px solid #000;position:fixed;top:0;bottom:0;width:30%;min-width:300px;left:0;z-index:100;text-align:center;overflow:hidden}#panel-file #filename{height:36px;line-height:36px;padding:2px;border:1px solid #555;font-size:16px;width:10em}#panel-file .scrollbox{overflow:auto;text-align:left;position:absolute;top:173px;left:0;right:0;bottom:0}#panel-file .new-button{height:40px;width:25%;margin:20px 0;display:inline-block;background-repeat:no-repeat;background-position:center center;background-size:contain;background-color:rgba(120,120,240,.03);border:1px dashed #666;border-radius:15px}#panel-file #new-deg-button{background-image:url(../images/icons/new_degree.svg);border-top-right-radius:0;border-bottom-right-radius:0}#panel-file #new-rad-button{background-image:url(../images/icons/new_radian.svg);border-top-left-radius:0;border-bottom-left-radius:0;border-left:0}#panel-file #save-section{padding:20px;border:1px solid #888;border-left:0;border-right:0}#panel-file .close-button,#panel-file .save-button{display:inline-block;height:45px;line-height:45px;width:45px;text-align:center;vertical-align:middle}#panel-file .save-button{font-size:36px;color:#666}#panel-file .save-button.disabled{color:#ccc}#panel-file .close-button{color:#888;position:absolute;right:0;top:0}#panel-file .buttons{display:none;text-align:right;font-size:20px}#panel-file .file.active{background-color:#eef}#panel-file .file.active>.buttons{display:block}#panel-file .file>.date,#panel-file .file>.filename{pointer-events:none}#panel-file .open-button{color:#557;font-weight:700;display:inline-block}#panel-file .delete-button{color:red;float:left}#panel-file .close-button:hover,#panel-file .delete-button:hover,#panel-file .new-button:hover,#panel-file .open-button:hover,#panel-file .save-button:hover{background-color:rgba(120,120,180,.2);cursor:pointer}#panel-file .save-button.disabled:hover{background:0;cursor:not-allowed}#panel-file .file{padding:5px 15px;border-bottom:1px dashed #ddd}#panel-file .file:last-child{border:0}#panel-file .file span.date{display:block;color:#888}#panel-file .file span.filename{font-weight:700;color:#000}#color-picker-overlay{position:fixed;left:0;right:0;top:0;bottom:0;z-index:10}#color-picker{position:fixed;padding:5px 15px;line-height:36px;background:#fff;border:1px solid #89f;-webkit-box-shadow:0 2px 5px 1px rgba(0,0,0,.1);box-shadow:0 2px 5px 1px rgba(0,0,0,.1);max-width:150px}#color-picker>div{width:40px;display:inline-block;height:40px;margin:5px;border-radius:100%}#color-picker>div>div{width:10px;display:inline-block;height:10px;margin:15px;border-radius:100%;background:#fff}#color-picker>div:hover{opacity:1}