.index-module__BgmHkW__sliderContainer{width:100%;max-width:300px;margin:2rem auto;position:relative}.index-module__BgmHkW__sliderTrack{cursor:pointer;border-radius:4px;height:8px;margin:2rem 0 1rem;position:relative}.index-module__BgmHkW__sliderBg{background-color:#e0e0e0;border-radius:4px;width:100%;height:100%;position:absolute;top:0;left:0}.index-module__BgmHkW__sliderFill{background:linear-gradient(90deg,#f89084 0%,#faac7e 20%,#fcd375 40%,#b6db87 60%,#92df91 80% 100%);border-radius:4px;width:100%;height:100%;transition:clip-path 50ms ease-out;position:absolute;top:0;left:0}.index-module__BgmHkW__sliderHandle{cursor:grab;z-index:10;width:24px;height:24px;position:absolute;top:50%;transform:translateY(-50%)}.index-module__BgmHkW__sliderHandle:active{cursor:grabbing}.index-module__BgmHkW__handleBlackCircle{background-color:#000;border-radius:50%;width:100%;height:100%;transition:transform .2s;position:relative;box-shadow:0 2px 8px #0003}.index-module__BgmHkW__handleBlackCircle:active{transform:scale(.95)}.index-module__BgmHkW__currentValue{position:absolute;bottom:-2.4rem;left:50%;transform:translate(-50%)}.index-module__BgmHkW__currentValue span{text-align:center;color:#000;border-radius:4px;min-width:2rem;font-family:Noto Sans,sans-serif;font-size:1.4rem;font-weight:700;display:inline-block}.index-module__BgmHkW__sliderLabels{color:#666;justify-content:space-between;padding:0 .7rem;font-family:Noto Sans,sans-serif;font-size:1.4rem;font-weight:400;display:flex}.index-module__BgmHkW__labelStart,.index-module__BgmHkW__labelEnd{color:#666;font-size:1.4rem}.index-module__BgmHkW__inputContainer{visibility:hidden;justify-content:center;margin-top:1rem;display:flex;position:absolute}.index-module__BgmHkW__numberInput{text-align:center;color:#000;background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;outline:none;width:80px;height:40px;font-family:Noto Sans,sans-serif;font-size:1.4rem;font-weight:700;transition:all .2s}.index-module__BgmHkW__numberInput:focus{border-color:#000;box-shadow:0 0 0 2px #0000001a}.index-module__BgmHkW__numberInput:hover{border-color:#999}.index-module__BgmHkW__numberInput::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.index-module__BgmHkW__numberInput::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.index-module__BgmHkW__numberInput[type=number]{-moz-appearance:textfield}@media (max-width:768px){.index-module__BgmHkW__sliderContainer{max-width:280px}.index-module__BgmHkW__sliderLabels,.index-module__BgmHkW__currentValue span{font-size:1.4rem}}