Почему не работает sticky?
Не знаю почему, но методом исключения заметил, что это свойство не работает из-за наличия следующего правилаhtml, body {
    overflow-x: hidden;
}
P.S. Если задать его не обоим тегам сразу (HTML и body), а только одному (например, только body), то  блок с position:sticky работает корректно Результат, если это правило закомментировать (всё работает)
https://codepen.io/hisbvdis/pen/BaBvKaa
Нужно сделать чтобы сайдбар был во всю высоту (убрать align-self: flex-start) и добавить внутрь еще один див (например .filters) и перенести стили:.filters {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	padding: 0 21px 25px;
	box-shadow: 0 0 30px #f1f1f1;
	background-color: #ffffff;
}<div class="sidebar">
	<div class="filters">...</div>
</div>