.use-cases-section{padding-top:var(--uc-padding-top, 60px);padding-bottom:var(--uc-padding-bottom, 60px);overflow:hidden}.use-cases-section__header{text-align:center;max-width:600px;margin:0 auto 40px}.use-cases-section__heading{margin:0 0 12px;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight)}.use-cases-section__subheading{color:rgba(var(--color-foreground),.75);font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight)}.use-cases-grid{display:grid;grid-template-columns:1fr minmax(220px,var(--uc-image-max-width, 420px)) 1fr;align-items:center;gap:40px}.use-cases-column{display:flex;flex-direction:column;gap:40px}.use-cases-column--left{align-items:flex-end}.use-cases-column--right{align-items:flex-start}.use-cases-column--left .use-cases-item,.use-cases-column--right .use-cases-item{max-width:340px;width:100%}.use-cases-column--center{display:flex;justify-content:center;align-items:center}.use-cases-center-image{width:100%;max-width:var(--uc-image-max-width, 420px);height:auto;display:block;object-fit:contain}.use-cases-center-image--placeholder svg{width:100%;height:auto}.use-cases-item{display:flex;align-items:flex-start;gap:16px;text-align:left}.use-cases-item__icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.use-cases-item__icon img{width:100%;height:100%;object-fit:contain}.use-cases-item__heading{font-size:20px;margin:0 0 8px;line-height:1.3;font-family:var(--font-heading-family)!important;font-style:var(--font-heading-style);font-weight:var(--font-heading-weight)}.use-cases-item__text{color:rgba(var(--color-foreground),.75);font-size:14px;line-height:1.6;font-family:var(--font-body-family)!important;font-style:var(--font-body-style);font-weight:var(--font-body-weight)}.use-cases-item__text p{margin:0}@media screen and (max-width:989px){.use-cases-grid{grid-template-columns:1fr;justify-items:center;gap:32px}.use-cases-column--center{order:-1}.use-cases-column--left,.use-cases-column--right{align-items:center;width:100%}.use-cases-column--left .use-cases-item,.use-cases-column--right .use-cases-item{max-width:480px}}@media screen and (max-width:749px){.use-cases-grid,.use-cases-column{gap:24px}.use-cases-item{text-align:left;gap:12px}.use-cases-item__heading{font-size:20px}.use-cases-item__text{font-size:14px}.use-cases-section__header{margin-bottom:28px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-use-cases.css.map */