.SupportFormatsDiagram-module__JND1cG__root{color:#18181b}.SupportFormatsDiagram-module__JND1cG__tabs{scrollbar-width:thin;scroll-snap-type:x mandatory;background:#f4f4f5;border:1px solid #ececee;border-radius:14px;gap:4px;max-width:100%;padding:4px;display:inline-flex;overflow-x:auto}.SupportFormatsDiagram-module__JND1cG__tabs button{color:#71717a;white-space:nowrap;cursor:pointer;scroll-snap-align:start;background:0 0;border:0;border-radius:10px;flex:none;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:500;line-height:1.5}.SupportFormatsDiagram-module__JND1cG__tabs button:hover{color:#18181b}.SupportFormatsDiagram-module__JND1cG__tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.SupportFormatsDiagram-module__JND1cG__tabs .SupportFormatsDiagram-module__JND1cG__selected{color:#18181b;background:#fff;box-shadow:0 1px 2px #18181b1a,0 0 0 1px #18181b0a}.SupportFormatsDiagram-module__JND1cG__panel{margin-top:22px}.SupportFormatsDiagram-module__JND1cG__description{color:#3f3f46;min-height:30px;font-size:15px;line-height:1.9;position:relative}.SupportFormatsDiagram-module__JND1cG__description p{opacity:0;pointer-events:none;margin:0;transition:opacity .4s,transform .5s;position:absolute;inset:0 auto auto 0;transform:translateY(8px)}.SupportFormatsDiagram-module__JND1cG__description .SupportFormatsDiagram-module__JND1cG__current{opacity:1;transform:translateY(0)}.SupportFormatsDiagram-module__JND1cG__diagram{isolation:isolate;justify-content:space-between;gap:15%;min-height:536px;margin-top:38px;padding:34px 32px;display:flex;position:relative}.SupportFormatsDiagram-module__JND1cG__dots{z-index:-1;pointer-events:none;background:radial-gradient(#d4d4d8 1px,#0000 1px) 0 0/22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 55%,#000 30%,#0000 100%);mask-image:radial-gradient(60% 55%,#000 30%,#0000 100%)}.SupportFormatsDiagram-module__JND1cG__connections{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:visible}.SupportFormatsDiagram-module__JND1cG__connections path{fill:none}.SupportFormatsDiagram-module__JND1cG__baseLine{stroke:#d4d4d8;stroke-width:1px;stroke-dasharray:1;stroke-dashoffset:1px}.SupportFormatsDiagram-module__JND1cG__entered .SupportFormatsDiagram-module__JND1cG__baseLine{animation:1.3s cubic-bezier(.65,0,.35,1) forwards SupportFormatsDiagram-module__JND1cG__draw}.SupportFormatsDiagram-module__JND1cG__traceLine{stroke:var(--accent);stroke-width:1.5px;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .9s cubic-bezier(.65,0,.35,1)}.SupportFormatsDiagram-module__JND1cG__activeLine .SupportFormatsDiagram-module__JND1cG__traceLine{stroke-dashoffset:0}.SupportFormatsDiagram-module__JND1cG__particle{stroke:var(--accent);stroke-width:3px;stroke-linecap:round;stroke-dasharray:.06 1.3;opacity:0;filter:drop-shadow(0 0 5px var(--accent));transition:opacity .4s;animation:1.8s cubic-bezier(.45,0,.55,1) infinite SupportFormatsDiagram-module__JND1cG__stream}.SupportFormatsDiagram-module__JND1cG__reverseParticle{animation-delay:-.9s}.SupportFormatsDiagram-module__JND1cG__activeLine .SupportFormatsDiagram-module__JND1cG__particle{opacity:1}.SupportFormatsDiagram-module__JND1cG__originDot{fill:#a1a1aa}.SupportFormatsDiagram-module__JND1cG__targetDot{fill:var(--accent);opacity:0;transition:opacity .4s}.SupportFormatsDiagram-module__JND1cG__activeLine .SupportFormatsDiagram-module__JND1cG__targetDot{opacity:1}.SupportFormatsDiagram-module__JND1cG__left{z-index:2;flex-direction:column;justify-content:space-between;gap:76px;width:min(36%,360px);display:flex;position:relative}.SupportFormatsDiagram-module__JND1cG__card{background:#fff;border:1px solid #e4e4e7;border-radius:16px;align-items:center;gap:16px;min-height:112px;padding:14px 24px;transition:opacity .45s,box-shadow .45s,border-color .45s;display:flex;position:relative;box-shadow:0 1px 2px #18181b0a,0 12px 32px -18px #18181b29}.SupportFormatsDiagram-module__JND1cG__card.SupportFormatsDiagram-module__JND1cG__leader{border-color:var(--accent);box-shadow:0 0 0 3px #8a7cf024,0 16px 40px -18px #5b4b8a59}.SupportFormatsDiagram-module__JND1cG__card.SupportFormatsDiagram-module__JND1cG__muted{opacity:.38}.SupportFormatsDiagram-module__JND1cG__avatar{color:#fff;background:#18181b;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;display:grid}.SupportFormatsDiagram-module__JND1cG__avatar svg{width:23px;height:23px}.SupportFormatsDiagram-module__JND1cG__partnerAvatar{color:#52525b;background:#f4f4f5}.SupportFormatsDiagram-module__JND1cG__avatars{flex:none;padding-left:9px;display:flex}.SupportFormatsDiagram-module__JND1cG__avatars span{color:#52525b;background:#f4f4f5;border:2px solid #fff;border-radius:50%;place-items:center;width:38px;height:38px;margin-left:-9px;display:grid}.SupportFormatsDiagram-module__JND1cG__avatars svg{width:17px;height:17px}.SupportFormatsDiagram-module__JND1cG__cardCopy{flex-direction:column;gap:3px;min-width:0;display:flex}.SupportFormatsDiagram-module__JND1cG__cardCopy>span{color:#71717a;font-size:12px}.SupportFormatsDiagram-module__JND1cG__cardCopy strong{font-size:16px;font-weight:600;line-height:1.5}.SupportFormatsDiagram-module__JND1cG__cardCopy small{color:#71717a;font-size:11px;line-height:1.4}.SupportFormatsDiagram-module__JND1cG__badge{color:#5b4b8a;background:#f3f1fe;border:1px solid #e4e0fc;border-radius:999px;padding:2px 9px;font-size:11px;position:absolute;top:8px;right:9px}.SupportFormatsDiagram-module__JND1cG__relationLabel{z-index:3;color:#5b4b8a;white-space:nowrap;background:#f3f1fe;border:1px solid #e4e0fc;border-radius:999px;padding:3px 9px;font-size:12px;position:absolute;top:calc(33.333% - 17px);left:calc(50% + 15px)}.SupportFormatsDiagram-module__JND1cG__lowerRelation{top:calc(66.666% - 17px)}.SupportFormatsDiagram-module__JND1cG__client{z-index:2;color:#fff;background:radial-gradient(#ffffff12 1px,#0000 1px) 0 0/18px 18px,#18181b;border:1px solid #27272a;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:min(32%,320px);min-height:488px;display:flex;position:relative;box-shadow:0 24px 48px -24px #18181b73}.SupportFormatsDiagram-module__JND1cG__clientIcon{background:#27272a;border:1px solid #3f3f46;border-radius:50%;place-items:center;width:56px;height:56px;display:grid}.SupportFormatsDiagram-module__JND1cG__clientIcon svg{width:26px;height:26px}.SupportFormatsDiagram-module__JND1cG__client strong{font-size:24px;font-weight:600}.SupportFormatsDiagram-module__JND1cG__client>span:last-child{color:#d4d4d8;background:#27272a;border:1px solid #3f3f46;border-radius:999px;padding:4px 11px;font-size:12px}.SupportFormatsDiagram-module__JND1cG__mobileRelation{display:none}@keyframes SupportFormatsDiagram-module__JND1cG__draw{to{stroke-dashoffset:0}}@keyframes SupportFormatsDiagram-module__JND1cG__stream{0%{stroke-dashoffset:.06px}to{stroke-dashoffset:-1px}}@media (max-width:1023px){.SupportFormatsDiagram-module__JND1cG__diagram{flex-direction:column;gap:28px;min-height:0;padding:20px 0}.SupportFormatsDiagram-module__JND1cG__connections{display:none}.SupportFormatsDiagram-module__JND1cG__left{gap:38px;width:100%}.SupportFormatsDiagram-module__JND1cG__card{width:100%}.SupportFormatsDiagram-module__JND1cG__client{width:100%;min-height:180px}.SupportFormatsDiagram-module__JND1cG__relationLabel{top:calc(33.333% - 9px);left:54%}.SupportFormatsDiagram-module__JND1cG__lowerRelation{top:calc(66.666% - 9px)}.SupportFormatsDiagram-module__JND1cG__mobileRelation{color:#5b4b8a;font-size:11px;display:block;position:absolute;bottom:8px;right:12px}.SupportFormatsDiagram-module__JND1cG__left:before{content:"";z-index:-1;background:#d4d4d8;width:1px;position:absolute;top:50px;bottom:50px;left:50%}}@media (max-width:639px){.SupportFormatsDiagram-module__JND1cG__dots{display:none}.SupportFormatsDiagram-module__JND1cG__tabs{width:100%;display:flex}.SupportFormatsDiagram-module__JND1cG__description{min-height:60px}.SupportFormatsDiagram-module__JND1cG__card{padding:14px 16px}.SupportFormatsDiagram-module__JND1cG__cardCopy strong{font-size:14px}.SupportFormatsDiagram-module__JND1cG__cardCopy small{max-width:20em}.SupportFormatsDiagram-module__JND1cG__badge{top:5px;right:6px}.SupportFormatsDiagram-module__JND1cG__relationLabel{left:56%}.SupportFormatsDiagram-module__JND1cG__client{min-height:150px}}@media (prefers-reduced-motion:reduce){.SupportFormatsDiagram-module__JND1cG__description p,.SupportFormatsDiagram-module__JND1cG__card,.SupportFormatsDiagram-module__JND1cG__traceLine,.SupportFormatsDiagram-module__JND1cG__particle,.SupportFormatsDiagram-module__JND1cG__targetDot{transition:none}.SupportFormatsDiagram-module__JND1cG__baseLine,.SupportFormatsDiagram-module__JND1cG__entered .SupportFormatsDiagram-module__JND1cG__baseLine{stroke-dashoffset:0;animation:none}.SupportFormatsDiagram-module__JND1cG__particle{animation:none;opacity:0!important}}
