/* Obsidian Folio: what "Edit my Folio" can switch on the folio itself.
   html[data-portrait] is the portrait's layout ("storm" is the folio as built; folio.js sets the others).
   html[data-own-portrait] marks a portrait the owner uploaded: the built-in cut-out that leans out of the
   frame belongs to the built-in photo, so it steps aside. */
html[data-own-portrait] .hero-cutout { display: none !important; }

/* circle and frame: the photo alone, clean-edged, without the storm around it */
html[data-portrait="circle"] .portrait-card, html[data-portrait="frame"] .portrait-card { -webkit-mask: none !important; mask: none !important; overflow: hidden; }
html[data-portrait="circle"] .hero-portrait, html[data-portrait="frame"] .hero-portrait { -webkit-mask: none !important; mask: none !important; }
html[data-portrait="circle"] .hero-cutout, html[data-portrait="frame"] .hero-cutout,
html[data-portrait="circle"] .pm-wall, html[data-portrait="frame"] .pm-wall,
html[data-portrait="circle"] .portrait-orbit, html[data-portrait="frame"] .portrait-orbit,
html[data-portrait="circle"] .pm-net, html[data-portrait="frame"] .pm-net { display: none !important; }
html[data-portrait="circle"] .portrait-card { border-radius: 50% !important; aspect-ratio: 1 / 1; box-shadow: 0 0 0 1px rgba(201,204,214,.55), 0 0 0 7px rgba(155,123,255,.16), 0 30px 70px -30px #000 !important; }
html[data-portrait="circle"] .hero-portrait { border-radius: 50% !important; }
html[data-portrait="frame"] .portrait-card { border-radius: 22px !important; box-shadow: 0 0 0 1px rgba(155,123,255,.65), 0 30px 70px -30px #000 !important; }
html[data-portrait="frame"] .hero-portrait { border-radius: 22px !important; }

/* a way to reach the owner that has not been filled in stays out of the footer */
.site-footer .social[hidden] { display: none !important; }

/* html[data-visitor]: the public page (not the owner's preview). A blank picture that had to stay is not shown. */
html[data-visitor] img[data-blank] { visibility: hidden; }