.peppe-card{border-radius:var(--radius-md);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;box-shadow:var(--shadow-raised);border:1px solid #0000;flex-direction:column;display:flex;overflow:hidden}.peppe-card--floating{box-shadow:var(--shadow-floating)}.peppe-card--hero{border-radius:var(--radius-lg)}.peppe-card--hero .peppe-card__header,.peppe-card--hero .peppe-card__body,.peppe-card--hero .peppe-card__footer{padding-left:var(--space-32);padding-right:var(--space-32)}.peppe-card--hero .peppe-card__header:first-child{padding-top:var(--space-32)}.peppe-card--hero .peppe-card__body:last-child,.peppe-card--hero .peppe-card__footer:last-child{padding-bottom:var(--space-32)}.peppe-card--mother{border-radius:var(--radius-xl)}.peppe-card--mother .peppe-card__header,.peppe-card--mother .peppe-card__body,.peppe-card--mother .peppe-card__footer{padding-left:var(--space-32);padding-right:var(--space-32)}.peppe-card--mother .peppe-card__header:first-child{padding-top:var(--space-32)}.peppe-card--mother .peppe-card__body:last-child,.peppe-card--mother .peppe-card__footer:last-child{padding-bottom:var(--space-32)}.peppe-card__header{gap:var(--space-4);padding:var(--space-24);flex-direction:column;display:flex}.peppe-card__header:not(:last-child){border-bottom:1px solid var(--color-surface-divider)}.peppe-card__kicker{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);color:var(--color-ink-tertiary);display:block}.peppe-card__title{font-family:var(--type-family-sans);font-size:var(--type-size-lg);font-weight:var(--type-weight-medium);line-height:var(--type-leading-snug);color:var(--color-ink-primary);margin:0}.peppe-card__body{gap:var(--space-16);padding:var(--space-24);flex-direction:column;flex:1;display:flex}.peppe-card__body:not(:last-child){border-bottom:1px solid var(--color-surface-divider)}.peppe-card__body p{font-family:var(--type-family-sans);font-size:var(--type-size-md);font-weight:var(--type-weight-regular);line-height:var(--type-leading-normal);color:var(--color-ink-secondary);margin:0}.peppe-card__footer{align-items:center;gap:var(--space-8);padding:var(--space-16) var(--space-24);flex-wrap:wrap;display:flex}.peppe-card__skeleton-header{gap:var(--space-8);padding:var(--space-24);border-bottom:1px solid var(--color-surface-divider);flex-direction:column;display:flex}.peppe-card__skeleton-body{gap:var(--space-8);padding:var(--space-24);flex-direction:column;display:flex}.peppe-card__skeleton-line{border-radius:var(--radius-sm);background:var(--color-surface-divider);height:8px;animation:1.4s ease-in-out infinite peppe-skeleton-pulse}.peppe-card__skeleton-line--xs{width:40%}.peppe-card__skeleton-line--sm{width:55%}.peppe-card__skeleton-line--md{width:70%}.peppe-card__skeleton-line--lg{width:88%}@keyframes peppe-skeleton-pulse{0%,to{opacity:1}50%{opacity:.45}}.peppe-card__error-block{align-items:flex-start;gap:var(--space-16);padding:var(--space-24);flex-direction:column;display:flex}.peppe-card__error-icon{width:var(--icon-size-md);height:var(--icon-size-md);color:var(--color-functional-error);flex-shrink:0}.peppe-card__error-text{font-family:var(--type-family-sans);font-size:var(--type-size-sm);font-weight:var(--type-weight-regular);line-height:var(--type-leading-normal);color:var(--color-ink-secondary);margin:0}.peppe-card__empty-block{align-items:flex-start;gap:var(--space-16);padding:var(--space-24);flex-direction:column;display:flex}.peppe-card__empty-icon{width:var(--icon-size-md);height:var(--icon-size-md);color:var(--color-ink-tertiary);flex-shrink:0}.peppe-card__empty-text{font-family:var(--type-family-sans);font-size:var(--type-size-sm);font-weight:var(--type-weight-regular);line-height:var(--type-leading-normal);color:var(--color-ink-secondary);margin:0}.peppe-card__variants-grid{gap:var(--space-24);margin-top:var(--space-32);grid-template-columns:repeat(3,1fr);display:grid}.peppe-card__variants-grid .peppe-component__sample-wrap{min-height:240px;padding:var(--space-32);align-items:flex-start}.peppe-card__states-grid{gap:var(--space-24);margin-top:var(--space-32);grid-template-columns:repeat(2,1fr);display:grid}.peppe-card__states-grid .peppe-component__sample-wrap{min-height:200px;padding:var(--space-32);align-items:flex-start}.peppe-card__body-placeholder{font-family:var(--type-family-sans);font-size:var(--type-size-sm);font-weight:var(--type-weight-regular);line-height:var(--type-leading-normal);color:var(--color-ink-tertiary);margin:0}.peppe-card__sample-wrap--floating-bg{background:var(--color-surface-carved)!important}.peppe-card__sample-wrap--pending{align-items:center}.peppe-card__pending-note{font-family:var(--type-family-sans);font-size:var(--type-size-sm);font-weight:var(--type-weight-regular);line-height:var(--type-leading-normal);color:var(--color-ink-secondary);text-align:center;margin:0}.peppe-card__pending-note 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-card__dodont-demo{width:100%;max-width:240px}.peppe-card__header--compact{padding:var(--space-12) var(--space-16)}.peppe-card__body--compact{padding:var(--space-12) var(--space-16);gap:var(--space-8)}.peppe-card__dodont-input-demo{padding:var(--space-8) var(--space-16);background:var(--color-surface-carved);border:1px solid var(--color-surface-divider);border-radius:var(--radius-md);font-family:var(--type-family-sans);font-size:var(--type-size-sm);color:var(--color-ink-tertiary)}.peppe-card__dodont-input-demo--radius-sm{border-radius:var(--radius-sm)}.peppe-card__dodont-demo--mixed-radius{border-radius:var(--radius-lg)}@media (max-width:1024px){.peppe-card__variants-grid{gap:var(--space-16);grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.peppe-card__variants-grid,.peppe-card__states-grid{gap:var(--space-16);grid-template-columns:1fr}.peppe-card--hero .peppe-card__header,.peppe-card--hero .peppe-card__body,.peppe-card--hero .peppe-card__footer,.peppe-card--mother .peppe-card__header,.peppe-card--mother .peppe-card__body,.peppe-card--mother .peppe-card__footer{padding-left:var(--space-24);padding-right:var(--space-24)}.peppe-card--hero .peppe-card__header:first-child,.peppe-card--mother .peppe-card__header:first-child{padding-top:var(--space-24)}.peppe-card--hero .peppe-card__body:last-child,.peppe-card--hero .peppe-card__footer:last-child,.peppe-card--mother .peppe-card__body:last-child,.peppe-card--mother .peppe-card__footer:last-child{padding-bottom:var(--space-24)}}