:root{--white:#EEECE8;--light:#a0bca0;--med-light:#608F60;--med-dark:#588157;--dark:#405a3f;--selected:#E9EA6A;background-color:var(--white);font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:.9em}html.wait{cursor:progress!important}div{display:flex}div.header-title{flex-direction:column;gap:2px;align-items:flex-start}h1{margin:0;font-size:1.8em}input.title{background-color:transparent;color:#000;border:none;border-bottom:1px solid #000;width:20em;border-radius:0}input.title:focus{outline:0}div.header-left{flex-direction:row-reverse;justify-self:flex-end;align-items:center;gap:10px}@media only screen and (max-width:600px){div.header-left{display:none}}button.header-button{margin:0}body{display:flex;flex-direction:column;align-items:stretch;max-width:1200px;margin:0 auto;min-height:100vh;overflow-y:overlay}a{text-decoration:none;color:#000}header{display:flex;background-color:var(--med-dark);width:100vw;padding:.5em 2.5em;box-shadow:0 4px 4px gray;margin-bottom:6px;justify-content:flex-start;flex-wrap:nowrap;align-items:center;gap:1em;align-self:center;box-sizing:border-box}header img.logo{max-width:4em;max-height:4em;width:auto;height:auto}main{display:flex;flex-direction:row;flex-wrap:wrap;flex:1;align-content:flex-start;justify-content:center;gap:0 1em}div.break{width:100vw}button{display:flex;align-items:center;justify-content:center;background-color:var(--med-light);padding:5px;border:1px solid #000;margin:8px;cursor:pointer}button:hover{background-color:var(--dark)}footer{align-self:center;display:flex;justify-content:center;align-items:flex-end;width:100vw;margin-top:5px;flex-shrink:0}footer a.fun-logo{margin-right:auto}footer img{height:40px;margin-bottom:-3px}footer div{width:40px;margin-left:auto}footer span{margin:auto 1em}input[type=number]{size:20}button[data-tipso]{border-bottom:1px solid #000}div.units-buttons{flex-direction:column;align-items:center;justify-content:space-evenly;gap:5px}button.copy-link{padding:8px}button.copy-link.wait{cursor:progress}button.docs,button.reset{padding-top:.7em;padding-bottom:.7em}div.body{flex-wrap:wrap;justify-content:center;flex-direction:row;align-items:flex-start}div.page-element{flex-direction:column;align-items:stretch;justify-content:center;flex-wrap:wrap;max-width:600px;border:3px solid #000;border-radius:5px;gap:4px 3em;margin:10px;padding:10px;background-color:var(--light)}div.page-element h2{margin:0 auto}select#motor{flex:0 1 auto;min-width:20em;align-self:center}div.break{flex-basis:100%}div.field input{max-width:4em;text-align:right}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}div.graph-limits input[type=number]{-moz-appearance:textfield}div.field label{margin:auto 5px}h3{margin:0 0 .3em 0}input[type=radio]{margin-left:3px}div.page-element#motor-el{max-width:500px}input[type=number]{border:1px solid gray;padding:2px}div.page-element#motor-el{flex-direction:row;align-content:space-around;padding-top:1.5em;padding-bottom:1.5em}div.page-element#load-el{align-items:flex-end;justify-content:space-around;padding-top:2em;padding-bottom:2em}div.page-element#load span{min-width:calc(4.5em - 3px);box-sizing:border-box}div.page-element#load select{min-width:4.5em;box-sizing:border-box}div.page-element#calculation{flex-direction:row;max-width:100%;align-items:center}div.inputs{flex-direction:column;align-items:flex-end;gap:8px}div.inputs span{min-width:calc(4.5em - 3px);box-sizing:content-box}div.inputs select{min-width:4.5em;box-sizing:content-box}div.graph{width:50vw;max-width:700px}div.max-buttons{flex-direction:row;flex-wrap:wrap;font-size:large;margin-top:8px}button.max{font-size:.8em}button.max:hover{background-color:var(--dark)}input[type=radio]{display:none}canvas#graph{background-color:#fff}div.graph{flex-direction:column}div.graph-limits{gap:.3em}div.graph-limits input{width:3em}h4{margin:-3px 1em 0 1em;text-align:center}input#total-ratio{cursor:pointer;background-color:#d3d3d3;border:1px solid gray}div.page-element#examples{max-width:none}summary>*{cursor:pointer;display:inline}p{margin-block:.3em}@media only screen and (max-width:600px){div.graph{display:none}}