/* Cut from the Architrave theme's style.css by tools/build-extras.py. */
.listen-row {
	margin-block-start: var(--space-6);
}
.listen {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-2) var(--space-3);
	--quire-ai-tag-ground: var(--frame-plane);
}
.listen-controls {
	display: flex;
	align-items: center;
	gap: var(--space-3);
}
.listen-play {
	flex: none;
	inline-size: var(--layout-control-height);
	padding: 0;
	box-shadow: var(--elevation-raised-contained);
}
.listen-play svg {
	width: var(--icon-inline);
	height: var(--icon-inline);
	fill: currentColor;
	stroke: none;
}
.listen-time {
	font-family: var(--font-sans);
	font-size: var(--text-reading-meta);
	color: var(--text-muted);
	font-variant-numeric: var(--font-variant-numeric-tabular);
}
.listen-transport {
	--layout-control-height-compact: 28px;
	--layout-action-square: var(--layout-control-height-compact);
	--listen-reveal: calc(var(--motion-duration-fast) * 2 / 3);
	--listen-stagger: calc(var(--motion-delay-stagger) * 2 / 3);
	display: none;
	align-items: center;
	gap: var(--space-1);
	transition: display var(--listen-reveal) allow-discrete;
}
.listen[data-playing] .listen-transport {
	display: flex;
}
.listen-transport .quire-icon-button {
	margin: 0;
}
.listen-transport .listen-rate {
	margin-inline-start: var(--space-1);
	font-variant-numeric: var(--font-variant-numeric-tabular);
}
.listen-transport > * {
	opacity: 0;
	translate: calc(-1 * var(--space-2) * var(--motion-distance-scale)) 0;
	transition:
	opacity var(--listen-reveal) var(--motion-easing-standard)
	var(--reveal-delay, 0ms),
	translate var(--listen-reveal) var(--motion-easing-standard)
	var(--reveal-delay, 0ms);
}
.listen[data-playing] .listen-transport > * {
	opacity: 1;
	translate: 0 0;
}
.listen-transport > :nth-child(1) {
	--reveal-delay: 0ms;
}
.listen-transport > :nth-child(2) {
	--reveal-delay: var(--listen-stagger);
}
.listen-transport > :nth-child(3) {
	--reveal-delay: calc(var(--listen-stagger) * 2);
}
@starting-style {
	.listen[data-playing] .listen-transport > * {
		opacity: 0;
		translate: calc(-1 * var(--space-2) * var(--motion-distance-scale)) 0;
	}
}
.listen .quire-ai-note {
	margin-inline-start: auto;
}
.post-share-split:has(> .post-share-more) .copy-url-btn {
	border-start-end-radius: 0;
	border-end-end-radius: 0;
}
.post-share-split .post-share-more-btn {
	border-start-start-radius: 0;
	border-end-start-radius: 0;
	width: auto;
	padding-inline: var(--space-2-5) var(--space-2);
	border-inline-start: var(--border-width-default) solid var(--border-subtle);
}
.post-share-split .post-share-more-btn svg:last-child {
	margin-inline-start: calc(-1 * var(--space-0-5));
}
.post-share-split .post-share-more {
	position: relative;
}
.post-share-menu {
	position: absolute;
	inset-block-start: calc(100% + var(--layout-menu-offset));
	inset-inline-end: 0;
	z-index: var(--layer-overlay);
	margin: 0;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 0;
	transform-origin: top right;
}
.post-share-menu[hidden] {
	display: none;
}
.post-share-menu li {
	display: contents;
}
.post-share-menu .quire-menu-item {
	white-space: nowrap;
	width: 100%;
}
.post-share-menu .quire-menu-item svg {
	width: var(--icon-inline);
	height: var(--icon-inline);
	stroke-width: var(--icon-stroke-width);
	flex: none;
}
.post-share-more:has(> [aria-expanded="true"]) .quire-tooltip-bubble {
	display: none;
}
:root .listen-time {
	font-size: calc(var(--text-reading-meta) * var(--small-size, 1));
}