.bc-demo-embed{display:inline-block;width:100%;max-width:720px}.bc-demo-embed__trigger{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;margin:0;border:0;background:0 0;border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}.bc-demo-embed__trigger:focus-visible,.bc-demo-embed__trigger:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(14,31,56,.18)}.bc-demo-embed__trigger:focus-visible{outline:2px solid var(--color-blue-azure-100,#256BE8);outline-offset:3px}.bc-demo-embed__poster{display:block;width:100%;height:100%;object-fit:cover}.bc-demo-embed__poster--placeholder{background:linear-gradient(135deg,var(--color-blue-azure-100,#256be8),var(--color-blue-night-100,#0e1f38))}.bc-demo-embed__overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,31,56,0) 0,rgba(14,31,56,.55) 100%);transition:background .25s ease;pointer-events:none}.bc-demo-embed__trigger:focus-visible .bc-demo-embed__overlay,.bc-demo-embed__trigger:hover .bc-demo-embed__overlay{background:linear-gradient(180deg,rgba(14,31,56,.1) 0,rgba(14,31,56,.7) 100%)}.bc-demo-embed__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;font-size:14px;font-weight:600;box-shadow:0 8px 24px rgba(14,31,56,.25);transition:transform .18s ease,background .18s ease;pointer-events:none}.bc-demo-embed__trigger:hover .bc-demo-embed__play{transform:translate(-50%,-50%) scale(1.04)}.bc-demo-embed__play-icon{flex:0 0 auto}.bc-demo-embed__play--color-azure-blue{background:var(--color-blue-azure-100,#256be8);color:var(--color-white,#fff)}.bc-demo-embed__play--color-dark-blue{background:var(--color-blue-night-100,#0e1f38);color:var(--color-white,#fff)}.bc-demo-embed__play--color-magenta{background:var(--color-magenta-100,#e0006c);color:var(--color-white,#fff)}.bc-demo-embed__play--color-yellow{background:var(--color-yellow-100,#ffdf1a);color:var(--color-blue-night-100,#0e1f38)}.bc-demo-embed--style-button{display:inline-block;width:auto;max-width:none}.bc-demo-embed__button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:0;border-radius:999px;font-size:15px;font-weight:600;line-height:1;cursor:pointer;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.bc-demo-embed__button:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(14,31,56,.2)}.bc-demo-embed__button:focus-visible{outline:2px solid var(--color-blue-azure-100,#256BE8);outline-offset:3px}.bc-demo-embed__button-icon{flex:0 0 auto}.bc-demo-embed__button--color-azure-blue{background:var(--color-blue-azure-100,#256be8);color:var(--color-white,#fff)}.bc-demo-embed__button--color-dark-blue{background:var(--color-blue-night-100,#0e1f38);color:var(--color-white,#fff)}.bc-demo-embed__button--color-magenta{background:var(--color-magenta-100,#e0006c);color:var(--color-white,#fff)}.bc-demo-embed__button--color-yellow{background:var(--color-yellow-100,#ffdf1a);color:var(--color-blue-night-100,#0e1f38)}.bc-demo-embed__modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:24px}.bc-demo-embed__modal.is-open{display:flex}.bc-demo-embed__backdrop{position:absolute;inset:0;background:rgba(14,31,56,.78);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.bc-demo-embed__dialog{position:relative;width:100%;max-width:1200px;background:var(--color-white,#fff);border-radius:12px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.45)}.bc-demo-embed__close{position:absolute;top:8px;right:8px;z-index:2;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:var(--color-white,#fff);color:var(--color-blue-night-100,#0e1f38);font-size:24px;line-height:1;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.2);transition:transform .15s ease,background .15s ease}.bc-demo-embed__close:focus-visible,.bc-demo-embed__close:hover{transform:scale(1.05);background:var(--color-blue-azure-10,#f4f8fe)}.bc-demo-embed__close:focus-visible{outline:2px solid var(--color-blue-azure-100,#256BE8);outline-offset:2px}.bc-demo-embed__frame{position:relative;width:100%;aspect-ratio:16/9;background:#000}.bc-demo-embed__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}body.bc-demo-embed-open{overflow:hidden}@media (max-width:640px){.bc-demo-embed__modal{padding:12px}.bc-demo-embed__play{padding:8px 14px;font-size:13px}.bc-demo-embed__close{width:32px;height:32px;font-size:20px}}@media (prefers-reduced-motion:reduce){.bc-demo-embed__close,.bc-demo-embed__overlay,.bc-demo-embed__play,.bc-demo-embed__trigger{transition:none}.bc-demo-embed__trigger:focus-visible,.bc-demo-embed__trigger:hover{transform:none}.bc-demo-embed__trigger:hover .bc-demo-embed__play{transform:translate(-50%,-50%)}}