/* A26 Slider · v1.0.0-alpha.0012 */
@layer a26.components {
  .a26-slider-field { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
  .a26-slider { min-height: var(--a26-control-hit-min); display: grid; grid-template-columns: auto minmax(120px, 1fr) auto; align-items: center; gap: 9px; flex: 1; min-width: 220px; }
  .a26-slider__min, .a26-slider__max { color: var(--a26-text-secondary); font: var(--a26-font-callout); }
  .a26-slider input[type='range'] { width: 100%; accent-color: var(--a26-slider-fill); cursor: pointer; }
  .a26-slider input[type='range']:focus-visible { outline: 3px solid color-mix(in srgb, var(--a26-focus-ring-color) 60%, transparent); outline-offset: 6px; border-radius: var(--a26-radius-pill); }
  .a26-value-pill { min-width: 54px; min-height: 30px; padding: 5px 10px; display: inline-flex; align-items: center; justify-content: center; border-radius: var(--a26-radius-pill); background: var(--a26-fill-tertiary); color: var(--a26-text-primary); font: var(--a26-font-footnote); }
}