[data-video]{display:block;position:relative}[data-video]:before{background-color:rgba(33,33,33,.5);height:100%;left:0;top:0;width:100%}[data-video]:after,[data-video]:before{content:"";display:block;position:absolute}[data-video]:after{background-image:var(--play);background-position:50%;background-repeat:no-repeat;background-size:contain;filter:var(--drop-shadow);height:60px;left:50%;opacity:.7;pointer-events:none;top:50%;transform:translateX(-50%) translateY(-50%);transition-duration:.2s;width:60px}[data-video]:focus:after,[data-video]:hover:after{opacity:1}.modal-video,[data-video]>img{display:block;width:100%}.modal-video{aspect-ratio:16/9;border:none;height:100%;max-height:70vh}@media (min-width:600px){[data-video]:after{height:80px;width:80px}}@media (min-width:900px){[data-video]:after{height:100px;width:100px}}@media (min-width:1200px){[data-video]:after{height:120px;width:120px}}