/* Public visibility uses the same device ranges as the block style renderer. */
@media (min-width:1024px) {
  body:not(.ok-page-builder-active):not(:has(.ok-block-preview)) .ok-block-hidden-desktop { display:none!important; }
  .ok-block-preview .ok-block-hidden-desktop { opacity:.35; outline:1px dashed #94a3b8; }
}
@media (min-width:640px) and (max-width:1023px) {
  body:not(.ok-page-builder-active):not(:has(.ok-block-preview)) .ok-block-hidden-tablet { display:none!important; }
  .ok-block-preview .ok-block-hidden-tablet { opacity:.35; outline:1px dashed #94a3b8; }
}
@media (max-width:639px) {
  body:not(.ok-page-builder-active):not(:has(.ok-block-preview)) .ok-block-hidden-mobile { display:none!important; }
  .ok-block-preview .ok-block-hidden-mobile { opacity:.35; outline:1px dashed #94a3b8; }
}
/* Keep hidden blocks selectable while editing their target device. */
.ok-page-builder[data-preview-viewport="base"] .ok-block-hidden-desktop,
.ok-page-builder[data-preview-viewport="tablet"] .ok-block-hidden-tablet,
.ok-page-builder[data-preview-viewport="mobile"] .ok-block-hidden-mobile { opacity:.35; outline:1px dashed #94a3b8; }