.bp{--p:0;position:fixed;top:0;left:0;right:0;height:4px;z-index:1000;pointer-events:none;transition:opacity .2s}.bp[data-vazia="1"]{opacity:0}.bp-trilho{background:rgba(120,128,150,.22)}.bp-cheio,.bp-trilho{position:absolute;inset:0}.bp-cheio{transform-origin:0 50%;transform:scaleX(var(--p));background:linear-gradient(90deg,#0056FE,#3A2BFE 60%,#5D09FD);box-shadow:0 1px 0 rgba(255,255,255,.55)}.bp-ponta{position:absolute;top:-2px;width:10px;height:10px;border-radius:50%;left:clamp(0px,calc(var(--p) * 100% - 5px),calc(100% - 10px));background:#fff;box-shadow:0 0 0 2.5px #0056FE,0 1px 4px rgba(4,31,91,.35)}.bp[data-fim="1"] .bp-ponta{box-shadow:0 0 0 2.5px #5D09FD,0 1px 4px rgba(4,31,91,.35)}@media (max-width:640px){.bp{height:3px}.bp-ponta{width:9px;height:9px;left:clamp(0px,calc(var(--p) * 100% - 4.5px),calc(100% - 9px))}}@media (prefers-reduced-motion:reduce){.bp{transition:none}}@media print{.bp{display:none}}