.hvpstr[data-v-cb86cecd]{align-items:center;aspect-ratio:16/9;cursor:pointer;display:flex;flex-direction:column;height:auto;justify-content:center;overflow:hidden;position:relative;width:100%}.hvpstr.hover[data-v-cb86cecd]:before{background-color:var(--color-blue-400);content:"";top:0;right:0;bottom:0;left:0;opacity:.3;position:absolute;transition:var(--transition);z-index:6}.hvpstr.vertical[data-v-cb86cecd]{aspect-ratio:9/16}.hvpstr__play[data-v-cb86cecd]{align-items:center;aspect-ratio:1/1;display:flex;flex-direction:column;height:auto;justify-content:center;position:relative;width:3.4rem;z-index:7}.hvpstr__play[data-v-cb86cecd]:after{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--color-gray-alpha-600);border-radius:2rem;box-shadow:0 0 3px #0000001a,0 0 2px #0000000f;content:"";top:0;right:0;bottom:0;left:0;position:absolute;transition:var(--transition);z-index:7}.hvpstr__play-icon[data-v-cb86cecd]{position:relative;z-index:10}.hvpstr.hover[data-v-cb86cecd]:before{opacity:0}.hvpstr:hover .hvpstr__play[data-v-cb86cecd]:after{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--color-gray-alpha-500);transform:scale(1.1)}.hvpstr__poster[data-v-cb86cecd]{z-index:5}.hvpstr.hover .hvpstr__poster[data-v-cb86cecd]{transform:scale(1.02)}