.animation-wrapper[data-animation=developer-portal] .dp{cursor:default;margin-inline:auto;max-width:34rem;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%}.animation-wrapper[data-animation=developer-portal] .dp-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=developer-portal] .dp-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=developer-portal] .dp-dot{background:var(--cc-orange);border-radius:50%;flex:none;height:.55rem;width:.55rem}.animation-wrapper[data-animation=developer-portal] .dp-dot--b{background:var(--light-blue)}.animation-wrapper[data-animation=developer-portal] .dp-dot--c{background:var(--green)}.animation-wrapper[data-animation=developer-portal] .dp-bar__label{margin-left:var(--space-4)}.animation-wrapper[data-animation=developer-portal] .dp-body{font:.8rem/1.75 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;padding:var(--space-24)}.animation-wrapper[data-animation=developer-portal] .dp-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=developer-portal] .dp-method{color:var(--cc-orange);flex:none;font-weight:800}.animation-wrapper[data-animation=developer-portal] .dp-type{align-items:baseline;display:inline-flex;min-width:0}.animation-wrapper[data-animation=developer-portal] .dp-type__text{color:var(--light-blue);display:inline-block;overflow:hidden;vertical-align:bottom;width:0}.animation-wrapper[data-animation=developer-portal] .dp-caret{background:var(--light-blue);flex:none;height:1em;margin-left:1px;opacity:0;width:.5em}.animation-wrapper[data-animation=developer-portal] .dp-rows{color:var(--on-dark)}.animation-wrapper[data-animation=developer-portal] .dp-row{opacity:0;transform:translateY(2px)}.animation-wrapper[data-animation=developer-portal] .dp-row+.dp-row{margin-top:var(--space-8)}.animation-wrapper[data-animation=developer-portal] .dp-key{color:var(--light-blue)}@keyframes dp-type{to{width:23ch}}@keyframes dp-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes dp-row-in{to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){.animation-wrapper[data-animation=developer-portal].dp-is-live .dp-type__text{animation:dp-type 1s steps(23) .15s forwards}.animation-wrapper[data-animation=developer-portal].dp-is-live .dp-caret{animation:dp-blink .85s step-end 1.15s infinite}.animation-wrapper[data-animation=developer-portal].dp-is-live .dp-row{animation:dp-row-in .4s ease-out forwards}.animation-wrapper[data-animation=developer-portal].dp-is-live .dp-row:first-child{animation-delay:1.3s}.animation-wrapper[data-animation=developer-portal].dp-is-live .dp-row:nth-child(2){animation-delay:1.43s}.animation-wrapper[data-animation=developer-portal].dp-is-live .dp-row:nth-child(3){animation-delay:1.56s}}@media (prefers-reduced-motion:reduce){.animation-wrapper[data-animation=developer-portal] .dp-type__text{width:23ch}.animation-wrapper[data-animation=developer-portal] .dp-caret,.animation-wrapper[data-animation=developer-portal] .dp-row{opacity:1;transform:none}}@container sa-canvas (max-width: 28rem){.animation-wrapper[data-animation=developer-portal] .dp-body{font-size:.72rem;padding:var(--space-16)}.animation-wrapper[data-animation=developer-portal] .dp-line{white-space:normal}}