.listen-marker{min-block-size:var(--touch-target-standing);color:var(--color-cite);align-items:center;display:inline-flex}.listen-glyph{clip-path:polygon(0 0,100% 50%,0 100%);background:currentColor;flex:none;block-size:.72em;inline-size:.6em;margin-inline-end:var(--space-2)}.listen-label,.listen-marker-label{font-weight:600}.listen-duration{font-family:var(--font-mono);font-size:var(--step-00);font-variant-numeric:tabular-nums;letter-spacing:0}.listen-marker[data-variant=page]{text-decoration-line:underline;-webkit-text-decoration-color:var(--color-border-strong);text-decoration-color:var(--color-border-strong);text-underline-offset:.2em;transition:text-decoration-color var(--duration-micro) var(--ease-snappy)}.listen-marker[data-variant=page]:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-sm)}@media (hover:hover){.listen-marker[data-variant=page]:hover{color:var(--color-cite-hover);text-decoration-color:currentColor}}.listen-marker[data-variant=row]{align-items:baseline}.listen-marker[data-variant=row] .listen-glyph{align-self:baseline;transform:translateY(-.013em)}.listen-marker[data-variant=row] .listen-duration{font-size:inherit}.listen-row-narration{align-items:baseline;display:inline-flex}.listen-marker-button{font:inherit;letter-spacing:inherit;color:var(--color-cite);cursor:pointer;transition:color var(--duration-fast) var(--ease-snappy);background:0 0;border:0;margin:0;padding:0}.listen-marker-button:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-sm)}@media (hover:hover){.listen-marker-button:hover{color:var(--color-cite-hover);text-underline-offset:.2em;text-decoration-line:underline;text-decoration-color:currentColor}}.listen-glyph[data-state=pause]{clip-path:none;background:linear-gradient(90deg,currentColor 0 36%,#0000 36% 64%,currentColor 64% 100%)}@media print{.listen-marker,.listen-row-narration{display:none}}