/* Aregue todo su codigo personalizado aquí */

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

#app+.install-botton .install-button {
    text-transform: capitalize;
    --btn-bg: #ffffff14;
    --btn-color: #ffffff;
}

.player-program-name {
    font-weight: 700;
    font-family: "Montserrat;
}

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

.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);
}

.program-super {
    --program-accent: #4B22F5;
    --program-active-color: #fff;
    --program-cols-min: 14rem;
    --program-accent-active: #4b22f5;
}

.nexo-schedule-item.is-current .nexo-schedule-item-content::before {
    content: "Al aire";
    background-color: var(--program-accent);
    font-size: 10px;
    text-transform: uppercase;
    padding: .25rem .5rem;
    border-radius: 25rem;
    margin-bottom: .5rem;
    display: inline-flex;
    font-weight: 800;
    font-family: Montserrat, sans-serif;
    line-height: 1.5;
}