@-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 abrasiveVibration{0%{left:calc(50% - 4px);top:2px}50%{top:0;left:50%}100%{top:2px;left:calc(50% - 4px)}}@keyframes abrasiveVibration{0%{left:calc(50% - 4px);top:2px}50%{top:0;left:50%}100%{top:2px;left:calc(50% - 4px)}}@-webkit-keyframes sieveVibration{0%{left:2px;top:3px;transform:rotateZ(0Deg)}25%{top:0;left:0;transform:rotateZ(-1Deg)}50%{top:3px;left:2px;transform:rotateZ(0Deg)}75%{top:0;left:0;transform:rotateZ(1Deg)}100%{left:2px;top:3px;transform:rotateZ(0Deg)}}@keyframes sieveVibration{0%{left:2px;top:3px;transform:rotateZ(0Deg)}25%{top:0;left:0;transform:rotateZ(-1Deg)}50%{top:3px;left:2px;transform:rotateZ(0Deg)}75%{top:0;left:0;transform:rotateZ(1Deg)}100%{left:2px;top:3px;transform:rotateZ(0Deg)}}@-webkit-keyframes rotation360{100%{transform:rotate(360deg)}}@keyframes rotation360{100%{transform:rotate(360deg)}}.conversionInputContainer{padding:15px;text-align:center}.conversionInputContainer .label,.results .label{width:100%;text-align:center;line-height:30px;font-size:130%;font-weight:700}.conversionInputContainer .label{color:var(--winoaDarkBlue)}.conversionInputContainer .subtitle{width:100%;text-align:center;line-height:20px;font-size:130%;color:var(--winoaDarkBlue);margin-top:0}.conversionInputContainer .input.select{width:100%;position:relative;margin:0 auto;max-width:200px;margin-bottom:10px}.subtitle{font-size:initial;font-weight:400;color:var(--winoaDarkBlue);text-align:center;margin-top:10px;margin-bottom:10px}.conversionResult{background-color:var(--winoaLightBlue);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:10px}.conversionResult .big{font-size:130%;font-weight:700}.conversionResult .unitResult{position:absolute;right:-80px;text-align:left;width:70px;font-size:130%}.animation{position:relative;overflow:hidden;margin-top:50px}.animation .sieve img{width:300px;max-width:100%;margin:0 auto;position:relative;display:block;-webkit-animation:sieveVibration .3s linear infinite;animation:sieveVibration .3s linear infinite;transform-origin:50% 50%}.animation .abrasive img{width:300px;max-width:100%;margin:0 auto;position:absolute;display:block;top:0;left:50%;transform:translateX(-50%);-webkit-animation:abrasiveVibration .15s ease-out infinite;animation:abrasiveVibration .15s ease-out infinite}.animation .sievedAbrasives{position:relative;height:100px;width:300px;max-width:100%;margin:0 auto}.animation .sievedAbrasives .abrasive{width:5px;height:5px;opacity:.5;background-color:#fff;position:absolute;border-radius:4px;left:120px;top:0;-webkit-animation:animAbrasive infinite .3s linear;animation:animAbrasive infinite .3s linear}@-webkit-keyframes animAbrasive{0%{top:0;opacity:1}50%{opacity:1}100%{opacity:0;top:100%}}@keyframes animAbrasive{0%{top:0;opacity:1}50%{opacity:1}100%{opacity:0;top:100%}}.delaya1{-webkit-animation-delay:.1s!important;animation-delay:.1s!important}.delaya2{-webkit-animation-delay:.2s!important;animation-delay:.2s!important}.delaya3{-webkit-animation-delay:.3s!important;animation-delay:.3s!important}.delaya4{-webkit-animation-delay:.4s!important;animation-delay:.4s!important}.delaya5{-webkit-animation-delay:.5s!important;animation-delay:.5s!important}.delaya6{-webkit-animation-delay:.6s!important;animation-delay:.6s!important}.delaya7{-webkit-animation-delay:.6s!important;animation-delay:.6s!important}.delaya8{-webkit-animation-delay:.7s!important;animation-delay:.7s!important}.delaya9{-webkit-animation-delay:.8s!important;animation-delay:.8s!important}.delaya10{-webkit-animation-delay:.9s!important;animation-delay:.9s!important}.delaya11{-webkit-animation-delay:1s!important;animation-delay:1s!important}.delaya12{-webkit-animation-delay:1.1s!important;animation-delay:1.1s!important}.delaya13{-webkit-animation-delay:1.2s!important;animation-delay:1.2s!important}.delaya14{-webkit-animation-delay:1.35s!important;animation-delay:1.35s!important}.delaya15{-webkit-animation-delay:1.4s!important;animation-delay:1.4s!important}.delaya16{-webkit-animation-delay:1.55s!important;animation-delay:1.55s!important}.delaya17{-webkit-animation-delay:1.6s!important;animation-delay:1.6s!important}.delaya18{-webkit-animation-delay:1.7s!important;animation-delay:1.7s!important}.delaya18{-webkit-animation-delay:1.8s!important;animation-delay:1.8s!important}.delaya20{-webkit-animation-delay:1.95s!important;animation-delay:1.95s!important}.delaya21{-webkit-animation-delay:2s!important;animation-delay:2s!important}.delaya22{-webkit-animation-delay:2.1s!important;animation-delay:2.1s!important}.delaya23{-webkit-animation-delay:2.2s!important;animation-delay:2.2s!important}@media (min-width:800px){.app{margin:0 auto}}