.details{flex:1}.details .title{font-size:48px;line-height:60px;margin-bottom:28px}.details .compatible-templates{margin:28px 0}.details .buttons{display:flex;flex-direction:row;gap:8px;flex-wrap:wrap}.details .about{margin-top:44px}.details .about .description{margin-top:8px;font-family:Funnel Sans}.info{flex:1}.info .image-container{display:flex;flex-direction:row;width:500px;height:250px}.info .image-container .circle,.info .image-container .square{width:250px;height:250px;background:var(--Tertiary-Grey-10)}.info .image-container .circle{display:flex;border-radius:50%;align-items:center;justify-content:center}.info .image-container .circle .image{width:140px;height:140px;object-fit:contain}.info .supported-fields{margin-top:53px}.info .supported-fields .fields-cnt{display:flex;flex-direction:row;gap:8px;margin-top:28px;flex-wrap:wrap}.info .supported-fields .fields-cnt .field{background:var(--Tertiary-Grey-20);padding:2px 4px;font-family:Funnel Sans;font-size:12px;line-height:16px;letter-spacing:.6px;text-transform:uppercase}.info .supported-fields .help-url{margin-top:20px;font-family:Funnel Sans;font-size:14px}.info .supported-fields .help-url a{display:flex;flex-direction:row;gap:4px}.info .supported-fields .help-url a img{width:16px;height:16px}.connector-hero{display:flex;flex-direction:column;margin:100px;font-family:Funnel Display}.connector-hero .top{display:flex;flex-direction:row;gap:114px}.connector-hero .bottom{margin-top:100px}@media screen and (max-width: 992px){.connector-hero{margin:20px}.connector-hero .top{flex-direction:column;gap:56px}.connector-hero .top .info .image-container{width:fit-content;height:fit-content}.connector-hero .top .info .image-container .circle,.connector-hero .top .info .image-container .square{width:calc(50vw - 20px);height:calc(50vw - 20px)}}
