/*/// GLOBAL ////////////////*/
.ba__media-audio{--ba-border-color:#00d27a; --ba-audio-primary: var(--ba-border-color, #f90) ;}
.ba__media-wrap:not(.playlist-container){display: inline-table;}
.ba__media-offscreen{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal}
.ba__media-container{background:#070f1e;color: #fff; font-family:Helvetica,Arial,serif;position:relative;text-align:left;text-indent:0;vertical-align:top;font-size: 14px; padding: 0; min-height: 3em; min-width: 3em !important;}
.ba__media-container img{max-width: 100%; height: auto; display: block;}
.ba__media-container,.ba__media-container *{box-sizing:border-box}
.ba__media-container video::-webkit-media-controls,.ba__media-container video::-webkit-media-controls-panel,.ba__media-container video::-webkit-media-controls-panel-container,.ba__media-container video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}
.ba__media-inner > *, .ba__media-controls > *{position: relative; background: inherit; color: inherit;}
.ba__media-fill-container,.ba__media-fill-container .ba__media-container{height:100%;width:100%}
.ba__media-fill-container{background:transparent;margin:0 auto;overflow:hidden;position:relative}
.ba__media-container:focus{outline:none}
.ba__media-iframe-overlay{height:100%;position:absolute;width:100%}
.ba__media-embed,.ba__media-embed body{background:#070f1e;height:100%;margin:0;overflow:hidden;padding:0;width:100%}
.ba__media-fullscreen{overflow:hidden!important}
.ba__media-container-fullscreen{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1000}
.ba__media-container-fullscreen .ba__media-mediaelement,.ba__media-container-fullscreen video{height:100%!important;width:100%!important}
.ba__media-background,.ba__media-mediaelement{left:0;position:absolute;top:0}
.ba__media-mediaelement{height:100%;width:100%;}
.ba__media-poster{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;left:0;position:absolute;top:0;z-index:1}
:root .ba__media-poster-img{display:none}
.ba__media-poster-img{border:0;padding:0}
.ba__media-overlay{display:flex;align-items:center;justify-content:center;left:0;position:absolute;top:0}
.ba__media-layer{z-index:1}
.ba__media-overlay-play{cursor:pointer}
.ba__media-overlay-button,
.ba__media-overlay-loading{height:80px;width:80px}
.ba__media-overlay-loading-bg-img{-webkit-animation:a 1s linear infinite;animation:a 1s linear infinite;display:block;height:80px;width:80px;z-index:1;border: .5em solid rgba(150,150,150,.5); border-top-color: var(--ba-audio-primary);}
@-webkit-keyframes a {to{transform:rotate(1turn)}}
@keyframes a {to{transform:rotate(1turn)}}
.ba__media-controls{display:flex;align-items:center;min-height:3em;margin:0;padding:0;width:100%;z-index:3;background: inherit; color: inherit;}
.ba__media-controls > :not([class*="media-time"]){margin: .5em;}
.playlist-container .ba__media-controls > :not([class*="media-time"]){margin:0;}
.ba__media-button,.ba__media-time,.ba__media-time-rail{margin:0;width:2em;text-align: center;}
.ba__media-container-keyboard-inactive [role=slider],.ba__media-container-keyboard-inactive [role=slider]:focus,.ba__media-container-keyboard-inactive a,.ba__media-container-keyboard-inactive a:focus,.ba__media-container-keyboard-inactive button,.ba__media-container-keyboard-inactive button:focus{outline:0}
.ba__media-time{font-size:.8em;font-weight:700;overflow:hidden;text-align:center;width:auto;opacity: .7;}
.ba__media-time-rail{direction:ltr;flex-grow:1;margin:0 .5em;padding:0;position:relative}
.ba__media-time-buffering,.ba__media-time-current,.ba__media-time-float,.ba__media-time-float-corner,.ba__media-time-float-current,.ba__media-time-hovered,.ba__media-time-loaded,.ba__media-time-marker,.ba__media-time-total{border-radius:.15em;cursor:pointer;display:block;height:.5em;position:absolute}
.ba__media-time-total{background:rgba(150,150,150,.5);margin:0;width:100%;position:relative;box-shadow: none; outline: 0;}
.ba__media-time-buffering{-webkit-animation:b 2s linear infinite;animation:b 2s linear infinite;background:linear-gradient(-45deg,hsla(0,0%,100%,.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 75%,transparent 0,transparent);background-size:15px 15px;width:100%}
@-webkit-keyframes b {0%{background-position:0 0}to{background-position:30px 0}}
@keyframes b {0%{background-position:0 0}to{background-position:30px 0}}
.ba__media-time-loaded{background:rgba(150,150,150,.5)}
.ba__media-time-current,.ba__media-time-handle-content{background:currentColor; opacity: .9;}
.ba__media-time-hovered{background:currentColor; opacity: .5; z-index:10}
.ba__media-time-hovered.negative{background:rgba(0,0,0,.2)}
.ba__media-time-buffering,.ba__media-time-current,.ba__media-time-hovered,.ba__media-time-loaded{left:0;transform:scaleX(0);transform-origin:0 0;transition:all .15s ease-in;width:100%}
.ba__media-time-buffering{transform:scaleX(1)}
.ba__media-time-hovered{transition:height .1s cubic-bezier(.44,0,1,1)}
.ba__media-time-hovered.no-hover{transform:scaleX(0)!important}
.ba__media-time-handle,.ba__media-time-handle-content{cursor:pointer;left:0;position:absolute;transform:translateX(0);z-index:11}
.ba__media-time-handle-content{border-radius:50%;height:.5em;left:-.25em;top:0;transform:scale(0);width:.5em}
.ba__media-time-rail .ba__media-time-handle-content:active,.ba__media-time-rail .ba__media-time-handle-content:focus,.ba__media-time-rail:hover .ba__media-time-handle-content{transform:scale(1)}
.ba__media-time-float{background:currentColor;bottom:100%;display:none;height:1.5em;margin-bottom:.5em;position:absolute;transform:translateX(-50%);width:3.2em;font-size: .7em; border: 1px solid rgba(150,150,150,.5);line-height: 1;}
.ba__media-time-float-current{display:block;left:0;margin:.1em 0;text-align:center;width:100%;height:100%;color:#999;}
.ba__media-time-float-corner{border:5px solid;border-color:rgba(150,150,150,.5) transparent transparent;border-radius:0;display:block;height:0;left:50%;line-height:0;position:absolute;top:100%;transform:translateX(-50%);width:0}
.ba__media-long-video .ba__media-time-float{margin-left:-23px;width:64px}
.ba__media-long-video .ba__media-time-float-current{width:60px}
.ba__media-broadcast{height:10px;position:absolute;top:15px;width:100%}
.ba__media-volume-button{position:relative}
.ba__media-volume-button>.ba__media-volume-slider{-webkit-backface-visibility:hidden;background:rgba(0,0,0,.8);border-radius:0;bottom:calc(100% + 6px);display:none;height:80px;left:50%;margin:0;position:absolute;transform:translateX(-50%);width:25px;z-index:1;border-radius:2px; color: var(--ba-audio-primary);}
.ba__media-volume-button > .ba__media-volume-slider::after{position: absolute; left: calc(50% - 5px); bottom: -12px; content: ''; border:6px solid transparent; border-top-color: rgba(0,0,0,.8);}
.ba__media-volume-button:hover{border-radius:0 0 4px 4px}
.ba__media-volume-total{background:hsla(0,0%,100%,.5);height:65px;left:50%;margin:0;position:absolute;top:8px;transform:translateX(-50%);width:.15em}
.ba__media-volume-current{left:0;margin:0;width:100%}
.ba__media-volume-current,.ba__media-volume-handle{background:currentColor;opacity: .9; position:absolute}
.ba__media-volume-handle{border-radius:1px;cursor:ns-resize;height:6px;left:50%;transform:translateX(-50%);width:16px}
.ba__media-horizontal-volume-slider{display:block;height:2em;position:relative;width:4em; color: inherit;}
.ba__media-horizontal-volume-current,.ba__media-horizontal-volume-total{border-radius:.15em;position:absolute;left:0;top:0;margin:0;padding:0;height:.5em;width:100%}
.ba__media-horizontal-volume-total{background:rgba(150,150,150,.5);margin:-.3em 0 0;top:50%; width: 90%;}
.ba__media-horizontal-volume-current{background:currentColor; background: var(--ba-audio-primary, #f90); height:100%; opacity: .8;}
.ba__media-horizontal-volume-handle{display:none}
.ba__media-captions-button,.ba__media-chapters-button{position:relative}
.ba__media-captions-button>.ba__media-captions-selector,.ba__media-chapters-button>.ba__media-chapters-selector{background:rgba(50,50,50,.7);border:1px solid transparent;border-radius:0;bottom:100%;margin-right:-43px;overflow:hidden;padding:0;position:absolute;right:50%;visibility:visible;width:86px}
.ba__media-chapters-button>.ba__media-chapters-selector{margin-right:-55px;width:110px}
.ba__media-captions-selector-list,.ba__media-chapters-selector-list{list-style-type:none!important;margin:0;overflow:hidden;padding:0}
.ba__media-captions-selector-list-item,.ba__media-chapters-selector-list-item{cursor:pointer;display:block;list-style-type:none!important;margin:0 0 6px;overflow:hidden;padding:0}
.ba__media-captions-selector-list-item:hover,.ba__media-chapters-selector-list-item:hover{background-color:#c8c8c8!important;background-color:hsla(0,0%,100%,.4)!important}
.ba__media-captions-selector-input,.ba__media-chapters-selector-input{clear:both;float:left;left:-1000px;margin:3px 3px 0 5px;position:absolute}
.ba__media-captions-selector-label,.ba__media-chapters-selector-label{cursor:pointer;float:left;font-size:.8em;line-height:15px;padding:4px 10px 0;width:100%}
.ba__media-captions-selected,.ba__media-chapters-selected{color:#21f8f8}
.ba__media-captions-translations{font-size:.8em;margin:0 0 5px}
.ba__media-captions-layer{bottom:0;font-size:1em;left:0;line-height:1.5;position:absolute;text-align:center}
.ba__media-captions-layer a{text-decoration:underline}
.ba__media-captions-layer[lang=ar]{font-size:1.3em;font-weight:400}
.ba__media-captions-position{bottom:15px;left:0;position:absolute;width:100%}
.ba__media-captions-position-hover{bottom:35px}
.ba__media-captions-text,.ba__media-captions-text *{background:hsla(0,0%,8%,.5);box-shadow:5px 0 0 hsla(0,0%,8%,.5),-5px 0 0 hsla(0,0%,8%,.5);padding:0;white-space:pre-wrap}
.ba__media-container.ba__media-hide-cues video::-webkit-media-text-track-container{display:none}
.ba__media-overlay-error{position:relative}
.ba__media-overlay-error>img{left:0;max-width:100%;position:absolute;top:0;z-index:-1}
.ba__media-cannotplay,.ba__media-cannotplay a{color:#f00;font-size:.8em}
.ba__media-cannotplay{position:relative}
.ba__media-cannotplay a,.ba__media-cannotplay p{display:inline-block;padding:0 15px;width:100%}


/*/// List ///*/
.ba__media-playlist {background-color:rgba(150,150,150,.15);display: none; height: 21em; padding: .5em 1em; margin:0; position: relative; z-index: 3;}
.ba__media-playlist.show{display: block;}
.ba__media-playlist footer{padding: 1em 0 .5em; display: block; border: 0; background: none; box-shadow: none;}
.ba__media-playlist footer > *{background:rgba(100,100,100,.15); border: 1px solid rgba(150,150,150,.5); padding: .3em; border-radius: .2em; margin:0; display: flex; align-items: center;}
.ba__media-playlist footer > * > *{padding: .5em; margin: 0;}
.ba__media-playlist footer input,
.ba__media-playlist footer input:focus{background:rgba(150,150,150,.5); color: inherit; border:0; outline: 0; width: 100%; border-radius: .2em; box-shadow: none;}
.ba__media-playlist ul{list-style: none; margin: 0; padding: 0;}
.ba__media-playlist li {color:inherit; font-size: 1em; margin: 0; padding:0; min-height: 2.5em; border-top: 1px solid rgba(150,150,150,.4); cursor: pointer; position: relative; display: flex; align-items: center;}
.ba__media-playlist li:first-child{border:0;}
.ba__media-playlist li:hover,
.ba__media-playlist li.active {color:#f90; color: var(--ba-audio-primary, #f90);}
.ba__media-playlist li::before{width:.5em; height:.5em; display: inline-block; content: '';background: currentColor; margin:auto 1em; border-radius: 5em;}
.ba__media-playlist li.active::before{width: .2em; height: 1.2em; -webkit-animation:currentItemList 1s linear infinite; animation:currentItemList 1s linear infinite;box-shadow: .45em 0 0,-.45em 0 0;}
@-webkit-keyframes currentItemList {0%{box-shadow: .45em .3em 0,-.45em -.3em 0; height:.6em;}to{box-shadow: .45em 0 0,-.45em 0 0;height: 1.2em;}}
@keyframes currentItemList {0%{box-shadow: .45em .3em 0,-.45em -.3em 0; height:.6em;}to{box-shadow: .45em 0 0,-.45em 0 0;height: 1.2em;}}
.ba__media-playlist li > *{display: block; margin: .3em; color: inherit;}
.ba__media-playlist li img{width:2.5em; height: auto; border-radius: .2em;}
.ba__media-playlist li div, .ba__media-texttrack{flex-grow: 1;}

.ba__scroll-wrapper,
.ba__scroll-wrapper > *,
.ba__scroll-scrollbar > *{width: 100%; height: 100%; display: block;position:relative;overflow:hidden;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.ba__scroll-wrapper{padding: 0; height:calc(100% - 5em);}
.ba__scroll-scrollbar{box-sizing:border-box;margin:0;width:100%;height:1em;padding:2px;border-radius:5em;background:rgba(150,150,150,.5);position: absolute; bottom: 0; left: 0; display: none;}
.ba__scroll-scrollbar > * > *{display:block;width:2em;height:100%;background:currentColor;border-radius:5em;position:absolute;top:0;cursor:pointer}
.ba__scroll-wrapper.vertical .ba__scroll-scrollbar{width:1em;height:100%; top: 0; right: 0; left: auto; bottom: auto;}
.ba__scroll-wrapper.vertical .ba__scroll-scrollbar > * > *{width:100%; height: 2em;}
.ba__scroll-wrapper.scrollbar-on .ba__scroll-scrollbar{display: block;}
.ba__scroll-wrapper.scrollbar-on{padding: 0 2em 0 0;}
.ba__audio_popup{background: #223044;display: table; margin: 1em auto; line-height: 1; padding: .8em 1.2em;}


/*/// STYLES ////////////////*/
.ba__media-wrap.style1 .ba__media-controls{padding:0; margin-bottom: 6px;}
.ba__media-wrap.style1 .ba__media-covertrack{max-width:6em; margin-right: .5em; opacity: .5;}
.ba__media-wrap.style1 .ba__media-playpause-button{width: auto; margin: 1em;}
.ba__media-wrap.style1 .ba__media-playpause-button > *{font-size: 1.5em;height: 3em;width: 3em;border-radius: 50%;overflow: hidden;background: rgba(150,150,150,.3);}
.ba__media-wrap.style1 .ba__media-time-rail{position: absolute;left: 0;bottom: -6px;width: 100%;margin: 0;border-radius: 0;}
.ba__media-wrap.style1 .ba__media-time-rail > *,
.ba__media-wrap.style1 .ba__media-time-rail > * > *:not(.ba__media-time-float){height: 6px; border-radius: 0;}
.ba__media-wrap.style1 .ba__media-time{position: absolute; left: 5px; bottom: 0;}
.ba__media-wrap.style1 .ba__media-duration-container{left: auto; right: 5px;}
.ba__media-wrap.style1 .ba__media-playlist li img{display: none;}
.ba__media-wrap.style1 .ba__media-covertrack ~ .ba__media-playpause-button{margin: .5em;}


.ba__media-wrap.style2 > div{--ba-audio-primary:#d03f3f;background: #f2f1ec; color: #181833; box-shadow: 0 0 .5em rgba(0,0,0,.1);}
.ba__media-wrap.style2 .ba__media-covertrack{width:2em; order: 50; border-radius: 50%; overflow: hidden; margin-right: .3em;}
.ba__media-wrap.style2 > div.playing .ba__media-covertrack{-webkit-animation:a 5s linear infinite;animation:a 5s linear infinite;}
.ba__media-wrap.style2 .ba__media-playpause-button{width: auto; background: rgba(150,150,150,.3); -ms-grid-row-align: stretch; align-self: stretch; display: flex; align-items: center; padding: .3em;}
.ba__media-wrap.style2 .ba__media-playpause-button{margin: 0;}
.ba__media-wrap.style2 .ba__media-playpause-button > *{font-size: 1.5em;height:2.5em;width:2.5em;overflow: hidden;}
.ba__media-wrap.style2 .ba__media-playpause-button + .ba__media-time{margin-left: .5em;}
.ba__media-wrap.style2 .ba__media-time-rail{position: absolute;left: 0;top: 0;width: 100%;margin: 0;border-radius: 0;}
.ba__media-wrap.style2 .ba__media-time-rail > *,
.ba__media-wrap.style2 .ba__media-time-rail > * > *:not(.ba__media-time-float){height:3px; border-radius: 0;}
.ba__media-wrap.style2 .ba__media-time-handle-content{width: 3px; height: 3px; left: -1px;}
.ba__media-wrap.style2 .ba__media-duration-container::before{margin:0 .3em; content: '/';}
.ba__media-wrap.style2 .ba__media-playlist li img{display: none;}


.ba__media-wrap.style3 > div{background: #1a3131;}
.ba__media-wrap.style3 .ba__media-controls{flex-wrap: wrap;}
.ba__media-wrap.style3 .ba__media-covertrack{width: 8em; margin: .8em; border-radius: 50%; overflow: hidden; order: -1;}
.ba__media-wrap.style3 > div.playing .ba__media-covertrack{-webkit-animation:a 5s linear infinite;animation:a 5s linear infinite;}
.ba__media-wrap.style3 .ba__media-texttrack{order:-1;page-break-after: always;-moz-column-break-after: always;break-after: always;}
.ba__media-wrap.style3 .ba__media-playpause-button{width: auto;}
.ba__media-wrap.style3 .ba__media-playpause-button > *{font-size: 1.5em;height:2em;width:2em;}
.ba__media-wrap.style3 .ba__media-playlist li img{display: none;}


.ba__media-wrap.style4 > div{--ba-audio-primary: #f4c843;background: #423229}
.ba__media-wrap.style4 .ba__media-covertrack{width: 3em; margin: .5em; order: 50; border-radius: 50%; overflow: hidden; border: .3em solid rgba(0,0,0,.5);}
.ba__media-wrap.style4 > div.playing .ba__media-covertrack{-webkit-animation:a 5s linear infinite;animation:a 5s linear infinite;}
.ba__media-wrap.style4 .ba__media-playpause-button{width: auto;}
.ba__media-wrap.style4 .ba__media-playpause-button > *{font-size: 1.5em;height:2em;width:2em;}
.ba__media-wrap.style4 .ba__media-time-rail{position: absolute;left: 0;top: 0;width: 100%;height: 100%; margin: 0;border-radius: 0; z-index: -1;}
.ba__media-wrap.style4 .ba__media-time-rail > *,
.ba__media-wrap.style4 .ba__media-time-rail > * > *:not(.ba__media-time-float),
.ba__media-wrap.style4 .ba__media-time-handle-content{height: 100%; border-radius: 0;}
.ba__media-wrap.style4 .ba__media-duration-container::before{margin:0 .3em; content: '/';}
.ba__media-wrap.style4 .ba__media-time-current{background: #000;}
.ba__media-wrap.style4 .ba__media-playlist li img{display: none;}


.ba__media-wrap.style5 > div{--ba-audio-primary:#ca227c;background: #2e2d57;}
.ba__media-wrap.style5 .ba__media-covertrack{width: 5em; margin: .5em; order: -1; border-radius: 0 1em; overflow: hidden;}
.ba__media-wrap.style5 .ba__media-texttrack{order: -1;}
.ba__media-wrap.style5 .ba__media-playpause-button{width: auto;}
.ba__media-wrap.style5 .ba__media-playpause-button > *{font-size: 1.5em;height: 2em;width: 2em;}
.ba__media-wrap.style5 .ba__media-playlist li img{display: none;}


.ba__media-wrap.style6 > div{--ba-audio-primary:#f9c705;background: #0e7180;}
.ba__media-wrap.style6 .ba__media-controls{min-height: 6em; padding:1em; overflow: hidden; flex-wrap: wrap;}
.ba__media-wrap.style6 .ba__media-covertrack{width:100%; height: 100%; max-width: 100%; order: -1;}
.ba__media-wrap.style6 .ba__media-covertrack i{position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; -webkit-filter: blur(3em) hue-rotate(90deg); filter: blur(3em) hue-rotate(90deg);}
.ba__media-wrap.style6 .ba__media-covertrack img{margin: 1em auto; width: 8em; border: .5em solid; box-shadow: 0 0 .5em rgba(0,0,0,.2);}
.ba__media-wrap.style6 .ba__media-texttrack{order: -1; width: 100%; text-align: center; padding: 0;}
.ba__media-wrap.style6 .ba__media-playpause-button{width: auto;}
.ba__media-wrap.style6 .ba__media-playpause-button > *{font-size: 1.5em;height: 2em;width: 2em;}
.ba__media-wrap.style6 .ba__media-playlist li img{display: none;}
.ba__media-wrap.style6 .ba__media-time-rail{min-width: 6em;}


.ba__media-wrap.style7 .ba__media-controls{min-height: 5em; padding:0; overflow: hidden; flex-wrap: wrap;}
.ba__media-wrap.style7 .ba__media-covertrack{width:100%; height: 100%; max-width: 100%; position: absolute; left: 0; top: 0; z-index: -1; margin: 0;}
.ba__media-wrap.style7 .ba__media-covertrack > *,
.ba__media-wrap.style7 .ba__media-covertrack::after{position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; opacity: .5; background:#000;}
.ba__media-wrap.style7 .ba__media-covertrack > *{height: auto; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.ba__media-wrap.style7 .ba__media-covertrack img{width: 100%; height: 100%;}
.ba__media-wrap.style7 .ba__media-texttrack{order: -1; width: 100%; text-align: center; padding:.8em .8em 1em; border-bottom: 1px dashed rgba(150,150,150,.5);}
.ba__media-wrap.style7 .ba__media-playpause-button{width: auto;}
.ba__media-wrap.style7 .ba__media-playpause-button > *{font-size: 1.5em;height: 2em;width: 2em;}
.ba__media-wrap.style7 .ba__media-playlist li img{display: none;}
.ba__media-wrap.style7 .ba__media-time-rail{min-width: 6em;}

.ba__media-wrap.style8 > div{--ba-audio-primary:#ec2f2f;background: #242829;}
.ba__media-wrap.style8 .ba__media-controls{padding:0; overflow: hidden; flex-wrap: wrap;}
.ba__media-wrap.style8 .ba__media-covertrack{width:100%; height: 100%; max-width: 100%; position: absolute; left: 0; top: 0; z-index: -1; margin: 0;}
.ba__media-wrap.style8 .ba__media-covertrack::after{position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; opacity: .5; background:#000; background:linear-gradient(0deg, #000 0%, #481d13 50%, #938900 100%);}
.ba__media-wrap.style8 .ba__media-covertrack > *{position: absolute; left: 0; top: 0; width: 105%; height: auto; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.ba__media-wrap.style8 .ba__media-covertrack img{width: 100%; height: 100%;}
.ba__media-wrap.style8 .ba__media-texttrack{order:50; width: 100%; padding:1em; display: none;}
.ba__media-wrap.style8 .ba__media-playpause-button{width: auto;}
.ba__media-wrap.style8 .ba__media-playpause-button > *{font-size: 1.5em;height: 3em;width: 2em;}
.ba__media-wrap.style8 .ba__media-currenttime-container{order: -1;width: 100%;text-align: center;position: relative;z-index: 1;font-size: 6em;}
.ba__media-wrap.style8 .ba__media-duration-container,
.ba__media-wrap.style8 .ba__media-playlist li img{display: none;}


.ba__media-wrap.style9 > div{--ba-audio-primary:#1148ee;background: #071042;}
.ba__media-wrap.style9 .ba__media-controls{min-height: 6em; padding:1em; overflow: hidden; flex-wrap: wrap;}
.ba__media-wrap.style9 .ba__media-covertrack{width:100%; height: 100%; max-width: 100%; position: absolute; left: 0; top: 0; z-index: -1; margin: 0;}
.ba__media-wrap.style9 .ba__media-covertrack > *,
.ba__media-wrap.style9 .ba__media-covertrack::after{position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; opacity: .5; background:#999;}
.ba__media-wrap.style9 .ba__media-covertrack > *{height: auto; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.ba__media-wrap.style9 .ba__media-covertrack img{width: 100%; height: 100%;}
.ba__media-wrap.style9 .ba__media-texttrack{order: -1; padding: 1em; page-break-after: always;-moz-column-break-after: always;break-after: always;}
.ba__media-wrap.style9 .ba__media-playpause-button{width:auto; order: -1; text-align: center; margin: 0;}
.ba__media-wrap.style9 .ba__media-playpause-button + .ba__media-time{margin-left: .8em;}
.ba__media-wrap.style9 .ba__media-playpause-button > *{font-size: 1.5em;height: 3em;width: 3em; background: #fff; border-radius: 50%; box-shadow: 0 0 .5em rgba(0,0,0,.2);}
.ba__media-wrap.style9 .ba__media-playlist li img{display: none;}
.ba__media-wrap.style9 .ba__media-time-rail{min-width: 6em;}

.ba__media-wrap.style10 > div{--ba-audio-primary:#aed200;background: #07151e;}
.ba__media-wrap.style10 .ba__media-controls{padding:0; overflow: hidden; flex-wrap: wrap;}
.ba__media-wrap.style10 .ba__media-covertrack{width:100%; min-height: 6.8em; max-width: 100%; overflow: hidden; position: relative; margin: 0;}
.ba__media-wrap.style10 .ba__media-covertrack > *,
.ba__media-wrap.style10 .ba__media-covertrack::after{position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; opacity: .5; background:var(--ba-audio-primary, #f90);}
.ba__media-wrap.style10 .ba__media-covertrack > *{height: auto; width: 105%; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.ba__media-wrap.style10 .ba__media-covertrack img{width: 100%; height: 100%;}
.ba__media-wrap.style10 .ba__media-texttrack{position: absolute;left: 1em;top: 1em;border-left: .3em solid; padding: .5em 1em;}
.ba__media-wrap.style10 .ba__media-playpause-button{width: auto; margin: 0;}
.ba__media-wrap.style10 .ba__media-playpause-button > *{font-size: 1.5em;height: 3em;width: 3em;}
.ba__media-wrap.style10 .ba__media-playlist li img{display: none;}
.ba__media-wrap.style10 .ba__media-time-rail{min-width: 8em;}


.ba__media-wrap.style11 > div{--ba-audio-primary:#0083d2; background: #fff; color: #2d323c; box-shadow: 0 0 .5em rgba(0,0,0,.15); border-radius: .3em;}
.ba__media-wrap.style11 .ba__media-controls{padding:1em; overflow: hidden; flex-wrap: wrap;}
.ba__media-wrap.style11 .ba__media-covertrack{width:100%; min-height: 10em; max-width: 100%; overflow: hidden; position: relative;}
.ba__media-wrap.style11 .ba__media-covertrack > *{position: absolute; left: 0; top: 0; width: 100%; height: auto; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.ba__media-wrap.style11 .ba__media-covertrack img{width: 100%; height: 100%;}
.ba__media-wrap.style11 .ba__media-texttrack{padding:1em 0 .5em; width: 100%; text-align: center;}
.ba__media-wrap.style11 .ba__media-covertrack ~ .ba__media-playpause-button,
.ba__media-wrap.style11 .ba__media-covertrack ~ .ba__media-prevtrack,
.ba__media-wrap.style11 .ba__media-covertrack ~ .ba__media-nexttrack{position: absolute; left: 50%; top: 5em;}
.ba__media-wrap.style11 .ba__media-covertrack ~ .ba__media-playpause-button > *{font-size: 1.5em;height: 3em;width: 3em;background: #fff; border-radius: 50%; margin: -1.5em 0 0 -1.5em; box-shadow: 0 0 .3em rgba(0,0,0,.3);}
.ba__media-wrap.style11 .ba__media-covertrack ~ .ba__media-prevtrack,
.ba__media-wrap.style11 .ba__media-covertrack ~ .ba__media-nexttrack{font-size: 1.1em; width: 3em; height: 3em; left: calc(50% - 6em); top: 3.6em; display: flex; align-items: center;  justify-content: center;background: rgba(255, 255, 255, 0.6);
border-radius: 50%; color: #38414a;}
.ba__media-wrap.style11 .ba__media-covertrack ~ .ba__media-nexttrack{left: calc(50% + 3em);}
.ba__media-wrap.style11 .ba__media-prevtrack:hover,
.ba__media-wrap.style11 .ba__media-nexttrack:hover{background: #fff;}
.ba__media-wrap.style11 .ba__media-playlist li img{display: none;}


.ba__media-wrap.style12 > div{--ba-audio-primary: #00bed2; background: #283939; border-radius: .8em;}
.ba__media-wrap.style12 .ba__media-controls{padding:1em .5em .5em; overflow: hidden; flex-wrap: wrap;}
.ba__media-wrap.style12 .ba__media-covertrack{width:4em; margin: 0 0 0 .5em; overflow: hidden; position: relative; border-radius: .3em; order: -3;}
.ba__media-wrap.style12 .ba__media-covertrack img{width: 100%; height: 100%;}
.ba__media-wrap.style12 .ba__media-texttrack{order: -2; padding: .5em 1em;}
.ba__media-wrap.style12 .ba__media-button{width:auto; margin: .3em; border-radius: 50%; border:.3em solid rgba(150, 150, 150, .2); box-shadow: inset 0 0 0 1px rgba(255,255,255,.1); text-shadow: 0 1px 0 rgba(0,0,0,0.5);}
.ba__media-wrap.style12 .ba__media-playpause-button{width: auto;}
.ba__media-wrap.style12 .ba__media-button > button{width: 2.5em; height: 2.5em; border-radius: 50%;background: linear-gradient(0deg, rgba(0,0,0,.3) 0%, rgba(180,180,180,.3) 100%);}
.ba__media-wrap.style12 .ba__media-playpause-button > *{font-size: 1.5em; width: 2.5em; height: 2.5em;}
.ba__media-wrap.style12 .ba__media-time-rail{order: -1; width: 100%; margin: .5em; border: 1px solid rgba(255, 255, 255, .5);box-shadow: 0 0 0 .2em rgba(0, 0, 0, 0.2); border-radius: 1em;}
.ba__media-wrap.style12 .ba__media-time-rail > *, .ba__media-wrap.style12 .ba__media-time-rail > * > *{border-radius: 1em;}
.ba__media-wrap.style12 .ba__media-time,
.ba__media-wrap.style12 .ba__media-playlist li img{display: none;}
.ba__media-wrap.style12 .ba__media-controls > :only-child{margin-top: -.2em;}

.ba__media-wrap.style13 > div{--ba-audio-primary:#bd459f;background:#f9fcff;box-shadow:0 .3em 1.5em rgba(23,37,77,.2);border-radius:1em;color:#4c5164;margin:6em 0 0}
.ba__media-wrap.style13 .ba__media-controls{padding:0 1em 1em;flex-wrap:wrap}
.ba__media-wrap.style13 .ba__media-controls > :only-child{margin-top: 1em;}
.ba__media-wrap.style13 .ba__media-covertrack{padding:0;position:relative;order:-3;max-width:6em;margin: 0;}
.ba__media-wrap.style13 .ba__media-covertrack img{width:100%;height:auto;border-radius:50%;position:relative;top:-1em;bottom:0;z-index:1}
.ba__media-wrap.style13 .ba__media-texttrack{padding:.8em 1em;position:absolute;left:1em;right:1em;bottom:100%;background:rgba(130,150,160,0.1);border-radius:1em 1em 0 0;text-align:center;margin:0;}
.ba__media-wrap.style13 .ba__media-button{width:auto;margin:.3em;border-radius:50%}
.ba__media-wrap.style13 .ba__media-playpause-button{width:auto}
.ba__media-wrap.style13 .ba__media-playpause-button > *{font-size:1.5em;width:2em;height:2em}
.ba__media-wrap.style13 .ba__media-time-rail{order:15;width:100%}
.ba__media-wrap.style13 .ba__media-time-rail + .ba__media-time::before{content: '/'; display: inline-block; padding: 0 .5em;}
.ba__media-wrap.style13 .ba__media-time-total,.ba__media-wrap.style13 .ba__media-time-total > :not(.ba__media-time-float){height:.2em}
.ba__media-wrap.style13 .ba__media-time-handle-content{width:.2em;height:.2em}
.ba__media-wrap.style13 .ba__media-playlist{border-radius:0 0 1em 1em;background-color:rgba(150,150,150,.1)}
.ba__media-wrap.style13 .ba__media-playlist li img{display:none}
.ba__media-wrap.style13 > div.playing .ba__media-covertrack img{-webkit-animation:a 5s linear infinite;animation:a 5s linear infinite}


.ba__media-wrap.style14{padding:1em 5em 0 1em}
.ba__media-wrap.style14 > div{--ba-audio-primary:#f43d00;background:#fffcf9;box-shadow:0 .3em 1.5em rgba(77,58,23,0.2);border-radius:.5em;color:#64554c;margin:0;position:relative}
.ba__media-wrap.style14 > div::after{position:absolute;left:-.5em;top:-.5em;background:var(--ba-audio-primary);content:'';width:60%;height:5em;z-index:-1;border-radius:1em;transform:skew(6deg)}
.ba__media-wrap.style14 .ba__media-controls{padding:1em;flex-wrap:wrap;min-height: 7em;}
.ba__media-wrap.style14 .ba__media-covertrack{padding:0;position:relative;order:-3;margin:0;}
.ba__media-wrap.style14 .ba__media-covertrack img{width:100%;height:auto;border-radius:.5em;position:relative;z-index:1}
.ba__media-wrap.style14 .ba__media-texttrack{padding:.5em 1em}
.ba__media-wrap.style14 .ba__media-playpause-button{width:auto;position:absolute;right:0;top:50%;background:rgba(150,150,150,0.2);transform:translate(100%,-50%);border-radius:0 .5em .5em 0;margin:0;}
.ba__media-wrap.style14 .ba__media-playpause-button > *{font-size:1.5em;width:3em;height:3em;border:.5em solid;margin:.5em;border-radius:50%}
.ba__media-wrap.style14 .ba__media-time-rail{min-width: 5em;}
.ba__media-wrap.style14 .ba__media-covertrack ~ .ba__media-time-rail{width:60%;height:2em;position:absolute;bottom:0;right:1em;background:rgba(150,150,150,.2);padding:.8em;border-radius:.5em .5em 0 0;box-shadow:none}
.ba__media-wrap.style14 .ba__media-playlist{border-radius:0 0 1em 1em;background-color:rgba(150,150,150,.1)}
.ba__media-wrap.style14 .ba__media-playlist li img{display:none}
.ba__media-wrap.style14 .ba__media-covertrack ~ .ba__media-time{position: absolute;left: 36%;bottom: 2.5em;}
.ba__media-wrap.style14 .ba__media-covertrack ~ .ba__media-duration-container{left: auto; right: 2.5em;}


.ba__media-wrap.style15 > div{--ba-audio-primary:#f9c705;background: linear-gradient(90deg, #FC466B 0%, #3F5EFB 100%);}
.ba__media-wrap.style15 > div > *{padding: 3em}
.ba__media-wrap.style15 .ba__media-playlist{background: rgba(0,0,0,.1);}
.ba__media-wrap.style15 .ba__media-controls{padding:0; background: rgba(0,0,0,.5); flex-wrap: wrap; justify-content: center; align-content: flex-end; margin: 0 auto;overflow: hidden; border-radius: 50%; box-shadow: 0 0 0 1em rgba(0,0,0,.2); max-width: 22em;}
.ba__media-wrap.style15 .ba__media-controls > *{background: none;}
.ba__media-wrap.style15 .ba__media-covertrack{width:100%; height: 100%; max-width: 100%; position: absolute; left: 0; top: 0; z-index: -1; margin: 0;}
.ba__media-wrap.style15 .ba__media-covertrack i{position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; -webkit-filter: blur(3em) hue-rotate(90deg); filter: blur(3em) hue-rotate(90deg);}
.ba__media-wrap.style15 .ba__media-covertrack img{margin:0; width: 100%; border: .5em solid; border-radius: 50%; box-shadow: 0 0 .5em rgba(0,0,0,.2);}
.ba__media-wrap.style15 .ba__media-texttrack{order: -1; width: 100%; text-align: center; position: relative; padding: 1em; background: #17243e; z-index: 0; margin: 0;}
.ba__media-wrap.style15 .ba__media-texttrack::after{position: absolute; left: 0; top: 0; width: 100%; height: 600%; display: block; background: inherit;content: ''; z-index: -1;}
.ba__media-wrap.style15 .ba__media-time-rail{min-width: 4.8em; margin: 7em 0 0; padding: 0; order: -5; width: 100%;}
.ba__media-wrap.style15 .ba__media-covertrack ~ .ba__media-time-rail{margin-top: 10em;}
.ba__media-wrap.style15 .ba__media-playpause-button{width: auto;}
.ba__media-wrap.style15 .ba__media-playpause-button > *{font-size: 1.5em;height: 2em;width: 2em;}
.ba__media-wrap.style15 .ba__media-time, .ba__media-wrap.style15 .ba__media-playlist li img{display: none;}
.ba__media-wrap.style15 .ba__media-currenttime-container{display: block;position: absolute;left:50%;top: 50%;width:auto;text-align: center;font-size: 3.5em;transform: translate(-50%, -100%);text-shadow: 1px 1px rgba(0,0,0,.5); line-height: 1;}
.ba__media-wrap.style15 > div.playing .ba__media-covertrack img{-webkit-animation:a 5s linear infinite;animation:a 5s linear infinite}
.ba__media-wrap.style15.playlist-container .ba__media-controls{padding-bottom: 3em;}
.ba__media-wrap.style15.playlist-container .ba__media-currenttime-container{top: 45%;}