.IntegrationsGridBlock{--block-margin:0 0 var(--spacing-small);--block-icon-size:var(--10x);--block-icon-gap:var(--4x);margin:auto;max-width:100%;width:calc(var(--block-icon-gap)*3 + var(--block-icon-size)*4)}.IntegrationsGridBlock:after,.IntegrationsGridBlock:before{background-color:var(--color-blue-gray);content:"";display:block;height:calc(100% - var(--block-icon-size));position:absolute;top:calc(var(--block-icon-size)*.5);width:1px;z-index:-1}html.js .IntegrationsGridBlock:after,html.js .IntegrationsGridBlock:before{transition:opacity var(--glitter-speed),transform var(--glitter-speed);transition-timing-function:var(--glitter-timing-function)}html.js :where(.SectionContentBlock):not(.is-active) .IntegrationsGridBlock:after,html.js :where(.SectionContentBlock):not(.is-active) .IntegrationsGridBlock:before{opacity:0}html.js html.js :where(.SectionContentBlock):not(.is-active) .IntegrationsGridBlock:after,html.js html.js :where(.SectionContentBlock):not(.is-active) .IntegrationsGridBlock:before{transition-delay:calc(var(--glitter-delay)*3)}.IntegrationsGridBlock:before{left:calc(var(--block-icon-size)*.5)}.IntegrationsGridBlock:after{left:calc(var(--block-icon-gap)*3 + var(--block-icon-size)*4 - var(--block-icon-size)*.5)}@media(max-width:1079px){.IntegrationsGridBlock{--block-icon-size:var(--7x);--block-icon-gap:var(--2x);--grid-gap:2x}}