.playground{--pg-muted:#52525b;--pg-accent:#1d4ed8;--pg-danger:#b91c1c;--pg-success:#047857;--pg-warning:#92400e;--pg-skeleton:#e4e4e7;--pg-sweep:#f0f0f2}.dark .playground{--pg-muted:#a1a1aa;--pg-accent:#93c5fd;--pg-danger:#fca5a5;--pg-success:#6ee7b7;--pg-warning:#fcd34d;--pg-skeleton:#303034;--pg-sweep:#3b3b40}.playground .pg-muted{color:var(--pg-muted)}.playground .pg-accent{color:var(--pg-accent)}.playground .pg-danger{color:var(--pg-danger)}.playground .pg-success{color:var(--pg-success)}.playground .pg-warning{color:var(--pg-warning)}.playground :is(input,textarea)::placeholder{color:var(--pg-muted);opacity:1}.playground :is(button,a,input,select,textarea):focus-visible{outline:2px solid var(--pg-accent);outline-offset:3px}.playground .pg-button-filled{min-width:9rem;background:#1d4ed8;color:#fff}.playground .pg-button{transition:none}.playground .pg-button-filled:hover{background:#1e40af}.playground .pg-button-text{color:var(--pg-accent)}.playground .pg-button-text:hover{text-decoration:underline}.playground button.pg-muted:hover:not(:disabled){color:var(--pg-accent)}.playground .pg-button-secondary{color:var(--pg-muted)}.playground .pg-loading-region{position:relative;display:grid;min-width:0}.playground .pg-loading-overlay{position:absolute;inset:0;overflow:hidden}.playground :is(.pg-loading-content,.pg-loading-placeholder){grid-area:1/1;min-width:0}.playground .pg-loading-placeholder{opacity:0;pointer-events:none}.playground .pg-loading-placeholder[data-visible=true]{opacity:1}.playground .pg-portfolio-selector{min-height:54px}.playground .pg-skeleton{position:relative;overflow:hidden;border-radius:4px;background:var(--pg-skeleton)}.playground .pg-skeleton.rounded-full{border-radius:9999px}.playground .pg-skeleton.rounded-lg{border-radius:8px}.playground .pg-skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--pg-sweep),transparent);transform:translateX(-100%);animation:pg-shimmer 1.8s ease-in-out infinite}@keyframes pg-shimmer{to{transform:translateX(100%)}}@media (prefers-reduced-motion:reduce){.playground .pg-skeleton:after{animation:none;display:none}}.playground .pg-accordion-trigger:hover{background:rgb(128 128 128/.04)}.playground .pg-resource-accordion{--pg-brand-border:color-mix(in srgb,var(--color-red-500) 22%,#e4e4e7);border-color:var(--pg-brand-border);--pg-brand-header:color-mix(in srgb,var(--color-red-500) 2%,#ffffff)}.playground .pg-resource-accordion[data-open=true]{--pg-brand-border:color-mix(in srgb,var(--color-red-500) 34%,#e4e4e7);--pg-brand-header:color-mix(in srgb,var(--color-red-500) 3%,#ffffff)}.dark .playground .pg-resource-accordion{--pg-brand-border:color-mix(in srgb,var(--color-red-500) 22%,#27272a);--pg-brand-header:color-mix(in srgb,var(--color-red-500) 4%,#18181b)}.dark .playground .pg-resource-accordion[data-open=true]{--pg-brand-border:color-mix(in srgb,var(--color-red-500) 32%,#27272a);--pg-brand-header:color-mix(in srgb,var(--color-red-500) 6%,#18181b)}.playground .pg-accordion-body{border-color:var(--pg-brand-border)}.playground .pg-resource-accordion .pg-accordion-trigger{background:var(--pg-brand-header)}.playground .pg-resource-accordion[data-open=true] .pg-accordion-trigger{border-bottom-right-radius:0;border-bottom-left-radius:0}