.video-block{width:100%;max-width:24rem;margin:1.5rem auto}@media (min-width:640px){.video-block{max-width:28rem}}@media (min-width:768px){.video-block{max-width:32rem}}.video-block__frame{background:#f3f4f6;border-radius:.5rem;width:100%;height:12rem;position:relative;overflow:hidden;box-shadow:0 10px 24px #0f172a1f}@media (min-width:640px){.video-block__frame{height:14rem}}@media (min-width:768px){.video-block__frame{height:16rem}}@media (min-width:1024px){.video-block__frame{height:18rem}}.video-block__loading,.video-block__player{width:100%;height:100%}.video-block__loading{background:#000;border-radius:.75rem;justify-content:center;align-items:center;display:flex}.video-block__spinner{border:2px solid #0000;border-bottom-color:#fff;border-radius:9999px;width:2rem;height:2rem;animation:1s linear infinite video-block-spin}.video-block__poster{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%}.video-block__cover{object-fit:cover;width:100%;height:100%}.video-block__title-wrap{text-align:center;margin-top:.75rem}.video-block__title{-webkit-line-clamp:2;color:#1e293b;-webkit-box-orient:vertical;margin:0;font-size:.875rem;font-weight:500;display:-webkit-box;overflow:hidden}.dark .video-block__frame{background:#1f2937}.dark .video-block__title{color:#e2e8f0}@keyframes video-block-spin{to{transform:rotate(1turn)}}