Logto aloitti CIAM:illa eri syistä (meillä on toinen artikkeli tästä aiheesta). Kehityksen aikana huomasimme, että yhtenäisen ymmärryksen luominen tiimin kesken olisi hyödyllistä ennen tuotteemme viemistä seuraavalle tasolle. Toivomme, että tämä auttaa sinua myös saamaan paremman käsityksen IAM-kentästä.
Aloitin Logton rakentamisen, koska huomasin, että identiteetin ja pääsynhallinnasta (IAM) oli tullut ajan myötä yhä monimutkaisempaa ja laajempaa. IAM-konsepti on jopa tarpeeksi laaja synnyttääkseen uusia konsepteja, kuten WIAM (Workforce IAM) ja CIAM (Customer IAM).
Vaikka WIAM ja CIAM jakavat saman perustan, niillä on erilaiset käyttötapaukset: WIAM:ia käytetään tyypillisesti sisäisille käyttäjille, kun taas CIAM:ia käytetään ulkoisille asiakkaille.
Joillain esimerkeillä:
WIAM Yritykselläsi on yhtenäinen identiteettijärjestelmä työntekijöille, joten jokainen voi käyttää samaa tiliä päästäkseen yrityksen resursseihin, kuten ohjelmistotilauksiin, pilvipalveluihin jne.
CIAM Sinun verkkokirjakauppasi vaatii käyttäjäidentiteettijärjestelmän asiakkaille ja myyjille. Sisäänkirjautumiskokemus on kriittinen osa onboardingia, sillä se sijaitsee muunnosketjun yläpäässä.
Logto aloitti CIAM:illa eri syistä (meillä on toinen artikkeli tästä aiheesta). Kehityksen aikana huomasimme, että yhtenäisen ymmärryksen luominen tiimin kesken olisi hyödyllistä ennen tuotteemme viemistä seuraavalle tasolle. Toivomme, että tämä auttaa sinua myös saamaan paremman käsityksen IAM-kentästä.
Tässä artikkelissa keskitymme CIAM:n peruskäsitteisiin ja ongelmiin, joita voimme kohdata autentikointiprosessin aikana tai sen jälkeen. Keskustelemme myös kertakirjautumisesta (SSO) ja siihen liittyvistä skenaarioista.
💡 Todennus on alun perin määritelty kysymyksellä "Kuka olet?". Kuitenkin, kun puhutaan digitaalisista identiteeteistä, on tarkempaa osoittaa todennus "identiteetin omistuksen todistamisella". (Kiitos Calm-Card-2424)
Jos havaitset jotain, joka ei sovi kumpaankaan näistä kahdesta kategoriasta, se ei luultavasti ole olennainen identiteettiliiketoiminnassa.
Esimerkkejä todennuksesta
Salasanakirjautuminen, salasanaton kirjautuminen, sosiaalinen kirjautuminen jne.
Identiteetti edustaa tyypillisesti joko käyttäjää tai konetta. Onnistuneen todennuksen jälkeen myönnetään ID Token identiteettinä.
Toisin sanoen todennuksen pääasiallinen tarkoitus on saada Identiteetti.
Vuokralainen on ryhmä identiteettejä:
Kun puhumme "monivuokralaisuudesta", tarkoitamme useita Logto-instansseja, jotka ovat identiteetistä eristyksissä toisistaan. Toisin sanoen useita Logto-instansseja.
Huomaa, että siinä on kaksi eristettyä identiteettijärjestelmää, eli et voi käyttää Vuokralaisen 1 identiteettiä Vuokralaisessa 2, vaikka sama tunniste (sähköposti, puhelin jne.) olisi käytössä. Se on kuin Costcon jäsenyytesi ei olisi voimassa Whole Foodsissa.
Aivan kuten identiteetti, myös sovellus kuuluu vuokralaiselle. Muutama asia muistaa:
Tyypillisesti sovelluksella ja identiteetillä ei ole suoraa yhteyttä.
Identiteetti voi edustaa sovellusta, mutta niiden välillä ei ole suoraa yhteyttä.
Kuten käyttäjät, myös sovellukset ovat vuokratason mukaisia.
Sovellukset ovat koodia, kun taas käyttäjät ovat ihmisiä.
Sovellusten ainoa tarkoitus on suorittaa todennus, eli saavuttaa identiteetti.
Identiteettipalveluntarjoaja (IdP) ja palveluntarjoaja (SP)#
Näiden kahden tarjoajan ero on hankala mutta tärkeä.
Identiteettipalveluntarjoaja on palvelu, joka tarjoaa todennuksen (AuthN) ja myöntää identiteettejä.
Voit löytää erilaisia selityksiä palveluntarjoajista Googlesta, vaikka ne eivät ehkä ole tyydyttäviä. Mielestäni palveluntarjoaja on suhteellinen käsite:
Palveluntarjoaja (tai Luottamuspuolue OIDC) on palvelu tai asiakas, joka aloittaa todennuksen (AuthN) ja pyytää tuloksia identiteettipalveluntarjoajilta.
Harkitse tyypillistä sosiaalisen kirjautumisen skenaariota:
❓ Kuinka monta palveluntarjoajaa ja identiteettipalveluntarjoajaa tässä kaaviossa on?
Vastaus
Molemmissa on kaksi. iOS-sovellus on palveluntarjoaja Logtolle, kun taas Logto on identiteettipalveluntarjoaja. Logto on myös palveluntarjoaja GitHubille, kun taas GitHub on identiteettipalveluntarjoaja. Näin ollen Logto on palveluntarjoaja ja identiteettipalveluntarjoaja.
Olet teknisen ratkaisuyrityksen CTO, sinulla on yli 100 liikekumppania ja olet toimittanut yli 300 projektia.
Jokainen projekti on joko verkkosovellus tai mobiilisovellus taustapalvelulla.
Jokaiselle liikekumppanille haluat uudistaa käyttäjäjärjestelmän tarjotaksesi SSO:n heidän projektissa.
❓ Kuinka Logto (tai CIAM-tuote) voi auttaa?
Vastaus
Luo Logto-instanssi kullekin liikekumppanille. Jokainen kumppani pitää hallussaan vuokralaista. Projektit kartoitetaan Logton "sovelluksiksi".
Logto tarjoaa universaalin sisäänkirjautumiskokemuksen (eli SSO) vuokralaisen sisällä, joten käyttäjien ei tarvitse kirjautua uudelleen sisään, kun he käyttävät toista sovellusta samassa vuokralaisessa, jos ovat jo kirjautuneet sisään.
Huomasimme, että termi "SSO" aiheuttaa usein sekaannusta. Meidän mielestämme kertakirjautuminen (SSO) on käyttäytymismalli, ei liiketoiminta-konsepti. Siksi SSO ei ole yhtä kuin “SSO WIAM:ssa”.
Kun sanomme ”se tarvitsee SSO:n”, se voi viitata johonkin seuraavista tapauksista:
👉🏽 Isossa korporaatiossa työntekijät käyttävät samoja tunnistetietoja kirjautuakseen kaikkiin yrityksen lisensioimiin resursseihin (esim. sähköposti, pikaviestit, pilvipalvelut).
Se on tyypillinen WIAM-skenaario. Tässä tapauksessa mukana on vain yksi identiteettipalveluntarjoaja. Emme välitä nyt siitä.
👉🏽 Loppukäyttäjät käyttävät samoja tunnistetietoja kirjautuakseen kaikkiin saman yrityksen kehittämiin palveluihin (esim. GSuite).
Logto keskittyy tällä hetkellä edellä kuvattuun lähestymistapaan. Useita ulkoisia identiteettipalveluntarjoajia, kuten kolmannen osapuolen sosiaalisen kirjautumisen tarjoaja, voi olla olemassa itsenäisesti ja ilman yhteyttä.
Tästä huolimatta Logto pysyy ainoana totuuden lähteenä identiteeteille, yksinkertaisesti "lainaten" niitä muilta tarjoajilta. Tässä tapauksessa Logto toimii sekä identiteettipalveluntarjoajana (GSuite-sovelluksille) että palveluntarjoajana (ulkoisille identiteettipalveluntarjoajille).
👉🏽 Loppukäyttäjät voivat käyttää vain tiettyä identiteettipalveluntarjoajaa sähköpostialueensa kontekstissa autentikoinnin suorittamiseen. Esimerkiksi kirjautuminen Figmaan Google Workspacen avulla.
Tämä on yleisin käyttötapaus SSO:ssa CIAM:ssa. Tarkastellaanpa tätä lähemmin.
Jos haluamme kirjautua Figmaan käyttämällä @silverhand.io-sähköpostiamme, voimme käyttää joko sosiaalista kirjautumista tai SSO:ta. Alla olevat kuvat havainnollistavat eroa näiden kahden välillä:
Sosiaalinen kirjautuminen
SSO
Sanoissa:
Sosiaalisen kirjautumisen jälkeen käyttäjät voivat vapaasti asettaa salasanan tai muuttaa sähköpostiosoitetta Figmassa
SSO:n jälkeen käyttäjät eivät voi asettaa salasanaa tai muuttaa mitään henkilökohtaisia tietoja, mukaan lukien sähköpostiosoitetta, koska heidän identiteettiään hallitsee Google Workspace
Tässä tapauksessa Logto on sekä identiteettipalveluntarjoaja että palveluntarjoaja. Näyttää siltä, että SSO on monimutkaisempi kuin tavallinen kirjautumisprosessi. Mitkä ovat identiteetin omistajan hyödyt?
Keskitetty hallinta: Pidä identiteettitiedot ja kirjautumisprosessit yhdessä paikassa ja varmista, että käyttäjätiedot ovat aina ajan tasalla. Ei tarvitse lisätä ja poistaa lisenssejä eri sovelluksista muutosten takia.
Parannettu käyttäjäkokemus: Identiteetin omistajat, jotka vaativat SSO:ta, ovat yleensä yrityksiä. Heidän työntekijänsä voivat käyttää samoja tunnistetietoja ja jaettua istuntoa poikkiyrityssovelluksille, kuten Figma, Zoom, Slack jne.
Lisätty turvallisuus: Saatat olla huomannut, että jotkut yritykset vaativat tiettyjä kirjautumismenetelmiä kuten dynaamisia varmistuskoodeja. Käyttämällä SSO:ta voidaan varmistaa, että jokainen työntekijä käyttää samaa kirjautumismenetelmäyhdistelmää kaikkien resurssien käyttöön.
🤔 Fiksu kuten sinä varmaan huomasi tämän olevan itse asiassa SSO-tapaus 1 SaaS-näkökulmasta.
On aika keskustella "X":stä SSO-kaaviossa. Tämä edustaa prosessia, jossa Figma yhdistää sähköpostialueen tiettyyn identiteettipalveluntarjoajaan. Mutta miten se toimii?
Näin, jos määrität silverhand.io:n kelvolliseksi sähköpostialueeksi, joka yhdistää Google Workspace SSO URL:iin, käyttäjät, jotka yrittävät kirjautua @silverhand.io:n sähköpostilla, ohjataan vastaavalle Google Workspace-kirjautumissivulle sen sijaan, että he käsitellään paikan päällä.
Kun sinulla on vain vähän kymmeniä asiakkaita, jotka tarvitsevat Enterprise SSO:n, manuaalinen kartoituksen hallinta on okei. Kuitenkin on otettava huomioon useampia asioita:
Entä jos on satoja tai tuhansia Enterprise SSO-asiakkaita?
Mikä on suhde “normaalien käyttäjien” ja “Enterprise SSO-käyttäjien” välillä?
Tuleeko data eristää eri Enterprise SSO-asiakkaiden välillä?
Onko tarvetta tarjota hallintapaneeli Enterprise SSO:n ylläpitäjille aktiivisten käyttäjien, tarkastuslokien jne. katseluun?
Kuinka tilit voidaan poista käytöstä automaattisesti, kun käyttäjä poistetaan Enterprise SSO identiteettipalveluntarjoajasta?
Ja paljon enemmän. Koska lähes kaikki Enterprise SSO:t perustuvat sähköpostialueeseen, voimme nopeasti keksiä paremman ratkaisun:
Jos käyttäjä voi todistaa omistavansa kyseisen alueen, hän voi itsepalveluna asentaa kyseisen alueen Enterprise SSO:n.
Tämä ratkaisu vastaa ensimmäisiin kahteen kysymykseen:
1. Entä jos on satoja tai tuhansia Enterprise SSO-asiakkaita?
He voivat itsepalveluna konfiguroida Enterprise SSO:n.
2. Mikä on suhde “normaalien käyttäjien” ja “Enterprise SSO-käyttäjien” välillä?
Avaamme kaikki mahdolliset kirjautumismenetelmät normaaleille käyttäjille paitsi Enterprise SSO; Samaan aikaan rajoitamme kirjautumismenetelmää vain Enterprise SSO:lle niille käyttäjille, jotka yrittävät kirjautua sisään määritetyillä sähköpostialueilla.
Kolmanteen kysymykseen:
3. Tuleeko data eristää eri Enterprise SSO-asiakkaiden välillä?
Mainitsimme käyttämällä sähköpostialueita tunnistamaan tietyn Enterprise SSO-menetelmän; toisin sanoen soveltamaan erityistä käsittelyä tiettyyn käyttäjäryhmään.
Kuitenkaan asiakkaiden vaatimukset eivät usein ole pelkästään Enterprise SSO; esimerkiksi kysymykset 4 ja 5 edellisessä kohdassa. Vuosien varrella kypsä malli on kehitetty erinomaisilla SaaS-yrityksillä ratkaisemaan tämän tyyppisiä ongelmia: Organisaatiot.
Organisaatiosäännöt
Organisaatio on identiteettien ryhmä, tyypillisesti pienempi kuin vuokralainen.
Kaikki organisaatiot liittyvät vuokralaiseen.
Saatat nähdä muita termejä, kuten "Workspace", “Team” tai jopa "Vuokralainen" ohjelmistossa. Tunnistaaksesi onko se konsepti, jota keskustelemme, tarkista vain, edustaako se “identiteettiryhmää”.
Tässä artikkelissa käytämme termiä "Organisaatio" johdonmukaisuuden vuoksi.
Notionissa voit luoda ja liittyä useisiin työtiloihin (eli organisaatioihin) samalla sähköpostiosoitteella ja vaihtaa niitä helposti.
Slackista näyttäisi olevan sama, mutta epäilemme, että se käyttää eri identiteettejä kulisseissa, koska meidän on luotava uusi tili jokaista työtilaa varten.
Slackin työtilat
Notionin työtilat
Notionilla on “Henkilökohtainen suunnitelma” käytettävissä, joka on normaali organisaatio kulissien takana, jossa olet ainoa käyttäjä. Emme tiedä tarkkaa Notionin toteutusta, mutta tämä selitys on järkevä ja saavutettavissa mallillamme.
Jokaisella organisaatiolla on myös tunniste, yleensä viitattu nimellä “Organisaatiodomain”.
3. Tuleeko data eristää eri Enterprise SSO-asiakkaiden välillä?
Kyllä: Eristää liiketoimintatiedot, kuten viestit ja dokumentit, organisaatiotasolla.
Ei: Pidä identiteetit itsenäisinä, koska niiden ei tarvitse liittyä organisaatioon.
Huomaa, että täällä on mukana kolme erillistä entiteettiä: identiteetit, organisaatiot ja Enterprise SSO-konfiguraatiot; mikä huomattavasti lisäsi monimutkaisuuden. Itse kysymys ei ole riittävän tarkka.
4. Onko tarvetta tarjota hallintapaneeli Enterprise SSO:n ylläpitäjille aktiivisten käyttäjien, tarkastuslokien jne. katseluun?
5. Kuinka tilit voidaan poista käytöstä automaattisesti, kun käyttäjä poistetaan Enterprise SSO identiteettipalveluntarjoajasta?
Nämä tarpeet ovat enemmän liiketoimintaan liittyviä ja ne voidaan toteuttaa organisaatiotasolla. Jätämme ne avoimeksi tähän.
Olemme esitelleet useita käsitteitä: Todennus (AuthN), Valtuutus (AuthZ), Identiteetti, Vuokralainen, Sovellus, Identiteettipalveluntarjoaja (IdP), Palveluntarjoaja (SP), Kertakirjautuminen (SSO) ja Enterprise SSO (organisaatio). Näiden kaikkien käsitteiden ymmärtäminen voi viedä aikaa.
Kirjoittaessani tätä artikkelia huomasin, että mielenkiintoisesti verkkopalveluiden kalleimmat suunnitelmat sisältävät usein yksinoikeudella liittyviä ominaisuuksia valtuutukseen, jota ei ollenkaan mainita tässä artikkelissa. Saatat jo kysyä joitakin kysymyksiä valtuutuksesta, kuten:
Kuinka voimme antaa oikeuksia käyttäjälle ja varmistaa ne?
%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_Vuokralainen_A_0' d='M302.406%2c50.057L271.161%2c56.214C239.917%2c62.371%2c177.427%2c74.686%2c146.182%2c84.343C114.938%2c94%2c114.938%2c101%2c114.938%2c104.5L114.938%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_Vuokralainen_B_1' d='M378.813%2c62L378.813%2c66.167C378.813%2c70.333%2c378.813%2c78.667%2c378.813%2c86.333C378.813%2c94%2c378.813%2c101%2c378.813%2c104.5L378.813%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_Vuokralainen_C_2' d='M455.219%2c50.663L484.76%2c56.72C514.302%2c62.776%2c573.385%2c74.888%2c602.927%2c84.444C632.469%2c94%2c632.469%2c101%2c632.469%2c104.5L632.469%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(378.8125%2c 35)' id='flowchart-Vuokralainen-0' class='node default'%3e%3crect height='54' width='152.8125' y='-27' x='-76.40625' style='' class='basic label-container'/%3e%3cg transform='translate(-46.40625%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='92.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%3eVuokralainen%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(114.9375%2c 139)' id='flowchart-A-1' class='node default'%3e%3crect height='54' width='213.875' y='-27' x='-106.9375' style='' class='basic label-container'/%3e%3cg transform='translate(-76.9375%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='153.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' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eIdentiteetti: K%c3%a4ytt%c3%a4j%c3%a4 1%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(378.8125%2c 139)' id='flowchart-B-3' class='node default'%3e%3crect height='54' width='213.875' y='-27' x='-106.9375' style='' class='basic label-container'/%3e%3cg transform='translate(-76.9375%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='153.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' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eIdentiteetti: K%c3%a4ytt%c3%a4j%c3%a4 2%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(632.46875%2c 139)' id='flowchart-C-5' class='node default'%3e%3crect height='54' width='193.4375' y='-27' x='-96.71875' style='' class='basic label-container'/%3e%3cg transform='translate(-66.71875%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='133.4375'%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%3eIdentiteetti: Kone 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='283.875' y='8' x='8' style=''/%3e%3cg transform='translate(67.671875%2c 8)' class='cluster-label'%3e%3cforeignObject height='24' width='164.53125'%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%3eIdentiteettij%c3%a4rjestelm%c3%a4 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='M149.938%2c99.5L149.938%2c105.75C149.938%2c112%2c149.938%2c124.5%2c149.938%2c136.333C149.938%2c148.167%2c149.938%2c159.333%2c149.938%2c164.917L149.938%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(149.9375%2c 72.5)' id='flowchart-T1-6' class='node default'%3e%3crect height='54' width='165.859375' y='-27' x='-82.9296875' style='' class='basic label-container'/%3e%3cg transform='translate(-52.9296875%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='105.859375'%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%3eVoukralainen 1%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(149.9375%2c 201.5)' id='flowchart-A-7' class='node default'%3e%3crect height='54' width='213.875' y='-27' x='-106.9375' style='' class='basic label-container'/%3e%3cg transform='translate(-76.9375%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='153.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' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eIdentiteetti: K%c3%a4ytt%c3%a4j%c3%a4 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(333.875%2c 0)' class='root'%3e%3cg class='clusters'%3e%3cg data-look='classic' id='IS2' class='cluster'%3e%3crect height='258' width='527.3125' y='8' x='8' style=''/%3e%3cg transform='translate(189.390625%2c 8)' class='cluster-label'%3e%3cforeignObject height='24' width='164.53125'%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%3eIdentiteettij%c3%a4rjestelm%c3%a4 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='M223.675%2c99.5L211.385%2c105.75C199.096%2c112%2c174.517%2c124.5%2c162.227%2c136.333C149.938%2c148.167%2c149.938%2c159.333%2c149.938%2c164.917L149.938%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='M329.856%2c99.5L342.146%2c105.75C354.436%2c112%2c379.015%2c124.5%2c391.304%2c136.333C403.594%2c148.167%2c403.594%2c159.333%2c403.594%2c164.917L403.594%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(276.765625%2c 72.5)' id='flowchart-T2-8' class='node default'%3e%3crect height='54' width='165.859375' y='-27' x='-82.9296875' style='' class='basic label-container'/%3e%3cg transform='translate(-52.9296875%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='105.859375'%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%3eVoukralainen 2%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(149.9375%2c 201.5)' id='flowchart-B-9' class='node default'%3e%3crect height='54' width='213.875' y='-27' x='-106.9375' style='' class='basic label-container'/%3e%3cg transform='translate(-76.9375%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='153.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' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eIdentiteetti: K%c3%a4ytt%c3%a4j%c3%a4 1%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(403.59375%2c 201.5)' id='flowchart-C-11' class='node default'%3e%3crect height='54' width='193.4375' y='-27' x='-96.71875' style='' class='basic label-container'/%3e%3cg transform='translate(-66.71875%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='133.4375'%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%3eIdentiteetti: Kone 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='M157.813%2c32.29L173.615%2c30.242C189.417%2c28.193%2c221.021%2c24.097%2c251.966%2c24.349C282.911%2c24.6%2c313.197%2c29.201%2c328.34%2c31.501L343.483%2c33.801'/%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='M447.484%2c34.111L462.397%2c31.759C477.31%2c29.407%2c507.135%2c24.704%2c536.302%2c24.524C565.468%2c24.344%2c593.976%2c28.688%2c608.229%2c30.86L622.483%2c33.032'/%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='M626.438%2c50.365L611.525%2c52.638C596.612%2c54.91%2c566.786%2c59.455%2c537.619%2c59.48C508.452%2c59.504%2c479.944%2c55.008%2c465.69%2c52.76L451.436%2c50.512'/%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='M347.438%2c49.598L331.635%2c51.999C315.833%2c54.399%2c284.229%2c59.199%2c253.286%2c59.637C222.343%2c60.075%2c192.061%2c56.149%2c176.92%2c54.187L161.779%2c52.224'/%3e%3c/g%3e%3cg class='edgeLabels'%3e%3cg transform='translate(252.625%2c 20)' class='edgeLabel'%3e%3cg transform='translate(-69.8125%2c -12)' class='label'%3e%3cforeignObject height='24' width='139.625'%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%3eAloita kirjautuminen%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(536.9609375%2c 20)' class='edgeLabel'%3e%3cg transform='translate(-59.6015625%2c -12)' class='label'%3e%3cforeignObject height='24' width='119.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' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3cp%3eUudelleenohjaus%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(536.9609375%2c 64)' class='edgeLabel'%3e%3cg transform='translate(-64.4765625%2c -12)' class='label'%3e%3cforeignObject height='24' width='128.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%3ePalauta GitHub ID%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(252.625%2c 64)' class='edgeLabel'%3e%3cg transform='translate(-59.6015625%2c -12)' class='label'%3e%3cforeignObject height='24' width='119.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' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3cp%3ePalauta 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(82.90625%2c 42)' id='flowchart-A-17' class='node default'%3e%3crect height='54' width='149.8125' y='-27' x='-74.90625' style='' class='basic label-container'/%3e%3cg transform='translate(-44.90625%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='89.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%3eiOS-sovellus%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(397.4609375%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(681.3359375%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='M359.492%2c46.75L312.063%2c53.459C264.633%2c60.167%2c169.773%2c73.583%2c122.344%2c83.792C74.914%2c94%2c74.914%2c101%2c74.914%2c104.5L74.914%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='M359.492%2c58.501L342.701%2c63.25C325.909%2c68%2c292.326%2c77.5%2c275.534%2c85.75C258.742%2c94%2c258.742%2c101%2c258.742%2c104.5L258.742%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='M442.57%2c62L442.57%2c66.167C442.57%2c70.333%2c442.57%2c78.667%2c442.57%2c86.333C442.57%2c94%2c442.57%2c101%2c442.57%2c104.5L442.57%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='M525.648%2c58.673L542.217%2c63.394C558.786%2c68.115%2c591.924%2c77.558%2c608.493%2c85.779C625.063%2c94%2c625.063%2c101%2c625.063%2c104.5L625.063%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='M525.648%2c46.88L572.41%2c53.566C619.172%2c60.253%2c712.695%2c73.627%2c759.457%2c83.813C806.219%2c94%2c806.219%2c101%2c806.219%2c104.5L806.219%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='M1180.707%2c50.705L1148.708%2c56.754C1116.708%2c62.803%2c1052.71%2c74.902%2c1020.71%2c84.451C988.711%2c94%2c988.711%2c101%2c988.711%2c104.5L988.711%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='M1216.407%2c62L1209.096%2c66.167C1201.785%2c70.333%2c1187.162%2c78.667%2c1179.85%2c86.333C1172.539%2c94%2c1172.539%2c101%2c1172.539%2c104.5L1172.539%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='M1311.163%2c62L1318.474%2c66.167C1325.786%2c70.333%2c1340.408%2c78.667%2c1347.72%2c86.333C1355.031%2c94%2c1355.031%2c101%2c1355.031%2c104.5L1355.031%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='M1346.863%2c50.859L1378.417%2c56.883C1409.971%2c62.906%2c1473.079%2c74.953%2c1504.633%2c84.477C1536.188%2c94%2c1536.188%2c101%2c1536.188%2c104.5L1536.188%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(442.5703125%2c 35)' id='flowchart-T1-23' class='node default'%3e%3crect height='54' width='166.15625' y='-27' x='-83.078125' style='' class='basic label-container'/%3e%3cg transform='translate(-53.078125%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='106.15625'%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%3eVuokralainen 1%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(74.9140625%2c 139)' id='flowchart-A-24' class='node default'%3e%3crect height='54' width='133.828125' y='-27' x='-66.9140625' style='' class='basic label-container'/%3e%3cg transform='translate(-36.9140625%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='73.828125'%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%3eSovellus 1%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(258.7421875%2c 139)' id='flowchart-B-26' class='node default'%3e%3crect height='54' width='133.828125' y='-27' x='-66.9140625' style='' class='basic label-container'/%3e%3cg transform='translate(-36.9140625%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='73.828125'%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%3eSovellus 2%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(442.5703125%2c 139)' id='flowchart-C-28' class='node default'%3e%3crect height='54' width='133.828125' y='-27' x='-66.9140625' style='' class='basic label-container'/%3e%3cg transform='translate(-36.9140625%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='73.828125'%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%3eSovellus 3%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(625.0625%2c 139)' id='flowchart-U1-30' class='node default'%3e%3crect height='54' width='131.15625' y='-27' x='-65.578125' style='' class='basic label-container'/%3e%3cg transform='translate(-35.578125%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='71.15625'%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%3eK%c3%a4ytt%c3%a4j%c3%a4 1%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(806.21875%2c 139)' id='flowchart-U2-32' class='node default'%3e%3crect height='54' width='131.15625' y='-27' x='-65.578125' style='' class='basic label-container'/%3e%3cg transform='translate(-35.578125%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='71.15625'%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%3eK%c3%a4ytt%c3%a4j%c3%a4 2%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(1263.78515625%2c 35)' id='flowchart-T2-33' class='node default'%3e%3crect height='54' width='166.15625' y='-27' x='-83.078125' style='' class='basic label-container'/%3e%3cg transform='translate(-53.078125%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='106.15625'%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%3eVuokralainen 2%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(988.7109375%2c 139)' id='flowchart-D-34' class='node default'%3e%3crect height='54' width='133.828125' y='-27' x='-66.9140625' style='' class='basic label-container'/%3e%3cg transform='translate(-36.9140625%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='73.828125'%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%3eSovellus 1%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(1172.5390625%2c 139)' id='flowchart-E-36' class='node default'%3e%3crect height='54' width='133.828125' y='-27' x='-66.9140625' style='' class='basic label-container'/%3e%3cg transform='translate(-36.9140625%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='73.828125'%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%3eSovellus 2%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(1355.03125%2c 139)' id='flowchart-U21-38' class='node default'%3e%3crect height='54' width='131.15625' y='-27' x='-65.578125' style='' class='basic label-container'/%3e%3cg transform='translate(-35.578125%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='71.15625'%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%3eK%c3%a4ytt%c3%a4j%c3%a4 1%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(1536.1875%2c 139)' id='flowchart-U22-40' class='node default'%3e%3crect height='54' width='131.15625' y='-27' x='-65.578125' style='' class='basic label-container'/%3e%3cg transform='translate(-35.578125%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='71.15625'%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%3eK%c3%a4ytt%c3%a4j%c3%a4 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='M165.98%2c62L156.162%2c68.167C146.344%2c74.333%2c126.707%2c86.667%2c116.889%2c98.333C107.07%2c110%2c107.07%2c121%2c107.07%2c126.5L107.07%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='M107.07%2c190L107.07%2c196.167C107.07%2c202.333%2c107.07%2c214.667%2c116.689%2c226.875C126.308%2c239.083%2c145.546%2c251.166%2c155.166%2c257.207L164.785%2c263.249'/%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='M249.766%2c265.376L259.949%2c258.98C270.133%2c252.584%2c290.5%2c239.792%2c300.684%2c222.729C310.867%2c205.667%2c310.867%2c184.333%2c310.867%2c163C310.867%2c141.667%2c310.867%2c120.333%2c301.613%2c103.855C292.36%2c87.376%2c273.852%2c75.752%2c264.598%2c69.94L255.344%2c64.127'/%3e%3c/g%3e%3cg class='edgeLabels'%3e%3cg transform='translate(107.0703125%2c 99)' class='edgeLabel'%3e%3cg transform='translate(-88.390625%2c -12)' class='label'%3e%3cforeignObject height='24' width='176.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' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3cp%3eKlikkaa 'Kirjaudu sis%c3%a4%c3%a4n'%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(107.0703125%2c 227)' class='edgeLabel'%3e%3cg transform='translate(-99.0703125%2c -12)' class='label'%3e%3cforeignObject height='24' width='198.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%3eKlikkaa 'Kirjaudu Googlella'%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(310.8671875%2c 163)' 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%3eUudelleenohjaus%2c kun valmis%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(208.96875%2c 35)' id='flowchart-A-41' class='node default'%3e%3crect height='54' width='141.15625' y='-27' x='-70.578125' ry='5' rx='5' style='' class='basic label-container'/%3e%3cg transform='translate(-55.578125%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='111.15625'%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%3eFigman kotisivu%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(107.0703125%2c 163)' id='flowchart-B-42' class='node default'%3e%3crect height='54' width='137.59375' y='-27' x='-68.796875' ry='5' rx='5' style='' class='basic label-container'/%3e%3cg transform='translate(-53.796875%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='107.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%3eKirjautumissivu%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(208.96875%2c 291)' 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='M169.048%2c62L160.194%2c68.167C151.34%2c74.333%2c133.631%2c86.667%2c124.776%2c98.333C115.922%2c110%2c115.922%2c121%2c115.922%2c126.5L115.922%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='M115.922%2c190L115.922%2c196.167C115.922%2c202.333%2c115.922%2c214.667%2c115.922%2c226.333C115.922%2c238%2c115.922%2c249%2c115.922%2c254.5L115.922%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='M115.922%2c318L115.922%2c324.167C115.922%2c330.333%2c115.922%2c342.667%2c115.922%2c354.333C115.922%2c366%2c115.922%2c377%2c115.922%2c382.5L115.922%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='M115.922%2c446L115.922%2c452.167C115.922%2c458.333%2c115.922%2c470.667%2c124.229%2c482.619C132.537%2c494.571%2c149.151%2c506.143%2c157.459%2c511.928L165.766%2c517.714'/%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='M246.584%2c520L255.439%2c513.833C264.293%2c507.667%2c282.002%2c495.333%2c290.857%2c478.5C299.711%2c461.667%2c299.711%2c440.333%2c299.711%2c419C299.711%2c397.667%2c299.711%2c376.333%2c299.711%2c355C299.711%2c333.667%2c299.711%2c312.333%2c299.711%2c291C299.711%2c269.667%2c299.711%2c248.333%2c299.711%2c227C299.711%2c205.667%2c299.711%2c184.333%2c299.711%2c163C299.711%2c141.667%2c299.711%2c120.333%2c291.404%2c103.881C283.096%2c87.429%2c266.482%2c75.857%2c258.174%2c70.072L249.867%2c64.286'/%3e%3c/g%3e%3cg class='edgeLabels'%3e%3cg transform='translate(115.921875%2c 99)' class='edgeLabel'%3e%3cg transform='translate(-88.390625%2c -12)' class='label'%3e%3cforeignObject height='24' width='176.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' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3cp%3eKlikkaa 'Kirjaudu sis%c3%a4%c3%a4n'%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(115.921875%2c 227)' class='edgeLabel'%3e%3cg transform='translate(-82.1640625%2c -12)' class='label'%3e%3cforeignObject height='24' width='164.328125'%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%3eKlikkaa 'K%c3%a4yt%c3%a4 SSO:ta'%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(115.921875%2c 355)' class='edgeLabel'%3e%3cg transform='translate(-82.2734375%2c -12)' class='label'%3e%3cforeignObject height='24' width='164.546875'%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%3eSy%c3%b6t%c3%a4 s%c3%a4hk%c3%b6postiosoite%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(115.921875%2c 483)' class='edgeLabel'%3e%3cg transform='translate(-59.6015625%2c -12)' class='label'%3e%3cforeignObject height='24' width='119.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' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3cp%3eUudelleenohjaus%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(299.7109375%2c 291)' 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%3eUudelleenohjaus%2c kun valmis%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(207.81640625%2c 35)' id='flowchart-A-46' class='node default'%3e%3crect height='54' width='141.15625' y='-27' x='-70.578125' ry='5' rx='5' style='' class='basic label-container'/%3e%3cg transform='translate(-55.578125%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='111.15625'%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%3eFigman kotisivu%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(115.921875%2c 163)' id='flowchart-S-47' class='node default'%3e%3crect height='54' width='137.59375' y='-27' x='-68.796875' ry='5' rx='5' style='' class='basic label-container'/%3e%3cg transform='translate(-53.796875%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='107.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%3eKirjautumissivu%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(115.921875%2c 291)' id='flowchart-B-48' class='node default'%3e%3crect height='54' width='97.578125' y='-27' x='-48.7890625' ry='5' rx='5' style='' class='basic label-container'/%3e%3cg transform='translate(-33.7890625%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='67.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' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eSSO-sivu%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(115.921875%2c 419)' id='flowchart-C-49' class='node default'%3e%3crect height='54' width='215.84375' y='-27' x='-107.921875' ry='5' rx='5' style='' class='basic label-container'/%3e%3cg transform='translate(-92.921875%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='185.84375'%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 (selitet%c3%a4%c3%a4n my%c3%b6hemmin)%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(207.81640625%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)
