/*
 * اصلاحیه‌ی راست‌چینِ شمارنده‌ی نواریِ پیشرفته — فقط روی سایتِ راست‌چین لود می‌شود.
 *
 * پرشدنِ نوار (خطی، بخش‌بخش، چندمرحله‌ای) در رفرنس از چپ شروع می‌شود؛ در
 * راست‌چین از راست. ریلِ نوار (left:0;right:0) و مرکزچین‌ها (left:50% با
 * translateX) متقارن‌اند؛ جای نشانگرِ مرحله‌ها در PHP/JS منطقی (inset-inline-start)
 * شده است. عنوان/درصد در ردیفِ فلکس خودبه‌خود برعکس می‌شوند.
 */
.dfme_abc_container.dfme_abc_type_line .dfme_abc_item_bar{left:auto;right:max(0px,(var(--dfme-abc-bar-thickness, 20px) - var(--dfme-abc-fill-thickness, 20px))/2)}
.dfme_abc_container.dfme_abc_type_multi_step .dfme_abc_item_bar{left:auto;right:max(0px,(var(--dfme-abc-bar-thickness, 20px) - var(--dfme-abc-fill-thickness, 20px))/2)}
.dfme_abc_container.dfme_abc_type_segment .dfme_abc_segment_fill{left:auto;right:0}
.dfme_abc_container .dfme_abc_item.dfme_abc_style_gradient .dfme_abc_item_bar{background-image:linear-gradient(270deg, var(--dfme-abc-gradient-start, #7E57C2) 0%, var(--dfme-abc-gradient-end, #00BFA5) 100%)}
.dfme_abc_container .dfme_abc_item.dfme_abc_style_animated_gradient .dfme_abc_item_bar{background-image:linear-gradient(270deg, var(--dfme-abc-gradient-start, #7E57C2) 0%, var(--dfme-abc-gradient-end, #00BFA5) 50%, var(--dfme-abc-gradient-start, #7E57C2) 100%)}