.video{--media-icon-color:#fff;aspect-ratio:var(--ratio,16/9);display:block;overflow:hidden;overflow:clip;position:relative}.video--controls{cursor:pointer}.video--controls .video__player:before{background-color:#0003;content:"";inset:0;position:absolute;transition:opacity .4s;z-index:1}.video--loop,.video__player{pointer-events:none}.video__player{inset:-1px;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}.video:not([mediapaused])[userinactive] .video__control,.video:not([mediapaused])[userinactive] .video__player:before{opacity:0}.video__control{pointer-events:all;position:relative;transition:opacity .4s;z-index:2}@media screen and (max-width:1023px){.video{--media-control-height:8rem}.video[mediahasplayed] .video__control,.video[mediahasplayed] .video__player:before{opacity:0}}@media screen and (min-width:1024px){.video{--media-control-height:5rem}.video__controls{--media-button-icon-width:3.5rem;inset:auto 1rem 0 auto;position:absolute}}