/* Translated member content (translateapp): the origin mark and the "Show original" line. Brand tokens only. */
/* The list pages size every image in .container as a card picture (.container img in list.html): the mark's
   selector outranks it and resets those sizes. */
img.tr-flag, .container img.tr-flag {
    display: inline-block;
    width: 1em;
    height: 1em;
    min-height: 0;
    max-width: none;
    border-radius: 50%;
    object-fit: cover;
    vertical-align: -0.125em;
    margin-inline-end: .3em;
    box-shadow: 0 0 0 1px var(--pt-border);
    flex: none;
}
.tr-code {
    display: inline-block;
    font: 600 .625rem/1 var(--pt-font-mono);
    padding: .2em .4em;
    border-radius: var(--pt-radius-sm);
    background: var(--pt-surface-2);
    color: var(--pt-text-muted);
    margin-inline-end: .3em;
    vertical-align: .1em;
    letter-spacing: .02em;
}
.tr-note {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .375rem;
    margin: .25rem 0 0;
    font-size: .8125rem;
    color: var(--pt-text-muted);
}
.tr-note .tr-flag, .tr-note .tr-code { margin-inline-end: 0; }
.tr-toggle {
    background: none;
    border: 0;
    padding: 0;
    font: inherit;
    color: var(--pt-accent-text);
    cursor: pointer;
}
.tr-toggle:hover, .tr-toggle:focus-visible { text-decoration: underline; }