.ingine .ing-mixer{min-width:0;padding:0 0 24px}.ingine .ing-mixer-heading{display:flex;align-items:center;gap:18px;min-height:50px;color:var(--muted);font-size:11px}.ingine .ing-mixer-heading h2{color:var(--ink);flex:none}.ingine .ing-mixer-meter-key{display:flex;align-items:center;gap:7px;margin-left:auto;white-space:nowrap;font-size:10px}.ingine .ing-mixer-meter-key i{width:5px;height:11px;background:var(--mint)}.ingine .ing-mixer-scroll{width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-color:#727b7a #212526;scrollbar-width:thin;border-block:1px solid var(--edge)}.ingine .ing-mixer-channels{display:flex;align-items:stretch;min-width:-moz-max-content;min-width:max-content;background:#1e2122}.ingine .ing-mixer-channel{--channel: var(--mint);position:relative;flex:1 0 144px;min-width:144px;border-right:1px solid #404648;padding:0 16px 11px;background:#292d2f;box-shadow:inset 0 2px #555d5f}.ingine .ing-mixer-channel.is-selected{background:#33393b;box-shadow:inset 0 3px var(--channel)}.ingine .ing-mixer-master{flex-grow:1.12;margin-left:16px;border-left:1px solid #535c5d;border-right:0;background:#252e2b}.ingine .ing-mixer-master.is-selected{background:#303c36}.ingine button.ing-mixer-select,.ingine button.ing-mixer-select:hover:not(:disabled){width:calc(100% + 32px);min-height:74px;display:grid;grid-template-columns:22px minmax(0,1fr);gap:4px 8px;align-content:center;margin:0 -16px;padding:13px 16px 11px;border:0;border-bottom:1px solid #454d4f;border-radius:0;background:transparent;text-align:left}.ingine button.ing-mixer-select:hover:not(:disabled){background:#ffffff08}.ingine button.ing-mixer-select[aria-pressed=true]{color:var(--ink);border-color:#555f61}.ingine .ing-mixer-badge{display:grid;place-items:center;grid-row:1 / 3;width:22px;height:30px;border:1px solid var(--channel);color:var(--channel);font-size:12px;font-weight:700}.ingine .ing-mixer-name{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;line-height:15px}.ingine .ing-mixer-route{color:var(--muted);font-size:9px;line-height:11px}.ingine .ing-mixer-inserts{display:grid;gap:4px;padding-top:12px}.ingine .ing-mixer-inserts button{display:flex;align-items:center;gap:7px;min-height:27px;padding:4px 7px;border:1px solid #4c5558;background:#202426;color:#adb7b9;font-size:9px;font-weight:700;letter-spacing:.03em}.ingine .ing-mixer-inserts button>span{width:4px;height:4px;background:#798587}.ingine .ing-mixer-inserts button svg{margin-left:auto;fill:none;stroke:currentColor;stroke-width:1.2}.ingine .ing-mixer-inserts button[aria-pressed=true]{border-color:#83987c;background:#354032;color:#d7efbd}.ingine .ing-mixer-inserts button[aria-pressed=true]>span{background:#d7efbd}.ingine .ing-mixer-pan{height:76px;padding:13px 0 10px}.ingine .ing-mixer-pan label{display:flex;justify-content:space-between;flex-wrap:wrap;color:#b8c0c2;font-size:10px}.ingine .ing-mixer-pan output{color:var(--ink)}.ingine .ing-mixer-pan input[type=range]{width:100%;height:14px;margin:3px 0 0;accent-color:#bdc6c7}.ingine .ing-mixer-pan-marks{display:flex;justify-content:space-between;color:#a6b1b4;font-size:8px;padding:0 3px}.ingine .ing-mixer-output-label{height:100%;display:flex;align-items:center;justify-content:center;gap:8px;color:#c2d0c6;font-size:10px}.ingine .ing-mixer-output-label svg{fill:none;stroke:currentColor;stroke-width:1.3}.ingine .ing-mixer-level{display:flex;justify-content:center;gap:18px;height:186px;margin:4px 0 0}.ingine .ing-mixer-fader{position:relative;width:53px;height:170px}.ingine .ing-mixer-fader-track{position:absolute;top:0;bottom:0;left:37px;width:5px;border-radius:3px;background:#101415;box-shadow:1px 0 #535d60;pointer-events:none}.ingine .ing-mixer-fader-ticks{position:absolute;inset:0;pointer-events:none}.ingine .ing-mixer-fader-ticks span{position:absolute;left:0;width:27px;color:#acb7ba;font-size:8px;line-height:1;transform:translateY(50%)}.ingine .ing-mixer-fader-ticks span:after{content:"";position:absolute;top:50%;right:0;width:6px;height:1px;background:#728084}.ingine input.ing-mixer-fader-input[type=range]{-moz-appearance:none;appearance:none;-webkit-appearance:none;position:absolute;top:-7px;left:24px;width:31px;height:184px;margin:0;padding:0;writing-mode:vertical-lr;direction:rtl;background:transparent;touch-action:none;cursor:ns-resize}.ingine .ing-mixer-fader-input::-webkit-slider-runnable-track{width:31px;background:transparent;border:0}.ingine .ing-mixer-fader-input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:31px;height:14px;border:1px solid #d1d6d4;border-radius:2px;background:linear-gradient(to bottom,#b4bfbd 0 44%,#34413f 44% 56%,#b4bfbd 56% 100%);box-shadow:0 3px 5px #0007}.ingine .ing-mixer-fader-input::-moz-range-track{width:31px;background:transparent;border:0}.ingine .ing-mixer-fader-input::-moz-range-thumb{width:29px;height:12px;border:1px solid #d1d6d4;border-radius:2px;background:linear-gradient(to bottom,#b4bfbd 0 44%,#34413f 44% 56%,#b4bfbd 56% 100%);box-shadow:0 3px 5px #0007}.ingine .ing-mixer-meter{position:relative;display:flex;gap:6px;width:34px;height:170px}.ingine .ing-mixer-meter-well{position:relative;width:10px;height:100%;background:#111718;overflow:hidden;flex:none}.ingine .ing-mixer-meter-fill{position:absolute;inset:0;background:#a9d4b6;transform:scaleY(0);transform-origin:center bottom}.ingine .ing-mixer-meter-peak{position:absolute;bottom:0;left:0;right:0;height:2px;background:#e0f5dc;opacity:0}.ingine .ing-mixer-meter[data-hot=true] .ing-mixer-meter-peak{background:#f1a275}.ingine .ing-mixer-meter[data-hot=true] .ing-mixer-meter-readout{color:#f1b18d}.ingine .ing-mixer-meter-scale{display:flex;flex-direction:column;justify-content:space-between;color:#a5b2b5;font-size:8px;line-height:1;margin-block:-3px}.ingine .ing-mixer-meter-readout{position:absolute;top:calc(100% + 8px);left:-8px;width:35px;color:#b8c9bf;text-align:center;font-size:9px}.ingine .ing-mixer-level-value{display:block;height:34px;margin-top:4px;color:#e6ebe6;font-size:13px;font-weight:700;text-align:center;line-height:34px}.ingine .ing-mixer-switches{display:flex;gap:5px}.ingine .ing-mixer-switches button{flex:1;padding:5px 7px;min-height:30px;border-color:#647073;font-size:10px;font-weight:700}.ingine .ing-mixer-switches button[aria-pressed=true]{border-color:#e7a278;background:#58402f;color:#ffd0ae}.ingine .ing-mixer-switches .ing-mixer-solo[aria-pressed=true]{border-color:#d6c776;background:#514c2c;color:#f6e8a2}.ingine .ing-mixer-channel-status{display:flex;justify-content:center;align-items:center;gap:5px;padding-top:10px;color:#b6c1c2;font-size:9px}.ingine .ing-mixer-channel-status>span{width:4px;height:4px;background:#9c7770}.ingine .ing-mixer-channel-status>.is-audible{background:#a2c4ab}.ingine .ing-mixer-channel.is-silent .ing-mixer-route{color:#c3a49a}.ingine .ing-mixer-rack{min-width:0;margin-top:18px;border-top:1px solid #56615d;background:#202526;padding:0 14px 14px}.ingine .ing-mixer-rack-heading{display:flex;align-items:center;gap:9px;min-height:48px;color:#b7c1bf;font-size:11px}.ingine .ing-mixer-rack-dot{flex:none;width:7px;height:7px;background:var(--channel)}.ingine .ing-mixer-rack-heading h2{color:var(--ink);overflow-wrap:anywhere}.ingine .ing-mixer-rack-heading>span:not(.ing-mixer-rack-dot){white-space:nowrap}.ingine .ing-mixer-rack-routing{margin-left:auto;color:#b4bebb;font-size:10px}.ingine .ing-mixer-rack .effects-chain{padding-bottom:5px}@media (min-width: 1700px){.ingine .ing-mixer-channel{padding-inline:24px}.ingine button.ing-mixer-select{width:calc(100% + 48px);margin-inline:-24px;padding-inline:24px}.ingine .ing-mixer-level{height:226px}.ingine .ing-mixer-fader,.ingine .ing-mixer-meter{height:210px}.ingine input.ing-mixer-fader-input[type=range]{height:224px}}@media (max-width: 700px){.ingine .ing-mixer-heading{gap:8px;min-height:54px;flex-wrap:wrap;padding-block:10px}.ingine .ing-mixer-heading>span:nth-child(2){order:3;flex-basis:100%;font-size:10px}.ingine .ing-mixer-scroll{border-bottom:3px solid #637570}.ingine .ing-mixer-channel{flex-basis:152px;min-width:152px;padding-inline:14px}.ingine button.ing-mixer-select{width:calc(100% + 28px);margin-inline:-14px;padding-inline:14px}.ingine .ing-mixer-inserts button{min-height:32px}.ingine .ing-mixer-switches button{min-height:36px}.ingine .ing-mixer-rack{margin-top:14px;padding-inline:9px}.ingine .ing-mixer-rack-heading{flex-wrap:wrap;gap:6px;padding-block:12px}.ingine .ing-mixer-rack-routing{flex-basis:100%;margin-left:13px}}
