/* The existing player writes text on every play/pause transition. Draw the
   icon separately so that those updates cannot bring the emoji back. */
#bogart-studio-bar #br-play {
    font-size: 0;
    color: #fff;
}

#bogart-studio-bar #br-play::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M7 3v18l15-9z'/%3E%3C/svg%3E");
}

#bogart-studio-bar #br-play[aria-label="Pause Bogart Radio"]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M6 4h4v16H6zm8 0h4v16h-4z'/%3E%3C/svg%3E");
}

.brc-arrow > .bogart-control-icon,
#brw-share > .bogart-control-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.14em;
    pointer-events: none;
}