@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-zdf5ta { 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); padding: var(--chakra-spacing-6); background-color: rgb(35, 35, 41); --bg-currentcolor: #232329; border-radius: var(--chakra-radii-2xl); }
.css-trh2e5 { font-size: var(--chakra-font-sizes-3xl); font-weight: var(--chakra-font-weights-bold); color: var(--chakra-colors-white); margin-bottom: var(--chakra-spacing-4); }
@layer recipes {
  .css-trh2e5 { 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-kanl7l { color: rgb(235, 235, 245); line-height: 1.9; max-width: 60rem; }
.css-1wcov1e { font-size: var(--chakra-font-sizes-xl); font-weight: var(--chakra-font-weights-bold); color: var(--chakra-colors-white); }
@layer recipes {
  .css-1wcov1e { 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-1bims13 { display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: var(--chakra-spacing-4); margin-top: var(--chakra-spacing-4); }
.css-dleq2c { flex: 1 1 18rem; padding: var(--chakra-spacing-5); border-radius: var(--chakra-radii-xl); background-color: rgb(24, 24, 28); --bg-currentcolor: #18181C; border-width: 1px; border-color: rgb(48, 48, 56); }
.css-1yzm0r7 { gap: var(--chakra-spacing-2); color: rgb(0, 214, 193); font-weight: var(--chakra-font-weights-semibold); }
@layer recipes {
  .css-1yzm0r7 { 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-1yzm0r7: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-1yzm0r7: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); }
}
}
@layer recipes {
  .css-1qiwd9j { display: inline-block; line-height: 1em; flex-shrink: 0; color: currentcolor; vertical-align: middle; }
}
.css-1732ap0 { fill: var(--chakra-colors-transparent); width: 25px; height: 24px; }
@layer recipes {
  .css-1732ap0 { display: inline-block; line-height: 1em; flex-shrink: 0; color: currentcolor; vertical-align: middle; }
}
@layer recipes {
  .css-1732ap0 { display: inline-block; line-height: 1em; flex-shrink: 0; color: currentcolor; vertical-align: middle; }
}
.css-z3z9t1 { margin-top: var(--chakra-spacing-2); font-size: var(--chakra-font-sizes-sm); color: rgb(235, 235, 245); text-align: start; }
.css-19ydbad { margin-top: var(--chakra-spacing-2); font-size: var(--chakra-font-sizes-sm); color: var(--chakra-colors-gray-400); line-height: 1.8; }
.css-xk45v2 { margin-top: var(--chakra-spacing-4); color: rgb(235, 235, 245); padding-inline-start: var(--chakra-spacing-5); }
@layer recipes {
  .css-xk45v2 { display: flex; -webkit-flex-direction: column; flex-direction: column; gap: var(--list-gap); list-style: revert; }
  .css-xk45v2 :where(ul, ol) { margin-top: var(--list-gap); }
}
.css-1381fm4 { line-height: 1.9; }
@layer recipes {
  .css-1381fm4 { white-space: normal; display: list-item; }
  .css-1381fm4::marker { color: var(--chakra-colors-fg-subtle); }
}
.css-1imutbz { margin-top: var(--chakra-spacing-4); color: rgb(235, 235, 245); line-height: 1.9; max-width: 60rem; }
.css-mlwz43 { display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: var(--chakra-spacing-6); margin-top: var(--chakra-spacing-4); }
.css-1ub457b { color: rgb(0, 214, 193); font-weight: var(--chakra-font-weights-semibold); }
.css-10c39ge { display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: var(--chakra-spacing-8); }
.css-1auy19k { flex: 1 1 22rem; }
.css-1l147lg { margin-top: var(--chakra-spacing-3); color: rgb(235, 235, 245); line-height: 1.9; }