.mediaSlider {
  cursor: pointer;
}
.mediaSlider .knob {
  visibility: hidden;
}
:global(.spotlight-input-key) .mediaSlider:global(.spottable):focus .knob,
:global(.spotlight-input-mouse) .mediaSlider:global(.spottable):focus .knob {
  visibility: visible;
}
:global(.spotlight-input-touch) .mediaSlider:global(.spottable):active .knob {
  visibility: visible;
}
.mediaSlider:global(.carbon).slider {
  padding: 1.625rem 1.75rem;
}
.mediaSlider:global(.carbon).slider .bar {
  background-color: rgba(255, 255, 255, 0.5);
}
.mediaSlider:global(.carbon).slider .fill {
  background-color: var(--agate-accent-color, #8fd43a);
  background-image: inherit;
}
.mediaSlider:global(.carbon).slider.paused .fill {
  background-image: none;
}
:global(.spotlight-input-key) .mediaSlider:global(.carbon):global(.spottable):focus.slider .bar,
:global(.spotlight-input-mouse) .mediaSlider:global(.carbon):global(.spottable):focus.slider .bar {
  background-color: var(--agate-highlight-color, #6abe0b);
}
:global(.spotlight-input-key) .mediaSlider:global(.carbon):global(.spottable):focus.slider .fill,
:global(.spotlight-input-mouse) .mediaSlider:global(.carbon):global(.spottable):focus.slider .fill {
  background-color: var(--agate-accent-color, #8fd43a);
  background-image: inherit;
}
:global(.spotlight-input-touch) .mediaSlider:global(.carbon):global(.spottable):active.slider .bar {
  background-color: var(--agate-highlight-color, #6abe0b);
}
:global(.spotlight-input-touch) .mediaSlider:global(.carbon):global(.spottable):active.slider .fill {
  background-color: var(--agate-accent-color, #8fd43a);
  background-image: inherit;
}
.mediaSlider:global(.carbon):global(.spottable).tiny.pressed .knob::before,
.mediaSlider:global(.carbon):global(.spottable).tiny:focus.activateOnFocus .knob::before,
.mediaSlider:global(.carbon):global(.spottable).tiny:focus.active .knob::before {
  height: 3rem;
  width: 3rem;
}
.mediaSlider:global(.carbon).tiny.slider {
  height: 3.5rem;
  padding: 1.625rem 1.75rem;
}
.mediaSlider:global(.carbon).tiny.slider .bar,
.mediaSlider:global(.carbon).tiny.slider .fill,
.mediaSlider:global(.carbon).tiny.slider .progressBar {
  height: 0.25rem;
}
.mediaSlider:global(.carbon).tiny.slider.horizontal {
  margin: 0 0.5rem;
}
.mediaSlider:global(.carbon).tiny.slider.horizontal .bar {
  left: 0rem;
  width: calc(100% + 0rem );
}
.mediaSlider:global(.carbon).tiny.slider .knob::before {
  height: 3.5rem;
  width: 3.5rem;
}
.mediaSlider:global(.cobalt).slider {
  padding: 1.5rem 1.75rem;
}
.mediaSlider:global(.cobalt).slider .bar {
  background-color: inherit;
}
.mediaSlider:global(.cobalt).slider .fill {
  background-color: var(--agate-accent-color, #8c81ff);
  background-image: inherit;
}
.mediaSlider:global(.cobalt).slider.paused .fill {
  background-image: none;
}
:global(.spotlight-input-key) .mediaSlider:global(.cobalt):global(.spottable):focus.slider .bar,
:global(.spotlight-input-mouse) .mediaSlider:global(.cobalt):global(.spottable):focus.slider .bar {
  background-color: var(--agate-highlight-color, #fff);
}
:global(.spotlight-input-key) .mediaSlider:global(.cobalt):global(.spottable):focus.slider .fill,
:global(.spotlight-input-mouse) .mediaSlider:global(.cobalt):global(.spottable):focus.slider .fill {
  background-color: var(--agate-accent-color, #8c81ff);
  background-image: inherit;
}
:global(.spotlight-input-touch) .mediaSlider:global(.cobalt):global(.spottable):active.slider .bar {
  background-color: var(--agate-highlight-color, #fff);
}
:global(.spotlight-input-touch) .mediaSlider:global(.cobalt):global(.spottable):active.slider .fill {
  background-color: var(--agate-accent-color, #8c81ff);
  background-image: inherit;
}
.mediaSlider:global(.cobalt):global(.spottable).tiny.pressed .knob::before,
.mediaSlider:global(.cobalt):global(.spottable).tiny:focus.activateOnFocus .knob::before,
.mediaSlider:global(.cobalt):global(.spottable).tiny:focus.active .knob::before {
  height: 3.25rem;
  width: 3.25rem;
}
.mediaSlider:global(.cobalt).tiny.slider {
  height: 3.5rem;
  padding: 1.5rem 1.75rem;
}
.mediaSlider:global(.cobalt).tiny.slider .bar,
.mediaSlider:global(.cobalt).tiny.slider .fill,
.mediaSlider:global(.cobalt).tiny.slider .progressBar {
  height: 0.5rem;
}
.mediaSlider:global(.cobalt).tiny.slider.horizontal {
  margin: 0 0.5rem;
}
.mediaSlider:global(.cobalt).tiny.slider.horizontal .bar {
  left: 0rem;
  width: calc(100% + 0rem );
}
.mediaSlider:global(.cobalt).tiny.slider .knob::before {
  height: 3.25rem;
  width: 3.25rem;
}
.mediaSlider:global(.cobalt):global(.night).slider {
  padding: 1.5rem 1.75rem;
}
.mediaSlider:global(.cobalt):global(.night).slider .bar {
  background-color: inherit;
}
.mediaSlider:global(.cobalt):global(.night).slider .fill {
  background-color: var(--agate-accent-color, #fc7982);
  background-image: inherit;
}
.mediaSlider:global(.cobalt):global(.night).slider.paused .fill {
  background-image: none;
}
:global(.spotlight-input-key) .mediaSlider:global(.cobalt):global(.night):global(.spottable):focus.slider .bar,
:global(.spotlight-input-mouse) .mediaSlider:global(.cobalt):global(.night):global(.spottable):focus.slider .bar {
  background-color: var(--agate-highlight-color, #fff);
}
:global(.spotlight-input-key) .mediaSlider:global(.cobalt):global(.night):global(.spottable):focus.slider .fill,
:global(.spotlight-input-mouse) .mediaSlider:global(.cobalt):global(.night):global(.spottable):focus.slider .fill {
  background-color: var(--agate-accent-color, #fc7982);
  background-image: inherit;
}
:global(.spotlight-input-touch) .mediaSlider:global(.cobalt):global(.night):global(.spottable):active.slider .bar {
  background-color: var(--agate-highlight-color, #fff);
}
:global(.spotlight-input-touch) .mediaSlider:global(.cobalt):global(.night):global(.spottable):active.slider .fill {
  background-color: var(--agate-accent-color, #fc7982);
  background-image: inherit;
}
.mediaSlider:global(.cobalt):global(.night):global(.spottable).tiny.pressed .knob::before,
.mediaSlider:global(.cobalt):global(.night):global(.spottable).tiny:focus.activateOnFocus .knob::before,
.mediaSlider:global(.cobalt):global(.night):global(.spottable).tiny:focus.active .knob::before {
  height: 3.25rem;
  width: 3.25rem;
}
.mediaSlider:global(.cobalt):global(.night).tiny.slider {
  height: 3.5rem;
  padding: 1.5rem 1.75rem;
}
.mediaSlider:global(.cobalt):global(.night).tiny.slider .bar,
.mediaSlider:global(.cobalt):global(.night).tiny.slider .fill,
.mediaSlider:global(.cobalt):global(.night).tiny.slider .progressBar {
  height: 0.5rem;
}
.mediaSlider:global(.cobalt):global(.night).tiny.slider.horizontal {
  margin: 0 0.5rem;
}
.mediaSlider:global(.cobalt):global(.night).tiny.slider.horizontal .bar {
  left: 0rem;
  width: calc(100% + 0rem );
}
.mediaSlider:global(.cobalt):global(.night).tiny.slider .knob::before {
  height: 3.25rem;
  width: 3.25rem;
}
.mediaSlider:global(.copper).slider {
  padding: 1.5rem 1.75rem;
}
.mediaSlider:global(.copper).slider .bar {
  background-color: inherit;
}
.mediaSlider:global(.copper).slider .fill {
  background-color: var(--agate-accent-color, #a47d66);
  background-image: inherit;
}
.mediaSlider:global(.copper).slider.paused .fill {
  background-image: none;
}
:global(.spotlight-input-key) .mediaSlider:global(.copper):global(.spottable):focus.slider .bar,
:global(.spotlight-input-mouse) .mediaSlider:global(.copper):global(.spottable):focus.slider .bar {
  background-color: var(--agate-highlight-color, #fff);
}
:global(.spotlight-input-key) .mediaSlider:global(.copper):global(.spottable):focus.slider .fill,
:global(.spotlight-input-mouse) .mediaSlider:global(.copper):global(.spottable):focus.slider .fill {
  background-color: var(--agate-accent-color, #a47d66);
  background-image: inherit;
}
:global(.spotlight-input-touch) .mediaSlider:global(.copper):global(.spottable):active.slider .bar {
  background-color: var(--agate-highlight-color, #fff);
}
:global(.spotlight-input-touch) .mediaSlider:global(.copper):global(.spottable):active.slider .fill {
  background-color: var(--agate-accent-color, #a47d66);
  background-image: inherit;
}
.mediaSlider:global(.copper):global(.spottable).tiny.pressed .knob::before,
.mediaSlider:global(.copper):global(.spottable).tiny:focus.activateOnFocus .knob::before,
.mediaSlider:global(.copper):global(.spottable).tiny:focus.active .knob::before {
  height: 3.25rem;
  width: 3.25rem;
}
.mediaSlider:global(.copper).tiny.slider {
  height: 3.5rem;
  padding: 1.5rem 1.75rem;
}
.mediaSlider:global(.copper).tiny.slider .bar,
.mediaSlider:global(.copper).tiny.slider .fill,
.mediaSlider:global(.copper).tiny.slider .progressBar {
  height: 0.5rem;
}
.mediaSlider:global(.copper).tiny.slider.horizontal {
  margin: 0 0.5rem;
}
.mediaSlider:global(.copper).tiny.slider.horizontal .bar {
  left: 0rem;
  width: calc(100% + 0rem );
}
.mediaSlider:global(.copper).tiny.slider .knob::before {
  height: 3.25rem;
  width: 3.25rem;
}
.mediaSlider:global(.copper):global(.night).slider {
  padding: 1.5rem 1.75rem;
}
.mediaSlider:global(.copper):global(.night).slider .bar {
  background-color: inherit;
}
.mediaSlider:global(.copper):global(.night).slider .fill {
  background-color: var(--agate-accent-color, #e0b094);
  background-image: inherit;
}
.mediaSlider:global(.copper):global(.night).slider.paused .fill {
  background-image: none;
}
:global(.spotlight-input-key) .mediaSlider:global(.copper):global(.night):global(.spottable):focus.slider .bar,
:global(.spotlight-input-mouse) .mediaSlider:global(.copper):global(.night):global(.spottable):focus.slider .bar {
  background-color: var(--agate-highlight-color, #fff);
}
:global(.spotlight-input-key) .mediaSlider:global(.copper):global(.night):global(.spottable):focus.slider .fill,
:global(.spotlight-input-mouse) .mediaSlider:global(.copper):global(.night):global(.spottable):focus.slider .fill {
  background-color: var(--agate-accent-color, #e0b094);
  background-image: inherit;
}
:global(.spotlight-input-touch) .mediaSlider:global(.copper):global(.night):global(.spottable):active.slider .bar {
  background-color: var(--agate-highlight-color, #fff);
}
:global(.spotlight-input-touch) .mediaSlider:global(.copper):global(.night):global(.spottable):active.slider .fill {
  background-color: var(--agate-accent-color, #e0b094);
  background-image: inherit;
}
.mediaSlider:global(.copper):global(.night):global(.spottable).tiny.pressed .knob::before,
.mediaSlider:global(.copper):global(.night):global(.spottable).tiny:focus.activateOnFocus .knob::before,
.mediaSlider:global(.copper):global(.night):global(.spottable).tiny:focus.active .knob::before {
  height: 3.25rem;
  width: 3.25rem;
}
.mediaSlider:global(.copper):global(.night).tiny.slider {
  height: 3.5rem;
  padding: 1.5rem 1.75rem;
}
.mediaSlider:global(.copper):global(.night).tiny.slider .bar,
.mediaSlider:global(.copper):global(.night).tiny.slider .fill,
.mediaSlider:global(.copper):global(.night).tiny.slider .progressBar {
  height: 0.5rem;
}
.mediaSlider:global(.copper):global(.night).tiny.slider.horizontal {
  margin: 0 0.5rem;
}
.mediaSlider:global(.copper):global(.night).tiny.slider.horizontal .bar {
  left: 0rem;
  width: calc(100% + 0rem );
}
.mediaSlider:global(.copper):global(.night).tiny.slider .knob::before {
  height: 3.25rem;
  width: 3.25rem;
}
.mediaSlider:global(.electro).slider {
  padding: 1.5rem 1rem;
}
.mediaSlider:global(.electro).slider .bar {
  background-color: inherit;
}
.mediaSlider:global(.electro).slider .fill {
  background-color: inherit;
  background-image: inherit;
}
.mediaSlider:global(.electro).slider.paused .fill {
  background-image: none;
}
:global(.spotlight-input-key) .mediaSlider:global(.electro):global(.spottable):focus.slider .bar,
:global(.spotlight-input-mouse) .mediaSlider:global(.electro):global(.spottable):focus.slider .bar {
  background-color: inherit;
}
:global(.spotlight-input-key) .mediaSlider:global(.electro):global(.spottable):focus.slider .fill,
:global(.spotlight-input-mouse) .mediaSlider:global(.electro):global(.spottable):focus.slider .fill {
  background-color: inherit;
  background-image: inherit;
}
:global(.spotlight-input-touch) .mediaSlider:global(.electro):global(.spottable):active.slider .bar {
  background-color: inherit;
}
:global(.spotlight-input-touch) .mediaSlider:global(.electro):global(.spottable):active.slider .fill {
  background-color: inherit;
  background-image: inherit;
}
.mediaSlider:global(.electro):global(.spottable).tiny.pressed .knob::before,
.mediaSlider:global(.electro):global(.spottable).tiny:focus.activateOnFocus .knob::before,
.mediaSlider:global(.electro):global(.spottable).tiny:focus.active .knob::before {
  height: 3.5rem;
  width: 1.25rem;
}
.mediaSlider:global(.electro).tiny.slider {
  height: 3.5rem;
  padding: 1.5rem 1rem;
}
.mediaSlider:global(.electro).tiny.slider .bar,
.mediaSlider:global(.electro).tiny.slider .fill,
.mediaSlider:global(.electro).tiny.slider .progressBar {
  height: 0.5rem;
}
.mediaSlider:global(.electro).tiny.slider.horizontal {
  margin: 0.125rem 0.875rem;
}
.mediaSlider:global(.electro).tiny.slider.horizontal .bar {
  left: 0rem;
  width: calc(100% + 0rem );
}
.mediaSlider:global(.electro).tiny.slider .knob::before {
  height: 3.5rem;
  width: 1.25rem;
}
.mediaSlider:global(.gallium).slider {
  padding: 1.75rem 0.9375rem;
}
.mediaSlider:global(.gallium).slider .bar {
  background-color: rgba(0, 0, 0, 0.5);
}
.mediaSlider:global(.gallium).slider .fill {
  background-color: inherit;
  background-image: inherit;
}
.mediaSlider:global(.gallium).slider.paused .fill {
  background-image: none;
}
:global(.spotlight-input-key) .mediaSlider:global(.gallium):global(.spottable):focus.slider .bar,
:global(.spotlight-input-mouse) .mediaSlider:global(.gallium):global(.spottable):focus.slider .bar {
  background-color: rgba(0, 0, 0, 0.5);
}
:global(.spotlight-input-key) .mediaSlider:global(.gallium):global(.spottable):focus.slider .fill,
:global(.spotlight-input-mouse) .mediaSlider:global(.gallium):global(.spottable):focus.slider .fill {
  background-color: inherit;
  background-image: inherit;
}
:global(.spotlight-input-touch) .mediaSlider:global(.gallium):global(.spottable):active.slider .bar {
  background-color: rgba(0, 0, 0, 0.5);
}
:global(.spotlight-input-touch) .mediaSlider:global(.gallium):global(.spottable):active.slider .fill {
  background-color: inherit;
  background-image: inherit;
}
.mediaSlider:global(.gallium):global(.spottable).tiny.pressed .knob::before,
.mediaSlider:global(.gallium):global(.spottable).tiny:focus.activateOnFocus .knob::before,
.mediaSlider:global(.gallium):global(.spottable).tiny:focus.active .knob::before {
  height: 1.875rem;
  width: 1.875rem;
}
.mediaSlider:global(.gallium).tiny.slider {
  height: 3.75rem;
  padding: 1.75rem 0.9375rem;
}
.mediaSlider:global(.gallium).tiny.slider .bar,
.mediaSlider:global(.gallium).tiny.slider .fill,
.mediaSlider:global(.gallium).tiny.slider .progressBar {
  height: 0.25rem;
}
.mediaSlider:global(.gallium).tiny.slider.horizontal {
  margin: 0 0.5rem;
}
.mediaSlider:global(.gallium).tiny.slider.horizontal .bar {
  left: -0.82292rem;
  width: calc(100% + 1.64583rem );
}
.mediaSlider:global(.gallium).tiny.slider .knob::before {
  height: 1.875rem;
  width: 1.875rem;
}
.mediaSlider:global(.gallium):global(.night).slider {
  padding: 1.75rem 0.9375rem;
}
.mediaSlider:global(.gallium):global(.night).slider .bar {
  background-color: rgba(255, 255, 255, 0.5);
}
.mediaSlider:global(.gallium):global(.night).slider .fill {
  background-color: inherit;
  background-image: inherit;
}
.mediaSlider:global(.gallium):global(.night).slider.paused .fill {
  background-image: none;
}
:global(.spotlight-input-key) .mediaSlider:global(.gallium):global(.night):global(.spottable):focus.slider .bar,
:global(.spotlight-input-mouse) .mediaSlider:global(.gallium):global(.night):global(.spottable):focus.slider .bar {
  background-color: rgba(255, 255, 255, 0.5);
}
:global(.spotlight-input-key) .mediaSlider:global(.gallium):global(.night):global(.spottable):focus.slider .fill,
:global(.spotlight-input-mouse) .mediaSlider:global(.gallium):global(.night):global(.spottable):focus.slider .fill {
  background-color: inherit;
  background-image: inherit;
}
:global(.spotlight-input-touch) .mediaSlider:global(.gallium):global(.night):global(.spottable):active.slider .bar {
  background-color: rgba(255, 255, 255, 0.5);
}
:global(.spotlight-input-touch) .mediaSlider:global(.gallium):global(.night):global(.spottable):active.slider .fill {
  background-color: inherit;
  background-image: inherit;
}
.mediaSlider:global(.gallium):global(.night):global(.spottable).tiny.pressed .knob::before,
.mediaSlider:global(.gallium):global(.night):global(.spottable).tiny:focus.activateOnFocus .knob::before,
.mediaSlider:global(.gallium):global(.night):global(.spottable).tiny:focus.active .knob::before {
  height: 1.875rem;
  width: 1.875rem;
}
.mediaSlider:global(.gallium):global(.night).tiny.slider {
  height: 3.75rem;
  padding: 1.75rem 0.9375rem;
}
.mediaSlider:global(.gallium):global(.night).tiny.slider .bar,
.mediaSlider:global(.gallium):global(.night).tiny.slider .fill,
.mediaSlider:global(.gallium):global(.night).tiny.slider .progressBar {
  height: 0.25rem;
}
.mediaSlider:global(.gallium):global(.night).tiny.slider.horizontal {
  margin: 0 0.5rem;
}
.mediaSlider:global(.gallium):global(.night).tiny.slider.horizontal .bar {
  left: -0.82292rem;
  width: calc(100% + 1.64583rem );
}
.mediaSlider:global(.gallium):global(.night).tiny.slider .knob::before {
  height: 1.875rem;
  width: 1.875rem;
}
.mediaSlider:global(.silicon).slider {
  padding: 1.875rem 0.125rem;
}
.mediaSlider:global(.silicon).slider .bar {
  background-color: rgba(0, 0, 0, 0.5);
}
.mediaSlider:global(.silicon).slider .fill {
  background-color: inherit;
  background-image: linear-gradient(to right, #9e00d8, #f1304f);
}
.mediaSlider:global(.silicon).slider.paused .fill {
  background-image: none;
}
:global(.spotlight-input-key) .mediaSlider:global(.silicon):global(.spottable):focus.slider .bar,
:global(.spotlight-input-mouse) .mediaSlider:global(.silicon):global(.spottable):focus.slider .bar {
  background-color: rgba(0, 0, 0, 0.5);
}
:global(.spotlight-input-key) .mediaSlider:global(.silicon):global(.spottable):focus.slider .fill,
:global(.spotlight-input-mouse) .mediaSlider:global(.silicon):global(.spottable):focus.slider .fill {
  background-color: inherit;
  background-image: linear-gradient(to right, #9e00d8, #f1304f);
}
:global(.spotlight-input-touch) .mediaSlider:global(.silicon):global(.spottable):active.slider .bar {
  background-color: rgba(0, 0, 0, 0.5);
}
:global(.spotlight-input-touch) .mediaSlider:global(.silicon):global(.spottable):active.slider .fill {
  background-color: inherit;
  background-image: linear-gradient(to right, #9e00d8, #f1304f);
}
.mediaSlider:global(.silicon):global(.spottable).tiny.pressed .knob::before,
.mediaSlider:global(.silicon):global(.spottable).tiny:focus.activateOnFocus .knob::before,
.mediaSlider:global(.silicon):global(.spottable).tiny:focus.active .knob::before {
  height: 0.875rem;
  width: 0.875rem;
}
.mediaSlider:global(.silicon).tiny.slider {
  height: 1.5rem;
  padding: 0.625rem 1.875rem;
}
.mediaSlider:global(.silicon).tiny.slider .bar,
.mediaSlider:global(.silicon).tiny.slider .fill,
.mediaSlider:global(.silicon).tiny.slider .progressBar {
  height: 0.125rem;
}
.mediaSlider:global(.silicon).tiny.slider.horizontal {
  margin: 0 0.20417rem;
}
.mediaSlider:global(.silicon).tiny.slider.horizontal .bar {
  left: -0.20417rem;
  width: calc(100% + 0.40833rem );
}
.mediaSlider:global(.silicon).tiny.slider .knob::before {
  height: 0.5rem;
  width: 0.5rem;
}
.mediaSlider:global(.silicon):global(.night).slider {
  padding: 1.875rem 0.125rem;
}
.mediaSlider:global(.silicon):global(.night).slider .bar {
  background-color: rgba(255, 255, 255, 0.5);
}
.mediaSlider:global(.silicon):global(.night).slider .fill {
  background-color: inherit;
  background-image: linear-gradient(to right, #9e00d8, #f1304f);
}
.mediaSlider:global(.silicon):global(.night).slider.paused .fill {
  background-image: none;
}
:global(.spotlight-input-key) .mediaSlider:global(.silicon):global(.night):global(.spottable):focus.slider .bar,
:global(.spotlight-input-mouse) .mediaSlider:global(.silicon):global(.night):global(.spottable):focus.slider .bar {
  background-color: rgba(255, 255, 255, 0.5);
}
:global(.spotlight-input-key) .mediaSlider:global(.silicon):global(.night):global(.spottable):focus.slider .fill,
:global(.spotlight-input-mouse) .mediaSlider:global(.silicon):global(.night):global(.spottable):focus.slider .fill {
  background-color: inherit;
  background-image: linear-gradient(to right, #9e00d8, #f1304f);
}
:global(.spotlight-input-touch) .mediaSlider:global(.silicon):global(.night):global(.spottable):active.slider .bar {
  background-color: rgba(255, 255, 255, 0.5);
}
:global(.spotlight-input-touch) .mediaSlider:global(.silicon):global(.night):global(.spottable):active.slider .fill {
  background-color: inherit;
  background-image: linear-gradient(to right, #9e00d8, #f1304f);
}
.mediaSlider:global(.silicon):global(.night):global(.spottable).tiny.pressed .knob::before,
.mediaSlider:global(.silicon):global(.night):global(.spottable).tiny:focus.activateOnFocus .knob::before,
.mediaSlider:global(.silicon):global(.night):global(.spottable).tiny:focus.active .knob::before {
  height: 0.875rem;
  width: 0.875rem;
}
.mediaSlider:global(.silicon):global(.night).tiny.slider {
  height: 1.5rem;
  padding: 0.625rem 1.875rem;
}
.mediaSlider:global(.silicon):global(.night).tiny.slider .bar,
.mediaSlider:global(.silicon):global(.night).tiny.slider .fill,
.mediaSlider:global(.silicon):global(.night).tiny.slider .progressBar {
  height: 0.125rem;
}
.mediaSlider:global(.silicon):global(.night).tiny.slider.horizontal {
  margin: 0 0.20417rem;
}
.mediaSlider:global(.silicon):global(.night).tiny.slider.horizontal .bar {
  left: -0.20417rem;
  width: calc(100% + 0.40833rem );
}
.mediaSlider:global(.silicon):global(.night).tiny.slider .knob::before {
  height: 0.5rem;
  width: 0.5rem;
}
.mediaSlider:global(.titanium).slider {
  padding: 1.5rem 1.75rem;
}
.mediaSlider:global(.titanium).slider .bar {
  background-color: inherit;
}
.mediaSlider:global(.titanium).slider .fill {
  background-color: var(--agate-highlight-color, #2a48ca);
  background-image: inherit;
}
.mediaSlider:global(.titanium).slider.paused .fill {
  background-image: none;
}
:global(.spotlight-input-key) .mediaSlider:global(.titanium):global(.spottable):focus.slider .bar,
:global(.spotlight-input-mouse) .mediaSlider:global(.titanium):global(.spottable):focus.slider .bar {
  background-color: var(--agate-accent-color, rgba(0, 0, 0, 0.1));
}
:global(.spotlight-input-key) .mediaSlider:global(.titanium):global(.spottable):focus.slider .fill,
:global(.spotlight-input-mouse) .mediaSlider:global(.titanium):global(.spottable):focus.slider .fill {
  background-color: var(--agate-highlight-color, #2a48ca);
  background-image: inherit;
}
:global(.spotlight-input-touch) .mediaSlider:global(.titanium):global(.spottable):active.slider .bar {
  background-color: var(--agate-accent-color, rgba(0, 0, 0, 0.1));
}
:global(.spotlight-input-touch) .mediaSlider:global(.titanium):global(.spottable):active.slider .fill {
  background-color: var(--agate-highlight-color, #2a48ca);
  background-image: inherit;
}
.mediaSlider:global(.titanium):global(.spottable).tiny.pressed .knob::before,
.mediaSlider:global(.titanium):global(.spottable).tiny:focus.activateOnFocus .knob::before,
.mediaSlider:global(.titanium):global(.spottable).tiny:focus.active .knob::before {
  height: 3.25rem;
  width: 3.25rem;
}
.mediaSlider:global(.titanium).tiny.slider {
  height: 3.5rem;
  padding: 1.5rem 1.75rem;
}
.mediaSlider:global(.titanium).tiny.slider .bar,
.mediaSlider:global(.titanium).tiny.slider .fill,
.mediaSlider:global(.titanium).tiny.slider .progressBar {
  height: 0.5rem;
}
.mediaSlider:global(.titanium).tiny.slider.horizontal {
  margin: 0 0.5rem;
}
.mediaSlider:global(.titanium).tiny.slider.horizontal .bar {
  left: 0rem;
  width: calc(100% + 0rem );
}
.mediaSlider:global(.titanium).tiny.slider .knob::before {
  height: 3.25rem;
  width: 3.25rem;
}
