:root[color-mode=dark] .radar-timeline{--highlight-color:var(--br-dm-green)}.radar-timeline{--highlight-color:var(--br-blue);--track-height:0.25rem;--button-size:2rem;font-size:var(--br-font-size-l);position:relative;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr;grid-gap:1rem;gap:1rem}.radar-timeline .radar-timeline__times{display:inline-flex;justify-content:space-between;align-items:flex-start;grid-column:1/-1}.radar-timeline__button{max-width:var(--button-size);max-height:var(--button-size);padding:0}.radar-timeline__button svg{color:var(--highlight-color)}.radar-timeline__button-container{position:absolute;top:calc((var(--track-height) - var(--button-size))/2);z-index:1}.radar-timeline__slider-container{--thumb-size:1rem;--value-a:clamp(var(--min),var(--value,0),var(--max));--value-b:var(--value,0);--completed-a:calc((var(--value-a) - var(--min)) / (var(--max) - var(--min)) * 100);--completed-b:calc((var(--value-b) - var(--min)) / (var(--max) - var(--min)) * 100);--cb:max(var(--completed-a),var(--completed-b));grid-column:1/-1;grid-row:1;display:grid;grid-template-rows:1fr;grid-template-columns:1fr;padding-left:calc(var(--button-size)/2)}.radar-timeline__slider-container .range-slider__progress{--clip-end:calc(100% - var(--cb) * 1%);--clip-start:0;--clip:inset(-20px var(--clip-end) -20px var(--clip-start));position:relative;height:var(--track-height);pointer-events:none;border-radius:100px;grid-row:1/1;grid-column:1/1}.radar-timeline__slider-container .range-slider__progress:before{content:"";position:absolute;inset:0;clip-path:var(--clip);background:var(--highlight-color);z-index:1;border-radius:inherit}.radar-timeline__slider-container .radar-timeline__slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--br-weather-grey);cursor:pointer;width:100%;height:var(--track-height);border-radius:100px;margin:0;grid-row:1/1;grid-column:1/1}.radar-timeline__slider-container .radar-timeline__slider::-webkit-slider-runnable-track{-webkit-appearance:none;appearance:none;color:var(--br-weather-grey);height:var(--track-height)}.radar-timeline__slider-container .radar-timeline__slider::-webkit-slider-thumb{cursor:ew-resize;-webkit-appearance:none;appearance:none;margin-top:-6px;background:var(--highlight-color);height:var(--thumb-size);width:var(--thumb-size);z-index:1;border-radius:100px}.radar-timeline__slider-container .radar-timeline__slider::-moz-range-thumb{border:none;border-radius:100px;background-color:var(--highlight-color);height:var(--thumb-size);width:var(--thumb-size)}