.video-player[data-playing=true] .video-controls{pointer-events:none}.video-player[data-playing=true] .video-play{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease 0s,visibility 0s ease 0.3s,z-index .3s linear 0s,transform .3s ease 0s}.video-player .video-controls{position:absolute;top:0;left:0;right:0;bottom:0}.video-player .video-play{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .3s ease 0s,visibility 0s ease 0s,z-index .3s linear 0s,transform .3s ease 0s;--play-size: 120px;position:absolute;top:50%;left:50%;margin:calc(var(--play-size)*-0.5);display:block;width:var(--play-size);aspect-ratio:1;border-radius:50%;background-color:var(--color-neongreen);border:calc(var(--play-size)*.07) solid var(--color-white);cursor:pointer;z-index:1;box-shadow:0 8px 30px -5px rgba(var(--color-dark-rgb), 0.5);transition:.25s ease;transform:translate3d(0, 0, 0) scale(1)}.video-player .video-play::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-style:solid;border-width:calc(var(--play-size)*.2) 0 calc(var(--play-size)*.2) calc(var(--play-size)*.32);border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) var(--color-dark);margin:calc(var(--play-size)*-0.2) calc(var(--play-size)*-0.12)}.video-player .video-play:hover{transform:translate3d(0, 0, 0) scale(1.1);box-shadow:0 8px 30px 5px rgba(var(--color-dark-rgb), 0.5)}