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