.peppe-icon{color:var(--color-ink-secondary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.peppe-icon--sm{width:var(--icon-size-sm);height:var(--icon-size-sm)}.peppe-icon--md{width:var(--icon-size-md);height:var(--icon-size-md)}.peppe-icon--lg{width:var(--icon-size-lg);height:var(--icon-size-lg)}.peppe-icon--primary{color:var(--color-ink-primary)}.peppe-icon--success{color:var(--color-functional-success)}.peppe-icon--alert{color:var(--color-functional-alert)}.peppe-icon--error{color:var(--color-functional-error)}.peppe-icon--info{color:var(--color-functional-info)}.peppe-icon-catalog{gap:var(--space-16);margin-top:var(--space-32);grid-template-columns:repeat(auto-fill,minmax(96px,1fr));display:grid}.peppe-icon-catalog__item{align-items:center;gap:var(--space-8);padding:var(--space-16);background:var(--color-surface-base);border:1px solid var(--color-surface-divider);border-radius:var(--radius-md);flex-direction:column;display:flex}.peppe-icon-catalog__name{font-family:var(--type-family-sans);font-size:var(--type-size-xs);font-weight:var(--type-weight-regular);letter-spacing:var(--type-tracking-normal);color:var(--color-ink-tertiary);line-height:var(--type-leading-snug);text-align:center;word-break:break-word}.peppe-icon-sizes-grid{gap:var(--space-24);margin-top:var(--space-32);grid-template-columns:repeat(3,1fr);display:grid}.peppe-icon-sizes-grid .peppe-component__sample-wrap{min-height:80px}.peppe-icon--active{color:var(--color-ink-primary)}@media (max-width:768px){.peppe-icon-catalog{gap:var(--space-12);grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.peppe-icon-sizes-grid{gap:var(--space-16);grid-template-columns:repeat(3,1fr)}}