/*
 * استخراج‌شده از استایلِ رفرنسِ DiviFlash (GPLv2) برای ماژولِ Counter.
 * منبع: difl/counter (ریشه .difl_counter، 17 کلاسِ DOM)
 *
 * تنها تغییر نسبت به اصل، همان بازنویسیِ پیشوندِ کلاس‌هاست که در
 * PHP و module.json هم انجام شده — تا هر سه لایه یک DOM را بشناسند.
 * دست‌کاریِ دستی نکن؛ با tools/dfme/extract-module-css.js بازتولید کن.
 */
.dfme_counter .dfme_counter_wrapper{display:flex;align-items:center;justify-content:center;width:100%}

.dfme_counter .dfme_counter_content{display:inline-flex;align-items:center;font-family:"Open Sans",sans-serif;font-size:26px;font-weight:700}

.dfme_counter .dfme_counter_digits{display:inline-flex;align-items:stretch;gap:2px}

.dfme_counter .dfme_counter_digit{display:inline-flex;align-items:center;justify-content:center;line-height:1;box-sizing:content-box}

.dfme_counter .dfme_counter_digit_viewport{display:inline-flex;align-items:flex-start;overflow:hidden;height:1em}

.dfme_counter .dfme_counter_digit_col{display:flex;flex-direction:column}

.dfme_counter .dfme_counter_digit_col span{display:flex;align-items:center;justify-content:center;height:1em;line-height:1}

.dfme_counter .dfme_counter_sep{display:inline-flex;align-items:center}

.dfme_counter .dfme_counter_prefix,.dfme_counter .dfme_counter_suffix{display:inline-flex;align-items:center}

.dfme_counter .dfme_counter_number{display:inline}

.dfme_counter .dfme_counter_char{display:inline-block}

.dfme_counter .dfme_counter_odo{display:inline-flex;align-items:center;line-height:1;font-variant-numeric:tabular-nums}

.dfme_counter .dfme_counter_odo_digit{display:inline-flex;align-items:center;justify-content:center;line-height:1}

.dfme_counter .dfme_counter_odo_viewport{display:inline-flex;align-items:flex-start;overflow:hidden;height:1em}

.dfme_counter .dfme_counter_odo_strip{display:flex;flex-direction:column;will-change:transform}

.dfme_counter .dfme_counter_odo_strip span{display:flex;align-items:center;justify-content:center;height:1em;line-height:1}

.dfme_counter .dfme_counter_odo_sep{display:inline-flex;align-items:center;line-height:1}

.dfme_counter.et_clickable{cursor:pointer}

.dfme_counter .dfme_counter_wrapper{position:relative;z-index:1}

.dfme_counter .et_pb_background_mask,.dfme_counter .et_pb_background_pattern{z-index:0}