.media-range[data-v-50f80ac3]{appearance:none;height:var(--spacing);border-radius:var(--radius-sm);cursor:pointer;background:linear-gradient(to right,color-mix(in oklch,var(--color-text-1) 70%,transparent) 0,color-mix(in oklch,var(--color-text-1) 70%,transparent) var(--pct,0),color-mix(in oklch,var(--color-text-1) 20%,transparent) var(--pct,0),color-mix(in oklch,var(--color-text-1) 20%,transparent) 100%);outline:none}.media-range-seek[data-v-50f80ac3]{flex:1;min-width:0}.media-range-volume[data-v-50f80ac3]{width:calc(var(--spacing)*10);flex-shrink:0}@media (pointer:coarse){.media-range[data-v-50f80ac3]{box-sizing:content-box;padding-block:calc(var(--spacing)*2.5);background-clip:content-box}.media-range-volume[data-v-50f80ac3]{width:calc(var(--spacing)*16)}}.media-range[data-v-50f80ac3]::-webkit-slider-thumb{appearance:none;width:calc(var(--spacing)*3);height:calc(var(--spacing)*3);background:var(--color-text-1);cursor:pointer;border-radius:50%;transition:transform .15s}@media (hover:hover){.media-range[data-v-50f80ac3]::-webkit-slider-thumb:hover{transform:scale(1.3)}}.media-range[data-v-50f80ac3]:focus-visible::-webkit-slider-thumb{outline:2px solid var(--color-accent);outline-offset:2px}.media-range[data-v-50f80ac3]::-moz-range-thumb{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3);background:var(--color-text-1);cursor:pointer;border:none;border-radius:50%}.media-range[data-v-50f80ac3]:focus-visible::-moz-range-thumb{outline:2px solid var(--color-accent);outline-offset:2px}.media-range[data-v-50f80ac3]::-moz-range-track{height:var(--spacing);border-radius:var(--radius-sm);background:0 0}