.wrapper-GGVC7 {
    position: fixed;
    inset-block-end: 0;
    display: flex;
    justify-content: flex-end;
    pointer-events: none;
    z-index: 1;
}

.player-fr7If {
    flex-basis: 100%;
    background: var(--background-primary, var(--white));
    color: var(--text-primary, var(--black));
    padding: var(--spacing10) 10%;
    box-shadow: 0 -2px 5px 0 rgba(74, 74, 74, 0.1);
    pointer-events: all
}

@media (min-width: 60em) {

.player-fr7If {
        padding: var(--spacing10) 25%
}
    }

.button-DWtvB[class] {
    align-self: center;
    margin-block-end: var(--spacing40);
    margin-inline-end: var(--spacing40);
    padding: 0;
    box-shadow: var(--boxShadowDetached);
    transform: translateY(0);
    transition: transform .4s .5s cubic-bezier(.4,0,.2,1), background-color .3s;
    color: var(--background-primary, var(--white));
    background-color: var(--accent, var(--blue25));
    pointer-events: all
}

.button-DWtvB[class]:hover {
        background-color: var(--accent-focus, var(--blue30));
        color: var(--background-primary, var(--white));
    }

.button-DWtvB[class].hide-uv_dt {
        transform: translateY(100px);
    }

.button-DWtvB[class]:active {
        outline: none;
    }

@media (min-width: 80em) {
        .button-DWtvB[class].hide-uv_dt {
            transform: translateY(0);
        }
    }

.menu-PqRHa {
    position: fixed;
    inset-block-end: 90px;
}

.moreMenu-oIucu {
    padding: var(--spacing10);
    min-width: 128px;
}

@media print {
    .wrapper-GGVC7{
        display: none;
    }
}

/* These styles are probabably very delacate as they reach into the player and adjust the css manualy */

.player-fr7If button {
        color: var(--text-primary, var(--black))
    }

.player-fr7If button[aria-checked="false"] {
            background-color: var(--background-primary, var(--white));
            border-color: var(--border-primary, var(--grey10));
        }

.player-fr7If button[aria-checked="true"] {
            background-color: var(--accent, var(--info40));
            border-color: var(--accent, var(--info40));
        }

.player-fr7If div[role="slider"] div {
        background-color: var(--accent, var(--blue20));
    }

.player-fr7If #audio-menu,
    .player-fr7If button[type="button"] + div {
        color: var(--text-primary, var(--black));
        background-color: var(--background-primary, var(--white));
        border-color: var(--border-primary, var(--grey10))
    }

.player-fr7If #audio-menu div::after, .player-fr7If button[type="button"] + div div::after {
            border-block-start-color: var(--background-primary, var(--white));
        }

.player-fr7If #audio-menu div::before, .player-fr7If button[type="button"] + div div::before {
            border-block-start-color: var(--border-primary, var(--grey10));
        }


/*# sourceMappingURL=audio-player.dc7b1a5342f003c3c615.css.map*/