.video{display:flex;flex-direction:column;.poster{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.poster{transition-duration:.15s}.poster{transition-timing-function:cubic-bezier(.4,0,.2,1)}video,audio{opacity:0;transition:opacity .15s ease-in-out}&.playing{.clicker{pointer-events:none}.clicker{--tw-rotate: 0deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.clicker{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.clicker{opacity:0}&:has(video) .poster{opacity:0}video,audio{opacity:1;z-index:2}}}