.ba{--ba-bg: transparent;--ba-text: #f2f2f2;--ba-muted: #8d8d8d;--ba-line: #2b2b2b;--ba-card: #111111;--ba-wave: #3a3a3a;--ba-on: #d60f19;--ba-ont: #ffffff;background:var(--ba-bg);color:var(--ba-text);padding:var(--ba-pt, 32px) 0 var(--ba-pb, 40px)}.ba--light{--ba-bg: #f3f2ee;--ba-text: #0b0b0b;--ba-muted: #66665f;--ba-line: #d3d1ca;--ba-card: #ffffff;--ba-wave: #cfcdc5;--ba-on: #b81825;--ba-ont: #ffffff}.ba--red{--ba-bg: #b81825;--ba-text: #ffffff;--ba-muted: rgba(255,255,255,.74);--ba-line: rgba(255,255,255,.34);--ba-card: rgba(0,0,0,.2);--ba-wave: rgba(255,255,255,.38);--ba-on: #ffffff;--ba-ont: #b81825}.ba *,.ba *:before,.ba *:after{box-sizing:border-box}.ba__inner{max-width:1400px;margin:0 auto;padding:0 clamp(20px,4vw,56px)}.ba--prep [data-ba-text]{opacity:0}.ba__h{margin:0;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:min(var(--ba-h-size, 18px),7vw);line-height:1.1;letter-spacing:-.01em;text-transform:uppercase}.ba__w{display:inline-block;white-space:nowrap}.ba__c{display:inline-block;text-align:center;white-space:pre}.ba__c.is-noise{color:var(--ba-on)}.ba__sub{margin:8px 0 0;max-width:62ch;font-size:13px;line-height:1.55;color:var(--ba-muted)}.ba__rows{margin-top:22px;display:grid;gap:var(--ba-rowgap, 22px)}.ba__rowhead{display:flex;align-items:center;gap:12px;margin-bottom:8px}.ba__idx{font-size:11px;letter-spacing:.08em;color:var(--ba-on);font-variant-numeric:tabular-nums}.ba__rl{margin:0;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.ba__rule{flex:1;height:1px;background:var(--ba-line)}.ba__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ba-gap, 10px)}.ba__card{display:grid;grid-template-columns:34px minmax(0,1fr) auto;grid-template-areas:"p m s" "w w w";align-items:center;gap:8px 12px;padding:var(--ba-cp, 10px) 14px;background:var(--ba-card);border:1px solid var(--ba-line);transition:border-color .2s}.ba__card.is-active{border-color:var(--ba-on)}.ba__play{grid-area:p;width:34px;height:34px;display:grid;place-items:center;padding:0;border:1px solid var(--ba-line);border-radius:0;background:transparent;color:var(--ba-text);cursor:pointer;transition:background-color .15s,color .15s,border-color .15s}.ba__play svg{width:12px;height:12px;fill:currentColor}.ba__play .i-pause{display:none}.ba__card.is-playing .ba__play .i-pause{display:block}.ba__card.is-playing .ba__play .i-play{display:none}.ba__play:hover:not(:disabled),.ba__card.is-active .ba__play{background:var(--ba-on);color:var(--ba-ont);border-color:var(--ba-on)}.ba__play:disabled{opacity:.35;cursor:not-allowed}.ba__play:focus-visible,.ba__sw button:focus-visible{outline:2px solid var(--ba-on);outline-offset:2px}.ba__meta{grid-area:m;min-width:0}.ba__title{margin:0;font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ba__status{margin:2px 0 0;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ba-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ba__card.is-active .ba__status b{color:var(--ba-on)}.ba__status b{font-weight:inherit}.ba__card.is-empty .ba__status{opacity:.7}.ba__sw{grid-area:s;display:inline-flex;border:1px solid var(--ba-line)}.ba__sw button{min-width:46px;min-height:32px;padding:0 12px;border:0;border-radius:0;background:transparent;color:var(--ba-muted);font:inherit;font-size:11px;font-weight:600;letter-spacing:.12em;cursor:pointer;transition:background-color .15s,color .15s}.ba__sw button+button{border-left:1px solid var(--ba-line)}.ba__sw button:hover:not(:disabled):not([aria-pressed=true]){color:var(--ba-text)}.ba__sw button[aria-pressed=true]{background:var(--ba-on);color:var(--ba-ont)}.ba__sw button:disabled{opacity:.35;cursor:not-allowed}.ba__wave{grid-area:w;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.ba__wave canvas{display:block;width:100%;height:var(--ba-wh, 28px);cursor:pointer}.ba__card.is-empty .ba__wave canvas{cursor:default}.ba__time{font-size:11px;letter-spacing:.06em;color:var(--ba-muted);font-variant-numeric:tabular-nums;white-space:nowrap}@media(max-width:749px){.ba__grid{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.ba__card,.ba__play,.ba__sw button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/mutation-ba.css.map */