/* Same consumer markup and theme projection. These rules provide only the
 * platform mechanics normally supplied by the native dialog top layer. */
.sf-dialog--polyfilled:not([open]) { display: none; }
.sf-dialog--polyfilled[open]:not(.sf-drawer) {
  display: block;
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translateY(-50%);
}
.sf-dialog--polyfilled + .backdrop,
._dialog_overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; }
.sf-dialog--polyfilled + .backdrop { background: var(--sf-dialog-backdrop, rgba(26, 35, 50, .65)); }
.sf-drawer.sf-dialog--polyfilled + .backdrop { background: rgba(0, 0, 0, .35); }
.sf-dialog--polyfilled [hidden] { display: none !important; }
/* Current owned opener state outranks generic page focus rules, including
 * compiled legacy selector lists, independently of stylesheet order. */
:root body [data-sf-dialog-opener-input="keyboard"]:focus {
  outline: 3px solid var(--wp--preset--color--sf-action, #0073c4);
  outline-offset: 3px;
}
:root body [data-sf-dialog-opener-input="pointer"]:focus { outline: 0; }