input{background:transparent}.is-light .range-wrapper{background-color:#fff}.range-wrapper{background-color:var(--c-gray);border-radius:.625rem;height:2.8125rem;padding:0 .75rem;position:relative;transition:all .3s ease;width:100%}.range-inputs{align-items:center;display:flex;gap:.5rem;overflow:hidden}.range-field,.range-inputs,.range-label{height:100%;width:100%}.range-field{border:none;border-radius:0;color:var(--c-black,#374151);font-size:.875rem;outline:none;transition:border-color .3s ease,color .3s ease}.range-field:focus{border:none;box-shadow:none}.range-separator{color:var(--c-black);display:inline-block;font-size:1rem;padding:0 .25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.range-slider{bottom:0;left:1.25rem;position:absolute;right:1.25rem;transform:translateY(80%)}