/* Native, scalable architecture illustration for Application Extensions & Customization. */
.extension-visual{min-height:430px!important;padding:24px!important;background:#f7fbf8!important}.extension-visual:before,.extension-visual:after{display:none!important}.extension-flow{display:grid!important;grid-template-columns:.8fr 34px .8fr 34px 1.55fr!important;align-items:center!important;height:310px!important}.extension-core-card{min-height:205px!important;padding:18px 12px!important;border:2px solid #1d486d!important;border-radius:7px!important;background:#fff!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:11px!important}.extension-core-card b{font:700 12px/1.25 var(--sans)!important;color:#133252!important;text-transform:uppercase!important}.extension-core-card small{font:12px/1.5 var(--sans)!important;color:#314d63!important}.extension-architecture-icon{width:59px;height:51px;fill:none;stroke:#174b76;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.extension-connector{height:2px!important;margin:0 4px!important;background:#234b66!important;position:relative!important}.extension-connector:before,.extension-connector:after{content:'';position:absolute;top:-4px;border-top:5px solid transparent;border-bottom:5px solid transparent}.extension-connector:before{left:-1px;border-right:7px solid #234b66}.extension-connector:after{right:-1px;border-left:7px solid #234b66}.extension-tier{min-height:250px!important;padding:13px!important;border:2px solid #23724e!important;border-radius:7px!important;background:#fbfefb!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}.extension-tier>strong{grid-column:1/-1;text-align:center;color:#186443;font:700 13px/1 var(--sans)!important;letter-spacing:.55px;text-transform:uppercase}.extension-tier>div{padding:10px 5px!important;border:1px dashed #6fa586!important;border-radius:6px!important;background:#fff!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important}.extension-tier b{font:700 10px/1.12 var(--sans)!important;color:#123b30!important;text-transform:uppercase!important}.extension-tier small{font:10px/1.25 var(--sans)!important;color:#46655a!important}.extension-cell-icon{width:31px;height:31px;fill:none;stroke:#16734a;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.extension-foundation{position:relative;display:grid;place-items:center;min-height:54px;margin:0 -8px;padding-top:8px;clip-path:polygon(12% 0,88% 0,100% 100%,0 100%);border:1px solid #4c9a73;background:#e4f3e9;color:#176043;font:700 11px/1 var(--sans)!important;letter-spacing:1px;text-transform:uppercase}.extension-foundation:before{content:'';position:absolute;top:-23px;left:20%;right:20%;height:24px;border-left:1px dashed #63a984;border-right:1px dashed #63a984}@media(max-width:900px){.extension-visual{min-height:auto!important}.extension-flow{grid-template-columns:1fr!important;height:auto!important;gap:13px!important}.extension-connector{width:2px;height:25px!important;margin:auto!important}.extension-connector:before,.extension-connector:after{left:-4px;top:auto;border-left:5px solid transparent;border-right:5px solid transparent}.extension-connector:before{top:-1px;border-bottom:7px solid #234b66;border-right:5px solid transparent}.extension-connector:after{bottom:-1px;border-top:7px solid #234b66;border-left:5px solid transparent}.extension-tier{min-height:0!important}.extension-foundation{margin:14px 0 0;clip-path:none;border-radius:4px;min-height:50px}.extension-foundation:before{display:none}}@media(max-width:520px){.extension-tier{grid-template-columns:1fr!important}.extension-tier>strong{grid-column:auto}.extension-foundation{font-size:9px!important;letter-spacing:.4px}}