main{display:flex;margin:auto;width:90vw}aside{--aside-width:6em;min-width:var(--aside-width);max-width:var(--aside-width)}article{flex-grow:1}section{display:flex}section *{flex-grow:1}ol{margin:0;padding-left:1em}input[type=range]{width:100%}output{margin:1em;position:relative;background-image:repeating-linear-gradient(#000,transparent 1px,transparent calc(1em - 1px),#000 1em),repeating-linear-gradient(90deg,#000,transparent 1px,transparent calc(1em - 1px),#000 1em);background-color:#d3d3d3}figure{margin:0;padding:0;--border-width:2px;position:absolute;width:calc(1em - var(--border-width)*2);height:calc(1em - var(--border-width)*2);border:var(--border-width) solid #000;border-radius:50%;transform:translate(-50%,-50%);content:attr(title)}li{width:100%}li div{display:flex}li div input:first-child{flex-grow:1}li.active{color:#6495ed}
/*# sourceMappingURL=main.efa17c25.chunk.css.map */