.ScYtuq_panel{background:linear-gradient(#ffffff09,#0000 40%),#121218;border:1px solid #ffffff0f;position:relative;box-shadow:inset 0 1px #ffffff0d,0 18px 40px -24px #000000e6}.ScYtuq_control{color:#f4f4f5;background:linear-gradient(#20202a,#1a1a22);border:1px solid #ffffff14;border-radius:.75rem;align-items:center;height:2rem;transition:border-color .2s;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0a,0 1px 2px #0006}.ScYtuq_control:hover{border-color:#ffffff26}.ScYtuq_control:focus-within{border-color:#818cf899}@media (min-width:768px){.ScYtuq_control{height:2.25rem}}.ScYtuq_rotateHint{animation:2.4s ease-in-out infinite ScYtuq_rotate-hint}@keyframes ScYtuq_rotate-hint{0%,20%{transform:rotate(0)}50%,70%{transform:rotate(-90deg)}to{transform:rotate(0)}}.ScYtuq_pad{transition:background-color 90ms ease, box-shadow .12s ease, transform .12s var(--ease-out-back), filter .12s ease;border-radius:.4rem;position:absolute;inset:0}.ScYtuq_pad[data-active]{background:var(--pad-color);box-shadow:0 0 14px var(--pad-glow), inset 0 1px 0 #ffffff59, inset 0 -3px 6px #00000040}.ScYtuq_pad:not([data-active]){background:linear-gradient(#1c1c24,#15151c);box-shadow:inset 0 1px #ffffff0d,inset 0 -2px 3px #0006,0 1px #00000080}.ScYtuq_pad[data-downbeat]:not([data-active]){background:linear-gradient(#23232d,#1a1a22)}.ScYtuq_cell:hover .ScYtuq_pad:not([data-active]){background:linear-gradient(180deg, color-mix(in srgb, var(--pad-color) 22%, #1c1c24), #17171e)}.ScYtuq_pad[data-current]:not([data-active]){background:linear-gradient(#2c2c38,#22222c);box-shadow:inset 0 0 0 1px #ffffff40,0 0 12px #ffffff14}.ScYtuq_pad[data-current][data-active]{filter:brightness(1.12);box-shadow:0 0 12px var(--pad-glow), inset 0 1px 0 #ffffff73;transform:scale(1.04)}.ScYtuq_led{background:#26262f;border-radius:9999px;width:.4rem;height:.4rem;transition:background-color 80ms,box-shadow 80ms;box-shadow:inset 0 1px 1px #0009}.ScYtuq_led[data-on]{background:#fb7185;box-shadow:0 0 8px #fb7185e6,0 0 2px #fff}.ScYtuq_led[data-downbeat]:not([data-on]){background:#3a3a46}.ScYtuq_mixerScroll{scrollbar-width:thin;scrollbar-color:#818cf859 transparent}.ScYtuq_mixerScroll::-webkit-scrollbar{height:8px}.ScYtuq_mixerScroll::-webkit-scrollbar-track{background:#ffffff08;border-radius:999px;margin:0 .5rem}.ScYtuq_mixerScroll::-webkit-scrollbar-thumb{background:#818cf859 padding-box padding-box;border:2px solid #0000;border-radius:999px}.ScYtuq_mixerScroll::-webkit-scrollbar-thumb:hover{background:#a5b4fc8c padding-box padding-box}@media (prefers-reduced-motion:reduce){.ScYtuq_rotateHint{animation:none}.ScYtuq_pad{transition:none}}