html{color-scheme:light;--active: var(--m3-primary);--background: var(--m3-surface);--link: var(--m3-primary);--primary: var(--m3-primary);--brand: hsl(14, 84%, 63%);--border-color: var(--m3-outline-variant);--card-background: var(--m3-tertiary-container);--nav-background: var(--m3-surface-container);--placeholder: var(--border-color);--widget-background: var(--background);--image-background: color-mix(in hsl, transparent, currentColor 3.5%);--input-background: var(--m3-surface-container-highest);--input-hover: color-mix( in hsl, var(--m3-surface-container-highest), currentColor 8% );--input-focus: var(--background);--input-border-color: var(--m3-outline);--input-border: 1px solid var(--input-border-color);--carbs-color: hsl(45, 97%, 48%);--fats-color: hsl(185, 85%, 43.5%);--proteins-color: hsl(260, 100%, 73%);--border: 1px solid var(--border-color);--border-radius: .5rem;--container-radius: 1rem;--button-height: 2.5rem;--button-margin: calc(-.5 * (var(--button-width) - var(--icon-height)));--button-width: var(--button-height);--icon-height: .8lh;--gap: 2px;--gutter: 1.5rem;--max-line-length: 80ch;--thumbnail-width: 6.5rem;--elevation-1: 1px 1px 3px rgba(0, 0, 0, .4);--elevation-2: 2px 4px 7px rgba(0, 0, 0, .25);--elevation-3: 4px 8px 15px rgba(0, 0, 0, .2);--text: var(--m3-on-surface);--text-muted: var(--m3-on-surface-variant);--text-reversed: var(--m3-inverse-on-surface);--semi-bold: 600;--text-small: .9rem;--text-regular: 1rem;--text-large: 1.125rem;--text-header: 1.27rem;--text-title: 1.42rem;--food-grid-gap: .5rem;--warning-background: var(--m3-error-container);--warning-text: var(--m3-error);--z-index-sticky-header: 10;--z-index-stickied-header: 20;--z-index-nav: 30;--z-index-popover: 50;--z-index-modal: 100;--z-index-toast: 200}html[data-color-scheme=dark]{color-scheme:dark;--link: hsl(215, 80%, 65%);--brand: hsl(14, 78%, 54%);--carbs-color: hsl(44, 86%, 45%);--fats-color: hsl(185, 90%, 37.5%);--proteins-color: hsl(260, 48%, 50%);--elevation-1: 1px 1px 3px rgba(0, 0, 0, .9);--elevation-2: 2px 4px 7px rgba(0, 0, 0, .6);--elevation-3: 4px 8px 15px rgba(0, 0, 0, .5)}@media(min-width:65em){:root{--text-large: 1.2rem;--text-header: 1.44rem;--text-title: 1.728rem}}html,body{margin:0;overflow-x:hidden;overscroll-behavior-x:none}html{background:var(--m3-surface-container);color:var(--text);overflow-wrap:break-word;scrollbar-color:var(--m3-on-surface-variant) var(--m3-surface-container)}body{line-height:1.5;overflow-x:clip;position:relative}a,button{background:none;border:none;color:var(--link);font:inherit;margin:0;padding:0;text-decoration:none;transition-duration:.15s;transition-property:background-color,border-color,border-radius,color;transition-timing-function:ease-in-out}button:where(:enabled){cursor:pointer}a:where(:hover),button:where(:hover:enabled){text-decoration:underline}button:disabled{opacity:.5}b,i{font-style:normal;font-weight:var(--semi-bold)}del{text-decoration:line-through}dd{margin:0}dialog{border:none;box-sizing:border-box;color:inherit;height:100%;inset:0;margin:0;max-height:none;max-width:none;padding:0;width:100%}dialog::backdrop{display:none}h1,h2,h3,h4{font-weight:var(--semi-bold);line-height:1.3;margin-bottom:0}h1:first-child,h2:first-child,h3:first-child,h4:first-child{margin-top:0}h1{font-size:var(--text-title);margin:0}h2{font-size:var(--text-header)}h3{font-size:var(--text-large)}h4{font-size:var(--text-regular)}label:not(:has(:disabled)){cursor:pointer}p{margin:0 0 1em}strong{font-weight:var(--semi-bold)}svg{flex-shrink:0;height:var(--icon-height);vertical-align:middle;width:var(--icon-height)}svg.feather,svg.lucide{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}table{border-collapse:collapse;width:100%}td,th{padding:0}p{max-width:var(--max-line-length)}ul{list-style:none;margin:1em 0;padding:0}@media(max-width:330px){html{font-size:87.5%}input:where([type=date],[type=email],[type=number],[type=password],[type=search],[type=text],[type=url]),select,textarea{font-size:1.15rem}}html{--m3-primary: rgb(0 106 104);--m3-surface-tint: rgb(0 106 104);--m3-on-primary: rgb(255 255 255);--m3-primary-container: rgb(156 241 238);--m3-on-primary-container: rgb(0 80 78);--m3-secondary: rgb(74 99 98);--m3-on-secondary: rgb(255 255 255);--m3-secondary-container: rgb(204 232 230);--m3-on-secondary-container: rgb(50 75 74);--m3-tertiary: rgb(74 96 123);--m3-on-tertiary: rgb(255 255 255);--m3-tertiary-container: rgb(210 228 255);--m3-on-tertiary-container: rgb(50 72 99);--m3-error: rgb(186 26 26);--m3-on-error: rgb(255 255 255);--m3-error-container: rgb(255 218 214);--m3-on-error-container: rgb(147 0 10);--m3-background: rgb(244 251 249);--m3-on-background: rgb(22 29 28);--m3-surface: rgb(244 251 249);--m3-on-surface: rgb(22 29 28);--m3-surface-variant: rgb(218 229 227);--m3-on-surface-variant: rgb(63 73 72);--m3-outline: rgb(111 121 120);--m3-outline-variant: rgb(190 201 199);--m3-shadow: rgb(0 0 0);--m3-scrim: rgb(0 0 0);--m3-inverse-surface: rgb(43 50 49);--m3-inverse-on-surface: rgb(236 242 241);--m3-inverse-primary: rgb(128 213 210);--m3-primary-fixed: rgb(156 241 238);--m3-on-primary-fixed: rgb(0 32 31);--m3-primary-fixed-dim: rgb(128 213 210);--m3-on-primary-fixed-variant: rgb(0 80 78);--m3-secondary-fixed: rgb(204 232 230);--m3-on-secondary-fixed: rgb(5 31 31);--m3-secondary-fixed-dim: rgb(176 204 202);--m3-on-secondary-fixed-variant: rgb(50 75 74);--m3-tertiary-fixed: rgb(210 228 255);--m3-on-tertiary-fixed: rgb(3 29 53);--m3-tertiary-fixed-dim: rgb(178 200 232);--m3-on-tertiary-fixed-variant: rgb(50 72 99);--m3-surface-dim: rgb(213 219 218);--m3-surface-bright: rgb(244 251 249);--m3-surface-container-lowest: rgb(255 255 255);--m3-surface-container-low: rgb(239 245 244);--m3-surface-container: rgb(233 239 238);--m3-surface-container-high: rgb(227 233 232);--m3-surface-container-highest: rgb(221 228 227)}html[data-color-scheme=dark]{--m3-primary: rgb(128 213 210);--m3-surface-tint: rgb(128 213 210);--m3-on-primary: rgb(0 55 54);--m3-primary-container: rgb(0 80 78);--m3-on-primary-container: rgb(156 241 238);--m3-secondary: rgb(176 204 202);--m3-on-secondary: rgb(27 53 52);--m3-secondary-container: rgb(50 75 74);--m3-on-secondary-container: rgb(204 232 230);--m3-tertiary: rgb(178 200 232);--m3-on-tertiary: rgb(27 50 75);--m3-tertiary-container: rgb(50 72 99);--m3-on-tertiary-container: rgb(210 228 255);--m3-error: rgb(255 180 171);--m3-on-error: rgb(105 0 5);--m3-error-container: rgb(147 0 10);--m3-on-error-container: rgb(255 218 214);--m3-background: rgb(14 21 20);--m3-on-background: rgb(221 228 227);--m3-surface: rgb(14 21 20);--m3-on-surface: rgb(221 228 227);--m3-surface-variant: rgb(63 73 72);--m3-on-surface-variant: rgb(190 201 199);--m3-outline: rgb(136 147 146);--m3-outline-variant: rgb(63 73 72);--m3-shadow: rgb(0 0 0);--m3-scrim: rgb(0 0 0);--m3-inverse-surface: rgb(221 228 227);--m3-inverse-on-surface: rgb(43 50 49);--m3-inverse-primary: rgb(0 106 104);--m3-primary-fixed: rgb(156 241 238);--m3-on-primary-fixed: rgb(0 32 31);--m3-primary-fixed-dim: rgb(128 213 210);--m3-on-primary-fixed-variant: rgb(0 80 78);--m3-secondary-fixed: rgb(204 232 230);--m3-on-secondary-fixed: rgb(5 31 31);--m3-secondary-fixed-dim: rgb(176 204 202);--m3-on-secondary-fixed-variant: rgb(50 75 74);--m3-tertiary-fixed: rgb(210 228 255);--m3-on-tertiary-fixed: rgb(3 29 53);--m3-tertiary-fixed-dim: rgb(178 200 232);--m3-on-tertiary-fixed-variant: rgb(50 72 99);--m3-surface-dim: rgb(14 21 20);--m3-surface-bright: rgb(52 58 58);--m3-surface-container-lowest: rgb(9 15 15);--m3-surface-container-low: rgb(22 29 28);--m3-surface-container: rgb(26 33 32);--m3-surface-container-high: rgb(37 43 43);--m3-surface-container-highest: rgb(47 54 54)}
