.support-warnings{display:grid;grid-gap:1rem;padding:1rem;position:fixed;top:0;left:0}.support-warning{color:#1a1a1a;border:4px solid hsl(45 80% 50%);display:none;width:200px;padding:1rem;font-family:sans-serif;font-size:.875rem;background:#fafafa}.has-support .support-warning--has,.popup-support .support-warning--popup,.houdini-support .support-warning--houdini,.object-view-box-support .support-warning--object-view-box{display:inline-block}@supports (selector(:has(*))){.has-support .support-warning--has{display:none}}@supports (background: paint(houdini)){.houdini-support .support-warning--houdini{display:none}}@supports (object-view-box: inset(0 0 0 0)){.object-view-box-support .support-warning--object-view-box{display:none}}.supports-popup .support-warning--popup{display:none}*{box-sizing:border-box}body{accent-color:hsl(120 80% 50%);display:grid;place-items:center;min-height:100vh;margin:0;font-family:sans-serif}main{display:grid;grid-template-columns:repeat(9,auto);grid-template-rows:repeat(3,auto);grid-gap:.5rem;grid-auto-flow:dense}[type=range]{grid-column:3}label{color:#262626;padding:.25rem .5rem}.rotation{grid-column:2}.min{grid-column:5}.max{grid-column:6}.current{grid-column:4}.current-rate{grid-column:7}.min-rate{grid-column:8}.max-rate{grid-column:9}label[for]{grid-column:1}label:nth-of-type(1),label:nth-of-type(2),label:nth-of-type(3),label:nth-of-type(4),label:nth-of-type(5){font-weight:700;color:#fafafa;background:#262626;padding:.5rem}label:nth-of-type(4),label:nth-of-type(5){grid-column:span 3}button{grid-column:1 / -1;font-weight:700;font-family:sans-serif;padding:8px 16px;font-size:1rem;border-radius:4px;border:0;color:#fff;background:hsl(120 50% var(--lightness, 50%));transition:background .2s}button:hover{--lightness: 60%}button:active{--lightness: 40%}