.custom-range-input-wrapper{--input-p:0.175em;--input-h:1.4em;--input-r:calc(0.5 * var(--input-h));--track-r:calc(var(--input-r) - var(--input-p));--track-h:calc(2 * var(--track-r));--thumb-d:var(--input-h);--thumb-r:calc(0.5 * var(--thumb-d));--track-color-start:#f8dd36;--track-color-end:#d68706;--range-diff:calc(var(--max, 100) - var(--min, 0));--k:calc((var(--val, 0) - var(--min, 0)) / (var(--range-diff) + 1e-9));--pos:calc(var(--thumb-r) + var(--k) * (100% - var(--thumb-d)));display:block;width:98%;margin-bottom:.25em;filter:Saturate(var(--hl,1));transition:filter .3s ease-out;font-size:1rem}.custom-range-input-wrapper input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:var(--input-h);border-radius:var(--input-r);box-shadow:0 -1px #eaeaea,0 1px #fff;background:linear-gradient(#c3c3c3,#f1f1f1);cursor:pointer;margin:0;padding:0;outline:none}.custom-range-input-wrapper input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;margin:var(--input-p);height:var(--track-h);border-radius:var(--track-r);box-shadow:inset 0 1px 4px #8c8c8c;background:linear-gradient(var(--track-color-start),var(--track-color-end)) 0 /var(--pos) no-repeat,linear-gradient(#efefef,#c9c9c9)}.custom-range-input-wrapper input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;box-sizing:border-box;border:var(--input-p) solid transparent;width:var(--thumb-d);height:var(--thumb-d);border-radius:50%;box-shadow:0 2px 5px #7d7d7d;background:linear-gradient(#c5c5c5,whitesmoke) padding-box,linear-gradient(#fbfbfb,#c2c2c2) border-box;cursor:ew-resize;margin-top:calc(.5 * (var(--track-h) - var(--thumb-d)))}.custom-range-input-wrapper input[type=range]::-moz-range-track{height:var(--track-h);border-radius:var(--track-r);box-shadow:inset 0 1px 4px #8c8c8c;background:linear-gradient(var(--track-color-start),var(--track-color-end)) 0 /var(--pos) no-repeat,linear-gradient(#efefef,#c9c9c9);border:none}.custom-range-input-wrapper input[type=range]::-moz-range-thumb{box-sizing:border-box;width:var(--thumb-d);height:var(--thumb-d);border-radius:50%;box-shadow:0 2px 5px #7d7d7d;background:linear-gradient(#c5c5c5,whitesmoke) padding-box,linear-gradient(#fbfbfb,#c2c2c2) border-box;cursor:ew-resize;border:none}.custom-range-input-wrapper input[type=range]:focus{outline:none}.RainbowButtonEffect_rainbowButton__PBYQW{position:relative;display:inline-flex;align-items:center;justify-content:center;background-color:transparent;border:none;cursor:pointer;text-transform:uppercase;font-weight:600;padding:0;--gradient-pos-x:50%;--gradient-pos-y:50%;--border-radius:30px;--border-gap:2px}.RainbowButtonEffect_shadowWrapper__4uKgA{position:absolute;left:-8px;top:-8px;width:calc(100% + 16px);height:calc(100% + 16px);border-radius:calc(var(--border-radius) + 4px);overflow:hidden;filter:blur(12px);opacity:.7;z-index:-1;pointer-events:none}.RainbowButtonEffect_shadowRainbow__GyEPl{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:250%;height:500%;background:conic-gradient(from 0deg at 50% 50%,#1e87ff,#5c13c4,#ff0033,#ffda00,#64bc26,#1e87ff);transform-origin:center;animation:RainbowButtonEffect_rotateShadow__yhC8V 5s linear infinite}.RainbowButtonEffect_borderVisual__2UjKR,.RainbowButtonEffect_neonVisual__ltK7_{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;border-radius:var(--border-radius);z-index:0;pointer-events:none}.RainbowButtonEffect_neonVisual__ltK7_{filter:blur(10px);opacity:.5}.RainbowButtonEffect_gradientBorder__79ljP{position:absolute;inset:-200px;background:conic-gradient(from 0deg at var(--gradient-pos-x) var(--gradient-pos-y),#1e87ff,#5c13c4,#ff0033,#ffda00,#64bc26,#1e87ff);border-radius:var(--border-radius);animation:RainbowButtonEffect_rotateBorder__kE1Ta 4s linear infinite}.RainbowButtonEffect_content__jUmSZ{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-size:1.2rem;line-height:1.5rem;padding:1rem;white-space:nowrap;color:#ffffff;background-color:#1f1f1f;border-radius:var(--border-radius);margin:var(--border-gap);width:calc(100% - (2 * var(--border-gap)));height:calc(100% - (2 * var(--border-gap)));z-index:1;transition:box-shadow .2s,font-size .2s}.RainbowButtonEffect_rainbowButton__PBYQW:hover .RainbowButtonEffect_content__jUmSZ{box-shadow:inset 0 0 10px 0 rgba(0,0,0,.9);font-size:1.8rem;line-height:2rem}@keyframes RainbowButtonEffect_rotateShadow__yhC8V{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes RainbowButtonEffect_rotateBorder__kE1Ta{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}