.integrations-index{--integrations-index-swap:.15s;--integrations-index-fade:calc(var(--integrations-index-swap) / 2);--integrations-index-block:480px;--integrations-index-panel:240px;--integrations-index-event:320px;--integrations-index-connector:48px;--integrations-index-bar:6px;--integrations-index-billed:80px;--integrations-index-tooth:4px;--integrations-index-inside-guide:#d9404a;--integrations-index-inside-guide-logo:-.02em;--integrations-index-inside-guide-button:28px;--integrations-index-measure:40ch;padding-block:calc(var(--spacing-3) + (var(--spacing-control) + 2 * var(--spacing-1)) + var(--spacing-section-m)) 0;text-align:center}.integrations-index-partner{margin-top:var(--spacing-8)}.integrations-index-block{margin-top:var(--spacing-section-m)}.integrations-index-tabs{justify-content:center;gap:var(--spacing-2);touch-action:manipulation;flex-wrap:wrap;display:flex}.integrations-index-pill{--integrations-index-mark:var(--spacing-4);--integrations-index-pill-radius:var(--radius-full);--integrations-index-pill-fill:var(--color-white);--integrations-index-pill-text:var(--color-secondary);justify-content:center;align-items:center;gap:var(--spacing-2);height:var(--spacing-control-small);padding-inline:var(--spacing-4);border-radius:var(--integrations-index-pill-radius);background:var(--integrations-index-pill-fill);box-shadow:var(--shadow-rest);color:var(--integrations-index-pill-text);font-family:var(--font-body);font-feature-settings:var(--font-body--font-feature-settings);font-size:var(--text-body-s);line-height:var(--text-body-s--line-height);letter-spacing:var(--text-body-s--letter-spacing);font-weight:var(--font-weight-medium);white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--integrations-index-swap) var(--ease-in-out-quart), color var(--integrations-index-swap) var(--ease-in-out-quart), box-shadow var(--duration-fast) var(--ease-out-expo), transform var(--duration-spring-default) var(--ease-spring-default);border:0;flex:none;display:inline-flex;position:relative}.integrations-index-pill:after{content:"";inset-inline:0;inset-block:calc((var(--spacing-control-small) - var(--spacing-touch)) / 2);position:absolute}.integrations-index-pill[data-on]{--integrations-index-pill-fill:var(--color-ink);--integrations-index-pill-text:var(--color-white)}@media (hover:hover){.integrations-index-pill:not([data-on]):hover{--integrations-index-pill-text:var(--color-ink);box-shadow:var(--shadow-raised)}}.integrations-index-pill:active{background:var(--integrations-index-pill-fill)}@supports (color:color-mix(in lab, red, red)){.integrations-index-pill:active{background:color-mix(in oklab, var(--integrations-index-pill-fill), var(--integrations-index-pill-text) var(--press-mix))}}.integrations-index-pill:active{transform:scale(var(--press-scale)) translateY(var(--press-shift));transition:background-color var(--duration-instant) var(--ease-out-expo), color var(--duration-instant) var(--ease-out-expo), transform var(--duration-instant) var(--ease-out-expo)}@media (prefers-reduced-motion:reduce){.integrations-index-pill:active{transform:none}}.integrations-index-mark{flex:none;display:flex}.integrations-index-mark svg{width:auto;height:calc(var(--integrations-index-mark) * var(--integrations-mark-scale,1));display:block}.integrations-index-card{--control-fill:var(--color-surface);--integrations-index-pad:var(--spacing-6);height:var(--integrations-index-height,auto);margin-top:var(--spacing-12);border-radius:var(--radius-lg);background:var(--color-white);box-shadow:var(--shadow-rest);text-align:start;position:relative;overflow:hidden}@media (min-width:1024px){.integrations-index-card{--integrations-index-pad:var(--spacing-10);height:var(--integrations-index-block)}}.integrations-index-card[data-switching]{transition:height var(--duration-spring-soft) var(--ease-spring-soft)}.integrations-index-body{grid-template-rows:minmax(var(--integrations-index-panel), auto) auto;gap:var(--integrations-index-pad);padding:var(--integrations-index-pad);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:1024px){.integrations-index-body{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));height:100%}}.integrations-index-text{flex-direction:column;min-width:0;display:flex}@media (min-width:1024px){.integrations-index-text{justify-content:center}}.integrations-index-copies{display:grid;position:relative}.integrations-index-copy{opacity:0;visibility:hidden;transition:opacity var(--integrations-index-fade) var(--ease-in-out-quart), visibility 0s var(--integrations-index-fade);grid-area:1/1}.integrations-index-copy:not([data-current]){top:0;position:absolute;inset-inline:0}.integrations-index-copy[data-current]{opacity:1;visibility:visible;transition:opacity var(--integrations-index-fade) var(--ease-in-out-quart) var(--integrations-index-fade)}.integrations-index-title{--integrations-index-mark:var(--spacing-8);align-items:center;gap:var(--spacing-3);display:flex}.integrations-index-description{max-width:var(--integrations-index-measure);margin-top:var(--spacing-6)}.integrations-index-more{margin-top:var(--spacing-6)}.integrations-index-more .button{max-width:100%;padding-block:var(--spacing-2);line-height:var(--text-body-s--line-height);white-space:normal}@media (min-width:1024px){.integrations-index-more .button{line-height:var(--text-control--line-height);white-space:nowrap;padding-block:0}}.integrations-index-labels{max-width:100%;display:inline-grid;position:relative;overflow:hidden}.integrations-index-label{opacity:0;visibility:hidden;transition:opacity var(--integrations-index-fade) var(--ease-in-out-quart), visibility 0s var(--integrations-index-fade);grid-area:1/1}.integrations-index-label:not([data-current]){position:absolute;inset:0}.integrations-index-label[data-current]{opacity:1;visibility:visible;transition:opacity var(--integrations-index-fade) var(--ease-in-out-quart) var(--integrations-index-fade)}.integrations-index-panel{min-width:0;padding:var(--spacing-6) var(--spacing-4);border-radius:var(--radius-md);background:var(--color-canvas);order:-1;place-items:center;display:grid}@media (min-width:1024px){.integrations-index-panel{order:0;padding-block:0}}.integrations-index-illustrations{grid-template-columns:minmax(0,1fr);max-width:100%;display:grid;position:relative}.integrations-index-illustration{opacity:0;visibility:hidden;min-width:0;transition:opacity var(--integrations-index-fade) var(--ease-in-out-quart), visibility 0s var(--integrations-index-fade);flex-direction:column;grid-area:1/1;align-items:center;display:flex}.integrations-index-illustration:not([data-current]){justify-content:center;position:absolute;inset:0}.integrations-index-illustration[data-current]{opacity:1;visibility:visible;transition:opacity var(--integrations-index-fade) var(--ease-in-out-quart) var(--integrations-index-fade)}.integrations-index-event{--integrations-index-mark:var(--spacing-4);width:var(--integrations-index-event);max-width:100%;padding:var(--spacing-5);border-radius:var(--radius-md);background:var(--color-white);box-shadow:var(--shadow-raised)}.integrations-index-event-line{justify-content:space-between;align-items:center;gap:var(--spacing-3);display:flex}.integrations-index-connector{width:1px;height:var(--integrations-index-connector);background:var(--color-divider);display:block}.integrations-index-arrows{height:var(--integrations-index-connector);color:var(--color-tertiary);display:block;position:relative}.integrations-index-arrows-svg{width:auto;height:100%;display:block}.integrations-index-arrows[data-bill]{height:var(--integrations-index-billed)}.integrations-index-bill{top:50%;left:calc(100% + var(--spacing-1));padding:var(--spacing-2) var(--spacing-2) var(--spacing-1);border-radius:var(--radius-xs) var(--radius-xs) 0 0;background:var(--color-white);box-shadow:var(--shadow-raised);text-align:start;white-space:nowrap;flex-direction:column;display:flex;position:absolute;transform:translateY(-50%)}.integrations-index-bill:after{content:"";height:var(--integrations-index-tooth);background:conic-gradient(from -45deg at bottom, var(--color-white) 90deg, transparent 0) 50% / var(--spacing-2) 100%;top:100%;position:absolute;inset-inline:0}.integrations-index-surface{align-items:flex-start;gap:var(--spacing-3);flex-direction:column;display:flex}.integrations-index-action{height:var(--spacing-8);padding-inline:var(--spacing-4);border:1px solid var(--color-divider);border-radius:var(--radius-full);color:var(--color-ink);font-size:var(--text-body-s);line-height:var(--text-body-s--line-height);font-weight:var(--font-weight-medium);white-space:nowrap;flex:none;justify-content:center;align-items:center;display:inline-flex}.integrations-index-action[data-fill]{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-white)}.integrations-index-action[data-wide],.integrations-index-surface .integrations-index-event-line{align-self:stretch}.integrations-index-surface[data-kind=article]{gap:0;padding:0;overflow:hidden}.integrations-index-photo{border-radius:var(--radius-sm);background:var(--color-surface);flex:none;display:block}.integrations-index-line{height:var(--integrations-index-bar);border-radius:var(--radius-full);background:var(--color-divider);display:block}.integrations-index-place{align-items:center;gap:var(--spacing-3);display:flex}.integrations-index-surface[data-kind=recommendation] .integrations-index-photo{width:var(--spacing-12);height:var(--spacing-12)}.integrations-index-place-text{flex-direction:column;display:flex}.integrations-index-masthead{padding-right:var(--spacing-4);border-bottom:1px solid var(--color-divider);justify-content:space-between;align-self:stretch;align-items:center;display:flex}.integrations-index-masthead-block{width:var(--spacing-12);height:var(--spacing-12);padding:var(--spacing-1);background:var(--integrations-index-inside-guide);color:var(--color-white);font-size:var(--text-label);line-height:var(--text-control--line-height);letter-spacing:var(--integrations-index-inside-guide-logo);font-weight:var(--font-weight-semibold);text-transform:uppercase;flex-direction:column;justify-content:flex-end;display:flex}.integrations-index-masthead-menu{color:var(--color-ink)}.integrations-index-article{align-self:stretch;align-items:flex-start;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);flex-direction:column;display:flex}.integrations-index-headline{font-size:var(--text-body-l);line-height:var(--text-heading--line-height);letter-spacing:var(--text-heading--letter-spacing)}.integrations-index-photos{gap:var(--spacing-1);grid-template-columns:repeat(2,minmax(0,1fr));align-self:stretch;display:grid}.integrations-index-photos .integrations-index-photo{height:var(--spacing-8);border-radius:0}.integrations-index-info{flex-direction:column;align-self:stretch;display:flex}.integrations-index-info-line{align-items:center;gap:var(--spacing-2);display:flex}.integrations-index-action[data-kind=article]{height:var(--integrations-index-inside-guide-button);padding-inline:var(--spacing-3);border-radius:var(--radius-xs);background:var(--color-ink);color:var(--color-white);font-size:var(--text-label);border:0}.integrations-index-event-name{font-weight:var(--font-weight-regular);flex:none}@media (prefers-reduced-motion:reduce){.integrations-index{--integrations-index-swap:0s}}