.area-graph-now{grid-area:graph;display:flex;transform:translateX(0);transform:translateX(var(--offset,0));z-index:-1;overflow:hidden;width:-moz-fit-content;width:fit-content}.area-graph-now__line{width:1px;height:calc(100% - 18px);background:linear-gradient(to bottom,var(--br-text-default) 0,var(--br-text-default) 5px,transparent 5px,transparent 8px);background-size:1px 8px;background-repeat:repeat-y;position:absolute;left:50%;bottom:0}.area-graph-now__label{font-family:var(--br-font-primary);font-size:var(--br-font-size-m);line-height:1.2}.preciptation-line{grid-area:graph;display:grid;grid-template-rows:1fr;grid-template-columns:1fr}.preciptation-line__line{background-color:var(--br-graph-bg-secondary);height:100%;width:2px}.preciptation-line__line,.preciptation-line__marker{grid-column:1/1;grid-row:1/1;transform:translateX(0);transform:translateX(var(--offset,0))}.preciptation-line__marker{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80px;height:44px;border-radius:4px;background-color:var(--br-graph-bg-primary)}.preciptation-line__text{font-family:var(--br-font-primary);font-size:var(--br-font-size-m);color:var(--br-graph-text-primary);line-height:1.2}.preciptation-line__text--highlight{font-weight:var(--br-font-weight-bold)}.area-graph-midnight{grid-area:graph;display:flex;transform:translateX(0);transform:translateX(var(--offset,0));z-index:-1}.area-graph-midnight__content{display:flex;flex-direction:column-reverse;align-items:center;transform:translateX(-50%)}.area-graph-midnight__content__line{border-left:1px solid var(--br-graph-midnight-line);height:calc(100% - 18px)}.area-graph-midnight__content__label{font-family:var(--br-font-primary);font-size:var(--br-font-size-m);color:var(--br-graph-text-interface);line-height:1.2}.area-graph{display:grid;grid-template-areas:"legend graph" "legend graph" "empty timeline";grid-template-columns:40px 1fr;grid-gap:0 .5rem;gap:0 .5rem;max-width:716px;touch-action:none;position:relative}.area-graph__legend-and-graph__graph{-ms-grid-row:1;-ms-grid-row-span:3;-ms-grid-column:3;grid-area:graph;width:100%;max-height:130px;z-index:0}.area-graph__legend-and-graph__graph__separators{fill:var(--br-dark-grey);stroke:var(--br-dark-grey);stroke-width:.3}.area-graph__legend-and-graph__graph__raingraph{fill:--br-sky-blue;fill:var(--_graph-color,--br-sky-blue);stroke:--br-sky-blue;stroke:var(--_graph-color,--br-sky-blue);stroke-width:.4}.area-graph__legend-and-graph__legend{-ms-grid-row:1;-ms-grid-row-span:3;-ms-grid-column:1;grid-area:legend;width:100%;position:relative}.area-graph__legend-and-graph__legend--bar{justify-content:space-between;padding-bottom:25px}.area-graph__legend-and-graph__legend__text{position:absolute;color:var(--br-dark-grey);font-size:var(--br-font-size-m)}.area-graph__timeLabelsView{-ms-grid-row:5;-ms-grid-column:3;grid-area:timeline;display:flex;justify-content:space-between;padding-top:8px}.area-graph__timeLabelsView__label{font-size:var(--br-font-size-l)}: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)}