.audio-player{width:220px;margin-bottom:20px}.audio-title{font-size:16px!important;color:var(--secondary-solid-purple-dark)!important;font-weight:400!important;text-align:left;white-space:nowrap;font-style:normal}@media only screen and (max-width:766px){.audio-player{margin-left:auto;margin-right:auto}.audio-title{white-space:normal;text-align:center}}.progress-bar{height:8px;background-color:#fff;border:2px solid var(--primary-solid-blue);position:relative;cursor:pointer}.progress-bar .progress{height:100%;width:0;background-color:var(--primary-solid-blue)}.audio-controls{width:fit-content;margin:auto auto 10px;display:flex;justify-content:center;gap:8px;background-color:var(--primary-solid-blue);border-radius:24px;padding:6px}.audio-controls button{cursor:pointer}.play-icon,.pause-icon{width:36px;height:36px;fill:#fff}.play-icon.hidden,.pause-icon.hidden{display:none}.btn-play-pause{background-color:transparent;border:none;outline:none;position:relative;display:flex;justify-content:center}.btn-lang.active{background-color:#fff;border:none;outline:none;border-radius:24px;cursor:default}.btn-lang.inactive{background-color:transparent;border:none;outline:none}.btn-lang:disabled{cursor:not-allowed}.btn-lang img{width:32px;height:32px;padding:0 2px}.btn-play-pause:hover,.btn-lang.inactive:hover{background-color:#fff3;transition:background-color .2s;border-radius:24px}.select{position:relative;border:2px solid var(--primary-solid-blue);margin-top:15px}.select .selectBtn{padding:3px;box-sizing:border-box;cursor:pointer;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#fff;color:var(--primary-solid-blue)}.select .selectBtn span{pointer-events:none}.select .selectBtn:after{content:"";position:absolute;top:45%;right:10px;width:6px;height:6px;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);border-right:2px solid var(--primary-solid-blue);border-bottom:2px solid var(--primary-solid-blue);transition:.2s ease}.select .selectBtn.rotate:after{content:"";position:absolute;top:45%;right:10px;width:6px;height:6px;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);border-right:2px solid var(--primary-solid-blue);border-bottom:2px solid var(--primary-solid-blue);transition:.2s ease;transform:rotate(-135deg)}.select .selectBtn.toggle{border-radius:3px 3px 0 0}.select .selectBtn.toggle:after{-webkit-transform:translateY(-50%) rotate(-135deg);transform:translateY(-50%) rotate(-135deg)}.select .selectDropdown{position:absolute;top:100%;left:-2px;width:calc(100% + 4px);border-radius:0 0 3px 3px;overflow:hidden;border:2px solid var(--primary-solid-blue);z-index:1;background:#fff;-webkit-transform:scale(1,0);transform:scaleY(0);-webkit-transform-origin:top center;transform-origin:top center;visibility:hidden;transition:.2s ease}.select .selectDropdown .option{color:var(--primary-solid-blue);padding:3px;box-sizing:border-box;cursor:pointer;border-bottom:2px solid var(--primary-solid-blue)}.select .selectDropdown .option span{pointer-events:none}.select .selectDropdown .option:last-child{border-bottom:none}.select .selectDropdown .option:hover{background:var(--primary-solid-blue);color:#fff}.select .selectDropdown.toggle{visibility:visible;-webkit-transform:scale(1,1);transform:scale(1)}
/*# sourceMappingURL=/cdn/shop/t/12/assets/custom-audio-player.css.map */
