.cg-row{align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.cg-stack{gap:var(--spacing-sm);display:grid}.cg-specimen{gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-base-100);color:var(--color-base-content);font-family:var(--font-sans);grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));display:grid}.cg-specimen-cell{align-content:start;gap:var(--spacing-md);min-width:0;display:grid}.cg-specimen[data-compact]{gap:var(--spacing-md);padding:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr))}.cg-stage{min-height:9rem;padding:var(--spacing-xl) var(--spacing-lg);border:1px solid var(--stipe-linework);border-radius:var(--radius-box);background-color:var(--color-base-100);background-image:radial-gradient(color-mix(in oklab, var(--color-base-content) 12%, transparent) 1px, transparent 1px);color:var(--color-base-content);background-size:16px 16px;grid-template-columns:minmax(0,1fr);place-items:center;min-width:0;display:grid;overflow-x:auto}@layer base{.cg-stage>*{max-width:100%}}.cg-stage-loading{color:var(--stipe-fg-muted);font-family:var(--font-mono);font-size:var(--text-xs)}.cg-index-tools{gap:var(--spacing-sm);flex-wrap:wrap;align-items:center;margin-block-end:var(--spacing-lg);display:flex}.cg-index-tools .caps-input-shell,.cg-index-tools input{flex:14rem}.cg-index-group{margin-block:var(--spacing-xl) var(--spacing-md);font-family:var(--caps-control-label-font,var(--font-mono));font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--stipe-fg-muted)}.cg-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));display:grid}.cg-tile{border:1px solid var(--stipe-linework);border-radius:var(--radius-box);background:var(--color-base-100);color:var(--color-base-content);transition:border-color var(--stipe-motion-fast,.12s) ease, transform var(--stipe-motion-fast,.12s) ease;grid-template-rows:10rem auto;text-decoration:none;display:grid;overflow:hidden}.cg-tile:hover,.cg-tile:focus-visible{border-color:var(--color-primary);transform:translateY(-2px)}.cg-tile:focus-visible{outline:2px solid var(--caps-focus-ring);outline-offset:2px}.cg-tile-preview{background-color:var(--color-base-200);background-image:radial-gradient(color-mix(in oklab, var(--color-base-content) 10%, transparent) 1px, transparent 1px);background-size:14px 14px;grid-template-columns:minmax(0,1fr);place-items:center;display:grid;position:relative;overflow:hidden}.cg-tile-preview>.cg-tile-scale{transform-origin:50%;pointer-events:none;justify-items:center;width:138%;display:grid;transform:scale(.72)}.cg-tile-body{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md);border-top:1px solid var(--stipe-linework);gap:.125rem;display:grid}.cg-tile-name{font-weight:650}.cg-tile-summary{color:var(--stipe-fg-muted);font-size:var(--text-sm);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}.cg-theme-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));display:grid}.cg-theme-card{border:1px solid var(--stipe-linework);border-radius:var(--radius-box);display:grid;overflow:hidden}.cg-theme-card-head{justify-content:space-between;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-base-200);color:var(--color-base-content);font-family:var(--font-sans);display:flex}.cg-theme-card-head p{color:var(--stipe-fg-muted);font-size:var(--text-xs);margin:0}.cg-theme-name{font-family:var(--font-mono);font-weight:700}.cg-swatches{height:.75rem;display:flex}.cg-swatches>span{flex:1}.cg-theme-card .cg-specimen{max-height:34rem;overflow:hidden}.cg-example{gap:var(--spacing-sm);margin-block:var(--spacing-lg) var(--spacing-2xl);grid-template-columns:minmax(0,1fr);display:grid}.cg-example h2{margin:0}.cg-props{width:100%;font-size:var(--text-sm)}.cg-props code{white-space:normal;overflow-wrap:normal;word-break:normal}.cg-props :is(th,td):first-child,.cg-props td:first-child code,.cg-type-member,.cg-prop-name{white-space:nowrap;overflow-wrap:normal;word-break:normal}.cg-props-list{display:none}@media (width<=50rem){.cg-props{display:none}.cg-props-list{font-size:var(--text-sm);padding:0;display:block}.cg-props-list .cg-prop-row{display:block}.cg-prop-heading{align-items:baseline;gap:var(--spacing-xs) var(--spacing-sm);flex-wrap:wrap;display:flex}.cg-prop-heading .cg-prop-type{white-space:normal;overflow-wrap:normal;word-break:normal;min-width:0;max-width:100%;overflow-x:auto}.cg-prop-row p{margin:var(--spacing-xs) 0 0}}