.family-people-filter{flex-wrap:wrap;align-items:center;gap:10px;max-width:100%;margin:0 0 18px;padding:3px 0;display:flex}.family-people-filter .family-person-filter{width:52px;height:52px;color:var(--foreground);cursor:pointer;background:0 0;border:2px solid #0000;border-radius:50%;flex:0 0 52px;justify-content:center;align-items:center;padding:4px;display:flex;position:relative}.family-people-filter .family-person-filter[aria-pressed=true]{border-color:var(--primary)}.family-people-filter .family-person-filter:focus-visible{outline:2px solid var(--foreground);outline-offset:3px}.family-people-filter .family-person-filter:disabled{opacity:.55;cursor:default}.family-person-all{background:var(--secondary);width:40px;height:40px;color:var(--foreground);border-radius:50%;justify-content:center;align-items:center;display:flex}.family-person-filter .sqd-member-avatar{border:0;font-size:14px}.family-person-selected{border:2px solid var(--background);background:var(--primary);width:17px;height:17px;color:var(--primary-foreground);pointer-events:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:-1px;right:-1px}.family-people-filter-compact{flex-wrap:nowrap;flex:none;gap:6px;margin:0;padding:0}.family-people-filter-compact .family-person-filter{border-width:2px;flex:0 0 40px;width:40px;height:40px;padding:2px}.family-people-filter-compact .family-person-all{width:32px;height:32px}.family-people-filter-compact .family-person-filter[aria-pressed=true]{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent)}.family-greeting{justify-content:space-between;align-items:center;gap:12px;margin:0 0 16px;display:flex}.family-greeting h1{letter-spacing:-.5px;min-width:0;margin:0;font-size:25px;line-height:1.15}.family-home-customise{justify-content:center;margin:18px 0 6px;display:flex}.family-card-replies,.family-match-card{margin:0 0 14px}.family-share-notice{color:#214b34;margin:0 0 10px;font-size:13px}.family-home .family-greeting h1,.family-overview .family-greeting h1{margin:0;font-size:25px;line-height:1.15}.family-greeting h1:focus:not(:focus-visible){outline:none}.family-card-replies-single .availability-reply legend{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.family-card-replies .family-reply-name{font-size:13px;font-weight:700}.family-greeting-tools{flex:none;align-items:center;gap:8px;display:flex}.family-greeting-tools .family-settings{position:relative}.family-greeting-tools .family-settings summary{background:var(--card);border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;min-height:40px;padding:0;display:flex}.family-greeting-tools .family-settings summary span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.family-greeting-tools .family-settings-panel{z-index:40;width:min(300px,100vw - 32px);position:absolute;top:100%;right:0}@media (max-width:400px){.family-home .family-greeting h1,.family-overview .family-greeting h1{font-size:22px}}@media (max-width:350px){.family-people-filter-compact{gap:2px}.family-greeting-tools{gap:4px}}.family-people-filter-compact .family-person-filter{aspect-ratio:1;width:40px;min-width:40px;height:40px;min-height:40px;max-height:40px;box-shadow:none;border:0;border-radius:50%;padding:0;overflow:visible}.family-people-filter-compact .family-person-filter[aria-pressed=true]{box-shadow:0 0 0 2px var(--primary);background:0 0}.family-people-filter-compact .family-person-filter .sqd-member-avatar{object-fit:cover;border-radius:50%;width:100%;min-width:0;height:100%;min-height:0}.family-people-filter-compact .family-person-all{border-radius:50%;width:100%;height:100%}.family-people-filter-compact .family-person-selected{width:15px;height:15px;bottom:0;right:0}
