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