.content-main {
	.container {
		display: block;

		@media (min-width: 992px) {
			display: grid;
			grid-template-columns: 1fr 280px;
			gap: 1rem;
		}

		.left {
			display: flex;
			flex-direction: column;
			overflow: visible;
			min-width: 0;

			.left-inner {
				position: relative;
				overflow: visible;

				@media (min-width: 640px) {
					display: grid;
					grid-template-columns: minmax(0, 1fr) 280px;
					gap: 1rem;
					align-items: start;
					overflow: visible;
				}

				.left-content {
					overflow: hidden;
					min-width: 0;
				}

				.left-sidebar {
					background-color: var(--color-accent-1);
					padding: 0.5rem;
					font-size: 90%;
					color: var(--color-background-primary);
					position: sticky;
					top: 6rem;
					align-self: start;
					min-width: 0;
					overflow: visible;
					height: fit-content;

					.left-sidebar-container {
						position: relative;

						.box {
							position: relative;
						}
					}
				}
			}
		}

		aside.sidebar {
			background-color: var(--color-background-secondary);
			padding: 0 1rem 1rem 1rem;
			position: relative;
		}
	}
}