Untitled

.performance-data {

	&[data-initially-hidden="true"] .performance-data__inner {

		@nest .js  & {
			opacity: 0;
		}
	}

	&[data-initially-hidden="false"] .performance-data__inner {
		opacity: 1;
	}
}

.performance-data__inner {
	transition: opacity 0.3s;
}

.performance-data__toolbar {
	margin-bottom: var(--pad-xl);

	@media (--bp-medium) {
		align-items: center;
		display: flex;
		justify-content: space-between;
	}

	& .custom-select {
		border-color: var(--c-accent);

		& select {
			font-family: var(--f-serif);

			& option {
				font-family: var(--f-sans);
			}
		}
	}
}

.performance-data__toolbar.is-sticky {
	display: inline-block;
	position: sticky;
	top: 106px;
	z-index: 990;
	
	& .custom-select {
		background: rgb(255, 255, 255);
	}
}

.performance-data__actions {
	display: flex;
	margin-top: var(--pad-lg);

	@media (--bp-medium) {
		margin-top: 0;
	}
}

.performance-data__item {

	@nest .js & {
		display: none;

		&[aria-selected="true"] {
			display: block;
		}
	}
}