.yaka-range-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start}.yaka-range-field>output{font-size:var(--text-ui);font-weight:700;color:var(--yd-brand);white-space:nowrap}.yaka-range-field>:is(input,.yaka-range-bounds,small){grid-column:1/-1}.yaka-range-bounds{display:flex;justify-content:space-between;color:var(--yd-muted);font-size:var(--text-caption);font-weight:400}input.yaka-range{--yaka-range-color:var(--yd-brand,#067471);--range-fill:0%;appearance:none;-webkit-appearance:none;display:block;width:100%;min-width:0;height:44px;margin:0;padding:0;border:0;border-radius:0;background:linear-gradient(to right,var(--yaka-range-color) 0 var(--range-fill),#e0e8e3 var(--range-fill) 100%) center/100% 5px no-repeat;cursor:pointer}input.yaka-range::-webkit-slider-runnable-track{height:5px;border:0;border-radius:99px;background:0 0}input.yaka-range::-moz-range-track{height:5px;border:0;border-radius:99px;background:0 0}input.yaka-range::-moz-range-progress{height:5px;background:0 0}input.yaka-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:20px;height:20px;margin-top:-8px;border:0;border-radius:50%;background:radial-gradient(circle,#fff 0 5px,var(--yaka-range-color) 5.5px);box-shadow:0 0 0 3px color-mix(in srgb,var(--yaka-range-color) 6%,transparent);cursor:grab;transition:box-shadow .18s}input.yaka-range::-moz-range-thumb{width:20px;height:20px;border:0;border-radius:50%;background:radial-gradient(circle,#fff 0 5px,var(--yaka-range-color) 5.5px);box-shadow:0 0 0 3px color-mix(in srgb,var(--yaka-range-color) 6%,transparent);cursor:grab;transition:box-shadow .18s}input.yaka-range:hover::-webkit-slider-thumb{box-shadow:0 0 0 5px color-mix(in srgb,var(--yaka-range-color) 12%,transparent)}input.yaka-range:hover::-moz-range-thumb{box-shadow:0 0 0 5px color-mix(in srgb,var(--yaka-range-color) 12%,transparent)}input.yaka-range:active::-webkit-slider-thumb{cursor:grabbing}input.yaka-range:active::-moz-range-thumb{cursor:grabbing}@media(prefers-reduced-motion:reduce){input.yaka-range::-webkit-slider-thumb{transition:none}input.yaka-range::-moz-range-thumb{transition:none}}@media(forced-colors:active){input.yaka-range{forced-color-adjust:none;--yaka-range-color:Highlight;background:linear-gradient(to right,Highlight 0 var(--range-fill),GrayText var(--range-fill) 100%) center/100% 5px no-repeat}input.yaka-range::-webkit-slider-thumb{background:Canvas;border:2px solid Highlight}input.yaka-range::-moz-range-thumb{background:Canvas;border:2px solid Highlight}}