@layer reset, base, tokens, recipes;

@layer reset {
  html { line-height: 1.5; --font-fallback: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'; text-size-adjust: 100%; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; touch-action: manipulation; tab-size: 4; font-family: var(--global-font-body, var(--font-fallback)); }
  * { margin: 0px; padding: 0px; font: inherit; overflow-wrap: break-word; -webkit-tap-highlight-color: transparent; }
  *, ::before, ::after, ::backdrop { box-sizing: border-box; border-width: 0px; border-style: solid; border-color: var(--global-color-border, currentColor); }
  hr { height: 0px; color: inherit; border-top-width: 1px; }
  body { min-height: 100dvh; position: relative; }
  img { border-style: none; }
  img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; }
  iframe { border: none; }
  img, video { max-width: 100%; height: auto; }
  p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; }
  ol, ul { list-style: none; }
  code, kbd, pre, samp { font-size: 1em; }
  button, [type="button"], [type="reset"], [type="submit"] { appearance: button; background-color: transparent; background-image: none; }
  button, input, optgroup, select, textarea { color: inherit; }
  button, select { text-transform: none; }
  table { text-indent: 0px; border-color: inherit; border-collapse: collapse; }
  ::-webkit-input-placeholder { opacity: unset; color: rgb(156, 163, 175); user-select: none; }
  ::placeholder { opacity: unset; color: rgb(156, 163, 175); user-select: none; }
  textarea { resize: vertical; }
  summary { display: list-item; }
  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; }
  dialog { padding: 0px; }
  a { color: inherit; text-decoration: inherit; }
  abbr:where([title]) { text-decoration: underline dotted; }
  b, strong { font-weight: bolder; }
  code, kbd, samp, pre { font-size: 1em; --font-mono-fallback: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,'Liberation Mono','Courier New'; font-family: var(--global-font-mono, var(--font-mono-fallback)); }
  input[type="text"], input[type="email"], input[type="search"], input[type="password"] { appearance: none; }
  input[type="search"] { appearance: textfield; outline-offset: -2px; }
  ::-webkit-search-decoration, ::-webkit-search-cancel-button { appearance: none; }
  ::-webkit-file-upload-button { appearance: button; font: inherit; }
  input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
  input[type="number"] { }
  [hidden]:where(:not([hidden="until-found"])) { display: none !important; }
}
@layer base {
  @-webkit-keyframes spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
  @keyframes spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
  @-webkit-keyframes pulse { 
  50% { opacity: 0.5; }
}
  @keyframes pulse { 
  50% { opacity: 0.5; }
}
  @-webkit-keyframes ping { 
  75%, 100% { transform: scale(2); opacity: 0; }
}
  @keyframes ping { 
  75%, 100% { transform: scale(2); opacity: 0; }
}
  @-webkit-keyframes bounce { 
  0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); }
  50% { transform: none; animation-timing-function: cubic-bezier(0, 0, 0.2, 1); }
}
  @keyframes bounce { 
  0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); }
  50% { transform: none; animation-timing-function: cubic-bezier(0, 0, 0.2, 1); }
}
  @-webkit-keyframes bg-position { 
  0% { background-position: var(--animate-from, 1rem) 0; }
  100% { background-position: var(--animate-to, 0) 0; }
}
  @keyframes bg-position { 
  0% { background-position: var(--animate-from, 1rem) 0; }
  100% { background-position: var(--animate-to, 0) 0; }
}
  @-webkit-keyframes position { 
  0% { inset-inline-start: var(--animate-from-x); inset-block-start: var(--animate-from-y); }
  100% { inset-inline-start: var(--animate-to-x); inset-block-start: var(--animate-to-y); }
}
  @keyframes position { 
  0% { inset-inline-start: var(--animate-from-x); inset-block-start: var(--animate-from-y); }
  100% { inset-inline-start: var(--animate-to-x); inset-block-start: var(--animate-to-y); }
}
  @-webkit-keyframes circular-progress { 
  0% { stroke-dasharray: 1, 400; stroke-dashoffset: 0; }
  50% { stroke-dasharray: 400, 400; stroke-dashoffset: -100%; }
  100% { stroke-dasharray: 400, 400; stroke-dashoffset: -260%; }
}
  @keyframes circular-progress { 
  0% { stroke-dasharray: 1, 400; stroke-dashoffset: 0; }
  50% { stroke-dasharray: 400, 400; stroke-dashoffset: -100%; }
  100% { stroke-dasharray: 400, 400; stroke-dashoffset: -260%; }
}
  @-webkit-keyframes expand-height { 
  0% { height: var(--collapsed-height, 0); }
  100% { height: var(--height); }
}
  @keyframes expand-height { 
  0% { height: var(--collapsed-height, 0); }
  100% { height: var(--height); }
}
  @-webkit-keyframes collapse-height { 
  0% { height: var(--height); }
  100% { height: var(--collapsed-height, 0); }
}
  @keyframes collapse-height { 
  0% { height: var(--height); }
  100% { height: var(--collapsed-height, 0); }
}
  @-webkit-keyframes expand-width { 
  0% { width: var(--collapsed-width, 0); }
  100% { width: var(--width); }
}
  @keyframes expand-width { 
  0% { width: var(--collapsed-width, 0); }
  100% { width: var(--width); }
}
  @-webkit-keyframes collapse-width { 
  0% { height: var(--width); }
  100% { height: var(--collapsed-width, 0); }
}
  @keyframes collapse-width { 
  0% { height: var(--width); }
  100% { height: var(--collapsed-width, 0); }
}
  @-webkit-keyframes fade-in { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
  @keyframes fade-in { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
  @-webkit-keyframes fade-out { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}
  @keyframes fade-out { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}
  @-webkit-keyframes slide-from-left-full { 
  0% { translate: -100%; }
  100% { translate: 0px; }
}
  @keyframes slide-from-left-full { 
  0% { translate: -100%; }
  100% { translate: 0px; }
}
  @-webkit-keyframes slide-from-right-full { 
  0% { translate: 100%; }
  100% { translate: 0px; }
}
  @keyframes slide-from-right-full { 
  0% { translate: 100%; }
  100% { translate: 0px; }
}
  @-webkit-keyframes slide-from-top-full { 
  0% { translate: 0px -100%; }
  100% { translate: 0px; }
}
  @keyframes slide-from-top-full { 
  0% { translate: 0px -100%; }
  100% { translate: 0px; }
}
  @-webkit-keyframes slide-from-bottom-full { 
  0% { translate: 0px 100%; }
  100% { translate: 0px; }
}
  @keyframes slide-from-bottom-full { 
  0% { translate: 0px 100%; }
  100% { translate: 0px; }
}
  @-webkit-keyframes slide-to-left-full { 
  0% { translate: 0px; }
  100% { translate: -100%; }
}
  @keyframes slide-to-left-full { 
  0% { translate: 0px; }
  100% { translate: -100%; }
}
  @-webkit-keyframes slide-to-right-full { 
  0% { translate: 0px; }
  100% { translate: 100%; }
}
  @keyframes slide-to-right-full { 
  0% { translate: 0px; }
  100% { translate: 100%; }
}
  @-webkit-keyframes slide-to-top-full { 
  0% { translate: 0px; }
  100% { translate: 0px -100%; }
}
  @keyframes slide-to-top-full { 
  0% { translate: 0px; }
  100% { translate: 0px -100%; }
}
  @-webkit-keyframes slide-to-bottom-full { 
  0% { translate: 0px; }
  100% { translate: 0px 100%; }
}
  @keyframes slide-to-bottom-full { 
  0% { translate: 0px; }
  100% { translate: 0px 100%; }
}
  @-webkit-keyframes slide-from-top { 
  0% { translate: 0px -0.5rem; }
  100% { translate: 0px; }
}
  @keyframes slide-from-top { 
  0% { translate: 0px -0.5rem; }
  100% { translate: 0px; }
}
  @-webkit-keyframes slide-from-bottom { 
  0% { translate: 0px 0.5rem; }
  100% { translate: 0px; }
}
  @keyframes slide-from-bottom { 
  0% { translate: 0px 0.5rem; }
  100% { translate: 0px; }
}
  @-webkit-keyframes slide-from-left { 
  0% { translate: -0.5rem; }
  100% { translate: 0px; }
}
  @keyframes slide-from-left { 
  0% { translate: -0.5rem; }
  100% { translate: 0px; }
}
  @-webkit-keyframes slide-from-right { 
  0% { translate: 0.5rem; }
  100% { translate: 0px; }
}
  @keyframes slide-from-right { 
  0% { translate: 0.5rem; }
  100% { translate: 0px; }
}
  @-webkit-keyframes slide-to-top { 
  0% { translate: 0px; }
  100% { translate: 0px -0.5rem; }
}
  @keyframes slide-to-top { 
  0% { translate: 0px; }
  100% { translate: 0px -0.5rem; }
}
  @-webkit-keyframes slide-to-bottom { 
  0% { translate: 0px; }
  100% { translate: 0px 0.5rem; }
}
  @keyframes slide-to-bottom { 
  0% { translate: 0px; }
  100% { translate: 0px 0.5rem; }
}
  @-webkit-keyframes slide-to-left { 
  0% { translate: 0px; }
  100% { translate: -0.5rem; }
}
  @keyframes slide-to-left { 
  0% { translate: 0px; }
  100% { translate: -0.5rem; }
}
  @-webkit-keyframes slide-to-right { 
  0% { translate: 0px; }
  100% { translate: 0.5rem; }
}
  @keyframes slide-to-right { 
  0% { translate: 0px; }
  100% { translate: 0.5rem; }
}
  @-webkit-keyframes scale-in { 
  0% { scale: 0.95; }
  100% { scale: 1; }
}
  @keyframes scale-in { 
  0% { scale: 0.95; }
  100% { scale: 1; }
}
  @-webkit-keyframes scale-out { 
  0% { scale: 1; }
  100% { scale: 0.95; }
}
  @keyframes scale-out { 
  0% { scale: 1; }
  100% { scale: 0.95; }
}
  * { font-feature-settings: "cv11"; --ring-offset-width: 0px; --ring-offset-color: #fff; --ring-color: rgba(66, 153, 225, 0.6); --ring-offset-shadow: 0 0 #0000; --ring-shadow: 0 0 #0000; --global-font-mono: var(--chakra-fonts-mono); --global-font-body: var(--chakra-fonts-body); --global-color-border: var(--chakra-colors-border); --ring-inset: var(--chakra-empty,/**/ /*!*/) !important; --brightness: var(--chakra-empty,/**/ /*!*/) !important; --contrast: var(--chakra-empty,/**/ /*!*/) !important; --grayscale: var(--chakra-empty,/**/ /*!*/) !important; --hue-rotate: var(--chakra-empty,/**/ /*!*/) !important; --invert: var(--chakra-empty,/**/ /*!*/) !important; --saturate: var(--chakra-empty,/**/ /*!*/) !important; --sepia: var(--chakra-empty,/**/ /*!*/) !important; --drop-shadow: var(--chakra-empty,/**/ /*!*/) !important; --backdrop-blur: var(--chakra-empty,/**/ /*!*/) !important; --backdrop-brightness: var(--chakra-empty,/**/ /*!*/) !important; --backdrop-contrast: var(--chakra-empty,/**/ /*!*/) !important; --backdrop-grayscale: var(--chakra-empty,/**/ /*!*/) !important; --backdrop-hue-rotate: var(--chakra-empty,/**/ /*!*/) !important; --backdrop-invert: var(--chakra-empty,/**/ /*!*/) !important; --backdrop-opacity: var(--chakra-empty,/**/ /*!*/) !important; --backdrop-saturate: var(--chakra-empty,/**/ /*!*/) !important; --backdrop-sepia: var(--chakra-empty,/**/ /*!*/) !important; }
  html { color: var(--chakra-colors-fg); background: var(--chakra-colors-bg); --bg-currentcolor: var(--chakra-colors-bg); line-height: 1.5; --chakra-colors-color-palette-50: var(--chakra-colors-gray-50); --chakra-colors-color-palette-100: var(--chakra-colors-gray-100); --chakra-colors-color-palette-200: var(--chakra-colors-gray-200); --chakra-colors-color-palette-300: var(--chakra-colors-gray-300); --chakra-colors-color-palette-400: var(--chakra-colors-gray-400); --chakra-colors-color-palette-500: var(--chakra-colors-gray-500); --chakra-colors-color-palette-600: var(--chakra-colors-gray-600); --chakra-colors-color-palette-700: var(--chakra-colors-gray-700); --chakra-colors-color-palette-800: var(--chakra-colors-gray-800); --chakra-colors-color-palette-900: var(--chakra-colors-gray-900); --chakra-colors-color-palette-950: var(--chakra-colors-gray-950); --chakra-colors-color-palette-contrast: var(--chakra-colors-gray-contrast); --chakra-colors-color-palette-fg: var(--chakra-colors-gray-fg); --chakra-colors-color-palette-subtle: var(--chakra-colors-gray-subtle); --chakra-colors-color-palette-muted: var(--chakra-colors-gray-muted); --chakra-colors-color-palette-emphasized: var(--chakra-colors-gray-emphasized); --chakra-colors-color-palette-solid: var(--chakra-colors-gray-solid); --chakra-colors-color-palette-focus-ring: var(--chakra-colors-gray-focus-ring); --chakra-colors-color-palette-border: var(--chakra-colors-gray-border); }
  ::-webkit-input-placeholder { --mix-color: color-mix(in srgb, var(--chakra-colors-fg-muted) 80%, transparent); color: var(--mix-color, var(--chakra-colors-fg-muted)); }
  ::placeholder, [data-placeholder] { --mix-color: color-mix(in srgb, var(--chakra-colors-fg-muted) 80%, transparent); color: var(--mix-color, var(--chakra-colors-fg-muted)); }
  ::selection { --mix-background: color-mix(in srgb, var(--chakra-colors-color-palette-emphasized) 80%, transparent); background: var(--mix-background, var(--chakra-colors-color-palette-emphasized)); --bg-currentcolor: var(--mix-background, var(--chakra-colors-color-palette-emphasized)); }
  ul, ol { padding-left: 1.5em; }
  ul { list-style-type: disc; }
  ol { list-style-type: decimal; }
  .rich-text h1 { font-size: var(--chakra-font-sizes-h1); line-height: var(--chakra-line-heights-h1); }
  .rich-text h2 { font-size: var(--chakra-font-sizes-h2); line-height: var(--chakra-line-heights-h2); }
  .rich-text h3 { font-size: var(--chakra-font-sizes-h3); line-height: var(--chakra-line-heights-h3); }
  .rich-text p { margin-bottom: 0.75rem; }
  .rich-text p:last-child { margin-bottom: 0px; }
  .rich-text ul, .rich-text ol { margin-left: 1.25rem; margin-bottom: 0.75rem; padding-left: 0.5rem; }
  .rich-text li { margin-bottom: 0.25rem; }
  .rich-text li:last-child { margin-bottom: 0px; }
  .rich-text a { color: var(--chakra-colors-primary-primary600); text-decoration: underline; }
  .rich-text a:hover { color: var(--chakra-colors-primary-primary800); }
}
@layer tokens {
  :where(html, .chakra-theme) { --chakra-aspect-ratios-square: 1/1; --chakra-aspect-ratios-landscape: 4/3; --chakra-aspect-ratios-portrait: 3/4; --chakra-aspect-ratios-wide: 16/9; --chakra-aspect-ratios-ultrawide: 18/5; --chakra-aspect-ratios-golden: 1.618/1; --chakra-animations-spin: spin 1s linear infinite; --chakra-animations-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; --chakra-animations-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; --chakra-animations-bounce: bounce 1s infinite; --chakra-blurs-sm: 4px; --chakra-blurs-md: 8px; --chakra-blurs-lg: 12px; --chakra-blurs-xl: 16px; --chakra-blurs-2xl: 24px; --chakra-blurs-3xl: 40px; --chakra-blurs-4xl: 64px; --chakra-borders-xs: 0.5px solid; --chakra-borders-sm: 1px solid; --chakra-borders-md: 2px solid; --chakra-borders-lg: 4px solid; --chakra-borders-xl: 8px solid; --chakra-colors-transparent: transparent; --chakra-colors-current: currentColor; --chakra-colors-black: #09090B; --chakra-colors-white: #FFFFFF; --chakra-colors-white-alpha-50: rgba(255, 255, 255, 0.04); --chakra-colors-white-alpha-100: rgba(255, 255, 255, 0.06); --chakra-colors-white-alpha-200: rgba(255, 255, 255, 0.08); --chakra-colors-white-alpha-300: rgba(255, 255, 255, 0.16); --chakra-colors-white-alpha-400: rgba(255, 255, 255, 0.24); --chakra-colors-white-alpha-500: rgba(255, 255, 255, 0.36); --chakra-colors-white-alpha-600: rgba(255, 255, 255, 0.48); --chakra-colors-white-alpha-700: rgba(255, 255, 255, 0.64); --chakra-colors-white-alpha-800: rgba(255, 255, 255, 0.80); --chakra-colors-white-alpha-900: rgba(255, 255, 255, 0.92); --chakra-colors-white-alpha-950: rgba(255, 255, 255, 0.95); --chakra-colors-black-alpha-50: rgba(0, 0, 0, 0.04); --chakra-colors-black-alpha-100: rgba(0, 0, 0, 0.06); --chakra-colors-black-alpha-200: rgba(0, 0, 0, 0.08); --chakra-colors-black-alpha-300: rgba(0, 0, 0, 0.16); --chakra-colors-black-alpha-400: rgba(0, 0, 0, 0.24); --chakra-colors-black-alpha-500: rgba(0, 0, 0, 0.36); --chakra-colors-black-alpha-600: rgba(0, 0, 0, 0.48); --chakra-colors-black-alpha-700: rgba(0, 0, 0, 0.64); --chakra-colors-black-alpha-800: rgba(0, 0, 0, 0.80); --chakra-colors-black-alpha-900: rgba(0, 0, 0, 0.92); --chakra-colors-black-alpha-950: rgba(0, 0, 0, 0.95); --chakra-colors-gray-50: #fafafa; --chakra-colors-gray-100: #f4f4f5; --chakra-colors-gray-200: #e4e4e7; --chakra-colors-gray-300: #d4d4d8; --chakra-colors-gray-400: #a1a1aa; --chakra-colors-gray-500: #71717a; --chakra-colors-gray-600: #52525b; --chakra-colors-gray-700: #3f3f46; --chakra-colors-gray-800: #27272a; --chakra-colors-gray-900: #18181b; --chakra-colors-gray-950: #111111; --chakra-colors-red-50: #fef2f2; --chakra-colors-red-100: #fee2e2; --chakra-colors-red-200: #fecaca; --chakra-colors-red-300: #fca5a5; --chakra-colors-red-400: #f87171; --chakra-colors-red-500: #ef4444; --chakra-colors-red-600: #dc2626; --chakra-colors-red-700: #991919; --chakra-colors-red-800: #511111; --chakra-colors-red-900: #300c0c; --chakra-colors-red-950: #1f0808; --chakra-colors-orange-50: #fff7ed; --chakra-colors-orange-100: #ffedd5; --chakra-colors-orange-200: #fed7aa; --chakra-colors-orange-300: #fdba74; --chakra-colors-orange-400: #fb923c; --chakra-colors-orange-500: #f97316; --chakra-colors-orange-600: #ea580c; --chakra-colors-orange-700: #92310a; --chakra-colors-orange-800: #6c2710; --chakra-colors-orange-900: #3b1106; --chakra-colors-orange-950: #220a04; --chakra-colors-yellow-50: #fefce8; --chakra-colors-yellow-100: #fef9c3; --chakra-colors-yellow-200: #fef08a; --chakra-colors-yellow-300: #fde047; --chakra-colors-yellow-400: #facc15; --chakra-colors-yellow-500: #eab308; --chakra-colors-yellow-600: #ca8a04; --chakra-colors-yellow-700: #845209; --chakra-colors-yellow-800: #713f12; --chakra-colors-yellow-900: #422006; --chakra-colors-yellow-950: #281304; --chakra-colors-green-50: #f0fdf4; --chakra-colors-green-100: #dcfce7; --chakra-colors-green-200: #bbf7d0; --chakra-colors-green-300: #86efac; --chakra-colors-green-400: #4ade80; --chakra-colors-green-500: #22c55e; --chakra-colors-green-600: #16a34a; --chakra-colors-green-700: #116932; --chakra-colors-green-800: #124a28; --chakra-colors-green-900: #042713; --chakra-colors-green-950: #03190c; --chakra-colors-teal-50: #f0fdfa; --chakra-colors-teal-100: #ccfbf1; --chakra-colors-teal-200: #99f6e4; --chakra-colors-teal-300: #5eead4; --chakra-colors-teal-400: #2dd4bf; --chakra-colors-teal-500: #14b8a6; --chakra-colors-teal-600: #0d9488; --chakra-colors-teal-700: #0c5d56; --chakra-colors-teal-800: #114240; --chakra-colors-teal-900: #032726; --chakra-colors-teal-950: #021716; --chakra-colors-blue-50: #eff6ff; --chakra-colors-blue-100: #dbeafe; --chakra-colors-blue-200: #bfdbfe; --chakra-colors-blue-300: #a3cfff; --chakra-colors-blue-400: #60a5fa; --chakra-colors-blue-500: #3b82f6; --chakra-colors-blue-600: #2563eb; --chakra-colors-blue-700: #173da6; --chakra-colors-blue-800: #1a3478; --chakra-colors-blue-900: #14204a; --chakra-colors-blue-950: #0c142e; --chakra-colors-cyan-50: #ecfeff; --chakra-colors-cyan-100: #cffafe; --chakra-colors-cyan-200: #a5f3fc; --chakra-colors-cyan-300: #67e8f9; --chakra-colors-cyan-400: #22d3ee; --chakra-colors-cyan-500: #06b6d4; --chakra-colors-cyan-600: #0891b2; --chakra-colors-cyan-700: #0c5c72; --chakra-colors-cyan-800: #134152; --chakra-colors-cyan-900: #072a38; --chakra-colors-cyan-950: #051b24; --chakra-colors-purple-50: #faf5ff; --chakra-colors-purple-100: #f3e8ff; --chakra-colors-purple-200: #e9d5ff; --chakra-colors-purple-300: #d8b4fe; --chakra-colors-purple-400: #c084fc; --chakra-colors-purple-500: #a855f7; --chakra-colors-purple-600: #9333ea; --chakra-colors-purple-700: #641ba3; --chakra-colors-purple-800: #4a1772; --chakra-colors-purple-900: #2f0553; --chakra-colors-purple-950: #1a032e; --chakra-colors-pink-50: #fdf2f8; --chakra-colors-pink-100: #fce7f3; --chakra-colors-pink-200: #fbcfe8; --chakra-colors-pink-300: #f9a8d4; --chakra-colors-pink-400: #f472b6; --chakra-colors-pink-500: #ec4899; --chakra-colors-pink-600: #db2777; --chakra-colors-pink-700: #a41752; --chakra-colors-pink-800: #6d0e34; --chakra-colors-pink-900: #45061f; --chakra-colors-pink-950: #2c0514; --chakra-colors-rust-orange-50: #FAEDEA; --chakra-colors-rust-orange-100: #EEC8BE; --chakra-colors-rust-orange-200: #E6AD9F; --chakra-colors-rust-orange-300: #DB8773; --chakra-colors-rust-orange-400: #D47058; --chakra-colors-rust-orange-500: #C94C2E; --chakra-colors-rust-orange-600: #B7452A; --chakra-colors-rust-orange-700: #8F3621; --chakra-colors-rust-orange-800: #6F2A19; --chakra-colors-rust-orange-900: #542013; --chakra-colors-timberwolf-50: #FCFCFB; --chakra-colors-timberwolf-100: #F7F5F2; --chakra-colors-timberwolf-200: #F3F0EB; --chakra-colors-timberwolf-300: #EDE9E2; --chakra-colors-timberwolf-400: #E9E5DD; --chakra-colors-timberwolf-500: #E4DED4; --chakra-colors-timberwolf-600: #CFCAC1; --chakra-colors-timberwolf-700: #A29E97; --chakra-colors-timberwolf-800: #7D7A75; --chakra-colors-timberwolf-900: #605D59; --chakra-colors-olive-green-50: #F0F4E9; --chakra-colors-olive-green-100: #D1DCBB; --chakra-colors-olive-green-200: #BBCB9A; --chakra-colors-olive-green-300: #9CB36C; --chakra-colors-olive-green-400: #89A54F; --chakra-colors-olive-green-500: #6B8E23; --chakra-colors-olive-green-600: #618120; --chakra-colors-olive-green-700: #4C6519; --chakra-colors-olive-green-800: #3B4E13; --chakra-colors-olive-green-900: #2D3C0F; --chakra-colors-grey-50: #F4F3F3; --chakra-colors-grey-75: #E7E7E9; --chakra-colors-grey-100: #BEBEBE; --chakra-colors-grey-200: #9F9F9F; --chakra-colors-grey-300: #737373; --chakra-colors-grey-400: #464646; --chakra-colors-grey-500: #2E2E2E; --chakra-colors-grey-600: #2A2A2A; --chakra-colors-grey-700: #212121; --chakra-colors-grey-800: #191919; --chakra-colors-grey-900: #131313; --chakra-colors-pale-blue-50: #F5FBFB; --chakra-colors-pale-blue-100: #E1F3F4; --chakra-colors-pale-blue-200: #D3EEEE; --chakra-colors-pale-blue-300: #BFE6E7; --chakra-colors-pale-blue-400: #B2E1E2; --chakra-colors-pale-blue-500: #9FD9DB; --chakra-colors-pale-blue-600: #91C5C7; --chakra-colors-pale-blue-700: #719A9B; --chakra-colors-pale-blue-800: #577778; --chakra-colors-pale-blue-900: #435B5C; --chakra-colors-cobalt-50: #E8EDF6; --chakra-colors-cobalt-100: #B7C6E4; --chakra-colors-cobalt-200: #94AAD7; --chakra-colors-cobalt-300: #6383C5; --chakra-colors-cobalt-400: #456BB9; --chakra-colors-cobalt-500: #1646A8; --chakra-colors-cobalt-600: #144099; --chakra-colors-cobalt-700: #103277; --chakra-colors-cobalt-800: #0C275C; --chakra-colors-cobalt-900: #091D47; --chakra-colors-royal-blue-50: #E7EAF0; --chakra-colors-royal-blue-100: #B4BDD0; --chakra-colors-royal-blue-200: #909DB9; --chakra-colors-royal-blue-300: #5D7198; --chakra-colors-royal-blue-400: #3D5585; --chakra-colors-royal-blue-500: #0D2B66; --chakra-colors-royal-blue-600: #0C275D; --chakra-colors-royal-blue-700: #091F48; --chakra-colors-royal-blue-800: #071838; --chakra-colors-royal-blue-900: #05122B; --chakra-colors-neutrals-black: #0D0D0D; --chakra-colors-neutrals-white: #FFFFFF; --chakra-colors-neutrals-off-white: #FAFAFA; --chakra-colors-danger-50: #FFFBFB; --chakra-colors-danger-100: #FEF2F2; --chakra-colors-danger-200: #FFECEE; --chakra-colors-danger-300: #FFCCD2; --chakra-colors-danger-400: #F49898; --chakra-colors-danger-500: #EB6F70; --chakra-colors-danger-600: #F64C4C; --chakra-colors-danger-700: #EC2D30; --chakra-colors-warning-50: #FFFDFB; --chakra-colors-warning-100: #FFF9EE; --chakra-colors-warning-200: #FFF7E1; --chakra-colors-warning-300: #FFEAB3; --chakra-colors-warning-400: #FFDD82; --chakra-colors-warning-500: #FFC62B; --chakra-colors-warning-600: #FFAD0D; --chakra-colors-warning-700: #FE9B0E; --chakra-colors-success-50: #FBFEFC; --chakra-colors-success-100: #F2FAF6; --chakra-colors-success-200: #E5F5EC; --chakra-colors-success-300: #C0E5D1; --chakra-colors-success-400: #97D4B4; --chakra-colors-success-500: #6BC497; --chakra-colors-success-600: #47B881; --chakra-colors-success-700: #0C9D61; --chakra-durations-fastest: 50ms; --chakra-durations-faster: 100ms; --chakra-durations-fast: 150ms; --chakra-durations-moderate: 200ms; --chakra-durations-slow: 300ms; --chakra-durations-slower: 400ms; --chakra-durations-slowest: 500ms; --chakra-easings-ease-in: cubic-bezier(0.42, 0, 1, 1); --chakra-easings-ease-out: cubic-bezier(0, 0, 0.58, 1); --chakra-easings-ease-in-out: cubic-bezier(0.42, 0, 0.58, 1); --chakra-easings-ease-in-smooth: cubic-bezier(0.32, 0.72, 0, 1); --chakra-fonts-heading: Plus Jakarta Sans,Merriweather,serif; --chakra-fonts-body: Plus Jakarta Sans,Open Sans,sans-serif; --chakra-fonts-mono: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --chakra-font-sizes-2xs: 0.625rem; --chakra-font-sizes-xs: 0.75rem; --chakra-font-sizes-sm: 0.875rem; --chakra-font-sizes-md: 1rem; --chakra-font-sizes-lg: 1.125rem; --chakra-font-sizes-xl: 1.25rem; --chakra-font-sizes-2xl: 1.5rem; --chakra-font-sizes-3xl: 1.875rem; --chakra-font-sizes-4xl: 2.25rem; --chakra-font-sizes-5xl: 3rem; --chakra-font-sizes-6xl: 3.75rem; --chakra-font-sizes-7xl: 4.5rem; --chakra-font-sizes-8xl: 6rem; --chakra-font-sizes-9xl: 8rem; --chakra-font-sizes-display-1: 60px; --chakra-font-sizes-display-2: 48px; --chakra-font-sizes-display-3: 40px; --chakra-font-sizes-h1: 32px; --chakra-font-sizes-h2: 24px; --chakra-font-sizes-h3: 20px; --chakra-font-sizes-body-large: 20px; --chakra-font-sizes-body-medium: 16px; --chakra-font-sizes-body-small: 14px; --chakra-font-sizes-body-xsmall: 12px; --chakra-font-weights-thin: 100; --chakra-font-weights-extralight: 200; --chakra-font-weights-light: 300; --chakra-font-weights-normal: 400; --chakra-font-weights-medium: 500; --chakra-font-weights-semibold: 600; --chakra-font-weights-bold: 700; --chakra-font-weights-extrabold: 800; --chakra-font-weights-black: 900; --chakra-letter-spacings-tighter: -0.05em; --chakra-letter-spacings-tight: -0.025em; --chakra-letter-spacings-wide: 0.025em; --chakra-letter-spacings-wider: 0.05em; --chakra-letter-spacings-widest: 0.1em; --chakra-line-heights-shorter: 1.25; --chakra-line-heights-short: 1.375; --chakra-line-heights-moderate: 1.5; --chakra-line-heights-tall: 1.625; --chakra-line-heights-taller: 2; --chakra-line-heights-display-1: 76px; --chakra-line-heights-display-2: 60px; --chakra-line-heights-display-3: 50px; --chakra-line-heights-h1: 40px; --chakra-line-heights-h2: 30px; --chakra-line-heights-h3: 25px; --chakra-line-heights-body-large: 25px; --chakra-line-heights-body-medium: 20px; --chakra-line-heights-body-small: 18px; --chakra-line-heights-body-xsmall: 15px; --chakra-radii-none: 0; --chakra-radii-2xs: 0.0625rem; --chakra-radii-xs: 0.125rem; --chakra-radii-sm: 0.25rem; --chakra-radii-md: 0.375rem; --chakra-radii-lg: 0.5rem; --chakra-radii-xl: 0.75rem; --chakra-radii-2xl: 1rem; --chakra-radii-3xl: 1.5rem; --chakra-radii-4xl: 2rem; --chakra-radii-full: 9999px; --chakra-spacing-1: 0.25rem; --chakra-spacing-2: 0.5rem; --chakra-spacing-3: 0.75rem; --chakra-spacing-4: 1rem; --chakra-spacing-5: 1.25rem; --chakra-spacing-6: 1.5rem; --chakra-spacing-7: 1.75rem; --chakra-spacing-8: 2rem; --chakra-spacing-9: 2.25rem; --chakra-spacing-10: 2.5rem; --chakra-spacing-11: 2.75rem; --chakra-spacing-12: 3rem; --chakra-spacing-14: 3.5rem; --chakra-spacing-16: 4rem; --chakra-spacing-20: 5rem; --chakra-spacing-24: 6rem; --chakra-spacing-28: 7rem; --chakra-spacing-32: 8rem; --chakra-spacing-36: 9rem; --chakra-spacing-40: 10rem; --chakra-spacing-44: 11rem; --chakra-spacing-48: 12rem; --chakra-spacing-52: 13rem; --chakra-spacing-56: 14rem; --chakra-spacing-60: 15rem; --chakra-spacing-64: 16rem; --chakra-spacing-72: 18rem; --chakra-spacing-80: 20rem; --chakra-spacing-96: 24rem; --chakra-spacing-0\.5: 0.125rem; --chakra-spacing-1\.5: 0.375rem; --chakra-spacing-2\.5: 0.625rem; --chakra-spacing-3\.5: 0.875rem; --chakra-spacing-4\.5: 1.125rem; --chakra-spacing-paragraph-small: 0px; --chakra-spacing-paragraph-medium: 0.2px; --chakra-spacing-paragraph-large: 0.25px; --chakra-sizes-1: 0.25rem; --chakra-sizes-2: 0.5rem; --chakra-sizes-3: 0.75rem; --chakra-sizes-4: 4px; --chakra-sizes-5: 1.25rem; --chakra-sizes-6: 1.5rem; --chakra-sizes-7: 1.75rem; --chakra-sizes-8: 8px; --chakra-sizes-9: 2.25rem; --chakra-sizes-10: 2.5rem; --chakra-sizes-11: 2.75rem; --chakra-sizes-12: 3rem; --chakra-sizes-14: 3.5rem; --chakra-sizes-16: 16px; --chakra-sizes-20: 5rem; --chakra-sizes-24: 24px; --chakra-sizes-28: 7rem; --chakra-sizes-32: 32px; --chakra-sizes-36: 9rem; --chakra-sizes-40: 40px; --chakra-sizes-44: 11rem; --chakra-sizes-48: 48px; --chakra-sizes-52: 13rem; --chakra-sizes-56: 56px; --chakra-sizes-60: 15rem; --chakra-sizes-64: 64px; --chakra-sizes-72: 18rem; --chakra-sizes-80: 80px; --chakra-sizes-96: 24rem; --chakra-sizes-160: 160px; --chakra-sizes-240: 240px; --chakra-sizes-3xs: 14rem; --chakra-sizes-2xs: 16rem; --chakra-sizes-xs: 20rem; --chakra-sizes-sm: 24rem; --chakra-sizes-md: 28rem; --chakra-sizes-lg: 32rem; --chakra-sizes-xl: 36rem; --chakra-sizes-2xl: 42rem; --chakra-sizes-3xl: 48rem; --chakra-sizes-4xl: 56rem; --chakra-sizes-5xl: 64rem; --chakra-sizes-6xl: 72rem; --chakra-sizes-7xl: 80rem; --chakra-sizes-8xl: 90rem; --chakra-sizes-0\.5: 0.125rem; --chakra-sizes-1\.5: 0.375rem; --chakra-sizes-2\.5: 0.625rem; --chakra-sizes-3\.5: 0.875rem; --chakra-sizes-4\.5: 1.125rem; --chakra-sizes-1\/2: 50%; --chakra-sizes-1\/3: 33.333333%; --chakra-sizes-2\/3: 66.666667%; --chakra-sizes-1\/4: 25%; --chakra-sizes-3\/4: 75%; --chakra-sizes-1\/5: 20%; --chakra-sizes-2\/5: 40%; --chakra-sizes-3\/5: 60%; --chakra-sizes-4\/5: 80%; --chakra-sizes-1\/6: 16.666667%; --chakra-sizes-2\/6: 33.333333%; --chakra-sizes-3\/6: 50%; --chakra-sizes-4\/6: 66.666667%; --chakra-sizes-5\/6: 83.333333%; --chakra-sizes-1\/12: 8.333333%; --chakra-sizes-2\/12: 16.666667%; --chakra-sizes-3\/12: 25%; --chakra-sizes-4\/12: 33.333333%; --chakra-sizes-5\/12: 41.666667%; --chakra-sizes-6\/12: 50%; --chakra-sizes-7\/12: 58.333333%; --chakra-sizes-8\/12: 66.666667%; --chakra-sizes-9\/12: 75%; --chakra-sizes-10\/12: 83.333333%; --chakra-sizes-11\/12: 91.666667%; --chakra-sizes-max: max-content; --chakra-sizes-min: min-content; --chakra-sizes-fit: fit-content; --chakra-sizes-prose: 60ch; --chakra-sizes-full: 100%; --chakra-sizes-dvh: 100dvh; --chakra-sizes-svh: 100svh; --chakra-sizes-lvh: 100lvh; --chakra-sizes-dvw: 100dvw; --chakra-sizes-svw: 100svw; --chakra-sizes-lvw: 100lvw; --chakra-sizes-vw: 100vw; --chakra-sizes-vh: 100vh; --chakra-sizes-breakpoint-sm: 480px; --chakra-sizes-breakpoint-md: 834px; --chakra-sizes-breakpoint-lg: 1440px; --chakra-sizes-breakpoint-xl: 1280px; --chakra-sizes-breakpoint-2xl: 1536px; --chakra-z-index-hide: -1; --chakra-z-index-base: 0; --chakra-z-index-docked: 10; --chakra-z-index-dropdown: 1000; --chakra-z-index-sticky: 1100; --chakra-z-index-banner: 1200; --chakra-z-index-overlay: 1300; --chakra-z-index-modal: 1400; --chakra-z-index-popover: 1500; --chakra-z-index-skip-nav: 1600; --chakra-z-index-toast: 1700; --chakra-z-index-tooltip: 1800; --chakra-z-index-max: 2147483647; --chakra-cursor-button: pointer; --chakra-cursor-checkbox: default; --chakra-cursor-disabled: not-allowed; --chakra-cursor-menuitem: default; --chakra-cursor-option: default; --chakra-cursor-radio: default; --chakra-cursor-slider: default; --chakra-cursor-switch: pointer; --chakra-breakpoints-sm: 480px; --chakra-breakpoints-md: 834px; --chakra-breakpoints-lg: 1440px; --chakra-breakpoints-xl: 1280px; --chakra-breakpoints-2xl: 1536px; --chakra-colors-border-default: var(--chakra-colors-grey-200); --chakra-colors-border-strong: var(--chakra-colors-grey-400); --chakra-colors-brand-grey: var(--chakra-colors-grey-500); --chakra-colors-brand-grey50: var(--chakra-colors-grey-50); --chakra-colors-brand-grey75: var(--chakra-colors-grey-75); --chakra-colors-brand-grey100: var(--chakra-colors-grey-100); --chakra-colors-brand-grey200: var(--chakra-colors-grey-200); --chakra-colors-brand-grey300: var(--chakra-colors-grey-300); --chakra-colors-brand-grey400: var(--chakra-colors-grey-400); --chakra-colors-brand-grey500: var(--chakra-colors-grey-600); --chakra-colors-brand-grey600: var(--chakra-colors-grey-700); --chakra-colors-brand-grey700: var(--chakra-colors-grey-800); --chakra-colors-brand-grey800: var(--chakra-colors-grey-900); --chakra-colors-brand-paleblue: var(--chakra-colors-pale-blue-500); --chakra-colors-brand-paleblue50: var(--chakra-colors-pale-blue-50); --chakra-colors-brand-paleblue100: var(--chakra-colors-pale-blue-100); --chakra-colors-brand-paleblue200: var(--chakra-colors-pale-blue-200); --chakra-colors-brand-paleblue300: var(--chakra-colors-pale-blue-300); --chakra-colors-brand-paleblue400: var(--chakra-colors-pale-blue-400); --chakra-colors-brand-paleblue500: var(--chakra-colors-pale-blue-600); --chakra-colors-brand-paleblue600: var(--chakra-colors-pale-blue-700); --chakra-colors-brand-paleblue700: var(--chakra-colors-pale-blue-800); --chakra-colors-brand-paleblue800: var(--chakra-colors-pale-blue-900); --chakra-colors-brand-cobalt: var(--chakra-colors-cobalt-500); --chakra-colors-brand-cobalt50: var(--chakra-colors-cobalt-50); --chakra-colors-brand-cobalt100: var(--chakra-colors-cobalt-100); --chakra-colors-brand-cobalt200: var(--chakra-colors-cobalt-200); --chakra-colors-brand-cobalt300: var(--chakra-colors-cobalt-300); --chakra-colors-brand-cobalt400: var(--chakra-colors-cobalt-400); --chakra-colors-brand-cobalt500: var(--chakra-colors-cobalt-600); --chakra-colors-brand-cobalt600: var(--chakra-colors-cobalt-700); --chakra-colors-brand-cobalt700: var(--chakra-colors-cobalt-800); --chakra-colors-brand-cobalt800: var(--chakra-colors-cobalt-900); --chakra-colors-brand-royalblue: var(--chakra-colors-royal-blue-500); --chakra-colors-brand-royalblue50: var(--chakra-colors-royal-blue-50); --chakra-colors-brand-royalblue100: var(--chakra-colors-royal-blue-100); --chakra-colors-brand-royalblue200: var(--chakra-colors-royal-blue-200); --chakra-colors-brand-royalblue300: var(--chakra-colors-royal-blue-300); --chakra-colors-brand-royalblue400: var(--chakra-colors-royal-blue-400); --chakra-colors-brand-royalblue500: var(--chakra-colors-royal-blue-600); --chakra-colors-brand-royalblue600: var(--chakra-colors-royal-blue-700); --chakra-colors-brand-royalblue700: var(--chakra-colors-royal-blue-800); --chakra-colors-brand-royalblue800: var(--chakra-colors-royal-blue-900); --chakra-colors-primary-primary: var(--chakra-colors-rust-orange-500); --chakra-colors-primary-primary50: var(--chakra-colors-rust-orange-50); --chakra-colors-primary-primary100: var(--chakra-colors-rust-orange-100); --chakra-colors-primary-primary200: var(--chakra-colors-rust-orange-200); --chakra-colors-primary-primary300: var(--chakra-colors-rust-orange-300); --chakra-colors-primary-primary400: var(--chakra-colors-rust-orange-400); --chakra-colors-primary-primary500: var(--chakra-colors-rust-orange-500); --chakra-colors-primary-primary600: var(--chakra-colors-rust-orange-600); --chakra-colors-primary-primary700: var(--chakra-colors-rust-orange-700); --chakra-colors-primary-primary800: var(--chakra-colors-rust-orange-800); --chakra-colors-secondary-secondary: var(--chakra-colors-timberwolf-500); --chakra-colors-secondary-secondary50: var(--chakra-colors-timberwolf-50); --chakra-colors-secondary-secondary100: var(--chakra-colors-timberwolf-100); --chakra-colors-secondary-secondary200: var(--chakra-colors-timberwolf-200); --chakra-colors-secondary-secondary300: var(--chakra-colors-timberwolf-300); --chakra-colors-secondary-secondary400: var(--chakra-colors-timberwolf-400); --chakra-colors-secondary-secondary500: var(--chakra-colors-timberwolf-500); --chakra-colors-secondary-secondary600: var(--chakra-colors-timberwolf-600); --chakra-colors-secondary-secondary700: var(--chakra-colors-timberwolf-700); --chakra-colors-secondary-secondary800: var(--chakra-colors-timberwolf-800); --chakra-colors-tertiary-tertiary: var(--chakra-colors-olive-green-500); --chakra-colors-tertiary-tertiary50: var(--chakra-colors-olive-green-50); --chakra-colors-tertiary-tertiary100: var(--chakra-colors-olive-green-100); --chakra-colors-tertiary-tertiary200: var(--chakra-colors-olive-green-200); --chakra-colors-tertiary-tertiary300: var(--chakra-colors-olive-green-300); --chakra-colors-tertiary-tertiary400: var(--chakra-colors-olive-green-400); --chakra-colors-tertiary-tertiary500: var(--chakra-colors-olive-green-500); --chakra-colors-tertiary-tertiary600: var(--chakra-colors-olive-green-600); --chakra-colors-tertiary-tertiary700: var(--chakra-colors-olive-green-700); --chakra-colors-tertiary-tertiary800: var(--chakra-colors-olive-green-800); --chakra-colors-full-width-text-block-primary: var(--chakra-colors-neutrals-white); --chakra-colors-full-width-text-block-secondary: var(--chakra-colors-grey-400); --chakra-colors-full-width-text-block-tertiary: var(--chakra-colors-neutrals-white); --chakra-colors-banner-with-c-t-a-dark-bg: var(--chakra-colors-olive-green-500); --chakra-colors-banner-with-c-t-a-dark-text: var(--chakra-colors-neutrals-white); --chakra-colors-banner-with-c-t-a-light-bg: var(--chakra-colors-rust-orange-100); --chakra-colors-banner-with-c-t-a-light-text: var(--chakra-colors-rust-orange-800); --chakra-colors-banner-with-c-t-a-neutral-bg: var(--chakra-colors-olive-green-50); --chakra-colors-banner-with-c-t-a-neutral-text: var(--chakra-colors-grey-400); --chakra-colors-banner-with-c-t-a-secondary-bg: var(--chakra-colors-timberwolf-200); --chakra-colors-banner-with-c-t-a-secondary-text: var(--chakra-colors-grey-400); --chakra-colors-images-with-text-dark-bg: var(--chakra-colors-rust-orange-800); --chakra-colors-images-with-text-dark-text: var(--chakra-colors-neutrals-white); --chakra-colors-text-primary: var(--chakra-colors-grey-900); --chakra-colors-text-secondary: var(--chakra-colors-timberwolf-800); --chakra-colors-text-inverted: var(--chakra-colors-neutrals-white); --chakra-colors-background-surface: var(--chakra-colors-timberwolf-100); --chakra-colors-background-elevated: var(--chakra-colors-timberwolf-200); --chakra-colors-background-inverted: var(--chakra-colors-neutrals-black); --chakra-colors-danger-solid: var(--chakra-colors-danger-500); --chakra-colors-danger-fg: var(--chakra-colors-danger-500); --chakra-colors-warning-solid: var(--chakra-colors-warning-500); --chakra-colors-warning-fg: var(--chakra-colors-warning-500); --chakra-colors-success-solid: var(--chakra-colors-success-500); --chakra-colors-success-fg: var(--chakra-colors-success-500); --chakra-colors-info-solid: var(--chakra-colors-pale-blue-500); --chakra-colors-info-fg: var(--chakra-colors-pale-blue-500); --chakra-radii-l1: var(--chakra-radii-xs); --chakra-radii-l2: var(--chakra-radii-sm); --chakra-radii-l3: var(--chakra-radii-md); }
  :root, .light { --chakra-colors-bg: var(--chakra-colors-white); --chakra-colors-bg-subtle: var(--chakra-colors-gray-50); --chakra-colors-bg-muted: var(--chakra-colors-gray-100); --chakra-colors-bg-emphasized: var(--chakra-colors-gray-200); --chakra-colors-bg-inverted: var(--chakra-colors-black); --chakra-colors-bg-panel: var(--chakra-colors-white); --chakra-colors-bg-error: var(--chakra-colors-red-50); --chakra-colors-bg-warning: var(--chakra-colors-orange-50); --chakra-colors-bg-success: var(--chakra-colors-green-50); --chakra-colors-bg-info: var(--chakra-colors-blue-50); --chakra-colors-fg: var(--chakra-colors-black); --chakra-colors-fg-muted: var(--chakra-colors-gray-600); --chakra-colors-fg-subtle: var(--chakra-colors-gray-400); --chakra-colors-fg-inverted: var(--chakra-colors-gray-50); --chakra-colors-fg-error: var(--chakra-colors-red-500); --chakra-colors-fg-warning: var(--chakra-colors-orange-600); --chakra-colors-fg-success: var(--chakra-colors-green-600); --chakra-colors-fg-info: var(--chakra-colors-blue-600); --chakra-colors-border: var(--chakra-colors-gray-200); --chakra-colors-border-muted: var(--chakra-colors-gray-100); --chakra-colors-border-subtle: var(--chakra-colors-gray-50); --chakra-colors-border-emphasized: var(--chakra-colors-gray-300); --chakra-colors-border-inverted: var(--chakra-colors-gray-800); --chakra-colors-border-error: var(--chakra-colors-red-500); --chakra-colors-border-warning: var(--chakra-colors-orange-500); --chakra-colors-border-success: var(--chakra-colors-green-500); --chakra-colors-border-info: var(--chakra-colors-blue-500); --chakra-colors-gray-contrast: var(--chakra-colors-white); --chakra-colors-gray-fg: var(--chakra-colors-gray-800); --chakra-colors-gray-subtle: var(--chakra-colors-gray-100); --chakra-colors-gray-muted: var(--chakra-colors-gray-200); --chakra-colors-gray-emphasized: var(--chakra-colors-gray-300); --chakra-colors-gray-solid: var(--chakra-colors-gray-900); --chakra-colors-gray-focus-ring: var(--chakra-colors-gray-400); --chakra-colors-gray-border: var(--chakra-colors-gray-200); --chakra-colors-red-contrast: white; --chakra-colors-red-fg: var(--chakra-colors-red-700); --chakra-colors-red-subtle: var(--chakra-colors-red-100); --chakra-colors-red-muted: var(--chakra-colors-red-200); --chakra-colors-red-emphasized: var(--chakra-colors-red-300); --chakra-colors-red-solid: var(--chakra-colors-red-600); --chakra-colors-red-focus-ring: var(--chakra-colors-red-500); --chakra-colors-red-border: var(--chakra-colors-red-500); --chakra-colors-orange-contrast: white; --chakra-colors-orange-fg: var(--chakra-colors-orange-700); --chakra-colors-orange-subtle: var(--chakra-colors-orange-100); --chakra-colors-orange-muted: var(--chakra-colors-orange-200); --chakra-colors-orange-emphasized: var(--chakra-colors-orange-300); --chakra-colors-orange-solid: var(--chakra-colors-orange-600); --chakra-colors-orange-focus-ring: var(--chakra-colors-orange-500); --chakra-colors-orange-border: var(--chakra-colors-orange-500); --chakra-colors-green-contrast: white; --chakra-colors-green-fg: var(--chakra-colors-green-700); --chakra-colors-green-subtle: var(--chakra-colors-green-100); --chakra-colors-green-muted: var(--chakra-colors-green-200); --chakra-colors-green-emphasized: var(--chakra-colors-green-300); --chakra-colors-green-solid: var(--chakra-colors-green-600); --chakra-colors-green-focus-ring: var(--chakra-colors-green-500); --chakra-colors-green-border: var(--chakra-colors-green-500); --chakra-colors-blue-contrast: white; --chakra-colors-blue-fg: var(--chakra-colors-blue-700); --chakra-colors-blue-subtle: var(--chakra-colors-blue-100); --chakra-colors-blue-muted: var(--chakra-colors-blue-200); --chakra-colors-blue-emphasized: var(--chakra-colors-blue-300); --chakra-colors-blue-solid: var(--chakra-colors-blue-600); --chakra-colors-blue-focus-ring: var(--chakra-colors-blue-500); --chakra-colors-blue-border: var(--chakra-colors-blue-500); --chakra-colors-yellow-contrast: black; --chakra-colors-yellow-fg: var(--chakra-colors-yellow-800); --chakra-colors-yellow-subtle: var(--chakra-colors-yellow-100); --chakra-colors-yellow-muted: var(--chakra-colors-yellow-200); --chakra-colors-yellow-emphasized: var(--chakra-colors-yellow-300); --chakra-colors-yellow-solid: var(--chakra-colors-yellow-300); --chakra-colors-yellow-focus-ring: var(--chakra-colors-yellow-500); --chakra-colors-yellow-border: var(--chakra-colors-yellow-500); --chakra-colors-teal-contrast: white; --chakra-colors-teal-fg: var(--chakra-colors-teal-700); --chakra-colors-teal-subtle: var(--chakra-colors-teal-100); --chakra-colors-teal-muted: var(--chakra-colors-teal-200); --chakra-colors-teal-emphasized: var(--chakra-colors-teal-300); --chakra-colors-teal-solid: var(--chakra-colors-teal-600); --chakra-colors-teal-focus-ring: var(--chakra-colors-teal-500); --chakra-colors-teal-border: var(--chakra-colors-teal-500); --chakra-colors-purple-contrast: white; --chakra-colors-purple-fg: var(--chakra-colors-purple-700); --chakra-colors-purple-subtle: var(--chakra-colors-purple-100); --chakra-colors-purple-muted: var(--chakra-colors-purple-200); --chakra-colors-purple-emphasized: var(--chakra-colors-purple-300); --chakra-colors-purple-solid: var(--chakra-colors-purple-600); --chakra-colors-purple-focus-ring: var(--chakra-colors-purple-500); --chakra-colors-purple-border: var(--chakra-colors-purple-500); --chakra-colors-pink-contrast: white; --chakra-colors-pink-fg: var(--chakra-colors-pink-700); --chakra-colors-pink-subtle: var(--chakra-colors-pink-100); --chakra-colors-pink-muted: var(--chakra-colors-pink-200); --chakra-colors-pink-emphasized: var(--chakra-colors-pink-300); --chakra-colors-pink-solid: var(--chakra-colors-pink-600); --chakra-colors-pink-focus-ring: var(--chakra-colors-pink-500); --chakra-colors-pink-border: var(--chakra-colors-pink-500); --chakra-colors-cyan-contrast: white; --chakra-colors-cyan-fg: var(--chakra-colors-cyan-700); --chakra-colors-cyan-subtle: var(--chakra-colors-cyan-100); --chakra-colors-cyan-muted: var(--chakra-colors-cyan-200); --chakra-colors-cyan-emphasized: var(--chakra-colors-cyan-300); --chakra-colors-cyan-solid: var(--chakra-colors-cyan-600); --chakra-colors-cyan-focus-ring: var(--chakra-colors-cyan-500); --chakra-colors-cyan-border: var(--chakra-colors-cyan-500); --chakra-shadows-xs: 0px 1px 2px color-mix(in srgb, var(--chakra-colors-gray-900) 10%, transparent),0px 0px 1px color-mix(in srgb, var(--chakra-colors-gray-900) 20%, transparent); --chakra-shadows-sm: 0px 2px 4px color-mix(in srgb, var(--chakra-colors-gray-900) 10%, transparent),0px 0px 1px color-mix(in srgb, var(--chakra-colors-gray-900) 30%, transparent); --chakra-shadows-md: 0px 4px 8px color-mix(in srgb, var(--chakra-colors-gray-900) 10%, transparent),0px 0px 1px color-mix(in srgb, var(--chakra-colors-gray-900) 30%, transparent); --chakra-shadows-lg: 0px 8px 16px color-mix(in srgb, var(--chakra-colors-gray-900) 10%, transparent),0px 0px 1px color-mix(in srgb, var(--chakra-colors-gray-900) 30%, transparent); --chakra-shadows-xl: 0px 16px 24px color-mix(in srgb, var(--chakra-colors-gray-900) 10%, transparent),0px 0px 1px color-mix(in srgb, var(--chakra-colors-gray-900) 30%, transparent); --chakra-shadows-2xl: 0px 24px 40px color-mix(in srgb, var(--chakra-colors-gray-900) 16%, transparent),0px 0px 1px color-mix(in srgb, var(--chakra-colors-gray-900) 30%, transparent); --chakra-shadows-inner: inset 0 2px 4px 0 color-mix(in srgb, black 5%, transparent); --chakra-shadows-inset: inset 0 0 0 1px color-mix(in srgb, black 5%, transparent); }
  .dark, .dark .chakra-theme:not(.light) { --chakra-colors-bg: var(--chakra-colors-black); --chakra-colors-bg-subtle: var(--chakra-colors-gray-950); --chakra-colors-bg-muted: var(--chakra-colors-gray-900); --chakra-colors-bg-emphasized: var(--chakra-colors-gray-800); --chakra-colors-bg-inverted: var(--chakra-colors-white); --chakra-colors-bg-panel: var(--chakra-colors-gray-950); --chakra-colors-bg-error: var(--chakra-colors-red-950); --chakra-colors-bg-warning: var(--chakra-colors-orange-950); --chakra-colors-bg-success: var(--chakra-colors-green-950); --chakra-colors-bg-info: var(--chakra-colors-blue-950); --chakra-colors-fg: var(--chakra-colors-gray-50); --chakra-colors-fg-muted: var(--chakra-colors-gray-400); --chakra-colors-fg-subtle: var(--chakra-colors-gray-500); --chakra-colors-fg-inverted: var(--chakra-colors-black); --chakra-colors-fg-error: var(--chakra-colors-red-400); --chakra-colors-fg-warning: var(--chakra-colors-orange-300); --chakra-colors-fg-success: var(--chakra-colors-green-300); --chakra-colors-fg-info: var(--chakra-colors-blue-300); --chakra-colors-border: var(--chakra-colors-gray-800); --chakra-colors-border-muted: var(--chakra-colors-gray-900); --chakra-colors-border-subtle: var(--chakra-colors-gray-950); --chakra-colors-border-emphasized: var(--chakra-colors-gray-700); --chakra-colors-border-inverted: var(--chakra-colors-gray-200); --chakra-colors-border-error: var(--chakra-colors-red-400); --chakra-colors-border-warning: var(--chakra-colors-orange-400); --chakra-colors-border-success: var(--chakra-colors-green-400); --chakra-colors-border-info: var(--chakra-colors-blue-400); --chakra-colors-gray-contrast: var(--chakra-colors-black); --chakra-colors-gray-fg: var(--chakra-colors-gray-200); --chakra-colors-gray-subtle: var(--chakra-colors-gray-900); --chakra-colors-gray-muted: var(--chakra-colors-gray-800); --chakra-colors-gray-emphasized: var(--chakra-colors-gray-700); --chakra-colors-gray-solid: var(--chakra-colors-white); --chakra-colors-gray-focus-ring: var(--chakra-colors-gray-400); --chakra-colors-gray-border: var(--chakra-colors-gray-800); --chakra-colors-red-contrast: white; --chakra-colors-red-fg: var(--chakra-colors-red-300); --chakra-colors-red-subtle: var(--chakra-colors-red-900); --chakra-colors-red-muted: var(--chakra-colors-red-800); --chakra-colors-red-emphasized: var(--chakra-colors-red-700); --chakra-colors-red-solid: var(--chakra-colors-red-600); --chakra-colors-red-focus-ring: var(--chakra-colors-red-500); --chakra-colors-red-border: var(--chakra-colors-red-400); --chakra-colors-orange-contrast: black; --chakra-colors-orange-fg: var(--chakra-colors-orange-300); --chakra-colors-orange-subtle: var(--chakra-colors-orange-900); --chakra-colors-orange-muted: var(--chakra-colors-orange-800); --chakra-colors-orange-emphasized: var(--chakra-colors-orange-700); --chakra-colors-orange-solid: var(--chakra-colors-orange-500); --chakra-colors-orange-focus-ring: var(--chakra-colors-orange-500); --chakra-colors-orange-border: var(--chakra-colors-orange-400); --chakra-colors-green-contrast: white; --chakra-colors-green-fg: var(--chakra-colors-green-300); --chakra-colors-green-subtle: var(--chakra-colors-green-900); --chakra-colors-green-muted: var(--chakra-colors-green-800); --chakra-colors-green-emphasized: var(--chakra-colors-green-700); --chakra-colors-green-solid: var(--chakra-colors-green-600); --chakra-colors-green-focus-ring: var(--chakra-colors-green-500); --chakra-colors-green-border: var(--chakra-colors-green-400); --chakra-colors-blue-contrast: white; --chakra-colors-blue-fg: var(--chakra-colors-blue-300); --chakra-colors-blue-subtle: var(--chakra-colors-blue-900); --chakra-colors-blue-muted: var(--chakra-colors-blue-800); --chakra-colors-blue-emphasized: var(--chakra-colors-blue-700); --chakra-colors-blue-solid: var(--chakra-colors-blue-600); --chakra-colors-blue-focus-ring: var(--chakra-colors-blue-500); --chakra-colors-blue-border: var(--chakra-colors-blue-400); --chakra-colors-yellow-contrast: black; --chakra-colors-yellow-fg: var(--chakra-colors-yellow-300); --chakra-colors-yellow-subtle: var(--chakra-colors-yellow-900); --chakra-colors-yellow-muted: var(--chakra-colors-yellow-800); --chakra-colors-yellow-emphasized: var(--chakra-colors-yellow-700); --chakra-colors-yellow-solid: var(--chakra-colors-yellow-300); --chakra-colors-yellow-focus-ring: var(--chakra-colors-yellow-500); --chakra-colors-yellow-border: var(--chakra-colors-yellow-500); --chakra-colors-teal-contrast: white; --chakra-colors-teal-fg: var(--chakra-colors-teal-300); --chakra-colors-teal-subtle: var(--chakra-colors-teal-900); --chakra-colors-teal-muted: var(--chakra-colors-teal-800); --chakra-colors-teal-emphasized: var(--chakra-colors-teal-700); --chakra-colors-teal-solid: var(--chakra-colors-teal-600); --chakra-colors-teal-focus-ring: var(--chakra-colors-teal-500); --chakra-colors-teal-border: var(--chakra-colors-teal-400); --chakra-colors-purple-contrast: white; --chakra-colors-purple-fg: var(--chakra-colors-purple-300); --chakra-colors-purple-subtle: var(--chakra-colors-purple-900); --chakra-colors-purple-muted: var(--chakra-colors-purple-800); --chakra-colors-purple-emphasized: var(--chakra-colors-purple-700); --chakra-colors-purple-solid: var(--chakra-colors-purple-600); --chakra-colors-purple-focus-ring: var(--chakra-colors-purple-500); --chakra-colors-purple-border: var(--chakra-colors-purple-400); --chakra-colors-pink-contrast: white; --chakra-colors-pink-fg: var(--chakra-colors-pink-300); --chakra-colors-pink-subtle: var(--chakra-colors-pink-900); --chakra-colors-pink-muted: var(--chakra-colors-pink-800); --chakra-colors-pink-emphasized: var(--chakra-colors-pink-700); --chakra-colors-pink-solid: var(--chakra-colors-pink-600); --chakra-colors-pink-focus-ring: var(--chakra-colors-pink-500); --chakra-colors-pink-border: var(--chakra-colors-pink-400); --chakra-colors-cyan-contrast: white; --chakra-colors-cyan-fg: var(--chakra-colors-cyan-300); --chakra-colors-cyan-subtle: var(--chakra-colors-cyan-900); --chakra-colors-cyan-muted: var(--chakra-colors-cyan-800); --chakra-colors-cyan-emphasized: var(--chakra-colors-cyan-700); --chakra-colors-cyan-solid: var(--chakra-colors-cyan-600); --chakra-colors-cyan-focus-ring: var(--chakra-colors-cyan-500); --chakra-colors-cyan-border: var(--chakra-colors-cyan-400); --chakra-shadows-xs: 0px 1px 1px color-mix(in srgb, black 64%, transparent),0px 0px 1px inset color-mix(in srgb, var(--chakra-colors-gray-300) 20%, transparent); --chakra-shadows-sm: 0px 2px 4px color-mix(in srgb, black 64%, transparent),0px 0px 1px inset color-mix(in srgb, var(--chakra-colors-gray-300) 30%, transparent); --chakra-shadows-md: 0px 4px 8px color-mix(in srgb, black 64%, transparent),0px 0px 1px inset color-mix(in srgb, var(--chakra-colors-gray-300) 30%, transparent); --chakra-shadows-lg: 0px 8px 16px color-mix(in srgb, black 64%, transparent),0px 0px 1px inset color-mix(in srgb, var(--chakra-colors-gray-300) 30%, transparent); --chakra-shadows-xl: 0px 16px 24px color-mix(in srgb, black 64%, transparent),0px 0px 1px inset color-mix(in srgb, var(--chakra-colors-gray-300) 30%, transparent); --chakra-shadows-2xl: 0px 24px 40px color-mix(in srgb, black 64%, transparent),0px 0px 1px inset color-mix(in srgb, var(--chakra-colors-gray-300) 30%, transparent); --chakra-shadows-inner: inset 0 2px 4px 0 black; --chakra-shadows-inset: inset 0 0 0 1px color-mix(in srgb, var(--chakra-colors-gray-300) 5%, transparent); }
}

.css-vsheg { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-direction: row; gap: 0.5rem; background: var(--chakra-colors-brand-royalblue50); --bg-currentcolor: var(--chakra-colors-brand-royalblue50); padding-inline: var(--chakra-spacing-6); padding-block: 8px; width: 100%; height: 40px; }
@media screen and (min-width: 52.125rem) {
  .css-vsheg { padding-inline: var(--chakra-spacing-12); }
}

.css-1jg0ffo { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: 6px; padding: 4px 0px; border-radius: 8px; cursor: pointer; }

.css-1dr99gv { width: 14px; height: 14px; }
@layer recipes {
  .css-1dr99gv { display: inline-block; line-height: 1em; flex-shrink: 0; color: var(--chakra-colors-primary-primary); vertical-align: middle; }
}

.css-35zles { font-size: var(--chakra-font-sizes-body-small); font-weight: var(--chakra-font-weights-semibold); color: var(--chakra-colors-brand-grey400); line-height: 22px; letter-spacing: 0.3px; text-align: center; }
@layer recipes {
  .css-35zles { font-family: var(--chakra-fonts-body); font-size: var(--chakra-font-sizes-body-medium); font-style: normal; font-weight: var(--chakra-font-weights-medium); line-height: 25px; color: var(--chakra-colors-text-primary); }
}

@layer recipes {
  .css-16pi25q { background: var(--chakra-colors-black-alpha-500); --bg-currentcolor: var(--chakra-colors-black-alpha-500); position: fixed; left: 0px; top: 0px; width: 100dvw; height: 100dvh; z-index: var(--z-index); }
  .css-16pi25q:is([open], [data-open], [data-state="open"]) { animation-name: fade-in; animation-duration: var(--chakra-durations-slow); }
  .css-16pi25q:is([closed], [data-closed], [data-state="closed"]) { animation-name: fade-out; animation-duration: var(--chakra-durations-moderate); }
}

@layer recipes {
  .css-7jrg8 { display: flex; width: 100dvw; height: 100dvh; position: fixed; left: 0px; top: 0px; --dialog-z-index: var(--chakra-z-index-modal); z-index: calc(var(--dialog-z-index) + var(--layer-index, 0)); -webkit-box-pack: center; justify-content: center; overscroll-behavior-y: none; background: rgba(39, 48, 68, 0.24); --bg-currentcolor: rgba(39, 48, 68, 0.24); background-blend-mode: multiply; overflow: auto; pointer-events: auto; -webkit-box-align: center; align-items: center; }
}

.css-6cpqb8 { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: var(--chakra-spacing-1); }

.css-9h2klf { display: none; }
@media screen and (min-width: 52.125rem) {
  .css-9h2klf { display: flex; }
}

@layer recipes {
  .css-sug0xl { display: flex; flex-direction: column; gap: var(--chakra-spacing-1\.5); width: var(--chakra-sizes-full); --select-trigger-height: var(--chakra-sizes-8); --select-trigger-padding-x: var(--chakra-spacing-2); }
}

@layer recipes {
  .css-x1sjex { position: relative; --focus-color: var(--chakra-colors-color-palette-focus-ring); --error-color: var(--chakra-colors-danger-400); --focus-ring-color: var(--focus-color); padding: 0px; width: fit-content; border: none; }
  .css-x1sjex:is(:focus, [data-focus]) { border-width: 1px; border-color: var(--chakra-colors-primary-primary400); color: var(--chakra-colors-brand-grey); }
  .css-x1sjex:is(:focus-visible, [data-focus-visible]) { outline-offset: 0px; outline-width: var(--focus-ring-width, 1px); outline-color: var(--focus-ring-color); outline-style: var(--focus-ring-style, solid); border-color: var(--focus-ring-color); }
  @media (hover: hover) {
  .css-x1sjex:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { border: none; }
}
}

@layer recipes {
  .css-1qni2g7 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; width: var(--chakra-sizes-full); min-height: var(--select-trigger-height); --input-height: var(--select-trigger-height); padding-inline: var(--select-trigger-padding-x); border-radius: 24px; user-select: none; text-align: start; --focus-ring-color: var(--chakra-colors-color-palette-focus-ring); font-size: 16px; line-height: 1rem; gap: 8px; background-color: var(--chakra-colors-transparent); --bg-currentcolor: var(--chakra-colors-transparent); padding: 0px 8px; height: 20px; color: var(--chakra-colors-brand-grey400); font-weight: var(--chakra-font-weights-bold); text-transform: uppercase; letter-spacing: 0.2px; }
  .css-1qni2g7:is(:focus-visible, [data-focus-visible]) { outline-offset: 0px; outline-width: var(--focus-ring-width, 1px); outline-color: var(--focus-ring-color); outline-style: var(--focus-ring-style, solid); border-color: var(--focus-ring-color); }
  .css-1qni2g7:is(:placeholder-shown, [data-placeholder-shown]) { --mix-color: color-mix(in srgb, var(--chakra-colors-fg-muted) 80%, transparent); color: var(--mix-color, var(--chakra-colors-fg-muted)); }
  .css-1qni2g7:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-1qni2g7:is([data-invalid], [aria-invalid="true"], [data-state="invalid"]) { border-color: var(--chakra-colors-border-error); }
  .css-1qni2g7 :where(svg) { color: var(--chakra-colors-brand-grey400) !important; }
  .css-1qni2g7[data-state="open"] { color: var(--chakra-colors-primary-primary600); }
  .css-1qni2g7[data-state="open"] :where(svg) { color: var(--chakra-colors-primary-primary600) !important; }
  @media (hover: hover) {
  .css-1qni2g7:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background-color: var(--chakra-colors-primary-primary100); --bg-currentcolor: var(--chakra-colors-primary-primary100); color: var(--chakra-colors-primary-primary600); }
  .css-1qni2g7:is(:hover, [data-hover]):not(:disabled, [data-disabled]) :where(svg) { color: var(--chakra-colors-primary-primary600) !important; }
}
}

.css-1bmhe10 { width: 16px; height: 16px; }
@layer recipes {
  .css-1bmhe10 { display: inline-block; line-height: 1em; flex-shrink: 0; color: var(--chakra-colors-primary-primary); vertical-align: middle; }
}

@layer recipes {
  .css-176t9sc { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-wrap: wrap; max-width: 80%; }
}

@layer recipes {
  .css-669c6b { display: flex; -webkit-box-align: center; align-items: center; gap: var(--chakra-spacing-1); position: relative; inset-inline-end: 0px; top: 0px; bottom: 0px; padding-inline: var(--select-trigger-padding-x); pointer-events: none; padding: 0px; width: 8px !important; }
}

@layer recipes {
  .css-1r2c8p2 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; color: var(--chakra-colors-fg-muted); padding: 0px; }
  .css-1r2c8p2:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { color: var(--chakra-colors-fg-subtle); }
  .css-1r2c8p2:is([data-invalid], [aria-invalid="true"], [data-state="invalid"]) { color: var(--chakra-colors-fg-error); }
  .css-1r2c8p2 :where(svg) { color: var(--chakra-colors-brand-grey400); width: 10px !important; height: 10px !important; }
}

.css-zbtsuo { width: 16px; height: 16px; }
@layer recipes {
  .css-zbtsuo { display: inline-block; line-height: 1em; flex-shrink: 0; color: var(--chakra-colors-primary-primary); vertical-align: middle; }
}
@layer recipes {
  .css-zbtsuo { display: inline-block; line-height: 1em; flex-shrink: 0; color: var(--chakra-colors-primary-primary); vertical-align: middle; }
}

@layer recipes {
  .css-1ju8xd5 { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; --bg-currentcolor: var(--chakra-colors-neutrals-white); display: flex; flex-direction: column; --select-z-index: var(--chakra-z-index-popover); z-index: 9000; border-radius: 4px; outline: 0px; max-height: var(--chakra-sizes-96); overflow-y: auto; box-shadow: var(--chakra-shadows-md); padding: 0px 4px; gap: var(--chakra-spacing-1); font-size: var(--chakra-font-sizes-xs); line-height: 1rem; border: none; background-color: var(--chakra-colors-neutrals-white); }
  .css-1ju8xd5:is([open], [data-open], [data-state="open"]) { transform-origin: var(--transform-origin); animation-duration: var(--chakra-durations-fast); }
  .css-1ju8xd5:is([open], [data-open], [data-state="open"])[data-placement^="top"] { animation-name: slide-from-bottom, fade-in; }
  .css-1ju8xd5:is([open], [data-open], [data-state="open"])[data-placement^="bottom"] { animation-name: slide-from-top, fade-in; }
  .css-1ju8xd5:is([open], [data-open], [data-state="open"])[data-placement^="left"] { animation-name: slide-from-right, fade-in; }
  .css-1ju8xd5:is([open], [data-open], [data-state="open"])[data-placement^="right"] { animation-name: slide-from-left, fade-in; }
  .css-1ju8xd5:is([closed], [data-closed], [data-state="closed"]) { transform-origin: var(--transform-origin); animation-duration: var(--chakra-durations-fastest); }
  .css-1ju8xd5:is([closed], [data-closed], [data-state="closed"])[data-placement^="top"] { animation-name: slide-to-bottom, fade-out; }
  .css-1ju8xd5:is([closed], [data-closed], [data-state="closed"])[data-placement^="bottom"] { animation-name: slide-to-top, fade-out; }
  .css-1ju8xd5:is([closed], [data-closed], [data-state="closed"])[data-placement^="left"] { animation-name: slide-to-right, fade-out; }
  .css-1ju8xd5:is([closed], [data-closed], [data-state="closed"])[data-placement^="right"] { animation-name: slide-to-left, fade-out; }
}

@layer recipes {
  .css-13haasz { position: relative; user-select: none; display: flex; -webkit-box-align: center; align-items: center; gap: var(--chakra-spacing-2); cursor: var(--chakra-cursor-option); -webkit-box-pack: justify; justify-content: space-between; flex: 1 1 0%; text-align: start; border-radius: var(--chakra-radii-l1); padding-block: var(--chakra-spacing-1); padding-inline: var(--chakra-spacing-2); padding: 8px 14px; color: var(--chakra-colors-brand-grey400); font-size: 16px; font-weight: var(--chakra-font-weights-normal); line-height: 25px; letter-spacing: 0.032px; }
  .css-13haasz[data-highlighted] { background: var(--chakra-colors-primary-primary100); --bg-currentcolor: var(--chakra-colors-primary-primary100); color: var(--chakra-colors-primary-primary800); }
  .css-13haasz:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { pointer-events: none; opacity: 0.5; }
  .css-13haasz :where(svg) { width: var(--chakra-sizes-4); height: var(--chakra-sizes-4); display: none; }
  .css-13haasz:is([aria-selected="true"], [data-selected]) { color: var(--chakra-colors-primary-primary800); background: var(--chakra-colors-primary-primary50); --bg-currentcolor: var(--chakra-colors-primary-primary50); }
}

.css-s3mb0o { fill: none; stroke: currentcolor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

.css-11j8b1s { border-radius: 24px; border-color: var(--chakra-colors-secondary-secondary800); color: var(--chakra-colors-secondary-secondary800); font-size: 12px; font-weight: var(--chakra-font-weights-semibold); padding-inline: 16px; padding-block: 3px; min-width: 86px; height: 24px; display: flex; }
@layer recipes {
  .css-11j8b1s { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: 1.5rem; white-space: nowrap; vertical-align: middle; border-width: 0.125rem; border-color: var(--chakra-colors-primary-primary600); cursor: var(--chakra-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--chakra-font-weights-semibold); --focus-ring-color: var(--chakra-colors-color-palette-focus-ring); transition: 0.2s; height: 100%; min-width: var(--chakra-sizes-9); padding-inline: 1rem; font-size: 0.75rem; gap: var(--chakra-spacing-2); padding-block: 0.188rem; --outline-color-legacy: var(--chakra-colors-color-palette-muted); --outline-color: var(--chakra-colors-color-palette-border); color: var(--chakra-colors-primary-primary600); }
  .css-11j8b1s:is(:focus-visible, [data-focus-visible]) { outline-offset: 0.125rem; outline: solid 0.125rem; }
  .css-11j8b1s:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; cursor: not-allowed; }
  .css-11j8b1s :where(svg) { flex-shrink: 0; width: 0.875rem; height: 0.875rem; padding: 0px; }
  .css-11j8b1s:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { background: var(--chakra-colors-color-palette-subtle); --bg-currentcolor: var(--chakra-colors-color-palette-subtle); }
  .css-11j8b1s:is(:active, [data-active]):not(:disabled, [data-disabled], [data-state="open"]) { background: var(--chakra-colors-primary-primary100); --bg-currentcolor: var(--chakra-colors-primary-primary100); }
  @media (hover: hover) {
  .css-11j8b1s:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: var(--chakra-colors-primary-primary100); --bg-currentcolor: var(--chakra-colors-primary-primary100); }
}
}
@media screen and (min-width: 52.125rem) {
  .css-11j8b1s { display: flex; }
}

.css-1qqtv3i { display: flex; -webkit-box-align: center; align-items: center; width: 100%; padding: 14px 8px; position: sticky; top: 0px; height: 68px; border-color: var(--chakra-colors-primary-primary200); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 6px 0px inset; background: var(--chakra-colors-neutrals-white); --bg-currentcolor: var(--chakra-colors-neutrals-white); z-index: var(--chakra-z-index-sticky); }
@media screen and (min-width: 30rem) {
  .css-1qqtv3i { padding: 14px 24px; }
}
@media screen and (min-width: 52.125rem) {
  .css-1qqtv3i { padding: 24px 48px; height: 86px; }
}

.css-1kd066d { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: 0.5rem; height: 40px; -webkit-box-flex: 1; flex-grow: 1; }

.css-1y2wwkw { display: flex; padding-left: 0px; padding-right: 0px; min-width: 0px; }
@layer recipes {
  .css-1y2wwkw { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: 1.5rem; white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--chakra-colors-transparent); cursor: var(--chakra-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.5rem; isolation: isolate; font-weight: var(--chakra-font-weights-semibold); --focus-ring-color: var(--chakra-colors-color-palette-focus-ring); transition: 0.2s; height: var(--chakra-sizes-11); min-width: var(--chakra-sizes-11); font-size: 1rem; padding-inline: 1rem; gap: var(--chakra-spacing-3); padding-block: 0.5rem; color: var(--chakra-colors-color-palette-fg); }
  .css-1y2wwkw:is(:focus-visible, [data-focus-visible]) { outline-offset: 0.125rem; outline: solid 0.125rem; }
  .css-1y2wwkw:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; cursor: not-allowed; }
  .css-1y2wwkw :where(svg) { flex-shrink: 0; width: var(--chakra-sizes-5); height: var(--chakra-sizes-5); }
}
.css-1y2wwkw :where(svg) { height: 24px; width: 24px; }
@media screen and (min-width: 52.125rem) {
  .css-1y2wwkw { display: none; }
}

.css-8l2xuq { width: 20px; height: 20px; color: var(--chakra-colors-black); }
@layer recipes {
  .css-8l2xuq { display: inline-block; line-height: 1em; flex-shrink: 0; color: var(--chakra-colors-primary-primary); vertical-align: middle; }
}

.css-xl25fe { height: 26px; }
@layer recipes {
  .css-xl25fe { display: inline-block; line-height: 1em; flex-shrink: 0; color: var(--chakra-colors-primary-primary); vertical-align: middle; }
}
@media screen and (min-width: 30rem) {
  .css-xl25fe { height: 40px; }
}

.css-eae6hc { display: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: end; justify-content: end; flex-direction: row; gap: 0.5rem; margin-right: 8px; }
@media screen and (min-width: 52.125rem) {
  .css-eae6hc { display: flex; }
}

@layer recipes {
  .css-1woy46n { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: 1.5rem; white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--chakra-colors-transparent); cursor: var(--chakra-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--chakra-font-weights-semibold); --focus-ring-color: var(--chakra-colors-color-palette-focus-ring); transition: 0.2s; height: var(--chakra-sizes-10); min-width: var(--chakra-sizes-10); font-size: 1rem; padding-inline: 1rem; gap: var(--chakra-spacing-2); padding-block: 0.438rem; background: var(--chakra-colors-primary-primary); --bg-currentcolor: var(--chakra-colors-primary-primary); color: rgb(255, 255, 255); }
  .css-1woy46n:is(:focus-visible, [data-focus-visible]) { outline-offset: 0.125rem; outline: solid 0.125rem; }
  .css-1woy46n:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; cursor: not-allowed; }
  .css-1woy46n :where(svg) { flex-shrink: 0; width: 1rem; height: 1rem; padding: 1.5px; }
  .css-1woy46n:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { --mix-background: color-mix(in srgb, var(--chakra-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--chakra-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--chakra-colors-color-palette-solid)); }
  .css-1woy46n:is(:active, [data-active]):not(:disabled, [data-disabled], [data-state="open"]) { background: var(--chakra-colors-primary-primary400); --bg-currentcolor: var(--chakra-colors-primary-primary400); }
  @media (hover: hover) {
  .css-1woy46n:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: var(--chakra-colors-primary-primary400); --bg-currentcolor: var(--chakra-colors-primary-primary400); }
}
}

.css-19krgnr { top: 108px; }
@layer recipes {
  .css-19krgnr { display: flex; width: 100dvw; height: 100dvh; position: fixed; left: 0px; top: 0px; --dialog-z-index: var(--chakra-z-index-modal); z-index: calc(var(--dialog-z-index) + var(--layer-index, 0)); -webkit-box-pack: center; justify-content: center; overscroll-behavior-y: none; background: rgba(39, 48, 68, 0.24); --bg-currentcolor: rgba(39, 48, 68, 0.24); background-blend-mode: multiply; overflow: auto; pointer-events: auto; align-items: flex-start; }
}

@media screen and (max-width: 52.1225rem) {
  .css-1sdmcns { inset-inline: var(--chakra-spacing-4); }
}

.css-j7qwjs { display: flex; flex-direction: column; }

.css-165casq { display: flex; flex-direction: column; gap: 0px; }

.css-zts65l { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-direction: row; gap: 0.5rem; background: var(--chakra-colors-grey-100); --bg-currentcolor: var(--chakra-colors-grey-100); width: 100%; position: relative; }

.css-t3on8r { object-fit: cover; object-position: 61% 56%; width: 100%; height: 409px; filter: brightness(0.9); }
@media screen and (min-width: 52.125rem) {
  .css-t3on8r { filter: brightness(1); }
}

.css-12gjgyq { background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 69.23%); --bg-currentcolor: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.50) 69.23%); width: 100%; height: 409px; position: absolute; top: 0px; left: 0px; z-index: 1; display: flex; flex-direction: row; padding: 21px 22px; }
@media screen and (min-width: 52.125rem) {
  .css-12gjgyq { padding: 21px 44px; }
}

.css-ok2ir2 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; place-content: flex-end flex-start; flex: 1 1 0%; align-self: flex-end; width: 100%; }

.css-18m08j8 { color: var(--chakra-colors-neutrals-white); font-weight: var(--chakra-font-weights-extrabold); line-height: var(--chakra-line-heights-display-1); }
@layer recipes {
  .css-18m08j8 { font-family: var(--chakra-fonts-body); font-size: var(--chakra-font-sizes-display-1); font-style: normal; font-weight: var(--chakra-font-weights-medium); line-height: var(--chakra-line-heights-display-1); color: var(--chakra-colors-text-primary); }
}

.css-2e9vde { display: none; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; height: 64px; background-color: var(--chakra-colors-secondary-secondary); --bg-currentcolor: var(--chakra-colors-secondary-secondary); }
@media screen and (min-width: 52.125rem) {
  .css-2e9vde { display: flex; }
}

@layer recipes {
  .css-16b4dtt { --tabs-trigger-radius: 999px; --tabs-indicator-shadow: var(--chakra-shadows-xs); --tabs-indicator-bg: var(--chakra-colors-bg); position: relative; --tabs-height: 22px; --tabs-content-padding: 16px; --tabs-gap: 32px; --tabs-border-color: var(--chakra-colors-brand-grey50); --tabs-indicator-color: var(--chakra-colors-primary-primary600); --tabs-indicator-height: 2px; --tabs-indicator-radius: 2px; --tabs-disabled-color: var(--chakra-colors-brand-grey100); --tabs-normal-color: var(--chakra-colors-brand-grey400); --tabs-selected-color: var(--chakra-colors-primary-primary600); --tabs-hover-color: var(--chakra-colors-primary-primary600); --indicator-color: var(--chakra-colors-primary-primary600); --indicator-color-fallback: var(--chakra-colors-primary-primary600); --tabs-indicator-secondary-color: var(--chakra-colors-primary-primary700); --tabs-secondary-color: var(--chakra-colors-brand-grey); --tabs-secondary-selected-color: var(--chakra-colors-primary-primary700); }
  .css-16b4dtt[data-orientation="horizontal"] { display: block; }
  .css-16b4dtt[data-orientation="vertical"] { display: flex; }
}

@layer recipes {
  .css-67bdyz { display: inline-flex; position: relative; isolation: isolate; min-height: var(--tabs-height); border-bottom: none; gap: var(--tabs-gap); height: 0px; -webkit-box-pack: start; justify-content: flex-start; }
  .css-67bdyz[data-orientation="horizontal"] { flex-direction: row; }
  .css-67bdyz[data-orientation="vertical"] { flex-direction: column; }
}

@layer recipes {
  .css-15zib3m { outline: 0px; min-width: 0px; height: var(--tabs-height); display: flex; -webkit-box-align: center; align-items: center; font-weight: var(--chakra-font-weights-semibold); position: relative; cursor: pointer; gap: 8px; line-height: 24px; letter-spacing: 0.2px; -webkit-box-pack: center; justify-content: center; font-size: var(--chakra-font-sizes-body-medium); color: var(--tabs-secondary-color); background: none; --bg-currentcolor: none; border: none; border-radius: var(--tabs-trigger-radius); padding-inline: 16px; padding-block: 0px; transition: color 0.2s; font-family: "Plus Jakarta Sans"; padding: 0px; }
  .css-15zib3m:is(:focus-visible, [data-focus-visible]) { z-index: 1; outline-style: ; outline-width: ; outline-color: var(--chakra-colors-color-palette-focus-ring); }
  .css-15zib3m:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { cursor: not-allowed; opacity: 1; color: var(--tabs-disabled-color); }
  .css-15zib3m:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) :where(svg) { color: var(--tabs-disabled-color); }
  .css-15zib3m:is([aria-selected="true"], [data-selected]) { color: var(--tabs-secondary-selected-color); font-weight: var(--chakra-font-weights-extrabold); --indicator-color: var(--tabs-indicator-color) !important; --indicator-color-fallback: var(--tabs-indicator-color) !important; --indicator-offset-y: 0px !important; }
  .css-15zib3m:is([aria-selected="true"], [data-selected])::after { background-color: var(--tabs-indicator-color) !important; --bg-currentcolor: var(--tabs-indicator-color) !important; height: 2px !important; border-radius: 2px !important; }
  .css-15zib3m:is([aria-selected="true"], [data-selected]) :where(svg) { color: var(--tabs-selected-color); }
  @media (hover: hover) {
  .css-15zib3m:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { color: var(--tabs-hover-color); }
  .css-15zib3m:is(:hover, [data-hover]):not(:disabled, [data-disabled]) :where(svg) { color: var(--tabs-hover-color); }
}
}

@layer recipes {
  .css-fgcymu { width: var(--width); height: 1px; border-radius: var(--tabs-indicator-radius); background: var(--tabs-indicator-secondary-color); --bg-currentcolor: var(--tabs-indicator-secondary-color); box-shadow: var(--tabs-indicator-shadow); z-index: 1; color: var(--tabs-indicator-color); position: absolute; bottom: 0px; left: 0px; transition: 0.2s; }
}

.css-9avx3h { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; background-color: var(--chakra-colors-secondary-secondary); --bg-currentcolor: var(--chakra-colors-secondary-secondary); }
@media screen and (min-width: 52.125rem) {
  .css-9avx3h { display: none; }
}

@layer recipes {
  .css-1dkrqdy { display: flex; flex-direction: column; gap: var(--chakra-spacing-1\.5); width: 100%; --select-trigger-height: var(--chakra-sizes-9); --select-trigger-padding-x: var(--chakra-spacing-2\.5); margin: 17px 18px 11px; }
}

@layer recipes {
  .css-nuaheh { position: relative; --focus-color: var(--chakra-colors-color-palette-focus-ring); --error-color: var(--chakra-colors-danger-400); --focus-ring-color: var(--focus-color); }
  .css-nuaheh:is(:focus, [data-focus]) { color: var(--chakra-colors-brand-grey); border: none; }
  .css-nuaheh:is(:focus-visible, [data-focus-visible]) { outline-offset: 0px; outline-width: var(--focus-ring-width, 1px); outline-color: var(--focus-ring-color); outline-style: var(--focus-ring-style, solid); border-color: var(--focus-ring-color); }
  @media (hover: hover) {
  .css-nuaheh:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { border: none; }
}
}

@layer recipes {
  .css-1kbpy1w { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; width: var(--chakra-sizes-full); min-height: var(--select-trigger-height); --input-height: var(--select-trigger-height); padding-inline: var(--select-trigger-padding-x); border-radius: var(--chakra-radii-none); user-select: none; text-align: start; --focus-ring-color: var(--chakra-colors-color-palette-focus-ring); font-size: 16px; line-height: 1.25rem; gap: var(--chakra-spacing-1); height: 64px; padding: 16px 24px; background-color: var(--chakra-colors-secondary-secondary); --bg-currentcolor: var(--chakra-colors-secondary-secondary); border: none; color: var(--chakra-colors-primary-primary700); font-weight: var(--chakra-font-weights-extrabold); text-decoration: underline; text-decoration-skip-ink: none; text-underline-offset: auto; text-underline-position: from-font; }
  .css-1kbpy1w:is(:focus-visible, [data-focus-visible]) { outline-offset: 0px; outline-width: var(--focus-ring-width, 1px); outline-color: var(--focus-ring-color); outline-style: var(--focus-ring-style, solid); border-color: var(--focus-ring-color); }
  .css-1kbpy1w:is(:placeholder-shown, [data-placeholder-shown]) { --mix-color: color-mix(in srgb, var(--chakra-colors-fg-muted) 80%, transparent); color: var(--mix-color, var(--chakra-colors-fg-muted)); }
  .css-1kbpy1w:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-1kbpy1w:is([data-invalid], [aria-invalid="true"], [data-state="invalid"]) { border-color: var(--chakra-colors-border-error); }
}

@layer recipes {
  .css-1fx1ifu { display: flex; -webkit-box-align: center; align-items: center; gap: var(--chakra-spacing-1); position: absolute; inset-inline-end: 0px; top: 0px; bottom: 0px; padding-inline: var(--select-trigger-padding-x); pointer-events: none; }
}

.css-ipd8q { width: 15px; height: 15px; color: var(--chakra-colors-primary-primary700); margin-right: 18px; }
@layer recipes {
  .css-ipd8q { display: inline-block; line-height: 1em; flex-shrink: 0; color: var(--chakra-colors-primary-primary); vertical-align: middle; }
}

@layer recipes {
  .css-1m5z82 { padding: 0px 18px; background: var(--chakra-colors-transparent); --bg-currentcolor: var(--chakra-colors-transparent); width: 100%; --x: 0px !important; }
}

@layer recipes {
  .css-1htix57 { background: var(--chakra-colors-bg-panel); --bg-currentcolor: var(--chakra-colors-bg-panel); display: flex; flex-direction: column; --select-z-index: var(--chakra-z-index-popover); z-index: calc(var(--select-z-index) + var(--layer-index, 0)); border-radius: var(--chakra-radii-none); outline: 0px; max-height: var(--chakra-sizes-96); overflow-y: auto; box-shadow: var(--chakra-shadows-md); padding: 0px; font-size: var(--chakra-font-sizes-sm); line-height: 1.25rem; border: none; width: 100%; }
  .css-1htix57:is([open], [data-open], [data-state="open"]) { transform-origin: var(--transform-origin); animation-duration: var(--chakra-durations-fast); }
  .css-1htix57:is([open], [data-open], [data-state="open"])[data-placement^="top"] { animation-name: slide-from-bottom, fade-in; }
  .css-1htix57:is([open], [data-open], [data-state="open"])[data-placement^="bottom"] { animation-name: slide-from-top, fade-in; }
  .css-1htix57:is([open], [data-open], [data-state="open"])[data-placement^="left"] { animation-name: slide-from-right, fade-in; }
  .css-1htix57:is([open], [data-open], [data-state="open"])[data-placement^="right"] { animation-name: slide-from-left, fade-in; }
  .css-1htix57:is([closed], [data-closed], [data-state="closed"]) { transform-origin: var(--transform-origin); animation-duration: var(--chakra-durations-fastest); }
  .css-1htix57:is([closed], [data-closed], [data-state="closed"])[data-placement^="top"] { animation-name: slide-to-bottom, fade-out; }
  .css-1htix57:is([closed], [data-closed], [data-state="closed"])[data-placement^="bottom"] { animation-name: slide-to-top, fade-out; }
  .css-1htix57:is([closed], [data-closed], [data-state="closed"])[data-placement^="left"] { animation-name: slide-to-right, fade-out; }
  .css-1htix57:is([closed], [data-closed], [data-state="closed"])[data-placement^="right"] { animation-name: slide-to-left, fade-out; }
}

@layer recipes {
  .css-1j84iko { position: relative; user-select: none; display: flex; -webkit-box-align: center; align-items: center; gap: var(--chakra-spacing-2); cursor: var(--chakra-cursor-option); -webkit-box-pack: justify; justify-content: space-between; flex: 1 1 0%; text-align: start; border-radius: var(--chakra-radii-l1); padding-block: var(--chakra-spacing-1); padding-inline: var(--chakra-spacing-1\.5); background-color: var(--chakra-colors-secondary-secondary100); --bg-currentcolor: var(--chakra-colors-secondary-secondary100); border-bottom-width: 1px; border-bottom-style: solid; border-color: var(--chakra-colors-secondary-secondary); padding: 14px 12px; color: var(--chakra-colors-brand-grey400); font-size: 16px; font-weight: var(--chakra-font-weights-normal); line-height: var(--chakra-line-heights-body-medium); letter-spacing: 0.25px; }
  .css-1j84iko[data-highlighted] { background: var(--chakra-colors-secondary-secondary100); --bg-currentcolor: var(--chakra-colors-secondary-secondary100); }
  .css-1j84iko:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { pointer-events: none; opacity: 0.5; }
  .css-1j84iko :where(svg) { width: var(--chakra-sizes-4); height: var(--chakra-sizes-4); }
  .css-1j84iko:is([aria-selected="true"], [data-selected]) { line-height: var(--chakra-line-heights-body-small); color: var(--chakra-colors-primary-primary600); font-weight: var(--chakra-font-weights-semibold); }
}

.css-10ppqn1 { width: 15px; height: 15px; color: inherit; }
@layer recipes {
  .css-10ppqn1 { display: inline-block; line-height: 1em; flex-shrink: 0; color: var(--chakra-colors-primary-primary); vertical-align: middle; }
}

.css-101v00t { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; background: var(--chakra-colors-white); --bg-currentcolor: var(--chakra-colors-white); padding-inline: 16px; padding-block: 40px; gap: 24px; width: 100%; }
@media screen and (min-width: 52.125rem) {
  .css-101v00t { flex-direction: row-reverse; padding-inline: 48px; padding-block: 56px; gap: 48px; }
}

.css-19lgeq0 { flex: 1 1 0%; align-self: flex-start; border-radius: 16px; overflow: hidden; max-width: 100%; aspect-ratio: 664 / 460; width: 100%; }
@media screen and (min-width: 52.125rem) {
  .css-19lgeq0 { max-width: 50%; }
}

.css-1fz72bt { object-fit: cover; object-position: 50% 50%; width: 100%; height: 100%; border-radius: 16px; }

.css-1jag007 { display: flex; flex-direction: column; align-items: flex-start; -webkit-box-pack: center; justify-content: center; gap: 16px; flex: 1 1 0%; width: 100%; }

@layer recipes {
  .css-w5v8vv { font-family: var(--chakra-fonts-body); font-size: var(--chakra-font-sizes-h2); font-style: normal; font-weight: var(--chakra-font-weights-extrabold); line-height: var(--chakra-line-heights-h2); color: var(--chakra-colors-text-primary); }
  @media screen and (min-width: 52.125rem) {
  .css-w5v8vv { font-size: var(--chakra-font-sizes-h1); }
}
}

@layer recipes {
  .css-1f5jx5a { font-family: var(--chakra-fonts-body); font-size: var(--chakra-font-sizes-body-medium); font-style: normal; font-weight: var(--chakra-font-weights-medium); line-height: 25px; color: var(--chakra-colors-text-primary); }
}

.css-6r4flb { border-radius: 24px; }
@layer recipes {
  .css-6r4flb { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: 1.5rem; white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--chakra-colors-transparent); cursor: var(--chakra-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--chakra-font-weights-semibold); --focus-ring-color: var(--chakra-colors-color-palette-focus-ring); transition: 0.2s; height: var(--chakra-sizes-10); min-width: var(--chakra-sizes-10); font-size: 1rem; padding-inline: 1rem; gap: var(--chakra-spacing-2); padding-block: 0.438rem; background: var(--chakra-colors-primary-primary); --bg-currentcolor: var(--chakra-colors-primary-primary); color: rgb(255, 255, 255); }
  .css-6r4flb:is(:focus-visible, [data-focus-visible]) { outline-offset: 0.125rem; outline: solid 0.125rem; }
  .css-6r4flb:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; cursor: not-allowed; }
  .css-6r4flb :where(svg) { flex-shrink: 0; width: 1rem; height: 1rem; padding: 1.5px; }
  .css-6r4flb:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { --mix-background: color-mix(in srgb, var(--chakra-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--chakra-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--chakra-colors-color-palette-solid)); }
  .css-6r4flb:is(:active, [data-active]):not(:disabled, [data-disabled], [data-state="open"]) { background: var(--chakra-colors-primary-primary400); --bg-currentcolor: var(--chakra-colors-primary-primary400); }
  @media (hover: hover) {
  .css-6r4flb:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: var(--chakra-colors-primary-primary400); --bg-currentcolor: var(--chakra-colors-primary-primary400); }
}
}

.css-189syx6 { display: flex; flex-direction: column; -webkit-box-align: start; align-items: start; text-align: start; background: var(--chakra-colors-tertiary-tertiary); --bg-currentcolor: var(--chakra-colors-tertiary-tertiary); color: var(--chakra-colors-full-width-text-block-tertiary); padding-inline: 24px; padding-block: 48px; }
@media screen and (min-width: 52.125rem) {
  .css-189syx6 { padding-inline: 145px; }
}

.css-20nn9x { margin-bottom: 16px; color: var(--chakra-colors-full-width-text-block-tertiary); font-weight: 800; text-align: start; }
@layer recipes {
  .css-20nn9x { font-family: var(--chakra-fonts-body); font-size: var(--chakra-font-sizes-h2); font-style: normal; font-weight: var(--chakra-font-weights-medium); line-height: var(--chakra-line-heights-h2); color: var(--chakra-colors-text-primary); }
}

.css-ze9q4y { color: var(--chakra-colors-full-width-text-block-tertiary); text-align: start; }
@layer recipes {
  .css-ze9q4y { font-family: var(--chakra-fonts-body); font-size: var(--chakra-font-sizes-body-medium); font-style: normal; font-weight: var(--chakra-font-weights-medium); line-height: 25px; color: var(--chakra-colors-text-primary); }
}

.css-1o5ozx9 { background: var(--chakra-colors-brand-grey50); --bg-currentcolor: var(--chakra-colors-brand-grey50); padding-inline: 16px; padding-block: 32px; width: 100%; }
@media screen and (min-width: 52.125rem) {
  .css-1o5ozx9 { padding-inline: 48px; padding-block: 51px; }
}

.css-wl9tum { display: flex; -webkit-box-pack: justify; justify-content: space-between; align-items: flex-start; flex-direction: column; gap: 16px; margin-bottom: 24px; width: 100%; }
@media screen and (min-width: 52.125rem) {
  .css-wl9tum { flex-direction: row; gap: 0px; margin-bottom: 12px; }
}

.css-ihzt7a { font-size: 40px; font-weight: 800; line-height: 50px; flex: 1 1 0%; }
@layer recipes {
  .css-ihzt7a { font-family: var(--chakra-fonts-body); font-size: var(--chakra-font-sizes-body-medium); font-style: normal; font-weight: var(--chakra-font-weights-medium); line-height: 25px; color: var(--chakra-colors-text-primary); }
}
@media screen and (min-width: 52.125rem) {
  .css-ihzt7a { font-size: 60px; line-height: 76px; }
}

@layer recipes {
  .css-1aqgwd5 { position: relative; display: flex; gap: var(--chakra-spacing-2); }
  .css-1aqgwd5[data-orientation="horizontal"] { flex-direction: column; }
  .css-1aqgwd5[data-orientation="vertical"] { flex-direction: row; }
}

.css-124065h { gap: 16px; width: 100%; }

.css-dahhc6 { width: 100%; flex: 0 0 auto; }
@layer recipes {
  .css-dahhc6[data-orientation="horizontal"] { width: 100%; }
  .css-dahhc6[data-orientation="vertical"] { height: 100%; }
}
@media screen and (min-width: 90rem) {
  .css-dahhc6 { flex: 1 1 0%; }
}

.css-14zytir { display: flex; align-items: flex-start; flex-direction: column; gap: 32px; width: 100%; margin-inline: auto; height: 100%; }
@media screen and (min-width: 90rem) {
  .css-14zytir { margin-inline: 0px; }
}

.css-23038x { width: 100%; aspect-ratio: 324 / 251; border-radius: 24px; overflow: hidden; flex-shrink: 0; }

.css-6ctdkt { object-fit: cover; object-position: 50% 50%; width: 100%; height: 100%; }

.css-1c17n8q { display: flex; align-items: flex-start; flex-direction: column; gap: 8px; width: 100%; flex: 1 1 0%; min-height: 0px; }

.css-1hldzkn { height: 30px; width: 100%; overflow: hidden; flex-shrink: 0; }

.css-11z2bse { font-size: 24px; font-weight: 800; line-height: 30px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-wrap: wrap; }
@layer recipes {
  .css-11z2bse { font-family: var(--chakra-fonts-body); font-size: var(--chakra-font-sizes-body-medium); font-style: normal; font-weight: var(--chakra-font-weights-medium); line-height: 25px; color: var(--chakra-colors-text-primary); }
}

.css-8lrgy3 { width: 100%; overflow: hidden; flex: 1 1 0%; min-height: 0px; height: 100%; }

.css-1jrm0l8 { font-size: 16px; font-weight: 500; line-height: 25px; color: var(--chakra-colors-brand-grey400); white-space: pre-line; }
@layer recipes {
  .css-1jrm0l8 { font-family: var(--chakra-fonts-body); font-size: var(--chakra-font-sizes-body-medium); font-style: normal; font-weight: var(--chakra-font-weights-medium); line-height: 25px; color: var(--chakra-colors-text-primary); }
}

.css-1ahk6kg { display: none; margin-top: 24px; -webkit-box-pack: end; justify-content: flex-end; -webkit-box-align: center; align-items: center; width: 100%; }

.css-gojse6 { display: flex; flex-direction: row; gap: 12px; }

.css-qhn9l3 { border-radius: var(--chakra-radii-full); padding: 8px; min-width: 40px; height: 40px; border-color: var(--chakra-colors-brand-grey300); }
@layer recipes {
  .css-qhn9l3 { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: 1.5rem; white-space: nowrap; vertical-align: middle; border-width: 0.125rem; border-color: var(--chakra-colors-primary-primary600); cursor: var(--chakra-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--chakra-font-weights-semibold); --focus-ring-color: var(--chakra-colors-color-palette-focus-ring); transition: 0.2s; height: 100%; min-width: var(--chakra-sizes-9); padding-inline: 1rem; font-size: 0.75rem; gap: var(--chakra-spacing-2); padding-block: 0.188rem; --outline-color-legacy: var(--chakra-colors-color-palette-muted); --outline-color: var(--chakra-colors-color-palette-border); color: var(--chakra-colors-primary-primary600); }
  .css-qhn9l3:is(:focus-visible, [data-focus-visible]) { outline-offset: 0.125rem; outline: solid 0.125rem; }
  .css-qhn9l3:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; cursor: not-allowed; }
  .css-qhn9l3 :where(svg) { flex-shrink: 0; width: 0.875rem; height: 0.875rem; padding: 0px; }
  .css-qhn9l3:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { background: var(--chakra-colors-color-palette-subtle); --bg-currentcolor: var(--chakra-colors-color-palette-subtle); }
  .css-qhn9l3:is(:active, [data-active]):not(:disabled, [data-disabled], [data-state="open"]) { background: var(--chakra-colors-primary-primary100); --bg-currentcolor: var(--chakra-colors-primary-primary100); }
  @media (hover: hover) {
  .css-qhn9l3:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: var(--chakra-colors-primary-primary100); --bg-currentcolor: var(--chakra-colors-primary-primary100); }
}
}
@media (hover: hover) {
  .css-qhn9l3:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { opacity: 0.8; }
}

.css-1im1vy6 { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; background: var(--chakra-colors-brand-grey50); --bg-currentcolor: var(--chakra-colors-brand-grey50); color: var(--chakra-colors-text-primary); padding-inline: 24px; padding-block: 48px; }
@media screen and (min-width: 52.125rem) {
  .css-1im1vy6 { padding-inline: 48px; }
}

.css-15ancw2 { padding-block: var(--chakra-spacing-8); text-align: center; }

@layer recipes {
  .css-11t4vt7 { display: inline-block; border-top: 2px solid currentcolor; border-right: 2px solid currentcolor; border-left: 2px solid currentcolor; border-bottom-style: solid; border-bottom-width: 2px; border-radius: var(--chakra-radii-full); width: var(--spinner-size); height: var(--spinner-size); animation-timing-function: ; animation-delay: ; animation-iteration-count: ; animation-direction: ; animation-fill-mode: ; animation-play-state: ; animation-name: ; animation-timeline: ; animation-range-start: ; animation-range-end: ; animation-duration: var(--chakra-durations-slowest); --spinner-track-color: transparent; border-bottom-color: var(--spinner-track-color); border-inline-start-color: var(--spinner-track-color); --spinner-size: var(--chakra-sizes-5); }
}

.css-rjojpx { color: var(--chakra-colors-secondary-secondary800); font-size: 16px; font-weight: var(--chakra-font-weights-semibold); padding-inline: 16px; text-decoration: none; }
@layer recipes {
  .css-rjojpx { display: inline-flex; -webkit-box-align: center; align-items: center; outline: none; gap: var(--chakra-spacing-1\.5); cursor: pointer; border-radius: var(--chakra-radii-l1); --focus-ring-color: var(--chakra-colors-color-palette-focus-ring); font-family: var(--chakra-fonts-body); font-size: 14px; font-style: normal; font-weight: var(--chakra-font-weights-semibold); color: var(--chakra-colors-primary-primary400); }
  .css-rjojpx:is(:focus, [data-focus]) { outline-width: var(--focus-ring-width, 2px); outline-offset: var(--focus-ring-offset, 2px); outline-style: var(--focus-ring-style, solid); outline-color: var(--focus-ring-color); }
  @media (hover: hover) {
  .css-rjojpx:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-underline-offset: 3px; --mix-textDecorationColor: color-mix(in srgb, currentColor 20%, transparent); text-decoration-color: var(--mix-textDecorationColor, currentColor); color: var(--chakra-colors-primary-primary600); }
}
}
@media (hover: hover) {
  .css-rjojpx:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { text-decoration: none; border-radius: 24px; background-color: var(--chakra-colors-primary-primary50); --bg-currentcolor: var(--chakra-colors-primary-primary50); padding: 8px 16px; cursor: pointer; }
}
.css-hfkpom { font-weight: var(--chakra-font-weights-normal); color: var(--chakra-colors-secondary-secondary800); text-decoration-line: none; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: var(--chakra-colors-transparent); }
@layer recipes {
  .css-hfkpom { font-family: var(--chakra-fonts-body); font-size: var(--chakra-font-sizes-body-medium); font-style: normal; font-weight: var(--chakra-font-weights-medium); line-height: 25px; color: var(--chakra-colors-text-primary); }
}
@media (hover: hover) {
  .css-hfkpom:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { text-decoration: none; color: var(--chakra-colors-secondary-secondary800); transition: 0.2s ease-in-out; }
}
.css-g1u242 { font-weight: var(--chakra-font-weights-semibold); color: var(--chakra-colors-primary-primary600); text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: var(--chakra-colors-primary-primary600); }
@layer recipes {
  .css-g1u242 { font-family: var(--chakra-fonts-body); font-size: var(--chakra-font-sizes-body-medium); font-style: normal; font-weight: var(--chakra-font-weights-medium); line-height: 25px; color: var(--chakra-colors-text-primary); }
}
@media (hover: hover) {
  .css-g1u242:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { text-decoration: none; color: var(--chakra-colors-secondary-secondary800); transition: 0.2s ease-in-out; }
}
.css-13rs55n { display: flex; flex-direction: column; gap: 24px; width: 100%; background: var(--chakra-colors-brand-royalblue); --bg-currentcolor: var(--chakra-colors-brand-royalblue); padding: 31px 24px; }
@media screen and (min-width: 52.125rem) {
  .css-13rs55n { flex-direction: row; gap: 5%; padding: 64px 7% 68px; }
}
.css-i5ayx7 { display: flex; flex-direction: column; gap: 24px; width: 100%; order: 2; }
@media screen and (min-width: 52.125rem) {
  .css-i5ayx7 { -webkit-box-pack: justify; justify-content: space-between; gap: 62px; width: 65%; order: 1; }
}
.css-1599on { display: flex; -webkit-box-pack: start; justify-content: flex-start; flex-direction: column; gap: 44px; }
@media screen and (min-width: 52.125rem) {
  .css-1599on { flex-direction: row; }
}
.css-1v8my8o { display: flex; flex-direction: column; gap: 20px; }
.css-10z221z { font-weight: var(--chakra-font-weights-bold); color: var(--chakra-colors-neutrals-white); text-transform: uppercase; letter-spacing: 0.03px; }
@layer recipes {
  .css-10z221z { font-family: var(--chakra-fonts-body); font-size: var(--chakra-font-sizes-body-medium); font-style: normal; font-weight: var(--chakra-font-weights-medium); line-height: 25px; color: var(--chakra-colors-text-primary); }
}
.css-1ehc98j { font-weight: var(--chakra-font-weights-normal); color: var(--chakra-colors-neutrals-white); letter-spacing: 0.032px; text-transform: capitalize; display: flex; -webkit-box-align: center; align-items: center; }
@layer recipes {
  .css-1ehc98j { font-family: var(--chakra-fonts-body); font-size: var(--chakra-font-sizes-body-medium); font-style: normal; font-weight: var(--chakra-font-weights-medium); line-height: 25px; color: var(--chakra-colors-text-primary); }
}
.css-14ym22y { display: flex; align-items: flex-start; flex-direction: column; gap: 24px; }
@media screen and (min-width: 52.125rem) {
  .css-14ym22y { -webkit-box-align: center; align-items: center; flex-direction: row; gap: 5%; }
}
.css-1ckmcy1 { display: flex; flex-direction: row; height: 32px; width: 100%; }
.css-1paf2jq { color: var(--chakra-colors-neutrals-white); font-weight: var(--chakra-font-weights-normal); letter-spacing: 0.032px; }
@layer recipes {
  .css-1paf2jq { font-family: var(--chakra-fonts-body); font-size: var(--chakra-font-sizes-body-medium); font-style: normal; font-weight: var(--chakra-font-weights-medium); line-height: 25px; color: var(--chakra-colors-text-primary); }
}
.css-2e1xu { color: var(--chakra-colors-neutrals-white); }
@layer recipes {
  .css-2e1xu { border-width: 0px; align-self: stretch; border-color: inherit; width: auto; height: auto; }
}
.css-2e1xu { margin-inline: 32px; margin-block: 0px; border-inline-start-width: 1px; border-top-width: 0px; }
@media screen and (min-width: 52.125rem) {
  .css-2e1xu { margin-inline: 10%; }
}
.css-1b4f6w8 { display: flex; flex-direction: column; gap: 0px; width: 100%; order: 1; }
@media screen and (min-width: 52.125rem) {
  .css-1b4f6w8 { width: 35%; order: 2; }
}
.css-12hd26c { display: flex; -webkit-box-pack: start; justify-content: flex-start; flex-direction: column; gap: 16px; width: 100%; }
.css-t31pzf { font-weight: var(--chakra-font-weights-extrabold); color: var(--chakra-colors-neutrals-white); max-width: 200px; white-space: pre-line; letter-spacing: 0px; text-transform: capitalize; }
@layer recipes {
  .css-t31pzf { font-family: var(--chakra-fonts-body); font-size: var(--chakra-font-sizes-display-2); font-style: normal; font-weight: var(--chakra-font-weights-medium); line-height: var(--chakra-line-heights-display-2); color: var(--chakra-colors-text-primary); }
}
.css-l80smn { font-weight: var(--chakra-font-weights-normal); color: var(--chakra-colors-neutrals-white); }
@layer recipes {
  .css-l80smn { font-family: var(--chakra-fonts-body); font-size: var(--chakra-font-sizes-body-medium); font-style: normal; font-weight: var(--chakra-font-weights-medium); line-height: 25px; color: var(--chakra-colors-text-primary); }
}
.css-1yf5lms { width: 100%; gap: 0px; }
@layer recipes {
  .css-1yf5lms { display: flex; width: 100%; position: relative; gap: var(--chakra-spacing-1\.5); flex-direction: column; align-items: flex-start; }
}
.css-tflui2 { align-items: flex-end; -webkit-box-pack: start; justify-content: flex-start; width: var(--chakra-sizes-full); max-width: var(--chakra-sizes-sm); gap: 0px; margin-bottom: 5px; }
@layer recipes {
  .css-tflui2 { display: inline-flex; isolation: isolate; position: relative; flex-direction: row; gap: 0px !important; }
  .css-tflui2 [data-group-item]:is(:focus-visible, [data-focus-visible]) { z-index: 1; }
  .css-tflui2 > [data-first] { margin-inline-end: -1px; border-start-end-radius: 0px !important; border-end-end-radius: 0px !important; }
  .css-tflui2 > [data-between] { margin-inline-end: -1px; border-radius: 0px !important; }
  .css-tflui2 > [data-last] { border-start-start-radius: 0px !important; border-end-start-radius: 0px !important; }
}
@layer recipes {
  .css-1tnao9f { width: 100%; min-width: var(--input-height); outline: 0px; position: relative; appearance: none; text-align: start; border-radius: 0px; height: var(--input-height); --focus-color: var(--chakra-colors-color-palette-focus-ring); --error-color: var(--chakra-colors-danger-400); color: var(--chakra-colors-neutrals-white); font-size: var(--chakra-font-sizes-sm); line-height: 1.25rem; padding-inline: var(--chakra-spacing-3); --input-height: var(--chakra-sizes-10); padding: 16px; border-width: 1px; border-style: solid; border-color: var(--chakra-colors-primary-primary); background-color: var(--chakra-colors-transparent); --bg-currentcolor: var(--chakra-colors-transparent); }
  .css-1tnao9f:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-1tnao9f:is([data-invalid], [aria-invalid="true"], [data-state="invalid"]) { --focus-ring-color: var(--error-color); border-color: var(--error-color); }
  .css-1tnao9f::-webkit-input-placeholder { color: var(--chakra-colors-neutrals-white); }
  .css-1tnao9f::placeholder, .css-1tnao9f[data-placeholder] { color: var(--chakra-colors-neutrals-white); }
}
@layer recipes {
  .css-19e1inb { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: 0px; white-space: nowrap; vertical-align: middle; border-width: 1px 1px 1px 0px; border-color: var(--chakra-colors-primary-primary); cursor: var(--chakra-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--chakra-font-weights-semibold); --focus-ring-color: var(--chakra-colors-color-palette-focus-ring); transition: 0.2s; height: var(--chakra-sizes-10); min-width: var(--chakra-sizes-10); font-size: 1rem; padding-inline: 1rem; gap: var(--chakra-spacing-2); padding-block: 0.438rem; background: var(--chakra-colors-transparent); --bg-currentcolor: var(--chakra-colors-transparent); color: var(--chakra-colors-primary-primary); border-style: solid; }
  .css-19e1inb:is(:focus-visible, [data-focus-visible]) { outline-offset: 0.125rem; outline: solid 0.125rem; }
  .css-19e1inb:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; cursor: not-allowed; }
  .css-19e1inb :where(svg) { flex-shrink: 0; width: 1rem; height: 1rem; padding: 1.5px; }
  @media (hover: hover) {
  .css-19e1inb:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: var(--chakra-colors-primary-primary); --bg-currentcolor: var(--chakra-colors-primary-primary); }
}
}
.css-iuvbc { width: 31px; height: 31px; color: var(--chakra-colors-primary-primary500); }
@layer recipes {
  .css-iuvbc { display: inline-block; line-height: 1em; flex-shrink: 0; color: var(--chakra-colors-primary-primary); vertical-align: middle; }
}
.css-ww6lf6 { font-weight: var(--chakra-font-weights-normal); color: var(--chakra-colors-neutrals-white); text-transform: capitalize; margin-top: 10px; }
@layer recipes {
  .css-ww6lf6 { font-family: var(--chakra-fonts-body); font-size: var(--chakra-font-sizes-body-medium); font-style: normal; font-weight: var(--chakra-font-weights-medium); line-height: 25px; color: var(--chakra-colors-text-primary); }
}
.css-1jjde23 { display: flex; -webkit-box-pack: start; justify-content: flex-start; flex-flow: wrap; gap: var(--chakra-spacing-4); }
.css-1go4znb { color: var(--chakra-colors-primary-primary); }
@layer recipes {
  .css-1go4znb { display: inline-flex; -webkit-box-align: center; align-items: center; outline: none; gap: var(--chakra-spacing-1\.5); cursor: pointer; border-radius: var(--chakra-radii-l1); --focus-ring-color: var(--chakra-colors-color-palette-focus-ring); font-family: var(--chakra-fonts-body); font-size: 14px; font-style: normal; font-weight: var(--chakra-font-weights-semibold); color: var(--chakra-colors-primary-primary400); }
  .css-1go4znb:is(:focus, [data-focus]) { outline-width: var(--focus-ring-width, 2px); outline-offset: var(--focus-ring-offset, 2px); outline-style: var(--focus-ring-style, solid); outline-color: var(--focus-ring-color); }
  @media (hover: hover) {
  .css-1go4znb:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-underline-offset: 3px; --mix-textDecorationColor: color-mix(in srgb, currentColor 20%, transparent); text-decoration-color: var(--mix-textDecorationColor, currentColor); color: var(--chakra-colors-primary-primary600); }
}
}
.css-wmb2wl { height: 32px; }
@layer recipes {
  .css-wmb2wl { display: inline-block; line-height: 1em; flex-shrink: 0; color: var(--chakra-colors-primary-primary); vertical-align: middle; }
}
.css-6nb107 { padding-inline: 24px; }
@layer recipes {
  .css-6nb107 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 100%; padding: 16px; gap: 16px; font-family: "Plus Jakarta Sans", sans-serif; font-size: 16px; font-weight: 700; line-height: 20px; letter-spacing: 0.25px; transition: 0.2s ease-in-out; flex-wrap: nowrap; background-color: var(--chakra-colors-rust-orange-100); --bg-currentcolor: var(--chakra-colors-rust-orange-100); color: var(--chakra-colors-rust-orange-600); border-bottom-width: 2px; border-bottom-style: solid; border-color: var(--chakra-colors-rust-orange-600); }
  .css-6nb107 svg { color: var(--chakra-colors-rust-orange-600); }
  .css-6nb107 a { color: var(--chakra-colors-rust-orange-600); border-color: var(--chakra-colors-rust-orange-600); }
}
@media screen and (min-width: 52.125rem) {
  .css-6nb107 { padding-inline: 48px; }
}
@layer recipes {
  .css-39cv2g { display: inline-block; line-height: 1em; flex-shrink: 0; color: var(--chakra-colors-primary-primary); vertical-align: middle; }
}
.css-bjtffp { display: flex; gap: 10px; -webkit-box-align: center; align-items: center; min-width: 0px; white-space: normal; }
.css-1tu711e { width: fit-content; text-transform: capitalize; font-weight: 700; }
@layer recipes {
  .css-1tu711e { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: 1.5rem; white-space: nowrap; vertical-align: middle; border-width: 0.125rem; border-color: var(--chakra-colors-primary-primary600); cursor: var(--chakra-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--chakra-font-weights-semibold); --focus-ring-color: var(--chakra-colors-color-palette-focus-ring); transition: 0.2s; height: 100%; min-width: var(--chakra-sizes-9); padding-inline: 1rem; font-size: 0.75rem; gap: var(--chakra-spacing-2); padding-block: 0.188rem; --outline-color-legacy: var(--chakra-colors-color-palette-muted); --outline-color: var(--chakra-colors-color-palette-border); color: var(--chakra-colors-primary-primary600); }
  .css-1tu711e:is(:focus-visible, [data-focus-visible]) { outline-offset: 0.125rem; outline: solid 0.125rem; }
  .css-1tu711e:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; cursor: not-allowed; }
  .css-1tu711e :where(svg) { flex-shrink: 0; width: 0.875rem; height: 0.875rem; padding: 0px; }
  .css-1tu711e:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { background: var(--chakra-colors-color-palette-subtle); --bg-currentcolor: var(--chakra-colors-color-palette-subtle); }
  .css-1tu711e:is(:active, [data-active]):not(:disabled, [data-disabled], [data-state="open"]) { background: var(--chakra-colors-primary-primary100); --bg-currentcolor: var(--chakra-colors-primary-primary100); }
  @media (hover: hover) {
  .css-1tu711e:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: var(--chakra-colors-primary-primary100); --bg-currentcolor: var(--chakra-colors-primary-primary100); }
}
}

.embeddedMessagingFrame { z-index: 1200 !important; }
.embeddedMessagingConversationButton { position: fixed !important; bottom: 20px !important; right: 20px !important; z-index: 1200 !important; }
@media (max-width: 767px) {
  .embeddedMessagingConversationButton { bottom: 70px !important; }
}
.embeddedMessagingIconContainer { background-color: transparent !important; }

#tfa_669, [id^="tfa_669["] { width: 300px !important; }
#tfa_669-D, [id^="tfa_669["][class~="field-container-D"] { width: auto !important; }
#tfa_739, [id^="tfa_739["] { width: 300px !important; }
#tfa_739-D, [id^="tfa_739["][class~="field-container-D"] { width: auto !important; }
#tfa_5, [id^="tfa_5["] { width: 300px !important; }
#tfa_5-D, [id^="tfa_5["][class~="field-container-D"] { width: auto !important; }
#tfa_3, [id^="tfa_3["] { width: 300px !important; }
#tfa_3-D, [id^="tfa_3["][class~="field-container-D"] { width: auto !important; }
#tfa_539, [id^="tfa_539["] { width: 300px !important; }
#tfa_539-D, [id^="tfa_539["][class~="field-container-D"] { width: auto !important; }
#tfa_539-L, label[id^="tfa_539["] { min-width: 0px; }
#tfa_605, [id^="tfa_605["] { width: 300px !important; }
#tfa_605-D, [id^="tfa_605["][class~="field-container-D"] { width: auto !important; }
#tfa_605-L, label[id^="tfa_605["] { min-width: 0px; }
#tfa_846, [id^="tfa_846["] { width: 300px !important; }
#tfa_846-D, [id^="tfa_846["][class~="field-container-D"] { width: auto !important; }
#tfa_846-L, label[id^="tfa_846["] { min-width: 0px; }
#tfa_880, [id^="tfa_880["] { width: 300px !important; }
#tfa_880-D, [id^="tfa_880["][class~="field-container-D"] { width: auto !important; }
#tfa_880-L, label[id^="tfa_880["] { min-width: 0px; }
#tfa_878, [id^="tfa_878["] { width: 300px !important; }
#tfa_878-D, [id^="tfa_878["][class~="field-container-D"] { width: auto !important; }
#tfa_878-L, label[id^="tfa_878["] { min-width: 0px; }
#tfa_832, [id^="tfa_832["] { width: 300px !important; }
#tfa_832-D, [id^="tfa_832["][class~="field-container-D"] { width: auto !important; }
#tfa_832-L, label[id^="tfa_832["] { min-width: 0px; }
#tfa_874, [id^="tfa_874["] { width: 300px !important; }
#tfa_874-D, [id^="tfa_874["][class~="field-container-D"] { width: auto !important; }
#tfa_874-L, label[id^="tfa_874["] { min-width: 0px; }
#tfa_876, [id^="tfa_876["] { width: 300px !important; }
#tfa_876-D, [id^="tfa_876["][class~="field-container-D"] { width: auto !important; }
#tfa_876-L, label[id^="tfa_876["] { min-width: 0px; }
#tfa_358, [id^="tfa_358["] { width: 524px !important; }
#tfa_358-D, [id^="tfa_358["][class~="field-container-D"] { width: auto !important; }
#tfa_358-L, label[id^="tfa_358["] { width: 532px !important; min-width: 0px; }
#tfa_358, [id^="tfa_358["] { height: 128px !important; }
#tfa_358-D, [id^="tfa_358["][class~="field-container-D"] { height: auto !important; }
#tfa_358-L, label[id^="tfa_358["], [id^="tfa_358["][id$="-L"] { height: auto !important; }

.wForm #submit_button { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: 1.5rem; white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--chakra-colors-transparent); cursor: var(--chakra-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--chakra-font-weights-semibold); --focus-ring-color: var(--chakra-colors-color-palette-focus-ring); transition: 0.2s; height: var(--chakra-sizes-10); min-width: var(--chakra-sizes-10); font-size: 1rem; padding-inline: 1rem; gap: var(--chakra-spacing-2); padding-block: 0.438rem; background: var(--chakra-colors-primary-primary); --bg-currentcolor: var(--chakra-colors-primary-primary); color: rgb(255, 255, 255); }