/* Dynamic visuals only. Layout is intentionally left to native Gutenberg blocks. */
.acpb-status-icon{
    box-sizing:border-box;
    display:flex;
    align-items:center;
    justify-content:center;
    width:var(--acpb-icon-size,30px);
    height:var(--acpb-icon-size,30px);
    border:var(--acpb-icon-border,3px) solid var(--acpb-pending,#dedede);
    border-radius:999px;
    line-height:1;
    font-weight:700;
    margin-inline:auto;
    flex:0 0 auto;
    transition:background-color .2s ease,border-color .2s ease,color .2s ease;
}
.acpb-status-icon.is-complete,
.acpb-milestone.is-complete .acpb-status-icon{
    background:var(--acpb-complete,#d97706);
    border-color:var(--acpb-complete,#d97706);
    color:var(--acpb-complete-text,#fff);
}
.acpb-status-icon.is-active,
.acpb-status-icon.is-future,
.acpb-milestone.is-active .acpb-status-icon,
.acpb-milestone.is-future .acpb-status-icon{
    background:transparent;
    border-color:var(--acpb-pending,#dedede);
}
.acpb-status-icon + .acpb-connector{
    margin-block-start:2px;
}
.acpb-connector{
    display:block;
    position:relative;
    box-sizing:border-box;
    width:var(--acpb-connector-width,3px);
    height:var(--acpb-connector-height,52px);
    margin-inline:auto;
    overflow:hidden;
    background:var(--acpb-pending,#dedede);
}
.acpb-connector__fill{
    position:absolute;
    inset:0 0 auto 0;
    width:100%;
    background:var(--acpb-complete,#d97706);
    transform-origin:top center;
    transition:height .25s ease;
}
.acpb-live-value{box-sizing:border-box;}
.acpb-horizontal-progress{display:flex;align-items:center;gap:.6em;box-sizing:border-box;}
.acpb-horizontal-progress__track{
    position:relative;
    flex:1 1 auto;
    min-width:40px;
    height:var(--acpb-height,10px);
    overflow:hidden;
    background:var(--acpb-track,#e5e7eb);
    border-radius:var(--acpb-radius,999px);
}
.acpb-horizontal-progress__fill{
    position:absolute;inset:0 auto 0 0;height:100%;background:var(--acpb-fill,#d97706);
    border-radius:inherit;transition:width .25s ease;
}
.acpb-vertical-progress{display:inline-flex;box-sizing:border-box;}
.acpb-vertical-progress__track{
    position:relative;width:var(--acpb-vwidth,22px);height:var(--acpb-vheight,180px);
    overflow:hidden;background:var(--acpb-track,#e5e7eb);border-radius:var(--acpb-radius,999px);
}
.acpb-vertical-progress__fill{
    position:absolute;inset:auto 0 0 0;width:100%;background:var(--acpb-fill,#d97706);
    border-radius:inherit;transition:height .25s ease;
}
.acpb-vertical-progress .acpb-progress-percent{
    position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);font-size:.72em;white-space:nowrap;
}
.acpb-circular-progress{
    position:relative;display:inline-grid;place-items:center;width:var(--acpb-size,120px);height:var(--acpb-size,120px);box-sizing:border-box;
}
.acpb-circular-progress__svg{width:100%;height:100%;transform:rotate(-90deg);}
.acpb-circular-progress__track,.acpb-circular-progress__fill{fill:none;}
.acpb-circular-progress__track{stroke:var(--acpb-track,#e5e7eb);}
.acpb-circular-progress__fill{stroke:var(--acpb-fill,#d97706);stroke-linecap:round;transition:stroke-dashoffset .25s ease;}
.acpb-circular-progress__percent{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);white-space:nowrap;}
@media (prefers-reduced-motion:reduce){
    .acpb-status-icon,.acpb-connector__fill,.acpb-horizontal-progress__fill,.acpb-vertical-progress__fill,.acpb-circular-progress__fill{transition:none;}
}