.cpp-embed{text-align:left;text-transform:none;min-height:0;text-shadow:none;white-space:normal;overflow-wrap:normal;word-break:normal;font-size:16px;font-style:normal;font-weight:400;line-height:1.5}.cpp-embed>.pnl-section{margin-top:0}.cpp-preview{min-width:0}.cpp-preview>.cpp-embed{background:0 0}.br-page .cpp-composition .br-desktop-device{overflow:hidden}.br-page .cpp-composition .br-desktop-device .cpp-embed{background:var(--panel-background);padding:10px}.br-page .cpp-hero-academy{z-index:2;transform-origin:0 100%;width:300px;box-shadow:0 24px 50px color-mix(in oklab,var(--br-base) 85%,transparent);border-radius:8px;animation:8s ease-in-out -3s infinite br-float;position:absolute;bottom:-22%;left:-6%;transform:scale(.85)}@media (width<=1100px){.br-page .cpp-hero-academy{transform:scale(.7)}}@media (width<=640px){.br-page .cpp-hero-academy{bottom:-16%;left:0;transform:scale(.62)}}@media (prefers-reduced-motion:reduce){.br-page .cpp-hero-academy{animation:none}}.cpp-demo{border-radius:var(--panel-radius);grid-auto-rows:max-content;align-content:start;max-height:calc(100dvh - 32px);overflow:auto;gap:14px!important;width:min(100vw - 32px,1120px)!important;max-width:1120px!important;padding:20px!important}.cpp-demo-head{text-align:left}.cpp-demo-head h2{font-family:var(--font-display);font-size:var(--panel-heading);color:var(--sa-text);font-weight:600}.cpp-demo-head p{color:var(--sa-muted);font-size:13px}.cpp-demo-steps{flex-wrap:wrap;gap:8px;padding-right:36px;display:flex}.cpp-demo-steps button{border:1px solid var(--sa-line);border-radius:var(--panel-control-radius);background:var(--sa-surface);height:auto;min-height:44px;color:var(--sa-text);gap:6px;padding:0 12px;font-size:13px}.cpp-demo-steps button[aria-pressed=true]{background:var(--sa-cta);border-color:var(--sa-blue)}.cpp-demo-steps .cpp-demo-reset{width:44px;margin-left:auto;padding:0}.cpp-demo-frame{background:0 0}.cpp-demo-note{color:var(--sa-muted);align-items:center;gap:6px;font-size:12px;display:flex}.cpp-demo-note svg{width:14px;height:14px;color:var(--sa-blue)}@media (width<=767px){.cpp-demo{border-radius:0;height:100dvh;max-height:100dvh;width:100vw!important;max-width:100vw!important;padding:16px 12px 0!important}.cpp-demo-steps button{flex:calc(50% - 8px);justify-content:flex-start}.cpp-demo-steps .cpp-demo-reset{flex:0 0 44px}.cpp-demo-frame .sa-bottom-nav{margin:12px -12px 0;position:sticky}}@media (width<=640px){.br-page .hf-analytics-body>.cpp-preview{margin-inline:-10px}}