.hero-diagram_frame__leqpU{position:relative;border-radius:46px;padding:14px;background-color:var(--color-paper);background-image:repeating-linear-gradient(135deg,var(--color-blue-soft) 0 1px,transparent 1px 9px);border:1px solid var(--color-blue-soft)}.hero-diagram_frame__leqpU:after,.hero-diagram_frame__leqpU:before{content:"";position:absolute;border:1px dashed var(--color-sireto-blue);pointer-events:none;mask-image:linear-gradient(180deg,#000,transparent 85%);opacity:.35}.hero-diagram_frame__leqpU:before{inset:-12px;border-radius:58px}.hero-diagram_frame__leqpU:after{inset:-26px;border-radius:72px;opacity:.2}.hero-diagram_panel__dn4EH{position:relative;border-radius:26px;background-color:var(--color-paper);border:1px solid var(--color-hairline);padding:12px}.hero-diagram_svg___681O{display:block;width:100%;height:auto}.hero-diagram_notation__6bPc7{font-family:var(--font-mono);font-size:12.5px;font-weight:600;letter-spacing:.1em;fill:var(--color-sireto-blue)}.hero-diagram_mono__10qRz{font-family:var(--font-mono);font-weight:500}.hero-diagram_sans__jf83m{font-family:var(--font-sans)}.hero-diagram_part__dr1B8{animation:hero-diagram_arrive__BDYRn .52s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--step, 0) * .18s)}.hero-diagram_wire__S2tCh{stroke-dasharray:1;stroke-dashoffset:0;animation:hero-diagram_draw__Y4U3T .64s cubic-bezier(.65,0,.35,1) both;animation-delay:calc(var(--step, 0) * .18s)}.hero-diagram_paused__NefnJ .hero-diagram_part__dr1B8,.hero-diagram_paused__NefnJ .hero-diagram_wire__S2tCh{animation-play-state:paused}@keyframes hero-diagram_arrive__BDYRn{0%{opacity:0;transform:translateY(6px)}}@keyframes hero-diagram_draw__Y4U3T{0%{stroke-dashoffset:1}}