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