.hopa-vg,.hopa-vg *{box-sizing:border-box}.hopa-vg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.hopa-vg-item{min-width:0}.hopa-vg-media{position:relative;display:block;width:100%;padding:0;overflow:hidden;border:0;cursor:default;background:#111;aspect-ratio:16/9;isolation:isolate}.hopa-vg-media::after{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;transition:opacity .2s ease}.hopa-vg-media:hover::after,.hopa-vg-media:focus-visible::after{opacity:0}.hopa-vg-player,.hopa-vg-player iframe,.hopa-vg-player video,.hopa-vg-poster{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;object-fit:cover}.hopa-vg-poster{z-index:2}.hopa-vg-play-icon{display:none;position:absolute;z-index:4;top:50%;left:50%;width:82px;height:82px;transform:translate(-50%,-50%);border-radius:50%;border:6px solid rgb(255 255 255 / .97);background:radial-gradient(circle at 35% 30%,rgb(255 255 255 / .10) 0%,rgb(60 60 60 / .26) 28%,rgb(28 28 28 / .58) 65%,rgb(15 15 15 / .72) 100%);box-shadow:0 3px 8px rgb(0 0 0 / .45),0 1px 2px rgb(255 255 255 / .22) inset;pointer-events:auto;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.hopa-vg-play-icon::after{content:none}.hopa-vg-play-icon::before{content:'';position:absolute;z-index:1;left:25px;top:20px;border-top:18px solid #fff0;border-bottom:18px solid #fff0;border-left:30px solid rgb(255 255 255 / .98);filter:drop-shadow(0 1px 2px rgb(0 0 0 / .35))}.hopa-vg-item.has-overlay-play:not(.is-ipcamlive):not(.is-external):not(.media-playing) .hopa-vg-play-icon{display:block}.hopa-vg-item.has-overlay-play .hopa-vg-media:hover .hopa-vg-play-icon{transform:translate(-50%,-50%) scale(1.02)}.hopa-vg-caption{line-height:1.3}.hopa-vg-modal{position:fixed;inset:0;z-index:999999;display:none;align-items:center;justify-content:center;padding:24px}.hopa-vg-modal.is-open{display:flex}.hopa-vg-modal-backdrop{position:absolute;inset:0;background:rgb(0 0 0 / .82)}.hopa-vg-modal-dialog{position:relative;z-index:1;width:88vw;max-width:1400px;max-height:calc(100vh - 48px);padding:24px;overflow:auto;border-radius:10px;background:#111;box-shadow:0 20px 70px rgb(0 0 0 / .5)}.hopa-vg-modal-title{padding:0 44px 0 0;color:#fff}.hopa-vg-modal-media{position:relative;width:100%;overflow:hidden;background:#000;aspect-ratio:16/9}.hopa-vg-modal-media iframe,.hopa-vg-modal-media video{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:contain}.hopa-vg-modal-close{position:absolute;z-index:2;top:8px;right:10px;width:42px;height:42px;padding:0;border:0;border-radius:50%;color:#fff;background:rgb(255 255 255 / .12);font:32px/38px Arial,sans-serif;cursor:default}html.hopa-vg-modal-open{overflow:hidden}@media (max-width:767px){.hopa-vg-modal{padding:10px}.hopa-vg-modal-dialog{width:96vw;max-height:calc(100vh - 20px);padding:14px}.hopa-vg-play-icon{width:60px;height:60px;border-width:5px}.hopa-vg-play-icon::after{content:none}.hopa-vg-play-icon::before{left:18px;top:13px;border-top-width:14px;border-bottom-width:14px;border-left-width:23px}}.hopa-vg-caption-link{color:#0a66c2;text-decoration:underline;text-underline-offset:2px;cursor:default;transition:color .18s ease,text-decoration-color .18s ease}.hopa-vg-caption-link:hover,.hopa-vg-caption-link:focus-visible{color:#064f9e;text-decoration-thickness:2px}.hopa-vg-item.is-external .hopa-vg-media:hover::after,.hopa-vg-item.is-external .hopa-vg-media:focus-visible::after{opacity:.45}.hopa-vg-item.is-external .hopa-vg-play-icon{display:none}.hopa-vg-external-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:18px;color:#fff;font:700 16px/1.25 Arial,sans-serif;text-align:center;background:linear-gradient(135deg,#0f6ea8,#13a6b6)}.hopa-vg-external-placeholder span{display:inline-block;padding:8px 12px;border:1px solid rgb(255 255 255 / .45);border-radius:999px;background:rgb(0 0 0 / .18)}.hopa-vg-external-badge{position:absolute;z-index:5;right:10px;bottom:10px;padding:5px 9px;border-radius:999px;color:#fff;background:rgb(0 0 0 / .7);font:700 11px/1 Arial,sans-serif;letter-spacing:.03em;text-transform:uppercase;pointer-events:none}.hopa-vg-item.is-external .hopa-vg-media{cursor:pointer}.hopa-vg-player iframe,.hopa-vg-player video{z-index:1}.hopa-vg-item.media-playing .hopa-vg-play-icon{display:none!important}