.cp-demo-icon{vertical-align:-.125em}.cp-demo-brand .cp-demo-icon,.cp-demo-nav-meta .cp-demo-icon{margin-right:.25rem}.cp-demo-brand .cp-demo-icon{width:1.2em;height:1.2em}.cp-demo-nav-meta a{text-decoration:none}.cp-demo-nav-meta a:hover{opacity:.5}.cp-demo-nav-meta a+a{margin-left:.75rem}@media (max-width:991.98px){.cp-demo-nav-label{display:none}.cp-demo-nav-meta{margin-right:1rem}}@media (min-width:992px){.cp-demo-nav-collapse{order:3}.cp-demo-nav-meta{order:4}}.cp-demo-example{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.cp-demo-trigger.cp-demo-trigger{align-items:center;gap:.5rem;display:inline-flex}.cp-demo-trigger:before{content:"";background:var(--chip,transparent);border:1px solid #00000040;border-radius:.25rem;width:1rem;height:1rem}.cp-demo-selection{border:1px solid #00000020;border-radius:.25rem;min-width:15rem;margin:0;padding:.75rem 1rem;font-size:.8125rem}.cp-demo-sources{gap:1rem;display:grid}.cp-demo-body{container-type:inline-size}@container (width>=66rem){.cp-demo-sources--pair{grid-template-columns:1fr 1fr}}.cp-demo-code{color:#333;background:#f8f8f8;border-radius:.25rem;margin:0;padding:.75rem 1rem;font-size:.8125rem;overflow-x:auto}.cp-demo-comment{color:#998;font-style:italic}.cp-demo-keyword{color:#333;font-weight:700}.cp-demo-string{color:#d14}.cp-demo-number{color:teal}.cp-demo-call{color:#900;font-weight:700}.cp-demo-tag,.cp-demo-attr{color:navy}.cp-demo-field{max-width:20rem}.cp-demo-label{margin-bottom:.5rem;display:block}