.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:2px solid #FF5C00;border-radius:0;padding:3px;display:flex;flex-direction:column-reverse;gap:3px;background:#f5f0e8}.section-timeline__battery-cap{width:12px;height:5px;background:#ff5c004d;border-radius:0;margin:0 auto;position:relative;top:-1px}.section-timeline__cell{width:100%;height:16px;border-radius:0;background:#ff5c000f;border:1px solid rgba(255,92,0,.08);transition:all .35s ease;cursor:pointer;position:relative}.section-timeline__cell:hover{background:#ff5c0026;border-color:#ff5c00}.section-timeline__cell.is-filled{background:#ff5c0059;border-color:#ff5c0080}.section-timeline__cell.is-active{background:#ff5c00;border-color:#ff5c00;box-shadow:4px 4px #1b1f3b;animation:battery-pulse 2s ease-in-out infinite}@keyframes battery-pulse{0%,to{box-shadow:4px 4px #1b1f3b}50%{box-shadow:4px 4px #1b1f3b,0 0 0 2px #ff5c0066}}.section-timeline__battery.is-charging{border-color:#ff5c00;box-shadow:4px 4px #ff5c004d}.section-timeline__battery.is-charging .section-timeline__battery-cap{background:#ff5c0073}.section-timeline__percent{font-family:SF Mono,Fira Code,monospace;font-size:9px;font-weight:600;color:#ff5c00;text-align:center;margin-top:6px;letter-spacing:.5px}.section-timeline__label{position:absolute;right:36px;top:50%;transform:translateY(-50%);background:#1b1f3b;border:2px solid #FF5C00;color:#fffc;font-family:SF Mono,Fira Code,monospace;font-size:10px;font-weight:500;padding:3px 8px;border-radius:0;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;transform:translateY(-50%) translate(4px);box-shadow:4px 4px #1b1f3b}.section-timeline__label:after{content:"";position:absolute;right:-4px;top:50%;transform:translateY(-50%) rotate(45deg);width:6px;height:6px;background:#1b1f3b;border-right:2px solid #FF5C00;border-top:2px solid #FF5C00}.section-timeline__cell:hover .section-timeline__label{opacity:1;transform:translateY(-50%) translate(0)}.section-timeline__cell.is-active .section-timeline__label{color:#ff5c00}
/*# sourceMappingURL=/cdn/shop/t/5/assets/agency-timeline.css.map */