.b-video{position:relative;display:block;width:100%;aspect-ratio:var(--b-video-ratio, 16 / 9);border-radius:var(--b-video-radius, 12px);background:var(--b-video-background, #000);overflow:hidden}.b-video__poster{width:100%;height:100%;object-fit:var(--b-video-poster-fit, cover)}.b-video__frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.b-video__play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;width:100%;border:0;background:var(--b-video-overlay, rgba(0, 0, 0, .12));cursor:pointer}.b-video__play-icon{width:var(--b-video-play-size, 64px);height:var(--b-video-play-size, 64px);border-radius:50%;background:var(--b-video-play-background, rgba(0, 0, 0, .68));color:var(--b-video-play-color, #fff);position:relative}.b-video__play-icon:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:0;height:0;border-inline-start:calc(var(--b-video-play-size, 64px) * .275) solid currentColor;border-block:calc(var(--b-video-play-size, 64px) * .175) solid transparent;transform:translate(.2rem)}.b-video__play:focus-visible .b-video__play-icon{outline:3px solid #fff;outline-offset:3px}.b-video-modal{display:flex;justify-content:var(--b-video-trigger-align, center)}.b-video-modal__trigger{display:inline-flex;align-items:center;justify-content:center;gap:var(--b-video-trigger-gap, 12px);box-sizing:border-box;min-height:52px;padding:var(--b-video-trigger-pad-top, 10px) var(--b-video-trigger-pad-right, 20px) var(--b-video-trigger-pad-bottom, 10px) var(--b-video-trigger-pad-left, 12px);border:0;border-radius:var(--b-video-trigger-radius, 999px);background:var(--b-video-trigger-background, #dcfce7);color:var(--b-video-trigger-color, #14532d);cursor:pointer}.b-video-modal--full .b-video-modal__trigger{width:100%}.b-video-modal__trigger .b-video__play-icon{--b-video-play-size: var(--b-video-trigger-icon-size, 44px);flex:0 0 auto;width:var(--b-video-trigger-icon-size, 44px);height:var(--b-video-trigger-icon-size, 44px);background:var(--b-video-trigger-icon-background, #16a34a);color:var(--b-video-trigger-icon-color, #fff)}.b-video-modal__trigger:focus-visible{outline:3px solid color-mix(in srgb,var(--b-video-trigger-color, #14532d) 38%,transparent);outline-offset:3px}.b-video-modal__dialog{box-sizing:border-box;width:min(var(--b-video-modal-width, 960px),calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;border:0;border-radius:var(--b-video-modal-radius, 20px);background:transparent;color:#fff;overflow:visible}.b-video-modal__dialog::backdrop{background:var(--b-video-modal-overlay, rgba(2, 6, 23, .82))}.b-video-modal__surface{position:relative;width:100%;aspect-ratio:var(--b-video-ratio, 16 / 9);border-radius:inherit;background:var(--b-video-background, #000);overflow:hidden}.b-video-modal__stage,.b-video-modal__frame,.b-video-modal__video{display:block;width:100%;height:100%}.b-video-modal__frame{border:0}.b-video-modal__video{object-fit:contain}.b-video-modal__close{position:absolute;inset-block-start:10px;inset-inline-end:10px;z-index:2;display:grid;place-items:center;box-sizing:border-box;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#0f172ac7;color:#fff;font:28px/1 sans-serif;cursor:pointer}.b-video-modal__close:focus-visible{outline:3px solid #fff;outline-offset:2px}@media (max-width: 767px){.b-video-modal__dialog{width:calc(100vw - 20px)}}