.m-legend-diagram{padding:var(--section-padding-top, 68px) 0 var(--section-padding-bottom, 68px)}.m-legend-diagram__header{margin-bottom:18px}.m-legend-diagram__kicker{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--line, #e9eef5);border-radius:999px;background:#ffffffe6;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#1f2937}.m-legend-diagram__dot{width:8px;height:8px;border-radius:999px;background:linear-gradient(135deg,#0ea5e9,#2563eb);box-shadow:0 0 0 3px #0ea5e91a}.m-legend-diagram__heading{margin:14px 0 0;font-size:clamp(30px,3.2vw,46px);line-height:1.08;letter-spacing:-.02em}.m-legend-diagram__lead{margin:18px 0 0;font-size:clamp(16px,1.55vw,20px);line-height:1.65;color:var(--muted, #4b5563);max-width:72ch}.m-legend-diagram__panel{padding:22px;border-radius:26px;border:1px solid var(--line, #e9eef5);background:radial-gradient(900px 500px at 20% 20%,rgba(14,165,233,.1),transparent 60%),radial-gradient(900px 500px at 85% 90%,rgba(37,99,235,.08),transparent 60%),#fff;box-shadow:0 12px 30px #0b122014}.m-legend-diagram__grid{display:grid;grid-template-columns:1fr 70px 1fr 70px 1fr;gap:12px;align-items:center}.m-legend-diagram__node{padding:18px;border-radius:18px;border:1px solid var(--line, #e9eef5);background:#f6f8fbd9;min-height:120px}.m-legend-diagram__node h4{margin:0;font-size:14px;font-weight:900}.m-legend-diagram__node p{margin:10px 0 0;font-size:12.5px;line-height:1.5;color:var(--muted, #4b5563)}.m-legend-diagram__pipe{height:44px;border-radius:999px;background:linear-gradient(90deg,#0ea5e9d9,#2563ebbf);opacity:.28;position:relative}.m-legend-diagram__pipe:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:999px;background:#ffffffd9}.m-legend-diagram__tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.m-legend-diagram__tag{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;border:1px solid var(--line, #e9eef5);background:#f6f8fbeb;font-size:12px;color:#111827;font-weight:900;white-space:nowrap}.m-legend-diagram__spark{width:8px;height:8px;border-radius:999px;background:linear-gradient(135deg,#0ea5e9,#2563eb)}@media(max-width:1020px){.m-legend-diagram__grid{grid-template-columns:1fr}.m-legend-diagram__pipe{display:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/legend-system-diagram.css.map */