.StemMixerDemo_section__6y_qj{position:relative;width:min(1400px,100%);margin:148px auto 0;color:#ededee;text-align:center;isolation:isolate}.StemMixerDemo_section__6y_qj a,.StemMixerDemo_section__6y_qj button,.StemMixerDemo_section__6y_qj input{-webkit-tap-highlight-color:rgba(0,0,0,0)}.StemMixerDemo_section__6y_qj button{font:inherit;cursor:pointer}.StemMixerDemo_section__6y_qj a:focus-visible,.StemMixerDemo_section__6y_qj button:focus-visible,.StemMixerDemo_section__6y_qj input:focus-visible{outline:2px solid #ededee;outline-offset:4px}.StemMixerDemo_section__6y_qj input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:28px;margin:0;border:0;border-radius:0;cursor:pointer;background:rgba(0,0,0,0)}.StemMixerDemo_section__6y_qj input::-webkit-slider-runnable-track{height:2px;background:linear-gradient(to right,#d4d1cb var(--level),#3b3a39 var(--level))}.StemMixerDemo_section__6y_qj input::-moz-range-track{height:2px;background:linear-gradient(to right,#d4d1cb var(--level),#3b3a39 var(--level))}.StemMixerDemo_section__6y_qj input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:6px;height:12px;border:0;border-radius:2px;background:#ededee;margin-top:-5px}.StemMixerDemo_section__6y_qj input::-moz-range-thumb{width:6px;height:12px;border:0;border-radius:2px;background:#ededee}.StemMixerDemo_intro__YnFJW{padding-inline:24px}.StemMixerDemo_eyebrow__WFNEj{margin-bottom:12px;font-size:clamp(12px,1.05vw,16px);font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:rgba(255,255,255,.58);text-align:var(--section-heading-align,inherit)}.StemMixerDemo_title__sbt7p{font-family:var(--font-bai),"Bai Jamjuree","SF Pro Display",sans-serif;font-size:var(--section-title-size,clamp(32px,3.4vw,50px));font-weight:var(--section-title-weight,700);line-height:var(--section-title-line-height,.92);letter-spacing:var(--section-title-letter-spacing,-.035em);color:rgba(255,255,255,.94);text-wrap:balance;text-align:var(--section-heading-align,inherit);margin:0}.StemMixerDemo_description__miinW{margin:22px 0 0;color:#a3a3ac;font-size:16px;line-height:1.6}.StemMixerDemo_scene__DrwX7{position:relative;margin-top:0;padding:0 44px}.StemMixerDemo_toolbarRail__W87G6{padding-inline:44px}.StemMixerDemo_sceneToolbar___REHq{display:flex;align-items:center;box-sizing:border-box;min-height:64px;margin:0 auto;padding:0 10px;color:#a3a3ac;font-size:12px}.StemMixerDemo_toolbarLeft__trVxG{min-width:0;text-align:left}.StemMixerDemo_toolbarRight__QX06I{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px 20px;min-width:0;text-align:right}.StemMixerDemo_player__xEdBd{display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);align-items:center;gap:18px;width:100%}.StemMixerDemo_transportDuration__a0jaL,.StemMixerDemo_transportLabel__mBEuI{display:flex;align-items:center;gap:18px;min-width:0;font-size:10px;line-height:1;color:#8f8f95;white-space:nowrap}.StemMixerDemo_transportDuration__a0jaL:after,.StemMixerDemo_transportLabel__mBEuI:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,rgba(255,255,255,.0941176471),rgba(255,255,255,.031372549))}.StemMixerDemo_transportLabel__mBEuI{text-transform:uppercase;letter-spacing:.18em}.StemMixerDemo_transportDuration__a0jaL{flex-direction:row-reverse;font-variant-numeric:tabular-nums;letter-spacing:.12em}.StemMixerDemo_transportDuration__a0jaL:after{background:linear-gradient(90deg,rgba(255,255,255,.031372549),rgba(255,255,255,.0941176471))}.StemMixerDemo_toolbarLabel__jaBQD{display:flex;align-items:center;gap:8px}.StemMixerDemo_loopReadout__YkLSs{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px 14px;font-variant-numeric:tabular-nums}.StemMixerDemo_loopReadout__YkLSs>span{white-space:nowrap}.StemMixerDemo_transpose___FKgz{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px 12px;font-size:11px}.StemMixerDemo_transpose___FKgz>div{display:flex;align-items:center;gap:8px}.StemMixerDemo_transpose___FKgz button{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#19191c;border:1px solid #363539;color:#d9d7dd}.StemMixerDemo_transpose___FKgz button:disabled{opacity:.35;cursor:default}.StemMixerDemo_transpose___FKgz output{width:20px;text-align:center;font-variant-numeric:tabular-nums;color:#e4d1b7}.StemMixerDemo_chordSwitch__LGVJx{display:flex;align-items:center;gap:9px;border:0;color:#b0adb7;background:rgba(0,0,0,0);padding:6px 0;min-height:30px;font-size:11px!important}.StemMixerDemo_chordSwitch__LGVJx[aria-pressed=true] .StemMixerDemo_switch__TJKFX{background:#b6a083}.StemMixerDemo_chordSwitch__LGVJx[aria-pressed=true] .StemMixerDemo_switch__TJKFX:after{transform:translate(16px,-50%);background:#191713}.StemMixerDemo_switch__TJKFX{position:relative;box-sizing:content-box;flex-shrink:0;width:24px;height:14px;padding:3px;border-radius:20px;background:#36333b}.StemMixerDemo_switch__TJKFX:after{content:"";position:absolute;top:50%;left:3px;width:8px;height:8px;border-radius:50%;transform:translateY(-50%);background:#a7a4af}.StemMixerDemo_views__H2gnU{display:flex;flex-wrap:wrap;gap:8px 25px}.StemMixerDemo_views__H2gnU button{display:flex;align-items:center;min-height:32px;padding:4px 0;font-size:12px;color:#8d8d97;background:none;border:0}.StemMixerDemo_views__H2gnU button[aria-pressed=true]{color:#ededee}.StemMixerDemo_reset__FW8Cr{display:flex;align-items:center;gap:7px;padding:6px;background:none;border:0;color:#a1a1a9;font-size:11px!important}.StemMixerDemo_reset__FW8Cr:hover{color:#fff}.StemMixerDemo_gallery__OhrZ2{--gallery-gap:14px;position:relative;display:flex;justify-content:center;gap:var(--gallery-gap);padding:22px 10px 0;perspective:1400px}.StemMixerDemo_scene__DrwX7[data-drums=true] .StemMixerDemo_card__ROuSQ{flex:0 0 calc((100% - 6*var(--gallery-gap))/7)}.StemMixerDemo_card__ROuSQ{position:relative;flex:1 1 0;max-width:186px;min-width:0;text-align:left;transform:none}.StemMixerDemo_card__ROuSQ:focus-within,.StemMixerDemo_card__ROuSQ:hover{z-index:2}.StemMixerDemo_card__ROuSQ[data-audible=false] .StemMixerDemo_controls__1lipF{color:#9b9ba3}.StemMixerDemo_card__ROuSQ[data-audible=false] input{opacity:.42}.StemMixerDemo_cardSurface__DzEuB{container-type:inline-size;position:relative;overflow:hidden;border-radius:10px;background:rgba(0,0,0,0)}.StemMixerDemo_artwork__8t1PN{position:relative;display:block;width:100%;aspect-ratio:1/1.1;border:0;border-radius:10px;padding:0;background:#080809;overflow:hidden;text-align:left;color:#c7c7cc}.StemMixerDemo_artwork__8t1PN:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--bs-body-bg) 25%,transparent),transparent 35%,transparent 65%,var(--bs-body-bg));pointer-events:none}.StemMixerDemo_art__2Jntd{position:absolute;inset:0;background-image:var(--art);background-size:var(--art-size,300% 200%);background-position:var(--art-x) var(--art-y);opacity:var(--strength);transition:opacity .25s;filter:saturate(.65)}.StemMixerDemo_controls__1lipF{position:relative;padding:2px clamp(6px,6cqw,14px) 13px}.StemMixerDemo_channelName__HDQ3Z{display:flex;align-items:center;justify-content:space-between;gap:4px;min-height:28px;font-size:clamp(11px,8cqw,15px);font-weight:500}.StemMixerDemo_channelName__HDQ3Z label{cursor:pointer}.StemMixerDemo_galleryHint__eZiX7{display:none}.StemMixerDemo_play__OQQVN{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:48px;padding:0;border-radius:0;border:0;background:rgba(0,0,0,0);color:#e4e3e1;transition:color .18s ease}.StemMixerDemo_play__OQQVN:focus-visible,.StemMixerDemo_play__OQQVN:hover{color:#fff}.StemMixerDemo_play__OQQVN[aria-busy=true]{opacity:.45}.StemMixerDemo_playIcon__EFwSS{transform:translateX(1px)}.StemMixerDemo_drumMaster__hNDAG{display:flex;flex:0 1 190px;align-items:center;gap:12px;width:190px;margin:0}.StemMixerDemo_drumMaster__hNDAG input{flex:1;min-width:0}.StemMixerDemo_drumMaster__hNDAG button{white-space:nowrap;display:flex;align-items:center;gap:6px;padding:4px;background:none;border:0;color:#b7b7c0;font-size:11px}.StemMixerDemo_srOnly__OShxs{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:1180px){.StemMixerDemo_section__6y_qj{margin-top:120px}.StemMixerDemo_scene__DrwX7,.StemMixerDemo_toolbarRail__W87G6{padding-inline:28px}.StemMixerDemo_gallery__OhrZ2{--gallery-gap:10px;gap:var(--gallery-gap);padding-inline:2px}.StemMixerDemo_controls__1lipF{padding-inline:6px}.StemMixerDemo_channelName__HDQ3Z{font-size:11px}}@media(max-width:990px){.StemMixerDemo_scene__DrwX7{padding-inline:0}.StemMixerDemo_gallery__OhrZ2{justify-content:flex-start;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;padding:24px 28px 0;gap:14px;scroll-padding-inline:28px}.StemMixerDemo_gallery__OhrZ2::-webkit-scrollbar{display:none}.StemMixerDemo_scene__DrwX7[data-drums=true] .StemMixerDemo_card__ROuSQ{flex-basis:166px}.StemMixerDemo_card__ROuSQ{flex:0 0 166px;scroll-snap-align:center;transform:none}.StemMixerDemo_galleryHint__eZiX7{display:flex;align-items:center;justify-content:center;gap:12px;color:#8f8f99;font-size:10px;margin:16px 0 0}}@media(max-width:768px){.StemMixerDemo_section__6y_qj{margin-top:88px}.StemMixerDemo_title__sbt7p{max-width:340px;margin-inline:auto}.StemMixerDemo_eyebrow__WFNEj{margin-bottom:14px}.StemMixerDemo_description__miinW{max-width:270px;margin:18px auto 0;font-size:14px}.StemMixerDemo_toolbarRail__W87G6{padding-inline:20px}.StemMixerDemo_sceneToolbar___REHq{min-height:64px;gap:10px;font-size:11px}.StemMixerDemo_toolbarRight__QX06I{gap:4px}.StemMixerDemo_drumMaster__hNDAG{flex-basis:100%;width:100%;flex-wrap:wrap;gap:0}.StemMixerDemo_drumMaster__hNDAG input{flex-basis:100%}.StemMixerDemo_toolbarLabel__jaBQD{gap:5px}.StemMixerDemo_toolbarLabel__jaBQD svg{flex-shrink:0}.StemMixerDemo_views__H2gnU{gap:0 12px}.StemMixerDemo_views__H2gnU button{font-size:11px}.StemMixerDemo_reset__FW8Cr span{display:none}.StemMixerDemo_gallery__OhrZ2{padding:18px 20px 0;scroll-padding-inline:20px;gap:12px}.StemMixerDemo_card__ROuSQ,.StemMixerDemo_scene__DrwX7[data-drums=true] .StemMixerDemo_card__ROuSQ{flex-basis:155px}.StemMixerDemo_channelName__HDQ3Z{font-size:13px}}@media(prefers-reduced-motion:reduce){.StemMixerDemo_section__6y_qj *{transition:none!important}}.StemMixerDemo_featureTabs__rSTS2{display:flex;justify-content:center;gap:7px;margin:28px auto 32px;padding-inline:20px}.StemMixerDemo_featureTabs__rSTS2 button{min-width:150px;min-height:40px;padding:9px 23px;background:rgba(0,0,0,0);border:1px solid #303034;border-radius:24px;color:#a6a6af;font-size:13px}.StemMixerDemo_featureTabs__rSTS2 button[aria-selected=true]{background:#e4e3e1;color:#161617;border-color:#e4e3e1}.StemMixerDemo_featureTabs__rSTS2 button:hover:not([aria-selected=true]){background:#19191c;color:#ededee}.StemMixerDemo_featurePanels__ek2m9{display:grid}.StemMixerDemo_featurePanels__ek2m9>*{grid-area:1/1;min-width:0}.StemMixerDemo_featurePanels__ek2m9>[aria-hidden=true]{visibility:hidden;pointer-events:none}@media(max-width:768px){.StemMixerDemo_featureTabs__rSTS2{margin-block:24px;gap:6px}.StemMixerDemo_featureTabs__rSTS2 button{min-width:132px;padding:8px 17px;font-size:12px}}@media(max-width:360px){.StemMixerDemo_featureTabs__rSTS2 button{padding-inline:13px}}.StemMixerDemo_channelActions__0_zIw{display:flex;flex-shrink:0;gap:3px}.StemMixerDemo_channelToggle__iqZQq{display:grid;place-items:center;width:24px;height:26px;padding:0;border:1px solid #343437;border-radius:4px;background:rgba(0,0,0,0);color:#adadb4;font-size:10px!important;font-weight:500!important}.StemMixerDemo_channelToggle__iqZQq[aria-pressed=true]{color:#141416;background:#ededee;border-color:#ededee}.StemMixerDemo_channelToggle__iqZQq:hover{border-color:#8d8d96}@media(min-width:991px)and (max-width:1100px){.StemMixerDemo_controls__1lipF{padding-inline:4px}.StemMixerDemo_channelActions__0_zIw,.StemMixerDemo_channelName__HDQ3Z{gap:2px}}.StemMixerDemo_notation__JXJCB{display:inline-flex;gap:4px}.StemMixerDemo_notation__JXJCB button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid #343437;border-radius:5px;background:rgba(0,0,0,0);color:#a3a3ac;font-size:20px;line-height:1}.StemMixerDemo_notation__JXJCB button[aria-pressed=true]{background:#e4e3e1;border-color:#e4e3e1;color:#161617}.StemMixerDemo_notation__JXJCB button:hover:not([aria-pressed=true]){border-color:#777780;color:#ededee}@media(max-width:768px){.StemMixerDemo_intro__YnFJW{padding-inline:20px}.StemMixerDemo_title__sbt7p{max-width:none;font-size:clamp(26px,7vw,32px);line-height:1.16}.StemMixerDemo_eyebrow__WFNEj{margin-bottom:10px;font-size:10px}.StemMixerDemo_featureTabs__rSTS2{margin-block:18px}.StemMixerDemo_featureTabs__rSTS2 button{min-height:44px}.StemMixerDemo_sceneToolbar___REHq{min-height:56px;padding:0}.StemMixerDemo_player__xEdBd{gap:12px}.StemMixerDemo_transportDuration__a0jaL,.StemMixerDemo_transportLabel__mBEuI{gap:12px;font-size:9px}}@media(max-width:1100px){.StemMixerDemo_scene__DrwX7{padding-inline:28px}.StemMixerDemo_gallery__OhrZ2{display:flex;flex-direction:column;gap:0;padding:12px 0 0;overflow:visible;scroll-snap-type:none;perspective:none}.StemMixerDemo_card__ROuSQ,.StemMixerDemo_scene__DrwX7[data-drums=true] .StemMixerDemo_card__ROuSQ{flex:none;width:100%;max-width:none;padding-bottom:3px;border-bottom:1px solid rgba(255,255,255,.0509803922);scroll-snap-align:none}.StemMixerDemo_card__ROuSQ:last-child,.StemMixerDemo_scene__DrwX7[data-drums=true] .StemMixerDemo_card__ROuSQ:last-child{border-bottom:0}.StemMixerDemo_cardSurface__DzEuB{overflow:visible;border-radius:0}.StemMixerDemo_controls__1lipF{padding:0 0 0 56px}.StemMixerDemo_channelName__HDQ3Z{min-height:44px;font-size:13px;gap:8px}.StemMixerDemo_channelActions__0_zIw{gap:4px}.StemMixerDemo_channelToggle__iqZQq{width:44px;height:44px;font-size:11px!important;border:8px solid rgba(0,0,0,0);outline:1px solid #343437;outline-offset:-8px;background-clip:padding-box}.StemMixerDemo_channelToggle__iqZQq[aria-pressed=true]{border-color:rgba(0,0,0,0);outline-color:#ededee;background-clip:padding-box}.StemMixerDemo_channelToggle__iqZQq:hover{border-color:rgba(0,0,0,0);outline-color:#8d8d96}.StemMixerDemo_channelToggle__iqZQq:focus-visible{outline:2px solid #ededee;outline-offset:-2px}.StemMixerDemo_channelToggle__iqZQq:disabled{opacity:.4;cursor:default}.StemMixerDemo_artwork__8t1PN{position:absolute;top:12px;left:0;width:40px;height:44px;aspect-ratio:auto;border-radius:5px;pointer-events:none}.StemMixerDemo_galleryHint__eZiX7{display:none}}@media(max-width:768px){.StemMixerDemo_scene__DrwX7{padding-inline:20px}}@media(min-width:390px)and (max-width:1100px){.StemMixerDemo_card__ROuSQ,.StemMixerDemo_scene__DrwX7[data-drums=true] .StemMixerDemo_card__ROuSQ{padding-block:4px}.StemMixerDemo_controls__1lipF{display:grid;grid-template-columns:78px minmax(0,1fr) 92px;align-items:center;-moz-column-gap:8px;column-gap:8px;min-height:44px;padding-left:50px}.StemMixerDemo_controls__1lipF input{grid-column:2;grid-row:1;min-width:0}.StemMixerDemo_channelName__HDQ3Z{display:contents;font-size:12px}.StemMixerDemo_channelName__HDQ3Z label{grid-column:1;grid-row:1}.StemMixerDemo_channelActions__0_zIw{grid-column:3;grid-row:1}.StemMixerDemo_artwork__8t1PN{top:0}}