.custom-video-player{aspect-ratio:1200/675;margin:0 auto;position:relative;width:100%}.video-element{background:#fff;display:block}.play-overlay,.video-element{height:100%;position:absolute;width:100%}.play-overlay{align-items:center;background:rgba(0,0,0,.5);cursor:pointer;display:flex;justify-content:center;left:0;top:0;transition:opacity .3s ease}.play-overlay.hidden{opacity:0;pointer-events:none}.play-button{align-items:center;background:var(--green);border:0;cursor:pointer;display:flex;height:calc(var(--size)*1);justify-content:center;width:calc(var(--size)*1)}.play-button:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none' viewBox='0 0 28 28'%3E%3Cpath fill='%23000' d='M8 28h4v-4H8zM4 24h4v-4H4zM4 8h4V4H4zM16 12h4V8h-4zM12 8h4V4h-4zM8 4h4V0H8zM12 24h4v-4h-4zM4 16h4v-4H4zM4 20h4v-4H4zM4 12h4V8H4zM20 16h4v-4h-4zM16 20h4v-4h-4z'/%3E%3C/svg%3E");background-size:100% 100%;content:"";display:block;height:calc(var(--size)*.28);width:calc(var(--size)*.28)}.custom-video-player:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300' fill='none' viewBox='0 0 300 300'%3E%3Cpath fill='url(%23a)' d='M200 200h100v100H100V200H0V0h100v100h100z'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='338.558' y1='68.814' y2='276.322' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2304f5c4'/%3E%3Cstop offset='.3' stop-color='%2304f5c4'/%3E%3Cstop offset='.6' stop-color='%23ffdcdb'/%3E%3Cstop offset='.8' stop-color='%23e945cc'/%3E%3Cstop offset='1' stop-color='%23490a75'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");background-size:100% 100%;content:"";display:block;height:calc(var(--size)*3);opacity:1;position:absolute;right:calc(var(--size)*-1);top:calc(var(--size)*-1);transition:opacity 1s;width:calc(var(--size)*3);z-index:0}.custom-video-player-wrapper{position:relative}.custom-video-player-wrapper:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='200' fill='none' viewBox='0 0 100 200'%3E%3Cpath fill='url(%23a)' d='M100 200H0V0h100z'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='-188.5' x2='152.324' y1='-20.5' y2='336.302' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2304f5c4'/%3E%3Cstop offset='.3' stop-color='%2304f5c4'/%3E%3Cstop offset='.6' stop-color='%23ffdcdb'/%3E%3Cstop offset='.8' stop-color='%23e945cc'/%3E%3Cstop offset='1' stop-color='%23490a75'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");background-size:100% 100%;bottom:0;content:"";display:block;height:calc(var(--size)*2);left:calc(var(--size)*-1);position:absolute;width:calc(var(--size)*1)}.custom-video-player-wrapper._simple .custom-video-player:before,.custom-video-player-wrapper._simple:before{display:none}.video__title{background:#000;color:#fff;font-family:var(--jakarta);font-size:calc(var(--font)*.18);font-weight:400;line-height:140%;padding:calc(var(--size)*.25)}.revealed .custom-video-player:before{opacity:1}@media (max-width:767px){.custom-video-player:before{display:none}}@media (min-width:767px){.h{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300' fill='none' viewBox='0 0 300 300'%3E%3Cpath fill='url(%23a)' d='M200 200h100v100H100V200H0V0h100v100h100z'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='338.558' y1='68.814' y2='276.322' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2304f5c4'/%3E%3Cstop offset='.3' stop-color='%2304f5c4'/%3E%3Cstop offset='.6' stop-color='%23ffdcdb'/%3E%3Cstop offset='.8' stop-color='%23e945cc'/%3E%3Cstop offset='1' stop-color='%23490a75'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E")}}