.section-timeline{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:90;display:none;flex-direction:column;align-items:center;pointer-events:auto}@media screen and (min-width:990px){.section-timeline{display:flex}}.section-timeline__track,.section-timeline__progress{display:none}.section-timeline__battery{position:relative;width:28px;border:1.5px solid rgba(45,184,75,.25);border-radius:4px;padding:3px;display:flex;flex-direction:column-reverse;gap:3px;background:#050d08e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.section-timeline__battery-cap{width:12px;height:5px;background:#2db84b33;border-radius:2px 2px 0 0;margin:0 auto;position:relative;top:-1px}.section-timeline__cell{width:100%;height:16px;border-radius:2px;background:#2db84b0f;border:1px solid rgba(45,184,75,.08);transition:all .35s ease;cursor:pointer;position:relative}.section-timeline__cell:hover{background:#2db84b26;border-color:#22c55e}.section-timeline__cell.is-filled{background:#2db84b59;border-color:#2db84b80}.section-timeline__cell.is-active{background:#2db84b;border-color:#2db84b;box-shadow:0 0 8px #2db84b80,inset 0 0 4px #ffffff26;animation:battery-pulse 2s ease-in-out infinite}@keyframes battery-pulse{0%,to{box-shadow:0 0 8px #2db84b80,inset 0 0 4px #ffffff26}50%{box-shadow:0 0 14px #2db84bb3,inset 0 0 6px #fff3}}.section-timeline__battery.is-charging{border-color:#2db84b73;box-shadow:0 0 12px #2db84b26}.section-timeline__battery.is-charging .section-timeline__battery-cap{background:#2db84b73}.section-timeline__percent{font-family:SF Mono,Fira Code,monospace;font-size:9px;font-weight:600;color:#2db84bb3;text-align:center;margin-top:6px;letter-spacing:.5px}.section-timeline__label{position:absolute;right:36px;top:50%;transform:translateY(-50%);background:#0a1a12;border:1px solid rgba(45,184,75,.2);color:#fffc;font-family:SF Mono,Fira Code,monospace;font-size:10px;font-weight:500;padding:3px 8px;border-radius:3px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;transform:translateY(-50%) translate(4px);box-shadow:0 2px 8px #0006}.section-timeline__label:after{content:"";position:absolute;right:-4px;top:50%;transform:translateY(-50%) rotate(45deg);width:6px;height:6px;background:#0a1a12;border-right:1px solid rgba(45,184,75,.2);border-top:1px solid rgba(45,184,75,.2)}.section-timeline__cell:hover .section-timeline__label{opacity:1;transform:translateY(-50%) translate(0)}.section-timeline__cell.is-active .section-timeline__label{color:#2db84b}
/*# sourceMappingURL=/cdn/shop/t/2/assets/agency-timeline.css.map */