Alison Tyler Manuel Ferrara Raw 11 Scene - 2 New |work|
/* Controls bar */ .controls-bar { position: absolute; bottom: 0; left: 0; right: 0; z-index: 12; padding: 32px 16px 12px; background: linear-gradient(transparent, rgba(0,0,0,0.85)); display: flex; align-items: center; gap: 14px; opacity: 0; transition: opacity 0.3s ease; } .player-wrap:hover .controls-bar { opacity: 1; }
/* Scanline overlay on player */ .scanlines { position: absolute; inset: 0; z-index: 5; pointer-events: none; background: repeating-linear-gradient( 0deg, transparent, transparent 2px, rgba(0,0,0,0.08) 2px, rgba(0,0,0,0.08) 4px ); } alison tyler manuel ferrara raw 11 scene 2 new
/* Play button overlay */ .play-overlay { position: absolute; inset: 0; z-index: 10; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.4); transition: opacity 0.4s ease, background 0.4s ease; } .play-overlay.hidden { opacity: 0; pointer-events: none; } .play-overlay:hover { background: rgba(0,0,0,0.25); } /* Controls bar */
/* Scene card */ .scene-card { background: var(--card); border: 1px solid var(--border); border-radius: 6px; overflow: hidden; cursor: pointer; transition: border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; } .scene-card:hover { border-color: var(--muted); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.4); } .scene-card.active { border-color: var(--accent); box-shadow: 0 0 0 1px var(--accent), 0 8px 24px rgba(232,68,58,0.1); } padding: 32px 16px 12px
* { margin: 0; padding: 0; box-sizing: border-box; }
.play-btn { width: 72px; height: 72px; border-radius: 50%; background: var(--accent); display: flex; align-items: center; justify-content: center; box-shadow: 0 0 40px var(--accent-glow), 0 0 80px rgba(232,68,58,0.15); transition: transform 0.3s ease, box-shadow 0.3s ease; } .play-overlay:hover .play-btn { transform: scale(1.1); box-shadow: 0 0 60px var(--accent-glow), 0 0 120px rgba(232,68,58,0.2); } .play-btn i { color: #fff; font-size: 26px; margin-left: 4px; }
/* Video player container */ .player-wrap { position: relative; width: 100%; aspect-ratio: 16/9; background: #000; border-radius: 6px; overflow: hidden; cursor: pointer; }