.gab-bg-wrap {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
}

.gab-bg-wrap canvas {
  display: block;
  width: 100%;
  height: 100%;
}

body:has(#gab-bg-wrap) {
  background: transparent !important;
}

#gab-bg-wrap.gab-front {
  z-index: -1;
}

#gab-bg-wrap.gab-admin {
  z-index: 0;
}

#gab-bg-wrap.gab-admin + * {
  position: relative;
  z-index: 1;
}

body.wp-admin #wpwrap,
body.wp-admin #adminmenuwrap,
body.wp-admin #adminmenuback,
body.wp-admin #wpcontent,
body.wp-admin #wpfooter,
body.wp-admin .wrap,
body.wp-admin #screen-meta {
  background: transparent !important;
}

body.wp-admin #wpwrap,
body.wp-admin #wpcontent,
body.wp-admin #wpbody,
body.wp-admin #wpbody-content,
body.wp-admin .update-nag,
body.wp-admin .notice,
body.wp-admin .wrap,
body.wp-admin .postbox,
body.wp-admin .card,
body.wp-admin .form-table,
body.wp-admin .widefat,
body.wp-admin .dashboard-widget,
body.wp-admin .components-card {
  position: relative;
  z-index: 1;
}

body.wp-admin .postbox,
body.wp-admin .card,
body.wp-admin .components-card,
body.wp-admin .widefat,
body.wp-admin .notice,
body.wp-admin .update-nag,
body.wp-admin .wrap .form-table,
body.wp-admin .dashboard-widget,
body.wp-admin .dashboard-widget-wrap {
  background-color: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(6px);
}
