.axisInput{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.axisInput button{background:transparent;border:0 solid transparent;color:white;font-size:20px;cursor:pointer;width:20px}#axisWrap{margin-top:16px;margin-bottom:16px}@media(min-width:800px){#axisWrap{margin-top:0}}#axisWrap input{text-align:center;width:40px;font-size:12px}@media(min-width:1000px){#axisWrap input{width:80px;font-size:18px}}#axisWrapX{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}#axisPreview{width:75px;height:75px;margin:16px;background:rgba(247,247,247,.3)}@media(min-width:1000px){#axisPreview{width:100px;height:100px}}.functionEdit.-error{background-color:#ffd1d1}.functionEdit .fa-exclamation-triangle{font-size:20px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-right:10px;color:#ea2e2e}.functionEdit>.tex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding-left:10px;padding-right:10px}.functionEdit .MathJax_Display{margin:5px 0}.functionChar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding-left:10px;min-width:45px;text-align:right;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.functionEdit{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background-color:rgba(255,255,255,.8);-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;position:relative;margin-bottom:10px;border-radius:3px;box-shadow:1px 3px 1px rgba(0,0,0,.2)}.tex{pointer-events:none;-webkit-user-select:none}.functionDisplay{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:10px 0}.functionInputWrap{-webkit-box-flex:1;-webkit-flex:1 1;-ms-flex:1 1;flex:1 1;position:relative;min-height:40px;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;overflow:hidden}.functionInput{display:none;font-size:24px;border:0 solid transparent;width:100%;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background-color:transparent}.functionInput:focus,.functionInputWrap:hover .functionInput,.functionEdit.-error .functionInput{display:block}.functionInput:focus+.tex,.functionEdit.-error .functionInputWrap .tex{display:none}.functionInputWrap:hover .functionInput+.tex{visibility:hidden}.functionColor{-webkit-appearance:none;border-radius:0;display:block;border:0;background:transparent}.removeSelf{background:transparent;border:0 solid transparent;padding:0 12px;cursor:pointer}.addFunction{padding:5px 15px;border-radius:2px;background-color:rgba(255,255,255,.1);color:rgba(255,255,255,.8);border:0 solid transparent;width:100%;font-size:30px;cursor:pointer}.colorChooser{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;padding-right:20px;position:relative;margin-right:10px}.colorChooser::after{content:"";display:block;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid black;position:absolute;right:5px;top:50%;margin-top:-2.5px;z-index:10;pointer-events:none}.colorChooser.open::after{border-bottom:5px solid black;border-top:0 solid transparent}.colorPicker{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;position:absolute;right:0;background-color:white;width:190px;padding:3px;cursor:auto;top:50%;margin-top:12px;z-index:99}.color{width:18px;height:18px;border:2px solid transparent;cursor:pointer;margin:3px}.color.active{outline:2px solid #ff9334}.color-black{background-color:#111}.color-blue{background-color:#0074d9}.color-brown{background-color:#b32f2f}.color-cyan{background-color:#18e8e5}.color-green{background-color:#2ecc40}.color-grey{background-color:#aaa}.color-lime{background-color:#01ff70}.color-magenta{background-color:magenta}.color-olive{background-color:#3d9970}.color-pink{background-color:pink}.color-purple{background-color:#b10dc9}.color-red{background-color:#ff4136}.color-teal{background-color:#39cccc}.color-yellow{background-color:#ffdc00}.function-enter{opacity:.01;-webkit-transition:opacity .5s ease-out,-webkit-transform .3s ease-out;transition:opacity .5s ease-out,transform .3s ease-out;-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px);will-change:transform}.function-enter.function-enter-active{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.function-leave{opacity:1;-webkit-transition:opacity .5s ease-out,-webkit-transform .3s ease-out;transition:opacity .5s ease-out,transform .3s ease-out;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.function-leave.function-leave-active{opacity:.01;-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}.generatedCode{margin:0;-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all;cursor:text;overflow:visible!important}.modal-holder{display:none;background-color:transparent;-webkit-transition:background-color .3s ease-out;transition:background-color .3s ease-out}.modal-holder.active{position:fixed;z-index:5;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.2);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.modal{position:fixed;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);background-color:#e2e2e2;border-radius:5px;min-width:20vw;max-width:80vw;min-height:20vh;max-height:80vh;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.modal-title{background-color:#d7d7d7;border-top-left-radius:5px;border-top-right-radius:5px;padding:10px;font-size:14px;font-weight:600;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}@media(min-width:800px){.modal-title{font-size:20px}}.modal-body{padding:15px;border-top:1px solid #c5c5c5;border-bottom:1px solid #c5c5c5;min-height:60px;-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;overflow:auto;background-color:#f4f4f4}.modal-buttons{padding:7px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.modal-enter{opacity:.01;-webkit-transition:opacity .2s ease-out,-webkit-transform .2s ease-out;transition:opacity .2s ease-out,transform .2s ease-out;-webkit-transform:translateX(-50%) translateY(50%);-ms-transform:translateX(-50%) translateY(50%);transform:translateX(-50%) translateY(50%)}.modal-enter.modal-enter-active{opacity:1;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}@media(min-width:1400px){#options{width:395px;margin:0 auto}}#options ul{list-style:none;padding:0}#options label{font-size:12px;margin-top:10px;display:block}@media(min-width:1000px){#options label{font-size:16px;margin-top:15px}}.gridSettings{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}#options input{display:block;width:100%;padding-left:5px}#options .gridTypes h3{margin-bottom:0}#options .gridTypes label{display:inline;font-size:12px;margin-right:8px}#options .gridTypes input{visibility:hidden;display:inline;width:auto;margin-right:0}@media(min-width:1000px){.gridSettings{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}#options .gridTypes label{font-size:16px}#options .gridTypes input{margin-right:5px}}#options .gridTypes input::before{content:"\f10c";visibility:visible;font-family:FontAwesome}#options .gridTypes input:checked::before{content:"\f192"}*{box-sizing:border-box}*:focus{outline:none!important}html{height:100%}body{min-height:100%;overflow-x:hidden}body{background:-webkit-radial-gradient(center 80%,ellipse,#ff9334,#ff5b43);background:radial-gradient(ellipse at center 80%,#ff9334,#ff5b43);margin:0;padding:0;font-family:Pluto,sans-serif;-webkit-user-select:none}body.modalOpen{overflow:hidden}#appContainer{min-height:100vh;background:-webkit-radial-gradient(center 80%,ellipse,#ff9333,#ff5b43);background:radial-gradient(ellipse at center 80%,#ff9333,#ff5b43)}.gp-app{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;width:100%;padding:10px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;min-height:100vh}.splitPane{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-top:10px;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width:800px){.splitPane{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.pane{width:50%}.pane:first-child{padding-right:8px}.pane:last-child{margin-left:8px}}@media(min-width:1000px){.splitPane{margin-top:30px}}.previewPane{min-height:270px;-webkit-box-flex:1;-webkit-flex:1 1;-ms-flex:1 1;flex:1 1;position:relative;margin-top:30px}@media(min-width:800px){.previewPane{margin-top:0}}#preview{background:rgba(247,247,247,.3);max-height:100%;max-width:100%;position:absolute;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.button{font-weight:700;padding:5px 15px;margin-left:7px;background-color:#e5e5e5;border:1px solid #8c8c8c;border-radius:2px;box-shadow:inset 0 1px 1px rgba(255,255,255,.2);color:black!important;cursor:pointer}.button:active{background-color:#d4d3d3;box-shadow:inset 0 1px 3px rgba(0,0,0,.2)}.button.primary{background-color:#2a8fdf;color:white!important;border-color:#2978c5;box-shadow:inset 0 1px 1px rgba(255,255,255,.2),0 0 2px #2a8fdf}.button.primary:active{background-color:#2878b7;box-shadow:inset 0 1px 3px rgba(0,0,0,.2),0 0 2px #2a8fdf}.input{background-color:rgba(247,247,247,.3);border:0 solid transparent;border-radius:2px;font-size:17px}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.buttonBar{margin-top:10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.buttonBar>.button{margin-left:0}@media(min-width:800px){.buttonBar{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.buttonBar>.button{margin-left:7px}.flex-align-left{margin-right:auto;margin-left:0!important}}