/*
 * استخراج‌شده از استایلِ رفرنسِ DiviFlash (GPLv2) برای ماژولِ AdvancedBarCounter.
 * منبع: difl/advancedbarcounter (ریشه .difl_advancedbarcounter، 10 کلاسِ DOM)
 *
 * تنها تغییر نسبت به اصل، همان بازنویسیِ پیشوندِ کلاس‌هاست که در
 * PHP و module.json هم انجام شده — تا هر سه لایه یک DOM را بشناسند.
 * دست‌کاریِ دستی نکن؛ با tools/dfme/extract-module-css.js بازتولید کن.
 */
.dfme__empty{width:100%;height:auto;background:rgba(121,54,255,.1);border-radius:4px;padding:10px 40px 10px 40px}

.dfme__empty__message__text{font-size:18px;font-weight:600;font-family:inherit;color:#7936ff}

.dfme_abc_container{--dfme-abc-track-color: #E8DDFD;--dfme-abc-item-track-color: var(--dfme-abc-track-color);--dfme-abc-fill-color: #7936ff;--dfme-abc-item-fill-color: var(--dfme-abc-fill-color);--dfme-abc-max-value: 100;--dfme-abc-gradient-start: #7E57C2;--dfme-abc-gradient-end: #00BFA5;--dfme-abc-content-size: 14px;--dfme-abc-fill-duration: 1000ms;--dfme-abc-fill-easing: cubic-bezier(0, 0, 0.2, 1);--dfme-abc-bar-thickness: 20px;--dfme-abc-fill-thickness: 20px;--dfme-abc-circle-size: 200px;--dfme-abc-circle-thickness: 8px;--dfme-abc-circle-fill-thickness: 8px;--dfme-abc-half-circle-thickness: 8px;--dfme-abc-inner-bg-gap: 0px;--dfme-abc-segment-width: 20px;--dfme-abc-segment-height: 20px;--dfme-abc-segment-gap: 8px;--dfme-abc-segment-row-height: var(--dfme-abc-segment-height);----dfme-abc-connector-length: 14px;--dfme-abc-indicator-width: 1px;--dfme-abc-indicator-height: 14px;--dfme-abc-indicator-size: 14px;position:relative}

.dfme_abc_container.dfme_abc_type_line .dfme_abc_item_bar_wrap{position:relative;width:100%;height:max(var(--dfme-abc-bar-thickness, 20px),var(--dfme-abc-fill-thickness, 20px));background:rgba(0,0,0,0)}

.dfme_abc_container.dfme_abc_type_line .dfme_abc_item_bar_track{position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;height:var(--dfme-abc-bar-thickness, 20px);background:var(--dfme-abc-item-track-color);border-radius:inherit;pointer-events:none}

.dfme_abc_container.dfme_abc_type_line .dfme_abc_item_bar{position:absolute;top:50%;transform:translateY(-50%);left:max(0px,(var(--dfme-abc-bar-thickness, 20px) - var(--dfme-abc-fill-thickness, 20px))/2);height:var(--dfme-abc-fill-thickness, 20px);width:calc(min(var(--dfme-abc-item-percent, 0),var(--dfme-abc-max-value, 100))/var(--dfme-abc-max-value, 100)*(100% - 2*max(0px,(var(--dfme-abc-bar-thickness, 20px) - var(--dfme-abc-fill-thickness, 20px))/2)));border-radius:inherit;background:var(--dfme-abc-item-fill-color)}

.dfme_abc_container .dfme_abc_item.dfme_abc_style_gradient .dfme_abc_item_bar{background-image:linear-gradient(90deg, var(--dfme-abc-gradient-start, #7E57C2) 0%, var(--dfme-abc-gradient-end, #00BFA5) 100%)}

.dfme_abc_container .dfme_abc_item.dfme_abc_style_stripe .dfme_abc_item_bar{background-image:repeating-linear-gradient(45deg, transparent 0, transparent 10px, rgba(255, 255, 255, 0.25) 10px, rgba(255, 255, 255, 0.25) 20px)}

.dfme_abc_container .dfme_abc_item.dfme_abc_style_animated_stripe .dfme_abc_item_bar{background-image:repeating-linear-gradient(45deg, transparent 0, transparent 10px, rgba(255, 255, 255, 0.25) 10px, rgba(255, 255, 255, 0.25) 20px);background-size:28px 100%;animation:dfme-abc-stripe-scroll var(--dfme-abc-anim-duration, 1000ms) linear infinite}

.dfme_abc_container .dfme_abc_item.dfme_abc_style_animated_gradient .dfme_abc_item_bar{background-size:200% 100%;background-image:linear-gradient(90deg, var(--dfme-abc-gradient-start, #7E57C2) 0%, var(--dfme-abc-gradient-end, #00BFA5) 50%, var(--dfme-abc-gradient-start, #7E57C2) 100%);animation:dfme-abc-gradient-shift var(--dfme-abc-anim-duration, 1000ms) linear infinite}

.dfme_abc_container.dfme_abc_type_segment .dfme_abc_item_bar_wrap{position:relative;display:flex;align-items:center;justify-content:space-between;gap:min(var(--dfme-abc-segment-gap, 8px),40%/max(var(--dfme-abc-segment-count, 10) - 1,1));width:100%;min-height:var(--dfme-abc-segment-row-height);flex-wrap:nowrap;overflow:hidden}

.dfme_abc_container.dfme_abc_type_segment .dfme_abc_item_bar_wrap>.dfme_abc_item_bar{display:none}

.dfme_abc_container.dfme_abc_type_segment .dfme_abc_item_segment{position:relative;flex:0 1 var(--dfme-abc-segment-width);min-width:0;width:var(--dfme-abc-segment-width);height:var(--dfme-abc-segment-height);border-radius:0;background-color:var(--dfme-abc-item-track-color)}

.dfme_abc_container.dfme_abc_type_segment .dfme_abc_segment_fill{position:absolute;top:0;left:0;height:100%;width:0%;background-color:var(--dfme-abc-item-fill-color);transition:width calc(var(--dfme-abc-fill-duration, 1000ms)/max(var(--dfme-abc-segment-count, 10),1)) var(--dfme-abc-fill-easing, cubic-bezier(0, 0, 0.2, 1));transition-delay:calc(var(--segment-index, 0)*var(--dfme-abc-fill-duration, 1000ms)/max(var(--dfme-abc-segment-count, 10),1))}

.dfme_abc_container.dfme_abc_type_segment .dfme_abc_item.dfme_abc_priming .dfme_abc_segment_fill{transition:width var(--dfme-abc-fill-duration, 1000ms) ease-out;transition-delay:0s;width:0% !important}

.dfme_abc_container.dfme_abc_type_circle .dfme_abc_item{display:flex;flex-direction:column;align-items:center}

.dfme_abc_container.dfme_abc_type_circle .dfme_abc_item .clearfix{display:none}

.dfme_abc_container.dfme_abc_type_circle .dfme_abc_item_bar_wrap{width:var(--dfme-abc-circle-size);height:var(--dfme-abc-circle-size);position:relative}

.dfme_abc_container.dfme_abc_type_circle .dfme_abc_inner_bg{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:var(--dfme-abc-inner-d);height:var(--dfme-abc-inner-d);border-radius:50%;overflow:hidden;pointer-events:none}

.dfme_abc_container.dfme_abc_type_circle .dfme_abc_circle_svg{width:100%;height:100%;display:block;overflow:visible;transform:rotate(calc(var(--dfme-abc-rotation-start, 0deg) - 90deg))}

.dfme_abc_container.dfme_abc_type_circle .dfme_abc_circle_track{fill:none;stroke:var(--dfme-abc-item-track-color, #E8DDFD);stroke-width:var(--dfme-abc-circle-thickness, 8);shape-rendering:geometricPrecision;stroke-linecap:var(--dfme-abc-cap-style, butt)}

.dfme_abc_container.dfme_abc_type_circle .dfme_abc_circle_fill{fill:none;shape-rendering:geometricPrecision;stroke-width:var(--dfme-abc-circle-fill-thickness, var(--dfme-abc-circle-thickness, 8));stroke-linecap:var(--dfme-abc-cap-style, butt);stroke-dasharray:100 200;stroke-dashoffset:calc(100 - 100*var(--dfme-abc-item-percent, 0)/var(--dfme-abc-max-value, 100));transition:stroke-dashoffset var(--dfme-abc-fill-duration, 1000ms) var(--dfme-abc-fill-easing, cubic-bezier(0, 0, 0.2, 1));transition-delay:var(--dfme-abc-fill-delay, 0ms)}

.dfme_abc_container.dfme_abc_type_circle .dfme_abc_item.dfme_abc_priming .dfme_abc_circle_fill{stroke-dashoffset:100;transition:none}

.dfme_abc_container.dfme_abc_type_circle.dfme_abc_align_outer{--dfme-abc-inner-d: max(0px, calc( 0.84 * var(--dfme-abc-circle-size, 200px) - var(--dfme-abc-circle-thickness, 8px) - var(--dfme-abc-inner-bg-gap, 0px) ))}

.dfme_abc_container.dfme_abc_type_circle.dfme_abc_align_outer .dfme_abc_circle_track{r:max(0px,84px - var(--dfme-abc-circle-thickness, 8px)/2)}

.dfme_abc_container.dfme_abc_type_circle.dfme_abc_align_outer .dfme_abc_circle_fill{r:max(0px,84px - var(--dfme-abc-circle-fill-thickness, var(--dfme-abc-circle-thickness, 8px))/2)}

.dfme_abc_container.dfme_abc_type_circle.dfme_abc_align_center{--dfme-abc-inner-d: max(0px, calc( 0.84 * var(--dfme-abc-circle-size, 200px) - max(var(--dfme-abc-circle-thickness, 8px), var(--dfme-abc-circle-fill-thickness, 8px)) / 2 - var(--dfme-abc-circle-thickness, 8px) / 2 - var(--dfme-abc-inner-bg-gap, 0px) ))}

.dfme_abc_container.dfme_abc_type_circle.dfme_abc_align_center .dfme_abc_circle_track,.dfme_abc_container.dfme_abc_type_circle.dfme_abc_align_center .dfme_abc_circle_fill{r:max(0px,84px - max(var(--dfme-abc-circle-thickness, 8px),var(--dfme-abc-circle-fill-thickness, 8px))/2)}

.dfme_abc_container.dfme_abc_type_circle.dfme_abc_align_inner{--dfme-abc-inner-d: max(0px, calc( 0.84 * var(--dfme-abc-circle-size, 200px) - max(var(--dfme-abc-circle-thickness, 8px), var(--dfme-abc-circle-fill-thickness, 8px)) - var(--dfme-abc-inner-bg-gap, 0px) ))}

.dfme_abc_container.dfme_abc_type_circle.dfme_abc_align_inner .dfme_abc_circle_track{r:max(0px,84px - max(var(--dfme-abc-circle-thickness, 8px),var(--dfme-abc-circle-fill-thickness, 8px)) + var(--dfme-abc-circle-thickness, 8px)/2)}

.dfme_abc_container.dfme_abc_type_circle.dfme_abc_align_inner .dfme_abc_circle_fill{r:max(0px,84px - max(var(--dfme-abc-circle-thickness, 8px),var(--dfme-abc-circle-fill-thickness, 8px)) + var(--dfme-abc-circle-fill-thickness, var(--dfme-abc-circle-thickness, 8px))/2)}

.dfme_abc_container.dfme_abc_type_half_circle .dfme_abc_item{display:flex;flex-direction:column;align-items:center}

.dfme_abc_container.dfme_abc_type_half_circle .dfme_abc_item .clearfix{display:none}

.dfme_abc_container.dfme_abc_type_half_circle .dfme_abc_item_bar_wrap{width:var(--dfme-abc-circle-size);height:calc(var(--dfme-abc-circle-size)/2);position:relative}

.dfme_abc_container.dfme_abc_type_half_circle .dfme_abc_inner_bg{position:absolute;left:50%;bottom:0;top:auto;transform:translateX(-50%);width:var(--dfme-abc-inner-d);height:calc(var(--dfme-abc-inner-d)/2);border-radius:50% 50% 0 0/100% 100% 0 0;overflow:hidden;pointer-events:none}

.dfme_abc_container.dfme_abc_type_half_circle .dfme_abc_half_circle_svg{width:100%;height:100%;display:block;overflow:visible;transform:scaleX(-1)}

.dfme_abc_container.dfme_abc_type_half_circle .dfme_abc_position_labels{display:flex;justify-content:space-between;width:calc(var(--dfme-abc-circle-size, 200px)*.8);margin:0 auto}

.dfme_abc_container.dfme_abc_type_half_circle .dfme_abc_circle_track{fill:none;stroke:var(--dfme-abc-item-track-color, #E8DDFD);stroke-width:var(--dfme-abc-circle-thickness, 8);shape-rendering:geometricPrecision;stroke-linecap:var(--dfme-abc-cap-style, butt);stroke-dasharray:100 200;stroke-dashoffset:-100}

.dfme_abc_container.dfme_abc_type_half_circle .dfme_abc_circle_fill{fill:none;shape-rendering:geometricPrecision;stroke-width:var(--dfme-abc-circle-fill-thickness, var(--dfme-abc-circle-thickness, 8));stroke-linecap:var(--dfme-abc-cap-style, butt);stroke-opacity:sign(var(--dfme-abc-item-percent, 0));stroke-dasharray:calc(100*var(--dfme-abc-item-percent, 0)/var(--dfme-abc-max-value, 100)) 200;stroke-dashoffset:-100;transition:none}

.dfme_abc_container.dfme_abc_type_half_circle .dfme_abc_item.dfme_abc_priming .dfme_abc_circle_fill{stroke-dasharray:0 200;transition:none}

.dfme_abc_container.dfme_abc_type_half_circle.dfme_abc_align_outer{--dfme-abc-inner-d: max(0px, calc( 0.84 * var(--dfme-abc-circle-size, 200px) - var(--dfme-abc-circle-thickness, 8px) - var(--dfme-abc-inner-bg-gap, 0px) ))}

.dfme_abc_container.dfme_abc_type_half_circle.dfme_abc_align_outer .dfme_abc_circle_track{r:max(0px,84px - var(--dfme-abc-circle-thickness, 8px)/2)}

.dfme_abc_container.dfme_abc_type_half_circle.dfme_abc_align_outer .dfme_abc_circle_fill{r:max(0px,84px - var(--dfme-abc-circle-fill-thickness, var(--dfme-abc-circle-thickness, 8px))/2)}

.dfme_abc_container.dfme_abc_type_half_circle.dfme_abc_align_center{--dfme-abc-inner-d: max(0px, calc( 0.84 * var(--dfme-abc-circle-size, 200px) - max(var(--dfme-abc-circle-thickness, 8px), var(--dfme-abc-circle-fill-thickness, 8px)) / 2 - var(--dfme-abc-circle-thickness, 8px) / 2 - var(--dfme-abc-inner-bg-gap, 0px) ))}

.dfme_abc_container.dfme_abc_type_half_circle.dfme_abc_align_center .dfme_abc_circle_track,.dfme_abc_container.dfme_abc_type_half_circle.dfme_abc_align_center .dfme_abc_circle_fill{r:max(0px,84px - max(var(--dfme-abc-circle-thickness, 8px),var(--dfme-abc-circle-fill-thickness, 8px))/2)}

.dfme_abc_container.dfme_abc_type_half_circle.dfme_abc_align_inner{--dfme-abc-inner-d: max(0px, calc( 0.84 * var(--dfme-abc-circle-size, 200px) - max(var(--dfme-abc-circle-thickness, 8px), var(--dfme-abc-circle-fill-thickness, 8px)) - var(--dfme-abc-inner-bg-gap, 0px) ))}

.dfme_abc_container.dfme_abc_type_half_circle.dfme_abc_align_inner .dfme_abc_circle_track{r:max(0px,84px - max(var(--dfme-abc-circle-thickness, 8px),var(--dfme-abc-circle-fill-thickness, 8px)) + var(--dfme-abc-circle-thickness, 8px)/2)}

.dfme_abc_container.dfme_abc_type_half_circle.dfme_abc_align_inner .dfme_abc_circle_fill{r:max(0px,84px - max(var(--dfme-abc-circle-thickness, 8px),var(--dfme-abc-circle-fill-thickness, 8px)) + var(--dfme-abc-circle-fill-thickness, var(--dfme-abc-circle-thickness, 8px))/2)}

@media(max-width: 767px){.dfme_abc_container.dfme_abc_type_multi_step{--dfme-abc-mstd: vertical-rl}}

.dfme_abc_container.dfme_abc_type_multi_step .dfme_abc_item_bar_wrap{position:relative;width:100%;height:max(var(--dfme-abc-bar-thickness, 20px),var(--dfme-abc-fill-thickness, 20px));background:rgba(0,0,0,0);overflow:visible}

.dfme_abc_container.dfme_abc_type_multi_step .dfme_abc_item_bar_track{position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;height:var(--dfme-abc-bar-thickness, 20px);background:var(--dfme-abc-item-track-color);border-radius:inherit}

.dfme_abc_container.dfme_abc_type_multi_step .dfme_abc_item_bar{position:absolute;top:50%;transform:translateY(-50%);left:max(0px,(var(--dfme-abc-bar-thickness, 20px) - var(--dfme-abc-fill-thickness, 20px))/2);height:var(--dfme-abc-fill-thickness, 20px);width:calc(var(--dfme-abc-item-percent, 0)/var(--dfme-abc-max-value, 100)*(100% - 2*max(0px,(var(--dfme-abc-bar-thickness, 20px) - var(--dfme-abc-fill-thickness, 20px))/2)));background:var(--dfme-abc-item-fill-color)}

.dfme_abc_container.dfme_abc_type_multi_step .dfme_abc_label_marker{position:absolute;transform:translateX(-50%);display:flex;align-items:center;pointer-events:none;z-index:2}

.dfme_abc_container.dfme_abc_type_multi_step .dfme_abc_label_marker_content{display:flex;gap:8px;align-items:baseline;white-space:nowrap;line-height:1.1;margin-top:4px;margin-bottom:4px}

.dfme_abc_container.dfme_abc_multi_step_pos_top .dfme_abc_label_marker{bottom:100%;flex-direction:column}

.dfme_abc_container.dfme_abc_multi_step_pos_top.dfme_abc_type_multi_step .dfme_abc_item{padding-top:calc(var(--dfme-abc-connector-length, 14px) + var(--dfme-abc-content-size, 14px) + 5px)}

.dfme_abc_container.dfme_abc_multi_step_pos_bottom .dfme_abc_label_marker{top:100%;flex-direction:column-reverse}

.dfme_abc_container.dfme_abc_multi_step_pos_bottom.dfme_abc_type_multi_step .dfme_abc_item{padding-bottom:calc(var(--dfme-abc-connector-length, 14px) + var(--dfme-abc-content-size, 14px) + 5px)}

@container style(--dfme-abc-mstd: vertical-rl){.dfme_abc_container .dfme_abc_label_marker_content{writing-mode:vertical-rl;transform:rotate(180deg)}.dfme_abc_container.dfme_abc_multi_step_pos_top.dfme_abc_type_multi_step .dfme_abc_item{padding-top:calc(var(--dfme-abc-connector-length, 14px) + 10*var(--dfme-abc-content-size, 14px) + 5px)}.dfme_abc_container.dfme_abc_multi_step_pos_bottom.dfme_abc_type_multi_step .dfme_abc_item{padding-bottom:calc(var(--dfme-abc-connector-length, 14px) + 10*var(--dfme-abc-content-size, 14px) + 5px)}}

.dfme_abc_container.dfme_abc_indicator_line .dfme_abc_label_marker_indicator{width:var(--dfme-abc-indicator-width, 1px);height:var(--dfme-abc-indicator-height, 14px);background:var(--dfme-abc-multi-step-indicator-color, var(--dfme-abc-item-fill-color, #7936ff))}

.dfme_abc_container.dfme_abc_indicator_triangle .dfme_abc_label_marker_indicator{display:inline-block;width:var(--dfme-abc-indicator-size, 14px);height:var(--dfme-abc-indicator-size, 14px);background-color:var(--dfme-abc-multi-step-indicator-color, var(--dfme-abc-item-fill-color, #7936ff))}

.dfme_abc_container.dfme_abc_indicator_triangle.dfme_abc_multi_step_pos_top .dfme_abc_label_marker_indicator{-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%3E%3Cpath%20d='M50%2092L8%208L92%208Z'%20fill='black'%20stroke='black'%20stroke-width='10'%20stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%3E%3Cpath%20d='M50%2092L8%208L92%208Z'%20fill='black'%20stroke='black'%20stroke-width='10'%20stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}

.dfme_abc_container.dfme_abc_indicator_triangle.dfme_abc_multi_step_pos_bottom .dfme_abc_label_marker_indicator{-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%3E%3Cpath%20d='M50%208L8%2092L92%2092Z'%20fill='black'%20stroke='black'%20stroke-width='10'%20stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%3E%3Cpath%20d='M50%208L8%2092L92%2092Z'%20fill='black'%20stroke='black'%20stroke-width='10'%20stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}

.dfme_abc_container.dfme_abc_indicator_diamond .dfme_abc_label_marker_indicator{display:inline-block;width:var(--dfme-abc-indicator-size, 14px);height:var(--dfme-abc-indicator-size, 14px);background-color:var(--dfme-abc-multi-step-indicator-color, var(--dfme-abc-item-fill-color, #7936ff));-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%3E%3Cpath%20d='M50%208L92%2050L50%2092L8%2050Z'%20fill='black'%20stroke='black'%20stroke-width='10'%20stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%3E%3Cpath%20d='M50%208L92%2050L50%2092L8%2050Z'%20fill='black'%20stroke='black'%20stroke-width='10'%20stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}

.dfme_abc_container.dfme_abc_indicator_triangle.dfme_abc_multi_step_pos_top .dfme_abc_label_marker_indicator{margin-bottom:2px}

.dfme_abc_container.dfme_abc_indicator_triangle.dfme_abc_multi_step_pos_bottom .dfme_abc_label_marker_indicator{margin-top:2px}

.dfme_abc_container.dfme_abc_indicator_diamond.dfme_abc_multi_step_pos_top .dfme_abc_label_marker_indicator{margin-bottom:2px}

.dfme_abc_container.dfme_abc_indicator_diamond.dfme_abc_multi_step_pos_bottom .dfme_abc_label_marker_indicator{margin-top:2px}

.dfme_abc_container .dfme_abc_content_wrap{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:5px}

.dfme_abc_container.dfme_abc_type_line .dfme-line-content-inside .dfme_abc_item_bar{display:flex;align-items:center;padding:4px 10px;box-sizing:border-box;overflow:hidden}

.dfme_abc_container.dfme_abc_type_line .dfme-line-content-inside .dfme_abc_item_bar_wrap{container-type:inline-size}

.dfme_abc_container.dfme_abc_type_line .dfme-line-content-inside .dfme_abc_item_bar>.dfme_abc_content_wrap{width:100%;flex:0 0 auto;min-width:0;flex-wrap:nowrap}

.dfme_abc_container.dfme_abc_type_line .dfme-line-content-inside .dfme_abc_item_bar .dfme_abc_item_title{white-space:nowrap}

.dfme_abc_container .dfme-abc-bar-with-right-value{display:flex;align-items:center;gap:8px}

.dfme_abc_container .dfme-abc-bar-with-right-value>.dfme_abc_item_bar_wrap{flex:1 1 auto;min-width:0}

.dfme_abc_container .dfme-abc-bar-with-right-value>.dfme_abc_item_percent{flex:0 0 auto}

.dfme_abc_container.dfme_abc_type_circle .dfme_abc_item,.dfme_abc_container.dfme_abc_type_half_circle .dfme_abc_item{position:relative}

.dfme_abc_container.dfme_abc_type_circle .dfme_abc_item .dfme_abc_content_wrap,.dfme_abc_container.dfme_abc_type_half_circle .dfme_abc_item .dfme_abc_content_wrap{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);flex-direction:column;align-items:center;justify-content:center;gap:2px;z-index:3;pointer-events:none}

.dfme_abc_container.dfme_abc_type_circle .dfme_abc_item .dfme_abc_item_percent,.dfme_abc_container.dfme_abc_type_half_circle .dfme_abc_item .dfme_abc_item_percent{position:static;transform:none;top:auto;left:auto;order:unset}

.dfme_abc_container.dfme_abc_type_half_circle .dfme_abc_item .dfme_abc_content_wrap{top:calc(var(--dfme-abc-circle-size, 200px)/2 - var(--dfme-abc-inner-d)/4)}

.dfme_abc_container:not(.dfme_abc_type_multi_step):not(.dfme_abc_type_half_circle):not(.dfme_abc_track_percent_on):not(.dfme_abc_type_line) .dfme_abc_item_bar_wrap{contain:paint}

.dfme_abc_container.dfme_abc_type_line .dfme_abc_item_bar{will-change:width}

.dfme_abc_container.dfme_abc_type_circle .dfme_abc_item_bar_wrap,.dfme_abc_container.dfme_abc_type_half_circle .dfme_abc_item_bar_wrap::before{will-change:background}

.dfme_abc_container.dfme_abc_type_segment .dfme_abc_item_segment::before{will-change:width}

.dfme_abc_container .dfme_abc_item{transition:--dfme-abc-item-percent var(--dfme-abc-fill-duration, 1000ms) var(--dfme-abc-fill-easing, cubic-bezier(0, 0, 0.2, 1)) var(--dfme-abc-fill-delay, 0ms)}

.dfme_abc_container .dfme_abc_item.dfme_abc_priming{--dfme-abc-item-percent: 0;transition:none}

@media(prefers-reduced-motion: reduce){.dfme_abc_container .dfme_abc_item,.dfme_abc_container.dfme_abc_type_segment .dfme_abc_segment_fill{transition:none}}

.dfme_abc_container.dfme_abc_type_circle .dfme_abc_item .dfme_abc_content_wrap .dfme_abc_item_icon,.dfme_abc_container.dfme_abc_type_half_circle .dfme_abc_item .dfme_abc_content_wrap .dfme_abc_item_icon{order:0}

.dfme_abc_container.dfme_abc_type_circle .dfme_abc_item .dfme_abc_content_wrap .dfme_abc_item_title,.dfme_abc_container.dfme_abc_type_half_circle .dfme_abc_item .dfme_abc_content_wrap .dfme_abc_item_title{order:1}

.dfme_abc_container.dfme_abc_type_circle .dfme_abc_item .dfme_abc_content_wrap .dfme_abc_item_percent,.dfme_abc_container.dfme_abc_type_half_circle .dfme_abc_item .dfme_abc_content_wrap .dfme_abc_item_percent{order:2}

.dfme_abc_container.dfme_abc_swap_title_percent_on.dfme_abc_type_circle .dfme_abc_item .dfme_abc_content_wrap .dfme_abc_item_title,.dfme_abc_container.dfme_abc_swap_title_percent_on.dfme_abc_type_half_circle .dfme_abc_item .dfme_abc_content_wrap .dfme_abc_item_title{order:2}

.dfme_abc_container.dfme_abc_swap_title_percent_on.dfme_abc_type_circle .dfme_abc_item .dfme_abc_content_wrap .dfme_abc_item_percent,.dfme_abc_container.dfme_abc_swap_title_percent_on.dfme_abc_type_half_circle .dfme_abc_item .dfme_abc_content_wrap .dfme_abc_item_percent{order:1}

.dfme_abc_container.dfme_abc_track_percent_on.dfme_abc_type_line .dfme_abc_item_bar{overflow:visible}

.dfme_abc_container.dfme_abc_type_circle.dfme_abc_direction_anticlockwise .dfme_abc_circle_svg{transform:scaleX(-1) rotate(calc(var(--dfme-abc-rotation-start, 0deg) - 90deg))}

.dfme_abc_container.dfme_abc_type_half_circle.dfme_abc_direction_anticlockwise .dfme_abc_half_circle_svg{transform:scaleX(-1)}

.dfme_abc_container.dfme_abc_type_half_circle.dfme_abc_direction_anticlockwise .dfme_abc_circle_fill{stroke-dashoffset:calc(100*var(--dfme-abc-item-percent, 0)/var(--dfme-abc-max-value, 100) - 200)}

@keyframes dfme-abc-stripe-scroll{from{background-position-x:0}to{background-position-x:28px}}

@keyframes dfme-abc-gradient-shift{from{background-position-x:0}to{background-position-x:200%}}