@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"; -webkit-text-size-adjust: 100%; text-rendering: optimizelegibility; touch-action: manipulation; tab-size: 4; font-family: var(--global-font-body, var(--font-fallback)); }
  * { margin: 0px; padding: 0px; font: inherit; word-wrap: break-word; }
  *,*::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: medium; }
  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'] { -webkit-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); -webkit-user-select: none; user-select: none; }
  *::-moz-placeholder { opacity: unset; color: rgb(156, 163, 175); -webkit-user-select: none; user-select: none; }
  *:-ms-input-placeholder { opacity: unset; color: rgb(156, 163, 175); -webkit-user-select: none; user-select: none; }
  *::placeholder { opacity: unset; color: rgb(156, 163, 175); -webkit-user-select: none; 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"] { -webkit-appearance: none; }
  input[type='search'] { -webkit-appearance: textfield; outline-offset: -2px; }
  ::-webkit-search-decoration,::-webkit-search-cancel-button { -webkit-appearance: none; }
  ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
  input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button { height: auto; }
  input[type='number'] { }
  :-moz-ui-invalid { box-shadow: none; }
  :-moz-focusring { outline: auto; }
  [hidden]:where(:not([hidden='until-found'])) { display: none !important; }
}
@layer base {
  @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
  @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
  @keyframes pulse { 50% { opacity: 0.5; } }
  @keyframes pulse { 50% { opacity: 0.5; } }
  @keyframes ping { 75%, 100% { -webkit-transform: scale(2); transform: scale(2); opacity: 0; } }
  @keyframes ping { 75%, 100% { -webkit-transform: scale(2); transform: scale(2); opacity: 0; } }
  @keyframes bounce { 0%, 100% { -webkit-transform: translateY(-25%); transform: translateY(-25%); -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1); animation-timing-function: cubic-bezier(0.8,0,1,1); } 50% { -webkit-transform: none; transform: none; -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1); animation-timing-function: cubic-bezier(0,0,0.2,1); } }
  @keyframes bounce { 0%, 100% { -webkit-transform: translateY(-25%); transform: translateY(-25%); -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1); animation-timing-function: cubic-bezier(0.8,0,1,1); } 50% { -webkit-transform: none; transform: none; -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1); animation-timing-function: cubic-bezier(0,0,0.2,1); } }
  @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; } }
  @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); } }
  @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%; } }
  @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); } }
  @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); } }
  @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); } }
  @keyframes collapse-width { 0% { height: var(--width); } 100% { height: var(--collapsed-width, 0); } }
  @keyframes collapse-width { 0% { height: var(--width); } 100% { height: var(--collapsed-width, 0); } }
  @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } }
  @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } }
  @keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; } }
  @keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; } }
  @keyframes slide-from-left-full { 0% { translate: -100% 0; } 100% { translate: 0 0; } }
  @keyframes slide-from-left-full { 0% { translate: -100% 0; } 100% { translate: 0 0; } }
  @keyframes slide-from-right-full { 0% { translate: 100% 0; } 100% { translate: 0 0; } }
  @keyframes slide-from-right-full { 0% { translate: 100% 0; } 100% { translate: 0 0; } }
  @keyframes slide-from-top-full { 0% { translate: 0 -100%; } 100% { translate: 0 0; } }
  @keyframes slide-from-top-full { 0% { translate: 0 -100%; } 100% { translate: 0 0; } }
  @keyframes slide-from-bottom-full { 0% { translate: 0 100%; } 100% { translate: 0 0; } }
  @keyframes slide-from-bottom-full { 0% { translate: 0 100%; } 100% { translate: 0 0; } }
  @keyframes slide-to-left-full { 0% { translate: 0 0; } 100% { translate: -100% 0; } }
  @keyframes slide-to-left-full { 0% { translate: 0 0; } 100% { translate: -100% 0; } }
  @keyframes slide-to-right-full { 0% { translate: 0 0; } 100% { translate: 100% 0; } }
  @keyframes slide-to-right-full { 0% { translate: 0 0; } 100% { translate: 100% 0; } }
  @keyframes slide-to-top-full { 0% { translate: 0 0; } 100% { translate: 0 -100%; } }
  @keyframes slide-to-top-full { 0% { translate: 0 0; } 100% { translate: 0 -100%; } }
  @keyframes slide-to-bottom-full { 0% { translate: 0 0; } 100% { translate: 0 100%; } }
  @keyframes slide-to-bottom-full { 0% { translate: 0 0; } 100% { translate: 0 100%; } }
  @keyframes slide-from-top { 0% { translate: 0 -0.5rem; } 100% { translate: 0px; } }
  @keyframes slide-from-top { 0% { translate: 0 -0.5rem; } 100% { translate: 0px; } }
  @keyframes slide-from-bottom { 0% { translate: 0 0.5rem; } 100% { translate: 0px; } }
  @keyframes slide-from-bottom { 0% { translate: 0 0.5rem; } 100% { translate: 0px; } }
  @keyframes slide-from-left { 0% { translate: -0.5rem 0; } 100% { translate: 0px; } }
  @keyframes slide-from-left { 0% { translate: -0.5rem 0; } 100% { translate: 0px; } }
  @keyframes slide-from-right { 0% { translate: 0.5rem 0; } 100% { translate: 0px; } }
  @keyframes slide-from-right { 0% { translate: 0.5rem 0; } 100% { translate: 0px; } }
  @keyframes slide-to-top { 0% { translate: 0px; } 100% { translate: 0 -0.5rem; } }
  @keyframes slide-to-top { 0% { translate: 0px; } 100% { translate: 0 -0.5rem; } }
  @keyframes slide-to-bottom { 0% { translate: 0px; } 100% { translate: 0 0.5rem; } }
  @keyframes slide-to-bottom { 0% { translate: 0px; } 100% { translate: 0 0.5rem; } }
  @keyframes slide-to-left { 0% { translate: 0px; } 100% { translate: -0.5rem 0; } }
  @keyframes slide-to-left { 0% { translate: 0px; } 100% { translate: -0.5rem 0; } }
  @keyframes slide-to-right { 0% { translate: 0px; } 100% { translate: 0.5rem 0; } }
  @keyframes slide-to-right { 0% { translate: 0px; } 100% { translate: 0.5rem 0; } }
  @keyframes scale-in { 0% { scale: 0.95; } 100% { scale: 1; } }
  @keyframes scale-in { 0% { scale: 0.95; } 100% { scale: 1; } }
  @keyframes scale-out { 0% { scale: 1; } 100% { scale: 0.95; } }
  @keyframes scale-out { 0% { scale: 1; } 100% { scale: 0.95; } }
  * { font-feature-settings: "cv11"; --ring-inset: var(--chakra-empty, ) !important; --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, ) !important; --contrast: var(--chakra-empty, ) !important; --grayscale: var(--chakra-empty, ) !important; --hue-rotate: var(--chakra-empty, ) !important; --invert: var(--chakra-empty, ) !important; --saturate: var(--chakra-empty, ) !important; --sepia: var(--chakra-empty, ) !important; --drop-shadow: var(--chakra-empty, ) !important; --backdrop-blur: var(--chakra-empty, ) !important; --backdrop-brightness: var(--chakra-empty, ) !important; --backdrop-contrast: var(--chakra-empty, ) !important; --backdrop-grayscale: var(--chakra-empty, ) !important; --backdrop-hue-rotate: var(--chakra-empty, ) !important; --backdrop-invert: var(--chakra-empty, ) !important; --backdrop-opacity: var(--chakra-empty, ) !important; --backdrop-saturate: var(--chakra-empty, ) !important; --backdrop-sepia: var(--chakra-empty, ) !important; --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: rgb(24, 24, 28); --bg-currentcolor: #18181C; line-height: 1.5; --chakra-colors-color-palette-50: var(--chakra-colors-cupai-50); --chakra-colors-color-palette-100: var(--chakra-colors-cupai-100); --chakra-colors-color-palette-200: var(--chakra-colors-cupai-200); --chakra-colors-color-palette-300: var(--chakra-colors-cupai-300); --chakra-colors-color-palette-400: var(--chakra-colors-cupai-400); --chakra-colors-color-palette-500: var(--chakra-colors-cupai-500); --chakra-colors-color-palette-600: var(--chakra-colors-cupai-600); --chakra-colors-color-palette-700: var(--chakra-colors-cupai-700); --chakra-colors-color-palette-800: var(--chakra-colors-cupai-800); --chakra-colors-color-palette-900: var(--chakra-colors-cupai-900); --chakra-colors-color-palette-950: var(--chakra-colors-cupai-950); --chakra-colors-color-palette-solid: var(--chakra-colors-cupai-solid); --chakra-colors-color-palette-contrast: var(--chakra-colors-cupai-contrast); --chakra-colors-color-palette-fg: var(--chakra-colors-cupai-fg); --chakra-colors-color-palette-muted: var(--chakra-colors-cupai-muted); --chakra-colors-color-palette-subtle: var(--chakra-colors-cupai-subtle); --chakra-colors-color-palette-emphasized: var(--chakra-colors-cupai-emphasized); --chakra-colors-color-palette-focus-ring: var(--chakra-colors-cupai-focus-ring); }
  *::-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)); }
  *::-moz-placeholder { --mix-color: color-mix(in srgb,var(--chakra-colors-fg-muted) 80%,transparent); color: var(--mix-color, var(--chakra-colors-fg-muted)); }
  *:-ms-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)); }
  body { background: rgb(24, 24, 28); --bg-currentcolor: #18181C; }
}
@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-cupai-50: #e9fffe; --chakra-colors-cupai-100: #e4fef9; --chakra-colors-cupai-200: #ccfbf2; --chakra-colors-cupai-300: #a8f4e7; --chakra-colors-cupai-400: #98e4d7; --chakra-colors-cupai-500: #00d6c1; --chakra-colors-cupai-600: #00c1ad; --chakra-colors-cupai-700: #00a18f; --chakra-colors-cupai-800: #008475; --chakra-colors-cupai-900: #006356; --chakra-colors-cupai-950: #00453c; --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: IRANYekanXVF,IRANYekanX; --chakra-fonts-body: IRANYekanXVF,IRANYekanX; --chakra-fonts-mono: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --chakra-font-sizes-2xs: 0.625rem; --chakra-font-sizes-xs: 0.75rem; --chakra-font-sizes-sm: 0.875rem; --chakra-font-sizes-md: 1rem; --chakra-font-sizes-lg: 1.125rem; --chakra-font-sizes-xl: 1.25rem; --chakra-font-sizes-2xl: 1.5rem; --chakra-font-sizes-3xl: 1.875rem; --chakra-font-sizes-4xl: 2.25rem; --chakra-font-sizes-5xl: 3rem; --chakra-font-sizes-6xl: 3.75rem; --chakra-font-sizes-7xl: 4.5rem; --chakra-font-sizes-8xl: 6rem; --chakra-font-sizes-9xl: 8rem; --chakra-font-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: 0.125rem; --chakra-radii-sm: 0.25rem; --chakra-radii-md: 0.375rem; --chakra-radii-lg: 0.5rem; --chakra-radii-xl: 0.75rem; --chakra-radii-2xl: 1rem; --chakra-radii-3xl: 1.5rem; --chakra-radii-4xl: 2rem; --chakra-radii-full: 9999px; --chakra-spacing-1: 0.25rem; --chakra-spacing-2: 0.5rem; --chakra-spacing-3: 0.75rem; --chakra-spacing-4: 1rem; --chakra-spacing-5: 1.25rem; --chakra-spacing-6: 1.5rem; --chakra-spacing-7: 1.75rem; --chakra-spacing-8: 2rem; --chakra-spacing-9: 2.25rem; --chakra-spacing-10: 2.5rem; --chakra-spacing-11: 2.75rem; --chakra-spacing-12: 3rem; --chakra-spacing-14: 3.5rem; --chakra-spacing-16: 4rem; --chakra-spacing-20: 5rem; --chakra-spacing-24: 6rem; --chakra-spacing-28: 7rem; --chakra-spacing-32: 8rem; --chakra-spacing-36: 9rem; --chakra-spacing-40: 10rem; --chakra-spacing-44: 11rem; --chakra-spacing-48: 12rem; --chakra-spacing-52: 13rem; --chakra-spacing-56: 14rem; --chakra-spacing-60: 15rem; --chakra-spacing-64: 16rem; --chakra-spacing-72: 18rem; --chakra-spacing-80: 20rem; --chakra-spacing-96: 24rem; --chakra-spacing-0\.5: 0.125rem; --chakra-spacing-1\.5: 0.375rem; --chakra-spacing-2\.5: 0.625rem; --chakra-spacing-3\.5: 0.875rem; --chakra-spacing-4\.5: 1.125rem; --chakra-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-sizes-breakpoint-cup-lg: 992px; --chakra-sizes-breakpoint-cup-sm: 340px; --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-breakpoints-cup-lg: 992px; --chakra-breakpoints-cup-sm: 340px; --chakra-colors-border: #41414D; --chakra-colors-cupai-solid: var(--chakra-colors-cupai-500); --chakra-colors-cupai-contrast: var(--chakra-colors-cupai-950); --chakra-colors-cupai-fg: var(--chakra-colors-cupai-500); --chakra-colors-cupai-muted: var(--chakra-colors-cupai-800); --chakra-colors-cupai-subtle: var(--chakra-colors-cupai-950); --chakra-colors-cupai-emphasized: var(--chakra-colors-cupai-700); --chakra-colors-cupai-focus-ring: var(--chakra-colors-cupai-500); --chakra-radii-l1: var(--chakra-radii-xs); --chakra-radii-l2: var(--chakra-radii-sm); --chakra-radii-l3: var(--chakra-radii-md); }
  :root,.light { --chakra-colors-bg: var(--chakra-colors-white); --chakra-colors-bg-subtle: var(--chakra-colors-gray-50); --chakra-colors-bg-muted: var(--chakra-colors-gray-100); --chakra-colors-bg-emphasized: var(--chakra-colors-gray-200); --chakra-colors-bg-inverted: var(--chakra-colors-black); --chakra-colors-bg-panel: var(--chakra-colors-white); --chakra-colors-bg-error: var(--chakra-colors-red-50); --chakra-colors-bg-warning: var(--chakra-colors-orange-50); --chakra-colors-bg-success: var(--chakra-colors-green-50); --chakra-colors-bg-info: var(--chakra-colors-blue-50); --chakra-colors-fg: var(--chakra-colors-black); --chakra-colors-fg-muted: var(--chakra-colors-gray-600); --chakra-colors-fg-subtle: var(--chakra-colors-gray-400); --chakra-colors-fg-inverted: var(--chakra-colors-gray-50); --chakra-colors-fg-error: var(--chakra-colors-red-500); --chakra-colors-fg-warning: var(--chakra-colors-orange-600); --chakra-colors-fg-success: var(--chakra-colors-green-600); --chakra-colors-fg-info: var(--chakra-colors-blue-600); --chakra-colors-border-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-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); }
}
@media screen and (max-width: 47.9975rem) {
  .css-1l30axn { inset-inline: var(--chakra-spacing-4); }
}
.css-bf3s1v { display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; min-height: 100vh; background-color: rgb(24, 24, 28); --bg-currentcolor: #18181C; }
.css-texadm { display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: start; justify-content: start; flex: 1 1 0%; margin-inline: auto; margin-top: 6.25rem; max-width: 90rem; -webkit-align-self: center; align-self: center; width: var(--chakra-sizes-full); }
.css-1vtcgdl { display: flex; -webkit-align-items: center; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-direction: row; flex-direction: row; gap: var(--chakra-spacing-4); padding-inline: var(--chakra-spacing-10); height: 4.5rem; position: fixed; width: var(--chakra-sizes-full); max-width: 90rem; top: 0px; background: rgb(24, 24, 28); --bg-currentcolor: #18181C; z-index: var(--chakra-z-index-docked); }
.css-hp3h5b { object-fit: cover; height: 26px; aspect-ratio: 4.5 / 1; margin-inline-start: 0px; }
.css-15uhk2d { display: flex; -webkit-align-items: center; -webkit-box-align: center; align-items: center; -webkit-flex-direction: row; flex-direction: row; gap: 0.5rem; height: var(--chakra-sizes-12); }
@media screen and (min-width: 80rem) {
  .css-15uhk2d { max-width: 25rem; }
}
.css-12r7aaw { --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); gap: var(--chakra-spacing-3); -webkit-box-pack: end; -webkit-justify-content: end; justify-content: end; font-weight: var(--chakra-font-weights-normal); -webkit-flex-direction: column; flex-direction: column; font-size: var(--chakra-font-sizes-md); }
@layer recipes {
  .css-12r7aaw { display: inline-flex; -webkit-appearance: none; appearance: none; -webkit-align-items: center; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-user-select: none; user-select: none; position: relative; border-radius: var(--chakra-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--chakra-colors-transparent); cursor: var(--chakra-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--chakra-font-weights-medium); transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,translate,transform; transition-duration: var(--chakra-durations-moderate); --focus-ring-color: var(--chakra-colors-color-palette-focus-ring); height: var(--chakra-sizes-10); min-width: var(--chakra-sizes-10); font-size: var(--chakra-font-sizes-sm); padding-inline: var(--chakra-spacing-4); gap: var(--chakra-spacing-2); color: var(--chakra-colors-color-palette-fg); }
  .css-12r7aaw:is(:focus-visible, [data-focus-visible]) { 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); }
  .css-12r7aaw:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) { opacity: 0.5; cursor: not-allowed; }
  .css-12r7aaw :where(svg) { flex-shrink: 0; width: var(--chakra-sizes-5); height: var(--chakra-sizes-5); }
}
.css-121wef2 { height: 3px; width: var(--chakra-sizes-full); background-color: var(--chakra-colors-transparent); --bg-currentcolor: var(--chakra-colors-transparent); border-radius: var(--chakra-radii-full); }
@layer recipes {
  .css-2yvnes { display: inline-flex; -webkit-align-items: center; -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-2yvnes: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-2yvnes:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { text-decoration: underline; text-underline-offset: 3px; --mix-textDecorationColor: color-mix(in srgb,currentColor 20%,transparent); text-decoration-color: var(--mix-textDecorationColor, currentColor); }
}
}
.css-q5z1sg { --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); gap: var(--chakra-spacing-3); -webkit-box-pack: end; -webkit-justify-content: end; justify-content: end; font-size: var(--chakra-font-sizes-md); -webkit-flex-direction: column; flex-direction: column; }
@layer recipes {
  .css-q5z1sg { display: inline-flex; -webkit-appearance: none; appearance: none; -webkit-align-items: center; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-user-select: none; user-select: none; position: relative; border-radius: var(--chakra-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--chakra-colors-transparent); cursor: var(--chakra-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--chakra-font-weights-medium); transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,translate,transform; transition-duration: var(--chakra-durations-moderate); --focus-ring-color: var(--chakra-colors-color-palette-focus-ring); height: var(--chakra-sizes-10); min-width: var(--chakra-sizes-10); font-size: var(--chakra-font-sizes-sm); padding-inline: var(--chakra-spacing-4); gap: var(--chakra-spacing-2); color: var(--chakra-colors-color-palette-fg); }
  .css-q5z1sg:is(:focus-visible, [data-focus-visible]) { 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); }
  .css-q5z1sg:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) { opacity: 0.5; cursor: not-allowed; }
  .css-q5z1sg :where(svg) { flex-shrink: 0; width: var(--chakra-sizes-5); height: var(--chakra-sizes-5); }
}
@layer recipes {
  .css-q5z1sg { display: inline-flex; -webkit-align-items: center; -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-q5z1sg: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-q5z1sg:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { text-decoration: underline; text-underline-offset: 3px; --mix-textDecorationColor: color-mix(in srgb,currentColor 20%,transparent); text-decoration-color: var(--mix-textDecorationColor, currentColor); }
}
}
.css-1iqqnng { --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); gap: var(--chakra-spacing-3); -webkit-box-pack: end; -webkit-justify-content: end; justify-content: end; font-weight: var(--chakra-font-weights-medium); font-size: var(--chakra-font-sizes-md); -webkit-flex-direction: column; flex-direction: column; }
@layer recipes {
  .css-1iqqnng { display: inline-flex; -webkit-appearance: none; appearance: none; -webkit-align-items: center; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-user-select: none; user-select: none; position: relative; border-radius: var(--chakra-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--chakra-colors-transparent); cursor: var(--chakra-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--chakra-font-weights-medium); transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,translate,transform; transition-duration: var(--chakra-durations-moderate); --focus-ring-color: var(--chakra-colors-color-palette-focus-ring); height: var(--chakra-sizes-10); min-width: var(--chakra-sizes-10); font-size: var(--chakra-font-sizes-sm); padding-inline: var(--chakra-spacing-4); gap: var(--chakra-spacing-2); color: var(--chakra-colors-color-palette-fg); }
  .css-1iqqnng:is(:focus-visible, [data-focus-visible]) { 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); }
  .css-1iqqnng:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) { opacity: 0.5; cursor: not-allowed; }
  .css-1iqqnng :where(svg) { flex-shrink: 0; width: var(--chakra-sizes-5); height: var(--chakra-sizes-5); }
}
.css-17xv7ko { height: 3px; width: var(--chakra-sizes-full); background-color: var(--chakra-colors-cupai-fg); --bg-currentcolor: var(--chakra-colors-cupai-fg); border-radius: var(--chakra-radii-full); }
.css-1x0y7ph { display: flex; -webkit-align-items: center; -webkit-box-align: center; align-items: center; -webkit-flex-direction: row; flex-direction: row; gap: var(--chakra-spacing-2); }
.css-13ycaj5 { --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); border-radius: var(--chakra-radii-md); gap: var(--chakra-spacing-2); padding-inline: var(--chakra-spacing-3); font-size: var(--chakra-font-sizes-sm); font-weight: var(--chakra-font-weights-normal); background-color: rgb(35, 35, 41); --bg-currentcolor: #232329; border-color: rgb(48, 48, 56); }
@layer recipes {
  .css-13ycaj5 { display: inline-flex; -webkit-appearance: none; appearance: none; -webkit-align-items: center; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-user-select: none; user-select: none; position: relative; border-radius: var(--chakra-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--outline-color, var(--outline-color-legacy)); cursor: var(--chakra-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--chakra-font-weights-medium); transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,translate,transform; transition-duration: var(--chakra-durations-moderate); --focus-ring-color: var(--chakra-colors-color-palette-focus-ring); height: var(--chakra-sizes-9); min-width: var(--chakra-sizes-9); padding-inline: var(--chakra-spacing-3\.5); font-size: var(--chakra-font-sizes-sm); 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-color-palette-fg); }
  .css-13ycaj5:is(:focus-visible, [data-focus-visible]) { 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); }
  .css-13ycaj5:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) { opacity: 0.5; cursor: not-allowed; }
  .css-13ycaj5 :where(svg) { flex-shrink: 0; width: var(--chakra-sizes-4); height: var(--chakra-sizes-4); }
  .css-13ycaj5: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-13ycaj5:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: var(--chakra-colors-color-palette-subtle); --bg-currentcolor: var(--chakra-colors-color-palette-subtle); }
}
}
@media (hover: hover) {
  .css-13ycaj5:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background-color: rgb(42, 42, 50); --bg-currentcolor: #2A2A32; border-color: rgb(65, 65, 77); }
}
.css-13kgym5 { padding-inline: var(--chakra-spacing-6); height: 34px; border-radius: var(--chakra-radii-md); }
@layer recipes {
  .css-13kgym5 { display: inline-flex; -webkit-appearance: none; appearance: none; -webkit-align-items: center; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-user-select: none; user-select: none; position: relative; border-radius: var(--chakra-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--chakra-colors-transparent); cursor: var(--chakra-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--chakra-font-weights-medium); transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,translate,transform; transition-duration: var(--chakra-durations-moderate); --focus-ring-color: var(--chakra-colors-color-palette-focus-ring); height: var(--chakra-sizes-10); min-width: var(--chakra-sizes-10); font-size: var(--chakra-font-sizes-sm); padding-inline: var(--chakra-spacing-4); gap: var(--chakra-spacing-2); background: var(--chakra-colors-color-palette-solid); --bg-currentcolor: var(--chakra-colors-color-palette-solid); color: var(--chakra-colors-color-palette-contrast); }
  .css-13kgym5:is(:focus-visible, [data-focus-visible]) { 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); }
  .css-13kgym5:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) { opacity: 0.5; cursor: not-allowed; }
  .css-13kgym5 :where(svg) { flex-shrink: 0; width: var(--chakra-sizes-5); height: var(--chakra-sizes-5); }
  .css-13kgym5: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)); }
  @media (hover: hover) {
  .css-13kgym5:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --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-1amyhdc { display: flex; -webkit-align-items: stretch; -webkit-box-align: stretch; align-items: stretch; -webkit-flex-direction: column; flex-direction: column; gap: var(--chakra-spacing-6); width: var(--chakra-sizes-full); padding: var(--chakra-spacing-6); background-color: rgb(35, 35, 41); --bg-currentcolor: #232329; border-radius: var(--chakra-radii-2xl); }
.css-1plc0xn { font-size: var(--chakra-font-sizes-3xl); font-weight: var(--chakra-font-weights-bold); color: var(--chakra-colors-white); }
@layer recipes {
  .css-1plc0xn { font-family: var(--chakra-fonts-heading); font-weight: var(--chakra-font-weights-semibold); font-size: var(--chakra-font-sizes-xl); line-height: 1.875rem; }
}
.css-r94z6o { display: flex; -webkit-align-items: stretch; -webkit-box-align: stretch; align-items: stretch; -webkit-box-pack: start; -webkit-justify-content: start; justify-content: start; -webkit-flex-direction: column; flex-direction: column; gap: 90px; max-width: var(--chakra-sizes-8xl); width: var(--chakra-sizes-full); margin-inline: auto; }
.css-1iyy4tz { width: var(--chakra-sizes-full); margin-top: 15px; }
.css-1m93olv { display: flex; -webkit-align-items: stretch; -webkit-box-align: stretch; align-items: stretch; -webkit-flex-direction: column; flex-direction: column; gap: var(--chakra-spacing-4); margin-bottom: var(--chakra-spacing-6); }
.css-169xbtg { display: flex; -webkit-align-items: center; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: var(--chakra-spacing-3); }
.css-18md9gk { -webkit-align-items: center; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; width: var(--chakra-sizes-full); flex: 1 1 0%; max-width: var(--chakra-sizes-xs); }
@layer recipes {
  .css-18md9gk { display: inline-flex; gap: var(--group-gap, 0.5rem); isolation: isolate; position: relative; -webkit-flex-direction: row; flex-direction: row; }
  .css-18md9gk [data-group-item]:is(:focus-visible, [data-focus-visible]) { z-index: 1; }
}
.css-78gcoq { pointer-events: none; }
@layer recipes {
  .css-78gcoq { display: flex; -webkit-align-items: center; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; position: absolute; z-index: 2; color: var(--chakra-colors-fg-muted); height: var(--chakra-sizes-full); font-size: var(--chakra-font-sizes-sm); padding-inline: var(--chakra-spacing-3); }
}
.css-131qnsr { fill: var(--chakra-colors-transparent); width: 16px; height: 16px; }
@layer recipes {
  .css-131qnsr { display: inline-block; line-height: 1em; flex-shrink: 0; color: currentcolor; vertical-align: middle; }
}
.css-fie35 { border-radius: var(--chakra-radii-full); padding-inline-start: calc(var(--input-height) - 0px); }
@layer recipes {
  .css-fie35 { width: 100%; min-width: var(--input-height); outline: 0px; position: relative; -webkit-appearance: none; appearance: none; text-align: start; border-radius: var(--chakra-radii-l2); height: var(--input-height); --focus-color: var(--chakra-colors-color-palette-focus-ring); --error-color: var(--chakra-colors-border-error); font-size: var(--chakra-font-sizes-sm); line-height: 1.25rem; padding-inline: var(--chakra-spacing-3); --input-height: var(--chakra-sizes-10); border-width: 1px; border-color: var(--chakra-colors-transparent); background: var(--chakra-colors-bg-muted); --bg-currentcolor: var(--chakra-colors-bg-muted); --focus-ring-color: var(--focus-color); }
  .css-fie35:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) { opacity: 0.5; cursor: not-allowed; }
  .css-fie35:is([data-invalid], [aria-invalid=true], [data-state=invalid]) { --focus-ring-color: var(--error-color); border-color: var(--error-color); }
  .css-fie35:is(:focus-visible, [data-focus-visible]) { outline-offset: 0px; outline-width: var(--focus-ring-width, 1px); outline-color: var(--focus-ring-color); outline-style: var(--focus-ring-style, solid); border-color: var(--focus-ring-color); }
}
.css-135t4rp { visibility: hidden; }
@layer recipes {
  .css-135t4rp { display: inline-flex; -webkit-appearance: none; appearance: none; -webkit-align-items: center; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-user-select: none; user-select: none; position: relative; border-radius: var(--chakra-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--outline-color, var(--outline-color-legacy)); cursor: var(--chakra-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--chakra-font-weights-medium); transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,translate,transform; transition-duration: var(--chakra-durations-moderate); --focus-ring-color: var(--chakra-colors-color-palette-focus-ring); height: var(--chakra-sizes-9); min-width: var(--chakra-sizes-9); padding-inline: var(--chakra-spacing-3\.5); font-size: var(--chakra-font-sizes-sm); 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-color-palette-fg); }
  .css-135t4rp:is(:focus-visible, [data-focus-visible]) { 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); }
  .css-135t4rp:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) { opacity: 0.5; cursor: not-allowed; }
  .css-135t4rp :where(svg) { flex-shrink: 0; width: var(--chakra-sizes-4); height: var(--chakra-sizes-4); }
  .css-135t4rp: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-135t4rp:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: var(--chakra-colors-color-palette-subtle); --bg-currentcolor: var(--chakra-colors-color-palette-subtle); }
}
}
@media screen and (min-width: 30rem) {
  .css-135t4rp { visibility: visible; }
}
.css-1vw8ssl { width: var(--chakra-sizes-full); }
@layer recipes {
  .css-1vw8ssl { background: var(--chakra-colors-bg-emphasized); --bg-currentcolor: var(--chakra-colors-bg-emphasized); -webkit-animation: var(--chakra-animations-pulse); animation: var(--chakra-animations-pulse); -webkit-animation-duration: var(--duration, 1.2s); animation-duration: var(--duration, 1.2s); border-radius: var(--chakra-radii-l2); box-shadow: none; background-clip: padding-box; cursor: default; color: var(--chakra-colors-transparent); pointer-events: none; -webkit-user-select: none; user-select: none; flex-shrink: 0; }
  .css-1vw8ssl::before,.css-1vw8ssl::after,.css-1vw8ssl * { visibility: hidden; }
}
@layer recipes {
  .css-15kb7oe { display: flex; -webkit-flex-direction: column; flex-direction: column; width: 100%; height: 100%; position: relative; overflow: hidden; --scrollbar-margin: 2px; --scrollbar-click-area: calc(var(--scrollbar-size) + calc(var(--scrollbar-margin)*2)); --scrollbar-size: var(--chakra-sizes-1); }
}
.css-vxnlnm { --scroll-shadow-size: 3rem; -webkit-mask-image: linear-gradient(90deg, #000,#000,transparent 0,#000 var(--scroll-shadow-size),#000 calc(100% - var(--scroll-shadow-size)),transparent); mask-image: linear-gradient(90deg, #000,#000,transparent 0,#000 var(--scroll-shadow-size),#000 calc(100% - var(--scroll-shadow-size)),transparent); }
@layer recipes {
  .css-vxnlnm { display: flex; -webkit-flex-direction: column; flex-direction: column; height: 100%; width: 100%; border-radius: inherit; scrollbar-width: none; }
  .css-vxnlnm::-webkit-scrollbar { display: none; }
}
.css-vxnlnm[data-at-right] { -webkit-mask-image: linear-gradient(270deg,#000 calc(100% - var(--scroll-shadow-size)),transparent); mask-image: linear-gradient(270deg,#000 calc(100% - var(--scroll-shadow-size)),transparent); }
.css-vxnlnm[data-at-left] { -webkit-mask-image: linear-gradient(90deg,#000 calc(100% - var(--scroll-shadow-size)),transparent); mask-image: linear-gradient(90deg,#000 calc(100% - var(--scroll-shadow-size)),transparent); }
.css-30agl1 { padding-bottom: var(--chakra-spacing-2); }
@layer recipes {
  .css-30agl1 { min-width: 100%; }
}
.css-45ymjm { display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-align-items: center; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: start; justify-content: start; position: relative; gap: var(--chakra-spacing-8); max-width: var(--chakra-sizes-8xl); padding-top: var(--chakra-spacing-2); padding-bottom: 0px; }
@layer recipes {
  .css-1p5vcxj { display: flex; -webkit-user-select: none; user-select: none; touch-action: none; border-radius: var(--chakra-radii-full); --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-transition: opacity 150ms 300ms; transition: opacity 150ms 300ms; position: relative; margin: var(--scrollbar-margin); background: color-mix(in srgb, var(--chakra-colors-color-palette-solid) 10%, transparent); --bg-currentcolor: color-mix(in srgb,var(--chakra-colors-color-palette-solid) 10%,transparent); --thumb-bg: color-mix(in srgb,var(--chakra-colors-color-palette-solid) 25%,transparent); opacity: 0; }
  .css-1p5vcxj:not([data-overflow-x], [data-overflow-y]) { display: none; }
  .css-1p5vcxj:is(:hover, :active) { --thumb-bg: color-mix(in srgb,var(--chakra-colors-color-palette-solid) 50%,transparent); }
  .css-1p5vcxj::before { content: ""; position: absolute; }
  .css-1p5vcxj[data-orientation=vertical] { width: var(--scrollbar-size); -webkit-flex-direction: column; flex-direction: column; }
  .css-1p5vcxj[data-orientation=vertical]::before { width: var(--scrollbar-click-area); height: 100%; inset-inline-start: calc(var(--scrollbar-margin) * -1); }
  .css-1p5vcxj[data-orientation=horizontal] { height: var(--scrollbar-size); -webkit-flex-direction: row; flex-direction: row; }
  .css-1p5vcxj[data-orientation=horizontal]::before { height: var(--scrollbar-click-area); width: 100%; top: calc(var(--scrollbar-margin) * -1); }
  .css-1p5vcxj[data-hover],.css-1p5vcxj[data-scrolling] { opacity: 1; transition-duration: var(--chakra-durations-faster); transition-delay: 0ms; }
}
@layer recipes {
  .css-1kwlsrd { border-radius: inherit; background: var(--thumb-bg); --bg-currentcolor: var(--thumb-bg); -webkit-transition: background,background-color,background-image,background-position; transition: background,background-color,background-image,background-position; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
  .css-1kwlsrd[data-orientation=vertical] { width: var(--chakra-sizes-full); }
  .css-1kwlsrd[data-orientation=horizontal] { height: var(--chakra-sizes-full); }
}
@layer recipes {
  .css-a42cds { background: var(--chakra-colors-bg-muted); --bg-currentcolor: var(--chakra-colors-bg-muted); margin: var(--scrollbar-margin); opacity: 0; -webkit-transition: opacity 150ms 300ms; transition: opacity 150ms 300ms; }
  .css-a42cds[data-hover] { transition-delay: 0ms; opacity: 1; }
}
.css-x3mqhh { height: var(--chakra-sizes-full); margin-top: var(--chakra-spacing-5); }
@layer recipes {
  .css-x3mqhh { background: var(--chakra-colors-bg-emphasized); --bg-currentcolor: var(--chakra-colors-bg-emphasized); -webkit-animation: var(--chakra-animations-pulse); animation: var(--chakra-animations-pulse); -webkit-animation-duration: var(--duration, 1.2s); animation-duration: var(--duration, 1.2s); border-radius: var(--chakra-radii-l2); box-shadow: none; background-clip: padding-box; cursor: default; color: var(--chakra-colors-transparent); pointer-events: none; -webkit-user-select: none; user-select: none; flex-shrink: 0; }
  .css-x3mqhh::before,.css-x3mqhh::after,.css-x3mqhh * { visibility: hidden; }
}
.css-1ir52h8 { border-width: 1px; border-style: solid; border-color: var(--chakra-colors-border); border-image: none; overflow: auto; border-radius: 0.625rem; padding-top: var(--chakra-spacing-4); }
@layer recipes {
  .css-1ir52h8 { display: block; white-space: nowrap; overflow: auto; max-width: 100%; }
}
.css-5iqw8n { width: var(--chakra-sizes-full); }
@layer recipes {
  .css-5iqw8n { font-variant-numeric: lining-nums tabular-nums; border-collapse: collapse; width: var(--chakra-sizes-full); text-align: center; vertical-align: center; font-size: var(--chakra-font-sizes-sm); line-height: 1.25rem; }
}
.css-16nbon1 { gap: var(--chakra-spacing-1); }
@layer recipes {
  .css-16u7ocv :where(tr) { top: var(--table-sticky-offset, 0); position: sticky; z-index: 1; }
}
.css-1c6todm { background-color: var(--chakra-colors-transparent); --bg-currentcolor: var(--chakra-colors-transparent); }
@layer recipes {
  .css-1c6todm { background: var(--chakra-colors-bg); --bg-currentcolor: var(--chakra-colors-bg); }
  .css-1c6todm:is([aria-selected=true], [data-selected]) { background: var(--chakra-colors-color-palette-subtle); --bg-currentcolor: var(--chakra-colors-color-palette-subtle); }
}
.css-1b0y7xk { text-align: start; font-size: var(--chakra-font-sizes-sm); color: rgb(157, 157, 178); font-weight: var(--chakra-font-weights-normal); overflow: hidden; }
@layer recipes {
  .css-1b0y7xk { font-weight: var(--chakra-font-weights-medium); text-align: center; color: var(--chakra-colors-fg); border-bottom-width: 1px; padding-inline: var(--chakra-spacing-3); padding-block: var(--chakra-spacing-3); }
}
.css-8uhtka { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@layer recipes {
  .css-1lhler { position: relative; }
  .css-1lhler:before { content: ""; background: var(--chakra-colors-transparent); --bg-currentcolor: var(--chakra-colors-transparent); position: absolute; border: 1px solid var(--chakra-colors-border); border-radius: var(--chakra-radii-md); width: var(--chakra-sizes-full); top: 0px; bottom: 0px; left: 0px; right: 0px; pointer-events: none; }
}
.css-1lhler::before { display: none; }
.css-he7d4r { font-size: var(--chakra-font-sizes-md); color: rgb(157, 157, 178); width: auto; margin-top: var(--chakra-spacing-2); }
.css-1vnryzr { font-size: var(--chakra-font-sizes-md); color: rgb(157, 157, 178); width: auto; margin-top: var(--chakra-spacing-1); }
.css-1ijogax { display: flex; -webkit-align-items: stretch; -webkit-box-align: stretch; align-items: stretch; -webkit-flex-direction: column; flex-direction: column; gap: var(--chakra-spacing-8); width: var(--chakra-sizes-full); margin-top: var(--chakra-spacing-4); }
.css-19bk7fb { font-size: var(--chakra-font-sizes-xl); font-weight: var(--chakra-font-weights-bold); color: var(--chakra-colors-white); margin-bottom: var(--chakra-spacing-3); }
@layer recipes {
  .css-19bk7fb { font-family: var(--chakra-fonts-heading); font-weight: var(--chakra-font-weights-semibold); font-size: var(--chakra-font-sizes-xl); line-height: 1.875rem; }
}
.css-12zzyx { color: rgb(157, 157, 178); line-height: 1.9; margin-top: var(--chakra-spacing-2); max-width: 60rem; }
.css-15io7lg { margin-top: var(--chakra-spacing-4); }
.css-iq7z5l { color: rgb(235, 235, 245); font-weight: var(--chakra-font-weights-semibold); }
.css-ja6cw1 { color: rgb(157, 157, 178); line-height: 1.9; margin-top: var(--chakra-spacing-1); max-width: 60rem; }
.css-psbukp { font-size: var(--chakra-font-sizes-lg); font-weight: var(--chakra-font-weights-bold); color: var(--chakra-colors-white); margin-bottom: var(--chakra-spacing-3); }
@layer recipes {
  .css-psbukp { font-family: var(--chakra-fonts-heading); font-weight: var(--chakra-font-weights-semibold); font-size: var(--chakra-font-sizes-xl); line-height: 1.875rem; }
}
.css-1nqnn13 { display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: var(--chakra-spacing-6); }
.css-1ub457b { color: rgb(0, 214, 193); font-weight: var(--chakra-font-weights-semibold); }
.css-1d6nz71 { position: fixed; bottom: var(--chakra-spacing-2); left: var(--chakra-spacing-2); right: auto; --chakra-colors-color-palette-50: var(--chakra-colors-cupai-50); --chakra-colors-color-palette-100: var(--chakra-colors-cupai-100); --chakra-colors-color-palette-200: var(--chakra-colors-cupai-200); --chakra-colors-color-palette-300: var(--chakra-colors-cupai-300); --chakra-colors-color-palette-400: var(--chakra-colors-cupai-400); --chakra-colors-color-palette-500: var(--chakra-colors-cupai-500); --chakra-colors-color-palette-600: var(--chakra-colors-cupai-600); --chakra-colors-color-palette-700: var(--chakra-colors-cupai-700); --chakra-colors-color-palette-800: var(--chakra-colors-cupai-800); --chakra-colors-color-palette-900: var(--chakra-colors-cupai-900); --chakra-colors-color-palette-950: var(--chakra-colors-cupai-950); --chakra-colors-color-palette-solid: var(--chakra-colors-cupai-solid); --chakra-colors-color-palette-contrast: var(--chakra-colors-cupai-contrast); --chakra-colors-color-palette-fg: var(--chakra-colors-cupai-fg); --chakra-colors-color-palette-muted: var(--chakra-colors-cupai-muted); --chakra-colors-color-palette-subtle: var(--chakra-colors-cupai-subtle); --chakra-colors-color-palette-emphasized: var(--chakra-colors-cupai-emphasized); --chakra-colors-color-palette-focus-ring: var(--chakra-colors-cupai-focus-ring); border-radius: var(--chakra-radii-full); box-shadow: var(--chakra-shadows-lg); font-size: var(--chakra-font-sizes-sm); }
@layer recipes {
  .css-1d6nz71 { display: inline-flex; -webkit-appearance: none; appearance: none; -webkit-align-items: center; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-user-select: none; user-select: none; position: relative; border-radius: var(--chakra-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--chakra-colors-transparent); cursor: var(--chakra-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--chakra-font-weights-medium); transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,translate,transform; transition-duration: var(--chakra-durations-moderate); --focus-ring-color: var(--chakra-colors-color-palette-focus-ring); height: var(--chakra-sizes-10); min-width: var(--chakra-sizes-10); font-size: var(--chakra-font-sizes-sm); padding-inline: var(--chakra-spacing-4); gap: var(--chakra-spacing-2); background: var(--chakra-colors-color-palette-solid); --bg-currentcolor: var(--chakra-colors-color-palette-solid); color: var(--chakra-colors-color-palette-contrast); }
  .css-1d6nz71:is(:focus-visible, [data-focus-visible]) { 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); }
  .css-1d6nz71:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) { opacity: 0.5; cursor: not-allowed; }
  .css-1d6nz71 :where(svg) { flex-shrink: 0; width: var(--chakra-sizes-5); height: var(--chakra-sizes-5); }
  .css-1d6nz71: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)); }
  @media screen and (min-width: 48rem) {
  .css-1d6nz71 { height: var(--chakra-sizes-11); min-width: var(--chakra-sizes-11); font-size: var(--chakra-font-sizes-md); line-height: 1.5rem; padding-inline: var(--chakra-spacing-5); gap: var(--chakra-spacing-3); }
  .css-1d6nz71 :where(svg) { width: var(--chakra-sizes-5); height: var(--chakra-sizes-5); }
}
  @media (hover: hover) {
  .css-1d6nz71:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --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)); }
}
}
@media screen and (min-width: 48rem) {
  .css-1d6nz71 { bottom: var(--chakra-spacing-4); left: var(--chakra-spacing-4); font-size: var(--chakra-font-sizes-md); }
}
.css-1vuwqt1 { min-width: calc(100vw - 32px); max-width: calc(100vw - 32px); max-height: calc(100vh - 100px); overflow: auto; }
@layer recipes {
  .css-1vuwqt1 { position: relative; display: flex; -webkit-flex-direction: column; flex-direction: column; font-size: var(--chakra-font-sizes-sm); line-height: 1.25rem; --popover-bg: var(--chakra-colors-bg-panel); background: var(--popover-bg); --bg-currentcolor: var(--popover-bg); box-shadow: var(--chakra-shadows-lg); --popover-size: var(--chakra-sizes-xs); --popover-mobile-size: calc(100dvw - 1rem); width: min(var(--popover-mobile-size), var(--popover-size)); border-radius: var(--chakra-radii-l3); --popover-z-index: var(--chakra-z-index-popover); z-index: calc(var(--popover-z-index) + var(--layer-index, 0)); outline: 0px; transform-origin: var(--transform-origin); max-height: var(--available-height); --popover-padding: var(--chakra-spacing-5); }
  .css-1vuwqt1:is([open], [data-open], [data-state=open]) { transform-origin: var(--transform-origin); -webkit-animation-name: scale-in,fade-in; animation-name: scale-in,fade-in; -webkit-animation-duration: var(--chakra-durations-fast); animation-duration: var(--chakra-durations-fast); }
  .css-1vuwqt1:is([closed], [data-closed], [data-state=closed]) { transform-origin: var(--transform-origin); -webkit-animation-name: scale-out,fade-out; animation-name: scale-out,fade-out; -webkit-animation-duration: var(--chakra-durations-faster); animation-duration: var(--chakra-durations-faster); }
  @media screen and (min-width: 30rem) {
  .css-1vuwqt1 { width: var(--popover-size); }
}
}
@media screen and (min-width: 30rem) {
  .css-1vuwqt1 { min-width: 500px; }
}
@media screen and (min-width: 48rem) {
  .css-1vuwqt1 { min-width: 700px; max-height: calc(100vh - 150px); }
}
@media screen and (min-width: 64rem) {
  .css-1vuwqt1 { min-width: 900px; max-width: 900px; }
}
@layer recipes {
  .css-1n2kn1 { --arrow-size: var(--chakra-sizes-3); --arrow-background: var(--popover-bg); }
}
@layer recipes {
  .css-5700va { border-top-width: 1px; border-left-width: 1px; }
}
@layer recipes {
  .css-2h8hp7 { padding-inline: var(--popover-padding); padding-top: var(--popover-padding); }
}
.css-1mlvqmn { font-size: var(--chakra-font-sizes-md); }
@media screen and (min-width: 48rem) {
  .css-1mlvqmn { font-size: var(--chakra-font-sizes-lg); }
}
.css-1p664gk { padding: var(--chakra-spacing-3); }
@layer recipes {
  .css-1p664gk { padding: var(--popover-padding); flex: 1 1 0%; }
}
@media screen and (min-width: 48rem) {
  .css-1p664gk { padding: var(--chakra-spacing-4); }
}
.css-18wquv9 { display: flex; -webkit-align-items: stretch; -webkit-box-align: stretch; align-items: stretch; -webkit-box-pack: start; -webkit-justify-content: start; justify-content: start; -webkit-flex-direction: column; flex-direction: column; gap: var(--chakra-spacing-4); width: var(--chakra-sizes-full); }
@media screen and (min-width: 48rem) {
  .css-18wquv9 { gap: var(--chakra-spacing-6); }
}
@layer recipes {
  .css-1udd883 { background: var(--chakra-colors-bg-emphasized); --bg-currentcolor: var(--chakra-colors-bg-emphasized); -webkit-animation: var(--chakra-animations-pulse); animation: var(--chakra-animations-pulse); -webkit-animation-duration: var(--duration, 1.2s); animation-duration: var(--duration, 1.2s); border-radius: var(--chakra-radii-l2); box-shadow: none; background-clip: padding-box; cursor: default; color: var(--chakra-colors-transparent); pointer-events: none; -webkit-user-select: none; user-select: none; flex-shrink: 0; }
  .css-1udd883::before,.css-1udd883::after,.css-1udd883 * { visibility: hidden; }
}
.css-1wevs94 { display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: stretch; -webkit-box-align: stretch; align-items: stretch; -webkit-box-pack: start; -webkit-justify-content: start; justify-content: start; width: var(--chakra-sizes-full); gap: var(--chakra-spacing-3); }
@media screen and (min-width: 48rem) {
  .css-1wevs94 { gap: var(--chakra-spacing-4); }
}
.css-16uakv5 { display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; gap: var(--chakra-spacing-3); width: var(--chakra-sizes-full); }
@media screen and (min-width: 48rem) {
  .css-16uakv5 { gap: var(--chakra-spacing-4); }
}
.css-1c7n1kw { display: flex; -webkit-align-items: flex-start; align-items: flex-start; flex-grow: 1; min-width: var(--chakra-sizes-full); }
@media screen and (min-width: 30rem) {
  .css-1c7n1kw { min-width: 200px; }
}
.css-1yxb8b8 { width: var(--chakra-sizes-full); }
@layer recipes {
  .css-1yxb8b8 { display: flex; width: 100%; position: relative; gap: var(--chakra-spacing-1\.5); -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: flex-start; align-items: flex-start; }
}
.css-rkeows { font-size: var(--chakra-font-sizes-sm); }
@layer recipes {
  .css-rkeows { display: flex; -webkit-align-items: center; -webkit-box-align: center; align-items: center; text-align: start; font-size: var(--chakra-font-sizes-sm); line-height: 1.25rem; font-weight: var(--chakra-font-weights-medium); gap: var(--chakra-spacing-1); -webkit-user-select: none; user-select: none; }
  .css-rkeows:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) { opacity: 0.5; }
}
@media screen and (min-width: 48rem) {
  .css-rkeows { font-size: var(--chakra-font-sizes-md); }
}
.css-15jmyt0 { width: var(--chakra-sizes-full); }
@layer recipes {
  .css-15jmyt0 { position: relative; z-index: 0; isolation: isolate; }
}
@layer recipes {
  .css-12ijjj5 { width: 100%; min-width: var(--input-height); outline: 0px; position: relative; -webkit-appearance: none; appearance: none; text-align: start; border-radius: var(--chakra-radii-l2); height: var(--input-height); --focus-color: var(--chakra-colors-color-palette-focus-ring); --error-color: var(--chakra-colors-border-error); vertical-align: top; padding-inline-end: calc(var(--stepper-width) + 0.5rem); font-size: var(--chakra-font-sizes-sm); line-height: 1.25rem; padding-inline: var(--chakra-spacing-2\.5); --input-height: var(--chakra-sizes-9); background: var(--chakra-colors-transparent); --bg-currentcolor: var(--chakra-colors-transparent); border-width: 1px; border-color: var(--chakra-colors-border); --focus-ring-color: var(--focus-color); }
  .css-12ijjj5:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) { opacity: 0.5; cursor: not-allowed; }
  .css-12ijjj5:is([data-invalid], [aria-invalid=true], [data-state=invalid]) { --focus-ring-color: var(--error-color); border-color: var(--error-color); }
  .css-12ijjj5:is(:focus-visible, [data-focus-visible]) { outline-offset: 0px; outline-width: var(--focus-ring-width, 1px); outline-color: var(--focus-ring-color); outline-style: var(--focus-ring-style, solid); border-color: var(--focus-ring-color); }
  @media screen and (min-width: 48rem) {
  .css-12ijjj5 { font-size: var(--chakra-font-sizes-sm); line-height: 1.25rem; padding-inline: var(--chakra-spacing-3); --input-height: var(--chakra-sizes-10); }
}
}
.css-42nf27 { display: flex; -webkit-align-items: flex-start; align-items: flex-start; flex-grow: 1; min-width: var(--chakra-sizes-full); }
@media screen and (min-width: 30rem) {
  .css-42nf27 { min-width: calc(50% - 8px); }
}
@layer recipes {
  .css-1oswll3 { display: flex; -webkit-flex-direction: column; flex-direction: column; gap: var(--chakra-spacing-1\.5); width: var(--chakra-sizes-full); --combobox-input-height: var(--chakra-sizes-10); --combobox-input-padding-x: var(--chakra-spacing-3); --combobox-indicator-size: var(--chakra-sizes-4); }
}
.css-w8urit { font-size: var(--chakra-font-sizes-sm); }
@layer recipes {
  .css-w8urit { font-weight: var(--chakra-font-weights-medium); -webkit-user-select: none; user-select: none; font-size: var(--chakra-font-sizes-sm); line-height: 1.25rem; }
  .css-w8urit:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) { opacity: 0.5; cursor: not-allowed; }
}
@media screen and (min-width: 48rem) {
  .css-w8urit { font-size: var(--chakra-font-sizes-md); }
}
@layer recipes {
  .css-2vts3p { position: relative; --padding-factor: 1; --combobox-input-padding-end: var(--combobox-input-padding-x); }
  .css-2vts3p:has([data-part=trigger]),.css-2vts3p:has([data-part=clear-trigger]) { --combobox-input-padding-end: calc(var(--combobox-input-height)*var(--padding-factor)); }
  .css-2vts3p:has([data-part=trigger]):has([data-part=clear-trigger]:not([hidden])) { --padding-factor: 1.5; }
}
.css-pytevw { height: 2.5rem; font-size: var(--chakra-font-sizes-sm); }
@layer recipes {
  .css-pytevw { display: flex; -webkit-align-items: center; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; background: var(--chakra-colors-transparent); --bg-currentcolor: var(--chakra-colors-transparent); width: var(--chakra-sizes-full); min-height: var(--combobox-input-height); padding-inline-start: var(--combobox-input-padding-x); padding-inline-end: var(--combobox-input-padding-end); --input-height: var(--combobox-input-height); border-radius: var(--chakra-radii-l2); outline: 0px; -webkit-user-select: none; user-select: none; text-align: start; --focus-color: var(--chakra-colors-color-palette-focus-ring); --error-color: var(--chakra-colors-border-error); font-size: var(--chakra-font-sizes-sm); line-height: 1.25rem; border-width: 1px; border-color: var(--chakra-colors-border); --focus-ring-color: var(--chakra-colors-color-palette-focus-ring); }
  .css-pytevw:is(:placeholder-shown, [data-placeholder-shown]) { color: var(--chakra-colors-fg-muted); }
  .css-pytevw:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) { opacity: 0.5; cursor: not-allowed; }
  .css-pytevw:is([data-invalid], [aria-invalid=true], [data-state=invalid]) { --focus-ring-color: var(--error-color); border-color: var(--error-color); }
  .css-pytevw:is(:focus-visible, [data-focus-visible]) { outline-offset: 0px; outline-width: var(--focus-ring-width, 1px); outline-color: var(--focus-ring-color); outline-style: var(--focus-ring-style, solid); border-color: var(--focus-ring-color); }
}
@media screen and (min-width: 48rem) {
  .css-pytevw { height: 2.75rem; font-size: var(--chakra-font-sizes-md); }
}
@layer recipes {
  .css-19fqsky { display: flex; -webkit-align-items: center; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; gap: var(--chakra-spacing-1); position: absolute; inset-inline-end: 0px; top: 0px; bottom: 0px; padding-inline: var(--combobox-input-padding-x); }
  .css-19fqsky :where(svg) { width: var(--combobox-indicator-size); height: var(--combobox-indicator-size); }
  [data-disabled] .css-19fqsky { opacity: 0.5; }
}
@layer recipes {
  .css-ds5aqe { color: var(--chakra-colors-fg-muted); pointer-events: auto; --focus-ring-color: var(--chakra-colors-color-palette-focus-ring); --focus-ring-width: 2px; border-radius: var(--chakra-radii-l1); }
  .css-ds5aqe:is(:focus-visible, [data-focus-visible]) { outline-offset: 0px; outline-width: var(--focus-ring-width, 1px); outline-color: var(--focus-ring-color); outline-style: var(--focus-ring-style, solid); border-color: var(--focus-ring-color); }
}
.css-kqzqgg { fill: currentcolor; }
@layer recipes {
  .css-13k26dd { display: inline-flex; -webkit-align-items: center; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; --input-height: var(--combobox-input-height); font-size: var(--chakra-font-sizes-sm); line-height: 1.25rem; gap: var(--chakra-spacing-2); }
}
.css-s3mb0o { fill: none; stroke: currentcolor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
@layer recipes {
  .css-150f5cx { background: var(--chakra-colors-bg-panel); --bg-currentcolor: var(--chakra-colors-bg-panel); display: flex; -webkit-flex-direction: column; flex-direction: column; z-index: var(--chakra-z-index-dropdown); border-radius: var(--chakra-radii-l2); outline: 0px; max-height: var(--chakra-sizes-96); overflow-y: auto; box-shadow: var(--chakra-shadows-md); --combobox-item-padding-x: var(--chakra-spacing-2); --combobox-item-padding-y: var(--chakra-spacing-1\.5); --combobox-indicator-size: var(--chakra-sizes-4); padding: var(--chakra-spacing-1); font-size: var(--chakra-font-sizes-sm); line-height: 1.25rem; }
  .css-150f5cx:is([open], [data-open], [data-state=open]) { transform-origin: var(--transform-origin); -webkit-animation-duration: var(--chakra-durations-fast); animation-duration: var(--chakra-durations-fast); }
  .css-150f5cx:is([open], [data-open], [data-state=open])[data-placement^=top] { -webkit-animation-name: slide-from-bottom,fade-in; animation-name: slide-from-bottom,fade-in; }
  .css-150f5cx:is([open], [data-open], [data-state=open])[data-placement^=bottom] { -webkit-animation-name: slide-from-top,fade-in; animation-name: slide-from-top,fade-in; }
  .css-150f5cx:is([open], [data-open], [data-state=open])[data-placement^=left] { -webkit-animation-name: slide-from-right,fade-in; animation-name: slide-from-right,fade-in; }
  .css-150f5cx:is([open], [data-open], [data-state=open])[data-placement^=right] { -webkit-animation-name: slide-from-left,fade-in; animation-name: slide-from-left,fade-in; }
  .css-150f5cx:is([closed], [data-closed], [data-state=closed]) { transform-origin: var(--transform-origin); -webkit-animation-duration: 0s; animation-duration: 0s; }
  .css-150f5cx:is([closed], [data-closed], [data-state=closed])[data-placement^=top] { -webkit-animation-name: slide-to-bottom,fade-out; animation-name: slide-to-bottom,fade-out; }
  .css-150f5cx:is([closed], [data-closed], [data-state=closed])[data-placement^=bottom] { -webkit-animation-name: slide-to-top,fade-out; animation-name: slide-to-top,fade-out; }
  .css-150f5cx:is([closed], [data-closed], [data-state=closed])[data-placement^=left] { -webkit-animation-name: slide-to-right,fade-out; animation-name: slide-to-right,fade-out; }
  .css-150f5cx:is([closed], [data-closed], [data-state=closed])[data-placement^=right] { -webkit-animation-name: slide-to-left,fade-out; animation-name: slide-to-left,fade-out; }
  .css-150f5cx[data-empty]:not(:has([data-scope=combobox][data-part=empty])) { opacity: 0; }
}
@layer recipes {
  .css-1lbot4v { padding-block: var(--combobox-item-padding-y); padding-inline: var(--combobox-item-padding-x); }
}
.css-12zzg31 { gap: var(--chakra-spacing-4); }
@layer recipes {
  .css-12zzg31 { position: relative; -webkit-user-select: none; user-select: none; display: flex; -webkit-align-items: center; -webkit-box-align: center; align-items: center; gap: var(--chakra-spacing-2); padding-block: var(--combobox-item-padding-y); padding-inline: var(--combobox-item-padding-x); cursor: var(--chakra-cursor-option); -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; flex: 1 1 0%; text-align: start; border-radius: var(--chakra-radii-l1); }
  .css-12zzg31[data-highlighted] { --mix-background: color-mix(in srgb,var(--chakra-colors-bg-emphasized) 60%,transparent); background: var(--mix-background, var(--chakra-colors-bg-emphasized)); --bg-currentcolor: var(--mix-background,var(--chakra-colors-bg-emphasized)); }
  .css-12zzg31:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) { pointer-events: none; opacity: 0.5; }
  .css-12zzg31 :where(svg) { width: var(--combobox-indicator-size); height: var(--combobox-indicator-size); }
}
@layer recipes {
  .css-apustk { flex: 1 1 0%; }
}
.css-estapp { background: var(--chakra-colors-cupai-emphasized); --bg-currentcolor: var(--chakra-colors-cupai-emphasized); font-weight: var(--chakra-font-weights-medium); }
@layer recipes {
  .css-estapp { background: var(--chakra-colors-transparent); --bg-currentcolor: var(--chakra-colors-transparent); color: inherit; white-space: nowrap; }
}
@layer recipes {
  .css-d82rsv { display: flex; -webkit-align-items: center; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; }
}
.css-1b3x68x { display: flex; -webkit-align-items: flex-start; align-items: flex-start; flex-grow: 1; }
.css-atl8ln { height: var(--chakra-sizes-full); }
@layer recipes {
  .css-atl8ln { background: var(--chakra-colors-bg-emphasized); --bg-currentcolor: var(--chakra-colors-bg-emphasized); -webkit-animation: var(--chakra-animations-pulse); animation: var(--chakra-animations-pulse); -webkit-animation-duration: var(--duration, 1.2s); animation-duration: var(--duration, 1.2s); border-radius: var(--chakra-radii-l2); box-shadow: none; background-clip: padding-box; cursor: default; color: var(--chakra-colors-transparent); pointer-events: none; -webkit-user-select: none; user-select: none; flex-shrink: 0; }
  .css-atl8ln::before,.css-atl8ln::after,.css-atl8ln * { visibility: hidden; }
}
.css-nxdb9p { border-width: 1px; border-style: solid; border-color: var(--chakra-colors-border); border-image: none; overflow: auto; border-radius: 0.625rem; padding-top: var(--chakra-spacing-4); max-height: 300px; }
@layer recipes {
  .css-nxdb9p { display: block; white-space: nowrap; overflow: auto; max-width: 100%; }
}
@media screen and (min-width: 48rem) {
  .css-nxdb9p { max-height: 400px; }
}
@layer recipes {
  .css-rtdgf5 { font-variant-numeric: lining-nums tabular-nums; border-collapse: collapse; width: var(--chakra-sizes-full); text-align: center; vertical-align: center; font-size: var(--chakra-font-sizes-sm); line-height: 1.25rem; }
  @media screen and (min-width: 48rem) {
  .css-rtdgf5 { font-size: var(--chakra-font-sizes-sm); line-height: 1.25rem; }
}
}
.css-o25rn1 { text-align: start; font-size: var(--chakra-font-sizes-xs); color: rgb(157, 157, 178); font-weight: var(--chakra-font-weights-normal); min-width: 120px; }
@layer recipes {
  .css-o25rn1 { font-weight: var(--chakra-font-weights-medium); text-align: center; color: var(--chakra-colors-fg); border-bottom-width: 1px; padding-inline: var(--chakra-spacing-2); padding-block: var(--chakra-spacing-2); }
  @media screen and (min-width: 48rem) {
  .css-o25rn1 { padding-inline: var(--chakra-spacing-3); padding-block: var(--chakra-spacing-3); }
}
}
@media screen and (min-width: 48rem) {
  .css-o25rn1 { font-size: var(--chakra-font-sizes-sm); }
}
.css-1v8a2k3 { text-align: start; font-size: var(--chakra-font-sizes-xs); color: rgb(157, 157, 178); font-weight: var(--chakra-font-weights-normal); min-width: 100px; }
@layer recipes {
  .css-1v8a2k3 { font-weight: var(--chakra-font-weights-medium); text-align: center; color: var(--chakra-colors-fg); border-bottom-width: 1px; padding-inline: var(--chakra-spacing-2); padding-block: var(--chakra-spacing-2); }
  @media screen and (min-width: 48rem) {
  .css-1v8a2k3 { padding-inline: var(--chakra-spacing-3); padding-block: var(--chakra-spacing-3); }
}
}
@media screen and (min-width: 48rem) {
  .css-1v8a2k3 { font-size: var(--chakra-font-sizes-sm); }
}
.css-fu06j7 { font-size: var(--chakra-font-sizes-xs); color: rgb(157, 157, 178); font-weight: var(--chakra-font-weights-normal); min-width: 120px; }
@layer recipes {
  .css-fu06j7 { font-weight: var(--chakra-font-weights-medium); text-align: center; color: var(--chakra-colors-fg); border-bottom-width: 1px; padding-inline: var(--chakra-spacing-2); padding-block: var(--chakra-spacing-2); }
  @media screen and (min-width: 48rem) {
  .css-fu06j7 { padding-inline: var(--chakra-spacing-3); padding-block: var(--chakra-spacing-3); }
}
}
@media screen and (min-width: 48rem) {
  .css-fu06j7 { font-size: var(--chakra-font-sizes-sm); }
}
.css-oooxx { font-size: var(--chakra-font-sizes-xs); color: rgb(157, 157, 178); font-weight: var(--chakra-font-weights-normal); min-width: 100px; }
@layer recipes {
  .css-oooxx { font-weight: var(--chakra-font-weights-medium); text-align: center; color: var(--chakra-colors-fg); border-bottom-width: 1px; padding-inline: var(--chakra-spacing-2); padding-block: var(--chakra-spacing-2); }
  @media screen and (min-width: 48rem) {
  .css-oooxx { padding-inline: var(--chakra-spacing-3); padding-block: var(--chakra-spacing-3); }
}
}
@media screen and (min-width: 48rem) {
  .css-oooxx { font-size: var(--chakra-font-sizes-sm); }
}
.css-z187lx { font-size: var(--chakra-font-sizes-xs); color: rgb(157, 157, 178); font-weight: var(--chakra-font-weights-normal); min-width: 110px; }
@layer recipes {
  .css-z187lx { font-weight: var(--chakra-font-weights-medium); text-align: center; color: var(--chakra-colors-fg); border-bottom-width: 1px; padding-inline: var(--chakra-spacing-2); padding-block: var(--chakra-spacing-2); }
  @media screen and (min-width: 48rem) {
  .css-z187lx { padding-inline: var(--chakra-spacing-3); padding-block: var(--chakra-spacing-3); }
}
}
@media screen and (min-width: 48rem) {
  .css-z187lx { font-size: var(--chakra-font-sizes-sm); }
}
.css-15gou7w { width: var(--chakra-sizes-full); }
@layer recipes {
  .css-15gou7w { background: unset; --bg-currentcolor: unset; -webkit-animation: fade-in var(--fade-duration, 0.1s) ease-out; animation: fade-in var(--fade-duration, 0.1s) ease-out; -webkit-animation-duration: var(--duration, 1.2s); animation-duration: var(--duration, 1.2s); }
}
.css-1ks2qqu { height: var(--chakra-sizes-full); margin-top: var(--chakra-spacing-5); }
@layer recipes {
  .css-1ks2qqu { background: unset; --bg-currentcolor: unset; -webkit-animation: fade-in var(--fade-duration, 0.1s) ease-out; animation: fade-in var(--fade-duration, 0.1s) ease-out; -webkit-animation-duration: var(--duration, 1.2s); animation-duration: var(--duration, 1.2s); }
}
@layer recipes {
  .css-fl27ss { background: unset; --bg-currentcolor: unset; -webkit-animation: fade-in var(--fade-duration, 0.1s) ease-out; animation: fade-in var(--fade-duration, 0.1s) ease-out; -webkit-animation-duration: var(--duration, 1.2s); animation-duration: var(--duration, 1.2s); }
}
.css-1e0kzr7 { height: var(--chakra-sizes-full); }
@layer recipes {
  .css-1e0kzr7 { background: unset; --bg-currentcolor: unset; -webkit-animation: fade-in var(--fade-duration, 0.1s) ease-out; animation: fade-in var(--fade-duration, 0.1s) ease-out; -webkit-animation-duration: var(--duration, 1.2s); animation-duration: var(--duration, 1.2s); }
}