.peppe-radius-catalog{margin:var(--space-32) 0;border:1px solid var(--color-surface-divider);border-radius:var(--radius-lg);background:var(--color-surface-base);padding:0;list-style:none;overflow:hidden}.peppe-radius-catalog__row{padding:var(--space-24) var(--space-32);border-bottom:1px solid var(--color-surface-divider);align-items:center;gap:var(--space-32);flex-direction:row;display:flex}.peppe-radius-catalog__row:last-child{border-bottom:none}.peppe-radius-catalog__meta{gap:var(--space-4);flex-direction:column;flex:1;min-width:0;display:flex}.peppe-radius-catalog__token{font-family:var(--type-family-sans);font-size:var(--type-size-sm);font-weight:var(--type-weight-medium);color:var(--color-ink-primary);line-height:var(--type-leading-snug)}.peppe-radius-catalog__token code{font-family:var(--type-family-sans);font-size:var(--type-size-xs);font-weight:var(--type-weight-medium);color:var(--color-ink-tertiary);background:var(--color-surface-carved);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--color-surface-divider)}.peppe-radius-catalog__value{font-family:var(--type-family-sans);font-size:var(--type-size-xs);font-weight:var(--type-weight-regular);color:var(--color-ink-tertiary);line-height:var(--type-leading-snug)}.peppe-radius-catalog__value code{font-family:var(--type-family-sans);font-size:var(--type-size-xs);font-weight:var(--type-weight-medium);color:var(--color-ink-tertiary);background:var(--color-surface-carved);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--color-surface-divider)}.peppe-radius-catalog__usage{font-family:var(--type-family-sans);font-size:var(--type-size-sm);font-weight:var(--type-weight-regular);color:var(--color-ink-secondary);line-height:var(--type-leading-normal)}.peppe-radius-catalog__usage code{font-family:var(--type-family-sans);font-size:var(--type-size-xs);font-weight:var(--type-weight-medium);color:var(--color-ink-tertiary);background:var(--color-surface-carved);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--color-surface-divider)}.peppe-radius-catalog__sample{width:64px;height:64px;box-shadow:var(--shadow-raised);background:linear-gradient(to bottom, var(--color-surface-raised-top), var(--color-surface-raised-bottom)) padding-box, linear-gradient(to bottom, var(--border-raised-top), var(--border-raised-bottom)) border-box;border:1px solid #0000;flex-shrink:0}.peppe-radius-catalog__sample--sm{border-radius:var(--radius-sm)}.peppe-radius-catalog__sample--md{border-radius:var(--radius-md)}.peppe-radius-catalog__sample--lg{border-radius:var(--radius-lg)}.peppe-radius-catalog__sample--xl{border-radius:var(--radius-xl)}.peppe-radius-sample-grid{gap:var(--space-24);margin-top:var(--space-24);grid-template-columns:repeat(4,1fr);display:grid}.peppe-radius-sample{align-items:center;gap:var(--space-16);padding:var(--space-48) var(--space-24);background:var(--color-surface-base);border:1px solid var(--color-surface-divider);border-radius:var(--radius-lg);flex-direction:column;display:flex}.peppe-radius-sample__card{width:120px;height:120px;box-shadow:var(--shadow-raised);background:linear-gradient(to bottom, var(--color-surface-raised-top), var(--color-surface-raised-bottom)) padding-box, linear-gradient(to bottom, var(--border-raised-top), var(--border-raised-bottom)) border-box;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;display:flex}.peppe-radius-sample__label{font-family:var(--type-family-sans);font-size:var(--type-size-xs);font-weight:var(--type-weight-medium);letter-spacing:var(--type-tracking-loose);text-transform:uppercase;color:var(--color-ink-tertiary);line-height:var(--type-leading-snug);text-align:center}.peppe-radius-sample__token-label{font-family:var(--type-family-sans);font-size:var(--type-size-sm);font-weight:var(--type-weight-medium);color:var(--color-ink-secondary);line-height:var(--type-leading-snug);text-align:center}.peppe-radius-sample__token-label code{font-family:var(--type-family-sans);font-size:var(--type-size-xs);font-weight:var(--type-weight-medium);color:var(--color-ink-tertiary);background:var(--color-surface-carved);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--color-surface-divider);display:inline-block}.peppe-radius-sample--sm .peppe-radius-sample__card{border-radius:var(--radius-sm)}.peppe-radius-sample--md .peppe-radius-sample__card{border-radius:var(--radius-md)}.peppe-radius-sample--lg .peppe-radius-sample__card{border-radius:var(--radius-lg)}.peppe-radius-sample--xl .peppe-radius-sample__card{border-radius:var(--radius-xl)}@media (max-width:1024px){.peppe-radius-catalog__row{padding:var(--space-24);gap:var(--space-24)}.peppe-radius-sample-grid{gap:var(--space-16);grid-template-columns:repeat(2,1fr)}.peppe-radius-sample{padding:var(--space-32) var(--space-16)}}@media (max-width:768px){.peppe-radius-catalog__row{padding:var(--space-16);align-items:flex-start;gap:var(--space-16);flex-direction:column}.peppe-radius-catalog__sample{align-self:flex-start}.peppe-radius-sample-grid{gap:var(--space-16);grid-template-columns:repeat(2,1fr)}.peppe-radius-sample{padding:var(--space-24) var(--space-16);gap:var(--space-12)}.peppe-radius-sample__card{width:96px;height:96px}}