.IntegrationsGridRowIconBlock{--block-margin:0;border-radius:var(--border-radius);display:flex;justify-content:center}.IntegrationsGridRowIconBlock,.IntegrationsGridRowIconBlock.Block:last-child{margin-bottom:var(--block-icon-gap)!important}.IntegrationsGridRowIconBlock-icon{background:#fff;border:1px solid transparent;border-radius:var(--border-radius);box-shadow:var(--box-shadow-high);height:var(--block-icon-size);padding:var(--2x);width:var(--block-icon-size)}html.js .IntegrationsGridRowIconBlock-icon{transition:opacity var(--glitter-speed),transform var(--glitter-speed);transition-timing-function:var(--glitter-timing-function)}html.js :where(.IntegrationsGridBlock):not(.is-active) .IntegrationsGridRowIconBlock-icon{opacity:0}.IntegrationsGridRowIconBlock-icon img{filter:grayscale(100%);opacity:.4}.IntegrationsGridRowIconBlock a{bottom:0;display:block;left:0;position:absolute;right:0;top:0}.IntegrationsGridRowIconBlock.has-link .IntegrationsGridRowIconBlock-icon{border-color:var(--color-blue);box-shadow:0 8px 14px rgba(36,182,224,.4)}html.js .IntegrationsGridRowIconBlock.has-link .IntegrationsGridRowIconBlock-icon{transition:opacity var(--glitter-speed),transform var(--glitter-speed);transition-timing-function:var(--glitter-timing-function)}html.js :where(.IntegrationsGridBlock):not(.is-active) .IntegrationsGridRowIconBlock.has-link .IntegrationsGridRowIconBlock-icon{opacity:0;transform:scale(2)}.IntegrationsGridRowIconBlock.has-link .IntegrationsGridRowIconBlock-icon img{filter:none;opacity:1}.IntegrationsGridRowIconBlock.horizontalConnector-full:after,.IntegrationsGridRowIconBlock.horizontalConnector-full:before,.IntegrationsGridRowIconBlock.horizontalConnector-left:after,.IntegrationsGridRowIconBlock.horizontalConnector-left:before,.IntegrationsGridRowIconBlock.horizontalConnector-right:after,.IntegrationsGridRowIconBlock.horizontalConnector-right:before,.IntegrationsGridRowIconBlock.verticalConnector-down:after,.IntegrationsGridRowIconBlock.verticalConnector-down:before,.IntegrationsGridRowIconBlock.verticalConnector-full:after,.IntegrationsGridRowIconBlock.verticalConnector-full:before,.IntegrationsGridRowIconBlock.verticalConnector-up:after,.IntegrationsGridRowIconBlock.verticalConnector-up:before{--glitter-speed:0.6s;background-image:url(../../../../../../../../../../themes/styra/images/bg-integration-connector.svg);background-position:0 0;background-repeat:no-repeat;content:"";height:1px;position:absolute;top:calc(var(--block-icon-size)*.5);transform:scale(1)!important;width:var(--block-icon-size);z-index:-1}html.js .IntegrationsGridRowIconBlock.horizontalConnector-full:after,html.js .IntegrationsGridRowIconBlock.horizontalConnector-full:before,html.js .IntegrationsGridRowIconBlock.horizontalConnector-left:after,html.js .IntegrationsGridRowIconBlock.horizontalConnector-left:before,html.js .IntegrationsGridRowIconBlock.horizontalConnector-right:after,html.js .IntegrationsGridRowIconBlock.horizontalConnector-right:before,html.js .IntegrationsGridRowIconBlock.verticalConnector-down:after,html.js .IntegrationsGridRowIconBlock.verticalConnector-down:before,html.js .IntegrationsGridRowIconBlock.verticalConnector-full:after,html.js .IntegrationsGridRowIconBlock.verticalConnector-full:before,html.js .IntegrationsGridRowIconBlock.verticalConnector-up:after,html.js .IntegrationsGridRowIconBlock.verticalConnector-up:before{transition:opacity var(--glitter-speed),transform var(--glitter-speed);transition-timing-function:var(--glitter-timing-function)}html.js :where(.IntegrationsGridBlock):not(.is-active) .IntegrationsGridRowIconBlock.horizontalConnector-full:after,html.js :where(.IntegrationsGridBlock):not(.is-active) .IntegrationsGridRowIconBlock.horizontalConnector-full:before,html.js :where(.IntegrationsGridBlock):not(.is-active) .IntegrationsGridRowIconBlock.horizontalConnector-left:after,html.js :where(.IntegrationsGridBlock):not(.is-active) .IntegrationsGridRowIconBlock.horizontalConnector-left:before,html.js :where(.IntegrationsGridBlock):not(.is-active) .IntegrationsGridRowIconBlock.horizontalConnector-right:after,html.js :where(.IntegrationsGridBlock):not(.is-active) .IntegrationsGridRowIconBlock.horizontalConnector-right:before,html.js :where(.IntegrationsGridBlock):not(.is-active) .IntegrationsGridRowIconBlock.verticalConnector-down:after,html.js :where(.IntegrationsGridBlock):not(.is-active) .IntegrationsGridRowIconBlock.verticalConnector-down:before,html.js :where(.IntegrationsGridBlock):not(.is-active) .IntegrationsGridRowIconBlock.verticalConnector-full:after,html.js :where(.IntegrationsGridBlock):not(.is-active) .IntegrationsGridRowIconBlock.verticalConnector-full:before,html.js :where(.IntegrationsGridBlock):not(.is-active) .IntegrationsGridRowIconBlock.verticalConnector-up:after,html.js :where(.IntegrationsGridBlock):not(.is-active) .IntegrationsGridRowIconBlock.verticalConnector-up:before{opacity:0}.IntegrationsGridRowIconBlock.horizontalConnector-left:before{left:calc(var(--block-icon-size)*-1)}.IntegrationsGridRowIconBlock.horizontalConnector-right:before{left:var(--block-icon-size)}.IntegrationsGridRowIconBlock.horizontalConnector-full:before{background-repeat:repeat-x;background-size:60%;width:calc(var(--block-icon-size)*2)}.IntegrationsGridRowIconBlock.verticalConnector-down:after,.IntegrationsGridRowIconBlock.verticalConnector-full:after,.IntegrationsGridRowIconBlock.verticalConnector-up:after{transform:rotate(90deg)!important}.IntegrationsGridRowIconBlock.verticalConnector-up:after{top:var(--1x)!important}.IntegrationsGridRowIconBlock.verticalConnector-down:after{top:var(--block-icon-size)}.IntegrationsGridRowIconBlock.verticalConnector-full:after{background-repeat:repeat-x;background-size:60%;top:calc(var(--block-icon-size)*.5 + var(--1x));width:calc(var(--block-icon-size)*2)}@media(max-width:1079px){.IntegrationsGridRowIconBlock.verticalConnector-up:after{top:calc(var(--2x)*.75)!important}.IntegrationsGridRowIconBlock.verticalConnector-full:after{top:calc(var(--block-icon-size)*.55 + var(--1x))}}