/* Aregue todo su codigo personalizado aquí */

.app {
    --progress-primary: #fff;
    --progress-secondary: #fff;
    --long-duration: 1s;
}

.station-description {
    color: #fff;
    opacity: .6;
}

.station-img {
    border: 3px solid #ffffff00;
    padding: 0.15rem;
}

.player-artwork {
    border-radius: 0.5rem;
    background-color: #ffffff00;
}
.player-artwork img {
    border-radius: 0.65rem;
    box-shadow: var(--shadow-xl);
}
.dropdown {
    position: absolute;
    height: 140px;
    background-color: rgb(255 255 255);
    padding: 1.1rem;
    border-radius: 10rem;
    left: 50%;
    box-shadow: var(--shadow-l);
    transform: translateX(-50%);
    bottom: calc(100% + .5rem);
    transition: opacity var(--duration), transform var(--duration);
    width: auto;
    z-index: 10;
}

.install-buttons-wrapper {
    animation: .5s zoomInBounce;
    position: relative;
    border-radius: 1rem;
    max-width: 600px;
    text-align: center;
    padding: 2rem;
    color: #fff;
    background-color: var(--bg-modal);
    backdrop-filter: blur(1rem);
    box-shadow: 0 8px 17px 2px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2);
}