/* Saved friends use the same quiet avatar scale as visitors. Cameras open private pictures. */
.planet-hangout { z-index: 1; }
.planet-hangout[hidden] { display: none; }
.planet-hangout.is-hovered { z-index: 3; }
.planet-hangout-person .planet-keepsake-avatar { width: 34px; height: 34px; border: 1.5px solid var(--planet-ink); }
.planet-hangout-tip { display: none; position: absolute; left: 47px; top: -10px; width: max-content; max-width: min(220px, 60vw); padding: 10px 12px; border: 1px solid var(--planet-line-strong); border-radius: var(--r-sm); background: var(--planet-panel-strong); box-shadow: var(--planet-shadow); }
.planet-hangout.is-hovered .planet-hangout-tip { display: grid; gap: 4px; }
.planet-hangout-tip b { font: 500 .8125rem/1.4 var(--font); }
.planet-hangout-tip small { color: var(--planet-faint); font-size: .75rem; line-height: 1.4; }
.planet-hangout[data-align="left"] .planet-hangout-tip { left: auto; right: 47px; }
.planet-hangout.is-new .planet-person-camera { box-shadow: 0 0 12px #f5d88990; }
.planet-ticker-item.is-hangout { border-color: #f5d88960; }
.planet-ticker-item.is-hangout > i { background: var(--planet-gold, #f5d889); }
.planet-ticker-item [data-hangout-open] { padding: 0; border: 0; color: inherit; background: none; text-align: left; font: inherit; line-height: inherit; cursor: pointer; pointer-events: auto; }
.planet-ticker-item [data-hangout-open] > span { color: #f5d889; }
.planet-ticker-item [data-hangout-open]:hover { text-decoration: underline; text-underline-offset: 3px; }