@keyframes focusFade {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}
[class*=single-authors--slider--arrows] button svg rect {
  fill: white;
  transition: fill 0.2s;
}
.slick-disabled {
  opacity: 0.2;
}
.slick-disabled rect {
  fill: #FFF;
}
@media (pointer: fine) {
  [class*=single-authors--slider--arrows] button:hover svg rect {
    fill: #E5E5E5;
  }
}
[class*=single-authors--slider--arrows] button:active svg {
  opacity: 0.65;
  opacity: 0.7;
  /* animation: focusFade 0.5s; */
}

.single-post--author-entry .single-post--author--content {
  opacity: 0;
  /* transition: 500s; */
}
.slick-active .single-post--author-entry .single-post--author--content {
  transition: 750ms 300ms;
  opacity: 1;
}

.single .single-authors--slider.slick-initialized .slick-next svg,
.single .single-authors--slider.slick-initialized .slick-prev svg {
  pointer-events: none;
}

.single .single-authors--slider.slick-initialized .slick-slide {
  height: unset;
}

/* resizing */
.single-authors--slider--arrows--mobile .slick-prev + .slick-prev {
  display: none;
}
.single-authors--slider--arrows--mobile .slick-next + .slick-next{
  display: none;
}

#single-post--author .slick-dots button {
  opacity: 0;
}
#single-post--author .slick-dots li {
  border-radius: 50%;
  background-color: #252525;
  height: 0.75rem;
  width: 0.75rem;
  transition: 350ms;
}
#single-post--author .slick-dots .slick-active {
  background: white;
}
#single-post--author .slick-dots {
  /* @apply tf-container; */
  display: flex; 
  flex-wrap: wrap;
  gap: 0.75rem;
  row-gap: 1.25rem;
  margin-top: 3rem;
  margin-bottom: 0;
  margin-inline: auto;
  padding-inline: max(1.5rem, min(2.6905829596vw + 0.8441704036rem, 4.0728699552rem));
}

.single-authors--slider--arrows--mobile .slick-next svg,
.single-authors--slider--arrows--mobile .slick-prev svg {
  width: 4rem;
}

.single-authors--slider--arrows--mobile .slick-prev {
  margin-left:  -12px;
}
.single-authors--slider--arrows--mobile .slick-next {
  margin-right: -12px;
}

@media (min-width: 640px) {
  #single-post--author .slick-dots {
    max-width: 32rem;
    padding-inline: 0;
  }
}
@media (min-width: 768px) {
  #single-post--author .slick-dots {
    display: flex;
    justify-content: center;
  }
}