Logto började med CIAM av olika skäl (vi kommer att ha en annan artikel som pratar om detta). Under utvecklingen insåg vi att det skulle vara fördelaktigt att bygga en enhetlig förståelse inom teamet innan vi tar vår produkt till nästa nivå. Vi hoppas också att detta hjälper dig att få en bättre förståelse för IAM-landskapet.
GaoFounder
Sluta slösa veckor på användarautentisering
Lansera säkra appar snabbare med Logto. Integrera användarautentisering på några minuter och fokusera på din kärnprodukt.
Jag började bygga Logto eftersom jag märkte att Identity and Access Management (IAM) hade blivit allt mer komplext och omfattande över tiden. Begreppet IAM är till och med stort nog att ge upphov till nya koncept, såsom WIAM (Workforce IAM) och CIAM (Customer IAM).
Medan WIAM och CIAM delar samma grund, har de olika användningsfall: WIAM används vanligtvis för interna användare, medan CIAM används för externa kunder. Några exempel:
WIAM Ditt företag har ett enhetligt identitetssystem för anställda, så att alla kan använda samma konto för att få tillgång till företagsresurser, såsom programprenumerationer, molntjänster, etc.
CIAM Din nätbokhandel kräver ett användaridentitetssystem för kunder och säljare. Inloggningsupplevelsen är en kritisk del av onboardingprocessen, eftersom den ligger högst upp i konverteringstratten.
Logto började med CIAM av olika skäl (vi kommer att ha en annan artikel som pratar om detta). Under utvecklingen insåg vi att det skulle vara fördelaktigt att bygga en enhetlig förståelse inom teamet innan vi tar vår produkt till nästa nivå. Vi hoppas också att detta hjälper dig att få en bättre förståelse för IAM-landskapet.
I den här artikeln fokuserar vi på de grundläggande koncepten i CIAM och problem vi kan stöta på under eller efter autentiseringsflödet. Vi kommer också att diskutera single sign-on (SSO) och dess relaterade scenarier.
💡 Autentisering definieras initialt som "Vem är du?". Men när man diskuterar digitala identiteter är det mer korrekt att demonstrera autentisering genom att "bevisa ägande av identitet". (Tack till Calm-Card-2424)
Om du upptäcker något som inte passar in i någon av dessa två kategorier är det troligtvis inte väsentligt för identitetsverksamheten.
Exempel på autentisering
Lösenordsinloggning, lösenordsfri inloggning, social inloggning, etc.
Identitet representerar typiskt antingen en användare eller en maskin. Vid framgångsrik autentisering utfärdas en ID-token som en Identitet.
Med andra ord är huvudsyftet med autentisering att erhålla en Identitet.
En Hyresgäst är en grupp av identiteter:
När vi diskuterar "Multi-tenant" hänvisar vi till flera Logto-instans som är identitetsisolerade från varandra. Med andra ord, flera Logto-instans.
Observera att det finns två isolerade identitetssystem, dvs. du kan inte använda Identiteten från Hyresgäst 1 i Hyresgäst 2, även för samma identifierare (e-post, telefon, etc.). Det är som ditt Costco-medlemskap inte är giltigt på Whole Foods.
Precis som Identitet, ett App också hör till en Hyresgäst. Några saker att komma ihåg:
Det finns vanligtvis inget direkt förhållande mellan en App och en Identitet.
En Identitet kan representera en App, men det finns ingen direkt koppling mellan dem.
Precis som användare är appar också på Hyresgäst-nivå.
Appar är kod, medan användare är människor.
Det enda syftet med Appar är att slutföra autentisering, dvs erhålla en Identitet.
Identity Provider (IdP) och Service Provider (SP)#
Skillnaden mellan dessa två leverantörer är knivig men viktig.
Identity Provider är en tjänst som tillhandahåller autentisering (AuthN) och utfärdar identiteter.
Du kan hitta olika förklaringar om Service Provider från Google, även om de kanske inte är tillfredsställande. För mig är Service Provider ett relativt koncept:
Service Provider (eller Relying Party i OIDC) är en tjänst eller klient som initierar autentisering (AuthN) och begär resultatet från Identity Providers.
Tänk på ett typiskt scenario för social inloggning:
❓ Hur många Service Providers och Identity Providers finns i detta diagram?
Svar
Båda har två. iOS App är en serviceprovider till Logto, medan Logto är en identity provider. Logto är
också en serviceprovider till GitHub, medan GitHub är en identity provider. Således är Logto en Service Provider
och också en Identity Provider.
Du är CTO för ett tekniklösningsföretag, du har över 100 affärspartners och du har levererat över 300 projekt.
Varje projekt är antingen en webbapp eller en mobilapp med en backend-tjänst.
För varje affärspartner vill du omstrukturera användarsystemet för att tillhandahålla SSO över sina projekt.
❓ Hur kan Logto (eller en CIAM-produkt) hjälpa?
Svar
Skapa en Logto-instans för varje affärspartner. Varje partner har en Hyresgäst. Projekt mappar till "Appar" i Logto.
Logto erbjuder en universell inloggningsupplevelse (dvs. SSO) inom en Hyresgäst, så användare behöver inte logga in igen när de får tillgång till en annan app i samma Hyresgäst om de redan har loggat in.
Vi upptäckte att termen “SSO” ofta orsakar förvirring. Vi anser single sign-on (SSO) vara ett beteende, inte ett affärskoncept. Därför motsvarar SSO inte “SSO i WIAM”.
När vi säger “det behövs SSO”, kan det referera till ett av följande fall:
👉🏽 Slutanvändare använder samma referenser för att logga in på alla tjänster utvecklade av samma företag (t.ex. GSuite).
Logto fokuserar för närvarande på det angivna tillvägagångssättet ovan. Flera externa identitetsleverantörer, såsom en tredje parts social inloggning, kan existera oberoende och utan koppling.
Trots detta förblir Logto den enda sanna källan för Identiteter, och "lånar" dem bara från andra leverantörer. I detta fall fungerar Logto som både Identity Provider (till GSuite-appar) och Service Provider (till externa Identity Providers).
👉🏽 Slutanvändare kan endast använda den specifika Identity Provider inom den motsvarande e-postdomänen för att slutföra autentisering. Till exempel, logga in på Figma med Google Workspace.
Detta är det vanligaste användningsfallet för SSO i CIAM. Låt oss ta en närmare titt.
Om vi vill logga in på Figma med vår @silverhand.io e-post kan vi använda antingen Social inloggning eller SSO. Diagrammen nedan illustrerar skillnaden mellan de två:
Social inloggning
SSO
I ord:
Efter social inloggning är användarna fria att sätta ett lösenord eller ändra e-postadress i Figma
Efter SSO kan användarna inte sätta lösenord eller ändra någon personlig info inklusive e-post, eftersom deras identiteter hanteras av Google Workspace
I detta fall är Logto både en Identity Provider och en Service Provider. Det verkar som att SSO är mer komplex än en vanlig inloggningsprocess. Vilka är fördelarna för identitetsägaren?
Centraliserad kontroll: Håll identitetsinformation och autentiseringsprocesser på ett ställe och säkerställ att användarens information alltid är uppdaterad. Det finns ingen anledning att lägga till och ta bort licenser över olika applikationer för ändringar.
Förbättrad användarupplevelse: Identitetsägare som kräver SSO är vanligtvis företag. Deras anställda kan använda samma referenser och delad session för företagsapplikationer, såsom Figma, Zoom, Slack, etc.
Förbättrad säkerhet: Du kanske har märkt att vissa företag kräver specifika inloggningsmetoder, såsom dynamiska verifieringskoder. Använda SSO kan säkerställa att varje anställd använder samma kombination av inloggningsmetoder för att komma åt alla resurser.
🤔 Smart som du måste ha märkt att detta faktiskt är SSO Case 1 ur ett SaaS-perspektiv.
Det är dags att diskutera "X" i SSO-grafen. Detta representerar processen för Figma att koppla e-postdomänen till en specifik Identity Provider. Men hur fungerar det?
Eftersom begäran ofta kommer från företagskunder hänvisar vi till processen för "SSO Case 3" från föregående avsnitt som "Enterprise SSO" för tydlighet.
Vi kan enkelt utarbeta en naiv lösning: skapa en mappning mellan e-postdomäner och SSO-metoder och uppdatera den manuellt.
Åtgärden av processen “X” är nu klar:
🔍 Hitta den mappade Enterprise SSO-metoden för den angivna e-postdomänen
Således, om du konfigurerar silverhand.io som en giltig e-postdomän som kopplas till en Google Workspace SSO URL, kommer användare som försöker logga in med en @silverhand.io e-post att omdirigeras till motsvarande Google Workspace inloggningssida, i stället för att behandlas på plats.
När du bara har några dussin kunder som behöver Enterprise SSO kan den manuella hanteringen av mappningen vara ok. Men det finns fler faktorer att ta hänsyn till:
Vad händer om det finns hundratals eller tusentals Enterprise SSO-kunder?
Vad är förhållandet mellan “vanliga användare” och “Enterprise SSO-användare”?
Ska data isoleras mellan olika Enterprise SSO-kunder?
Finns det behov av att tillhandahålla en instrumentpanel för Enterprise SSO-administratörerna för att visa aktiva användare, granskningsloggar, etc.?
Hur kan konton inaktiveras automatiskt när en användare tas bort från Enterprise SSO Identity Provider?
Och mycket mer. Eftersom nästan alla Enterprise SSO är e-postdomän-baserade kan vi snabbt lista ut en bättre lösning:
Om användaren kan bevisa äganderätt av den domänen kan de ställa in företagets SSO för den domänen på ett självbetjäningssätt.
Denna lösning adresserar de första två frågorna:
1. Vad händer om det finns hundratals eller tusentals Enterprise SSO-kunder?
De kan konfigurera Enterprise SSO på ett självbetjäningssätt.
2. Vad är förhållandet mellan “vanliga användare” och “Enterprise SSO-användare”?
Vi öppnar alla möjliga inloggningsmetoder för vanliga användare utom Enterprise SSO; medan vi begränsar inloggningsmetoden till enbart Enterprise SSO för de användare som försöker logga in med de konfigurerade domänerna.
Vad gäller den tredje frågan:
3. Ska jag isolera data mellan olika Enterprise SSO-kunder?
Ja och nej. Det är dags att introducera organisation.
Vi nämnde att använda e-postdomäner för att känna igen den specifika Enterprise SSO-metoden att använda; med andra ord, tillämpa en specifik behandling för en specifik grupp av användare.
Men kundens krav är ofta mer än bara Enterprise SSO; till exempel, frågorna 4 och 5 i föregående avsnitt. Under åren har en mogen modell utvecklats av framstående SaaS-företag för att adressera dessa typer av problem: Organisationer.
Organisationsregler
En organisation är en grupp av identiteter, vanligtvis mindre än en Hyresgäst.
Alla organisationer är kopplade till en Hyresgäst.
Du kan se andra termer, såsom "Workspace", “Team”, eller till och med "Hyresgäst" i programvaran. För att identifiera om det är det koncept vi diskuterar, kolla bara om det representerar “en grupp av Identiteter”.
I denna artikel kommer vi att använda termen "Organisation" för konsekvensens skull.
I Notion kan du skapa och gå med i flera arbetsytor (dvs. Organisationer) med samma e-postadress och enkelt växla mellan dem.
För Slack verkar det vara samma sak, men vi misstänker att de använder olika Identiteter i bakgrunden eftersom vi behöver skapa ett nytt konto för varje arbetsyta.
Slack arbetsytor
Notion arbetsytor
Notion har en “Personlig Plan” tillgänglig, vilken normalt är en Organisation under skalet, med den enda användaren (du) inuti. Vi känner inte till den exakta implementeringen av Notion, men denna förklaring är rimlig och möjlig för vår modell.
Varje Organisation har också en identifierare, som vanligtvis kallas “Organisationsdomän”.
3. Ska data isoleras mellan olika Enterprise SSO-kunder?
Ja: Isolera affärsdata, såsom meddelanden och dokument, på Organisationsnivå.
Nej: Håll Identiteter oberoende, eftersom de inte behöver associeras med en Organisation.
Observera att det finns tre distinkta enheter inblandade här: Identiteter, Organisationer och Enterprise SSO-konfigurationer; vilket markant ökar komplexiteten. Frågan i sig är inte tillräckligt specifik.
4. Finns det ett behov av att tillhandahålla en instrumentpanel för Enterprise SSO-administratörerna för att visa aktiva användare, granskningsloggar, etc.?
5. Hur ska konton automatiskt inaktiveras när en användare tas bort för Enterprise SSO Identity Provider?
Dessa krav är mer affärsinriktade och kan implementeras på Organisationsnivå. Vi lämnar dem öppna här.
Vi har introducerat flera koncept: Autentisering (AuthN), Auktorisering (AuthZ), Identitet, Hyresgäst, Applikation, Identity Provider (IdP), Service Provider (SP), Single sign-on (SSO), och Enterprise SSO (Organisation). Det kan ta lite tid att förstå dem alla.
När jag skrev denna artikel märkte jag att intressant nog, de dyraste planerna för onlinetjänster ofta inkluderar exklusiva funktioner relaterade till auktorisering, vilket är helt omtalat i denna artikel. Du kanske redan har några frågor om auktorisering, såsom:
Hur kan vi tilldela behörigheter till en användare och verifiera dem?
Vilken auktoriseringsmodell borde jag använda?
Vad är bästa praxis för att tillämpa en auktoriseringsmodell?
%3btext-align:center%3b%7d%23mermaid-0 .edgeLabel p%7bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3b%7d%23mermaid-0 .edgeLabel rect%7bopacity:0.5%3bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3bfill:rgba(232%2c232%2c232%2c 0.8)%3b%7d%23mermaid-0 .labelBkg%7bbackground-color:rgba(232%2c 232%2c 232%2c 0.5)%3b%7d%23mermaid-0 .cluster rect%7bfill:%23ffffde%3bstroke:%23aaaa33%3bstroke-width:1px%3b%7d%23mermaid-0 .cluster text%7bfill:%23333%3b%7d%23mermaid-0 .cluster span%7bcolor:%23333%3b%7d%23mermaid-0 div.mermaidTooltip%7bposition:absolute%3btext-align:center%3bmax-width:200px%3bpadding:2px%3bfont-family:arial%2csans-serif%3bfont-size:12px%3bbackground:hsl(80%2c 100%25%2c 96.2745098039%25)%3bborder:1px solid %23aaaa33%3bborder-radius:2px%3bpointer-events:none%3bz-index:100%3b%7d%23mermaid-0 .flowchartTitleText%7btext-anchor:middle%3bfont-size:18px%3bfill:%23333%3b%7d%23mermaid-0 rect.text%7bfill:none%3bstroke-width:0%3b%7d%23mermaid-0 .icon-shape%2c%23mermaid-0 .image-shape%7bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3btext-align:center%3b%7d%23mermaid-0 .icon-shape p%2c%23mermaid-0 .image-shape p%7bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3bpadding:2px%3b%7d%23mermaid-0 .icon-shape rect%2c%23mermaid-0 .image-shape rect%7bopacity:0.5%3bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3bfill:rgba(232%2c232%2c232%2c 0.8)%3b%7d%23mermaid-0 :root%7b--mermaid-font-family:arial%2csans-serif%3b%7d%3c/style%3e%3cg%3e%3cmarker orient='auto' markerHeight='8' markerWidth='8' markerUnits='userSpaceOnUse' refY='5' refX='5' viewBox='0 0 10 10' class='marker flowchart-v2' id='mermaid-0_flowchart-v2-pointEnd'%3e%3cpath style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 0 0 L 10 5 L 0 10 z'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='8' markerWidth='8' markerUnits='userSpaceOnUse' refY='5' refX='4.5' viewBox='0 0 10 10' class='marker flowchart-v2' id='mermaid-0_flowchart-v2-pointStart'%3e%3cpath style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 0 5 L 10 10 L 10 0 z'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5' refX='11' viewBox='0 0 10 10' class='marker flowchart-v2' id='mermaid-0_flowchart-v2-circleEnd'%3e%3ccircle style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' r='5' cy='5' cx='5'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5' refX='-1' viewBox='0 0 10 10' class='marker flowchart-v2' id='mermaid-0_flowchart-v2-circleStart'%3e%3ccircle style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' r='5' cy='5' cx='5'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5.2' refX='12' viewBox='0 0 11 11' class='marker cross flowchart-v2' id='mermaid-0_flowchart-v2-crossEnd'%3e%3cpath style='stroke-width: 2%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 1%2c1 l 9%2c9 M 10%2c1 l -9%2c9'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5.2' refX='-1' viewBox='0 0 11 11' class='marker cross flowchart-v2' id='mermaid-0_flowchart-v2-crossStart'%3e%3cpath style='stroke-width: 2%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 1%2c1 l 9%2c9 M 10%2c1 l -9%2c9'/%3e%3c/marker%3e%3cg class='root'%3e%3cg class='clusters'/%3e%3cg class='edgePaths'%3e%3cpath marker-end='url(%23mermaid-0_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_Tenant_A_0' d='M255.391%2c47.909L228.126%2c54.425C200.862%2c60.94%2c146.333%2c73.97%2c119.069%2c83.985C91.805%2c94%2c91.805%2c101%2c91.805%2c104.5L91.805%2c108'/%3e%3cpath marker-end='url(%23mermaid-0_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_Tenant_B_1' d='M309.414%2c62L309.414%2c66.167C309.414%2c70.333%2c309.414%2c78.667%2c309.414%2c86.333C309.414%2c94%2c309.414%2c101%2c309.414%2c104.5L309.414%2c108'/%3e%3cpath marker-end='url(%23mermaid-0_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_Tenant_C_2' d='M363.438%2c47.164L392.926%2c53.803C422.414%2c60.442%2c481.391%2c73.721%2c510.879%2c83.861C540.367%2c94%2c540.367%2c101%2c540.367%2c104.5L540.367%2c108'/%3e%3c/g%3e%3cg class='edgeLabels'%3e%3cg class='edgeLabel'%3e%3cg transform='translate(0%2c 0)' class='label'%3e%3cforeignObject height='0' width='0'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg class='edgeLabel'%3e%3cg transform='translate(0%2c 0)' class='label'%3e%3cforeignObject height='0' width='0'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg class='edgeLabel'%3e%3cg transform='translate(0%2c 0)' class='label'%3e%3cforeignObject height='0' width='0'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg class='nodes'%3e%3cg transform='translate(309.4140625%2c 35)' id='flowchart-Tenant-0' class='node default'%3e%3crect height='54' width='108.046875' y='-27' x='-54.0234375' style='' class='basic label-container'/%3e%3cg transform='translate(-24.0234375%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='48.046875'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eTenant%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(91.8046875%2c 139)' id='flowchart-A-1' class='node default'%3e%3crect height='54' width='167.609375' y='-27' x='-83.8046875' style='' class='basic label-container'/%3e%3cg transform='translate(-53.8046875%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='107.609375'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eIdentity: User 1%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(309.4140625%2c 139)' id='flowchart-B-3' class='node default'%3e%3crect height='54' width='167.609375' y='-27' x='-83.8046875' style='' class='basic label-container'/%3e%3cg transform='translate(-53.8046875%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='107.609375'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eIdentity: User 2%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(540.3671875%2c 139)' id='flowchart-C-5' class='node default'%3e%3crect height='54' width='194.296875' y='-27' x='-97.1484375' style='' class='basic label-container'/%3e%3cg transform='translate(-67.1484375%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='134.296875'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eIdentity: Machine 1%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e)
%3btext-align:center%3b%7d%23mermaid-1 .edgeLabel p%7bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3b%7d%23mermaid-1 .edgeLabel rect%7bopacity:0.5%3bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3bfill:rgba(232%2c232%2c232%2c 0.8)%3b%7d%23mermaid-1 .labelBkg%7bbackground-color:rgba(232%2c 232%2c 232%2c 0.5)%3b%7d%23mermaid-1 .cluster rect%7bfill:%23ffffde%3bstroke:%23aaaa33%3bstroke-width:1px%3b%7d%23mermaid-1 .cluster text%7bfill:%23333%3b%7d%23mermaid-1 .cluster span%7bcolor:%23333%3b%7d%23mermaid-1 div.mermaidTooltip%7bposition:absolute%3btext-align:center%3bmax-width:200px%3bpadding:2px%3bfont-family:arial%2csans-serif%3bfont-size:12px%3bbackground:hsl(80%2c 100%25%2c 96.2745098039%25)%3bborder:1px solid %23aaaa33%3bborder-radius:2px%3bpointer-events:none%3bz-index:100%3b%7d%23mermaid-1 .flowchartTitleText%7btext-anchor:middle%3bfont-size:18px%3bfill:%23333%3b%7d%23mermaid-1 rect.text%7bfill:none%3bstroke-width:0%3b%7d%23mermaid-1 .icon-shape%2c%23mermaid-1 .image-shape%7bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3btext-align:center%3b%7d%23mermaid-1 .icon-shape p%2c%23mermaid-1 .image-shape p%7bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3bpadding:2px%3b%7d%23mermaid-1 .icon-shape rect%2c%23mermaid-1 .image-shape rect%7bopacity:0.5%3bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3bfill:rgba(232%2c232%2c232%2c 0.8)%3b%7d%23mermaid-1 :root%7b--mermaid-font-family:arial%2csans-serif%3b%7d%3c/style%3e%3cg%3e%3cmarker orient='auto' markerHeight='8' markerWidth='8' markerUnits='userSpaceOnUse' refY='5' refX='5' viewBox='0 0 10 10' class='marker flowchart-v2' id='mermaid-1_flowchart-v2-pointEnd'%3e%3cpath style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 0 0 L 10 5 L 0 10 z'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='8' markerWidth='8' markerUnits='userSpaceOnUse' refY='5' refX='4.5' viewBox='0 0 10 10' class='marker flowchart-v2' id='mermaid-1_flowchart-v2-pointStart'%3e%3cpath style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 0 5 L 10 10 L 10 0 z'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5' refX='11' viewBox='0 0 10 10' class='marker flowchart-v2' id='mermaid-1_flowchart-v2-circleEnd'%3e%3ccircle style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' r='5' cy='5' cx='5'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5' refX='-1' viewBox='0 0 10 10' class='marker flowchart-v2' id='mermaid-1_flowchart-v2-circleStart'%3e%3ccircle style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' r='5' cy='5' cx='5'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5.2' refX='12' viewBox='0 0 11 11' class='marker cross flowchart-v2' id='mermaid-1_flowchart-v2-crossEnd'%3e%3cpath style='stroke-width: 2%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 1%2c1 l 9%2c9 M 10%2c1 l -9%2c9'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5.2' refX='-1' viewBox='0 0 11 11' class='marker cross flowchart-v2' id='mermaid-1_flowchart-v2-crossStart'%3e%3cpath style='stroke-width: 2%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 1%2c1 l 9%2c9 M 10%2c1 l -9%2c9'/%3e%3c/marker%3e%3cg class='root'%3e%3cg class='clusters'/%3e%3cg class='edgePaths'/%3e%3cg class='edgeLabels'/%3e%3cg class='nodes'%3e%3cg transform='translate(0%2c 0)' class='root'%3e%3cg class='clusters'%3e%3cg data-look='classic' id='IS1' class='cluster'%3e%3crect height='258' width='237.609375' y='8' x='8' style=''/%3e%3cg transform='translate(66.78125%2c 8)' class='cluster-label'%3e%3cforeignObject height='24' width='120.046875'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eIdentity system 1%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg class='edgePaths'%3e%3cpath marker-end='url(%23mermaid-1_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_T1_A_0' d='M126.805%2c99.5L126.805%2c105.75C126.805%2c112%2c126.805%2c124.5%2c126.805%2c136.333C126.805%2c148.167%2c126.805%2c159.333%2c126.805%2c164.917L126.805%2c170.5'/%3e%3c/g%3e%3cg class='edgeLabels'%3e%3cg class='edgeLabel'%3e%3cg transform='translate(0%2c 0)' class='label'%3e%3cforeignObject height='0' width='0'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg class='nodes'%3e%3cg transform='translate(126.8046875%2c 72.5)' id='flowchart-T1-6' class='node default'%3e%3crect height='54' width='121.390625' y='-27' x='-60.6953125' style='' class='basic label-container'/%3e%3cg transform='translate(-30.6953125%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='61.390625'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eTenant 1%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(126.8046875%2c 201.5)' id='flowchart-A-7' class='node default'%3e%3crect height='54' width='167.609375' y='-27' x='-83.8046875' style='' class='basic label-container'/%3e%3cg transform='translate(-53.8046875%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='107.609375'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eIdentity: User 1%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg transform='translate(287.609375%2c 0)' class='root'%3e%3cg class='clusters'%3e%3cg data-look='classic' id='IS2' class='cluster'%3e%3crect height='258' width='481.90625' y='8' x='8' style=''/%3e%3cg transform='translate(188.9296875%2c 8)' class='cluster-label'%3e%3cforeignObject height='24' width='120.046875'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eIdentity system 2%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg class='edgePaths'%3e%3cpath marker-end='url(%23mermaid-1_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_T2_B_1' d='M193.942%2c99.5L182.753%2c105.75C171.563%2c112%2c149.184%2c124.5%2c137.994%2c136.333C126.805%2c148.167%2c126.805%2c159.333%2c126.805%2c164.917L126.805%2c170.5'/%3e%3cpath marker-end='url(%23mermaid-1_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_T2_C_2' d='M290.62%2c99.5L301.81%2c105.75C312.999%2c112%2c335.379%2c124.5%2c346.568%2c136.333C357.758%2c148.167%2c357.758%2c159.333%2c357.758%2c164.917L357.758%2c170.5'/%3e%3c/g%3e%3cg class='edgeLabels'%3e%3cg class='edgeLabel'%3e%3cg transform='translate(0%2c 0)' class='label'%3e%3cforeignObject height='0' width='0'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg class='edgeLabel'%3e%3cg transform='translate(0%2c 0)' class='label'%3e%3cforeignObject height='0' width='0'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg class='nodes'%3e%3cg transform='translate(242.28125%2c 72.5)' id='flowchart-T2-8' class='node default'%3e%3crect height='54' width='121.390625' y='-27' x='-60.6953125' style='' class='basic label-container'/%3e%3cg transform='translate(-30.6953125%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='61.390625'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eTenant 2%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(126.8046875%2c 201.5)' id='flowchart-B-9' class='node default'%3e%3crect height='54' width='167.609375' y='-27' x='-83.8046875' style='' class='basic label-container'/%3e%3cg transform='translate(-53.8046875%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='107.609375'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eIdentity: User 1%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(357.7578125%2c 201.5)' id='flowchart-C-11' class='node default'%3e%3crect height='54' width='194.296875' y='-27' x='-97.1484375' style='' class='basic label-container'/%3e%3cg transform='translate(-67.1484375%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='134.296875'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eIdentity: Machine 1%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e)
%3btext-align:center%3b%7d%23mermaid-2 .edgeLabel p%7bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3b%7d%23mermaid-2 .edgeLabel rect%7bopacity:0.5%3bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3bfill:rgba(232%2c232%2c232%2c 0.8)%3b%7d%23mermaid-2 .labelBkg%7bbackground-color:rgba(232%2c 232%2c 232%2c 0.5)%3b%7d%23mermaid-2 .cluster rect%7bfill:%23ffffde%3bstroke:%23aaaa33%3bstroke-width:1px%3b%7d%23mermaid-2 .cluster text%7bfill:%23333%3b%7d%23mermaid-2 .cluster span%7bcolor:%23333%3b%7d%23mermaid-2 div.mermaidTooltip%7bposition:absolute%3btext-align:center%3bmax-width:200px%3bpadding:2px%3bfont-family:arial%2csans-serif%3bfont-size:12px%3bbackground:hsl(80%2c 100%25%2c 96.2745098039%25)%3bborder:1px solid %23aaaa33%3bborder-radius:2px%3bpointer-events:none%3bz-index:100%3b%7d%23mermaid-2 .flowchartTitleText%7btext-anchor:middle%3bfont-size:18px%3bfill:%23333%3b%7d%23mermaid-2 rect.text%7bfill:none%3bstroke-width:0%3b%7d%23mermaid-2 .icon-shape%2c%23mermaid-2 .image-shape%7bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3btext-align:center%3b%7d%23mermaid-2 .icon-shape p%2c%23mermaid-2 .image-shape p%7bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3bpadding:2px%3b%7d%23mermaid-2 .icon-shape rect%2c%23mermaid-2 .image-shape rect%7bopacity:0.5%3bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3bfill:rgba(232%2c232%2c232%2c 0.8)%3b%7d%23mermaid-2 :root%7b--mermaid-font-family:arial%2csans-serif%3b%7d%3c/style%3e%3cg%3e%3cmarker orient='auto' markerHeight='8' markerWidth='8' markerUnits='userSpaceOnUse' refY='5' refX='5' viewBox='0 0 10 10' class='marker flowchart-v2' id='mermaid-2_flowchart-v2-pointEnd'%3e%3cpath style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 0 0 L 10 5 L 0 10 z'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='8' markerWidth='8' markerUnits='userSpaceOnUse' refY='5' refX='4.5' viewBox='0 0 10 10' class='marker flowchart-v2' id='mermaid-2_flowchart-v2-pointStart'%3e%3cpath style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 0 5 L 10 10 L 10 0 z'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5' refX='11' viewBox='0 0 10 10' class='marker flowchart-v2' id='mermaid-2_flowchart-v2-circleEnd'%3e%3ccircle style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' r='5' cy='5' cx='5'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5' refX='-1' viewBox='0 0 10 10' class='marker flowchart-v2' id='mermaid-2_flowchart-v2-circleStart'%3e%3ccircle style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' r='5' cy='5' cx='5'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5.2' refX='12' viewBox='0 0 11 11' class='marker cross flowchart-v2' id='mermaid-2_flowchart-v2-crossEnd'%3e%3cpath style='stroke-width: 2%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 1%2c1 l 9%2c9 M 10%2c1 l -9%2c9'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5.2' refX='-1' viewBox='0 0 11 11' class='marker cross flowchart-v2' id='mermaid-2_flowchart-v2-crossStart'%3e%3cpath style='stroke-width: 2%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 1%2c1 l 9%2c9 M 10%2c1 l -9%2c9'/%3e%3c/marker%3e%3cg class='root'%3e%3cg class='clusters'/%3e%3cg class='edgePaths'%3e%3cpath marker-end='url(%23mermaid-2_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_A_Logto_0' d='M126.703%2c32.728L140.283%2c30.607C153.862%2c28.485%2c181.021%2c24.243%2c207.522%2c24.283C234.023%2c24.324%2c259.867%2c28.647%2c272.789%2c30.809L285.711%2c32.971'/%3e%3cpath marker-end='url(%23mermaid-2_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_Logto_GitHub_1' d='M389.703%2c33.931L404.096%2c31.609C418.49%2c29.287%2c447.276%2c24.644%2c475.404%2c24.461C503.532%2c24.278%2c531.001%2c28.556%2c544.735%2c30.695L558.47%2c32.834'/%3e%3cpath marker-end='url(%23mermaid-2_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_GitHub_Logto_2' d='M562.422%2c50.55L548.029%2c52.792C533.635%2c55.033%2c504.849%2c59.517%2c476.721%2c59.543C448.592%2c59.569%2c421.122%2c55.138%2c407.387%2c52.922L393.652%2c50.706'/%3e%3cpath marker-end='url(%23mermaid-2_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_Logto_A_3' d='M289.656%2c50.369L276.077%2c52.641C262.497%2c54.913%2c235.339%2c59.456%2c208.838%2c59.71C182.338%2c59.963%2c156.497%2c55.926%2c143.576%2c53.908L130.655%2c51.889'/%3e%3c/g%3e%3cg class='edgeLabels'%3e%3cg transform='translate(208.1796875%2c 20)' class='edgeLabel'%3e%3cg transform='translate(-49.359375%2c -12)' class='label'%3e%3cforeignObject height='24' width='98.71875'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3cp%3eInvoke sign-in%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(476.0625%2c 20)' class='edgeLabel'%3e%3cg transform='translate(-29.7890625%2c -12)' class='label'%3e%3cforeignObject height='24' width='59.578125'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3cp%3eRedirect%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(476.0625%2c 64)' class='edgeLabel'%3e%3cg transform='translate(-61.359375%2c -12)' class='label'%3e%3cforeignObject height='24' width='122.71875'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3cp%3eReturn GitHub ID%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(208.1796875%2c 64)' class='edgeLabel'%3e%3cg transform='translate(-56.4765625%2c -12)' class='label'%3e%3cforeignObject height='24' width='112.953125'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3cp%3eReturn Logto ID%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg class='nodes'%3e%3cg transform='translate(67.3515625%2c 42)' id='flowchart-A-17' class='node default'%3e%3crect height='54' width='118.703125' y='-27' x='-59.3515625' style='' class='basic label-container'/%3e%3cg transform='translate(-29.3515625%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='58.703125'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eiOS App%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(339.6796875%2c 42)' id='flowchart-Logto-18' class='node default'%3e%3crect height='54' width='100.046875' y='-27' x='-50.0234375' style='' class='basic label-container'/%3e%3cg transform='translate(-20.0234375%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='40.046875'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eLogto%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(617.3203125%2c 42)' id='flowchart-GitHub-19' class='node default'%3e%3crect height='54' width='109.796875' y='-27' x='-54.8984375' style='' class='basic label-container'/%3e%3cg transform='translate(-24.8984375%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='49.796875'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eGitHub%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e)
%3btext-align:center%3b%7d%23mermaid-3 .edgeLabel p%7bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3b%7d%23mermaid-3 .edgeLabel rect%7bopacity:0.5%3bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3bfill:rgba(232%2c232%2c232%2c 0.8)%3b%7d%23mermaid-3 .labelBkg%7bbackground-color:rgba(232%2c 232%2c 232%2c 0.5)%3b%7d%23mermaid-3 .cluster rect%7bfill:%23ffffde%3bstroke:%23aaaa33%3bstroke-width:1px%3b%7d%23mermaid-3 .cluster text%7bfill:%23333%3b%7d%23mermaid-3 .cluster span%7bcolor:%23333%3b%7d%23mermaid-3 div.mermaidTooltip%7bposition:absolute%3btext-align:center%3bmax-width:200px%3bpadding:2px%3bfont-family:arial%2csans-serif%3bfont-size:12px%3bbackground:hsl(80%2c 100%25%2c 96.2745098039%25)%3bborder:1px solid %23aaaa33%3bborder-radius:2px%3bpointer-events:none%3bz-index:100%3b%7d%23mermaid-3 .flowchartTitleText%7btext-anchor:middle%3bfont-size:18px%3bfill:%23333%3b%7d%23mermaid-3 rect.text%7bfill:none%3bstroke-width:0%3b%7d%23mermaid-3 .icon-shape%2c%23mermaid-3 .image-shape%7bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3btext-align:center%3b%7d%23mermaid-3 .icon-shape p%2c%23mermaid-3 .image-shape p%7bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3bpadding:2px%3b%7d%23mermaid-3 .icon-shape rect%2c%23mermaid-3 .image-shape rect%7bopacity:0.5%3bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3bfill:rgba(232%2c232%2c232%2c 0.8)%3b%7d%23mermaid-3 :root%7b--mermaid-font-family:arial%2csans-serif%3b%7d%3c/style%3e%3cg%3e%3cmarker orient='auto' markerHeight='8' markerWidth='8' markerUnits='userSpaceOnUse' refY='5' refX='5' viewBox='0 0 10 10' class='marker flowchart-v2' id='mermaid-3_flowchart-v2-pointEnd'%3e%3cpath style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 0 0 L 10 5 L 0 10 z'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='8' markerWidth='8' markerUnits='userSpaceOnUse' refY='5' refX='4.5' viewBox='0 0 10 10' class='marker flowchart-v2' id='mermaid-3_flowchart-v2-pointStart'%3e%3cpath style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 0 5 L 10 10 L 10 0 z'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5' refX='11' viewBox='0 0 10 10' class='marker flowchart-v2' id='mermaid-3_flowchart-v2-circleEnd'%3e%3ccircle style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' r='5' cy='5' cx='5'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5' refX='-1' viewBox='0 0 10 10' class='marker flowchart-v2' id='mermaid-3_flowchart-v2-circleStart'%3e%3ccircle style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' r='5' cy='5' cx='5'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5.2' refX='12' viewBox='0 0 11 11' class='marker cross flowchart-v2' id='mermaid-3_flowchart-v2-crossEnd'%3e%3cpath style='stroke-width: 2%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 1%2c1 l 9%2c9 M 10%2c1 l -9%2c9'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5.2' refX='-1' viewBox='0 0 11 11' class='marker cross flowchart-v2' id='mermaid-3_flowchart-v2-crossStart'%3e%3cpath style='stroke-width: 2%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 1%2c1 l 9%2c9 M 10%2c1 l -9%2c9'/%3e%3c/marker%3e%3cg class='root'%3e%3cg class='clusters'/%3e%3cg class='edgePaths'%3e%3cpath marker-end='url(%23mermaid-3_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_T1_A_0' d='M301.836%2c45.395L261.348%2c52.329C220.859%2c59.263%2c139.883%2c73.132%2c99.395%2c83.566C58.906%2c94%2c58.906%2c101%2c58.906%2c104.5L58.906%2c108'/%3e%3cpath marker-end='url(%23mermaid-3_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_T1_B_1' d='M301.836%2c55.79L286.65%2c60.992C271.464%2c66.193%2c241.091%2c76.597%2c225.905%2c85.298C210.719%2c94%2c210.719%2c101%2c210.719%2c104.5L210.719%2c108'/%3e%3cpath marker-end='url(%23mermaid-3_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_T1_C_2' d='M362.531%2c62L362.531%2c66.167C362.531%2c70.333%2c362.531%2c78.667%2c362.531%2c86.333C362.531%2c94%2c362.531%2c101%2c362.531%2c104.5L362.531%2c108'/%3e%3cpath marker-end='url(%23mermaid-3_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_T1_U1_3' d='M423.227%2c55.432L438.855%2c60.694C454.484%2c65.955%2c485.742%2c76.477%2c501.371%2c85.239C517%2c94%2c517%2c101%2c517%2c104.5L517%2c108'/%3e%3cpath marker-end='url(%23mermaid-3_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_T1_U2_4' d='M423.227%2c45.129L465.043%2c52.108C506.859%2c59.086%2c590.492%2c73.043%2c632.309%2c83.522C674.125%2c94%2c674.125%2c101%2c674.125%2c104.5L674.125%2c108'/%3e%3cpath marker-end='url(%23mermaid-3_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_T2_D_5' d='M996.945%2c48.78L968.887%2c55.15C940.828%2c61.52%2c884.711%2c74.26%2c856.652%2c84.13C828.594%2c94%2c828.594%2c101%2c828.594%2c104.5L828.594%2c108'/%3e%3cpath marker-end='url(%23mermaid-3_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_T2_E_6' d='M1017.538%2c62L1011.35%2c66.167C1005.161%2c70.333%2c992.784%2c78.667%2c986.595%2c86.333C980.406%2c94%2c980.406%2c101%2c980.406%2c104.5L980.406%2c108'/%3e%3cpath marker-end='url(%23mermaid-3_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_T2_U21_7' d='M1097.743%2c62L1103.932%2c66.167C1110.12%2c70.333%2c1122.498%2c78.667%2c1128.686%2c86.333C1134.875%2c94%2c1134.875%2c101%2c1134.875%2c104.5L1134.875%2c108'/%3e%3cpath marker-end='url(%23mermaid-3_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_T2_U22_8' d='M1118.336%2c48.467L1147.28%2c54.889C1176.224%2c61.311%2c1234.112%2c74.156%2c1263.056%2c84.078C1292%2c94%2c1292%2c101%2c1292%2c104.5L1292%2c108'/%3e%3c/g%3e%3cg class='edgeLabels'%3e%3cg class='edgeLabel'%3e%3cg transform='translate(0%2c 0)' class='label'%3e%3cforeignObject height='0' width='0'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg class='edgeLabel'%3e%3cg transform='translate(0%2c 0)' class='label'%3e%3cforeignObject height='0' width='0'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg class='edgeLabel'%3e%3cg transform='translate(0%2c 0)' class='label'%3e%3cforeignObject height='0' width='0'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg class='edgeLabel'%3e%3cg transform='translate(0%2c 0)' class='label'%3e%3cforeignObject height='0' width='0'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg class='edgeLabel'%3e%3cg transform='translate(0%2c 0)' class='label'%3e%3cforeignObject height='0' width='0'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg class='edgeLabel'%3e%3cg transform='translate(0%2c 0)' class='label'%3e%3cforeignObject height='0' width='0'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg class='edgeLabel'%3e%3cg transform='translate(0%2c 0)' class='label'%3e%3cforeignObject height='0' width='0'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg class='edgeLabel'%3e%3cg transform='translate(0%2c 0)' class='label'%3e%3cforeignObject height='0' width='0'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg class='edgeLabel'%3e%3cg transform='translate(0%2c 0)' class='label'%3e%3cforeignObject height='0' width='0'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg class='nodes'%3e%3cg transform='translate(362.53125%2c 35)' id='flowchart-T1-23' class='node default'%3e%3crect height='54' width='121.390625' y='-27' x='-60.6953125' style='' class='basic label-container'/%3e%3cg transform='translate(-30.6953125%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='61.390625'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eTenant 1%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(58.90625%2c 139)' id='flowchart-A-24' class='node default'%3e%3crect height='54' width='101.8125' y='-27' x='-50.90625' style='' class='basic label-container'/%3e%3cg transform='translate(-20.90625%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='41.8125'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eApp 1%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(210.71875%2c 139)' id='flowchart-B-26' class='node default'%3e%3crect height='54' width='101.8125' y='-27' x='-50.90625' style='' class='basic label-container'/%3e%3cg transform='translate(-20.90625%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='41.8125'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eApp 2%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(362.53125%2c 139)' id='flowchart-C-28' class='node default'%3e%3crect height='54' width='101.8125' y='-27' x='-50.90625' style='' class='basic label-container'/%3e%3cg transform='translate(-20.90625%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='41.8125'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eApp 3%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(517%2c 139)' id='flowchart-U1-30' class='node default'%3e%3crect height='54' width='107.125' y='-27' x='-53.5625' style='' class='basic label-container'/%3e%3cg transform='translate(-23.5625%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='47.125'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eUser 1%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(674.125%2c 139)' id='flowchart-U2-32' class='node default'%3e%3crect height='54' width='107.125' y='-27' x='-53.5625' style='' class='basic label-container'/%3e%3cg transform='translate(-23.5625%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='47.125'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eUser 2%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(1057.640625%2c 35)' id='flowchart-T2-33' class='node default'%3e%3crect height='54' width='121.390625' y='-27' x='-60.6953125' style='' class='basic label-container'/%3e%3cg transform='translate(-30.6953125%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='61.390625'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eTenant 2%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(828.59375%2c 139)' id='flowchart-D-34' class='node default'%3e%3crect height='54' width='101.8125' y='-27' x='-50.90625' style='' class='basic label-container'/%3e%3cg transform='translate(-20.90625%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='41.8125'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eApp 1%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(980.40625%2c 139)' id='flowchart-E-36' class='node default'%3e%3crect height='54' width='101.8125' y='-27' x='-50.90625' style='' class='basic label-container'/%3e%3cg transform='translate(-20.90625%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='41.8125'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eApp 2%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(1134.875%2c 139)' id='flowchart-U21-38' class='node default'%3e%3crect height='54' width='107.125' y='-27' x='-53.5625' style='' class='basic label-container'/%3e%3cg transform='translate(-23.5625%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='47.125'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eUser 1%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(1292%2c 139)' id='flowchart-U22-40' class='node default'%3e%3crect height='54' width='107.125' y='-27' x='-53.5625' style='' class='basic label-container'/%3e%3cg transform='translate(-23.5625%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='47.125'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eUser 2%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e)
%3btext-align:center%3b%7d%23mermaid-4 .edgeLabel p%7bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3b%7d%23mermaid-4 .edgeLabel rect%7bopacity:0.5%3bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3bfill:rgba(232%2c232%2c232%2c 0.8)%3b%7d%23mermaid-4 .labelBkg%7bbackground-color:rgba(232%2c 232%2c 232%2c 0.5)%3b%7d%23mermaid-4 .cluster rect%7bfill:%23ffffde%3bstroke:%23aaaa33%3bstroke-width:1px%3b%7d%23mermaid-4 .cluster text%7bfill:%23333%3b%7d%23mermaid-4 .cluster span%7bcolor:%23333%3b%7d%23mermaid-4 div.mermaidTooltip%7bposition:absolute%3btext-align:center%3bmax-width:200px%3bpadding:2px%3bfont-family:arial%2csans-serif%3bfont-size:12px%3bbackground:hsl(80%2c 100%25%2c 96.2745098039%25)%3bborder:1px solid %23aaaa33%3bborder-radius:2px%3bpointer-events:none%3bz-index:100%3b%7d%23mermaid-4 .flowchartTitleText%7btext-anchor:middle%3bfont-size:18px%3bfill:%23333%3b%7d%23mermaid-4 rect.text%7bfill:none%3bstroke-width:0%3b%7d%23mermaid-4 .icon-shape%2c%23mermaid-4 .image-shape%7bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3btext-align:center%3b%7d%23mermaid-4 .icon-shape p%2c%23mermaid-4 .image-shape p%7bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3bpadding:2px%3b%7d%23mermaid-4 .icon-shape rect%2c%23mermaid-4 .image-shape rect%7bopacity:0.5%3bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3bfill:rgba(232%2c232%2c232%2c 0.8)%3b%7d%23mermaid-4 :root%7b--mermaid-font-family:arial%2csans-serif%3b%7d%3c/style%3e%3cg%3e%3cmarker orient='auto' markerHeight='8' markerWidth='8' markerUnits='userSpaceOnUse' refY='5' refX='5' viewBox='0 0 10 10' class='marker flowchart-v2' id='mermaid-4_flowchart-v2-pointEnd'%3e%3cpath style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 0 0 L 10 5 L 0 10 z'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='8' markerWidth='8' markerUnits='userSpaceOnUse' refY='5' refX='4.5' viewBox='0 0 10 10' class='marker flowchart-v2' id='mermaid-4_flowchart-v2-pointStart'%3e%3cpath style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 0 5 L 10 10 L 10 0 z'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5' refX='11' viewBox='0 0 10 10' class='marker flowchart-v2' id='mermaid-4_flowchart-v2-circleEnd'%3e%3ccircle style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' r='5' cy='5' cx='5'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5' refX='-1' viewBox='0 0 10 10' class='marker flowchart-v2' id='mermaid-4_flowchart-v2-circleStart'%3e%3ccircle style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' r='5' cy='5' cx='5'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5.2' refX='12' viewBox='0 0 11 11' class='marker cross flowchart-v2' id='mermaid-4_flowchart-v2-crossEnd'%3e%3cpath style='stroke-width: 2%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 1%2c1 l 9%2c9 M 10%2c1 l -9%2c9'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5.2' refX='-1' viewBox='0 0 11 11' class='marker cross flowchart-v2' id='mermaid-4_flowchart-v2-crossStart'%3e%3cpath style='stroke-width: 2%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 1%2c1 l 9%2c9 M 10%2c1 l -9%2c9'/%3e%3c/marker%3e%3cg class='root'%3e%3cg class='clusters'/%3e%3cg class='edgePaths'%3e%3cpath marker-end='url(%23mermaid-4_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_A_B_0' d='M158.317%2c62L149.931%2c68.167C141.545%2c74.333%2c124.772%2c86.667%2c116.386%2c98.333C108%2c110%2c108%2c121%2c108%2c126.5L108%2c132'/%3e%3cpath marker-end='url(%23mermaid-4_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_B_C_1' d='M108%2c190L108%2c198.167C108%2c206.333%2c108%2c222.667%2c116.85%2c238.562C125.701%2c254.456%2c143.401%2c269.913%2c152.251%2c277.641L161.102%2c285.369'/%3e%3cpath marker-end='url(%23mermaid-4_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_C_A_2' d='M225.956%2c288L235.308%2c279.833C244.66%2c271.667%2c263.365%2c255.333%2c272.718%2c234.5C282.07%2c213.667%2c282.07%2c188.333%2c282.07%2c165C282.07%2c141.667%2c282.07%2c120.333%2c274.221%2c103.895C266.372%2c87.457%2c250.674%2c75.913%2c242.825%2c70.141L234.976%2c64.37'/%3e%3c/g%3e%3cg class='edgeLabels'%3e%3cg transform='translate(108%2c 99)' class='edgeLabel'%3e%3cg transform='translate(-59.9375%2c -12)' class='label'%3e%3cforeignObject height='24' width='119.875'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3cp%3eKlicka 'Logga in'%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(108%2c 239)' class='edgeLabel'%3e%3cg transform='translate(-100%2c -24)' class='label'%3e%3cforeignObject height='48' width='200'%3e%3cdiv style='display: table%3b white-space: break-spaces%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b width: 200px%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3cp%3eKlicka 'Logga in med Google'%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(282.0703125%2c 163)' class='edgeLabel'%3e%3cg transform='translate(-68.46875%2c -12)' class='label'%3e%3cforeignObject height='24' width='136.9375'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3cp%3eOmdirigera n%c3%a4r klar%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg class='nodes'%3e%3cg transform='translate(195.03515625%2c 35)' id='flowchart-A-41' class='node default'%3e%3crect height='54' width='110.03125' y='-27' x='-55.015625' ry='5' rx='5' style='' class='basic label-container'/%3e%3cg transform='translate(-40.015625%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='80.03125'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eFigma hem%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(108%2c 163)' id='flowchart-B-42' class='node default'%3e%3crect height='54' width='141.203125' y='-27' x='-70.6015625' ry='5' rx='5' style='' class='basic label-container'/%3e%3cg transform='translate(-55.6015625%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='111.203125'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eInloggningssida%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(195.03515625%2c 315)' id='flowchart-C-43' class='node default'%3e%3crect height='54' width='81.59375' y='-27' x='-40.796875' ry='5' rx='5' style='' class='basic label-container'/%3e%3cg transform='translate(-25.796875%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='51.59375'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eGoogle%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e)
%3btext-align:center%3b%7d%23mermaid-5 .edgeLabel p%7bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3b%7d%23mermaid-5 .edgeLabel rect%7bopacity:0.5%3bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3bfill:rgba(232%2c232%2c232%2c 0.8)%3b%7d%23mermaid-5 .labelBkg%7bbackground-color:rgba(232%2c 232%2c 232%2c 0.5)%3b%7d%23mermaid-5 .cluster rect%7bfill:%23ffffde%3bstroke:%23aaaa33%3bstroke-width:1px%3b%7d%23mermaid-5 .cluster text%7bfill:%23333%3b%7d%23mermaid-5 .cluster span%7bcolor:%23333%3b%7d%23mermaid-5 div.mermaidTooltip%7bposition:absolute%3btext-align:center%3bmax-width:200px%3bpadding:2px%3bfont-family:arial%2csans-serif%3bfont-size:12px%3bbackground:hsl(80%2c 100%25%2c 96.2745098039%25)%3bborder:1px solid %23aaaa33%3bborder-radius:2px%3bpointer-events:none%3bz-index:100%3b%7d%23mermaid-5 .flowchartTitleText%7btext-anchor:middle%3bfont-size:18px%3bfill:%23333%3b%7d%23mermaid-5 rect.text%7bfill:none%3bstroke-width:0%3b%7d%23mermaid-5 .icon-shape%2c%23mermaid-5 .image-shape%7bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3btext-align:center%3b%7d%23mermaid-5 .icon-shape p%2c%23mermaid-5 .image-shape p%7bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3bpadding:2px%3b%7d%23mermaid-5 .icon-shape rect%2c%23mermaid-5 .image-shape rect%7bopacity:0.5%3bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3bfill:rgba(232%2c232%2c232%2c 0.8)%3b%7d%23mermaid-5 :root%7b--mermaid-font-family:arial%2csans-serif%3b%7d%3c/style%3e%3cg%3e%3cmarker orient='auto' markerHeight='8' markerWidth='8' markerUnits='userSpaceOnUse' refY='5' refX='5' viewBox='0 0 10 10' class='marker flowchart-v2' id='mermaid-5_flowchart-v2-pointEnd'%3e%3cpath style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 0 0 L 10 5 L 0 10 z'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='8' markerWidth='8' markerUnits='userSpaceOnUse' refY='5' refX='4.5' viewBox='0 0 10 10' class='marker flowchart-v2' id='mermaid-5_flowchart-v2-pointStart'%3e%3cpath style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 0 5 L 10 10 L 10 0 z'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5' refX='11' viewBox='0 0 10 10' class='marker flowchart-v2' id='mermaid-5_flowchart-v2-circleEnd'%3e%3ccircle style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' r='5' cy='5' cx='5'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5' refX='-1' viewBox='0 0 10 10' class='marker flowchart-v2' id='mermaid-5_flowchart-v2-circleStart'%3e%3ccircle style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' r='5' cy='5' cx='5'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5.2' refX='12' viewBox='0 0 11 11' class='marker cross flowchart-v2' id='mermaid-5_flowchart-v2-crossEnd'%3e%3cpath style='stroke-width: 2%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 1%2c1 l 9%2c9 M 10%2c1 l -9%2c9'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5.2' refX='-1' viewBox='0 0 11 11' class='marker cross flowchart-v2' id='mermaid-5_flowchart-v2-crossStart'%3e%3cpath style='stroke-width: 2%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 1%2c1 l 9%2c9 M 10%2c1 l -9%2c9'/%3e%3c/marker%3e%3cg class='root'%3e%3cg class='clusters'/%3e%3cg class='edgePaths'%3e%3cpath marker-end='url(%23mermaid-5_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_A_S_0' d='M133.391%2c62L126.034%2c68.167C118.677%2c74.333%2c103.964%2c86.667%2c96.607%2c98.333C89.25%2c110%2c89.25%2c121%2c89.25%2c126.5L89.25%2c132'/%3e%3cpath marker-end='url(%23mermaid-5_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_S_B_1' d='M89.25%2c190L89.25%2c196.167C89.25%2c202.333%2c89.25%2c214.667%2c89.25%2c226.333C89.25%2c238%2c89.25%2c249%2c89.25%2c254.5L89.25%2c260'/%3e%3cpath marker-end='url(%23mermaid-5_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_B_C_2' d='M89.25%2c318L89.25%2c324.167C89.25%2c330.333%2c89.25%2c342.667%2c89.25%2c354.333C89.25%2c366%2c89.25%2c377%2c89.25%2c382.5L89.25%2c388'/%3e%3cpath marker-end='url(%23mermaid-5_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_C_D_3' d='M89.25%2c446L89.25%2c452.167C89.25%2c458.333%2c89.25%2c470.667%2c96.096%2c482.572C102.942%2c494.477%2c116.634%2c505.954%2c123.479%2c511.692L130.325%2c517.43'/%3e%3cpath marker-end='url(%23mermaid-5_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_D_A_4' d='M197.812%2c520L205.169%2c513.833C212.526%2c507.667%2c227.24%2c495.333%2c234.596%2c478.5C241.953%2c461.667%2c241.953%2c440.333%2c241.953%2c419C241.953%2c397.667%2c241.953%2c376.333%2c241.953%2c355C241.953%2c333.667%2c241.953%2c312.333%2c241.953%2c291C241.953%2c269.667%2c241.953%2c248.333%2c241.953%2c227C241.953%2c205.667%2c241.953%2c184.333%2c241.953%2c163C241.953%2c141.667%2c241.953%2c120.333%2c235.107%2c103.928C228.261%2c87.523%2c214.57%2c76.046%2c207.724%2c70.308L200.878%2c64.57'/%3e%3c/g%3e%3cg class='edgeLabels'%3e%3cg transform='translate(89.25%2c 99)' class='edgeLabel'%3e%3cg transform='translate(-59.9375%2c -12)' class='label'%3e%3cforeignObject height='24' width='119.875'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3cp%3eKlicka 'Logga in'%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(89.25%2c 227)' class='edgeLabel'%3e%3cg transform='translate(-75.4921875%2c -12)' class='label'%3e%3cforeignObject height='24' width='150.984375'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3cp%3eKlicka 'Anv%c3%a4nd SSO'%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(89.25%2c 355)' class='edgeLabel'%3e%3cg transform='translate(-67.15625%2c -12)' class='label'%3e%3cforeignObject height='24' width='134.3125'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3cp%3eAnge e-postadress%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(89.25%2c 483)' class='edgeLabel'%3e%3cg transform='translate(-39.5703125%2c -12)' class='label'%3e%3cforeignObject height='24' width='79.140625'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3cp%3eOmdirigera%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(241.953125%2c 291)' class='edgeLabel'%3e%3cg transform='translate(-68.46875%2c -12)' class='label'%3e%3cforeignObject height='24' width='136.9375'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3cp%3eOmdirigera n%c3%a4r klar%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg class='nodes'%3e%3cg transform='translate(165.6015625%2c 35)' id='flowchart-A-46' class='node default'%3e%3crect height='54' width='110.03125' y='-27' x='-55.015625' ry='5' rx='5' style='' class='basic label-container'/%3e%3cg transform='translate(-40.015625%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='80.03125'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eFigma hem%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(89.25%2c 163)' id='flowchart-S-47' class='node default'%3e%3crect height='54' width='141.203125' y='-27' x='-70.6015625' ry='5' rx='5' style='' class='basic label-container'/%3e%3cg transform='translate(-55.6015625%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='111.203125'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eInloggningssida%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(89.25%2c 291)' id='flowchart-B-48' class='node default'%3e%3crect height='54' width='98.46875' y='-27' x='-49.234375' ry='5' rx='5' style='' class='basic label-container'/%3e%3cg transform='translate(-34.234375%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='68.46875'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eSSO-sida%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(89.25%2c 419)' id='flowchart-C-49' class='node default'%3e%3crect height='54' width='162.5' y='-27' x='-81.25' ry='5' rx='5' style='' class='basic label-container'/%3e%3cg transform='translate(-66.25%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='132.5'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eX (f%c3%b6rklara senare)%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(165.6015625%2c 547)' id='flowchart-D-50' class='node default'%3e%3crect height='54' width='165.78125' y='-27' x='-82.890625' ry='5' rx='5' style='' class='basic label-container'/%3e%3cg transform='translate(-67.890625%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='135.78125'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eGoogle Workspace%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e)
