.page_container__O_1Lf{display:flex;width:100%;position:relative;min-height:var(--min-height);padding:var(--padding);padding-top:var(--nav-height);transform:translateZ(0);z-index:0;flex-wrap:wrap;justify-content:center;justify-items:center;align-content:center;align-items:center}.sampler_sampler__3GeX9{--color:#FFF;--gap:15px;--bg:#1F1F1F;display:grid;width:100%;position:relative;max-width:600px;margin:auto;background-color:var(--bg);border-radius:30px;padding:var(--padding);align-items:flex-start;align-content:flex-start;grid-gap:var(--padding);gap:var(--padding);grid-row-gap:20px;row-gap:20px;grid-template-columns:minmax(0,1fr);-webkit-user-select:none;-moz-user-select:none;user-select:none}.sampler_title__OJ1D8{font-size:10px}.sampler_samplerHeader__aM1Q9{display:flex;width:100%;align-items:center;align-content:center;justify-content:space-between}.sampler_samplerStatus__f6RLl{display:inline-flex;align-items:center;align-content:center;justify-items:center;justify-content:center;border-radius:20px;background-color:var(--color);color:var(--bg);padding:6px 12px}.sampler_samplerLevels__FUmN_{display:grid;width:100%;grid-template-columns:minmax(0,1fr);align-items:start;align-content:start;grid-gap:var(--gap);gap:var(--gap)}.sampler_samplerLevel__ovVL5{display:block;width:100%;height:40px;border-radius:20px;border:1px solid var(--color);padding:5px;position:relative}.sampler_samplerLevelIndicator__1tkkE{display:block;width:100%;background-color:var(--color);border-radius:20px;height:100%}.sampler_samplerLevelLabel__rw4hE{position:absolute;top:0;bottom:0;margin:auto;right:20px;color:var(--color);mix-blend-mode:difference;height:var(--lh)}.sampler_body__1tS9x{grid-template-columns:minmax(0,1fr) 70px;grid-gap:var(--gap)}.sampler_bodySamples__wYKg7,.sampler_body__1tS9x{display:grid;gap:var(--gap);align-items:start;align-content:start}.sampler_bodySamples__wYKg7{grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--gap)}.sampler_bodySample__IVNee{width:100%;border-radius:25px;cursor:pointer;height:60px;border:1px solid var(--color);position:relative}.sampler_bodySampleKeyboard__JbQvu,.sampler_bodySample__IVNee{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center}.sampler_bodySampleKeyboard__JbQvu{position:absolute;top:0;bottom:0;left:10px;background-color:gray;border-radius:4px;padding:3px;color:#FFF;width:17px;height:17px;margin:auto;font-size:10px}.sampler_bodySample__IVNee.sampler_waiting__eIaqt{animation:sampler_pulse__htNR2 .4s infinite}.sampler_bodyPlaceholder__iNUuz{display:flex;width:100%;height:300px;align-items:center;align-content:center;justify-items:center;justify-content:center;cursor:pointer}.sampler_bodyPlaceholderButton__FDTFR{padding:var(--padding);border-radius:20px;cursor:pointer;border:1px solid var(--color)}.sampler_bodyPlaceholderButton__FDTFR,.sampler_bodySample__IVNee.sampler_active__ak5sO{background-color:var(--color);color:var(--bg)}.sampler_bodyFader__Y90Ar{display:grid;width:100%;height:100%;grid-template-columns:30px minmax(0,1fr);align-items:start;align-content:stretch;grid-gap:var(--gap);gap:var(--gap)}.sampler_bodyFaderRider__SReEH{display:block;width:100%;height:100%;border-radius:40px;background-color:var(--color);position:relative;overflow:hidden;padding:15px;cursor:-webkit-grab;cursor:grab}.sampler_bodyFaderLine__J_I9S{display:block;width:1px;height:100%;background-color:transparent;margin:auto;position:relative;pointer-events:none}.sampler_bodyFaderRiderIndicator__1hZz9{width:20px;height:20px;background-color:var(--bg);position:absolute;bottom:0;left:-10px;bottom:4px;border-radius:20px;pointer-events:none}.sampler_bodyFaderGuidelines__zlVWp{display:flex;width:100%;height:100%;align-content:space-between;flex-wrap:wrap;padding:5px 0}@media(hover:hover){.sampler_bodyPlaceholderButton__FDTFR:hover{background-color:var(--bg);color:var(--color)}}@keyframes sampler_pulse__htNR2{0%{background-color:var(--bg);color:var(--color)}50%{background-color:white;color:var(--bg)}to{background-color:var(--bg);color:var(--color)}}@media(max-width:780px){.sampler_sampler__3GeX9{border-radius:20px}.sampler_bodySampleKeyboard__JbQvu{display:none}.sampler_bodySample__IVNee{font-size:10px}.sampler_sampler__3GeX9{--gap:10px}}