/* Hide the pixels, not merely blur them. Include open previews and new imports. */
html.po-privacy :is(.app-root,dialog) :is(img:not(.brand-logo):not(.po-login-logo),canvas,video){visibility:hidden!important}
html.po-privacy :is(:has(>img.po-thumbnail),.po-avatar:has(img),.avatar:has(img),.gallery-photo-button:has(img),.lightbox-stage:has(img),.import-photo:has(img),#gallery-cover-preview:has(img:not([hidden]))){background:var(--tblr-bg-surface-secondary);position:relative}
html.po-privacy :is(:has(>img.po-thumbnail),.po-avatar:has(img),.avatar:has(img),.gallery-photo-button:has(img),.lightbox-stage:has(img),.import-photo:has(img),#gallery-cover-preview:has(img:not([hidden]))):after{content:'\ecf0';font-family:tabler-icons!important;position:absolute;inset:0;display:grid;place-items:center;font-size:24px;color:var(--tblr-secondary-color);pointer-events:none}
html.po-privacy :is(:has(>img.po-thumbnail),.po-avatar:has(img),.avatar:has(img),.gallery-photo-button:has(img),.lightbox-stage:has(img),.import-photo:has(img),#gallery-cover-preview:has(img:not([hidden])))>i{visibility:hidden}
#themeToggle{position:relative}
.po-privacy-indicator{display:none;position:absolute;right:0;bottom:0;font-size:12px;line-height:16px;width:16px;height:16px;border-radius:50%;background:var(--tblr-bg-surface);color:var(--tblr-primary);box-shadow:0 0 0 2px var(--tblr-bg-surface)}
.po-privacy .po-privacy-indicator{display:grid;place-items:center}
.po-privacy-settings{border-top:1px solid var(--tblr-border-color);margin-top:8px;padding:16px}
.po-privacy-settings .form-check{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0;margin:0}
.po-privacy-settings .form-check-input{float:none;margin:0;flex-shrink:0}
.po-privacy-settings .form-hint{margin-top:8px;line-height:1.5}

#themeToggle .po-privacy-indicator{font-size:12px!important;line-height:16px}.po-privacy-settings .form-switch .form-check-input{width:36px;height:20px;min-width:36px;min-height:20px;border-radius:20px}
#privacy-mode {
  background-color:#716872;
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");
  background-repeat:no-repeat;
  background-size:20px 20px;
  background-position:left center;
  border-color:#716872;
}
#privacy-mode:checked { background-position:right center; background-color:#b52869; border-color:#b52869; }
#privacy-mode:focus-visible { outline:2px solid #ffb8d8; outline-offset:3px; }

