/* /Components/ListWithDetail.razor.rz.scp.css */
.list-detail-container[b-sr6ihh806m] {
    overflow: hidden;
}

.detail-view[b-sr6ihh806m] {
    animation: slideInFromRight-b-sr6ihh806m 0.2s ease forwards;
}

@keyframes slideInFromRight-b-sr6ihh806m {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0%);
        opacity: 1;
    }
}
/* /Components/Widgets/AudioVisualizer.razor.rz.scp.css */
.equalizer[b-en54k7i8jk]{
    display:inline-block;
    margin-top:100px;
    width:15px;
    background-color: transparent;
    border: 0;
    padding:0.5em;
    position: relative;
    transition: opacity 0.5s ease;
}

.equalizer:hover[b-en54k7i8jk], .equalizer:focus[b-en54k7i8jk]{
    outline: 0;
    opacity: 0.5;
}

.equalizer span[b-en54k7i8jk] {
    display: inline-block;
    width: 3px;
    position: absolute;
    bottom: 0;
}

@keyframes shorteq-b-en54k7i8jk{
    0% {height: 10px}
    50% {height: 5px}
    100% {height: 10px}
}
@-webkit-keyframes shorteq{
    0% {height: 10px}
    50% {height: 5px}
    100% {height: 10px}
}

@keyframes talleq-b-en54k7i8jk{
    0% {height: 15px}
    50% {height: 8px}
    100% {height: 15px}
}
@-webkit-keyframes talleq{
    0% {height: 15px}
    50% {height: 5px}
    100% {height: 15px}
}

.eq1[b-en54k7i8jk]{
    height: 13px;
    left: 0;
    animation-name: shorteq-b-en54k7i8jk;
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
    animation-delay: 0s;
    -webkit-animation-name: shorteq;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-iteration-count: infinite;
}

.eq2[b-en54k7i8jk]{
    height: 15px;
    left: 6px;
    animation-name: talleq-b-en54k7i8jk;
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
    animation-delay: 0.17s;
    -webkit-animation-name: talleq;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-iteration-count: infinite;
}

.eq3[b-en54k7i8jk]{
    height: 13px;
    left: 12px;
    animation-name: shorteq-b-en54k7i8jk;
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
    animation-delay: 0.34s;
    -webkit-animation-name: shorteq;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-iteration-count: infinite;
}