dashboard-ui/modules/emby-elements/emby-slider/emby-slider.css

.emby-slider{width:100%;-webkit-appearance:none;appearance:none;box-sizing:border-box;height:100%;background:0 0;-webkit-user-select:none;user-select:none;outline:0;padding:1em 0;padding:1rem 0;-webkit-align-self:center;align-self:center;z-index:1;margin:-1.105em 0;margin:-1.105rem 0;-webkit-tap-highlight-color:transparent;display:block;font-size:inherit;opacity:0}.emby-slider:enabled{cursor:pointer}.emby-slider[orient=vertical]{margin:0 -1.105em;margin:0 -1.105rem;padding:0 1em;padding:0 1rem;appearance:slider-vertical}.emby-slider::-moz-focus-outer{border:0}.emby-slider::-ms-tooltip{display:none}.emby-slider::-webkit-slider-runnable-track{background:0 0}.emby-slider::-moz-range-track{border:none}.emby-slider::-ms-track{background:0 0;color:transparent;width:100%;border:none}.emby-slider::-ms-fill-lower{display:none}.emby-slider::-ms-fill-upper{display:none}.emby-slider::-webkit-slider-thumb{width:2em;height:2em;box-sizing:border-box;border:none;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;opacity:0}.emby-slider::-moz-range-thumb{width:2em;height:2em;box-sizing:border-box;background-image:none;border:none;opacity:0}.emby-slider::-ms-thumb{width:2em;height:2em;box-sizing:border-box;border:none;opacity:0}.emby-slider-container{position:relative;background:0 0;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;height:.5em}.sliderLabelText+.emby-slider-container{margin:.5em 0}.emby-slider-container-vertical{height:auto;width:.5em;-webkit-flex-direction:column;flex-direction:column}.emby-slider-background{position:absolute;width:100%;top:0;bottom:0;left:0;inset-inline-start:0;inset-inline-end:initial;display:-webkit-flex;display:flex;border:0;padding:0;border-radius:.6em;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;overflow:hidden}.emby-slider-background-inner{position:relative;-webkit-flex-grow:1;flex-grow:1}.emby-slider[orient=vertical]+div .emby-slider-background-inner{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.emby-slider-background-lower{position:absolute;top:0;bottom:0;left:0;inset-inline-start:0;inset-inline-end:initial;width:0}.emby-slider[orient=vertical]+div .emby-slider-background-lower{width:100%;height:0}.emby-slider-background-lower-clear{background-color:transparent}.emby-slider-background-upper{position:absolute;top:0;bottom:0;left:0;inset-inline-start:0;inset-inline-end:initial;width:0;border-radius:.6em}.emby-slider[orient=vertical]+div .emby-slider-background-upper{width:100%;height:0}.emby-slider-thumb{position:absolute;top:50%;left:0;inset-inline-start:0;inset-inline-end:initial;width:1.3em;height:1.3em;margin-top:-.65em;margin-left:-.65em;-webkit-margin-start:-.65em;margin-inline-start:-.65em;-webkit-margin-end:-.65em;margin-inline-end:-.65em;border-radius:100%;transition:-webkit-transform .4s ease-out;transition:transform .4s ease-out}.emby-slider-thumb-hoveronly{-webkit-transform:scale(0);transform:scale(0)}.emby-slider-editing+.div+.emby-slider-thumb{-webkit-transform:none;transform:none}.emby-slider-container:hover .emby-slider-thumb{-webkit-transform:none;transform:none}.emby-slider[orient=vertical]+div+.emby-slider-thumb{margin-top:0;margin-bottom:-.65em;top:initial;bottom:0;left:50%;inset-inline-start:50%;inset-inline-end:initial}.emby-slider[disabled]+div+.emby-slider-thumb{display:none}.emby-slider:focus-visible+div+.emby-slider-thumb{-webkit-transform:none;transform:none}@media not all and (pointer:fine){.emby-slider-nothumb+div+.emby-slider-thumb{display:none!important}.emby-slider-scalebg:focus-visible+.emby-slider-background{-webkit-transform:scale(1.01,2.42);transform:scale(1.01,2.42)}.emby-slider-scalebg.emby-slider-editing+.emby-slider-background{-webkit-transform:scale(1.01,2.42);transform:scale(1.01,2.42)}.emby-slider-scalebg[orient=vertical]:focus-visible+.emby-slider-background{-webkit-transform:scale(2.42,1.01);transform:scale(2.42,1.01)}.emby-slider-scalebg.emby-slider-editing[orient=vertical]+.emby-slider-background{-webkit-transform:scale(2.42,1.01);transform:scale(2.42,1.01)}}.emby-slider-tv:focus+div+.emby-slider-thumb{-webkit-transform:none;transform:none}.sliderBubble{position:absolute;top:0;left:0;inset-inline-start:0;inset-inline-end:initial;margin-top:-1.25em;-webkit-transform:translate3d(-50%,-100%,0);transform:translate3d(-50%,-100%,0);display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;border-radius:.6em;z-index:1;font-size:1rem;z-index:-1;opacity:0}.sliderBubble-tv{-webkit-transform-origin:bottom center;transform-origin:bottom center;transition:-webkit-transform 340ms ease-out,opacity .2s ease-out;transition:transform 340ms ease-out,opacity .2s ease-out}@supports selector(:hover) and (display:revert) and (column-gap:1em){.sliderBubble-tv{-webkit-transform:translate3d(-50%,-100%,0) scale(0);transform:translate3d(-50%,-100%,0) scale(0)}}[dir=rtl] .sliderBubble{-webkit-transform:translate3d(50%,-100%,0);transform:translate3d(50%,-100%,0)}@supports selector(:hover) and (display:revert) and (column-gap:1em){[dir=rtl] .sliderBubble-tv{-webkit-transform:translate3d(50%,-100%,0) scale(0);transform:translate3d(50%,-100%,0) scale(0)}}.sliderBubble:not(.sliderBubble-tv){display:none}.emby-slider[orient=vertical]~.sliderBubble{margin-top:0;-webkit-margin-start:-1.25em;margin-inline-start:-1.25em;-webkit-transform:translate3d(-100%,50%,0);transform:translate3d(-100%,50%,0);top:initial;bottom:0}.emby-slider-hovering~.sliderBubble,.emby-slider-editing~.sliderBubble{display:-webkit-flex;display:flex;opacity:1;z-index:1;-webkit-transform:translate3d(-50%,-100%,0);transform:translate3d(-50%,-100%,0)}[dir=rtl] .emby-slider-hovering~.sliderBubble,[dir=rtl] .emby-slider-editing~.sliderBubble{-webkit-transform:translate3d(50%,-100%,0);transform:translate3d(50%,-100%,0)}.emby-slider-hovering[orient=vertical]~.sliderBubble,.emby-slider-editing[orient=vertical]~.sliderBubble{-webkit-transform:translate3d(-100%,50%,0);transform:translate3d(-100%,50%,0)}.sliderBubbleText{margin:0;padding:.35em .75em}