.video-with-content[data-v-abcc9c7d]{background:var(--abcc9c7d-backgroundColor);color:var(--abcc9c7d-color);width:100%}@media (width>=1024px){.video-with-content[data-v-abcc9c7d]{align-items:center;height:640px;display:flex}.video-with-content.right-video[data-v-abcc9c7d]{flex-direction:row-reverse}}.video-with-content .video-container[data-v-abcc9c7d]{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:300px;position:relative}@media (width>=640px){.video-with-content .video-container[data-v-abcc9c7d]{height:400px}}@media (width>=1024px){.video-with-content .video-container[data-v-abcc9c7d]{height:100%}}.video-with-content .video-container .video-button[data-v-abcc9c7d]{color:#334e80;z-index:2;background:#fffc;border:1px solid #ffffffe6;width:80px;height:80px;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #0003}@media (width>=1024px){.video-with-content .video-container .video-button[data-v-abcc9c7d]{width:120px;height:120px}}.video-with-content .video-container .video-button[data-v-abcc9c7d] .icon{font-size:1.75rem}@media (hover:hover){.video-with-content .video-container .video-button[data-v-abcc9c7d]:hover{background:#fff}}.video-with-content .video-container .video[data-v-abcc9c7d]{background:#000;width:100%;height:100%}.video-with-content .video-container .video.hidden[data-v-abcc9c7d]{display:none}.video-with-content .content[data-v-abcc9c7d]{width:100%;padding:80px 20px 40px}@media (width>=1024px){.video-with-content .content[data-v-abcc9c7d]{max-width:500px;padding:80px 40px 40px}}