.di-audioplayer-container{margin:10px 0;box-shadow:rgba(99,99,99,.2) 0 2px 8px 0}.di-audioplayer{display:flex;flex-direction:row;box-sizing:border-box;padding:0 24px;width:100%;height:96px;align-items:center;border-radius:4px;border-top-left-radius:0;border-top-right-radius:0;user-select:none}.di-apl-title{padding:12px 24px;border-radius:4px;border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:1px solid #dde2e6;font-size:18px;font-weight:700}.di-audioplayer-playpause{display:flex;justify-content:center;align-items:center;width:48px;height:48px;border-radius:50%;cursor:pointer;transition:all 0.2s ease-in-out}.di-audioplayer:not(.di-audioplayer-playing) .di-audioplayer-playpause{background:rgba(91,130,255,0);border:3px solid #5b82ff}.di-audioplayer:not(.di-audioplayer-playing) .di-audioplayer-playpause:hover{background:rgba(91,130,255,.1)}.di-audioplayer-playing .di-audioplayer-playpause{background:rgba(253,79,26,0);border:1px solid #fd4f1a}.di-audioplayer-playing .di-audioplayer-playpause:hover{background:rgba(235,79,26,.1)}.di-audioplayer:not(.di-audioplayer-playing) .di-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 #0059ff}.di-audioplayer-playing .di-audioplayer-playpause a{content:"";display:flex;justify-content:space-between;width:12px;height:14px}.di-audioplayer-playing .di-audioplayer-playpause a::after,.di-audioplayer-playing .di-audioplayer-playpause a::before{content:"";width:4px;height:14px;background-color:#fd4f1a}.di-audioplayer-time{display:flex;width:40px;justify-content:center;font-size:12px;color:rgba(51,51,51,.6)}.di-audioplayer-time-current{margin-left:24px;margin-right:20px}.di-audioplayer-time-duration{margin-right:24px;margin-left:16px}.di-audioplayer-bar{position:relative;display:flex;margin:0 12px;height:12px;flex-basis:0%;flex-grow:1;cursor:pointer}.di-audioplayer-bar::before{content:"";position:absolute;top:5px;width:100%;height:2px;background-color:#dde2e6}.di-audioplayer-bar>div{position:absolute;left:0;top:5px}.di-audioplayer-bar-loaded{z-index:1;height:2px;background:#bec8d2}.di-audioplayer-bar-played{flex-direction:row-reverse;z-index:2;height:2px;background:-webkit-linear-gradient(left,#0059ff,#09b1fa)}.di-audioplayer-bar-played::after{display:flex;position:absolute;content:"";box-sizing:border-box;top:-5px;right:-1px;margin-right:-5px;width:12px;height:12px;background-color:#fff;border-radius:6px}.di-audioplayer:not(.di-audioplayer-playing) .di-audioplayer-bar-played::after{border:2px solid #bec8d2}.di-audioplayer-playing .di-audioplayer-bar-played::after{border:2px solid #0059ff}.di-audioplayer-volume{display:flex;align-items:center}.di-audioplayer-volume-button{display:flex;align-items:center;width:24px;height:24px;cursor:pointer}.di-audioplayer-volume-button a{display:flex;width:6px;height:8px;background-color:#9a9fb0;position:relative}.di-audioplayer-volume-button a:after,.di-audioplayer-volume-button a:before{content:"";position:absolute}.di-audioplayer-volume-button a:before{width:0;height:0;border-top:8px solid transparent;border-right:9px solid #9a9fb0;border-bottom:8px solid transparent;border-left:none;top:-4px}.di-audioplayer:not(.di-audioplayer-mute) .di-audioplayer-volume-button a:after{left:10px;top:-2px;width:6px;height:6px;border:6px double #9a9fb0;border-width:6px 6px 0 0;border-radius:0 12px 0 0;transform:rotate(45deg)}.di-audioplayer-mute .di-audioplayer-volume-button a{background-color:#fd4f1a}.di-audioplayer-mute .di-audioplayer-volume-button a:before{border-right:9px solid #fd4f1a}.di-audioplayer-volume-adjust{display:flex;align-items:center;margin-left:8px}.di-audioplayer-volume-adjust>div{position:relative;display:flex;width:60px;height:2px;cursor:pointer;background-color:#bec8d2}.di-audioplayer-volume-adjust div div{position:absolute;top:0;left:0;height:2px;background-color:#0059ff}@media screen and (max-width:679px){.di-audioplayer-volume-adjust{display:none}}.diap_bdo .di-apl-title{background-color:#ed1a3b;color:#fff;border-bottom-color:rgba(255,255,255,.5)}.diap_bdo .di-audioplayer{background-color:rgba(237,26,59,.8)}.diap_bdo .di-audioplayer-playing .di-audioplayer-playpause,.diap_bdo .di-audioplayer:not(.di-audioplayer-playing) .di-audioplayer-playpause{background:0 0;border:3px solid #fff}.diap_bdo .di-audioplayer:not(.di-audioplayer-playing) .di-audioplayer-playpause a{border-left-color:#fff}.diap_bdo .di-audioplayer-playing .di-audioplayer-playpause a::after,.diap_bdo .di-audioplayer-playing .di-audioplayer-playpause a::before{background-color:#fff}.diap_bdo .di-audioplayer-time{color:#fff;font-size:16px}.diap_bdo .di-audioplayer-bar-loaded,.diap_bdo .di-audioplayer-bar::before{height:3px;background:rgba(255,255,255,.3)}.diap_bdo .di-audioplayer-bar-played{height:3px;background:#fff}.diap_bdo .di-audioplayer-bar-played::after{top:-8px;width:20px;height:20px;background-color:#fff;border-radius:50%}.diap_bdo .di-audioplayer-playing .di-audioplayer-bar-played::after{border:2px solid #bec8d2!important}.diap_bdo .di-audioplayer-volume-button a{background-color:#fff}.diap_bdo .di-audioplayer-mute .di-audioplayer-volume-button a:before{border-right-color:rgba(255,255,255,.5)}.diap_bdo .di-audioplayer-mute .di-audioplayer-volume-button a{background-color:rgba(255,255,255,.5)}.diap_bdo .di-audioplayer-volume-button a:before{border-right-color:#fff}.diap_bdo .di-audioplayer:not(.di-audioplayer-mute) .di-audioplayer-volume-button a:after{border-color:#fff}.diap_bdo .di-audioplayer-volume-adjust>div{background:rgba(255,255,255,.5);height:3px}.diap_bdo .di-audioplayer-volume-adjust div div{background-color:#fff;height:3px}.diap_dark .di-apl-title{background-color:#000;color:#fff;border-bottom-color:rgba(255,255,255,.5)}.diap_dark .di-audioplayer{background-color:rgba(0,0,0,.8)}.diap_dark .di-audioplayer-playing .di-audioplayer-playpause,.diap_dark .di-audioplayer:not(.di-audioplayer-playing) .di-audioplayer-playpause{background:0 0;border:3px solid #fff}.diap_dark .di-audioplayer:not(.di-audioplayer-playing) .di-audioplayer-playpause a{border-left-color:#fff}.diap_dark .di-audioplayer-playing .di-audioplayer-playpause a::after,.diap_dark .di-audioplayer-playing .di-audioplayer-playpause a::before{background-color:#fff}.diap_dark .di-audioplayer-time{color:#fff;font-size:16px}.diap_dark .di-audioplayer-bar-loaded,.diap_dark .di-audioplayer-bar::before{height:3px;background:rgba(255,255,255,.3)}.diap_dark .di-audioplayer-bar-played{height:3px;background:#fff}.diap_dark .di-audioplayer-bar-played::after{top:-8px;width:20px;height:20px;background-color:#fff;border-radius:50%}.diap_dark .di-audioplayer-playing .di-audioplayer-bar-played::after{border:2px solid #bec8d2!important}.diap_dark .di-audioplayer-volume-button a{background-color:#fff}.diap_dark .di-audioplayer-mute .di-audioplayer-volume-button a:before{border-right-color:rgba(255,255,255,.5)}.diap_dark .di-audioplayer-mute .di-audioplayer-volume-button a{background-color:rgba(255,255,255,.5)}.diap_dark .di-audioplayer-volume-button a:before{border-right-color:#fff}.diap_dark .di-audioplayer:not(.di-audioplayer-mute) .di-audioplayer-volume-button a:after{border-color:#fff}.diap_dark .di-audioplayer-volume-adjust>div{background:rgba(255,255,255,.5);height:3px}.diap_dark .di-audioplayer-volume-adjust div div{background-color:#fff;height:3px}.diap_light .di-apl-title{background-color:#fff;color:#222;border-bottom-color:rgba(255,255,255,.5)}.diap_light .di-audioplayer{background-color:rgba(255,255,255,.8)}.diap_light .di-audioplayer-playing .di-audioplayer-playpause,.diap_light .di-audioplayer:not(.di-audioplayer-playing) .di-audioplayer-playpause{background:0 0;border:3px solid #222}.diap_light .di-audioplayer:not(.di-audioplayer-playing) .di-audioplayer-playpause a{border-left-color:#222}.diap_light .di-audioplayer-playing .di-audioplayer-playpause a::after,.diap_light .di-audioplayer-playing .di-audioplayer-playpause a::before{background-color:#222}.diap_light .di-audioplayer-time{color:#222;font-size:16px}.diap_light .di-audioplayer-bar-loaded,.diap_light .di-audioplayer-bar::before{height:3px;background:rgba(34,34,34,.15)}.diap_light .di-audioplayer-bar-played{height:3px;background:#222}.diap_light .di-audioplayer-bar-played::after{top:-8px;width:20px;height:20px;background-color:#222;border-radius:50%;border-color:#000}.diap_light .di-audioplayer-playing .di-audioplayer-bar-played::after{border:2px solid #222!important}.diap_light .di-audioplayer-volume-button a{background-color:#222}.diap_light .di-audioplayer-mute .di-audioplayer-volume-button a:before{border-right-color:rgba(34,34,34,.5)}.diap_light .di-audioplayer-mute .di-audioplayer-volume-button a{background-color:rgba(34,34,34,.5)}.diap_light .di-audioplayer-volume-button a:before{border-right-color:#222}.diap_light .di-audioplayer:not(.di-audioplayer-mute) .di-audioplayer-volume-button a:after{border-color:#222}.diap_light .di-audioplayer-volume-adjust>div{background:rgba(34,34,34,.3);height:3px}.diap_light .di-audioplayer-volume-adjust div div{background-color:#222;height:3px}.diap_light .di-audioplayer:not(.di-audioplayer-playing) .di-audioplayer-bar-played::after{border-color:#222}@media screen and (max-width:768px){.di-audioplayer-volume{display:none}.di-apl-title{padding:12px 17px}.di-audioplayer{padding:0 15px}.di-audioplayer-time-current{margin-left:15px;margin-right:10px}.di-audioplayer-time-duration{margin:0;margin-left:5px}}