/*
 * استخراج‌شده از استایلِ رفرنسِ DiviFlash (GPLv2) برای ماژولِ AdvancedBarCounterItem.
 * منبع: difl/advancedbarcounteritem (ریشه .difl_advancedbarcounteritem، 37 کلاسِ DOM)
 *
 * تنها تغییر نسبت به اصل، همان بازنویسیِ پیشوندِ کلاس‌هاست که در
 * PHP و module.json هم انجام شده — تا هر سه لایه یک DOM را بشناسند.
 * دست‌کاریِ دستی نکن؛ با tools/dfme/extract-module-css.js بازتولید کن.
 */
.dfme_abc_item_icon{display:inline-flex;align-items:center;justify-content:center;line-height:1}

.dfme_abc_item_icon .et-pb-icon{font-size:var(--dfme-abc-icon-size, 14px)}

.dfme_abc_item .dfme_abc_item_icon_image img{display:block;width:var(--dfme-abc-icon-size, 14px);height:auto}

.dfme_abc_item_title>.dfme_abc_item_icon{margin-right:.35em;vertical-align:middle}

.dfme_abc_item_title_text{display:inline-block}

.dfme_abc_bar_percent_indicator{position:absolute;right:0;top:50%;transform:translate(50%, -50%);white-space:nowrap;pointer-events:none;z-index:2;line-height:1.2}

.dfme_abc_item .dfme_abc_item_elements{display:block;width:100%}

.dfme_bar_counter_item{width:100%}

.dfme_abc_item{position:relative}

.dfme_abc_item .dfme_abc_item_title,.dfme_abc_item .dfme_abc_item_percent{font-size:var(--dfme-abc-content-size, 12px)}

.dfme_abc_item .dfme_abc_item_title{float:left}

.dfme_abc_item .dfme_abc_item_percent{float:right}

.dfme_abc_item .clearfix{clear:both}

.dfme_abc_item .dfme_abc_item_bar_wrap{position:relative}

.dfme_abc_item .dfme_abc_item_bar{background:var(--dfme-abc-item-fill-color, #7936ff)}

.dfme_abc_item.dfme_abc_style_animated_gradient .dfme_abc_grad_stop_start{animation:dfme-abc-grad-stop-start var(--dfme-abc-anim-duration-circle, 1000ms) linear infinite}

.dfme_abc_item.dfme_abc_style_animated_gradient .dfme_abc_grad_stop_end{animation:dfme-abc-grad-stop-end var(--dfme-abc-anim-duration-circle, 1000ms) linear infinite}

@keyframes dfme-abc-grad-stop-start{0%,100%{stop-color:var(--dfme-abc-grad-start-circle, #7E57C2)}50%{stop-color:var(--dfme-abc-grad-end-circle, #00BFA5)}}

@keyframes dfme-abc-grad-stop-end{0%,100%{stop-color:var(--dfme-abc-grad-end-circle, #00BFA5)}50%{stop-color:var(--dfme-abc-grad-start-circle, #7E57C2)}}