[v-cloak]{display:none}
.video-list-component{padding-top:80px;padding-bottom:100px}
@media(max-width:1219px){.video-list-component{padding-top:60px}
}
@media(max-width:767px){.video-list-component{padding-top:40px;padding-bottom:60px}
}
.video-list-component .video-list-container{margin-left:auto;margin-right:auto;max-width:1440px}
.video-list-component .video-list-container .videoListTitle{text-align:center;margin-bottom:40px}
@media(max-width:1219px){.video-list-component .video-list-container .videoListTitle{width:calc(100% - 80px);margin-left:auto;margin-right:auto}
}
@media(max-width:767px){.video-list-component .video-list-container .videoListTitle{margin-bottom:32px}
}
.video-list-component .video-list-container .videoListTitle .link{margin:20px auto 0;width:fit-content}
.video-list-component .videoListContainer .videoListSwiper{padding-left:calc((100vw - 1440px) / 2 - -40px);padding-right:calc((100vw - 1440px) / 2 - -40px)}
@media(max-width:1440px){.video-list-component .videoListContainer .videoListSwiper{padding-left:40px;padding-right:40px}
}
@media(max-width:767px){.video-list-component .videoListContainer .videoListSwiper{padding-left:20px;padding-right:20px}
}
.video-list-component .videoListContainer .videoListSwiper .swiper-slide{max-width:calc((100% - 112px) / 4)}
@media(max-width:1219px){.video-list-component .videoListContainer .videoListSwiper .swiper-slide{max-width:calc((100% - 112px) / 4)}
}
@media(max-width:1023px){.video-list-component .videoListContainer .videoListSwiper .swiper-slide{max-width:calc((100% - 88px) / 3)}
}
@media(max-width:767px){.video-list-component .videoListContainer .videoListSwiper .swiper-slide{max-width:calc((100% - 64px) / 2)}
}
@media(max-width:575px){.video-list-component .videoListContainer .videoListSwiper .swiper-slide{max-width:calc(100% - 40px)}
}
.video-list-component .videoListContainer .videoListSwiper .swiper-slide .videoCard{text-decoration:none}
.video-list-component .videoListContainer .videoListSwiper .swiper-slide .videoCard:has(.videoWrap:hover,.videoTitle:hover) img{opacity:.8}
@media(max-width:1023px){.video-list-component .videoListContainer .videoListSwiper .swiper-slide .videoCard:has(.videoWrap:hover,.videoTitle:hover) img{opacity:.9}
}
.video-list-component .videoListContainer .videoListSwiper .swiper-slide .videoCard:has(.videoWrap:hover,.videoTitle:hover) .videoTitle{color:#00707a}
.video-list-component .videoListContainer .videoListSwiper .swiper-slide .videoCard:has(.videoWrap:active,.videoTitle:active) img{opacity:.8;border:1px solid #757575}
.video-list-component .videoListContainer .videoListSwiper .swiper-slide .videoCard:has(.videoWrap:active,.videoTitle:active) .videoTitle{color:#00626b}
.video-list-component .videoListContainer .videoListSwiper .swiper-slide .videoWrap{width:100%;margin-bottom:12px;padding-top:56.25%;height:0;position:relative;display:block;border-radius:14px;background:#000;border:1px solid #f2f2f2}
.video-list-component .videoListContainer .videoListSwiper .swiper-slide .videoWrap.locked{background:unset}
.video-list-component .videoListContainer .videoListSwiper .swiper-slide .videoWrap.locked img{opacity:.3 !important}
.video-list-component .videoListContainer .videoListSwiper .swiper-slide .videoWrap:not(.locked) span{filter:drop-shadow(0 0 20px rgba(0,0,0,0.2))}
.video-list-component .videoListContainer .videoListSwiper .swiper-slide .videoWrap img{opacity:.9;width:100%;height:100%;position:absolute;aspect-ratio:1.77777778;top:0;left:0;border-radius:12px;object-fit:cover}
.video-list-component .videoListContainer .videoListSwiper .swiper-slide .videoWrap .ribbon{position:absolute;top:12px;right:12px;background:#ff6060;box-shadow:0 4px 20px rgba(0,0,0,0.2);border-radius:4px;padding:2px 8px;font-family:"Roboto";font-size:14px;line-height:16px;font-weight:400;color:#fff}
.video-list-component .videoListContainer .videoListSwiper .swiper-slide .videoWrap span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.video-list-component .videoListContainer .videoListSwiper .swiper-slide .titleWrap{display:flex;padding-bottom:16px;margin-bottom:-8px}
.video-list-component .videoListContainer .videoListSwiper .swiper-slide .titleWrap .videoTitle{text-decoration:none;color:#000;margin:6px 8px 0;font-family:"Poppins";font-weight:500;font-size:18px;line-height:150%;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.video-list-component .videoListContainer .videoListSwiper .swiper-slide .titleWrap .saveTag{height:40px;padding:5px;width:fit-content;margin-right:8px;cursor:pointer}
.video-list-component .videoListContainer .videoListSwiper .swiper-slide .titleWrap .saveTag .unsaved:hover path{fill:#000}
.video-list-component .videoListContainer .videoListSwiper .swiper-slide .titleWrap .saveTag .saved:hover path{fill:#00707a}
.video-list-component .videoListContainer .videoListSwiper .swiper-slide .tags{width:100%;max-height:109px;overflow:hidden}
.video-list-component .videoListContainer .videoListSwiper .swiper-slide .tags span{font-family:"Roboto";font-weight:400;font-size:12px;line-height:14.06px;color:#757575;padding:6px 10px;border-radius:32px;border:1px solid #f2f2f2;white-space:nowrap;display:inline-block;margin-right:8px;margin-top:8px}
.video-list-component .videoListContainer .videoListSwiper .swiper-slide.lastCard .showAllCardWrap{width:100%;padding-top:56.25%;position:relative}
.video-list-component .videoListContainer .videoListSwiper .swiper-slide.lastCard .showAllCardWrap .showAllCard{width:100%;height:100%;aspect-ratio:1.77777778;border-radius:12px;position:absolute;aspect-ratio:1.77777778;top:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#f1e5e3;text-decoration:none}
.video-list-component .videoListContainer .videoListSwiper .swiper-slide.lastCard .showAllCardWrap .showAllCard .icon{height:40px}
.video-list-component .videoListContainer .videoListSwiper .swiper-slide.lastCard .showAllCardWrap .showAllCard .showAllLink{margin-top:8px;color:#00626b}
.video-list-component .videoListContainer .videoListSwiper .swiper-slide.lastCard .showAllCardWrap .showAllCard:hover{background:#e8d8d7}
.video-list-component .videoListContainer .videoListSwiper .swiper-slide.lastCard .showAllCardWrap .showAllCard:active{border:2px solid #00626b}
@media(max-width:767px){.video-list-component .videoListContainer .videoListSwiper .navigation{display:none}
}
.video-list-component .videoListContainer .videoListSwiper .navigation .swiper-button{height:60px;width:60px;opacity:0;transition:.3s}
.video-list-component .videoListContainer .videoListSwiper .navigation .swiper-button:hover svg circle{fill-opacity:.5}
.video-list-component .videoListContainer .videoListSwiper .navigation .swiper-button:active svg circle{fill-opacity:.6}
.video-list-component .videoListContainer .videoListSwiper .navigation .videoList-swiper-button-next{right:20px}
.video-list-component .videoListContainer .videoListSwiper .navigation .videoList-swiper-button-prev{left:20px}
.video-list-component .videoListContainer .videoListSwiper .navigation .swiper-button-prev:after,.video-list-component .videoListContainer .videoListSwiper .navigation .swiper-button-next:after{content:none}
.video-list-component .videoListContainer .videoListSwiper .navigation .swiper-button-disabled{opacity:0 !important;z-index:-10}
.video-list-component .videoListContainer:hover .videoListSwiper .navigation .swiper-button{opacity:1}