.slider-input[data-v-7eb9c7c6]{height:60px;span[data-v-7eb9c7c6]{height:24px;grid-template-columns:50px 1fr}input[type=range][data-v-7eb9c7c6]{-webkit-appearance:none;width:100%;height:1px;border-radius:3px;background-color:var(--darkGray);&[data-v-7eb9c7c6]:focus{outline:none}&[data-v-7eb9c7c6]::-webkit-slider-runnable-track{-webkit-appearance:none;-webkit-box-shadow:none;box-shadow:none;border:none;background:transparent}&[data-v-7eb9c7c6]::-webkit-slider-thumb{-webkit-appearance:none;height:17px;width:17px;border-radius:50%;background:var(--darkGray);cursor:ew-resize;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out}}button[data-v-7eb9c7c6]{-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:48px;border-color:transparent;height:48px;width:48px;-webkit-transition:all .2s var(--smoothness);transition:all .2s var(--smoothness);&.selected[data-v-7eb9c7c6]{border-color:var(--darkGray);&[data-v-7eb9c7c6]:hover{-webkit-box-shadow:var(--shadow);box-shadow:var(--shadow);border-color:var(--darkGreen)}}}}