@import url("https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css");
.block-link-slider {
  --swiper-navigation-sides-offset: -60px;
  --swiper-pagination-bullet-inactive-color: var(--fg);
  --swiper-pagination-bullet-inactive-opacity: 0.5;
  --swiper-pagination-color: var(--fg);
  --swiper-navigation-color: var(--fg);
  --swiper-navigation-top-offset: 40%;
  --t1: var(--c1);
  --t1-hover: var(--c1-hover);
  --t1-fg: var(--c1-fg);
  --t2: #f0453e;
  --t2-hover: #f86661;
  --t2-fg: var(--c1-fg);
  --t3: #36469d;
  --t3-hover: #4f5fbc;
  --t3-fg: var(--c1);
}
@media (max-width: 1060px) {
  .block-link-slider {
    --swiper-navigation-sides-offset: -50px;
  }
}
@media (max-width: 1024px) {
  .block-link-slider {
    overflow: hidden;
  }
}
.theme-dark .block-link-slider {
  --t1: #000;
  --t1-hover: #333;
  --t1-fg: #fff;
  --t2: #000;
  --t2-hover: #333;
  --t2-fg: #fff;
  --t3: #000;
  --t3-hover: #333;
  --t3-fg: #fff;
}
.block-link-slider .swiper-outer {
  position: relative;
}
.block-link-slider .swiper {
  margin-left: -0.5em;
  margin-right: -0.5em;
  padding-bottom: 4em;
}
.block-link-slider .swiper-wrapper {
  align-items: stretch;
}
.block-link-slider .swiper-slide {
  height: 100% !important;
}
@media (min-width: 768px) {
  .block-link-slider .swiper-slide {
    flex: 0 0 33.3333333333%;
  }
}
@media (max-width: 767px) {
  .block-link-slider .swiper-slide {
    flex: 0 0 75.00001875%;
  }
}
.block-link-slider .swiper-slide .custom-slide > a {
  display: flex;
  padding: 1em 1.5em;
  margin: 0 0.5em;
  background: var(--c1);
  color: var(--c1-fg);
  border-radius: 1em;
  min-height: 8em;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  text-align: center;
  transition: background-color var(--anim-speed) ease-in-out;
}
.block-link-slider .swiper-slide .custom-slide > a > span {
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  font-weight: 500;
  font-size: 20px;
}
@media (max-width: 760px) {
  .block-link-slider .swiper-slide .custom-slide > a > span {
    font-size: 18px;
  }
}
.block-link-slider .swiper-slide.nth-0 .custom-slide > a {
  background: var(--t1);
  color: var(--t1-fg);
}
.block-link-slider .swiper-slide.nth-0 .custom-slide > a:hover {
  background: var(--t1-hover);
}
.block-link-slider .swiper-slide.nth-1 .custom-slide > a {
  background: var(--t2);
  color: var(--t2-fg);
}
.block-link-slider .swiper-slide.nth-1 .custom-slide > a:hover {
  background: var(--t2-hover);
}
.block-link-slider .swiper-slide.nth-2 .custom-slide > a {
  background: var(--t3);
  color: var(--t3-fg);
}
.block-link-slider .swiper-slide.nth-2 .custom-slide > a:hover {
  background: var(--t3-hover);
}