.article-page .device-api-controls{flex-wrap:wrap}.article-page .device-api-controls label{display:flex;align-items:center;gap:var(--cf-space-200);color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-300)}.article-page .device-api-controls input,.article-page .device-api-controls select,.article-page .device-api-controls textarea{border:1px solid var(--cf-color-border-control);border-radius:var(--cf-radius-200);background:var(--cf-color-surface-input);color:var(--cf-color-text);font:inherit;padding:var(--cf-space-150) var(--cf-space-200)}.article-page .device-api-controls input[type=range]{padding:0}.article-page .device-api-lab{align-items:stretch}.article-page .device-api-stack{display:flex;flex-direction:column;align-items:stretch;gap:var(--cf-space-200);width:100%}.article-page .device-api-stack textarea{min-height:calc(var(--cf-space-1000)*2);resize:vertical}.article-page .runtime-pane audio{width:100%}.article-page .runtime-pane ol{margin:var(--cf-space-200) 0 0;padding-left:var(--cf-space-500)}.article-page .runtime-pane li+li{margin-top:var(--cf-space-100)}@media(max-width:768px){.article-page .device-api-controls label{width:100%;align-items:flex-start;flex-direction:column}.article-page .device-api-controls input:not([type=range]),.article-page .device-api-controls select,.article-page .device-api-controls textarea{width:100%}}