.service-signature{container:service-signature/inline-size}.service-signature__flow{grid-template-columns:minmax(0,1fr);gap:8px 0;display:grid}.service-signature__gutter{align-items:center;gap:8px;display:flex}.service-signature__flow[data-variant=cards]>.service-signature__gutter{justify-content:center}.service-signature__flow[data-variant=strip]>.service-signature__gutter{flex-direction:row-reverse;justify-content:flex-end}.service-signature__arrow{width:12px;height:var(--signature-arrow-length)}.service-signature__arrow>g{transform:translate(12px)rotate(90deg)}.service-signature__card{padding:24px}@container service-signature (width<440px){.service-signature__card{padding:16px}}@container service-signature (width>=360px){.service-signature__flow[data-variant=strip]{grid-template-columns:var(--signature-tracks)}.service-signature__flow[data-variant=strip]>.service-signature__gutter{flex-direction:column;justify-content:center;gap:4px}.service-signature__flow[data-variant=strip] .service-signature__arrow{width:var(--signature-arrow-length);height:12px}.service-signature__flow[data-variant=strip] .service-signature__arrow>g{transform:none}}@container service-signature (width>=440px){.service-signature__flow[data-variant=cards][data-tracks="3"]{grid-template-columns:var(--signature-tracks)}.service-signature__flow[data-variant=cards][data-tracks="3"] .service-signature__arrow{width:var(--signature-arrow-length);height:12px}.service-signature__flow[data-variant=cards][data-tracks="3"] .service-signature__arrow>g{transform:none}}@container service-signature (width>=600px){.service-signature__flow[data-variant=cards][data-tracks="5"]{grid-template-columns:var(--signature-tracks)}.service-signature__flow[data-variant=cards][data-tracks="5"] .service-signature__arrow{width:var(--signature-arrow-length);height:12px}.service-signature__flow[data-variant=cards][data-tracks="5"] .service-signature__arrow>g{transform:none}}@container service-signature (600px<=width<720px){.service-signature__flow[data-variant=cards][data-tracks="5"] .service-signature__card{padding:16px}}