:root{--main-color: 255, 255, 255}#sound-slider__container.svelte-m7miou{display:flex;width:300px;height:20px;border:1px solid rgba(var(--main-color),.03);border-radius:1in;align-items:center;justify-content:center;position:relative}#sound-slider__container.svelte-m7miou:hover input[type=range]:where(.svelte-m7miou){height:2em}#sound-slider__container.open.svelte-m7miou input[type=range]:where(.svelte-m7miou){height:2em;--tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / .03)) drop-shadow(0 8px 5px rgb(0 0 0 / .08));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}#sound-slider__container.svelte-m7miou:after{content:"";height:100%;opacity:0;left:0;position:absolute;top:0;transition:opacity .5s;width:100%;z-index:-1}#sound-slider__container.svelte-m7miou:hover:after,#sound-slider__container.open.svelte-m7miou:after{opacity:1}input[type=range].svelte-m7miou{height:2em}@media (min-width: 768px){input[type=range].svelte-m7miou{height:5px}}input[type=range].svelte-m7miou{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;border-radius:12px;outline:none;transition-property:height,transform;cursor:pointer;background-image:linear-gradient(rgb(var(--main-color)),rgb(var(--main-color)));background-size:calc(var(--percentage) - 9px) 100%;background-repeat:no-repeat;position:relative;overflow:hidden}input[type=range].svelte-m7miou:after{position:absolute;content:"";height:100%;width:10px;border-radius:0 12px 12px 0;background-color:rgb(var(--main-color));left:calc(var(--percentage) - 10px);transition:border-radius .5s cubic-bezier(.16,1,.3,1)}input[type=range].svelte-m7miou:hover:after{border-radius:0}input[type=range].open.svelte-m7miou:after{border-radius:0!important}input[type=range].svelte-m7miou::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;visibility:hidden;width:1px;height:10px}input.svelte-m7miou::-webkit-outer-spin-button,input.svelte-m7miou::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number].svelte-m7miou{-moz-appearance:textfield}.label.open.svelte-m7miou{left:.5rem;--tw-translate-y: 1.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}