@import url("../fonts/fonts.css");

.wav-file {
    font-size: 1rem;
    color: var(--sec);
    font-family: "ShureTechMonoNerdFontMono-Regular", monospace;
    text-decoration: none;
    text-align: center;
    max-width: 22ch;
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    opacity: 0.85;
    transition:
        color 0.15s,
        opacity 0.15s,
        text-shadow 0.15s;
    position: relative;
}

.wav-file:focus {
    color: var(--ter);
    opacity: 1;
}

.wav-file.playing {
    color: var(--txt);
    opacity: 1;
    text-shadow: 0 0 8px var(--acc);
}