:root{--pg-bar-h:5rem}@media (min-width:1024px){:root{--pg-bar-h:11.5rem}}.pg-chip:focus-visible{outline-offset:2px;box-shadow:0 0 0 1px color-mix(in srgb, currentColor 22%, transparent), 0 0 0 5px #000;outline:2px solid #fff}.pg-popover{-webkit-user-select:none;user-select:none;isolation:isolate}.pg-preview [data-demo-sticky]{display:none}.pg-preview{isolation:isolate}.pg-preview .demo-root{padding-bottom:var(--pg-bar-h)}.pg-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:-webkit-backdrop-filter .32s cubic-bezier(.4,0,.2,1),backdrop-filter .32s cubic-bezier(.4,0,.2,1)}.pg-bar[data-open=false]{-webkit-backdrop-filter:blur();backdrop-filter:blur()}@media (prefers-reduced-motion:reduce){.pg-bar{transition:none}}.pg-controls{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .32s cubic-bezier(.4,0,.2,1),opacity .2s;display:grid}.pg-controls[data-open=true]{opacity:1;grid-template-rows:1fr}.pg-controls>*{min-height:0;overflow:hidden}.pg-controls[data-open=true]>*{overflow:visible}@media (prefers-reduced-motion:reduce){.pg-controls{transition:none}}.pg-select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;appearance:none;border:1px solid rgb(var(--ink-rgb) / .15);background-color:rgb(var(--ground-rgb));color:rgb(var(--ink-rgb));cursor:pointer;border-radius:.5rem;outline:none;transition:border-color .16s}.pg-select:hover,.pg-select:focus-within,.pg-select:focus{border-color:var(--brand-400)}