.audioplayer{display:flex;flex-direction:row;box-sizing:border-box;margin:1.5em 0 2rem;padding:0 24px;width:100%;height:70px;align-items:center;border-radius:15px;background:#f6f7fb;direction:ltr}@media screen and (max-width:39.99875em){.audioplayer{margin-top:20px}}.audioplayer-playpause{display:flex;justify-content:center;align-items:center;width:48px;height:48px;border-radius:50%;cursor:pointer;transition:all .2s ease-in-out}.audioplayer:not(.audioplayer-playing) .audioplayer-playpause:hover{background:#98a2c117}.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a{content:'';justify-content:center;width:0;height:0;margin-left:2px;border-top:7px solid transparent;border-right:none;border-bottom:7px solid transparent;border-left:12px solid var(--primary-color)}.audioplayer-playing .audioplayer-playpause a{content:'';display:flex;justify-content:space-between;width:12px;height:14px}.audioplayer-playing .audioplayer-playpause a::after,.audioplayer-playing .audioplayer-playpause a::before{content:'';width:4px;height:14px;background-color:var(--primary-color)}.audioplayer-time{display:flex;width:40px;justify-content:center;font-size:15px;color:var(--primary-color)}.audioplayer-time-current{margin:0 12px;order:3}.audioplayer-time-duration{display:none}.audioplayer-bar{position:relative;display:flex;margin:0 12px;height:12px;flex-basis:0;flex-grow:1;cursor:pointer}.audioplayer-bar::before{content:'';position:absolute;z-index:1;height:5px;background:#fff;border-radius:5px;top:5px;width:100%}.audioplayer-bar>div{position:absolute;left:0;top:5px}.audioplayer-bar-played{flex-direction:row-reverse;z-index:2;height:5px;background:#7b40c6;border-radius:5px}.audioplayer-volume{display:flex;align-items:center;order:4}.audioplayer-volume-button{display:flex;align-items:center;width:24px;height:24px;cursor:pointer}.audioplayer-volume-button a{display:flex;width:30px;height:30px;background-image:url(../../images/icons/Volume.svg);position:relative;background-position:left center;background-repeat:no-repeat;background-size:contain}.audioplayer-mute .audioplayer-volume-button a:after{content:"";position:absolute;background-color:#a5afcf;width:1px;height:40px;left:50%;transform:translateY(-10%) rotate(45deg);-webkit-transform:ranslateY(-10%) rotate(45deg)}.audioplayer-mute .audioplayer-volume-button a:before{border-right:9px solid #fd4f1a}.audioplayer-volume-adjust{display:none}