*{font-family:proxima-nova,helvetica;box-sizing:border-box}body,html{width:100%;min-width:1000px;height:100%;margin:0;touch-action:none;overflow-x:hidden}body{font-size:1em;font-family:proxima-nova,helvetica}input{resize:none;outline:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:none;margin:0;inputmode:numeric}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}button{outline:0;background-color:#4c4b4c;border-color:#4c4b4c;color:#fff;border-style:none}button:hover{cursor:pointer}div{box-sizing:border-box}a{color:#477CB2}#app{position:relative;width:100%;height:100%}#app #header{position:absolute;top:0;left:0;display:flex;flex-direction:column;justify-content:center;font-weight:200;margin:10px}#app #header .main{font-size:1.75em}#app .sub{font-size:1em;font-weight:400}#app .sub a{text-decoration:none;border-bottom:1px solid #fff;color:#3E5E7E}#app .sub a:hover{border-color:#477CB2;color:#477CB2}#app #footer{position:fixed;bottom:0;left:10px;width:100%;background-color:#fff;display:flex;padding:5px 0;z-index:6;font-size:.875em;font-weight:400}#app #footer span{margin-right:5px}#app #footer a{color:#477CB2;text-decoration:none;transition-property:opacity border-color color;transition-duration:.2s;transition-timing-function:linear}#app #footer a:hover{text-decoration:underline}#app #side-panel{flex-direction:column;background-color:#fff;min-height:100vh;width:300px;position:absolute;top:0;bottom:0;right:-300px;z-index:3;transition:right .2s ease;box-sizing:border-box}#app #side-panel.active{right:0;z-index:7}#app #side-panel.active #side-panel-close-btn{display:block}#app #side-panel #side-panel-close-btn{position:fixed;display:none;top:0;right:.5em;font-size:2em;color:#aaa;transition-property:opacity border-color color;transition-duration:.2s;transition-timing-function:linear}#app #side-panel #side-panel-close-btn:hover{cursor:pointer;opacity:.8}#app #side-panel #side-panel-content-area{padding:36px 0 0;border-left:1px solid #ccc}#app #side-panel #side-panel-content-area .side-panel-content{display:none;flex-direction:column;margin:0;padding:0 25px;overflow:auto}#app #side-panel #side-panel-content-area .side-panel-content h1{font-size:1.4em;font-weight:400;margin-bottom:1em;margin-top:0}#app #side-panel #side-panel-content-area .side-panel-content h2{font-size:1.125em;font-weight:400;margin-bottom:1em!important;margin-top:0}#app #side-panel #side-panel-content-area .side-panel-content h3{font-size:1em;margin-bottom:.25em;margin-top:0}#app #side-panel #side-panel-content-area .side-panel-content p{margin-top:0}#app #side-panel #side-panel-content-area .side-panel-content img{height:auto;margin:.6em 0 1.125em}#app #side-panel #side-panel-content-area .side-panel-content.active{display:flex}#app #side-panel #side-panel-content-area .side-panel-content .side-panel-content-title{font-size:1.4em;margin-bottom:1em}#app #side-panel #side-panel-content-area .side-panel-content .side-panel-content-item{margin:0;display:flex;flex-direction:row;font-weight:400;line-height:1.3em}#app #side-panel #side-panel-content-area .side-panel-content .side-panel-content-item span{margin:auto 0}#app #side-panel #side-panel-content-area .side-panel-content .side-panel-content-item i.fa{margin-right:3px;font-size:1.5em}#app #side-panel #side-panel-content-area .side-panel-content .side-panel-content-item.column{flex-direction:column}#app #side-panel #side-panel-content-area .side-panel-content .side-panel-content-item .fa-square-o::before{color:#3E5E7E;position:relative;top:1px}#app #side-panel #side-panel-content-area .side-panel-content #activeSliderDiv,#app #side-panel #side-panel-content-area .side-panel-content #allowResizeDiv{margin-bottom:1em}#app #side-panel #side-panel-content-area .side-panel-content #sliderToggleBtn{font-size:1em;font-weight:400}#app #side-panel #side-panel-content-area .side-panel-content #sliderToggleBtn .togglebtn-label{color:#000}#app #side-panel #side-panel-content-area .side-panel-content #sliderToggleBtn .togglebtn-sectionbtn{text-align:center;width:34px}#app #side-panel #side-panel-content-area .side-panel-content #sliderToggleBtn .togglebtn-sectionbtn i,#app #side-panel #side-panel-content-area .side-panel-content #sliderToggleBtn .togglebtn-sectionbtn span{display:block;line-height:32px}#app #side-panel #side-panel-content-area .side-panel-content #sliderToggleBtn .togglebtn-sectionbtn .fa{margin:5px}#app #side-panel #side-panel-content-area .side-panel-content #sliderToggleBtn .togglebtn-sectionbtn.right i,#app #side-panel #side-panel-content-area .side-panel-content #sliderToggleBtn .togglebtn-sectionbtn.right span{margin-left:-5px}#app #side-panel #side-panel-content-area .side-panel-content #gridSizeChk{margin-left:5px;font-size:1.875em}#app #side-panel #side-panel-content-area .side-panel-content #copyLinkBtn{color:#3E5E7E;margin-top:-.5em}#app #side-panel #side-panel-content-area .side-panel-content #copyLinkBtn:hover{color:#477CB2}#app #side-panel #side-panel-content-area .side-panel-content #copyLinkBtn>div{transition-property:opacity border-color color;transition-duration:.2s;transition-timing-function:linear;border-bottom-style:solid;border-width:1px;border-color:rgba(0,0,0,0);display:inline}#app #side-panel #side-panel-content-area .side-panel-content #copyLinkBtn>div:hover{cursor:pointer;border-color:#477CB2}#app #side-panel #side-panel-content-area .side-panel-content #copyLinkBtn>div span{position:relative}#app #side-panel #side-panel-content-area .side-panel-content #copyLinkBtn #copyLinkFeedback{transition-property:opacity border-color color;transition-duration:.2s;transition-timing-function:linear;color:#f23c5a;position:relative;top:0;opacity:0;margin-left:3px}#app #side-panel #side-panel-content-area .side-panel-content #copyLinkBtn #copyLinkFeedback.clicked{opacity:1}#app #side-panel #side-panel-content-area .side-panel-content #img1{height:auto;width:100%;margin-top:1em}#app #side-panel #side-panel-content-area .side-panel-content #mlc-company-about{font-size:.875em;line-height:1.3em}#app #side-panel #side-panel-content-area .side-panel-content a{margin:auto;text-decoration:none}#app #side-panel #side-panel-content-area .side-panel-content a:hover{text-decoration:underline}#app #side-panel #side-panel-content-area #about-content .side-panel-content-item,#app #side-panel #side-panel-content-area #help-content .side-panel-content-item{flex-direction:column;flex-shrink:0}#app #side-panel #side-panel-content-area #about-content .side-panel-content-item #help-make,#app #side-panel #side-panel-content-area #help-content .side-panel-content-item #help-make{width:160px;margin-left:auto;margin-right:auto}#app #side-panel #side-panel-content-area #about-content .side-panel-content-item #help-slider,#app #side-panel #side-panel-content-area #help-content .side-panel-content-item #help-slider{width:200px;margin-left:auto;margin-right:auto}#app #side-panel #side-panel-content-area #about-content .side-panel-content-item #help-equation,#app #side-panel #side-panel-content-area #help-content .side-panel-content-item #help-equation{width:260px}#app #side-panel #side-panel-content-area #about-content .side-panel-content-item #help-answer-button,#app #side-panel #side-panel-content-area #help-content .side-panel-content-item #help-answer-button{width:200px;margin-left:auto;margin-right:auto}#app #side-panel #side-panel-content-area #about-content .side-panel-content-item #help-option,#app #side-panel #side-panel-content-area #help-content .side-panel-content-item #help-option{width:106px}#app #side-panel #side-panel-content-area #about-content .side-panel-content-item #help-copy-link,#app #side-panel #side-panel-content-area #help-content .side-panel-content-item #help-copy-link{width:115px}#app #side-panel #side-panel-content-area #about-content .goThereNowSpan,#app #side-panel #side-panel-content-area #help-content .goThereNowSpan{color:#477CB2}#app #side-panel #side-panel-content-area #about-content .goThereNowSpan:hover,#app #side-panel #side-panel-content-area #help-content .goThereNowSpan:hover{cursor:pointer;text-decoration:underline}#app #side-panel #side-panel-content-area #help-content h3,#app #side-panel #side-panel-content-area #help-content p{-webkit-margin-before:0;-webkit-margin-after:0}#app #side-panel #side-panel-content-area #version-lbl{font-size:.8em}#app #menu-wrapper{display:flex;flex-direction:column;position:absolute;top:0;right:0;padding:10px;z-index:1;font-size:1em;color:#3E5E7E}#app #menu-wrapper #menu-options-btn{display:none}#app #menu-wrapper .menu-item{display:flex;flex-direction:row;justify-content:flex-end;box-sizing:border-box}#app #menu-wrapper .menu-item:hover{cursor:pointer}#app #menu-wrapper .menu-item>div{border-bottom-style:solid;border-width:1px;border-color:rgba(0,0,0,0);margin-bottom:5px;pointer-events:all;transition-property:opacity border-color color;transition-duration:.2s;transition-timing-function:linear}#app #menu-wrapper .menu-item>div:hover{cursor:pointer;border-color:#477CB2;color:#477CB2}#app #menu-wrapper .menu-item span{margin:auto 0;position:relative;top:-.2em}#app #menu-wrapper .menu-item i{margin:auto 0 auto 5px;font-size:1.5em}#app #mobile-menu-btn{position:absolute;top:5px;right:5px;width:45px;height:45px;display:none;flex-direction:column;justify-content:center;text-align:center;vertical-align:middle;background-color:#3E5E7E;color:#fff;font-size:2em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;z-index:2;border-radius:3px}#app #mobile-menu-btn:hover{cursor:pointer;background-color:#477CB2}#app #mobile-menu-btn>i{display:block;margin-top:2px}#app #menu-bg{position:absolute;display:none;top:0;left:0;width:100%;height:100%}#app #widget-wrapper{position:absolute;top:0;left:0;bottom:0;right:0;padding:20px 10px;padding-top:4em;margin-top:10px;transition:right .2s ease,padding .2s ease}#app #widget-wrapper #widget-calculate-area,#app #widget-wrapper #widget-display-main-area{position:relative;bottom:8em}#app #widget-wrapper.panel-open{right:200px}#app #widget-wrapper .widget-row{display:flex;flex-direction:row;box-sizing:border-box;overflow:hidden;padding:1px;font-weight:200}#app #widget-wrapper .widget-row span{margin:auto 1.2rem;font-size:1.5em;text-align:center}#app #widget-wrapper #widget-create-row-wrapper{height:5em;margin-top:.5em;transition:height .1s ease}#app #widget-wrapper #widget-create-row-wrapper>div{height:100%;box-sizing:border-box;transition-property:opacity border-color color;transition-duration:.2s;transition-timing-function:linear}#app #widget-wrapper #widget-menu-row{display:none}#app #widget-wrapper #widget-create-row{justify-content:space-around;height:100%;transition-property:opacity border-color color;transition-duration:.2s;transition-timing-function:linear}#app #widget-wrapper #widget-create-row .row-content-wrapper{height:100%;padding-left:1em}#app #widget-wrapper #widget-create-row .row-content-wrapper .create-section{margin:1em 0}#app #widget-wrapper #widget-create-row .row-content-wrapper .create-section #maxSizeLabel{margin-top:.5em}#app #widget-wrapper #widget-create-row .factor{resize:none;width:2.5em;height:2em;border-style:solid;border-width:1px;border-color:#8A9EB1;text-align:center;border-radius:3px;font-size:1.5em;font-weight:200;font-family:proxima-nova,helvetica}#app #widget-wrapper #widget-create-row .factor.error{border-color:red;color:red}#app #widget-wrapper #widget-create-row .vertbtnwrapper{display:inline-flex;height:100%;justify-content:center;flex-direction:column;width:100%;margin-bottom:0}#app #widget-wrapper #widget-create-row .vertbtnwrapper i,#app #widget-wrapper #widget-create-row .vertbtnwrapper span{display:inline-block}#app #widget-wrapper #widget-create-row #btn-create-widget{font-weight:200;font-size:.875em;padding-left:3em;padding-top:.6em;background-color:#3E5E7E;color:#fff;display:inline-flex;height:3em;transition-property:opacity border-color color;transition-duration:.2s;transition-timing-function:linear}#app #widget-wrapper #widget-create-row #btn-create-widget:hover{cursor:pointer}#app #widget-wrapper #widget-create-row #btn-create-widget i{font-style:normal}#app #widget-wrapper #widget-create-row #btn-create-widget i::before{font-size:1.5em}#app #widget-wrapper #widget-create-row #btn-create-widget i span{margin:auto 5px}#app #widget-wrapper #widget-create-row #btn-create-widget>div{display:flex;justify-content:center;flex-direction:column;height:100%}#app #widget-wrapper #widget-create-row #btn-create-widget:hover{background-color:#477CB2}#app #widget-wrapper #widget-create-row #maxSizeLabel{font-size:.8em;font-weight:100;display:inline-flex;text-align:left;vertical-align:middle;margin-left:1em;margin-bottom:.5em;line-height:1.2em}#app #widget-wrapper #widget-create-row #beta-app-link{margin-top:2.5em}#app #widget-wrapper #widget-equation-row{display:flex;flex-direction:row;justify-content:space-around;margin:10px;height:100%;transition-property:opacity border-color color;transition-duration:.2s;transition-timing-function:linear}#app #widget-wrapper #widget-equation-row .widget-row{margin:10px 10px 20px}#app #widget-wrapper #widget-display-row #widget-display-main-area{width:100%;min-height:100px;margin:0 auto;position:relative}#app #widget-wrapper #widget-display-row #widget-display-main-area #color-holder div{background-color:#6BB06E;transition:background-color .2s ease}#app #widget-wrapper #widget-display-row #widget-display-main-area #color-holder div.highlight{background-color:#FED87F}#app #widget-wrapper #widget-display-row #widget-display-main-area #grid-holder{position:absolute;display:flex;flex-direction:column;overflow:hidden;background-color:none;pointer-events:none}#app #widget-wrapper #widget-display-row #widget-display-main-area #grid-holder .grid-row{display:flex;flex-direction:row;width:100%;overflow:hidden;margin-bottom:-1px}#app #widget-wrapper #widget-display-row #widget-display-main-area #grid-holder .grid-row .grid-unit{border-style:solid;border-color:#fff;border-width:1px;min-width:5px;min-height:5px;flex:1 1 auto;width:2.7em;height:auto;margin-right:-1px;transition:background-color .2s ease}#app #widget-wrapper #widget-display-row #widget-display-main-area #grid-holder .grid-row .grid-unit:before{content:'';padding:50% 0;display:inline-block}#app #widget-wrapper #widget-display-row #widget-display-main-area .label{position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;font-size:1.125em;transition:top .2s ease,left .2s ease}#app #widget-wrapper #widget-display-row #widget-display-main-area .label.vertical-label{left:1em;width:1.2em;text-align:right}#app #widget-wrapper #widget-display-row #widget-display-main-area .label.horizontal-label{top:.7em}#app #widget-wrapper #widget-display-row #widget-display-main-area .slider{position:absolute}#app #widget-wrapper #widget-display-row #widget-display-main-area .slider .ruleArea{position:relative;width:100%;height:100%}#app #widget-wrapper #widget-display-row #widget-display-main-area .slider .ruleArea .thumb{position:absolute;background-color:#3E5E7E;border-radius:50%;border-width:1px;width:30px;height:30px;display:flex;justify-content:center;color:#fff;transition:background-color .2s ease;opacity:1}#app #widget-wrapper #widget-display-row #widget-display-main-area .slider .ruleArea .thumb:hover{cursor:pointer}#app #widget-wrapper #widget-display-row #widget-display-main-area .slider .ruleArea .thumb>div{display:flex;justify-content:center;flex-direction:column;font-size:1.625em;pointer-events:none}#app #widget-wrapper #widget-display-row #widget-display-main-area .slider .ruleArea .thumb>div img{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#app #widget-wrapper #widget-display-row #widget-display-main-area .slider .ruleArea .thumb i{pointer-events:none}#app #widget-wrapper #widget-display-row #widget-display-main-area .slider .ruleArea .thumb:active{background-color:#3E5E7E}#app #widget-wrapper #widget-display-row #widget-display-main-area .slider .ruleArea .thumb.inactive{background-color:#999}#app #widget-wrapper #widget-display-row #widget-display-main-area .slider .ruleArea .thumb.inactive:hover{background-color:#3E5E7E}#app #widget-wrapper #widget-display-row #widget-display-main-area .slider .ruleArea .thumb .line{position:absolute;background-color:#3E5E7E;border-radius:20px;display:none}#app #widget-wrapper #widget-display-row #widget-display-main-area .slider .ruleArea .thumb .line.inactive{background-color:#999}#app #widget-wrapper #widget-display-row #widget-display-main-area .slider .track{position:absolute;width:100%;height:100%;background-color:#dadada;border-radius:25px;opacity:.3}#app #widget-wrapper #widget-display-row #widget-display-main-area .slider .tick{position:absolute;background-color:#000}#app #widget-wrapper #widget-display-row #widget-display-main-area .slider.vertical{width:14px}#app #widget-wrapper #widget-display-row #widget-display-main-area .slider.vertical .tick{width:100%;height:1px;left:0}#app #widget-wrapper #widget-display-row #widget-display-main-area .slider.vertical .thumb{margin-left:-55%}#app #widget-wrapper #widget-display-row #widget-display-main-area .slider.vertical .thumb>div span{margin-top:3px}#app #widget-wrapper #widget-display-row #widget-display-main-area .slider.vertical .thumb>div img{width:8px;height:20px}#app #widget-wrapper #widget-display-row #widget-display-main-area .slider.vertical .thumb .line{height:2px;top:50%;margin-top:-1px}#app #widget-wrapper #widget-display-row #widget-display-main-area .slider.horizontal{height:14px}#app #widget-wrapper #widget-display-row #widget-display-main-area .slider.horizontal .tick{height:100%;width:1px;top:0}#app #widget-wrapper #widget-display-row #widget-display-main-area .slider.horizontal .thumb{margin-top:-8px}#app #widget-wrapper #widget-display-row #widget-display-main-area .slider.horizontal .thumb>div span{margin-top:-2px}#app #widget-wrapper #widget-display-row #widget-display-main-area .slider.horizontal .thumb>div img{width:20px;height:8px}#app #widget-wrapper #widget-display-row #widget-display-main-area .slider.horizontal .thumb .line{width:2px;left:50%;margin-left:-1px}#app #widget-wrapper #widget-display-row #widget-display-main-area .slider.active .ruleArea .thumb .line{display:block}#app #widget-wrapper #widget-display-row #widget-display-main-area .slider.active .track{opacity:1}#app #widget-wrapper #widget-calculate-area{display:flex;width:auto;max-width:51em;margin:1.5em calc(50% - 26em) 3em auto;overflow:visible}#app #widget-wrapper #widget-calculate-area .calc-display-text{pointer-events:none}#app #widget-wrapper #widget-calculate-area>div{margin:auto;flex-grow:0;transition:width .5s ease;width:auto;position:relative;right:-15px}#app #widget-wrapper #widget-calculate-area .widget-calculate-row{width:100%;margin:auto;display:flex;flex-direction:row;justify-content:space-between;margin-top:8px;transition:all .5s ease;overflow:hidden}#app #widget-wrapper #widget-calculate-area .widget-calculate-row #calculateResult{padding:0 5px;background-color:#666;color:#fff;width:35px;font-size:20px}#app #widget-wrapper #widget-calculate-area .widget-calculate-row #equationLabel{font-size:1.125em;width:90px;text-align:left;border-bottom-style:hidden;padding-bottom:10px}#app #widget-wrapper #widget-calculate-area .widget-calculate-row #calc-result{font-size:1.125em;width:90px;text-align:left}#app #widget-wrapper #widget-calculate-area #show-result-row{justify-content:flex-end}#app #widget-wrapper #widget-calculate-area #calc-result-row{border-width:1px;min-height:36px}#app #widget-wrapper #widget-calculate-area #calc-result-row div.invisible{visibility:hidden;height:0;background-color:#fff}#app #widget-wrapper #widget-calculate-area #calc-result-row>div{transition:height .2s ease;transition:background-color .2s ease;background-color:#DEDEDE;width:100%;display:flex;flex-direction:row;justify-content:space-between}#app #widget-wrapper #widget-calculate-area #calc-display-items,#app #widget-wrapper #widget-calculate-area #calc-result-items{display:flex;flex-direction:row;flex-wrap:wrap;max-width:45em}#app #widget-wrapper #widget-calculate-area .positioner{position:relative;width:100px}#app #widget-wrapper #widget-calculate-area .positioner #calc-display-items-answer,#app #widget-wrapper #widget-calculate-area .positioner #calc-result-items-answer{display:flex;position:absolute;bottom:0}#app #widget-wrapper #widget-calculate-area #calc-result-items-answer{padding-bottom:.2em}#app #widget-wrapper #widget-calculate-area .calc-display-item{margin:auto 5px;text-align:center;width:75px;height:30px;font-size:1em;overflow:hidden;white-space:nowrap;border:1px solid transparent;border-bottom-style:solid;padding-bottom:3px;border-bottom-width:4px;justify-content:center;transition:background-color .2s ease;transition:border-bottom .2s ease}#app #widget-wrapper #widget-calculate-area .calc-display-item#equationLabel:hover{border-color:transparent;background-color:inherit}#app #widget-wrapper #widget-calculate-area .calc-display-item.plus{border-bottom-style:none;width:15px;margin:auto 0}#app #widget-wrapper #widget-calculate-area .calc-display-item.plus:hover{background-color:transparent;border-color:transparent}#app #widget-wrapper #widget-calculate-area #calc-display-items .calc-display-item{padding-top:2px;margin-bottom:2px}#app #widget-wrapper #widget-calculate-area #calc-display-items .calc-display-item.highlight{background-color:#FCECC4;border-left-width:0;border-right-width:0;border-bottom:solid 4px #FFBB13}#app #widget-wrapper #widget-calculate-area #calc-result-items{padding-bottom:5px}#app #widget-wrapper #widget-calculate-area #calc-result-items .calc-display-item{border-bottom:4px;margin-top:10px;padding-top:2px}#app #widget-wrapper #widget-calculate-area #calc-result-items .calc-display-item.highlight{border-left-width:0;background-color:#fff;border-right-width:0;border-bottom:solid 4px #FFBB13}#app #orientation-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;display:none;flex-direction:column;justify-content:center;color:#fff;background-color:#333;font-weight:200;font-size:3em}#app #orientation-bg>div{margin:auto}#app.embed #footer,#app.embed #header,#app.embed #menu-wrapper{display:none}#app.embed #widget-wrapper{padding-top:0}#app.embed #widget-wrapper #widget-create-row{display:none}#app.embed #widget-wrapper #widget-equation-row{opacity:1}#app.embed #widget-wrapper #widget-display-row #widget-display-main-area #grid-holder{max-height:none}.mlc-checkbox{-webkit-appearance:none;border-style:solid;border-color:#3E5E7E;border-width:2px;border-radius:3px;padding:9px;display:inline-block;position:relative}.mlc-checkbox:checked{background-color:#3E5E7E}.mlc-checkbox:checked:after{content:'\2714';font-size:14px;position:absolute;top:0;left:3px;color:#fff}.mlc-checkbox:hover{opacity:.8}.mlc-fa-checkbox:hover{cursor:pointer}.mlc-fa-checkbox .default:hover{opacity:.8}.mlc-fa-checkbox .active{display:none;color:#3E5E7E}.mlc-fa-checkbox.checked .default{display:none}.mlc-fa-checkbox.checked .active{display:block}.togglebtn{display:flex;flex-direction:row;line-height:normal}.togglebtn i,.togglebtn span{font-size:1.5em}.togglebtn .togglebtn-section{display:flex;flex-direction:row}.togglebtn .togglebtn-section .togglebtn-label{font-size:1em!important;font-weight:600;margin:auto 0!important;margin-right:20px!important}.togglebtn .togglebtn-section .togglebtn-sectionbtn{color:#fff;background-color:#999;width:40px;height:32px;text-align:center;display:flex;flex-direction:column;justify-content:center;transition-property:opacity border-color color;transition-duration:.2s;transition-timing-function:linear}.togglebtn .togglebtn-section .togglebtn-sectionbtn i,.togglebtn .togglebtn-section .togglebtn-sectionbtn span{font-weight:200;left:1px;position:relative;margin-top:.12em;display:block}.togglebtn .togglebtn-section .togglebtn-sectionbtn img{width:24px;height:22px;margin:0 auto;display:block}.togglebtn .togglebtn-section .togglebtn-sectionbtn.left{border-top-left-radius:16px;border-bottom-left-radius:16px;margin-right:2px;padding-left:2px}.togglebtn .togglebtn-section .togglebtn-sectionbtn.left i,.togglebtn .togglebtn-section .togglebtn-sectionbtn.left span{margin:2.5px 0 2.5px 1px}.togglebtn .togglebtn-section .togglebtn-sectionbtn.right{border-top-right-radius:16px;border-bottom-right-radius:16px;margin-left:2px;padding-right:2px}.togglebtn .togglebtn-section .togglebtn-sectionbtn.right i,.togglebtn .togglebtn-section .togglebtn-sectionbtn.right span{margin:2.5px 2px 2.5px 0}.togglebtn .togglebtn-section .togglebtn-sectionbtn:hover{cursor:pointer;opacity:.8}.togglebtn .togglebtn-section .togglebtn-sectionbtn:active{opacity:1}.togglebtn .togglebtn-section.active .togglebtn-sectionbtn{background-color:#3E5E7E}.togglebtn .togglebtn-section.active .togglebtn-sectionbtn:hover{opacity:1;background-color:#477CB2}.togglebtn .togglebtn-section.active .togglebtn-sectionbtn:active{background-color:#3E5E7E}.togglebtn .togglebtn-section .calc-answer-btn{border-style:solid;border-width:1px;width:30px;height:30px;background-color:#999;margin:0 2px;display:flex;justify-content:center;flex-direction:column}.togglebtn .togglebtn-section .calc-answer-btn:hover{opacity:.8}.togglebtn .togglebtn-section .calc-answer-btn span{margin:auto}.copyElement{position:absolute;top:-1000px;left:-1000px}.rounded{border-radius:3px}.hidden{display:none!important}.visHidden{visibility:hidden!important}.opaHidden{opacity:0;z-index:-1}.blueText{color:#3E5E7E}.blueText:hover{color:#477CB2}.hoverPointer:hover{cursor:pointer}.spacer{width:100%;min-height:80px;clear:both}.transition{transition-property:opacity border-color color;transition-duration:.2s;transition-timing-function:linear}.positionTransition{transition:top .2s ease,left .2s ease}.avoid-clicks{pointer-events:none}.unselectable{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mdi-link-variant::before{content:"";font-size:1.4em;padding-right:5px;position:relative;top:3px}@media (max-width:880px){#side-panel.active,#widget-wrapper.panel-open{right:0}}@media only screen and (max-device-width:667px),(max-width:667px){.togglebtn .togglebtn-section .togglebtn-sectionbtn{width:2.5em;height:2.5em}.togglebtn .togglebtn-section .togglebtn-sectionbtn.left{padding-left:1px}.togglebtn .togglebtn-section .togglebtn-sectionbtn.right{padding-right:1px}.togglebtn .togglebtn-section.active .togglebtn-sectionbtn{background-color:#3E5E7E}.togglebtn .togglebtn-section.active .togglebtn-sectionbtn:hover{opacity:1;background-color:#477CB2}.togglebtn .togglebtn-section.active .togglebtn-sectionbtn:active{background-color:#3E5E7E}#app #footer,#app #header{display:none}#app #mobile-menu-btn{display:flex}#app #menu-wrapper{position:absolute;top:0;left:0;right:0;transition:opacity .2s ease;background-color:#EFEFEF;display:none}#app #menu-wrapper .menu-item{margin:0 auto;width:100%;display:flex;flex-direction:row;justify-content:center;text-align:right}#app #menu-wrapper .menu-item>div{width:6em}#app #menu-wrapper.active{opacity:1}#app #widget-wrapper{padding-top:30px}#app #widget-wrapper.panel-open{right:0}#app #widget-wrapper #widget-create-row-wrapper{margin-top:15px}#app #widget-wrapper #widget-create-row-wrapper #widget-create-row .widget-row span{margin:auto 3px}#app #widget-wrapper #widget-create-row-wrapper #widget-create-row .widget-row #maxSizeLabel{margin-left:5px}#app #widget-wrapper #widget-create-row-wrapper #widget-create-row #maxSizeLabel{font-size:.75em}#app #widget-wrapper #widget-menu-row{display:none;flex-direction:column;justify-content:center;height:3em;border-bottom-style:solid;border-color:#000;border-width:1px}#app #widget-wrapper #widget-menu-row span{margin:auto}#app #widget-wrapper #widget-display-row{min-height:12em}#app #widget-wrapper #widget-display-row #widget-display-main-area #grid-holder .grid-row{display:flex;flex-direction:row;width:100%;overflow:hidden;margin-bottom:-1px}#app #widget-wrapper #widget-display-row #widget-display-main-area #grid-holder .grid-row .grid-unit{min-width:5px;min-height:5px}#app #widget-wrapper #widget-display-row #widget-display-main-area .label.vertical-label{right:calc(100% - 6em)}#app #widget-wrapper #widget-display-row #widget-display-main-area .slider .ruleArea .thumb{width:35px;height:35px}#app #widget-wrapper #widget-display-row #widget-display-main-area .slider.vertical .thumb{margin-left:-9px;margin-top:-2px}#app #widget-wrapper #widget-display-row #widget-display-main-area .slider.vertical .thumb>div img{width:10px;height:26px}#app #widget-wrapper #widget-display-row #widget-display-main-area .slider.horizontal .thumb{margin-top:-9px;margin-left:-2px}#app #widget-wrapper #widget-display-row #widget-display-main-area .slider.horizontal .thumb>div img{width:26px;height:10px}#app #widget-wrapper #widget-calculate-area{margin:5px}#app #widget-wrapper #widget-calculate-area>div{width:22em;right:0;max-width:100%}#app #widget-wrapper #widget-calculate-area .widget-row{margin:5px}#app #widget-wrapper #widget-calculate-area .widget-calculate-row{font-size:.7em;padding:0;margin-top:5px;overflow:hidden}#app #widget-wrapper #widget-calculate-area .widget-calculate-row .calc-display-item{margin:auto 5px;width:3.8em;overflow:visible}#app #widget-wrapper #widget-calculate-area .widget-calculate-row .calc-display-item.plus{width:.5em}#app #widget-wrapper #widget-calculate-area .togglebtn .togglebtn-section .togglebtn-sectionbtn{width:3em;height:2.7em}#app #widget-wrapper #widget-calculate-area .togglebtn .togglebtn-section.active .togglebtn-sectionbtn{background-color:#3E5E7E}#app #widget-wrapper #widget-calculate-area .togglebtn .togglebtn-section.active .togglebtn-sectionbtn:hover{opacity:1;background-color:#477CB2}#app #widget-wrapper #widget-calculate-area .togglebtn .togglebtn-section.active .togglebtn-sectionbtn:active{background-color:#3E5E7E}}@media only screen and (max-height:620px){#app #widget-wrapper{padding-top:3.5em}#app #widget-wrapper #widget-create-row-wrapper .widget-row{margin-top:0;margin-bottom:0}}