.shared-context-diagram-module__M4S-KG__diagram{grid-template-columns:minmax(0,1fr);align-items:center;max-width:25rem;margin-inline:auto;display:grid}.shared-context-diagram-module__M4S-KG__conversation{z-index:1;border:1px solid var(--color-border);background:#ffffffd9;border-radius:1.5rem;flex-direction:column;align-self:stretch;padding:1.25rem;display:flex;position:relative}.shared-context-diagram-module__M4S-KG__person{align-items:center;gap:.75rem;display:flex}.shared-context-diagram-module__M4S-KG__portrait{background:var(--color-subtle);border-radius:50%;flex:0 0 3.5rem;height:3.5rem;position:relative;overflow:hidden}.shared-context-diagram-module__M4S-KG__yourPhoto{object-fit:cover;object-position:50% 28%;transform-origin:50% -25%;transform:scale(1.5)}.shared-context-diagram-module__M4S-KG__partnerPhoto{object-fit:cover;object-position:80% 25%;transform-origin:110% 0;transform:scale(2)}.shared-context-diagram-module__M4S-KG__name{font-size:1rem;font-weight:600;line-height:1.5}.shared-context-diagram-module__M4S-KG__privateLabel{color:var(--color-secondary);align-items:flex-start;gap:.375rem;margin-top:.375rem;font-size:.875rem;line-height:1.4;display:flex}.shared-context-diagram-module__M4S-KG__privateLabel svg{margin-top:.125rem}.shared-context-diagram-module__M4S-KG__exampleMessages{gap:1rem;padding-block:1.25rem;font-size:.875rem;line-height:1.6;display:grid}.shared-context-diagram-module__M4S-KG__exampleLabel{color:var(--color-secondary);font-size:.75rem}.shared-context-diagram-module__M4S-KG__speaker{color:var(--color-secondary);margin-bottom:.375rem;font-size:.75rem;font-weight:600}.shared-context-diagram-module__M4S-KG__userMessage,.shared-context-diagram-module__M4S-KG__recoyMessage{border-radius:1rem;padding:.75rem}.shared-context-diagram-module__M4S-KG__userMessage{background:var(--color-blue-100);border-bottom-right-radius:.25rem}.shared-context-diagram-module__M4S-KG__recoyMessage{background:var(--color-blue-50);border-bottom-left-radius:.25rem}.shared-context-diagram-module__M4S-KG__guidance{border-top:1px solid var(--color-border);text-align:center;margin-top:auto;padding-top:1rem;font-size:.875rem;font-weight:600}.shared-context-diagram-module__M4S-KG__connector{justify-content:center;align-items:center;min-height:6.5rem;display:flex;position:relative}.shared-context-diagram-module__M4S-KG__connector:before{content:"";inset-block:0;background:var(--color-blue-300);width:1px;position:absolute;left:50%}.shared-context-diagram-module__M4S-KG__filter{border:1px solid var(--color-blue-200);background:var(--color-blue-50);text-align:center;border-radius:1rem;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;line-height:1.4;display:flex;position:relative}.shared-context-diagram-module__M4S-KG__filter svg{width:1.75rem;height:1.75rem}.shared-context-diagram-module__M4S-KG__context{border:1px solid var(--color-blue-200);background:var(--color-blue-50);text-align:center;border-radius:1.5rem;flex-direction:column;align-items:center;gap:1rem;padding:1.75rem 1rem;display:flex;position:relative}.shared-context-diagram-module__M4S-KG__contextTitle{font-size:1.125rem;font-weight:600}.shared-context-diagram-module__M4S-KG__context>p:last-child{color:var(--color-secondary);font-size:.875rem;line-height:1.6}@media (min-width:64rem){.shared-context-diagram-module__M4S-KG__diagram{grid-template-columns:minmax(0,1fr) 5rem minmax(0,.78fr) 5rem minmax(0,1fr);max-width:none}.shared-context-diagram-module__M4S-KG__conversation{padding:1.25rem}.shared-context-diagram-module__M4S-KG__person{flex-wrap:wrap}.shared-context-diagram-module__M4S-KG__connector{min-height:5.5rem}.shared-context-diagram-module__M4S-KG__connector:before{inset-inline:0;width:auto;height:1px;top:50%}.shared-context-diagram-module__M4S-KG__filter{flex-direction:column;gap:.5rem;padding:.75rem .5rem}}@media (min-width:80rem){.shared-context-diagram-module__M4S-KG__diagram{grid-template-columns:minmax(0,1fr) 6.5rem minmax(0,.8fr) 6.5rem minmax(0,1fr)}.shared-context-diagram-module__M4S-KG__person{flex-wrap:nowrap}}