.teklly-fsb {
    --fsb-bar-bg: #e8e8e8;
    --fsb-bar-fill: #c8a26a;
    --fsb-bar-fill-reached: #4caf50;
    --fsb-bar-height: 6px;
    --fsb-bar-radius: 3px;
    --fsb-text-color: #333;
    --fsb-text-size: 13px;
    --fsb-gap: 6px;

    display: flex;
    flex-direction: column;
    gap: var(--fsb-gap);
}

.teklly-fsb__bar {
    width: 100%;
    height: var(--fsb-bar-height);
    background: var(--fsb-bar-bg);
    border-radius: var(--fsb-bar-radius);
    overflow: hidden;
}

.teklly-fsb__progress {
    height: 100%;
    background: var(--fsb-bar-fill);
    border-radius: var(--fsb-bar-radius);
    transition: width 0.4s ease;
}

.teklly-fsb--reached .teklly-fsb__progress {
    background: var(--fsb-bar-fill-reached);
}

.teklly-fsb__text {
    margin: 0;
    font-size: var(--fsb-text-size);
    color: var(--fsb-text-color);
    line-height: 1.3;
}