.actuation-range{position:relative;height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.scale{width:100%;height:40px;position:relative;display:flex;flex-direction:column;justify-content:flex-start;margin-bottom:6px;margin-right:0;order:2}.scale-markers{width:100%;height:20px;position:relative}.scale-marker{position:absolute;bottom:0;height:8px;width:1px;background-color:#9ca3af4d;transition:background-color .3s ease}.scale-marker.large{height:12px;width:1px}.scale-marker.active{background-color:#57cdff;box-shadow:0 0 5px #57cdff80}.value-indicator{position:absolute;bottom:24px;transform:translate(-50%);font-size:12px;font-weight:700;color:#57cdff;display:flex;flex-direction:column;align-items:center;z-index:10;text-shadow:0 0 10px rgba(87,205,255,.3)}.value-indicator span[id$=-current-value]{font-size:14px;line-height:1}.value-indicator .unit{font-size:10px;line-height:1;opacity:.9}.value-indicator:after{content:"";width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:6px solid #57CDFF;margin-bottom:4px;order:-1;filter:drop-shadow(0 0 2px rgba(87,205,255,.5))}.slider-track{width:100%;height:8px;background-color:#ffffff1a;border-radius:20px;position:relative;overflow:hidden;border:1px solid rgba(87,205,255,.2);box-shadow:inset 0 0 10px #0003,0 0 15px #57cdff1a;order:1}.slider-fill{height:100%;width:0;background:linear-gradient(90deg,#57cdff,#80e9ff);border-radius:20px;position:absolute;left:0;top:0;transition:width .01s linear;box-shadow:0 0 10px #57cdff4d}.animation-container{height:100%;width:100%;display:flex;justify-content:center;align-items:center;position:relative;padding:8px}@media (max-width: 768px){.actuation-range{padding:15px}.scale{height:30px;margin-bottom:4px}.scale-markers{height:16px}.scale-marker{height:6px}.scale-marker.large{height:10px}.value-indicator{bottom:20px;font-size:11px}.value-indicator span[id$=-current-value]{font-size:13px}.value-indicator .unit{font-size:9px}.value-indicator:after{border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:5px solid #57CDFF;margin-bottom:3px;order:-1}.slider-track{height:6px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/actuation-range-animation.css.map */