:root{--gradient-color:linear-gradient(95deg,#ca27fc -7%,#4a14e1 112%);--first-color-light:#d7cdf4;--first-color-lighten:#ece7f9;--white-color:#fff}.range{height:24px}.range,.range__content{width:100%;display:grid}.range__content{position:relative;place-items:center}.range__slider{width:100%;height:6px;background-color:#212545;border-radius:4rem;box-shadow:0 4px 12px rgba(41,17,105,.2);overflow:hidden}.range__slider-line{width:100%;height:100%;background:#09bbf9;width:0}.range__thumb{width:24px;height:24px;background-color:#fff;border-radius:50%;box-shadow:0 0 12px rgba(41,17,105,.2);position:absolute}.range__value{width:64px;height:64px;position:absolute;top:-66px;left:-34px;border-radius:2rem 2rem 2rem .25rem;display:grid;place-items:center}.range__value-number{transform:rotate(45deg);color:var(--white-color)}.range__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:16px;position:absolute;opacity:0}.range__input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:32px;height:32px}.range__input::-webkit-slider-thumb:hover{cursor:pointer}