.kY6jGG_slider{appearance:none;width:100%;height:var(--c-slider-height,6px);background:linear-gradient(to right, var(--c-slider-fill) 0%, var(--c-slider-fill) var(--c-slider-pct), var(--c-slider-rest,var(--gray-200)) var(--c-slider-pct), var(--c-slider-rest,var(--gray-200)) 100%);cursor:pointer;border-radius:999px;outline:none}.kY6jGG_slider::-webkit-slider-thumb{appearance:none;width:var(--c-slider-thumb,24px);height:var(--c-slider-thumb,24px);background:var(--c-slider-fill);border:var(--c-slider-ring,3px solid var(--c-surface));cursor:grab;border-radius:999px;box-shadow:0 4px 12px -2px #14193740}.kY6jGG_slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.06)}.kY6jGG_slider::-moz-range-thumb{width:var(--c-slider-thumb,24px);height:var(--c-slider-thumb,24px);background:var(--c-slider-fill);border:var(--c-slider-ring,3px solid var(--c-surface));cursor:grab;border-radius:999px;box-shadow:0 4px 12px -2px #14193740}.kY6jGG_slider:focus-visible{outline:2px solid var(--c-slider-fill);outline-offset:4px}
@keyframes h5iWMG_rowLeft{0%{transform:translate(0,0)}to{transform:translate(-50%)}}@keyframes h5iWMG_rowRight{0%{transform:translate(-50%)}to{transform:translate(0,0)}}.h5iWMG_row{gap:16px;width:max-content;padding-right:16px}@media (prefers-reduced-motion:no-preference){.h5iWMG_left{animation:56s linear infinite h5iWMG_rowLeft}.h5iWMG_right{animation:56s linear infinite h5iWMG_rowRight}.h5iWMG_row:hover,[data-paused] .h5iWMG_row{animation-play-state:paused}}.h5iWMG_fade{z-index:2;pointer-events:none;width:40px;position:absolute;top:0;bottom:0}.h5iWMG_fadeLeft{background:linear-gradient(90deg, var(--cream), transparent);left:0}.h5iWMG_fadeRight{background:linear-gradient(270deg, var(--cream), transparent);right:0}@media (min-width:768px){.h5iWMG_fade{width:120px}}
.Opk51W_grid{grid-template-columns:repeat(10,minmax(0,28px));gap:6px;display:grid}.Opk51W_square{aspect-ratio:1;border-radius:6px}.Opk51W_section[data-phase=waiting] .Opk51W_square,.Opk51W_section[data-phase=waiting] .Opk51W_key,.Opk51W_section[data-phase=waiting] .Opk51W_result{opacity:0}.Opk51W_section[data-phase=playing] .Opk51W_square{animation:.26s cubic-bezier(.2,.8,.2,1) both Opk51W_squareIn}.Opk51W_section[data-phase=playing] .Opk51W_key{animation:.32s ease-out both Opk51W_keyUp}.Opk51W_section[data-phase=playing] .Opk51W_result{animation:.42s cubic-bezier(.2,1.4,.4,1) both Opk51W_resultPop}@keyframes Opk51W_squareIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes Opk51W_keyUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes Opk51W_resultPop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}
.tFphXW_step{animation:.32s cubic-bezier(.2,0,0,1) tFphXW_roi-step}@keyframes tFphXW_roi-step{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.tFphXW_step{animation:none}}