/* Animation */ [data-bunny-player-init] :is(.bunny-player__placeholder, .bunny-player__dark, .bunny-player__playpause, .bunny-player__loading) { transition: opacity 0.3s linear, visibility 0.3s linear; } /* Placeholder */ [data-bunny-player-init][data-player-status="playing"] .bunny-player__placeholder, [data-bunny-player-init][data-player-status="paused"] .bunny-player__placeholder, [data-bunny-player-init][data-player-activated="true"][data-player-status="ready"] .bunny-player__placeholder { opacity: 0; visibility: hidden; } /* Dark Overlay */ [data-bunny-player-init][data-player-status="paused"] .bunny-player__dark, [data-bunny-player-init][data-player-status="playing"][data-player-hover="active"] .bunny-player__dark { opacity: 0.3; } [data-bunny-player-init][data-player-status="playing"] .bunny-player__dark { opacity: 0; } /* Play/Pause */ [data-bunny-player-init][data-player-status="playing"] .bunny-player__playpause, [data-bunny-player-init][data-player-status="loading"] .bunny-player__playpause { opacity: 0; } [data-bunny-player-init][data-player-status="playing"][data-player-hover="active"] .bunny-player__playpause { opacity: 1; } [data-bunny-player-init][data-player-status="playing"] .bunny-player__play-svg, [data-bunny-player-init][data-player-status="loading"] .bunny-player__play-svg { display: none; } [data-bunny-player-init][data-player-status="playing"] .bunny-player__pause-svg, [data-bunny-player-init][data-player-status="loading"] .bunny-player__pause-svg { display: block; } /* Loading */ [data-bunny-player-init][data-player-status="loading"] .bunny-player__loading { opacity: 1; visibility: visible; } /* Cover Mode */ [data-bunny-player-init][data-player-update-size="cover"] { height: 100%; top: 0; left: 0; position: absolute; } [data-bunny-player-init][data-player-update-size="cover"] [data-player-before] { display: none; } [data-bunny-player-init][data-player-update-size="cover"][data-player-fullscreen="false"] .bunny-player__video { object-fit: cover; }