toot-feed {
  display: block;
  margin: 0 auto;
}

@media (min-width: 992px) {
  toot-feed {
    max-width: 70vw;
  }
}

div.tooted {
}

div.tooted.active > div {
  font-family: Arial, Helvetica, sans-serif;
  background-color: #292929;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  color: #fff;
  border-radius: 5px;
  padding: 16px;
}

div.tooted.active > div {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1em;
}

div.tooted .content {
  display: block;
  background-color: #5C5C5C33;
  border-radius: 5px;
  font-size: 16px;
  line-height: 1.25em;
  padding: 16px;
  flex-basis: 50%;
}

div.tooted a {
  /*color: rgb(103, 151, 235);*/
  word-break: break-all;
  text-decoration: none;
}

div.tooted img {
  display: block;
  max-width: 100%;
  border-radius: 5px;
  height: auto;
}

div.tooted .media {
  display: none;
  border-radius: 5px;
  height: auto;
  flex-basis: 50%;
}

div.tooted .media:first-child {
  display: block;
}

@media (max-width: 991px) {
  div.tooted .media, div.tooted .content {
    flex-basis: 100%;
  }
}

@media (max-width: 991px) {
  div.tooted.active > div {
    flex-flow: row wrap;
  }
}

#carousel-news {
  margin: 20px auto;
}

div.tooted video {
  display: block;
  max-width: 100%;
  border-radius: 5px;
  margin-left: auto;
  margin-right: auto;
  object-fit: contain;
  height: 100%;
  left: 0;
}

small {
  display: block;
  margin: 6px 0;
}

video {
  width: 100%;
}

#carousel-news .carousel-control-next, #carousel-news .carousel-control-prev {
  width: 7rem;
}

#carousel-news .carousel-control-next-icon, #carousel-news .carousel-control-prev-icon {
  width: 4rem;
  height: 4rem;
}