.chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    border-radius: 9999px;
    border: 1px solid transparent;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
}

.chip--xs {
    padding: 2px 8px;
    font-size: 0.625rem;
}

.chip--sm {
    padding: 4px 10px;
    font-size: 0.75rem;
}

.chip-red {
    background: #FFEEEE;
    color: #F65255;
    border: 1px solid #FFD5D5;
}

.chip-green {
    background: #EAFFEE;
    color: #30CE35;
    border: 1px solid #CAFFCE;
}
.chip-blue {
    background: #EEF4FF;
    color: #5273F6;
    border: 1px solid #D5EBFF;
}

.chip-price {
    border: 0;
    border-radius: 6px;
    background: #f8dede;
    color: #552D2F;
    font-weight: 500;
}