.rangeable-container{cursor:pointer;width:100%}.rangeable-container.focus .rangeable-handle{border:1px solid #74b9ff}.rangeable-container .rangeable-track{width:100%;height:.4rem;background-color:#ededed;position:relative;border-radius:.4rem}.rangeable-container .rangeable-progress{height:.4rem;width:100%;background-color:var(--gradient-base-accent-1);position:absolute;left:0;top:0;border-radius:.4rem;transform-origin:0 0 0}.rangeable-container .rangeable-progress>.rangeable-tooltip{display:none;z-index:11;top:auto;bottom:calc(100% + 17px);white-space:nowrap}.rangeable-container.rangeable-multiple.combined-tooltip .rangeable-handle .rangeable-tooltip{opacity:0}.rangeable-container.rangeable-multiple .rangeable-handle:nth-child(1){left:-.6rem}.rangeable-container.rangeable-multiple .rangeable-handle:nth-child(2){right:-.6rem}.rangeable-container .rangeable-handle{box-sizing:border-box;width:1.2rem;height:1.2rem;border-radius:50%;background-color:var(--gradient-base-accent-1);position:absolute;top:-.4rem}.rangeable-container .rangeable-handle.active{z-index:10}.rangeable-container .rangeable-handle .rangeable-tooltip{display:none}.rangeable-container .rangeable-tooltip{position:absolute;bottom:calc(100% + 16px);right:50%;transform:translate3d(50%,0,0);text-align:center;padding:2px 13px;background-color:var(--gradient-base-accent-1);border-radius:3px;font-weight:700;color:#fff;font-family:Consolas,Courier New,Lucida Console,sans-serif}.rangeable-container .rangeable-tooltip:before{width:0;height:0;border-width:5px 5px 0 5px;border-style:solid;border-color:var(--gradient-base-accent-1) transparent transparent transparent;position:absolute;left:50%;top:100%;transform:translate3d(-50%,0,0);content:""}.rangeable-container.combined-tooltip.dragging .rangeable-progress>.rangeable-tooltip,.rangeable-container.combined-tooltip.show-tooltip .rangeable-progress>.rangeable-tooltip{display:block}.rangeable-container.dragging.has-tooltip .rangeable-handle .rangeable-tooltip,.rangeable-container.show-tooltip.has-tooltip .rangeable-handle .rangeable-tooltip{display:block}.rangeable-input{position:absolute;overflow:hidden;clip:rect(0px,0px,0px,0px);width:1px;height:1px;margin:-1px;padding:0;border:0 none}.rangeable-input:focus+.rangeable-track .rangeable-handle{border:1px solid var(--gradient-base-accent-1)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/rangeable.css.map */
