.youtube-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding-left: 0;
  list-style: none; }
  .youtube-list__item {
    max-width: 210px;
    width: calc( 100% / 3 - 10px * 2 ); }
    .youtube-list__item a {
      position: relative;
      display: block; }
      .youtube-list__item a:before {
        content: "";
        position: absolute;
        background-color: #EE0000;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        max-width: 40px;
        width: 20%;
        max-height: 28px;
        height: 25%;
        border-radius: 20%/20%; }
      .youtube-list__item a:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: 0;
        height: 0;
        border-style: solid;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-left: 10px solid #ffffff;
        border-right: 0; }
    .youtube-list__item img {
      width: 100%;
      border-radius: 16px;
      overflow: hidden;
      aspect-ratio: 16 / 8.9;
      object-fit: cover; }

/*# sourceMappingURL=front.css.map */