.blood-sugar-graph{width:100%;padding:5.1rem 3.9rem 3.9rem;overflow:hidden;color:var(--blood-sugar-text-color,#141414);border:1px solid var(--blood-sugar-border-color,#dbd6ec);border-radius:2.4rem;background:var(--blood-sugar-background,#fff)}.blood-sugar-graph__top{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-start;align-items:flex-start;gap:2rem;min-height:2.6rem}.blood-sugar-graph__headline{-webkit-flex:0 1 auto;flex:0 1 auto;margin:0;font-family:var(--font-heading-family);font-weight:var(--font-weight-semibold,600);letter-spacing:0;text-transform:uppercase}.blood-sugar-graph__headline,.blood-sugar-graph__legend{color:var(--blood-sugar-muted-color,#8c8998);font-size:1.4rem;line-height:1.6}.blood-sugar-graph__legend{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:flex-end;justify-content:flex-end;gap:.8rem 1.8rem;font-weight:var(--font-weight-medium,500)}.blood-sugar-graph__key{display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center;gap:.9rem;white-space:nowrap}.blood-sugar-graph__key--fast{color:var(--blood-sugar-fast-color,#ff7a4d)}.blood-sugar-graph__key--steady{color:var(--blood-sugar-steady-color,#5b6cff)}.blood-sugar-graph__key-line{width:2.2rem;height:.3rem;-webkit-flex:0 0 auto;flex:0 0 auto;border-radius:.3rem;background:currentColor}.blood-sugar-graph__plot{position:relative;width:100%;height:clamp(30rem,43vw,41.9rem);margin-top:1.8rem}.blood-sugar-graph__svg{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible}.blood-sugar-graph__axis,.blood-sugar-graph__crash-marker,.blood-sugar-graph__reference,.blood-sugar-graph__series{vector-effect:non-scaling-stroke}.blood-sugar-graph__reference{stroke:var(--blood-sugar-reference-color,#b6b2c1);stroke-width:2;stroke-dasharray:4 8;opacity:.7}.blood-sugar-graph__axis{stroke:var(--blood-sugar-border-color,#dbd6ec);stroke-width:2}.blood-sugar-graph__series{fill:none;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;opacity:0}.blood-sugar-graph.is-ready .blood-sugar-graph__series{opacity:1}.blood-sugar-graph__series--fast{stroke:var(--blood-sugar-fast-color,#ff7a4d)}.blood-sugar-graph__series--steady{stroke:var(--blood-sugar-steady-color,#5b6cff)}.blood-sugar-graph__crash-marker{fill:var(--blood-sugar-background,#fff);stroke:var(--blood-sugar-fast-color,#ff7a4d);stroke-width:5;opacity:0;transform-box:fill-box;-webkit-transform-origin:center;transform-origin:center;-webkit-transform:scale(.4);transform:scale(.4)}.blood-sugar-graph.is-drawn .blood-sugar-graph__series--steady{-webkit-animation:blood-sugar-line-draw 1.35s cubic-bezier(.65,0,.35,1) forwards;animation:blood-sugar-line-draw 1.35s cubic-bezier(.65,0,.35,1) forwards}.blood-sugar-graph.is-drawn .blood-sugar-graph__series--fast{-webkit-animation:blood-sugar-line-draw 1.65s cubic-bezier(.65,0,.35,1) .12s forwards;animation:blood-sugar-line-draw 1.65s cubic-bezier(.65,0,.35,1) .12s forwards}.blood-sugar-graph.is-drawn .blood-sugar-graph__crash-marker{-webkit-animation:blood-sugar-marker-in .4s ease-out 1.55s forwards;animation:blood-sugar-marker-in .4s ease-out 1.55s forwards}.blood-sugar-graph.is-drawn .blood-sugar-graph__annotation{-webkit-animation:blood-sugar-annotation-in .4s ease-out 1.55s forwards;animation:blood-sugar-annotation-in .4s ease-out 1.55s forwards}.blood-sugar-graph__annotation{position:absolute;z-index:1;top:var(--blood-sugar-crash-y,72%);left:calc(52.9% + 2.8rem);display:-webkit-flex;display:flex;max-width:43%;-webkit-flex-direction:column;flex-direction:column;line-height:1.2;opacity:0;pointer-events:none;-webkit-transform:translateY(-20%) translateX(.8rem);transform:translateY(-20%) translateX(.8rem)}.blood-sugar-graph__annotation strong{color:var(--blood-sugar-text-color,#141414);font-size:1.9rem;font-weight:var(--font-weight-bold,700);white-space:nowrap}.blood-sugar-graph__annotation span{margin-top:.2rem;color:var(--blood-sugar-muted-color,#8c8998);font-size:1.65rem;white-space:nowrap}.blood-sugar-graph__axis-label{position:absolute;top:92.2%;max-width:24%;color:var(--blood-sugar-muted-color,#8c8998);font-size:1.5rem;line-height:1.2;text-align:center}.blood-sugar-graph__axis-label--morning{left:5.6%}.blood-sugar-graph__axis-label--midday{left:27.5%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.blood-sugar-graph__axis-label--crash{left:52.9%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.blood-sugar-graph__axis-label--evening{left:83.4%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@-webkit-keyframes blood-sugar-line-draw{to{stroke-dashoffset:0}}@keyframes blood-sugar-line-draw{to{stroke-dashoffset:0}}@-webkit-keyframes blood-sugar-marker-in{to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes blood-sugar-marker-in{to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes blood-sugar-annotation-in{to{opacity:1;-webkit-transform:translateY(-20%) translateX(0);transform:translateY(-20%) translateX(0)}}@keyframes blood-sugar-annotation-in{to{opacity:1;-webkit-transform:translateY(-20%) translateX(0);transform:translateY(-20%) translateX(0)}}@media screen and (max-width:749px){.blood-sugar-graph{padding:2.8rem 1.8rem 2rem;border-radius:1.8rem}.blood-sugar-graph__top{-webkit-flex-direction:column;flex-direction:column;gap:1.2rem}.blood-sugar-graph__headline{font-size:1.2rem}.blood-sugar-graph__legend{-webkit-justify-content:flex-start;justify-content:flex-start;gap:.6rem 1.4rem;font-size:1.2rem}.blood-sugar-graph__plot{height:30rem;margin-top:.8rem}.blood-sugar-graph__series{stroke-width:4}.blood-sugar-graph__annotation{left:calc(52.9% + 2.6rem);max-width:45%}.blood-sugar-graph__annotation strong{font-size:1.4rem}.blood-sugar-graph__annotation span,.blood-sugar-graph__axis-label{font-size:1.2rem}}@media(prefers-reduced-motion:reduce){.blood-sugar-graph .blood-sugar-graph__crash-marker,.blood-sugar-graph .blood-sugar-graph__series{-webkit-animation:none;animation:none;stroke-dashoffset:0}.blood-sugar-graph .blood-sugar-graph__crash-marker{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.blood-sugar-graph .blood-sugar-graph__annotation{opacity:1;-webkit-transform:translateY(-20%) translateX(0);transform:translateY(-20%) translateX(0)}}