@layer cavalree.system {
	.c-content-sidebar {
		--c-content-sidebar--gap: 0rem;
		--c-content-sidebar--gap--block: var(--c-content-sidebar--gap);
		--c-content-sidebar--gap--inline: var(--c-content-sidebar--gap);
		--c-content-sidebar--place: normal;
		--c-content-sidebar--place--block: var(--c-content-sidebar--place);
		--c-content-sidebar--place--inline: var(--c-content-sidebar--place);
		--c-content-sidebar--ratio: 1;
		--c-content-sidebar--threshold: var(--c--size--threshold, 50rem);

		align-items: var(--c-content-sidebar--place--block);
		column-gap: var(--c-content-sidebar--gap--inline);
		display: block flex;
		flex-wrap: wrap;
		justify-content: var(--c-content-sidebar--place--inline);
		row-gap: var(--c-content-sidebar--gap--block);
	}

	.c-content-sidebar_item {
		--_c-content-sidebar_item--floor: 0px;
		--_c-content-sidebar_item--gap-allocation--content: calc(var(--c-content-sidebar--gap--inline) * var(--_c-content-sidebar_item--share--content));
		--_c-content-sidebar_item--gap-allocation--sidebar: calc(var(--c-content-sidebar--gap--inline) * var(--_c-content-sidebar_item--share--sidebar));
		--_c-content-sidebar_item--grow--content: 1000;
		--_c-content-sidebar_item--grow--sidebar: 1;
		--_c-content-sidebar_item--share--content: calc(var(--c-content-sidebar--ratio) / (var(--c-content-sidebar--ratio) + 1));
		--_c-content-sidebar_item--share--sidebar: calc(1 / (var(--c-content-sidebar--ratio) + 1));
		--_c-content-sidebar_item--size--content: var(--c-content-sidebar_item--size--content, calc(100cqi * var(--_c-content-sidebar_item--share--content) - var(--_c-content-sidebar_item--gap-allocation--content)));
		--_c-content-sidebar_item--size--sidebar: var(--c-content-sidebar_item--size--sidebar, max(var(--_c-content-sidebar_item--threshold) - var(--_c-content-sidebar_item--gap-allocation--sidebar), (100cqi * var(--_c-content-sidebar_item--share--sidebar) - var(--_c-content-sidebar_item--gap-allocation--sidebar))));
		--_c-content-sidebar_item--threshold: calc(var(--c-content-sidebar--threshold) * var(--_c-content-sidebar_item--share--sidebar));

		:not([data-first="sidebar"i]) > & {
			--_c-content-sidebar_item--flex-basis--1: var(--_c-content-sidebar_item--floor);
			--_c-content-sidebar_item--flex-basis--2: var(--_c-content-sidebar_item--size--sidebar);
			--_c-content-sidebar_item--flex-grow--1: var(--_c-content-sidebar_item--grow--content);
			--_c-content-sidebar_item--flex-grow--2: var(--_c-content-sidebar_item--grow--sidebar);
			--_c-content-sidebar_item--min-inline-size--1: var(--_c-content-sidebar_item--size--content);
			--_c-content-sidebar_item--min-inline-size--2: var(--_c-content-sidebar_item--floor);
		}

		[data-first="sidebar"i] > & {
			--_c-content-sidebar_item--flex-basis--1: var(--_c-content-sidebar_item--size--sidebar);
			--_c-content-sidebar_item--flex-basis--2: var(--_c-content-sidebar_item--floor);
			--_c-content-sidebar_item--flex-grow--1: var(--_c-content-sidebar_item--grow--sidebar);
			--_c-content-sidebar_item--flex-grow--2: var(--_c-content-sidebar_item--grow--content);
			--_c-content-sidebar_item--min-inline-size--1: var(--_c-content-sidebar_item--floor);
			--_c-content-sidebar_item--min-inline-size--2: var(--_c-content-sidebar_item--size--content);
		}

		&:nth-child(1) {
			flex-basis: var(--_c-content-sidebar_item--flex-basis--1);
			flex-grow: var(--_c-content-sidebar_item--flex-grow--1);
			min-inline-size: var(--_c-content-sidebar_item--min-inline-size--1);
		}

		&:nth-child(2) {
			flex-basis: var(--_c-content-sidebar_item--flex-basis--2);
			flex-grow: var(--_c-content-sidebar_item--flex-grow--2);
			min-inline-size: var(--_c-content-sidebar_item--min-inline-size--2);
		}

		&:nth-child(n + 3) {
			display: none !important;
		}
	}
}