.playground-section{border:1px solid color-mix(in srgb, var(--p-surface-400) 22%, transparent);background:color-mix(in srgb, var(--p-content-background,var(--p-surface-0)) 88%, var(--p-surface-50));box-shadow:none;border-radius:7px;flex:none;overflow:hidden}.playground-section+.playground-section{margin-block-start:4px}:where(.dark,.p-dark) .playground-section{background:color-mix(in srgb, var(--p-content-background,var(--p-surface-900)) 88%, var(--p-surface-800));border-color:color-mix(in srgb, var(--p-surface-500) 28%, transparent);box-shadow:none}.playground-section[data-open=true]{border-color:color-mix(in srgb, var(--p-surface-500) 34%, transparent);background:color-mix(in srgb, var(--p-content-background,var(--p-surface-0)) 94%, var(--p-surface-100))}:where(.dark,.p-dark) .playground-section[data-open=true]{border-color:color-mix(in srgb, var(--p-surface-400) 28%, transparent);background:color-mix(in srgb, var(--p-content-background,var(--p-surface-900)) 94%, var(--p-surface-800))}.playground-section-trigger{width:100%;min-height:40px;color:var(--p-text-color);cursor:pointer;text-align:start;background:0 0;border:0;flex:none;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.playground-section-trigger:focus-visible{outline:2px solid color-mix(in srgb, var(--p-primary-color) 72%, transparent);outline-offset:-2px}.playground-section-title{text-overflow:ellipsis;white-space:nowrap;letter-spacing:0;min-width:0;font-size:.8125rem;font-weight:650;overflow:hidden}.playground-section-chevron{width:18px;height:18px;color:var(--p-text-muted-color);flex:none;justify-content:center;align-items:center;font-size:.6875rem;line-height:1;transition:color .16s;display:inline-flex}.playground-section[data-open=true] .playground-section-chevron{color:var(--p-text-color)}.playground-section-body{flex-direction:column;flex:none;gap:12px;padding:4px 12px 14px;display:flex}.playground-section-body>.px-3.py-3{padding:0!important}
