.cc-video-grid-overview .op-video-grid-overview__wrap{width:min(100%,var(--page-width, 1320px));margin-inline:auto;padding-inline:var(--gutter, 20px);box-sizing:border-box}.op-video-grid{margin-top:16px;width:100%;max-width:100%;box-sizing:border-box}.op-video-grid__list{display:grid;gap:20px;grid-template-columns:repeat(1,minmax(0,1fr));width:100%;max-width:100%;box-sizing:border-box}.op-video-grid__item{min-width:0;width:100%;overflow:hidden;border:1px solid #0000001f;border-radius:16px;background:#fff}.op-video-grid__thumb{aspect-ratio:16 / 9;min-height:220px;background:#f4f4f4}.op-video-grid__thumb img{width:100%;height:100%;object-fit:cover}.op-video-grid__thumb-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#faf4ef,#f1f1f1)}.op-video-grid__thumb-placeholder .media__placeholder{width:100%;height:100%}.op-video-grid__play-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.op-video-grid__play-btn{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;padding:14px 22px;font-size:1.5rem;font-weight:600;background:#000000b8;color:#fff;cursor:pointer;transition:transform .2s ease,background-color .2s ease}.op-video-grid__play-btn .icon{width:22px;height:22px}.op-video-grid__play-btn:hover{transform:translateY(-1px);background:#fc6106}.op-video-grid__meta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:18px 20px}.op-video-grid__title{margin:0;min-width:0;font-size:clamp(1.8rem,.8vw + 1.5rem,2.2rem);line-height:1.35;overflow-wrap:anywhere;word-break:break-word}.op-video-grid__duration{margin:0;white-space:nowrap;font-weight:600;justify-self:end}.op-video-grid__modal.modal{box-sizing:border-box;padding:24px;overflow:hidden}.op-video-grid__modal.modal .modal__window.op-video-grid__modal-window{max-width:1320px!important;min-width:0;width:100%;max-height:calc(100dvh - 48px);margin:0!important;overflow:hidden;background:#111;color:#fff}.op-video-grid__player{display:block;width:100%;aspect-ratio:16 / 9;max-height:calc(100dvh - 140px);background:#000}.op-video-grid__iframe,.op-video-grid__native-video{display:block;width:100%;height:100%;border:0}.op-video-grid__native-video{object-fit:cover;background:#000}@media(max-width:1023.98px){.op-video-grid__meta{grid-template-columns:minmax(0,1fr);row-gap:4px}.op-video-grid__duration{justify-self:start}}@media(min-width:900px){.op-video-grid__list{grid-template-columns:repeat(2,minmax(0,1fr))}.op-video-grid__thumb{min-height:260px}}@media(min-width:1200px){.op-video-grid__list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:767.98px){.op-video-grid__modal.modal{padding:0}.op-video-grid__modal.modal .modal__window.op-video-grid__modal-window{width:100%;max-width:100%!important;height:100dvh;max-height:100dvh;margin:0!important;border-radius:0;box-sizing:border-box;overflow:hidden}.op-video-grid__player{width:100%;height:100%;max-height:100%;aspect-ratio:auto;overflow:hidden}.op-video-grid__iframe,.op-video-grid__native-video{width:100%;height:100%}.op-video-grid__native-video{object-fit:contain}}@media(max-width:1023.98px){.op-video-grid__modal.modal{padding:12px}.op-video-grid__modal.modal .modal__window.op-video-grid__modal-window{max-height:calc(100dvh - 24px)}.op-video-grid__player{max-height:calc(100dvh - 80px)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/video-grid-overview.css.map */