.tealium27--integrations{background:var(--t27-bg);padding-top:112px}@media(max-width:767px){.tealium27--integrations{padding-top:70px}}.tealium27--integrations .t27-integrations{background:var(--t27-surface);border-radius:14px;padding:64px;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.tealium27--integrations h2{font-weight:300;margin-top:23px;max-width:440px}.tealium27--integrations .t27-stack-heading{display:block}.tealium27--integrations .t27-stack-heading--bold{font-weight:700}.tealium27--integrations .t27-stack-copy{display:flex;flex-direction:column;align-self:stretch}.tealium27--integrations .t27-stack-copy>.t27-cta{margin-top:auto;align-self:flex-start}.tealium27--integrations .t27-stack-divider{display:block;width:64px;height:3px;border-radius:999px;flex-shrink:0;background:#68d8d5;margin-top:24px}.tealium27--integrations p{color:var(--t27-muted);margin:23px 0;max-width:380px}.tealium27--integrations .t27-integration-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;transform:rotate(2.5deg);padding:12px 0}.tealium27--integrations .t27-integration-chip{--stack-offset: 0px;--stack-tilt: 4deg;--stack-shift: 3px;position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10px;padding:20px 8px;background:var(--t27-card);border-radius:7px;font-size:12px;font-weight:500;transform:translateY(var(--stack-offset));transition:transform .4s ease,box-shadow .4s ease}.tealium27--integrations .t27-integration-chip:nth-child(2n){--stack-offset: 30px;--stack-tilt: -4deg;--stack-shift: -3px}.tealium27--integrations .t27-integration-grid[data-revealed=false] .t27-integration-chip{opacity:0;translate:0 14px;pointer-events:none}.tealium27--integrations .t27-integration-grid[data-revealed=true] .t27-integration-chip{animation:t27-stack-reveal .45s cubic-bezier(.2,.7,.3,1) var(--stack-reveal-delay) backwards}@keyframes t27-stack-reveal{0%{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}.tealium27--integrations .t27-stack-logo{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:50%;overflow:hidden;background:#fff}.tealium27--integrations .t27-stack-logo img{display:block;width:28px;height:28px;object-fit:contain;grid-area:1/1}.tealium27--integrations .t27-stack-logo-color{position:relative;opacity:0;transition:opacity .4s ease}.tealium27--integrations .t27-stack-logo-gray{opacity:1;transition:opacity .4s ease}.tealium27--integrations .t27-integration-chip:hover .t27-stack-logo-gray{opacity:0;transition-duration:.2s}.tealium27--integrations .t27-integration-chip:hover .t27-stack-logo-color{opacity:1;transition-duration:.2s}.tealium27--integrations .t27-integrations-foot{font-size:10px;color:var(--t27-muted);text-align:center;margin-top:34px}@media(hover:hover)and (pointer:fine){.tealium27--integrations .t27-integration-chip:hover{z-index:2;transform:translate(var(--stack-shift),calc(var(--stack-offset) - 6px)) rotate(var(--stack-tilt)) scale(1.05);box-shadow:0 16px 32px #0006,0 4px 10px #0003;transition-duration:.2s}.tealium27--integrations[data-theme=light] .t27-integration-chip:hover{box-shadow:0 14px 28px #0b162626,0 3px 8px #0b162612}}@media(max-width:1200px){.tealium27--integrations .t27-integrations{padding:45px;gap:45px}}@media(max-width:1000px){.tealium27--integrations .t27-integrations{padding:40px;gap:25px}.tealium27--integrations .t27-integration-chip{font-size:10px}}@media(max-width:767px){.tealium27--integrations .t27-integrations{grid-template-columns:1fr;padding:32px 25px;gap:35px}.tealium27--integrations h2{font-size:34px}.tealium27--integrations p{font-size:14px}.tealium27--integrations .t27-integration-grid{gap:8px;max-width:410px;margin:auto;transform:rotate(1.5deg)}.tealium27--integrations .t27-integration-chip{padding:16px 4px;font-size:9px;min-width:0}.tealium27--integrations .t27-stack-logo{width:36px;height:36px}.tealium27--integrations .t27-stack-logo img{width:24px;height:24px}.tealium27--integrations .t27-integrations-foot{margin-top:27px}}@media(prefers-reduced-motion:reduce){.tealium27--integrations .t27-integration-grid[data-revealed] .t27-integration-chip{animation:none;opacity:1;translate:none;pointer-events:auto}.tealium27--integrations .t27-integration-chip:hover{transform:translateY(var(--stack-offset))}}.tealium27--integrations{--t27-section-padding-top: 112px}@media(max-width:767px){.tealium27--integrations{--t27-section-padding-top: 70px}}.tealium27--integrations .t27-integrations-blurb{color:var(--t27-muted);margin:23px 0;max-width:380px}@media(max-width:767px){.tealium27--integrations .t27-integrations-blurb{font-size:14px}}
