.peppe-chip{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-8);border-radius:var(--radius-sm);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;line-height:var(--type-leading-snug);white-space:nowrap;cursor:default;-webkit-user-select:none;user-select:none;display:inline-flex}.peppe-chip__icon{width:var(--icon-size-sm);height:var(--icon-size-sm);flex-shrink:0}.peppe-chip--success{background:var(--color-functional-success-tint);color:var(--color-functional-success)}.peppe-chip--info{background:var(--color-functional-info-tint);color:var(--color-functional-info)}.peppe-chip--alert{background:var(--color-functional-alert-tint);color:var(--color-functional-alert)}.peppe-chip--error{background:var(--color-functional-error-tint);color:var(--color-functional-error)}.peppe-chip__tones-grid{gap:var(--space-24);margin-top:var(--space-32);grid-template-columns:repeat(4,1fr);display:grid}.peppe-chip__tone-group{gap:var(--space-8);flex-direction:column;align-items:flex-start;display:flex}@media (max-width:1024px){.peppe-chip__tones-grid{gap:var(--space-16);grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.peppe-chip__tones-grid{gap:var(--space-16);grid-template-columns:1fr}}