.playground-portal{--pg-sidebar-width:18.5rem;--pg-sidebar-collapsed:3.25rem;--pg-gap:0.625rem;--pg-sidebar-column:calc(var(--pg-sidebar-width) + var(--pg-gap))}.playground-portal[data-sidebar=collapsed]{--pg-sidebar-column:calc(var(--pg-sidebar-collapsed) + var(--pg-gap))}.playground-aside{width:var(--pg-sidebar-width);transition:width .2s ease}.playground-portal[data-sidebar=collapsed] .playground-aside{width:var(--pg-sidebar-collapsed)}.playground-main{inset-inline-start:var(--pg-gap);transition:inset-inline-start .2s ease}@media (min-width:1024px){.playground-main{inset-inline-start:calc(var(--pg-gap) + var(--pg-sidebar-column))}}.playground-scroll{scrollbar-width:thin;scrollbar-color:color-mix(in oklch,var(--foreground) 22%,transparent) transparent}.playground-scroll::-webkit-scrollbar{width:5px}.playground-scroll::-webkit-scrollbar-track{background:transparent}.playground-scroll::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in oklch,var(--foreground) 18%,transparent)}.playground-scroll::-webkit-scrollbar-thumb:hover{background:color-mix(in oklch,var(--foreground) 30%,transparent)}@media (prefers-reduced-motion:reduce){.playground-aside,.playground-main{transition:none}}