@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";.music-indicator{align-items:center;background:#000c;border:2px solid hsla(0,0%,100%,.5);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:2.5rem;justify-content:center;transition:all .3s ease;width:2.5rem}.text-pixel{text-shadow:2px 2px 0 rgba(0,0,0,.5)}.shadow-pixel{box-shadow:4px 4px #00000080}.music-indicator{align-items:center;background:#000c;border:2px solid #fff;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:2.5rem;justify-content:center;transition:all .3s ease;width:2.5rem}.music-indicator:hover{border-color:gold;color:gold;transform:scale(1.1)}.music-indicator.playing{animation:pulse 2s infinite;border-color:gold;color:gold}@keyframes pulse{0%{box-shadow:0 0 #ffd70066}70%{box-shadow:0 0 0 10px #ffd70000}to{box-shadow:0 0 #ffd70000}}.bg-pixel-pattern{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cpath fill='%23fff' fill-opacity='.05' fill-rule='evenodd' d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2zm0-30V0h-2v4h-4v2h4v4h2V6h4V4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2zM6 4V0H4v4H0v2h4v4h2V6h4V4z'/%3E%3C/svg%3E")}