@import"https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700&display=swap";:root{--sidebar-width: 220px;--sidebar-width-collapsed: 72px;--content-max-width: 960px;--shell-padding: var(--space-6, 1.5rem)}html,body,#root{height:100%}body{margin:0;background:color-mix(in oklab,var(--color-system-gray-6),white 40%);color:var(--color-system-black);font:400 var(--fs-13, .8125rem)/var(--lh-body, 1.5) var(--font-ui)}*{box-sizing:border-box}.docs-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);grid-template-rows:auto 1fr;background:color-mix(in oklab,var(--color-system-gray-6),white 40%)}.docs-shell__sidebar{grid-row:1 / span 2;background:color-mix(in oklab,var(--color-system-gray-5),white 40%);padding:var(--shell-padding);display:grid;grid-template-rows:auto 1fr auto;gap:var(--space-6);position:sticky;top:0;align-self:start;height:100vh;overflow-y:auto;z-index:10}.docs-shell__brand{display:grid;gap:var(--space-2);justify-items:start}.docs-shell__brand-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%}.docs-shell__brand-title{margin:0}.sidebar-toggle{display:inline-flex}.sidebar-toggle svg{width:1rem;height:1rem}.sidebar-toggle--expand{display:none}.docs-shell__nav{display:flex;flex-direction:column;gap:var(--space-5);align-items:stretch}.nav-group{display:flex;flex-direction:column;gap:var(--space-2)}.nav-group__title{font:600 var(--fs-11)/1.2 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in oklab,var(--color-text),transparent 45%);margin:0;padding:0 0 var(--space-2) 0;min-height:auto;height:auto}.nav-group__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.nav-link{display:inline-flex;width:100%;text-decoration:none;color:inherit}.nav-link.diet-btn{justify-content:flex-start;align-items:center;text-align:left}.nav-link[aria-current=page]{--btn-bg: color-mix(in oklab, var(--color-system-blue), transparent 84%);--btn-color: var(--color-system-blue);justify-content:flex-start;font-weight:600}.nav-link:focus-visible{outline:none}.docs-shell__main{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-8);padding:var(--space-8) var(--shell-padding) var(--space-10)}@media(max-width:1200px){.docs-shell__main{grid-template-columns:minmax(0,1fr)}}@media(max-width:960px){.docs-shell:not([data-sidebar=collapsed]){grid-template-columns:minmax(0,1fr)}.docs-shell:not([data-sidebar=collapsed]) .docs-shell__sidebar{position:fixed;inset:0 30% 0 0;max-width:320px;transform:translate(-100%);transition:transform .22s ease;box-shadow:0 24px 32px #0c101847}.docs-shell:not([data-sidebar=collapsed]) .docs-shell__sidebar[data-state=open]{transform:translate(0)}.docs-shell__main{padding:var(--space-6)}.docs-shell[data-sidebar=collapsed] .docs-shell__sidebar{position:sticky;inset:auto;max-width:none;transform:none;box-shadow:none}}@media(max-width:640px){.docs-shell__main{padding:var(--space-5)}}.devstudio-page{border:none;border-radius:var(--radius-4, .5rem);padding:var(--space-6, 1.5rem);background:var(--color-bg)}.devstudio-page-layout{border:none;border-radius:var(--radius-4, .5rem);padding:32px;background:var(--color-system-white);min-height:100vh}.devstudio-page-layout>header,.devstudio-page-layout>div:first-child{margin-bottom:var(--space-4);background:transparent;padding:0}.devstudio-page__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin:0 0 var(--space-4) 0;width:100%}.devstudio-page__header>*{margin:0}.devstudio-page-section{margin-bottom:var(--space-6);background:var(--color-system-white);padding:32px;border-radius:18px}.devstudio-page-section:last-child{margin-bottom:0}.docs-shell__menu-toggle{display:none}@media(max-width:960px){.docs-shell__menu-toggle{display:inline-flex}}.docs-shell[data-sidebar=collapsed]{grid-template-columns:var(--sidebar-width-collapsed) minmax(0,1fr)}.docs-shell__sidebar[data-sidebar-state=collapsed]{padding:var(--space-4);gap:var(--space-4);align-items:center}.docs-shell__sidebar[data-sidebar-state=collapsed] .docs-shell__brand{justify-items:center;gap:var(--space-3)}.docs-shell__sidebar[data-sidebar-state=collapsed] .docs-shell__brand-header{justify-content:center}.docs-shell__sidebar[data-sidebar-state=collapsed] .sidebar-toggle--collapse{display:none}.docs-shell__sidebar[data-sidebar-state=collapsed] .sidebar-toggle--expand{display:inline-flex;justify-self:center}.docs-shell__sidebar[data-sidebar-state=expanded] .sidebar-toggle--expand,.docs-shell__sidebar[data-sidebar-state=collapsed] .docs-shell__brand-title,.docs-shell__sidebar[data-sidebar-state=collapsed] .diet-segmented,.docs-shell__sidebar[data-sidebar-state=collapsed] .docs-shell__nav,.docs-shell__sidebar[data-sidebar-state=collapsed] .nav-group__title{display:none}.dieter-preview{display:grid;gap:var(--space-6, 1.5rem)}.section{--cols: 5;display:grid;grid-template-columns:max-content repeat(var(--cols),minmax(0,max-content) minmax(0,max-content));column-gap:clamp(1rem,3vw,3rem);row-gap:clamp(.75rem,2vw,2rem);align-items:start;width:100%}.section[data-cols="1"]{--cols: 1}.section[data-cols="2"]{--cols: 2}.section[data-cols="3"]{--cols: 3}.section[data-cols="4"]{--cols: 4}.section[data-cols="5"]{--cols: 5}.section[data-cols="6"]{--cols: 6}.section[data-cols="7"]{--cols: 7}.row{display:contents}.section>h3{grid-column:1 / -1;margin:0}.row-header{grid-column:1;font:600 var(--fs-13, .8125rem)/1.3 var(--font-ui);color:var(--color-text)}.specdpreview{display:contents}.preview-specs{display:grid;gap:var(--hspace-1, 0);justify-self:start;min-inline-size:0}.preview-specs__row{display:block}.preview-specs__detail{font:500 var(--fs-11, .6875rem)/1.3 var(--font-ui);color:color-mix(in oklab,var(--color-text),transparent 45%);white-space:nowrap}.componentpreview{display:block;inline-size:max-content;width:max-content;justify-self:flex-start}.componentpreview>*{display:block;inline-size:max-content;width:max-content}.component-masonry{column-width:calc(240px + 280px + var(--space-4) + 40px);column-gap:var(--space-6)}@supports (grid-template-rows: masonry){.component-masonry{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(240px + 280px + var(--space-4) + 40px),1fr));grid-template-rows:masonry;gap:var(--space-6)}.component-wrapper{display:grid;width:100%}}.component-wrapper{display:inline-grid;grid-template-columns:minmax(0,240px) 280px;gap:var(--space-4);padding:20px;border-radius:var(--radius-4);background:#f4f5f7;margin-bottom:var(--space-6);break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid}.compiler-spec-wrapper,.bob-spec-wrapper,.dieter-spec-wrapper{display:flex;flex-direction:column;gap:0;padding:var(--space-2) var(--space-3);align-self:stretch;align-items:center;justify-content:center;text-align:center;font:var(--font-body-xsmall, 400 var(--fs-11)/var(--lh-tight) var(--font-ui));background:transparent}.dieter-spec-wrapper .spec-line{display:block;line-height:var(--lh-tight, 1.15)}.spec-text,.spec-line{color:var(--color-text);overflow-wrap:anywhere}.compiler-preview-wrapper,.bob-preview-wrapper{padding-block:var(--space-5);padding-inline:var(--space-2);width:280px;background:var(--color-system-white);border-radius:var(--radius-4);border:none}.dieter-component-row{display:flex;align-items:flex-start;gap:var(--space-6);flex-wrap:wrap;width:100%}.dieter-component-preview-280-wrapper,.dieter-component-preview-wrap-wrapper{display:flex;gap:var(--space-4);padding:16px;border-radius:var(--radius-4);background:#f4f5f7;break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;width:auto;max-width:min(520px,100%);box-sizing:border-box}.dieter-component-preview-280-wrapper .spec-wrapper,.dieter-component-preview-wrap-wrapper .spec-wrapper{flex:0 1 160px;max-width:200px;min-width:96px}.dieter-component-preview-280-wrapper .dieter-preview,.dieter-component-preview-wrap-wrapper .dieter-preview{padding-block:var(--space-5);padding-inline:var(--space-2);background:var(--color-system-white);border-radius:var(--radius-4);border:none;display:grid;gap:var(--space-3)}.dieter-component-preview-280-wrapper .dieter-preview{width:280px;max-width:280px;flex:0 0 280px;place-items:stretch}.dieter-component-preview-wrap-wrapper{align-items:center;max-width:min(420px,100%)}.dieter-component-preview-wrap-wrapper .dieter-preview{place-content:center;place-items:center;width:auto;min-width:180px;max-width:min(320px,100%);flex:0 1 auto}:root{--space-0: .125rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--vertspace-1: 0rem;--vertspace-2: .1rem;--vertspace-3: .2rem;--vertspace-4: .3rem;--vertspace-5: .4rem;--vertspace-6: .5rem;--vertspace-7: .6rem;--vertspace-8: .7rem;--vertspace-9: .8rem;--control-size-xs: 1rem;--control-size-sm: 1.25rem;--control-size-md: 1.5rem;--control-size-lg: 1.75rem;--control-size-xl: 2rem;--control-padding-inline: var(--space-2);--control-inline-gap-xs: .125rem;--control-inline-gap-sm: .25rem;--control-inline-gap-md: .375rem;--control-inline-gap-lg: .5rem;--control-inline-gap-xl: .75rem;--control-radius-none: 0;--control-radius-2xs: .125rem;--control-radius-xs: .1875rem;--control-radius-sm: .25rem;--control-radius-md: .375rem;--control-radius-lg: .5rem;--control-radius-xl: .75rem;--control-radius-2xl: 1rem;--control-radius-3xl: 1.25rem;--control-radius-4xl: 1.75rem;--control-radius-5xl: 2.25rem;--control-radius-6xl: 2.75rem;--control-radius-7xl: 3.25rem;--control-radius-8xl: 3.75rem;--control-radius-9xl: 4.25rem;--control-radius-10xl: 4.75rem;--icon-size-12: .75rem;--icon-size-16: 1rem;--icon-size-20: 1.25rem;--icon-size-24: 1.5rem;--icon-size-28: 1.75rem;--icon-size-32: 2rem;--icon-size-36: 2.25rem;--icon-size-40: 2.5rem;--focus-ring-width: 2px;--focus-ring-offset: 2px;--min-touch-target: 2.75rem;--duration-snap: .14s;--duration-base: .16s;--duration-spin: .6s;--shadow-elevated: 0 18px 36px rgba(14, 16, 24, .14);--shadow-floating: 0 10px 18px rgba(12, 16, 24, .06);--shadow-inset-control: inset 0 0 0 1px rgba(12, 16, 24, .08), inset 0 1px 0 rgba(255, 255, 255, .6)}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}:root{--color-text: var(--color-system-black, #212121);--color-text-secondary: color-mix(in oklab, var(--color-system-black, #212121), transparent 45%);--state-darken-target: black;--state-lighten-target: white;--state-hover-mix: 12%;--state-pressed-mix: 24%;--state-muted-mix: 40%;--state-inactive-mix: 60%;--color-system-red: #ff3b30;--color-system-red-contrast: #bf4424;--color-system-red-1: color-mix(in oklab, var(--color-system-red), white 20%);--color-system-red-2: color-mix(in oklab, var(--color-system-red), white 40%);--color-system-red-3: color-mix(in oklab, var(--color-system-red), white 60%);--color-system-red-4: color-mix(in oklab, var(--color-system-red), white 80%);--color-system-red-5: color-mix(in oklab, var(--color-system-red), white 90%);--color-system-orange: #ff9500;--color-system-orange-contrast: #bf7000;--color-system-orange-1: color-mix(in oklab, var(--color-system-orange), white 20%);--color-system-orange-2: color-mix(in oklab, var(--color-system-orange), white 40%);--color-system-orange-3: color-mix(in oklab, var(--color-system-orange), white 60%);--color-system-orange-4: color-mix(in oklab, var(--color-system-orange), white 80%);--color-system-orange-5: color-mix(in oklab, var(--color-system-orange), white 90%);--color-system-yellow: #ffcc00;--color-system-yellow-contrast: #bf9900;--color-system-yellow-1: color-mix(in oklab, var(--color-system-yellow), white 20%);--color-system-yellow-2: color-mix(in oklab, var(--color-system-yellow), white 40%);--color-system-yellow-3: color-mix(in oklab, var(--color-system-yellow), white 60%);--color-system-yellow-4: color-mix(in oklab, var(--color-system-yellow), white 80%);--color-system-yellow-5: color-mix(in oklab, var(--color-system-yellow), white 90%);--color-system-green: #34c759;--color-system-green-contrast: #279543;--color-system-green-1: color-mix(in oklab, var(--color-system-green), white 20%);--color-system-green-2: color-mix(in oklab, var(--color-system-green), white 40%);--color-system-green-3: color-mix(in oklab, var(--color-system-green), white 60%);--color-system-green-4: color-mix(in oklab, var(--color-system-green), white 80%);--color-system-green-5: color-mix(in oklab, var(--color-system-green), white 90%);--color-system-mint: #00c7be;--color-system-mint-contrast: #00958f;--color-system-mint-1: color-mix(in oklab, var(--color-system-mint), white 20%);--color-system-mint-2: color-mix(in oklab, var(--color-system-mint), white 40%);--color-system-mint-3: color-mix(in oklab, var(--color-system-mint), white 60%);--color-system-mint-4: color-mix(in oklab, var(--color-system-mint), white 80%);--color-system-mint-5: color-mix(in oklab, var(--color-system-mint), white 90%);--color-system-teal: #30b0c7;--color-system-teal-contrast: #248495;--color-system-teal-1: color-mix(in oklab, var(--color-system-teal), white 20%);--color-system-teal-2: color-mix(in oklab, var(--color-system-teal), white 40%);--color-system-teal-3: color-mix(in oklab, var(--color-system-teal), white 60%);--color-system-teal-4: color-mix(in oklab, var(--color-system-teal), white 80%);--color-system-teal-5: color-mix(in oklab, var(--color-system-teal), white 90%);--color-system-cyan: #32ade6;--color-system-cyan-contrast: #2682ad;--color-system-cyan-1: color-mix(in oklab, var(--color-system-cyan), white 20%);--color-system-cyan-2: color-mix(in oklab, var(--color-system-cyan), white 40%);--color-system-cyan-3: color-mix(in oklab, var(--color-system-cyan), white 60%);--color-system-cyan-4: color-mix(in oklab, var(--color-system-cyan), white 80%);--color-system-cyan-5: color-mix(in oklab, var(--color-system-cyan), white 90%);--color-system-blue: #007aff;--color-system-blue-contrast: #005cbf;--color-system-blue-1: color-mix(in oklab, var(--color-system-blue), white 20%);--color-system-blue-2: color-mix(in oklab, var(--color-system-blue), white 40%);--color-system-blue-3: color-mix(in oklab, var(--color-system-blue), white 60%);--color-system-blue-4: color-mix(in oklab, var(--color-system-blue), white 80%);--color-system-blue-5: color-mix(in oklab, var(--color-system-blue), white 90%);--color-system-indigo: #5856d6;--color-system-indigo-contrast: #4241a1;--color-system-indigo-1: color-mix(in oklab, var(--color-system-indigo), white 20%);--color-system-indigo-2: color-mix(in oklab, var(--color-system-indigo), white 40%);--color-system-indigo-3: color-mix(in oklab, var(--color-system-indigo), white 60%);--color-system-indigo-4: color-mix(in oklab, var(--color-system-indigo), white 80%);--color-system-indigo-5: color-mix(in oklab, var(--color-system-indigo), white 90%);--color-system-purple: #af52de;--color-system-purple-contrast: #833ea7;--color-system-purple-1: color-mix(in oklab, var(--color-system-purple), white 20%);--color-system-purple-2: color-mix(in oklab, var(--color-system-purple), white 40%);--color-system-purple-3: color-mix(in oklab, var(--color-system-purple), white 60%);--color-system-purple-4: color-mix(in oklab, var(--color-system-purple), white 80%);--color-system-purple-5: color-mix(in oklab, var(--color-system-purple), white 90%);--color-system-pink: #ff2d55;--color-system-pink-contrast: #bf2240;--color-system-pink-1: color-mix(in oklab, var(--color-system-pink), white 20%);--color-system-pink-2: color-mix(in oklab, var(--color-system-pink), white 40%);--color-system-pink-3: color-mix(in oklab, var(--color-system-pink), white 60%);--color-system-pink-4: color-mix(in oklab, var(--color-system-pink), white 80%);--color-system-pink-5: color-mix(in oklab, var(--color-system-pink), white 90%);--color-system-brown: #a2845e;--color-system-brown-contrast: #7a6347;--color-system-brown-1: color-mix(in oklab, var(--color-system-brown), white 20%);--color-system-brown-2: color-mix(in oklab, var(--color-system-brown), white 40%);--color-system-brown-3: color-mix(in oklab, var(--color-system-brown), white 60%);--color-system-brown-4: color-mix(in oklab, var(--color-system-brown), white 80%);--color-system-brown-5: color-mix(in oklab, var(--color-system-brown), white 90%);--color-system-white: #ffffff;--color-system-black: #212121;--color-system-gray: #8e8e93;--color-system-gray-contrast: #636366;--color-system-gray-2: #aeaeb2;--color-system-gray-3: #c7c7cc;--color-system-gray-4: #d1d1d6;--color-system-gray-5: #e5e5ea;--color-system-gray-6: #f2f2f7;--color-system-gray-step1: color-mix(in oklab, var(--color-system-gray), white 20%);--color-system-gray-step2: color-mix(in oklab, var(--color-system-gray), white 40%);--color-system-gray-step3: color-mix(in oklab, var(--color-system-gray), white 60%);--color-system-gray-step4: color-mix(in oklab, var(--color-system-gray), white 80%);--color-system-gray-step5: color-mix(in oklab, var(--color-system-gray), white 90%);--color-system-gray-2-step1: color-mix(in oklab, var(--color-system-gray-2), white 20%);--color-system-gray-2-step2: color-mix(in oklab, var(--color-system-gray-2), white 40%);--color-system-gray-2-step3: color-mix(in oklab, var(--color-system-gray-2), white 60%);--color-system-gray-2-step4: color-mix(in oklab, var(--color-system-gray-2), white 80%);--color-system-gray-2-step5: color-mix(in oklab, var(--color-system-gray-2), white 90%);--color-system-gray-3-step1: color-mix(in oklab, var(--color-system-gray-3), white 20%);--color-system-gray-3-step2: color-mix(in oklab, var(--color-system-gray-3), white 40%);--color-system-gray-3-step3: color-mix(in oklab, var(--color-system-gray-3), white 60%);--color-system-gray-3-step4: color-mix(in oklab, var(--color-system-gray-3), white 80%);--color-system-gray-3-step5: color-mix(in oklab, var(--color-system-gray-3), white 90%);--color-system-gray-4-step1: color-mix(in oklab, var(--color-system-gray-4), white 20%);--color-system-gray-4-step2: color-mix(in oklab, var(--color-system-gray-4), white 40%);--color-system-gray-4-step3: color-mix(in oklab, var(--color-system-gray-4), white 60%);--color-system-gray-4-step4: color-mix(in oklab, var(--color-system-gray-4), white 80%);--color-system-gray-4-step5: color-mix(in oklab, var(--color-system-gray-4), white 90%);--color-system-gray-5-step1: color-mix(in oklab, var(--color-system-gray-5), white 20%);--color-system-gray-5-step2: color-mix(in oklab, var(--color-system-gray-5), white 40%);--color-system-gray-5-step3: color-mix(in oklab, var(--color-system-gray-5), white 60%);--color-system-gray-5-step4: color-mix(in oklab, var(--color-system-gray-5), white 80%);--color-system-gray-5-step5: color-mix(in oklab, var(--color-system-gray-5), white 90%);--color-system-gray-6-step1: color-mix(in oklab, var(--color-system-gray-6), white 20%);--color-system-gray-6-step2: color-mix(in oklab, var(--color-system-gray-6), white 40%);--color-system-gray-6-step3: color-mix(in oklab, var(--color-system-gray-6), white 60%);--color-system-gray-6-step4: color-mix(in oklab, var(--color-system-gray-6), white 80%);--color-system-gray-6-step5: color-mix(in oklab, var(--color-system-gray-6), white 90%)}:root{--font-ui: "Inter Tight", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--fs-body: 1rem;--fs-ui: .9375rem;--lh-body: 1.5;--fs-10: .625rem;--fs-11: .6875rem;--fs-12: .75rem;--fs-13: .8125rem;--fs-14: .875rem;--fs-15: .9375rem;--fs-16: 1rem;--fs-18: 1.125rem;--fs-20: 1.25rem;--fs-24: 1.5rem;--fs-32: 2rem;--fs-fluid-title: clamp(1.5rem, 1.1rem + 1.6vw, 3rem);--lh-tight: 1.15;--lh-normal: 1.4;--lh-loose: 1.5}.body-xxs{font:400 var(--fs-10)/var(--lh-tight) var(--font-ui)}.body-xs{font:400 var(--fs-11)/var(--lh-tight) var(--font-ui)}.body-s{font:400 var(--fs-13)/var(--lh-tight) var(--font-ui)}.body-m{font:400 var(--fs-14)/var(--lh-tight) var(--font-ui)}.body-l{font:400 var(--fs-15)/var(--lh-tight) var(--font-ui)}.body-xl{font:400 var(--fs-16)/var(--lh-tight) var(--font-ui)}.body-xxl{font:400 var(--fs-18)/var(--lh-tight) var(--font-ui)}p,.body,.body-xl{font:400 var(--fs-16)/var(--lh-tight) var(--font-ui)}.body-small,.body-m{font:400 var(--fs-14)/var(--lh-tight) var(--font-ui)}.body-large,.body-xxl{font:400 var(--fs-18)/var(--lh-tight) var(--font-ui)}h1,.heading-1{font:700 var(--fs-32)/var(--lh-tight) var(--font-ui);letter-spacing:-.01em;color:inherit}h2,.heading-2{font:600 var(--fs-24)/var(--lh-tight) var(--font-ui);letter-spacing:-.01em;color:inherit}h3,.heading-3{font:600 var(--fs-20)/var(--lh-tight) var(--font-ui);letter-spacing:-.01em;color:inherit}h4,.heading-4{font:500 var(--fs-18)/var(--lh-tight) var(--font-ui);letter-spacing:-.005em;color:inherit}h5,.heading-5{font:500 var(--fs-16)/var(--lh-tight) var(--font-ui);letter-spacing:-.005em;color:inherit}h6,.heading-6{font:500 var(--fs-14)/var(--lh-tight) var(--font-ui);letter-spacing:-.005em;color:inherit}.label-xxs{font:500 var(--fs-10)/var(--lh-tight) var(--font-ui);letter-spacing:-.02em;color:var(--color-system-black)}.label-xs{font:500 var(--fs-11)/var(--lh-tight) var(--font-ui);letter-spacing:-.02em;color:var(--color-system-black)}.label-s{font:500 var(--fs-13)/var(--lh-tight) var(--font-ui);letter-spacing:-.02em;color:var(--color-system-black)}.label-m{font:500 var(--fs-14)/var(--lh-tight) var(--font-ui);letter-spacing:-.02em;color:var(--color-system-black)}.label-l{font:500 var(--fs-15)/var(--lh-tight) var(--font-ui);letter-spacing:-.02em;color:var(--color-system-black)}.label-xl{font:500 var(--fs-16)/var(--lh-tight) var(--font-ui);letter-spacing:-.02em;color:var(--color-system-black)}.label-xxl{font:500 var(--fs-18)/var(--lh-tight) var(--font-ui);letter-spacing:-.02em;color:var(--color-system-black)}.caption{font:500 var(--fs-11)/var(--lh-tight) var(--font-ui);color:color-mix(in oklab,var(--color-system-black),transparent 55%)}.caption-small{font:500 var(--fs-10)/1.1 var(--font-ui);color:color-mix(in oklab,var(--color-system-black),transparent 55%)}.overline{font:500 var(--fs-12)/1 var(--font-ui);text-transform:uppercase;letter-spacing:.08em;color:var(--color-system-gray)}.overline-small{font:600 var(--fs-10)/1.1 var(--font-ui);text-transform:uppercase;letter-spacing:.06em;color:color-mix(in oklab,var(--color-system-black),transparent 45%)}.diet-btn-ictxt{--btn-bg: var(--color-surface);--btn-color: var(--color-text);--btn-border-color: transparent;--btn-border-width: 0px;--btn-hover-bg: color-mix(in oklab, var(--btn-bg), var(--btn-color) 6%);--btn-hover-color: var(--btn-color);--btn-hover-border-color: var(--btn-border-color);--btn-clicked-bg: color-mix(in oklab, var(--btn-bg), var(--btn-color) 14%);--btn-clicked-color: var(--btn-color);--btn-clicked-border-color: var(--btn-border-color);--btn-icon-color: currentColor;display:inline-flex;align-items:center;justify-content:center;gap:var(--control-inline-gap-md);min-height:var(--btn-height);padding-inline:var(--control-padding-inline);padding-block:0;border-radius:var(--btn-radius);border:var(--btn-border-width) solid var(--btn-border-color);background:var(--btn-bg);color:var(--btn-color);letter-spacing:-.02em;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}.diet-btn-ictxt>*{pointer-events:none}.diet-btn-ictxt[data-size=xs]{--btn-height: var(--control-size-xs, 1rem);--btn-radius: var(--control-radius-xs, .25rem);gap:var(--control-inline-gap-xs)}.diet-btn-ictxt[data-size=sm]{--btn-height: var(--control-size-sm, 1.25rem);--btn-radius: var(--control-radius-sm, .3125rem);gap:var(--control-inline-gap-xs)}.diet-btn-ictxt[data-size=md]{--btn-height: var(--control-size-md, 1.5rem);--btn-radius: var(--control-radius-sm, .25rem);gap:var(--control-inline-gap-sm)}.diet-btn-ictxt[data-size=lg]{--btn-height: var(--control-size-lg, 1.75rem);--btn-radius: var(--control-radius-md, .375rem);gap:var(--control-inline-gap-sm)}.diet-btn-ictxt[data-size=xl]{--btn-height: var(--control-size-xl, 2rem);--btn-radius: var(--control-radius-md, .375rem);gap:var(--control-inline-gap-md)}.diet-btn-ictxt__icon{display:inline-flex;align-items:center;justify-content:center;color:var(--btn-icon-color);flex:none}.diet-btn-ictxt__icon svg{display:block;inline-size:100%;block-size:100%}.diet-btn-ictxt[data-size=xs] .diet-btn-ictxt__icon,.diet-btn-ictxt[data-size=xs] .diet-btn-ictxt__icon svg{inline-size:var(--icon-size-12, .75rem);block-size:var(--icon-size-12, .75rem)}.diet-btn-ictxt[data-size=sm] .diet-btn-ictxt__icon,.diet-btn-ictxt[data-size=sm] .diet-btn-ictxt__icon svg{inline-size:var(--icon-size-16, 1rem);block-size:var(--icon-size-16, 1rem)}.diet-btn-ictxt[data-size=md] .diet-btn-ictxt__icon,.diet-btn-ictxt[data-size=md] .diet-btn-ictxt__icon svg{inline-size:var(--icon-size-16, 1rem);block-size:var(--icon-size-16, 1rem)}.diet-btn-ictxt[data-size=lg] .diet-btn-ictxt__icon,.diet-btn-ictxt[data-size=lg] .diet-btn-ictxt__icon svg{inline-size:var(--icon-size-16, 1rem);block-size:var(--icon-size-16, 1rem)}.diet-btn-ictxt[data-size=xl] .diet-btn-ictxt__icon,.diet-btn-ictxt[data-size=xl] .diet-btn-ictxt__icon svg{inline-size:var(--icon-size-20, 1.25rem);block-size:var(--icon-size-20, 1.25rem)}.diet-btn-ictxt__label{display:inline;white-space:nowrap;padding-inline:var(--space-0)}.diet-btn-ictxt:hover:not(:disabled):not([aria-disabled=true]){background:var(--btn-hover-bg);color:var(--btn-hover-color);border-color:var(--btn-hover-border-color)}.diet-btn-ictxt:active:not(:disabled):not([aria-disabled=true]){background:var(--btn-clicked-bg);color:var(--btn-clicked-color);border-color:var(--btn-clicked-border-color);transform:translateY(1px)}.diet-btn-ictxt:disabled,.diet-btn-ictxt[aria-disabled=true]{opacity:.48;cursor:not-allowed}.diet-btn-ictxt[data-variant=primary]{--btn-bg: var(--color-system-blue, #0a84ff);--btn-color: var(--color-system-white, #ffffff);--btn-border-color: transparent;--btn-hover-bg: color-mix(in oklab, var(--color-system-blue, #0a84ff), #000000 22%);--btn-clicked-bg: color-mix(in oklab, var(--color-system-blue, #0a84ff), #000000 40%)}.diet-btn-ictxt[data-variant=secondary]{--btn-bg: color-mix(in oklab, var(--color-text) 8%, transparent);--btn-border-width: 0px;--btn-border-color: transparent;--btn-hover-bg: color-mix(in oklab, var(--color-text) 35%, transparent);--btn-hover-border-color: color-mix(in oklab, var(--color-text) 25%, transparent);--btn-clicked-bg: color-mix(in oklab, var(--color-text) 20%, transparent)}.diet-btn-ictxt[data-variant=neutral]{--btn-bg: transparent;--btn-border-color: transparent;--btn-hover-bg: color-mix(in oklab, var(--color-text) 40%, transparent);--btn-hover-border-color: color-mix(in oklab, var(--color-text) 30%, transparent);--btn-clicked-bg: color-mix(in oklab, var(--color-text), transparent 75%)}.diet-btn-ictxt[data-variant=line1]{--btn-bg: transparent;--btn-color: var(--color-system-blue, #0a84ff);--btn-border-width: 1px;--btn-border-color: var(--color-system-blue, #0a84ff);--btn-hover-bg: color-mix(in oklab, var(--color-system-blue, #0a84ff), transparent 60%);--btn-clicked-bg: color-mix(in oklab, var(--color-system-blue, #0a84ff), transparent 30%)}.diet-btn-ictxt[data-variant=line2]{--btn-bg: transparent;--btn-color: var(--color-system-gray-contrast, #636366);--btn-border-width: 1px;--btn-border-color: var(--color-system-gray-contrast, #636366);--btn-hover-bg: color-mix(in oklab, var(--color-system-gray-contrast, #636366), transparent 75%);--btn-clicked-bg: color-mix(in oklab, var(--color-system-gray-contrast, #636366), transparent 55%)}.diet-btn-txt{--btn-bg: var(--color-surface);--btn-color: var(--color-text);--btn-border-color: transparent;--btn-border-width: 0px;--btn-hover-bg: color-mix(in oklab, var(--btn-bg), var(--btn-color) 6%);--btn-hover-color: var(--btn-color);--btn-hover-border-color: var(--btn-border-color);--btn-clicked-bg: color-mix(in oklab, var(--btn-bg), var(--btn-color) 14%);--btn-clicked-color: var(--btn-color);--btn-clicked-border-color: var(--btn-border-color);display:inline-flex;align-items:center;justify-content:center;gap:0;min-height:var(--btn-height);padding-inline:var(--control-padding-inline);padding-block:0;border-radius:var(--btn-radius);border:var(--btn-border-width) solid var(--btn-border-color);background:var(--btn-bg);color:var(--btn-color);letter-spacing:-.02em;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}.diet-btn-txt>*{pointer-events:none}.diet-btn-txt[data-size=xs]{--btn-height: var(--control-size-xs, 1rem);--btn-radius: var(--control-radius-xs, .25rem)}.diet-btn-txt[data-size=sm]{--btn-height: var(--control-size-sm, 1.25rem);--btn-radius: var(--control-radius-sm, .3125rem)}.diet-btn-txt[data-size=md]{--btn-height: var(--control-size-md, 1.5rem);--btn-radius: var(--control-radius-sm, .25rem)}.diet-btn-txt[data-size=lg]{--btn-height: var(--control-size-lg, 1.75rem);--btn-radius: var(--control-radius-md, .375rem)}.diet-btn-txt[data-size=xl]{--btn-height: var(--control-size-xl, 2rem);--btn-radius: var(--control-radius-md, .375rem)}.diet-btn-txt__label{display:inline-flex;align-items:center;white-space:nowrap;padding-inline:var(--space-0)}.diet-btn-txt:hover:not(:disabled):not([aria-disabled=true]){background:var(--btn-hover-bg);color:var(--btn-hover-color);border-color:var(--btn-hover-border-color)}.diet-btn-txt:active:not(:disabled):not([aria-disabled=true]){background:var(--btn-clicked-bg);color:var(--btn-clicked-color);border-color:var(--btn-clicked-border-color);transform:translateY(1px)}.diet-btn-txt:disabled,.diet-btn-txt[aria-disabled=true]{opacity:.48;cursor:not-allowed}.diet-btn-txt[data-variant=primary]{--btn-bg: var(--color-system-blue, #0a84ff);--btn-color: var(--color-system-white, #ffffff);--btn-border-color: transparent;--btn-hover-bg: color-mix(in oklab, var(--color-system-blue, #0a84ff), #000000 22%);--btn-clicked-bg: color-mix(in oklab, var(--color-system-blue, #0a84ff), #000000 40%)}.diet-btn-txt[data-variant=secondary]{--btn-bg: color-mix(in oklab, var(--color-text) 8%, transparent);--btn-border-width: 0px;--btn-border-color: transparent;--btn-hover-bg: color-mix(in oklab, var(--color-text) 12%, transparent);--btn-clicked-bg: color-mix(in oklab, var(--color-text) 20%, transparent)}.diet-btn-txt[data-variant=neutral]{--btn-bg: transparent;--btn-border-color: transparent;--btn-hover-bg: color-mix(in oklab, var(--color-text), transparent 88%);--btn-clicked-bg: color-mix(in oklab, var(--color-text), transparent 75%)}.diet-btn-txt[data-variant=line1]{--btn-bg: transparent;--btn-color: var(--color-system-blue, #0a84ff);--btn-border-width: 1px;--btn-border-color: var(--color-system-blue, #0a84ff);--btn-hover-bg: color-mix(in oklab, var(--color-system-blue, #0a84ff), transparent 60%);--btn-clicked-bg: color-mix(in oklab, var(--color-system-blue, #0a84ff), transparent 30%)}.diet-btn-txt[data-variant=line2]{--btn-bg: transparent;--btn-color: var(--color-system-gray-contrast, #636366);--btn-border-width: 1px;--btn-border-color: var(--color-system-gray-contrast, #636366);--btn-hover-bg: color-mix(in oklab, var(--color-system-gray-contrast, #636366), transparent 75%);--btn-clicked-bg: color-mix(in oklab, var(--color-system-gray-contrast, #636366), transparent 55%)}.diet-btn-ic{--btn-bg: var(--color-surface);--btn-color: var(--color-text);--btn-border-color: transparent;--btn-border-width: 0px;--btn-hover-bg: color-mix(in oklab, var(--btn-bg), var(--btn-color) 6%);--btn-hover-color: var(--btn-color);--btn-hover-border-color: var(--btn-border-color);--btn-clicked-bg: color-mix(in oklab, var(--btn-bg), var(--btn-color) 14%);--btn-clicked-color: var(--btn-color);--btn-clicked-border-color: var(--btn-border-color);--btn-icon-color: currentColor;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--btn-height);block-size:var(--btn-height);min-height:var(--btn-height);padding:0;border-radius:var(--btn-radius);border:var(--btn-border-width) solid var(--btn-border-color);background:var(--btn-bg);color:var(--btn-color);cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}.diet-btn-ic>*{pointer-events:none}.diet-btn-ic[data-size=xs]{--btn-height: var(--control-size-xs, 1rem);--btn-radius: var(--control-radius-xs, .25rem)}.diet-btn-ic[data-size=sm]{--btn-height: var(--control-size-sm, 1.25rem);--btn-radius: var(--control-radius-sm, .3125rem)}.diet-btn-ic[data-size=md]{--btn-height: var(--control-size-md, 1.5rem);--btn-radius: var(--control-radius-sm, .25rem)}.diet-btn-ic[data-size=lg]{--btn-height: var(--control-size-lg, 1.75rem);--btn-radius: var(--control-radius-md, .375rem)}.diet-btn-ic[data-size=xl]{--btn-height: var(--control-size-xl, 2rem);--btn-radius: var(--control-radius-md, .375rem)}.diet-btn-ic__icon{display:inline-flex;align-items:center;justify-content:center;color:var(--btn-icon-color)}.diet-btn-ic__icon svg{inline-size:100%;block-size:100%;display:block}.diet-btn-ic[data-size=xs] .diet-btn-ic__icon{inline-size:var(--icon-size-12, .75rem);block-size:var(--icon-size-12, .75rem)}.diet-btn-ic[data-size=sm] .diet-btn-ic__icon,.diet-btn-ic[data-size=md] .diet-btn-ic__icon,.diet-btn-ic[data-size=lg] .diet-btn-ic__icon{inline-size:var(--icon-size-16, 1rem);block-size:var(--icon-size-16, 1rem)}.diet-btn-ic[data-size=xl] .diet-btn-ic__icon{inline-size:var(--icon-size-20, 1.25rem);block-size:var(--icon-size-20, 1.25rem)}.diet-btn-ic:hover:not(:disabled):not([aria-disabled=true]){background:var(--btn-hover-bg);color:var(--btn-hover-color);border-color:var(--btn-hover-border-color)}.diet-btn-ic:active:not(:disabled):not([aria-disabled=true]){background:var(--btn-clicked-bg);color:var(--btn-clicked-color);border-color:var(--btn-clicked-border-color);transform:translateY(1px)}.diet-btn-ic:disabled,.diet-btn-ic[aria-disabled=true]{opacity:.48;cursor:not-allowed}.diet-btn-ic[data-variant=primary]{--btn-bg: var(--color-system-blue, #0a84ff);--btn-color: var(--color-system-white, #ffffff);--btn-border-color: transparent;--btn-hover-bg: color-mix(in oklab, var(--color-system-blue, #0a84ff), #000000 22%);--btn-clicked-bg: color-mix(in oklab, var(--color-system-blue, #0a84ff), #000000 40%)}.diet-btn-ic[data-variant=secondary]{--btn-bg: color-mix(in oklab, var(--color-text) 8%, transparent);--btn-border-width: 0px;--btn-border-color: transparent;--btn-hover-bg: color-mix(in oklab, var(--color-text) 12%, transparent);--btn-clicked-bg: color-mix(in oklab, var(--color-text) 20%, transparent)}.diet-btn-ic[data-variant=neutral]{--btn-bg: transparent;--btn-border-color: transparent;--btn-hover-bg: color-mix(in oklab, var(--color-text), transparent 88%);--btn-clicked-bg: color-mix(in oklab, var(--color-text), transparent 75%)}.diet-btn-ic[data-variant=line1]{--btn-bg: transparent;--btn-color: var(--color-system-blue, #0a84ff);--btn-border-width: 1px;--btn-border-color: var(--color-system-blue, #0a84ff);--btn-hover-bg: color-mix(in oklab, var(--color-system-blue, #0a84ff), transparent 60%);--btn-clicked-bg: color-mix(in oklab, var(--color-system-blue, #0a84ff), transparent 30%)}.diet-textfield{display:grid;gap:var(--hspace-2, .1rem);color:var(--color-system-black);width:100%}.diet-textfield__display-label{flex:0 0 auto;display:inline-flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 var(--fs-13)/var(--lh-tight) var(--font-ui);letter-spacing:-.02em;color:var(--color-system-black)}.diet-textfield__display-label.is-hidden{display:none}.diet-textfield__control,.diet-textfield__inner{position:relative;display:flex;align-items:center;gap:var(--space-1);inline-size:100%;min-inline-size:0;min-block-size:var(--control-size-md, 1.5rem);padding-inline:var(--control-padding-inline);border-radius:var(--control-radius-md, .375rem);border:1px solid transparent;background:var(--color-system-white);box-sizing:border-box;transition:background-color var(--duration-base, .16s) ease,border-color var(--duration-base, .16s) ease;cursor:text}.diet-textfield__control:hover,.diet-textfield__inner:hover{background:color-mix(in oklab,var(--color-system-white),var(--color-system-black) 6%)}.diet-textfield__control:focus-within,.diet-textfield__inner:focus-within{background:var(--color-system-white);border-color:var(--color-system-blue)}.diet-textfield__control:focus-within .diet-textfield__display-label,.diet-textfield__inner:focus-within .diet-textfield__display-label{display:none}.diet-textfield__field{flex:1 1 auto;min-inline-size:0;border:none;background:transparent;color:var(--color-system-black);font:400 var(--fs-13)/var(--lh-tight) var(--font-ui);line-height:1.2;padding-block:1px;padding-inline:0;padding:0;min-block-size:auto;outline:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diet-textfield__field::placeholder{color:color-mix(in oklab,var(--color-system-black),transparent 45%)}.diet-textfield__field:disabled{cursor:not-allowed;color:color-mix(in oklab,var(--color-system-black),transparent 40%)}.diet-textfield__helper{display:block}.diet-textfield__helper:empty{display:none}.diet-textfield[data-size=sm] .diet-textfield__control,.diet-textfield[data-size=sm] .diet-textfield__inner{min-block-size:var(--control-size-sm, 1.25rem);border-radius:var(--control-radius-sm, .25rem)}.diet-textfield[data-size=sm] .diet-textfield__display-label{font:500 var(--fs-11)/var(--lh-tight) var(--font-ui)}.diet-textfield[data-size=sm] .diet-textfield__field{font:400 var(--fs-11)/var(--lh-tight) var(--font-ui)}.diet-textfield[data-size=md] .diet-textfield__control,.diet-textfield[data-size=md] .diet-textfield__inner{min-block-size:var(--control-size-md, 1.5rem);border-radius:var(--control-radius-md, .25rem)}.diet-textfield[data-size=md] .diet-textfield__display-label{font:500 var(--fs-13)/var(--lh-tight) var(--font-ui)}.diet-textfield[data-size=md] .diet-textfield__field{font:400 var(--fs-13)/var(--lh-tight) var(--font-ui)}.diet-textfield[data-size=lg] .diet-textfield__control,.diet-textfield[data-size=lg] .diet-textfield__inner{min-block-size:var(--control-size-lg, 1.75rem);border-radius:var(--control-radius-lg, .3125rem)}.diet-textfield[data-size=lg] .diet-textfield__display-label{font:500 var(--fs-14)/var(--lh-tight) var(--font-ui)}.diet-textfield[data-size=lg] .diet-textfield__field{font:400 var(--fs-14)/var(--lh-tight) var(--font-ui)}@media(prefers-reduced-motion:reduce){.diet-textfield__field{transition:none}}@media(prefers-color-scheme:dark){.diet-textfield__control,.diet-textfield__inner{background:var(--color-system-gray-5)}}.diet-textfield__inner .diet-textfield__field,.diet-textfield__control .diet-textfield__field{border:none;background:transparent;padding-block:0;padding-inline:0;min-block-size:auto;flex:1 1 0;min-inline-size:0}.diet-textfield__icon{display:inline-flex;align-items:center;justify-content:center;inline-size:var(--icon-size-12, .75rem);block-size:var(--icon-size-12, .75rem);color:color-mix(in oklab,var(--color-system-black),transparent 40%);flex:none;opacity:0;pointer-events:none;transition:opacity var(--duration-base, .16s) ease,color var(--duration-base, .16s) ease}.diet-textfield[data-size=lg] .diet-textfield__icon{inline-size:var(--icon-size-16, 1rem);block-size:var(--icon-size-16, 1rem)}.diet-textfield__icon svg{inline-size:100%;block-size:100%;display:block}.diet-textfield__inner>button.diet-textfield__icon,.diet-textfield__control>button.diet-textfield__icon{border:0;background:transparent;padding:0;-webkit-appearance:none;appearance:none;cursor:pointer}.diet-textfield__control:hover .diet-textfield__icon,.diet-textfield__inner:hover .diet-textfield__icon{opacity:1;pointer-events:auto;color:var(--color-system-blue)}.diet-popover-host{position:relative;inline-size:100%}.diet-popover-host>.diet-popover{display:none;position:absolute;inset-inline-start:0;inset-inline-end:0;margin-inline:auto;top:0;z-index:12;opacity:0;transform:translateY(calc(-100% - var(--space-1, .5rem)));transition:opacity var(--duration-base, .16s) ease,transform var(--duration-base, .16s) ease;pointer-events:none}.diet-popover-host[data-state=open]>.diet-popover{display:flex;opacity:1;transform:translateY(0);pointer-events:auto}.diet-popover{--popover-padding: var(--space-2);--popover-section-gap: var(--space-3);inline-size:min(320px,100%);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--popover-section-gap);padding:var(--popover-padding);background:var(--color-system-white);color:var(--color-text);border-radius:var(--radius-4);box-shadow:var(--shadow-floating)}.diet-popover__header{padding:0;padding-inline:var(--control-padding-inline);background:transparent;border:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2, .5rem);inline-size:100%}.diet-popover__header-label{flex:1 1 auto;min-inline-size:0;display:inline-flex;align-items:center;gap:var(--space-1, .25rem);text-align:start}.diet-popover__header-trigger{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0;background:transparent;border:none;color:var(--color-system-black)}.diet-popover__content,.diet-popover__body{display:flex;flex-direction:column;gap:var(--space-2)}.diet-popover__body{padding:0}.diet-popover__content :where(p,ul,ol),.diet-popover__body :where(p,ul,ol){margin:0}