.cbb-youtube { box-sizing: border-box; inline-size: 100%; min-inline-size: 0; min-block-size: 200px; aspect-ratio: 16 / 9; padding: 1rem; border: 1px solid currentColor; overflow-wrap: anywhere; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: .75rem; }
.cbb-youtube h2, .cbb-youtube p { margin: 0; max-inline-size: 100%; }
.cbb-youtube .cbb-youtube__choices { appearance: auto; display: inline-block; visibility: visible; pointer-events: auto; position: static; transform: none; min-block-size: 44px; max-inline-size: 100%; padding: .6rem 1rem; font: inherit; white-space: normal; cursor: pointer; }
.cbb-youtube .cbb-youtube__choices:disabled { cursor: default; }
.cbb-youtube .cbb-youtube__choices:focus-visible { outline: 3px solid currentColor; outline-offset: 3px; }
.cbb-youtube .cbb-youtube__frame { display: block; position: static; inline-size: 100%; min-inline-size: 200px; block-size: auto; min-block-size: 200px; aspect-ratio: 16 / 9; border: 0; }
@media (max-width: 400px) { .cbb-youtube { aspect-ratio: auto; } }