.animation-wrapper[data-animation=endpoint-capabilities] .dc{cursor:default;margin-inline:auto;max-width:30rem;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%}.animation-wrapper[data-animation=endpoint-capabilities] .dc-frame{background:var(--cc-blue-900);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.animation-wrapper[data-animation=endpoint-capabilities] .dc-header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);color:var(--on-dark);display:flex;font-size:.76rem;font-weight:800;gap:var(--space-16);justify-content:space-between;padding:var(--space-16) var(--space-20)}.animation-wrapper[data-animation=endpoint-capabilities] .dc-status{align-items:center;display:inline-flex;flex:none;gap:var(--space-8);white-space:nowrap}.animation-wrapper[data-animation=endpoint-capabilities] .dc-status__dot{background:var(--cc-orange);border-radius:50%;flex:none;height:.55rem;position:relative;width:.55rem}.animation-wrapper[data-animation=endpoint-capabilities] .dc-status__dot:after{border:1px solid var(--cc-orange);border-radius:50%;content:"";inset:-.3em;opacity:0;position:absolute}.animation-wrapper[data-animation=endpoint-capabilities] .dc-status__label--connected{color:var(--green);display:none}.animation-wrapper[data-animation=endpoint-capabilities] .dc-ellipsis span{opacity:.2}.animation-wrapper[data-animation=endpoint-capabilities] .dc-body{padding:var(--space-24)}.animation-wrapper[data-animation=endpoint-capabilities] .dc-row{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;gap:var(--space-16);justify-content:space-between;opacity:0;padding:var(--space-14) 0;transform:translateY(4px)}.animation-wrapper[data-animation=endpoint-capabilities] .dc-row:last-child{border-bottom:0}.animation-wrapper[data-animation=endpoint-capabilities] .dc-key{color:var(--light-blue)}.animation-wrapper[data-animation=endpoint-capabilities] .dc-value{color:var(--white);text-align:right}.animation-wrapper[data-animation=endpoint-capabilities] .dc-value--green{color:#b9e4bd}@keyframes dc-pulse-ring{0%{opacity:.55;transform:scale(.6)}to{opacity:0;transform:scale(1.8)}}@keyframes dc-dot-fade{0%,20%{opacity:.2}50%{opacity:1}to{opacity:.2}}@keyframes dc-pop{0%{transform:scale(.4)}60%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes dc-row-in{to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){.animation-wrapper[data-animation=endpoint-capabilities].dc-is-live .dc-status__dot:after{animation:dc-pulse-ring 1.4s ease-out infinite}.animation-wrapper[data-animation=endpoint-capabilities].dc-is-live .dc-ellipsis span:first-child{animation:dc-dot-fade 1.1s ease-in-out infinite}.animation-wrapper[data-animation=endpoint-capabilities].dc-is-live .dc-ellipsis span:nth-child(2){animation:dc-dot-fade 1.1s ease-in-out .15s infinite}.animation-wrapper[data-animation=endpoint-capabilities].dc-is-live .dc-ellipsis span:nth-child(3){animation:dc-dot-fade 1.1s ease-in-out .3s infinite}.animation-wrapper[data-animation=endpoint-capabilities].dc-is-connected .dc-status__dot{animation:dc-pop .4s ease-out;background:var(--green)}.animation-wrapper[data-animation=endpoint-capabilities].dc-is-connected .dc-status__dot:after{animation:none;opacity:0}.animation-wrapper[data-animation=endpoint-capabilities].dc-is-connected .dc-row{animation:dc-row-in .4s ease-out forwards}.animation-wrapper[data-animation=endpoint-capabilities].dc-is-connected .dc-row:first-child{animation-delay:0s}.animation-wrapper[data-animation=endpoint-capabilities].dc-is-connected .dc-row:nth-child(2){animation-delay:.13s}.animation-wrapper[data-animation=endpoint-capabilities].dc-is-connected .dc-row:nth-child(3){animation-delay:.26s}.animation-wrapper[data-animation=endpoint-capabilities].dc-is-connected .dc-row:nth-child(4){animation-delay:.39s}}.animation-wrapper[data-animation=endpoint-capabilities].dc-is-connected .dc-status__label--connecting{display:none}.animation-wrapper[data-animation=endpoint-capabilities].dc-is-connected .dc-status__label--connected{display:inline}.animation-wrapper[data-animation=endpoint-capabilities].dc-is-connected .dc-status__dot{background:var(--green)}@media (prefers-reduced-motion:reduce){.animation-wrapper[data-animation=endpoint-capabilities] .dc-row{opacity:1;transform:none}}@container sa-canvas (max-width: 26rem){.animation-wrapper[data-animation=endpoint-capabilities] .dc-body{padding:var(--space-16)}.animation-wrapper[data-animation=endpoint-capabilities] .dc-row{font-size:.7rem}}