:where(.brxe-ba-sticky-video) {
align-items: center;
background-color: var(--bricks-bg-light);
display: flex;
justify-content: center;
overflow: hidden;
padding-top: 56.25%;
position: relative;
width: 100%
}
:where(.brxe-ba-sticky-video) .ba-sticky-video-wrapper,
:where(.brxe-ba-sticky-video) iframe,
:where(.brxe-ba-sticky-video) video {
border: none;
height: 100%;
position: absolute;
top: 0;
width: 100%
}
:where(.brxe-ba-sticky-video) video {
object-fit: cover
}
:where(.brxe-ba-sticky-video) .perfmatters-lazy-youtube {
margin-top: -56.25%
}
.brxe-ba-sticky-video .plyr {
bottom: 0;
font-family: inherit;
left: 0;
position: absolute;
right: 0;
top: 0
}
.brxe-ba-sticky-video .plyr .plyr__controls>.plyr__control {
padding: 8px
}
.brxe-ba-sticky-video .plyr .plyr__control--overlaid {
align-items: center;
background-color: rgba(0, 0, 0, .65);
border-radius: 0;
display: flex !important;
height: 50px;
justify-content: center;
padding: 0;
width: 80px
}
.brxe-ba-sticky-video .plyr .plyr__control--overlaid:hover {
background-color: rgba(0, 0, 0, .9)
}
.brxe-ba-sticky-video .plyr .plyr__control--overlaid svg {
height: 18px;
width: 18px
}
.brxe-ba-sticky-video .plyr .plyr__controls .plyr__control {
background-color: transparent;
color: inherit
}
.brxe-ba-sticky-video .plyr .plyr__controls .plyr__control.plyr__tab-focus {
background: 0 0;
box-shadow: 0 0 0 2px
}
.brxe-ba-sticky-video .plyr input[type=range]:hover::-webkit-slider-thumb {
visibility: visible
}
.brxe-ba-sticky-video .plyr input[type=range]::-webkit-slider-runnable-track {
border-radius: 0;
color: hsla(0, 0%, 100%, .75)
}
.brxe-ba-sticky-video .plyr input[type=range]::-webkit-slider-thumb {
background: #fff;
box-shadow: none;
visibility: hidden
}
.brxe-ba-sticky-video .plyr input[type=range]::-moz-range-track {
border-radius: 0;
color: hsla(0, 0%, 100%, .75)
}
.brxe-ba-sticky-video .plyr input[type=range]::-moz-range-thumb {
background: #fff;
box-shadow: none
}
.brxe-ba-sticky-video .plyr input[type=range]::-moz-range-progress {
border-radius: 0
}
.brxe-ba-sticky-video .plyr input[type=range]::-ms-track {
border-radius: 0;
color: hsla(0, 0%, 100%, .75)
}
.brxe-ba-sticky-video .plyr input[type=range]::-ms-fill-lower,
.brxe-ba-sticky-video .plyr input[type=range]::-ms-fill-upper {
border-radius: 0
}
.brxe-ba-sticky-video .plyr input[type=range]::-ms-thumb {
background: #fff;
box-shadow: none
}
.brxe-ba-sticky-video .plyr input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
box-shadow: none
}
.brxe-ba-sticky-video .plyr input[type=range].plyr__tab-focus::-moz-range-track {
box-shadow: none
}
.brxe-ba-sticky-video .plyr input[type=range].plyr__tab-focus::-ms-track {
box-shadow: none
}
.brxe-ba-sticky-video .plyr .plyr__progress__buffer::-webkit-progress-value {
border-radius: 0
}
.brxe-ba-sticky-video .plyr .plyr__progress__buffer::-moz-progress-bar {
border-radius: 0
}
.brxe-ba-sticky-video .plyr .plyr__progress__buffer::-ms-fill {
border-radius: 0
}
.brxe-ba-sticky-video .plyr .plyr__volume {
max-width: none;
min-width: 0;
width: auto
}
.brxe-ba-sticky-video .plyr .plyr__volume:hover input[type=range] {
margin: 0 5px;
width: 60px
}
.brxe-ba-sticky-video .plyr .plyr__volume input[type=range] {
margin: 0;
transition: width .1s ease-out;
width: 0
}
.ba-sticky-video-close-icon:hover,
.brxe-ba-sticky-video .plyr .plyr__controls__item,
.brxe-ba-sticky-video .plyr input[type=range] {
cursor: pointer
}
.brxe-ba-sticky-video .plyr .plyr__menu__container .plyr__control[role=menuitemradio]:hover:before,
.brxe-ba-sticky-video .plyr .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before,
.brxe-video .plyr .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:hover:before {
background-color: #000
}
.brxe-ba-sticky-video .plyr .plyr__menu__container .plyr__control[role=menuitemradio]:hover:after {
background-color: #fff;
opacity: 1;
transform: translateY(-50%) scale(1)
}
.bricks-video-preview-image {
background-position: 50%;
background-repeat: no-repeat
}
.bricks-video-overlay,
.bricks-video-preview-image {
background-size: cover;
bottom: 0;
cursor: pointer;
left: 0;
position: absolute;
right: 0;
top: 0
}
.bricks-video-overlay {
align-items: center;
display: flex;
justify-content: center;
z-index: 1
}
.bricks-video-overlay.bricks-lazy-hidden {
background-image: none !important
}
.bricks-video-overlay-icon {
color: #fff;
cursor: pointer;
font-size: 60px;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
z-index: 2
}
.brxe-ba-sticky-video video,
.brxe-ba-sticky-video>iframe {
-webkit-transition: width .2s ease-in-out, height .2s ease-in-out, -webkit-transform .38s ease-in-out;
transition: width .2s ease-in-out, height .2s ease-in-out, transform .38s ease-in-out, -webkit-transform .38s ease-in-out
}
.ba-video-is-sticky {
position: fixed;
z-index: 1
}
.ba-sticky-video-top-left.ba-video-is-sticky {
top: 20px;
left: 20px
}
.ba-sticky-video-top-right.ba-video-is-sticky {
top: 20px;
right: 20px
}
.ba-sticky-video-bottom-left.ba-video-is-sticky {
top: auto;
bottom: 20px;
left: 20px
}
.ba-sticky-video-bottom-right.ba-video-is-sticky {
top: auto;
left: auto;
bottom: 20px;
right: 20px
}
.ba-video-is-sticky .ba-sticky-video-close-icon {
visibility: visible
}
.ba-sticky-video-close-icon {
position: absolute;
right: 0;
z-index: 1;
visibility: hidden
}