.slider-preview-posts{
  padding:1.875rem 0;
}
@media screen and (min-width:768px){
  .slider-preview-posts{
    padding:3.75rem 0;
  }
}

@media not (min-width:1200px){
  .component__slider-preview-posts .wrapper__content--slider-full-width{
    margin-left:0;
    margin-right:0;
    max-width:none;
    overflow-x:hidden;
    padding-right:0;
    position:relative;
    width:100%;
  }
  .component__slider-preview-posts .slider-preview-posts__wrapper{
    margin-left:calc((100vw - min(100%, var(--grid-container-max-width)))/2 + .5rem);
    overflow:hidden;
  }
}
@media screen and (not (min-width:1200px)) and (min-width:576px){
  .component__slider-preview-posts .slider-preview-posts__wrapper{
    margin-left:calc((100vw - min(100%, var(--grid-container-max-width)))/2 + 1rem);
  }
}
@media screen and (min-width:1200px){
  .component__slider-preview-posts .wrapper__content--slider-full-width{
    margin:0 auto;
    max-width:var(--grid-container-max-width);
    overflow-x:visible;
    padding:0 0 0 1rem;
    position:static;
  }
  .component__slider-preview-posts .slider-preview-posts__wrapper{
    margin-left:0;
    overflow:visible;
    position:static;
    width:auto;
  }
}
@media screen and (min-width:1400px){
  .component__slider-preview-posts .wrapper__content--slider-full-width{
    padding-left:0;
  }
}

.slider-preview-posts__bg-color--transparent{
  background-color:transparent;
}

.slider-preview-posts__bg-color--white{
  background-color:#fff;
}

.slider-preview-posts__bg-color--blue{
  background-color:#f4f8fd;
}

.slider-preview-posts__header{
  margin-bottom:2rem;
}

.slider-preview-posts__header-top{
  align-items:center;
  display:grid;
  gap:.5rem;
  grid-template-columns:2fr auto;
  justify-content:space-between;
}

.slider-preview-posts__header-bottom{
  margin-top:.5rem;
}

.slider-preview-posts__buttons{
  align-items:center;
  display:flex;
  gap:.5rem;
  justify-content:flex-end;
}

.slider-preview-posts__controls{
  display:none;
}
@media screen and (min-width:768px){
  .slider-preview-posts__controls{
    display:inherit;
  }
}

.slider-preview-posts__title{
  margin:initial !important;
}

.slider-preview-posts__description{
  font-size:.875rem;
  margin-top:1rem;
}
@media screen and (min-width:768px){
  .slider-preview-posts__description{
    font-size:1rem;
    width:50%;
  }
}

.slider-preview-posts__slide-link{
  display:block;
  width:100%;
}

.slider-preview-posts__slide-image{
  border-radius:.625rem;
  max-height:22rem;
  -o-object-fit:cover;
     object-fit:cover;
  width:100%;
}

.slider-preview-posts__slide-text{
  padding:.5rem;
}

.slider-preview-posts__slide-subtitle{
  color:#515458;
  display:flex;
  font-family:var(--font-light);
  font-size:.8125rem;
  font-weight:400;
  gap:.5rem;
}
@media screen and (min-width:992px){
  .slider-preview-posts__slide-subtitle{
    font-size:.875rem;
  }
}
@media screen and (min-width:1200px){
  .slider-preview-posts__slide-subtitle{
    font-size:1rem;
  }
}

.slider-preview-posts__slide-title{
  font-family:var(--font-medium);
  font-size:1rem;
  margin:.5rem 0;
}
@media screen and (min-width:768px){
  .slider-preview-posts__slide-title{
    font-size:1.125rem;
  }
}

.slider-preview-posts__slide-description{
  color:#515458;
  font-family:var(--font-light);
  font-size:.875rem;
  font-weight:400;
}
@media screen and (min-width:768px){
  .slider-preview-posts__slide-description{
    font-size:1rem;
  }
}

.slider-preview-posts__heading{
  font-size:1.375rem;
  margin:0;
  padding:0;
}
@media screen and (min-width:768px){
  .slider-preview-posts__heading{
    font-size:1.875rem;
  }
}
@media screen and (min-width:1200px){
  .slider-preview-posts__heading{
    font-size:2.5rem;
  }
}

.slider-preview-posts__slide-title_light{
  font-family:var(--font-light);
  font-size:.8125rem;
  font-weight:400;
}
@media screen and (min-width:768px){
  .slider-preview-posts__slide-title_light{
    font-size:1rem;
  }
}

.slider-preview-posts .media-image{
  border-radius:.625rem;
}

.slider-preview-posts .tns-nav{
  display:flex;
  flex-direction:row;
  gap:.4rem;
  justify-content:center;
  padding-bottom:.5rem;
  padding-top:1rem;
}

.slider-preview-posts .tns-nav button{
  background-color:rgba(0,0,0,.4);
  border:none;
  border-radius:50%;
  cursor:pointer;
  height:8px;
  margin:0;
  padding:0;
  transform:scale(.5);
  transition:all .3s ease-in;
  width:8px;
}

.slider-preview-posts .tns-nav .tns-nav-active{
  background-color:transparent;
  border:2px solid #15a8f1;
  box-sizing:border-box;
  transform:scale(1);
}