.wavform-container{position:relative;width:100%;display:flex;align-items:center;justify-content:center;margin:20px 0}.play-pause--container{margin-right:10px}button.play-pause--btn{width:48px;height:48px;border:none;border:2px solid #192646;background:#f7f7f7;display:flex;border-radius:100px;cursor:pointer;align-items:center;justify-content:center}span.play-btn{display:flex;align-items:center;justify-content:center}svg.play-btn-icon{width:32px;height:32px;fill:#1a2747}svg.pause-btn-icon{width:32px;height:32px;fill:#1a2747}h4.sound-title{font-size:22px;margin:0}.sound-title--separator{width:10%;height:3px;background:#1a2747;margin:5px 0}.sound-container{display:flex;flex-direction:column;align-items:center}div#waveform{width:700px;z-index:4}div#waveform2{position:absolute;width:700px;margin-left:59px}wave{border:none;width:100%}div#waveform :empty{display:block}@media screen and (max-width: 820px){div#waveform{width:425px}div#waveform2{width:425px;margin-left:59px}}@media screen and (max-width: 500px){div#waveform{width:285px}div#waveform2{width:285px;margin-left:57px}}.toggle-container{width:100%;display:flex;justify-content:center;align-items:center;z-index:10}.toggle{visibility:hidden}.toggle-label{position:relative;background-color:#d0d0d0;border-radius:50px;cursor:pointer;display:inline-block;margin:0 15px;width:80px;height:40px}span.without-product,span.with-product{font-weight:500}span.without-product{color:#1a2747;text-align:right}.toggle:checked+.toggle-label{background-color:#1a2747}.ball{background:#fff;height:34px;width:34px;border-radius:50%;position:absolute;top:3px;display:block!important;left:3px;align-items:center;justify-content:center;animation:slideOff .3s linear forwards}.toggle:checked+.toggle-label .ball{animation:slideOn .3s linear forwards}@media screen and (max-width: 500px){span.without-product,span.with-product{font-size:14px}}@keyframes slideOn{0%{transform:translate(0) scale(1)}50%{transform:translate(20px)}to{transform:translate(40px) scale(1)}}@keyframes slideOff{0%{transform:translate(40px) scale(1)}50%{transform:translate(20px)}to{transform:translate(0) scale(1)}}.toggle-container input[type=checkbox]{display:none}
/*# sourceMappingURL=/cdn/shop/t/129/assets/wavesurfer.css.map */