/* AUTOTUBE_PACKAGING_REAL_PROGRESS_USER1_V1_20261016 */
#packagingTab .packaging-real-progress {
 height:100%;min-height:0;display:flex;flex-direction:column;
 align-items:center;justify-content:center;gap:15px;
 padding:32px 18px;text-align:center;color:#181818;
}
#packagingTab .packaging-real-progress.hidden{display:none!important;}
#packagingTab .packaging-progress-ring {
 width:174px;height:174px;border-radius:50%;
 background:conic-gradient(#ef001a calc(var(--progress,0)*1%),#e7e7e7 0);
 display:grid;place-items:center;position:relative;transition:background .4s;
}
#packagingTab .packaging-progress-ring::before {
 content:"";position:absolute;inset:12px;border-radius:50%;
 background:var(--background-color,#fff);
}
#packagingTab .packaging-progress-percent{
 position:relative;z-index:1;font-size:42px;font-weight:850;
 letter-spacing:-2.3px;line-height:1;color:#181818;font-variant-numeric:tabular-nums;
}
#packagingTab .packaging-progress-percent span{font-size:21px;letter-spacing:0;margin-left:1px;}
#packagingTab .packaging-progress-eyebrow{
 font-weight:800;color:#ef001a;font-size:11px;letter-spacing:1.4px;text-transform:uppercase;
}
#packagingTab .packaging-progress-title {
 font-size:25px;line-height:1.2;font-weight:850;letter-spacing:-.6px;max-width:500px;
}
#packagingTab .packaging-progress-description {
 color:#6c6c6c;font-size:13px;max-width:510px;line-height:1.55;
 overflow-wrap:anywhere;
}
#packagingTab .packaging-progress-stages {
 margin-top:6px;display:flex;gap:8px;flex-wrap:wrap;
 justify-content:center;align-items:center;
}
#packagingTab .packaging-progress-step{
 border:1px solid #e3e3e3;border-radius:999px;padding:7px 12px;
 color:#999;background:#fbfbfb;font-size:11px;font-weight:750;white-space:nowrap;
}
#packagingTab .packaging-progress-step.is-active{
 color:#ef001a;border-color:#ffb9c0;background:#fff4f5;
}
#packagingTab .packaging-progress-step.is-done{
 color:#333;border-color:#d5d5d5;background:#f3f3f3;
}
#packagingTab .packaging-real-progress.is-error .packaging-progress-ring {
 background:conic-gradient(#ef001a 100%,#ef001a 0);
}
#packagingTab .packaging-real-progress.is-error .packaging-progress-title{color:#cd001a;}
#packagingTab #packagingProgress:not(:empty){display:none!important;}
#packagingTab .packaging-source-action > #packagingError:not(:empty){display:none!important;}
html[data-autotube-theme="dark"] #packagingTab .packaging-progress-ring::before {background:#171717;}
html[data-autotube-theme="dark"] #packagingTab .packaging-progress-percent,
html[data-autotube-theme="dark"] #packagingTab .packaging-progress-title{color:#f9f9f9;}
html[data-autotube-theme="dark"] #packagingTab .packaging-progress-step{background:#252525;border-color:#424242;color:#ccc;}
@media(max-width:720px){
 #packagingTab .packaging-progress-ring{width:142px;height:142px;}
 #packagingTab .packaging-progress-title{font-size:21px;}
}