.range-input{-webkit-appearance:none;appearance:none;width:100%;cursor:pointer;outline:none;border-radius:15px;height:6px;background:var(--tool-control-track,var(--border-300))}.range-input:focus-visible{outline:3px solid color-mix(in srgb,var(--tool-focus,var(--theme-primary)) 30%,transparent);outline-offset:6px}.range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:16px;width:16px;background-color:var(--tool-primary,var(--theme-primary));border-radius:50%;border:none;transition:.2s ease-in-out}.range-input::-moz-range-thumb{height:16px;width:16px;background-color:var(--tool-primary,var(--theme-primary));border-radius:50%;border:none;transition:.2s ease-in-out}.range-input::-webkit-slider-thumb:hover{box-shadow:0 0 0 8px color-mix(in srgb,var(--tool-primary,var(--theme-primary)) 18%,transparent);box-shadow:0 0 0 10px color-mix(in srgb,var(--tool-primary,var(--theme-primary)) 10%,transparent)}.limit-height{max-height:300px}@media screen and (min-height:640px){.limit-height{max-height:400px}}@media screen and (min-height:768px){.limit-height{max-height:500px}}