html{font-family:system-ui,sans-serif}span.spinner{width:2em;height:2em;border:.3em solid CanvasText;border-bottom-color:transparent;border-radius:50%;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}details>summary>h2{display:inline}#public-section,#private-section{display:grid;grid-template-columns:repeat(auto-fill,minmax(17em,1fr));gap:.5em .5em}li.card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:repeat(2,minmax(1fr,min-content));gap:.2em .5em;padding:.5em;border:thin solid;border-radius:1em;>img{grid-column:1;grid-row:1 / 3;height:3em;width:3em;align-self:center;padding:.5em;box-sizing:border-box;border-radius:1em;background-color:color-mix(in srgb,CanvasText 10%,transparent)}>h3{grid-row:1;grid-column:2;margin:0;text-align:center}>p{grid-row:2;grid-column:2;margin:0;text-align:center}}li.card.encrypted>form{grid-column:1 / 3;grid-row:1 / 3;display:flex;flex-direction:column;justify-content:space-between;row-gap:.5em;align-items:center}#sections-indicators{position:absolute;top:0;right:0;margin:.5em;display:flex;gap:.25em;>li{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:.2em solid;font-size:small;font-weight:800;width:1.25em;height:1.25em;padding:.05em;color:gray}>li.ok{color:green}>li.empty{color:orange}}