.trailer .play{border:2px solid var(--cyan);width:80px;height:80px;box-shadow:0 0 32px var(--cyan-glow), inset 0 0 16px #00e5ff33;background:#00e5ff14;border-radius:50%;place-items:center;transition:all .25s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.trailer:hover .play{background:var(--cyan);box-shadow:0 0 48px var(--cyan-glow)}.trailer .play:before{content:"";border-style:solid;border-width:12px 0 12px 18px;border-color:transparent transparent transparent var(--cyan);margin-left:4px;transition:border-color .25s}.trailer .play{backdrop-filter:blur(6px);background:#ffffff1a;border-color:#ffffffd9;width:70px;height:70px}.trailer .play:before{border-color:#0000 #0000 #0000 #fffffff2}.trailer:hover .play{background:#fff3;border-color:#fff;box-shadow:0 0 60px #fff6}.trailer:hover .play:before{border-left-color:#fff}.trailer .play{-webkit-backdrop-filter:blur(10px)saturate(160%);background:#ffffff1a;border-color:#fffffff2;width:84px;height:84px;transition:transform .4s cubic-bezier(.2,.7,.2,1),background .3s,box-shadow .4s;box-shadow:0 0 0 1px #ffffff1a,0 0 60px #00e5ff4d}.trailer:hover .play{background:#ffffff2e;transform:translate(-50%,-50%)scale(1.12);box-shadow:0 0 0 1px #fff3,0 0 90px #00e5ff8c}.trailer .ph-label,.trailer .ph-rec,.trailer .ph-time,.trailer .ph-hud,.trailer .ph-corner,.trailer .play{z-index:3;position:absolute}