.gm-sysmap{--sm-line:var(--gm-rule,#ab9ec3);--sm-card:#fff;--sm-card-line:var(--gm-rule-light,#e3e0ee);--sm-title:var(--gm-ink,#19152f);--sm-text:var(--gm-muted,#655b77);--sm-gap:56px;margin:0}.gm-sysmap--dark,.gm-sysmap--purple{--sm-line:hsla(0,0%,100%,.4);--sm-card:hsla(0,0%,100%,.08);--sm-card-line:hsla(0,0%,100%,.24);--sm-title:#fff;--sm-text:var(--gm-lilac,#c9c2da)}.gm-sysmap .sm-grid{align-items:center;display:grid;grid-template-columns:minmax(0,1fr) 280px minmax(0,1fr)}.gm-sysmap .sm-col{display:flex;flex-direction:column;gap:16px;margin:0;padding:0;position:relative}.gm-sysmap .sm-col--l{padding-right:var(--sm-gap)}.gm-sysmap .sm-col--r{padding-left:var(--sm-gap)}.gm-sysmap .sm-node{align-items:center;background:var(--sm-card);border:1px solid var(--sm-card-line);border-radius:4px;box-sizing:border-box;display:flex;gap:16px;min-height:80px;padding:16px 20px;position:relative}.gm-sysmap .sm-node:after{border-top:2px solid var(--sm-line);content:"";position:absolute;top:50%;width:var(--sm-gap)}.gm-sysmap .sm-col--l .sm-node:after{left:100%}.gm-sysmap .sm-col--r .sm-node:after{right:100%}.gm-sysmap .sm-node__icon{display:flex;flex:none}.gm-sysmap .sm-node__body{display:flex;flex-direction:column;gap:4px;min-width:0}.gm-sysmap .sm-node__title{color:var(--sm-title);font-family:var(--gm-font-head,"Jost",Arial,sans-serif);font-size:19px;font-weight:600;line-height:1.2}.gm-sysmap .sm-node__text{color:var(--sm-text);font-size:15px;line-height:1.45}.gm-sysmap .sm-node:before{border-left:2px solid var(--sm-line);bottom:-8px;content:"";position:absolute;top:-8px}.gm-sysmap .sm-col--l .sm-node:before{left:calc(100% + var(--sm-gap) - 2px)}.gm-sysmap .sm-col--r .sm-node:before{right:calc(100% + var(--sm-gap) - 2px)}.gm-sysmap .sm-node:first-child:before{top:50%}.gm-sysmap .sm-node:last-child:before{bottom:50%}.gm-sysmap .sm-node:only-child:before{display:none}.gm-sysmap .sm-hub{align-items:center;align-self:stretch;display:flex;justify-content:center;position:relative}.gm-sysmap .sm-hub:before{border-top:2px solid var(--sm-line);content:"";left:0;position:absolute;right:0;top:50%}.gm-sysmap .sm-hub__card{align-items:center;background:var(--gm-purple,#5834c7);border-radius:4px;box-shadow:0 0 0 8px color-mix(in srgb,var(--gm-purple,#5834c7) 18%,transparent);display:flex;flex-direction:column;gap:10px;padding:32px 24px;position:relative;text-align:center;width:220px;z-index:1}.gm-sysmap--purple .sm-hub__card{background:var(--gm-ink,#19152f);box-shadow:0 0 0 8px hsla(0,0%,100%,.14)}.gm-sysmap .sm-hub__label{color:#fff;font-family:var(--gm-font-head,"Jost",Arial,sans-serif);font-size:26px;font-weight:700;line-height:1.1}.gm-sysmap .sm-hub__text{color:var(--gm-lilac,#c9c2da);font-size:15px;line-height:1.45}.gm-sysmap .sm-caption{color:var(--sm-text);font-size:15px;line-height:1.5;margin-top:32px;text-align:center}@media (max-width:1100px){.gm-sysmap .sm-grid{grid-template-columns:minmax(0,1fr)}.gm-sysmap .sm-hub{justify-content:flex-start;order:-1;padding-bottom:24px}.gm-sysmap .sm-hub:before{border-left:2px solid var(--sm-line);border-top:0;bottom:0;left:31px;right:auto;top:50%}.gm-sysmap .sm-hub__card{align-items:center;box-sizing:border-box;column-gap:16px;display:grid;grid-template-columns:auto minmax(0,1fr);padding:20px 24px;row-gap:2px;text-align:left;width:100%}.gm-sysmap .sm-hub__icon{grid-row:span 2}.gm-sysmap .sm-col,.gm-sysmap .sm-col--l,.gm-sysmap .sm-col--r{padding:0 0 0 64px}.gm-sysmap .sm-col--l{padding-bottom:16px}.gm-sysmap .sm-col--l .sm-node:after,.gm-sysmap .sm-col--r .sm-node:after{left:auto;right:100%;width:33px}.gm-sysmap .sm-col--l .sm-node:before,.gm-sysmap .sm-col--r .sm-node:before{display:block;left:auto;right:calc(100% + 31px)}.gm-sysmap .sm-col--l .sm-node:first-child:before{top:-24px}.gm-sysmap .sm-col--l .sm-node:last-child:before{bottom:-8px}.gm-sysmap .sm-col--r .sm-node:first-child:before{top:-8px}}@media (max-width:640px){.gm-sysmap .sm-col,.gm-sysmap .sm-col--l,.gm-sysmap .sm-col--r{padding-left:40px}.gm-sysmap .sm-col--l .sm-node:after,.gm-sysmap .sm-col--r .sm-node:after{width:21px}.gm-sysmap .sm-hub:before{left:19px}.gm-sysmap .sm-col--l .sm-node:before,.gm-sysmap .sm-col--r .sm-node:before{right:calc(100% + 19px)}.gm-sysmap .sm-node{gap:12px;min-height:64px;padding:14px 16px}.gm-sysmap .sm-node__title{font-size:17px}.gm-sysmap .sm-hub__label{font-size:22px}}