/* Start:/local/components/i2hard/events.list/templates/.default/style.css?17946625176192*/
/* Ивенты: список /events/. Карточка — разметкой ленты сайта (.feed_main .feed__item), дата — строкой под описанием.
   Вкладки «Предстоящие / Прошедшие» — подчёркиванием, как разделы журнала. */

/* линия — под описанием раздела, как на остальных разделах сайта; под вкладками линии нет, подчёркнута только активная */
.events-bar { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 50px; }
.events-tabs { display: flex; gap: 36px; }
.events-tabs__tab { position: relative; display: block; padding: 0 0 16px; font-size: 20px; line-height: 1.3; font-weight: 500; letter-spacing: -.02em; color: #a0a0a6; text-decoration: none; white-space: nowrap; transition: color .15s; }
.events-tabs__tab:hover { color: #23222a; text-decoration: none; }
.events-tabs__count { position: relative; top: -2px; margin-left: 4px; font-size: 12px; font-weight: 400; letter-spacing: 0; color: #a0a0a6; vertical-align: top; }
.events-tabs__tab_active, .events-tabs__tab_active:hover { color: #23222a; }
.events-tabs__tab_active::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: #6d59ff; }
.events-bar__tools { display: flex; align-items: center; gap: 16px; padding-bottom: 16px; }
.events-sort { display: flex; align-items: center; gap: 8px; color: #23222a; font-size: 13px; line-height: 20px; font-weight: 300; text-decoration: none; white-space: nowrap; }
.events-sort:hover { color: #6d59ff; }
.events-filter-open { display: none; align-items: center; gap: 8px; height: 36px; padding: 0 12px; border: 2px solid #ebebed; border-radius: 2px; background: #fff; color: #23222a; font: inherit; font-size: 13px; font-weight: 300; cursor: pointer; }

/* карточка: плашка и город, заголовок, текст — как в ленте; под текстом — когда */
.events-item_cancelled { opacity: .7; }
.events-item .info { flex-wrap: wrap; }
.events-item__text { max-width: 760px; }
.events-chip { margin-right: 20px; padding: 0 10px; border-radius: 2px; font-size: 12px; line-height: 25px; font-weight: 400; white-space: nowrap; }
.events-chip_live { background: #6d59ff; color: #fff; }
.events-chip_cancelled { background: #fff1de; color: #9a4f00; }
.events-when { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin-top: 22px; font-size: 14px; line-height: 20px; color: #23222a; }
.events-when svg { flex: none; }
.events-when__date { font-weight: 500; white-space: nowrap; }
.events-when__wd, .events-when__cd { white-space: nowrap; }
.events-when__wd { color: #a0a0a6; }
.events-when__cd { font-size: 13px; color: #6d59ff; }
.events-when__wd::before, .events-when__cd::before { content: "·"; margin-right: 10px; color: #c9c8d1; }

.events-empty { padding: 50px 30px; background: #fff; box-shadow: 0 0 7px rgba(0,0,0,.07); border-radius: 2px; text-align: center; }
.events-empty__title { margin: 0 0 14px; font-size: 16px; font-weight: 400; }
.events-empty__reset { display: inline-flex; align-items: center; height: 45px; padding: 0 30px; border: 1px solid #e5e5eb; border-radius: 2px; color: #6d59ff; font-size: 14px; font-weight: 400; }
.events-pagination { margin-top: 50px; }

/* пока подгружается новая вкладка, фильтр или страница — старый список бледнеет */
[data-events-main] { transition: opacity .15s; }
.events-loading [data-events-main], .events-loading #events-filter { opacity: .45; pointer-events: none; }

/* фильтр в правой колонке сайта: её ширина, а не каталожные 200–250 px (на планшете и телефоне — окно на весь экран, как в каталоге) */
@media (min-width: 1024px) { .events-filter { min-width: 0; width: auto; } }
.events-filter__more { display: flex; align-items: center; gap: 6px; align-self: flex-start; padding: 0; border: 0; background: none; color: #6d59ff; font: inherit; font-size: 12px; cursor: pointer; }
.events-filter__more::after { content: ""; width: 7px; height: 4px; margin-top: 2px; background: url('data:image/svg+xml,%3Csvg width="7" height="4" viewBox="0 0 12 8" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m1 1.5 5 5 5-5" fill="none" stroke="%236D59FF" stroke-width="2.4"/%3E%3C/svg%3E') no-repeat center / contain; transition: transform .2s; }
.catalog-filter__section_expanded .events-filter__more::after { transform: rotate(180deg); }
.events-filter__buttons { flex-direction: row; align-items: center; gap: 16px; }
.events-filter__apply { height: 45px; padding: 0 30px; border: 0; border-radius: 2px; background: #6d59ff; color: #fff; font: inherit; font-size: 14px; font-weight: 400; cursor: pointer; }
.events-filter__reset { color: #6d59ff; font-size: 12px; font-weight: 400; }
/* при включённом JS фильтр применяется сразу — кнопка нужна только на планшете и телефоне, где фильтр в окне */
.events-js .events-filter__apply { display: none; }

@media (max-width: 1023px) {
	.events-filter-open { display: flex; }
	.events-js .events-filter__apply { display: block; }
	.events-filter__buttons { position: sticky; bottom: 0; padding: 15px 0; background: #fff; }
}
@media (max-width: 767px) {
	.events-bar { flex-wrap: wrap; align-items: flex-start; gap: 0; margin-bottom: 30px; }
	.events-tabs { width: 100%; gap: 28px; }
	.events-tabs__tab { padding-bottom: 12px; font-size: 18px; }
	.events-bar__tools { width: 100%; justify-content: space-between; padding: 16px 0 0; }
	.events-when { margin-top: 16px; }
	/* правая колонка сайта на телефоне скрыта, а фильтр открывается окном поверх страницы — колонку на это время показываем */
	.content__col-right.events-right_open { display: block; position: static; width: 0; height: 0; }
}

/* End */
/* /local/components/i2hard/events.list/templates/.default/style.css?17946625176192 */