/* Molecule: quote-actions — edit and starred state styles on blockquotes */

blockquote.starred .star-btn {
    color: var(--bn-colour-starred);
}

blockquote.starred {
    font-weight: 600;
    border-left-color: var(--bn-colour-starred);
}

blockquote.starred .context,
blockquote.starred .timecode,
blockquote.starred .speaker,
blockquote.starred .badges {
    font-weight: 400;
}

blockquote.editing .edit-pencil {
    color: var(--bn-colour-accent);
}

blockquote.editing .quote-text {
    background: var(--bn-colour-editing-bg);
    outline: 1px solid var(--bn-colour-editing-border);
    border-radius: var(--bn-radius-sm);
    padding: var(--bn-space-xs) 0.3rem;
    min-width: 10rem;
    cursor: text;
}

.quote-text.edited {
    border-bottom: 1px dashed var(--bn-colour-muted);
}

.editable-text.editing {
    background: var(--bn-colour-editing-bg);
    outline: 1px solid var(--bn-colour-editing-border);
    border-radius: var(--bn-radius-sm);
    padding: var(--bn-space-xs) 0.3rem;
    cursor: text;
}

.editable-text.edited {
    border-bottom: 1px dashed var(--bn-colour-muted);
}

blockquote.star-animating {
    transition: transform var(--bn-transition-normal);
    z-index: 1;
}
