.pv-frame{aspect-ratio:16/9;background-color:var(--color-ink-dark);cursor:pointer;box-shadow:var(--shadow-card);border:1px solid var(--color-line);background-position:50%;background-size:cover;border-radius:16px;width:100%;position:relative;overflow:hidden}.pv-frame:before{content:"";background:linear-gradient(#0a1f521a 0%,#0a1f5273 100%);transition:background .25s;position:absolute;inset:0}.pv-frame:hover:before{background:linear-gradient(#0a1f522e 0%,#0a1f528c 100%)}.pv-frame--playing{position:relative}.pv-frame--playing iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.pv-play{z-index:1;background:#ffffffeb;border-radius:50%;width:84px;height:84px;transition:transform .25s,background .25s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 30px #0a1f5259}.pv-frame:hover .pv-play{background:#fff;transform:translate(-50%,-50%)scale(1.06)}.pv-play:after{content:"";border-left:26px solid var(--color-accent-deep);border-top:16px solid #0000;border-bottom:16px solid #0000;width:0;height:0;position:absolute;top:50%;left:54%;transform:translate(-50%,-50%)}