*{box-sizing:border-box}html,body{margin:0;border:0;padding:0}html{font-size:10px}body{font-family:Roboto,Helvetica Neue,sans-serif;color:#647387;font-size:1.5rem}strong{font-weight:500}h1,h2,h3{width:100%;margin:0;text-align:center;font-weight:500}h1{font-size:2rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}h2{font-size:1.75rem}h3{font-size:1.5rem}ul{padding:0 2rem;list-style-type:decimal}button{min-width:6rem;height:2.5rem;border:.1rem solid #C8CDD2;padding:.5rem;border-radius:.5rem;background:#f0f0f0;color:#647387;cursor:pointer;font-family:Roboto,Helvetica Neue,sans-serif;line-height:1}button:hover{background:#c8cdd2}input[type=radio]{cursor:pointer}input[type=number]{width:10rem;height:3rem;border-radius:.5rem;border:.1rem solid #C8CDD2;font-size:2rem;color:#647387}input[type=number]:focus-visible{border:.1rem solid #647387;outline:none}input[type=range]{-webkit-appearance:none;appearance:none;background:#c8cdd2;cursor:pointer;width:20rem;height:.7rem;border-radius:.5rem;accent-color:coral}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#647387;height:1.5rem;width:1.5rem;border-radius:50%}input[type=range]::-moz-range-thumb{background-color:#647387;height:1.5rem;width:1.5rem;border-radius:50%}::-webkit-scrollbar{width:.7rem}::-webkit-scrollbar-track{border-radius:1rem;background:#f0f0f0}::-webkit-scrollbar-thumb{border-radius:1rem;background:#c8cdd2}::-webkit-scrollbar-thumb:hover{background:#b4b9c3}main{min-height:calc(100vh - 5rem);padding:2rem;display:flex;flex-direction:column;gap:1.5rem}section{height:100%;border:.1rem solid rgb(240,240,240);padding:2rem 2.5rem;border-radius:1rem;background-color:#f0f0f04d;overflow:auto;display:flex;flex-direction:column;justify-content:flex-start}menu{position:fixed;z-index:2}summary{cursor:pointer}.bold{font-weight:600}.disabled{cursor:not-allowed;opacity:.7}@media screen and (max-width: 900px){section{padding:1.5rem .75rem}}