/*
READ BEFORE EDITING. Some selectors match the same items ("focused" selector vs non-focused); make sure to update them in tandem.
Commits that have a long commit message will not be dimmed after the user uncollapses the `<details>` element.
*/

.rgh-dim-bot:not(.rgh-tagged) .mb-1,
.rgh-dim-bot:not(.rgh-tagged) .mb-1 ~ .d-flex,
.rgh-dim-bot:not(.rgh-tagged) > .d-md-block,
.rgh-dim-bot:not(.rgh-tagged) .Box-row--drag-hide, /* PR row */
.rgh-dim-bot:not(.rgh-tagged) .labels, /* PR labels */
.rgh-dim-bot:not(.rgh-tagged) .text-small.color-text-secondary /* PR meta */ {
	/* Delay the "focused" status so it's not too annoying when moving the mouse over a list of dimmed items. */
	transition: 0.1s;
	transition-delay: 0.3s;
	transition-property: opacity, margin-bottom;
}

/*
ALL the following rules define the non-focused state
*/

.rgh-dim-bot:not(.rgh-tagged, .navigation-focus, .Details--on) .mb-1, /* Commit titles, dim */
.rgh-dim-bot:not(.rgh-tagged, .navigation-focus) .Box-row--drag-hide { /* PR row, dim */
	opacity: 20%;
	transition-delay: 0s;
}

.rgh-dim-bot:not(.rgh-tagged, .navigation-focus, .Details--on) .mb-1 ~ .d-flex,
.rgh-dim-bot:not(.rgh-tagged, .navigation-focus, .Details--on) > .d-md-block {
	opacity: 0%;
	margin-bottom: -1.6em;
	transition-delay: 0s;
}

.rgh-dim-bot:not(.rgh-tagged, .navigation-focus) .labels, /* PR labels */
.rgh-dim-bot:not(.rgh-tagged, .navigation-focus) .text-small.color-text-secondary /* PR meta */ {
	opacity: 0%;
	margin-bottom: -2em;
	transition-delay: 0s;
}
