.audio{background-color:#fff;border-radius:15px;display:flex;gap:40px;max-width:1200px;padding:20px}.audio button{box-shadow:unset}.audio .wrapper .top_icons .top_icon{display:flex;gap:8px}.audio .wrapper .top_icons{display:flex;gap:50px}.audio .img_track{position:relative;width:55%}.audio .wrapper{display:flex;flex-direction:column;justify-content:space-evenly;width:100%}.audio .img_track .top_icon{left:20px;position:absolute;top:20px}.audio .img_track .main_title{bottom:20px;display:flex;flex-direction:column;left:20px;position:absolute}.audio .img_track .main_title .sub_title{color:#fff;font-size:24px;font-weight:400}.audio .img_track .main_title .title{color:#fff;font-size:30px;font-weight:600}.audio .wrapper .main_title_track{color:#0067b9;font-size:42px;font-weight:800;margin-bottom:0}.audio .bottom_icons{align-items:center;display:flex;gap:16px}.audio .bottom_icons img.bottom_icon_volumn{max-width:30px}.audio .bottom_icons img.bottom_icon_share{max-width:33px}.bottom_icons img{cursor:pointer}button#playPauseBtn{align-items:center;background-color:#000;border:0;border-radius:50%;cursor:pointer;height:52px;justify-content:center;outline:none;padding:0;position:relative;width:52px}button#playPauseBtn svg{height:22px;width:auto;fill:#fff;left:51%;position:absolute;top:50%;transform:translate(-50%,-50%)}#playPauseBtn.playPauseBtn--active span.playPauseBtn__play,.playPauseBtn__pause{display:none}#playPauseBtn.playPauseBtn--active .playPauseBtn__pause{display:block}button#jump30Btn,button#rewind10Btn{background-color:unset;border:0;border-radius:0;padding:0}.audio__controls{align-items:center;display:flex;gap:15px}.audio__controls button{transition:all .3s ease}button#jump30Btn:hover,button#rewind10Btn:hover{transform:scale(1.05)}div#progressContainer{background-color:#000}div#progressBar,div#progressContainer{background-image:url(https://www.idexxbioanalytics.com/hubfs/output-onlinepngtools.png);background-repeat:no-repeat;background-size:cover;height:65px;position:relative}div#progressBar{background-color:#1870b9;height:100%;left:0;position:absolute}.audio__controls{max-width:158px}.audio__timeline>span{color:#000;font-size:13px;max-width:max-content}.audio__timeline>div,.audio__timeline>span{width:100%}.audio__timeline{align-items:center;display:flex;gap:5px}.audio__share-buttons{position:relative}.audio__share-buttons img{cursor:pointer}.audio__share-buttons:hover .audio__share-buttons-items{opacity:1;transform:translateX(0);width:110px}.audio__share-buttons-items>div span{display:block;line-height:normal}.audio__share-buttons-items>div{display:flex;gap:10px}.audio__share-buttons-items svg{height:30px;width:30px}.audio__share-buttons-items a{display:inline-block}.audio__share-buttons-items{left:100%;margin-left:15px;opacity:0;overflow:hidden;padding-top:2px;position:absolute;top:0;transform:translateX(-10px);transition:all .3s ease;width:0}@media (max-width:1250px){.audio .wrapper .top_icons{flex-wrap:wrap;gap:20px}}@media (max-width:975px){.audio .audio__timeline,.audio .main_image{width:100%}.audio .controls{display:flex}.audio .bottom_icons{padding:35px 0}.audio .audio__controls{justify-content:flex-start;margin:0 20px 0 0;width:-webkit-fill-available}.audio .wrapper .main_title_track{font-size:38px;padding:25px 0}.audio .img_track .top_icon{left:4vw;top:4vw;width:8vw}.audio .img_track .main_title{bottom:5vw;left:5vw}.audio{flex-direction:column;gap:30px}.audio .img_track{width:100%}.audio .img_track .main_title .sub_title{font-size:5vw}.audio .img_track .main_title .title{font-size:6vw}}@media (max-width:768px){.audio__controls{justify-content:center;margin:0 auto 20px}.audio .wrapper .main_title_track{font-size:28px}.audio{padding:10px}}@media (min-width:769px){.controls>div{width:100%}.controls{display:flex;gap:50px}}