.grouped-icon.star,
.ttl-status-action-star:hover,
.ttl-status-action-star.enabled {
	color: var(--yellow-1);
}

.ttl-status-action-star:active {
	color: var(--yellow-2);
}

.grouped-icon.reblog,
.ttl-status-action-reblog:hover,
.ttl-status-action-reblog.enabled {
	color: var(--purple-1);
}

.ttl-status-action-reblog:active {
	color: var(--purple-2);
}

.grouped-icon.follow,
.ttl-status-action-reply:hover,
.ttl-status-action-reply.enabled {
	color: var(--green-1);
}

.ttl-status-action-reply:active {
	color: var(--green-2);
}

.grouped-icon.sign-up,
.ttl-status-action-heart:hover,
.ttl-status-action-heart.enabled,
.ttl-status-action-bookmark:hover,
.ttl-status-action-bookmark.enabled {
	color: var(--red-1);
}

.ttl-status-action-heart:active,
.ttl-status-action-bookmark:active {
	color: var(--red-2);
}

.ttl-status-action-quote:hover,
.ttl-status-action-quote.enabled {
	color: var(--blue-1);
}

.ttl-status-action-quote:active {
	color: var(--blue-2);
}

.ttl-post.direct:hover {
	background-color: hsl(from rgb(from var(--warning-bg-color) r g b / calc(alpha * 0.1)) h calc(s * 1.3) calc(l * 1.3));
}

.ttl-post.local:hover {
	background-color: color-mix(in srgb, color-mix(in srgb, var(--purple-1) 10%, transparent), white 1%);
}

.ttl-darken-images avatar:not(:hover), .ttl-darken-images picture:not(:hover) {
	filter: brightness(.8) contrast(1.2);
}

.composer-attachment .alt-indicator {
	background-color: color-mix(in srgb, color-mix(in srgb, var(--error-bg-color) 50%, black) 80%, transparent);
}

.composer-attachment .alt-indicator.success {
	background-color: color-mix(in srgb, color-mix(in srgb, var(--success-bg-color) 40%, black) 80%, transparent);
}
