/*/// GLOBAL ////////////////*/
.ba__video-wrap{background:#070f1e;color: #fff; direction: ltr;}
.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.ba__media-video{background:inherit;color: inherit; font-family:Helvetica,Arial,serif;position:relative;text-align:left;text-indent:0;vertical-align:top;font-size: 14px; min-height: 3em; min-width: 10em !important; padding: 0; --ba-border-color: #00d27a;}
.ba__media-inner{position: relative;}
.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 > :not(.ba__media-layers), .ba__media-controls > .ba__media-button{position: relative; background: inherit; color: inherit;}
.ba__media-inner > .ba__media-layers{position: static;}
.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%; z-index: 0; line-height: 0;}
.ba__media-poster{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;position:absolute;left: 0;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:5.5em;width:5.5em;line-height: 1; display: flex; align-items: center; justify-content: center;}
.ba__media-overlay-loading-bg-img{-webkit-animation:a 1s linear infinite;animation:a 1s linear infinite;display:block;height:100%;width:100%; border-radius:50%; z-index:1;border: .5em solid rgba(150,150,150,.5); border-top-color: var(--ba-border-color);}
@-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-video .ba__media-controls{position: absolute; left: 0; bottom: 0; padding: 0 .7em;}
.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-border-color);}
.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-border-color, #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;}
.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-border-color, #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; padding-left: .5em;}

.ba__video-wrap{box-shadow: 0 0 .5em rgba(0,0,0,.15);}
.ba__media-video .ba__media-playlist{padding: .5em;}
.ba__video-wrap:not(.right):not(.left) .ba__media-container{height: auto !important;}
.ba__media-video .ba__media-playlist li{margin: .3em; padding: .3em; border-radius: .2em; border: 0; background:rgba(155,155,155,.2);}
.ba__media-video .ba__media-playlist li::before,
.ba__media-video .ba__media-playlist footer,
.ba__media-video .ba__media-playlisttrack{display: none !important;}
.ba__media-video .ba__media-playlist li img{width:5em; height: 5em;}
.ba__media-video .ba__media-playlist li:hover,
.ba__media-video .ba__media-playlist li.active {color:currentColor; background: var(--ba-border-color, #f90);}
.ba__video-wrap.right > div,
.ba__video-wrap.left > div{margin-right:280px;}
.ba__video-wrap.left .ba__media-playlist, .ba__video-wrap.right .ba__media-playlist{width:280px; min-width:15em; height:100%; background:inherit; position:absolute; top: 0; right: 0; transform: translate(100%);}
.ba__video-wrap.left .ba__scroll-wrapper.scrollbar-on,
.ba__video-wrap.right .ba__scroll-wrapper.scrollbar-on{padding-right: 1.5em; height: 100%;}
.ba__video-wrap.top  .ba__media-video .ba__scroll-content > *,
.ba__video-wrap.bottom .ba__media-video .ba__scroll-content > *{display: table; overflow: visible;}
.ba__video-wrap.top  .ba__media-video .ba__scroll-content ul,
.ba__video-wrap.bottom .ba__media-video .ba__scroll-content ul{display: flex;}
.ba__video-wrap.top  .ba__media-video .ba__scroll-content ul > li,
.ba__video-wrap.bottom .ba__media-video .ba__scroll-content ul > li{width: 18em;}
.ba__video-wrap.top .ba__media-playlist,
.ba__video-wrap.bottom .ba__media-playlist{height: auto;}
.ba__video-wrap.top .ba__scroll-wrapper.scrollbar-on,
.ba__video-wrap.bottom .ba__scroll-wrapper.scrollbar-on{padding:0 0 1.5em 0;}
.ba__video-wrap.background-video,.ba__video-wrap.background-video::before{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: -1;}
.ba__video-wrap.background-video > *{min-width:100vw; min-height: 100vh; width: 200vh; display: table; position: absolute; left: 50%; top:50%; transform: translate(-50%, -50%);}
.ba__video-wrap.background-video .ba__media-container{display: table;}
.ba__video-wrap.background-video::before{position: absolute; z-index: 0; content: ''; background: rgba(0,0,0,.3);}
.ba__video-wrap.background-video .ba__media-overlay{display: none;}




.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:100%;}
.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;}


@media (max-width: 991px) {
    .ba__video-wrap-inside{margin: 0 !important;}
    .ba__video-wrap.left .ba__media-container,
    .ba__video-wrap.right .ba__media-container{height: auto !important;}
    .ba__video-wrap.left .ba__media-playlist,
    .ba__video-wrap.right .ba__media-playlist,
    .ba__video-wrap.left .ba__media-playlist > *,
    .ba__video-wrap.right .ba__media-playlist > *{width: 100%; height: 20.5em; position: static; transform: translate(0);}
}


/*/// STYLES ////////////////*/
.ba__video-wrap.style1{background: #070f1e;}
.ba__video-wrap.style1 .ba__media-controls{background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,.6) 100%);}
.ba__video-wrap.style1 .ba__media-controls > *{background: none;}
.ba__video-wrap.style1 .ba__media-playpause-button{width: auto;}
.ba__video-wrap.style1 .ba__media-playpause-button > *{font-size: 2em;}
.ba__video-wrap.style1 .ba__media-playpause-button > ::before{color: inherit;}
.ba__video-wrap.style1 .ba__media-overlay-button{border-radius: 50%; border:3px solid;box-shadow: 0 0 .3em rgba(0,0,0,.3); text-shadow: 0 0 .2em rgba(0,0,0,.3);}

.ba__video-wrap.style2 > *{--ba-border-color: #f04242;}
.ba__video-wrap.style2 .ba__media-controls{background: rgba(0,0,0,.5);color: #fff;}
.ba__video-wrap.style2 .ba__media-controls > *{background: none;}
.ba__video-wrap.style2 .ba__media-playpause-button{width: auto;}
.ba__video-wrap.style2 .ba__media-playpause-button > ::before{color: inherit;}
.ba__video-wrap.style2 .ba__media-overlay-button::before{font-size: 3.5em; text-shadow: 0 0 .2em rgba(0,0,0,.3);}


.ba__video-wrap.style3 .ba__media-controls{background: #000;}
.ba__video-wrap.style3 .ba__media-controls::after, .ba__video-wrap.style3 .ba__media-overlay-button{background: linear-gradient(to bottom, #7c8695 50%,#0b1015 51%);}
.ba__video-wrap.style3 .ba__media-controls::after{position: absolute; left: 0; top: 0; z-index: 0; width: 100%; height: 100%; display: block; content: ''; opacity: .5;}
.ba__video-wrap.style3 .ba__media-controls > *{z-index: 2;}
.ba__video-wrap.style3 .ba__media-button{border: 1px solid rgba(0, 0, 0, 0.5); background: none; margin: 0 .2em; border-radius: .2em; box-shadow: 0 0 0 1px rgba(155,155,155,.3) inset;}
.ba__video-wrap.style3 .ba__media-playpause-button{width: auto; margin: .5em .5em .5em .2em;}
.ba__video-wrap.style3 .ba__media-playpause-button > *{font-size: 1.2em; width: 3em; height: 2em;}
.ba__video-wrap.style3 .ba__media-playpause-button > ::before{color: inherit;}
.ba__video-wrap.style3 .ba__media-overlay-button{text-shadow: 0 0 .2em rgba(0,0,0,.3); border-radius: .3em; box-shadow: 0 0 1em rgba(255,255,255,.5); height: 4.5em;}


.ba__video-wrap.style4 .ba__media-controls{background: #0e1920; padding: 0; border-top: 1px solid rgba(255, 255, 255, .6);}
.ba__video-wrap.style4 .ba__media-controls::after, .ba__video-wrap.style4 .ba__media-overlay-button{background: linear-gradient(to bottom, rgba(255,255,255,.5) 0%,transparent 100%);}
.ba__video-wrap.style4 .ba__media-controls::after{position: absolute; left: 0; top: 0; z-index: 0; width: 100%; height: 100%; display: block; content: ''; opacity: .5;}
.ba__video-wrap.style4 .ba__media-controls > *{z-index: 2;}
.ba__video-wrap.style4 .ba__media-button{border: 0 solid rgba(255, 255, 255, .3); border-width: 0 1px 0 0; background: none; display: flex; align-items: center; justify-content: center; width: 2.5em; height: 3em;}
.ba__video-wrap.style4 .ba__media-button:last-child{border-right: 0;}
.ba__video-wrap.style4 .ba__media-volume-button{border-left-width: 1px;}
.ba__video-wrap.style4 .ba__media-playpause-button,
.ba__video-wrap.style4 .ba__media-duration-container{width: auto;}
.ba__video-wrap.style4 .ba__media-time{margin: 0 .5em;}
.ba__video-wrap.style4 .ba__media-playpause-button > *{font-size: 1.2em; width: 3em; height: 2em;}
.ba__video-wrap.style4 .ba__media-playpause-button > ::before{color: inherit;}
.ba__video-wrap.style4 .ba__media-overlay-button{text-shadow: 0 0 .2em rgba(0,0,0,.3);background-color: #0e1920; border-radius: .3em; box-shadow: 0 0 0 1px rgba(255,255,255,.6);}

.ba__video-wrap.style5{background: #eee; color: #222;}
.ba__video-wrap.style5 > *, .ba__video-wrap.style5 > * > *, .ba__video-wrap.style5 > * > * > *{background: inherit; color: inherit;}
.ba__video-wrap.style5 .ba__media-controls{padding: 0 .2em; background: inherit;}
.ba__video-wrap.style5 .ba__media-controls::after, .ba__video-wrap.style5 .ba__media-overlay-button{background:linear-gradient(to bottom,#888 0%,transparent 50%,#888 100%);}
.ba__video-wrap.style5 .ba__media-controls::after{position: absolute; left: 0; top: 0; z-index: 0; width: 100%; height: 100%; display: block; content: ''; opacity: .5;}
.ba__video-wrap.style5 .ba__media-controls > *{z-index: 2;}
.ba__video-wrap.style5 .ba__media-button{border: 1px solid rgba(0, 0, 0, 0.5); margin: 0 .2em; border-radius:50%; width: 2em;height: 2em; display: flex; justify-content: center; align-items: center;}
.ba__video-wrap.style5 .ba__media-playpause-button{width: auto; height: auto; margin: .5em;}
.ba__video-wrap.style5 .ba__media-playpause-button > *{font-size: 1.2em; width: 2.5em; height: 2.5em;}
.ba__video-wrap.style5 .ba__media-playpause-button > ::before{color: inherit;}
.ba__video-wrap.style5 .ba__media-overlay-button{text-shadow: 0 0 .2em rgba(0,0,0,.3); border-radius:50%; background-color: #eee; color: inherit;}


.ba__video-wrap.style6{background: #eee; color: #222;}
.ba__video-wrap.style6 > *, .ba__video-wrap.style6 > * > *, .ba__video-wrap.style6 > * > * > *{background: inherit; color: inherit;}
.ba__video-wrap.style6 .ba__media-controls{padding: 0 .2em; background: inherit;}
.ba__video-wrap.style6 .ba__media-controls::after,
.ba__video-wrap.style6 .ba__media-button::after,
.ba__video-wrap.style6 .ba__media-time-rail::after,
.ba__video-wrap.style6 .ba__media-overlay-button{background:linear-gradient(to bottom,transparent 0%,#000 100%);}
.ba__video-wrap.style6 .ba__media-controls::after,
.ba__video-wrap.style6 .ba__media-button::after,
.ba__video-wrap.style6 .ba__media-time-rail::after{position: absolute; left: 0; top: 0; z-index: 0; width: 100%; height: 100%; display: block; content: ''; opacity: .2;}
.ba__video-wrap.style6 .ba__media-controls > *{z-index: 2;}
.ba__video-wrap.style6 .ba__media-button{margin: 0 .2em; border-radius:15em; width: 2em;height: 2em; display: flex; justify-content: center; align-items: center; box-shadow: 0 0 1px #fff; border: 1px solid rgba(0,0,0,.15);}
.ba__video-wrap.style6 .ba__media-playpause-button{width: auto; height: auto; margin: .3em; padding: .3em;}
.ba__video-wrap.style6 .ba__media-button::after,
.ba__video-wrap.style6 .ba__media-time-rail::after{transform: rotate(180deg); border-radius: 15em; z-index: -1;}
.ba__video-wrap.style6 .ba__media-playpause-button > *{width:3em; height:3em; border-radius:15em; border: 5px solid var(--ba-border-color); box-shadow: 0 0 2px rgba(0,0,0,.5);}
.ba__video-wrap.style6 .ba__media-playpause-button > ::before{color: inherit;}
.ba__video-wrap.style6 .ba__media-time-rail{padding: .8em; position: relative; background: inherit; border-radius: 15em;box-shadow: 0 0 1px #fff;  border: 1px solid rgba(0,0,0,.15);}
.ba__video-wrap.style6 .ba__media-overlay-button{text-shadow: 0 0 .2em rgba(0,0,0,.3); border-radius:50%; background: none; color: #fff; border: 5px solid; box-shadow: 0 0 .2em rgba(0,0,0,.2);}


.ba__video-wrap.style7 .ba__media-container{color: #fff; --ba-border-color: #a3ff00;}
.ba__video-wrap.style7 .ba__media-controls{background:#f75959; padding:0 .2em; border-radius:95% 5% 97% 3% / 27% 77% 23% 73%; margin: .5em; width: calc(100% - 1em);}
.ba__video-wrap.style7 .ba__media-button{border: .25em solid; margin: 0 .2em; border-radius:50%; width: 2em;height: 2em; display: flex; justify-content: center; align-items: center; border-radius: 94% 6% 93% 7% / 12% 68% 32% 88%;}
.ba__video-wrap.style7 .ba__media-playpause-button{width: auto; height: auto; margin: .5em;}
.ba__video-wrap.style7 .ba__media-playpause-button > *{font-size: 1.2em; width: 2.5em; height: 2.5em;}
.ba__video-wrap.style7 .ba__media-playpause-button > ::before{color: inherit;}
.ba__video-wrap.style7 .ba__media-overlay-button{text-shadow: 0 0 .2em rgba(0,0,0,.3); border-radius: 94% 6% 93% 7% / 12% 68% 32% 88%; color: inherit; border: .25em solid;}


.ba__video-wrap.style8{--ba-border-color: #e1dd0c;}
.ba__video-wrap.style8 .ba__media-controls,
.ba__video-wrap.style8 .ba__media-overlay-button{background:linear-gradient(60deg,#f79533,#f37055,#ef4e7b,#a166ab,#5073b8,#1098ad,#07b39b,#6fba82);color: #fff; padding: 0 .2em;}
.ba__video-wrap.style8 .ba__media-controls > *{background: none;}
.ba__video-wrap.style8 .ba__media-playpause-button{width: auto; font-size: 1.2em; border: 2px solid; border-radius: 50%; padding: .5em; margin: .5em;}
.ba__video-wrap.style8 .ba__media-playpause-button > ::before{color: inherit;}
.ba__video-wrap.style8 .ba__media-overlay-button::before{font-size: 2.5em; text-shadow: 0 0 .2em rgba(0,0,0,.3);}
.ba__video-wrap.style8 .ba__media-time-total{background: rgba(253, 253, 253, 0.5);}