.icon-graph-tile[data-v-b83cffc4]{--tile-radius: calc(.05 * var(--tile-width));--tile-thickness: calc(.04 * var(--tile-width));--tile-edge-color: #555;width:var(--tile-width);height:calc(var(--tile-width) / 2);position:relative}.icon-graph-tile[data-v-b83cffc4]:hover{--tile-edge-color: var(--accent-color, black);transform:scale(1.03)}.icon-graph-tile.--dots-left[data-v-b83cffc4],.icon-graph-tile.--dots-right[data-v-b83cffc4]{width:var(--tile-width);height:calc(var(--tile-width) / 2);grid-template-columns:1fr 1fr}.icon-graph-tile.--dots-top[data-v-b83cffc4],.icon-graph-tile.--dots-bottom[data-v-b83cffc4]{height:var(--tile-width);width:calc(var(--tile-width) / 2);grid-template-rows:1fr 1fr}.icon-graph-tile.--dots-top .icon-graph-tile__line[data-v-b83cffc4],.icon-graph-tile.--dots-bottom .icon-graph-tile__line[data-v-b83cffc4]{width:80%;height:1px;left:10%;top:50%}.icon-graph-tile.--dots-left .icon-graph-tile__front[data-v-b83cffc4]{grid-template-areas:"dots icon"}.icon-graph-tile.--dots-right .icon-graph-tile__front[data-v-b83cffc4]{grid-template-areas:"icon dots"}.icon-graph-tile.--dots-top .icon-graph-tile__front[data-v-b83cffc4]{grid-template-areas:"dots" "icon"}.icon-graph-tile.--dots-bottom .icon-graph-tile__front[data-v-b83cffc4]{grid-template-areas:"icon" "dots"}.icon-graph-tile__front[data-v-b83cffc4]{width:inherit;height:inherit;position:absolute;background:#fff;color:#000;z-index:3;display:grid;position:relative;border-radius:var(--tile-radius);grid-template-columns:1fr 1fr;border:1px solid #111;border:1px solid var(--tile-edge-color)}.icon-graph-tile__back[data-v-b83cffc4]{background:#ccc;width:inherit;height:inherit;position:absolute;margin-left:calc(-1 * var(--tile-thickness));margin-top:calc(-1 * var(--tile-thickness));z-index:2;border:1px solid var(--tile-edge-color);border-radius:var(--tile-radius);border-top-right-radius:calc(1.5 * var(--tile-radius));border-bottom-left-radius:calc(1.5 * var(--tile-radius))}.icon-graph-tile__back[data-v-b83cffc4]:before{content:"";background:#fff;top:-1px;left:calc(1.5 * var(--tile-thickness));right:calc(-.25 * var(--tile-thickness));height:calc(1.5 * var(--tile-thickness));border-top-right-radius:2px;position:absolute;transform:skew(45deg);border-right:1px solid var(--tile-edge-color);border-top:1px solid var(--tile-edge-color)}.icon-graph-tile__back[data-v-b83cffc4]:after{content:"";background:#999;left:-1px;top:calc(1.5 * var(--tile-thickness));bottom:calc(-.25 * var(--tile-thickness));width:calc(1.5 * var(--tile-thickness));border-bottom-left-radius:2px;position:absolute;transform:skewY(45deg);border-bottom:1px solid var(--tile-edge-color);border-left:1px solid var(--tile-edge-color)}.icon-graph-tile__shadow[data-v-b83cffc4]{height:calc(1.1 * var(--tile-thickness));position:absolute;bottom:1px;left:calc(var(--tile-radius)/4);right:calc(var(--tile-thickness) / 2);box-shadow:calc(-.07 * var(--tile-width)) 1px 4px #0009;transform:skew(45deg);z-index:1}.icon-graph-tile__line[data-v-b83cffc4]{position:absolute;height:80%;width:1px;background:#000;left:50%;top:10%;opacity:.5}.icon-graph-tile__icon[data-v-b83cffc4]{grid-area:icon;height:100%;display:block;padding:15%}.icon-graph-tile__icon svg[data-v-b83cffc4]{color:currentColor;height:100%;width:100%}.icon-graph-tile__dot-wrap[data-v-b83cffc4]{grid-area:dots;padding:10%;position:relative}.icon-graph-tile__dot[data-v-b83cffc4]{width:10px;height:10px;border-radius:50%;background:currentColor;opacity:.8}@keyframes slide-left-5117b87a{0%{transform:translate(var(--tile-width))}to{transform:translate(calc(-1 * var(--tile-spacing)))}}@keyframes slide-right-5117b87a{0%{transform:translate(calc(-1 * var(--tile-width)))}to{transform:translate(var(--tile-spacing))}}.integrations-hero[data-v-5117b87a]{--tile-shift-duration: 4s;--tile-width: 60px;--tile-height: calc(var(--tile-width) / 2);--tile-spacing: calc(var(--tile-width) / 10);--tile-width-w-spacing: calc(var(--tile-width) + var(--tile-spacing));max-width:800px;width:100%;margin:0 auto;position:relative;border-radius:8px;grid-template-columns:1fr 1fr;gap:0rem;display:grid}@media (min-width: 50rem){.integrations-hero[data-v-5117b87a]{border-radius:16px;--tile-width: 120px }}html[data-theme=light] .integrations-hero[data-v-5117b87a]{border-color:var(--brand-white)}.integrations-hero .integrations-hero__text[data-v-5117b87a]{justify-content:center;font-weight:700;display:flex;flex-direction:column;font-size:14px;text-align:left}@media (min-width: 50rem){.integrations-hero .integrations-hero__text[data-v-5117b87a]{font-size:24px}}.integrations-hero .integrations-hero__text>div b[data-v-5117b87a]{color:var(--accent-color)}.integrations-hero .integrations-hero__tiles[data-v-5117b87a]{width:calc(3 * var(--tile-width) + 2 * var(--tile-spacing));justify-self:center}.integrations-hero .integrations-hero__tiles[data-v-5117b87a]:before{content:"";top:0;bottom:0;width:var(--tile-width);left:var(--tile-width-w-spacing);position:absolute;background:#f006;z-index:2;display:none}.integrations-hero .integrations-hero__tiles[data-v-5117b87a]{position:relative;display:flex;gap:var(--tile-spacing);flex-direction:column;padding-top:var(--tile-spacing);padding-bottom:var(--tile-spacing);height:calc(3 * (var(--tile-height) + var(--tile-spacing)) + var(--tile-spacing));mask-image:linear-gradient(to right,transparent 7%,red 25%,red 75%,transparent 93%)}.integrations-hero .integrations-hero__tiles>div[data-v-5117b87a]{height:var(--tile-height);width:calc(5 * (var(--tile-width-w-spacing)));margin-left:calc(-1 * (var(--tile-width-w-spacing)));position:relative;display:flex;gap:var(--tile-spacing)}.integrations-hero .integrations-hero__tiles>div[data-v-5117b87a]:hover{animation-play-state:paused}.integrations-hero .integrations-hero__tiles>div[data-v-5117b87a]{animation:slide-left-5117b87a var(--tile-shift-duration) linear}.integrations-hero .integrations-hero__tiles>div[data-v-5117b87a]:nth-child(2){animation-name:slide-right-5117b87a}.integrations-hero .integrations-hero__text>div[data-v-5117b87a]:nth-child(1),.integrations-hero .integrations-hero__tiles>div[data-v-5117b87a]:nth-child(1){--accent-color: var(--brand-pink--text)}.integrations-hero .integrations-hero__text>div[data-v-5117b87a]:nth-child(2),.integrations-hero .integrations-hero__tiles>div[data-v-5117b87a]:nth-child(2){--accent-color: var(--brand-green--text)}.integrations-hero .integrations-hero__text>div[data-v-5117b87a]:nth-child(3),.integrations-hero .integrations-hero__tiles>div[data-v-5117b87a]:nth-child(3){--accent-color: var(--brand-cyan--text)}