@keyframes button-pulse{0%{opacity:.9;transform:scale(.95)}to{opacity:0;transform:scale(1.4)}}.play-button{z-index:1;margin:var(--space-xs);justify-content:center;place-self:center;position:relative}.play-button:before{content:"";z-index:-1;border-radius:var(--button-radius);opacity:0;background:var(--color-accent);animation:2s infinite button-pulse;position:absolute;inset:0}.play-button:hover:before{animation-play-state:paused}[data-controller=preview] picture,[data-preview-playing]{position:relative}[data-preview-playing=false]:after{content:"";z-index:0;transition:var(--transition-base);background-color:#0000000d;position:absolute;inset:0}[data-preview-playing=false]:hover:after{opacity:0}[data-preview-playing=false] .play-button [data-btn-stop]{display:none}[data-preview-playing=true] .play-button{opacity:0}[data-preview-playing=true] .play-button [data-btn-play]{display:none}[data-preview-playing=true]:hover .play-button,[data-preview-playing=true] .play-button:focus{opacity:1}