/* Generated from src/lumenmorph.css. Native control parts reuse card
   surfaces and illuminated borders; Slidebox owns all geometry and motion.
   Import after Slidebox. Opt in with lumenmorph-slidebox on a control or ancestor.
   Slidebox owns geometry, native state, and motion; this file owns paint only. */
@media (forced-colors: none) {
  :is(.slidebox.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox), :is(.slidebox-range.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox-range) {
    border-color: var(--lumen-border-color, #ffffff30);
    box-shadow: none;
  }
  :is(.slidebox.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox) {
  background-color: var(--lumen-bg, #302028b3);
  border-radius: var(--slidebox-radius, 100vw);
  -webkit-backdrop-filter: blur(var(--lumen-blur, 32px)) saturate(var(--lumen-saturation, 1.6));
  backdrop-filter: blur(var(--lumen-blur, 32px)) saturate(var(--lumen-saturation, 1.6));
}

@supports (background: color-mix(in srgb, red, transparent)) {
  :is(.slidebox.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox) {
    background-image: radial-gradient(circle var(--lumen-glow-size, 460px) at var(--lumen-x, 50vw) var(--lumen-y, 35vh), color-mix(in srgb, var(--lumen-glow-color, #ffaa71) calc(var(--lumen-glow-opacity, 0.3) * 100%), transparent), transparent);
    background-attachment: var(--lumen-attachment, fixed);
    background-size: var(--lumen-space, 100vw 100vh);
    background-repeat: no-repeat;
  }
}

@media (prefers-reduced-transparency: reduce) {
  :is(.slidebox.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox) {
    background: var(--lumen-solid-bg, #302028);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}

  :is(.slidebox-range.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox-range) {
  background-color: var(--lumen-bg, #302028b3);
  border-radius: var(--slidebox-radius, 100vw);
  -webkit-backdrop-filter: blur(var(--lumen-blur, 32px)) saturate(var(--lumen-saturation, 1.6));
  backdrop-filter: blur(var(--lumen-blur, 32px)) saturate(var(--lumen-saturation, 1.6));
}

@media (prefers-reduced-transparency: reduce) {
  :is(.slidebox-range.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox-range) {
    background-color: var(--lumen-solid-bg, #302028);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}

  @supports (background: color-mix(in srgb, red, transparent)) {
  :is(.slidebox-range.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox-range):not([data-slidebox-range-fill]) {
    background-image: radial-gradient(circle var(--lumen-glow-size, 460px) at var(--lumen-x, 50vw) var(--lumen-y, 35vh), color-mix(in srgb, var(--lumen-glow-color, #ffaa71) calc(var(--lumen-glow-opacity, 0.3) * 100%), transparent), transparent);
    background-attachment: var(--lumen-attachment, fixed);
    background-size: var(--lumen-space, 100vw 100vh);
    background-repeat: no-repeat;
  }
}

  @supports (background: color-mix(in srgb, red, transparent)) {
    :is(.slidebox.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox), :is(.slidebox-range.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox-range) { background-color: var(--lumen-bg, #302028b3); }
  }
  :is(.slidebox.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox):not([data-slidebox-thumb-layers])::after, :is(.slidebox.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox)[data-slidebox-thumb-layers]::before, :is(.lumenmorph-slidebox [data-slidebox-range-visual], .slidebox-range.lumenmorph-slidebox + [data-slidebox-range-visual]) > [data-slidebox-range-thumb] {
  background-color: var(--lumen-slidebox-thumb-bg, color-mix(in srgb, var(--lumen-glow-color, var(--slidebox-on, #ffaa71)) var(--lumen-slidebox-tint, 18%), var(--lumen-bg, #29282366)));
  border-radius: inherit;
  -webkit-backdrop-filter: blur(var(--lumen-blur, 32px)) saturate(var(--lumen-saturation, 1.6));
  backdrop-filter: blur(var(--lumen-blur, 32px)) saturate(var(--lumen-saturation, 1.6));
}

@supports (background: color-mix(in srgb, red, transparent)) {
  :is(.slidebox.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox):not([data-slidebox-thumb-layers])::after, :is(.slidebox.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox)[data-slidebox-thumb-layers]::before, :is(.lumenmorph-slidebox [data-slidebox-range-visual], .slidebox-range.lumenmorph-slidebox + [data-slidebox-range-visual]) > [data-slidebox-range-thumb] {
    background-image: radial-gradient(circle var(--lumen-glow-size, 460px) at var(--lumen-x, 50vw) var(--lumen-y, 35vh), color-mix(in srgb, var(--lumen-glow-color, #ffaa71) calc(var(--lumen-glow-opacity, 0.3) * 100%), transparent), transparent);
    background-attachment: var(--lumen-attachment, fixed);
    background-size: var(--lumen-space, 100vw 100vh);
    background-repeat: no-repeat;
  }
}

@media (prefers-reduced-transparency: reduce) {
  :is(.slidebox.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox):not([data-slidebox-thumb-layers])::after, :is(.slidebox.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox)[data-slidebox-thumb-layers]::before, :is(.lumenmorph-slidebox [data-slidebox-range-visual], .slidebox-range.lumenmorph-slidebox + [data-slidebox-range-visual]) > [data-slidebox-range-thumb] {
    background: var(--lumen-solid-bg, #302028);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}

  /* Off-state paint uses its own fill color, not the checked accent. */
  :is(.slidebox.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox):not(:checked):not([data-slidebox-thumb-layers])::after, :is(.slidebox.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox):not(:checked)[data-slidebox-thumb-layers]::before {
  background-color: var(--lumen-slidebox-thumb-bg, var(--lumen-bg, #29282366));
  border-radius: inherit;
  -webkit-backdrop-filter: blur(var(--lumen-blur, 32px)) saturate(var(--lumen-saturation, 1.6));
  backdrop-filter: blur(var(--lumen-blur, 32px)) saturate(var(--lumen-saturation, 1.6));
}

@supports (background: color-mix(in srgb, red, transparent)) {
  :is(.slidebox.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox):not(:checked):not([data-slidebox-thumb-layers])::after, :is(.slidebox.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox):not(:checked)[data-slidebox-thumb-layers]::before {
    background-image: radial-gradient(circle var(--lumen-glow-size, 460px) at var(--lumen-x, 50vw) var(--lumen-y, 35vh), color-mix(in srgb, var(--lumen-slidebox-thumb-bg, var(--lumen-bg, #29282366)) calc(calc(var(--lumen-glow-opacity, 0.3) * .35) * 100%), transparent), transparent);
    background-attachment: var(--lumen-attachment, fixed);
    background-size: var(--lumen-space, 100vw 100vh);
    background-repeat: no-repeat;
  }
}

@media (prefers-reduced-transparency: reduce) {
  :is(.slidebox.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox):not(:checked):not([data-slidebox-thumb-layers])::after, :is(.slidebox.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox):not(:checked)[data-slidebox-thumb-layers]::before {
    background: var(--lumen-solid-bg, #302028);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}

  @supports (background: color-mix(in srgb, red, transparent)) {
  :is(.slidebox.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox):not(:checked) {
    background-image: radial-gradient(circle var(--lumen-glow-size, 460px) at var(--lumen-x, 50vw) var(--lumen-y, 35vh), color-mix(in srgb, var(--lumen-bg, #302028b3) calc(calc(var(--lumen-glow-opacity, 0.3) * .35) * 100%), transparent), transparent);
    background-attachment: var(--lumen-attachment, fixed);
    background-size: var(--lumen-space, 100vw 100vh);
    background-repeat: no-repeat;
  }
}

  :is(.slidebox-range.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox-range)[data-slidebox-range-layers][data-slidebox-range-fill] + [data-slidebox-range-visual]::before {
  background-color: color-mix(in srgb, var(--lumen-glow-color, var(--slidebox-on, #ffaa71)) var(--lumen-slidebox-tint, 18%), var(--lumen-bg, #29282366));
  border-radius: inherit;
  -webkit-backdrop-filter: blur(var(--lumen-blur, 32px)) saturate(var(--lumen-saturation, 1.6));
  backdrop-filter: blur(var(--lumen-blur, 32px)) saturate(var(--lumen-saturation, 1.6));
}

@supports (background: color-mix(in srgb, red, transparent)) {
  :is(.slidebox-range.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox-range)[data-slidebox-range-layers][data-slidebox-range-fill] + [data-slidebox-range-visual]::before {
    background-image: radial-gradient(circle var(--lumen-glow-size, 460px) at var(--lumen-x, 50vw) var(--lumen-y, 35vh), color-mix(in srgb, var(--lumen-glow-color, #ffaa71) calc(var(--lumen-glow-opacity, 0.3) * 100%), transparent), transparent);
    background-attachment: var(--lumen-attachment, fixed);
    background-size: var(--lumen-space, 100vw 100vh);
    background-repeat: no-repeat;
  }
}

@media (prefers-reduced-transparency: reduce) {
  :is(.slidebox-range.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox-range)[data-slidebox-range-layers][data-slidebox-range-fill] + [data-slidebox-range-visual]::before {
    background: var(--lumen-solid-bg, #302028);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}

  :is(.slidebox.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox):not([data-slidebox-thumb-layers])::after {
  position: relative;
  border: var(--lumen-border-width, 1.5px) solid var(--lumen-border-color, #ffffff30);
}

  :is(.slidebox.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox)[data-slidebox-thumb-layers]::before {
  position: relative;
  border: var(--lumen-border-width, 1.5px) solid var(--lumen-border-color, #ffffff30);
}

:is(.slidebox.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox)[data-slidebox-thumb-layers]::after {
  content: "";
  border-radius: inherit;
  padding: var(--lumen-border-width, 1.5px);
  pointer-events: none;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  border: 0;
  background-color: transparent;
}

@supports (background: color-mix(in srgb, red, transparent)) {

  :is(.slidebox.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox)[data-slidebox-thumb-layers]::after {
    background-image: radial-gradient(circle var(--lumen-glow-size, 460px) at var(--lumen-x, 50vw) var(--lumen-y, 35vh), color-mix(in srgb, var(--lumen-border-glow-color, var(--lumen-glow-color, #ffd4a3)) calc(var(--lumen-border-opacity, 0.9) * 100%), transparent), transparent);
    background-attachment: var(--lumen-attachment, fixed);
    background-size: var(--lumen-space, 100vw 100vh);
    background-repeat: no-repeat;
  }
}

  :is(.lumenmorph-slidebox [data-slidebox-range-visual], .slidebox-range.lumenmorph-slidebox + [data-slidebox-range-visual]) > [data-slidebox-range-thumb] {
  position: relative;
  border: var(--lumen-border-width, 1.5px) solid var(--lumen-border-color, #ffffff30);
}

:is(.lumenmorph-slidebox [data-slidebox-range-visual], .slidebox-range.lumenmorph-slidebox + [data-slidebox-range-visual]) > [data-slidebox-range-thumb]::before {
  content: "";
  position: absolute;
  inset: calc(-1 * var(--lumen-border-width, 1.5px));
  border-radius: inherit;
  padding: var(--lumen-border-width, 1.5px);
  pointer-events: none;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
}

@supports (background: color-mix(in srgb, red, transparent)) {

  :is(.lumenmorph-slidebox [data-slidebox-range-visual], .slidebox-range.lumenmorph-slidebox + [data-slidebox-range-visual]) > [data-slidebox-range-thumb]::before {
    background-image: radial-gradient(circle var(--lumen-glow-size, 460px) at var(--lumen-x, 50vw) var(--lumen-y, 35vh), color-mix(in srgb, var(--lumen-border-glow-color, var(--lumen-glow-color, #ffd4a3)) calc(var(--lumen-border-opacity, 0.9) * 100%), transparent), transparent);
    background-attachment: var(--lumen-attachment, fixed);
    background-size: var(--lumen-space, 100vw 100vh);
    background-repeat: no-repeat;
  }
}

  :is(.slidebox.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox):not([data-slidebox-thumb-layers])::after, :is(.slidebox.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox)[data-slidebox-thumb-layers]::before, :is(.lumenmorph-slidebox [data-slidebox-range-visual], .slidebox-range.lumenmorph-slidebox + [data-slidebox-range-visual]) > [data-slidebox-range-thumb] { box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--lumen-glow-color, var(--slidebox-on, #ffaa71)) 55%, transparent), 0 0 16px color-mix(in srgb, var(--lumen-glow-color, var(--slidebox-on, #ffaa71)) 12%, transparent); }
  :is(.slidebox.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox):not(:checked):not([data-slidebox-thumb-layers])::after, :is(.slidebox.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox):not(:checked)[data-slidebox-thumb-layers]::before { box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--lumen-slidebox-thumb-bg, var(--lumen-bg, #29282366)) 55%, transparent), 0 0 16px color-mix(in srgb, var(--lumen-slidebox-thumb-bg, var(--lumen-bg, #29282366)) 12%, transparent); }
  /* Match Lumenmorph's material-picker groups, not opaque on-color pills. */
  :is(.slidebox-group.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox-group) {
    background-color: var(--lumen-bg, var(--slidebox-track, #34332e40));
    border-color: var(--lumen-border-color, var(--slidebox-border, #827b6c));
    border-radius: var(--lumen-radius, var(--slidebox-radius, 4px));
  }
  :is(.slidebox-group.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox-group) > label > span { border-radius: var(--lumen-radius, var(--slidebox-radius, 4px)); }
  :is(.slidebox-group.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox-group):has(> label > input:checked)::before, :is(.slidebox-group.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox-group) > label > input:checked + span::before {
  background-color: var(--lumen-bg, color-mix(in srgb, var(--lumen-glow-color, var(--slidebox-on, #ffaa71)) 18%, #29282366));
  border-radius: var(--lumen-radius, var(--slidebox-radius, 4px));
  -webkit-backdrop-filter: blur(var(--lumen-blur, 12px)) saturate(var(--lumen-saturation, 1.4));
  backdrop-filter: blur(var(--lumen-blur, 12px)) saturate(var(--lumen-saturation, 1.4));
}

@supports (background: color-mix(in srgb, red, transparent)) {
  :is(.slidebox-group.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox-group):has(> label > input:checked)::before, :is(.slidebox-group.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox-group) > label > input:checked + span::before {
    background-image: radial-gradient(circle var(--lumen-glow-size, 180px) at var(--lumen-x, 50vw) var(--lumen-y, 35vh), color-mix(in srgb, var(--lumen-glow-color, var(--slidebox-on, #ffaa71)) calc(var(--lumen-glow-opacity, .55) * 100%), transparent), transparent);
    background-attachment: var(--lumen-attachment, fixed);
    background-size: var(--lumen-space, 100vw 100vh);
    background-repeat: no-repeat;
  }
}

@media (prefers-reduced-transparency: reduce) {
  :is(.slidebox-group.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox-group):has(> label > input:checked)::before, :is(.slidebox-group.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox-group) > label > input:checked + span::before {
    background: var(--lumen-solid-bg, #34332e);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}

  :is(.slidebox-group.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox-group):has(> label > input:checked)::before, :is(.slidebox-group.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox-group) > label > input:checked + span::before {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--lumen-glow-color, var(--slidebox-on, #ffaa71)) 55%, transparent), 0 0 16px color-mix(in srgb, var(--lumen-glow-color, var(--slidebox-on, #ffaa71)) 12%, transparent);
  }
  :is(.slidebox-group.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox-group) > label > input:not(:checked) + span {
  background-color: var(--lumen-bg, color-mix(in srgb, var(--lumen-glow-color, var(--slidebox-on, #ffaa71)) 2.5%, transparent));
  border-radius: var(--lumen-radius, var(--slidebox-radius, 4px));
  -webkit-backdrop-filter: blur(var(--lumen-blur, 2px)) saturate(var(--lumen-saturation, 1.1));
  backdrop-filter: blur(var(--lumen-blur, 2px)) saturate(var(--lumen-saturation, 1.1));
}

@supports (background: color-mix(in srgb, red, transparent)) {
  :is(.slidebox-group.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox-group) > label > input:not(:checked) + span {
    background-image: radial-gradient(circle var(--lumen-glow-size, 160px) at var(--lumen-x, 50vw) var(--lumen-y, 35vh), color-mix(in srgb, var(--lumen-glow-color, var(--slidebox-on, #ffaa71)) calc(var(--lumen-glow-opacity, .045) * 100%), transparent), transparent);
    background-attachment: var(--lumen-attachment, fixed);
    background-size: var(--lumen-space, 100vw 100vh);
    background-repeat: no-repeat;
  }
}

@media (prefers-reduced-transparency: reduce) {
  :is(.slidebox-group.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox-group) > label > input:not(:checked) + span {
    background: var(--lumen-solid-bg, #292823);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}

  :is(.slidebox-group.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox-group) > label > input:not(:checked) + span { box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--lumen-glow-color, var(--slidebox-on, #ffaa71)) 7%, transparent); }
  :is(.slidebox-range.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox-range):not([data-slidebox-range-layers])::-webkit-slider-thumb {
  background-color: var(--lumen-slidebox-thumb-bg, color-mix(in srgb, var(--lumen-glow-color, var(--slidebox-on, #ffaa71)) var(--lumen-slidebox-tint, 18%), var(--lumen-bg, #29282366)));
  border-radius: inherit;
  -webkit-backdrop-filter: blur(var(--lumen-blur, 32px)) saturate(var(--lumen-saturation, 1.6));
  backdrop-filter: blur(var(--lumen-blur, 32px)) saturate(var(--lumen-saturation, 1.6));
}

@supports (background: color-mix(in srgb, red, transparent)) {
  :is(.slidebox-range.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox-range):not([data-slidebox-range-layers])::-webkit-slider-thumb {
    background-image: radial-gradient(circle var(--lumen-glow-size, 460px) at var(--lumen-x, 50vw) var(--lumen-y, 35vh), color-mix(in srgb, var(--lumen-glow-color, #ffaa71) calc(var(--lumen-glow-opacity, 0.3) * 100%), transparent), transparent);
    background-attachment: var(--lumen-attachment, fixed);
    background-size: var(--lumen-space, 100vw 100vh);
    background-repeat: no-repeat;
  }
}

@media (prefers-reduced-transparency: reduce) {
  :is(.slidebox-range.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox-range):not([data-slidebox-range-layers])::-webkit-slider-thumb {
    background: var(--lumen-solid-bg, #302028);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}

  :is(.slidebox-range.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox-range):not([data-slidebox-range-layers])::-moz-range-thumb {
  background-color: var(--lumen-slidebox-thumb-bg, color-mix(in srgb, var(--lumen-glow-color, var(--slidebox-on, #ffaa71)) var(--lumen-slidebox-tint, 18%), var(--lumen-bg, #29282366)));
  border-radius: inherit;
  -webkit-backdrop-filter: blur(var(--lumen-blur, 32px)) saturate(var(--lumen-saturation, 1.6));
  backdrop-filter: blur(var(--lumen-blur, 32px)) saturate(var(--lumen-saturation, 1.6));
}

@supports (background: color-mix(in srgb, red, transparent)) {
  :is(.slidebox-range.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox-range):not([data-slidebox-range-layers])::-moz-range-thumb {
    background-image: radial-gradient(circle var(--lumen-glow-size, 460px) at var(--lumen-x, 50vw) var(--lumen-y, 35vh), color-mix(in srgb, var(--lumen-glow-color, #ffaa71) calc(var(--lumen-glow-opacity, 0.3) * 100%), transparent), transparent);
    background-attachment: var(--lumen-attachment, fixed);
    background-size: var(--lumen-space, 100vw 100vh);
    background-repeat: no-repeat;
  }
}

@media (prefers-reduced-transparency: reduce) {
  :is(.slidebox-range.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox-range):not([data-slidebox-range-layers])::-moz-range-thumb {
    background: var(--lumen-solid-bg, #302028);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}

  :is(.slidebox-range.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox-range):not([data-slidebox-range-layers])::-webkit-slider-thumb { box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--lumen-glow-color, var(--slidebox-on, #ffaa71)) 55%, transparent), 0 0 16px color-mix(in srgb, var(--lumen-glow-color, var(--slidebox-on, #ffaa71)) 12%, transparent); }
  :is(.slidebox-range.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox-range):not([data-slidebox-range-layers])::-moz-range-thumb { box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--lumen-glow-color, var(--slidebox-on, #ffaa71)) 55%, transparent), 0 0 16px color-mix(in srgb, var(--lumen-glow-color, var(--slidebox-on, #ffaa71)) 12%, transparent); }
  :is(.slidebox-range.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox-range)[data-slidebox-range-dragging]::-webkit-slider-thumb {
    background: transparent; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none;
  }
  :is(.slidebox-range.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox-range)[data-slidebox-range-dragging]::-moz-range-thumb {
    background: transparent; box-shadow: none; backdrop-filter: none;
  }
  @media (prefers-reduced-transparency: reduce) {
    :is(.slidebox.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox), :is(.slidebox-range.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox-range):not([data-slidebox-range-fill]) { background: var(--lumen-solid-bg, #302028); }
    :is(.slidebox-group.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox-group) { background: var(--lumen-solid-bg, #1c3540); }
    :is(.slidebox-range.lumenmorph-slidebox, .lumenmorph-slidebox .slidebox-range)[data-slidebox-range-fill] { background-color: var(--lumen-solid-bg, #302028); }
  }
}