.integrations-hero{display:flex;justify-content:center;padding:60px 0;width:100%}.integrations-hero__container{align-items:center;display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:1200px;padding:0 20px;width:100%}.integrations-hero__row{display:flex;flex-wrap:wrap;gap:20px;height:100px;justify-content:center;position:relative;width:100%}.integrations-hero__row--top{align-items:flex-end}.integrations-hero__row--bottom{align-items:flex-start}.integrations-hero__item{background-color:#f9f9f9;border:1px solid transparent;border-radius:12px;cursor:pointer;height:80px;position:relative;text-decoration:none;transition:width .3s ease,height .3s ease,background-color .3s ease,box-shadow .3s ease;width:80px}.integrations-hero__item,.integrations-hero__logo{align-items:center;display:flex;justify-content:center}.integrations-hero__logo{height:60%;width:60%}.integrations-hero__logo img{filter:grayscale(0);max-height:100%;max-width:100%;object-fit:contain;opacity:1;transition:all .3s ease}.integrations-hero__item.is-gray{background-color:#fff;border:1px solid #f0f0f0}.integrations-hero__item.is-gray .integrations-hero__logo img{filter:grayscale(100%);opacity:.3}.integrations-hero__item:hover{background-color:#101011!important;border-color:#101011!important;box-shadow:0 10px 30px rgba(0,0,0,.2);height:100px;width:100px;z-index:10}.integrations-hero__item.is-gray:hover .integrations-hero__logo img,.integrations-hero__item:hover .integrations-hero__logo img{filter:grayscale(0);opacity:1}.integrations-hero__item.highlight-on-hover:hover .integrations-hero__logo img{filter:brightness(2000%)}@media (max-width:767px){.integrations-hero{padding:40px 0}.integrations-hero__container,.integrations-hero__row{gap:10px}.integrations-hero__row{height:60px}.integrations-hero__item{border-radius:8px;height:60px;width:60px}.integrations-hero__item:hover{height:70px;width:70px}}