.bl-panel{--bl-red:#EC1C24;--bl-red-hot:#FF2A33;--bl-surface-2:#12151B;--bl-line:#1D2129;--bl-line-soft:#171B22;--bl-grey:#8A94A6;--bl-grey-dim:#5E6779;--bl-blue:#2F7FE8;--wfp-accent:var(--bl-red);--wfp-button-color:var(--bl-red);--wfp-text-color:#fff;--wfp-text-secondary-color:var(--bl-grey);--wb-accent:var(--bl-red);--wb-bg:#0A0C11;--wb-border:var(--bl-line);--wb-text:#fff;--wb-text-muted:var(--bl-grey);--wb-on-accent:#fff;background:#000;border:1px solid var(--bl-line);border-radius:14px;padding:22px;display:flex;flex-direction:column;gap:16px;color:#fff;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.bl-panel *{box-sizing:border-box}.bl-panel-top{display:flex;align-items:center;gap:10px}.bl-panel-eyebrow{font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.bl-panel-badge{background:var(--bl-blue);color:#fff;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:4px 8px;border-radius:4px}.bl-panel-title{font-size:clamp(28px,3.6vw,40px);line-height:.92;font-weight:800;letter-spacing:-.035em;text-transform:uppercase;margin:0;color:#fff}.bl-panel-title .r{color:var(--bl-red);display:block}.bl-panel-vendor{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--bl-grey);margin:0}.bl-panel-desc{font-size:14.5px;line-height:1.5;color:#c4cbd6;margin:0;max-width:44ch}.bl-panel-main{display:flex;align-items:center;gap:14px}.bl-panel .bl-slot{--wfp-btn-size:44px}.bl-panel .bl-slot .waveform-player{flex:1;min-width:0}.bl-panel .bl-slot .waveform-container{min-height:0;min-width:56px}.bl-panel .bl-slot .waveform-body{gap:0}.bl-panel .bl-slot .waveform-info{display:none}.bl-panel .bl-slot .waveform-btn{background:var(--bl-red);border-color:var(--bl-red);color:#fff;opacity:1;box-shadow:0 2px 10px #ec1c2457}.bl-panel .bl-slot .waveform-btn:hover:not(:disabled){background:var(--bl-red-hot);border-color:var(--bl-red-hot)}.bl-panel .bl-slot .waveform-btn svg{width:calc(var(--wfp-btn-size) * .38);height:calc(var(--wfp-btn-size) * .38)}.bl-panel .bl-time{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums;font-size:12.5px;color:var(--bl-grey);white-space:nowrap;flex:none}.bl-panel-rows{display:flex;flex-direction:column;gap:6px}.bl-trow{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s}.bl-trow:hover{background:var(--bl-surface-2)}.bl-trow.on{background:#ec1c2429;border-color:var(--bl-red)}.bl-trow-play{width:18px;flex:none;color:#fff;display:grid;place-items:center}.bl-trow-play svg{width:11px;height:11px;fill:currentColor}.bl-trow-num{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--bl-grey-dim);width:20px;flex:none;font-variant-numeric:tabular-nums}.bl-trow.on .bl-trow-num{color:#e4a8ac}.bl-trow-name{font-size:14px;font-weight:600;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bl-trow-tag{font-size:9.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;border:1px solid #2A303A;border-radius:4px;padding:4px 7px;color:var(--bl-grey);flex:none}.bl-trow.on .bl-trow-tag{border-color:var(--bl-red);color:#ff8f95}.bl-trow-dur{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--bl-grey);flex:none;font-variant-numeric:tabular-nums}.bl-trow-more{color:var(--bl-grey-dim);flex:none;letter-spacing:1.5px;font-size:15px;line-height:1}.bl-panel-specs{display:flex;flex-wrap:wrap;gap:7px;padding-top:14px;border-top:1px solid var(--bl-line-soft)}.bl-spec{font-size:10px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--bl-grey);border:1px solid #232830;border-radius:5px;padding:6px 10px}@media(max-width:520px){.bl-panel{padding:16px}.bl-panel .bl-slot{--wfp-btn-size:40px}.bl-trow-tag{display:none}.bl-trow{gap:9px;padding:8px 10px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/bl-panel.css.map */