.template-directory{background:#f8f8f5}.template-directory__hero{text-align:center;padding-block:9rem 4rem}.template-directory__hero .directory-hero__heading{gap:1rem}.template-directory__hero .directory-hero__heading>div{margin-top:.75rem}.template-directory__hero .directory-hero__heading p{font-weight:500}.template-catalog{padding-bottom:4rem}.template-catalog form{border-radius:.5rem;max-width:48rem;margin:0 auto 2.5rem;box-shadow:0 2px 5px #0000001a}.template-search{color:#1f1f1f;background:#fff url(/media/1d99b68d72e1b55b09d2.svg) .625rem no-repeat;border:1px solid #e7e7e7;border-radius:.5rem;width:100%;height:2.5rem;padding:.25rem .75rem .25rem 2.6rem;font-size:1rem;line-height:1.6;display:block}.template-search:hover{border-color:#8c8c8c}.template-search::placeholder{color:#8c8c8c}.template-catalog__empty{border:1px solid var(--line);text-align:center;background:#8c8c8c14;border-radius:.625rem;max-width:48rem;margin:0 auto;padding-block:1rem}.template-catalog .template-card{color:#1f2026;border-radius:.625rem;height:13.125rem;min-height:0}.template-catalog .template-card:hover{background:#8c8c8c14}.template-catalog .template-card__visual{overflow:hidden}.template-catalog .template-card__image{object-fit:contain;object-position:center top;border:1px solid #8c8c8c3d;border-radius:.375rem 0 0;width:16.25rem;max-width:none;height:12.5rem;inset:auto -1.5rem -7.25rem auto;box-shadow:-4px 10px 20px #0003}.template-directory__instructions{padding-block:4rem}.catalog-how{border:1px solid var(--line);background:#fff;border-radius:.75rem;grid-template-columns:31.25rem minmax(0,1fr);align-items:center;gap:.5rem;padding:.5rem;display:grid;box-shadow:0 12px 67px -4px #0000001a}.catalog-how__intro{padding:4rem 2.5rem 2.5rem}.catalog-how__intro h3{margin-bottom:1.25rem}.catalog-how__paper{background:#f8f8f5 var(--deferred-background,url(/media/0c346d100307c3beb773.webp)) left top / cover;border-radius:.5rem;align-items:flex-end;padding:2rem;display:flex}.catalog-how__steps{border:1px solid var(--line);background:#fff;border-radius:.75rem;flex:none;justify-items:center;width:100%;padding:1rem 2rem;display:grid;box-shadow:0 12px 67px -4px #0000001a}.catalog-how__steps ul{min-width:min-content;margin-block:1rem;padding-left:1.25rem;list-style:outside}.catalog-how__paper li{margin-bottom:.5rem;padding:0 0 1rem .5rem}.catalog-how__paper li:last-child{padding-bottom:0}.catalog-how__paper strong{font-weight:600}.template-directory__discovery{padding-block:3rem 4.5rem}.template-directory__discovery .integration-dock{margin-bottom:2.5rem}.template-directory .customer-testimonials__intro{padding-bottom:2.5rem}.template-directory .customer-testimonials__intro h3{margin-bottom:2.5rem}.template-directory__discovery .integration-detail__connectors{background:#f0f0eb}.template-directory__discovery .integration-detail__solution-links a{flex-shrink:0;max-inline-size:calc(100% + 1.5rem)}@media (min-width:62rem){.template-directory__discovery .integration-detail__connector-grid a{width:max-content}}@media (min-width:90rem){.template-catalog .template-card{height:13.75rem}.template-catalog .template-card__image{width:18.75rem;bottom:-6.5625rem}.catalog-how__paper{scrollbar-width:none;flex-direction:column-reverse;align-items:stretch;height:9.375rem;padding:3rem 2.5rem 1rem 2rem;overflow-y:auto}}@media (max-width:61.9375rem){.template-directory__hero{padding-top:7.5rem}.template-directory__hero h1{font-size:3.25rem}.template-catalog .template-card__image{width:21.25rem;bottom:-6.4375rem}}@media (48rem<=width<62rem){.template-catalog .template-grid{max-width:47.79rem;margin-inline:auto}}@media (max-width:47.9375rem){.template-directory__hero{padding-top:5rem}.template-directory__hero h1{font-size:2.5rem}.template-catalog{padding-bottom:3rem}.template-catalog .template-card__image{left:1.9375rem}.template-directory__instructions{padding-block:3rem}.catalog-how{grid-template-columns:1fr}.catalog-how__intro{padding-top:3.75rem}.catalog-how__paper li{padding-bottom:.75rem}.template-directory__discovery{padding-block:2rem 3.25rem}.template-directory__discovery .integration-dock{margin-bottom:0}}@media (30rem<=width<48rem){.template-directory__hero h1{font-size:3rem}.template-directory__discovery .integration-dock{height:10rem;min-height:10rem}.template-directory__discovery .integration-detail__connector-grid{gap:2rem}.template-directory__discovery .integration-detail__connector-grid a{white-space:nowrap;justify-self:start}.template-directory__discovery .integration-detail__solution-group{padding-bottom:5rem}}@media not (min-width:30rem){.template-catalog .template-grid{max-width:23.4rem;margin-inline:auto}.template-catalog .template-card__image{width:18.75rem;bottom:-6.5625rem;left:1.8125rem}}
