:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#292929;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{flex-direction:column;width:100vw;height:100vh;margin:0;padding:0;display:flex}#root{flex:1;grid-template:". . ."1fr".content."". . ."1fr/1fr auto 1fr;display:grid}#avatar{background:#000;border:1px solid #414141;border-radius:10px;flex-direction:column;grid-area:content;gap:1rem;padding:1rem;display:flex;box-shadow:0 6px 12px -6px #232323}#avatar>svg{border-radius:10px}.saveLink{text-align:right;color:#fff;text-transform:uppercase;text-decoration:none}.saveLink:hover{text-decoration:underline}input[type=range]{flex:1}#knobs{flex-direction:column;display:flex}#knobs>div{flex-direction:row;align-items:center;gap:1rem;display:flex}#knobs>div input{flex:1}#knobs>div label{color:#fff;text-align:right;min-width:105px}