@layer reset{*{box-sizing:border-box}body,ol,ul,menu,h1,h2,h3,h4,h5,h6,p,dd,dl,figure{margin:0;padding:0}}@layer default{menu{flex-flow:wrap;gap:1em 1ch;display:flex}menu>li{display:block}dt{text-wrap:nowrap;font-weight:700}dl{grid-template-columns:auto 1fr;align-items:start;column-gap:.5em;display:grid}div:has(>table){min-width:0;max-width:100%;overflow-x:auto}table{border:2px solid gray}table td,table th{padding:.5ch .25lh}figure{flex-direction:column;align-items:center;row-gap:.5em;display:flex}figure>figcaption{font-weight:700}button,input,select{font-size:inherit;font-family:inherit}textarea{font-size:inherit}select:hover,button:hover{cursor:pointer}button:disabled,input:disabled,select:disabled{cursor:not-allowed}input,select,textarea{width:100%}}@layer base{a,a:visited{color:var(--sys-color-text-link)}a.action,button{border-style:solid;border-width:2px;border-color:var(--comp-border-color);border-radius:var(--comp-border-radius);background-color:var(--comp-background-color);box-shadow:inset var(--sys-elevation-0) var(--comp-shadow-color), var(--comp-elevation) var(--comp-shadow-color);color:var(--comp-font-color);font-weight:var(--comp-font-weight);font-size:var(--comp-font-size);line-height:var(--comp-line-height);letter-spacing:var(--comp-font-tracking);text-wrap:nowrap;transition-property:all;transition-duration:var(--sys-animation-instant);padding-block:.25em;padding-inline:2ch;transition-timing-function:ease-in-out}:is(a.action,button):active:not(:disabled){box-shadow:inset var(--comp-elevation) var(--comp-shadow-color), var(--sys-elevation-0) var(--comp-shadow-color)}:is(a.action,button):disabled{cursor:not-allowed}a.action,button{--comp-border-color:var(--sys-color-secondary);--comp-background-color:var(--sys-color-secondary);--comp-border-radius:var(--sys-shape-corner-full);--comp-elevation:var(--sys-elevation-1);--comp-shadow-color:var(--sys-color-shadow);--comp-font-color:var(--sys-color-on-secondary);--comp-line-height:var(--sys-type-body-medium-line-height);--comp-font-weight:normal}:is(a.action,button):hover:not(:disabled),:is(a.action,button):active:not(:disabled){--comp-elevation:var(--sys-elevation-2)}:is(a.action,button):disabled{--comp-background-color:var(--sys-color-disabled);--comp-border-color:var(--sys-color-disabled);--comp-font-color:var(--sys-color-disabled-text)}a.action,button[type=submit]{--comp-border-color:var(--sys-color-primary);--comp-background-color:var(--sys-color-primary);--comp-font-color:var(--sys-color-text);--comp-font-weight:bold}label{--comp-font:var(--sys-type-label-font);--comp-font-size:var(--sys-type-label-medium-size);--comp-line-height:var(--sys-type-label-medium-line-height);--comp-font-tracking:var(--sys-type-label-medium-tracking)}fieldset{border-style:solid;border-color:var(--sys-color-divider);border-radius:var(--sys-shape-corner-medium)}input,select,textarea{border-style:solid;border-width:2px;border-color:var(--sys-color-outline);border-radius:var(--sys-shape-corner-small);background-color:var(--sys-color-surface)}:is(input,select,textarea):hover:not(:disabled){border-color:var(--sys-color-outline-active)}:is(input,select,textarea):user-invalid{border-color:var(--sys-color-error)}:is(input,select,textarea):disabled{cursor:not-allowed;background-color:var(--sys-color-disabled);color:var(--sys-color-disabled-text)}input:user-invalid+p{color:var(--sys-color-error);font-family:var(--sys-type-label-font);font-size:var(--sys-type-label-small-size);line-height:var(--sys-type-label-small-line-height);letter-spacing:var(--sys-type-label-small-tracking)}input,select{padding-block:.25em;padding-inline:1ch}form,fieldset{flex-direction:column;display:flex}:is(form,fieldset) *+button{margin-top:4px}input{display:inline-block}fieldset>legend{padding-inline:1ch;font-weight:700}form button{align-self:flex-end}progress{border-radius:var(--sys-shape-corner-full);background-color:var(--sys-color-divider);border:none;width:100%;height:8px;transition:opacity .1s ease-in .2s;display:block}progress.hidden{opacity:0}progress.hidden::-moz-progress-bar{background-color:#0000}progress::-moz-progress-bar{background-color:var(--sys-color-primary);border-radius:var(--sys-shape-corner-full)}progress:indeterminate::-moz-progress-bar{animation:1s ease-in-out infinite alternate loading}@keyframes loading{0%{width:25%;margin-left:0%}to{width:25%;margin-left:75%}}table{border-collapse:separate;border-spacing:0;border-style:solid;border-width:2px;border-color:var(--sys-color-divider-bold)}table thead th{border-bottom:solid 2px var(--sys-color-divider-bold)}table tbody>tr:not(:last-child)>td{border-bottom:solid 2px var(--sys-color-divider)}table td:not(:last-child){border-right:solid 2px var(--sys-color-divider)}table th:not(:last-child){border-right:solid 2px var(--sys-color-divider-bold)}:root{--ref-palette-primary:oklch(50% .4 144);--ref-palette-secondary:oklch(50% .4 264);--ref-palette-neutral:oklch(50% 0 0);--ref-palette-error:oklch(62.793% .25768 29.223);--ref-palette-tone-0:black 100%;--ref-palette-tone-10:black 40%;--ref-palette-tone-20:black 20%;--ref-palette-tone-30:black 0%;--ref-palette-tone-40:white 15%;--ref-palette-tone-50:white 30%;--ref-palette-tone-60:white 50%;--ref-palette-tone-70:white 70%;--ref-palette-tone-80:white 80%;--ref-palette-tone-90:white 90%;--ref-palette-tone-95:white 94%;--ref-palette-tone-98:white 96%;--ref-palette-tone-99:white 98%;--ref-palette-tone-100:white 100%;--ref-palette-primary-0:color-mix(in oklch, var(--ref-palette-tone-0), var(--ref-palette-primary));--ref-palette-primary-10:color-mix(in oklch, var(--ref-palette-tone-10), var(--ref-palette-primary));--ref-palette-primary-20:color-mix(in oklch, var(--ref-palette-tone-20), var(--ref-palette-primary));--ref-palette-primary-30:color-mix(in oklch, var(--ref-palette-tone-30), var(--ref-palette-primary));--ref-palette-primary-40:color-mix(in oklch, var(--ref-palette-tone-40), var(--ref-palette-primary));--ref-palette-primary-50:color-mix(in oklch, var(--ref-palette-tone-50), var(--ref-palette-primary));--ref-palette-primary-60:color-mix(in oklch, var(--ref-palette-tone-60), var(--ref-palette-primary));--ref-palette-primary-70:color-mix(in oklch, var(--ref-palette-tone-70), var(--ref-palette-primary));--ref-palette-primary-80:color-mix(in oklch, var(--ref-palette-tone-80), var(--ref-palette-primary));--ref-palette-primary-90:color-mix(in oklch, var(--ref-palette-tone-90), var(--ref-palette-primary));--ref-palette-primary-95:color-mix(in oklch, var(--ref-palette-tone-95), var(--ref-palette-primary));--ref-palette-primary-98:color-mix(in oklch, var(--ref-palette-tone-98), var(--ref-palette-primary));--ref-palette-primary-99:color-mix(in oklch, var(--ref-palette-tone-99), var(--ref-palette-primary));--ref-palette-primary-100:color-mix(in oklch, var(--ref-palette-tone-100), var(--ref-palette-primary));--ref-palette-secondary-0:color-mix(in oklch, var(--ref-palette-tone-0), var(--ref-palette-secondary));--ref-palette-secondary-10:color-mix(in oklch, var(--ref-palette-tone-10), var(--ref-palette-secondary));--ref-palette-secondary-20:color-mix(in oklch, var(--ref-palette-tone-20), var(--ref-palette-secondary));--ref-palette-secondary-30:color-mix(in oklch, var(--ref-palette-tone-30), var(--ref-palette-secondary));--ref-palette-secondary-40:color-mix(in oklch, var(--ref-palette-tone-40), var(--ref-palette-secondary));--ref-palette-secondary-50:color-mix(in oklch, var(--ref-palette-tone-50), var(--ref-palette-secondary));--ref-palette-secondary-60:color-mix(in oklch, var(--ref-palette-tone-60), var(--ref-palette-secondary));--ref-palette-secondary-70:color-mix(in oklch, var(--ref-palette-tone-70), var(--ref-palette-secondary));--ref-palette-secondary-80:color-mix(in oklch, var(--ref-palette-tone-80), var(--ref-palette-secondary));--ref-palette-secondary-90:color-mix(in oklch, var(--ref-palette-tone-90), var(--ref-palette-secondary));--ref-palette-secondary-95:color-mix(in oklch, var(--ref-palette-tone-95), var(--ref-palette-secondary));--ref-palette-secondary-98:color-mix(in oklch, var(--ref-palette-tone-98), var(--ref-palette-secondary));--ref-palette-secondary-99:color-mix(in oklch, var(--ref-palette-tone-99), var(--ref-palette-secondary));--ref-palette-secondary-100:color-mix(in oklch, var(--ref-palette-tone-100), var(--ref-palette-secondary));--ref-palette-neutral-0:color-mix(in oklch, var(--ref-palette-tone-0), var(--ref-palette-neutral));--ref-palette-neutral-10:color-mix(in oklch, var(--ref-palette-tone-10), var(--ref-palette-neutral));--ref-palette-neutral-20:color-mix(in oklch, var(--ref-palette-tone-20), var(--ref-palette-neutral));--ref-palette-neutral-30:color-mix(in oklch, var(--ref-palette-tone-30), var(--ref-palette-neutral));--ref-palette-neutral-40:color-mix(in oklch, var(--ref-palette-tone-40), var(--ref-palette-neutral));--ref-palette-neutral-50:color-mix(in oklch, var(--ref-palette-tone-50), var(--ref-palette-neutral));--ref-palette-neutral-60:color-mix(in oklch, var(--ref-palette-tone-60), var(--ref-palette-neutral));--ref-palette-neutral-70:color-mix(in oklch, var(--ref-palette-tone-70), var(--ref-palette-neutral));--ref-palette-neutral-80:color-mix(in oklch, var(--ref-palette-tone-80), var(--ref-palette-neutral));--ref-palette-neutral-90:color-mix(in oklch, var(--ref-palette-tone-90), var(--ref-palette-neutral));--ref-palette-neutral-95:color-mix(in oklch, var(--ref-palette-tone-95), var(--ref-palette-neutral));--ref-palette-neutral-98:color-mix(in oklch, var(--ref-palette-tone-98), var(--ref-palette-neutral));--ref-palette-neutral-99:color-mix(in oklch, var(--ref-palette-tone-99), var(--ref-palette-neutral));--ref-palette-neutral-100:color-mix(in oklch, var(--ref-palette-tone-100), var(--ref-palette-neutral));--ref-palette-error-0:color-mix(in oklch, var(--ref-palette-tone-0), var(--ref-palette-error));--ref-palette-error-10:color-mix(in oklch, var(--ref-palette-tone-10), var(--ref-palette-error));--ref-palette-error-20:color-mix(in oklch, var(--ref-palette-tone-20), var(--ref-palette-error));--ref-palette-error-30:color-mix(in oklch, var(--ref-palette-tone-30), var(--ref-palette-error));--ref-palette-error-40:color-mix(in oklch, var(--ref-palette-tone-40), var(--ref-palette-error));--ref-palette-error-50:color-mix(in oklch, var(--ref-palette-tone-50), var(--ref-palette-error));--ref-palette-error-60:color-mix(in oklch, var(--ref-palette-tone-60), var(--ref-palette-error));--ref-palette-error-70:color-mix(in oklch, var(--ref-palette-tone-70), var(--ref-palette-error));--ref-palette-error-80:color-mix(in oklch, var(--ref-palette-tone-80), var(--ref-palette-error));--ref-palette-error-90:color-mix(in oklch, var(--ref-palette-tone-90), var(--ref-palette-error));--ref-palette-error-95:color-mix(in oklch, var(--ref-palette-tone-95), var(--ref-palette-error));--ref-palette-error-98:color-mix(in oklch, var(--ref-palette-tone-98), var(--ref-palette-error));--ref-palette-error-99:color-mix(in oklch, var(--ref-palette-tone-99), var(--ref-palette-error));--ref-palette-error-100:color-mix(in oklch, var(--ref-palette-tone-100), var(--ref-palette-error));--sys-color-primary:var(--ref-palette-primary-60);--sys-color-on-primary:var(--ref-palette-primary-0);--sys-color-secondary:var(--ref-palette-secondary-60);--sys-color-on-secondary:var(--ref-palette-secondary-0);--sys-color-error:var(--ref-palette-error-40);--sys-color-surface:var(--ref-palette-neutral-100);--sys-color-text:var(--ref-palette-neutral-0);--sys-color-text-link:var(--ref-palette-primary-20);--sys-color-text-muted:var(--ref-palette-neutral-30);--sys-color-shadow:var(--ref-palette-neutral-40);--sys-color-disabled:var(--ref-palette-neutral-80);--sys-color-disabled-text:var(--ref-palette-neutral-20);--sys-color-outline:var(--ref-palette-neutral-70);--sys-color-outline-active:var(--ref-palette-neutral-40);--sys-color-divider:var(--ref-palette-neutral-80);--sys-color-divider-bold:var(--ref-palette-neutral-50);--ref-typeface-plain:sans-serif;--ref-typeface-brand:sans-serif;--ref-typeface-mono:monospace;--ref-typeface-weight-regular:normal;--ref-typeface-weight-bold:bold;--sys-type-display-font:var(--ref-typeface-plain);--sys-type-display-weight:var(--ref-typeface-weight-regular);--sys-type-display-large-size:57pt;--sys-type-display-large-line-height:64pt;--sys-type-display-large-tracking:-.25pt;--sys-type-display-medium-size:45pt;--sys-type-display-medium-line-height:52pt;--sys-type-display-medium-tracking:0;--sys-type-display-small-size:36pt;--sys-type-display-small-line-height:44pt;--sys-type-display-small-tracking:0;--sys-type-headline-font:var(--ref-typeface-plain);--sys-type-headline-weight:var(--ref-typeface-weight-regular);--sys-type-headline-large-size:32pt;--sys-type-headline-large-line-height:40pt;--sys-type-headline-large-tracking:0;--sys-type-headline-medium-size:28pt;--sys-type-headline-medium-line-height:36pt;--sys-type-headline-medium-tracking:0;--sys-type-headline-small-size:24pt;--sys-type-headline-small-line-height:32pt;--sys-type-headline-small-tracking:0;--sys-type-title-font:var(--ref-typeface-plain);--sys-type-title-weight:var(--ref-typeface-weight-regular);--sys-type-title-large-size:22pt;--sys-type-title-large-line-height:28pt;--sys-type-title-large-tracking:0;--sys-type-title-medium-size:16pt;--sys-type-title-medium-line-height:24pt;--sys-type-title-medium-tracking:.15pt;--sys-type-title-small-size:14pt;--sys-type-title-small-line-height:20pt;--sys-type-title-small-tracking:.1pt;--sys-type-body-font:var(--ref-typeface-plain);--sys-type-body-weight:var(--ref-typeface-weight-regular);--sys-type-body-large-size:16pt;--sys-type-body-large-line-height:24pt;--sys-type-body-large-tracking:.5pt;--sys-type-body-medium-size:14pt;--sys-type-body-medium-line-height:20pt;--sys-type-body-medium-tracking:.25pt;--sys-type-body-small-size:12pt;--sys-type-body-small-line-height:16pt;--sys-type-body-small-tracking:.4pt;--sys-type-label-font:var(--ref-typeface-plain);--sys-type-label-weight:var(--ref-typeface-weight-regular);--sys-type-label-large-size:14pt;--sys-type-label-large-line-height:20pt;--sys-type-label-large-tracking:.1pt;--sys-type-label-medium-size:12pt;--sys-type-label-medium-line-height:16pt;--sys-type-label-medium-tracking:.5pt;--sys-type-label-small-size:11pt;--sys-type-label-small-line-height:16pt;--sys-type-label-small-tracking:.5pt;--sys-elevation-0:0 0 0 0;--sys-elevation-1:2px 2px 3px 0;--sys-elevation-2:4px 4px 7px 0;--sys-shape-corner-small:4px;--sys-shape-corner-medium:8px;--sys-shape-corner-large:16px;--sys-shape-corner-full:32px;--sys-animation-instant:50ms;--sys-animation-fast:.1s;--sys-animation-normal:.25s;--sys-animation-slow:.5s}body{font-family:var(--sys-type-body-font);font-weight:var(--sys-type-body-weight);font-size:var(--sys-type-body-medium-size);line-height:var(--sys-type-body-medium-line-height);letter-spacing:var(--sys-type-body-medium-tracking)}h1{--comp-font:var(--sys-type-headline-font);--comp-font-size:var(--sys-type-headline-large-size);--comp-line-height:var(--sys-type-headline-large-line-height);--comp-font-tracking:var(--sys-type-headline-large-tracking)}h2,h3,h4{--comp-font:var(--sys-type-headline-font);--comp-font-size:var(--sys-type-headline-medium-size);--comp-line-height:var(--sys-type-headline-medium-line-height);--comp-font-tracking:var(--sys-type-headline-medium-tracking)}label,h1,h2,h3,h4{font-family:var(--comp-font);font-size:var(--comp-font-size);line-height:var(--comp-line-height);letter-spacing:var(--comp-font-tracking)}ol,ul{flex-flow:column wrap;gap:4px;list-style:none;display:flex}*+:is(ol,ul){margin-block-start:4px}:is(ol,ul):has(+*){margin-block-end:4px}:is(ol,ul)>li{background-color:var(--ref-palette-neutral-98);border-radius:var(--sys-shape-corner-medium);padding-block:.5em;padding-inline:1ch}span{--comp-font-size:inherit;--comp-line-height:inherit;--comp-font-tracking:inherit;font-size:var(--comp-font-size);line-height:var(--comp-line-height);letter-spacing:var(--comp-font-tracking)}body{background-color:var(--ref-palette-neutral-90);padding:8pt}main{background-color:var(--ref-palette-neutral-100);border-radius:var(--sys-shape-corner-large);padding:16pt}hr{border-style:solid;border-width:1px;border-color:var(--ref-palette-neutral-90);margin-block:0;display:block}menu.connected{justify-content:flex-start;column-gap:.5ch}menu.connected>li:first-child button{border-top-right-radius:var(--sys-shape-corner-large);border-bottom-right-radius:var(--sys-shape-corner-large)}menu.connected>li:last-child button{border-top-left-radius:var(--sys-shape-corner-large);border-bottom-left-radius:var(--sys-shape-corner-large)}}@layer theme;@layer feature{body{flex-direction:column;align-items:center;display:flex}#root{grid-template-columns:auto 1fr;grid-template-areas:"nav main"".main";gap:1em 18pt;width:800px;max-width:100vw;display:grid}#root>header{z-index:10;grid-area:nav;position:sticky;top:0}#root>main{grid-area:main;min-width:0}@media (width<800px){#root{grid-template-columns:1fr;grid-template-areas:"nav""main"}}#root>header{background-color:var(--sys-color-surface);border-radius:var(--sys-shape-corner-large);padding:16pt}@media (width<800px){#root>header{box-shadow:0 4px 4px 0 var(--sys-color-shadow);border-radius:0;padding:8pt}}#root>header>nav>ul>li:has(a.active){background-color:var(--sys-color-primary)}#root>header>nav>ul>li:has(a.active)>a.active{color:var(--sys-color-on-primary)}@media (width<800px){#root>header>nav>ul{flex-flow:wrap;justify-content:center;gap:.5em 1.5ch;display:flex}}article>*+*{margin-top:16px}ol.food>li{grid-template-columns:1fr auto;grid-template-areas:"name add""brand add";align-items:center;display:grid}ol.food>li>span.name{grid-area:name}ol.food>li>span.brand{grid-area:brand}ol.food>li>button{grid-area:add;align-self:center;margin:0}ul.plan>li{flex-direction:row;justify-content:space-between;align-items:center;display:flex}form:not(.button){container:form/inline-size}form.log fieldset.food>:nth-child(1 of div){grid-template-columns:auto 1fr;grid-template-areas:"delete name""delete brand";align-items:center;column-gap:1rem;display:grid}form.log fieldset.food>:nth-child(1 of div)>span.name{grid-area:name}form.log fieldset.food>:nth-child(1 of div)>span.brand{grid-area:brand}form.log fieldset.food>:nth-child(1 of div)>button{grid-area:delete;align-self:self-start}form.log fieldset.food>menu.prediction{margin-block:8px}form.log fieldset.food>:nth-child(2 of div){grid-template-columns:1fr 1fr;column-gap:1rem;display:grid}form.log fieldset.food>:nth-child(2 of div)>label{grid-row:1;margin-top:0}form.log fieldset.food>:nth-child(2 of div)>input[type=number],form.log fieldset.food>:nth-child(2 of div)>select{grid-row:2}@container (width<300px){form.log fieldset.food>:nth-child(2 of div){flex-direction:column;display:flex}}span.brand{--comp-font-size:var(--sys-type-body-small-size);--comp-line-height:var(--sys-type-body-small-line-height);--comp-font-tracking:var(--sys-type-body-small-tracking);color:var(--sys-color-text-muted)}ol.log>li{grid-template-columns:auto 1fr auto;grid-template-areas:"time time time""delete name amount""delete brand amount";align-items:center;display:grid}ol.log>li>time{grid-area:time}ol.log>li>a{grid-area:name}ol.log>li>span.brand{grid-area:brand}ol.log>li>span.amount{grid-area:amount}ol.log>li>form.button{grid-area:delete;margin-inline-end:2ch}ol.weight>li{grid-template-columns:auto 1fr;grid-template-areas:"delete time""delete amount";align-items:center;display:grid}ol.weight>li>form.button{grid-area:delete;margin-right:2ch}ol.weight>li>time{grid-area:time}ol.weight>li>.amount{grid-area:amount;justify-self:flex-end}fieldset.datetime.now>button{align-self:flex-end}:not(legend)+label,*+fieldset,:not(input[type=hidden])+button[type=submit]{margin-top:4pt}a.action{text-decoration:none;display:inline-block}menu.prediction button{--comp-shadow-color:transparent;--comp-background-color:transparent;--comp-border-color:var(--sys-color-outline);--comp-font-size:var(--sys-type-body-small-size);--comp-line-height:var(--sys-type-body-small-line-height);--comp-font-tracking:var(--sys-type-body-small-tracking)}menu.prediction button:hover,menu.prediction button:active{--comp-elevation:var(--sys-elevation-1);--comp-shadow-color:var(--sys-color-shadow)}ul.goal{flex-direction:row}ul.goal>li{border-style:solid;border-width:2px;border-color:var(--sys-color-divider);border-radius:var(--sys-shape-corner-medium);background-color:#0000;flex-grow:1}ul.goal>li{grid-template-columns:auto 1fr;grid-template-areas:"value nutrition""range metric";align-items:flex-start;column-gap:16px;display:grid}ul.goal>li>span.nutrition{grid-area:nutrition}ul.goal>li>span.metric{grid-area:metric}ul.goal>li>span.value{grid-area:value}ul.goal>li>span.range{grid-area:range;justify-self:center}ul.goal>li>span.metric,ul.goal>li>span.range{--comp-font-size:var(--sys-type-body-small-size);--comp-line-height:var(--sys-type-body-small-line-height);--comp-font-tracking:var(--sys-type-body-small-tracking);color:var(--sys-color-text-muted)}span.amount{flex-direction:row;column-gap:.5ch;display:inline-flex}section.current.strategy{border-style:solid;border-width:2px;border-color:var(--sys-color-divider);border-radius:var(--sys-shape-corner-medium);padding:var(--sys-shape-corner-medium);grid-template-columns:auto 1fr;grid-template-areas:"header header""strategy duration""period duration""goals goals";column-gap:16px;display:grid}section.current.strategy>header{grid-area:header}section.current.strategy>a{grid-area:strategy}section.current.strategy>span{grid-area:period}section.current.strategy>dl{grid-area:duration;justify-self:flex-end}section.current.strategy>ul.goal{grid-area:goals}section.current.strategy h2{--comp-font-size:var(--sys-type-headline-small-size);--comp-line-height:var(--sys-type-headline-small-line-height);--comp-font-tracking:var(--sys-type-headline-small-tracking)}article#strategy section#current>header{flex-flow:wrap;align-items:center;column-gap:16px;display:flex}ol.swatch{flex-flow:row}ol.swatch>li{text-align:center;aspect-ratio:1;flex-grow:1;flex-shrink:1;padding:0;font-size:.75rem}header:has(menu){flex-flow:wrap;justify-content:space-between;display:flex}figure.chart div.chart{width:100%;height:10em}figure.chart svg rect{fill:var(--sys-color-primary);rx:8px}figure.chart svg line[data-sc-axis-grid]{stroke:var(--sys-color-divider)}figure.chart svg line[data-sc-axis-line]{stroke:var(--sys-color-divider-bold);stroke-width:2px}figure.chart svg path{stroke:var(--sys-color-primary);stroke-width:5px}}