.heroimage-component .heroimage{position:relative;width:100%}.heroimage-component .heroimage__item{width:100%;height:fit-content}.heroimage-component .heroimage__title{position:absolute;color:#fff;z-index:1;width:90%;left:50%;transform:translate(-50%,-50%);max-width:none;padding:0 15px;margin:0 auto}@media screen and (min-width:768px){.heroimage-component .heroimage__title{max-width:750px}}@media screen and (min-width:992px){.heroimage-component .heroimage__title{max-width:970px}}@media screen and (min-width:1200px){.heroimage-component .heroimage__title{max-width:1170px}}.heroimage-component .heroimage .plyr__control--overlaid{top:35%}@media (max-width:767px){.heroimage-component .heroimage .plyr__control--overlaid{background:transparent var(--sf-img-44) no-repeat 0 0;width:65px;height:65px}.heroimage-component .heroimage .plyr__control--overlaid.plyr__control:focus,.heroimage-component .heroimage .plyr__control--overlaid.plyr__control:hover{background:transparent var(--sf-img-44) no-repeat 0 0}}.heroimage-component__vertical--top .heroimage__title.has-tiles{top:10%}@media (max-width:767px){.heroimage-component div.editor-mode .ratio-heroimage__container:before{all:unset!important}}