.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)}