.bc-player{width:250px;margin:2rem 0 0;border-radius:3px;overflow:hidden;background:var(--card);border:1px solid var(--line)}
.bc-player iframe{display:block;width:250px;height:380px;border:0}
/* On wider screens the player floats at the bottom right and the page content
   leaves room for it; on smaller screens it sits under the content instead */
@media (min-width:1200px) and (min-height:700px){
  main:has(.bc-player){padding-right:310px}
  .bc-player{position:fixed;right:1.5rem;bottom:1.5rem;margin:0;z-index:50}
}
/* Hidden on mobile */
@media (max-width:768px){
  .bc-player{display:none}
}