// =============================================================================
// layout/_sidebar.scss
// =============================================================================

.widget-area {
	.widget {
		border-radius: var(--card-radius);
		overflow: hidden;

		.card-content {
			padding-top: var(--space-3);
		}
	}
}

// Sticky sidebar on desktop.
@include desktop {
	#secondary.widget-area {
		position: sticky;
		top: calc(var(--space-5) + 60px); // 60px = approx navbar height.
		align-self: flex-start;
		max-height: calc(100vh - 100px);
		overflow-y: auto;
		scrollbar-width: thin;
	}
}