:root{--inputPanelWidth:380px;--arrowWidth:40px;--inputMarginRight:50px}*{outline:0!important}html{height:100%;padding:0;margin:0}body{font-family:Exo,Arial,sans-serif;font-size:1em;height:100%;padding:0;margin:0;display:flex;flex-direction:column}.app{padding:10px 20px}.app-header{width:100%}.app-title{margin:0;font-size:1.4em;font-weight:400;color:var(--titleColor);margin-bottom:10px;text-align:center}button{border-color:transparent;margin:0;padding:0 12px;border-radius:4px;font-size:16px;line-height:42px;cursor:pointer;display:flex;align-items:center;justify-content:center}.button.disabled,.button[disabled]{opacity:.4;cursor:default!important;pointer-events:none}.divider{height:1px;background-color:var(--winoaDarkBlue);clear:both;margin:10px 0}.resultsZone .divider{background-color:#fff}.numericStepper{display:flex;align-items:center;justify-content:center;flex-direction:row;height:100%}.numericStepper button{flex-basis:30%;border-radius:initial;font-weight:700;font-size:1.3em;height:100%;background-color:#fff;color:var(--winoaDarkBlue);border:1px solid var(--winoaLightBlue);box-sizing:border-box}.numericStepper button:active{background-color:var(--winoaDarkBlue);color:#fff}.numericStepper button.less{border-top-left-radius:4px;border-bottom-left-radius:4px}.numericStepper button.more{border-top-right-radius:4px;border-bottom-right-radius:4px}.numericStepper input{border-radius:0!important;padding:0!important;flex-basis:33%;text-align:center;direction:unset;-moz-text-align-last:center;text-align-last:center;background-color:var(--inputBkg);color:#fff;font-weight:700;font-size:100%;flex-grow:1;height:100%;border:none;box-sizing:border-box;border-top:1px solid var(--winoaLightBlue);border-bottom:1px solid var(--winoaLightBlue)}.numericStepper input:active,.numericStepper input:focus{background-color:var(--winoaDarkBlue)}.btnSwitchUnit{padding:5px;text-align:center;border-radius:8px;background-color:var(--winoaLightGrey);flex-grow:1;width:100%;box-sizing:border-box}.btnSwitchUnit+.btnSwitchUnit{margin-top:5px}.btnSwitchUnit .subTitleToggleLabel{color:var(--winoaDarkBlue);text-transform:uppercase;margin-bottom:10px}.btnSwitchUnit .toggle.centered{display:flex;align-items:center;justify-content:center}.btnSwitchUnit .toggle .label{font-size:.9em;transition:color .2s ease;color:var(--winoaDarkGrey);width:100%;text-transform:uppercase}.btnSwitchUnit .toggle .label.left{text-align:right}.btnSwitchUnit .toggle .label.right{text-align:left}.btnSwitchUnit .toggle .label.active{color:var(--winoaDarkBlue);font-weight:700}.btnSwitchUnit .switch{position:relative;display:inline-block;width:60px;min-width:60px;height:34px;margin:0 10px}.btnSwitchUnit .switch input{opacity:0;width:0;height:0}.btnSwitchUnit .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--winoaDarkBlue);transition:.4s;border-radius:34px}.btnSwitchUnit .slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}.btnSwitchUnit input:checked+.slider:before{transform:translateX(26px)}.btnSwitchUnit .slider.round{border-radius:34px}.btnSwitchUnit .slider.round:before{border-radius:50%}input,select{text-align:center;padding-left:5px;padding-right:5px;font-family:Exo,sans-serif;font-weight:500;font-size:1.2em;border:none;border-radius:6px;-webkit-appearance:none;-moz-appearance:none;display:inline-block;background-color:var(--inputBkg);color:#fff;transition:.2s;width:100%;box-sizing:border-box;min-height:47px}.input.select:after{content:"";position:absolute;display:flex;align-items:center;justify-content:center;top:calc(50% - .1em);right:10px;height:10px;pointer-events:none;color:#fff;border-top:.3em solid;border-right:.3em solid transparent;border-left:.3em solid transparent}input::-webkit-input-placeholder,select::-webkit-input-placeholder{line-height:calc(1.2em + 10px)!important;padding-left:5px!important;padding-right:5px!important;min-height:40px!important;color:#fff}input:focus,select:focus,select:hover{background-color:var(--winoaDarkBlue)}select:focus option{background-color:var(--inputBkg)}select{white-space:nowrap;direction:rtl;cursor:pointer}select:disabled{background-color:var(--winoaLightGrey);opacity:.2;cursor:not-allowed}.btnCalculateContainer{margin-bottom:.5em;text-align:center;overflow:hidden;display:flex;align-items:center;justify-content:center}.btnCalculateContainer .button{color:#fff;background-color:var(--winoaDarkBlue);width:100%;border-radius:8px}.resultsZone{position:relative}.resultsZone:has(.subPanelContent){position:initial}.resultsZone .results{border-radius:.4em;color:#fff;overflow:hidden;transition:opacity .2s;opacity:0;box-sizing:border-box}.resultsZone .results.activate{background-color:var(--inputResultBkg);border-radius:.4em;color:#fff;overflow:hidden;padding:1em;opacity:1}.subPanel{height:auto;z-index:8;background-color:var(--winoaDarkBlue);position:fixed;bottom:0;top:calc(100% - 44px);left:0;width:100%;transition:.5s}.subPanel .bar-footer{background:var(--winoaDarkBlue);color:#fff;text-align:center;height:44px;font-size:1em;padding:0;cursor:pointer}.subPanel .bar-footer .inner{width:100%;position:relative;text-align:left;display:flex;align-items:center}.subPanel .bar-footer .title{height:100%;line-height:40px;margin:0;font-size:1em;font-family:Exo,sans-serif;font-weight:300;padding:0;flex-grow:1;text-align:center;transition:.5s}.subPanel .bar-footer .button{min-height:44px;line-height:44px;font-size:1.2em;padding:0 .3em;background:0 0;margin:0 5px;transition:.5s}.subPanel .bar-footer .button>i{display:inline-block;vertical-align:top;width:25px;height:40px}.subPanelContent{position:fixed;top:100%;left:0;color:#fff;text-align:center;height:0;width:100%;z-index:7;transition:top .2s,height .2s;background-color:var(--winoaDarkBlueTransparent);overflow:hidden}.subPanelContent.opened{opacity:1;top:0;transition:top .5s,height .5s;height:calc(100% - 44px);padding-top:1em}.subPanelContent .closeBtn{font-size:1em;position:absolute;top:0;right:0;z-index:5;background:0 0;min-height:2em;line-height:1em}.subPanelContent .closeBtn>i{font-size:1em;line-height:1em;display:block;height:1em;width:1em}.subPanelContent .formulas{font-size:1.6em;font-weight:700;color:#fff;text-align:center;line-height:1.6em;width:100%}.subPanelContent .miniTitle{font-size:1em;margin-bottom:.5em}.subPanelContent .title{font-size:1.3em;margin-top:1em;margin-bottom:.5em}.subPanelContent .subtitle{margin-top:-.5em;margin-bottom:.5em;color:#9d9d9d}.subPanel.disabled .bar{color:rgba(255,255,255,.5);cursor:not-allowed}.subPanel.disabled .button-icon{opacity:.5}.iconClose{background-repeat:no-repeat;background-position:center center;background-size:contain;background-image:url(../img/iconClose.png)}.iconChevronUp{background-repeat:no-repeat;background-position:center center;background-size:contain;background-image:url(../img/iconChevronUp.png)}.iconChevronDown{background-repeat:no-repeat;background-position:center center;background-size:contain;background-image:url(../img/iconChevronDown.png)}.iconSwicth{background-repeat:no-repeat;background-position:center center;background-size:contain;background-image:url(../img/iconSwitch.png)}.iconSwicthOff{background-repeat:no-repeat;background-position:center center;background-size:contain;background-image:url(../img/iconSwitch.png);transform:rotate(180Deg)}@media (min-width:800px){.app.noadapt .animationContent{max-width:800px;margin:0 auto}.app:not(.noadapt) .animationContent{display:flex;flex-direction:row}.app:not(.noadapt) .animationContent .inputs{flex-basis:var(--inputPanelWidth);margin:20px 0;flex-shrink:1;min-width:var(--inputPanelWidth);max-width:500px;padding-right:20px;border-right:1px solid var(--winoaDarkBlue);box-sizing:border-box;width:calc(100% - 50px)}.app:not(.noadapt) .resultsZone{position:relative;display:flex;align-items:center}.app:not(.noadapt) .resultsZone:has(.subPanelContent){position:relative}.app:not(.noadapt) .resultsZone .results{position:relative;width:300px;margin-left:calc(var(--arrowWidth) + 10px);background-color:var(--winoaDarkBlue);overflow:visible!important}.app:not(.noadapt) .resultsZone .results:before{content:'';background-color:var(--winoaDarkBlue);width:var(--arrowWidth);height:40px;position:absolute;top:calc(50% - 20px);left:-39px;-webkit-clip-path:polygon(0 50%,100% 0,100% 100%);clip-path:polygon(0 50%,100% 0,100% 100%)}.app:not(.noadapt) .resultsZone .results .result{opacity:1}.app:not(.noadapt) .resultsZone .results .subPanelContent{position:relative;background-color:var(--winoaDarkBlue);padding-top:0;height:100%}.app:not(.noadapt) .resultsZone .results .subPanelContent .closeBtn{display:none}.app:not(.noadapt) .subPanel{display:none}}