.asui-catalog-field--bpm,.asui-catalog-field--length{gap:12px}.asui-catalog-field--bpm .asui-catalog-label,.asui-catalog-field--length .asui-catalog-label{color:var(--asui-text);font-size:14px;font-weight:500;line-height:24px;letter-spacing:0;text-transform:none}.asui-bpm-heading,.asui-length-heading{min-height:24px}.asui-bpm-value,.asui-length-value{color:var(--asui-text);font-size:14px;font-weight:500;line-height:24px;font-variant-numeric:tabular-nums}.asui-bpm-slider,.asui-length-slider{--asui-range-start:0%;--asui-range-end:100%;--asui-range-start-x:7px;--asui-range-end-x:calc(100% - 7px);position:relative;height:18px;display:flex;align-items:center;isolation:isolate;overflow:visible}.asui-bpm-slider::before,.asui-length-slider::before{content:"";position:absolute;z-index:0;left:0;right:0;top:50%;height:8px;transform:translateY(-50%);border-radius:999px;background:linear-gradient(to right,rgb(255 255 255 / .14) 0 calc(var(--asui-range-start-x) - 5px),var(--asui-bg,#0b0b0b) calc(var(--asui-range-start-x) - 5px) calc(var(--asui-range-start-x) + 5px),rgb(250 250 250 / .96) calc(var(--asui-range-start-x) + 5px) calc(var(--asui-range-end-x) - 5px),var(--asui-bg,#0b0b0b) calc(var(--asui-range-end-x) - 5px) calc(var(--asui-range-end-x) + 5px),rgb(255 255 255 / .14) calc(var(--asui-range-end-x) + 5px) 100%);box-shadow:inset 0 0 0 1px rgb(255 255 255 / .025);pointer-events:none}.asui-bpm-slider-input,.asui-length-range{position:absolute;z-index:1;left:0;width:100%;height:18px;margin:0;padding:0;border:0;outline:0;background:#fff0;pointer-events:none;appearance:none;-webkit-appearance:none}.asui-bpm-slider-input::-webkit-slider-runnable-track,.asui-length-range::-webkit-slider-runnable-track{height:8px;border:0;border-radius:999px;background:#fff0}.asui-bpm-slider-input::-webkit-slider-thumb,.asui-length-range::-webkit-slider-thumb{box-sizing:border-box;width:14px;height:18px;margin-top:-5px;border:0;border-radius:999px;background:linear-gradient(to right,transparent 0 5px,rgb(250 250 250 / .98) 5px 9px,transparent 9px 14px);box-shadow:none;cursor:grab;pointer-events:auto;appearance:none;-webkit-appearance:none;transition:transform 120ms ease}.asui-bpm-slider-input::-moz-range-track,.asui-length-range::-moz-range-track{height:8px;border:0;border-radius:999px;background:#fff0}.asui-bpm-slider-input::-moz-range-progress,.asui-length-range::-moz-range-progress{background:#fff0}.asui-bpm-slider-input::-moz-range-thumb,.asui-length-range::-moz-range-thumb{box-sizing:border-box;width:14px;height:18px;border:0;border-radius:999px;background:linear-gradient(to right,transparent 0 5px,rgb(250 250 250 / .98) 5px 9px,transparent 9px 14px);box-shadow:none;cursor:grab;pointer-events:auto;transition:transform 120ms ease}.asui-bpm-slider-input--min::-webkit-slider-thumb,.asui-length-range--min::-webkit-slider-thumb{transform:translateX(var(--asui-thumb-shift,0))}.asui-bpm-slider-input--max::-webkit-slider-thumb,.asui-length-range--max::-webkit-slider-thumb{transform:translateX(var(--asui-thumb-shift,0))}.asui-bpm-slider-input--min::-moz-range-thumb,.asui-length-range--min::-moz-range-thumb{transform:translateX(var(--asui-thumb-shift,0))}.asui-bpm-slider-input--max::-moz-range-thumb,.asui-length-range--max::-moz-range-thumb{transform:translateX(var(--asui-thumb-shift,0))}.asui-bpm-slider-input:focus-visible::-webkit-slider-thumb,.asui-length-range:focus-visible::-webkit-slider-thumb{filter:drop-shadow(0 0 2px rgb(250 250 250 / .55))}.asui-bpm-slider-input:focus-visible::-moz-range-thumb,.asui-length-range:focus-visible::-moz-range-thumb{filter:drop-shadow(0 0 2px rgb(250 250 250 / .55))}.asui-bpm-slider-input--min:active::-webkit-slider-thumb,.asui-length-range--min:active::-webkit-slider-thumb,.asui-bpm-slider-input--max:active::-webkit-slider-thumb,.asui-length-range--max:active::-webkit-slider-thumb{cursor:grabbing;transform:translateX(var(--asui-thumb-shift,0)) scale(1.04)}.asui-bpm-slider-input--min:active::-moz-range-thumb,.asui-length-range--min:active::-moz-range-thumb,.asui-bpm-slider-input--max:active::-moz-range-thumb,.asui-length-range--max:active::-moz-range-thumb{cursor:grabbing;transform:translateX(var(--asui-thumb-shift,0)) scale(1.04)}.asui-player-range-shell{position:relative;height:18px;display:flex;align-items:center;isolation:isolate;overflow:visible}.asui-player-range-shell--seek{flex:1;min-width:0}.asui-player-range-shell--vol{flex:0 0 120px;width:120px}.asui-player-range-shell::before{content:"";position:absolute;z-index:0;left:0;right:0;top:50%;height:8px;transform:translateY(-50%);border-radius:999px;background:rgb(255 255 255 / .22);box-shadow:0 0 8px rgb(255 255 255 / .2),0 0 16px rgb(255 255 255 / .08);opacity:.55;pointer-events:none}.asui-player-range-glow{position:absolute;z-index:0;left:0;top:50%;width:96px;height:34px;border-radius:999px;background:radial-gradient(ellipse at center,rgb(255 255 255 / .5) 0%,rgb(255 255 255 / .24) 34%,rgb(255 255 255 / .08) 58%,transparent 78%);filter:blur(7px);opacity:0;transform:translate3d(50%,-50%,0) translateX(-50%);transition:opacity 120ms ease;will-change:transform,opacity;pointer-events:none}.asui-player-range-shell.is-glow-hover .asui-player-range-glow{opacity:1}.asui-player__seek,.asui-player__vol{--asui-player-range-x:8px;position:relative;z-index:2;width:100%;height:18px;margin:0;padding:0;border:0;outline:0;border-radius:999px;appearance:none;-webkit-appearance:none;cursor:pointer;background:linear-gradient(to right,rgb(250 250 250 / .96) 0 var(--asui-player-range-x),rgb(255 255 255 / .14) var(--asui-player-range-x) 100%) center / 100% 8px no-repeat}.asui-player__seek::-webkit-slider-runnable-track,.asui-player__vol::-webkit-slider-runnable-track{height:8px;border:0;border-radius:999px;background:#fff0}.asui-player__seek::-webkit-slider-thumb,.asui-player__vol::-webkit-slider-thumb{box-sizing:border-box;width:16px;height:16px;margin-top:-4px;border:2px solid var(--asui-bg,#0b0b0b);border-radius:50%;background:rgb(250 250 250 / .98);box-shadow:0 0 0 3px var(--asui-bg,#0b0b0b),0 0 8px rgb(255 255 255 / .22);cursor:grab;appearance:none;-webkit-appearance:none;transition:transform 120ms ease,filter 120ms ease}.asui-player__seek::-moz-range-track,.asui-player__vol::-moz-range-track{height:8px;border:0;border-radius:999px;background:#fff0}.asui-player__seek::-moz-range-progress,.asui-player__vol::-moz-range-progress{background:#fff0}.asui-player__seek::-moz-range-thumb,.asui-player__vol::-moz-range-thumb{box-sizing:border-box;width:16px;height:16px;border:2px solid var(--asui-bg,#0b0b0b);border-radius:50%;background:rgb(250 250 250 / .98);box-shadow:0 0 0 3px var(--asui-bg,#0b0b0b),0 0 8px rgb(255 255 255 / .22);cursor:grab;transition:transform 120ms ease,filter 120ms ease}.asui-player__seek:focus-visible::-webkit-slider-thumb,.asui-player__vol:focus-visible::-webkit-slider-thumb,.asui-player__seek:focus-visible::-moz-range-thumb,.asui-player__vol:focus-visible::-moz-range-thumb{filter:drop-shadow(0 0 2px rgb(250 250 250 / .6))}.asui-player__seek:active::-webkit-slider-thumb,.asui-player__vol:active::-webkit-slider-thumb,.asui-player__seek:active::-moz-range-thumb,.asui-player__vol:active::-moz-range-thumb{cursor:grabbing;transform:scale(1.08)}@media (max-width:560px){.asui-catalog-field--bpm,.asui-catalog-field--length{gap:10px}}