:root{--green1:#06ba06}.app{height:100%;overflow:visible;padding-bottom:140px}.animationContent{height:calc(100% - 30px)}.animationContent .inputs{box-sizing:border-box;height:100%}.calculatorsMainContent{display:flex;flex-direction:column;height:100%}.formElement{position:relative;overflow:hidden;display:flex;align-items:flex-end}.formElement.backgrounded{border-radius:5px;margin-bottom:5px}.formElement.backgrounded .input.select .selectLabel{width:100%;text-align:center;color:var(--winoaDarkBlue);font-size:.8em}.canvasFlexContainer{background-color:var(--winoaLightBlue);flex-grow:1;display:flex;align-items:center;justify-content:center;margin-top:5px}.formElement.backgrounded .input.select:after{top:calc(50% + 5px - .1em)}.formElement.backgrounded .label.subLabel{box-sizing:border-box;color:var(--winoaDarkBlue)}.formElement.backgrounded .label.subLabel>div:first-child{font-size:initial;font-weight:400}.formElement.backgrounded .label.subLabel>div:nth-child(2){font-weight:700;font-size:130%;margin-top:-2px}.formElement .label{text-align:left;color:var(--winoaDarkBlue);flex-grow:1}.formElement.backgrounded .label{color:var(--winoaDarkBlue)}.formElement .label.subLabel{line-height:24px}.formElement .label.subLabel>div:first-child{font-size:120%;font-weight:700}.formElement .input{width:140px;float:right;position:relative;box-sizing:border-box}.formElement.backgrounded .input{padding-left:2px}.canvasContent{position:relative;display:block;height:200px;margin:0 auto;width:200px;background-image:url(../../img/grid.png);background-size:90%;background-position:center;background-repeat:no-repeat;background-color:var(--winoaDarkBlue)}.canvasContent canvas{display:block;background-color:transparent;height:calc(100% - 1em);top:.5em;margin:0 auto;position:relative}.exposant{font-size:70%;vertical-align:top;top:-.3em;position:relative}.greenLabel{color:var(--green1)}.subPanelContent{display:none;text-align:center}.subPanelContent.visible{display:block}.resultsZone .results,.resultsZone .results.activate{padding:0}.results .formulas{font-size:1.5em;font-weight:700;color:#fff;text-align:center;line-height:1.3em;width:100%;display:flex;align-items:center;justify-content:center}.results .formulas:first-child{flex-grow:1}.results>.formulas{position:fixed;bottom:44px;left:0;background-color:var(--winoaDarkBlueTransparent)}.subPanelContent .miniTitle{font-size:1em;margin-bottom:.5em}.subPanelContent .title{margin-top:0}.subPanelContent .subtitle{color:var(--winoaLightBlue);margin-top:-12px}.subPanelContent .coverageRate{margin:.5em;padding:.5em;font-size:1.3em;border-radius:5px;background-color:var(--green1);display:flex;align-items:center;flex-direction:column;flex-basis:60px}.subPanelContent .coverageRate .label{text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.subPanelContent .coverageRate .value{text-align:right;font-size:120%;font-weight:700}@media (min-width:800px){.app{margin:0 auto;max-width:823px;width:100%;box-sizing:border-box}.resultsZone{flex-grow:1}.resultsZone .results{width:100%;max-width:340px}.resultsZone .results.activate{padding:1em;width:100%!important;min-height:100%;display:flex;align-items:center}.resultsZone .results>.formulas{position:initial}.resultsZone .results:has(.subPanelContent.visible)>.formulas{display:none}.animationContent .inputs{margin:0!important}.subPanelContent.has-footer .panelContent{opacity:0;-webkit-animation:1s show;animation:1s show;display:flex;flex-direction:column;height:100%}.subPanelContent.has-footer.visible .panelContent{opacity:1}}@-webkit-keyframes show{from{opacity:0}to{opacity:1}}@keyframes show{from{opacity:0}to{opacity:1}}