.sx-kinds{margin-bottom:12px}.sx-main{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr);gap:14px;align-items:start}.sx-left{display:grid;gap:10px}.sx-name{color:var(--amber);font-weight:400}.sx-len{color:var(--dim)}#sx-wave{width:100%;height:auto;display:block;border-radius:6px;margin:6px 0;border:2px solid var(--line)}.sx-play small{opacity:.6}.sx-knobs{display:grid;gap:8px}.sx-knobs .fa-field{display:grid;grid-template-columns:8em minmax(0,1fr) 6em}.sx-knobs input[type=range]{max-width:none;width:100%;min-width:0}.sx-hist{display:flex;flex-wrap:wrap;gap:6px}.sx-item{display:inline-flex;align-items:center}.sx-x{background:none;border:0;color:var(--dim);cursor:pointer;font-size:20px;padding:0 4px}.sx-x:hover{color:var(--pink)}@media(max-width:820px){.sx-main{grid-template-columns:1fr}}@media(max-width:520px){.sx-knobs .fa-field{grid-template-columns:1fr auto;row-gap:0}.sx-knobs input[type=range]{grid-column:1 / -1;order:3}}