.kbvp-grid-wrap{--kbvp-columns:3;--kbvp-columns-tablet:2;--kbvp-columns-mobile:1;--kbvp-gap:24px;--kbvp-aspect-ratio:16 / 9;--kbvp-modal-width:960px}.kbvp-grid{display:grid;grid-template-columns:repeat(var(--kbvp-columns),minmax(0,1fr));gap:var(--kbvp-gap,24px);width:100%}.kbvp-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:16px;background:#fff;border-radius:18px;box-sizing:border-box;overflow:hidden}.kbvp-title,.kbvp-description{margin:0}.kbvp-title{font-size:20px;line-height:1.25;font-weight:700;color:#111}.kbvp-description{font-size:15px;line-height:1.55;color:#4b5563}.kbvp-media{position:relative;width:100%;aspect-ratio:var(--kbvp-aspect-ratio,16 / 9);background:#101010;border-radius:14px;overflow:hidden;isolation:isolate}.kbvp-thumb{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:#161616;background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}.kbvp-thumb::after{content:"";position:absolute;inset:0;z-index:2;background:rgb(0 0 0 / .22);pointer-events:none;transition:opacity 180ms ease}.kbvp-inline-video,.kbvp-media iframe,.kbvp-modal-frame iframe,.kbvp-modal-frame video{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}.kbvp-inline-video{z-index:1;background:#101010}.kbvp-provider-placeholder{position:absolute;inset:0;z-index:1;background:linear-gradient(135deg,rgb(255 255 255 / .08),#fff0 45%),linear-gradient(135deg,#202020,#0d0d0d)}.kbvp-thumb.kbvp-has-poster .kbvp-provider-placeholder{display:none}.kbvp-poster-overlay{position:absolute;inset:0;z-index:3;display:flex;box-sizing:border-box;padding:24px;pointer-events:none;transition:opacity 180ms ease;overflow:hidden}.kbvp-poster-overlay__background{position:absolute;inset:0;z-index:0;pointer-events:none}.kbvp-poster-overlay__content{position:relative;z-index:1;display:flex;flex-direction:column;gap:8px;max-width:min(82%, 680px)}.kbvp-poster-overlay__title,.kbvp-poster-overlay__description{box-sizing:border-box;margin:0;padding:0;color:#fff;text-shadow:0 2px 12px rgb(0 0 0 / .38)}.kbvp-poster-overlay__title{font-size:24px;line-height:1.18;font-weight:700}.kbvp-poster-overlay__description{font-size:15px;line-height:1.45;font-weight:400}.kbvp-overlay-pos-left-top{align-items:flex-start;justify-content:flex-start;text-align:left}.kbvp-overlay-pos-left-center{align-items:center;justify-content:flex-start;text-align:left}.kbvp-overlay-pos-left-bottom{align-items:flex-end;justify-content:flex-start;text-align:left}.kbvp-overlay-pos-center-top{align-items:flex-start;justify-content:center;text-align:center}.kbvp-overlay-pos-center-center{align-items:center;justify-content:center;text-align:center}.kbvp-overlay-pos-center-bottom{align-items:flex-end;justify-content:center;text-align:center}.kbvp-overlay-pos-right-top{align-items:flex-start;justify-content:flex-end;text-align:right}.kbvp-overlay-pos-right-center{align-items:center;justify-content:flex-end;text-align:right}.kbvp-overlay-pos-right-bottom{align-items:flex-end;justify-content:flex-end;text-align:right}.kbvp-play{position:relative;z-index:4;display:inline-flex;align-items:center;justify-content:center;width:68px;height:68px;padding:0;border:0;border-radius:999px;background:#fff;box-shadow:0 12px 28px rgb(0 0 0 / .22);cursor:pointer;transition:transform 160ms ease,box-shadow 160ms ease,opacity 160ms ease}.kbvp-play:hover,.kbvp-play:focus-visible{transform:scale(1.06);box-shadow:0 16px 34px rgb(0 0 0 / .28);outline:none}.kbvp-play svg{width:42%;height:42%;margin-left:5%;fill:#111}.kbvp-card.is-playing .kbvp-play,.kbvp-card.is-playing .kbvp-thumb::after,.kbvp-card.is-playing .kbvp-poster-overlay{opacity:0;pointer-events:none}.kbvp-card.is-playing .kbvp-inline-video{z-index:5;object-fit:contain;background:#000}.kbvp-card.is-playing .kbvp-media iframe{z-index:5}.kbvp-modal{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:24px;background:rgb(0 0 0 / .74);box-sizing:border-box}.kbvp-modal__dialog{position:relative;width:min(var(--kbvp-modal-width, 960px), calc(100vw - 48px));max-height:calc(100vh - 48px);background:#000;border-radius:16px;box-shadow:0 24px 80px rgb(0 0 0 / .42);overflow:hidden}.kbvp-modal-frame{position:relative;width:100%;aspect-ratio:var(--kbvp-aspect-ratio,16 / 9);background:#000}.kbvp-modal__close{position:absolute;top:10px;right:10px;z-index:10;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:0;border-radius:999px;background:rgb(0 0 0 / .72);color:#fff;font-size:26px;line-height:1;cursor:pointer;transition:background 160ms ease,transform 160ms ease}.kbvp-modal__close:hover,.kbvp-modal__close:focus-visible{background:rgb(0 0 0 / .92);transform:scale(1.05);outline:none}body.kbvp-modal-open{overflow:hidden}@media (max-width:1024px){.kbvp-grid{grid-template-columns:repeat(var(--kbvp-columns-tablet),minmax(0,1fr))}}@media (max-width:767px){.kbvp-grid{grid-template-columns:repeat(var(--kbvp-columns-mobile),minmax(0,1fr))}.kbvp-poster-overlay{padding:16px}.kbvp-poster-overlay__title{font-size:20px}.kbvp-poster-overlay__description{font-size:14px}.kbvp-modal{padding:14px}.kbvp-modal__dialog{width:calc(100vw - 28px);max-height:calc(100vh - 28px);border-radius:12px}}