.UseCasesEndToEndSolutionGraphic{--subcardBackground:#27486a;--linePathAnimationPlayState:running;letter-spacing:.2px;color:var(--titleColor)}.UseCasesEndToEndSolutionGraphic__figure{-webkit-user-select:none;-moz-user-select:none;user-select:none;display:grid;grid-template-columns:1fr 1fr;gap:26px 0;position:relative;max-width:360px;margin:auto;overflow:hidden}@media (min-width:900px){.UseCasesEndToEndSolutionGraphic__figure{grid-template-columns:1fr 2fr 1fr;max-width:none}}.UseCasesEndToEndSolutionGraphic__card.Card{position:relative;display:grid;gap:14px;padding:16px 6px 6px;z-index:1}@media (min-width:900px){.UseCasesEndToEndSolutionGraphic__card.Card{gap:24px;padding:24px 8px 8px}}.UseCasesEndToEndSolutionGraphic__card--primary.Card{grid-column-start:1;grid-column-end:3}@media (min-width:900px){.UseCasesEndToEndSolutionGraphic__card--primary.Card{align-self:flex-start;grid-column-start:2}}.UseCasesEndToEndSolutionGraphic__card--secondary.Card{width:128px;align-self:flex-start}@media (min-width:900px){.UseCasesEndToEndSolutionGraphic__card--secondary.Card{position:absolute;top:135px;width:202px}}.UseCasesEndToEndSolutionGraphic__card--start.Card{justify-self:flex-start}@media (min-width:900px){.UseCasesEndToEndSolutionGraphic__card--start.Card{grid-column-start:1;grid-column-end:2}}.UseCasesEndToEndSolutionGraphic__card--end.Card{justify-self:flex-end}@media (min-width:900px){.UseCasesEndToEndSolutionGraphic__card--end.Card{grid-column-start:3;grid-column-end:4}}.UseCasesEndToEndSolutionGraphic__dataWarehouseCard.Card{justify-self:center;width:240px}@media (min-width:900px){.UseCasesEndToEndSolutionGraphic__dataWarehouseCard.Card{align-self:flex-end;width:380px}}.UseCasesEndToEndSolutionGraphic__stripeUserlogo{margin:0 auto;width:38px;height:auto}@media (min-width:900px){.UseCasesEndToEndSolutionGraphic__stripeUserlogo{width:60px}}.UseCasesEndToEndSolutionGraphic__featuresGrid{display:grid;grid:auto/1fr 1fr;gap:6px}@media (min-width:900px){.UseCasesEndToEndSolutionGraphic__featuresGrid{grid:auto/repeat(4,1fr);gap:8px}}.UseCasesEndToEndSolutionGraphic__featuresSubcard{padding:8px;background:var(--subcardBackground);border-radius:4px}.UseCasesEndToEndSolutionGraphic__featuresTitle{font:var(--fontWeightBold) 10px/1.3 var(--fontFamily)}.UseCasesEndToEndSolutionGraphic__featuresList{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;row-gap:3px;font:var(--fontWeightNormal) 10px/1.4 var(--fontFamily)}.UseCasesEndToEndSolutionGraphic__cardCaption{font:var(--fontWeightBold) 10px/1.2 var(--fontFamily);letter-spacing:.127px;text-align:center;max-width:88px;margin:auto}@media (min-width:900px){.UseCasesEndToEndSolutionGraphic__cardCaption{font-size:15px;letter-spacing:.2px;max-width:140px}}.UseCasesEndToEndSolutionGraphic__logoGrid{display:grid;grid:auto/1fr 1fr;gap:6px}@media (min-width:900px){.UseCasesEndToEndSolutionGraphic__logoGrid{gap:8px}}.UseCasesEndToEndSolutionGraphic__channelsLogoGrid{grid:auto/48px 1fr}@media (min-width:900px){.UseCasesEndToEndSolutionGraphic__channelsLogoGrid{grid:auto/78px 1fr}}.UseCasesEndToEndSolutionGraphic__logoSubcard{height:26px;display:flex;justify-content:center;align-items:center;padding:6px;background:var(--subcardBackground);border-radius:4px;overflow:hidden}@media (min-width:900px){.UseCasesEndToEndSolutionGraphic__logoSubcard{height:40px}}.UseCasesEndToEndSolutionGraphic__logoSubcard--column{height:80px;flex-direction:column}.UseCasesEndToEndSolutionGraphic__logoSubcardText{display:block;margin-top:8px;font-size:8px;text-align:center}@media (min-width:900px){.UseCasesEndToEndSolutionGraphic__logoSubcardText{font-size:13px}}.UseCasesEndToEndSolutionGraphic__logoSubcard--fullRow{grid-column-start:1;grid-column-end:3}.UseCasesEndToEndSolutionGraphic__userlogo.UserLogo.variant--Flat{--userLogoColorAlt:var(--subcardBackground);height:16px;width:auto;flex-shrink:0}@media (min-width:900px){.UseCasesEndToEndSolutionGraphic__userlogo.UserLogo.variant--Flat{height:25px}}.UseCasesEndToEndSolutionGraphic__hubspotUserlogo{height:23px}.UseCasesEndToEndSolutionGraphic__line{position:absolute;left:50%;transform:translateX(-50%)}@media (prefers-reduced-motion:no-preference){.UseCasesEndToEndSolutionGraphic__lineDashedPath{animation:solutionGraphicLineAnimation 4s cubic-bezier(.37,0,.63,1) infinite alternate;animation-play-state:var(--linePathAnimationPlayState)}}.UseCasesEndToEndSolutionGraphic__line--mobile{bottom:130px}@media (min-width:900px){.UseCasesEndToEndSolutionGraphic__line--mobile{display:none}}.UseCasesEndToEndSolutionGraphic__line--desktop{top:105px;max-width:88%}@media (max-width:899px){.UseCasesEndToEndSolutionGraphic__line--desktop{display:none}}@keyframes solutionGraphicLineAnimation{0%{stroke-dashoffset:0}to{stroke-dashoffset:100}}