.waveform-carousel{width:100%;background:#000;color:#fff;padding:60px 0}.carousel-header{display:grid;grid-template-columns:auto minmax(260px,420px) auto;align-items:center;justify-content:center;gap:5px;margin-bottom:40px}.carousel-title{font-family:var(--carousel-title-font, sans-serif);color:var(--carousel-title-color, #fff);font-size:2.5rem;letter-spacing:.15em;text-transform:uppercase;text-align:center;white-space:normal;word-break:keep-all;overflow-wrap:normal}.carousel-header .arrow{border:none;background:transparent;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.carousel-header .arrow img{width:36px;height:36px;display:block;transition:transform .15s ease}.carousel-header .arrow:hover img{transform:scale(1.15)}.carousel-panels{width:100%}.carousel-panels{position:relative}.carousel-panel{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:0;transform:translateY(12px);transition:opacity .35s ease,transform .35s ease;pointer-events:none}.carousel-panel.active{position:relative;opacity:1;transform:translateY(0);pointer-events:auto}.carousel-panel .custom-waveform-section{animation:fadeIn .25s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.waveform-carousel .columns{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;width:100%;max-width:1200px;margin:0 auto}.waveform-carousel .column{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.waveform-carousel .mediaCont{display:flex;align-items:center;gap:12px;margin-bottom:28px}.waveform-carousel .play-btn{margin-bottom:15px}.waveform-carousel .waveform-title+.mediaCont{margin-top:6px}.waveform-title{font-family:var(--waveform-title-font, sans-serif);color:var(--waveform-title-color, #fff);font-size:.85rem;letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase;padding-left:1rem;max-width:100%;line-height:1.35;white-space:normal;word-break:break-word}@media (max-width: 900px){.waveform-carousel .columns{grid-template-columns:1fr;gap:0}.waveform-carousel .column{display:contents}}@media (max-width: 600px){.carousel-header{grid-template-columns:auto minmax(160px,220px) auto;gap:8px}.carousel-title{font-size:1.6rem;line-height:1.15}}@media (max-width: 900px){.waveform-title{padding-left:1rem;font-size:.8rem}}@media (max-width: 900px){.waveform-carousel .play-btn{width:28px;height:28px;min-width:28px;min-height:28px;margin-bottom:18px}}.full-width-waveforms{width:100%;max-width:1200px;margin:32px auto 0}.mediaCont.full-width{width:100%;margin-bottom:32px}.mediaCont.full-width .waveForm{width:100%}
/*# sourceMappingURL=/cdn/shop/t/2/assets/waveform-carousel.css.map */