.video-list-item {
  padding: 0 !important;
  position: relative;
  border-radius: 0.25rem;
}
.video-list-item:first-child {
  height: 100%;
}
.video-list-item__img {
  width: 100%;
  height: 120px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.25rem;
}
.video-list-item__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 50%;
  left: 50%;
  border-radius: 50%;
  color: hsla(0, 0%, 100%, 0.4);
  transform: translate(-50%, 50%);
  z-index: 1;
}
.video-list-item__icon:before {
  font-size: 35px;
}
.video-list-item__title {
  display: flex;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding: 0 0.3125rem 0.3125rem 0.3125rem;
  position: absolute;
  bottom: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7959558824) 10%, rgba(1, 1, 1, 0) 85%);
  font-size: 10px;
  color: white;
  border-radius: 0.25rem;
}
.video-list-item__title span {
  padding: 0.3125rem;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}
.video-list-item {
  padding: 0 !important;
  position: relative;
  border-radius: 0.25rem;
}
.video-list-item:first-child {
  height: 100%;
}
.video-list-item__img {
  width: 100%;
  height: 120px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.25rem;
}
.video-list-item__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 50%;
  left: 50%;
  border-radius: 50%;
  color: hsla(0, 0%, 100%, 0.4);
  transform: translate(-50%, 50%);
  z-index: 1;
}
.video-list-item__icon:before {
  font-size: 35px;
}
.video-list-item__title {
  display: flex;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding: 0 0.3125rem 0.3125rem 0.3125rem;
  position: absolute;
  bottom: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7959558824) 10%, rgba(1, 1, 1, 0) 85%);
  font-size: 10px;
  color: white;
  border-radius: 0.25rem;
}
.video-list-item__title span {
  padding: 0.3125rem;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}
.video-list {
  padding-bottom: 0.625rem;
}
.video-list .featured-video-list {
  display: block;
  position: relative;
  border-radius: 0.25rem;
}
.video-list .featured-video-list__img {
  height: 220px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.25rem;
}
.video-list .featured-video-list__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 50%;
  left: 50%;
  border-radius: 50%;
  color: hsla(0, 0%, 100%, 0.4);
  transform: translate(-50%, 50%);
  z-index: 1;
}
.video-list .featured-video-list__icon:before {
  font-size: 70px;
}
.video-list .featured-video-list__title {
  display: flex;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding: 0.9375rem;
  position: absolute;
  bottom: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7959558824) 10%, rgba(1, 1, 1, 0) 85%);
  font-size: 16px;
  color: white;
  border-radius: 0.25rem;
}
.video-list .featured-video-list__title p {
  margin-bottom: 0;
}
.video-list .carousel {
  padding-bottom: 0.9375rem;
}
.video-list .carousel__item {
  max-width: 160px;
}