/**
 *  - v1.8.37
 * 
 * Copyright (c) 2022
 * Licensed GPLv2+
 */

.ct-trending-block {
  padding: var(--padding, 30px) 0;
}
.ct-trending-block > div {
  display: grid;
  grid-template-columns: var(--grid-template-columns);
  grid-column-gap: 30px;
  grid-row-gap: 20px;
  margin-bottom: 5px;
}
@media (min-width: 690px) and (max-width: 999.98px) {
  .ct-trending-block > div {
    --grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1000px) {
  .ct-trending-block > div {
    --grid-template-columns: repeat(4, 1fr);
  }
}
.ct-trending-block > div.ct-leave-active > a, .ct-trending-block > div.ct-leave > a {
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.ct-trending-block > div.ct-leave-active > a:nth-of-type(1), .ct-trending-block > div.ct-leave > a:nth-of-type(1) {
  transition-delay: 0s;
}
.ct-trending-block > div.ct-leave-active > a:nth-of-type(2), .ct-trending-block > div.ct-leave > a:nth-of-type(2) {
  transition-delay: 0.15s;
}
.ct-trending-block > div.ct-leave-active > a:nth-of-type(3), .ct-trending-block > div.ct-leave > a:nth-of-type(3) {
  transition-delay: 0.25s;
}
.ct-trending-block > div.ct-leave-active > a:nth-of-type(4), .ct-trending-block > div.ct-leave > a:nth-of-type(4) {
  transition-delay: 0.35s;
}
.ct-trending-block > div.ct-leave-active > a {
  opacity: 1;
  transform: translateY(0);
}
.ct-trending-block > div.ct-leave > a {
  opacity: 0;
  transform: translateY(3px);
}
.ct-trending-block > div.ct-enter-active > a, .ct-trending-block > div.ct-active > a {
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.ct-trending-block > div.ct-enter-active > a:nth-of-type(1), .ct-trending-block > div.ct-active > a:nth-of-type(1) {
  transition-delay: 0s;
}
.ct-trending-block > div.ct-enter-active > a:nth-of-type(2), .ct-trending-block > div.ct-active > a:nth-of-type(2) {
  transition-delay: 0.15s;
}
.ct-trending-block > div.ct-enter-active > a:nth-of-type(3), .ct-trending-block > div.ct-active > a:nth-of-type(3) {
  transition-delay: 0.25s;
}
.ct-trending-block > div.ct-enter-active > a:nth-of-type(4), .ct-trending-block > div.ct-active > a:nth-of-type(4) {
  transition-delay: 0.35s;
}
.ct-trending-block > div.ct-enter-active > a {
  opacity: 0;
  transform: translateY(3px);
}
.ct-trending-block > div.ct-active > a {
  opacity: 1;
  transform: translateY(0);
}
.ct-trending-block .ct-block-title {
  --fontSize: 15px;
  grid-column: 1/-1;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  --headings-color: var(--color);
}
.ct-trending-block .ct-block-title > svg {
  margin-top: 4px;
  margin-inline-start: 10px;
}
.ct-trending-block a {
  display: flex;
  align-items: center;
  --linkInitialColor: var(--color);
}
.ct-trending-block .ct-image-container {
  flex: 0 0 60px;
  border-radius: 100%;
  margin-inline-end: 20px;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.ct-trending-block .ct-item-title {
  word-break: break-word;
}
.ct-trending-block [class*=ct-arrow] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 23px;
  height: 23px;
  cursor: pointer;
  background: transparent;
  border-radius: 2px;
  opacity: 0.5;
  border: 1px solid var(--color);
  transition: var(--transition);
}
.ct-trending-block [class*=ct-arrow]:before {
  content: "";
  width: 5px;
  height: 5px;
  border: 1px solid currentColor;
  border-right: none;
  border-bottom: none;
}
.ct-trending-block [class*=ct-arrow]:hover {
  opacity: 1;
  color: #fff;
  border-color: var(--paletteColor1);
  background: var(--paletteColor1);
}
.ct-trending-block .ct-arrow-left {
  margin-inline-start: auto;
  margin-inline-end: 8px;
  padding-left: 1px;
}
.ct-trending-block .ct-arrow-left:before {
  transform: rotate(-45deg);
}
.ct-trending-block .ct-arrow-right {
  padding-right: 1px;
}
.ct-trending-block .ct-arrow-right:before {
  transform: rotate(135deg);
}
.ct-trending-block [data-page="1"] .ct-arrow-left,
.ct-trending-block [data-page*=last] .ct-arrow-right {
  opacity: 0.2;
  pointer-events: none;
}