.k-configurable .kanaler{overflow:hidden}.k-configurable .k-copy{display:flex;height:100%;flex-direction:column;justify-content:center;gap:3px;color:#f3f5f4;font-family:var(--font-sans),Arial,sans-serif;font-size:18px;font-weight:500;line-height:1.15;overflow-wrap:anywhere}.k-configurable .k-source-context{font-size:15px;font-weight:400;line-height:1.2;color:#b5c8cc}.k-configurable .k-destination{color:#0c2733;font-size:21px;line-height:1.2}.k-configurable .k-mobile .k-copy{justify-content:flex-start;font-size:21px;line-height:1.05;gap:4px}.k-configurable .k-mobile .k-source-context{font-size:18px;line-height:1.1}.k-configurable .k-mobile .k-destination{justify-content:center;font-size:22px;line-height:1.2}.k-configurable .k-source{fill:#17323d;stroke:#b2cdcc59}.k-configurable .k-track{stroke:#b2cdcc59}.k-configurable .k-ring{stroke:#f3f5f417}.k-example{--k-text:#f3f5f4;--k-muted:#b5c8cc;--k-line:#b2cdcc40;margin:0;color:var(--k-text);scroll-margin-top:110px}.k-example .k-example-head{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:end}.k-example .k-example-head h2{color:var(--k-text);font-size:clamp(28px,3.5vw,44px);line-height:1.12;letter-spacing:-.035em;max-width:580px;font-weight:500;margin:0}.k-example .k-example-head p{font-size:16px;line-height:1.65;color:var(--k-muted);margin:0;max-width:430px}.k-example .k-diagram{max-width:1000px;margin:38px auto 0}.k-example .k-example-foot{border-top:1px solid var(--k-line);padding-top:20px;display:flex;justify-content:flex-end;align-items:center;gap:28px;min-height:65px}.k-example .k-example-foot p{font-size:14px;line-height:1.6;color:var(--k-muted);margin:0 auto 0 0;max-width:700px}.k-motion-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:9px 12px;border:1px solid var(--k-muted);border-radius:4px;color:var(--k-text);background:transparent;min-height:44px;font:inherit;font-size:12px;flex:none;cursor:pointer}.k-motion-toggle[hidden]{display:none}.k-motion-toggle:focus-visible{outline:2px solid #1fc6b0;outline-offset:4px}.k-motion-toggle:disabled{cursor:default}.k-motion-toggle>span{font-size:16px}.k-example--paper{--k-text:#0c2733;--k-muted:#465e66;--k-line:#cad6d2;background:#f3f5f4;border-radius:12px;padding:40px}.k-example--paper .k-copy{color:#0c2733}.k-example--paper .k-source-context{color:#465e66}.k-example--paper .k-source{fill:#f3f5f4;stroke:#a8bdb9}.k-example--paper .k-icon,.k-example--paper .k-signal{stroke:#0d7564}.k-example--paper .k-track{stroke:#a8bdb9}.k-example--paper .k-ring{stroke:#0c273314}.k-example--paper .k-hub{fill:#0c2733}.k-example--paper .k-hub-mark{stroke:#1fc6b0}.k-example--paper .k-destination{color:#f3f5f4}.k-example--paper .k-motion-toggle:focus-visible{outline-color:#0d7564}.k-service-example{position:relative;margin-top:64px}@media(max-width:1000px){.k-example .k-example-head{gap:35px}.k-example--paper{padding:28px}.k-configurable.k-responsive>.k-desktop{display:none}.k-configurable.k-responsive>.k-desktop .k-signal{animation:none}.k-configurable.k-responsive>.k-mobile{display:block}.k-configurable.k-responsive>.k-mobile .k-signal{animation:k-stroke var(--duration,6s) linear infinite;animation-delay:var(--delay,0s)}.k-example .k-diagram{max-width:440px}.k-example .k-example-head{grid-template-columns:1fr;gap:20px}}@media(max-width:600px){.k-example--paper{padding:28px 0;border-radius:0;background:transparent;--k-text:#f3f5f4;--k-muted:#b5c8cc;--k-line:#b2cdcc40;border-top:1px solid var(--k-line)}.k-example--paper .k-copy{color:#f3f5f4}.k-example--paper .k-source-context{color:#b5c8cc}.k-example--paper .k-source{fill:#17323d;stroke:#b2cdcc59}.k-example--paper .k-icon,.k-example--paper .k-signal{stroke:#1fc6b0}.k-example--paper .k-track{stroke:#b2cdcc59}.k-example--paper .k-ring{stroke:#f3f5f417}.k-example--paper .k-hub{fill:#f3f5f4}.k-example--paper .k-hub-mark{stroke:#0d7564}.k-example--paper .k-destination{color:#0c2733}.k-example--paper .k-motion-toggle:focus-visible{outline-color:#1fc6b0}.k-example .k-example-head h2{font-size:30px}.k-example .k-example-head p{font-size:15px}.k-example .k-example-foot{align-items:flex-start;flex-direction:column;gap:16px}.k-example .k-example-foot p{font-size:13px}.k-example .k-example-foot .k-motion-toggle{align-self:flex-end}.k-service-example{margin-top:46px}}@media(prefers-reduced-motion:reduce){.k-configurable .k-signal{animation:none!important;stroke-dashoffset:-52;opacity:.7}}