::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border,#30363d);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted,#8b949e)}*{scrollbar-width:thin;scrollbar-color:var(--border,#30363d) transparent}input[type=range]{cursor:pointer}.stem-mixer.stem-mixer--focus{z-index:400;background:linear-gradient(#08040fcc,#08040fe0),var(--mp-stage-image) var(--mp-stage-position,50% 50%) / cover no-repeat fixed,var(--bg-primary);flex-direction:column;padding:0;display:flex;position:fixed;inset:0}.stem-mixer--focus .sm-transport{--mixer-control-size:28px;--mixer-capsule-gap:4px;--mixer-group-gap:2px;background:var(--bg-card,#161b22);background:rgba(var(--bg-card-rgb,22, 27, 34),.78);background:color-mix(in srgb,var(--bg-card,#161b22) 78%,transparent);-webkit-backdrop-filter:blur(14px)saturate(135%);border:1px solid var(--border,#30363d);border:1px solid rgba(var(--border-rgb,48, 54, 61),.65);border:1px solid color-mix(in srgb,var(--border,#30363d) 65%,transparent);z-index:401;box-shadow:0 8px 30px #00000057,inset 0 1px #ffffff0f}.stem-mixer--focus-docked-bottom .sm-transport{border-radius:24px;width:min(100% - 40px,75rem);padding:6px 14px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.stem-mixer--focus-docked-left .sm-transport,.stem-mixer--focus-docked-right .sm-transport{overscroll-behavior:contain;border-radius:20px;max-height:calc(100% - 40px);padding:10px 8px;position:absolute;top:50%;overflow-y:auto;transform:translateY(-50%)}.stem-mixer--focus-docked-left .sm-transport{left:20px}.stem-mixer--focus-docked-right .sm-transport{right:20px}.stem-mixer--focus-docked-top .sm-transport{border-left:none;border-right:none;border-radius:0;width:100%;padding:10px 16px;position:relative}