@-webkit-keyframes show{from{opacity:0}to{opacity:1}}@keyframes show{from{opacity:0}to{opacity:1}}@-webkit-keyframes hide{from{opacity:1}to{opacity:0}}@keyframes hide{from{opacity:1}to{opacity:0}}@-webkit-keyframes vibration{0%{left:-1px;top:1px}50%{top:0;left:0}100%{top:0;left:-1px}}@keyframes vibration{0%{left:-1px;top:1px}50%{top:0;left:0}100%{top:0;left:-1px}}@-webkit-keyframes rotation360{100%{transform:rotate(360deg)}}@keyframes rotation360{100%{transform:rotate(360deg)}}.conversionInputContainer .label{width:100%;text-align:center;line-height:30px;margin-top:5px;margin-bottom:5px;font-size:110%;font-weight:700;color:var(--winoaDarkBlue)}.input.select{position:relative;width:118px;margin:0 auto;margin-bottom:5px}.subtitle{font-size:initial;font-weight:400;color:var(--winoaDarkBlue);text-align:center;margin-bottom:10px}.conversionResult{opacity:.6;background-color:var(--winoaDarkBlue);border-radius:6px;margin:0 auto;font-size:.9em;text-align:center;color:#fff;width:118px;height:45px;line-height:45px;position:relative;margin-bottom:5px}.conversionResult.activate{opacity:1}.conversionResult .big{font-size:130%;font-weight:700}.conversionResult .unitResult{position:absolute;right:-60px;text-align:left;width:50px;color:var(--winoaDarkBlue)}.animation{position:relative;height:250px;left:calc(50%);transform:translateX(-50%);max-width:100%}.animation .wheel{position:relative;height:125px;-webkit-animation:rotation360 1s linear infinite;animation:rotation360 1s linear infinite;transform-origin:50% 50%;overflow:visible;margin:0 auto;z-index:2;opacity:1}.animation .wheel img{position:relative;height:100%;width:100%}.animation .flowContainer{position:relative;width:179px;height:30%;margin:0 auto}.delaya1{-webkit-animation-delay:.1s!important;animation-delay:.1s!important}.delaya3{-webkit-animation-delay:.3s!important;animation-delay:.3s!important}.delaya5{-webkit-animation-delay:.5s!important;animation-delay:.5s!important}.delaya7{-webkit-animation-delay:.6s!important;animation-delay:.6s!important}.delaya9{-webkit-animation-delay:.8s!important;animation-delay:.8s!important}.delaya11{-webkit-animation-delay:1s!important;animation-delay:1s!important}@-webkit-keyframes animAbrasive{0%{left:50%;top:-90px;opacity:1}10%{left:50%;top:-90px;opacity:1}30%{left:60%;top:-58px}50%{left:82%;top:-36px}55%{left:70%;top:-15px}70%{left:48%;top:90px}85%{opacity:1}100%{opacity:1;left:28%;top:40px}}@keyframes animAbrasive{0%{left:50%;top:-90px;opacity:1}10%{left:50%;top:-90px;opacity:1}30%{left:60%;top:-58px}50%{left:82%;top:-36px}55%{left:70%;top:-15px}70%{left:48%;top:90px}85%{opacity:1}100%{opacity:1;left:28%;top:40px}}@-webkit-keyframes animAbrasiveB{0%{left:50%;top:-150px;opacity:0}10%{left:50%;top:-110px;opacity:0}30%{left:60%;top:-58px;transform:rotate(90Deg)}50%{left:82%;top:-46px;opacity:.5}55%{left:70%;top:-35px;opacity:1}70%{left:37%;top:75px}85%{opacity:1}100%{transform:rotate(360Deg);opacity:0;left:28%;top:40px}}@keyframes animAbrasiveB{0%{left:50%;top:-150px;opacity:0}10%{left:50%;top:-110px;opacity:0}30%{left:60%;top:-58px;transform:rotate(90Deg)}50%{left:82%;top:-46px;opacity:.5}55%{left:70%;top:-35px;opacity:1}70%{left:37%;top:75px}85%{opacity:1}100%{transform:rotate(360Deg);opacity:0;left:28%;top:40px}}.animation .flowContainer .abrasive{width:5px;height:5px;opacity:0;background-color:#fff;position:absolute;border-radius:5px;left:71%;top:-24px;-webkit-animation:animAbrasive infinite 1.2s linear;animation:animAbrasive infinite 1.2s linear}.animation .containerSteel{border:1px dashed #fff;border-top:none;border-bottom:none;height:80px;width:100%;margin:0 auto;margin-top:-34px;position:relative}.animation .containerSteel .rouilleLeft{width:49%;height:20px;top:29px;background:url(../../img/calculators/cleanlinessVSProductivity/bkgRust.jpg);background-size:200% 100%;-webkit-animation:5s animSteel linear infinite;animation:5s animSteel linear infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;position:absolute;z-index:3;-webkit-clip-path:polygon(0 0,90% 0,100% 100%,0 100%);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 100%,0 100%)}.animation .containerSteel .rouilleResidus{height:5px;width:72%;top:44px;left:28%;position:absolute;overflow:hidden;opacity:0;transition:.2s}.animation .containerSteel .rouilleResidus.show{opacity:1;-webkit-animation-play-state:initial;animation-play-state:initial}.delay1{-webkit-animation-delay:1s!important;animation-delay:1s!important}.delay2{-webkit-animation-delay:1.8s!important;animation-delay:1.8s!important}.delay3{-webkit-animation-delay:2.2s!important;animation-delay:2.2s!important}@-webkit-keyframes leftToRightResidus{0%{left:0}100%{left:110%}}@keyframes leftToRightResidus{0%{left:0}100%{left:110%}}.animation .containerSteel .rouilleResidus1{height:5px;width:10px;left:100%;transform:translateX(-100%);position:absolute;background:url(../../img/calculators/cleanlinessVSProductivity/bkgRust.jpg);background-size:cover;-webkit-animation:leftToRightResidus 2.5s infinite linear;animation:leftToRightResidus 2.5s infinite linear;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;-webkit-animation-direction:normal;animation-direction:normal}.animation .containerSteel .rouilleResidus2{height:5px;width:20px;left:100%;transform:translateX(-100%);position:absolute;background:url(../../img/calculators/cleanlinessVSProductivity/bkgRust.jpg);background-size:cover;-webkit-animation:leftToRightResidus 2.5s infinite linear;animation:leftToRightResidus 2.5s infinite linear;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;-webkit-animation-direction:normal;animation-direction:normal}@-webkit-keyframes animSteel{0%{background-position:200% 0}100%{background-position:0 0}}@keyframes animSteel{0%{background-position:200% 0}100%{background-position:0 0}}.animation .containerSteel .steel{background:url(../../img/calculators/cleanlinessVSProductivity/bkgSteel2.jpg);background-size:400% 200%;-webkit-animation:20s animSteel linear infinite;animation:20s animSteel linear infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;position:absolute;top:49px;width:100%;height:19px}@media (min-width:800px){.app{margin:0 auto;max-width:883px;width:100%;box-sizing:border-box}.resultsZone{flex-grow:1}.resultsZone .results{width:100%!important}}