.prs{padding:.4rem 0 1.6rem}.prs__heading{font-size:2rem;font-weight:700;letter-spacing:.04em;color:rgb(var(--color-foreground));margin:0 0 2.4rem;line-height:1}.prs__slider{position:relative;height:2.8rem;margin:0 0 2rem}.prs__track{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);height:.5rem;background:rgba(var(--color-foreground),.15);border-radius:99rem;overflow:hidden}.prs__fill{position:absolute;top:0;height:100%;background:rgb(var(--color-foreground));border-radius:99rem;display:block!important}.prs__range{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);height:0;appearance:none;-webkit-appearance:none;background:transparent;pointer-events:none;z-index:3;margin:0;padding:0}.prs__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;pointer-events:all;width:1.4rem;height:2.4rem;border-radius:50%;background:rgb(var(--color-foreground));border:none;box-shadow:0 .2rem .6rem #00000040;cursor:grab;transition:transform .1s ease,box-shadow .1s ease}.prs__range::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.15);box-shadow:0 .3rem 1rem #00000059}.prs__range::-moz-range-thumb{pointer-events:all;width:2.2rem;height:2.2rem;border-radius:50%;background:rgb(var(--color-foreground));border:none;box-shadow:0 .2rem .6rem #00000040;cursor:grab}.prs__range::-moz-range-thumb:active{cursor:grabbing}.prs__range:focus-visible::-webkit-slider-thumb{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.prs__boxes{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.prs__box-label{display:block;font-size:1.4rem;color:rgb(var(--color-foreground));margin-bottom:.6rem;opacity:.7}.prs__box{display:flex;align-items:center;justify-content:center;gap:.2rem;padding:1.4rem 1rem;background:rgb(var(--color-background));border:.15rem solid rgba(var(--color-foreground),.15);border-radius:1.2rem;min-height:6rem}.prs__currency{font-size:2rem;font-weight:600;color:rgb(var(--color-foreground));line-height:1}.prs__amount{font-size:2rem;font-weight:600;color:rgb(var(--color-foreground));line-height:1;letter-spacing:-.01em}@media screen and (max-width:749px){.prs__boxes{gap:1rem}.prs__amount,.prs__currency{font-size:1.8rem}.prs__heading{font-size:1.3rem;font-weight:500}.prs{padding:1.4rem 26px 0rem}}
/*# sourceMappingURL=/cdn/shop/t/113/assets/price-range-slider.css.map */
