@media screen and (max-width: 768px) {
  html body {
    overflow-x: visible;
  }
}

section.block.block-list-events {
  padding-top: var(--spacing-3-xl);
  padding-bottom: var(--spacing-3-xl);
}
@media screen and (max-width: 768px) {
  section.block.block-list-events {
    padding-top: 0px;
  }
}
section.block.block-list-events .container .content {
  max-width: var(--col-10);
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  section.block.block-list-events .container .content {
    max-width: 100%;
  }
}
section.block.block-list-events .container .content .cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacing-l);
}
@media screen and (max-width: 768px) {
  section.block.block-list-events .container .content .cards {
    grid-template-columns: repeat(1, 1fr);
  }
}
section.block.block-list-events .container .categories-selector {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-bottom: 0px;
  padding-bottom: 0px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  section.block.block-list-events .container .categories-selector {
    flex-direction: column;
    background-color: var(--background-primary);
    margin-left: calc((100vw - var(--container-width)) / -2);
    width: 100vw;
    position: sticky;
    top: 80px;
    z-index: 100;
  }
}
section.block.block-list-events .container .categories-selector .line {
  width: var(--line-width, 100px);
  height: 2px;
  background: var(--primary);
  position: absolute;
  bottom: 1px;
  transition: 0.3s ease-in-out;
}
section.block.block-list-events .container .categories-selector .line.line-period {
  left: var(--line-position, calc(100% - 100px));
}
section.block.block-list-events .container .categories-selector .line.line-categories {
  left: var(--line-position, 0px);
}
section.block.block-list-events .container .categories-selector ul#period-selector {
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  section.block.block-list-events .container .categories-selector ul#period-selector {
    justify-content: flex-start;
    display: none;
  }
}
section.block.block-list-events .container .categories-selector ul {
  display: flex;
  gap: var(--spacing-s);
  width: 100%;
  border-bottom: 1px solid #343E49;
  margin-top: 0px;
  margin-bottom: 0px;
}
@media screen and (max-width: 768px) {
  section.block.block-list-events .container .categories-selector ul {
    overflow-x: scroll;
  }
  section.block.block-list-events .container .categories-selector ul li {
    width: fit-content;
    white-space: nowrap;
  }
  section.block.block-list-events .container .categories-selector ul li:first-child {
    margin-left: var(--gutter);
  }
}
section.block.block-list-events .container .categories-selector ul li {
  padding: var(--spacing-s);
  display: block;
  color: rgba(255, 255, 255, 0.4392156863);
  cursor: pointer;
  transition: 0.1s ease-in-out;
  font-weight: 400;
  border-bottom: 2px solid transparent;
}
section.block.block-list-events .container .categories-selector ul li:before {
  margin: 0px;
}
section.block.block-list-events .container .categories-selector ul li.active {
  color: var(--primary);
  font-weight: 400;
  transition: 0.1s ease-in-out;
}