/* Manual subscription preview control as a separate bottom document row. */
#f-theme .bl-sub__preview,
.bl-sub__preview[data-preview-controls] {
  position: static !important;
  display: block !important;
  clear: both !important;
  width: min(420px, calc(100% - 24px)) !important;
  max-width: calc(100% - 24px) !important;
  margin: 12px auto 0 !important;
  padding: 6px !important;
  z-index: auto !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
  box-sizing: border-box !important;
}
#f-theme .bl-sub__preview button,
.bl-sub__preview[data-preview-controls] button {
  min-height: 34px !important;
  padding: 6px 10px !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
}
#f-theme .bl-sub__preview span,
.bl-sub__preview[data-preview-controls] span {
  font-size: 10px !important;
  line-height: 1.2 !important;
}
@media (max-width: 767px) {
  #f-theme .bl-sub__preview,
  .bl-sub__preview[data-preview-controls] {
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
    margin: 12px auto 0 !important;
  }
}