*{

    margin:0;
    box-sizing:border-box;
    font-family:sans-serif;

}

html, body{

    background:transparent;
    overflow:hidden;

}

#rq-frame-bar{

    display:flex;
    align-items:center;
    gap:10px;
    background:#436B48;
    border-radius:999px;
    padding:8px 14px;
    height:100%;
    width:100%;

}

#rq-frame-play{

    border:none;
    background:#fff;
    color:#436B48;
    width:32px;
    height:32px;
    border-radius:50%;
    cursor:pointer;
    font-size:14px;
    flex-shrink:0;

}

#rq-frame-volume{

    flex:1;
    min-width:0;

}

#rq-frame-quality{

    border:none;
    border-radius:999px;
    padding:4px 8px;
    font-size:11px;
    font-weight:700;
    color:#436B48;
    flex-shrink:0;

}

.rq-frame-wave{

    display:flex;
    align-items:flex-end;
    gap:2px;
    height:16px;
    flex-shrink:0;

}

.rq-frame-wave span{

    width:3px;
    height:4px;
    background:#fff;
    border-radius:1px;
    transition:height 0.05s linear;

}