.animation-wrapper[data-animation=api-console] .ac{cursor:default;margin-inline:auto;max-width:36rem;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%}.animation-wrapper[data-animation=api-console] .ac-frame{background:#071c2a;border:1px solid hsla(0,0%,100%,.16);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.animation-wrapper[data-animation=api-console] .ac-bar{align-items:center;background:var(--cc-blue-800);border-bottom:1px solid hsla(0,0%,100%,.1);color:var(--on-dark);display:flex;font:.72rem/1 var(--font);gap:var(--space-8);padding:var(--space-14) var(--space-16)}.animation-wrapper[data-animation=api-console] .ac-dot{background:var(--cc-orange);border-radius:50%;flex:none;height:.55rem;width:.55rem}.animation-wrapper[data-animation=api-console] .ac-dot--b{background:var(--light-blue)}.animation-wrapper[data-animation=api-console] .ac-dot--c{background:var(--green)}.animation-wrapper[data-animation=api-console] .ac-bar__label{margin-left:var(--space-4)}.animation-wrapper[data-animation=api-console] .ac-body{font:.8rem/1.75 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;padding:var(--space-24)}.animation-wrapper[data-animation=api-console] .ac-line{align-items:baseline;border-bottom:1px solid hsla(0,0%,100%,.1);color:#fff;display:flex;gap:var(--space-8);margin-bottom:var(--space-16);padding-bottom:var(--space-16);white-space:nowrap}.animation-wrapper[data-animation=api-console] .ac-method{color:var(--cc-orange);flex:none;font-weight:800}.animation-wrapper[data-animation=api-console] .ac-type{align-items:baseline;display:inline-flex;min-width:0}.animation-wrapper[data-animation=api-console] .ac-type__text{color:var(--light-blue);display:inline-block;overflow:hidden;vertical-align:bottom;width:0}.animation-wrapper[data-animation=api-console] .ac-caret{background:var(--light-blue);flex:none;height:1em;margin-left:1px;opacity:0;width:.5em}.animation-wrapper[data-animation=api-console] .ac-json{color:var(--on-dark)}.animation-wrapper[data-animation=api-console] .ac-json__row{opacity:0;transform:translateY(2px)}.animation-wrapper[data-animation=api-console] .ac-json__row--l1{padding-left:1rem}.animation-wrapper[data-animation=api-console] .ac-json__row--l2{padding-left:2rem}.animation-wrapper[data-animation=api-console] .ac-json__row--l3{padding-left:3rem}.animation-wrapper[data-animation=api-console] .ac-key{color:var(--light-blue)}.animation-wrapper[data-animation=api-console] .ac-string{color:#b9e4bd}.animation-wrapper[data-animation=api-console] .ac-number{color:#ffd27c}.animation-wrapper[data-animation=api-console] .ac-boolean{color:#c3a6ff}@keyframes ac-type{to{width:23ch}}@keyframes ac-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes ac-row-in{to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){.animation-wrapper[data-animation=api-console].ac-is-live .ac-type__text{animation:ac-type 1.3s steps(23) .15s forwards}.animation-wrapper[data-animation=api-console].ac-is-live .ac-caret{animation:ac-blink .85s step-end 1.45s infinite}.animation-wrapper[data-animation=api-console].ac-is-live .ac-json__row{animation:ac-row-in .4s ease-out forwards}.animation-wrapper[data-animation=api-console].ac-is-live .ac-json__row:first-child{animation-delay:1.55s}.animation-wrapper[data-animation=api-console].ac-is-live .ac-json__row:nth-child(2){animation-delay:1.68s}.animation-wrapper[data-animation=api-console].ac-is-live .ac-json__row:nth-child(3){animation-delay:1.81s}.animation-wrapper[data-animation=api-console].ac-is-live .ac-json__row:nth-child(4){animation-delay:1.94s}.animation-wrapper[data-animation=api-console].ac-is-live .ac-json__row:nth-child(5){animation-delay:2.07s}.animation-wrapper[data-animation=api-console].ac-is-live .ac-json__row:nth-child(6){animation-delay:2.2s}.animation-wrapper[data-animation=api-console].ac-is-live .ac-json__row:nth-child(7){animation-delay:2.33s}.animation-wrapper[data-animation=api-console].ac-is-live .ac-json__row:nth-child(8){animation-delay:2.46s}.animation-wrapper[data-animation=api-console].ac-is-live .ac-json__row:nth-child(9){animation-delay:2.59s}.animation-wrapper[data-animation=api-console].ac-is-live .ac-json__row:nth-child(10){animation-delay:2.72s}.animation-wrapper[data-animation=api-console].ac-is-live .ac-json__row:nth-child(11){animation-delay:2.85s}.animation-wrapper[data-animation=api-console].ac-is-live .ac-json__row:nth-child(12){animation-delay:2.98s}.animation-wrapper[data-animation=api-console].ac-is-live .ac-json__row:nth-child(13){animation-delay:3.11s}.animation-wrapper[data-animation=api-console].ac-is-live .ac-json__row:nth-child(14){animation-delay:3.24s}.animation-wrapper[data-animation=api-console].ac-is-live .ac-json__row:nth-child(15){animation-delay:3.37s}.animation-wrapper[data-animation=api-console].ac-is-live .ac-json__row:nth-child(16){animation-delay:3.5s}.animation-wrapper[data-animation=api-console].ac-is-live .ac-json__row:nth-child(17){animation-delay:3.63s}}@media (prefers-reduced-motion:reduce){.animation-wrapper[data-animation=api-console] .ac-type__text{width:23ch}.animation-wrapper[data-animation=api-console] .ac-caret,.animation-wrapper[data-animation=api-console] .ac-json__row{opacity:1;transform:none}}@container sa-canvas (max-width: 30rem){.animation-wrapper[data-animation=api-console] .ac-body{font-size:.72rem;padding:var(--space-16)}.animation-wrapper[data-animation=api-console] .ac-json__row--l1{padding-left:.75rem}.animation-wrapper[data-animation=api-console] .ac-json__row--l2{padding-left:1.5rem}.animation-wrapper[data-animation=api-console] .ac-json__row--l3{padding-left:2.25rem}}