@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-width: medium; border-style: none; border-color: currentcolor; border-image: 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% { width: var(--width); }
  100% { width: var(--collapsed-width, 0); }
}
  @keyframes collapse-width { 
  0% { width: var(--width); }
  100% { width: 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; }
}
  @-webkit-keyframes marqueeX { 
  0% { transform: translateX(0%); }
  100% { transform: translateX(var(--marquee-translate)); }
}
  @keyframes marqueeX { 
  0% { transform: translateX(0%); }
  100% { transform: translateX(var(--marquee-translate)); }
}
  @-webkit-keyframes marqueeY { 
  0% { transform: translateY(0%); }
  100% { transform: translateY(var(--marquee-translate)); }
}
  @keyframes marqueeY { 
  0% { transform: translateY(0%); }
  100% { transform: translateY(var(--marquee-translate)); }
}
  * { font-feature-settings: "cv11"; --ring-inset: var(--chakra-empty, ); --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; --brightness: var(--chakra-empty, ); --contrast: var(--chakra-empty, ); --grayscale: var(--chakra-empty, ); --hue-rotate: var(--chakra-empty, ); --invert: var(--chakra-empty, ); --saturate: var(--chakra-empty, ); --sepia: var(--chakra-empty, ); --drop-shadow: var(--chakra-empty, ); --backdrop-blur: var(--chakra-empty, ); --backdrop-brightness: var(--chakra-empty, ); --backdrop-contrast: var(--chakra-empty, ); --backdrop-grayscale: var(--chakra-empty, ); --backdrop-hue-rotate: var(--chakra-empty, ); --backdrop-invert: var(--chakra-empty, ); --backdrop-opacity: var(--chakra-empty, ); --backdrop-saturate: var(--chakra-empty, ); --backdrop-sepia: var(--chakra-empty, ); --global-font-mono: var(--chakra-fonts-mono); --global-font-body: var(--chakra-fonts-body); --global-color-border: var(--chakra-colors-border); }
  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)); }
}
@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-accent-50: #EEF2FF; --chakra-colors-accent-100: #DDE5FF; --chakra-colors-accent-200: #BFD0FF; --chakra-colors-accent-300: #9AB2FF; --chakra-colors-accent-400: #5C7CFF; --chakra-colors-accent-500: #3D5DFF; --chakra-colors-accent-600: #1245FF; --chakra-colors-accent-700: #0E3ACC; --chakra-colors-accent-800: #0A2FBF; --chakra-colors-accent-900: #08248F; --chakra-colors-accent-950: #041660; --chakra-colors-slate-50: #F8FAFC; --chakra-colors-slate-100: #F1F5F9; --chakra-colors-slate-200: #E2E8F0; --chakra-colors-slate-300: #CBD5E1; --chakra-colors-slate-400: #94A3B8; --chakra-colors-slate-500: #64748B; --chakra-colors-slate-600: #475569; --chakra-colors-slate-700: #334155; --chakra-colors-slate-800: #1E293B; --chakra-colors-slate-900: #0F172A; --chakra-colors-slate-950: #020617; --chakra-colors-ink: #0A0A0A; --chakra-colors-cream: #FAF7F2; --chakra-colors-cream-dark: #F5F0E8; --chakra-colors-warm-50: #FFF7ED; --chakra-colors-warm-100: #FFEDD5; --chakra-colors-warm-500: #F97316; --chakra-colors-warm-600: #EA580C; --chakra-colors-success-50: #F0FDF4; --chakra-colors-success-500: #22C55E; --chakra-colors-success-600: #16A34A; --chakra-colors-success-700: #15803D; --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: 'Instrument Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; --chakra-fonts-body: 'Instrument Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; --chakra-fonts-mono: 'JetBrains Mono','SF Mono',Menlo,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-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-radii-none: 0; --chakra-radii-2xs: 0.0625rem; --chakra-radii-xs: 4px; --chakra-radii-sm: 6px; --chakra-radii-md: 10px; --chakra-radii-lg: 14px; --chakra-radii-xl: 20px; --chakra-radii-2xl: 28px; --chakra-radii-3xl: 36px; --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-sizes-1: 0.25rem; --chakra-sizes-2: 0.5rem; --chakra-sizes-3: 0.75rem; --chakra-sizes-4: 1rem; --chakra-sizes-5: 1.25rem; --chakra-sizes-6: 1.5rem; --chakra-sizes-7: 1.75rem; --chakra-sizes-8: 2rem; --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: 4rem; --chakra-sizes-20: 5rem; --chakra-sizes-24: 6rem; --chakra-sizes-28: 7rem; --chakra-sizes-32: 8rem; --chakra-sizes-36: 9rem; --chakra-sizes-40: 10rem; --chakra-sizes-44: 11rem; --chakra-sizes-48: 12rem; --chakra-sizes-52: 13rem; --chakra-sizes-56: 14rem; --chakra-sizes-60: 15rem; --chakra-sizes-64: 16rem; --chakra-sizes-72: 18rem; --chakra-sizes-80: 20rem; --chakra-sizes-96: 24rem; --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: 768px; --chakra-sizes-breakpoint-lg: 1024px; --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: 768px; --chakra-breakpoints-lg: 1024px; --chakra-breakpoints-xl: 1280px; --chakra-breakpoints-2xl: 1536px; --chakra-colors-bg\.canvas: #FFFFFF; --chakra-colors-bg\.subtle: #F8FAFC; --chakra-colors-bg\.muted: #F1F5F9; --chakra-colors-bg\.cream: #FAF7F2; --chakra-colors-bg\.cream-dark: #F5F0E8; --chakra-colors-bg\.dark: #0A0A0A; --chakra-colors-bg\.dark-subtle: #171717; --chakra-colors-bg\.accent: #1245FF; --chakra-colors-bg\.accent-subtle: #EEF2FF; --chakra-colors-bg\.accent-hover: #0E3ACC; --chakra-colors-fg\.default: #0A0A0A; --chakra-colors-fg\.muted: #475569; --chakra-colors-fg\.subtle: #64748B; --chakra-colors-fg\.faint: #94A3B8; --chakra-colors-fg\.inverse: #FFFFFF; --chakra-colors-fg\.inverse-muted: rgba(255, 255, 255, 0.75); --chakra-colors-fg\.inverse-faint: rgba(255, 255, 255, 0.55); --chakra-colors-fg\.accent: #1245FF; --chakra-colors-fg\.accent-hover: #0E3ACC; --chakra-colors-fg\.success: #15803D; --chakra-colors-border\.default: #E2E8F0; --chakra-colors-border\.subtle: #F1F5F9; --chakra-colors-border\.muted: rgba(10, 10, 10, 0.06); --chakra-colors-border\.strong: #CBD5E1; --chakra-colors-border\.accent: #1245FF; --chakra-colors-border\.inverse: rgba(255, 255, 255, 0.12); --chakra-colors-border\.inverse-muted: rgba(255, 255, 255, 0.08); --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-midst3 { position: fixed; bottom: var(--chakra-spacing-4); right: var(--chakra-spacing-5); z-index: 60; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: var(--chakra-sizes-14); height: var(--chakra-sizes-14); border-radius: var(--chakra-radii-full); background: rgb(37, 211, 102); --bg-currentcolor: #25D366; color: var(--chakra-colors-white); box-shadow: rgba(37, 211, 102, 0.5) 0px 10px 30px -8px; transition: 0.2s; }
@media screen and (min-width: 48rem) {
  .css-midst3 { display: none; }
}
@media (hover: hover) {
  .css-midst3:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { transform: scale(1.08); box-shadow: rgba(37, 211, 102, 0.65) 0px 14px 36px -8px; }
}
.css-5g8omz { min-height: 100vh; background: var(--chakra-colors-bg-subtle); --bg-currentcolor: var(--chakra-colors-bg-subtle); }
.css-he808z { position: fixed; inset-inline: 0px; bottom: 0px; z-index: 1500; padding-inline: var(--chakra-spacing-3); padding-bottom: var(--chakra-spacing-3); }
@media screen and (min-width: 48rem) {
  .css-he808z { padding-inline: var(--chakra-spacing-6); padding-bottom: var(--chakra-spacing-5); }
}
.css-s1to0l { max-width: var(--chakra-sizes-6xl); padding-inline: 0px; }
@layer recipes {
  .css-s1to0l { position: relative; max-width: var(--chakra-sizes-8xl); width: 100%; margin-inline: auto; padding-inline: var(--chakra-spacing-4); }
  @media screen and (min-width: 48rem) {
  .css-s1to0l { padding-inline: var(--chakra-spacing-6); }
}
  @media screen and (min-width: 64rem) {
  .css-s1to0l { padding-inline: var(--chakra-spacing-8); }
}
}
.css-e5i9nq { background: var(--chakra-colors-bg\.canvas); --bg-currentcolor: var(--chakra-colors-bg\.canvas); border-width: 1px; border-style: solid; border-image: none; border-color: var(--chakra-colors-border\.default); border-radius: var(--chakra-radii-xl); overflow: hidden; }
.css-1pm1kf0 { display: flex; flex-direction: column; -webkit-box-align: stretch; align-items: stretch; -webkit-box-pack: justify; justify-content: space-between; gap: var(--chakra-spacing-5); padding: var(--chakra-spacing-5); }
@media screen and (min-width: 48rem) {
  .css-1pm1kf0 { padding: var(--chakra-spacing-6); }
}
@media screen and (min-width: 64rem) {
  .css-1pm1kf0 { flex-direction: row; -webkit-box-align: center; align-items: center; gap: var(--chakra-spacing-8); }
}
.css-eiqqgx { display: flex; -webkit-box-align: start; align-items: start; flex-direction: column; gap: var(--chakra-spacing-3); flex: 1 1 0%; min-width: 0px; }
.css-yg7nqa { font-size: var(--chakra-font-sizes-md); font-weight: 700; color: var(--chakra-colors-fg\.default); letter-spacing: -0.01em; }
.css-il3ox9 { font-size: var(--chakra-font-sizes-sm); color: var(--chakra-colors-fg-muted); line-height: 1.6; }
.css-145qs88 { color: var(--chakra-colors-fg\.default); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
@layer recipes {
  .css-145qs88 { 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); color: var(--chakra-colors-color-palette-fg); }
  .css-145qs88: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-145qs88: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); }
}
}
@media (hover: hover) {
  .css-145qs88:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { color: var(--chakra-colors-accent-700); }
}
.css-177z6ei { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; gap: var(--chakra-spacing-2); width: var(--chakra-sizes-full); }
@media screen and (min-width: 30rem) {
  .css-177z6ei { flex-direction: row; }
}
@media screen and (min-width: 48rem) {
  .css-177z6ei { gap: var(--chakra-spacing-2); }
}
@media screen and (min-width: 64rem) {
  .css-177z6ei { flex-direction: row; width: auto; min-width: auto; }
}
.css-1s6y45o { background: var(--chakra-colors-fg\.default); --bg-currentcolor: var(--chakra-colors-fg\.default); color: var(--chakra-colors-white); border-radius: var(--chakra-radii-lg); font-weight: 600; width: var(--chakra-sizes-full); }
@layer recipes {
  .css-1s6y45o { 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: var(--chakra-radii-full); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--chakra-colors-transparent); cursor: pointer; flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: 600; --focus-ring-color: var(--chakra-colors-color-palette-focus-ring); font-family: var(--chakra-fonts-body); letter-spacing: -0.01em; transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); height: 44px; min-width: var(--chakra-sizes-10); font-size: 15px; padding-inline: var(--chakra-spacing-5); gap: var(--chakra-spacing-2); background: var(--chakra-colors-bg\.accent); --bg-currentcolor: var(--chakra-colors-bg\.accent); color: var(--chakra-colors-fg\.inverse); }
  .css-1s6y45o:is(:focus-visible, [data-focus-visible]) { outline-offset: 3px; outline: solid 2px; }
  .css-1s6y45o:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-1s6y45o :where(svg) { flex-shrink: 0; width: var(--chakra-sizes-5); height: var(--chakra-sizes-5); }
  .css-1s6y45o: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-1s6y45o:is(:active, [data-active]):not(:disabled, [data-disabled], [data-state="open"]) { transform: translateY(0px); }
  @media (hover: hover) {
  .css-1s6y45o:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: var(--chakra-colors-bg\.accent-hover); --bg-currentcolor: var(--chakra-colors-bg\.accent-hover); transform: translateY(-1px); }
  .css-1s6y45o:is(:hover, [data-hover]):not(:disabled, [data-disabled]):is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { transform: none; }
}
}
@media screen and (min-width: 30rem) {
  .css-1s6y45o { width: auto; }
}
@media (hover: hover) {
  .css-1s6y45o:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: var(--chakra-colors-slate-800); --bg-currentcolor: var(--chakra-colors-slate-800); }
}
.css-gv2zke { border-radius: var(--chakra-radii-lg); font-weight: 600; border-color: var(--chakra-colors-border\.default); color: var(--chakra-colors-fg\.default); width: var(--chakra-sizes-full); }
@layer recipes {
  .css-gv2zke { 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: var(--chakra-radii-full); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--chakra-colors-border\.strong); cursor: pointer; flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: 600; --focus-ring-color: var(--chakra-colors-color-palette-focus-ring); font-family: var(--chakra-fonts-body); letter-spacing: -0.01em; transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); height: 44px; min-width: var(--chakra-sizes-10); font-size: 15px; padding-inline: var(--chakra-spacing-5); gap: var(--chakra-spacing-2); --outline-color-legacy: var(--chakra-colors-color-palette-muted); --outline-color: var(--chakra-colors-color-palette-border); color: var(--chakra-colors-fg\.default); background: var(--chakra-colors-transparent); --bg-currentcolor: var(--chakra-colors-transparent); }
  .css-gv2zke:is(:focus-visible, [data-focus-visible]) { outline-offset: 3px; outline: solid 2px; }
  .css-gv2zke:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-gv2zke :where(svg) { flex-shrink: 0; width: var(--chakra-sizes-5); height: var(--chakra-sizes-5); }
  .css-gv2zke:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { background: var(--chakra-colors-color-palette-subtle); --bg-currentcolor: var(--chakra-colors-color-palette-subtle); }
  @media (hover: hover) {
  .css-gv2zke:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: var(--chakra-colors-bg-subtle); --bg-currentcolor: var(--chakra-colors-bg-subtle); border-color: var(--chakra-colors-fg\.default); }
  .css-gv2zke:is(:hover, [data-hover]):not(:disabled, [data-disabled]):is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { transform: none; }
}
}
@media screen and (min-width: 30rem) {
  .css-gv2zke { width: auto; }
}
@media (hover: hover) {
  .css-gv2zke:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: var(--chakra-colors-bg-subtle); --bg-currentcolor: var(--chakra-colors-bg-subtle); }
}
.css-1fp3pz4 { border-radius: var(--chakra-radii-lg); font-weight: 600; color: var(--chakra-colors-fg-muted); width: var(--chakra-sizes-full); }
@layer recipes {
  .css-1fp3pz4 { 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: var(--chakra-radii-full); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--chakra-colors-transparent); cursor: pointer; flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: 600; --focus-ring-color: var(--chakra-colors-color-palette-focus-ring); font-family: var(--chakra-fonts-body); letter-spacing: -0.01em; transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); height: 44px; min-width: var(--chakra-sizes-10); font-size: 15px; padding-inline: var(--chakra-spacing-5); gap: var(--chakra-spacing-2); background: var(--chakra-colors-transparent); --bg-currentcolor: var(--chakra-colors-transparent); color: var(--chakra-colors-fg\.default); }
  .css-1fp3pz4:is(:focus-visible, [data-focus-visible]) { outline-offset: 3px; outline: solid 2px; }
  .css-1fp3pz4:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-1fp3pz4 :where(svg) { flex-shrink: 0; width: var(--chakra-sizes-5); height: var(--chakra-sizes-5); }
  .css-1fp3pz4:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { background: var(--chakra-colors-color-palette-subtle); --bg-currentcolor: var(--chakra-colors-color-palette-subtle); }
  @media (hover: hover) {
  .css-1fp3pz4:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: var(--chakra-colors-bg-subtle); --bg-currentcolor: var(--chakra-colors-bg-subtle); }
}
}
@media screen and (min-width: 30rem) {
  .css-1fp3pz4 { width: auto; }
}
@media (hover: hover) {
  .css-1fp3pz4:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: var(--chakra-colors-bg-subtle); --bg-currentcolor: var(--chakra-colors-bg-subtle); color: var(--chakra-colors-fg\.default); }
}
.css-1hif8to { background: rgb(250, 251, 252); --bg-currentcolor: #FAFBFC; min-height: 100vh; }
.css-1d6uva8 { position: fixed; top: 0px; left: 0px; right: 0px; z-index: 50; background: rgb(18, 69, 255); --bg-currentcolor: #1245FF; }
.css-1w3obf9 { max-width: 1240px; padding-inline: var(--chakra-spacing-5); padding-block: var(--chakra-spacing-4); }
@layer recipes {
  .css-1w3obf9 { position: relative; max-width: var(--chakra-sizes-8xl); width: 100%; margin-inline: auto; padding-inline: var(--chakra-spacing-4); }
  @media screen and (min-width: 48rem) {
  .css-1w3obf9 { padding-inline: var(--chakra-spacing-6); }
}
  @media screen and (min-width: 64rem) {
  .css-1w3obf9 { padding-inline: var(--chakra-spacing-8); }
}
}
@media screen and (min-width: 48rem) {
  .css-1w3obf9 { padding-inline: var(--chakra-spacing-7); }
}
.css-hvi0xy { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; gap: var(--chakra-spacing-6); }
.css-dkl1j5 { flex-shrink: 0; display: flex; -webkit-box-align: center; align-items: center; text-decoration: none; }
@layer recipes {
  .css-dkl1j5 { 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); color: var(--chakra-colors-color-palette-fg); }
  .css-dkl1j5: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-dkl1j5: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); }
}
}
.css-13cexcu { display: none; -webkit-box-align: center; align-items: center; gap: var(--chakra-spacing-3); flex-shrink: 0; font-size: 16px; font-weight: 700; }
@media screen and (min-width: 48rem) {
  .css-13cexcu { gap: var(--chakra-spacing-5); }
}
@media screen and (min-width: 64rem) {
  .css-13cexcu { display: flex; gap: var(--chakra-spacing-6); }
}
.css-nr82lu { color: var(--chakra-colors-white); font-size: 16px; font-weight: 700; text-decoration: none; white-space: nowrap; padding-top: 5px; padding-bottom: 3px; border-bottom: 2px solid transparent; transition: border-color 0.2s, opacity 0.2s; }
@layer recipes {
  .css-nr82lu { 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); color: var(--chakra-colors-color-palette-fg); }
  .css-nr82lu: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-nr82lu: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); }
}
}
@media (hover: hover) {
  .css-nr82lu:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { border-color: var(--chakra-colors-white); opacity: 0.9; }
}
.css-1s7nuau { color: var(--chakra-colors-white); font-size: 16px; font-weight: 700; text-decoration: none; white-space: nowrap; padding-top: 5px; padding-bottom: 3px; border-bottom-width: 2px; border-bottom-style: solid; transition: border-color 0.2s, opacity 0.2s; border-color: var(--chakra-colors-transparent); }
@layer recipes {
  .css-1s7nuau { 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); color: var(--chakra-colors-color-palette-fg); }
  .css-1s7nuau: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-1s7nuau: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); }
}
}
@media (hover: hover) {
  .css-1s7nuau:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { border-color: var(--chakra-colors-white); opacity: 0.9; }
}
.css-1uetdzm { background: var(--chakra-colors-white); --bg-currentcolor: var(--chakra-colors-white); color: rgb(18, 69, 255); padding-inline: var(--chakra-spacing-4); padding-block: var(--chakra-spacing-2\.5); border-radius: var(--chakra-radii-full); font-size: 16px; font-weight: 700; text-decoration: none; white-space: nowrap; transition: background 0.2s, color 0.2s; }
@layer recipes {
  .css-1uetdzm { 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); color: var(--chakra-colors-color-palette-fg); }
  .css-1uetdzm: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-1uetdzm: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); }
}
}
@media screen and (min-width: 48rem) {
  .css-1uetdzm { padding-inline: var(--chakra-spacing-5); }
}
@media (hover: hover) {
  .css-1uetdzm:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: rgb(14, 17, 22); --bg-currentcolor: #0E1116; color: var(--chakra-colors-white); }
}
.css-16xieij { display: flex; }
@media screen and (min-width: 64rem) {
  .css-16xieij { display: none; }
}
.css-13lhobp { background: var(--chakra-colors-white); --bg-currentcolor: var(--chakra-colors-white); color: rgb(18, 69, 255); width: var(--chakra-sizes-11); height: var(--chakra-sizes-11); border-radius: var(--chakra-radii-full); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; cursor: pointer; transition: 0.18s; box-shadow: var(--chakra-shadows-sm); }
.css-13lhobp:is(:active, [data-active]):not(:disabled, [data-disabled], [data-state="open"]) { transform: scale(0.96); }
@media (hover: hover) {
  .css-13lhobp:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: rgba(255, 255, 255, 0.92); --bg-currentcolor: rgba(255, 255, 255, 0.92); }
}
.css-k0i6vs { display: none; position: fixed; inset: 80px 0px 0px; background: var(--chakra-colors-bg\.canvas); --bg-currentcolor: var(--chakra-colors-bg\.canvas); z-index: 40; overflow: hidden auto; overscroll-behavior: contain; }
@media screen and (min-width: 64rem) {
  .css-k0i6vs { display: none; }
}
.css-1bbv66a { display: flex; flex-direction: column; gap: 0px; padding-inline: var(--chakra-spacing-5); padding-top: var(--chakra-spacing-2); padding-bottom: var(--chakra-spacing-8); }
@media screen and (min-width: 30rem) {
  .css-1bbv66a { padding-inline: var(--chakra-spacing-6); padding-bottom: var(--chakra-spacing-10); }
}
.css-nw8g4f { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: var(--chakra-spacing-2); margin-top: var(--chakra-spacing-3); margin-bottom: var(--chakra-spacing-5); height: var(--chakra-sizes-12); border-radius: var(--chakra-radii-full); font-size: 16px; font-weight: 700; text-decoration: none; background: rgb(18, 69, 255); --bg-currentcolor: #1245FF; color: var(--chakra-colors-white); transition: 0.18s; }
@layer recipes {
  .css-nw8g4f { 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); color: var(--chakra-colors-color-palette-fg); }
  .css-nw8g4f: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-nw8g4f: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); }
}
}
.css-nw8g4f:is(:active, [data-active]):not(:disabled, [data-disabled], [data-state="open"]) { transform: scale(0.98); }
@media (hover: hover) {
  .css-nw8g4f:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: rgb(15, 56, 217); --bg-currentcolor: #0F38D9; }
}
.css-18biwo { display: inline-flex; -webkit-box-align: center; align-items: center; }
.css-1vicu5n { color: var(--chakra-colors-fg\.default); font-size: 17px; font-weight: 700; text-decoration: none; padding-block: var(--chakra-spacing-4); border-bottom-width: 1px; border-bottom-style: solid; border-color: var(--chakra-colors-border-subtle); min-height: 52px; display: flex; -webkit-box-align: center; align-items: center; transition: background-color 0.15s; }
@layer recipes {
  .css-1vicu5n { 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); color: var(--chakra-colors-color-palette-fg); }
  .css-1vicu5n: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-1vicu5n: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); }
}
}
.css-1vicu5n:is(:active, [data-active]):not(:disabled, [data-disabled], [data-state="open"]) { background: var(--chakra-colors-bg-subtle); --bg-currentcolor: var(--chakra-colors-bg-subtle); }
.css-1fmymua { color: var(--chakra-colors-fg-muted); font-size: 15px; font-weight: 500; text-decoration: none; padding-block: var(--chakra-spacing-4); min-height: 52px; display: flex; -webkit-box-align: center; align-items: center; transition: background-color 0.15s; }
@layer recipes {
  .css-1fmymua { 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); color: var(--chakra-colors-color-palette-fg); }
  .css-1fmymua: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-1fmymua: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); }
}
}
.css-1fmymua:is(:active, [data-active]):not(:disabled, [data-disabled], [data-state="open"]) { background: var(--chakra-colors-bg-subtle); --bg-currentcolor: var(--chakra-colors-bg-subtle); }
.css-1pywovo { position: fixed; top: 0px; left: 0px; height: 3px; --gradient-stops: var(--gradient-from),var(--gradient-to); --gradient: var(--gradient-via-stops, var(--gradient-stops)); z-index: var(--chakra-z-index-sticky); transition: width 0.08s linear; width: 0%; }
.css-vgwkwq { padding-top: var(--chakra-spacing-32); padding-bottom: var(--chakra-spacing-12); background: var(--chakra-colors-white); --bg-currentcolor: var(--chakra-colors-white); border-bottom-width: 1px; border-bottom-style: solid; border-color: var(--chakra-colors-border\.default); }
@media screen and (min-width: 48rem) {
  .css-vgwkwq { padding-top: var(--chakra-spacing-40); padding-bottom: var(--chakra-spacing-16); }
}
.css-1v5sgzj { max-width: var(--chakra-sizes-4xl); }
@layer recipes {
  .css-1v5sgzj { position: relative; max-width: var(--chakra-sizes-8xl); width: 100%; margin-inline: auto; padding-inline: var(--chakra-spacing-4); }
  @media screen and (min-width: 48rem) {
  .css-1v5sgzj { padding-inline: var(--chakra-spacing-6); }
}
  @media screen and (min-width: 64rem) {
  .css-1v5sgzj { padding-inline: var(--chakra-spacing-8); }
}
}
.css-80buma { display: flex; -webkit-box-align: start; align-items: start; flex-direction: column; gap: var(--chakra-spacing-8); }
.css-ncpwu1 { color: var(--chakra-colors-fg-subtle); font-weight: 600; font-size: var(--chakra-font-sizes-sm); text-decoration: none; display: inline-flex; -webkit-box-align: center; align-items: center; gap: var(--chakra-spacing-2); transition: color 0.2s; }
@media (hover: hover) {
  .css-ncpwu1:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { color: var(--chakra-colors-accent-600); }
}
.css-8l2xn6 { display: flex; -webkit-box-align: start; align-items: start; flex-direction: column; gap: var(--chakra-spacing-5); width: var(--chakra-sizes-full); }
.css-13pa21f { display: flex; -webkit-box-align: center; align-items: center; flex-flow: wrap; gap: var(--chakra-spacing-3); }
.css-diy208 { background: var(--chakra-colors-accent-50); --bg-currentcolor: var(--chakra-colors-accent-50); color: var(--chakra-colors-accent-700); padding-inline: var(--chakra-spacing-3); padding-block: var(--chakra-spacing-1); border-radius: var(--chakra-radii-full); font-size: var(--chakra-font-sizes-xs); font-weight: 700; text-transform: uppercase; letter-spacing: var(--chakra-letter-spacings-wider); }
.css-gkfmc8 { font-size: var(--chakra-font-sizes-xs); color: var(--chakra-colors-fg-subtle); background: var(--chakra-colors-border-subtle); --bg-currentcolor: var(--chakra-colors-border-subtle); padding-inline: var(--chakra-spacing-3); padding-block: var(--chakra-spacing-1); border-radius: var(--chakra-radii-full); font-weight: 500; }
.css-dgf0f { font-size: var(--chakra-font-sizes-3xl); font-weight: 800; color: var(--chakra-colors-fg\.default); line-height: 1.2; letter-spacing: -0.02em; }
@layer recipes {
  .css-dgf0f { font-family: var(--chakra-fonts-heading); font-weight: var(--chakra-font-weights-semibold); font-size: var(--chakra-font-sizes-xl); line-height: 1.875rem; }
}
@media screen and (min-width: 48rem) {
  .css-dgf0f { font-size: var(--chakra-font-sizes-4xl); }
}
@media screen and (min-width: 64rem) {
  .css-dgf0f { font-size: var(--chakra-font-sizes-5xl); }
}
.css-lhj4e8 { font-size: var(--chakra-font-sizes-lg); color: var(--chakra-colors-fg-muted); line-height: 1.6; max-width: var(--chakra-sizes-3xl); }
@media screen and (min-width: 48rem) {
  .css-lhj4e8 { font-size: var(--chakra-font-sizes-xl); }
}
.css-9ky1nh { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; width: var(--chakra-sizes-full); padding-top: var(--chakra-spacing-4); flex-wrap: wrap; gap: var(--chakra-spacing-4); }
.css-1swl3z4 { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: var(--chakra-spacing-3); color: var(--chakra-colors-fg-subtle); font-size: var(--chakra-font-sizes-xs); }
.css-6cpqb8 { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: var(--chakra-spacing-1); }
@layer recipes {
  .css-1qiwd9j { display: inline-block; line-height: 1em; flex-shrink: 0; color: currentcolor; vertical-align: middle; }
}
.css-vmg6zs { padding-block: var(--chakra-spacing-12); }
@media screen and (min-width: 48rem) {
  .css-vmg6zs { padding-block: var(--chakra-spacing-16); }
}
.css-1jznqry { max-width: var(--chakra-sizes-5xl); }
@layer recipes {
  .css-1jznqry { position: relative; max-width: var(--chakra-sizes-8xl); width: 100%; margin-inline: auto; padding-inline: var(--chakra-spacing-4); }
  @media screen and (min-width: 48rem) {
  .css-1jznqry { padding-inline: var(--chakra-spacing-6); }
}
  @media screen and (min-width: 64rem) {
  .css-1jznqry { padding-inline: var(--chakra-spacing-8); }
}
}
.css-1gf4ilj { display: grid; grid-template-columns: 1fr; gap: var(--chakra-spacing-12); -webkit-box-align: start; align-items: start; }
@media screen and (min-width: 64rem) {
  .css-1gf4ilj { grid-template-columns: 1fr 300px; gap: var(--chakra-spacing-14); }
}
.css-16v4y2o { display: flex; -webkit-box-align: stretch; align-items: stretch; flex-direction: column; gap: var(--chakra-spacing-8); width: var(--chakra-sizes-full); max-width: var(--chakra-sizes-3xl); }
.css-1md7qo9 { display: block; background: var(--chakra-colors-white); --bg-currentcolor: var(--chakra-colors-white); border-radius: var(--chakra-radii-xl); border-width: 1px; border-style: solid; border-image: none; border-color: var(--chakra-colors-border\.default); padding: var(--chakra-spacing-5); box-shadow: var(--chakra-shadows-sm); }
@media screen and (min-width: 64rem) {
  .css-1md7qo9 { display: none; }
}
.css-r1k42n { font-size: var(--chakra-font-sizes-sm); font-weight: 700; color: var(--chakra-colors-fg\.default); margin-bottom: var(--chakra-spacing-3); text-transform: uppercase; letter-spacing: var(--chakra-letter-spacings-wider); }
.css-1gzt2am { display: flex; -webkit-box-align: stretch; align-items: stretch; flex-direction: column; gap: var(--chakra-spacing-1\.5); }
.css-68naax { font-size: var(--chakra-font-sizes-sm); color: var(--chakra-colors-fg-muted); font-weight: 500; padding-left: 0px; }
@layer recipes {
  .css-68naax { 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); color: var(--chakra-colors-color-palette-fg); }
  .css-68naax: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-68naax: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); }
}
}
.css-10vzrri { width: var(--chakra-sizes-full); max-width: 760px; margin-inline: auto; overflow: hidden; border-radius: var(--chakra-radii-2xl); border-width: 1px; border-style: solid; border-image: none; border-color: var(--chakra-colors-border\.default); box-shadow: var(--chakra-shadows-sm); aspect-ratio: 1280 / 853; background: var(--chakra-colors-bg-subtle); --bg-currentcolor: var(--chakra-colors-bg-subtle); }
.css-1ekmhiq { object-fit: cover; width: var(--chakra-sizes-full); height: var(--chakra-sizes-full); }
.css-lwjp3k { color: var(--chakra-colors-slate-700); font-size: var(--chakra-font-sizes-lg); line-height: 1.9; }
@media screen and (min-width: 48rem) {
  .css-lwjp3k { font-size: var(--chakra-font-sizes-xl); }
}
.css-31liyd { background: var(--chakra-colors-accent-50); --bg-currentcolor: var(--chakra-colors-accent-50); padding: var(--chakra-spacing-8); border-radius: var(--chakra-radii-2xl); margin-bottom: var(--chakra-spacing-10); position: relative; box-shadow: var(--chakra-shadows-sm); }
.css-hensex { position: absolute; top: var(--chakra-spacing-3); right: var(--chakra-spacing-4); font-size: var(--chakra-font-sizes-5xl); font-weight: 800; color: var(--chakra-colors-accent-200); line-height: 1; }
.css-1wy8bha { font-weight: 800; color: var(--chakra-colors-accent-600); margin-bottom: var(--chakra-spacing-3); font-size: var(--chakra-font-sizes-sm); text-transform: uppercase; letter-spacing: 0.14em; }
.css-1pco2jw { color: var(--chakra-colors-slate-700); font-size: var(--chakra-font-sizes-md); line-height: 1.7; font-weight: 500; }
.css-18abhre { display: flex; -webkit-box-align: stretch; align-items: stretch; flex-direction: column; gap: var(--chakra-spacing-4); }
.css-pv91iw { font-size: var(--chakra-font-sizes-2xl); color: var(--chakra-colors-fg\.default); font-weight: 800; letter-spacing: -0.01em; line-height: 1.3; margin-top: var(--chakra-spacing-10); margin-bottom: var(--chakra-spacing-2); scroll-margin-top: 110px; }
@layer recipes {
  .css-pv91iw { font-family: var(--chakra-fonts-heading); font-weight: var(--chakra-font-weights-semibold); font-size: var(--chakra-font-sizes-xl); line-height: 1.875rem; }
}
@media screen and (min-width: 48rem) {
  .css-pv91iw { font-size: var(--chakra-font-sizes-3xl); }
}
.css-1s4ljmb { font-size: var(--chakra-font-sizes-md); line-height: 1.85; color: var(--chakra-colors-slate-700); }
@media screen and (min-width: 48rem) {
  .css-1s4ljmb { font-size: var(--chakra-font-sizes-lg); }
}
.css-304evx { display: flex; align-items: flex-start; flex-direction: row; gap: var(--chakra-spacing-4); background: var(--chakra-colors-accent-50); --bg-currentcolor: var(--chakra-colors-accent-50); border-width: 1px; border-style: solid; border-image: none; border-color: var(--chakra-colors-accent-200); border-radius: var(--chakra-radii-xl); padding: var(--chakra-spacing-5); margin-block: var(--chakra-spacing-4); }
@media screen and (min-width: 48rem) {
  .css-304evx { padding: var(--chakra-spacing-6); }
}
.css-1medwgg { color: var(--chakra-colors-accent-600); font-size: var(--chakra-font-sizes-xl); margin-top: var(--chakra-spacing-1); flex-shrink: 0; }
.css-8xioa { font-size: var(--chakra-font-sizes-md); line-height: 1.7; color: var(--chakra-colors-slate-800); }
@media screen and (min-width: 48rem) {
  .css-8xioa { font-size: var(--chakra-font-sizes-lg); }
}
.css-fdoela { font-weight: 700; color: var(--chakra-colors-fg\.default); }
.css-mop3rl { display: flex; -webkit-box-align: stretch; align-items: stretch; flex-direction: column; gap: var(--chakra-spacing-4); margin-block: var(--chakra-spacing-5); }
.css-1pb3hla { display: flex; align-items: flex-start; flex-direction: row; gap: var(--chakra-spacing-4); }
.css-1cm03xx { width: 30px; height: 30px; border-radius: var(--chakra-radii-full); background: var(--chakra-colors-accent-600); --bg-currentcolor: var(--chakra-colors-accent-600); color: var(--chakra-colors-white); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; font-size: var(--chakra-font-sizes-sm); font-weight: 800; flex-shrink: 0; margin-top: 2px; }
.css-4o0b2j { flex: 1 1 0%; font-size: var(--chakra-font-sizes-md); line-height: 1.75; color: var(--chakra-colors-slate-800); }
@media screen and (min-width: 48rem) {
  .css-4o0b2j { font-size: var(--chakra-font-sizes-lg); }
}
.css-17anro { display: flex; -webkit-box-align: stretch; align-items: stretch; flex-direction: column; gap: var(--chakra-spacing-3); margin-block: var(--chakra-spacing-4); padding-left: var(--chakra-spacing-1); }
@media screen and (min-width: 48rem) {
  .css-17anro { padding-left: var(--chakra-spacing-2); }
}
.css-8kld4w { display: flex; align-items: flex-start; flex-direction: row; gap: var(--chakra-spacing-3); }
.css-1lpqdl4 { width: 7px; height: 7px; border-radius: var(--chakra-radii-full); background: var(--chakra-colors-accent-600); --bg-currentcolor: var(--chakra-colors-accent-600); margin-top: 10px; flex-shrink: 0; }
.css-zbdde5 { overflow-x: auto; margin-block: var(--chakra-spacing-6); border-radius: var(--chakra-radii-xl); border-width: 1px; border-style: solid; border-image: none; border-color: var(--chakra-colors-border\.default); box-shadow: var(--chakra-shadows-sm); }
.css-dm1tcc { width: var(--chakra-sizes-full); font-size: var(--chakra-font-sizes-sm); border-collapse: collapse; }
@media screen and (min-width: 48rem) {
  .css-dm1tcc { font-size: var(--chakra-font-sizes-md); }
}
.css-1o61ry0 { background: var(--chakra-colors-bg-muted); --bg-currentcolor: var(--chakra-colors-bg-muted); }
.css-1gn09zo { text-align: left; padding-inline: var(--chakra-spacing-4); padding-block: var(--chakra-spacing-3); font-weight: 700; color: var(--chakra-colors-fg\.default); font-size: var(--chakra-font-sizes-sm); border-bottom-width: 1px; border-bottom-style: solid; border-color: var(--chakra-colors-border\.default); }
@media screen and (min-width: 48rem) {
  .css-1gn09zo { padding-inline: var(--chakra-spacing-5); }
}
.css-u2vtha { background: var(--chakra-colors-white); --bg-currentcolor: var(--chakra-colors-white); }
.css-18re980 { padding-inline: var(--chakra-spacing-4); padding-block: var(--chakra-spacing-3); vertical-align: top; color: var(--chakra-colors-fg\.default); font-weight: 600; line-height: 1.6; border-top-width: 1px; border-top-style: solid; border-color: var(--chakra-colors-border\.default); }
@media screen and (min-width: 48rem) {
  .css-18re980 { padding-inline: var(--chakra-spacing-5); }
}
.css-1x2ntbc { padding-inline: var(--chakra-spacing-4); padding-block: var(--chakra-spacing-3); vertical-align: top; color: var(--chakra-colors-slate-700); font-weight: 400; line-height: 1.6; border-top-width: 1px; border-top-style: solid; border-color: var(--chakra-colors-border\.default); }
@media screen and (min-width: 48rem) {
  .css-1x2ntbc { padding-inline: var(--chakra-spacing-5); }
}
.css-c1vb19 { background: var(--chakra-colors-bg-subtle); --bg-currentcolor: var(--chakra-colors-bg-subtle); }
.css-1pvhqh1 { --gradient-stops: var(--gradient-from),var(--gradient-to); --gradient: var(--gradient-via-stops, var(--gradient-stops)); border-radius: var(--chakra-radii-2xl); padding: var(--chakra-spacing-6); color: var(--chakra-colors-white); margin-block: var(--chakra-spacing-6); position: relative; overflow: hidden; }
@media screen and (min-width: 48rem) {
  .css-1pvhqh1 { padding: var(--chakra-spacing-8); }
}
.css-rub2wo { position: absolute; top: -40px; right: -40px; width: 180px; height: 180px; border-radius: var(--chakra-radii-full); background: rgba(255, 255, 255, 0.08); --bg-currentcolor: rgba(255,255,255,0.08); }
.css-1i8sykh { display: flex; -webkit-box-align: start; align-items: start; flex-direction: column; gap: var(--chakra-spacing-4); position: relative; }
.css-j3a5x7 { font-weight: 800; font-size: var(--chakra-font-sizes-xl); line-height: 1.3; }
@media screen and (min-width: 48rem) {
  .css-j3a5x7 { font-size: var(--chakra-font-sizes-2xl); }
}
.css-812n97 { font-size: var(--chakra-font-sizes-md); opacity: 0.92; line-height: 1.7; }
.css-1ozh4vt { background: var(--chakra-colors-white); --bg-currentcolor: var(--chakra-colors-white); color: var(--chakra-colors-accent-600); border-radius: var(--chakra-radii-full); padding-inline: var(--chakra-spacing-6); }
@layer recipes {
  .css-1ozh4vt { 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: var(--chakra-radii-full); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--chakra-colors-transparent); cursor: pointer; flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: 600; --focus-ring-color: var(--chakra-colors-color-palette-focus-ring); font-family: var(--chakra-fonts-body); letter-spacing: -0.01em; transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); height: 44px; min-width: var(--chakra-sizes-10); font-size: 15px; padding-inline: var(--chakra-spacing-5); gap: var(--chakra-spacing-2); background: var(--chakra-colors-bg\.accent); --bg-currentcolor: var(--chakra-colors-bg\.accent); color: var(--chakra-colors-fg\.inverse); }
  .css-1ozh4vt:is(:focus-visible, [data-focus-visible]) { outline-offset: 3px; outline: solid 2px; }
  .css-1ozh4vt:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-1ozh4vt :where(svg) { flex-shrink: 0; width: var(--chakra-sizes-5); height: var(--chakra-sizes-5); }
  .css-1ozh4vt: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-1ozh4vt:is(:active, [data-active]):not(:disabled, [data-disabled], [data-state="open"]) { transform: translateY(0px); }
  @media (hover: hover) {
  .css-1ozh4vt:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: var(--chakra-colors-bg\.accent-hover); --bg-currentcolor: var(--chakra-colors-bg\.accent-hover); transform: translateY(-1px); }
  .css-1ozh4vt:is(:hover, [data-hover]):not(:disabled, [data-disabled]):is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { transform: none; }
}
}
@media (hover: hover) {
  .css-1ozh4vt:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: var(--chakra-colors-bg-subtle); --bg-currentcolor: var(--chakra-colors-bg-subtle); }
}
.css-faeq2k { border-radius: var(--chakra-radii-full); padding-inline: var(--chakra-spacing-6); background: rgba(255, 255, 255, 0.14); --bg-currentcolor: rgba(255,255,255,0.14); color: var(--chakra-colors-white); border: 1px solid rgba(255, 255, 255, 0.4); }
@layer recipes {
  .css-faeq2k { 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: var(--chakra-radii-full); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--chakra-colors-transparent); cursor: pointer; flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: 600; --focus-ring-color: var(--chakra-colors-color-palette-focus-ring); font-family: var(--chakra-fonts-body); letter-spacing: -0.01em; transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); height: 44px; min-width: var(--chakra-sizes-10); font-size: 15px; padding-inline: var(--chakra-spacing-5); gap: var(--chakra-spacing-2); background: var(--chakra-colors-bg\.accent); --bg-currentcolor: var(--chakra-colors-bg\.accent); color: var(--chakra-colors-fg\.inverse); }
  .css-faeq2k:is(:focus-visible, [data-focus-visible]) { outline-offset: 3px; outline: solid 2px; }
  .css-faeq2k:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-faeq2k :where(svg) { flex-shrink: 0; width: var(--chakra-sizes-5); height: var(--chakra-sizes-5); }
  .css-faeq2k: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-faeq2k:is(:active, [data-active]):not(:disabled, [data-disabled], [data-state="open"]) { transform: translateY(0px); }
  @media (hover: hover) {
  .css-faeq2k:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: var(--chakra-colors-bg\.accent-hover); --bg-currentcolor: var(--chakra-colors-bg\.accent-hover); transform: translateY(-1px); }
  .css-faeq2k:is(:hover, [data-hover]):not(:disabled, [data-disabled]):is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { transform: none; }
}
}
@media (hover: hover) {
  .css-faeq2k:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: rgba(255, 255, 255, 0.22); --bg-currentcolor: rgba(255,255,255,0.22); }
}
.css-1o86zmh { margin-top: var(--chakra-spacing-12); }
.css-x6rvyc { font-size: var(--chakra-font-sizes-2xl); font-weight: 800; color: var(--chakra-colors-fg\.default); margin-bottom: var(--chakra-spacing-6); }
@layer recipes {
  .css-x6rvyc { font-family: var(--chakra-fonts-heading); font-weight: var(--chakra-font-weights-semibold); font-size: var(--chakra-font-sizes-xl); line-height: 1.875rem; }
}
@media screen and (min-width: 48rem) {
  .css-x6rvyc { font-size: var(--chakra-font-sizes-3xl); }
}
.css-1ym5udh { display: flex; -webkit-box-align: stretch; align-items: stretch; flex-direction: column; gap: var(--chakra-spacing-3); }
.css-1gto9z8 { background: var(--chakra-colors-white); --bg-currentcolor: var(--chakra-colors-white); border-radius: var(--chakra-radii-xl); border-width: 1px; border-style: solid; border-image: none; border-color: var(--chakra-colors-border\.default); overflow: hidden; transition: 0.2s; }
.css-1gto9z8:is([open], [data-open], [data-state="open"]) { border-color: var(--chakra-colors-border\.accent); box-shadow: var(--chakra-shadows-sm); }
.css-coftq0 { list-style: none; cursor: pointer; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; gap: var(--chakra-spacing-4); padding-inline: var(--chakra-spacing-5); padding-block: var(--chakra-spacing-4); }
@media screen and (min-width: 48rem) {
  .css-coftq0 { padding-inline: var(--chakra-spacing-6); }
}
@media (hover: hover) {
  .css-coftq0:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: var(--chakra-colors-bg-subtle); --bg-currentcolor: var(--chakra-colors-bg-subtle); }
}
.css-122jxyz { font-weight: 700; color: var(--chakra-colors-fg\.default); font-size: var(--chakra-font-sizes-md); }
@media screen and (min-width: 48rem) {
  .css-122jxyz { font-size: var(--chakra-font-sizes-lg); }
}
.css-10czx66 { color: var(--chakra-colors-accent-600); flex-shrink: 0; font-size: var(--chakra-font-sizes-lg); display: inline-flex; transition: transform 0.2s; }
.css-11p7zl4 { padding-inline: var(--chakra-spacing-5); padding-bottom: var(--chakra-spacing-5); padding-top: var(--chakra-spacing-1); }
@media screen and (min-width: 48rem) {
  .css-11p7zl4 { padding-inline: var(--chakra-spacing-6); }
}
.css-97o1dn { color: var(--chakra-colors-slate-700); line-height: 1.75; font-size: var(--chakra-font-sizes-md); }
@media screen and (min-width: 48rem) {
  .css-97o1dn { font-size: var(--chakra-font-sizes-lg); }
}
.css-9yuq8n { height: 1px; width: var(--chakra-sizes-full); background: var(--chakra-colors-border\.default); --bg-currentcolor: var(--chakra-colors-border\.default); margin-block: var(--chakra-spacing-8); }
.css-1bnbo2x { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-flow: wrap; gap: var(--chakra-spacing-4); width: var(--chakra-sizes-full); background: var(--chakra-colors-bg-subtle); --bg-currentcolor: var(--chakra-colors-bg-subtle); padding: var(--chakra-spacing-6); border-radius: var(--chakra-radii-xl); border-width: 1px; border-style: solid; border-image: none; border-color: var(--chakra-colors-border\.default); }
.css-1jqo7jp { display: flex; -webkit-box-align: start; align-items: start; flex-direction: column; gap: var(--chakra-spacing-1); }
.css-1j5a9ob { font-weight: 600; color: var(--chakra-colors-fg\.default); }
.css-rtqwwi { font-size: var(--chakra-font-sizes-sm); color: var(--chakra-colors-fg-subtle); }
.css-1x0y7ph { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: var(--chakra-spacing-2); }
.css-vh447y { color-scheme: indigo; background: var(--chakra-colors-accent-600); --bg-currentcolor: var(--chakra-colors-accent-600); color: var(--chakra-colors-white); }
@layer recipes {
  .css-vh447y { 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: var(--chakra-radii-full); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--chakra-colors-transparent); cursor: pointer; flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: 600; --focus-ring-color: var(--chakra-colors-color-palette-focus-ring); font-family: var(--chakra-fonts-body); letter-spacing: -0.01em; transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); height: 36px; min-width: var(--chakra-sizes-9); padding-inline: var(--chakra-spacing-4); font-size: 14px; gap: var(--chakra-spacing-2); background: var(--chakra-colors-bg\.accent); --bg-currentcolor: var(--chakra-colors-bg\.accent); color: var(--chakra-colors-fg\.inverse); }
  .css-vh447y:is(:focus-visible, [data-focus-visible]) { outline-offset: 3px; outline: solid 2px; }
  .css-vh447y:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-vh447y :where(svg) { flex-shrink: 0; width: var(--chakra-sizes-4); height: var(--chakra-sizes-4); }
  .css-vh447y: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-vh447y:is(:active, [data-active]):not(:disabled, [data-disabled], [data-state="open"]) { transform: translateY(0px); }
  @media (hover: hover) {
  .css-vh447y:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: var(--chakra-colors-bg\.accent-hover); --bg-currentcolor: var(--chakra-colors-bg\.accent-hover); transform: translateY(-1px); }
  .css-vh447y:is(:hover, [data-hover]):not(:disabled, [data-disabled]):is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { transform: none; }
}
}
@media (hover: hover) {
  .css-vh447y:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: var(--chakra-colors-accent-700); --bg-currentcolor: var(--chakra-colors-accent-700); }
}
.css-95cbem { display: flex; align-items: flex-start; flex-flow: wrap; gap: var(--chakra-spacing-4); background: var(--chakra-colors-white); --bg-currentcolor: var(--chakra-colors-white); padding: var(--chakra-spacing-6); border-radius: var(--chakra-radii-xl); border-width: 1px; border-style: solid; border-image: none; border-color: var(--chakra-colors-border\.default); }
.css-1e8rmls { background: var(--chakra-colors-accent-600); --bg-currentcolor: var(--chakra-colors-accent-600); color: var(--chakra-colors-white); flex-shrink: 0; }
@layer recipes {
  .css-1e8rmls { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; font-weight: var(--chakra-font-weights-medium); position: relative; vertical-align: top; flex-shrink: 0; user-select: none; width: var(--avatar-size); height: var(--avatar-size); font-size: var(--avatar-font-size); border-radius: var(--avatar-radius); --avatar-font-size: var(--chakra-font-sizes-md); --avatar-size: var(--chakra-sizes-11); --avatar-radius: var(--chakra-radii-full); background: var(--chakra-colors-color-palette-muted); --bg-currentcolor: var(--chakra-colors-color-palette-muted); color: var(--chakra-colors-color-palette-fg); }
  .css-1e8rmls[data-group-item] { border-width: 2px; border-color: var(--chakra-colors-bg); }
}
@layer recipes {
  .css-1cuxwyn { line-height: 1; text-transform: uppercase; font-weight: var(--chakra-font-weights-medium); font-size: var(--avatar-font-size); border-radius: var(--avatar-radius); }
}
@layer recipes {
  .css-1odw0y2 { width: 100%; height: 100%; object-fit: cover; border-radius: var(--avatar-radius); }
}
.css-1a3rf4n { display: flex; -webkit-box-align: start; align-items: start; flex-direction: column; gap: var(--chakra-spacing-1); flex: 1 1 0%; min-width: 220px; }
.css-xhxbnp { color: var(--chakra-colors-accent-600); font-weight: 600; font-size: var(--chakra-font-sizes-sm); margin-top: var(--chakra-spacing-2); }
@layer recipes {
  .css-xhxbnp { 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); color: var(--chakra-colors-color-palette-fg); }
  .css-xhxbnp: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-xhxbnp: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); }
}
}
@media (hover: hover) {
  .css-xhxbnp:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { color: var(--chakra-colors-accent-700); }
}
.css-144b9g6 { display: grid; grid-template-columns: 1fr; gap: var(--chakra-spacing-4); width: var(--chakra-sizes-full); }
@media screen and (min-width: 48rem) {
  .css-144b9g6 { grid-template-columns: 1fr 1fr; }
}
.css-w7bw7p { background: var(--chakra-colors-white); --bg-currentcolor: var(--chakra-colors-white); border-radius: var(--chakra-radii-xl); border-width: 1px; border-style: solid; border-image: none; border-color: var(--chakra-colors-border\.default); padding: var(--chakra-spacing-5); transition: 0.2s; }
@media (hover: hover) {
  .css-w7bw7p:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { border-color: var(--chakra-colors-border\.accent); box-shadow: var(--chakra-shadows-sm); }
}
.css-1malm1c { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: var(--chakra-spacing-2); color: var(--chakra-colors-fg-subtle); font-size: var(--chakra-font-sizes-xs); font-weight: 600; text-transform: uppercase; letter-spacing: var(--chakra-letter-spacings-wider); margin-bottom: var(--chakra-spacing-2); }
.css-1x5hyfe { font-weight: 700; color: var(--chakra-colors-fg\.default); font-size: var(--chakra-font-sizes-md); line-height: 1.4; }
.css-1gbl562 { background: var(--chakra-colors-white); --bg-currentcolor: var(--chakra-colors-white); border-radius: var(--chakra-radii-xl); border-width: 1px; border-style: solid; border-image: none; border-color: var(--chakra-colors-border\.default); padding: var(--chakra-spacing-5); text-align: right; transition: 0.2s; }
@media (hover: hover) {
  .css-1gbl562:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { border-color: var(--chakra-colors-border\.accent); box-shadow: var(--chakra-shadows-sm); }
}
.css-1mtmdfi { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: end; justify-content: flex-end; flex-direction: row; gap: var(--chakra-spacing-2); color: var(--chakra-colors-fg-subtle); font-size: var(--chakra-font-sizes-xs); font-weight: 600; text-transform: uppercase; letter-spacing: var(--chakra-letter-spacings-wider); margin-bottom: var(--chakra-spacing-2); }
.css-1xerrzt { display: flex; -webkit-box-align: stretch; align-items: stretch; flex-direction: column; gap: var(--chakra-spacing-6); position: static; top: 120px; }
@media screen and (min-width: 64rem) {
  .css-1xerrzt { position: sticky; }
}
.css-z1f4r9 { background: var(--chakra-colors-white); --bg-currentcolor: var(--chakra-colors-white); border-radius: var(--chakra-radii-xl); border-width: 1px; border-style: solid; border-image: none; border-color: var(--chakra-colors-border\.default); padding: var(--chakra-spacing-6); box-shadow: var(--chakra-shadows-sm); }
.css-dh0a6g { font-size: var(--chakra-font-sizes-sm); font-weight: 700; color: var(--chakra-colors-fg\.default); margin-bottom: var(--chakra-spacing-4); text-transform: uppercase; letter-spacing: var(--chakra-letter-spacings-wider); }
.css-wuz68r { font-size: var(--chakra-font-sizes-sm); line-height: 1.5; color: var(--chakra-colors-fg-muted); font-weight: 500; padding-left: 0px; border-left-width: 2px; border-left-style: solid; border-color: var(--chakra-colors-transparent); transition: 0.15s; }
@layer recipes {
  .css-wuz68r { 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); color: var(--chakra-colors-color-palette-fg); }
  .css-wuz68r: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-wuz68r: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); }
}
}
@media (hover: hover) {
  .css-wuz68r:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { color: var(--chakra-colors-accent-600); }
}
.css-1np3vvf { -webkit-box-pack: start; justify-content: flex-start; color: var(--chakra-colors-fg-muted); border-color: var(--chakra-colors-border\.strong); }
@layer recipes {
  .css-1np3vvf { 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: var(--chakra-radii-full); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--chakra-colors-border\.strong); cursor: pointer; flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: 600; --focus-ring-color: var(--chakra-colors-color-palette-focus-ring); font-family: var(--chakra-fonts-body); letter-spacing: -0.01em; transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); height: 36px; min-width: var(--chakra-sizes-9); padding-inline: var(--chakra-spacing-4); font-size: 14px; gap: var(--chakra-spacing-2); --outline-color-legacy: var(--chakra-colors-color-palette-muted); --outline-color: var(--chakra-colors-color-palette-border); color: var(--chakra-colors-fg\.default); background: var(--chakra-colors-transparent); --bg-currentcolor: var(--chakra-colors-transparent); }
  .css-1np3vvf:is(:focus-visible, [data-focus-visible]) { outline-offset: 3px; outline: solid 2px; }
  .css-1np3vvf:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-1np3vvf :where(svg) { flex-shrink: 0; width: var(--chakra-sizes-4); height: var(--chakra-sizes-4); }
  .css-1np3vvf:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { background: var(--chakra-colors-color-palette-subtle); --bg-currentcolor: var(--chakra-colors-color-palette-subtle); }
  @media (hover: hover) {
  .css-1np3vvf:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: var(--chakra-colors-bg-subtle); --bg-currentcolor: var(--chakra-colors-bg-subtle); border-color: var(--chakra-colors-fg\.default); }
  .css-1np3vvf:is(:hover, [data-hover]):not(:disabled, [data-disabled]):is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { transform: none; }
}
}
@media (hover: hover) {
  .css-1np3vvf:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: var(--chakra-colors-bg-subtle); --bg-currentcolor: var(--chakra-colors-bg-subtle); color: var(--chakra-colors-fg\.default); }
}
.css-jc1aly { -webkit-box-pack: start; justify-content: flex-start; color: rgb(0, 119, 181); border-color: var(--chakra-colors-border\.strong); }
@layer recipes {
  .css-jc1aly { 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: var(--chakra-radii-full); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--chakra-colors-border\.strong); cursor: pointer; flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: 600; --focus-ring-color: var(--chakra-colors-color-palette-focus-ring); font-family: var(--chakra-fonts-body); letter-spacing: -0.01em; transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); height: 36px; min-width: var(--chakra-sizes-9); padding-inline: var(--chakra-spacing-4); font-size: 14px; gap: var(--chakra-spacing-2); --outline-color-legacy: var(--chakra-colors-color-palette-muted); --outline-color: var(--chakra-colors-color-palette-border); color: var(--chakra-colors-fg\.default); background: var(--chakra-colors-transparent); --bg-currentcolor: var(--chakra-colors-transparent); }
  .css-jc1aly:is(:focus-visible, [data-focus-visible]) { outline-offset: 3px; outline: solid 2px; }
  .css-jc1aly:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-jc1aly :where(svg) { flex-shrink: 0; width: var(--chakra-sizes-4); height: var(--chakra-sizes-4); }
  .css-jc1aly:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { background: var(--chakra-colors-color-palette-subtle); --bg-currentcolor: var(--chakra-colors-color-palette-subtle); }
  @media (hover: hover) {
  .css-jc1aly:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: var(--chakra-colors-bg-subtle); --bg-currentcolor: var(--chakra-colors-bg-subtle); border-color: var(--chakra-colors-fg\.default); }
  .css-jc1aly:is(:hover, [data-hover]):not(:disabled, [data-disabled]):is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { transform: none; }
}
}
@media (hover: hover) {
  .css-jc1aly:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: rgb(240, 247, 252); --bg-currentcolor: #F0F7FC; }
}
.css-1xt4ers { -webkit-box-pack: start; justify-content: flex-start; color: rgb(29, 161, 242); border-color: var(--chakra-colors-border\.strong); }
@layer recipes {
  .css-1xt4ers { 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: var(--chakra-radii-full); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--chakra-colors-border\.strong); cursor: pointer; flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: 600; --focus-ring-color: var(--chakra-colors-color-palette-focus-ring); font-family: var(--chakra-fonts-body); letter-spacing: -0.01em; transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); height: 36px; min-width: var(--chakra-sizes-9); padding-inline: var(--chakra-spacing-4); font-size: 14px; gap: var(--chakra-spacing-2); --outline-color-legacy: var(--chakra-colors-color-palette-muted); --outline-color: var(--chakra-colors-color-palette-border); color: var(--chakra-colors-fg\.default); background: var(--chakra-colors-transparent); --bg-currentcolor: var(--chakra-colors-transparent); }
  .css-1xt4ers:is(:focus-visible, [data-focus-visible]) { outline-offset: 3px; outline: solid 2px; }
  .css-1xt4ers:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-1xt4ers :where(svg) { flex-shrink: 0; width: var(--chakra-sizes-4); height: var(--chakra-sizes-4); }
  .css-1xt4ers:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { background: var(--chakra-colors-color-palette-subtle); --bg-currentcolor: var(--chakra-colors-color-palette-subtle); }
  @media (hover: hover) {
  .css-1xt4ers:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: var(--chakra-colors-bg-subtle); --bg-currentcolor: var(--chakra-colors-bg-subtle); border-color: var(--chakra-colors-fg\.default); }
  .css-1xt4ers:is(:hover, [data-hover]):not(:disabled, [data-disabled]):is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { transform: none; }
}
}
@media (hover: hover) {
  .css-1xt4ers:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: rgb(244, 248, 251); --bg-currentcolor: #F4F8FB; }
}
.css-8vhwwv { -webkit-box-pack: start; justify-content: flex-start; color: rgb(24, 119, 242); border-color: var(--chakra-colors-border\.strong); }
@layer recipes {
  .css-8vhwwv { 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: var(--chakra-radii-full); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--chakra-colors-border\.strong); cursor: pointer; flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: 600; --focus-ring-color: var(--chakra-colors-color-palette-focus-ring); font-family: var(--chakra-fonts-body); letter-spacing: -0.01em; transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); height: 36px; min-width: var(--chakra-sizes-9); padding-inline: var(--chakra-spacing-4); font-size: 14px; gap: var(--chakra-spacing-2); --outline-color-legacy: var(--chakra-colors-color-palette-muted); --outline-color: var(--chakra-colors-color-palette-border); color: var(--chakra-colors-fg\.default); background: var(--chakra-colors-transparent); --bg-currentcolor: var(--chakra-colors-transparent); }
  .css-8vhwwv:is(:focus-visible, [data-focus-visible]) { outline-offset: 3px; outline: solid 2px; }
  .css-8vhwwv:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-8vhwwv :where(svg) { flex-shrink: 0; width: var(--chakra-sizes-4); height: var(--chakra-sizes-4); }
  .css-8vhwwv:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { background: var(--chakra-colors-color-palette-subtle); --bg-currentcolor: var(--chakra-colors-color-palette-subtle); }
  @media (hover: hover) {
  .css-8vhwwv:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: var(--chakra-colors-bg-subtle); --bg-currentcolor: var(--chakra-colors-bg-subtle); border-color: var(--chakra-colors-fg\.default); }
  .css-8vhwwv:is(:hover, [data-hover]):not(:disabled, [data-disabled]):is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { transform: none; }
}
}
@media (hover: hover) {
  .css-8vhwwv:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: rgb(244, 248, 251); --bg-currentcolor: #F4F8FB; }
}
.css-1ku2xyz { --gradient-stops: var(--gradient-from),var(--gradient-to); --gradient: var(--gradient-via-stops, var(--gradient-stops)); border-radius: var(--chakra-radii-xl); padding: var(--chakra-spacing-6); color: var(--chakra-colors-white); box-shadow: var(--chakra-shadows-md); }
.css-1s442u6 { font-weight: 700; font-size: var(--chakra-font-sizes-lg); margin-bottom: var(--chakra-spacing-2); }
.css-1ahra1c { font-size: var(--chakra-font-sizes-sm); opacity: 0.9; margin-bottom: var(--chakra-spacing-5); line-height: 1.6; }
.css-sd3ns8 { width: var(--chakra-sizes-full); background: var(--chakra-colors-white); --bg-currentcolor: var(--chakra-colors-white); color: var(--chakra-colors-accent-600); }
@layer recipes {
  .css-sd3ns8 { 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: var(--chakra-radii-full); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--chakra-colors-transparent); cursor: pointer; flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: 600; --focus-ring-color: var(--chakra-colors-color-palette-focus-ring); font-family: var(--chakra-fonts-body); letter-spacing: -0.01em; transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); height: 36px; min-width: var(--chakra-sizes-9); padding-inline: var(--chakra-spacing-4); font-size: 14px; gap: var(--chakra-spacing-2); background: var(--chakra-colors-bg\.accent); --bg-currentcolor: var(--chakra-colors-bg\.accent); color: var(--chakra-colors-fg\.inverse); }
  .css-sd3ns8:is(:focus-visible, [data-focus-visible]) { outline-offset: 3px; outline: solid 2px; }
  .css-sd3ns8:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-sd3ns8 :where(svg) { flex-shrink: 0; width: var(--chakra-sizes-4); height: var(--chakra-sizes-4); }
  .css-sd3ns8: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-sd3ns8:is(:active, [data-active]):not(:disabled, [data-disabled], [data-state="open"]) { transform: translateY(0px); }
  @media (hover: hover) {
  .css-sd3ns8:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: var(--chakra-colors-bg\.accent-hover); --bg-currentcolor: var(--chakra-colors-bg\.accent-hover); transform: translateY(-1px); }
  .css-sd3ns8:is(:hover, [data-hover]):not(:disabled, [data-disabled]):is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { transform: none; }
}
}
@media (hover: hover) {
  .css-sd3ns8:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: var(--chakra-colors-bg-subtle); --bg-currentcolor: var(--chakra-colors-bg-subtle); }
}
.css-xt8g3y { background: var(--chakra-colors-white); --bg-currentcolor: var(--chakra-colors-white); padding-block: var(--chakra-spacing-16); border-top-width: 1px; border-top-style: solid; border-color: var(--chakra-colors-border\.default); }
@media screen and (min-width: 48rem) {
  .css-xt8g3y { padding-block: var(--chakra-spacing-24); }
}
.css-7n227h { max-width: var(--chakra-sizes-7xl); }
@layer recipes {
  .css-7n227h { position: relative; max-width: var(--chakra-sizes-8xl); width: 100%; margin-inline: auto; padding-inline: var(--chakra-spacing-4); }
  @media screen and (min-width: 48rem) {
  .css-7n227h { padding-inline: var(--chakra-spacing-6); }
}
  @media screen and (min-width: 64rem) {
  .css-7n227h { padding-inline: var(--chakra-spacing-8); }
}
}
.css-6rtzv5 { display: flex; -webkit-box-align: start; align-items: start; flex-direction: column; gap: var(--chakra-spacing-10); }
.css-zi47bz { font-size: var(--chakra-font-sizes-2xl); color: var(--chakra-colors-fg\.default); font-weight: 800; }
@layer recipes {
  .css-zi47bz { font-family: var(--chakra-fonts-heading); font-weight: var(--chakra-font-weights-semibold); font-size: var(--chakra-font-sizes-xl); line-height: 1.875rem; }
}
@media screen and (min-width: 48rem) {
  .css-zi47bz { font-size: var(--chakra-font-sizes-3xl); }
}
.css-17qjea4 { display: grid; grid-template-columns: 1fr; gap: var(--chakra-spacing-8); width: var(--chakra-sizes-full); }
@media screen and (min-width: 48rem) {
  .css-17qjea4 { grid-template-columns: repeat(3, 1fr); }
}
.css-1j699f9 { background: var(--chakra-colors-white); --bg-currentcolor: var(--chakra-colors-white); border-radius: var(--chakra-radii-2xl); border-width: 1px; border-style: solid; border-image: none; border-color: var(--chakra-colors-border\.default); overflow: hidden; text-decoration: none; transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
@media (hover: hover) {
  .css-1j699f9:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { transform: translateY(-6px); box-shadow: rgba(15, 23, 42, 0.1) 0px 20px 40px -15px; border-color: var(--chakra-colors-border\.strong); }
}
.css-i6bazn { overflow: hidden; }
.css-kluzyx { object-fit: cover; width: var(--chakra-sizes-full); height: 200px; transition: transform 0.5s; }
.group:is(:hover, [data-hover]):not(:disabled, [data-disabled]) .css-kluzyx { transform: scale(1.05); }
.css-1e7u9go { display: flex; -webkit-box-align: start; align-items: start; flex-direction: column; gap: var(--chakra-spacing-3); padding: var(--chakra-spacing-6); }
.css-qfswcz { font-size: var(--chakra-font-sizes-xs); color: var(--chakra-colors-accent-700); font-weight: 700; text-transform: uppercase; letter-spacing: var(--chakra-letter-spacings-wider); }
.css-mupswt { font-size: var(--chakra-font-sizes-lg); line-height: 1.4; color: var(--chakra-colors-fg\.default); font-weight: 700; transition: color 0.2s; }
@layer recipes {
  .css-mupswt { font-family: var(--chakra-fonts-heading); font-weight: var(--chakra-font-weights-semibold); font-size: var(--chakra-font-sizes-xl); line-height: 1.875rem; }
}
.group:is(:hover, [data-hover]):not(:disabled, [data-disabled]) .css-mupswt { color: var(--chakra-colors-accent-600); }
.css-i477a9 { font-size: var(--chakra-font-sizes-sm); color: var(--chakra-colors-fg-subtle); line-height: 1.6; }
.css-1j7fzbp { background: var(--chakra-colors-bg\.dark); --bg-currentcolor: var(--chakra-colors-bg\.dark); color: var(--chakra-colors-fg\.inverse); position: relative; overflow: hidden; }
.css-1xuzr12 { position: absolute; top: -15%; right: -10%; width: 500px; height: 500px; background: var(--chakra-colors-accent-600); --bg-currentcolor: var(--chakra-colors-accent-600); opacity: 0.18; filter: blur(140px); border-radius: var(--chakra-radii-full); pointer-events: none; }
@media screen and (min-width: 48rem) {
  .css-1xuzr12 { opacity: 0.15; }
}
.css-tu95dg { position: absolute; bottom: -20%; left: -10%; width: 450px; height: 450px; background: var(--chakra-colors-accent-500); --bg-currentcolor: var(--chakra-colors-accent-500); opacity: 0.12; filter: blur(120px); border-radius: var(--chakra-radii-full); pointer-events: none; }
@media screen and (min-width: 48rem) {
  .css-tu95dg { opacity: 0.1; }
}
.css-xqyxaa { max-width: var(--chakra-sizes-7xl); padding-top: var(--chakra-spacing-12); padding-bottom: var(--chakra-spacing-8); position: relative; z-index: 1; }
@layer recipes {
  .css-xqyxaa { position: relative; max-width: var(--chakra-sizes-8xl); width: 100%; margin-inline: auto; padding-inline: var(--chakra-spacing-4); }
  @media screen and (min-width: 48rem) {
  .css-xqyxaa { padding-inline: var(--chakra-spacing-6); }
}
  @media screen and (min-width: 64rem) {
  .css-xqyxaa { padding-inline: var(--chakra-spacing-8); }
}
}
@media screen and (min-width: 48rem) {
  .css-xqyxaa { padding-top: var(--chakra-spacing-20); padding-bottom: var(--chakra-spacing-12); }
}
.css-1lh2lr8 { display: grid; grid-template-columns: 1fr 1fr; gap: var(--chakra-spacing-8); margin-bottom: var(--chakra-spacing-10); padding-bottom: var(--chakra-spacing-8); border-bottom-width: 1px; border-bottom-style: solid; border-color: var(--chakra-colors-border\.inverse); }
@media screen and (min-width: 48rem) {
  .css-1lh2lr8 { grid-template-columns: 1fr 1fr; gap: var(--chakra-spacing-8); margin-bottom: var(--chakra-spacing-16); padding-bottom: var(--chakra-spacing-16); }
}
@media screen and (min-width: 64rem) {
  .css-1lh2lr8 { grid-template-columns: 1.3fr 1fr 1fr 1fr 1fr 1.3fr; gap: var(--chakra-spacing-8); }
}
.css-1ts8azs { grid-column: 1 / -1; margin-bottom: var(--chakra-spacing-2); display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; text-align: center; }
@media screen and (min-width: 48rem) {
  .css-1ts8azs { grid-column: 1 / -1; margin-bottom: 0px; align-items: flex-start; text-align: left; }
}
@media screen and (min-width: 64rem) {
  .css-1ts8azs { grid-column: 1 / 2; }
}
.css-1j7oza { font-size: 14px; color: var(--chakra-colors-fg\.inverse-muted); line-height: 1.6; max-width: var(--chakra-sizes-xs); margin-top: var(--chakra-spacing-4); margin-bottom: var(--chakra-spacing-5); text-align: center; }
@media screen and (min-width: 48rem) {
  .css-1j7oza { margin-bottom: var(--chakra-spacing-6); text-align: left; }
}
.css-krp9jw { display: flex; -webkit-box-pack: center; justify-content: center; flex-wrap: wrap; gap: var(--chakra-spacing-2\.5); }
@media screen and (min-width: 48rem) {
  .css-krp9jw { -webkit-box-pack: start; justify-content: flex-start; }
}
.css-1k54jbk { width: var(--chakra-sizes-9); height: var(--chakra-sizes-9); border-radius: var(--chakra-radii-full); background: rgba(255, 255, 255, 0.06); --bg-currentcolor: rgba(255, 255, 255, 0.06); color: var(--chakra-colors-fg\.inverse-muted); display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; transition: 0.18s; }
@media (hover: hover) {
  .css-1k54jbk:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: rgba(255, 255, 255, 0.14); --bg-currentcolor: rgba(255, 255, 255, 0.14); color: var(--chakra-colors-fg\.inverse); transform: translateY(-1px); }
}
.css-138as77 { display: block; }
@media screen and (min-width: 48rem) {
  .css-138as77 { display: none; }
}
@media screen and (min-width: 64rem) {
  .css-138as77 { display: block; }
}
.css-10b94b { font-size: var(--chakra-font-sizes-xs); font-weight: 700; color: var(--chakra-colors-fg\.inverse); text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: var(--chakra-spacing-3); }
@media screen and (min-width: 48rem) {
  .css-10b94b { margin-bottom: var(--chakra-spacing-5); }
}
.css-1eyehtg { list-style-type: none; display: flex; flex-direction: column; gap: var(--chakra-spacing-2\.5); }
@media screen and (min-width: 48rem) {
  .css-1eyehtg { gap: var(--chakra-spacing-3); }
}
.css-1kg90m6 { font-size: 14px; color: var(--chakra-colors-fg\.inverse-muted); transition: color 0.15s; line-height: 1.5; }
@media (hover: hover) {
  .css-1kg90m6:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { color: var(--chakra-colors-fg\.inverse); text-decoration: underline; text-underline-offset: 3px; }
}
.css-1huwby2 { display: block; }
@media screen and (min-width: 64rem) {
  .css-1huwby2 { display: block; }
}
.css-1b21s43 { grid-column: 1 / -1; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; text-align: center; }
@media screen and (min-width: 48rem) {
  .css-1b21s43 { grid-column: 1 / 3; -webkit-box-align: stretch; align-items: stretch; text-align: left; }
}
@media screen and (min-width: 64rem) {
  .css-1b21s43 { grid-column: auto; }
}
.css-108ll66 { font-size: var(--chakra-font-sizes-xs); font-weight: 700; color: var(--chakra-colors-fg\.inverse); text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: var(--chakra-spacing-3); }
.css-1wx0m1i { font-size: var(--chakra-font-sizes-md); color: var(--chakra-colors-fg\.inverse); font-weight: 700; margin-bottom: var(--chakra-spacing-2); line-height: 1.3; }
.css-1t1pvl { font-size: 13px; color: var(--chakra-colors-fg\.inverse-muted); margin-bottom: var(--chakra-spacing-4); line-height: 1.5; max-width: var(--chakra-sizes-xs); }
.css-5qfh28 { display: flex; flex-direction: column; gap: var(--chakra-spacing-2); width: var(--chakra-sizes-full); max-width: var(--chakra-sizes-sm); }
.css-rtxpwp { background: rgba(255, 255, 255, 0.06); --bg-currentcolor: rgba(255,255,255,0.06); border-width: 1px; border-style: solid; border-image: none; border-color: var(--chakra-colors-border\.inverse); color: var(--chakra-colors-fg\.inverse); padding-inline: var(--chakra-spacing-4); height: var(--chakra-sizes-11); border-radius: var(--chakra-radii-full); font-size: var(--chakra-font-sizes-sm); width: var(--chakra-sizes-full); transition: border 0.15s; }
.css-rtxpwp::-webkit-input-placeholder { color: var(--chakra-colors-fg\.inverse-faint); }
.css-rtxpwp::placeholder, .css-rtxpwp[data-placeholder] { color: var(--chakra-colors-fg\.inverse-faint); }
.css-rtxpwp:is(:focus, [data-focus]) { border-color: var(--chakra-colors-accent-500); outline: none; }
.css-t3bzz1 { background: var(--chakra-colors-accent-500); --bg-currentcolor: var(--chakra-colors-accent-500); color: var(--chakra-colors-fg\.inverse); padding-inline: var(--chakra-spacing-5); height: var(--chakra-sizes-11); border-radius: var(--chakra-radii-full); font-size: var(--chakra-font-sizes-sm); font-weight: 600; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: var(--chakra-spacing-2); width: var(--chakra-sizes-full); transition: background 0.15s; }
@media (hover: hover) {
  .css-t3bzz1:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: var(--chakra-colors-accent-600); --bg-currentcolor: var(--chakra-colors-accent-600); }
}
.css-11sykq9 { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; gap: var(--chakra-spacing-4); padding-top: var(--chakra-spacing-2); }
@media screen and (min-width: 48rem) {
  .css-11sykq9 { flex-direction: row; -webkit-box-align: center; align-items: center; gap: var(--chakra-spacing-4); }
}
.css-1b0qkqm { font-size: 13px; color: var(--chakra-colors-fg\.inverse-faint); text-align: center; }
@media screen and (min-width: 48rem) {
  .css-1b0qkqm { text-align: left; }
}
.css-1055j0 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-wrap: wrap; gap: var(--chakra-spacing-5); font-size: 13px; color: var(--chakra-colors-fg\.inverse-muted); }
@media screen and (min-width: 48rem) {
  .css-1055j0 { gap: var(--chakra-spacing-6); }
}
.css-14tjixw { transition: color 0.15s; }
@media (hover: hover) {
  .css-14tjixw:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { color: var(--chakra-colors-fg\.inverse); text-decoration: underline; text-underline-offset: 3px; }
}
.css-1bodmns { background: var(--chakra-colors-transparent); --bg-currentcolor: var(--chakra-colors-transparent); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: var(--chakra-colors-fg\.inverse-muted); font-size: 13px; cursor: pointer; padding: 0px; transition: color 0.15s; }
@media (hover: hover) {
  .css-1bodmns:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { color: var(--chakra-colors-fg\.inverse); }
}
.css-196pk87 { display: inline-flex; -webkit-box-align: center; align-items: center; opacity: 0.85; transition: opacity 0.15s; }
@media (hover: hover) {
  .css-196pk87:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { opacity: 1; }
}
.css-1h52us9 { position: fixed; top: 0px; left: 0px; height: 3px; --gradient-stops: var(--gradient-from),var(--gradient-to); --gradient: var(--gradient-via-stops, var(--gradient-stops)); z-index: var(--chakra-z-index-sticky); transition: width 0.08s linear; width: 0.0144907%; }
.css-1oud20t { position: fixed; top: 0px; left: 0px; height: 3px; --gradient-stops: var(--gradient-from),var(--gradient-to); --gradient: var(--gradient-via-stops, var(--gradient-stops)); z-index: var(--chakra-z-index-sticky); transition: width 0.08s linear; width: 0.0941892%; }
.css-11m6mbt { position: fixed; top: 0px; left: 0px; height: 3px; --gradient-stops: var(--gradient-from),var(--gradient-to); --gradient: var(--gradient-via-stops, var(--gradient-stops)); z-index: var(--chakra-z-index-sticky); transition: width 0.08s linear; width: 0.275322%; }