@charset "utf-8";

@-webkit-keyframes shimmering { 
  100% { background-position-x: 0px; }
}

@keyframes shimmering { 
  100% { background-position-x: 0px; }
}

.carousel-skeleton { padding-top: 32px; position: relative; }

@media (min-width: 880px) {
  .carousel-skeleton { padding-bottom: 40px; padding-top: 46px; }
}

.carousel-skeleton__buttons-wrapper { display: flex; gap: 19px; padding-bottom: 32px; padding-top: 32px; }

@media (min-width: 880px) {
  .carousel-skeleton__buttons-wrapper { margin-top: 0px; padding-bottom: 40px; padding-top: 46px; position: absolute; right: 0px; top: 0px; }
}

.carousel-skeleton__title { border-radius: 4px; height: 2.4rem; margin-bottom: 42px; width: 100%; --anim-base-color: #dcdee8; --anim-shimmer-color: #e7e8ef; animation: 1.5s linear 0s infinite normal none running shimmering; background-image: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-position-x: 100%; background-size: 300%; }

@media (min-width: 1200px) {
  .carousel-skeleton__title { height: 2.8rem; }
}

@media screen and (prefers-reduced-motion: reduce) {
  .carousel-skeleton__title { animation: auto ease 0s 1 normal none running none; }
}

@media screen and (max-width: 879px) {
  .carousel-skeleton__title { width: 40%; }
}

@media screen and (min-width: 880px) {
  .carousel-skeleton__title { width: 30%; }
}

.carousel-skeleton__btn { border-radius: 4px; height: 2.4rem; width: 100%; --anim-base-color: #dcdee8; --anim-shimmer-color: #e7e8ef; animation: 1.5s linear 0s infinite normal none running shimmering; background-image: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-position-x: 100%; background-size: 300%; }

@media (min-width: 1200px) {
  .carousel-skeleton__btn { height: 2.8rem; }
}

@media screen and (prefers-reduced-motion: reduce) {
  .carousel-skeleton__btn { animation: auto ease 0s 1 normal none running none; }
}

.carousel-skeleton__btn--round { border-radius: 9999px; width: 26px; }

.carousel-skeleton__items { display: flex; gap: 28px; overflow-x: hidden; }

.carousel-skeleton__item { -webkit-box-flex: 0; flex: 0 0 240px; }

@media (min-width: 1200px) {
  .carousel-skeleton__item { -webkit-box-flex: 0; flex: 0 0 292px; }
}

.carousel-skeleton--square-cards .card-article-s-skeleton { background: rgb(50, 50, 50); border-radius: 16px; padding: 16px; }

.carousel-skeleton--square-cards .card-article-s-skeleton__img { aspect-ratio: 1 / 1; }

.carousel-skeleton--dark { background: transparent; position: relative; }

.carousel-skeleton--dark::before { background: rgb(32, 32, 32); content: ""; display: block; height: 100%; left: 50%; margin-left: -50vw; margin-right: -50vw; position: absolute; right: 50%; top: 0px; width: 100vw; z-index: -1; }

.carousel-skeleton--dark .carousel-skeleton__btn, .carousel-skeleton--dark .carousel-skeleton__title { --anim-base-color: #414141; --anim-shimmer-color: #494949; }