@layer properties, theme, base, default;
/* layer: properties */
@layer properties{
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*, ::before, ::after, ::backdrop{--un-bg-opacity:100%;--un-text-opacity:100%;--un-leading:initial;--un-border-opacity:100%;--un-border-top-opacity:100%;--un-border-bottom-opacity:100%;}}
@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-leading{syntax:"*";inherits:false;}
@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
}
/* layer: theme */
@layer theme{
:root, :host { --fontWeight-bold: 700; --spacing: 0.25rem; --colors-primary-DEFAULT: oklch(0.37 0.0642 211.98); --colors-white: #fff; --colors-error-DEFAULT: red; --colors-success-DEFAULT: green; --font-sans: "Helvetica Neue", "Helvetica", "Helvetica", "Arial", "sans-serif"; --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --default-font-family: var(--font-sans); --default-monoFont-family: var(--font-mono); --text-3xl-fontSize: 1.875rem; --text-3xl-lineHeight: 2.25rem; --fontWeight-black: 900; --colors-nutrition-box-content: oklch(0.3211 0 0); --text-xl-fontSize: 1.25rem; --text-xl-lineHeight: 1.75rem; --text-lg-fontSize: 1.125rem; --text-lg-lineHeight: 1.75rem; --colors-primary-content: oklch(1 0 0); --colors-neutral-DEFAULT: white; --colors-neutral-content: oklch(0.3211 0 0); --colors-sky-700: oklch(50% 0.134 242.749); --text-2xl-fontSize: 1.5rem; --text-2xl-lineHeight: 2rem; --text-5xl-fontSize: 3rem; --text-5xl-lineHeight: 1; --colors-gray-200: oklch(92.8% 0.006 264.531); --text-xs-fontSize: 0.75rem; --text-xs-lineHeight: 1rem; --text-sm-fontSize: 0.875rem; --text-sm-lineHeight: 1.25rem; --radius-xs: 0.125rem; --colors-gray-300: oklch(87.2% 0.01 258.338); }
}
/* layer: base */
@layer base{
 *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box;  margin: 0;  padding: 0;  border: 0 solid;  }  html, :host { line-height: 1.5;  -webkit-text-size-adjust: 100%;  tab-size: 4;  font-family: var( --default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' );  font-feature-settings: var(--default-font-featureSettings, normal);  font-variation-settings: var(--default-font-variationSettings, normal);  -webkit-tap-highlight-color: transparent;  }  hr { height: 0;  color: inherit;  border-top-width: 1px;  }  abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; }  h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }  a { color: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; }  b, strong { font-weight: bolder; }  code, kbd, samp, pre { font-family: var( --default-monoFont-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace );  font-feature-settings: var(--default-monoFont-featureSettings, normal);  font-variation-settings: var(--default-monoFont-variationSettings, normal);  font-size: 1em;  }  small { font-size: 80%; }  sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; }  table { text-indent: 0;  border-color: inherit;  border-collapse: collapse;  }  :-moz-focusring { outline: auto; }  progress { vertical-align: baseline; }  summary { display: list-item; }  ol, ul, menu { list-style: none; }  img, svg, video, canvas, audio, iframe, embed, object { display: block;  vertical-align: middle;  }  img, video { max-width: 100%; height: auto; }  button, input, select, optgroup, textarea, ::file-selector-button { font: inherit;  font-feature-settings: inherit;  font-variation-settings: inherit;  letter-spacing: inherit;  color: inherit;  border-radius: 0;  background-color: transparent;  opacity: 1;  }  :where(select:is([multiple], [size])) optgroup { font-weight: bolder; }  :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; }  ::file-selector-button { margin-inline-end: 4px; }  ::placeholder { opacity: 1; }  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px)  { ::placeholder { color: color-mix(in oklab, currentcolor 50%, transparent); } }  textarea { resize: vertical; }  ::-webkit-search-decoration { -webkit-appearance: none; }  ::-webkit-date-and-time-value { min-height: 1lh;  text-align: inherit;  }  ::-webkit-datetime-edit { display: inline-flex; }  ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { padding-block: 0; }  ::-webkit-calendar-picker-indicator { line-height: 1; }  :-moz-ui-invalid { box-shadow: none; }  button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button { appearance: button; }  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }  [hidden]:where(:not([hidden~='until-found'])) { display: none !important; }
}
/* layer: default */
@layer default{
.text-\[12px\]{font-size:12px;}
.text-\[2rem\]{font-size:2rem;}
.text-2xl{font-size:var(--text-2xl-fontSize);line-height:var(--un-leading, var(--text-2xl-lineHeight));}
.text-3xl{font-size:var(--text-3xl-fontSize);line-height:var(--un-leading, var(--text-3xl-lineHeight));}
.text-lg{font-size:var(--text-lg-fontSize);line-height:var(--un-leading, var(--text-lg-lineHeight));}
.text-xl{font-size:var(--text-xl-fontSize);line-height:var(--un-leading, var(--text-xl-lineHeight));}
.text-\[\#08c\]{color:color-mix(in oklab, #08c var(--un-text-opacity), transparent);}
.text-error{color:color-mix(in srgb, var(--colors-error-DEFAULT) var(--un-text-opacity), transparent);}
.text-nutrition-box-content{color:color-mix(in srgb, var(--colors-nutrition-box-content) var(--un-text-opacity), transparent);}
.text-primary{color:color-mix(in srgb, var(--colors-primary-DEFAULT) var(--un-text-opacity), transparent);}
.text-primary-content{color:color-mix(in srgb, var(--colors-primary-content) var(--un-text-opacity), transparent);}
.text-sky-700{color:color-mix(in srgb, var(--colors-sky-700) var(--un-text-opacity), transparent);}
.text-success{color:color-mix(in srgb, var(--colors-success-DEFAULT) var(--un-text-opacity), transparent);}
.leading-\[1\.5\]{--un-leading:1.5;line-height:1.5;}
.font-\[Arial\]{font-family:Arial;}
.font-\[Helvetica\,Arial\]{font-family:Helvetica,Arial;}
.font-black{--un-font-weight:var(--fontWeight-black);font-weight:var(--fontWeight-black);}
.font-bold{--un-font-weight:var(--fontWeight-bold);font-weight:var(--fontWeight-bold);}
.font-sans{font-family:var(--font-sans);}
.mx-auto{margin-inline:auto;}
.ms-6{margin-inline-start:calc(var(--spacing) * 6);}
.mt-2{margin-top:calc(var(--spacing) * 2);}
.p-2{padding:calc(var(--spacing) * 2);}
.px-2{padding-inline:calc(var(--spacing) * 2);}
.text-center{text-align:center;}
.text-right{text-align:right;}
.list-disc{list-style-type:disc;}
.list-inside{list-style-position:inside;}
.border-1{border-width:1px;}
.border-t-1{border-top-width:1px;}
.border-t-10{border-top-width:10px;}
.border-t-4{border-top-width:4px;}
.border-nutrition-box-content{border-color:color-mix(in srgb, var(--colors-nutrition-box-content) var(--un-border-opacity), transparent);}
.bg-\[--child-gtin-header\]{background-color:color-mix(in oklab, var(--child-gtin-header) var(--un-bg-opacity), transparent);}
.bg-primary{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) var(--un-bg-opacity), transparent);}
.bg-white{background-color:color-mix(in srgb, var(--colors-white) var(--un-bg-opacity), transparent);}
.underline{text-decoration-line:underline;}
.gap-x-2{column-gap:calc(var(--spacing) * 2);}
.gap-y-1{row-gap:calc(var(--spacing) * 1);}
.gap-y-2{row-gap:calc(var(--spacing) * 2);}
.grid{display:grid;}
.row-span-3{grid-row:span 3/span 3;}
.grid-flow-col{grid-auto-flow:column;}
.grid-cols-\[auto_auto_1fr\]{grid-template-columns:auto auto 1fr;}
.grid-cols-\[auto_auto\]{grid-template-columns:auto auto;}
.grid-cols-\[repeat\(auto-fill\,100px\)\]{grid-template-columns:repeat(auto-fill,100px);}
.grid-rows-subgrid{grid-template-rows:subgrid;}
.h-\[100px\]{height:100px;}
.h-\[400px\]{height:400px;}
.max-h-full{max-height:100%;}
.max-w-\[700px\]{max-width:700px;}
.max-w-full{max-width:100%;}
.w-\[16px\]{width:16px;}
.w-1\/2{width:50%;}
.contents{display:contents;}
.hidden{display:none;}
.invisible{visibility:hidden;}
.cursor-pointer{cursor:pointer;}
.items-start{align-items:flex-start;}
.items-center{align-items:center;}
.justify-start{justify-content:flex-start;}
.justify-end{justify-content:flex-end;}
.justify-between{justify-content:space-between;}
.justify-items-center{justify-items:center;}
.justify-self-end{justify-self:end;}
@supports (color: color-mix(in lab, red, red)){
.text-error{color:color-mix(in oklab, var(--colors-error-DEFAULT) var(--un-text-opacity), transparent);}
.text-nutrition-box-content{color:color-mix(in oklab, var(--colors-nutrition-box-content) var(--un-text-opacity), transparent);}
.text-primary{color:color-mix(in oklab, var(--colors-primary-DEFAULT) var(--un-text-opacity), transparent);}
.text-primary-content{color:color-mix(in oklab, var(--colors-primary-content) var(--un-text-opacity), transparent);}
.text-sky-700{color:color-mix(in oklab, var(--colors-sky-700) var(--un-text-opacity), transparent);}
.text-success{color:color-mix(in oklab, var(--colors-success-DEFAULT) var(--un-text-opacity), transparent);}
.border-nutrition-box-content{border-color:color-mix(in oklab, var(--colors-nutrition-box-content) var(--un-border-opacity), transparent);}
.bg-primary{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) var(--un-bg-opacity), transparent);}
.bg-white{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}
}
@media (max-width: calc(40rem - 0.1px)){
.max-sm\:hidden{display:none;}
}
@media (min-width: 48rem){
.md\:text-center{text-align:center;}
.md\:grid-cols-\[1fr_2fr\]{grid-template-columns:1fr 2fr;}
.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}
}
}

@layer preflights{

	[v-cloak]{
		display: none !important;
	}

	body:has(:not(:defined)){
		visibility: hidden;
	}
}

@layer theme{
	:root,:host{
		--font-sans: Helvetica, Arial, "Lucida Sans Unicode", sans-serif;
		--colors-primary-DEFAULT: oklch(0.4602 0.124 248.04);
		--colors-primary-content: oklch(1 0 0);
		--child-gtin-header: oklch(0.3261 0.0987 253.9);
	}
}