.photo-select{display:grid;place-items:center;background:var(--paper);border-radius:8px;cursor:pointer;font-size:17px;min-width:37px}.photo-select input{display:none}.federation-toggle{margin-top:13px}.uploaded-photo{display:block;width:100%;max-height:280px;object-fit:cover;border-radius:13px;margin-top:10px}
.post-visibility select{max-width:102px;border:0;background:var(--paper);border-radius:8px;padding:7px;font:700 10px var(--brand-body-font);color:var(--teal)}
.tag-select{display:grid;place-items:center;background:var(--paper);border-radius:8px;cursor:pointer;font-size:15px;min-width:37px;position:relative}.tag-select select{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.media-count{font-size:9px;background:var(--teal);color:var(--paper);border-radius:99px;padding:2px 5px}
.photo-dashboard{margin-top:20px;border-top:1px solid var(--line);padding-top:18px}.photo-dashboard h3{margin:0;font-size:17px}.photo-dashboard>p{margin:5px 0 12px;color:var(--muted);font-size:12px}.tagged-media-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.tagged-media-grid figure{margin:0;overflow:hidden;border-radius:12px;background:var(--paper);border:1px solid var(--line)}.tagged-media-grid img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.tagged-media-grid figcaption{padding:7px;font-size:11px;color:var(--ink)}.remove-media-tag{margin:0 7px 8px;padding:5px 7px;border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--teal);font:700 10px var(--brand-body-font);cursor:pointer}
.post-heart{margin-top:8px;border:0;background:transparent;color:var(--teal);font:700 13px var(--brand-body-font);padding:3px 0;cursor:pointer}.post-comments{display:grid;gap:4px;margin-top:6px}.post-comments small{color:var(--muted)}.post-comment-form{display:flex;gap:7px;margin-top:8px}.post-comment-form input{min-width:0;flex:1;border:1px solid var(--line);border-radius:8px;padding:7px;background:var(--paper);font:inherit}.post-comment-form button{border:1px solid var(--line);border-radius:8px;padding:7px 9px;background:var(--paper);color:var(--teal);font:700 11px var(--brand-body-font)}
.activity-dialog{width:min(460px,calc(100vw - 32px));border:0;border-radius:var(--card-radius);padding:24px;background:var(--paper);color:var(--ink)}.activity-dialog::backdrop{background:color-mix(in srgb,var(--ink) 48%,transparent)}.activity-dialog form{display:grid;gap:12px}.activity-dialog .icon-button{justify-self:end}.activity-dialog h2{font-family:var(--brand-heading-font);margin:0}.activity-dialog p{margin:0;color:var(--muted)}#activity-place{display:grid;gap:8px;border-top:1px solid var(--line);padding-top:12px}#activity-place>div{display:grid;gap:3px;padding:8px 0;border-top:1px solid var(--line)}#activity-place>div:first-of-type{border-top:0}#activity-place strong{font-size:13px}#activity-place small{color:var(--muted)}#activity-place a{color:var(--teal);font-weight:700;font-size:12px}.activity-extra{display:grid;grid-template-columns:max-content 1fr;gap:5px 12px;margin:0;padding:10px 0;border-top:1px solid var(--line);font-size:12px}.activity-extra dt{font-weight:800;text-transform:capitalize}.activity-extra dd{margin:0;color:var(--muted)}.activity-media{border-top:1px solid var(--line);padding-top:12px}.activity-media h3{margin:0 0 9px;font-size:14px}.timeline-item[role="button"]{cursor:pointer}.timeline-item[role="button"]:focus-visible{outline:3px solid var(--brand-secondary);outline-offset:3px;border-radius:var(--card-radius)}
