/* "Listen to this post" player. Uses the theme's own colours and font: only
   spacing, a hairline border and the player width are set here. */
.aifi-listen {
    box-sizing: border-box;
    margin: 0 0 1.5em;
    padding: 0.75em 1em;
    border: 1px solid currentColor;
    border-color: color-mix(in srgb, currentColor 18%, transparent);
    border-radius: 8px;
}
.aifi-listen-label {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5em;
    margin: 0 0 0.5em;
    font-weight: 600;
    line-height: 1.4;
}
.aifi-listen-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 9v6h4l5 5V4L7 9H3zm13.5 3A4.5 4.5 0 0 0 14 7.97v8.05A4.47 4.47 0 0 0 16.5 12zM14 3.23v2.06a7 7 0 0 1 0 13.42v2.06A9 9 0 0 0 14 3.23z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 9v6h4l5 5V4L7 9H3zm13.5 3A4.5 4.5 0 0 0 14 7.97v8.05A4.47 4.47 0 0 0 16.5 12zM14 3.23v2.06a7 7 0 0 1 0 13.42v2.06A9 9 0 0 0 14 3.23z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.aifi-listen-time {
    font-weight: 400;
    opacity: 0.75;
}
.aifi-listen-audio {
    display: block;
    width: 100%;
    max-width: 100%;
}