.bb-modal { position: fixed; inset: 0; z-index: 9999; display: flex;
  align-items: flex-start; justify-content: center; padding: 2rem 1rem;
  overflow-y: auto; background: rgba(0,0,0,.6); transition: opacity .2s ease; }
.bb-modal[aria-hidden="true"] { opacity: 0; visibility: hidden; pointer-events: none; }
.bb-modal__panel { position: relative; width: 100%; max-width: 720px; min-height: 400px;
  background: #fff; border-radius: 6px; padding: 2.75rem 1.25rem 1.25rem; }
.bb-modal__close { position: absolute; top: .5rem; right: .75rem; border: 0;
  background: none; font-size: 1.75rem; line-height: 1; cursor: pointer; }
body.bb-modal-open { overflow: hidden; }