@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";
#songAudio {
 background-color: var(--vscode-checkbox-background);
}
.songAudio__progress-bar {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 2px;
 background-color: var(--vscode-tab-border);
 border-radius: 1px;
}
.songAudio__progress-bar .bg-green-500 {
 background-color: var(--vscode-icon-foreground);
 border-radius: 1px;
}
.songAudio__progress-bar .base__percent-played {
 position: absolute;
 top: 0;
 right: 0;
 width: 2px;
 height: 100%;
 background-color: var(--vscode-icon-foreground);
 animation: songAudioProgress 2s linear;
}
.songAudio__progress-bar .base__percent-played::after {
 content: "🔈"
}
@keyframes songAudioProgress {
  100% {
    transform: translateX(100%);
 }
}