.belt-container {
    display: flex;
    align-items: center;
    gap: 10px;
}

.belt {
    --belt-stroke-color: #100;
    --belt-dan-fill-color: #000000;
    --belt-dan-stroke-color: #ffed0d;
    width: 90px;
    height: 20px;
    margin: 5px 0 10px 0;
}

/* Single Color Belts */
.belt-white {
}

.belt-yellow {
}

.belt-orange {
}

.belt-green {
}

.belt-blue {
}

.belt-purple {
    --belt-stroke-color: #ccc;
}

.belt-brown {
}

.belt-black {
    --belt-stroke-color: #ccc;
    --belt-dan-fill-color: #ccc;
    --belt-dan-stroke-color: #ccc;
}

.belt-red {
}