:root {
  --feedback-background: rgba(43,48,43,.97);
  --feedback-foreground: #f6f4ed;
  --feedback-border: 1px solid rgba(255,255,255,.16);
  --feedback-shadow: 0 8px 24px #0004;
}
.place-people-preview { display:flex; align-items:center; justify-content:center; gap:5px; position:relative; font-family:'Instrument Sans',sans-serif; }
.place-portrait.place-portrait { position:relative; flex:none; width:32px; height:32px; padding:0; border:1px solid rgba(255,255,255,.35); border-radius:50%; background:rgba(255,255,255,.12); color:inherit; display:grid; place-items:center; overflow:visible; cursor:pointer; }
.place-portrait.place-portrait img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; border-radius:inherit; }
.place-portrait:focus-visible,.place-people-more summary:focus-visible { outline:2px solid currentColor; outline-offset:3px; }
.place-people-more { position:relative; }
.place-people-more summary { display:grid; place-items:center; list-style:none; width:36px; height:36px; cursor:pointer; font-size:12px; }
.place-people-more summary::-webkit-details-marker { display:none; }
.place-people-list { position:absolute; right:0; bottom:100%; width:210px; max-width:calc(100vw - 32px); max-height:240px; overflow:auto; overscroll-behavior:contain; padding:8px; border-radius:14px; background:var(--panel-tint,rgba(40,42,39,.92)); z-index:20; box-shadow:0 8px 24px #0003; }
.place-people-list > div { display:flex; align-items:center; gap:9px; min-height:44px; font-size:13px; text-align:left; }
.place-people-list > div > span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
@media(pointer:coarse){.place-portrait.place-portrait {width:44px;height:44px}.place-people-more summary{width:44px;height:44px}}

.place-room-markers {display:flex;justify-content:center;gap:12px;padding:8px}
.place-room-marker {width:10px;height:10px;border-radius:50%;background:#b6b9af;border:1px solid #b6b9af}
.place-room-marker--available {background:transparent;border-color:#b8d2b0}
.spatial-destination-card--expanded:has(.place-people-more[open]){overflow:visible}
.place-people-list.manyplace-panel-glass__inset{box-sizing:border-box;background:var(--feedback-background);border:1px solid rgba(255,255,255,.16);box-shadow:0 8px 24px #0004}
.place-people-preview:has(.place-people-more[open]){z-index:30}

.place-portrait::after {content:attr(data-name);position:absolute;bottom:calc(100% + 7px);left:50%;transform:translateX(-50%);max-width:180px;width:max-content;padding:6px 9px;border-radius:8px;background:var(--feedback-background);color:var(--feedback-foreground);font:12px/1.3 'Instrument Sans',sans-serif;white-space:normal;overflow-wrap:anywhere;pointer-events:none;z-index:40;visibility:hidden}
.place-portrait:not([data-tooltip-dismissed]):is(:hover,:focus-visible)::after {visibility:visible}



.place-portrait::after, .place-people-list.manyplace-panel-glass__inset {border:var(--feedback-border);box-shadow:var(--feedback-shadow);}