.genre-tabs,.category-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin}
.genre-tabs{margin-bottom:8px;border-bottom:1px solid var(--line)}
.genre-tabs button,.category-tabs button{flex:none;border:0;background:transparent;color:#687465;padding:10px 13px;font-size:12px;white-space:nowrap}
.genre-tabs button[aria-pressed=true]{color:#2c4723;border-bottom:2px solid #638a42;font-weight:700}
.category-tabs{margin-bottom:25px;padding-bottom:4px}
.category-tabs button{border-radius:7px;background:#f0f4ed}
.category-tabs button[aria-pressed=true]{background:#dce9d3;color:#2c4723;font-weight:700}
.motion-demo{display:grid;justify-items:center;gap:9px;max-width:100%}
.motion-stage{position:relative;width:190px;height:74px;display:grid;place-items:center;overflow:visible}
.motion-track{position:absolute;left:15px;right:15px;bottom:8px;height:2px;background:#dbe6d5}
.motion-object{position:relative;width:34px;height:34px;border:1px solid #6b8a5f;border-radius:9px;background:linear-gradient(145deg,#edf7e7,#87ac7a);box-shadow:0 4px 8px #354e2b33}
.motion-travel .motion-object{justify-self:start;margin-left:14px}
.motion-demo .feedback{min-height:1.25em}
@media(max-width:730px){.sidebar .nav{display:none}.genre-tabs,.category-tabs{margin-right:-17px;padding-right:17px}}