:root{--partColor0:#7f8fad;--partColor1:#586d92;--partColor2:#456398;--partColor3:#2d508c;--inputPanelWidth:470px}@-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 animationPremium{0%{opacity:1;transform:scale(.9) rotate(0)}50%{opacity:.5;transform:scale(.7) rotate(180deg)}100%{opacity:1;transform:scale(.9) rotate(360deg)}}@keyframes animationPremium{0%{opacity:1;transform:scale(.9) rotate(0)}50%{opacity:.5;transform:scale(.7) rotate(180deg)}100%{opacity:1;transform:scale(.9) rotate(360deg)}}.subTitle{font-size:130%;font-weight:700;color:var(--winoaDarkBlue);padding:.5em 0}.selectAbrasiveType .labels{width:100%;padding:.5em 0;overflow:hidden;font-weight:700;font-size:90%}.selectAbrasiveType .labels>div{width:25%;float:left;text-align:center;color:var(--winoaDarkBlue);font-size:90%}.selectAbrasiveType .buttons{width:100%;overflow:hidden;padding-bottom:.5em}.selectAbrasiveType .buttons button{width:25%;float:left;transition:.2s;outline:0;height:47px;background-color:#fff;border:1px solid var(--winoaDarkBlue);box-sizing:border-box}.selectAbrasiveType .buttons button:nth-child(1){margin-right:2px;width:calc(25% - 2px);border-top-right-radius:0;border-bottom-right-radius:0}.selectAbrasiveType .buttons button:nth-child(2){border-radius:0}.selectAbrasiveType .buttons button:nth-child(3){margin-left:2px;width:calc(25% - 2px);border-radius:0}.selectAbrasiveType .buttons button:nth-child(4){margin-left:2px;width:calc(25% - 2px);border-top-left-radius:0;border-bottom-left-radius:0}.selectAbrasiveType .buttons button.active,.selectAbrasiveType .buttons button:active,.selectAbrasiveType .buttons button:focus{background-color:var(--winoaDarkBlue);color:#fff}.selectAbrasiveType .buttons button.active i:before,.selectAbrasiveType .buttons button:active i:before,.selectAbrasiveType .buttons button:focus i:before{background-color:#fff}.button i{width:100%;height:70%;position:relative;display:block;margin:0 auto}.button i:before{content:'';transition:.2s;width:99%;height:99%;display:block;background-color:var(--winoaDarkBlue);-webkit-mask-size:contain!important}.button.premium i:before{width:100%;height:100%}.button.shot i:before{-webkit-mask:url(../../img/calculators/artificialOperatingMix/pictoShot.svg) no-repeat center}.button.grit i:before{-webkit-mask:url(../../img/calculators/artificialOperatingMix/pictoGrit.svg) no-repeat center}.button.premium i:before{z-index:2;position:relative;-webkit-mask:url(../../img/calculators/artificialOperatingMix/pictoPremium.svg) no-repeat center}.button.premium i:after{content:'';z-index:0;-webkit-animation:animationPremium infinite linear 2s;animation:animationPremium infinite linear 2s;transform:scale(.8) rotate(0);position:absolute;top:0;transition:.2s;width:100%;height:100%;display:block;background-color:var(--winoaLightBlue);transform-origin:51% 53%;-webkit-mask-size:contain!important;-webkit-mask:url(../../img/calculators/artificialOperatingMix/pictoPremiumBkg.svg) no-repeat center}.button.premium.active i:after,.button.premium:active i:after{background-color:var(--winoaDarkBlue)}.button.stelux i:before{-webkit-mask:url(../../img/calculators/artificialOperatingMix/pictoStelux.svg) no-repeat center}.formElement{position:relative;overflow:hidden;margin-bottom:10px}.formElement .label{text-align:left;color:var(--winoaDarkBlue);width:60%;height:2.5em;min-height:47px;line-height:2.5em;float:left}.formElement .input{width:40%;height:2.5em;min-height:47px;float:left}.formElement .input input,.formElement .input select{min-height:47px;width:100%;text-align:right;padding-left:1.2em;padding-right:1.2em}.formElement .input select{padding-left:0}.formElement .input.select:after{content:"";position:absolute;top:25px;width:0;height:100%;pointer-events:none;color:#fff;right:.5em;margin-top:-.2em;border-top:.3em solid;border-right:.3em solid transparent;border-left:.3em solid transparent}.btnAndResultsZone{position:relative;width:100%;padding:.5em 0;top:.5em}.resultsZone .results .label{font-weight:700;font-size:130%;text-align:center}.resultsZone .graduationBar{overflow:hidden;position:relative}.resultsZone .graduationBar .labels{margin-bottom:.5em;margin-top:.5em;overflow:hidden}.resultsZone .graduationBar .labels>div{float:left;width:50%}.resultsZone .graduationBar .labels>div:nth-child(2){text-align:right}.resultsZone .graduationBar .barre{overflow:hidden}.resultsZone .graduationBar .barre>div{float:left;width:25%;height:30px;transition:.5s}.resultsZone .graduationBar .barre .part0,.resultsZone .repartition>div.part0 .colorLegend{background-color:var(--partColor0)}.resultsZone .graduationBar .barre .part1,.resultsZone .repartition>div.part1 .colorLegend{background-color:var(--partColor1)}.resultsZone .graduationBar .barre .part2,.resultsZone .repartition>div.part2 .colorLegend{background-color:var(--partColor2)}.resultsZone .graduationBar .barre .part3,.resultsZone .repartition>div.part3 .colorLegend{background-color:var(--partColor3)}.resultsZone .repartition>div{overflow:hidden;transition:0s;height:30px;opacity:0;display:flex;flex-direction:row;align-items:center;margin:8px 0 8px 0}.resultsZone .repartition>div.activate{width:100%;opacity:1;transition:.5s}.resultsZone .repartition>div:before{content:'';position:absolute;left:0;width:0;height:31px;background:linear-gradient(to right,#0b3d05 100%,var(--winoaLightBlue) 0);transition:.5s;opacity:1;z-index:3}.resultsZone .repartition>div.activate:before{content:'';position:absolute;left:0;width:100%;height:31px;opacity:0;background:linear-gradient(to right,#0b3d05 0,var(--winoaLightBlue) 100%)}.resultsZone .repartition>div>div.colorLegend{width:30px}.resultsZone .repartition>div>div.abrasive{text-align:left;padding-left:10px;flex-grow:1}.resultsZone .repartition>div>div.weight{font-size:120%;flex-basis:30%;text-align:right;display:flex;align-items:center;justify-content:flex-end}.resultsZone .repartition>div>div.percentage{margin:0 0 0 10px}.resultsZone .repartition>div>div{flex-basis:30px;height:30px;line-height:30px;display:flex;align-items:center}.resultsZone #part0 .colorLegend{background-color:var(--partColor0)}.resultsZone #part1 .colorLegend{background-color:var(--partColor1)}.resultsZone #part2 .colorLegend{background-color:var(--partColor2)}.resultsZone #part3 .colorLegend{background-color:var(--partColor3)}