.wsh-mixer{padding:20px;display:flex;flex-direction:column;gap:12px;color:var(--fys-on-dark, #F0E8D5);background:var(--fys-ink, #1A1410);overscroll-behavior-x:contain}.wsh-mixer__top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.wsh-mixer__play{width:48px;height:48px;border-radius:var(--fys-radius-pill, 999px);background:var(--fys-oxblood, #8B3220);color:var(--fys-on-dark, #F0E8D5);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease;flex-shrink:0}.wsh-mixer__play svg{fill:currentColor}.wsh-mixer__play:hover{background:var(--fys-oxblood-hover, #6E2719)}.wsh-mixer__time{font-family:var(--fys-font-mono, "JetBrains Mono", ui-monospace, monospace);font-size:12px;font-weight:500;letter-spacing:.06em;color:var(--fys-on-dark, #F0E8D5);flex-shrink:0;min-width:88px}.wsh-mixer__status{font-family:var(--fys-font-mono, "JetBrains Mono", ui-monospace, monospace);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--fys-on-dark-2, rgba(240, 232, 213, .7));margin-left:auto}.wsh-mixer__status:empty{display:none}.wsh-mixer__controls{display:inline-flex;gap:6px;flex:1 1 auto;min-width:0;justify-content:flex-start}@media(max-width:749px){.wsh-mixer__controls{flex:1 1 100%;justify-content:stretch;order:10}.wsh-mixer__controls .wsh-fys-mixer-answer{flex:1 1 0}}.wsh-fys-mixer-answer{padding:10px 14px;border:1px solid var(--fys-line-on-dark, rgba(240, 232, 213, .18));background:transparent;color:var(--fys-on-dark, #F0E8D5);border-radius:var(--fys-radius-control, 4px);font:inherit;font-family:var(--fys-font-body, Inter, sans-serif);font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease,border-color .15s ease}.wsh-fys-mixer-answer:hover{border-color:var(--fys-on-dark, #F0E8D5)}.wsh-fys-mixer-answer.is-selected{background:var(--fys-on-dark, #F0E8D5);color:var(--fys-ink, #1A1410);-webkit-text-fill-color:var(--fys-ink, #1A1410);border-color:var(--fys-on-dark, #F0E8D5)}.wsh-mixer--no-lanes{padding-bottom:24px}.wsh-mixer--no-lanes .wsh-mixer__top{justify-content:center}.wsh-mixer--no-lanes .wsh-mixer__controls{flex:0 1 auto}.wsh-mixer__no-lanes-note{margin:4px 0 0;padding:20px 20px 4px;text-align:center;font-size:13px;color:var(--fys-on-dark-2, rgba(240, 232, 213, .7));border-top:1px solid var(--fys-line-on-dark, rgba(240, 232, 213, .18))}.wsh-mixer__lanes{display:flex;flex-direction:column;gap:4px}.wsh-mixer__lane{display:grid;grid-template-columns:108px 1fr auto;gap:12px;align-items:center;padding:6px 10px;border-radius:var(--fys-radius-control, 4px);transition:opacity .2s ease}.wsh-mixer__lane.is-muted{opacity:.35}.wsh-mixer__lane-label{font-family:var(--fys-font-mono, "JetBrains Mono", ui-monospace, monospace);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--fys-on-dark-2, rgba(240, 232, 213, .7))}.wsh-mixer__lane-wave{height:28px;position:relative;overflow:hidden}.wsh-mixer__lane-wave-inner{width:100%;height:100%}.wsh-mixer__lane-btns{display:flex;gap:4px}.wsh-mixer__ms-btn{width:30px;height:30px;border:1px solid var(--fys-line-on-dark, rgba(240, 232, 213, .18));border-radius:var(--fys-radius-control, 4px);background:transparent;font-family:var(--fys-font-mono, "JetBrains Mono", ui-monospace, monospace);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--fys-on-dark, #F0E8D5);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.wsh-mixer__ms-btn:hover{border-color:var(--fys-on-dark, #F0E8D5)}.wsh-mixer__ms-btn.is-active{background:var(--fys-on-dark, #F0E8D5);color:var(--fys-ink, #1A1410);-webkit-text-fill-color:var(--fys-ink, #1A1410);border-color:var(--fys-on-dark, #F0E8D5)}@media(max-width:749px){.wsh-mixer__lane{grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:2px 10px;padding:4px 8px}.wsh-mixer__lane-label{grid-column:1 / -1;font-size:10px;letter-spacing:.14em}.wsh-mixer__lane-wave{grid-column:1;grid-row:2;height:24px}.wsh-mixer__lane-btns{grid-column:2;grid-row:2}.wsh-mixer__ms-btn{width:26px;height:26px}}
/*# sourceMappingURL=/cdn/shop/t/182/assets/wsh-mixer.css.map */