@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}.pk-demo-index{gap:var(--space-6);padding-inline:var(--space-10);padding-bottom:var(--space-12);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media not all and (min-width:48rem){.pk-demo-index{grid-template-columns:repeat(1,minmax(0,1fr))}}.pk-demo-index__card{gap:var(--space-3);border-style:var(--tw-border-style);border-width:1px;border-color:var(--border-default);padding:var(--space-6);transition:var(--transition-control);flex-direction:column;text-decoration:none;display:flex}.pk-demo-index__card:hover{border-color:var(--accent-solid);background-color:var(--surface-hover)}.pk-demo-index__card-title{color:var(--text-strong);font:var(--type-heading)}.pk-demo-index__card-desc{color:var(--text-muted);font:var(--type-body-sm);flex:1}.pk-demo-index__card-link{align-items:center;gap:var(--space-1);color:var(--accent-solid);font:var(--type-label);display:flex}.pk-demo-nav{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--border-grid);padding-inline:var(--space-10);align-items:center;gap:0;display:flex}@media not all and (min-width:40rem){.pk-demo-nav{padding-inline:var(--space-4);overflow-x:auto}}.pk-demo-nav__link{height:40px;padding-inline:var(--space-4);color:var(--text-subtle);font:var(--type-label);transition:color var(--dur-fast) var(--ease-snap), border-color var(--dur-fast) var(--ease-snap);white-space:nowrap;border-bottom:2px solid #0000;align-items:center;text-decoration:none;display:flex}.pk-demo-nav__link:hover{color:var(--text-body)}.pk-demo-nav__link--active{color:var(--text-strong);border-bottom-color:var(--border-accent)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}