@font-face {
  font-family: "Santa Maria Sans";
  src: url("/Santa-Maria-Sand-blsmsBC9.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
html, body, #root { min-height: 100%; background: #100F12; }
body { margin: 0; }
@layer reset, base, tokens, recipes;
@layer reset {
  html { line-height: 1.5; --font-fallback: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'; text-size-adjust: 100%; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; touch-action: manipulation; tab-size: 4; font-family: var(--global-font-body, var(--font-fallback)); }
  * { margin: 0px; padding: 0px; font: inherit; overflow-wrap: break-word; -webkit-tap-highlight-color: transparent; }
  *, ::before, ::after, ::backdrop { box-sizing: border-box; border-width: 0px; border-style: solid; border-color: var(--global-color-border, currentColor); }
  hr { height: 0px; color: inherit; border-top-width: 1px; }
  body { min-height: 100dvh; position: relative; }
  img { border-style: none; }
  img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; }
  iframe { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
  img, video { max-width: 100%; height: auto; }
  p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; }
  ol, ul { list-style: none; }
  code, kbd, pre, samp { font-size: 1em; }
  button, [type="button"], [type="reset"], [type="submit"] { appearance: button; background-color: transparent; background-image: none; }
  button, input, optgroup, select, textarea { color: inherit; }
  button, select { text-transform: none; }
  table { text-indent: 0px; border-color: inherit; border-collapse: collapse; }
  ::-webkit-input-placeholder { opacity: unset; color: rgb(156, 163, 175); user-select: none; }
  ::placeholder { opacity: unset; color: rgb(156, 163, 175); user-select: none; }
  textarea { resize: vertical; }
  summary { display: list-item; }
  small { font-size: 80%; }
  sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
  sub { bottom: -0.25em; }
  sup { top: -0.5em; }
  dialog { padding: 0px; }
  a { color: inherit; text-decoration: inherit; }
  abbr:where([title]) { text-decoration: underline dotted; }
  b, strong { font-weight: bolder; }
  code, kbd, samp, pre { font-size: 1em; --font-mono-fallback: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,'Liberation Mono','Courier New'; font-family: var(--global-font-mono, var(--font-mono-fallback)); }
  input[type="text"], input[type="email"], input[type="search"], input[type="password"] { appearance: none; }
  input[type="search"] { appearance: textfield; outline-offset: -2px; }
  ::-webkit-search-decoration, ::-webkit-search-cancel-button { appearance: none; }
  ::-webkit-file-upload-button { appearance: button; font: inherit; }
  input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
  input[type="number"] { }
  [hidden]:where(:not([hidden="until-found"])) { display: none !important; }
}
@layer base {
  @-webkit-keyframes spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
  @keyframes spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
  @-webkit-keyframes pulse { 
  50% { opacity: 0.5; }
}
  @keyframes pulse { 
  50% { opacity: 0.5; }
}
  @-webkit-keyframes ping { 
  75%, 100% { transform: scale(2); opacity: 0; }
}
  @keyframes ping { 
  75%, 100% { transform: scale(2); opacity: 0; }
}
  @-webkit-keyframes bounce { 
  0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); }
  50% { transform: none; animation-timing-function: cubic-bezier(0, 0, 0.2, 1); }
}
  @keyframes bounce { 
  0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); }
  50% { transform: none; animation-timing-function: cubic-bezier(0, 0, 0.2, 1); }
}
  @-webkit-keyframes bg-position { 
  0% { background-position: var(--animate-from, 1rem) 0; }
  100% { background-position: var(--animate-to, 0) 0; }
}
  @keyframes bg-position { 
  0% { background-position: var(--animate-from, 1rem) 0; }
  100% { background-position: var(--animate-to, 0) 0; }
}
  @-webkit-keyframes position { 
  0% { inset-inline-start: var(--animate-from-x); inset-block-start: var(--animate-from-y); }
  100% { inset-inline-start: var(--animate-to-x); inset-block-start: var(--animate-to-y); }
}
  @keyframes position { 
  0% { inset-inline-start: var(--animate-from-x); inset-block-start: var(--animate-from-y); }
  100% { inset-inline-start: var(--animate-to-x); inset-block-start: var(--animate-to-y); }
}
  @-webkit-keyframes circular-progress { 
  0% { stroke-dasharray: 1, 400; stroke-dashoffset: 0; }
  50% { stroke-dasharray: 400, 400; stroke-dashoffset: -100%; }
  100% { stroke-dasharray: 400, 400; stroke-dashoffset: -260%; }
}
  @keyframes circular-progress { 
  0% { stroke-dasharray: 1, 400; stroke-dashoffset: 0; }
  50% { stroke-dasharray: 400, 400; stroke-dashoffset: -100%; }
  100% { stroke-dasharray: 400, 400; stroke-dashoffset: -260%; }
}
  @-webkit-keyframes expand-height { 
  0% { height: var(--collapsed-height, 0); }
  100% { height: var(--height); }
}
  @keyframes expand-height { 
  0% { height: var(--collapsed-height, 0); }
  100% { height: var(--height); }
}
  @-webkit-keyframes collapse-height { 
  0% { height: var(--height); }
  100% { height: var(--collapsed-height, 0); }
}
  @keyframes collapse-height { 
  0% { height: var(--height); }
  100% { height: var(--collapsed-height, 0); }
}
  @-webkit-keyframes expand-width { 
  0% { width: var(--collapsed-width, 0); }
  100% { width: var(--width); }
}
  @keyframes expand-width { 
  0% { width: var(--collapsed-width, 0); }
  100% { width: var(--width); }
}
  @-webkit-keyframes collapse-width { 
  0% { width: var(--width); }
  100% { width: var(--collapsed-width, 0); }
}
  @keyframes collapse-width { 
  0% { width: var(--width); }
  100% { width: var(--collapsed-width, 0); }
}
  @-webkit-keyframes fade-in { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
  @keyframes fade-in { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
  @-webkit-keyframes fade-out { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}
  @keyframes fade-out { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}
  @-webkit-keyframes slide-from-left-full { 
  0% { translate: -100%; }
  100% { translate: 0px; }
}
  @keyframes slide-from-left-full { 
  0% { translate: -100%; }
  100% { translate: 0px; }
}
  @-webkit-keyframes slide-from-right-full { 
  0% { translate: 100%; }
  100% { translate: 0px; }
}
  @keyframes slide-from-right-full { 
  0% { translate: 100%; }
  100% { translate: 0px; }
}
  @-webkit-keyframes slide-from-top-full { 
  0% { translate: 0px -100%; }
  100% { translate: 0px; }
}
  @keyframes slide-from-top-full { 
  0% { translate: 0px -100%; }
  100% { translate: 0px; }
}
  @-webkit-keyframes slide-from-bottom-full { 
  0% { translate: 0px 100%; }
  100% { translate: 0px; }
}
  @keyframes slide-from-bottom-full { 
  0% { translate: 0px 100%; }
  100% { translate: 0px; }
}
  @-webkit-keyframes slide-to-left-full { 
  0% { translate: 0px; }
  100% { translate: -100%; }
}
  @keyframes slide-to-left-full { 
  0% { translate: 0px; }
  100% { translate: -100%; }
}
  @-webkit-keyframes slide-to-right-full { 
  0% { translate: 0px; }
  100% { translate: 100%; }
}
  @keyframes slide-to-right-full { 
  0% { translate: 0px; }
  100% { translate: 100%; }
}
  @-webkit-keyframes slide-to-top-full { 
  0% { translate: 0px; }
  100% { translate: 0px -100%; }
}
  @keyframes slide-to-top-full { 
  0% { translate: 0px; }
  100% { translate: 0px -100%; }
}
  @-webkit-keyframes slide-to-bottom-full { 
  0% { translate: 0px; }
  100% { translate: 0px 100%; }
}
  @keyframes slide-to-bottom-full { 
  0% { translate: 0px; }
  100% { translate: 0px 100%; }
}
  @-webkit-keyframes slide-from-top { 
  0% { translate: 0 calc(var(--slide-from-top-distance, 0.5rem) * -1); }
  100% { translate: 0px; }
}
  @keyframes slide-from-top { 
  0% { translate: 0 calc(var(--slide-from-top-distance, 0.5rem) * -1); }
  100% { translate: 0px; }
}
  @-webkit-keyframes slide-from-bottom { 
  0% { translate: 0 var(--slide-from-bottom-distance, 0.5rem); }
  100% { translate: 0px; }
}
  @keyframes slide-from-bottom { 
  0% { translate: 0 var(--slide-from-bottom-distance, 0.5rem); }
  100% { translate: 0px; }
}
  @-webkit-keyframes slide-from-left { 
  0% { translate: calc(var(--slide-from-left-distance, 0.5rem) * -1) 0; }
  100% { translate: 0px; }
}
  @keyframes slide-from-left { 
  0% { translate: calc(var(--slide-from-left-distance, 0.5rem) * -1) 0; }
  100% { translate: 0px; }
}
  @-webkit-keyframes slide-from-right { 
  0% { translate: var(--slide-from-right-distance, 0.5rem) 0; }
  100% { translate: 0px; }
}
  @keyframes slide-from-right { 
  0% { translate: var(--slide-from-right-distance, 0.5rem) 0; }
  100% { translate: 0px; }
}
  @-webkit-keyframes slide-to-top { 
  0% { translate: 0px; }
  100% { translate: 0 calc(var(--slide-to-top-distance, 0.5rem) * -1); }
}
  @keyframes slide-to-top { 
  0% { translate: 0px; }
  100% { translate: 0 calc(var(--slide-to-top-distance, 0.5rem) * -1); }
}
  @-webkit-keyframes slide-to-bottom { 
  0% { translate: 0px; }
  100% { translate: 0 var(--slide-to-bottom-distance, 0.5rem); }
}
  @keyframes slide-to-bottom { 
  0% { translate: 0px; }
  100% { translate: 0 var(--slide-to-bottom-distance, 0.5rem); }
}
  @-webkit-keyframes slide-to-left { 
  0% { translate: 0px; }
  100% { translate: calc(var(--slide-to-left-distance, 0.5rem) * -1) 0; }
}
  @keyframes slide-to-left { 
  0% { translate: 0px; }
  100% { translate: calc(var(--slide-to-left-distance, 0.5rem) * -1) 0; }
}
  @-webkit-keyframes slide-to-right { 
  0% { translate: 0px; }
  100% { translate: var(--slide-to-right-distance, 0.5rem) 0; }
}
  @keyframes slide-to-right { 
  0% { translate: 0px; }
  100% { translate: var(--slide-to-right-distance, 0.5rem) 0; }
}
  @-webkit-keyframes scale-in { 
  0% { scale: 0.95; }
  100% { scale: 1; }
}
  @keyframes scale-in { 
  0% { scale: 0.95; }
  100% { scale: 1; }
}
  @-webkit-keyframes scale-out { 
  0% { scale: 1; }
  100% { scale: 0.95; }
}
  @keyframes scale-out { 
  0% { scale: 1; }
  100% { scale: 0.95; }
}
  @-webkit-keyframes marqueeX { 
  0% { transform: translateX(0%); }
  100% { transform: translateX(var(--marquee-translate)); }
}
  @keyframes marqueeX { 
  0% { transform: translateX(0%); }
  100% { transform: translateX(var(--marquee-translate)); }
}
  @-webkit-keyframes marqueeY { 
  0% { transform: translateY(0%); }
  100% { transform: translateY(var(--marquee-translate)); }
}
  @keyframes marqueeY { 
  0% { transform: translateY(0%); }
  100% { transform: translateY(var(--marquee-translate)); }
}
  * { font-feature-settings: "cv11"; --ring-inset: var(--chakra-empty, ); --ring-offset-width: 0px; --ring-offset-color: #fff; --ring-color: rgba(66, 153, 225, 0.6); --ring-offset-shadow: 0 0 #0000; --ring-shadow: 0 0 #0000; --brightness: var(--chakra-empty, ); --contrast: var(--chakra-empty, ); --grayscale: var(--chakra-empty, ); --hue-rotate: var(--chakra-empty, ); --invert: var(--chakra-empty, ); --saturate: var(--chakra-empty, ); --sepia: var(--chakra-empty, ); --drop-shadow: var(--chakra-empty, ); --backdrop-blur: var(--chakra-empty, ); --backdrop-brightness: var(--chakra-empty, ); --backdrop-contrast: var(--chakra-empty, ); --backdrop-grayscale: var(--chakra-empty, ); --backdrop-hue-rotate: var(--chakra-empty, ); --backdrop-invert: var(--chakra-empty, ); --backdrop-opacity: var(--chakra-empty, ); --backdrop-saturate: var(--chakra-empty, ); --backdrop-sepia: var(--chakra-empty, ); --global-font-mono: var(--gaydev-fonts-mono); --global-font-body: var(--gaydev-fonts-body); --global-color-border: var(--gaydev-colors-border); }
  html { color: var(--gaydev-colors-fg); background: var(--gaydev-colors-bg); --bg-currentcolor: var(--gaydev-colors-bg); line-height: 1.5; --gaydev-colors-color-palette-50: var(--gaydev-colors-gray-50); --gaydev-colors-color-palette-100: var(--gaydev-colors-gray-100); --gaydev-colors-color-palette-200: var(--gaydev-colors-gray-200); --gaydev-colors-color-palette-300: var(--gaydev-colors-gray-300); --gaydev-colors-color-palette-400: var(--gaydev-colors-gray-400); --gaydev-colors-color-palette-500: var(--gaydev-colors-gray-500); --gaydev-colors-color-palette-600: var(--gaydev-colors-gray-600); --gaydev-colors-color-palette-700: var(--gaydev-colors-gray-700); --gaydev-colors-color-palette-800: var(--gaydev-colors-gray-800); --gaydev-colors-color-palette-900: var(--gaydev-colors-gray-900); --gaydev-colors-color-palette-950: var(--gaydev-colors-gray-950); --gaydev-colors-color-palette-contrast: var(--gaydev-colors-gray-contrast); --gaydev-colors-color-palette-fg: var(--gaydev-colors-gray-fg); --gaydev-colors-color-palette-subtle: var(--gaydev-colors-gray-subtle); --gaydev-colors-color-palette-muted: var(--gaydev-colors-gray-muted); --gaydev-colors-color-palette-emphasized: var(--gaydev-colors-gray-emphasized); --gaydev-colors-color-palette-solid: var(--gaydev-colors-gray-solid); --gaydev-colors-color-palette-focus-ring: var(--gaydev-colors-gray-focus-ring); --gaydev-colors-color-palette-border: var(--gaydev-colors-gray-border); }
  ::-webkit-input-placeholder { --mix-color: color-mix(in srgb, var(--gaydev-colors-fg-muted) 80%, transparent); color: var(--mix-color, var(--gaydev-colors-fg-muted)); }
  ::placeholder, [data-placeholder] { --mix-color: color-mix(in srgb, var(--gaydev-colors-fg-muted) 80%, transparent); color: var(--mix-color, var(--gaydev-colors-fg-muted)); }
  ::selection { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-emphasized) 80%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-emphasized)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-emphasized)); }
  html, body { background: var(--gaydev-colors-bg-canvas); --bg-currentcolor: var(--gaydev-colors-bg-canvas); color: var(--gaydev-colors-text-primary); line-height: normal; }
}
@layer tokens {
  :where(html, .chakra-theme) { --gaydev-aspect-ratios-square: 1/1; --gaydev-aspect-ratios-landscape: 4/3; --gaydev-aspect-ratios-portrait: 3/4; --gaydev-aspect-ratios-wide: 16/9; --gaydev-aspect-ratios-ultrawide: 18/5; --gaydev-aspect-ratios-golden: 1.618/1; --gaydev-animations-spin: spin 1s linear infinite; --gaydev-animations-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; --gaydev-animations-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; --gaydev-animations-bounce: bounce 1s infinite; --gaydev-blurs-sm: 4px; --gaydev-blurs-md: 8px; --gaydev-blurs-lg: 12px; --gaydev-blurs-xl: 16px; --gaydev-blurs-2xl: 24px; --gaydev-blurs-3xl: 40px; --gaydev-blurs-4xl: 64px; --gaydev-borders-xs: 0.5px solid; --gaydev-borders-sm: 1px solid; --gaydev-borders-md: 2px solid; --gaydev-borders-lg: 4px solid; --gaydev-borders-xl: 8px solid; --gaydev-colors-transparent: transparent; --gaydev-colors-current: currentColor; --gaydev-colors-black: #09090B; --gaydev-colors-white: #FFFFFF; --gaydev-colors-white-alpha-50: rgba(255, 255, 255, 0.04); --gaydev-colors-white-alpha-100: rgba(255, 255, 255, 0.06); --gaydev-colors-white-alpha-200: rgba(255, 255, 255, 0.08); --gaydev-colors-white-alpha-300: rgba(255, 255, 255, 0.16); --gaydev-colors-white-alpha-400: rgba(255, 255, 255, 0.24); --gaydev-colors-white-alpha-500: rgba(255, 255, 255, 0.36); --gaydev-colors-white-alpha-600: rgba(255, 255, 255, 0.48); --gaydev-colors-white-alpha-700: rgba(255, 255, 255, 0.64); --gaydev-colors-white-alpha-800: rgba(255, 255, 255, 0.80); --gaydev-colors-white-alpha-900: rgba(255, 255, 255, 0.92); --gaydev-colors-white-alpha-950: rgba(255, 255, 255, 0.95); --gaydev-colors-black-alpha-50: rgba(0, 0, 0, 0.04); --gaydev-colors-black-alpha-100: rgba(0, 0, 0, 0.06); --gaydev-colors-black-alpha-200: rgba(0, 0, 0, 0.08); --gaydev-colors-black-alpha-300: rgba(0, 0, 0, 0.16); --gaydev-colors-black-alpha-400: rgba(0, 0, 0, 0.24); --gaydev-colors-black-alpha-500: rgba(0, 0, 0, 0.36); --gaydev-colors-black-alpha-600: rgba(0, 0, 0, 0.48); --gaydev-colors-black-alpha-700: rgba(0, 0, 0, 0.64); --gaydev-colors-black-alpha-800: rgba(0, 0, 0, 0.80); --gaydev-colors-black-alpha-900: rgba(0, 0, 0, 0.92); --gaydev-colors-black-alpha-950: rgba(0, 0, 0, 0.95); --gaydev-colors-gray-50: #fafafa; --gaydev-colors-gray-100: #f4f4f5; --gaydev-colors-gray-200: #e4e4e7; --gaydev-colors-gray-300: #d4d4d8; --gaydev-colors-gray-400: #a1a1aa; --gaydev-colors-gray-500: #71717a; --gaydev-colors-gray-600: #52525b; --gaydev-colors-gray-700: #3f3f46; --gaydev-colors-gray-800: #27272a; --gaydev-colors-gray-900: #18181b; --gaydev-colors-gray-950: #111111; --gaydev-colors-red-50: #fef2f2; --gaydev-colors-red-100: #fee2e2; --gaydev-colors-red-200: #fecaca; --gaydev-colors-red-300: #fca5a5; --gaydev-colors-red-400: #f87171; --gaydev-colors-red-500: #ef4444; --gaydev-colors-red-600: #dc2626; --gaydev-colors-red-700: #991919; --gaydev-colors-red-800: #511111; --gaydev-colors-red-900: #300c0c; --gaydev-colors-red-950: #1f0808; --gaydev-colors-orange-50: #fff7ed; --gaydev-colors-orange-100: #ffedd5; --gaydev-colors-orange-200: #fed7aa; --gaydev-colors-orange-300: #fdba74; --gaydev-colors-orange-400: #fb923c; --gaydev-colors-orange-500: #f97316; --gaydev-colors-orange-600: #ea580c; --gaydev-colors-orange-700: #92310a; --gaydev-colors-orange-800: #6c2710; --gaydev-colors-orange-900: #3b1106; --gaydev-colors-orange-950: #220a04; --gaydev-colors-yellow-50: #fefce8; --gaydev-colors-yellow-100: #fef9c3; --gaydev-colors-yellow-200: #fef08a; --gaydev-colors-yellow-300: #fde047; --gaydev-colors-yellow-400: #facc15; --gaydev-colors-yellow-500: #eab308; --gaydev-colors-yellow-600: #ca8a04; --gaydev-colors-yellow-700: #845209; --gaydev-colors-yellow-800: #713f12; --gaydev-colors-yellow-900: #422006; --gaydev-colors-yellow-950: #281304; --gaydev-colors-green-50: #f0fdf4; --gaydev-colors-green-100: #dcfce7; --gaydev-colors-green-200: #bbf7d0; --gaydev-colors-green-300: #86efac; --gaydev-colors-green-400: #4ade80; --gaydev-colors-green-500: #22c55e; --gaydev-colors-green-600: #16a34a; --gaydev-colors-green-700: #116932; --gaydev-colors-green-800: #124a28; --gaydev-colors-green-900: #042713; --gaydev-colors-green-950: #03190c; --gaydev-colors-teal-50: #f0fdfa; --gaydev-colors-teal-100: #ccfbf1; --gaydev-colors-teal-200: #99f6e4; --gaydev-colors-teal-300: #5eead4; --gaydev-colors-teal-400: #2dd4bf; --gaydev-colors-teal-500: #14b8a6; --gaydev-colors-teal-600: #0d9488; --gaydev-colors-teal-700: #0c5d56; --gaydev-colors-teal-800: #114240; --gaydev-colors-teal-900: #032726; --gaydev-colors-teal-950: #021716; --gaydev-colors-blue-50: #eff6ff; --gaydev-colors-blue-100: #dbeafe; --gaydev-colors-blue-200: #bfdbfe; --gaydev-colors-blue-300: #a3cfff; --gaydev-colors-blue-400: #60a5fa; --gaydev-colors-blue-500: #3b82f6; --gaydev-colors-blue-600: #2563eb; --gaydev-colors-blue-700: #173da6; --gaydev-colors-blue-800: #1a3478; --gaydev-colors-blue-900: #14204a; --gaydev-colors-blue-950: #0c142e; --gaydev-colors-cyan-50: #ecfeff; --gaydev-colors-cyan-100: #cffafe; --gaydev-colors-cyan-200: #a5f3fc; --gaydev-colors-cyan-300: #67e8f9; --gaydev-colors-cyan-400: #22d3ee; --gaydev-colors-cyan-500: #06b6d4; --gaydev-colors-cyan-600: #0891b2; --gaydev-colors-cyan-700: #0c5c72; --gaydev-colors-cyan-800: #134152; --gaydev-colors-cyan-900: #072a38; --gaydev-colors-cyan-950: #051b24; --gaydev-colors-purple-50: #faf5ff; --gaydev-colors-purple-100: #f3e8ff; --gaydev-colors-purple-200: #e9d5ff; --gaydev-colors-purple-300: #d8b4fe; --gaydev-colors-purple-400: #c084fc; --gaydev-colors-purple-500: #a855f7; --gaydev-colors-purple-600: #9333ea; --gaydev-colors-purple-700: #641ba3; --gaydev-colors-purple-800: #4a1772; --gaydev-colors-purple-900: #2f0553; --gaydev-colors-purple-950: #1a032e; --gaydev-colors-pink-50: #fdf2f8; --gaydev-colors-pink-100: #fce7f3; --gaydev-colors-pink-200: #fbcfe8; --gaydev-colors-pink-300: #f9a8d4; --gaydev-colors-pink-400: #f472b6; --gaydev-colors-pink-500: #ec4899; --gaydev-colors-pink-600: #db2777; --gaydev-colors-pink-700: #a41752; --gaydev-colors-pink-800: #6d0e34; --gaydev-colors-pink-900: #45061f; --gaydev-colors-pink-950: #2c0514; --gaydev-colors-bg-canvas: #100F12; --gaydev-colors-bg-islands: #E9D8FF; --gaydev-colors-bg-islands_inverse: #16141A; --gaydev-colors-bg-modals: radial-gradient(59.85% 62.2% at 0% 100%, rgba(233, 216, 255, 0.05) 0%, rgba(233, 216, 255, 0.00) 100%),radial-gradient(89.27% 67.96% at 0% 0%, rgba(233, 216, 255, 0.05) 0%, rgba(233, 216, 255, 0.00) 100%),radial-gradient(68.42% 106.76% at 100% 100%, rgba(233, 216, 255, 0.05) 0%, rgba(233, 216, 255, 0.00) 100%),radial-gradient(483.05% 141.42% at 100% 100%, rgba(233, 216, 255, 0.02) 0%, rgba(233, 216, 255, 0.00) 100%),rgba(9, 9, 9, 0.80); --gaydev-colors-text-primary: #F6F2FA; --gaydev-colors-text-tretiary: #F6F2FA40; --gaydev-colors-text-secondary: #F6F2FA70; --gaydev-colors-text-white: #FFFFFF; --gaydev-colors-text-fourth: #F6F2FA20; --gaydev-colors-icon-primary: #F1E7FF; --gaydev-colors-button-accent: radial-gradient(734.62% 100% at 0% 50%, #6945AD 0%, #7B4BD4 100%); --gaydev-colors-button-accent_hover: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%),radial-gradient(734.62% 100% at 0% 50%, #6945AD 0%, #7B4BD4 100%); --gaydev-colors-badge-default: radial-gradient(178.96% 80% at 20% 50%, rgba(175, 168, 187, 0.00) 10.96%, rgba(175, 168, 187, 0.05) 100%),rgba(175, 168, 187, 0.05); --gaydev-colors-badge-purple: radial-gradient(178.96% 80% at 20% 50%, rgba(115, 76, 187, 0.05) 10.96%, #734CBB 100%),rgba(115, 76, 187, 0.05); --gaydev-colors-badge-orange: radial-gradient(176.09% 80% at 20% 50%, rgba(182, 105, 54, 0.05) 12.37%, #B66936 100%),rgba(182, 105, 54, 0.05); --gaydev-colors-badge-red: radial-gradient(176.09% 80% at 20% 50%, rgba(182, 54, 54, 0.05) 12.37%, #B63C3C 100%),rgba(182, 54, 54, 0.05); --gaydev-colors-stroke-accent_button: #966EE5; --gaydev-colors-stroke-default: #EBF0F7; --gaydev-colors-stroke-purple: rgba(115, 76, 187, 0.20); --gaydev-colors-stroke-badge_default: rgba(175, 168, 187, 0.05); --gaydev-colors-stroke-badge_orange: rgba(182, 105, 54, 0.20); --gaydev-colors-stroke-badge_red: rgba(182, 54, 54, 0.20); --gaydev-colors-stroke-sides: #312F35; --gaydev-colors-other-accent: #A060FE; --gaydev-colors-other-badge_orange: #FFCCAB; --gaydev-colors-other-badge_green: #8AFFC7; --gaydev-colors-other-badge_red: #FFABAB; --gaydev-colors-upgrade-silver_grad-50: linear-gradient(90deg, rgba(200, 203, 203, 0.50) 0%, rgba(237, 238, 242, 0.50) 32.92%, rgba(187, 191, 189, 0.50) 100%); --gaydev-colors-upgrade-silver_grad-100: linear-gradient(90deg, #C8CBCB 0%, #EDEEF2 32.92%, #BBBFBD 100%); --gaydev-colors-upgrade-stroke-10: rgba(180, 182, 175, 0.10); --gaydev-colors-upgrade-islands-1: rgba(247, 249, 243, 0.05); --gaydev-colors-upgrade-secondary: #7E7F7C; --gaydev-colors-upgrade-secondary_light: #989995; --gaydev-colors-upgrade-accent: #B6EE5F; --gaydev-colors-upgrade-primary: #EDF1E7; --gaydev-colors-upgrade-skins-islands: rgba(16, 17, 20, 0.60); --gaydev-durations-fastest: 50ms; --gaydev-durations-faster: 100ms; --gaydev-durations-fast: 150ms; --gaydev-durations-moderate: 200ms; --gaydev-durations-slow: 300ms; --gaydev-durations-slower: 400ms; --gaydev-durations-slowest: 500ms; --gaydev-easings-ease-in: cubic-bezier(0.42, 0, 1, 1); --gaydev-easings-ease-out: cubic-bezier(0, 0, 0.58, 1); --gaydev-easings-ease-in-out: cubic-bezier(0.42, 0, 0.58, 1); --gaydev-easings-ease-in-smooth: cubic-bezier(0.32, 0.72, 0, 1); --gaydev-fonts-heading: "SF Pro Rounded",sans-serif; --gaydev-fonts-body: "SF Pro Rounded",sans-serif; --gaydev-fonts-mono: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --gaydev-font-sizes-2xs: 0.625rem; --gaydev-font-sizes-xs: 0.75rem; --gaydev-font-sizes-sm: 0.875rem; --gaydev-font-sizes-md: 1rem; --gaydev-font-sizes-lg: 1.125rem; --gaydev-font-sizes-xl: 1.25rem; --gaydev-font-sizes-2xl: 1.5rem; --gaydev-font-sizes-3xl: 1.875rem; --gaydev-font-sizes-4xl: 2.25rem; --gaydev-font-sizes-5xl: 3rem; --gaydev-font-sizes-6xl: 3.75rem; --gaydev-font-sizes-7xl: 4.5rem; --gaydev-font-sizes-8xl: 6rem; --gaydev-font-sizes-9xl: 8rem; --gaydev-font-weights-thin: 100; --gaydev-font-weights-extralight: 200; --gaydev-font-weights-light: 300; --gaydev-font-weights-normal: 400; --gaydev-font-weights-medium: 500; --gaydev-font-weights-semibold: 600; --gaydev-font-weights-bold: 700; --gaydev-font-weights-extrabold: 800; --gaydev-font-weights-black: 900; --gaydev-letter-spacings-tighter: -0.05em; --gaydev-letter-spacings-tight: -0.025em; --gaydev-letter-spacings-wide: 0.025em; --gaydev-letter-spacings-wider: 0.05em; --gaydev-letter-spacings-widest: 0.1em; --gaydev-line-heights-shorter: 1.25; --gaydev-line-heights-short: 1.375; --gaydev-line-heights-moderate: 1.5; --gaydev-line-heights-tall: 1.625; --gaydev-line-heights-taller: 2; --gaydev-radii-none: 0; --gaydev-radii-2xs: 0.0625rem; --gaydev-radii-xs: 0.125rem; --gaydev-radii-sm: 0.25rem; --gaydev-radii-md: 0.375rem; --gaydev-radii-lg: 0.5rem; --gaydev-radii-xl: 0.75rem; --gaydev-radii-2xl: 1rem; --gaydev-radii-3xl: 1.5rem; --gaydev-radii-4xl: 2rem; --gaydev-radii-full: 9999px; --gaydev-spacing-1: 0.25rem; --gaydev-spacing-2: 0.5rem; --gaydev-spacing-3: 0.75rem; --gaydev-spacing-4: 1rem; --gaydev-spacing-5: 1.25rem; --gaydev-spacing-6: 1.5rem; --gaydev-spacing-7: 1.75rem; --gaydev-spacing-8: 2rem; --gaydev-spacing-9: 2.25rem; --gaydev-spacing-10: 2.5rem; --gaydev-spacing-11: 2.75rem; --gaydev-spacing-12: 3rem; --gaydev-spacing-14: 3.5rem; --gaydev-spacing-16: 4rem; --gaydev-spacing-20: 5rem; --gaydev-spacing-24: 6rem; --gaydev-spacing-28: 7rem; --gaydev-spacing-32: 8rem; --gaydev-spacing-36: 9rem; --gaydev-spacing-40: 10rem; --gaydev-spacing-44: 11rem; --gaydev-spacing-48: 12rem; --gaydev-spacing-52: 13rem; --gaydev-spacing-56: 14rem; --gaydev-spacing-60: 15rem; --gaydev-spacing-64: 16rem; --gaydev-spacing-72: 18rem; --gaydev-spacing-80: 20rem; --gaydev-spacing-96: 24rem; --gaydev-spacing-0\.5: 0.125rem; --gaydev-spacing-1\.5: 0.375rem; --gaydev-spacing-2\.5: 0.625rem; --gaydev-spacing-3\.5: 0.875rem; --gaydev-spacing-4\.5: 1.125rem; --gaydev-sizes-1: 0.25rem; --gaydev-sizes-2: 0.5rem; --gaydev-sizes-3: 0.75rem; --gaydev-sizes-4: 1rem; --gaydev-sizes-5: 1.25rem; --gaydev-sizes-6: 1.5rem; --gaydev-sizes-7: 1.75rem; --gaydev-sizes-8: 2rem; --gaydev-sizes-9: 2.25rem; --gaydev-sizes-10: 2.5rem; --gaydev-sizes-11: 2.75rem; --gaydev-sizes-12: 3rem; --gaydev-sizes-14: 3.5rem; --gaydev-sizes-16: 4rem; --gaydev-sizes-20: 5rem; --gaydev-sizes-24: 6rem; --gaydev-sizes-28: 7rem; --gaydev-sizes-32: 8rem; --gaydev-sizes-36: 9rem; --gaydev-sizes-40: 10rem; --gaydev-sizes-44: 11rem; --gaydev-sizes-48: 12rem; --gaydev-sizes-52: 13rem; --gaydev-sizes-56: 14rem; --gaydev-sizes-60: 15rem; --gaydev-sizes-64: 16rem; --gaydev-sizes-72: 18rem; --gaydev-sizes-80: 20rem; --gaydev-sizes-96: 24rem; --gaydev-sizes-3xs: 14rem; --gaydev-sizes-2xs: 16rem; --gaydev-sizes-xs: 20rem; --gaydev-sizes-sm: 24rem; --gaydev-sizes-md: 28rem; --gaydev-sizes-lg: 32rem; --gaydev-sizes-xl: 36rem; --gaydev-sizes-2xl: 42rem; --gaydev-sizes-3xl: 48rem; --gaydev-sizes-4xl: 56rem; --gaydev-sizes-5xl: 64rem; --gaydev-sizes-6xl: 72rem; --gaydev-sizes-7xl: 80rem; --gaydev-sizes-8xl: 90rem; --gaydev-sizes-0\.5: 0.125rem; --gaydev-sizes-1\.5: 0.375rem; --gaydev-sizes-2\.5: 0.625rem; --gaydev-sizes-3\.5: 0.875rem; --gaydev-sizes-4\.5: 1.125rem; --gaydev-sizes-1\/2: 50%; --gaydev-sizes-1\/3: 33.333333%; --gaydev-sizes-2\/3: 66.666667%; --gaydev-sizes-1\/4: 25%; --gaydev-sizes-3\/4: 75%; --gaydev-sizes-1\/5: 20%; --gaydev-sizes-2\/5: 40%; --gaydev-sizes-3\/5: 60%; --gaydev-sizes-4\/5: 80%; --gaydev-sizes-1\/6: 16.666667%; --gaydev-sizes-2\/6: 33.333333%; --gaydev-sizes-3\/6: 50%; --gaydev-sizes-4\/6: 66.666667%; --gaydev-sizes-5\/6: 83.333333%; --gaydev-sizes-1\/12: 8.333333%; --gaydev-sizes-2\/12: 16.666667%; --gaydev-sizes-3\/12: 25%; --gaydev-sizes-4\/12: 33.333333%; --gaydev-sizes-5\/12: 41.666667%; --gaydev-sizes-6\/12: 50%; --gaydev-sizes-7\/12: 58.333333%; --gaydev-sizes-8\/12: 66.666667%; --gaydev-sizes-9\/12: 75%; --gaydev-sizes-10\/12: 83.333333%; --gaydev-sizes-11\/12: 91.666667%; --gaydev-sizes-max: max-content; --gaydev-sizes-min: min-content; --gaydev-sizes-fit: fit-content; --gaydev-sizes-prose: 60ch; --gaydev-sizes-full: 100%; --gaydev-sizes-dvh: 100dvh; --gaydev-sizes-svh: 100svh; --gaydev-sizes-lvh: 100lvh; --gaydev-sizes-dvw: 100dvw; --gaydev-sizes-svw: 100svw; --gaydev-sizes-lvw: 100lvw; --gaydev-sizes-vw: 100vw; --gaydev-sizes-vh: 100vh; --gaydev-sizes-breakpoint-sm: 480px; --gaydev-sizes-breakpoint-md: 768px; --gaydev-sizes-breakpoint-lg: 1024px; --gaydev-sizes-breakpoint-xl: 1280px; --gaydev-sizes-breakpoint-2xl: 1536px; --gaydev-z-index-hide: -1; --gaydev-z-index-base: 0; --gaydev-z-index-docked: 10; --gaydev-z-index-dropdown: 1000; --gaydev-z-index-sticky: 1100; --gaydev-z-index-banner: 1200; --gaydev-z-index-overlay: 1300; --gaydev-z-index-modal: 1400; --gaydev-z-index-popover: 1500; --gaydev-z-index-skip-nav: 1600; --gaydev-z-index-toast: 1700; --gaydev-z-index-tooltip: 1800; --gaydev-z-index-max: 2147483647; --gaydev-cursor-button: pointer; --gaydev-cursor-checkbox: default; --gaydev-cursor-disabled: not-allowed; --gaydev-cursor-menuitem: default; --gaydev-cursor-option: default; --gaydev-cursor-radio: default; --gaydev-cursor-slider: default; --gaydev-cursor-switch: pointer; --gaydev-breakpoints-sm: 480px; --gaydev-breakpoints-md: 768px; --gaydev-breakpoints-lg: 1024px; --gaydev-breakpoints-xl: 1280px; --gaydev-breakpoints-2xl: 1536px; --gaydev-radii-l1: var(--gaydev-radii-xs); --gaydev-radii-l2: var(--gaydev-radii-sm); --gaydev-radii-l3: var(--gaydev-radii-md); }
  :root, .light { --gaydev-colors-bg: var(--gaydev-colors-white); --gaydev-colors-bg-subtle: var(--gaydev-colors-gray-50); --gaydev-colors-bg-muted: var(--gaydev-colors-gray-100); --gaydev-colors-bg-emphasized: var(--gaydev-colors-gray-200); --gaydev-colors-bg-inverted: var(--gaydev-colors-black); --gaydev-colors-bg-panel: var(--gaydev-colors-white); --gaydev-colors-bg-error: var(--gaydev-colors-red-50); --gaydev-colors-bg-warning: var(--gaydev-colors-orange-50); --gaydev-colors-bg-success: var(--gaydev-colors-green-50); --gaydev-colors-bg-info: var(--gaydev-colors-blue-50); --gaydev-colors-fg: var(--gaydev-colors-black); --gaydev-colors-fg-muted: var(--gaydev-colors-gray-600); --gaydev-colors-fg-subtle: var(--gaydev-colors-gray-400); --gaydev-colors-fg-inverted: var(--gaydev-colors-gray-50); --gaydev-colors-fg-error: var(--gaydev-colors-red-500); --gaydev-colors-fg-warning: var(--gaydev-colors-orange-600); --gaydev-colors-fg-success: var(--gaydev-colors-green-600); --gaydev-colors-fg-info: var(--gaydev-colors-blue-600); --gaydev-colors-border: var(--gaydev-colors-gray-200); --gaydev-colors-border-muted: var(--gaydev-colors-gray-100); --gaydev-colors-border-subtle: var(--gaydev-colors-gray-50); --gaydev-colors-border-emphasized: var(--gaydev-colors-gray-300); --gaydev-colors-border-inverted: var(--gaydev-colors-gray-800); --gaydev-colors-border-error: var(--gaydev-colors-red-500); --gaydev-colors-border-warning: var(--gaydev-colors-orange-500); --gaydev-colors-border-success: var(--gaydev-colors-green-500); --gaydev-colors-border-info: var(--gaydev-colors-blue-500); --gaydev-colors-gray-contrast: var(--gaydev-colors-white); --gaydev-colors-gray-fg: var(--gaydev-colors-gray-800); --gaydev-colors-gray-subtle: var(--gaydev-colors-gray-100); --gaydev-colors-gray-muted: var(--gaydev-colors-gray-200); --gaydev-colors-gray-emphasized: var(--gaydev-colors-gray-300); --gaydev-colors-gray-solid: var(--gaydev-colors-gray-900); --gaydev-colors-gray-focus-ring: var(--gaydev-colors-gray-400); --gaydev-colors-gray-border: var(--gaydev-colors-gray-200); --gaydev-colors-red-contrast: white; --gaydev-colors-red-fg: var(--gaydev-colors-red-700); --gaydev-colors-red-subtle: var(--gaydev-colors-red-100); --gaydev-colors-red-muted: var(--gaydev-colors-red-200); --gaydev-colors-red-emphasized: var(--gaydev-colors-red-300); --gaydev-colors-red-solid: var(--gaydev-colors-red-600); --gaydev-colors-red-focus-ring: var(--gaydev-colors-red-500); --gaydev-colors-red-border: var(--gaydev-colors-red-500); --gaydev-colors-orange-contrast: white; --gaydev-colors-orange-fg: var(--gaydev-colors-orange-700); --gaydev-colors-orange-subtle: var(--gaydev-colors-orange-100); --gaydev-colors-orange-muted: var(--gaydev-colors-orange-200); --gaydev-colors-orange-emphasized: var(--gaydev-colors-orange-300); --gaydev-colors-orange-solid: var(--gaydev-colors-orange-600); --gaydev-colors-orange-focus-ring: var(--gaydev-colors-orange-500); --gaydev-colors-orange-border: var(--gaydev-colors-orange-500); --gaydev-colors-green-contrast: white; --gaydev-colors-green-fg: var(--gaydev-colors-green-700); --gaydev-colors-green-subtle: var(--gaydev-colors-green-100); --gaydev-colors-green-muted: var(--gaydev-colors-green-200); --gaydev-colors-green-emphasized: var(--gaydev-colors-green-300); --gaydev-colors-green-solid: var(--gaydev-colors-green-600); --gaydev-colors-green-focus-ring: var(--gaydev-colors-green-500); --gaydev-colors-green-border: var(--gaydev-colors-green-500); --gaydev-colors-blue-contrast: white; --gaydev-colors-blue-fg: var(--gaydev-colors-blue-700); --gaydev-colors-blue-subtle: var(--gaydev-colors-blue-100); --gaydev-colors-blue-muted: var(--gaydev-colors-blue-200); --gaydev-colors-blue-emphasized: var(--gaydev-colors-blue-300); --gaydev-colors-blue-solid: var(--gaydev-colors-blue-600); --gaydev-colors-blue-focus-ring: var(--gaydev-colors-blue-500); --gaydev-colors-blue-border: var(--gaydev-colors-blue-500); --gaydev-colors-yellow-contrast: black; --gaydev-colors-yellow-fg: var(--gaydev-colors-yellow-800); --gaydev-colors-yellow-subtle: var(--gaydev-colors-yellow-100); --gaydev-colors-yellow-muted: var(--gaydev-colors-yellow-200); --gaydev-colors-yellow-emphasized: var(--gaydev-colors-yellow-300); --gaydev-colors-yellow-solid: var(--gaydev-colors-yellow-300); --gaydev-colors-yellow-focus-ring: var(--gaydev-colors-yellow-500); --gaydev-colors-yellow-border: var(--gaydev-colors-yellow-500); --gaydev-colors-teal-contrast: white; --gaydev-colors-teal-fg: var(--gaydev-colors-teal-700); --gaydev-colors-teal-subtle: var(--gaydev-colors-teal-100); --gaydev-colors-teal-muted: var(--gaydev-colors-teal-200); --gaydev-colors-teal-emphasized: var(--gaydev-colors-teal-300); --gaydev-colors-teal-solid: var(--gaydev-colors-teal-600); --gaydev-colors-teal-focus-ring: var(--gaydev-colors-teal-500); --gaydev-colors-teal-border: var(--gaydev-colors-teal-500); --gaydev-colors-purple-contrast: white; --gaydev-colors-purple-fg: var(--gaydev-colors-purple-700); --gaydev-colors-purple-subtle: var(--gaydev-colors-purple-100); --gaydev-colors-purple-muted: var(--gaydev-colors-purple-200); --gaydev-colors-purple-emphasized: var(--gaydev-colors-purple-300); --gaydev-colors-purple-solid: var(--gaydev-colors-purple-600); --gaydev-colors-purple-focus-ring: var(--gaydev-colors-purple-500); --gaydev-colors-purple-border: var(--gaydev-colors-purple-500); --gaydev-colors-pink-contrast: white; --gaydev-colors-pink-fg: var(--gaydev-colors-pink-700); --gaydev-colors-pink-subtle: var(--gaydev-colors-pink-100); --gaydev-colors-pink-muted: var(--gaydev-colors-pink-200); --gaydev-colors-pink-emphasized: var(--gaydev-colors-pink-300); --gaydev-colors-pink-solid: var(--gaydev-colors-pink-600); --gaydev-colors-pink-focus-ring: var(--gaydev-colors-pink-500); --gaydev-colors-pink-border: var(--gaydev-colors-pink-500); --gaydev-colors-cyan-contrast: white; --gaydev-colors-cyan-fg: var(--gaydev-colors-cyan-700); --gaydev-colors-cyan-subtle: var(--gaydev-colors-cyan-100); --gaydev-colors-cyan-muted: var(--gaydev-colors-cyan-200); --gaydev-colors-cyan-emphasized: var(--gaydev-colors-cyan-300); --gaydev-colors-cyan-solid: var(--gaydev-colors-cyan-600); --gaydev-colors-cyan-focus-ring: var(--gaydev-colors-cyan-500); --gaydev-colors-cyan-border: var(--gaydev-colors-cyan-500); --gaydev-shadows-xs: 0px 1px 2px color-mix(in srgb, var(--gaydev-colors-gray-900) 10%, transparent),0px 0px 1px color-mix(in srgb, var(--gaydev-colors-gray-900) 20%, transparent); --gaydev-shadows-sm: 0px 2px 4px color-mix(in srgb, var(--gaydev-colors-gray-900) 10%, transparent),0px 0px 1px color-mix(in srgb, var(--gaydev-colors-gray-900) 30%, transparent); --gaydev-shadows-md: 0px 4px 8px color-mix(in srgb, var(--gaydev-colors-gray-900) 10%, transparent),0px 0px 1px color-mix(in srgb, var(--gaydev-colors-gray-900) 30%, transparent); --gaydev-shadows-lg: 0px 8px 16px color-mix(in srgb, var(--gaydev-colors-gray-900) 10%, transparent),0px 0px 1px color-mix(in srgb, var(--gaydev-colors-gray-900) 30%, transparent); --gaydev-shadows-xl: 0px 16px 24px color-mix(in srgb, var(--gaydev-colors-gray-900) 10%, transparent),0px 0px 1px color-mix(in srgb, var(--gaydev-colors-gray-900) 30%, transparent); --gaydev-shadows-2xl: 0px 24px 40px color-mix(in srgb, var(--gaydev-colors-gray-900) 16%, transparent),0px 0px 1px color-mix(in srgb, var(--gaydev-colors-gray-900) 30%, transparent); --gaydev-shadows-inner: inset 0 2px 4px 0 color-mix(in srgb, black 5%, transparent); --gaydev-shadows-inset: inset 0 0 0 1px color-mix(in srgb, black 5%, transparent); }
  .dark, .dark .chakra-theme:not(.light) { --gaydev-colors-bg: var(--gaydev-colors-black); --gaydev-colors-bg-subtle: var(--gaydev-colors-gray-950); --gaydev-colors-bg-muted: var(--gaydev-colors-gray-900); --gaydev-colors-bg-emphasized: var(--gaydev-colors-gray-800); --gaydev-colors-bg-inverted: var(--gaydev-colors-white); --gaydev-colors-bg-panel: var(--gaydev-colors-gray-950); --gaydev-colors-bg-error: var(--gaydev-colors-red-950); --gaydev-colors-bg-warning: var(--gaydev-colors-orange-950); --gaydev-colors-bg-success: var(--gaydev-colors-green-950); --gaydev-colors-bg-info: var(--gaydev-colors-blue-950); --gaydev-colors-fg: var(--gaydev-colors-gray-50); --gaydev-colors-fg-muted: var(--gaydev-colors-gray-400); --gaydev-colors-fg-subtle: var(--gaydev-colors-gray-500); --gaydev-colors-fg-inverted: var(--gaydev-colors-black); --gaydev-colors-fg-error: var(--gaydev-colors-red-400); --gaydev-colors-fg-warning: var(--gaydev-colors-orange-300); --gaydev-colors-fg-success: var(--gaydev-colors-green-300); --gaydev-colors-fg-info: var(--gaydev-colors-blue-300); --gaydev-colors-border: var(--gaydev-colors-gray-800); --gaydev-colors-border-muted: var(--gaydev-colors-gray-900); --gaydev-colors-border-subtle: var(--gaydev-colors-gray-950); --gaydev-colors-border-emphasized: var(--gaydev-colors-gray-700); --gaydev-colors-border-inverted: var(--gaydev-colors-gray-200); --gaydev-colors-border-error: var(--gaydev-colors-red-400); --gaydev-colors-border-warning: var(--gaydev-colors-orange-400); --gaydev-colors-border-success: var(--gaydev-colors-green-400); --gaydev-colors-border-info: var(--gaydev-colors-blue-400); --gaydev-colors-gray-contrast: var(--gaydev-colors-black); --gaydev-colors-gray-fg: var(--gaydev-colors-gray-200); --gaydev-colors-gray-subtle: var(--gaydev-colors-gray-900); --gaydev-colors-gray-muted: var(--gaydev-colors-gray-800); --gaydev-colors-gray-emphasized: var(--gaydev-colors-gray-700); --gaydev-colors-gray-solid: var(--gaydev-colors-white); --gaydev-colors-gray-focus-ring: var(--gaydev-colors-gray-400); --gaydev-colors-gray-border: var(--gaydev-colors-gray-800); --gaydev-colors-red-contrast: white; --gaydev-colors-red-fg: var(--gaydev-colors-red-300); --gaydev-colors-red-subtle: var(--gaydev-colors-red-900); --gaydev-colors-red-muted: var(--gaydev-colors-red-800); --gaydev-colors-red-emphasized: var(--gaydev-colors-red-700); --gaydev-colors-red-solid: var(--gaydev-colors-red-600); --gaydev-colors-red-focus-ring: var(--gaydev-colors-red-500); --gaydev-colors-red-border: var(--gaydev-colors-red-400); --gaydev-colors-orange-contrast: black; --gaydev-colors-orange-fg: var(--gaydev-colors-orange-300); --gaydev-colors-orange-subtle: var(--gaydev-colors-orange-900); --gaydev-colors-orange-muted: var(--gaydev-colors-orange-800); --gaydev-colors-orange-emphasized: var(--gaydev-colors-orange-700); --gaydev-colors-orange-solid: var(--gaydev-colors-orange-500); --gaydev-colors-orange-focus-ring: var(--gaydev-colors-orange-500); --gaydev-colors-orange-border: var(--gaydev-colors-orange-400); --gaydev-colors-green-contrast: white; --gaydev-colors-green-fg: var(--gaydev-colors-green-300); --gaydev-colors-green-subtle: var(--gaydev-colors-green-900); --gaydev-colors-green-muted: var(--gaydev-colors-green-800); --gaydev-colors-green-emphasized: var(--gaydev-colors-green-700); --gaydev-colors-green-solid: var(--gaydev-colors-green-600); --gaydev-colors-green-focus-ring: var(--gaydev-colors-green-500); --gaydev-colors-green-border: var(--gaydev-colors-green-400); --gaydev-colors-blue-contrast: white; --gaydev-colors-blue-fg: var(--gaydev-colors-blue-300); --gaydev-colors-blue-subtle: var(--gaydev-colors-blue-900); --gaydev-colors-blue-muted: var(--gaydev-colors-blue-800); --gaydev-colors-blue-emphasized: var(--gaydev-colors-blue-700); --gaydev-colors-blue-solid: var(--gaydev-colors-blue-600); --gaydev-colors-blue-focus-ring: var(--gaydev-colors-blue-500); --gaydev-colors-blue-border: var(--gaydev-colors-blue-400); --gaydev-colors-yellow-contrast: black; --gaydev-colors-yellow-fg: var(--gaydev-colors-yellow-300); --gaydev-colors-yellow-subtle: var(--gaydev-colors-yellow-900); --gaydev-colors-yellow-muted: var(--gaydev-colors-yellow-800); --gaydev-colors-yellow-emphasized: var(--gaydev-colors-yellow-700); --gaydev-colors-yellow-solid: var(--gaydev-colors-yellow-300); --gaydev-colors-yellow-focus-ring: var(--gaydev-colors-yellow-500); --gaydev-colors-yellow-border: var(--gaydev-colors-yellow-500); --gaydev-colors-teal-contrast: white; --gaydev-colors-teal-fg: var(--gaydev-colors-teal-300); --gaydev-colors-teal-subtle: var(--gaydev-colors-teal-900); --gaydev-colors-teal-muted: var(--gaydev-colors-teal-800); --gaydev-colors-teal-emphasized: var(--gaydev-colors-teal-700); --gaydev-colors-teal-solid: var(--gaydev-colors-teal-600); --gaydev-colors-teal-focus-ring: var(--gaydev-colors-teal-500); --gaydev-colors-teal-border: var(--gaydev-colors-teal-400); --gaydev-colors-purple-contrast: white; --gaydev-colors-purple-fg: var(--gaydev-colors-purple-300); --gaydev-colors-purple-subtle: var(--gaydev-colors-purple-900); --gaydev-colors-purple-muted: var(--gaydev-colors-purple-800); --gaydev-colors-purple-emphasized: var(--gaydev-colors-purple-700); --gaydev-colors-purple-solid: var(--gaydev-colors-purple-600); --gaydev-colors-purple-focus-ring: var(--gaydev-colors-purple-500); --gaydev-colors-purple-border: var(--gaydev-colors-purple-400); --gaydev-colors-pink-contrast: white; --gaydev-colors-pink-fg: var(--gaydev-colors-pink-300); --gaydev-colors-pink-subtle: var(--gaydev-colors-pink-900); --gaydev-colors-pink-muted: var(--gaydev-colors-pink-800); --gaydev-colors-pink-emphasized: var(--gaydev-colors-pink-700); --gaydev-colors-pink-solid: var(--gaydev-colors-pink-600); --gaydev-colors-pink-focus-ring: var(--gaydev-colors-pink-500); --gaydev-colors-pink-border: var(--gaydev-colors-pink-400); --gaydev-colors-cyan-contrast: white; --gaydev-colors-cyan-fg: var(--gaydev-colors-cyan-300); --gaydev-colors-cyan-subtle: var(--gaydev-colors-cyan-900); --gaydev-colors-cyan-muted: var(--gaydev-colors-cyan-800); --gaydev-colors-cyan-emphasized: var(--gaydev-colors-cyan-700); --gaydev-colors-cyan-solid: var(--gaydev-colors-cyan-600); --gaydev-colors-cyan-focus-ring: var(--gaydev-colors-cyan-500); --gaydev-colors-cyan-border: var(--gaydev-colors-cyan-400); --gaydev-shadows-xs: 0px 1px 1px color-mix(in srgb, black 64%, transparent),0px 0px 1px inset color-mix(in srgb, var(--gaydev-colors-gray-300) 20%, transparent); --gaydev-shadows-sm: 0px 2px 4px color-mix(in srgb, black 64%, transparent),0px 0px 1px inset color-mix(in srgb, var(--gaydev-colors-gray-300) 30%, transparent); --gaydev-shadows-md: 0px 4px 8px color-mix(in srgb, black 64%, transparent),0px 0px 1px inset color-mix(in srgb, var(--gaydev-colors-gray-300) 30%, transparent); --gaydev-shadows-lg: 0px 8px 16px color-mix(in srgb, black 64%, transparent),0px 0px 1px inset color-mix(in srgb, var(--gaydev-colors-gray-300) 30%, transparent); --gaydev-shadows-xl: 0px 16px 24px color-mix(in srgb, black 64%, transparent),0px 0px 1px inset color-mix(in srgb, var(--gaydev-colors-gray-300) 30%, transparent); --gaydev-shadows-2xl: 0px 24px 40px color-mix(in srgb, black 64%, transparent),0px 0px 1px inset color-mix(in srgb, var(--gaydev-colors-gray-300) 30%, transparent); --gaydev-shadows-inner: inset 0 2px 4px 0 black; --gaydev-shadows-inset: inset 0 0 0 1px color-mix(in srgb, var(--gaydev-colors-gray-300) 5%, transparent); }
}
.css-wzgnhs { --toast-offset-bottom: 1rem; }
@media (max-width: 768px) {
  .css-wzgnhs { --toast-offset-bottom: 102px; }
}
@media screen and (max-width: 47.9975rem) {
  .css-wzgnhs { inset-inline: var(--gaydev-spacing-4); }
}
.css-h9m4ju { position: relative; height: 100svh; }
.css-8azc7e { position: absolute; width: var(--gaydev-sizes-full); height: var(--gaydev-sizes-full); background-image: url(""); background-position: center top; background-repeat: no-repeat; transition-property: opacity; transition-duration: var(--gaydev-durations-slowest); opacity: 0; z-index: 1; }
.css-1yexge1 { height: var(--gaydev-sizes-full); }
@layer recipes {
  .css-1yexge1 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-1c6q0zb { display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; gap: var(--gaydev-spacing-8); text-align: center; max-width: 300px; min-width: 300px; z-index: 2; }
.css-17ch6t1 { object-fit: cover; height: 100px; }
.css-wxd2c5 { display: flex; flex-direction: column; gap: var(--gaydev-spacing-1); width: var(--gaydev-sizes-full); }
.css-kxlpf4 { width: var(--gaydev-sizes-full); padding: var(--gaydev-spacing-1); }
@layer recipes {
  .css-kxlpf4 { font-size: var(--gaydev-font-sizes-sm); line-height: 1.25rem; position: relative; }
}
.css-lgdcxf { border-radius: 100px; background-color: rgba(0, 0, 0, 0.19); --bg-currentcolor: #00000030; box-shadow: none; }
@layer recipes {
  .css-lgdcxf { overflow: hidden; position: relative; box-shadow: var(--gaydev-shadows-inset); background-color: var(--gaydev-colors-bg-muted); --bg-currentcolor: var(--gaydev-colors-bg-muted); height: var(--gaydev-sizes-2\.5); border-radius: var(--gaydev-radii-l1); }
}
.css-cpx2q0 { background-color: rgb(186, 144, 249); --bg-currentcolor: #BA90F9; box-shadow: rgba(255, 255, 255, 0.3) 0px 0px 2px 0px inset; }
@layer recipes {
  .css-cpx2q0 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; transition-property: width, height; transition-duration: var(--gaydev-durations-slow); height: 100%; background-color: var(--gaydev-colors-color-palette-solid); --bg-currentcolor: var(--gaydev-colors-color-palette-solid); }
  .css-cpx2q0:is(:indeterminate, [data-indeterminate], [aria-checked="mixed"], [data-state="indeterminate"]) { --animate-from-x: -40%; --animate-to-x: 100%; position: absolute; will-change: left; min-width: 50%; animation: 1s ease 0s infinite normal none running position; background-image: linear-gradient(to right, transparent 0%, var(--track-color) 50%, transparent 100%); }
}
.css-109t09u { font-size: var(--gaydev-font-sizes-sm); color: var(--gaydev-colors-text-tretiary); font-weight: 400; text-align: center; }
.css-17vg1ae { backdrop-filter: blur(4px); }
@layer recipes {
  .css-17vg1ae { background: var(--gaydev-colors-black-alpha-500); --bg-currentcolor: var(--gaydev-colors-black-alpha-500); position: fixed; left: 0px; top: 0px; width: 100dvw; height: 100dvh; --dialog-z-index: var(--gaydev-z-index-popover); z-index: calc(var(--dialog-z-index) + var(--layer-index, 0) - 1); }
  .css-17vg1ae:is([open], [data-open], [data-state="open"]) { animation-name: fade-in; animation-duration: var(--gaydev-durations-slow); }
  .css-17vg1ae:is([closed], [data-closed], [data-state="closed"]) { animation-name: fade-out; animation-duration: var(--gaydev-durations-moderate); }
}
@layer recipes {
  .css-13yfqy0 { display: flex; width: 100dvw; height: 100dvh; position: fixed; left: 0px; top: 0px; --dialog-z-index: var(--gaydev-z-index-popover); z-index: calc(var(--dialog-z-index) + var(--layer-index, 0)); -webkit-box-pack: center; justify-content: center; overscroll-behavior-y: none; overflow: auto; pointer-events: auto; -webkit-box-align: center; align-items: center; }
}
.css-7bt3u5 { position: absolute; width: var(--gaydev-sizes-full); height: var(--gaydev-sizes-full); background-image: url(""); background-position: center top; background-repeat: no-repeat; transition-property: opacity; transition-duration: var(--gaydev-durations-slowest); opacity: 100; z-index: 1; }
.css-irwvew { display: flex; flex-direction: column; min-height: 100dvh; isolation: isolate; }
.css-158sdkf { position: fixed; inset: 0px; z-index: 0; pointer-events: none; overflow: hidden; }
@media (prefers-reduced-motion: reduce) {
  .css-158sdkf * { animation: auto ease 0s 1 normal none running none !important; }
}
.css-lar62o { position: absolute; top: -25vh; right: -15vw; width: 70vw; height: 70vh; background: radial-gradient(closest-side, rgba(182, 238, 95, 0.07), rgba(182, 238, 95, 0.02) 55%, transparent); --bg-currentcolor: radial-gradient(closest-side, rgba(182, 238, 95, 0.07), rgba(182, 238, 95, 0.02) 55%, transparent); }
.css-ajjx3 { position: absolute; bottom: -30vh; left: -10vw; width: 60vw; height: 60vh; background: radial-gradient(closest-side, rgba(255, 138, 30, 0.05), transparent); --bg-currentcolor: radial-gradient(closest-side, rgba(255, 138, 30, 0.05), transparent); }
.css-1avqs79 { object-fit: cover; position: absolute; top: 97px; right: 0px; width: 200px; height: 200px; opacity: 0.35; }
.css-1yv215o { object-fit: cover; position: absolute; top: 97px; left: 0px; width: 200px; height: 200px; opacity: 0.3; transform: scaleX(-1); }
.css-1mgsz9i { mask-image: linear-gradient(transparent 0%, rgb(0, 0, 0) 45%); position: absolute; left: 0px; right: 0px; bottom: 0px; height: 38vh; }
.css-euwm0i { position: absolute; left: 0px; bottom: 0px; width: 200%; height: var(--gaydev-sizes-full); background-image: radial-gradient(40% 55% at 15% 75%, rgba(200, 205, 215, 0.07), transparent 70%), radial-gradient(35% 50% at 55% 85%, rgba(170, 210, 120, 0.05), transparent 70%), radial-gradient(45% 60% at 88% 70%, rgba(200, 205, 215, 0.06), transparent 70%); background-size: 50% 100%; background-repeat: repeat-x; }
.css-19rmnfo { position: absolute; left: 0px; bottom: 0px; width: 200%; height: var(--gaydev-sizes-full); background-image: radial-gradient(30% 45% at 30% 90%, rgba(215, 220, 230, 0.08), transparent 70%), radial-gradient(40% 50% at 75% 95%, rgba(215, 220, 230, 0.07), transparent 70%); background-size: 50% 100%; background-repeat: repeat-x; }
.css-1rpbdrg { position: fixed; top: 0px; left: 0px; right: 0px; z-index: var(--gaydev-z-index-sticky); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; padding-top: 22px; padding-bottom: 21px; min-height: 97px; padding-inline: 32px; background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); backdrop-filter: blur(16px); border-bottom: 1px solid rgba(235, 240, 247, 0.05); border-radius: 0px 0px 32px 32px; overflow: clip; user-select: none; }
.css-2neyd1 { position: absolute; left: 1.0474%; top: 47px; width: 4.2568%; height: 65.73px; pointer-events: none; }
.css-p7o1yb { position: absolute; left: -6px; top: 17.78px; width: 63.97px; height: 65.74px; pointer-events: none; display: none; }
.css-1fh5vva { object-fit: cover; position: absolute; left: -47.4%; top: -33.89%; width: 194.8%; height: 176.25%; max-width: none; }
.css-6o3y44 { object-fit: cover; position: absolute; left: -46.4%; top: -33.89%; width: 192.8%; height: 176.23%; max-width: none; }
.css-1241uld { position: relative; display: flex; -webkit-box-align: center; align-items: center; gap: 32px; flex-shrink: 0; }
.css-79elbk { position: relative; }
.css-1fzas5h { position: relative; display: flex; -webkit-box-align: center; align-items: center; gap: 32px; flex-shrink: 0; }
.css-1h06gwy { object-fit: cover; display: block; width: 220.5px; height: 42px; }
.css-q2au4v { object-fit: cover; position: relative; width: 50px; height: 48px; display: none; }
.css-1x02u0a { object-fit: cover; position: absolute; right: -18px; bottom: -8px; width: 26px; height: 26px; max-width: none; transform: rotate(12deg); filter: drop-shadow(rgba(255, 138, 30, 0.6) 0px 0px 6px); pointer-events: none; }
.css-zmslau { object-fit: cover; position: absolute; right: -10px; bottom: -6px; width: 22px; height: 22px; max-width: none; transform: rotate(12deg); filter: drop-shadow(rgba(255, 138, 30, 0.6) 0px 0px 6px); pointer-events: none; display: none; }
.css-axw7ok { display: flex; -webkit-box-align: center; align-items: center; gap: 8px; }
.css-11pzpzt { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-shrink: 0; gap: 4px; padding-inline: 8px; padding-block: 4px; border-radius: 12px; background: var(--gaydev-colors-transparent); --bg-currentcolor: var(--gaydev-colors-transparent); color: rgba(241, 231, 255, 0.4); cursor: pointer; transition: background 0.15s, color 0.15s; }
.css-11pzpzt:is(:focus-visible, [data-focus-visible]) { background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); }
@media (hover: hover) {
  .css-11pzpzt:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); }
}
.css-rk5ga9 { width: 24px; height: 24px; flex-shrink: 0; }
.css-1rlccr { display: block; font-size: 14px; font-weight: 500; line-height: 17px; color: rgb(246, 242, 250); white-space: nowrap; }
.css-v7lhf8 { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-shrink: 0; gap: 4px; padding-inline: 8px; padding-block: 4px; border-radius: 12px; background: radial-gradient(72.6% 72.6% at 50% 100%, var(--event-accent-glow, rgba(160, 96, 254, 0.25)) 0%, transparent 100%),rgba(233, 216, 255, 0.05); --bg-currentcolor: radial-gradient(72.6% 72.6% at 50% 100%, var(--event-accent-glow, rgba(160, 96, 254, 0.25)) 0%, transparent 100%),rgba(233, 216, 255, 0.05); color: var(--event-accent, #A060FE); cursor: pointer; transition: background 0.15s, color 0.15s; }
.css-6su6fj { flex-shrink: 0; }
.css-1femiok { flex-shrink: 0; margin-top: -6px; padding-top: 6px; margin-bottom: -2px; padding-bottom: 2px; }
.css-1y0oyjq { display: flex; padding-left: 32px; filter: drop-shadow(rgba(143, 110, 241, 0.4) 0px 0px 32px) drop-shadow(rgba(89, 53, 198, 0.2) 16px 0px 32px); }
.css-1y0oyjq [data-hover-layer] { opacity: 0; transition: opacity 0.15s; }
.css-1y0oyjq:focus-visible [data-hover-layer] { opacity: 1; }
@media (hover: hover) {
  .css-1y0oyjq:hover [data-hover-layer] { opacity: 1; }
}
.css-10pjct6 { position: relative; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 4px; height: 45px; padding-left: 32px; padding-right: 8px; padding-block: 4px; border-radius: 20px; }
.css-1lta48w { position: absolute; inset: 0px; border-radius: 20px; pointer-events: none; background-image: url("1dc2f8ff7b40d09abdf39a44336c39b5734ddfae.svg"), url("5b70ba8341d32c60de6604b1fafb4a80fec1074c.svg"), url("b31158937ad30c27408a5c12f2394910cc013761.svg"), url("1c9ea517f7640c5c5623710596f7ef1f11e36d1e.svg"), url("f06b4b893118c2d0611c39e96abcb3fca7bbee2a.svg"), linear-gradient(rgb(185, 185, 235) 0%, rgb(144, 138, 215) 22%, rgb(104, 82, 175) 44%, rgb(53, 38, 93) 68%, rgb(68, 51, 117) 85%, rgb(119, 99, 170) 100%); background-size: 100% 100%; background-repeat: no-repeat; }
.css-1r07xrz { position: absolute; inset: 0px; border-radius: 20px; pointer-events: none; background: rgba(0, 0, 0, 0.3); --bg-currentcolor: rgba(0, 0, 0, 0.3); }
.css-1lc2n6n { position: absolute; inset: 0px; border-radius: 20px; pointer-events: none; box-shadow: rgba(31, 22, 62, 0.19) 0px 3px 12px inset, rgba(242, 223, 255, 0.38) 0px -3px 20px inset, rgba(200, 235, 255, 0.32) 2px 0px 18px inset; }
.css-1sydpn1 { mask: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) content-box exclude, linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px); position: absolute; inset: 0px; border-radius: 20px; pointer-events: none; padding: 2px; background: linear-gradient(168.1deg, rgb(252, 254, 255) 0%, rgb(222, 235, 255) 18%, rgb(174, 180, 219) 36%, rgb(203, 242, 255) 54%, rgb(145, 134, 189) 72%, rgb(219, 201, 250) 89%, rgb(245, 244, 255) 100%); --bg-currentcolor: linear-gradient(168.1deg, rgb(252, 254, 255) 0%, rgb(222, 235, 255) 18%, rgb(174, 180, 219) 36%, rgb(203, 242, 255) 54%, rgb(145, 134, 189) 72%, rgb(219, 201, 250) 89%, rgb(245, 244, 255) 100%); }
.css-1j4s091 { position: relative; display: block; font-family: "Santa Maria Sans"; font-weight: 900; font-size: 18px; line-height: normal; text-transform: uppercase; white-space: nowrap; }
.css-1xpribl { position: relative; display: block; }
.css-1sx8rtb { overflow: inherit; text-overflow: inherit; white-space: inherit; position: absolute; inset: 0px; display: block; color: var(--gaydev-colors-transparent); text-shadow: rgba(0, 0, 0, 0.18) 0px 2px 5px, rgb(7, 5, 14) 0px 0.5px 0px, rgb(223, 214, 255) 0px -0.5px 0px; pointer-events: none; user-select: none; }
.css-1voyd0i { background: url("8586f28fac9044e4ad1c5e6da9b601a21dedf9e7.svg") 0% 0% / 100% 100% no-repeat text; --bg-currentcolor: url("8586f28fac9044e4ad1c5e6da9b601a21dedf9e7.svg"); color: var(--gaydev-colors-transparent); -webkit-text-fill-color: transparent; overflow: inherit; text-overflow: inherit; white-space: inherit; position: relative; display: block; }
.css-g8gj5r { position: absolute; inset: 0px; color: rgba(255, 255, 255, 0.6); pointer-events: none; }
.css-1m449h1 { object-fit: cover; position: relative; width: 24px; height: 24px; flex-shrink: 0; }
.css-vaymna { position: absolute; left: -23px; top: -6px; }
.css-3llm9u { position: relative; width: 53px; height: 53px; flex-shrink: 0; pointer-events: none; }
.css-s86633 { object-fit: cover; position: absolute; top: -6.65%; left: -6.65%; width: 113.3%; height: 113.3%; max-width: none; }
.css-1xfpdei { position: relative; isolation: isolate; padding: 16px 32px; height: 52px; border-radius: 20px; background: var(--gaydev-colors-button-accent); --bg-currentcolor: var(--gaydev-colors-button-accent); color: var(--gaydev-colors-text-primary); font-size: 16px; font-weight: 700; border-width: 1.5px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-stroke-accent_button); }
@layer recipes {
  .css-1xfpdei { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: var(--gaydev-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--gaydev-colors-transparent); cursor: var(--gaydev-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--gaydev-font-weights-medium); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform; transition-duration: var(--gaydev-durations-moderate); --focus-ring-color: var(--gaydev-colors-color-palette-focus-ring); height: var(--gaydev-sizes-10); min-width: var(--gaydev-sizes-10); font-size: var(--gaydev-font-sizes-sm); padding-inline: var(--gaydev-spacing-4); gap: var(--gaydev-spacing-2); background: var(--gaydev-colors-color-palette-solid); --bg-currentcolor: var(--gaydev-colors-color-palette-solid); color: var(--gaydev-colors-color-palette-contrast); }
  .css-1xfpdei: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-1xfpdei:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-1xfpdei :where(svg) { flex-shrink: 0; width: var(--gaydev-sizes-5); height: var(--gaydev-sizes-5); }
  .css-1xfpdei:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
  @media (hover: hover) {
  .css-1xfpdei:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
}
}
.css-1xfpdei::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; background: var(--gaydev-colors-button-accent_hover); --bg-currentcolor: var(--gaydev-colors-button-accent_hover); opacity: 0; transition: opacity 0.2s; }
.css-1xfpdei:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; }
.css-1xfpdei :where(svg) { width: 27px; height: 32px; }
@media (hover: hover) {
  .css-1xfpdei:is(:hover, [data-hover]):not(:disabled, [data-disabled])::before { opacity: 1; }
}
.css-1kvu2y4 { flex: 1 1 0%; padding-top: 101px; padding-bottom: 24px; position: relative; z-index: 1; }
.css-vkrp37 { padding-inline: var(--gaydev-spacing-4); max-width: var(--gaydev-sizes-full); }
@layer recipes {
  .css-vkrp37 { position: relative; max-width: var(--gaydev-sizes-8xl); width: 100%; margin-inline: auto; padding-inline: var(--gaydev-spacing-4); }
  @media screen and (min-width: 48rem) {
  .css-vkrp37 { padding-inline: var(--gaydev-spacing-6); }
}
  @media screen and (min-width: 64rem) {
  .css-vkrp37 { padding-inline: var(--gaydev-spacing-8); }
}
}
@media screen and (min-width: 30rem) {
  .css-vkrp37 { padding-inline: var(--gaydev-spacing-8); max-width: var(--gaydev-sizes-full); }
}
@media screen and (min-width: 48rem) {
  .css-vkrp37 { max-width: var(--gaydev-sizes-full); }
}
@media screen and (min-width: 64rem) {
  .css-vkrp37 { max-width: var(--gaydev-sizes-full); }
}
@media screen and (min-width: 80rem) {
  .css-vkrp37 { max-width: var(--gaydev-sizes-8xl); }
}
.css-7nk549 { min-height: 70svh; }
@layer recipes {
  .css-7nk549 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-y1pbjb { color: var(--gaydev-colors-other-accent); }
@layer recipes {
  .css-y1pbjb { display: inline-block; border-top: 2px solid; border-right: 2px solid; border-left: 2px solid; border-bottom-style: solid; border-bottom-width: 2px; border-radius: var(--gaydev-radii-full); width: var(--spinner-size); height: var(--spinner-size); animation-timing-function: ; animation-delay: ; animation-iteration-count: ; animation-direction: ; animation-fill-mode: ; animation-play-state: ; animation-name: ; animation-timeline: ; animation-range-start: ; animation-range-end: ; animation-duration: var(--gaydev-durations-slowest); --spinner-track-color: transparent; border-bottom-color: var(--spinner-track-color); border-inline-start-color: var(--spinner-track-color); --spinner-size: var(--gaydev-sizes-10); }
}
.css-1cedifv { position: relative; width: var(--gaydev-sizes-full); height: 56px; overflow: hidden; pointer-events: none; user-select: none; margin-top: var(--gaydev-spacing-16); }
@media screen and (min-width: 48rem) {
  .css-1cedifv { height: 90px; }
}
.css-1mmomw2 { position: absolute; inset: 0px; background: radial-gradient(50% 120% at 50% 100%, rgba(150, 203, 3, 0.08), transparent 70%); --bg-currentcolor: radial-gradient(50% 120% at 50% 100%, rgba(150, 203, 3, 0.08), transparent 70%); }
.css-1ab1jeh { margin-top: 0px; position: relative; z-index: 1; overflow: hidden; border-top-width: 1px; border-top-style: solid; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); background-color: var(--gaydev-colors-bg-canvas); --bg-currentcolor: var(--gaydev-colors-bg-canvas); }
.css-syq4or { position: absolute; bottom: -120px; left: 18%; width: 310px; height: 310px; pointer-events: none; user-select: none; z-index: 0; }
.css-ub1j33 { position: absolute; left: 23.3%; bottom: 1.6%; width: 53.5%; height: 53.5%; border-radius: var(--gaydev-radii-full); background: rgb(90, 85, 80); --bg-currentcolor: #5A5550; filter: blur(67px); }
.css-1bpk1qt { position: absolute; left: 33.8%; bottom: 23.2%; width: 25.5%; height: 25.5%; border-radius: var(--gaydev-radii-full); background: rgb(255, 122, 18); --bg-currentcolor: #FF7A12; filter: blur(32px); }
.css-1cv7vsm { object-fit: cover; position: absolute; inset: 9%; width: 82%; height: 82%; transform: rotate(-10deg); filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px 6px 24px); }
.css-146ok8 { position: absolute; left: 33.8%; bottom: 23.2%; width: 25.5%; height: 25.5%; border-radius: var(--gaydev-radii-full); background: rgb(192, 147, 16); --bg-currentcolor: #C09310; filter: blur(32px); }
.css-36s77g { object-fit: cover; position: absolute; inset: 9%; width: 82%; height: 82%; transform: rotate(15deg); filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px 6px 24px); }
.css-7ugh1p { max-width: var(--gaydev-sizes-full); padding-inline: var(--gaydev-spacing-4); padding-top: var(--gaydev-spacing-12); padding-bottom: var(--gaydev-spacing-12); position: relative; z-index: 1; }
@layer recipes {
  .css-7ugh1p { position: relative; max-width: var(--gaydev-sizes-8xl); width: 100%; margin-inline: auto; padding-inline: var(--gaydev-spacing-4); }
  @media screen and (min-width: 48rem) {
  .css-7ugh1p { padding-inline: var(--gaydev-spacing-6); }
}
  @media screen and (min-width: 64rem) {
  .css-7ugh1p { padding-inline: var(--gaydev-spacing-8); }
}
}
@media screen and (min-width: 30rem) {
  .css-7ugh1p { max-width: var(--gaydev-sizes-full); padding-inline: var(--gaydev-spacing-8); }
}
@media screen and (min-width: 48rem) {
  .css-7ugh1p { max-width: var(--gaydev-sizes-full); }
}
@media screen and (min-width: 64rem) {
  .css-7ugh1p { max-width: var(--gaydev-sizes-full); }
}
@media screen and (min-width: 80rem) {
  .css-7ugh1p { max-width: var(--gaydev-sizes-8xl); }
}
.css-v9zin2 { display: flex; flex-direction: column; gap: var(--gaydev-spacing-8); }
.css-289v62 { display: flex; align-items: flex-start; flex-direction: column; gap: var(--gaydev-spacing-8); }
@media screen and (min-width: 30rem) {
  .css-289v62 { flex-direction: column; }
}
@media screen and (min-width: 48rem) {
  .css-289v62 { flex-direction: row; }
}
.css-egqv5g { display: flex; flex-direction: column; gap: var(--gaydev-spacing-4); flex: 1 1 0%; min-width: 0px; }
.css-ffpx2h { object-fit: cover; height: 42px; width: fit-content; }
.css-1hgqpb { color: var(--gaydev-colors-text-tretiary); font-size: 12px; max-width: 320px; }
.css-ep5rdi { display: flex; flex-direction: column; gap: 7px; flex: 1 1 0%; min-width: 0px; }
.css-ijp6av { font-size: 14px; font-weight: 600; color: var(--gaydev-colors-text-primary); }
.css-1kmd4ac { font-size: 14px; font-weight: 500; color: var(--gaydev-colors-text-secondary); width: fit-content; }
@layer recipes {
  .css-1kmd4ac { display: inline-flex; -webkit-box-align: center; align-items: center; outline: none; gap: var(--gaydev-spacing-1\.5); cursor: pointer; border-radius: var(--gaydev-radii-l1); --focus-ring-color: var(--gaydev-colors-color-palette-focus-ring); color: var(--gaydev-colors-color-palette-fg); }
  .css-1kmd4ac: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-1kmd4ac:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-underline-offset: 3px; --mix-textDecorationColor: color-mix(in srgb, currentColor 20%, transparent); text-decoration-color: var(--mix-textDecorationColor, currentColor); }
}
}
@media (hover: hover) {
  .css-1kmd4ac:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { text-decoration: none; color: var(--gaydev-colors-text-primary); }
}
.css-bl28hi { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-direction: row; gap: var(--gaydev-spacing-4); }
.css-j2mk2e { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: var(--gaydev-spacing-3); height: 36px; padding-inline: var(--gaydev-spacing-2); border-radius: 12px; border-width: 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); cursor: pointer; user-select: none; transition: border-color 0.2s; }
.css-j2mk2e[data-state="open"] .lang-select-arrow { transform: rotate(180deg); }
@media (hover: hover) {
  .css-j2mk2e:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 10%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); }
}
.css-1r5z4zg { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: var(--gaydev-spacing-1); }
.css-2ozwcd { display: flex; transition: transform 0.2s; }
.css-5k5c57 { display: flex; flex-direction: row; gap: var(--gaydev-spacing-1); }
.css-1u5pl7s { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: var(--gaydev-spacing-2); height: 42px; padding-inline: var(--gaydev-spacing-3); border-radius: 16px; border-width: 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); color: var(--gaydev-colors-text-primary); font-size: 16px; font-weight: 500; }
@layer recipes {
  .css-1u5pl7s { display: inline-flex; -webkit-box-align: center; align-items: center; outline: none; gap: var(--gaydev-spacing-1\.5); cursor: pointer; border-radius: var(--gaydev-radii-l1); --focus-ring-color: var(--gaydev-colors-color-palette-focus-ring); color: var(--gaydev-colors-color-palette-fg); }
  .css-1u5pl7s: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-1u5pl7s:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-underline-offset: 3px; --mix-textDecorationColor: color-mix(in srgb, currentColor 20%, transparent); text-decoration-color: var(--mix-textDecorationColor, currentColor); }
}
}
@media screen and (min-width: 30rem) {
  .css-1u5pl7s { padding-inline: var(--gaydev-spacing-4); }
}
@media (hover: hover) {
  .css-1u5pl7s:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { text-decoration: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 10%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); }
}
.css-1hnw7ag { flex-shrink: 0; }
@layer recipes {
  .css-1hnw7ag { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-epvm6 { white-space: nowrap; }
.css-ardpkz { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: var(--gaydev-spacing-2); height: 42px; padding-inline: var(--gaydev-spacing-3); border-radius: 16px; border-width: 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); background: radial-gradient(90% 300% at 50% 100%, rgba(164, 102, 255, 0.2) 0%, rgba(164, 102, 255, 0) 100%), linear-gradient(90deg, rgba(164, 102, 255, 0.05) 0%, rgba(164, 102, 255, 0.05) 100%), rgba(233, 216, 255, 0.05); --bg-currentcolor: radial-gradient(90% 300% at 50% 100%, rgba(164, 102, 255, 0.20) 0%, rgba(164, 102, 255, 0.00) 100%),linear-gradient(90deg, rgba(164, 102, 255, 0.05) 0%, rgba(164, 102, 255, 0.05) 100%),rgba(233, 216, 255, 0.05); color: var(--gaydev-colors-text-primary); font-size: 16px; font-weight: 500; }
@layer recipes {
  .css-ardpkz { display: inline-flex; -webkit-box-align: center; align-items: center; outline: none; gap: var(--gaydev-spacing-1\.5); cursor: pointer; border-radius: var(--gaydev-radii-l1); --focus-ring-color: var(--gaydev-colors-color-palette-focus-ring); color: var(--gaydev-colors-color-palette-fg); }
  .css-ardpkz: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-ardpkz:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-underline-offset: 3px; --mix-textDecorationColor: color-mix(in srgb, currentColor 20%, transparent); text-decoration-color: var(--mix-textDecorationColor, currentColor); }
}
}
@media screen and (min-width: 30rem) {
  .css-ardpkz { padding-inline: var(--gaydev-spacing-4); }
}
@media (hover: hover) {
  .css-ardpkz:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { text-decoration: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 10%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); }
}
.css-5vdb3m { display: flex; flex-direction: column; gap: var(--gaydev-spacing-4); padding-top: 24px; padding-bottom: var(--gaydev-spacing-8); }
@media screen and (min-width: 48rem) {
  .css-5vdb3m { gap: var(--gaydev-spacing-8); padding-top: 44px; }
}
.css-qkqgdf { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-direction: row; gap: 10px; margin-bottom: 16px; }
@media screen and (min-width: 48rem) {
  .css-qkqgdf { align-items: flex-start; gap: var(--gaydev-spacing-4); margin-bottom: 0px; }
}
.css-lnlpqb { display: flex; flex-direction: column; gap: 0px; min-width: 0px; }
.css-4tvxo8 { font-size: 24px; font-weight: 900; line-height: normal; text-transform: uppercase; background-image: linear-gradient(90deg, rgb(200, 203, 203) 0%, rgb(237, 238, 242) 32.924%, rgb(187, 191, 189) 100%); color: var(--gaydev-colors-transparent); background-clip: text; text-shadow: rgba(255, 255, 255, 0.25) 0px 4px 48px; }
@layer recipes {
  .css-4tvxo8 { font-family: var(--gaydev-fonts-heading); font-weight: var(--gaydev-font-weights-semibold); font-size: var(--gaydev-font-sizes-xl); line-height: 1.875rem; }
}
@media screen and (min-width: 48rem) {
  .css-4tvxo8 { font-size: 48px; }
}
.css-daa449 { font-size: 14px; font-weight: 600; color: var(--gaydev-colors-text-tretiary); }
@media screen and (min-width: 48rem) {
  .css-daa449 { font-size: 20px; }
}
.css-j5vafo { position: relative; isolation: isolate; padding: 16px 32px; height: 52px; border-radius: 20px; background: var(--gaydev-colors-button-accent); --bg-currentcolor: var(--gaydev-colors-button-accent); color: var(--gaydev-colors-text-primary); font-size: 14px; font-weight: 700; border-width: 1.5px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-stroke-accent_button); padding-inline: 20px; text-transform: uppercase; flex-shrink: 0; text-shadow: rgba(128, 80, 224, 0.5) 0px 2px 4px; }
@layer recipes {
  .css-j5vafo { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: var(--gaydev-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--gaydev-colors-transparent); cursor: var(--gaydev-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--gaydev-font-weights-medium); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform; transition-duration: var(--gaydev-durations-moderate); --focus-ring-color: var(--gaydev-colors-color-palette-focus-ring); height: var(--gaydev-sizes-10); min-width: var(--gaydev-sizes-10); font-size: var(--gaydev-font-sizes-sm); padding-inline: var(--gaydev-spacing-4); gap: var(--gaydev-spacing-2); background: var(--gaydev-colors-color-palette-solid); --bg-currentcolor: var(--gaydev-colors-color-palette-solid); color: var(--gaydev-colors-color-palette-contrast); }
  .css-j5vafo: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-j5vafo:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-j5vafo :where(svg) { flex-shrink: 0; width: var(--gaydev-sizes-5); height: var(--gaydev-sizes-5); }
  .css-j5vafo:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
  @media (hover: hover) {
  .css-j5vafo:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
}
}
.css-j5vafo::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; background: var(--gaydev-colors-button-accent_hover); --bg-currentcolor: var(--gaydev-colors-button-accent_hover); opacity: 0; transition: opacity 0.2s; }
.css-j5vafo:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; }
.css-j5vafo :where(svg) { width: 27px; height: 32px; }
@media screen and (min-width: 48rem) {
  .css-j5vafo { height: 52px; font-size: 16px; padding-inline: 32px; }
}
@media (hover: hover) {
  .css-j5vafo:is(:hover, [data-hover]):not(:disabled, [data-disabled])::before { opacity: 1; }
}
.css-1svzgsu { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-direction: row; gap: var(--gaydev-spacing-2); }
.css-1xnhwjd { scrollbar-width: none; display: flex; flex-direction: row; gap: 0px; height: 48px; border-radius: 16px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); border-width: 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 10%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); backdrop-filter: blur(16px); overflow-x: auto; flex-shrink: 0; }
.css-1xnhwjd::-webkit-scrollbar { display: none; }
.css-19ecjyz { height: var(--gaydev-sizes-full); padding-inline: 16px; border-radius: 16px; border-width: 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); background: radial-gradient(49.74% 100% at 50.26% 100%, rgba(164, 102, 255, 0.2) 0%, rgba(164, 102, 255, 0) 100%), rgba(233, 216, 255, 0.1); --bg-currentcolor: radial-gradient(49.74% 100% at 50.26% 100%, rgba(164, 102, 255, 0.20) 0%, rgba(164, 102, 255, 0.00) 100%),rgba(233, 216, 255, 0.10); color: var(--gaydev-colors-text-primary); font-size: 14px; font-weight: 600; white-space: nowrap; cursor: default; transition: background 0.2s, color 0.2s; }
@layer recipes {
  .css-19ecjyz { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
@media screen and (min-width: 48rem) {
  .css-19ecjyz { font-size: 16px; }
}
.css-w8ivny { height: var(--gaydev-sizes-full); padding-inline: 16px; border-radius: 16px; border-width: 1px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-transparent); background: var(--gaydev-colors-transparent); --bg-currentcolor: var(--gaydev-colors-transparent); color: var(--gaydev-colors-text-tretiary); font-size: 14px; font-weight: 600; white-space: nowrap; cursor: pointer; transition: background 0.2s, color 0.2s; }
@layer recipes {
  .css-w8ivny { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
@media screen and (min-width: 48rem) {
  .css-w8ivny { font-size: 16px; }
}
@media (hover: hover) {
  .css-w8ivny:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { color: var(--gaydev-colors-text-secondary); }
}
.css-1821gv5 { display: flex; flex-direction: column; gap: 8px; }
.css-whh5e5 { opacity: 1; }
.css-1mrrrdw { position: relative; display: flex; -webkit-box-align: center; align-items: center; height: 140px; border-radius: 24px; border-width: 2px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); background: radial-gradient(45% 140% at 100% 50%, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(22% 140% at 0% 50%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), rgb(26, 23, 30); --bg-currentcolor: radial-gradient(45% 140% at 100% 50%, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0) 100%),radial-gradient(22% 140% at 0% 50%, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 100%),#1A171E; backdrop-filter: blur(16px); }
.css-4g6ai3 { cursor: pointer; }
.css-z4qjhr { position: relative; width: 107px; height: 140px; flex-shrink: 0; filter: drop-shadow(rgba(0, 0, 0, 0.35) 4px 0px 4px); user-select: none; }
.css-1w8k09r { position: absolute; inset: 0px; overflow: hidden; }
.css-ffcn0f { object-fit: fill; position: absolute; left: -13.25%; top: -13.76%; width: 126.51%; height: 128.44%; max-width: none; }
.css-mhxu4y { position: absolute; inset: 0px; flex-direction: column; padding-bottom: 14px; }
@layer recipes {
  .css-mhxu4y { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-1656bm9 { font-size: 40px; font-weight: 800; line-height: 1; background-image: linear-gradient(90deg, rgb(200, 203, 203) 0%, rgb(237, 238, 242) 32.924%, rgb(187, 191, 189) 100%); color: var(--gaydev-colors-transparent); background-clip: text; text-shadow: rgba(244, 235, 255, 0.4) 0px 2px 24px, rgba(244, 235, 255, 0.2) 0px 3px 10px; }
.css-jw3qtx { font-size: 12px; font-weight: 500; line-height: 1; text-transform: uppercase; background-image: linear-gradient(90deg, rgba(200, 203, 203, 0.5) 0%, rgba(237, 238, 242, 0.5) 32.924%, rgba(187, 191, 189, 0.5) 100%); color: var(--gaydev-colors-transparent); background-clip: text; text-shadow: rgba(21, 20, 22, 0.6) 0px 0px 3px; margin-top: 4px; }
.css-opy7yv { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); width: 20px; height: 20px; }
@layer recipes {
  .css-opy7yv { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-12eda6k { object-fit: cover; width: 11px; height: 13.33px; }
.css-10dehy5 { flex: 1 1 0%; min-width: 0px; height: var(--gaydev-sizes-full); overflow: hidden; position: relative; mask-image: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%); }
.css-1oz6fwj { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: 0px; height: var(--gaydev-sizes-full); padding-inline: 16px; width: max-content; }
.css-vftr6z { position: relative; width: 124px; height: 124px; flex-shrink: 0; }
.css-lqw3th { object-fit: cover; width: 124px; height: 124px; }
.css-1nxrndw { position: absolute; right: 4px; bottom: 4px; padding-inline: 8px; padding-block: 4px; border-radius: 8px; background: rgb(61, 59, 62); --bg-currentcolor: #3D3B3E; border-width: 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 10%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); backdrop-filter: blur(16px); }
@layer recipes {
  .css-1nxrndw { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-3b0bcj { font-size: 12px; font-weight: 600; line-height: 1; }
.css-18ffc24 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-direction: column; gap: 12px; flex-shrink: 0; width: 127px; padding-inline: 16px; }
.css-3b9x8z { display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; gap: 6px; flex-shrink: 0; }
.css-1gwcslw { width: 24px; height: 24px; flex-shrink: 0; }
@layer recipes {
  .css-1gwcslw { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-18nqvg3 { object-fit: contain; width: 100%; height: 100%; }
.css-1tjoe16 { font-size: 14px; font-weight: 600; line-height: 1; white-space: nowrap; }
.css-1nbx6se { width: 22px; height: 1px; --mix-background: color-mix(in srgb, var(--gaydev-colors-stroke-default) 10%, transparent); background: var(--mix-background, var(--gaydev-colors-stroke-default)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-stroke-default)); }
.css-1q3aqd5 { display: flex; -webkit-box-pack: center; justify-content: center; flex-flow: wrap; gap: 4px; max-width: 72px; }
.css-el4y0s { width: 20px; height: 20px; border-radius: 6px; --gradient-stops: var(--gradient-from),var(--gradient-to); --gradient: var(--gradient-via-stops, var(--gradient-stops)); background-image: linear-gradient(to bottom, var(--gradient)); --gradient-from: #ee9b4f; --gradient-to: #d37b2b; flex-shrink: 0; opacity: 1; }
@layer recipes {
  .css-el4y0s { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-1ppb0x1 { width: 16px; height: 16px; filter: drop-shadow(rgba(0, 0, 0, 0.3) 0px 1px 0.75px); }
.css-fsfxqd { width: 20px; height: 20px; border-radius: 6px; --gradient-stops: var(--gradient-from),var(--gradient-to); --gradient: var(--gradient-via-stops, var(--gradient-stops)); background-image: linear-gradient(to bottom, var(--gradient)); --gradient-from: #c55afb; --gradient-to: #8d1fc5; flex-shrink: 0; opacity: 1; }
@layer recipes {
  .css-fsfxqd { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-3o0h5k { width: 16px; height: 16px; }
.css-x9rfgb { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-direction: column; gap: 18px; width: 300px; height: 140px; padding-inline: 16px; padding-block: 12px; border-radius: 24px; border-width: 2px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 10%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); flex-shrink: 0; margin-right: -2px; margin-block: -2px; }
.css-chgbhg { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: 8px; }
.css-1iz37ml { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: 0px; }
.css-iq1yh1 { display: flex; flex-direction: row; gap: 0.5rem; z-index: 1; position: relative; }
.css-1q6qf4n { object-fit: cover; width: 36px; height: 36px; border-radius: var(--gaydev-radii-full); flex-shrink: 0; border: 1px solid rgba(241, 231, 255, 0.4); box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 5px 0px; }
.css-khpvme { width: 18px; height: 18px; flex-shrink: 0; }
@layer recipes {
  .css-khpvme { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-oq9zyo { width: 36px; height: 36px; border-radius: var(--gaydev-radii-full); background: rgb(56, 52, 64); --bg-currentcolor: #383440; flex-shrink: 0; overflow: hidden; border: 1px solid rgba(241, 231, 255, 0.4); }
@layer recipes {
  .css-oq9zyo { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-kw3gdl { object-fit: cover; width: 20px; height: 20px; opacity: 0.7; }
.css-k3z08t { position: relative; isolation: isolate; padding: 16px 32px; height: 52px; border-radius: 20px; background: var(--gaydev-colors-button-accent); --bg-currentcolor: var(--gaydev-colors-button-accent); color: var(--gaydev-colors-text-primary); font-size: 16px; font-weight: 700; border-width: 1.5px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-stroke-accent_button); gap: var(--gaydev-spacing-2); padding-inline: 24px; width: var(--gaydev-sizes-full); }
@layer recipes {
  .css-k3z08t { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: var(--gaydev-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--gaydev-colors-transparent); cursor: var(--gaydev-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--gaydev-font-weights-medium); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform; transition-duration: var(--gaydev-durations-moderate); --focus-ring-color: var(--gaydev-colors-color-palette-focus-ring); height: var(--gaydev-sizes-10); min-width: var(--gaydev-sizes-10); font-size: var(--gaydev-font-sizes-sm); padding-inline: var(--gaydev-spacing-4); gap: var(--gaydev-spacing-2); background: var(--gaydev-colors-color-palette-solid); --bg-currentcolor: var(--gaydev-colors-color-palette-solid); color: var(--gaydev-colors-color-palette-contrast); }
  .css-k3z08t: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-k3z08t:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-k3z08t :where(svg) { flex-shrink: 0; width: var(--gaydev-sizes-5); height: var(--gaydev-sizes-5); }
  .css-k3z08t:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
  @media (hover: hover) {
  .css-k3z08t:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
}
}
.css-k3z08t::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; background: var(--gaydev-colors-button-accent_hover); --bg-currentcolor: var(--gaydev-colors-button-accent_hover); opacity: 0; transition: opacity 0.2s; }
.css-k3z08t:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; }
.css-k3z08t :where(svg) { width: 27px; height: 32px; }
@media (hover: hover) {
  .css-k3z08t:is(:hover, [data-hover]):not(:disabled, [data-disabled])::before { opacity: 1; }
}
.css-81ovvr { font-size: 16px; font-weight: 700; text-transform: uppercase; text-shadow: rgba(128, 80, 224, 0.5) 0px 2px 4px; line-height: normal; }
.css-1axofxk { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: 2px; padding-inline: 6px; padding-block: 4px; border-radius: 8px; --gradient-stops: var(--gradient-from),var(--gradient-to); --gradient: var(--gradient-via-stops, var(--gradient-stops)); background-image: linear-gradient(to right, var(--gradient)); --gradient-from: rgba(221,198,255,0.2); --gradient-to: rgba(221,198,255,0.4); }
.css-1c12pah { font-size: 16px; font-weight: 700; color: var(--gaydev-colors-text-secondary); line-height: normal; }
.css-18byov1 { width: 18px; height: 18px; }
.css-18byov1 svg { width: 100%; height: 100%; }
.css-1i70edg { position: absolute; inset: 0px; pointer-events: none; }
.css-1yjd7yq { position: absolute; width: 12px; height: 18px; left: -5px; top: 20px; filter: drop-shadow(rgba(16, 15, 18, 0.7) 0px 2px 4px); pointer-events: none; z-index: 2; }
.css-bh4wo8 { object-fit: cover; width: 100%; height: 100%; }
.css-yegn20 { position: absolute; width: 12px; height: 18px; left: -5px; bottom: 20px; filter: drop-shadow(rgba(16, 15, 18, 0.7) 0px 2px 4px); pointer-events: none; z-index: 2; }
.css-1y96ijc { position: absolute; width: 12px; height: 18px; right: -5px; top: 20px; filter: drop-shadow(rgba(16, 15, 18, 0.7) 0px 2px 4px); pointer-events: none; z-index: 2; }
.css-1pk93u0 { position: absolute; width: 12px; height: 18px; right: -5px; bottom: 20px; filter: drop-shadow(rgba(16, 15, 18, 0.7) 0px 2px 4px); pointer-events: none; z-index: 2; }
.css-oq16g7 { width: 36px; height: 36px; border-radius: var(--gaydev-radii-full); background: rgb(56, 52, 64); --bg-currentcolor: #383440; flex-shrink: 0; overflow: hidden; border: 1px solid rgba(241, 231, 255, 0.4); box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 5px 0px; }
@layer recipes {
  .css-oq16g7 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-ctdnz2 { position: relative; isolation: isolate; padding: 16px 32px; height: 52px; border-radius: 20px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); color: var(--gaydev-colors-text-primary); font-size: 16px; font-weight: 700; border-width: 1.5px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); gap: var(--gaydev-spacing-2); padding-inline: 32px; width: var(--gaydev-sizes-full); }
@layer recipes {
  .css-ctdnz2 { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: var(--gaydev-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--gaydev-colors-transparent); cursor: var(--gaydev-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--gaydev-font-weights-medium); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform; transition-duration: var(--gaydev-durations-moderate); --focus-ring-color: var(--gaydev-colors-color-palette-focus-ring); height: var(--gaydev-sizes-10); min-width: var(--gaydev-sizes-10); font-size: var(--gaydev-font-sizes-sm); padding-inline: var(--gaydev-spacing-4); gap: var(--gaydev-spacing-2); background: var(--gaydev-colors-color-palette-solid); --bg-currentcolor: var(--gaydev-colors-color-palette-solid); color: var(--gaydev-colors-color-palette-contrast); }
  .css-ctdnz2: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-ctdnz2:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-ctdnz2 :where(svg) { flex-shrink: 0; width: var(--gaydev-sizes-5); height: var(--gaydev-sizes-5); }
  .css-ctdnz2:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
  @media (hover: hover) {
  .css-ctdnz2:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
}
}
.css-ctdnz2::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); opacity: 0; transition: opacity 0.2s; }
.css-ctdnz2:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; }
.css-ctdnz2 :where(svg) { width: 27px; height: 32px; }
@media (hover: hover) {
  .css-ctdnz2:is(:hover, [data-hover]):not(:disabled, [data-disabled])::before { opacity: 1; }
}
.css-1gbwwmc { font-size: 16px; font-weight: 700; text-transform: uppercase; line-height: normal; }
.css-1odem1z { position: absolute; top: -25vh; right: -15vw; width: 70vw; height: 70vh; background: radial-gradient(closest-side, rgba(182, 238, 95, 0.07), rgba(182, 238, 95, 0.02) 55%, transparent); --bg-currentcolor: radial-gradient(closest-side, rgba(182, 238, 95, 0.07), rgba(182, 238, 95, 0.02) 55%, transparent); animation: 6s ease-in-out 0s infinite alternate none running halloween-glow-pulse; }
.css-wq0jwb { position: absolute; left: 0px; bottom: 0px; width: 200%; height: var(--gaydev-sizes-full); background-image: radial-gradient(40% 55% at 15% 75%, rgba(200, 205, 215, 0.07), transparent 70%), radial-gradient(35% 50% at 55% 85%, rgba(170, 210, 120, 0.05), transparent 70%), radial-gradient(45% 60% at 88% 70%, rgba(200, 205, 215, 0.06), transparent 70%); background-size: 50% 100%; background-repeat: repeat-x; animation: 140s linear 0s infinite normal none running halloween-fog-drift; }
.css-1ccia1m { position: absolute; left: 0px; bottom: 0px; width: 200%; height: var(--gaydev-sizes-full); background-image: radial-gradient(30% 45% at 30% 90%, rgba(215, 220, 230, 0.08), transparent 70%), radial-gradient(40% 50% at 75% 95%, rgba(215, 220, 230, 0.07), transparent 70%); background-size: 50% 100%; background-repeat: repeat-x; animation: 90s linear 0s infinite reverse none running halloween-fog-drift; }
.css-1dujruy { position: absolute; top: 16vh; left: 0px; opacity: 0; animation: 26s linear 2s infinite normal none running halloween-bat-fly; filter: drop-shadow(rgba(182, 238, 95, 0.35) 0px 0px 6px); }
.css-1m747nw { animation: 0.22s ease-in-out 0s infinite alternate none running halloween-bat-flap; transform-origin: 50% 40%; }
.css-9c3z9a { position: absolute; top: 26vh; left: 0px; opacity: 0; animation: 31s linear 11s infinite normal none running halloween-bat-fly; filter: drop-shadow(rgba(182, 238, 95, 0.35) 0px 0px 6px); }
.css-iuq5xx { position: absolute; top: 12vh; left: 0px; opacity: 0; animation: 37s linear 20s infinite normal none running halloween-bat-fly; filter: drop-shadow(rgba(182, 238, 95, 0.35) 0px 0px 6px); }
.css-1mkcx29 { position: absolute; bottom: -8px; left: 6%; width: 4px; height: 4px; border-radius: var(--gaydev-radii-full); background: radial-gradient(circle, rgb(255, 213, 138) 0%, rgb(255, 138, 30) 60%, rgb(255, 90, 0) 100%); --bg-currentcolor: radial-gradient(circle, #FFD58A 0%, #FF8A1E 60%, #FF5A00 100%); box-shadow: rgba(255, 138, 30, 0.55) 0px 0px 8px 2px; opacity: 0; animation: 13s ease-in 0s infinite normal none running halloween-ember-rise; }
.css-1r4dh3g { position: absolute; bottom: -8px; left: 14%; width: 3px; height: 3px; border-radius: var(--gaydev-radii-full); background: radial-gradient(circle, rgb(255, 213, 138) 0%, rgb(255, 138, 30) 60%, rgb(255, 90, 0) 100%); --bg-currentcolor: radial-gradient(circle, #FFD58A 0%, #FF8A1E 60%, #FF5A00 100%); box-shadow: rgba(255, 138, 30, 0.55) 0px 0px 8px 2px; opacity: 0; animation: 16s ease-in 5s infinite normal none running halloween-ember-rise; }
.css-f8jpas { position: absolute; bottom: -8px; left: 23%; width: 5px; height: 5px; border-radius: var(--gaydev-radii-full); background: radial-gradient(circle, rgb(255, 213, 138) 0%, rgb(255, 138, 30) 60%, rgb(255, 90, 0) 100%); --bg-currentcolor: radial-gradient(circle, #FFD58A 0%, #FF8A1E 60%, #FF5A00 100%); box-shadow: rgba(255, 138, 30, 0.55) 0px 0px 8px 2px; opacity: 0; animation: 12s ease-in 9s infinite normal none running halloween-ember-rise; }
.css-1t8l345 { position: absolute; bottom: -8px; left: 38%; width: 3px; height: 3px; border-radius: var(--gaydev-radii-full); background: radial-gradient(circle, rgb(255, 213, 138) 0%, rgb(255, 138, 30) 60%, rgb(255, 90, 0) 100%); --bg-currentcolor: radial-gradient(circle, #FFD58A 0%, #FF8A1E 60%, #FF5A00 100%); box-shadow: rgba(255, 138, 30, 0.55) 0px 0px 8px 2px; opacity: 0; animation: 17s ease-in 3s infinite normal none running halloween-ember-rise; }
.css-tksamg { position: absolute; bottom: -8px; left: 52%; width: 4px; height: 4px; border-radius: var(--gaydev-radii-full); background: radial-gradient(circle, rgb(255, 213, 138) 0%, rgb(255, 138, 30) 60%, rgb(255, 90, 0) 100%); --bg-currentcolor: radial-gradient(circle, #FFD58A 0%, #FF8A1E 60%, #FF5A00 100%); box-shadow: rgba(255, 138, 30, 0.55) 0px 0px 8px 2px; opacity: 0; animation: 14s ease-in 11s infinite normal none running halloween-ember-rise; }
.css-1d8x4fu { position: absolute; bottom: -8px; left: 64%; width: 3px; height: 3px; border-radius: var(--gaydev-radii-full); background: radial-gradient(circle, rgb(255, 213, 138) 0%, rgb(255, 138, 30) 60%, rgb(255, 90, 0) 100%); --bg-currentcolor: radial-gradient(circle, #FFD58A 0%, #FF8A1E 60%, #FF5A00 100%); box-shadow: rgba(255, 138, 30, 0.55) 0px 0px 8px 2px; opacity: 0; animation: 15s ease-in 6s infinite normal none running halloween-ember-rise; }
.css-kcvy6p { position: absolute; bottom: -8px; left: 77%; width: 5px; height: 5px; border-radius: var(--gaydev-radii-full); background: radial-gradient(circle, rgb(255, 213, 138) 0%, rgb(255, 138, 30) 60%, rgb(255, 90, 0) 100%); --bg-currentcolor: radial-gradient(circle, #FFD58A 0%, #FF8A1E 60%, #FF5A00 100%); box-shadow: rgba(255, 138, 30, 0.55) 0px 0px 8px 2px; opacity: 0; animation: 13s ease-in 1s infinite normal none running halloween-ember-rise; }
.css-kqwjtn { position: absolute; bottom: -8px; left: 86%; width: 3px; height: 3px; border-radius: var(--gaydev-radii-full); background: radial-gradient(circle, rgb(255, 213, 138) 0%, rgb(255, 138, 30) 60%, rgb(255, 90, 0) 100%); --bg-currentcolor: radial-gradient(circle, #FFD58A 0%, #FF8A1E 60%, #FF5A00 100%); box-shadow: rgba(255, 138, 30, 0.55) 0px 0px 8px 2px; opacity: 0; animation: 18s ease-in 8s infinite normal none running halloween-ember-rise; }
.css-1smxbtx { position: absolute; bottom: -8px; left: 94%; width: 4px; height: 4px; border-radius: var(--gaydev-radii-full); background: radial-gradient(circle, rgb(255, 213, 138) 0%, rgb(255, 138, 30) 60%, rgb(255, 90, 0) 100%); --bg-currentcolor: radial-gradient(circle, #FFD58A 0%, #FF8A1E 60%, #FF5A00 100%); box-shadow: rgba(255, 138, 30, 0.55) 0px 0px 8px 2px; opacity: 0; animation: 12s ease-in 14s infinite normal none running halloween-ember-rise; }
.css-mkcck1 { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: var(--gaydev-spacing-1); padding-left: var(--gaydev-spacing-2); overflow: hidden; position: relative; }
.css-qdafdy { display: flex; flex-direction: column; gap: 4px; width: 112px; height: 112px; flex-shrink: 0; }
.css-1nkq3qi { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-direction: row; gap: 6px; height: 44px; width: var(--gaydev-sizes-full); border-radius: 16px; border: 1px solid rgba(0, 137, 59, 0.2); background: radial-gradient(88.8px 78.7px at 22.2px 22px, rgba(0, 184, 95, 0.05) 10.96%, rgba(0, 201, 104, 0.6) 100%), rgba(0, 137, 71, 0.05); --bg-currentcolor: radial-gradient(88.8px 78.7px at 22.2px 22px, rgba(0, 184, 95, 0.05) 10.96%, rgba(0, 201, 104, 0.6) 100%),rgba(0, 137, 71, 0.05); overflow: hidden; color: var(--gaydev-colors-other-badge_green); flex-shrink: 0; }
.css-1ib1ydr { font-size: var(--gaydev-font-sizes-sm); font-weight: 600; }
.css-usapyr { display: flex; flex-direction: row; gap: 4px; padding: 4px; flex: 1 1 0%; width: var(--gaydev-sizes-full); min-height: 0px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); backdrop-filter: blur(16px); border-radius: 16px; }
.css-1sjq1ul { flex: 1 1 0%; height: var(--gaydev-sizes-full); border-radius: 12px; cursor: pointer; background: var(--gaydev-colors-transparent); --bg-currentcolor: var(--gaydev-colors-transparent); border-width: 1px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-transparent); --mix-color: color-mix(in srgb, var(--gaydev-colors-bg-islands) 20%, transparent); color: var(--mix-color, var(--gaydev-colors-bg-islands)); transition: background 0.15s, color 0.15s, border-color 0.15s; }
@layer recipes {
  .css-1sjq1ul { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
@media (hover: hover) {
  .css-1sjq1ul:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-color: color-mix(in srgb, var(--gaydev-colors-bg-islands) 40%, transparent); color: var(--mix-color, var(--gaydev-colors-bg-islands)); }
}
.css-1eyux4z { flex: 1 1 0%; height: var(--gaydev-sizes-full); border-radius: 12px; cursor: pointer; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); border-width: 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 10%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); color: var(--gaydev-colors-other-accent); transition: background 0.15s, color 0.15s, border-color 0.15s; }
@layer recipes {
  .css-1eyux4z { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-1ukzstw { flex: 1 1 0%; height: var(--gaydev-sizes-full); border-radius: 12px; cursor: pointer; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); border-width: 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 10%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); color: #E9D8FF; transition: background 0.15s, color 0.15s, border-color 0.15s; }
@layer recipes {
  .css-1ukzstw { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-3j3bba { --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background-attachment: ; background-origin: ; background-clip: ; background-color: ; --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); backdrop-filter: blur(16px); border-radius: 20px; position: relative; text-align: start; overflow: hidden; flex-shrink: 0; width: 164px; height: 112px; min-width: 164px; max-width: 164px; min-height: 112px; max-height: 112px; user-select: none; animation-name: slide-from-bottom, fade-in; animation-duration: 0.25s; animation-timing-function: var(--gaydev-easings-ease-out); background-image: url("most_ancient-yjQzIrWo.png"); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.css-q0inqt { position: absolute; top: 8px; inset-inline: 0px; }
@layer recipes {
  .css-q0inqt { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-l43g55 { display: flex; flex-direction: column; gap: 0px; position: absolute; bottom: 8px; left: 16px; right: 8px; }
.css-1kdp9b { font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@layer recipes {
  .css-1kdp9b { font-family: var(--gaydev-fonts-heading); font-weight: var(--gaydev-font-weights-semibold); font-size: var(--gaydev-font-sizes-sm); line-height: 1.25rem; }
}
.css-1otgfav { font-weight: 400; color: var(--gaydev-colors-text-tretiary); font-size: var(--gaydev-font-sizes-xs); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.css-1eivj6r { --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background-attachment: ; background-origin: ; background-clip: ; background-color: ; --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); backdrop-filter: blur(16px); border-radius: 20px; position: relative; text-align: start; overflow: hidden; flex-shrink: 0; width: 164px; height: 112px; min-width: 164px; max-width: 164px; min-height: 112px; max-height: 112px; user-select: none; animation-name: slide-from-bottom, fade-in; animation-duration: 0.25s; animation-timing-function: var(--gaydev-easings-ease-out); background-image: url("ancient-Bs3b-m8t.png"); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.css-gdegvg { --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background-attachment: ; background-origin: ; background-clip: ; background-color: ; --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); backdrop-filter: blur(16px); border-radius: 20px; position: relative; text-align: start; overflow: hidden; flex-shrink: 0; width: 164px; height: 112px; min-width: 164px; max-width: 164px; min-height: 112px; max-height: 112px; user-select: none; animation-name: slide-from-bottom, fade-in; animation-duration: 0.25s; animation-timing-function: var(--gaydev-easings-ease-out); background-image: url("legendary-2LpAiDdH.png"); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.css-1endqnl { --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background-attachment: ; background-origin: ; background-clip: ; background-color: ; --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); backdrop-filter: blur(16px); border-radius: 20px; position: relative; text-align: start; overflow: hidden; flex-shrink: 0; width: 164px; height: 112px; min-width: 164px; max-width: 164px; min-height: 112px; max-height: 112px; user-select: none; animation-name: slide-from-bottom, fade-in; animation-duration: 0.25s; animation-timing-function: var(--gaydev-easings-ease-out); background-image: url("mythical-Do4LthRH.png"); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.css-juetiq { --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background-attachment: ; background-origin: ; background-clip: ; background-color: ; --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); backdrop-filter: blur(16px); border-radius: 20px; position: relative; text-align: start; overflow: hidden; flex-shrink: 0; width: 164px; height: 112px; min-width: 164px; max-width: 164px; min-height: 112px; max-height: 112px; user-select: none; animation-name: slide-from-bottom, fade-in; animation-duration: 0.25s; animation-timing-function: var(--gaydev-easings-ease-out); background-image: url("uncommon-De5N9a7L.png"); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.css-1h4dz6u { --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background-attachment: ; background-origin: ; background-clip: ; background-color: ; --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); backdrop-filter: blur(16px); border-radius: 20px; position: relative; text-align: start; overflow: hidden; flex-shrink: 0; width: 164px; height: 112px; min-width: 164px; max-width: 164px; min-height: 112px; max-height: 112px; user-select: none; animation-name: slide-from-bottom, fade-in; animation-duration: 0.25s; animation-timing-function: var(--gaydev-easings-ease-out); background-image: url("common-D8uJeq8z.png"); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.css-ru0yoa { position: absolute; top: 0px; bottom: 0px; right: 0px; width: 120px; pointer-events: none; background: linear-gradient(270deg, rgb(16, 15, 18) 0%, rgba(16, 15, 18, 0) 100%); --bg-currentcolor: linear-gradient(270deg, #100F12 0%, rgba(16, 15, 18, 0) 100%); }
.css-8kn4zf { margin-top: 0px; }
.css-18wn85 { position: relative; height: 580px; }
.css-rh4a0f { position: absolute; inset: 0px; opacity: 1; pointer-events: auto; transition: opacity 0.6s; }
.css-tffise { position: relative; isolation: isolate; height: 580px; }
.css-1iou6pu { position: absolute; top: 0px; left: 50%; transform: translateX(-50%); width: 100vw; height: var(--gaydev-sizes-full); overflow: hidden; z-index: -1; pointer-events: none; }
.css-1lzgsii { position: absolute; top: 0px; left: 50%; transform: translateX(calc(-50% - clamp(0px, 896px - 70vw, 300px))); width: 1920px; height: var(--gaydev-sizes-full); background: var(--gaydev-colors-bg-canvas); --bg-currentcolor: var(--gaydev-colors-bg-canvas); }
.css-nt192q { object-fit: cover; width: 1920px; height: 580px; max-width: none; }
.css-1ohizhg { mask-image: linear-gradient(transparent 0%, rgb(0, 0, 0) 17.14%, rgb(0, 0, 0) 74.9%, transparent 100%), linear-gradient(90deg, transparent 0%, rgb(0, 0, 0) 10%, rgb(0, 0, 0) 90%, transparent 100%); mask-composite: source-in; mask-size: 1920px 580px; mask-position: -1160px 0px; mask-repeat: no-repeat; position: absolute; top: 0px; left: 1160px; right: 0px; height: 580px; overflow: hidden; background: var(--gaydev-colors-bg-canvas); --bg-currentcolor: var(--gaydev-colors-bg-canvas); }
.css-1axyb8s { object-fit: cover; position: absolute; left: -1160px; top: -174px; width: 1920px; height: 815px; max-width: none; }
.css-130hnq0 { position: absolute; aspect-ratio: 896 / 1200; pointer-events: none; user-select: none; left: -14px; top: -65px; width: 605px; height: 811px; }
.css-97ehn { object-fit: cover; position: absolute; inset: 0px; width: var(--gaydev-sizes-full); height: var(--gaydev-sizes-full); max-width: none; visibility: visible; }
.css-1ayv084 { position: absolute; inset: 0px; }
.css-1rtwaxb { display: block; position: absolute; top: 0px; bottom: 0px; left: 0px; width: 657px; max-width: 70%; background: linear-gradient(90deg, rgba(4, 4, 5, 0.75) 0%, rgba(4, 4, 5, 0) 100%); --bg-currentcolor: linear-gradient(90deg, rgba(4, 4, 5, 0.75) 0%, rgba(4, 4, 5, 0) 100%); }
@media screen and (min-width: 80rem) {
  .css-1rtwaxb { display: none; }
}
.css-mtssc4 { position: absolute; top: 64px; left: 0px; font-size: 64px; color: var(--gaydev-colors-white); text-shadow: rgba(50, 31, 9, 0.8) 4px 4px 40px; font-family: "Santa Maria Sans"; font-weight: 900; line-height: normal; text-transform: uppercase; white-space: nowrap; }
.css-1vtqc0k { position: absolute; display: inline-block; top: 128px; left: 0px; font-size: 64px; font-family: "Santa Maria Sans"; font-weight: 900; line-height: normal; text-transform: uppercase; white-space: nowrap; }
.css-1s9djey { position: absolute; inset: 0px; color: var(--gaydev-colors-transparent); text-shadow: rgba(50, 31, 9, 0.8) 4px 4px 40px; user-select: none; }
.css-1tvy3a3 { position: relative; background-image: radial-gradient(100% 734.62% at 0% 50%, rgb(160, 217, 7) 0%, rgb(178, 233, 29) 50%, rgb(195, 249, 51) 100%); color: var(--gaydev-colors-transparent); background-clip: text; }
.css-1j7zguf { position: absolute; top: 208px; left: 0px; font-size: 16px; font-weight: 500; line-height: normal; color: rgba(246, 242, 250, 0.7); text-shadow: rgba(50, 31, 9, 0.8) 4px 4px 16px; }
.css-hpzj4u { position: absolute; isolation: isolate; padding: 16px 32px; height: 52px; border-radius: 20px; background: radial-gradient(100% 734.62% at 0% 50%, rgb(113, 150, 13) 0%, rgb(149, 203, 3) 100%); --bg-currentcolor: radial-gradient(100% 734.62% at 0% 50%, #71960D 0%, #95CB03 100%); color: rgb(250, 255, 236); font-size: 16px; font-weight: 700; border: 1.5px solid rgba(197, 255, 41, 0.2); padding-inline: 32px; text-transform: uppercase; text-shadow: rgba(255, 255, 255, 0.8) 0px 2px 8px; white-space: nowrap; bottom: 64px; left: 0px; }
@layer recipes {
  .css-hpzj4u { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: var(--gaydev-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--gaydev-colors-transparent); cursor: var(--gaydev-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--gaydev-font-weights-medium); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform; transition-duration: var(--gaydev-durations-moderate); --focus-ring-color: var(--gaydev-colors-color-palette-focus-ring); height: var(--gaydev-sizes-10); min-width: var(--gaydev-sizes-10); font-size: var(--gaydev-font-sizes-sm); padding-inline: var(--gaydev-spacing-4); gap: var(--gaydev-spacing-2); background: var(--gaydev-colors-color-palette-solid); --bg-currentcolor: var(--gaydev-colors-color-palette-solid); color: var(--gaydev-colors-color-palette-contrast); }
  .css-hpzj4u: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-hpzj4u:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-hpzj4u :where(svg) { flex-shrink: 0; width: var(--gaydev-sizes-5); height: var(--gaydev-sizes-5); }
  .css-hpzj4u:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
  @media (hover: hover) {
  .css-hpzj4u:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
}
}
.css-hpzj4u::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), radial-gradient(100% 734.62% at 0% 50%, rgb(113, 150, 13) 0%, rgb(149, 203, 3) 100%); --bg-currentcolor: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%),radial-gradient(100% 734.62% at 0% 50%, #71960D 0%, #95CB03 100%); opacity: 0; transition: opacity 0.2s; }
.css-hpzj4u:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; }
.css-hpzj4u :where(svg) { width: 27px; height: 32px; }
@media (hover: hover) {
  .css-hpzj4u:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { border-color: rgba(197, 255, 41, 0.5); }
  .css-hpzj4u:is(:hover, [data-hover]):not(:disabled, [data-disabled])::before { opacity: 1; }
}
.css-r05lmo { position: absolute; flex-shrink: 0; pointer-events: none; top: 373px; left: 36px; width: 167px; height: 113px; filter: drop-shadow(rgba(0, 0, 0, 0.4) 0px 4px 4px) drop-shadow(rgba(0, 0, 0, 0.4) 0px 4px 16px); }
.css-1hj73qt { object-fit: fill; position: absolute; left: -9.31%; top: -12.68%; width: 119.08%; height: 118.73%; max-width: none; }
.css-a7ex9t { position: absolute; inset: 0px; opacity: 0; pointer-events: none; transition: opacity 0.6s; }
.css-1el91ew { height: var(--gaydev-sizes-full); }
.css-cd8ho7 { display: flex; align-items: flex-start; flex-direction: column; gap: 0px; position: absolute; top: 64px; left: 0px; right: 0px; }
.css-1feas8a { display: block; width: fit-content; max-width: var(--gaydev-sizes-full); font-family: "Santa Maria Sans"; font-weight: 900; font-size: 64px; line-height: normal; text-transform: uppercase; color: var(--gaydev-colors-white); text-shadow: rgba(50, 31, 9, 0.8) 4px 4px 40px; }
.css-i51vk9 { position: relative; display: block; width: fit-content; max-width: var(--gaydev-sizes-full); font-family: "Santa Maria Sans"; font-weight: 900; font-size: 64px; line-height: normal; text-transform: uppercase; }
.css-tp1g3n { overflow: inherit; text-overflow: inherit; white-space: inherit; position: absolute; inset: 0px; display: block; color: var(--gaydev-colors-transparent); text-shadow: rgba(50, 31, 9, 0.8) 4px 4px 40px; pointer-events: none; user-select: none; }
.css-asr9hp { background: radial-gradient(100% 734.61% at 0% 50%, rgb(159, 112, 245) 0%, rgb(137, 85, 232) 50%, rgb(115, 59, 218) 100%) 0% 0% / 100% 100% no-repeat text; --bg-currentcolor: radial-gradient(100% 734.61% at 0% 50%, #9F70F5 0%, #8955E8 50%, #733BDA 100%); color: var(--gaydev-colors-transparent); -webkit-text-fill-color: transparent; overflow: inherit; text-overflow: inherit; white-space: inherit; position: relative; display: block; }
.css-uwb00t { display: block; max-width: var(--gaydev-sizes-full); margin-top: 16px; font-size: 16px; font-weight: 500; line-height: normal; color: rgba(246, 242, 250, 0.7); text-shadow: rgba(50, 31, 9, 0.8) 4px 4px 16px; }
.css-1it17rf { position: absolute; isolation: isolate; padding: 16px 32px; height: 52px; border-radius: 20px; background: var(--event-button-accent, radial-gradient(100% 734.62% at 0% 50%, #6945AD 0%, #7B4BD4 100%)) border-box padding-box no-repeat,var(--event-button-accent-stroke, linear-gradient(90deg, rgba(188, 144, 255, 0.2) 0%, #A46CF8 100%)) border-box,var(--event-button-accent, radial-gradient(100% 734.62% at 0% 50%, #6945AD 0%, #7B4BD4 100%)) border-box no-repeat; --bg-currentcolor: var(--event-button-accent, radial-gradient(100% 734.62% at 0% 50%, #6945AD 0%, #7B4BD4 100%)) border-box padding-box no-repeat,var(--event-button-accent-stroke, linear-gradient(90deg, rgba(188, 144, 255, 0.2) 0%, #A46CF8 100%)) border-box,var(--event-button-accent, radial-gradient(100% 734.62% at 0% 50%, #6945AD 0%, #7B4BD4 100%)) border-box no-repeat; color: rgb(246, 242, 250); font-size: 16px; font-weight: 700; border-width: 1.5px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-transparent); padding-inline: 64px; text-transform: uppercase; text-shadow: var(--event-text-shadow-accent, 0 2px 4px rgba(128, 80, 224, 0.5)); white-space: nowrap; bottom: 64px; left: 0px; }
@layer recipes {
  .css-1it17rf { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: var(--gaydev-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--gaydev-colors-transparent); cursor: var(--gaydev-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--gaydev-font-weights-medium); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform; transition-duration: var(--gaydev-durations-moderate); --focus-ring-color: var(--gaydev-colors-color-palette-focus-ring); height: var(--gaydev-sizes-10); min-width: var(--gaydev-sizes-10); font-size: var(--gaydev-font-sizes-sm); padding-inline: var(--gaydev-spacing-4); gap: var(--gaydev-spacing-2); background: var(--gaydev-colors-color-palette-solid); --bg-currentcolor: var(--gaydev-colors-color-palette-solid); color: var(--gaydev-colors-color-palette-contrast); }
  .css-1it17rf: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-1it17rf:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-1it17rf :where(svg) { flex-shrink: 0; width: var(--gaydev-sizes-5); height: var(--gaydev-sizes-5); }
  .css-1it17rf:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
  @media (hover: hover) {
  .css-1it17rf:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
}
}
.css-1it17rf::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%),var(--event-button-accent, radial-gradient(100% 734.62% at 0% 50%, #6945AD 0%, #7B4BD4 100%)); --bg-currentcolor: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%),var(--event-button-accent, radial-gradient(100% 734.62% at 0% 50%, #6945AD 0%, #7B4BD4 100%)); opacity: 0; transition: opacity 0.2s; }
.css-1it17rf:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; }
.css-1it17rf :where(svg) { width: 27px; height: 32px; }
@media (hover: hover) {
  .css-1it17rf:is(:hover, [data-hover]):not(:disabled, [data-disabled])::before { opacity: 1; }
}
.css-1pw1qg5 { position: absolute; top: 0px; left: 50%; transform: translateX(-50%); width: 1989px; height: var(--gaydev-sizes-full); }
.css-ui4ypk { mask-image: linear-gradient(90deg, transparent 0%, rgb(0, 0, 0) 12%, rgb(0, 0, 0) 88%, transparent 100%), linear-gradient(transparent 0%, rgb(0, 0, 0) 14%, rgb(0, 0, 0) 82%, transparent 100%); mask-composite: source-in; object-fit: cover; width: 1989px; height: 580px; max-width: none; }
.css-326720 { display: flex; -webkit-box-pack: justify; justify-content: space-between; flex-direction: column; gap: 0.5rem; position: absolute; top: 64px; bottom: 64px; left: 0px; max-width: 496px; user-select: none; }
.css-k72rey { display: flex; flex-direction: column; gap: var(--gaydev-spacing-4); }
.css-zqopn2 { display: flex; flex-direction: column; gap: var(--gaydev-spacing-1); }
.css-zpf7ra { color: var(--gaydev-colors-white); font-family: "Santa Maria Sans"; font-weight: 900; line-height: normal; }
@layer recipes {
  .css-zpf7ra { font-family: var(--gaydev-fonts-heading); font-weight: var(--gaydev-font-weights-semibold); font-size: var(--gaydev-font-sizes-5xl); line-height: 3.75rem; letter-spacing: -0.025em; }
}
.css-1prbj5m { color: var(--gaydev-colors-text-secondary); font-size: var(--gaydev-font-sizes-lg); }
.css-1xhhjzd { position: relative; isolation: isolate; padding: 16px 32px; height: 52px; border-radius: 20px; background: var(--gaydev-colors-button-accent); --bg-currentcolor: var(--gaydev-colors-button-accent); color: var(--gaydev-colors-text-primary); font-size: 16px; font-weight: 700; border-width: 1.5px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-stroke-accent_button); text-transform: uppercase; max-width: 252px; }
@layer recipes {
  .css-1xhhjzd { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: var(--gaydev-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--gaydev-colors-transparent); cursor: var(--gaydev-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--gaydev-font-weights-medium); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform; transition-duration: var(--gaydev-durations-moderate); --focus-ring-color: var(--gaydev-colors-color-palette-focus-ring); height: var(--gaydev-sizes-10); min-width: var(--gaydev-sizes-10); font-size: var(--gaydev-font-sizes-sm); padding-inline: var(--gaydev-spacing-4); gap: var(--gaydev-spacing-2); background: var(--gaydev-colors-color-palette-solid); --bg-currentcolor: var(--gaydev-colors-color-palette-solid); color: var(--gaydev-colors-color-palette-contrast); }
  .css-1xhhjzd: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-1xhhjzd:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-1xhhjzd :where(svg) { flex-shrink: 0; width: var(--gaydev-sizes-5); height: var(--gaydev-sizes-5); }
  .css-1xhhjzd:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
  @media (hover: hover) {
  .css-1xhhjzd:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
}
}
.css-1xhhjzd::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; background: var(--gaydev-colors-button-accent_hover); --bg-currentcolor: var(--gaydev-colors-button-accent_hover); opacity: 0; transition: opacity 0.2s; }
.css-1xhhjzd:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; }
.css-1xhhjzd :where(svg) { width: 27px; height: 32px; }
@media (hover: hover) {
  .css-1xhhjzd:is(:hover, [data-hover]):not(:disabled, [data-disabled])::before { opacity: 1; }
}
.css-1ls7s8o { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: 4px; position: absolute; z-index: 1; bottom: 64px; right: 0px; }
.css-1tf33e6 { padding-block: 8px; margin-block: -8px; cursor: pointer; }
.css-1ppkjup { width: 74px; height: 6px; border-radius: 100px; background: rgb(241, 231, 255); --bg-currentcolor: #F1E7FF; transition: width 0.3s, background-color 0.3s; }
.css-ox7ekg { width: 34px; height: 6px; border-radius: 100px; background: rgba(241, 231, 255, 0.4); --bg-currentcolor: rgba(241, 231, 255, 0.40); transition: width 0.3s, background-color 0.3s; }
.css-1fcaguv { margin-top: -64px; position: relative; z-index: 1; }
.css-1o30tz5 { display: flex; -webkit-box-pack: center; justify-content: center; flex-flow: wrap; gap: 4px; }
.css-vcchf8 { position: relative; width: 142px; height: 190px; border-radius: 16px; overflow: hidden; flex-shrink: 0; transition: transform 0.15s; }
@media (hover: hover) {
  .css-vcchf8:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { transform: scale(1.02); }
}
.css-1nbvkys { object-fit: cover; position: absolute; inset: 0px; width: var(--gaydev-sizes-full); height: var(--gaydev-sizes-full); }
.css-1lkizqp { position: absolute; bottom: 25px; left: 0px; right: 0px; text-align: center; font-family: "Santa Maria Sans", sans-serif; font-weight: 900; font-size: 24px; line-height: normal; text-transform: uppercase; color: rgb(246, 242, 250); user-select: none; }
.css-1kqw7u1 { margin-top: var(--gaydev-spacing-16); }
.css-1kqw7u1:is(:empty, [data-empty]) { display: none; }
.css-k66g4h { margin-top: var(--gaydev-spacing-16); }
.css-lnjfw6 { margin-top: var(--gaydev-spacing-8); }
.css-xmgju1 { display: flex; flex-direction: column; gap: var(--gaydev-spacing-16); }
.css-csj8ln { display: flex; flex-direction: column; gap: var(--gaydev-spacing-8); scroll-margin-top: 120px; position: relative; isolation: isolate; padding-top: 0px; }
@media screen and (min-width: 48rem) {
  .css-csj8ln { padding-top: var(--gaydev-spacing-8); }
}
.css-atcgou { position: absolute; top: 0px; left: 50%; transform: translateX(-50%); width: 100vw; height: 512px; z-index: -1; overflow: hidden; pointer-events: none; user-select: none; }
.css-1w5jiko { object-fit: cover; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); width: 1920px; min-width: var(--gaydev-sizes-full); height: var(--gaydev-sizes-full); max-width: none; }
.css-150biji { object-fit: contain; align-self: center; height: 113px; width: auto; max-width: var(--gaydev-sizes-full); filter: drop-shadow(rgba(0, 0, 0, 0.4) 0px 4px 4px) drop-shadow(rgba(0, 0, 0, 0.4) 0px 4px 16px); }
.css-1psz8np { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); column-gap: 0px; row-gap: var(--gaydev-spacing-8); }
@media screen and (min-width: 30rem) {
  .css-1psz8np { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
@media screen and (min-width: 48rem) {
  .css-1psz8np { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
}
@media screen and (min-width: 64rem) {
  .css-1psz8np { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
}
@media screen and (min-width: 80rem) {
  .css-1psz8np { grid-template-columns: repeat(5, minmax(0px, 1fr)); }
}
.css-1b9ejki { display: flex; -webkit-box-pack: center; justify-content: center; flex-direction: column; gap: 0px; text-align: center; max-width: 360px; flex: 1 0 0px; cursor: pointer; user-select: none; }
.css-17deg6c { font-weight: 600; font-size: var(--gaydev-font-sizes-lg); text-align: center; width: var(--gaydev-sizes-full); }
@layer recipes {
  .css-17deg6c { font-family: var(--gaydev-fonts-heading); font-weight: var(--gaydev-font-weights-semibold); font-size: var(--gaydev-font-sizes-xl); line-height: 1.875rem; }
}
@layer recipes {
  .css-d82rsv { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-19kze9e { font-size: var(--gaydev-font-sizes-xs); font-weight: 600; color: rgb(174, 124, 247); padding: 2px 8px; border-radius: 8px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); }
.css-1gnkwoi { position: relative; isolation: isolate; padding: 16px 12px 16px 16px; height: 46px; border-radius: 20px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); color: var(--gaydev-colors-text-primary); font-size: 16px; font-weight: 600; border-width: 1.5px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); overflow: hidden; }
@layer recipes {
  .css-1gnkwoi { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: var(--gaydev-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--gaydev-colors-transparent); cursor: var(--gaydev-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--gaydev-font-weights-medium); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform; transition-duration: var(--gaydev-durations-moderate); --focus-ring-color: var(--gaydev-colors-color-palette-focus-ring); height: var(--gaydev-sizes-10); min-width: var(--gaydev-sizes-10); font-size: var(--gaydev-font-sizes-sm); padding-inline: var(--gaydev-spacing-4); gap: var(--gaydev-spacing-2); background: var(--gaydev-colors-color-palette-solid); --bg-currentcolor: var(--gaydev-colors-color-palette-solid); color: var(--gaydev-colors-color-palette-contrast); }
  .css-1gnkwoi: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-1gnkwoi:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-1gnkwoi :where(svg) { flex-shrink: 0; width: var(--gaydev-sizes-5); height: var(--gaydev-sizes-5); }
  .css-1gnkwoi:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
  @media (hover: hover) {
  .css-1gnkwoi:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
}
}
.css-1gnkwoi::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); opacity: 0; transition: opacity 0.2s; }
.css-1gnkwoi:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; }
.css-1gnkwoi :where(svg) { width: 27px; height: 32px; }
@media (hover: hover) {
  .css-1gnkwoi:is(:hover, [data-hover]):not(:disabled, [data-disabled])::before { opacity: 1; }
}
.css-7boy05 { position: relative; display: flex; -webkit-box-align: center; align-items: center; }
.css-1wr7wci { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 41px; height: 41px; border-radius: var(--gaydev-radii-full); background: rgb(150, 79, 255); --bg-currentcolor: #964FFF; filter: blur(20px); pointer-events: none; }
.css-1itj1qp { display: flex; flex-direction: column; gap: var(--gaydev-spacing-8); position: relative; isolation: isolate; }
.css-1n2tucu { mask-image: linear-gradient(transparent 0%, black 17%, black 83%, transparent 100%); position: absolute; top: -16px; bottom: -16px; left: 50%; transform: translateX(-50%); width: 100vw; z-index: -1; opacity: 0.5; isolation: isolate; pointer-events: none; user-select: none; }
.css-1a7o2e8 { object-fit: cover; width: var(--gaydev-sizes-full); height: var(--gaydev-sizes-full); }
.css-3ratul { position: absolute; inset: 0px; background: rgb(37, 35, 41); --bg-currentcolor: #252329; mix-blend-mode: hard-light; }
.css-123j7aa { position: absolute; inset: 0px; background: rgb(37, 35, 41); --bg-currentcolor: #252329; mix-blend-mode: color; }
.css-199m75w { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-direction: row; gap: var(--gaydev-spacing-4); padding-top: var(--gaydev-spacing-3); padding-bottom: var(--gaydev-spacing-3); }
.css-1tinpmz { width: 12px; height: 12px; flex-shrink: 0; transform: rotate(45deg); background: rgb(98, 67, 164); --bg-currentcolor: #6243A4; box-shadow: rgba(186, 166, 216, 0.2) 0px -2px 4px 0px inset, rgba(0, 0, 0, 0.2) 0px 2px 4px 0px inset; }
.css-12o4fh3 { text-align: center; text-transform: uppercase; font-family: "Santa Maria Sans"; font-weight: 900; font-size: 24px; line-height: normal; background-image: linear-gradient(98deg, rgb(234, 230, 239) 1.01%, rgb(216, 211, 222) 53.25%, rgb(246, 242, 250) 71.83%, rgb(193, 185, 200) 90.4%, rgb(246, 242, 250) 100.67%); color: var(--gaydev-colors-transparent); background-clip: text; filter: drop-shadow(rgba(255, 255, 255, 0.25) 0px 4px 48px); }
@layer recipes {
  .css-12o4fh3 { font-family: var(--gaydev-fonts-heading); font-weight: var(--gaydev-font-weights-semibold); font-size: var(--gaydev-font-sizes-xl); line-height: 1.875rem; }
}
@media screen and (min-width: 30rem) {
  .css-12o4fh3 { font-size: 24px; }
}
@media screen and (min-width: 48rem) {
  .css-12o4fh3 { font-size: 32px; }
}
.css-177zx4l { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: 4px; position: absolute; top: 132px; left: 0px; }
.css-fjzyz0 { font-family: "Santa Maria Sans"; font-weight: 900; font-size: 64px; line-height: normal; color: rgb(255, 199, 67); text-shadow: rgba(255, 255, 255, 0.6) 0px 0px 100px, rgba(50, 31, 9, 0.8) 4px 4px 40px; white-space: nowrap; }
.css-15g3kv { position: relative; width: 48px; height: 48px; flex-shrink: 0; }
.css-1u98fw4 { position: absolute; left: 8.4px; top: 1.19px; width: 30.54px; height: 46px; transform: rotate(15.11deg); }
.css-5hsro0 { object-fit: cover; position: absolute; left: -3px; top: -2px; width: 38.54px; height: 54px; max-width: none; }
.css-9qcpz6 { position: absolute; top: 212px; left: 0px; display: block; font-size: 16px; font-weight: 500; line-height: normal; color: var(--gaydev-colors-text-primary); text-shadow: rgba(50, 31, 9, 0.8) 4px 4px 16px; }
.css-36aebx { position: absolute; isolation: isolate; padding: 16px 32px; height: 52px; border-radius: 20px; background: radial-gradient(100% 734.62% at 0% 50%, rgb(193, 121, 27) 0%, rgb(216, 142, 47) 50%, rgb(238, 164, 67) 100%); --bg-currentcolor: radial-gradient(100% 734.62% at 0% 50%, #C1791B 0%, #D88E2F 50%, #EEA443 100%); color: var(--gaydev-colors-text-primary); font-size: 16px; font-weight: 700; border: 1.5px solid rgba(255, 190, 104, 0.2); padding-inline: 64px; text-transform: uppercase; text-shadow: rgba(128, 80, 224, 0.5) 0px 2px 4px; white-space: nowrap; bottom: 64px; left: 0px; }
@layer recipes {
  .css-36aebx { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: var(--gaydev-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--gaydev-colors-transparent); cursor: var(--gaydev-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--gaydev-font-weights-medium); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform; transition-duration: var(--gaydev-durations-moderate); --focus-ring-color: var(--gaydev-colors-color-palette-focus-ring); height: var(--gaydev-sizes-10); min-width: var(--gaydev-sizes-10); font-size: var(--gaydev-font-sizes-sm); padding-inline: var(--gaydev-spacing-4); gap: var(--gaydev-spacing-2); background: var(--gaydev-colors-color-palette-solid); --bg-currentcolor: var(--gaydev-colors-color-palette-solid); color: var(--gaydev-colors-color-palette-contrast); }
  .css-36aebx: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-36aebx:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-36aebx :where(svg) { flex-shrink: 0; width: var(--gaydev-sizes-5); height: var(--gaydev-sizes-5); }
  .css-36aebx:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
  @media (hover: hover) {
  .css-36aebx:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
}
}
.css-36aebx::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), radial-gradient(100% 734.62% at 0% 50%, rgb(193, 121, 27) 0%, rgb(216, 142, 47) 50%, rgb(238, 164, 67) 100%); --bg-currentcolor: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%),radial-gradient(100% 734.62% at 0% 50%, #C1791B 0%, #D88E2F 50%, #EEA443 100%); opacity: 0; transition: opacity 0.2s; }
.css-36aebx:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; }
.css-36aebx :where(svg) { width: 27px; height: 32px; }
@media (hover: hover) {
  .css-36aebx:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { border-color: rgba(255, 190, 104, 0.5); }
  .css-36aebx:is(:hover, [data-hover]):not(:disabled, [data-disabled])::before { opacity: 1; }
}
.css-259cjj { display: flex; flex-direction: column; gap: var(--gaydev-spacing-6); }
.css-7kkiwt { display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; gap: var(--gaydev-spacing-1); }
.css-1umjvi6 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-direction: row; gap: var(--gaydev-spacing-4); padding-block: var(--gaydev-spacing-3); }
.css-145gjf5 { font-size: 14px; font-weight: 500; color: rgba(246, 242, 250, 0.4); text-align: center; }
.css-1fixstb { display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; gap: 0px; text-align: center; max-width: 360px; cursor: pointer; user-select: none; position: relative; }
.css-yj3ipd { font-weight: 600; font-size: var(--gaydev-font-sizes-lg); width: var(--gaydev-sizes-full); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-inline: var(--gaydev-spacing-2); }
@layer recipes {
  .css-yj3ipd { font-family: var(--gaydev-fonts-heading); font-weight: var(--gaydev-font-weights-semibold); font-size: var(--gaydev-font-sizes-xl); line-height: 1.875rem; }
}
.css-l15w9o { margin-top: 2px; max-width: var(--gaydev-sizes-full); padding-inline: var(--gaydev-spacing-2); }
.css-akmt2r { display: inline-block; max-width: var(--gaydev-sizes-full); cursor: pointer; }
.css-1yn6168 { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: 6px; min-width: 0px; }
.css-n7k1od { position: relative; width: 20px; height: 20px; flex-shrink: 0; }
.css-1b8ejuh { object-fit: cover; width: var(--gaydev-sizes-full); height: var(--gaydev-sizes-full); border-radius: var(--gaydev-radii-full); }
.css-8anki7 { font-size: 13px; font-weight: 500; color: rgba(246, 242, 250, 0.7); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (hover: hover) {
  .css-8anki7:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { color: rgb(246, 242, 250); }
}
.css-1ief2g4 { position: relative; width: var(--gaydev-sizes-full); }
@layer recipes {
  .css-1ief2g4 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-1wa3njv { margin-top: var(--gaydev-spacing-2); font-size: 12px; font-weight: 500; color: rgba(246, 242, 250, 0.4); }
.css-12s9u81 { display: flex; -webkit-box-pack: center; justify-content: center; flex-flow: wrap; gap: var(--gaydev-spacing-2); }
.css-1yfs357 { position: relative; isolation: isolate; padding: 16px 32px; height: 52px; border-radius: 20px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); color: var(--gaydev-colors-text-primary); font-size: 16px; font-weight: 700; border-width: 1.5px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); text-transform: uppercase; }
@layer recipes {
  .css-1yfs357 { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: var(--gaydev-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--gaydev-colors-transparent); cursor: var(--gaydev-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--gaydev-font-weights-medium); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform; transition-duration: var(--gaydev-durations-moderate); --focus-ring-color: var(--gaydev-colors-color-palette-focus-ring); height: var(--gaydev-sizes-10); min-width: var(--gaydev-sizes-10); font-size: var(--gaydev-font-sizes-sm); padding-inline: var(--gaydev-spacing-4); gap: var(--gaydev-spacing-2); background: var(--gaydev-colors-color-palette-solid); --bg-currentcolor: var(--gaydev-colors-color-palette-solid); color: var(--gaydev-colors-color-palette-contrast); }
  .css-1yfs357: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-1yfs357:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-1yfs357 :where(svg) { flex-shrink: 0; width: var(--gaydev-sizes-5); height: var(--gaydev-sizes-5); }
  .css-1yfs357:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
  @media (hover: hover) {
  .css-1yfs357:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
}
}
.css-1yfs357::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); opacity: 0; transition: opacity 0.2s; }
.css-1yfs357:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; }
.css-1yfs357 :where(svg) { width: 27px; height: 32px; }
@media (hover: hover) {
  .css-1yfs357:is(:hover, [data-hover]):not(:disabled, [data-disabled])::before { opacity: 1; }
}
.css-992in3 { object-fit: cover; position: absolute; inset: 0px; width: var(--gaydev-sizes-full); height: var(--gaydev-sizes-full); max-width: none; visibility: hidden; }
.css-z7jjfv { object-fit: cover; height: 199px; }
@media screen and (min-width: 30rem) {
  .css-z7jjfv { height: 199px; }
}
@media screen and (min-width: 48rem) {
  .css-z7jjfv { height: 288px; }
}
@media screen and (min-width: 64rem) {
  .css-z7jjfv { height: 288px; }
}
@media screen and (min-width: 80rem) {
  .css-z7jjfv { height: 270px; }
}
.chakra-segment-group__item{color:var(--gaydev-colors-text-tretiary);height:56px;padding-inline:32px;font-size:1.25rem;font-weight:600;transition:color .2s}.chakra-segment-group__item[data-state=checked]{color:var(--gaydev-colors-text-primary)}@keyframes ai-cursor-blink{0%,45%{opacity:1}55%,to{opacity:0}}.ai-cursor{vertical-align:text-bottom;background:currentColor;border-radius:2px;width:.55em;height:1.05em;margin-left:2px;animation:1s step-end infinite ai-cursor-blink;display:inline-block}@keyframes ai-text-fade{0%{opacity:.35}to{opacity:1}}.ai-streaming>*{animation:.25s ease-out ai-text-fade}@keyframes wheel-fab-idle{to{transform:rotate(360deg)}}@keyframes wheel-fab-ping{0%{box-shadow:0 0 #b6ee5f80}to{box-shadow:0 0 0 18px #b6ee5f00}}.wheel-fab-peek{transition:left .3s;left:-46px}.wheel-fab-peek:hover,.wheel-fab-peek:focus-visible{left:16px}.wheel-fab-pointer{animation:9s linear infinite wheel-fab-idle}.wheel-fab-pointer-fast{animation-duration:1.8s}.wheel-fab-ping{animation:1.4s ease-out infinite wheel-fab-ping}.wheel-avatar{transition:left .45s,top .45s,width .45s,height .45s,font-size .45s,transform .45s,opacity .3s;animation:.45s wheel-fade-in}.wheel-layer-in{animation:.45s wheel-fade-in}@keyframes wheel-fade-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.wheel-fab-pointer,.wheel-fab-ping,.wheel-avatar,.wheel-layer-in{animation:none}.wheel-avatar,.wheel-fab-peek{transition:none}}@font-face{font-family:SF Pro Rounded;src:url("")format("opentype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:SF Pro Rounded;src:url("")format("opentype");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:SF Pro Rounded;src:url("")format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:SF Pro Rounded;src:url("")format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:SF Pro Rounded;src:url("")format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:SF Pro Rounded;src:url("")format("opentype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:SF Pro Rounded;src:url("")format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:SF Pro Rounded;src:url("")format("opentype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:SF Pro Rounded;src:url("")format("opentype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Santa Maria Sans;src:url("Santa-Maria-Sand-blsmsBC9.ttf");font-weight:900;font-style:normal;font-display:swap}:focus-visible,:focus{box-shadow:none!important;outline:none!important}:has(input:focus-visible):is(:focus,[data-focus]){outline:none!important}h2,p{line-height:normal!important}body{overflow:hidden scroll}html{scroll-behavior:smooth}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}:root{--event-accent:#a060fe;--event-accent-10:#a060fe1a;--event-accent-glow:#a060fe40;--event-button-accent:radial-gradient(100% 734.62% at 0% 50%, #6945ad 0%, #7b4bd4 100%);--event-button-accent-stroke:linear-gradient(90deg, #bc90ff33 0%, #a46cf8 100%);--event-button-accent-border:#bc90ff33;--event-button-accent-border-hover:#bc90ff80;--event-badge-purple-stroke:linear-gradient(90deg, #734cbb33 0%, #ddc6ff 100%);--event-text-shadow-accent:0 2px 4px #8050e080}html[data-site-theme=halloween]{--event-accent:#b6ee5f;--event-accent-10:#b6ee5f1a;--event-accent-glow:#95cb034d;--event-button-accent:radial-gradient(100% 734.62% at 0% 50%, #71960d 0%, #95cb03 100%);--event-button-accent-stroke:linear-gradient(90deg, #c5ff2933 0%, #c5ff29 100%);--event-button-accent-border:#c5ff2933;--event-button-accent-border-hover:#c5ff2980;--event-badge-purple-stroke:linear-gradient(90deg, #71960d33 0%, #d4f3a3 100%);--event-text-shadow-accent:0 2px 8px #ffffff80;--gaydev-colors-button-accent:var(--event-button-accent);--gaydev-colors-button-accent_hover:linear-gradient(0deg, #0003 0%, #0003 100%), var(--event-button-accent);--gaydev-colors-stroke-accent_button:#a8d91f;--gaydev-colors-stroke-purple:#71960d33;--gaydev-colors-other-accent:#b6ee5f;--gaydev-colors-badge-purple:radial-gradient(178.96% 80% at 20% 50%, #71960d0d 10.96%, #71960d 100%), #71960d0d}html[data-site-theme=halloween] [data-original-colors]{--event-accent:#a060fe;--event-accent-10:#a060fe1a;--event-accent-glow:#a060fe40;--event-button-accent:radial-gradient(100% 734.62% at 0% 50%, #6945ad 0%, #7b4bd4 100%);--event-button-accent-stroke:linear-gradient(90deg, #bc90ff33 0%, #a46cf8 100%);--event-button-accent-border:#bc90ff33;--event-button-accent-border-hover:#bc90ff80;--event-badge-purple-stroke:linear-gradient(90deg, #734cbb33 0%, #ddc6ff 100%);--event-text-shadow-accent:0 2px 4px #8050e080;--gaydev-colors-button-accent:radial-gradient(734.62% 100% at 0% 50%, #6945ad 0%, #7b4bd4 100%);--gaydev-colors-button-accent_hover:linear-gradient(0deg, #0003 0%, #0003 100%), radial-gradient(734.62% 100% at 0% 50%, #6945ad 0%, #7b4bd4 100%);--gaydev-colors-stroke-accent_button:#966ee5;--gaydev-colors-stroke-purple:#734cbb33;--gaydev-colors-other-accent:#a060fe;--gaydev-colors-badge-purple:radial-gradient(178.96% 80% at 20% 50%, #734cbb0d 10.96%, #734cbb 100%), #734cbb0d}html[data-site-theme=halloween] body{background:0 0}html[data-site-theme=halloween] [data-online-badge]{box-shadow:0 0 16px #00c96859,inset 0 0 12px #00c96826}html[data-site-theme=halloween] [data-feed-tile]:after{content:"";pointer-events:none;opacity:.35;background:url("2d8e45338de0476a1a8c91b6bd808ca5b6faf8a7.svg") 100% 0/contain no-repeat;width:34px;height:34px;position:absolute;top:0;right:0}@keyframes halloween-fog-drift{0%{transform:translate(0,0)}to{transform:translate(-50%)}}@keyframes halloween-bat-fly{0%{opacity:0;transform:translate(-10vw)rotate(-6deg)}4%{opacity:1}12%{transform:translate(25vw,-4vh)rotate(4deg)}20%{transform:translate(55vw,3vh)rotate(-4deg)}28%{opacity:1;transform:translate(85vw,-3vh)rotate(5deg)}32%,to{opacity:0;transform:translate(110vw,-6vh)rotate(0)}}@keyframes halloween-bat-flap{0%{transform:scaleY(1)}to{transform:scaleY(.45)}}@keyframes halloween-ember-rise{0%{opacity:0;transform:translate(0,0)}10%{opacity:.9}50%{transform:translate(18px,-30vh)}to{opacity:0;transform:translate(-12px,-60vh)}}@keyframes halloween-glow-pulse{0%{opacity:.55}to{opacity:1}}html[data-site-theme=halloween] [data-spin-button]{background:radial-gradient(21.74% 21.74% at 54.55% 106.23%,#050d0000 0%,#050d0026 100%),radial-gradient(41.78% 41.78% at 50% 15.52%,#bdff7066 0%,#bdff7000 100%),radial-gradient(29.11% 28.5% at 20.91% 19.37%,#caff8c40 0%,#caff8c00 100%),radial-gradient(27.74% 27.28% at 82.31% 20.76%,#caff8c40 0%,#caff8c00 100%),radial-gradient(47.58% 47.24% at 50% 76.13%,#c8ff804d 0%,#c6ff8000 100%),radial-gradient(36.15% 35.41% at -4.07% 100%,#050d0000 0%,#050d0026 100%),radial-gradient(34.93% 34.28% at 100% 100%,#02050000 0%,#02050026 100%),#2b3518;box-shadow:inset 0 -1.5px 5.27px #cdff8db0}html[data-site-theme=halloween] [data-spin-face]{background:radial-gradient(72.12% 70.71% at 0 0,#000000b3 0%,#0000 100%),radial-gradient(72.12% 70.71% at 100% 0,#000000b3 0%,#0000 100%),radial-gradient(72.12% 70.71% at 0 100%,#ffffff14 0%,#fff0 100%),radial-gradient(72.12% 70.71% at 100% 100%,#ffffff14 0%,#fff0 100%),#475e2a;border-color:#627546}html[data-site-theme=halloween] [data-spin-button] h2{text-shadow:0 0 4px #c3f77f,0 0 8px #c3f77f}html[data-site-theme=halloween] [data-count-chip=active]{background:radial-gradient(circle,#c1f77c99 0%,#9bc86073 25%,#7399434d 50%,#4d6a2726 75%,#263b0b00 100%),#e9d8ff0d}html[data-site-theme=halloween] [data-count-chip=active] [data-count-x]{color:#c1f77c99}html[data-site-theme=halloween] [data-count-chip=active] [data-count-value]{color:#c1f77c}

/* login dialog */
.css-l7dk2p { max-width: var(--gaydev-sizes-3xl); border-radius: 32px; padding: 8px 8px 24px; border-width: 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); background: var(--gaydev-colors-bg-modals); --bg-currentcolor: var(--gaydev-colors-bg-modals); box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 16px 0px; }
@layer recipes {
  .css-l7dk2p { display: flex; flex-direction: column; position: relative; width: 100%; outline: 0px; border-radius: var(--gaydev-radii-l3); font-size: var(--gaydev-font-sizes-sm); line-height: 1.25rem; margin-block: var(--dialog-margin, var(--dialog-base-margin)); --dialog-z-index: var(--gaydev-z-index-popover); z-index: calc(var(--dialog-z-index) + var(--layer-index, 0)); background: var(--gaydev-colors-bg-panel); --bg-currentcolor: var(--gaydev-colors-bg-panel); box-shadow: var(--gaydev-shadows-lg); max-width: var(--gaydev-sizes-4xl); --dialog-base-margin: auto; margin-inline: auto; }
  .css-l7dk2p:is([open], [data-open], [data-state="open"]) { animation-duration: var(--gaydev-durations-moderate); animation-name: scale-in, fade-in; }
  .css-l7dk2p:is([closed], [data-closed], [data-state="closed"]) { animation-duration: var(--gaydev-durations-faster); animation-name: scale-out, fade-out; }
}
@media screen and (min-width: 30rem) {
  .css-l7dk2p { padding: 8px 24px 8px 8px; }
}
.css-1p9g59m { display: flex; -webkit-box-align: stretch; align-items: stretch; flex-direction: column; gap: var(--gaydev-spacing-5); min-height: 260px; }
@media screen and (min-width: 30rem) {
  .css-1p9g59m { flex-direction: row; }
}
.css-1fvo9qk { align-self: stretch; border-radius: 24px; width: var(--gaydev-sizes-full); min-width: var(--gaydev-sizes-full); background-image: url("warehouse-BMn6u6mW.png"); background-size: cover; background-position: center -60px; padding: var(--gaydev-spacing-4); min-height: 220px; }
@media screen and (min-width: 30rem) {
  .css-1fvo9qk { width: 48%; min-width: 48%; background-position: center top; }
}
.css-1yul2sm { object-fit: cover; height: 48px; }
.css-kjl12f { display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; gap: var(--gaydev-spacing-5); padding: 10px 0px 16px; text-align: center; width: var(--gaydev-sizes-full); }
.css-17q47x7 { font-weight: 500; }
@layer recipes {
  .css-17q47x7 { font-family: var(--gaydev-fonts-heading); font-weight: var(--gaydev-font-weights-semibold); font-size: var(--gaydev-font-sizes-xl); line-height: 1.875rem; }
}
.css-1f64w1v { display: flex; flex-direction: column; gap: var(--gaydev-spacing-4); width: var(--gaydev-sizes-full); }
.css-wgd5qy { font-weight: 500; font-size: var(--gaydev-font-sizes-lg); color: var(--gaydev-colors-text-secondary); }
.css-qwq320 { color: var(--gaydev-colors-text-primary); border-width: 1px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-stroke-purple); background: var(--gaydev-colors-badge-purple); --bg-currentcolor: var(--gaydev-colors-badge-purple); height: 64px; padding: 16px; justify-self: stretch; -webkit-box-pack: start; justify-content: start; border-radius: 20px; }
@layer recipes {
  .css-qwq320 { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: var(--gaydev-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--gaydev-colors-transparent); cursor: var(--gaydev-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--gaydev-font-weights-medium); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform; transition-duration: var(--gaydev-durations-moderate); --focus-ring-color: var(--gaydev-colors-color-palette-focus-ring); height: var(--gaydev-sizes-10); min-width: var(--gaydev-sizes-10); font-size: var(--gaydev-font-sizes-sm); padding-inline: var(--gaydev-spacing-4); gap: var(--gaydev-spacing-2); background: var(--gaydev-colors-color-palette-solid); --bg-currentcolor: var(--gaydev-colors-color-palette-solid); color: var(--gaydev-colors-color-palette-contrast); }
  .css-qwq320: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-qwq320:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-qwq320 :where(svg) { flex-shrink: 0; width: var(--gaydev-sizes-5); height: var(--gaydev-sizes-5); }
  .css-qwq320:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
  @media (hover: hover) {
  .css-qwq320:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
}
}
.css-9kqmtr { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: var(--gaydev-spacing-3); }
.css-6sv5ik { background: linear-gradient(rgb(115, 76, 187) 0%, rgb(72, 36, 138) 100%); --bg-currentcolor: linear-gradient(180deg, #734CBB 0%, #48248A 100%); border-radius: 8px; width: 32px; height: 32px; }
@layer recipes {
  .css-6sv5ik { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
@layer recipes {
  .css-1qiwd9j { display: inline-block; line-height: 1em; flex-shrink: 0; color: currentcolor; vertical-align: middle; }
}
.css-1r79srw { font-weight: 700; font-size: var(--gaydev-font-sizes-lg); }
@layer recipes {
  .css-1r79srw { font-family: var(--gaydev-fonts-heading); font-weight: var(--gaydev-font-weights-semibold); font-size: var(--gaydev-font-sizes-xl); line-height: 1.875rem; }
}
.css-1e7swic { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: var(--gaydev-spacing-1); }
.css-rnefu1 { color: var(--gaydev-colors-text-primary); border: 1px solid rgba(42, 171, 238, 0.2); background: radial-gradient(221.48% 89.92% at 10.08% 50%, rgba(42, 171, 238, 0.05) 10.53%, rgba(42, 171, 238, 0.4) 100%), rgba(42, 171, 238, 0.05); --bg-currentcolor: radial-gradient(221.48% 89.92% at 10.08% 50%, rgba(42, 171, 238, 0.05) 10.53%, rgba(42, 171, 238, 0.40) 100%),rgba(42, 171, 238, 0.05); height: 64px; padding: 16px; justify-self: stretch; -webkit-box-pack: start; justify-content: start; border-radius: 20px; }
@layer recipes {
  .css-rnefu1 { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: var(--gaydev-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--gaydev-colors-transparent); cursor: var(--gaydev-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--gaydev-font-weights-medium); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform; transition-duration: var(--gaydev-durations-moderate); --focus-ring-color: var(--gaydev-colors-color-palette-focus-ring); height: var(--gaydev-sizes-10); min-width: var(--gaydev-sizes-10); font-size: var(--gaydev-font-sizes-sm); padding-inline: var(--gaydev-spacing-4); gap: var(--gaydev-spacing-2); background: var(--gaydev-colors-color-palette-solid); --bg-currentcolor: var(--gaydev-colors-color-palette-solid); color: var(--gaydev-colors-color-palette-contrast); }
  .css-rnefu1: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-rnefu1:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-rnefu1 :where(svg) { flex-shrink: 0; width: var(--gaydev-sizes-5); height: var(--gaydev-sizes-5); }
  .css-rnefu1:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
  @media (hover: hover) {
  .css-rnefu1:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
}
}
.css-1pwn7mw { background: linear-gradient(rgb(42, 171, 238) 0%, rgb(11, 110, 161) 100%); --bg-currentcolor: linear-gradient(180deg, #2AABEE 0%, #0B6EA1 100%); border-radius: 8px; width: 32px; height: 32px; }
@layer recipes {
  .css-1pwn7mw { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-1vhue2a { color: var(--gaydev-colors-text-primary); border: 1px solid rgba(216, 77, 49, 0.2); background: radial-gradient(221.48% 89.92% at 10.08% 50%, rgba(216, 77, 49, 0.05) 10.53%, rgba(216, 77, 49, 0.4) 100%), rgba(216, 77, 49, 0.05); --bg-currentcolor: radial-gradient(221.48% 89.92% at 10.08% 50%, rgba(216, 77, 49, 0.05) 10.53%, rgba(216, 77, 49, 0.40) 100%),rgba(216, 77, 49, 0.05); height: 64px; padding: 16px; justify-self: stretch; -webkit-box-pack: start; justify-content: start; border-radius: 20px; }
@layer recipes {
  .css-1vhue2a { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: var(--gaydev-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--gaydev-colors-transparent); cursor: var(--gaydev-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--gaydev-font-weights-medium); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform; transition-duration: var(--gaydev-durations-moderate); --focus-ring-color: var(--gaydev-colors-color-palette-focus-ring); height: var(--gaydev-sizes-10); min-width: var(--gaydev-sizes-10); font-size: var(--gaydev-font-sizes-sm); padding-inline: var(--gaydev-spacing-4); gap: var(--gaydev-spacing-2); background: var(--gaydev-colors-color-palette-solid); --bg-currentcolor: var(--gaydev-colors-color-palette-solid); color: var(--gaydev-colors-color-palette-contrast); }
  .css-1vhue2a: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-1vhue2a:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-1vhue2a :where(svg) { flex-shrink: 0; width: var(--gaydev-sizes-5); height: var(--gaydev-sizes-5); }
  .css-1vhue2a:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
  @media (hover: hover) {
  .css-1vhue2a:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
}
}
.css-7mqp8v { background: rgba(72, 22, 12, 0.2); --bg-currentcolor: rgba(72, 22, 12, 0.20); border-radius: 8px; width: 32px; height: 32px; }
@layer recipes {
  .css-7mqp8v { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}

.css-1jk41ds { border-radius: 32px; padding: 24px; border-width: 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); background: var(--gaydev-colors-bg-modals); --bg-currentcolor: var(--gaydev-colors-bg-modals); box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 16px 0px; }
@layer recipes {
  .css-1jk41ds { display: flex; flex-direction: column; position: relative; width: 100%; outline: 0px; border-radius: var(--gaydev-radii-l3); font-size: var(--gaydev-font-sizes-sm); line-height: 1.25rem; margin-block: var(--dialog-margin, var(--dialog-base-margin)); --dialog-z-index: var(--gaydev-z-index-popover); z-index: calc(var(--dialog-z-index) + var(--layer-index, 0)); background: var(--gaydev-colors-bg-panel); --bg-currentcolor: var(--gaydev-colors-bg-panel); box-shadow: var(--gaydev-shadows-lg); max-width: var(--gaydev-sizes-lg); --dialog-base-margin: auto; margin-inline: auto; }
  .css-1jk41ds:is([open], [data-open], [data-state="open"]) { animation-duration: var(--gaydev-durations-moderate); animation-name: scale-in, fade-in; }
  .css-1jk41ds:is([closed], [data-closed], [data-state="closed"]) { animation-duration: var(--gaydev-durations-faster); animation-name: scale-out, fade-out; }
}
.css-cq91qz { display: flex; flex-direction: column; gap: var(--gaydev-spacing-5); }
.css-1wz3dt4 { display: flex; flex-direction: column; gap: var(--gaydev-spacing-2); text-align: center; }
@layer recipes {
  .css-1g5bnko { font-family: var(--gaydev-fonts-heading); font-weight: var(--gaydev-font-weights-semibold); font-size: var(--gaydev-font-sizes-lg); line-height: 1.75rem; }
}
.css-ud8aot { font-size: var(--gaydev-font-sizes-sm); color: var(--gaydev-colors-text-secondary); }
.css-aeo1nu { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: var(--gaydev-spacing-3); }
.css-42r4f4 { position: relative; isolation: isolate; padding: 16px 32px; height: 56px; border-radius: 20px; background: var(--gaydev-colors-button-accent); --bg-currentcolor: var(--gaydev-colors-button-accent); color: var(--gaydev-colors-text-primary); font-size: 16px; font-weight: 700; border-width: 1.5px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-stroke-accent_button); }
@layer recipes {
  .css-42r4f4 { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: var(--gaydev-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--gaydev-colors-transparent); cursor: var(--gaydev-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--gaydev-font-weights-medium); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform; transition-duration: var(--gaydev-durations-moderate); --focus-ring-color: var(--gaydev-colors-color-palette-focus-ring); height: var(--gaydev-sizes-10); min-width: var(--gaydev-sizes-10); font-size: var(--gaydev-font-sizes-sm); padding-inline: var(--gaydev-spacing-4); gap: var(--gaydev-spacing-2); background: var(--gaydev-colors-color-palette-solid); --bg-currentcolor: var(--gaydev-colors-color-palette-solid); color: var(--gaydev-colors-color-palette-contrast); }
  .css-42r4f4: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-42r4f4:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
}
.css-42r4f4::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; background: var(--gaydev-colors-button-accent_hover); --bg-currentcolor: var(--gaydev-colors-button-accent_hover); opacity: 0; transition: opacity 0.2s; }
@media (hover: hover) {
  .css-42r4f4:is(:hover, [data-hover]):not(:disabled, [data-disabled])::before { opacity: 1; }
}
.css-10k56bc { position: absolute; right: -32px; bottom: -22px; filter: blur(32px); opacity: 0.8; pointer-events: none; }
.css-1ve3j2m { position: relative; width: 52px; height: 52px; flex-shrink: 0; }
.css-l1qf37 { object-fit: cover; position: absolute; inset: 0px; width: var(--gaydev-sizes-full); height: var(--gaydev-sizes-full); border-radius: 16px; }
.css-1ekfrfu { position: absolute; inset: 0px; border-radius: 16px; border: 1px solid rgba(235, 240, 247, 0.1); pointer-events: none; }
.css-4xz82o { position: relative; display: flex; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; }
.css-3zrys1 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; border-radius: 20px; --mix-backgroundColor: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background-color: var(--mix-backgroundColor, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-backgroundColor, var(--gaydev-colors-bg-islands)); height: 44px; padding: 16px 8px 16px 12px; }
@media screen and (min-width: 30rem) {
  .css-3zrys1 { height: 52px; padding: 16px 12px 16px 16px; }
}
.css-14zcihu { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-direction: row; gap: var(--gaydev-spacing-1); }
.css-16tkj8g { font-size: var(--gaydev-font-sizes-lg); font-weight: 600; }
@media screen and (min-width: 30rem) {
  .css-16tkj8g { font-size: var(--gaydev-font-sizes-xl); }
}
.css-1hk2jqu { border-radius: 20px; }
.css-1flaath { display: inline-flex; appearance: none; align-items: center; justify-content: center; text-decoration: none; position: relative; isolation: isolate; border-radius: 20px; border: 1px solid transparent; background: radial-gradient(80% 178.96% at 20% 50%, rgba(115, 76, 187, 0.05) 10.96%, rgb(115, 76, 187) 100%) no-repeat border-box border-box, rgba(115, 76, 187, 0.05); --bg-currentcolor: radial-gradient(80% 178.96% at 20% 50%, rgba(115, 76, 187, 0.05) 10.96%, #734CBB 100%) border-box no-repeat,rgba(115, 76, 187, 0.05); backdrop-filter: blur(16px); padding: 16px 20px 16px 24px; height: 52px; font-weight: 700; text-transform: uppercase; color: var(--gaydev-colors-text-primary); font-size: var(--gaydev-font-sizes-md); cursor: pointer; }
.css-1flaath::after { content: ""; position: absolute; inset: -1px; padding: 1px; border-radius: inherit; background: var(--event-badge-purple-stroke, linear-gradient(90deg, rgba(115, 76, 187, 0.2) 0%, #DDC6FF 100%)); --bg-currentcolor: var(--event-badge-purple-stroke, linear-gradient(90deg, rgba(115, 76, 187, 0.2) 0%, #DDC6FF 100%)); pointer-events: none; mask: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) content-box exclude, linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px); }
.css-age7l4 { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: var(--gaydev-spacing-2); }
.css-ruapjk { position: relative; flex-shrink: 0; }
.css-m4gy7n { display: block; flex-shrink: 0; padding: 0px; background: var(--gaydev-colors-transparent); --bg-currentcolor: var(--gaydev-colors-transparent); border-radius: 16px; cursor: pointer; border: 0; }
.css-profile-popper { position: fixed; left: 0; top: 0; z-index: 1500; }
.css-14jv11m { display: block; width: 226px; padding: 8px 24px 8px 8px; background: radial-gradient(95.81% 100% at 100% 0%, rgba(16, 15, 18, 0.8) 0%, rgba(16, 15, 18, 0.66) 40.38%, rgba(16, 15, 18, 0) 100%); outline: 0; }
.css-qcymje { display: flex; flex-direction: column; min-width: 194px; padding: 3px; border-radius: 16px; background: rgba(18, 16, 20, 0.9); border: 1px solid rgba(233, 216, 255, 0.1); }
.css-cp9lf6 { display: flex; align-items: center; gap: 8px; width: 100%; height: 36px; padding: 8px; border: 0; border-radius: 12px; background: transparent; color: rgba(241, 231, 255, 0.4); text-decoration: none; cursor: pointer; }
.css-cp9lf6:hover { background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 8%, transparent); }
.css-1bj1gn7 { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; flex-shrink: 0; color: rgba(241, 231, 255, 0.4); }
.css-1lv75po { font-size: 14px; font-weight: 500; line-height: 17px; color: var(--gaydev-colors-text-primary); overflow: hidden; white-space: nowrap; }

.css-hr1gg0 { display: flex; flex-direction: column; gap: var(--gaydev-spacing-2); width: var(--gaydev-sizes-full); margin-top: var(--gaydev-spacing-16); }
.css-1cw3q2i { width: var(--gaydev-sizes-full); }
@layer recipes {
  .css-1cw3q2i { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-2mps0 { display: flex; flex-direction: column; gap: var(--gaydev-spacing-4); padding: 16px; border-radius: 32px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); border-width: 1.5px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 10%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); max-width: var(--gaydev-sizes-3xl); width: var(--gaydev-sizes-full); }
@media screen and (min-width: 30rem) {
  .css-2mps0 { padding: 24px 32px; }
}
.css-1715oeu { display: flex; flex-direction: column; gap: var(--gaydev-spacing-2); }
.css-8o2cfy { font-size: 22px; font-weight: 700; }
@layer recipes {
  .css-8o2cfy { font-family: var(--gaydev-fonts-heading); font-weight: var(--gaydev-font-weights-semibold); font-size: var(--gaydev-font-sizes-xl); line-height: 1.875rem; }
}
@media screen and (min-width: 30rem) {
  .css-8o2cfy { font-size: 26px; }
}
.css-1jbti8u { font-size: 16px; font-weight: 500; color: var(--gaydev-colors-text-tretiary); }
.css-12ecoas { font-size: 14px; color: var(--gaydev-colors-text-secondary); }
.css-bg78fg { font-size: 18px; font-weight: 600; margin-top: var(--gaydev-spacing-3); }
@layer recipes {
  .css-bg78fg { font-family: var(--gaydev-fonts-heading); font-weight: var(--gaydev-font-weights-semibold); font-size: var(--gaydev-font-sizes-xl); line-height: 1.875rem; }
}
.css-d1afrn { display: flex; flex-direction: column; gap: var(--gaydev-spacing-2); padding-left: var(--gaydev-spacing-1); }
.css-n9k4nr { display: flex; align-items: flex-start; flex-direction: row; gap: var(--gaydev-spacing-2\.5); }
.css-vc9bxg { width: 6px; height: 6px; border-radius: var(--gaydev-radii-full); background: rgb(164, 102, 255); --bg-currentcolor: #A466FF; margin-top: 7px; flex-shrink: 0; }
.css-aegj9l { border-radius: 16px; border: 1px solid rgba(164, 102, 255, 0.2); background: linear-gradient(90deg, rgba(164, 102, 255, 0.1) 0%, rgba(164, 102, 255, 0.05) 100%), rgba(233, 216, 255, 0.05); --bg-currentcolor: linear-gradient(90deg, rgba(164, 102, 255, 0.10) 0%, rgba(164, 102, 255, 0.05) 100%),rgba(233, 216, 255, 0.05); padding: var(--gaydev-spacing-4); }
.css-1n2oq1w { font-size: 15px; font-weight: 500; color: var(--gaydev-colors-text-primary); }
.css-1xy55bf { display: flex; flex-direction: column; gap: var(--gaydev-spacing-4); padding: 16px; border-radius: 32px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); border-width: 1.5px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 10%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); max-width: var(--gaydev-sizes-3xl); width: var(--gaydev-sizes-full); }
@media screen and (min-width: 30rem) {
  .css-1xy55bf { padding: 20px 32px; }
}
.css-1nzkwof { font-size: 20px; font-weight: 600; }
@layer recipes {
  .css-1nzkwof { font-family: var(--gaydev-fonts-heading); font-weight: var(--gaydev-font-weights-semibold); font-size: var(--gaydev-font-sizes-xl); line-height: 1.875rem; }
}
.css-1x4xoj6 { font-size: 14px; font-weight: 400; color: var(--gaydev-colors-text-secondary); white-space: pre-wrap; }
.css-kxukuu { display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; gap: var(--gaydev-spacing-8); margin-top: var(--gaydev-spacing-16); width: var(--gaydev-sizes-full); }
.css-1fttw2f { font-size: 24px; font-weight: 700; text-transform: uppercase; }
@layer recipes {
  .css-1fttw2f { font-family: var(--gaydev-fonts-heading); font-weight: var(--gaydev-font-weights-semibold); font-size: var(--gaydev-font-sizes-xl); line-height: 1.875rem; }
}
.css-13zbt9e { display: flex; flex-direction: column; gap: var(--gaydev-spacing-2); width: var(--gaydev-sizes-full); max-width: 600px; }
.css-ewz5or { display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; gap: var(--gaydev-spacing-1); width: var(--gaydev-sizes-full); padding: 12px 16px; border-radius: 16px; border-width: 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); backdrop-filter: blur(16px); text-align: center; }
.css-1bjmzey { font-size: 18px; font-weight: 600; color: var(--gaydev-colors-other-accent); }
@media (hover: hover) {
  .css-1bjmzey:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { text-decoration: underline; }
}
.css-ce6huc { display: flex; flex-direction: column; gap: var(--gaydev-spacing-10); width: var(--gaydev-sizes-full); max-width: 1120px; margin-inline: auto; margin-top: var(--gaydev-spacing-8); margin-bottom: var(--gaydev-spacing-10); }
@media screen and (min-width: 48rem) {
  .css-ce6huc { margin-top: var(--gaydev-spacing-16); }
}
.css-6y6cgq { display: flex; align-items: flex-start; -webkit-box-pack: justify; justify-content: space-between; flex-direction: column; gap: var(--gaydev-spacing-4); }
@media screen and (min-width: 48rem) {
  .css-6y6cgq { align-items: flex-end; flex-direction: row; }
}
.css-klr9yq { font-family: "Santa Maria Sans", var(--gaydev-fonts-heading); font-weight: 900; font-size: 28px; line-height: normal; text-transform: uppercase; color: var(--gaydev-colors-text-primary); }
@media screen and (min-width: 48rem) {
  .css-klr9yq { font-size: 40px; }
}
.css-1aqohf6 { font-size: 16px; font-weight: 500; color: var(--gaydev-colors-text-secondary); }
.css-owjbu7 { display: flex; flex-direction: column; gap: var(--gaydev-spacing-4); }
@media screen and (min-width: 48rem) {
  .css-owjbu7 { flex-direction: row; }
}
.css-fmih16 { position: relative; flex: 0 0 auto; min-height: 133px; padding: var(--gaydev-spacing-5); border-radius: 20px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); border-width: 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); backdrop-filter: blur(16px); overflow: hidden; }
@media screen and (min-width: 48rem) {
  .css-fmih16 { flex: 1 0 0px; }
}
.css-tmllmn { object-fit: cover; position: absolute; pointer-events: none; max-width: none; filter: drop-shadow(rgba(16, 15, 18, 0.15) 4px 4px 12px); width: 196px; right: -33px; bottom: -64px; }
.css-5psvhq { display: flex; flex-direction: column; gap: var(--gaydev-spacing-3); position: relative; max-width: 70%; }
@media screen and (min-width: 48rem) {
  .css-5psvhq { max-width: 65%; }
}
.css-xtaid7 { font-size: 20px; font-weight: 600; color: var(--gaydev-colors-text-primary); }
.css-1s23f63 { font-size: 14px; font-weight: 500; line-height: 19px; color: var(--gaydev-colors-text-secondary); }
.css-k03pcp { object-fit: cover; position: absolute; pointer-events: none; max-width: none; filter: drop-shadow(rgba(16, 15, 18, 0.15) 4px 4px 12px); width: 176px; right: -9px; bottom: -50px; }
.css-hbpvu4 { display: flex; flex-direction: column; gap: var(--gaydev-spacing-7); }
.css-2ucq06 { display: flex; flex-direction: column; gap: var(--gaydev-spacing-3); }
.css-2kspsu { font-size: 14px; font-weight: 600; color: var(--gaydev-colors-text-secondary); }
.css-15z6274 { padding-inline: var(--gaydev-spacing-5); padding-block: var(--gaydev-spacing-4); border-radius: 16px; background: var(--gaydev-colors-bg-islands_inverse); --bg-currentcolor: var(--gaydev-colors-bg-islands_inverse); border-width: 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); overflow-x: auto; }
.css-1cfm0qd { font-family: "JetBrains Mono", ui-monospace, "SF Mono", monospace; font-size: 14px; font-weight: 500; line-height: 19px; }
.css-17jb8ot { color: rgb(138, 255, 199); }
.css-o3ct21 { color: var(--gaydev-colors-text-tretiary); }
.css-1x5hkng { color: rgb(233, 193, 198); }
.css-1n1nlp8 { color: var(--gaydev-colors-other-badge_orange); }
.css-1tswe24 { color: var(--gaydev-colors-other-accent); }
.css-1d75u34 { padding: var(--gaydev-spacing-4); border-radius: 24px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); border-width: 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); }
@media screen and (min-width: 48rem) {
  .css-1d75u34 { padding: var(--gaydev-spacing-8); }
}
.css-le4lgz { display: flex; -webkit-box-align: stretch; align-items: stretch; flex-direction: column; gap: var(--gaydev-spacing-8); }
@media screen and (min-width: 64rem) {
  .css-le4lgz { flex-direction: row; gap: var(--gaydev-spacing-12); }
}
.css-1ml04ut { display: flex; flex-direction: column; gap: var(--gaydev-spacing-4); width: var(--gaydev-sizes-full); flex-shrink: 0; }
@media screen and (min-width: 64rem) {
  .css-1ml04ut { width: 420px; }
}
.css-lk2s1v { font-size: 20px; font-weight: 700; color: var(--gaydev-colors-text-primary); }
.css-utzwbp { scrollbar-width: none; display: flex; flex-direction: row; gap: 0px; height: 51px; width: var(--gaydev-sizes-full); border-radius: 16px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); border-width: 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); overflow-x: auto; }
.css-utzwbp::-webkit-scrollbar { display: none; }
.css-n77f63 { flex: 1 0 auto; height: var(--gaydev-sizes-full); padding-inline: var(--gaydev-spacing-3); border-radius: 16px; border-width: 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); background: radial-gradient(60% 90% at 50% 100%, rgba(164, 102, 255, 0.2) 0%, rgba(164, 102, 255, 0) 100%), rgba(233, 216, 255, 0.1); --bg-currentcolor: radial-gradient(60% 90% at 50% 100%, rgba(164, 102, 255, 0.20) 0%, rgba(164, 102, 255, 0.00) 100%),rgba(233, 216, 255, 0.10); color: var(--gaydev-colors-text-primary); font-size: 15px; font-weight: 600; white-space: nowrap; cursor: pointer; transition: color 0.15s, background 0.15s; }
@media screen and (min-width: 64rem) {
  .css-n77f63 { padding-inline: var(--gaydev-spacing-4); font-size: 16px; }
}
.css-1c7lqcq { flex: 1 0 auto; height: var(--gaydev-sizes-full); padding-inline: var(--gaydev-spacing-3); border-radius: 16px; border-width: medium; border-style: none; border-image: none; background: transparent; color: var(--gaydev-colors-text-tretiary); font-size: 15px; font-weight: 600; white-space: nowrap; cursor: pointer; transition: color 0.15s, background 0.15s; }
@media screen and (min-width: 64rem) {
  .css-1c7lqcq { padding-inline: var(--gaydev-spacing-4); font-size: 16px; }
}
@media (hover: hover) {
  .css-1c7lqcq:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { color: var(--gaydev-colors-text-secondary); }
}
.css-1550pwx { font-size: 14px; font-weight: 600; color: var(--gaydev-colors-text-tretiary); }
.css-8iazxd { padding: 16px; height: 56px; border-radius: 16px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); color: var(--gaydev-colors-white); font-size: 16px; font-weight: 500; border-width: 1px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-stroke-sides); width: 100%; }
.css-8iazxd::placeholder { color: var(--gaydev-colors-text-tretiary); }
.css-28zm0j { position: relative; width: var(--gaydev-sizes-full); }
.css-1uukpzt { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-direction: row; gap: var(--gaydev-spacing-2); height: 56px; padding-left: var(--gaydev-spacing-3); padding-right: var(--gaydev-spacing-5); border-radius: 16px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); border-width: 1px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-stroke-sides); cursor: pointer; user-select: none; }
.css-7659ri { flex-shrink: 0; transition: transform 0.15s; }
.css-11uz7w8 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-direction: row; gap: var(--gaydev-spacing-3); height: 56px; padding-inline: var(--gaydev-spacing-4); border-radius: 16px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); border-width: 1px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-stroke-sides); cursor: pointer; text-align: left; }
.css-vpucee { font-size: 14px; font-weight: 500; color: var(--gaydev-colors-text-secondary); }
.css-1mc731a { position: relative; width: 40px; height: 22px; border-radius: 100px; flex-shrink: 0; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); border-width: 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 10%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); transition: background 0.2s; }
.css-147c5gg { position: absolute; top: 1px; left: 1px; width: 18px; height: 18px; border-radius: 100px; background: rgba(241, 231, 255, 0.4); --bg-currentcolor: rgba(241,231,255,0.4); transition: left 0.2s, background 0.2s; }
.css-fairness-toggle-on { background: rgba(164, 102, 255, 0.35); border-color: rgba(164, 102, 255, 0.45); }
.css-fairness-toggle-on .css-147c5gg { left: 21px; background: #E9D8FF; }
.css-gqgv4g { position: relative; isolation: isolate; padding: 16px 32px; height: 52px; border-radius: 20px; background: var(--gaydev-colors-button-accent); --bg-currentcolor: var(--gaydev-colors-button-accent); color: var(--gaydev-colors-text-primary); font-size: 16px; font-weight: 700; border-width: 1.5px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-stroke-accent_button); width: var(--gaydev-sizes-full); text-transform: uppercase; text-shadow: rgba(128, 80, 224, 0.5) 0px 2px 4px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.css-gqgv4g:disabled { opacity: 0.4; cursor: not-allowed; }
.css-gqgv4g::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; background: var(--gaydev-colors-button-accent_hover); --bg-currentcolor: var(--gaydev-colors-button-accent_hover); opacity: 0; transition: opacity 0.2s; }
@media (hover: hover) {
  .css-gqgv4g:is(:hover, [data-hover]):not(:disabled, [data-disabled])::before { opacity: 1; }
}
.css-1m4lefo { display: flex; -webkit-box-pack: justify; justify-content: space-between; flex-direction: column; gap: var(--gaydev-spacing-4); flex: 1 0 0px; min-width: 0px; }
.css-k72rey { display: flex; flex-direction: column; gap: var(--gaydev-spacing-4); }
.css-3cuwgu { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-direction: column; gap: var(--gaydev-spacing-2); min-height: 312px; padding: var(--gaydev-spacing-4); border-radius: 24px; border-width: 2px; border-style: dashed; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 10%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); text-align: center; }
@media screen and (min-width: 48rem) {
  .css-3cuwgu { padding: var(--gaydev-spacing-8); }
}
.css-8k782v { display: flex; flex-direction: column; gap: var(--gaydev-spacing-2); padding-inline: var(--gaydev-spacing-5); padding-block: var(--gaydev-spacing-4); border-radius: 20px; background: var(--gaydev-colors-bg-islands_inverse); --bg-currentcolor: var(--gaydev-colors-bg-islands_inverse); border-width: 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); overflow-x: auto; }
.css-16vzbe7 { font-size: 16px; font-weight: 600; color: var(--gaydev-colors-text-tretiary); }
.css-1keofsu { width: var(--gaydev-sizes-full); padding: var(--gaydev-spacing-5); border-radius: 20px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); border-width: 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); cursor: pointer; user-select: none; text-align: left; }
.css-2wx0fz { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-direction: row; gap: var(--gaydev-spacing-3); }
.css-ugqnge { font-size: 18px; font-weight: 600; color: var(--gaydev-colors-text-primary); }
.css-aecysg { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-direction: row; gap: var(--gaydev-spacing-2); }
.css-m858ak { flex-shrink: 0; transform: rotate(180deg); transition: transform 0.15s; }
.css-1f1rghl { margin-top: var(--gaydev-spacing-3); font-size: 14px; font-weight: 500; line-height: 20px; color: var(--gaydev-colors-text-secondary); }
body.page-contacts {
  background-color: transparent;
  background-image: url("/assets/contacts-background-CoLPFnfs.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
body.page-contacts #root {
  background: transparent;
}
.css-8e9yta { display: none; border-radius: 100px; }
.css-520jn2 { display: inline-flex; appearance: none; align-items: center; justify-content: center; position: relative; isolation: isolate; border-radius: 100px; border: 1px solid transparent; background: radial-gradient(80% 178.96% at 20% 50%, rgba(115, 76, 187, 0.05) 10.96%, rgb(115, 76, 187) 100%) no-repeat border-box, rgba(115, 76, 187, 0.05); backdrop-filter: blur(16px); padding: 8px 12px; height: 52px; width: 52px; min-width: 52px; cursor: pointer; color: var(--gaydev-colors-text-primary); }
.css-520jn2::after { content: ""; position: absolute; inset: -1px; padding: 1px; border-radius: inherit; background: var(--event-badge-purple-stroke, linear-gradient(90deg, rgba(115, 76, 187, 0.2) 0%, #DDC6FF 100%)); pointer-events: none; mask: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) content-box exclude, linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px); }
@media (max-width: 79.9975rem) {
  .css-1hk2jqu { display: none; }
  .css-8e9yta { display: block; }
  .css-1rpbdrg { padding-inline: 24px; }
  .css-1fzas5h { gap: 24px; }
  header .css-79elbk { width: 50px; height: 48px; flex-shrink: 0; }
  .css-1h06gwy, .css-1x02u0a { display: none; }
  .css-q2au4v, .css-zmslau { display: block; }
  .css-2neyd1 { display: none; }
  .css-p7o1yb { display: block; }
  .css-axw7ok { gap: 4px; }
}
@media (max-width: 63.9975rem) {
  .css-axw7ok > a.css-11pzpzt,
  .css-6su6fj > a.css-11pzpzt {
    width: 40px;
    height: 40px;
    padding: 0;
  }
  .css-axw7ok .css-1rlccr { display: none; }
  .css-1j4s091 { display: none; }
}
.css-1rpbdrg[data-icon-only] .css-axw7ok > a.css-11pzpzt,
.css-1rpbdrg[data-icon-only] .css-6su6fj > a.css-11pzpzt {
  width: 40px;
  height: 40px;
  padding: 0;
}
.css-1rpbdrg[data-icon-only] .css-axw7ok .css-1rlccr { display: none; }
.css-1rpbdrg[data-icon-only] .css-1j4s091 { display: none; }
.css-c3o8e5, .css-okybcv { display: flex; flex-direction: column; position: relative; width: 100%; max-width: 430px; height: 600px; max-height: calc(100dvh - 32px); overflow: hidden; outline: 0; margin-inline: auto; background: var(--gaydev-colors-bg-modals); backdrop-filter: blur(16px); border-radius: 32px; border-top: 1px solid color-mix(in srgb, var(--gaydev-colors-stroke-default) 5%, transparent); box-shadow: rgba(0, 0, 0, 0.3) 0 0 16px 0; padding: 16px 24px 24px; }
.css-okybcv { height: auto; }
.css-c3o8e5:is([data-state="open"]), .css-okybcv:is([data-state="open"]) { animation-duration: var(--gaydev-durations-moderate); animation-name: scale-in, fade-in; }
.css-n690vv { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: var(--gaydev-spacing-2); flex-shrink: 0; height: 28px; }
.css-it4ufq { font-family: var(--gaydev-fonts-heading); color: var(--gaydev-colors-text-white); font-size: 20px; font-weight: 600; line-height: normal; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.css-p0gsx7 { display: inline-flex; align-items: center; justify-content: center; padding: 0; min-width: 28px; height: 28px; border: 0; border-radius: var(--gaydev-radii-full); background: rgba(255, 255, 255, 0.04); justify-self: end; cursor: pointer; color: #fff; }
.css-p0gsx7:hover { background: rgba(255, 255, 255, 0.08); }
.css-p0gsx7 :where(svg) { width: 12px; height: 12px; }
.chakra-button.css-1nmcuou { padding: 0; width: 24px; height: 24px; min-width: 24px; min-height: 24px; justify-self: start; background: transparent; border: 0; cursor: pointer; }
.chakra-button.css-1nmcuou :where(svg) { width: 18px; height: 16px; }
.css-9sx02a { display: flex; flex-direction: column; flex: 1 1 0%; min-height: 0; margin-top: 33px; }
.css-1lgtco4 { display: flex; flex-direction: column; justify-content: space-between; gap: var(--gaydev-spacing-8); height: 100%; }
.css-1wq1i5g { display: flex; align-items: center; gap: var(--gaydev-spacing-4); width: 100%; padding: var(--gaydev-spacing-4); overflow: hidden; border: 0; border-radius: 20px; background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 5%, transparent); text-align: left; cursor: pointer; transition: background 0.2s; color: inherit; }
.css-1wq1i5g:hover { background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); }
.css-jrpslz { display: flex; align-items: flex-start; flex-direction: column; gap: var(--gaydev-spacing-2); flex: 1 1 0%; min-width: 0; }
.css-t3c99b { display: flex; align-items: center; gap: var(--gaydev-spacing-2); }
.css-wa3jhj { font-size: 20px; font-weight: 700; line-height: normal; color: var(--gaydev-colors-text-primary); }
.css-1xfgiij { display: flex; gap: var(--gaydev-spacing-1); }
.css-8h3ffn { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 64px; height: 32px; padding: 4px 6px; border-radius: 8px; background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 5%, transparent); }
.css-84dtvw { object-fit: contain; width: 24px; height: 24px; flex-shrink: 0; }
.css-1f9c6tu { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 64px; height: 32px; padding: 4px 6px; border-radius: 8px; background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 5%, transparent); }
.css-wsoy4x { font-size: 14px; font-weight: 700; line-height: normal; color: var(--gaydev-colors-text-tretiary); }
.css-15g3kv { position: relative; width: 48px; height: 48px; flex-shrink: 0; }
.css-18yxdip { flex-shrink: 0; padding: 3px 6px; border-radius: 8px; border: 1px solid color-mix(in srgb, var(--gaydev-colors-upgrade-accent) 60%, transparent); background: color-mix(in srgb, var(--gaydev-colors-upgrade-accent) 15%, transparent); }
.css-pgm69v { font-size: 12px; font-weight: 700; line-height: normal; text-transform: uppercase; white-space: nowrap; color: var(--gaydev-colors-upgrade-accent); }
.css-7wx20p { display: inline-flex; align-items: center; justify-content: center; position: relative; isolation: isolate; width: 100%; flex-shrink: 0; padding: 16px 32px; height: 52px; border-radius: 20px; border: 1.5px solid color-mix(in srgb, var(--gaydev-colors-stroke-default) 5%, transparent); background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 5%, transparent); color: var(--gaydev-colors-text-primary); font-size: 16px; font-weight: 700; gap: 8px; cursor: pointer; backdrop-filter: blur(16px); }
.css-iedi0q { object-fit: cover; width: 20px; height: 20px; }
.css-1lejymi { text-transform: uppercase; }
.css-1pfwrdv { display: flex; flex-direction: column; flex: 1 1 0%; min-height: 0; overflow-y: auto; }
.css-1dnz6ge { display: flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; padding: 16px; height: 64px; border: 0; border-radius: 20px; background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 5%, transparent); cursor: pointer; color: inherit; text-align: left; }
.css-1dnz6ge:hover { background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); }
.css-1tnrpa2 { display: flex; flex-direction: column; gap: 2px; flex: 1 1 0%; min-width: 0; }
.css-nz1kew { display: flex; align-items: center; gap: 8px; }
.css-1y3187k { font-size: 18px; font-weight: 700; color: var(--gaydev-colors-text-primary); }
.css-70qvj9 { display: flex; align-items: center; gap: 4px; }
.css-mznboq { font-size: 14px; color: rgba(246, 242, 250, 0.25); }
.css-ju5ulr { object-fit: contain; width: 38px; height: 38px; flex-shrink: 0; }
.css-vjbwrt { display: flex; flex-direction: column; gap: 40px; }
.css-1w9u12g { display: flex; flex-direction: column; gap: 8px; padding: 16px; border-radius: 20px; background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 5%, transparent); }
.css-1g4zm66 { font-size: 16px; font-weight: 600; color: var(--gaydev-colors-text-primary); }
.css-1syv4nv { font-size: 14px; color: rgba(246, 242, 250, 0.44); }
.css-14kkx9e { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 10px 16px; height: 37px; border-radius: 12px; background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 5%, transparent); }
.css-wl6kcu { font-size: 14px; color: rgba(246, 242, 250, 0.25); }
.css-pzzfb9 { font-size: 14px; font-weight: 600; color: var(--gaydev-colors-text-primary); }
.css-r6kzod { display: flex; align-items: center; justify-content: center; width: 100%; height: 52px; padding: 16px 32px; border: 0; border-radius: 20px; background: radial-gradient(100% 734.62% at 0% 50%, rgb(113, 150, 13) 0%, rgb(149, 203, 3) 100%); color: var(--gaydev-colors-text-primary); font-size: 16px; font-weight: 700; text-transform: uppercase; cursor: pointer; }
.css-deposit-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; flex: 1; text-align: center; padding: 32px 16px; }
.css-1qgxk0f { display: flex; flex-direction: column; position: relative; width: 100%; max-width: 430px; max-height: calc(100dvh - 32px); overflow: hidden; outline: 0; margin-inline: auto; background: var(--gaydev-colors-bg-dialog); border-radius: 32px; border-top: 1px solid color-mix(in srgb, var(--gaydev-colors-stroke-default) 5%, transparent); box-shadow: rgba(0, 0, 0, 0.3) 0 0 16px 0; padding: 16px 24px 24px; }
.css-1qgxk0f:is([data-state="open"]) { animation-duration: var(--gaydev-durations-moderate); animation-name: scale-in, fade-in; }
.css-1vampf6 { display: flex; align-items: center; flex-direction: column; gap: var(--gaydev-spacing-5); padding-top: var(--gaydev-spacing-8); padding-bottom: var(--gaydev-spacing-16); }
.css-1h77719 { display: flex; align-items: center; flex-direction: column; gap: var(--gaydev-spacing-1); max-width: 100%; }
.css-14ca8bw { display: flex; align-items: center; gap: var(--gaydev-spacing-1); max-width: 100%; }
.css-1q149ef { display: inline-grid; max-width: 100%; }
.css-1lyqdrc { font-size: 48px; font-weight: 700; line-height: 57px; grid-area: 1 / 1; visibility: hidden; white-space: pre; }
.css-1ulwoj4 { font-size: 48px; font-weight: 700; line-height: 57px; grid-area: 1 / 1; width: 100%; min-width: 0; padding: 0; background: transparent; border: 0; outline: none; color: var(--gaydev-colors-text-primary); text-align: center; }
.css-32qtjk { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--gaydev-spacing-1); }
.css-1vokhac { padding: 3px 8px; border-radius: 8px; border: 1px solid var(--gaydev-colors-upgrade-accent); background: color-mix(in srgb, var(--gaydev-colors-upgrade-accent) 15%, transparent); }
.css-9o8diz { font-size: 12px; font-weight: 600; line-height: normal; text-transform: uppercase; color: var(--gaydev-colors-upgrade-accent); }
.css-tc8fd3 { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--gaydev-spacing-1); }
.css-g3me2c { display: flex; align-items: center; gap: 2px; padding: 4px 8px; border: 0; border-radius: 8px; background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 5%, transparent); cursor: pointer; color: inherit; transition: background 0.2s; }
.css-g3me2c[data-selected="true"] { background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 14%, transparent); }
.css-131bhzz { font-size: 16px; font-weight: 600; line-height: normal; color: var(--gaydev-colors-text-primary); }
.css-p976bn { display: flex; flex-direction: column; justify-content: flex-end; gap: 10px; height: 158px; min-height: 158px; }
.css-1j1x1cb { display: flex; flex-direction: column; gap: var(--gaydev-spacing-2); width: 100%; padding: var(--gaydev-spacing-3); border-radius: 16px; border: 1px solid color-mix(in srgb, var(--gaydev-colors-stroke-default) 5%, transparent); background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 5%, transparent); }
.css-1idevd { display: flex; align-items: center; justify-content: space-between; gap: var(--gaydev-spacing-2); }
.css-d9uf15 { display: flex; align-items: center; gap: var(--gaydev-spacing-1); min-width: 0; }
.css-18xowif { font-size: 14px; font-weight: 600; line-height: normal; color: var(--gaydev-colors-text-primary); }
.css-hnncl2 { position: relative; flex-shrink: 0; width: 40px; height: 22px; border-radius: 100px; border: 1px solid color-mix(in srgb, var(--gaydev-colors-stroke-default) 10%, transparent); background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 5%, transparent); cursor: pointer; }
.css-1x1wt7q { position: absolute; top: 1px; left: 1px; width: 18px; height: 18px; border-radius: 100px; background: color-mix(in srgb, var(--gaydev-colors-icon-primary) 40%, transparent); transition: left 0.2s, background 0.2s; }
.css-hnncl2[aria-checked="true"] { background: radial-gradient(80% 178.96% at 20% 50%, rgba(115, 76, 187, 0.1) 0%, rgb(115, 76, 187) 100%), rgba(115, 76, 187, 0.05); border-color: transparent; }
.css-hnncl2[aria-checked="true"] .css-1x1wt7q { left: 21px; background: #fff; }
.css-nn7mou { position: relative; isolation: isolate; display: flex; align-items: center; justify-content: center; width: 100%; flex-shrink: 0; padding: 16px 32px; height: 52px; border-radius: 20px; border: 1.5px solid var(--gaydev-colors-stroke-accent_button); background: var(--gaydev-colors-button-accent); color: var(--gaydev-colors-text-primary); font-size: 16px; font-weight: 700; cursor: pointer; }
.css-age7l4 { display: flex; align-items: center; flex-direction: row; gap: var(--gaydev-spacing-2); }
.css-h2lgiw { text-transform: uppercase; text-shadow: rgba(128, 80, 224, 0.5) 0 2px 4px; }
.css-13x2jmo { display: flex; align-items: center; flex-direction: row; gap: 2px; padding: 4px 6px; border-radius: 8px; background: linear-gradient(90deg, rgba(221, 198, 255, 0.2) 0%, rgba(221, 198, 255, 0.4) 100%); }
.css-4im96t { color: var(--gaydev-colors-text-secondary); }
.css-behb7e { display: flex; }
.css-1wk9r3i { display: flex; flex-direction: column; gap: 0; padding: 11px; border-radius: 16px; border: 1px solid rgba(255, 177, 125, 0.2); background: rgba(255, 177, 125, 0.05); }
.css-mb53vg { display: flex; align-items: center; gap: var(--gaydev-spacing-2); height: 17px; }
.css-1evr7ko { object-fit: cover; width: 16px; height: 16px; flex-shrink: 0; }
.css-x0sxg7 { font-size: 14px; font-weight: 400; line-height: normal; color: var(--gaydev-colors-other-badge_orange); }
.css-1fzk96a { display: flex; align-items: center; justify-content: space-between; gap: var(--gaydev-spacing-2); width: 100%; height: 56px; padding-left: 12px; padding-right: 20px; border-radius: 16px; border: 1px solid rgb(48, 45, 51); background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 5%, transparent); text-align: left; cursor: pointer; color: inherit; }
.css-4to8nt { object-fit: cover; width: 32px; height: 32px; flex-shrink: 0; }
.css-t5eh3z { display: flex; flex-direction: column; gap: 0; line-height: normal; }
.css-1gv8pz0 { font-size: 12px; font-weight: 400; color: var(--gaydev-colors-text-white); }
.css-1hsl6nv { font-size: 16px; font-weight: 600; color: var(--gaydev-colors-text-primary); }
.css-2ozwcd { display: flex; transition: transform 0.2s; }
.css-1fzk96a[data-state="open"] .css-2ozwcd { transform: rotate(180deg); }
.css-network-list { display: flex; flex-direction: column; gap: 4px; margin-top: 8px; padding: 8px; border-radius: 16px; border: 1px solid rgb(48, 45, 51); background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 8%, transparent); }
.css-gfmpii { display: flex; flex-direction: column; gap: 0; }
.css-1l8y2lw { display: flex; align-items: flex-start; gap: var(--gaydev-spacing-4); padding: 15px; border-radius: 20px; border: 1px solid color-mix(in srgb, var(--gaydev-colors-stroke-default) 5%, transparent); background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 5%, transparent); }
.css-65foxa { flex-shrink: 0; width: 117px; height: 117px; padding: 8px; overflow: hidden; border-radius: 12px; background: #fff; }
.css-wf0v3h { width: 100%; height: 100%; object-fit: contain; display: block; }
.css-egqv5g { display: flex; flex-direction: column; gap: var(--gaydev-spacing-4); flex: 1 1 0%; min-width: 0; }
.css-26za6l { display: flex; flex-direction: column; gap: 2px; line-height: normal; }
.css-16xmuqz { font-size: 14px; font-weight: 500; line-height: normal; color: var(--gaydev-colors-text-tretiary); }
.css-3efcm8 { font-size: 16px; font-weight: 600; color: var(--gaydev-colors-text-white); word-break: break-all; }
.css-1tswe24 { color: var(--gaydev-colors-other-accent); }
.css-13bmy8c { position: relative; isolation: isolate; display: flex; align-items: center; justify-content: center; width: 100%; height: 44px; padding: 16px 12px; border-radius: 16px; border: 1.5px solid var(--gaydev-colors-stroke-accent_button); background: var(--gaydev-colors-button-accent); color: var(--gaydev-colors-text-primary); font-size: 14px; font-weight: 700; cursor: pointer; white-space: normal; }
.css-1f7k92e { text-align: center; text-transform: uppercase; text-shadow: rgba(128, 80, 224, 0.5) 0 2px 4px; }
.css-1ux3j1i { display: flex; gap: var(--gaydev-spacing-2); padding-inline: 16px; }
.css-1ps0oxx { display: flex; flex: 1 1 0%; min-width: 0; height: 31px; align-items: center; justify-content: center; gap: 2px; padding-top: 8px; padding-bottom: 6px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; background: linear-gradient(rgba(16, 15, 18, 0.4) 0%, rgba(16, 15, 18, 0) 37.097%), linear-gradient(90deg, rgba(233, 216, 255, 0.1), rgba(233, 216, 255, 0.1)); }
.css-1i26g0d { color: var(--gaydev-colors-text-primary); }
.css-2gc7gg { display: flex; flex-direction: column; justify-content: flex-end; height: 96px; }
.css-b588l0 { position: relative; width: 20px; height: 20px; flex-shrink: 0; cursor: pointer; background: transparent; border: 0; padding: 0; }
.css-4c3pfl { object-fit: cover; position: absolute; top: 2.5833px; left: 2.5833px; width: 14.8333px; height: 14.8333px; }
.css-deposit-promo { width: 100%; height: 40px; padding: 0 12px; border-radius: 12px; border: 1px solid color-mix(in srgb, var(--gaydev-colors-stroke-default) 8%, transparent); background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 8%, transparent); color: var(--gaydev-colors-text-primary); outline: none; }


.css-93v6an { display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; gap: var(--gaydev-spacing-16); margin-top: var(--gaydev-spacing-12); text-align: center; width: var(--gaydev-sizes-full); }
.css-1f64w1v { display: flex; flex-direction: column; gap: var(--gaydev-spacing-4); width: var(--gaydev-sizes-full); }
.css-b4clyv { font-weight: 700; }
@layer recipes {
  .css-b4clyv { font-family: var(--gaydev-fonts-heading); font-weight: var(--gaydev-font-weights-semibold); font-size: var(--gaydev-font-sizes-2xl); line-height: 2rem; }
}
.css-12s9u81 { display: flex; -webkit-box-pack: center; justify-content: center; flex-flow: wrap; gap: var(--gaydev-spacing-2); }
.css-1na0zsm { padding: 6px 12px; border-radius: 10px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); border-width: 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); font-size: var(--gaydev-font-sizes-sm); font-weight: 600; color: var(--gaydev-colors-text-secondary); }
.css-fmtuqw { display: flex; flex-direction: column; gap: var(--gaydev-spacing-4); padding: 8px 8px 16px; border-radius: 38px; border-width: 1px 1px 2px; border-style: solid; border-color: rgb(44, 41, 51); width: var(--gaydev-sizes-full); background: url("/mash-background-B3EyTq8U.svg") center bottom / cover, radial-gradient(43.33% 100% at 50% 100.34%, rgba(122, 74, 209, 0.2) 0%, rgba(122, 74, 209, 0) 100%), rgb(14, 10, 19); --bg-currentcolor: url("/mash-background-B3EyTq8U.svg"),radial-gradient(43.33% 100% at 50% 100.34%, rgba(122, 74, 209, 0.20) 0%, rgba(122, 74, 209, 0.00) 100%),#0E0A13; }
.css-ttub13 { border-radius: 30px; background: radial-gradient(21.74% 21.74% at 54.55% 106.23%, rgba(5, 0, 13, 0) 0%, rgba(5, 0, 13, 0.15) 100%), radial-gradient(41.78% 41.78% at 50% 15.52%, rgba(240, 229, 255, 0.15) 0%, rgba(240, 229, 255, 0) 100%), radial-gradient(29.11% 28.5% at 20.91% 19.37%, rgba(240, 229, 255, 0.15) 0%, rgba(240, 229, 255, 0) 100%), radial-gradient(27.74% 27.28% at 82.31% 20.76%, rgba(240, 229, 255, 0.15) 0%, rgba(240, 229, 255, 0) 100%), radial-gradient(47.58% 47.24% at 50% 76.13%, rgba(240, 229, 255, 0.15) 0%, rgba(240, 229, 255, 0) 100%), radial-gradient(36.15% 35.41% at -4.07% 100%, rgba(5, 0, 13, 0) 0%, rgba(5, 0, 13, 0.05) 100%), radial-gradient(34.93% 34.28% at 100% 100%, rgba(2, 0, 5, 0) 0%, rgba(2, 0, 5, 0.05) 100%), rgb(31, 23, 43); --bg-currentcolor: radial-gradient(21.74% 21.74% at 54.55% 106.23%, rgba(5, 0, 13, 0.00) 0%, rgba(5, 0, 13, 0.15) 100%),radial-gradient(41.78% 41.78% at 50% 15.52%, rgba(240, 229, 255, 0.15) 0%, rgba(240, 229, 255, 0.00) 100%),radial-gradient(29.11% 28.5% at 20.91% 19.37%, rgba(240, 229, 255, 0.15) 0%, rgba(240, 229, 255, 0.00) 100%),radial-gradient(27.74% 27.28% at 82.31% 20.76%, rgba(240, 229, 255, 0.15) 0%, rgba(240, 229, 255, 0.00) 100%),radial-gradient(47.58% 47.24% at 50% 76.13%, rgba(240, 229, 255, 0.15) 0%, rgba(240, 229, 255, 0.00) 100%),radial-gradient(36.15% 35.41% at -4.07% 100%, rgba(5, 0, 13, 0.00) 0%, rgba(5, 0, 13, 0.05) 100%),radial-gradient(34.93% 34.28% at 100% 100%, rgba(2, 0, 5, 0.00) 0%, rgba(2, 0, 5, 0.05) 100%),#1F172B; padding: var(--gaydev-spacing-2); }
.css-ipr1rn { border-radius: 22px; background: radial-gradient(75.19% 5.15% at 100% 50%, rgba(229, 212, 255, 0.06) 0%, rgba(175, 127, 247, 0) 100%), radial-gradient(78.85% 5.4% at 0% 50%, rgba(229, 212, 255, 0.06) 0%, rgba(175, 127, 247, 0) 100%), radial-gradient(78.26% 50% at 50% 100%, rgba(175, 127, 247, 0.04) 0%, rgba(175, 127, 247, 0) 100%), linear-gradient(270deg, rgba(234, 219, 255, 0) 40%, rgba(234, 219, 255, 0.1) 50%, rgba(234, 219, 255, 0) 60%), rgb(6, 2, 10); --bg-currentcolor: radial-gradient(75.19% 5.15% at 100% 50%, rgba(229, 212, 255, 0.06) 0%, rgba(175, 127, 247, 0.00) 100%),radial-gradient(78.85% 5.4% at 0% 50%, rgba(229, 212, 255, 0.06) 0%, rgba(175, 127, 247, 0.00) 100%),radial-gradient(78.26% 50% at 50% 100%, rgba(175, 127, 247, 0.04) 0%, rgba(175, 127, 247, 0.00) 100%),linear-gradient(270deg, rgba(234, 219, 255, 0.00) 40%, rgba(234, 219, 255, 0.10) 50%, rgba(234, 219, 255, 0.00) 60%),#06020A; overflow: hidden; padding-top: var(--gaydev-spacing-2); padding-bottom: var(--gaydev-spacing-2); position: relative; }
.css-iwboj8 { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 140px; z-index: 2; pointer-events: none; background: linear-gradient(to right, rgb(6, 2, 10) 0%, rgba(6, 2, 10, 0) 100%); --bg-currentcolor: linear-gradient(to right, #06020A 0%, rgba(6, 2, 10, 0) 100%); }
.css-72zjfb { position: absolute; right: 0px; top: 0px; bottom: 0px; width: 140px; z-index: 2; pointer-events: none; background: linear-gradient(to left, rgb(6, 2, 10) 0%, rgba(6, 2, 10, 0) 100%); --bg-currentcolor: linear-gradient(to left, #06020A 0%, rgba(6, 2, 10, 0) 100%); }
.css-1x0l0sf { width: 164px; height: 160px; left: 50%; top: 50%; transform: translate(-50%, -50%); position: absolute; border-radius: 20px; border: 1px solid rgba(230, 220, 245, 0.19); --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); z-index: 3; pointer-events: none; }
.css-1cwrpy8 { display: flex; gap: 8px; transform: translateX(0px); transition: none; will-change: transform; }
.css-9qvx3y { --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent);     --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); border-radius: 20px; gap: 0px; -webkit-box-pack: start; justify-content: start; -webkit-box-align: start; align-items: start; position: relative; text-align: start; overflow: hidden; flex-shrink: 0; width: 164px; height: 160px; min-width: 164px; max-width: 164px; min-height: 160px; max-height: 160px; user-select: none; background-image: url("/ancient-container-BycaHgNT.png"); background-repeat: no-repeat; background-size: cover; background-position: center center; }
.css-rp4ynv { display: flex; flex-direction: column; gap: 0px; padding-top: var(--gaydev-spacing-3); padding-bottom: var(--gaydev-spacing-2); padding-inline: var(--gaydev-spacing-4); }
.css-1cw3q2i { width: var(--gaydev-sizes-full); }
@layer recipes {
  .css-1cw3q2i { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-1816md2 { object-fit: cover; height: 98px; }
.css-gfmpii { display: flex; flex-direction: column; gap: 0px; }
.css-19f21hb { --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent);     --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); border-radius: 20px; gap: 0px; -webkit-box-pack: start; justify-content: start; -webkit-box-align: start; align-items: start; position: relative; text-align: start; overflow: hidden; flex-shrink: 0; width: 164px; height: 160px; min-width: 164px; max-width: 164px; min-height: 160px; max-height: 160px; user-select: none; background-image: url(""); background-repeat: no-repeat; background-size: cover; background-position: center center; }
.css-17wilv9 { --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent);     --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); border-radius: 20px; gap: 0px; -webkit-box-pack: start; justify-content: start; -webkit-box-align: start; align-items: start; position: relative; text-align: start; overflow: hidden; flex-shrink: 0; width: 164px; height: 160px; min-width: 164px; max-width: 164px; min-height: 160px; max-height: 160px; user-select: none; background-image: url("/common-container-DaKs8xcW.png"); background-repeat: no-repeat; background-size: cover; background-position: center center; }
.css-l21nrg { --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent);     --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); border-radius: 20px; gap: 0px; -webkit-box-pack: start; justify-content: start; -webkit-box-align: start; align-items: start; position: relative; text-align: start; overflow: hidden; flex-shrink: 0; width: 164px; height: 160px; min-width: 164px; max-width: 164px; min-height: 160px; max-height: 160px; user-select: none; background-image: url(""); background-repeat: no-repeat; background-size: cover; background-position: center center; }
.css-125xkbb { --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent);     --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); border-radius: 20px; gap: 0px; -webkit-box-pack: start; justify-content: start; -webkit-box-align: start; align-items: start; position: relative; text-align: start; overflow: hidden; flex-shrink: 0; width: 164px; height: 160px; min-width: 164px; max-width: 164px; min-height: 160px; max-height: 160px; user-select: none; background-image: url(""); background-repeat: no-repeat; background-size: cover; background-position: center center; }
.css-12j6c0v { display: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-direction: row; gap: var(--gaydev-spacing-4); }
@media screen and (min-width: 48rem) {
  .css-12j6c0v { display: flex; }
}
.css-t466c3 { display: flex; flex-direction: row; gap: 0px; border-radius: 16px; background: rgba(13, 8, 19, 0.4); --bg-currentcolor: rgba(13, 8, 19, 0.40); backdrop-filter: blur(8px); opacity: 1; pointer-events: auto; transition-property: opacity; transition-duration: 200ms; }
.css-1254sni { height: 42px; width: 42px; flex: 0 0 42px; border-radius: 12px; cursor: pointer; user-select: none; border: 1px solid rgba(235, 240, 247, 0.05); background: radial-gradient(circle, rgba(174, 124, 247, 0.6) 0%, rgba(138, 96, 200, 0.45) 25%, rgba(102, 67, 153, 0.3) 50%, rgba(66, 39, 106, 0.15) 75%, rgba(30, 11, 59, 0) 100%), rgba(233, 216, 255, 0.05); --bg-currentcolor: radial-gradient(circle at 50% 50%, rgba(174, 124, 247, 0.60) 0%, rgba(138, 96, 200, 0.45) 25%, rgba(102, 67, 153, 0.30) 50%, rgba(66, 39, 106, 0.15) 75%, rgba(30, 11, 59, 0.00) 100%),rgba(233, 216, 255, 0.05); transition-property: background, border-color; transition-duration: 200ms; }
@layer recipes {
  .css-1254sni { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-t4lfo0 { font-size: 10px; font-weight: 800; color: rgba(174, 124, 247, 0.6); }
.css-k5xrws { font-size: 16px; font-weight: 700; color: rgb(174, 124, 247); }
.css-1p8t4bu { height: 42px; width: 42px; flex: 0 0 42px; border-radius: 12px; cursor: pointer; user-select: none; border-width: 1px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-transparent); background: var(--gaydev-colors-transparent); --bg-currentcolor: var(--gaydev-colors-transparent); transition-property: background, border-color; transition-duration: 200ms; }
@layer recipes {
  .css-1p8t4bu { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-1m3ws3b { font-size: 10px; font-weight: 800; color: rgb(59, 52, 77); }
.css-1owq30i { font-size: 16px; font-weight: 700; color: rgb(117, 106, 134); }
.css-19wkq0b { border-radius: 17px; padding: var(--gaydev-spacing-1); background-color: rgb(7, 4, 10); --bg-currentcolor: #07040A; }
.css-1p8xyl6 { min-width: 272px; height: 70px; border-radius: 14px; cursor: pointer; background: radial-gradient(21.74% 21.74% at 54.55% 106.23%, rgba(5, 0, 13, 0) 0%, rgba(5, 0, 13, 0.15) 100%), radial-gradient(41.78% 41.78% at 50% 15.52%, rgba(173, 112, 255, 0.4) 0%, rgba(173, 112, 255, 0) 100%), radial-gradient(29.11% 28.5% at 20.91% 19.37%, rgba(189, 140, 255, 0.25) 0%, rgba(189, 140, 255, 0) 100%), radial-gradient(27.74% 27.28% at 82.31% 20.76%, rgba(189, 140, 255, 0.25) 0%, rgba(189, 140, 255, 0) 100%), radial-gradient(47.58% 47.24% at 50% 76.13%, rgba(179, 128, 255, 0.3) 0%, rgba(181, 128, 255, 0) 100%), radial-gradient(36.15% 35.41% at -4.07% 100%, rgba(5, 0, 13, 0) 0%, rgba(5, 0, 13, 0.15) 100%), radial-gradient(34.93% 34.28% at 100% 100%, rgba(2, 0, 5, 0) 0%, rgba(2, 0, 5, 0.15) 100%), rgb(33, 24, 53); --bg-currentcolor: radial-gradient(21.74% 21.74% at 54.55% 106.23%, rgba(5, 0, 13, 0.00) 0%, rgba(5, 0, 13, 0.15) 100%),radial-gradient(41.78% 41.78% at 50% 15.52%, rgba(173, 112, 255, 0.40) 0%, rgba(173, 112, 255, 0.00) 100%),radial-gradient(29.11% 28.5% at 20.91% 19.37%, rgba(189, 140, 255, 0.25) 0%, rgba(189, 140, 255, 0.00) 100%),radial-gradient(27.74% 27.28% at 82.31% 20.76%, rgba(189, 140, 255, 0.25) 0%, rgba(189, 140, 255, 0.00) 100%),radial-gradient(47.58% 47.24% at 50% 76.13%, rgba(179, 128, 255, 0.30) 0%, rgba(181, 128, 255, 0.00) 100%),radial-gradient(36.15% 35.41% at -4.07% 100%, rgba(5, 0, 13, 0.00) 0%, rgba(5, 0, 13, 0.15) 100%),radial-gradient(34.93% 34.28% at 100% 100%, rgba(2, 0, 5, 0.00) 0%, rgba(2, 0, 5, 0.15) 100%),#211835; box-shadow: rgba(187, 141, 255, 0.69) 0px -1.5px 5.27px 0px inset; padding: var(--gaydev-spacing-2); opacity: 1; transition-duration: 200ms; }
@media (hover: hover) {
  .css-1p8xyl6:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { transform: translateY(-4px); }
}
.css-tcmzgi { border-radius: 10px; border: 1px solid rgb(87, 70, 117); background: radial-gradient(72.12% 70.71% at 0% 0%, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%), radial-gradient(72.12% 70.71% at 100% 0%, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%), radial-gradient(72.12% 70.71% at 0% 100%, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(72.12% 70.71% at 100% 100%, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 100%), rgb(63, 42, 94); --bg-currentcolor: radial-gradient(72.12% 70.71% at 0% 0%, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0.00) 100%),radial-gradient(72.12% 70.71% at 100% 0%, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0.00) 100%),radial-gradient(72.12% 70.71% at 0% 100%, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.00) 100%),radial-gradient(72.12% 70.71% at 100% 100%, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.00) 100%),#3F2A5E; height: var(--gaydev-sizes-full); user-select: none; }
@layer recipes {
  .css-tcmzgi { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-vgu30c { text-shadow: rgb(175, 127, 247) 0px 0px 4px, rgb(175, 127, 247) 0px 0px 8px; text-transform: uppercase; }
@layer recipes {
  .css-vgu30c { font-family: var(--gaydev-fonts-heading); font-weight: var(--gaydev-font-weights-semibold); font-size: var(--gaydev-font-sizes-lg); line-height: 1.75rem; }
}
.css-1m59p26 { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: 2px; padding: 4px 6px; color: var(--gaydev-colors-text-secondary); border-radius: 8px; --mix-backgroundColor: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background-color: var(--mix-backgroundColor, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-backgroundColor, var(--gaydev-colors-bg-islands)); }
.css-1kpgem6 { font-size: var(--gaydev-font-sizes-md); font-weight: 700; }
.css-19q4osj { width: 76px; height: 36px; flex-shrink: 0; border-radius: 100px; position: relative; cursor: pointer; user-select: none; backdrop-filter: blur(8px); border: 1px solid rgba(240, 229, 255, 0.2); background: radial-gradient(circle at 20% 50%, rgba(175, 168, 187, 0) 11%, rgba(175, 168, 187, 0.05) 100%), rgba(175, 168, 187, 0.05); --bg-currentcolor: radial-gradient(circle at 20% 50%, rgba(175, 168, 187, 0.00) 11%, rgba(175, 168, 187, 0.05) 100%),rgba(175, 168, 187, 0.05); opacity: 1; pointer-events: auto; transition-property: background, border-color, opacity; transition-duration: 200ms; }
.css-unsgdb { position: absolute; top: 50%; left: 52.5px; transform: translate(-50%, -50%); font-size: 14px; font-weight: 500; color: rgba(246, 242, 250, 0.2); transition-property: left, color; transition-duration: 200ms; }
.css-1fjo6sg { position: absolute; top: -1px; left: -1px; transform: translateX(0px); width: 36px; height: 36px; border-radius: var(--gaydev-radii-full); background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); border: 1px solid rgba(235, 240, 247, 0.05); transition-property: transform, background; transition-duration: 200ms; }
@layer recipes {
  .css-1fjo6sg { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-g6smy8 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-shrink: 0; width: 36px; height: 36px; border-radius: 10px; background: rgba(255, 255, 255, 0.08); --bg-currentcolor: rgba(255, 255, 255, 0.08); color: rgb(200, 203, 203); cursor: pointer; transition: opacity 0.15s, background 0.15s, border-color 0.15s; }
.css-g6smy8:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: default; }
@media (hover: hover) {
  .css-g6smy8:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: rgba(255, 255, 255, 0.14); --bg-currentcolor: rgba(255, 255, 255, 0.14); }
}
.css-11m8ycb { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-shrink: 0; width: 36px; height: 36px; border-radius: var(--gaydev-radii-full); border-width: 1px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-white-alpha-300); background: var(--gaydev-colors-white-alpha-100); --bg-currentcolor: var(--gaydev-colors-white-alpha-100); backdrop-filter: blur(8px); color: var(--gaydev-colors-white-alpha-800); opacity: 1; cursor: pointer; transition: opacity 0.15s, background 0.15s, border-color 0.15s; }
@media (hover: hover) {
  .css-11m8ycb:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: var(--gaydev-colors-white-alpha-200); --bg-currentcolor: var(--gaydev-colors-white-alpha-200); border-color: var(--gaydev-colors-white-alpha-400); }
}
.css-1cbwrro { display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; gap: var(--gaydev-spacing-2); width: var(--gaydev-sizes-full); }
@media screen and (min-width: 48rem) {
  .css-1cbwrro { display: none; }
}
.css-hbzpmy { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: var(--gaydev-spacing-2); width: var(--gaydev-sizes-full); padding-inline: var(--gaydev-spacing-2); }
.css-1gbzu0j { display: flex; flex-direction: row; gap: 0px; border-radius: 16px; background: rgba(13, 8, 19, 0.4); --bg-currentcolor: rgba(13, 8, 19, 0.40); backdrop-filter: blur(8px); flex: 1 0 0px; opacity: 1; pointer-events: auto; transition-property: opacity; transition-duration: 200ms; }
.css-13ekrc4 { height: 42px; flex: 1 0 0px; border-radius: 12px; cursor: pointer; user-select: none; border: 1px solid rgba(235, 240, 247, 0.05); background: radial-gradient(circle, rgba(174, 124, 247, 0.6) 0%, rgba(138, 96, 200, 0.45) 25%, rgba(102, 67, 153, 0.3) 50%, rgba(66, 39, 106, 0.15) 75%, rgba(30, 11, 59, 0) 100%), rgba(233, 216, 255, 0.05); --bg-currentcolor: radial-gradient(circle at 50% 50%, rgba(174, 124, 247, 0.60) 0%, rgba(138, 96, 200, 0.45) 25%, rgba(102, 67, 153, 0.30) 50%, rgba(66, 39, 106, 0.15) 75%, rgba(30, 11, 59, 0.00) 100%),rgba(233, 216, 255, 0.05); transition-property: background, border-color; transition-duration: 200ms; }
@layer recipes {
  .css-13ekrc4 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-qi3t53 { height: 42px; flex: 1 0 0px; border-radius: 12px; cursor: pointer; user-select: none; border-width: 1px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-transparent); background: var(--gaydev-colors-transparent); --bg-currentcolor: var(--gaydev-colors-transparent); transition-property: background, border-color; transition-duration: 200ms; }
@layer recipes {
  .css-qi3t53 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-56cf01 { display: flex; flex-direction: column; gap: var(--gaydev-spacing-6); width: var(--gaydev-sizes-full); }
.css-huudw6 { text-transform: uppercase; font-weight: 700; }
@layer recipes {
  .css-huudw6 { font-family: var(--gaydev-fonts-heading); font-weight: var(--gaydev-font-weights-semibold); font-size: var(--gaydev-font-sizes-2xl); line-height: 2rem; }
}
.css-1s5v102 { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: var(--gaydev-spacing-2); }
@media screen and (min-width: 30rem) {
  .css-1s5v102 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
}
@media screen and (min-width: 48rem) {
  .css-1s5v102 { grid-template-columns: repeat(5, minmax(0px, 1fr)); }
}
@media screen and (min-width: 64rem) {
  .css-1s5v102 { grid-template-columns: repeat(6, minmax(0px, 1fr)); }
}
@media screen and (min-width: 80rem) {
  .css-1s5v102 { grid-template-columns: repeat(7, minmax(0px, 1fr)); }
}
.css-8ul4b1 { --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent);     --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); backdrop-filter: blur(16px); border-radius: 20px; gap: 0px; -webkit-box-pack: start; justify-content: start; -webkit-box-align: start; align-items: start; position: relative; text-align: start; overflow: hidden; user-select: none; background-image: url("/most_ancient-yjQzIrWo.png"); background-repeat: no-repeat; background-size: cover; background-position: center center; cursor: pointer; }
.css-17h5k9z { position: absolute; top: var(--gaydev-spacing-2); right: var(--gaydev-spacing-2); z-index: 1; opacity: 0.8; }
.css-plquz4 { display: flex; flex-direction: column; gap: 0px; padding-top: var(--gaydev-spacing-2); padding-bottom: var(--gaydev-spacing-2); padding-inline: var(--gaydev-spacing-4); }
.css-1uoujrm { --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent);     --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); backdrop-filter: blur(16px); border-radius: 20px; gap: 0px; -webkit-box-pack: start; justify-content: start; -webkit-box-align: start; align-items: start; position: relative; text-align: start; overflow: hidden; user-select: none; background-image: url("/ancient-Bs3b-m8t.png"); background-repeat: no-repeat; background-size: cover; background-position: center center; cursor: pointer; }
.css-6ruuoa { --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent);     --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); backdrop-filter: blur(16px); border-radius: 20px; gap: 0px; -webkit-box-pack: start; justify-content: start; -webkit-box-align: start; align-items: start; position: relative; text-align: start; overflow: hidden; user-select: none; background-image: url("/legendary-2LpAiDdH.png"); background-repeat: no-repeat; background-size: cover; background-position: center center; cursor: pointer; }
.css-uuh0fw { --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent);     --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); backdrop-filter: blur(16px); border-radius: 20px; gap: 0px; -webkit-box-pack: start; justify-content: start; -webkit-box-align: start; align-items: start; position: relative; text-align: start; overflow: hidden; user-select: none; background-image: url(""); background-repeat: no-repeat; background-size: cover; background-position: center center; cursor: pointer; }
.css-845b0f { --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent);     --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); backdrop-filter: blur(16px); border-radius: 20px; gap: 0px; -webkit-box-pack: start; justify-content: start; -webkit-box-align: start; align-items: start; position: relative; text-align: start; overflow: hidden; user-select: none; background-image: url("/common-D8uJeq8z.png"); background-repeat: no-repeat; background-size: cover; background-position: center center; cursor: pointer; }
.css-1pym9sg { display: flex; gap: 8px; will-change: transform; }
.css-1b3e8k5 { position: absolute; top: var(--gaydev-spacing-2); right: var(--gaydev-spacing-2); z-index: 1; height: 24px; padding-inline: 6px; border-radius: 8px; border: 1px solid rgba(175, 168, 187, 0.05); background: var(--gaydev-colors-badge-default); --bg-currentcolor: var(--gaydev-colors-badge-default); backdrop-filter: blur(16px); box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 16px 0px; }
@layer recipes {
  .css-1b3e8k5 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-mkhk28 { font-size: 12px; font-weight: 500; color: var(--gaydev-colors-text-primary); }
.css-i0k0kj { --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent);     --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); border-radius: 20px; gap: 0px; -webkit-box-pack: start; justify-content: start; -webkit-box-align: start; align-items: start; position: relative; text-align: start; overflow: hidden; flex-shrink: 0; width: 164px; height: 160px; min-width: 164px; max-width: 164px; min-height: 160px; max-height: 160px; user-select: none; background-image: url("/uncommon-container-CTSYG_8x.png"); background-repeat: no-repeat; background-size: cover; background-position: center center; }
.css-4a55ft { --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent);     --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); backdrop-filter: blur(16px); border-radius: 20px; gap: 0px; -webkit-box-pack: start; justify-content: start; -webkit-box-align: start; align-items: start; position: relative; text-align: start; overflow: hidden; user-select: none; background-image: url("/uncommon-De5N9a7L.png"); background-repeat: no-repeat; background-size: cover; background-position: center center; cursor: pointer; }

.css-1pym9sg { display: flex; gap: 8px; will-change: transform; }
.css-1pym9sg.is-spinning { transition: transform 5s cubic-bezier(0.12, 0.8, 0.16, 1); }
.css-1pym9sg.is-spinning-quick { transition: transform 0.45s cubic-bezier(0.12, 0.8, 0.16, 1); }
.css-case-error { color: #ff8aa0; font-size: 14px; font-weight: 600; }
.css-seeds-pop { position: absolute; z-index: 20; right: 0; top: 48px; width: 280px; padding: 16px; border-radius: 16px; background: #16121d; border: 1px solid rgba(235,240,247,0.08); text-align: left; color: #F6F2FA; font-size: 13px; display: flex; flex-direction: column; gap: 8px; }
.css-seeds-pop p { word-break: break-all; color: rgba(246,242,250,0.7); }
.css-19q4osj[data-on] .css-1fjo6sg { transform: translateX(40px); background: rgba(174, 124, 247, 0.25); }
.css-19q4osj[data-on] .css-unsgdb { left: 22px; color: rgb(174, 124, 247); }



/* original cabinet / profile / settings / referrals / support */
.css-cycjyz { background: var(--gaydev-colors-bg-overlay); --bg-currentcolor: var(--gaydev-colors-bg-overlay); }
@layer recipes {
  .css-cycjyz { background: var(--gaydev-colors-black-alpha-500); --bg-currentcolor: var(--gaydev-colors-black-alpha-500); position: fixed; left: 0px; top: 0px; width: 100dvw; height: 100dvh; --dialog-z-index: var(--gaydev-z-index-popover); z-index: calc(var(--dialog-z-index) + var(--layer-index, 0) - 1); }
  .css-cycjyz:is([open], [data-open], [data-state="open"]) { animation-name: fade-in; animation-duration: var(--gaydev-durations-slow); }
  .css-cycjyz:is([closed], [data-closed], [data-state="closed"]) { animation-name: fade-out; animation-duration: var(--gaydev-durations-moderate); }
}
@layer recipes {
  .css-13yfqy0 { display: flex; width: 100dvw; height: 100dvh; position: fixed; left: 0px; top: 0px; --dialog-z-index: var(--gaydev-z-index-popover); z-index: calc(var(--dialog-z-index) + var(--layer-index, 0)); -webkit-box-pack: center; justify-content: center; overscroll-behavior-y: none; overflow: auto; pointer-events: auto; -webkit-box-align: center; align-items: center; }
}
.css-s86633 { object-fit: cover; position: absolute; top: -6.65%; left: -6.65%; width: 113.3%; height: 113.3%; max-width: none; }
.css-age7l4 { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: var(--gaydev-spacing-2); }
.css-1hgzfaf { display: flow-root; padding-inline: var(--gaydev-spacing-4); max-width: var(--gaydev-sizes-full); }
@layer recipes {
  .css-1hgzfaf { position: relative; max-width: var(--gaydev-sizes-8xl); width: 100%; margin-inline: auto; padding-inline: var(--gaydev-spacing-4); }
  @media screen and (min-width: 48rem) {
  .css-1hgzfaf { padding-inline: var(--gaydev-spacing-6); }
}
  @media screen and (min-width: 64rem) {
  .css-1hgzfaf { padding-inline: var(--gaydev-spacing-8); }
}
}
@media screen and (min-width: 30rem) {
  .css-1hgzfaf { padding-inline: var(--gaydev-spacing-8); max-width: var(--gaydev-sizes-full); }
}
@media screen and (min-width: 48rem) {
  .css-1hgzfaf { max-width: var(--gaydev-sizes-full); }
}
@media screen and (min-width: 64rem) {
  .css-1hgzfaf { max-width: var(--gaydev-sizes-full); }
}
@media screen and (min-width: 80rem) {
  .css-1hgzfaf { max-width: var(--gaydev-sizes-8xl); }
}
.css-zqopn2 { display: flex; flex-direction: column; gap: var(--gaydev-spacing-1); }
.css-n7k1od { position: relative; width: 20px; height: 20px; flex-shrink: 0; }
.css-15g3kv { position: relative; width: 48px; height: 48px; flex-shrink: 0; }
.css-v9zin2 { display: flex; flex-direction: column; gap: var(--gaydev-spacing-8); }
.css-56cf01 { display: flex; flex-direction: column; gap: var(--gaydev-spacing-6); width: var(--gaydev-sizes-full); }
.css-1cw3q2i { width: var(--gaydev-sizes-full); }
@layer recipes {
  .css-1cw3q2i { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-gfmpii { display: flex; flex-direction: column; gap: 0px; }
.css-1nln5x3 { display: flex; flex-direction: column; max-width: 430px; height: 600px; max-height: calc(100dvh - 32px); overflow: hidden; background: var(--gaydev-colors-bg-dialog); --bg-currentcolor: var(--gaydev-colors-bg-dialog); border-radius: 32px; border-top-width: 1px; border-top-style: solid; --mix-borderTopColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-top-color: var(--mix-borderTopColor, var(--gaydev-colors-stroke-default)); box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 16px 0px; padding-top: var(--gaydev-spacing-4); padding-inline: var(--gaydev-spacing-6); padding-bottom: var(--gaydev-spacing-6); }
@layer recipes {
  .css-1nln5x3 { display: flex; flex-direction: column; position: relative; width: 100%; outline: 0px; border-radius: var(--gaydev-radii-l3); font-size: var(--gaydev-font-sizes-sm); line-height: 1.25rem; margin-block: var(--dialog-margin, var(--dialog-base-margin)); --dialog-z-index: var(--gaydev-z-index-popover); z-index: calc(var(--dialog-z-index) + var(--layer-index, 0)); background: var(--gaydev-colors-bg-panel); --bg-currentcolor: var(--gaydev-colors-bg-panel); box-shadow: var(--gaydev-shadows-lg); max-width: var(--gaydev-sizes-md); --dialog-base-margin: auto; margin-inline: auto; }
  .css-1nln5x3:is([open], [data-open], [data-state="open"]) { animation-duration: var(--gaydev-durations-moderate); animation-name: scale-in, fade-in; }
  .css-1nln5x3:is([closed], [data-closed], [data-state="closed"]) { animation-duration: var(--gaydev-durations-faster); animation-name: scale-out, fade-out; }
}
.css-n690vv { display: grid; grid-template-columns: 1fr auto 1fr; -webkit-box-align: center; align-items: center; gap: var(--gaydev-spacing-2); flex-shrink: 0; height: 28px; }
.css-p0gsx7 { padding-inline: 0px; padding-block: 0px; min-width: 28px; height: 28px; border-radius: var(--gaydev-radii-full); background: rgba(255, 255, 255, 0.04); --bg-currentcolor: rgba(255, 255, 255, 0.04); justify-self: end; }
@layer recipes {
  .css-p0gsx7 { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: var(--gaydev-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--gaydev-colors-transparent); cursor: var(--gaydev-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1rem; isolation: isolate; font-weight: var(--gaydev-font-weights-medium); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform; transition-duration: var(--gaydev-durations-moderate); --focus-ring-color: var(--gaydev-colors-color-palette-focus-ring); height: var(--gaydev-sizes-8); min-width: var(--gaydev-sizes-8); font-size: var(--gaydev-font-sizes-xs); padding-inline: var(--gaydev-spacing-2\.5); gap: var(--gaydev-spacing-1); background: var(--gaydev-colors-color-palette-solid); --bg-currentcolor: var(--gaydev-colors-color-palette-solid); color: var(--gaydev-colors-color-palette-contrast); }
  .css-p0gsx7: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-p0gsx7:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-p0gsx7 :where(svg) { flex-shrink: 0; width: var(--gaydev-sizes-4); height: var(--gaydev-sizes-4); }
  .css-p0gsx7:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
  @media (hover: hover) {
  .css-p0gsx7:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
}
}
.css-p0gsx7 :where(svg) { width: 12px; height: 12px; }
@media (hover: hover) {
  .css-p0gsx7:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: rgba(255, 255, 255, 0.08); --bg-currentcolor: rgba(255, 255, 255, 0.08); }
}
.css-2ucq06 { display: flex; flex-direction: column; gap: var(--gaydev-spacing-3); }
.css-1715oeu { display: flex; flex-direction: column; gap: var(--gaydev-spacing-2); }
.css-y8tceq { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-direction: row; gap: var(--gaydev-spacing-2); width: var(--gaydev-sizes-full); height: 17px; }
.css-185441a { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: 0px; min-width: 0px; }
.css-1tu6sdk { position: relative; height: 20px; width: var(--gaydev-sizes-full); flex-shrink: 0; }
.css-gjcx8c { position: absolute; inset: 0px; transition: opacity 0.15s; }
.css-1sazlo9 { position: absolute; top: 3px; height: 14px; left: 2.21px; right: 2.17px; border-radius: 16px; background: rgba(233, 216, 255, 0.1); --bg-currentcolor: rgba(233, 216, 255, 0.1); }
.css-1bz3lyj { position: absolute; top: 0px; height: 20px; left: -1px; right: -1px; border-radius: 17px; border: 1px solid rgba(235, 240, 247, 0.1); pointer-events: none; }
.css-q1lt9u { position: relative; width: 32px; height: 32px; flex-shrink: 0; pointer-events: none; }
.css-1t00gxi { display: flex; flex-direction: column; gap: 32px; width: var(--gaydev-sizes-full); margin-top: 48px; }
@media screen and (min-width: 64rem) {
  .css-1t00gxi { width: calc(100% + 24px); max-width: 1400px; margin-left: -12px; }
}
.css-1gvdhq2 { display: flex; flex-direction: column; gap: 8px; width: var(--gaydev-sizes-full); }
.css-g9z3mj { display: flex; flex-direction: column; gap: 0px; width: var(--gaydev-sizes-full); }
.css-1p54jk2 { position: relative; width: var(--gaydev-sizes-full); height: 241px; border-radius: 48px; border: 2px solid rgba(235, 240, 247, 0.1); background: rgb(16, 15, 18); --bg-currentcolor: #100F12; overflow: hidden; }
.css-x6qoor { object-fit: cover; object-position: center center; position: absolute; inset: 0px; width: var(--gaydev-sizes-full); height: var(--gaydev-sizes-full); max-width: none; pointer-events: none; }
.css-69hmpb { position: absolute; left: 30px; top: 50%; transform: translateY(-50%); z-index: 1; }
.css-n8t45p { background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233,216,255,0.05); container: user-card / inline-size; position: relative; width: 393px; flex-shrink: 0; border-radius: 28px; backdrop-filter: none; }
@media screen and (min-width: 48rem) {
  .css-n8t45p { backdrop-filter: blur(16px); }
}
.css-10acww2 { mask: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) content-box exclude, linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px); background: rgb(241, 231, 255); --bg-currentcolor: #F1E7FF; position: absolute; inset: -2px; border-radius: 30px; padding: 2px; pointer-events: none; }
.css-19bgeg8 { background: rgba(233, 216, 255, 0.1); --bg-currentcolor: rgba(233,216,255,0.1); display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: 8px; position: relative; height: 124px; padding: 18px; border-radius: 28px; overflow: hidden; }
.css-ortt79 { position: relative; width: 88px; height: 88px; flex-shrink: 0; }
.css-1q51el6 { object-fit: cover; width: 88px; height: 88px; border-radius: 20px; }
.css-1dlgxkt { position: absolute; inset: 0px; border-radius: 20px; border: 2px solid rgba(235, 240, 247, 0.05); pointer-events: none; }
.css-1oj37kl { display: flex; flex-direction: column; gap: 8px; flex: 1 1 0px; min-width: 0px; }
.css-vgsisr { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-direction: row; gap: 4px; width: var(--gaydev-sizes-full); }
.css-1062if8 { flex: 1 1 0px; min-width: 0px; font-size: 18px; font-weight: 700; line-height: normal; color: rgb(246, 242, 250); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.css-y4wrgo { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 2px; height: 24px; padding-inline: 6px; padding-block: 4px; flex-shrink: 0; border-radius: 100px; background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); cursor: pointer; }
@media screen and (min-width: 48rem) {
  .css-y4wrgo { background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); }
}
.css-o9et9v { font-size: 14px; font-weight: 600; line-height: normal; color: rgba(246, 242, 250, 0.7); white-space: nowrap; }
.css-1ig2bqs { display: flex; flex-direction: row; gap: 4px; width: var(--gaydev-sizes-full); }
.css-lel5jl { display: flex; flex-direction: column; gap: 2px; flex: 1 1 0px; min-width: 0px; padding-inline: 12px; padding-block: 8px; border-radius: 14px; background: rgba(233, 216, 255, 0.1); --bg-currentcolor: rgba(233, 216, 255, 0.1); overflow: hidden; }
@container user-card (max-width: 390px) {
  .css-lel5jl { padding-inline: 6px; }
}
@container user-card (max-width: 340px) {
  .css-lel5jl { padding-inline: 4px; }
}
.css-1xik21t { font-size: 12px; font-weight: 500; line-height: normal; color: rgba(246, 242, 250, 0.7); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@container user-card (max-width: 390px) {
  .css-1xik21t { font-size: 11px; }
}
@container user-card (max-width: 340px) {
  .css-1xik21t { font-size: 10px; }
}
.css-1jf7jbw { font-size: 20px; font-weight: 700; line-height: normal; color: var(--gaydev-colors-white); white-space: nowrap; }
@container user-card (max-width: 340px) {
  .css-1jf7jbw { font-size: 16px; }
}
.css-kkdwu9 { mask: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) content-box exclude, linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px); background: rgba(241, 231, 255, 0.4); --bg-currentcolor: rgba(241,231,255,0.4); position: absolute; inset: 0px; border-radius: 28px; padding: 2px; pointer-events: none; }
.css-1c7ewbl { position: absolute; inset: 0px; border-radius: 28px; box-shadow: rgba(0, 0, 0, 0.48) 0px 2px 7px inset; pointer-events: none; }
.css-17r1mgt { display: block; width: var(--gaydev-sizes-full); border-bottom-left-radius: 28px; border-bottom-right-radius: 28px; outline: none; }
.css-17r1mgt:focus-visible [data-part="content"] { opacity: 0.2; }
.css-17r1mgt:focus-visible [data-part="overlay"] { opacity: 1; }
@media (hover: hover) {
  .css-17r1mgt:hover [data-part="content"] { opacity: 0.2; }
  .css-17r1mgt:hover [data-part="overlay"] { opacity: 1; }
  .css-17r1mgt [data-part="button"]:hover { background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); backdrop-filter: blur(4px); }
}
.css-esjwtu { display: flex; -webkit-box-align: stretch; align-items: stretch; -webkit-box-pack: start; justify-content: flex-start; flex-direction: column; gap: 2px; position: relative; width: var(--gaydev-sizes-full); padding-inline: 32px; padding-top: 4px; padding-bottom: 10px; overflow: hidden; border-bottom-left-radius: 28px; border-bottom-right-radius: 28px; flex-shrink: 0; height: 53px; }
.css-5zemju { transition: opacity 0.15s; }
.css-1159zj9 { font-size: 14px; font-weight: 800; line-height: normal; white-space: pre; text-align: center; flex-shrink: 0; color: rgb(246, 242, 250); }
.css-1n1h63y { font-size: 14px; font-weight: 800; line-height: normal; white-space: pre; text-align: center; flex-shrink: 0; color: rgb(246, 242, 250); opacity: 0.4; }
.css-wp6g08 { position: absolute; top: -6px; right: -7px; pointer-events: none; }
.css-k96xcv { position: absolute; inset: 0px; background: linear-gradient(rgba(19, 18, 20, 0) 0%, rgba(19, 18, 20, 0.8) 100%); --bg-currentcolor: linear-gradient(180deg, rgba(19, 18, 20, 0) 0%, rgba(19, 18, 20, 0.8) 100%); opacity: 0; transition: opacity 0.15s; }
.css-1girbsv { position: absolute; left: calc(50% + 0.5px); top: calc(50% - 1.5px); transform: translate(-50%, -50%); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 6px; padding-left: 12px; padding-right: 8px; padding-block: 6px; border-radius: 12px; transition: background 0.15s, backdrop-filter 0.15s; }
.css-1g8gi9n { font-size: 14px; font-weight: 800; line-height: normal; color: var(--gaydev-colors-white); text-transform: uppercase; white-space: nowrap; }
.css-1w20y46 { position: absolute; inset: -2px; border-radius: 30px; box-shadow: rgba(31, 22, 62, 0.19) 0px 3px 12px inset, rgba(242, 223, 255, 0.38) 0px -3px 20px inset, rgba(200, 235, 255, 0.32) 2px 0px 18px inset; pointer-events: none; }
.css-8pns3e { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: end; justify-content: flex-end; flex-direction: row; gap: 0.5rem; height: 44px; margin-top: -20px; padding-right: 64px; position: relative; z-index: 1; }
.css-1ytzc5m { display: flex; flex-direction: row; gap: 4px; padding: 4px; border-radius: 16px; background: rgb(16, 15, 18); --bg-currentcolor: #100F12; flex-shrink: 0; }
.css-1185xvg { position: relative; isolation: isolate; padding: 16px 12px; height: 36px; border-radius: 12px; background: rgba(233, 216, 255, 0.1); --bg-currentcolor: rgba(233, 216, 255, 0.1); color: rgb(246, 242, 250); font-size: 14px; font-weight: 600; border: 1.5px solid rgba(235, 240, 247, 0.05); padding-block: 0px; gap: 4px; }
@layer recipes {
  .css-1185xvg { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: var(--gaydev-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--gaydev-colors-transparent); cursor: var(--gaydev-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--gaydev-font-weights-medium); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform; transition-duration: var(--gaydev-durations-moderate); --focus-ring-color: var(--gaydev-colors-color-palette-focus-ring); height: var(--gaydev-sizes-10); min-width: var(--gaydev-sizes-10); font-size: var(--gaydev-font-sizes-sm); padding-inline: var(--gaydev-spacing-4); gap: var(--gaydev-spacing-2); background: var(--gaydev-colors-color-palette-solid); --bg-currentcolor: var(--gaydev-colors-color-palette-solid); color: var(--gaydev-colors-color-palette-contrast); }
  .css-1185xvg: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-1185xvg:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-1185xvg :where(svg) { flex-shrink: 0; width: var(--gaydev-sizes-5); height: var(--gaydev-sizes-5); }
  .css-1185xvg:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
  @media (hover: hover) {
  .css-1185xvg:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
}
}
.css-1185xvg::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); opacity: 0; transition: opacity 0.2s; }
.css-1185xvg:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; }
.css-1185xvg :where(svg) { width: 27px; height: 32px; }
@media (hover: hover) {
  .css-1185xvg:is(:hover, [data-hover]):not(:disabled, [data-disabled])::before { opacity: 1; }
}
.css-z6wozj { object-fit: cover; position: absolute; inset: 8.33%; width: auto; height: auto; max-width: none; }
.css-ds5qy8 { position: relative; isolation: isolate; padding: 16px 16px 16px 12px; height: 36px; border-radius: 12px; background: rgba(233, 216, 255, 0.1); --bg-currentcolor: rgba(233, 216, 255, 0.1); color: rgb(246, 242, 250); font-size: 14px; font-weight: 600; border: 1.5px solid rgba(235, 240, 247, 0.05); padding-block: 0px; gap: 4px; }
@layer recipes {
  .css-ds5qy8 { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: var(--gaydev-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--gaydev-colors-transparent); cursor: var(--gaydev-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--gaydev-font-weights-medium); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform; transition-duration: var(--gaydev-durations-moderate); --focus-ring-color: var(--gaydev-colors-color-palette-focus-ring); height: var(--gaydev-sizes-10); min-width: var(--gaydev-sizes-10); font-size: var(--gaydev-font-sizes-sm); padding-inline: var(--gaydev-spacing-4); gap: var(--gaydev-spacing-2); background: var(--gaydev-colors-color-palette-solid); --bg-currentcolor: var(--gaydev-colors-color-palette-solid); color: var(--gaydev-colors-color-palette-contrast); }
  .css-ds5qy8: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-ds5qy8:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-ds5qy8 :where(svg) { flex-shrink: 0; width: var(--gaydev-sizes-5); height: var(--gaydev-sizes-5); }
  .css-ds5qy8:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
  @media (hover: hover) {
  .css-ds5qy8:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
}
}
.css-ds5qy8::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); opacity: 0; transition: opacity 0.2s; }
.css-ds5qy8:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; }
.css-ds5qy8 :where(svg) { width: 27px; height: 32px; }
@media (hover: hover) {
  .css-ds5qy8:is(:hover, [data-hover]):not(:disabled, [data-disabled])::before { opacity: 1; }
}
.css-h2sxfw { object-fit: cover; position: absolute; inset: 4.69%; width: auto; height: auto; max-width: none; }
.css-56fda1 { display: flex; flex-direction: column; gap: 16px; padding-top: 32px; width: var(--gaydev-sizes-full); }
.css-1rqyg7s { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-flow: wrap; gap: 8px; padding-left: 8px; padding-right: 16px; padding-block: 8px; background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); border-radius: 24px; }
.css-f146xy { position: relative; height: 56px; width: fit-content; max-width: var(--gaydev-sizes-full); flex-shrink: 0; background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); border-width: 1px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-stroke-sides); border-radius: 16px; overflow: hidden; user-select: none; }
.css-188h9w3 { scrollbar-width: none; display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: 0px; height: calc(100% + 2px); margin-block: -1px; overflow: visible; }
.css-188h9w3::-webkit-scrollbar { display: none; }
.css-3bxrew { flex-shrink: 0; height: 56px; padding-inline: 16px; gap: 4px; border-radius: 16px; border: 1px solid rgba(235, 240, 247, 0.05); background: radial-gradient(49.74% 100% at 50.26% 100%, rgba(164, 102, 255, 0.2) 0%, rgba(164, 102, 255, 0) 100%), rgba(233, 216, 255, 0.1); --bg-currentcolor: radial-gradient(49.74% 100% at 50.26% 100%, rgba(164, 102, 255, 0.2) 0%, rgba(164, 102, 255, 0) 100%),rgba(233, 216, 255, 0.1); color: rgb(246, 242, 250); font-size: 20px; font-weight: 600; line-height: normal; white-space: nowrap; cursor: default; transition: background 0.2s, color 0.2s; }
@layer recipes {
  .css-3bxrew { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-3bxrew [data-tab-icon] { color: rgb(241, 231, 255); }
.css-1gwcslw { width: 24px; height: 24px; flex-shrink: 0; }
@layer recipes {
  .css-1gwcslw { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-1yrntir { flex-shrink: 0; height: 56px; padding-inline: 16px; gap: 4px; border-radius: 16px; border-width: 1px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-transparent); background: var(--gaydev-colors-transparent); --bg-currentcolor: var(--gaydev-colors-transparent); color: rgba(246, 242, 250, 0.4); font-size: 20px; font-weight: 600; line-height: normal; white-space: nowrap; cursor: pointer; transition: background 0.2s, color 0.2s; }
@layer recipes {
  .css-1yrntir { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-1yrntir [data-tab-icon] { color: rgba(241, 231, 255, 0.4); }
@media (hover: hover) {
  .css-1yrntir:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { color: rgba(246, 242, 250, 0.7); }
}
.css-8bpza3 { background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); border: 1px solid rgba(235, 240, 247, 0.1); border-radius: 28px; padding-block: var(--gaydev-spacing-8); padding-inline: var(--gaydev-spacing-2); }
.css-ei1qqw { display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; gap: var(--gaydev-spacing-4); text-align: center; max-width: 266px; margin-inline: auto; }
.css-1kgu1w3 { object-fit: cover; width: 128px; height: 128px; }
.css-ut7483 { display: flex; flex-direction: column; gap: 2px; width: var(--gaydev-sizes-full); }
.css-k5vp3g { font-size: 20px; font-weight: 600; line-height: normal; color: rgb(246, 242, 250); }
.css-1hk1z1t { font-size: 16px; font-weight: 500; line-height: normal; color: rgba(246, 242, 250, 0.4); }
.css-f5gdbj { position: relative; isolation: isolate; padding: 16px 32px; height: 52px; border-radius: 20px; background: var(--event-button-accent, radial-gradient(100% 734.62% at 0% 50%, #6945AD 0%, #7B4BD4 100%)) border-box padding-box no-repeat,var(--event-button-accent-stroke, linear-gradient(90deg, rgba(188, 144, 255, 0.2) 0%, #A46CF8 100%)) border-box,var(--event-button-accent, radial-gradient(100% 734.62% at 0% 50%, #6945AD 0%, #7B4BD4 100%)) border-box no-repeat; --bg-currentcolor: var(--event-button-accent, radial-gradient(100% 734.62% at 0% 50%, #6945AD 0%, #7B4BD4 100%)) border-box padding-box no-repeat,var(--event-button-accent-stroke, linear-gradient(90deg, rgba(188, 144, 255, 0.2) 0%, #A46CF8 100%)) border-box,var(--event-button-accent, radial-gradient(100% 734.62% at 0% 50%, #6945AD 0%, #7B4BD4 100%)) border-box no-repeat; color: var(--gaydev-colors-text-primary); font-size: 16px; font-weight: 700; border-width: 1.5px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-transparent); text-transform: uppercase; text-shadow: var(--event-text-shadow-accent, 0 2px 4px rgba(128, 80, 224, 0.5)); }
@layer recipes {
  .css-f5gdbj { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: var(--gaydev-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--gaydev-colors-transparent); cursor: var(--gaydev-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--gaydev-font-weights-medium); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform; transition-duration: var(--gaydev-durations-moderate); --focus-ring-color: var(--gaydev-colors-color-palette-focus-ring); height: var(--gaydev-sizes-10); min-width: var(--gaydev-sizes-10); font-size: var(--gaydev-font-sizes-sm); padding-inline: var(--gaydev-spacing-4); gap: var(--gaydev-spacing-2); background: var(--gaydev-colors-color-palette-solid); --bg-currentcolor: var(--gaydev-colors-color-palette-solid); color: var(--gaydev-colors-color-palette-contrast); }
  .css-f5gdbj: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-f5gdbj:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-f5gdbj :where(svg) { flex-shrink: 0; width: var(--gaydev-sizes-5); height: var(--gaydev-sizes-5); }
  .css-f5gdbj:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
  @media (hover: hover) {
  .css-f5gdbj:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
}
}
.css-f5gdbj::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%),var(--event-button-accent, radial-gradient(100% 734.62% at 0% 50%, #6945AD 0%, #7B4BD4 100%)); --bg-currentcolor: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%),var(--event-button-accent, radial-gradient(100% 734.62% at 0% 50%, #6945AD 0%, #7B4BD4 100%)); opacity: 0; transition: opacity 0.2s; }
.css-f5gdbj:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; }
.css-f5gdbj :where(svg) { width: 27px; height: 32px; }
@media (hover: hover) {
  .css-f5gdbj:is(:hover, [data-hover]):not(:disabled, [data-disabled])::before { opacity: 1; }
}
.css-a62h4n { display: flex; flex-direction: column; width: calc(-32px + 100vw); max-width: 430px; max-height: calc(100dvh - 32px); overflow: hidden; background: var(--gaydev-colors-bg-dialog); --bg-currentcolor: var(--gaydev-colors-bg-dialog); border-radius: 32px; border-top-width: 1px; border-top-style: solid; --mix-borderTopColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-top-color: var(--mix-borderTopColor, var(--gaydev-colors-stroke-default)); box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 16px 0px; padding-top: var(--gaydev-spacing-4); padding-inline: var(--gaydev-spacing-6); padding-bottom: var(--gaydev-spacing-6); }
@layer recipes {
  .css-a62h4n { display: flex; flex-direction: column; position: relative; width: 100%; outline: 0px; border-radius: var(--gaydev-radii-l3); font-size: var(--gaydev-font-sizes-sm); line-height: 1.25rem; margin-block: var(--dialog-margin, var(--dialog-base-margin)); --dialog-z-index: var(--gaydev-z-index-popover); z-index: calc(var(--dialog-z-index) + var(--layer-index, 0)); background: var(--gaydev-colors-bg-panel); --bg-currentcolor: var(--gaydev-colors-bg-panel); box-shadow: var(--gaydev-shadows-lg); max-width: var(--gaydev-sizes-md); --dialog-base-margin: auto; margin-inline: auto; }
  .css-a62h4n:is([open], [data-open], [data-state="open"]) { animation-duration: var(--gaydev-durations-moderate); animation-name: scale-in, fade-in; }
  .css-a62h4n:is([closed], [data-closed], [data-state="closed"]) { animation-duration: var(--gaydev-durations-faster); animation-name: scale-out, fade-out; }
}
.css-1htbleq { color: var(--gaydev-colors-text-white); font-size: 20px; font-weight: 600; line-height: normal; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@layer recipes {
  .css-1htbleq { font-family: var(--gaydev-fonts-heading); font-weight: var(--gaydev-font-weights-semibold); font-size: var(--gaydev-font-sizes-xl); line-height: 1.875rem; }
}
@layer recipes {
  .css-1htbleq { font-size: var(--gaydev-font-sizes-lg); line-height: 1.75rem; font-weight: var(--gaydev-font-weights-semibold); }
}
.css-1ffe965 { display: flex; flex-direction: column; flex: 1 1 0%; min-height: 0px; margin-top: 24px; }
.css-17i6pmh { display: flex; flex-direction: column; gap: var(--gaydev-spacing-6); flex: 1 1 0%; min-height: 0px; width: var(--gaydev-sizes-full); }
.css-1xvh9xc { scrollbar-width: none; flex: 1 1 0%; min-height: 0px; width: var(--gaydev-sizes-full); overflow-y: auto; }
.css-1xvh9xc::-webkit-scrollbar { display: none; }
.css-1con091 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; gap: var(--gaydev-spacing-2); width: var(--gaydev-sizes-full); padding-top: 8px; padding-inline: 8px; padding-bottom: 25px; margin-bottom: -16px; border-width: 1px 1px 0px; border-style: solid; border-image: none; border-color: rgba(235, 240, 247, 0.05); border-top-left-radius: 20px; border-top-right-radius: 20px; flex-shrink: 0; }
.css-93yc3d { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: var(--gaydev-spacing-2); min-width: 0px; }
.css-1wnzf8e { object-fit: cover; width: 48px; height: 48px; border-radius: 14px; }
.css-1in2kba { position: absolute; inset: 0px; border-radius: 14px; border: 2px solid rgba(235, 240, 247, 0.05); pointer-events: none; }
.css-3hf54q { font-size: 16px; font-weight: 600; line-height: 19px; color: rgb(246, 242, 250); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.css-19dploj { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 2px; height: 24px; padding-inline: 6px; padding-block: 4px; flex-shrink: 0; border-radius: 100px; background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); cursor: pointer; }
.css-8unaxl { font-size: 14px; font-weight: 600; line-height: 17px; color: rgba(246, 242, 250, 0.7); white-space: nowrap; }
.css-1paxx2u { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; gap: var(--gaydev-spacing-2); width: var(--gaydev-sizes-full); padding-left: 12px; padding-right: 16px; padding-block: 12px; border-radius: 16px; background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); border: 1px solid rgba(235, 240, 247, 0.05); position: relative; flex-shrink: 0; cursor: pointer; }
.css-2yb2ia { position: relative; width: 24px; height: 24px; flex-shrink: 0; overflow: hidden; color: rgba(241, 231, 255, 0.6); }
.css-t0n5dg { object-fit: cover; position: absolute; left: 0px; top: 0px; width: 24px; height: 24px; max-width: none; }
.css-qhp4lm { display: flex; flex-direction: column; gap: var(--gaydev-spacing-1); min-width: 0px; }
.css-msm1wc { font-size: 14px; font-weight: 600; line-height: 17px; color: rgba(246, 242, 250, 0.4); overflow-wrap: anywhere; }
.css-y5hvsq { background-origin: border-box; position: relative; flex-shrink: 0; width: 40px; height: 22px; padding: 0px; border-radius: 100px; border: 1px solid rgba(235, 240, 247, 0.1); background-color: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); background-image: none; cursor: pointer; opacity: 1; transition: background-color 0.15s, border-color 0.15s; }
.css-y5hvsq::after { content: ""; position: absolute; inset: -1px; padding: 1px; border-radius: inherit; background: var(--event-badge-purple-stroke, linear-gradient(90deg, rgba(115, 76, 187, 0.2) 0%, #DDC6FF 100%)); --bg-currentcolor: var(--event-badge-purple-stroke, linear-gradient(90deg, rgba(115, 76, 187, 0.2) 0%, #DDC6FF 100%)); pointer-events: none; mask: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) content-box exclude, linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px); opacity: 0; transition: opacity 0.15s; }
.css-y5hvsq:is(:focus-visible, [data-focus-visible]) { outline-style: solid; outline-width: 2px; outline-color: var(--gaydev-colors-other-accent); outline-offset: 2px; }
@media (hover: hover) {
  .css-y5hvsq:hover { background-color: rgba(233, 216, 255, 0.1); --bg-currentcolor: rgba(233, 216, 255, 0.1); }
  .css-y5hvsq:hover > [data-switch-knob] { width: 22px; left: 1px; }
}
.css-9vvzfb { position: absolute; top: 1px; left: 1px; width: 18px; height: 18px; border-radius: 100px; background: rgba(241, 231, 255, 0.4); --bg-currentcolor: rgba(241, 231, 255, 0.4); transition: left 0.15s, width 0.15s, background-color 0.15s; }
.css-wxd2c5 { display: flex; flex-direction: column; gap: var(--gaydev-spacing-1); width: var(--gaydev-sizes-full); }
.css-whas8d { object-fit: cover; position: absolute; left: 8.21px; top: 0.75px; width: 7.4292px; height: 22.1442px; max-width: none; }
.css-jnp6si { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; gap: var(--gaydev-spacing-2); width: var(--gaydev-sizes-full); padding-left: 12px; padding-right: 16px; padding-block: 12px; border-radius: 16px; background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); border: 1px solid rgba(235, 240, 247, 0.05); position: relative; flex-shrink: 0; text-align: left; cursor: pointer; transition: background 0.2s; }
.css-jnp6si:is(:focus-visible, [data-focus-visible]) { outline-style: solid; outline-width: 2px; outline-color: var(--gaydev-colors-other-accent); outline-offset: -2px; }
@media (hover: hover) {
  .css-jnp6si:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: rgba(233, 216, 255, 0.1); --bg-currentcolor: rgba(233, 216, 255, 0.1); }
}
.css-acfmep { object-fit: cover; position: absolute; left: 5px; top: 8px; width: 3.5px; height: 3.5px; max-width: none; }
.css-1lk3wu3 { position: absolute; left: 5px; top: 15px; width: 9px; height: 1.65px; border-radius: 100px; background: rgba(241, 231, 255, 0.6); --bg-currentcolor: rgba(241, 231, 255, 0.6); }
.css-nwvj9y { flex-shrink: 0; width: 16px; height: 16px; display: flex; }
.css-1tvyb03 { object-fit: cover; position: absolute; left: 2px; top: 2px; width: 20px; height: 20.0013px; max-width: none; }
.css-wzp8xs { object-fit: cover; position: absolute; left: 0.1px; top: 1.5px; width: 22.4001px; height: 22.71px; max-width: none; }
.css-1h3d6gv { width: 24px; height: 24px; flex-shrink: 0; color: rgba(241, 231, 255, 0.6); }
.css-1azgqd3 { position: relative; isolation: isolate; padding: 16px 32px; height: 52px; border-radius: 20px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); color: var(--gaydev-colors-text-primary); font-size: 16px; font-weight: 700; border-width: 1.5px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); width: var(--gaydev-sizes-full); flex-shrink: 0; gap: var(--gaydev-spacing-2); text-transform: uppercase; }
@layer recipes {
  .css-1azgqd3 { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: var(--gaydev-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--gaydev-colors-transparent); cursor: var(--gaydev-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--gaydev-font-weights-medium); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform; transition-duration: var(--gaydev-durations-moderate); --focus-ring-color: var(--gaydev-colors-color-palette-focus-ring); height: var(--gaydev-sizes-10); min-width: var(--gaydev-sizes-10); font-size: var(--gaydev-font-sizes-sm); padding-inline: var(--gaydev-spacing-4); gap: var(--gaydev-spacing-2); background: var(--gaydev-colors-color-palette-solid); --bg-currentcolor: var(--gaydev-colors-color-palette-solid); color: var(--gaydev-colors-color-palette-contrast); }
  .css-1azgqd3: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-1azgqd3:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-1azgqd3 :where(svg) { flex-shrink: 0; width: var(--gaydev-sizes-5); height: var(--gaydev-sizes-5); }
  .css-1azgqd3:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
  @media (hover: hover) {
  .css-1azgqd3:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
}
}
.css-1azgqd3::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); opacity: 0; transition: opacity 0.2s; }
.css-1azgqd3:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; }
.css-1azgqd3 :where(svg) { width: 27px; height: 32px; }
@media (hover: hover) {
  .css-1azgqd3:is(:hover, [data-hover]):not(:disabled, [data-disabled])::before { opacity: 1; }
}
.css-h5rb2o { object-fit: cover; width: 20px; height: 20px; max-width: none; }
.css-cycjyz { background: var(--gaydev-colors-bg-overlay); --bg-currentcolor: var(--gaydev-colors-bg-overlay); }
@layer recipes {
  .css-cycjyz { background: var(--gaydev-colors-black-alpha-500); --bg-currentcolor: var(--gaydev-colors-black-alpha-500); position: fixed; left: 0px; top: 0px; width: 100dvw; height: 100dvh; --dialog-z-index: var(--gaydev-z-index-popover); z-index: calc(var(--dialog-z-index) + var(--layer-index, 0) - 1); }
  .css-cycjyz:is([open], [data-open], [data-state="open"]) { animation-name: fade-in; animation-duration: var(--gaydev-durations-slow); }
  .css-cycjyz:is([closed], [data-closed], [data-state="closed"]) { animation-name: fade-out; animation-duration: var(--gaydev-durations-moderate); }
}
@layer recipes {
  .css-13yfqy0 { display: flex; width: 100dvw; height: 100dvh; position: fixed; left: 0px; top: 0px; --dialog-z-index: var(--gaydev-z-index-popover); z-index: calc(var(--dialog-z-index) + var(--layer-index, 0)); -webkit-box-pack: center; justify-content: center; overscroll-behavior-y: none; overflow: auto; pointer-events: auto; -webkit-box-align: center; align-items: center; }
}
.css-s86633 { object-fit: cover; position: absolute; top: -6.65%; left: -6.65%; width: 113.3%; height: 113.3%; max-width: none; }
.css-age7l4 { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: var(--gaydev-spacing-2); }
.css-1hgzfaf { display: flow-root; padding-inline: var(--gaydev-spacing-4); max-width: var(--gaydev-sizes-full); }
@layer recipes {
  .css-1hgzfaf { position: relative; max-width: var(--gaydev-sizes-8xl); width: 100%; margin-inline: auto; padding-inline: var(--gaydev-spacing-4); }
  @media screen and (min-width: 48rem) {
  .css-1hgzfaf { padding-inline: var(--gaydev-spacing-6); }
}
  @media screen and (min-width: 64rem) {
  .css-1hgzfaf { padding-inline: var(--gaydev-spacing-8); }
}
}
@media screen and (min-width: 30rem) {
  .css-1hgzfaf { padding-inline: var(--gaydev-spacing-8); max-width: var(--gaydev-sizes-full); }
}
@media screen and (min-width: 48rem) {
  .css-1hgzfaf { max-width: var(--gaydev-sizes-full); }
}
@media screen and (min-width: 64rem) {
  .css-1hgzfaf { max-width: var(--gaydev-sizes-full); }
}
@media screen and (min-width: 80rem) {
  .css-1hgzfaf { max-width: var(--gaydev-sizes-8xl); }
}
.css-zqopn2 { display: flex; flex-direction: column; gap: var(--gaydev-spacing-1); }
.css-n7k1od { position: relative; width: 20px; height: 20px; flex-shrink: 0; }
.css-15g3kv { position: relative; width: 48px; height: 48px; flex-shrink: 0; }
.css-v9zin2 { display: flex; flex-direction: column; gap: var(--gaydev-spacing-8); }
.css-56cf01 { display: flex; flex-direction: column; gap: var(--gaydev-spacing-6); width: var(--gaydev-sizes-full); }
.css-1cw3q2i { width: var(--gaydev-sizes-full); }
@layer recipes {
  .css-1cw3q2i { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-gfmpii { display: flex; flex-direction: column; gap: 0px; }
.css-1nln5x3 { display: flex; flex-direction: column; max-width: 430px; height: 600px; max-height: calc(100dvh - 32px); overflow: hidden; background: var(--gaydev-colors-bg-dialog); --bg-currentcolor: var(--gaydev-colors-bg-dialog); border-radius: 32px; border-top-width: 1px; border-top-style: solid; --mix-borderTopColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-top-color: var(--mix-borderTopColor, var(--gaydev-colors-stroke-default)); box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 16px 0px; padding-top: var(--gaydev-spacing-4); padding-inline: var(--gaydev-spacing-6); padding-bottom: var(--gaydev-spacing-6); }
@layer recipes {
  .css-1nln5x3 { display: flex; flex-direction: column; position: relative; width: 100%; outline: 0px; border-radius: var(--gaydev-radii-l3); font-size: var(--gaydev-font-sizes-sm); line-height: 1.25rem; margin-block: var(--dialog-margin, var(--dialog-base-margin)); --dialog-z-index: var(--gaydev-z-index-popover); z-index: calc(var(--dialog-z-index) + var(--layer-index, 0)); background: var(--gaydev-colors-bg-panel); --bg-currentcolor: var(--gaydev-colors-bg-panel); box-shadow: var(--gaydev-shadows-lg); max-width: var(--gaydev-sizes-md); --dialog-base-margin: auto; margin-inline: auto; }
  .css-1nln5x3:is([open], [data-open], [data-state="open"]) { animation-duration: var(--gaydev-durations-moderate); animation-name: scale-in, fade-in; }
  .css-1nln5x3:is([closed], [data-closed], [data-state="closed"]) { animation-duration: var(--gaydev-durations-faster); animation-name: scale-out, fade-out; }
}
.css-n690vv { display: grid; grid-template-columns: 1fr auto 1fr; -webkit-box-align: center; align-items: center; gap: var(--gaydev-spacing-2); flex-shrink: 0; height: 28px; }
.css-p0gsx7 { padding-inline: 0px; padding-block: 0px; min-width: 28px; height: 28px; border-radius: var(--gaydev-radii-full); background: rgba(255, 255, 255, 0.04); --bg-currentcolor: rgba(255, 255, 255, 0.04); justify-self: end; }
@layer recipes {
  .css-p0gsx7 { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: var(--gaydev-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--gaydev-colors-transparent); cursor: var(--gaydev-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1rem; isolation: isolate; font-weight: var(--gaydev-font-weights-medium); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform; transition-duration: var(--gaydev-durations-moderate); --focus-ring-color: var(--gaydev-colors-color-palette-focus-ring); height: var(--gaydev-sizes-8); min-width: var(--gaydev-sizes-8); font-size: var(--gaydev-font-sizes-xs); padding-inline: var(--gaydev-spacing-2\.5); gap: var(--gaydev-spacing-1); background: var(--gaydev-colors-color-palette-solid); --bg-currentcolor: var(--gaydev-colors-color-palette-solid); color: var(--gaydev-colors-color-palette-contrast); }
  .css-p0gsx7: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-p0gsx7:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-p0gsx7 :where(svg) { flex-shrink: 0; width: var(--gaydev-sizes-4); height: var(--gaydev-sizes-4); }
  .css-p0gsx7:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
  @media (hover: hover) {
  .css-p0gsx7:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
}
}
.css-p0gsx7 :where(svg) { width: 12px; height: 12px; }
@media (hover: hover) {
  .css-p0gsx7:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: rgba(255, 255, 255, 0.08); --bg-currentcolor: rgba(255, 255, 255, 0.08); }
}
.css-2ucq06 { display: flex; flex-direction: column; gap: var(--gaydev-spacing-3); }
.css-1715oeu { display: flex; flex-direction: column; gap: var(--gaydev-spacing-2); }
.css-y8tceq { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-direction: row; gap: var(--gaydev-spacing-2); width: var(--gaydev-sizes-full); height: 17px; }
.css-185441a { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: 0px; min-width: 0px; }
.css-1tu6sdk { position: relative; height: 20px; width: var(--gaydev-sizes-full); flex-shrink: 0; }
.css-gjcx8c { position: absolute; inset: 0px; transition: opacity 0.15s; }
.css-1sazlo9 { position: absolute; top: 3px; height: 14px; left: 2.21px; right: 2.17px; border-radius: 16px; background: rgba(233, 216, 255, 0.1); --bg-currentcolor: rgba(233, 216, 255, 0.1); }
.css-1bz3lyj { position: absolute; top: 0px; height: 20px; left: -1px; right: -1px; border-radius: 17px; border: 1px solid rgba(235, 240, 247, 0.1); pointer-events: none; }
.css-q1lt9u { position: relative; width: 32px; height: 32px; flex-shrink: 0; pointer-events: none; }
.css-1t00gxi { display: flex; flex-direction: column; gap: 32px; width: var(--gaydev-sizes-full); margin-top: 48px; }
@media screen and (min-width: 64rem) {
  .css-1t00gxi { width: calc(100% + 24px); max-width: 1400px; margin-left: -12px; }
}
.css-1gvdhq2 { display: flex; flex-direction: column; gap: 8px; width: var(--gaydev-sizes-full); }
.css-g9z3mj { display: flex; flex-direction: column; gap: 0px; width: var(--gaydev-sizes-full); }
.css-1p54jk2 { position: relative; width: var(--gaydev-sizes-full); height: 241px; border-radius: 48px; border: 2px solid rgba(235, 240, 247, 0.1); background: rgb(16, 15, 18); --bg-currentcolor: #100F12; overflow: hidden; }
.css-x6qoor { object-fit: cover; object-position: center center; position: absolute; inset: 0px; width: var(--gaydev-sizes-full); height: var(--gaydev-sizes-full); max-width: none; pointer-events: none; }
.css-69hmpb { position: absolute; left: 30px; top: 50%; transform: translateY(-50%); z-index: 1; }
.css-n8t45p { background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233,216,255,0.05); container: user-card / inline-size; position: relative; width: 393px; flex-shrink: 0; border-radius: 28px; backdrop-filter: none; }
@media screen and (min-width: 48rem) {
  .css-n8t45p { backdrop-filter: blur(16px); }
}
.css-10acww2 { mask: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) content-box exclude, linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px); background: rgb(241, 231, 255); --bg-currentcolor: #F1E7FF; position: absolute; inset: -2px; border-radius: 30px; padding: 2px; pointer-events: none; }
.css-19bgeg8 { background: rgba(233, 216, 255, 0.1); --bg-currentcolor: rgba(233,216,255,0.1); display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: 8px; position: relative; height: 124px; padding: 18px; border-radius: 28px; overflow: hidden; }
.css-ortt79 { position: relative; width: 88px; height: 88px; flex-shrink: 0; }
.css-1q51el6 { object-fit: cover; width: 88px; height: 88px; border-radius: 20px; }
.css-1dlgxkt { position: absolute; inset: 0px; border-radius: 20px; border: 2px solid rgba(235, 240, 247, 0.05); pointer-events: none; }
.css-1oj37kl { display: flex; flex-direction: column; gap: 8px; flex: 1 1 0px; min-width: 0px; }
.css-vgsisr { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-direction: row; gap: 4px; width: var(--gaydev-sizes-full); }
.css-1062if8 { flex: 1 1 0px; min-width: 0px; font-size: 18px; font-weight: 700; line-height: normal; color: rgb(246, 242, 250); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.css-y4wrgo { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 2px; height: 24px; padding-inline: 6px; padding-block: 4px; flex-shrink: 0; border-radius: 100px; background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); cursor: pointer; }
@media screen and (min-width: 48rem) {
  .css-y4wrgo { background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); }
}
.css-o9et9v { font-size: 14px; font-weight: 600; line-height: normal; color: rgba(246, 242, 250, 0.7); white-space: nowrap; }
.css-1ig2bqs { display: flex; flex-direction: row; gap: 4px; width: var(--gaydev-sizes-full); }
.css-lel5jl { display: flex; flex-direction: column; gap: 2px; flex: 1 1 0px; min-width: 0px; padding-inline: 12px; padding-block: 8px; border-radius: 14px; background: rgba(233, 216, 255, 0.1); --bg-currentcolor: rgba(233, 216, 255, 0.1); overflow: hidden; }
@container user-card (max-width: 390px) {
  .css-lel5jl { padding-inline: 6px; }
}
@container user-card (max-width: 340px) {
  .css-lel5jl { padding-inline: 4px; }
}
.css-1xik21t { font-size: 12px; font-weight: 500; line-height: normal; color: rgba(246, 242, 250, 0.7); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@container user-card (max-width: 390px) {
  .css-1xik21t { font-size: 11px; }
}
@container user-card (max-width: 340px) {
  .css-1xik21t { font-size: 10px; }
}
.css-1jf7jbw { font-size: 20px; font-weight: 700; line-height: normal; color: var(--gaydev-colors-white); white-space: nowrap; }
@container user-card (max-width: 340px) {
  .css-1jf7jbw { font-size: 16px; }
}
.css-kkdwu9 { mask: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) content-box exclude, linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px); background: rgba(241, 231, 255, 0.4); --bg-currentcolor: rgba(241,231,255,0.4); position: absolute; inset: 0px; border-radius: 28px; padding: 2px; pointer-events: none; }
.css-1c7ewbl { position: absolute; inset: 0px; border-radius: 28px; box-shadow: rgba(0, 0, 0, 0.48) 0px 2px 7px inset; pointer-events: none; }
.css-17r1mgt { display: block; width: var(--gaydev-sizes-full); border-bottom-left-radius: 28px; border-bottom-right-radius: 28px; outline: none; }
.css-17r1mgt:focus-visible [data-part="content"] { opacity: 0.2; }
.css-17r1mgt:focus-visible [data-part="overlay"] { opacity: 1; }
@media (hover: hover) {
  .css-17r1mgt:hover [data-part="content"] { opacity: 0.2; }
  .css-17r1mgt:hover [data-part="overlay"] { opacity: 1; }
  .css-17r1mgt [data-part="button"]:hover { background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); backdrop-filter: blur(4px); }
}
.css-esjwtu { display: flex; -webkit-box-align: stretch; align-items: stretch; -webkit-box-pack: start; justify-content: flex-start; flex-direction: column; gap: 2px; position: relative; width: var(--gaydev-sizes-full); padding-inline: 32px; padding-top: 4px; padding-bottom: 10px; overflow: hidden; border-bottom-left-radius: 28px; border-bottom-right-radius: 28px; flex-shrink: 0; height: 53px; }
.css-5zemju { transition: opacity 0.15s; }
.css-1159zj9 { font-size: 14px; font-weight: 800; line-height: normal; white-space: pre; text-align: center; flex-shrink: 0; color: rgb(246, 242, 250); }
.css-1n1h63y { font-size: 14px; font-weight: 800; line-height: normal; white-space: pre; text-align: center; flex-shrink: 0; color: rgb(246, 242, 250); opacity: 0.4; }
.css-wp6g08 { position: absolute; top: -6px; right: -7px; pointer-events: none; }
.css-k96xcv { position: absolute; inset: 0px; background: linear-gradient(rgba(19, 18, 20, 0) 0%, rgba(19, 18, 20, 0.8) 100%); --bg-currentcolor: linear-gradient(180deg, rgba(19, 18, 20, 0) 0%, rgba(19, 18, 20, 0.8) 100%); opacity: 0; transition: opacity 0.15s; }
.css-1girbsv { position: absolute; left: calc(50% + 0.5px); top: calc(50% - 1.5px); transform: translate(-50%, -50%); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 6px; padding-left: 12px; padding-right: 8px; padding-block: 6px; border-radius: 12px; transition: background 0.15s, backdrop-filter 0.15s; }
.css-1g8gi9n { font-size: 14px; font-weight: 800; line-height: normal; color: var(--gaydev-colors-white); text-transform: uppercase; white-space: nowrap; }
.css-1w20y46 { position: absolute; inset: -2px; border-radius: 30px; box-shadow: rgba(31, 22, 62, 0.19) 0px 3px 12px inset, rgba(242, 223, 255, 0.38) 0px -3px 20px inset, rgba(200, 235, 255, 0.32) 2px 0px 18px inset; pointer-events: none; }
.css-8pns3e { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: end; justify-content: flex-end; flex-direction: row; gap: 0.5rem; height: 44px; margin-top: -20px; padding-right: 64px; position: relative; z-index: 1; }
.css-1ytzc5m { display: flex; flex-direction: row; gap: 4px; padding: 4px; border-radius: 16px; background: rgb(16, 15, 18); --bg-currentcolor: #100F12; flex-shrink: 0; }
.css-1185xvg { position: relative; isolation: isolate; padding: 16px 12px; height: 36px; border-radius: 12px; background: rgba(233, 216, 255, 0.1); --bg-currentcolor: rgba(233, 216, 255, 0.1); color: rgb(246, 242, 250); font-size: 14px; font-weight: 600; border: 1.5px solid rgba(235, 240, 247, 0.05); padding-block: 0px; gap: 4px; }
@layer recipes {
  .css-1185xvg { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: var(--gaydev-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--gaydev-colors-transparent); cursor: var(--gaydev-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--gaydev-font-weights-medium); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform; transition-duration: var(--gaydev-durations-moderate); --focus-ring-color: var(--gaydev-colors-color-palette-focus-ring); height: var(--gaydev-sizes-10); min-width: var(--gaydev-sizes-10); font-size: var(--gaydev-font-sizes-sm); padding-inline: var(--gaydev-spacing-4); gap: var(--gaydev-spacing-2); background: var(--gaydev-colors-color-palette-solid); --bg-currentcolor: var(--gaydev-colors-color-palette-solid); color: var(--gaydev-colors-color-palette-contrast); }
  .css-1185xvg: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-1185xvg:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-1185xvg :where(svg) { flex-shrink: 0; width: var(--gaydev-sizes-5); height: var(--gaydev-sizes-5); }
  .css-1185xvg:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
  @media (hover: hover) {
  .css-1185xvg:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
}
}
.css-1185xvg::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); opacity: 0; transition: opacity 0.2s; }
.css-1185xvg:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; }
.css-1185xvg :where(svg) { width: 27px; height: 32px; }
@media (hover: hover) {
  .css-1185xvg:is(:hover, [data-hover]):not(:disabled, [data-disabled])::before { opacity: 1; }
}
.css-z6wozj { object-fit: cover; position: absolute; inset: 8.33%; width: auto; height: auto; max-width: none; }
.css-ds5qy8 { position: relative; isolation: isolate; padding: 16px 16px 16px 12px; height: 36px; border-radius: 12px; background: rgba(233, 216, 255, 0.1); --bg-currentcolor: rgba(233, 216, 255, 0.1); color: rgb(246, 242, 250); font-size: 14px; font-weight: 600; border: 1.5px solid rgba(235, 240, 247, 0.05); padding-block: 0px; gap: 4px; }
@layer recipes {
  .css-ds5qy8 { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: var(--gaydev-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--gaydev-colors-transparent); cursor: var(--gaydev-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--gaydev-font-weights-medium); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform; transition-duration: var(--gaydev-durations-moderate); --focus-ring-color: var(--gaydev-colors-color-palette-focus-ring); height: var(--gaydev-sizes-10); min-width: var(--gaydev-sizes-10); font-size: var(--gaydev-font-sizes-sm); padding-inline: var(--gaydev-spacing-4); gap: var(--gaydev-spacing-2); background: var(--gaydev-colors-color-palette-solid); --bg-currentcolor: var(--gaydev-colors-color-palette-solid); color: var(--gaydev-colors-color-palette-contrast); }
  .css-ds5qy8: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-ds5qy8:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-ds5qy8 :where(svg) { flex-shrink: 0; width: var(--gaydev-sizes-5); height: var(--gaydev-sizes-5); }
  .css-ds5qy8:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
  @media (hover: hover) {
  .css-ds5qy8:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
}
}
.css-ds5qy8::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); opacity: 0; transition: opacity 0.2s; }
.css-ds5qy8:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; }
.css-ds5qy8 :where(svg) { width: 27px; height: 32px; }
@media (hover: hover) {
  .css-ds5qy8:is(:hover, [data-hover]):not(:disabled, [data-disabled])::before { opacity: 1; }
}
.css-h2sxfw { object-fit: cover; position: absolute; inset: 4.69%; width: auto; height: auto; max-width: none; }
.css-56fda1 { display: flex; flex-direction: column; gap: 16px; padding-top: 32px; width: var(--gaydev-sizes-full); }
.css-1rqyg7s { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-flow: wrap; gap: 8px; padding-left: 8px; padding-right: 16px; padding-block: 8px; background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); border-radius: 24px; }
.css-f146xy { position: relative; height: 56px; width: fit-content; max-width: var(--gaydev-sizes-full); flex-shrink: 0; background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); border-width: 1px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-stroke-sides); border-radius: 16px; overflow: hidden; user-select: none; }
.css-188h9w3 { scrollbar-width: none; display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: 0px; height: calc(100% + 2px); margin-block: -1px; overflow: visible; }
.css-188h9w3::-webkit-scrollbar { display: none; }
.css-3bxrew { flex-shrink: 0; height: 56px; padding-inline: 16px; gap: 4px; border-radius: 16px; border: 1px solid rgba(235, 240, 247, 0.05); background: radial-gradient(49.74% 100% at 50.26% 100%, rgba(164, 102, 255, 0.2) 0%, rgba(164, 102, 255, 0) 100%), rgba(233, 216, 255, 0.1); --bg-currentcolor: radial-gradient(49.74% 100% at 50.26% 100%, rgba(164, 102, 255, 0.2) 0%, rgba(164, 102, 255, 0) 100%),rgba(233, 216, 255, 0.1); color: rgb(246, 242, 250); font-size: 20px; font-weight: 600; line-height: normal; white-space: nowrap; cursor: default; transition: background 0.2s, color 0.2s; }
@layer recipes {
  .css-3bxrew { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-3bxrew [data-tab-icon] { color: rgb(241, 231, 255); }
.css-1gwcslw { width: 24px; height: 24px; flex-shrink: 0; }
@layer recipes {
  .css-1gwcslw { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-1yrntir { flex-shrink: 0; height: 56px; padding-inline: 16px; gap: 4px; border-radius: 16px; border-width: 1px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-transparent); background: var(--gaydev-colors-transparent); --bg-currentcolor: var(--gaydev-colors-transparent); color: rgba(246, 242, 250, 0.4); font-size: 20px; font-weight: 600; line-height: normal; white-space: nowrap; cursor: pointer; transition: background 0.2s, color 0.2s; }
@layer recipes {
  .css-1yrntir { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-1yrntir [data-tab-icon] { color: rgba(241, 231, 255, 0.4); }
@media (hover: hover) {
  .css-1yrntir:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { color: rgba(246, 242, 250, 0.7); }
}
.css-8bpza3 { background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); border: 1px solid rgba(235, 240, 247, 0.1); border-radius: 28px; padding-block: var(--gaydev-spacing-8); padding-inline: var(--gaydev-spacing-2); }
.css-ei1qqw { display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; gap: var(--gaydev-spacing-4); text-align: center; max-width: 266px; margin-inline: auto; }
.css-1kgu1w3 { object-fit: cover; width: 128px; height: 128px; }
.css-ut7483 { display: flex; flex-direction: column; gap: 2px; width: var(--gaydev-sizes-full); }
.css-k5vp3g { font-size: 20px; font-weight: 600; line-height: normal; color: rgb(246, 242, 250); }
.css-1hk1z1t { font-size: 16px; font-weight: 500; line-height: normal; color: rgba(246, 242, 250, 0.4); }
.css-f5gdbj { position: relative; isolation: isolate; padding: 16px 32px; height: 52px; border-radius: 20px; background: var(--event-button-accent, radial-gradient(100% 734.62% at 0% 50%, #6945AD 0%, #7B4BD4 100%)) border-box padding-box no-repeat,var(--event-button-accent-stroke, linear-gradient(90deg, rgba(188, 144, 255, 0.2) 0%, #A46CF8 100%)) border-box,var(--event-button-accent, radial-gradient(100% 734.62% at 0% 50%, #6945AD 0%, #7B4BD4 100%)) border-box no-repeat; --bg-currentcolor: var(--event-button-accent, radial-gradient(100% 734.62% at 0% 50%, #6945AD 0%, #7B4BD4 100%)) border-box padding-box no-repeat,var(--event-button-accent-stroke, linear-gradient(90deg, rgba(188, 144, 255, 0.2) 0%, #A46CF8 100%)) border-box,var(--event-button-accent, radial-gradient(100% 734.62% at 0% 50%, #6945AD 0%, #7B4BD4 100%)) border-box no-repeat; color: var(--gaydev-colors-text-primary); font-size: 16px; font-weight: 700; border-width: 1.5px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-transparent); text-transform: uppercase; text-shadow: var(--event-text-shadow-accent, 0 2px 4px rgba(128, 80, 224, 0.5)); }
@layer recipes {
  .css-f5gdbj { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: var(--gaydev-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--gaydev-colors-transparent); cursor: var(--gaydev-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--gaydev-font-weights-medium); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform; transition-duration: var(--gaydev-durations-moderate); --focus-ring-color: var(--gaydev-colors-color-palette-focus-ring); height: var(--gaydev-sizes-10); min-width: var(--gaydev-sizes-10); font-size: var(--gaydev-font-sizes-sm); padding-inline: var(--gaydev-spacing-4); gap: var(--gaydev-spacing-2); background: var(--gaydev-colors-color-palette-solid); --bg-currentcolor: var(--gaydev-colors-color-palette-solid); color: var(--gaydev-colors-color-palette-contrast); }
  .css-f5gdbj: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-f5gdbj:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-f5gdbj :where(svg) { flex-shrink: 0; width: var(--gaydev-sizes-5); height: var(--gaydev-sizes-5); }
  .css-f5gdbj:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
  @media (hover: hover) {
  .css-f5gdbj:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
}
}
.css-f5gdbj::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%),var(--event-button-accent, radial-gradient(100% 734.62% at 0% 50%, #6945AD 0%, #7B4BD4 100%)); --bg-currentcolor: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%),var(--event-button-accent, radial-gradient(100% 734.62% at 0% 50%, #6945AD 0%, #7B4BD4 100%)); opacity: 0; transition: opacity 0.2s; }
.css-f5gdbj:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; }
.css-f5gdbj :where(svg) { width: 27px; height: 32px; }
@media (hover: hover) {
  .css-f5gdbj:is(:hover, [data-hover]):not(:disabled, [data-disabled])::before { opacity: 1; }
}
.css-a62h4n { display: flex; flex-direction: column; width: calc(-32px + 100vw); max-width: 430px; max-height: calc(100dvh - 32px); overflow: hidden; background: var(--gaydev-colors-bg-dialog); --bg-currentcolor: var(--gaydev-colors-bg-dialog); border-radius: 32px; border-top-width: 1px; border-top-style: solid; --mix-borderTopColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-top-color: var(--mix-borderTopColor, var(--gaydev-colors-stroke-default)); box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 16px 0px; padding-top: var(--gaydev-spacing-4); padding-inline: var(--gaydev-spacing-6); padding-bottom: var(--gaydev-spacing-6); }
@layer recipes {
  .css-a62h4n { display: flex; flex-direction: column; position: relative; width: 100%; outline: 0px; border-radius: var(--gaydev-radii-l3); font-size: var(--gaydev-font-sizes-sm); line-height: 1.25rem; margin-block: var(--dialog-margin, var(--dialog-base-margin)); --dialog-z-index: var(--gaydev-z-index-popover); z-index: calc(var(--dialog-z-index) + var(--layer-index, 0)); background: var(--gaydev-colors-bg-panel); --bg-currentcolor: var(--gaydev-colors-bg-panel); box-shadow: var(--gaydev-shadows-lg); max-width: var(--gaydev-sizes-md); --dialog-base-margin: auto; margin-inline: auto; }
  .css-a62h4n:is([open], [data-open], [data-state="open"]) { animation-duration: var(--gaydev-durations-moderate); animation-name: scale-in, fade-in; }
  .css-a62h4n:is([closed], [data-closed], [data-state="closed"]) { animation-duration: var(--gaydev-durations-faster); animation-name: scale-out, fade-out; }
}
.css-1htbleq { color: var(--gaydev-colors-text-white); font-size: 20px; font-weight: 600; line-height: normal; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@layer recipes {
  .css-1htbleq { font-family: var(--gaydev-fonts-heading); font-weight: var(--gaydev-font-weights-semibold); font-size: var(--gaydev-font-sizes-xl); line-height: 1.875rem; }
}
@layer recipes {
  .css-1htbleq { font-size: var(--gaydev-font-sizes-lg); line-height: 1.75rem; font-weight: var(--gaydev-font-weights-semibold); }
}
.css-1ffe965 { display: flex; flex-direction: column; flex: 1 1 0%; min-height: 0px; margin-top: 24px; }
.css-17i6pmh { display: flex; flex-direction: column; gap: var(--gaydev-spacing-6); flex: 1 1 0%; min-height: 0px; width: var(--gaydev-sizes-full); }
.css-1xvh9xc { scrollbar-width: none; flex: 1 1 0%; min-height: 0px; width: var(--gaydev-sizes-full); overflow-y: auto; }
.css-1xvh9xc::-webkit-scrollbar { display: none; }
.css-1con091 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; gap: var(--gaydev-spacing-2); width: var(--gaydev-sizes-full); padding-top: 8px; padding-inline: 8px; padding-bottom: 25px; margin-bottom: -16px; border-width: 1px 1px 0px; border-style: solid; border-image: none; border-color: rgba(235, 240, 247, 0.05); border-top-left-radius: 20px; border-top-right-radius: 20px; flex-shrink: 0; }
.css-93yc3d { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: var(--gaydev-spacing-2); min-width: 0px; }
.css-1wnzf8e { object-fit: cover; width: 48px; height: 48px; border-radius: 14px; }
.css-1in2kba { position: absolute; inset: 0px; border-radius: 14px; border: 2px solid rgba(235, 240, 247, 0.05); pointer-events: none; }
.css-3hf54q { font-size: 16px; font-weight: 600; line-height: 19px; color: rgb(246, 242, 250); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.css-19dploj { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 2px; height: 24px; padding-inline: 6px; padding-block: 4px; flex-shrink: 0; border-radius: 100px; background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); cursor: pointer; }
.css-8unaxl { font-size: 14px; font-weight: 600; line-height: 17px; color: rgba(246, 242, 250, 0.7); white-space: nowrap; }
.css-1paxx2u { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; gap: var(--gaydev-spacing-2); width: var(--gaydev-sizes-full); padding-left: 12px; padding-right: 16px; padding-block: 12px; border-radius: 16px; background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); border: 1px solid rgba(235, 240, 247, 0.05); position: relative; flex-shrink: 0; cursor: pointer; }
.css-2yb2ia { position: relative; width: 24px; height: 24px; flex-shrink: 0; overflow: hidden; color: rgba(241, 231, 255, 0.6); }
.css-t0n5dg { object-fit: cover; position: absolute; left: 0px; top: 0px; width: 24px; height: 24px; max-width: none; }
.css-qhp4lm { display: flex; flex-direction: column; gap: var(--gaydev-spacing-1); min-width: 0px; }
.css-msm1wc { font-size: 14px; font-weight: 600; line-height: 17px; color: rgba(246, 242, 250, 0.4); overflow-wrap: anywhere; }
.css-y5hvsq { background-origin: border-box; position: relative; flex-shrink: 0; width: 40px; height: 22px; padding: 0px; border-radius: 100px; border: 1px solid rgba(235, 240, 247, 0.1); background-color: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); background-image: none; cursor: pointer; opacity: 1; transition: background-color 0.15s, border-color 0.15s; }
.css-y5hvsq::after { content: ""; position: absolute; inset: -1px; padding: 1px; border-radius: inherit; background: var(--event-badge-purple-stroke, linear-gradient(90deg, rgba(115, 76, 187, 0.2) 0%, #DDC6FF 100%)); --bg-currentcolor: var(--event-badge-purple-stroke, linear-gradient(90deg, rgba(115, 76, 187, 0.2) 0%, #DDC6FF 100%)); pointer-events: none; mask: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) content-box exclude, linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px); opacity: 0; transition: opacity 0.15s; }
.css-y5hvsq:is(:focus-visible, [data-focus-visible]) { outline-style: solid; outline-width: 2px; outline-color: var(--gaydev-colors-other-accent); outline-offset: 2px; }
@media (hover: hover) {
  .css-y5hvsq:hover { background-color: rgba(233, 216, 255, 0.1); --bg-currentcolor: rgba(233, 216, 255, 0.1); }
  .css-y5hvsq:hover > [data-switch-knob] { width: 22px; left: 1px; }
}
.css-9vvzfb { position: absolute; top: 1px; left: 1px; width: 18px; height: 18px; border-radius: 100px; background: rgba(241, 231, 255, 0.4); --bg-currentcolor: rgba(241, 231, 255, 0.4); transition: left 0.15s, width 0.15s, background-color 0.15s; }
.css-wxd2c5 { display: flex; flex-direction: column; gap: var(--gaydev-spacing-1); width: var(--gaydev-sizes-full); }
.css-whas8d { object-fit: cover; position: absolute; left: 8.21px; top: 0.75px; width: 7.4292px; height: 22.1442px; max-width: none; }
.css-jnp6si { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; gap: var(--gaydev-spacing-2); width: var(--gaydev-sizes-full); padding-left: 12px; padding-right: 16px; padding-block: 12px; border-radius: 16px; background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); border: 1px solid rgba(235, 240, 247, 0.05); position: relative; flex-shrink: 0; text-align: left; cursor: pointer; transition: background 0.2s; }
.css-jnp6si:is(:focus-visible, [data-focus-visible]) { outline-style: solid; outline-width: 2px; outline-color: var(--gaydev-colors-other-accent); outline-offset: -2px; }
@media (hover: hover) {
  .css-jnp6si:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: rgba(233, 216, 255, 0.1); --bg-currentcolor: rgba(233, 216, 255, 0.1); }
}
.css-acfmep { object-fit: cover; position: absolute; left: 5px; top: 8px; width: 3.5px; height: 3.5px; max-width: none; }
.css-1lk3wu3 { position: absolute; left: 5px; top: 15px; width: 9px; height: 1.65px; border-radius: 100px; background: rgba(241, 231, 255, 0.6); --bg-currentcolor: rgba(241, 231, 255, 0.6); }
.css-nwvj9y { flex-shrink: 0; width: 16px; height: 16px; display: flex; }
.css-1tvyb03 { object-fit: cover; position: absolute; left: 2px; top: 2px; width: 20px; height: 20.0013px; max-width: none; }
.css-wzp8xs { object-fit: cover; position: absolute; left: 0.1px; top: 1.5px; width: 22.4001px; height: 22.71px; max-width: none; }
.css-1h3d6gv { width: 24px; height: 24px; flex-shrink: 0; color: rgba(241, 231, 255, 0.6); }
.css-1azgqd3 { position: relative; isolation: isolate; padding: 16px 32px; height: 52px; border-radius: 20px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); color: var(--gaydev-colors-text-primary); font-size: 16px; font-weight: 700; border-width: 1.5px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); width: var(--gaydev-sizes-full); flex-shrink: 0; gap: var(--gaydev-spacing-2); text-transform: uppercase; }
@layer recipes {
  .css-1azgqd3 { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: var(--gaydev-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--gaydev-colors-transparent); cursor: var(--gaydev-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--gaydev-font-weights-medium); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform; transition-duration: var(--gaydev-durations-moderate); --focus-ring-color: var(--gaydev-colors-color-palette-focus-ring); height: var(--gaydev-sizes-10); min-width: var(--gaydev-sizes-10); font-size: var(--gaydev-font-sizes-sm); padding-inline: var(--gaydev-spacing-4); gap: var(--gaydev-spacing-2); background: var(--gaydev-colors-color-palette-solid); --bg-currentcolor: var(--gaydev-colors-color-palette-solid); color: var(--gaydev-colors-color-palette-contrast); }
  .css-1azgqd3: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-1azgqd3:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-1azgqd3 :where(svg) { flex-shrink: 0; width: var(--gaydev-sizes-5); height: var(--gaydev-sizes-5); }
  .css-1azgqd3:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
  @media (hover: hover) {
  .css-1azgqd3:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
}
}
.css-1azgqd3::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); opacity: 0; transition: opacity 0.2s; }
.css-1azgqd3:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; }
.css-1azgqd3 :where(svg) { width: 27px; height: 32px; }
@media (hover: hover) {
  .css-1azgqd3:is(:hover, [data-hover]):not(:disabled, [data-disabled])::before { opacity: 1; }
}
.css-h5rb2o { object-fit: cover; width: 20px; height: 20px; max-width: none; }
.css-cycjyz { background: var(--gaydev-colors-bg-overlay); --bg-currentcolor: var(--gaydev-colors-bg-overlay); }
@layer recipes {
  .css-cycjyz { background: var(--gaydev-colors-black-alpha-500); --bg-currentcolor: var(--gaydev-colors-black-alpha-500); position: fixed; left: 0px; top: 0px; width: 100dvw; height: 100dvh; --dialog-z-index: var(--gaydev-z-index-popover); z-index: calc(var(--dialog-z-index) + var(--layer-index, 0) - 1); }
  .css-cycjyz:is([open], [data-open], [data-state="open"]) { animation-name: fade-in; animation-duration: var(--gaydev-durations-slow); }
  .css-cycjyz:is([closed], [data-closed], [data-state="closed"]) { animation-name: fade-out; animation-duration: var(--gaydev-durations-moderate); }
}
@layer recipes {
  .css-13yfqy0 { display: flex; width: 100dvw; height: 100dvh; position: fixed; left: 0px; top: 0px; --dialog-z-index: var(--gaydev-z-index-popover); z-index: calc(var(--dialog-z-index) + var(--layer-index, 0)); -webkit-box-pack: center; justify-content: center; overscroll-behavior-y: none; overflow: auto; pointer-events: auto; -webkit-box-align: center; align-items: center; }
}
.css-s86633 { object-fit: cover; position: absolute; top: -6.65%; left: -6.65%; width: 113.3%; height: 113.3%; max-width: none; }
.css-age7l4 { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: var(--gaydev-spacing-2); }
.css-1hgzfaf { display: flow-root; padding-inline: var(--gaydev-spacing-4); max-width: var(--gaydev-sizes-full); }
@layer recipes {
  .css-1hgzfaf { position: relative; max-width: var(--gaydev-sizes-8xl); width: 100%; margin-inline: auto; padding-inline: var(--gaydev-spacing-4); }
  @media screen and (min-width: 48rem) {
  .css-1hgzfaf { padding-inline: var(--gaydev-spacing-6); }
}
  @media screen and (min-width: 64rem) {
  .css-1hgzfaf { padding-inline: var(--gaydev-spacing-8); }
}
}
@media screen and (min-width: 30rem) {
  .css-1hgzfaf { padding-inline: var(--gaydev-spacing-8); max-width: var(--gaydev-sizes-full); }
}
@media screen and (min-width: 48rem) {
  .css-1hgzfaf { max-width: var(--gaydev-sizes-full); }
}
@media screen and (min-width: 64rem) {
  .css-1hgzfaf { max-width: var(--gaydev-sizes-full); }
}
@media screen and (min-width: 80rem) {
  .css-1hgzfaf { max-width: var(--gaydev-sizes-8xl); }
}
.css-zqopn2 { display: flex; flex-direction: column; gap: var(--gaydev-spacing-1); }
.css-n7k1od { position: relative; width: 20px; height: 20px; flex-shrink: 0; }
.css-15g3kv { position: relative; width: 48px; height: 48px; flex-shrink: 0; }
.css-v9zin2 { display: flex; flex-direction: column; gap: var(--gaydev-spacing-8); }
.css-56cf01 { display: flex; flex-direction: column; gap: var(--gaydev-spacing-6); width: var(--gaydev-sizes-full); }
.css-1cw3q2i { width: var(--gaydev-sizes-full); }
@layer recipes {
  .css-1cw3q2i { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-gfmpii { display: flex; flex-direction: column; gap: 0px; }
.css-1nln5x3 { display: flex; flex-direction: column; max-width: 430px; height: 600px; max-height: calc(100dvh - 32px); overflow: hidden; background: var(--gaydev-colors-bg-dialog); --bg-currentcolor: var(--gaydev-colors-bg-dialog); border-radius: 32px; border-top-width: 1px; border-top-style: solid; --mix-borderTopColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-top-color: var(--mix-borderTopColor, var(--gaydev-colors-stroke-default)); box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 16px 0px; padding-top: var(--gaydev-spacing-4); padding-inline: var(--gaydev-spacing-6); padding-bottom: var(--gaydev-spacing-6); }
@layer recipes {
  .css-1nln5x3 { display: flex; flex-direction: column; position: relative; width: 100%; outline: 0px; border-radius: var(--gaydev-radii-l3); font-size: var(--gaydev-font-sizes-sm); line-height: 1.25rem; margin-block: var(--dialog-margin, var(--dialog-base-margin)); --dialog-z-index: var(--gaydev-z-index-popover); z-index: calc(var(--dialog-z-index) + var(--layer-index, 0)); background: var(--gaydev-colors-bg-panel); --bg-currentcolor: var(--gaydev-colors-bg-panel); box-shadow: var(--gaydev-shadows-lg); max-width: var(--gaydev-sizes-md); --dialog-base-margin: auto; margin-inline: auto; }
  .css-1nln5x3:is([open], [data-open], [data-state="open"]) { animation-duration: var(--gaydev-durations-moderate); animation-name: scale-in, fade-in; }
  .css-1nln5x3:is([closed], [data-closed], [data-state="closed"]) { animation-duration: var(--gaydev-durations-faster); animation-name: scale-out, fade-out; }
}
.css-n690vv { display: grid; grid-template-columns: 1fr auto 1fr; -webkit-box-align: center; align-items: center; gap: var(--gaydev-spacing-2); flex-shrink: 0; height: 28px; }
.css-p0gsx7 { padding-inline: 0px; padding-block: 0px; min-width: 28px; height: 28px; border-radius: var(--gaydev-radii-full); background: rgba(255, 255, 255, 0.04); --bg-currentcolor: rgba(255, 255, 255, 0.04); justify-self: end; }
@layer recipes {
  .css-p0gsx7 { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: var(--gaydev-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--gaydev-colors-transparent); cursor: var(--gaydev-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1rem; isolation: isolate; font-weight: var(--gaydev-font-weights-medium); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform; transition-duration: var(--gaydev-durations-moderate); --focus-ring-color: var(--gaydev-colors-color-palette-focus-ring); height: var(--gaydev-sizes-8); min-width: var(--gaydev-sizes-8); font-size: var(--gaydev-font-sizes-xs); padding-inline: var(--gaydev-spacing-2\.5); gap: var(--gaydev-spacing-1); background: var(--gaydev-colors-color-palette-solid); --bg-currentcolor: var(--gaydev-colors-color-palette-solid); color: var(--gaydev-colors-color-palette-contrast); }
  .css-p0gsx7: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-p0gsx7:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-p0gsx7 :where(svg) { flex-shrink: 0; width: var(--gaydev-sizes-4); height: var(--gaydev-sizes-4); }
  .css-p0gsx7:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
  @media (hover: hover) {
  .css-p0gsx7:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
}
}
.css-p0gsx7 :where(svg) { width: 12px; height: 12px; }
@media (hover: hover) {
  .css-p0gsx7:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: rgba(255, 255, 255, 0.08); --bg-currentcolor: rgba(255, 255, 255, 0.08); }
}
.css-2ucq06 { display: flex; flex-direction: column; gap: var(--gaydev-spacing-3); }
.css-1715oeu { display: flex; flex-direction: column; gap: var(--gaydev-spacing-2); }
.css-y8tceq { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-direction: row; gap: var(--gaydev-spacing-2); width: var(--gaydev-sizes-full); height: 17px; }
.css-185441a { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: 0px; min-width: 0px; }
.css-1tu6sdk { position: relative; height: 20px; width: var(--gaydev-sizes-full); flex-shrink: 0; }
.css-gjcx8c { position: absolute; inset: 0px; transition: opacity 0.15s; }
.css-1sazlo9 { position: absolute; top: 3px; height: 14px; left: 2.21px; right: 2.17px; border-radius: 16px; background: rgba(233, 216, 255, 0.1); --bg-currentcolor: rgba(233, 216, 255, 0.1); }
.css-1bz3lyj { position: absolute; top: 0px; height: 20px; left: -1px; right: -1px; border-radius: 17px; border: 1px solid rgba(235, 240, 247, 0.1); pointer-events: none; }
.css-q1lt9u { position: relative; width: 32px; height: 32px; flex-shrink: 0; pointer-events: none; }
.css-1t00gxi { display: flex; flex-direction: column; gap: 32px; width: var(--gaydev-sizes-full); margin-top: 48px; }
@media screen and (min-width: 64rem) {
  .css-1t00gxi { width: calc(100% + 24px); max-width: 1400px; margin-left: -12px; }
}
.css-1gvdhq2 { display: flex; flex-direction: column; gap: 8px; width: var(--gaydev-sizes-full); }
.css-g9z3mj { display: flex; flex-direction: column; gap: 0px; width: var(--gaydev-sizes-full); }
.css-1p54jk2 { position: relative; width: var(--gaydev-sizes-full); height: 241px; border-radius: 48px; border: 2px solid rgba(235, 240, 247, 0.1); background: rgb(16, 15, 18); --bg-currentcolor: #100F12; overflow: hidden; }
.css-x6qoor { object-fit: cover; object-position: center center; position: absolute; inset: 0px; width: var(--gaydev-sizes-full); height: var(--gaydev-sizes-full); max-width: none; pointer-events: none; }
.css-69hmpb { position: absolute; left: 30px; top: 50%; transform: translateY(-50%); z-index: 1; }
.css-n8t45p { background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233,216,255,0.05); container: user-card / inline-size; position: relative; width: 393px; flex-shrink: 0; border-radius: 28px; backdrop-filter: none; }
@media screen and (min-width: 48rem) {
  .css-n8t45p { backdrop-filter: blur(16px); }
}
.css-10acww2 { mask: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) content-box exclude, linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px); background: rgb(241, 231, 255); --bg-currentcolor: #F1E7FF; position: absolute; inset: -2px; border-radius: 30px; padding: 2px; pointer-events: none; }
.css-19bgeg8 { background: rgba(233, 216, 255, 0.1); --bg-currentcolor: rgba(233,216,255,0.1); display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: 8px; position: relative; height: 124px; padding: 18px; border-radius: 28px; overflow: hidden; }
.css-ortt79 { position: relative; width: 88px; height: 88px; flex-shrink: 0; }
.css-1q51el6 { object-fit: cover; width: 88px; height: 88px; border-radius: 20px; }
.css-1dlgxkt { position: absolute; inset: 0px; border-radius: 20px; border: 2px solid rgba(235, 240, 247, 0.05); pointer-events: none; }
.css-1oj37kl { display: flex; flex-direction: column; gap: 8px; flex: 1 1 0px; min-width: 0px; }
.css-vgsisr { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-direction: row; gap: 4px; width: var(--gaydev-sizes-full); }
.css-1062if8 { flex: 1 1 0px; min-width: 0px; font-size: 18px; font-weight: 700; line-height: normal; color: rgb(246, 242, 250); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.css-y4wrgo { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 2px; height: 24px; padding-inline: 6px; padding-block: 4px; flex-shrink: 0; border-radius: 100px; background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); cursor: pointer; }
@media screen and (min-width: 48rem) {
  .css-y4wrgo { background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); }
}
.css-o9et9v { font-size: 14px; font-weight: 600; line-height: normal; color: rgba(246, 242, 250, 0.7); white-space: nowrap; }
.css-1ig2bqs { display: flex; flex-direction: row; gap: 4px; width: var(--gaydev-sizes-full); }
.css-lel5jl { display: flex; flex-direction: column; gap: 2px; flex: 1 1 0px; min-width: 0px; padding-inline: 12px; padding-block: 8px; border-radius: 14px; background: rgba(233, 216, 255, 0.1); --bg-currentcolor: rgba(233, 216, 255, 0.1); overflow: hidden; }
@container user-card (max-width: 390px) {
  .css-lel5jl { padding-inline: 6px; }
}
@container user-card (max-width: 340px) {
  .css-lel5jl { padding-inline: 4px; }
}
.css-1xik21t { font-size: 12px; font-weight: 500; line-height: normal; color: rgba(246, 242, 250, 0.7); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@container user-card (max-width: 390px) {
  .css-1xik21t { font-size: 11px; }
}
@container user-card (max-width: 340px) {
  .css-1xik21t { font-size: 10px; }
}
.css-1jf7jbw { font-size: 20px; font-weight: 700; line-height: normal; color: var(--gaydev-colors-white); white-space: nowrap; }
@container user-card (max-width: 340px) {
  .css-1jf7jbw { font-size: 16px; }
}
.css-kkdwu9 { mask: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) content-box exclude, linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px); background: rgba(241, 231, 255, 0.4); --bg-currentcolor: rgba(241,231,255,0.4); position: absolute; inset: 0px; border-radius: 28px; padding: 2px; pointer-events: none; }
.css-1c7ewbl { position: absolute; inset: 0px; border-radius: 28px; box-shadow: rgba(0, 0, 0, 0.48) 0px 2px 7px inset; pointer-events: none; }
.css-17r1mgt { display: block; width: var(--gaydev-sizes-full); border-bottom-left-radius: 28px; border-bottom-right-radius: 28px; outline: none; }
.css-17r1mgt:focus-visible [data-part="content"] { opacity: 0.2; }
.css-17r1mgt:focus-visible [data-part="overlay"] { opacity: 1; }
@media (hover: hover) {
  .css-17r1mgt:hover [data-part="content"] { opacity: 0.2; }
  .css-17r1mgt:hover [data-part="overlay"] { opacity: 1; }
  .css-17r1mgt [data-part="button"]:hover { background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); backdrop-filter: blur(4px); }
}
.css-esjwtu { display: flex; -webkit-box-align: stretch; align-items: stretch; -webkit-box-pack: start; justify-content: flex-start; flex-direction: column; gap: 2px; position: relative; width: var(--gaydev-sizes-full); padding-inline: 32px; padding-top: 4px; padding-bottom: 10px; overflow: hidden; border-bottom-left-radius: 28px; border-bottom-right-radius: 28px; flex-shrink: 0; height: 53px; }
.css-5zemju { transition: opacity 0.15s; }
.css-1159zj9 { font-size: 14px; font-weight: 800; line-height: normal; white-space: pre; text-align: center; flex-shrink: 0; color: rgb(246, 242, 250); }
.css-1n1h63y { font-size: 14px; font-weight: 800; line-height: normal; white-space: pre; text-align: center; flex-shrink: 0; color: rgb(246, 242, 250); opacity: 0.4; }
.css-wp6g08 { position: absolute; top: -6px; right: -7px; pointer-events: none; }
.css-k96xcv { position: absolute; inset: 0px; background: linear-gradient(rgba(19, 18, 20, 0) 0%, rgba(19, 18, 20, 0.8) 100%); --bg-currentcolor: linear-gradient(180deg, rgba(19, 18, 20, 0) 0%, rgba(19, 18, 20, 0.8) 100%); opacity: 0; transition: opacity 0.15s; }
.css-1girbsv { position: absolute; left: calc(50% + 0.5px); top: calc(50% - 1.5px); transform: translate(-50%, -50%); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 6px; padding-left: 12px; padding-right: 8px; padding-block: 6px; border-radius: 12px; transition: background 0.15s, backdrop-filter 0.15s; }
.css-1g8gi9n { font-size: 14px; font-weight: 800; line-height: normal; color: var(--gaydev-colors-white); text-transform: uppercase; white-space: nowrap; }
.css-1w20y46 { position: absolute; inset: -2px; border-radius: 30px; box-shadow: rgba(31, 22, 62, 0.19) 0px 3px 12px inset, rgba(242, 223, 255, 0.38) 0px -3px 20px inset, rgba(200, 235, 255, 0.32) 2px 0px 18px inset; pointer-events: none; }
.css-8pns3e { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: end; justify-content: flex-end; flex-direction: row; gap: 0.5rem; height: 44px; margin-top: -20px; padding-right: 64px; position: relative; z-index: 1; }
.css-1ytzc5m { display: flex; flex-direction: row; gap: 4px; padding: 4px; border-radius: 16px; background: rgb(16, 15, 18); --bg-currentcolor: #100F12; flex-shrink: 0; }
.css-1185xvg { position: relative; isolation: isolate; padding: 16px 12px; height: 36px; border-radius: 12px; background: rgba(233, 216, 255, 0.1); --bg-currentcolor: rgba(233, 216, 255, 0.1); color: rgb(246, 242, 250); font-size: 14px; font-weight: 600; border: 1.5px solid rgba(235, 240, 247, 0.05); padding-block: 0px; gap: 4px; }
@layer recipes {
  .css-1185xvg { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: var(--gaydev-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--gaydev-colors-transparent); cursor: var(--gaydev-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--gaydev-font-weights-medium); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform; transition-duration: var(--gaydev-durations-moderate); --focus-ring-color: var(--gaydev-colors-color-palette-focus-ring); height: var(--gaydev-sizes-10); min-width: var(--gaydev-sizes-10); font-size: var(--gaydev-font-sizes-sm); padding-inline: var(--gaydev-spacing-4); gap: var(--gaydev-spacing-2); background: var(--gaydev-colors-color-palette-solid); --bg-currentcolor: var(--gaydev-colors-color-palette-solid); color: var(--gaydev-colors-color-palette-contrast); }
  .css-1185xvg: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-1185xvg:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-1185xvg :where(svg) { flex-shrink: 0; width: var(--gaydev-sizes-5); height: var(--gaydev-sizes-5); }
  .css-1185xvg:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
  @media (hover: hover) {
  .css-1185xvg:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
}
}
.css-1185xvg::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); opacity: 0; transition: opacity 0.2s; }
.css-1185xvg:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; }
.css-1185xvg :where(svg) { width: 27px; height: 32px; }
@media (hover: hover) {
  .css-1185xvg:is(:hover, [data-hover]):not(:disabled, [data-disabled])::before { opacity: 1; }
}
.css-z6wozj { object-fit: cover; position: absolute; inset: 8.33%; width: auto; height: auto; max-width: none; }
.css-ds5qy8 { position: relative; isolation: isolate; padding: 16px 16px 16px 12px; height: 36px; border-radius: 12px; background: rgba(233, 216, 255, 0.1); --bg-currentcolor: rgba(233, 216, 255, 0.1); color: rgb(246, 242, 250); font-size: 14px; font-weight: 600; border: 1.5px solid rgba(235, 240, 247, 0.05); padding-block: 0px; gap: 4px; }
@layer recipes {
  .css-ds5qy8 { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: var(--gaydev-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--gaydev-colors-transparent); cursor: var(--gaydev-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--gaydev-font-weights-medium); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform; transition-duration: var(--gaydev-durations-moderate); --focus-ring-color: var(--gaydev-colors-color-palette-focus-ring); height: var(--gaydev-sizes-10); min-width: var(--gaydev-sizes-10); font-size: var(--gaydev-font-sizes-sm); padding-inline: var(--gaydev-spacing-4); gap: var(--gaydev-spacing-2); background: var(--gaydev-colors-color-palette-solid); --bg-currentcolor: var(--gaydev-colors-color-palette-solid); color: var(--gaydev-colors-color-palette-contrast); }
  .css-ds5qy8: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-ds5qy8:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-ds5qy8 :where(svg) { flex-shrink: 0; width: var(--gaydev-sizes-5); height: var(--gaydev-sizes-5); }
  .css-ds5qy8:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
  @media (hover: hover) {
  .css-ds5qy8:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
}
}
.css-ds5qy8::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); opacity: 0; transition: opacity 0.2s; }
.css-ds5qy8:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; }
.css-ds5qy8 :where(svg) { width: 27px; height: 32px; }
@media (hover: hover) {
  .css-ds5qy8:is(:hover, [data-hover]):not(:disabled, [data-disabled])::before { opacity: 1; }
}
.css-h2sxfw { object-fit: cover; position: absolute; inset: 4.69%; width: auto; height: auto; max-width: none; }
.css-56fda1 { display: flex; flex-direction: column; gap: 16px; padding-top: 32px; width: var(--gaydev-sizes-full); }
.css-1rqyg7s { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-flow: wrap; gap: 8px; padding-left: 8px; padding-right: 16px; padding-block: 8px; background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); border-radius: 24px; }
.css-f146xy { position: relative; height: 56px; width: fit-content; max-width: var(--gaydev-sizes-full); flex-shrink: 0; background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); border-width: 1px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-stroke-sides); border-radius: 16px; overflow: hidden; user-select: none; }
.css-188h9w3 { scrollbar-width: none; display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: 0px; height: calc(100% + 2px); margin-block: -1px; overflow: visible; }
.css-188h9w3::-webkit-scrollbar { display: none; }
.css-3bxrew { flex-shrink: 0; height: 56px; padding-inline: 16px; gap: 4px; border-radius: 16px; border: 1px solid rgba(235, 240, 247, 0.05); background: radial-gradient(49.74% 100% at 50.26% 100%, rgba(164, 102, 255, 0.2) 0%, rgba(164, 102, 255, 0) 100%), rgba(233, 216, 255, 0.1); --bg-currentcolor: radial-gradient(49.74% 100% at 50.26% 100%, rgba(164, 102, 255, 0.2) 0%, rgba(164, 102, 255, 0) 100%),rgba(233, 216, 255, 0.1); color: rgb(246, 242, 250); font-size: 20px; font-weight: 600; line-height: normal; white-space: nowrap; cursor: default; transition: background 0.2s, color 0.2s; }
@layer recipes {
  .css-3bxrew { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-3bxrew [data-tab-icon] { color: rgb(241, 231, 255); }
.css-1gwcslw { width: 24px; height: 24px; flex-shrink: 0; }
@layer recipes {
  .css-1gwcslw { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-1yrntir { flex-shrink: 0; height: 56px; padding-inline: 16px; gap: 4px; border-radius: 16px; border-width: 1px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-transparent); background: var(--gaydev-colors-transparent); --bg-currentcolor: var(--gaydev-colors-transparent); color: rgba(246, 242, 250, 0.4); font-size: 20px; font-weight: 600; line-height: normal; white-space: nowrap; cursor: pointer; transition: background 0.2s, color 0.2s; }
@layer recipes {
  .css-1yrntir { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-1yrntir [data-tab-icon] { color: rgba(241, 231, 255, 0.4); }
@media (hover: hover) {
  .css-1yrntir:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { color: rgba(246, 242, 250, 0.7); }
}
.css-8bpza3 { background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); border: 1px solid rgba(235, 240, 247, 0.1); border-radius: 28px; padding-block: var(--gaydev-spacing-8); padding-inline: var(--gaydev-spacing-2); }
.css-ei1qqw { display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; gap: var(--gaydev-spacing-4); text-align: center; max-width: 266px; margin-inline: auto; }
.css-1kgu1w3 { object-fit: cover; width: 128px; height: 128px; }
.css-ut7483 { display: flex; flex-direction: column; gap: 2px; width: var(--gaydev-sizes-full); }
.css-k5vp3g { font-size: 20px; font-weight: 600; line-height: normal; color: rgb(246, 242, 250); }
.css-1hk1z1t { font-size: 16px; font-weight: 500; line-height: normal; color: rgba(246, 242, 250, 0.4); }
.css-f5gdbj { position: relative; isolation: isolate; padding: 16px 32px; height: 52px; border-radius: 20px; background: var(--event-button-accent, radial-gradient(100% 734.62% at 0% 50%, #6945AD 0%, #7B4BD4 100%)) border-box padding-box no-repeat,var(--event-button-accent-stroke, linear-gradient(90deg, rgba(188, 144, 255, 0.2) 0%, #A46CF8 100%)) border-box,var(--event-button-accent, radial-gradient(100% 734.62% at 0% 50%, #6945AD 0%, #7B4BD4 100%)) border-box no-repeat; --bg-currentcolor: var(--event-button-accent, radial-gradient(100% 734.62% at 0% 50%, #6945AD 0%, #7B4BD4 100%)) border-box padding-box no-repeat,var(--event-button-accent-stroke, linear-gradient(90deg, rgba(188, 144, 255, 0.2) 0%, #A46CF8 100%)) border-box,var(--event-button-accent, radial-gradient(100% 734.62% at 0% 50%, #6945AD 0%, #7B4BD4 100%)) border-box no-repeat; color: var(--gaydev-colors-text-primary); font-size: 16px; font-weight: 700; border-width: 1.5px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-transparent); text-transform: uppercase; text-shadow: var(--event-text-shadow-accent, 0 2px 4px rgba(128, 80, 224, 0.5)); }
@layer recipes {
  .css-f5gdbj { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: var(--gaydev-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--gaydev-colors-transparent); cursor: var(--gaydev-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--gaydev-font-weights-medium); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform; transition-duration: var(--gaydev-durations-moderate); --focus-ring-color: var(--gaydev-colors-color-palette-focus-ring); height: var(--gaydev-sizes-10); min-width: var(--gaydev-sizes-10); font-size: var(--gaydev-font-sizes-sm); padding-inline: var(--gaydev-spacing-4); gap: var(--gaydev-spacing-2); background: var(--gaydev-colors-color-palette-solid); --bg-currentcolor: var(--gaydev-colors-color-palette-solid); color: var(--gaydev-colors-color-palette-contrast); }
  .css-f5gdbj: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-f5gdbj:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-f5gdbj :where(svg) { flex-shrink: 0; width: var(--gaydev-sizes-5); height: var(--gaydev-sizes-5); }
  .css-f5gdbj:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
  @media (hover: hover) {
  .css-f5gdbj:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
}
}
.css-f5gdbj::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%),var(--event-button-accent, radial-gradient(100% 734.62% at 0% 50%, #6945AD 0%, #7B4BD4 100%)); --bg-currentcolor: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%),var(--event-button-accent, radial-gradient(100% 734.62% at 0% 50%, #6945AD 0%, #7B4BD4 100%)); opacity: 0; transition: opacity 0.2s; }
.css-f5gdbj:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; }
.css-f5gdbj :where(svg) { width: 27px; height: 32px; }
@media (hover: hover) {
  .css-f5gdbj:is(:hover, [data-hover]):not(:disabled, [data-disabled])::before { opacity: 1; }
}
.css-a62h4n { display: flex; flex-direction: column; width: calc(-32px + 100vw); max-width: 430px; max-height: calc(100dvh - 32px); overflow: hidden; background: var(--gaydev-colors-bg-dialog); --bg-currentcolor: var(--gaydev-colors-bg-dialog); border-radius: 32px; border-top-width: 1px; border-top-style: solid; --mix-borderTopColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-top-color: var(--mix-borderTopColor, var(--gaydev-colors-stroke-default)); box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 16px 0px; padding-top: var(--gaydev-spacing-4); padding-inline: var(--gaydev-spacing-6); padding-bottom: var(--gaydev-spacing-6); }
@layer recipes {
  .css-a62h4n { display: flex; flex-direction: column; position: relative; width: 100%; outline: 0px; border-radius: var(--gaydev-radii-l3); font-size: var(--gaydev-font-sizes-sm); line-height: 1.25rem; margin-block: var(--dialog-margin, var(--dialog-base-margin)); --dialog-z-index: var(--gaydev-z-index-popover); z-index: calc(var(--dialog-z-index) + var(--layer-index, 0)); background: var(--gaydev-colors-bg-panel); --bg-currentcolor: var(--gaydev-colors-bg-panel); box-shadow: var(--gaydev-shadows-lg); max-width: var(--gaydev-sizes-md); --dialog-base-margin: auto; margin-inline: auto; }
  .css-a62h4n:is([open], [data-open], [data-state="open"]) { animation-duration: var(--gaydev-durations-moderate); animation-name: scale-in, fade-in; }
  .css-a62h4n:is([closed], [data-closed], [data-state="closed"]) { animation-duration: var(--gaydev-durations-faster); animation-name: scale-out, fade-out; }
}
.css-1htbleq { color: var(--gaydev-colors-text-white); font-size: 20px; font-weight: 600; line-height: normal; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@layer recipes {
  .css-1htbleq { font-family: var(--gaydev-fonts-heading); font-weight: var(--gaydev-font-weights-semibold); font-size: var(--gaydev-font-sizes-xl); line-height: 1.875rem; }
}
@layer recipes {
  .css-1htbleq { font-size: var(--gaydev-font-sizes-lg); line-height: 1.75rem; font-weight: var(--gaydev-font-weights-semibold); }
}
.css-1ffe965 { display: flex; flex-direction: column; flex: 1 1 0%; min-height: 0px; margin-top: 24px; }
.css-17i6pmh { display: flex; flex-direction: column; gap: var(--gaydev-spacing-6); flex: 1 1 0%; min-height: 0px; width: var(--gaydev-sizes-full); }
.css-1xvh9xc { scrollbar-width: none; flex: 1 1 0%; min-height: 0px; width: var(--gaydev-sizes-full); overflow-y: auto; }
.css-1xvh9xc::-webkit-scrollbar { display: none; }
.css-1con091 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; gap: var(--gaydev-spacing-2); width: var(--gaydev-sizes-full); padding-top: 8px; padding-inline: 8px; padding-bottom: 25px; margin-bottom: -16px; border-width: 1px 1px 0px; border-style: solid; border-image: none; border-color: rgba(235, 240, 247, 0.05); border-top-left-radius: 20px; border-top-right-radius: 20px; flex-shrink: 0; }
.css-93yc3d { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: var(--gaydev-spacing-2); min-width: 0px; }
.css-1wnzf8e { object-fit: cover; width: 48px; height: 48px; border-radius: 14px; }
.css-1in2kba { position: absolute; inset: 0px; border-radius: 14px; border: 2px solid rgba(235, 240, 247, 0.05); pointer-events: none; }
.css-3hf54q { font-size: 16px; font-weight: 600; line-height: 19px; color: rgb(246, 242, 250); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.css-19dploj { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 2px; height: 24px; padding-inline: 6px; padding-block: 4px; flex-shrink: 0; border-radius: 100px; background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); cursor: pointer; }
.css-8unaxl { font-size: 14px; font-weight: 600; line-height: 17px; color: rgba(246, 242, 250, 0.7); white-space: nowrap; }
.css-1paxx2u { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; gap: var(--gaydev-spacing-2); width: var(--gaydev-sizes-full); padding-left: 12px; padding-right: 16px; padding-block: 12px; border-radius: 16px; background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); border: 1px solid rgba(235, 240, 247, 0.05); position: relative; flex-shrink: 0; cursor: pointer; }
.css-2yb2ia { position: relative; width: 24px; height: 24px; flex-shrink: 0; overflow: hidden; color: rgba(241, 231, 255, 0.6); }
.css-t0n5dg { object-fit: cover; position: absolute; left: 0px; top: 0px; width: 24px; height: 24px; max-width: none; }
.css-qhp4lm { display: flex; flex-direction: column; gap: var(--gaydev-spacing-1); min-width: 0px; }
.css-msm1wc { font-size: 14px; font-weight: 600; line-height: 17px; color: rgba(246, 242, 250, 0.4); overflow-wrap: anywhere; }
.css-y5hvsq { background-origin: border-box; position: relative; flex-shrink: 0; width: 40px; height: 22px; padding: 0px; border-radius: 100px; border: 1px solid rgba(235, 240, 247, 0.1); background-color: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); background-image: none; cursor: pointer; opacity: 1; transition: background-color 0.15s, border-color 0.15s; }
.css-y5hvsq::after { content: ""; position: absolute; inset: -1px; padding: 1px; border-radius: inherit; background: var(--event-badge-purple-stroke, linear-gradient(90deg, rgba(115, 76, 187, 0.2) 0%, #DDC6FF 100%)); --bg-currentcolor: var(--event-badge-purple-stroke, linear-gradient(90deg, rgba(115, 76, 187, 0.2) 0%, #DDC6FF 100%)); pointer-events: none; mask: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) content-box exclude, linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px); opacity: 0; transition: opacity 0.15s; }
.css-y5hvsq:is(:focus-visible, [data-focus-visible]) { outline-style: solid; outline-width: 2px; outline-color: var(--gaydev-colors-other-accent); outline-offset: 2px; }
@media (hover: hover) {
  .css-y5hvsq:hover { background-color: rgba(233, 216, 255, 0.1); --bg-currentcolor: rgba(233, 216, 255, 0.1); }
  .css-y5hvsq:hover > [data-switch-knob] { width: 22px; left: 1px; }
}
.css-9vvzfb { position: absolute; top: 1px; left: 1px; width: 18px; height: 18px; border-radius: 100px; background: rgba(241, 231, 255, 0.4); --bg-currentcolor: rgba(241, 231, 255, 0.4); transition: left 0.15s, width 0.15s, background-color 0.15s; }
.css-wxd2c5 { display: flex; flex-direction: column; gap: var(--gaydev-spacing-1); width: var(--gaydev-sizes-full); }
.css-whas8d { object-fit: cover; position: absolute; left: 8.21px; top: 0.75px; width: 7.4292px; height: 22.1442px; max-width: none; }
.css-jnp6si { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; gap: var(--gaydev-spacing-2); width: var(--gaydev-sizes-full); padding-left: 12px; padding-right: 16px; padding-block: 12px; border-radius: 16px; background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); border: 1px solid rgba(235, 240, 247, 0.05); position: relative; flex-shrink: 0; text-align: left; cursor: pointer; transition: background 0.2s; }
.css-jnp6si:is(:focus-visible, [data-focus-visible]) { outline-style: solid; outline-width: 2px; outline-color: var(--gaydev-colors-other-accent); outline-offset: -2px; }
@media (hover: hover) {
  .css-jnp6si:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: rgba(233, 216, 255, 0.1); --bg-currentcolor: rgba(233, 216, 255, 0.1); }
}
.css-acfmep { object-fit: cover; position: absolute; left: 5px; top: 8px; width: 3.5px; height: 3.5px; max-width: none; }
.css-1lk3wu3 { position: absolute; left: 5px; top: 15px; width: 9px; height: 1.65px; border-radius: 100px; background: rgba(241, 231, 255, 0.6); --bg-currentcolor: rgba(241, 231, 255, 0.6); }
.css-nwvj9y { flex-shrink: 0; width: 16px; height: 16px; display: flex; }
.css-1tvyb03 { object-fit: cover; position: absolute; left: 2px; top: 2px; width: 20px; height: 20.0013px; max-width: none; }
.css-wzp8xs { object-fit: cover; position: absolute; left: 0.1px; top: 1.5px; width: 22.4001px; height: 22.71px; max-width: none; }
.css-1h3d6gv { width: 24px; height: 24px; flex-shrink: 0; color: rgba(241, 231, 255, 0.6); }
.css-1azgqd3 { position: relative; isolation: isolate; padding: 16px 32px; height: 52px; border-radius: 20px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); color: var(--gaydev-colors-text-primary); font-size: 16px; font-weight: 700; border-width: 1.5px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); width: var(--gaydev-sizes-full); flex-shrink: 0; gap: var(--gaydev-spacing-2); text-transform: uppercase; }
@layer recipes {
  .css-1azgqd3 { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: var(--gaydev-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--gaydev-colors-transparent); cursor: var(--gaydev-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--gaydev-font-weights-medium); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform; transition-duration: var(--gaydev-durations-moderate); --focus-ring-color: var(--gaydev-colors-color-palette-focus-ring); height: var(--gaydev-sizes-10); min-width: var(--gaydev-sizes-10); font-size: var(--gaydev-font-sizes-sm); padding-inline: var(--gaydev-spacing-4); gap: var(--gaydev-spacing-2); background: var(--gaydev-colors-color-palette-solid); --bg-currentcolor: var(--gaydev-colors-color-palette-solid); color: var(--gaydev-colors-color-palette-contrast); }
  .css-1azgqd3: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-1azgqd3:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-1azgqd3 :where(svg) { flex-shrink: 0; width: var(--gaydev-sizes-5); height: var(--gaydev-sizes-5); }
  .css-1azgqd3:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
  @media (hover: hover) {
  .css-1azgqd3:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
}
}
.css-1azgqd3::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); opacity: 0; transition: opacity 0.2s; }
.css-1azgqd3:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; }
.css-1azgqd3 :where(svg) { width: 27px; height: 32px; }
@media (hover: hover) {
  .css-1azgqd3:is(:hover, [data-hover]):not(:disabled, [data-disabled])::before { opacity: 1; }
}
.css-h5rb2o { object-fit: cover; width: 20px; height: 20px; max-width: none; }
.css-1raivxw { display: flex; flex-direction: column; gap: var(--gaydev-spacing-2); width: var(--gaydev-sizes-full); }
.css-hr1gg0 { display: flex; flex-direction: column; gap: var(--gaydev-spacing-2); width: var(--gaydev-sizes-full); margin-top: var(--gaydev-spacing-16); }
.css-1voll63 { display: flex; flex-direction: column; gap: var(--gaydev-spacing-4); padding: 16px; border-radius: 32px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); border-width: 1.5px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 10%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); max-width: var(--gaydev-sizes-5xl); width: var(--gaydev-sizes-full); }
@media screen and (min-width: 30rem) {
  .css-1voll63 { padding: 20px 32px; }
}
.css-1nzkwof { font-size: 20px; font-weight: 600; }
@layer recipes {
  .css-1nzkwof { font-family: var(--gaydev-fonts-heading); font-weight: var(--gaydev-font-weights-semibold); font-size: var(--gaydev-font-sizes-xl); line-height: 1.875rem; }
}
.css-1kkhof1 { scrollbar-width: none; display: flex; flex-direction: row; gap: var(--gaydev-spacing-1); overflow-x: auto; padding-bottom: var(--gaydev-spacing-1); }
.css-1kkhof1::-webkit-scrollbar { display: none; }
.css-18god4d { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: var(--gaydev-spacing-1); height: 32px; padding: 8px 12px 8px 8px; border-radius: var(--gaydev-radii-full); border-width: 1px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-stroke-purple); background: var(--gaydev-colors-badge-purple); --bg-currentcolor: var(--gaydev-colors-badge-purple); backdrop-filter: blur(16px); cursor: pointer; user-select: none; flex-shrink: 0; transition: background 0.2s, border-color 0.2s; color: var(--gaydev-colors-bg-islands); }
.css-bg3st0 { font-size: 14px; font-weight: 500; }
.css-dm6hp5 { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: var(--gaydev-spacing-1); height: 32px; padding: 8px 12px 8px 8px; border-radius: var(--gaydev-radii-full); border-width: 1px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-stroke-badge_default); background: var(--gaydev-colors-badge-default); --bg-currentcolor: var(--gaydev-colors-badge-default); backdrop-filter: blur(16px); cursor: pointer; user-select: none; flex-shrink: 0; transition: background 0.2s, border-color 0.2s; color: var(--gaydev-colors-text-tretiary); }
@media (hover: hover) {
  .css-dm6hp5:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); }
}
.css-rbkmpu { margin-top: var(--gaydev-spacing-2); }
.css-x6djmj { display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; gap: var(--gaydev-spacing-4); padding: var(--gaydev-spacing-4); border-radius: 24px; border-width: 1px 1px 2px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); border-top-color: var(--mix-borderColor, var(--gaydev-colors-bg-islands)); border-right-color: var(--mix-borderColor, var(--gaydev-colors-bg-islands)); border-left-color: var(--mix-borderColor, var(--gaydev-colors-bg-islands)); --mix-borderBottomColor: color-mix(in srgb, var(--gaydev-colors-bg-islands) 30%, transparent); border-bottom-color: var(--mix-borderBottomColor, var(--gaydev-colors-bg-islands)); background: radial-gradient(43.33% 100.34% at 50% 100.34%, rgba(122, 74, 209, 0.2) 0%, rgba(122, 74, 209, 0) 100%), rgba(233, 216, 255, 0.05); --bg-currentcolor: radial-gradient(43.33% 100.34% at 50% 100.34%, rgba(122, 74, 209, 0.20) 0%, rgba(122, 74, 209, 0.00) 100%),rgba(233, 216, 255, 0.05); }
.css-e9t90f { font-size: 20px; font-weight: 600; color: var(--gaydev-colors-text-primary); text-align: center; }
.css-13zrc7k { font-size: 16px; font-weight: 500; color: var(--gaydev-colors-text-tretiary); padding-left: var(--gaydev-spacing-2); }
.css-n04gk5 { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: var(--gaydev-spacing-2); position: relative; width: var(--gaydev-sizes-full); padding-top: 16px; padding-bottom: 16px; padding-left: 16px; padding-right: 48px; height: 58px; box-sizing: border-box; border-radius: 16px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); border-width: 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 10%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); cursor: pointer; }
.css-1bs7sbw { font-size: 20px; font-weight: 600; color: var(--gaydev-colors-text-primary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.css-57ay34 { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; }
.css-1ehnp95 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-direction: row; gap: 0.5rem; padding-inline: var(--gaydev-spacing-2); }
.css-1jbti8u { font-size: 16px; font-weight: 500; color: var(--gaydev-colors-text-tretiary); }
.css-1yr7o00 { padding-inline: 0px; padding-block: 0px; min-width: 20px; height: 20px; color: rgba(246, 242, 250, 0.4); }
@layer recipes {
  .css-1yr7o00 { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: var(--gaydev-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--gaydev-colors-transparent); cursor: var(--gaydev-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1rem; isolation: isolate; font-weight: var(--gaydev-font-weights-medium); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform; transition-duration: var(--gaydev-durations-moderate); --focus-ring-color: var(--gaydev-colors-color-palette-focus-ring); height: var(--gaydev-sizes-8); min-width: var(--gaydev-sizes-8); font-size: var(--gaydev-font-sizes-xs); padding-inline: var(--gaydev-spacing-2\.5); gap: var(--gaydev-spacing-1); background: var(--gaydev-colors-transparent); --bg-currentcolor: var(--gaydev-colors-transparent); color: var(--gaydev-colors-color-palette-fg); }
  .css-1yr7o00: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-1yr7o00:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-1yr7o00 :where(svg) { flex-shrink: 0; width: var(--gaydev-sizes-4); height: var(--gaydev-sizes-4); }
  .css-1yr7o00:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { background: var(--gaydev-colors-color-palette-subtle); --bg-currentcolor: var(--gaydev-colors-color-palette-subtle); }
  @media (hover: hover) {
  .css-1yr7o00:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: var(--gaydev-colors-color-palette-subtle); --bg-currentcolor: var(--gaydev-colors-color-palette-subtle); }
}
}
.css-1yr7o00 :where(svg) { font-size: 1.2em; }
@media (hover: hover) {
  .css-1yr7o00:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { color: var(--gaydev-colors-text-primary); background: var(--gaydev-colors-transparent); --bg-currentcolor: var(--gaydev-colors-transparent); }
}
.css-1q59hjf { cursor: pointer; display: flex; }
.css-1nzitz8 { display: flex; flex-direction: column; gap: var(--gaydev-spacing-6); padding: var(--gaydev-spacing-4); border-radius: 32px; border-width: 1px 2px 1px 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); border-top-color: var(--mix-borderColor, var(--gaydev-colors-bg-islands)); border-bottom-color: var(--mix-borderColor, var(--gaydev-colors-bg-islands)); border-left-color: var(--mix-borderColor, var(--gaydev-colors-bg-islands)); --mix-borderRightColor: color-mix(in srgb, var(--gaydev-colors-bg-islands) 30%, transparent); border-right-color: var(--mix-borderRightColor, var(--gaydev-colors-bg-islands)); background: radial-gradient(40.21% 61.04% at 0% 50.2%, rgba(122, 74, 209, 0.1) 0%, rgba(122, 74, 209, 0) 100%), radial-gradient(100% 50.23% at 100% 50.23%, rgba(232, 215, 255, 0.2) 0%, rgba(232, 215, 255, 0) 100%), rgba(233, 216, 255, 0.05); --bg-currentcolor: radial-gradient(40.21% 61.04% at 0% 50.2%, rgba(122, 74, 209, 0.10) 0%, rgba(122, 74, 209, 0.00) 100%),radial-gradient(100% 50.23% at 100% 50.23%, rgba(232, 215, 255, 0.20) 0%, rgba(232, 215, 255, 0.00) 100%),rgba(233, 216, 255, 0.05); }
.css-1cq1tin { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-direction: row; gap: var(--gaydev-spacing-2); width: var(--gaydev-sizes-full); padding: var(--gaydev-spacing-3); border-radius: var(--gaydev-radii-full); border-width: 1px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-stroke-badge_orange); background: var(--gaydev-colors-badge-orange); --bg-currentcolor: var(--gaydev-colors-badge-orange); }
.css-12y10l4 { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: var(--gaydev-spacing-1); cursor: pointer; }
.css-hmtl91 { font-size: 14px; font-weight: 400; color: rgb(233, 209, 193); }
.css-1l9e22u { display: flex; align-items: flex-end; flex-direction: column; gap: 0px; }
.css-f29e87 { font-size: 16px; font-weight: 600; color: var(--gaydev-colors-text-primary); line-height: 1.2; }
.css-1ez1yze { font-size: 12px; font-weight: 400; color: var(--gaydev-colors-text-tretiary); }
.css-1p9km9j { font-size: 14px; font-weight: 400; color: var(--gaydev-colors-text-secondary); }
.css-287pyv { font-size: 48px; font-weight: 600; line-height: 1.2; color: var(--gaydev-colors-text-primary); }
.css-1cuti2m { position: relative; isolation: isolate; padding: 16px 32px; height: 52px; border-radius: 20px; background: var(--gaydev-colors-button-accent); --bg-currentcolor: var(--gaydev-colors-button-accent); color: var(--gaydev-colors-text-primary); font-size: 16px; font-weight: 700; border-width: 1.5px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-stroke-accent_button); width: var(--gaydev-sizes-full); text-transform: uppercase; }
@layer recipes {
  .css-1cuti2m { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: var(--gaydev-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--gaydev-colors-transparent); cursor: var(--gaydev-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--gaydev-font-weights-medium); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform; transition-duration: var(--gaydev-durations-moderate); --focus-ring-color: var(--gaydev-colors-color-palette-focus-ring); height: var(--gaydev-sizes-10); min-width: var(--gaydev-sizes-10); font-size: var(--gaydev-font-sizes-sm); padding-inline: var(--gaydev-spacing-4); gap: var(--gaydev-spacing-2); background: var(--gaydev-colors-color-palette-solid); --bg-currentcolor: var(--gaydev-colors-color-palette-solid); color: var(--gaydev-colors-color-palette-contrast); }
  .css-1cuti2m: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-1cuti2m:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-1cuti2m :where(svg) { flex-shrink: 0; width: var(--gaydev-sizes-5); height: var(--gaydev-sizes-5); }
  .css-1cuti2m:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
  @media (hover: hover) {
  .css-1cuti2m:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
}
}
.css-1cuti2m::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; background: var(--gaydev-colors-button-accent_hover); --bg-currentcolor: var(--gaydev-colors-button-accent_hover); opacity: 0; transition: opacity 0.2s; }
.css-1cuti2m:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; }
.css-1cuti2m :where(svg) { width: 27px; height: 32px; }
@media (hover: hover) {
  .css-1cuti2m:is(:hover, [data-hover]):not(:disabled, [data-disabled])::before { opacity: 1; }
}
.css-ugqnge { font-size: 18px; font-weight: 600; color: var(--gaydev-colors-text-primary); }
.css-6l52id { scroll-snap-type: x mandatory; scrollbar-width: none; display: flex; flex-direction: row; gap: var(--gaydev-spacing-1); overflow-x: auto; }
.css-6l52id::-webkit-scrollbar { display: none; }
.css-9hibu9 { scroll-snap-align: start; display: flex; flex-direction: column; gap: var(--gaydev-spacing-1); padding: var(--gaydev-spacing-4); flex-shrink: 0; width: calc(33.3333% - 2.66667px); min-width: 104px; border-radius: 16px; border-width: 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-bg-islands)); background: radial-gradient(40% 285% at 0% 50%, rgba(232, 215, 255, 0.05) 0%, rgba(232, 215, 255, 0) 100%), rgba(233, 216, 255, 0.05); --bg-currentcolor: radial-gradient(40% 285% at 0% 50%, rgba(232, 215, 255, 0.05) 0%, rgba(232, 215, 255, 0.00) 100%),rgba(233, 216, 255, 0.05); }
@media screen and (min-width: 30rem) {
  .css-9hibu9 { width: calc(25% - 3px); }
}
.css-1ekkyr1 { font-size: 20px; font-weight: 600; color: var(--gaydev-colors-text-white); }
.css-vpucee { font-size: 14px; font-weight: 500; color: var(--gaydev-colors-text-secondary); }
.css-1e7swic { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: var(--gaydev-spacing-1); }
.css-uuvtgr { display: flex; flex-direction: column; gap: var(--gaydev-spacing-1); padding: var(--gaydev-spacing-4); border-radius: 16px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); }
.css-xtaid7 { font-size: 20px; font-weight: 600; color: var(--gaydev-colors-text-primary); }
.css-1iuq4jm { scrollbar-width: none; display: flex; flex-direction: row; gap: var(--gaydev-spacing-1); overflow-x: auto; }
.css-1iuq4jm::-webkit-scrollbar { display: none; }
.css-6miutq { display: flex; flex-direction: column; gap: var(--gaydev-spacing-1); padding: var(--gaydev-spacing-4); border-radius: 16px; border: 1px solid rgba(0, 137, 59, 0.2); background: radial-gradient(178.96% 80% at 20% 50%, rgba(0, 184, 95, 0.05) 10.96%, rgba(0, 201, 104, 0.6) 100%), rgba(0, 137, 71, 0.05); --bg-currentcolor: radial-gradient(178.96% 80% at 20% 50%, rgba(0, 184, 95, 0.05) 10.96%, rgba(0, 201, 104, 0.60) 100%),rgba(0, 137, 71, 0.05); position: relative; flex-shrink: 0; }
.css-1ghncnm { font-size: 16px; font-weight: 500; color: var(--gaydev-colors-text-primary); }
.css-16x5wuy { font-size: 20px; font-weight: 600; color: var(--gaydev-colors-other-badge_green); }
.css-10odhho { font-size: 16px; font-weight: 500; color: var(--gaydev-colors-text-secondary); white-space: nowrap; }
.css-m4rn3s { position: absolute; top: 15px; right: 15px; }
.css-1j13gjs { display: flex; flex-direction: column; gap: var(--gaydev-spacing-1); padding: var(--gaydev-spacing-4); border-radius: 16px; border-width: 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-bg-islands)); background: radial-gradient(40% 285% at 0% 50%, rgba(232, 215, 255, 0.05) 0%, rgba(232, 215, 255, 0) 100%), rgba(233, 216, 255, 0.05); --bg-currentcolor: radial-gradient(40% 285% at 0% 50%, rgba(232, 215, 255, 0.05) 0%, rgba(232, 215, 255, 0.00) 100%),rgba(233, 216, 255, 0.05); position: relative; flex-shrink: 0; }
.css-voldmd { position: sticky; bottom: 100px; z-index: 10; align-self: center; width: calc(100% - 32px); }
@media screen and (min-width: 30rem) {
  .css-voldmd { bottom: 16px; width: auto; }
}
.css-pfdycd { position: relative; isolation: isolate; padding: 16px 32px; height: 52px; border-radius: 20px; background: var(--gaydev-colors-button-accent); --bg-currentcolor: var(--gaydev-colors-button-accent); color: var(--gaydev-colors-text-primary); font-size: 16px; font-weight: 700; border-width: 1.5px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-stroke-accent_button); width: var(--gaydev-sizes-full); text-transform: uppercase; }
@layer recipes {
  .css-pfdycd { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: var(--gaydev-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--gaydev-colors-transparent); cursor: var(--gaydev-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--gaydev-font-weights-medium); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform; transition-duration: var(--gaydev-durations-moderate); --focus-ring-color: var(--gaydev-colors-color-palette-focus-ring); height: var(--gaydev-sizes-10); min-width: var(--gaydev-sizes-10); font-size: var(--gaydev-font-sizes-sm); padding-inline: var(--gaydev-spacing-4); gap: var(--gaydev-spacing-2); background: var(--gaydev-colors-color-palette-solid); --bg-currentcolor: var(--gaydev-colors-color-palette-solid); color: var(--gaydev-colors-color-palette-contrast); }
  .css-pfdycd: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-pfdycd:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-pfdycd :where(svg) { flex-shrink: 0; width: var(--gaydev-sizes-5); height: var(--gaydev-sizes-5); }
  .css-pfdycd:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
  @media (hover: hover) {
  .css-pfdycd:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
}
}
.css-pfdycd::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; background: var(--gaydev-colors-button-accent_hover); --bg-currentcolor: var(--gaydev-colors-button-accent_hover); opacity: 0; transition: opacity 0.2s; }
.css-pfdycd:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; }
.css-pfdycd :where(svg) { width: 27px; height: 32px; }
@media screen and (min-width: 30rem) {
  .css-pfdycd { width: auto; }
}
@media (hover: hover) {
  .css-pfdycd:is(:hover, [data-hover]):not(:disabled, [data-disabled])::before { opacity: 1; }
}
.css-cycjyz { background: var(--gaydev-colors-bg-overlay); --bg-currentcolor: var(--gaydev-colors-bg-overlay); }
@layer recipes {
  .css-cycjyz { background: var(--gaydev-colors-black-alpha-500); --bg-currentcolor: var(--gaydev-colors-black-alpha-500); position: fixed; left: 0px; top: 0px; width: 100dvw; height: 100dvh; --dialog-z-index: var(--gaydev-z-index-popover); z-index: calc(var(--dialog-z-index) + var(--layer-index, 0) - 1); }
  .css-cycjyz:is([open], [data-open], [data-state="open"]) { animation-name: fade-in; animation-duration: var(--gaydev-durations-slow); }
  .css-cycjyz:is([closed], [data-closed], [data-state="closed"]) { animation-name: fade-out; animation-duration: var(--gaydev-durations-moderate); }
}
@layer recipes {
  .css-13yfqy0 { display: flex; width: 100dvw; height: 100dvh; position: fixed; left: 0px; top: 0px; --dialog-z-index: var(--gaydev-z-index-popover); z-index: calc(var(--dialog-z-index) + var(--layer-index, 0)); -webkit-box-pack: center; justify-content: center; overscroll-behavior-y: none; overflow: auto; pointer-events: auto; -webkit-box-align: center; align-items: center; }
}
.css-s86633 { object-fit: cover; position: absolute; top: -6.65%; left: -6.65%; width: 113.3%; height: 113.3%; max-width: none; }
.css-age7l4 { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: var(--gaydev-spacing-2); }
.css-1hgzfaf { display: flow-root; padding-inline: var(--gaydev-spacing-4); max-width: var(--gaydev-sizes-full); }
@layer recipes {
  .css-1hgzfaf { position: relative; max-width: var(--gaydev-sizes-8xl); width: 100%; margin-inline: auto; padding-inline: var(--gaydev-spacing-4); }
  @media screen and (min-width: 48rem) {
  .css-1hgzfaf { padding-inline: var(--gaydev-spacing-6); }
}
  @media screen and (min-width: 64rem) {
  .css-1hgzfaf { padding-inline: var(--gaydev-spacing-8); }
}
}
@media screen and (min-width: 30rem) {
  .css-1hgzfaf { padding-inline: var(--gaydev-spacing-8); max-width: var(--gaydev-sizes-full); }
}
@media screen and (min-width: 48rem) {
  .css-1hgzfaf { max-width: var(--gaydev-sizes-full); }
}
@media screen and (min-width: 64rem) {
  .css-1hgzfaf { max-width: var(--gaydev-sizes-full); }
}
@media screen and (min-width: 80rem) {
  .css-1hgzfaf { max-width: var(--gaydev-sizes-8xl); }
}
.css-zqopn2 { display: flex; flex-direction: column; gap: var(--gaydev-spacing-1); }
.css-n7k1od { position: relative; width: 20px; height: 20px; flex-shrink: 0; }
.css-15g3kv { position: relative; width: 48px; height: 48px; flex-shrink: 0; }
.css-v9zin2 { display: flex; flex-direction: column; gap: var(--gaydev-spacing-8); }
.css-56cf01 { display: flex; flex-direction: column; gap: var(--gaydev-spacing-6); width: var(--gaydev-sizes-full); }
.css-1cw3q2i { width: var(--gaydev-sizes-full); }
@layer recipes {
  .css-1cw3q2i { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-gfmpii { display: flex; flex-direction: column; gap: 0px; }
.css-1nln5x3 { display: flex; flex-direction: column; max-width: 430px; height: 600px; max-height: calc(100dvh - 32px); overflow: hidden; background: var(--gaydev-colors-bg-dialog); --bg-currentcolor: var(--gaydev-colors-bg-dialog); border-radius: 32px; border-top-width: 1px; border-top-style: solid; --mix-borderTopColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-top-color: var(--mix-borderTopColor, var(--gaydev-colors-stroke-default)); box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 16px 0px; padding-top: var(--gaydev-spacing-4); padding-inline: var(--gaydev-spacing-6); padding-bottom: var(--gaydev-spacing-6); }
@layer recipes {
  .css-1nln5x3 { display: flex; flex-direction: column; position: relative; width: 100%; outline: 0px; border-radius: var(--gaydev-radii-l3); font-size: var(--gaydev-font-sizes-sm); line-height: 1.25rem; margin-block: var(--dialog-margin, var(--dialog-base-margin)); --dialog-z-index: var(--gaydev-z-index-popover); z-index: calc(var(--dialog-z-index) + var(--layer-index, 0)); background: var(--gaydev-colors-bg-panel); --bg-currentcolor: var(--gaydev-colors-bg-panel); box-shadow: var(--gaydev-shadows-lg); max-width: var(--gaydev-sizes-md); --dialog-base-margin: auto; margin-inline: auto; }
  .css-1nln5x3:is([open], [data-open], [data-state="open"]) { animation-duration: var(--gaydev-durations-moderate); animation-name: scale-in, fade-in; }
  .css-1nln5x3:is([closed], [data-closed], [data-state="closed"]) { animation-duration: var(--gaydev-durations-faster); animation-name: scale-out, fade-out; }
}
.css-n690vv { display: grid; grid-template-columns: 1fr auto 1fr; -webkit-box-align: center; align-items: center; gap: var(--gaydev-spacing-2); flex-shrink: 0; height: 28px; }
.css-p0gsx7 { padding-inline: 0px; padding-block: 0px; min-width: 28px; height: 28px; border-radius: var(--gaydev-radii-full); background: rgba(255, 255, 255, 0.04); --bg-currentcolor: rgba(255, 255, 255, 0.04); justify-self: end; }
@layer recipes {
  .css-p0gsx7 { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: var(--gaydev-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--gaydev-colors-transparent); cursor: var(--gaydev-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1rem; isolation: isolate; font-weight: var(--gaydev-font-weights-medium); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform; transition-duration: var(--gaydev-durations-moderate); --focus-ring-color: var(--gaydev-colors-color-palette-focus-ring); height: var(--gaydev-sizes-8); min-width: var(--gaydev-sizes-8); font-size: var(--gaydev-font-sizes-xs); padding-inline: var(--gaydev-spacing-2\.5); gap: var(--gaydev-spacing-1); background: var(--gaydev-colors-color-palette-solid); --bg-currentcolor: var(--gaydev-colors-color-palette-solid); color: var(--gaydev-colors-color-palette-contrast); }
  .css-p0gsx7: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-p0gsx7:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-p0gsx7 :where(svg) { flex-shrink: 0; width: var(--gaydev-sizes-4); height: var(--gaydev-sizes-4); }
  .css-p0gsx7:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
  @media (hover: hover) {
  .css-p0gsx7:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
}
}
.css-p0gsx7 :where(svg) { width: 12px; height: 12px; }
@media (hover: hover) {
  .css-p0gsx7:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: rgba(255, 255, 255, 0.08); --bg-currentcolor: rgba(255, 255, 255, 0.08); }
}
.css-2ucq06 { display: flex; flex-direction: column; gap: var(--gaydev-spacing-3); }
.css-1715oeu { display: flex; flex-direction: column; gap: var(--gaydev-spacing-2); }
.css-y8tceq { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-direction: row; gap: var(--gaydev-spacing-2); width: var(--gaydev-sizes-full); height: 17px; }
.css-185441a { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: 0px; min-width: 0px; }
.css-1tu6sdk { position: relative; height: 20px; width: var(--gaydev-sizes-full); flex-shrink: 0; }
.css-gjcx8c { position: absolute; inset: 0px; transition: opacity 0.15s; }
.css-1sazlo9 { position: absolute; top: 3px; height: 14px; left: 2.21px; right: 2.17px; border-radius: 16px; background: rgba(233, 216, 255, 0.1); --bg-currentcolor: rgba(233, 216, 255, 0.1); }
.css-1bz3lyj { position: absolute; top: 0px; height: 20px; left: -1px; right: -1px; border-radius: 17px; border: 1px solid rgba(235, 240, 247, 0.1); pointer-events: none; }
.css-q1lt9u { position: relative; width: 32px; height: 32px; flex-shrink: 0; pointer-events: none; }
.css-1t00gxi { display: flex; flex-direction: column; gap: 32px; width: var(--gaydev-sizes-full); margin-top: 48px; }
@media screen and (min-width: 64rem) {
  .css-1t00gxi { width: calc(100% + 24px); max-width: 1400px; margin-left: -12px; }
}
.css-1gvdhq2 { display: flex; flex-direction: column; gap: 8px; width: var(--gaydev-sizes-full); }
.css-g9z3mj { display: flex; flex-direction: column; gap: 0px; width: var(--gaydev-sizes-full); }
.css-1p54jk2 { position: relative; width: var(--gaydev-sizes-full); height: 241px; border-radius: 48px; border: 2px solid rgba(235, 240, 247, 0.1); background: rgb(16, 15, 18); --bg-currentcolor: #100F12; overflow: hidden; }
.css-x6qoor { object-fit: cover; object-position: center center; position: absolute; inset: 0px; width: var(--gaydev-sizes-full); height: var(--gaydev-sizes-full); max-width: none; pointer-events: none; }
.css-69hmpb { position: absolute; left: 30px; top: 50%; transform: translateY(-50%); z-index: 1; }
.css-n8t45p { background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233,216,255,0.05); container: user-card / inline-size; position: relative; width: 393px; flex-shrink: 0; border-radius: 28px; backdrop-filter: none; }
@media screen and (min-width: 48rem) {
  .css-n8t45p { backdrop-filter: blur(16px); }
}
.css-10acww2 { mask: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) content-box exclude, linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px); background: rgb(241, 231, 255); --bg-currentcolor: #F1E7FF; position: absolute; inset: -2px; border-radius: 30px; padding: 2px; pointer-events: none; }
.css-19bgeg8 { background: rgba(233, 216, 255, 0.1); --bg-currentcolor: rgba(233,216,255,0.1); display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: 8px; position: relative; height: 124px; padding: 18px; border-radius: 28px; overflow: hidden; }
.css-ortt79 { position: relative; width: 88px; height: 88px; flex-shrink: 0; }
.css-1q51el6 { object-fit: cover; width: 88px; height: 88px; border-radius: 20px; }
.css-1dlgxkt { position: absolute; inset: 0px; border-radius: 20px; border: 2px solid rgba(235, 240, 247, 0.05); pointer-events: none; }
.css-1oj37kl { display: flex; flex-direction: column; gap: 8px; flex: 1 1 0px; min-width: 0px; }
.css-vgsisr { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-direction: row; gap: 4px; width: var(--gaydev-sizes-full); }
.css-1062if8 { flex: 1 1 0px; min-width: 0px; font-size: 18px; font-weight: 700; line-height: normal; color: rgb(246, 242, 250); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.css-y4wrgo { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 2px; height: 24px; padding-inline: 6px; padding-block: 4px; flex-shrink: 0; border-radius: 100px; background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); cursor: pointer; }
@media screen and (min-width: 48rem) {
  .css-y4wrgo { background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); }
}
.css-o9et9v { font-size: 14px; font-weight: 600; line-height: normal; color: rgba(246, 242, 250, 0.7); white-space: nowrap; }
.css-1ig2bqs { display: flex; flex-direction: row; gap: 4px; width: var(--gaydev-sizes-full); }
.css-lel5jl { display: flex; flex-direction: column; gap: 2px; flex: 1 1 0px; min-width: 0px; padding-inline: 12px; padding-block: 8px; border-radius: 14px; background: rgba(233, 216, 255, 0.1); --bg-currentcolor: rgba(233, 216, 255, 0.1); overflow: hidden; }
@container user-card (max-width: 390px) {
  .css-lel5jl { padding-inline: 6px; }
}
@container user-card (max-width: 340px) {
  .css-lel5jl { padding-inline: 4px; }
}
.css-1xik21t { font-size: 12px; font-weight: 500; line-height: normal; color: rgba(246, 242, 250, 0.7); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@container user-card (max-width: 390px) {
  .css-1xik21t { font-size: 11px; }
}
@container user-card (max-width: 340px) {
  .css-1xik21t { font-size: 10px; }
}
.css-1jf7jbw { font-size: 20px; font-weight: 700; line-height: normal; color: var(--gaydev-colors-white); white-space: nowrap; }
@container user-card (max-width: 340px) {
  .css-1jf7jbw { font-size: 16px; }
}
.css-kkdwu9 { mask: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) content-box exclude, linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px); background: rgba(241, 231, 255, 0.4); --bg-currentcolor: rgba(241,231,255,0.4); position: absolute; inset: 0px; border-radius: 28px; padding: 2px; pointer-events: none; }
.css-1c7ewbl { position: absolute; inset: 0px; border-radius: 28px; box-shadow: rgba(0, 0, 0, 0.48) 0px 2px 7px inset; pointer-events: none; }
.css-17r1mgt { display: block; width: var(--gaydev-sizes-full); border-bottom-left-radius: 28px; border-bottom-right-radius: 28px; outline: none; }
.css-17r1mgt:focus-visible [data-part="content"] { opacity: 0.2; }
.css-17r1mgt:focus-visible [data-part="overlay"] { opacity: 1; }
@media (hover: hover) {
  .css-17r1mgt:hover [data-part="content"] { opacity: 0.2; }
  .css-17r1mgt:hover [data-part="overlay"] { opacity: 1; }
  .css-17r1mgt [data-part="button"]:hover { background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); backdrop-filter: blur(4px); }
}
.css-esjwtu { display: flex; -webkit-box-align: stretch; align-items: stretch; -webkit-box-pack: start; justify-content: flex-start; flex-direction: column; gap: 2px; position: relative; width: var(--gaydev-sizes-full); padding-inline: 32px; padding-top: 4px; padding-bottom: 10px; overflow: hidden; border-bottom-left-radius: 28px; border-bottom-right-radius: 28px; flex-shrink: 0; height: 53px; }
.css-5zemju { transition: opacity 0.15s; }
.css-1159zj9 { font-size: 14px; font-weight: 800; line-height: normal; white-space: pre; text-align: center; flex-shrink: 0; color: rgb(246, 242, 250); }
.css-1n1h63y { font-size: 14px; font-weight: 800; line-height: normal; white-space: pre; text-align: center; flex-shrink: 0; color: rgb(246, 242, 250); opacity: 0.4; }
.css-wp6g08 { position: absolute; top: -6px; right: -7px; pointer-events: none; }
.css-k96xcv { position: absolute; inset: 0px; background: linear-gradient(rgba(19, 18, 20, 0) 0%, rgba(19, 18, 20, 0.8) 100%); --bg-currentcolor: linear-gradient(180deg, rgba(19, 18, 20, 0) 0%, rgba(19, 18, 20, 0.8) 100%); opacity: 0; transition: opacity 0.15s; }
.css-1girbsv { position: absolute; left: calc(50% + 0.5px); top: calc(50% - 1.5px); transform: translate(-50%, -50%); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 6px; padding-left: 12px; padding-right: 8px; padding-block: 6px; border-radius: 12px; transition: background 0.15s, backdrop-filter 0.15s; }
.css-1g8gi9n { font-size: 14px; font-weight: 800; line-height: normal; color: var(--gaydev-colors-white); text-transform: uppercase; white-space: nowrap; }
.css-1w20y46 { position: absolute; inset: -2px; border-radius: 30px; box-shadow: rgba(31, 22, 62, 0.19) 0px 3px 12px inset, rgba(242, 223, 255, 0.38) 0px -3px 20px inset, rgba(200, 235, 255, 0.32) 2px 0px 18px inset; pointer-events: none; }
.css-8pns3e { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: end; justify-content: flex-end; flex-direction: row; gap: 0.5rem; height: 44px; margin-top: -20px; padding-right: 64px; position: relative; z-index: 1; }
.css-1ytzc5m { display: flex; flex-direction: row; gap: 4px; padding: 4px; border-radius: 16px; background: rgb(16, 15, 18); --bg-currentcolor: #100F12; flex-shrink: 0; }
.css-1185xvg { position: relative; isolation: isolate; padding: 16px 12px; height: 36px; border-radius: 12px; background: rgba(233, 216, 255, 0.1); --bg-currentcolor: rgba(233, 216, 255, 0.1); color: rgb(246, 242, 250); font-size: 14px; font-weight: 600; border: 1.5px solid rgba(235, 240, 247, 0.05); padding-block: 0px; gap: 4px; }
@layer recipes {
  .css-1185xvg { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: var(--gaydev-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--gaydev-colors-transparent); cursor: var(--gaydev-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--gaydev-font-weights-medium); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform; transition-duration: var(--gaydev-durations-moderate); --focus-ring-color: var(--gaydev-colors-color-palette-focus-ring); height: var(--gaydev-sizes-10); min-width: var(--gaydev-sizes-10); font-size: var(--gaydev-font-sizes-sm); padding-inline: var(--gaydev-spacing-4); gap: var(--gaydev-spacing-2); background: var(--gaydev-colors-color-palette-solid); --bg-currentcolor: var(--gaydev-colors-color-palette-solid); color: var(--gaydev-colors-color-palette-contrast); }
  .css-1185xvg: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-1185xvg:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-1185xvg :where(svg) { flex-shrink: 0; width: var(--gaydev-sizes-5); height: var(--gaydev-sizes-5); }
  .css-1185xvg:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
  @media (hover: hover) {
  .css-1185xvg:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
}
}
.css-1185xvg::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); opacity: 0; transition: opacity 0.2s; }
.css-1185xvg:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; }
.css-1185xvg :where(svg) { width: 27px; height: 32px; }
@media (hover: hover) {
  .css-1185xvg:is(:hover, [data-hover]):not(:disabled, [data-disabled])::before { opacity: 1; }
}
.css-z6wozj { object-fit: cover; position: absolute; inset: 8.33%; width: auto; height: auto; max-width: none; }
.css-ds5qy8 { position: relative; isolation: isolate; padding: 16px 16px 16px 12px; height: 36px; border-radius: 12px; background: rgba(233, 216, 255, 0.1); --bg-currentcolor: rgba(233, 216, 255, 0.1); color: rgb(246, 242, 250); font-size: 14px; font-weight: 600; border: 1.5px solid rgba(235, 240, 247, 0.05); padding-block: 0px; gap: 4px; }
@layer recipes {
  .css-ds5qy8 { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: var(--gaydev-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--gaydev-colors-transparent); cursor: var(--gaydev-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--gaydev-font-weights-medium); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform; transition-duration: var(--gaydev-durations-moderate); --focus-ring-color: var(--gaydev-colors-color-palette-focus-ring); height: var(--gaydev-sizes-10); min-width: var(--gaydev-sizes-10); font-size: var(--gaydev-font-sizes-sm); padding-inline: var(--gaydev-spacing-4); gap: var(--gaydev-spacing-2); background: var(--gaydev-colors-color-palette-solid); --bg-currentcolor: var(--gaydev-colors-color-palette-solid); color: var(--gaydev-colors-color-palette-contrast); }
  .css-ds5qy8: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-ds5qy8:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-ds5qy8 :where(svg) { flex-shrink: 0; width: var(--gaydev-sizes-5); height: var(--gaydev-sizes-5); }
  .css-ds5qy8:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
  @media (hover: hover) {
  .css-ds5qy8:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
}
}
.css-ds5qy8::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); opacity: 0; transition: opacity 0.2s; }
.css-ds5qy8:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; }
.css-ds5qy8 :where(svg) { width: 27px; height: 32px; }
@media (hover: hover) {
  .css-ds5qy8:is(:hover, [data-hover]):not(:disabled, [data-disabled])::before { opacity: 1; }
}
.css-h2sxfw { object-fit: cover; position: absolute; inset: 4.69%; width: auto; height: auto; max-width: none; }
.css-56fda1 { display: flex; flex-direction: column; gap: 16px; padding-top: 32px; width: var(--gaydev-sizes-full); }
.css-1rqyg7s { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-flow: wrap; gap: 8px; padding-left: 8px; padding-right: 16px; padding-block: 8px; background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); border-radius: 24px; }
.css-f146xy { position: relative; height: 56px; width: fit-content; max-width: var(--gaydev-sizes-full); flex-shrink: 0; background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); border-width: 1px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-stroke-sides); border-radius: 16px; overflow: hidden; user-select: none; }
.css-188h9w3 { scrollbar-width: none; display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: 0px; height: calc(100% + 2px); margin-block: -1px; overflow: visible; }
.css-188h9w3::-webkit-scrollbar { display: none; }
.css-3bxrew { flex-shrink: 0; height: 56px; padding-inline: 16px; gap: 4px; border-radius: 16px; border: 1px solid rgba(235, 240, 247, 0.05); background: radial-gradient(49.74% 100% at 50.26% 100%, rgba(164, 102, 255, 0.2) 0%, rgba(164, 102, 255, 0) 100%), rgba(233, 216, 255, 0.1); --bg-currentcolor: radial-gradient(49.74% 100% at 50.26% 100%, rgba(164, 102, 255, 0.2) 0%, rgba(164, 102, 255, 0) 100%),rgba(233, 216, 255, 0.1); color: rgb(246, 242, 250); font-size: 20px; font-weight: 600; line-height: normal; white-space: nowrap; cursor: default; transition: background 0.2s, color 0.2s; }
@layer recipes {
  .css-3bxrew { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-3bxrew [data-tab-icon] { color: rgb(241, 231, 255); }
.css-1gwcslw { width: 24px; height: 24px; flex-shrink: 0; }
@layer recipes {
  .css-1gwcslw { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-1yrntir { flex-shrink: 0; height: 56px; padding-inline: 16px; gap: 4px; border-radius: 16px; border-width: 1px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-transparent); background: var(--gaydev-colors-transparent); --bg-currentcolor: var(--gaydev-colors-transparent); color: rgba(246, 242, 250, 0.4); font-size: 20px; font-weight: 600; line-height: normal; white-space: nowrap; cursor: pointer; transition: background 0.2s, color 0.2s; }
@layer recipes {
  .css-1yrntir { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-1yrntir [data-tab-icon] { color: rgba(241, 231, 255, 0.4); }
@media (hover: hover) {
  .css-1yrntir:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { color: rgba(246, 242, 250, 0.7); }
}
.css-8bpza3 { background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); border: 1px solid rgba(235, 240, 247, 0.1); border-radius: 28px; padding-block: var(--gaydev-spacing-8); padding-inline: var(--gaydev-spacing-2); }
.css-ei1qqw { display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; gap: var(--gaydev-spacing-4); text-align: center; max-width: 266px; margin-inline: auto; }
.css-1kgu1w3 { object-fit: cover; width: 128px; height: 128px; }
.css-ut7483 { display: flex; flex-direction: column; gap: 2px; width: var(--gaydev-sizes-full); }
.css-k5vp3g { font-size: 20px; font-weight: 600; line-height: normal; color: rgb(246, 242, 250); }
.css-1hk1z1t { font-size: 16px; font-weight: 500; line-height: normal; color: rgba(246, 242, 250, 0.4); }
.css-f5gdbj { position: relative; isolation: isolate; padding: 16px 32px; height: 52px; border-radius: 20px; background: var(--event-button-accent, radial-gradient(100% 734.62% at 0% 50%, #6945AD 0%, #7B4BD4 100%)) border-box padding-box no-repeat,var(--event-button-accent-stroke, linear-gradient(90deg, rgba(188, 144, 255, 0.2) 0%, #A46CF8 100%)) border-box,var(--event-button-accent, radial-gradient(100% 734.62% at 0% 50%, #6945AD 0%, #7B4BD4 100%)) border-box no-repeat; --bg-currentcolor: var(--event-button-accent, radial-gradient(100% 734.62% at 0% 50%, #6945AD 0%, #7B4BD4 100%)) border-box padding-box no-repeat,var(--event-button-accent-stroke, linear-gradient(90deg, rgba(188, 144, 255, 0.2) 0%, #A46CF8 100%)) border-box,var(--event-button-accent, radial-gradient(100% 734.62% at 0% 50%, #6945AD 0%, #7B4BD4 100%)) border-box no-repeat; color: var(--gaydev-colors-text-primary); font-size: 16px; font-weight: 700; border-width: 1.5px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-transparent); text-transform: uppercase; text-shadow: var(--event-text-shadow-accent, 0 2px 4px rgba(128, 80, 224, 0.5)); }
@layer recipes {
  .css-f5gdbj { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: var(--gaydev-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--gaydev-colors-transparent); cursor: var(--gaydev-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--gaydev-font-weights-medium); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform; transition-duration: var(--gaydev-durations-moderate); --focus-ring-color: var(--gaydev-colors-color-palette-focus-ring); height: var(--gaydev-sizes-10); min-width: var(--gaydev-sizes-10); font-size: var(--gaydev-font-sizes-sm); padding-inline: var(--gaydev-spacing-4); gap: var(--gaydev-spacing-2); background: var(--gaydev-colors-color-palette-solid); --bg-currentcolor: var(--gaydev-colors-color-palette-solid); color: var(--gaydev-colors-color-palette-contrast); }
  .css-f5gdbj: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-f5gdbj:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-f5gdbj :where(svg) { flex-shrink: 0; width: var(--gaydev-sizes-5); height: var(--gaydev-sizes-5); }
  .css-f5gdbj:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
  @media (hover: hover) {
  .css-f5gdbj:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
}
}
.css-f5gdbj::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%),var(--event-button-accent, radial-gradient(100% 734.62% at 0% 50%, #6945AD 0%, #7B4BD4 100%)); --bg-currentcolor: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%),var(--event-button-accent, radial-gradient(100% 734.62% at 0% 50%, #6945AD 0%, #7B4BD4 100%)); opacity: 0; transition: opacity 0.2s; }
.css-f5gdbj:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; }
.css-f5gdbj :where(svg) { width: 27px; height: 32px; }
@media (hover: hover) {
  .css-f5gdbj:is(:hover, [data-hover]):not(:disabled, [data-disabled])::before { opacity: 1; }
}
.css-a62h4n { display: flex; flex-direction: column; width: calc(-32px + 100vw); max-width: 430px; max-height: calc(100dvh - 32px); overflow: hidden; background: var(--gaydev-colors-bg-dialog); --bg-currentcolor: var(--gaydev-colors-bg-dialog); border-radius: 32px; border-top-width: 1px; border-top-style: solid; --mix-borderTopColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-top-color: var(--mix-borderTopColor, var(--gaydev-colors-stroke-default)); box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 16px 0px; padding-top: var(--gaydev-spacing-4); padding-inline: var(--gaydev-spacing-6); padding-bottom: var(--gaydev-spacing-6); }
@layer recipes {
  .css-a62h4n { display: flex; flex-direction: column; position: relative; width: 100%; outline: 0px; border-radius: var(--gaydev-radii-l3); font-size: var(--gaydev-font-sizes-sm); line-height: 1.25rem; margin-block: var(--dialog-margin, var(--dialog-base-margin)); --dialog-z-index: var(--gaydev-z-index-popover); z-index: calc(var(--dialog-z-index) + var(--layer-index, 0)); background: var(--gaydev-colors-bg-panel); --bg-currentcolor: var(--gaydev-colors-bg-panel); box-shadow: var(--gaydev-shadows-lg); max-width: var(--gaydev-sizes-md); --dialog-base-margin: auto; margin-inline: auto; }
  .css-a62h4n:is([open], [data-open], [data-state="open"]) { animation-duration: var(--gaydev-durations-moderate); animation-name: scale-in, fade-in; }
  .css-a62h4n:is([closed], [data-closed], [data-state="closed"]) { animation-duration: var(--gaydev-durations-faster); animation-name: scale-out, fade-out; }
}
.css-1htbleq { color: var(--gaydev-colors-text-white); font-size: 20px; font-weight: 600; line-height: normal; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@layer recipes {
  .css-1htbleq { font-family: var(--gaydev-fonts-heading); font-weight: var(--gaydev-font-weights-semibold); font-size: var(--gaydev-font-sizes-xl); line-height: 1.875rem; }
}
@layer recipes {
  .css-1htbleq { font-size: var(--gaydev-font-sizes-lg); line-height: 1.75rem; font-weight: var(--gaydev-font-weights-semibold); }
}
.css-1ffe965 { display: flex; flex-direction: column; flex: 1 1 0%; min-height: 0px; margin-top: 24px; }
.css-17i6pmh { display: flex; flex-direction: column; gap: var(--gaydev-spacing-6); flex: 1 1 0%; min-height: 0px; width: var(--gaydev-sizes-full); }
.css-1xvh9xc { scrollbar-width: none; flex: 1 1 0%; min-height: 0px; width: var(--gaydev-sizes-full); overflow-y: auto; }
.css-1xvh9xc::-webkit-scrollbar { display: none; }
.css-1con091 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; gap: var(--gaydev-spacing-2); width: var(--gaydev-sizes-full); padding-top: 8px; padding-inline: 8px; padding-bottom: 25px; margin-bottom: -16px; border-width: 1px 1px 0px; border-style: solid; border-image: none; border-color: rgba(235, 240, 247, 0.05); border-top-left-radius: 20px; border-top-right-radius: 20px; flex-shrink: 0; }
.css-93yc3d { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: var(--gaydev-spacing-2); min-width: 0px; }
.css-1wnzf8e { object-fit: cover; width: 48px; height: 48px; border-radius: 14px; }
.css-1in2kba { position: absolute; inset: 0px; border-radius: 14px; border: 2px solid rgba(235, 240, 247, 0.05); pointer-events: none; }
.css-3hf54q { font-size: 16px; font-weight: 600; line-height: 19px; color: rgb(246, 242, 250); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.css-19dploj { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 2px; height: 24px; padding-inline: 6px; padding-block: 4px; flex-shrink: 0; border-radius: 100px; background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); cursor: pointer; }
.css-8unaxl { font-size: 14px; font-weight: 600; line-height: 17px; color: rgba(246, 242, 250, 0.7); white-space: nowrap; }
.css-1paxx2u { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; gap: var(--gaydev-spacing-2); width: var(--gaydev-sizes-full); padding-left: 12px; padding-right: 16px; padding-block: 12px; border-radius: 16px; background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); border: 1px solid rgba(235, 240, 247, 0.05); position: relative; flex-shrink: 0; cursor: pointer; }
.css-2yb2ia { position: relative; width: 24px; height: 24px; flex-shrink: 0; overflow: hidden; color: rgba(241, 231, 255, 0.6); }
.css-t0n5dg { object-fit: cover; position: absolute; left: 0px; top: 0px; width: 24px; height: 24px; max-width: none; }
.css-qhp4lm { display: flex; flex-direction: column; gap: var(--gaydev-spacing-1); min-width: 0px; }
.css-msm1wc { font-size: 14px; font-weight: 600; line-height: 17px; color: rgba(246, 242, 250, 0.4); overflow-wrap: anywhere; }
.css-y5hvsq { background-origin: border-box; position: relative; flex-shrink: 0; width: 40px; height: 22px; padding: 0px; border-radius: 100px; border: 1px solid rgba(235, 240, 247, 0.1); background-color: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); background-image: none; cursor: pointer; opacity: 1; transition: background-color 0.15s, border-color 0.15s; }
.css-y5hvsq::after { content: ""; position: absolute; inset: -1px; padding: 1px; border-radius: inherit; background: var(--event-badge-purple-stroke, linear-gradient(90deg, rgba(115, 76, 187, 0.2) 0%, #DDC6FF 100%)); --bg-currentcolor: var(--event-badge-purple-stroke, linear-gradient(90deg, rgba(115, 76, 187, 0.2) 0%, #DDC6FF 100%)); pointer-events: none; mask: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) content-box exclude, linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px); opacity: 0; transition: opacity 0.15s; }
.css-y5hvsq:is(:focus-visible, [data-focus-visible]) { outline-style: solid; outline-width: 2px; outline-color: var(--gaydev-colors-other-accent); outline-offset: 2px; }
@media (hover: hover) {
  .css-y5hvsq:hover { background-color: rgba(233, 216, 255, 0.1); --bg-currentcolor: rgba(233, 216, 255, 0.1); }
  .css-y5hvsq:hover > [data-switch-knob] { width: 22px; left: 1px; }
}
.css-9vvzfb { position: absolute; top: 1px; left: 1px; width: 18px; height: 18px; border-radius: 100px; background: rgba(241, 231, 255, 0.4); --bg-currentcolor: rgba(241, 231, 255, 0.4); transition: left 0.15s, width 0.15s, background-color 0.15s; }
.css-wxd2c5 { display: flex; flex-direction: column; gap: var(--gaydev-spacing-1); width: var(--gaydev-sizes-full); }
.css-whas8d { object-fit: cover; position: absolute; left: 8.21px; top: 0.75px; width: 7.4292px; height: 22.1442px; max-width: none; }
.css-jnp6si { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; gap: var(--gaydev-spacing-2); width: var(--gaydev-sizes-full); padding-left: 12px; padding-right: 16px; padding-block: 12px; border-radius: 16px; background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); border: 1px solid rgba(235, 240, 247, 0.05); position: relative; flex-shrink: 0; text-align: left; cursor: pointer; transition: background 0.2s; }
.css-jnp6si:is(:focus-visible, [data-focus-visible]) { outline-style: solid; outline-width: 2px; outline-color: var(--gaydev-colors-other-accent); outline-offset: -2px; }
@media (hover: hover) {
  .css-jnp6si:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: rgba(233, 216, 255, 0.1); --bg-currentcolor: rgba(233, 216, 255, 0.1); }
}
.css-acfmep { object-fit: cover; position: absolute; left: 5px; top: 8px; width: 3.5px; height: 3.5px; max-width: none; }
.css-1lk3wu3 { position: absolute; left: 5px; top: 15px; width: 9px; height: 1.65px; border-radius: 100px; background: rgba(241, 231, 255, 0.6); --bg-currentcolor: rgba(241, 231, 255, 0.6); }
.css-nwvj9y { flex-shrink: 0; width: 16px; height: 16px; display: flex; }
.css-1tvyb03 { object-fit: cover; position: absolute; left: 2px; top: 2px; width: 20px; height: 20.0013px; max-width: none; }
.css-wzp8xs { object-fit: cover; position: absolute; left: 0.1px; top: 1.5px; width: 22.4001px; height: 22.71px; max-width: none; }
.css-1h3d6gv { width: 24px; height: 24px; flex-shrink: 0; color: rgba(241, 231, 255, 0.6); }
.css-1azgqd3 { position: relative; isolation: isolate; padding: 16px 32px; height: 52px; border-radius: 20px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); color: var(--gaydev-colors-text-primary); font-size: 16px; font-weight: 700; border-width: 1.5px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); width: var(--gaydev-sizes-full); flex-shrink: 0; gap: var(--gaydev-spacing-2); text-transform: uppercase; }
@layer recipes {
  .css-1azgqd3 { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: var(--gaydev-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--gaydev-colors-transparent); cursor: var(--gaydev-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--gaydev-font-weights-medium); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform; transition-duration: var(--gaydev-durations-moderate); --focus-ring-color: var(--gaydev-colors-color-palette-focus-ring); height: var(--gaydev-sizes-10); min-width: var(--gaydev-sizes-10); font-size: var(--gaydev-font-sizes-sm); padding-inline: var(--gaydev-spacing-4); gap: var(--gaydev-spacing-2); background: var(--gaydev-colors-color-palette-solid); --bg-currentcolor: var(--gaydev-colors-color-palette-solid); color: var(--gaydev-colors-color-palette-contrast); }
  .css-1azgqd3: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-1azgqd3:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-1azgqd3 :where(svg) { flex-shrink: 0; width: var(--gaydev-sizes-5); height: var(--gaydev-sizes-5); }
  .css-1azgqd3:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
  @media (hover: hover) {
  .css-1azgqd3:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
}
}
.css-1azgqd3::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); opacity: 0; transition: opacity 0.2s; }
.css-1azgqd3:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; }
.css-1azgqd3 :where(svg) { width: 27px; height: 32px; }
@media (hover: hover) {
  .css-1azgqd3:is(:hover, [data-hover]):not(:disabled, [data-disabled])::before { opacity: 1; }
}
.css-h5rb2o { object-fit: cover; width: 20px; height: 20px; max-width: none; }
.css-1raivxw { display: flex; flex-direction: column; gap: var(--gaydev-spacing-2); width: var(--gaydev-sizes-full); }
.css-hr1gg0 { display: flex; flex-direction: column; gap: var(--gaydev-spacing-2); width: var(--gaydev-sizes-full); margin-top: var(--gaydev-spacing-16); }
.css-1voll63 { display: flex; flex-direction: column; gap: var(--gaydev-spacing-4); padding: 16px; border-radius: 32px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); border-width: 1.5px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 10%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); max-width: var(--gaydev-sizes-5xl); width: var(--gaydev-sizes-full); }
@media screen and (min-width: 30rem) {
  .css-1voll63 { padding: 20px 32px; }
}
.css-1nzkwof { font-size: 20px; font-weight: 600; }
@layer recipes {
  .css-1nzkwof { font-family: var(--gaydev-fonts-heading); font-weight: var(--gaydev-font-weights-semibold); font-size: var(--gaydev-font-sizes-xl); line-height: 1.875rem; }
}
.css-1kkhof1 { scrollbar-width: none; display: flex; flex-direction: row; gap: var(--gaydev-spacing-1); overflow-x: auto; padding-bottom: var(--gaydev-spacing-1); }
.css-1kkhof1::-webkit-scrollbar { display: none; }
.css-18god4d { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: var(--gaydev-spacing-1); height: 32px; padding: 8px 12px 8px 8px; border-radius: var(--gaydev-radii-full); border-width: 1px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-stroke-purple); background: var(--gaydev-colors-badge-purple); --bg-currentcolor: var(--gaydev-colors-badge-purple); backdrop-filter: blur(16px); cursor: pointer; user-select: none; flex-shrink: 0; transition: background 0.2s, border-color 0.2s; color: var(--gaydev-colors-bg-islands); }
.css-bg3st0 { font-size: 14px; font-weight: 500; }
.css-dm6hp5 { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: var(--gaydev-spacing-1); height: 32px; padding: 8px 12px 8px 8px; border-radius: var(--gaydev-radii-full); border-width: 1px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-stroke-badge_default); background: var(--gaydev-colors-badge-default); --bg-currentcolor: var(--gaydev-colors-badge-default); backdrop-filter: blur(16px); cursor: pointer; user-select: none; flex-shrink: 0; transition: background 0.2s, border-color 0.2s; color: var(--gaydev-colors-text-tretiary); }
@media (hover: hover) {
  .css-dm6hp5:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); }
}
.css-rbkmpu { margin-top: var(--gaydev-spacing-2); }
.css-x6djmj { display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; gap: var(--gaydev-spacing-4); padding: var(--gaydev-spacing-4); border-radius: 24px; border-width: 1px 1px 2px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); border-top-color: var(--mix-borderColor, var(--gaydev-colors-bg-islands)); border-right-color: var(--mix-borderColor, var(--gaydev-colors-bg-islands)); border-left-color: var(--mix-borderColor, var(--gaydev-colors-bg-islands)); --mix-borderBottomColor: color-mix(in srgb, var(--gaydev-colors-bg-islands) 30%, transparent); border-bottom-color: var(--mix-borderBottomColor, var(--gaydev-colors-bg-islands)); background: radial-gradient(43.33% 100.34% at 50% 100.34%, rgba(122, 74, 209, 0.2) 0%, rgba(122, 74, 209, 0) 100%), rgba(233, 216, 255, 0.05); --bg-currentcolor: radial-gradient(43.33% 100.34% at 50% 100.34%, rgba(122, 74, 209, 0.20) 0%, rgba(122, 74, 209, 0.00) 100%),rgba(233, 216, 255, 0.05); }
.css-e9t90f { font-size: 20px; font-weight: 600; color: var(--gaydev-colors-text-primary); text-align: center; }
.css-13zrc7k { font-size: 16px; font-weight: 500; color: var(--gaydev-colors-text-tretiary); padding-left: var(--gaydev-spacing-2); }
.css-n04gk5 { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: var(--gaydev-spacing-2); position: relative; width: var(--gaydev-sizes-full); padding-top: 16px; padding-bottom: 16px; padding-left: 16px; padding-right: 48px; height: 58px; box-sizing: border-box; border-radius: 16px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); border-width: 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 10%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); cursor: pointer; }
.css-1bs7sbw { font-size: 20px; font-weight: 600; color: var(--gaydev-colors-text-primary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.css-57ay34 { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; }
.css-1ehnp95 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-direction: row; gap: 0.5rem; padding-inline: var(--gaydev-spacing-2); }
.css-1jbti8u { font-size: 16px; font-weight: 500; color: var(--gaydev-colors-text-tretiary); }
.css-1yr7o00 { padding-inline: 0px; padding-block: 0px; min-width: 20px; height: 20px; color: rgba(246, 242, 250, 0.4); }
@layer recipes {
  .css-1yr7o00 { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: var(--gaydev-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--gaydev-colors-transparent); cursor: var(--gaydev-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1rem; isolation: isolate; font-weight: var(--gaydev-font-weights-medium); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform; transition-duration: var(--gaydev-durations-moderate); --focus-ring-color: var(--gaydev-colors-color-palette-focus-ring); height: var(--gaydev-sizes-8); min-width: var(--gaydev-sizes-8); font-size: var(--gaydev-font-sizes-xs); padding-inline: var(--gaydev-spacing-2\.5); gap: var(--gaydev-spacing-1); background: var(--gaydev-colors-transparent); --bg-currentcolor: var(--gaydev-colors-transparent); color: var(--gaydev-colors-color-palette-fg); }
  .css-1yr7o00: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-1yr7o00:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-1yr7o00 :where(svg) { flex-shrink: 0; width: var(--gaydev-sizes-4); height: var(--gaydev-sizes-4); }
  .css-1yr7o00:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { background: var(--gaydev-colors-color-palette-subtle); --bg-currentcolor: var(--gaydev-colors-color-palette-subtle); }
  @media (hover: hover) {
  .css-1yr7o00:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: var(--gaydev-colors-color-palette-subtle); --bg-currentcolor: var(--gaydev-colors-color-palette-subtle); }
}
}
.css-1yr7o00 :where(svg) { font-size: 1.2em; }
@media (hover: hover) {
  .css-1yr7o00:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { color: var(--gaydev-colors-text-primary); background: var(--gaydev-colors-transparent); --bg-currentcolor: var(--gaydev-colors-transparent); }
}
.css-1q59hjf { cursor: pointer; display: flex; }
.css-1nzitz8 { display: flex; flex-direction: column; gap: var(--gaydev-spacing-6); padding: var(--gaydev-spacing-4); border-radius: 32px; border-width: 1px 2px 1px 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); border-top-color: var(--mix-borderColor, var(--gaydev-colors-bg-islands)); border-bottom-color: var(--mix-borderColor, var(--gaydev-colors-bg-islands)); border-left-color: var(--mix-borderColor, var(--gaydev-colors-bg-islands)); --mix-borderRightColor: color-mix(in srgb, var(--gaydev-colors-bg-islands) 30%, transparent); border-right-color: var(--mix-borderRightColor, var(--gaydev-colors-bg-islands)); background: radial-gradient(40.21% 61.04% at 0% 50.2%, rgba(122, 74, 209, 0.1) 0%, rgba(122, 74, 209, 0) 100%), radial-gradient(100% 50.23% at 100% 50.23%, rgba(232, 215, 255, 0.2) 0%, rgba(232, 215, 255, 0) 100%), rgba(233, 216, 255, 0.05); --bg-currentcolor: radial-gradient(40.21% 61.04% at 0% 50.2%, rgba(122, 74, 209, 0.10) 0%, rgba(122, 74, 209, 0.00) 100%),radial-gradient(100% 50.23% at 100% 50.23%, rgba(232, 215, 255, 0.20) 0%, rgba(232, 215, 255, 0.00) 100%),rgba(233, 216, 255, 0.05); }
.css-1cq1tin { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-direction: row; gap: var(--gaydev-spacing-2); width: var(--gaydev-sizes-full); padding: var(--gaydev-spacing-3); border-radius: var(--gaydev-radii-full); border-width: 1px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-stroke-badge_orange); background: var(--gaydev-colors-badge-orange); --bg-currentcolor: var(--gaydev-colors-badge-orange); }
.css-12y10l4 { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: var(--gaydev-spacing-1); cursor: pointer; }
.css-hmtl91 { font-size: 14px; font-weight: 400; color: rgb(233, 209, 193); }
.css-1l9e22u { display: flex; align-items: flex-end; flex-direction: column; gap: 0px; }
.css-f29e87 { font-size: 16px; font-weight: 600; color: var(--gaydev-colors-text-primary); line-height: 1.2; }
.css-1ez1yze { font-size: 12px; font-weight: 400; color: var(--gaydev-colors-text-tretiary); }
.css-1p9km9j { font-size: 14px; font-weight: 400; color: var(--gaydev-colors-text-secondary); }
.css-287pyv { font-size: 48px; font-weight: 600; line-height: 1.2; color: var(--gaydev-colors-text-primary); }
.css-1cuti2m { position: relative; isolation: isolate; padding: 16px 32px; height: 52px; border-radius: 20px; background: var(--gaydev-colors-button-accent); --bg-currentcolor: var(--gaydev-colors-button-accent); color: var(--gaydev-colors-text-primary); font-size: 16px; font-weight: 700; border-width: 1.5px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-stroke-accent_button); width: var(--gaydev-sizes-full); text-transform: uppercase; }
@layer recipes {
  .css-1cuti2m { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: var(--gaydev-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--gaydev-colors-transparent); cursor: var(--gaydev-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--gaydev-font-weights-medium); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform; transition-duration: var(--gaydev-durations-moderate); --focus-ring-color: var(--gaydev-colors-color-palette-focus-ring); height: var(--gaydev-sizes-10); min-width: var(--gaydev-sizes-10); font-size: var(--gaydev-font-sizes-sm); padding-inline: var(--gaydev-spacing-4); gap: var(--gaydev-spacing-2); background: var(--gaydev-colors-color-palette-solid); --bg-currentcolor: var(--gaydev-colors-color-palette-solid); color: var(--gaydev-colors-color-palette-contrast); }
  .css-1cuti2m: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-1cuti2m:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-1cuti2m :where(svg) { flex-shrink: 0; width: var(--gaydev-sizes-5); height: var(--gaydev-sizes-5); }
  .css-1cuti2m:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
  @media (hover: hover) {
  .css-1cuti2m:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
}
}
.css-1cuti2m::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; background: var(--gaydev-colors-button-accent_hover); --bg-currentcolor: var(--gaydev-colors-button-accent_hover); opacity: 0; transition: opacity 0.2s; }
.css-1cuti2m:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; }
.css-1cuti2m :where(svg) { width: 27px; height: 32px; }
@media (hover: hover) {
  .css-1cuti2m:is(:hover, [data-hover]):not(:disabled, [data-disabled])::before { opacity: 1; }
}
.css-ugqnge { font-size: 18px; font-weight: 600; color: var(--gaydev-colors-text-primary); }
.css-6l52id { scroll-snap-type: x mandatory; scrollbar-width: none; display: flex; flex-direction: row; gap: var(--gaydev-spacing-1); overflow-x: auto; }
.css-6l52id::-webkit-scrollbar { display: none; }
.css-9hibu9 { scroll-snap-align: start; display: flex; flex-direction: column; gap: var(--gaydev-spacing-1); padding: var(--gaydev-spacing-4); flex-shrink: 0; width: calc(33.3333% - 2.66667px); min-width: 104px; border-radius: 16px; border-width: 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-bg-islands)); background: radial-gradient(40% 285% at 0% 50%, rgba(232, 215, 255, 0.05) 0%, rgba(232, 215, 255, 0) 100%), rgba(233, 216, 255, 0.05); --bg-currentcolor: radial-gradient(40% 285% at 0% 50%, rgba(232, 215, 255, 0.05) 0%, rgba(232, 215, 255, 0.00) 100%),rgba(233, 216, 255, 0.05); }
@media screen and (min-width: 30rem) {
  .css-9hibu9 { width: calc(25% - 3px); }
}
.css-1ekkyr1 { font-size: 20px; font-weight: 600; color: var(--gaydev-colors-text-white); }
.css-vpucee { font-size: 14px; font-weight: 500; color: var(--gaydev-colors-text-secondary); }
.css-1e7swic { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: var(--gaydev-spacing-1); }
.css-uuvtgr { display: flex; flex-direction: column; gap: var(--gaydev-spacing-1); padding: var(--gaydev-spacing-4); border-radius: 16px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); }
.css-xtaid7 { font-size: 20px; font-weight: 600; color: var(--gaydev-colors-text-primary); }
.css-1iuq4jm { scrollbar-width: none; display: flex; flex-direction: row; gap: var(--gaydev-spacing-1); overflow-x: auto; }
.css-1iuq4jm::-webkit-scrollbar { display: none; }
.css-6miutq { display: flex; flex-direction: column; gap: var(--gaydev-spacing-1); padding: var(--gaydev-spacing-4); border-radius: 16px; border: 1px solid rgba(0, 137, 59, 0.2); background: radial-gradient(178.96% 80% at 20% 50%, rgba(0, 184, 95, 0.05) 10.96%, rgba(0, 201, 104, 0.6) 100%), rgba(0, 137, 71, 0.05); --bg-currentcolor: radial-gradient(178.96% 80% at 20% 50%, rgba(0, 184, 95, 0.05) 10.96%, rgba(0, 201, 104, 0.60) 100%),rgba(0, 137, 71, 0.05); position: relative; flex-shrink: 0; }
.css-1ghncnm { font-size: 16px; font-weight: 500; color: var(--gaydev-colors-text-primary); }
.css-16x5wuy { font-size: 20px; font-weight: 600; color: var(--gaydev-colors-other-badge_green); }
.css-10odhho { font-size: 16px; font-weight: 500; color: var(--gaydev-colors-text-secondary); white-space: nowrap; }
.css-m4rn3s { position: absolute; top: 15px; right: 15px; }
.css-1j13gjs { display: flex; flex-direction: column; gap: var(--gaydev-spacing-1); padding: var(--gaydev-spacing-4); border-radius: 16px; border-width: 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-bg-islands)); background: radial-gradient(40% 285% at 0% 50%, rgba(232, 215, 255, 0.05) 0%, rgba(232, 215, 255, 0) 100%), rgba(233, 216, 255, 0.05); --bg-currentcolor: radial-gradient(40% 285% at 0% 50%, rgba(232, 215, 255, 0.05) 0%, rgba(232, 215, 255, 0.00) 100%),rgba(233, 216, 255, 0.05); position: relative; flex-shrink: 0; }
.css-voldmd { position: sticky; bottom: 100px; z-index: 10; align-self: center; width: calc(100% - 32px); }
@media screen and (min-width: 30rem) {
  .css-voldmd { bottom: 16px; width: auto; }
}
.css-pfdycd { position: relative; isolation: isolate; padding: 16px 32px; height: 52px; border-radius: 20px; background: var(--gaydev-colors-button-accent); --bg-currentcolor: var(--gaydev-colors-button-accent); color: var(--gaydev-colors-text-primary); font-size: 16px; font-weight: 700; border-width: 1.5px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-stroke-accent_button); width: var(--gaydev-sizes-full); text-transform: uppercase; }
@layer recipes {
  .css-pfdycd { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: var(--gaydev-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--gaydev-colors-transparent); cursor: var(--gaydev-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--gaydev-font-weights-medium); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform; transition-duration: var(--gaydev-durations-moderate); --focus-ring-color: var(--gaydev-colors-color-palette-focus-ring); height: var(--gaydev-sizes-10); min-width: var(--gaydev-sizes-10); font-size: var(--gaydev-font-sizes-sm); padding-inline: var(--gaydev-spacing-4); gap: var(--gaydev-spacing-2); background: var(--gaydev-colors-color-palette-solid); --bg-currentcolor: var(--gaydev-colors-color-palette-solid); color: var(--gaydev-colors-color-palette-contrast); }
  .css-pfdycd: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-pfdycd:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-pfdycd :where(svg) { flex-shrink: 0; width: var(--gaydev-sizes-5); height: var(--gaydev-sizes-5); }
  .css-pfdycd:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
  @media (hover: hover) {
  .css-pfdycd:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
}
}
.css-pfdycd::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; background: var(--gaydev-colors-button-accent_hover); --bg-currentcolor: var(--gaydev-colors-button-accent_hover); opacity: 0; transition: opacity 0.2s; }
.css-pfdycd:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; }
.css-pfdycd :where(svg) { width: 27px; height: 32px; }
@media screen and (min-width: 30rem) {
  .css-pfdycd { width: auto; }
}
@media (hover: hover) {
  .css-pfdycd:is(:hover, [data-hover]):not(:disabled, [data-disabled])::before { opacity: 1; }
}
.css-1vzvy0a { display: flex; flex-direction: column; gap: var(--gaydev-spacing-6); margin-top: var(--gaydev-spacing-8); }
.css-1248hr4 { display: flex; -webkit-box-align: stretch; align-items: stretch; -webkit-box-pack: justify; justify-content: space-between; flex-direction: column; gap: var(--gaydev-spacing-4); }
@media screen and (min-width: 48rem) {
  .css-1248hr4 { align-items: flex-end; flex-direction: row; }
}
.css-gkj0qk { font-size: 28px; font-weight: 700; color: rgb(246, 242, 250); }
@layer recipes {
  .css-gkj0qk { font-family: var(--gaydev-fonts-heading); font-weight: var(--gaydev-font-weights-semibold); font-size: var(--gaydev-font-sizes-xl); line-height: 1.875rem; }
}
@media screen and (min-width: 48rem) {
  .css-gkj0qk { font-size: 36px; }
}
.css-e27odn { font-size: 15px; font-weight: 500; color: rgba(246, 242, 250, 0.4); }
.css-1msdy6o { position: relative; isolation: isolate; padding: 16px 32px; height: 52px; border-radius: 20px; background: var(--gaydev-colors-button-accent); --bg-currentcolor: var(--gaydev-colors-button-accent); color: var(--gaydev-colors-text-primary); font-size: 16px; font-weight: 700; border-width: 1.5px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-stroke-accent_button); text-transform: uppercase; width: var(--gaydev-sizes-full); }
@layer recipes {
  .css-1msdy6o { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: var(--gaydev-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--gaydev-colors-transparent); cursor: var(--gaydev-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--gaydev-font-weights-medium); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform; transition-duration: var(--gaydev-durations-moderate); --focus-ring-color: var(--gaydev-colors-color-palette-focus-ring); height: var(--gaydev-sizes-10); min-width: var(--gaydev-sizes-10); font-size: var(--gaydev-font-sizes-sm); padding-inline: var(--gaydev-spacing-4); gap: var(--gaydev-spacing-2); background: var(--gaydev-colors-color-palette-solid); --bg-currentcolor: var(--gaydev-colors-color-palette-solid); color: var(--gaydev-colors-color-palette-contrast); }
  .css-1msdy6o: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-1msdy6o:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-1msdy6o :where(svg) { flex-shrink: 0; width: var(--gaydev-sizes-5); height: var(--gaydev-sizes-5); }
  .css-1msdy6o:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
  @media (hover: hover) {
  .css-1msdy6o:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
}
}
.css-1msdy6o::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; background: var(--gaydev-colors-button-accent_hover); --bg-currentcolor: var(--gaydev-colors-button-accent_hover); opacity: 0; transition: opacity 0.2s; }
.css-1msdy6o:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; }
.css-1msdy6o :where(svg) { width: 27px; height: 32px; }
@media screen and (min-width: 48rem) {
  .css-1msdy6o { width: auto; }
}
@media (hover: hover) {
  .css-1msdy6o:is(:hover, [data-hover]):not(:disabled, [data-disabled])::before { opacity: 1; }
}
.css-1jrlnua { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: var(--gaydev-spacing-2); padding: 10px 14px; border-radius: 14px; background: rgba(255, 204, 171, 0.08); --bg-currentcolor: rgba(255, 204, 171, 0.08); color: rgb(255, 204, 171); font-size: 13px; font-weight: 600; }
.css-1081t4c { text-decoration: underline; }
.css-8bo1df { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: var(--gaydev-spacing-2); }
@media screen and (min-width: 48rem) {
  .css-8bo1df { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
}
.css-uuoy45 { display: flex; flex-direction: column; gap: var(--gaydev-spacing-1); padding: var(--gaydev-spacing-4); border-radius: 20px; background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); border: 1px solid rgba(235, 240, 247, 0.05); min-width: 0px; }
.css-nhu526 { font-size: 13px; font-weight: 500; color: rgba(246, 242, 250, 0.4); }
.css-1moa0qh { font-size: 24px; font-weight: 700; color: rgb(246, 242, 250); }
.css-z5qyec { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: 2px; flex-shrink: 0; }
.css-cv6n9a { font-size: 24px; font-weight: 700; color: var(--gaydev-colors-text-primary); white-space: nowrap; }
.css-1lu4owp { font-size: 12px; font-weight: 500; color: rgba(246, 242, 250, 0.4); }
.css-1m84grz { background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); border: 1px solid rgba(235, 240, 247, 0.05); border-radius: 24px; padding: var(--gaydev-spacing-4); }
@media screen and (min-width: 48rem) {
  .css-1m84grz { padding: var(--gaydev-spacing-6); }
}
.css-1aor7gq { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-flow: wrap; gap: var(--gaydev-spacing-3); margin-bottom: var(--gaydev-spacing-4); }
.css-ek0a5x { font-size: 20px; font-weight: 600; color: rgb(246, 242, 250); }
@layer recipes {
  .css-ek0a5x { font-family: var(--gaydev-fonts-heading); font-weight: var(--gaydev-font-weights-semibold); font-size: var(--gaydev-font-sizes-xl); line-height: 1.875rem; }
}
.css-x46cr6 { display: flex; flex-direction: row; gap: var(--gaydev-spacing-2); }
.css-85ab49 { height: 40px; padding-inline: 14px; gap: 6px; border-radius: 12px; border-width: 1px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-transparent); --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); color: rgba(246, 242, 250, 0.4); font-size: 14px; font-weight: 600; white-space: nowrap; flex-shrink: 0; cursor: pointer; }
@layer recipes {
  .css-85ab49 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
@media (hover: hover) {
  .css-85ab49:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { color: rgba(246, 242, 250, 0.7); }
}
.css-58ubmq { height: 40px; padding-inline: 14px; gap: 6px; border-radius: 12px; border-width: 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 10%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); background: radial-gradient(49.74% 100% at 50.26% 100%, rgba(164, 102, 255, 0.2) 0%, rgba(164, 102, 255, 0) 100%), rgba(233, 216, 255, 0.1); --bg-currentcolor: radial-gradient(49.74% 100% at 50.26% 100%, rgba(164, 102, 255, 0.20) 0%, rgba(164, 102, 255, 0.00) 100%),rgba(233, 216, 255, 0.10); color: var(--gaydev-colors-text-primary); font-size: 14px; font-weight: 600; white-space: nowrap; flex-shrink: 0; cursor: pointer; }
@layer recipes {
  .css-58ubmq { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-1mqb94x { height: 220px; margin-inline: calc(var(--gaydev-spacing-2) * -1); }
.css-1pr8hti { font-size: 20px; font-weight: 600; margin-bottom: var(--gaydev-spacing-2); }
.css-ivhwub { display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; gap: var(--gaydev-spacing-3); text-align: center; }
.css-b2463j { font-size: 16px; font-weight: 600; }
.css-uoac09 { font-size: 14px; color: rgba(246, 242, 250, 0.4); }
.css-4cx2ac { display: grid; grid-template-columns: repeat(1, minmax(0px, 1fr)); gap: var(--gaydev-spacing-4); }
@media screen and (min-width: 48rem) {
  .css-4cx2ac { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
}
.css-13tvk3j { font-size: 15px; font-weight: 600; }
.css-1t96t01 { font-size: 13px; font-weight: 500; color: rgba(246, 242, 250, 0.4); line-height: 1.4; }
.css-1fnakdb { display: flex; flex-direction: column; gap: var(--gaydev-spacing-6); width: var(--gaydev-sizes-full); max-width: 1340px; margin-inline: auto; margin-top: var(--gaydev-spacing-4); }
@media screen and (min-width: 30rem) {
  .css-1fnakdb { margin-top: var(--gaydev-spacing-8); }
}
.css-1970hz4 { font-size: 24px; font-weight: 800; }
@layer recipes {
  .css-1970hz4 { font-family: var(--gaydev-fonts-heading); font-weight: var(--gaydev-font-weights-semibold); font-size: var(--gaydev-font-sizes-xl); line-height: 1.875rem; }
}
@media screen and (min-width: 30rem) {
  .css-1970hz4 { font-size: 28px; }
}
.css-iobf24 { position: relative; isolation: isolate; padding: 16px 32px; height: 52px; border-radius: 20px; background: var(--gaydev-colors-button-accent); --bg-currentcolor: var(--gaydev-colors-button-accent); color: var(--gaydev-colors-text-primary); font-size: 16px; font-weight: 700; border-width: 1.5px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-stroke-accent_button); width: var(--gaydev-sizes-full); }
@layer recipes {
  .css-iobf24 { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: var(--gaydev-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--gaydev-colors-transparent); cursor: var(--gaydev-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--gaydev-font-weights-medium); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform; transition-duration: var(--gaydev-durations-moderate); --focus-ring-color: var(--gaydev-colors-color-palette-focus-ring); height: var(--gaydev-sizes-10); min-width: var(--gaydev-sizes-10); font-size: var(--gaydev-font-sizes-sm); padding-inline: var(--gaydev-spacing-4); gap: var(--gaydev-spacing-2); background: var(--gaydev-colors-color-palette-solid); --bg-currentcolor: var(--gaydev-colors-color-palette-solid); color: var(--gaydev-colors-color-palette-contrast); }
  .css-iobf24: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-iobf24:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-iobf24 :where(svg) { flex-shrink: 0; width: var(--gaydev-sizes-5); height: var(--gaydev-sizes-5); }
  .css-iobf24:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
  @media (hover: hover) {
  .css-iobf24:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
}
}
.css-iobf24::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; background: var(--gaydev-colors-button-accent_hover); --bg-currentcolor: var(--gaydev-colors-button-accent_hover); opacity: 0; transition: opacity 0.2s; }
.css-iobf24:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; }
.css-iobf24 :where(svg) { width: 27px; height: 32px; }
@media (hover: hover) {
  .css-iobf24:is(:hover, [data-hover]):not(:disabled, [data-disabled])::before { opacity: 1; }
}
.css-7nhk5s { font-size: 20px; font-weight: 700; }
@layer recipes {
  .css-7nhk5s { font-family: var(--gaydev-fonts-heading); font-weight: var(--gaydev-font-weights-semibold); font-size: var(--gaydev-font-sizes-xl); line-height: 1.875rem; }
}
.css-vou1pu { --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); border-width: 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); border-radius: 20px; overflow: hidden; }
.css-xsrrpy { --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); scroll-margin-top: 120px; }
.css-1r38r11 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; gap: var(--gaydev-spacing-3); width: var(--gaydev-sizes-full); padding-inline: var(--gaydev-spacing-5); padding-block: var(--gaydev-spacing-4); text-align: left; cursor: pointer; }
.css-122tlyv { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 28px; height: 28px; flex-shrink: 0; border-radius: var(--gaydev-radii-full); --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); color: var(--gaydev-colors-text-secondary); transition: background 0.2s; }
.css-kb83dp { border-top-width: 1px; border-top-style: solid; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); scroll-margin-top: 120px; }
.css-1kvxjmd { display: flex; flex-direction: column; -webkit-box-align: stretch; align-items: stretch; -webkit-box-pack: justify; justify-content: space-between; gap: var(--gaydev-spacing-3); }
@media screen and (min-width: 30rem) {
  .css-1kvxjmd { flex-direction: row; -webkit-box-align: center; align-items: center; }
}
.css-11m40kb { font-size: 28px; font-weight: 800; }
@layer recipes {
  .css-11m40kb { font-family: var(--gaydev-fonts-heading); font-weight: var(--gaydev-font-weights-semibold); font-size: var(--gaydev-font-sizes-xl); line-height: 1.875rem; }
}
.css-1xyzbp1 { -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; width: var(--gaydev-sizes-full); max-width: var(--gaydev-sizes-full); }
@layer recipes {
  .css-1xyzbp1 { display: inline-flex; gap: var(--group-gap, 0.5rem); isolation: isolate; position: relative; flex-direction: row; }
  .css-1xyzbp1 [data-group-item]:is(:focus-visible, [data-focus-visible]) { z-index: 1; }
}
@media screen and (min-width: 30rem) {
  .css-1xyzbp1 { max-width: 320px; }
}
.css-l205fh { pointer-events: none; }
@layer recipes {
  .css-l205fh { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: absolute; z-index: 2; color: var(--gaydev-colors-fg-muted); height: var(--gaydev-sizes-full); font-size: var(--gaydev-font-sizes-sm); padding-inline: var(--gaydev-spacing-3); }
}
.css-1rpo1tq { height: 44px; border-radius: 14px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); padding-inline-start: calc(var(--input-height) - 0px); }
@layer recipes {
  .css-1rpo1tq { width: 100%; min-width: var(--input-height); outline: 0px; position: relative; appearance: none; text-align: start; border-radius: var(--gaydev-radii-l2); height: var(--input-height); --focus-color: var(--gaydev-colors-color-palette-focus-ring); --error-color: var(--gaydev-colors-border-error); font-size: var(--gaydev-font-sizes-sm); line-height: 1.25rem; padding-inline: var(--gaydev-spacing-3); --input-height: var(--gaydev-sizes-10); background: var(--gaydev-colors-transparent); --bg-currentcolor: var(--gaydev-colors-transparent); border-width: 1px; border-color: var(--gaydev-colors-border); --focus-ring-color: var(--focus-color); }
  .css-1rpo1tq:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-1rpo1tq:is([data-invalid], [aria-invalid="true"], [data-state="invalid"]) { --focus-ring-color: var(--error-color); border-color: var(--error-color); }
  .css-1rpo1tq: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-1qtyw2k { display: flex; -webkit-box-align: center; align-items: center; gap: var(--gaydev-spacing-4); width: var(--gaydev-sizes-full); padding: var(--gaydev-spacing-5); text-align: left; cursor: pointer; }
.css-2nqxtl { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 52px; height: 52px; flex-shrink: 0; border-radius: 16px; background: rgba(115, 76, 187, 0.2); --bg-currentcolor: rgba(115, 76, 187, 0.20); border-width: 1px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-stroke-purple); color: var(--gaydev-colors-other-accent); }
.css-1uurmyh { width: 24px; height: 24px; }
@layer recipes {
  .css-1uurmyh { display: inline-block; line-height: 1em; flex-shrink: 0; color: currentcolor; vertical-align: middle; }
}
.css-ftjew3 { display: flex; flex-direction: column; gap: 0px; flex: 1 1 0%; min-width: 0px; }
.css-dc3ov7 { font-size: 18px; font-weight: 700; }
.css-12ecoas { font-size: 14px; color: var(--gaydev-colors-text-secondary); }
.css-12i66xe { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 36px; height: 36px; flex-shrink: 0; border-radius: var(--gaydev-radii-full); --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); color: var(--gaydev-colors-text-secondary); transition: background 0.2s; }
.css-cycjyz { background: var(--gaydev-colors-bg-overlay); --bg-currentcolor: var(--gaydev-colors-bg-overlay); }
@layer recipes {
  .css-cycjyz { background: var(--gaydev-colors-black-alpha-500); --bg-currentcolor: var(--gaydev-colors-black-alpha-500); position: fixed; left: 0px; top: 0px; width: 100dvw; height: 100dvh; --dialog-z-index: var(--gaydev-z-index-popover); z-index: calc(var(--dialog-z-index) + var(--layer-index, 0) - 1); }
  .css-cycjyz:is([open], [data-open], [data-state="open"]) { animation-name: fade-in; animation-duration: var(--gaydev-durations-slow); }
  .css-cycjyz:is([closed], [data-closed], [data-state="closed"]) { animation-name: fade-out; animation-duration: var(--gaydev-durations-moderate); }
}
@layer recipes {
  .css-13yfqy0 { display: flex; width: 100dvw; height: 100dvh; position: fixed; left: 0px; top: 0px; --dialog-z-index: var(--gaydev-z-index-popover); z-index: calc(var(--dialog-z-index) + var(--layer-index, 0)); -webkit-box-pack: center; justify-content: center; overscroll-behavior-y: none; overflow: auto; pointer-events: auto; -webkit-box-align: center; align-items: center; }
}
.css-s86633 { object-fit: cover; position: absolute; top: -6.65%; left: -6.65%; width: 113.3%; height: 113.3%; max-width: none; }
.css-age7l4 { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: var(--gaydev-spacing-2); }
.css-1hgzfaf { display: flow-root; padding-inline: var(--gaydev-spacing-4); max-width: var(--gaydev-sizes-full); }
@layer recipes {
  .css-1hgzfaf { position: relative; max-width: var(--gaydev-sizes-8xl); width: 100%; margin-inline: auto; padding-inline: var(--gaydev-spacing-4); }
  @media screen and (min-width: 48rem) {
  .css-1hgzfaf { padding-inline: var(--gaydev-spacing-6); }
}
  @media screen and (min-width: 64rem) {
  .css-1hgzfaf { padding-inline: var(--gaydev-spacing-8); }
}
}
@media screen and (min-width: 30rem) {
  .css-1hgzfaf { padding-inline: var(--gaydev-spacing-8); max-width: var(--gaydev-sizes-full); }
}
@media screen and (min-width: 48rem) {
  .css-1hgzfaf { max-width: var(--gaydev-sizes-full); }
}
@media screen and (min-width: 64rem) {
  .css-1hgzfaf { max-width: var(--gaydev-sizes-full); }
}
@media screen and (min-width: 80rem) {
  .css-1hgzfaf { max-width: var(--gaydev-sizes-8xl); }
}
.css-zqopn2 { display: flex; flex-direction: column; gap: var(--gaydev-spacing-1); }
.css-n7k1od { position: relative; width: 20px; height: 20px; flex-shrink: 0; }
.css-15g3kv { position: relative; width: 48px; height: 48px; flex-shrink: 0; }
.css-v9zin2 { display: flex; flex-direction: column; gap: var(--gaydev-spacing-8); }
.css-56cf01 { display: flex; flex-direction: column; gap: var(--gaydev-spacing-6); width: var(--gaydev-sizes-full); }
.css-1cw3q2i { width: var(--gaydev-sizes-full); }
@layer recipes {
  .css-1cw3q2i { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-gfmpii { display: flex; flex-direction: column; gap: 0px; }
.css-1nln5x3 { display: flex; flex-direction: column; max-width: 430px; height: 600px; max-height: calc(100dvh - 32px); overflow: hidden; background: var(--gaydev-colors-bg-dialog); --bg-currentcolor: var(--gaydev-colors-bg-dialog); border-radius: 32px; border-top-width: 1px; border-top-style: solid; --mix-borderTopColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-top-color: var(--mix-borderTopColor, var(--gaydev-colors-stroke-default)); box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 16px 0px; padding-top: var(--gaydev-spacing-4); padding-inline: var(--gaydev-spacing-6); padding-bottom: var(--gaydev-spacing-6); }
@layer recipes {
  .css-1nln5x3 { display: flex; flex-direction: column; position: relative; width: 100%; outline: 0px; border-radius: var(--gaydev-radii-l3); font-size: var(--gaydev-font-sizes-sm); line-height: 1.25rem; margin-block: var(--dialog-margin, var(--dialog-base-margin)); --dialog-z-index: var(--gaydev-z-index-popover); z-index: calc(var(--dialog-z-index) + var(--layer-index, 0)); background: var(--gaydev-colors-bg-panel); --bg-currentcolor: var(--gaydev-colors-bg-panel); box-shadow: var(--gaydev-shadows-lg); max-width: var(--gaydev-sizes-md); --dialog-base-margin: auto; margin-inline: auto; }
  .css-1nln5x3:is([open], [data-open], [data-state="open"]) { animation-duration: var(--gaydev-durations-moderate); animation-name: scale-in, fade-in; }
  .css-1nln5x3:is([closed], [data-closed], [data-state="closed"]) { animation-duration: var(--gaydev-durations-faster); animation-name: scale-out, fade-out; }
}
.css-n690vv { display: grid; grid-template-columns: 1fr auto 1fr; -webkit-box-align: center; align-items: center; gap: var(--gaydev-spacing-2); flex-shrink: 0; height: 28px; }
.css-p0gsx7 { padding-inline: 0px; padding-block: 0px; min-width: 28px; height: 28px; border-radius: var(--gaydev-radii-full); background: rgba(255, 255, 255, 0.04); --bg-currentcolor: rgba(255, 255, 255, 0.04); justify-self: end; }
@layer recipes {
  .css-p0gsx7 { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: var(--gaydev-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--gaydev-colors-transparent); cursor: var(--gaydev-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1rem; isolation: isolate; font-weight: var(--gaydev-font-weights-medium); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform; transition-duration: var(--gaydev-durations-moderate); --focus-ring-color: var(--gaydev-colors-color-palette-focus-ring); height: var(--gaydev-sizes-8); min-width: var(--gaydev-sizes-8); font-size: var(--gaydev-font-sizes-xs); padding-inline: var(--gaydev-spacing-2\.5); gap: var(--gaydev-spacing-1); background: var(--gaydev-colors-color-palette-solid); --bg-currentcolor: var(--gaydev-colors-color-palette-solid); color: var(--gaydev-colors-color-palette-contrast); }
  .css-p0gsx7: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-p0gsx7:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-p0gsx7 :where(svg) { flex-shrink: 0; width: var(--gaydev-sizes-4); height: var(--gaydev-sizes-4); }
  .css-p0gsx7:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
  @media (hover: hover) {
  .css-p0gsx7:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
}
}
.css-p0gsx7 :where(svg) { width: 12px; height: 12px; }
@media (hover: hover) {
  .css-p0gsx7:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: rgba(255, 255, 255, 0.08); --bg-currentcolor: rgba(255, 255, 255, 0.08); }
}
.css-2ucq06 { display: flex; flex-direction: column; gap: var(--gaydev-spacing-3); }
.css-1715oeu { display: flex; flex-direction: column; gap: var(--gaydev-spacing-2); }
.css-y8tceq { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-direction: row; gap: var(--gaydev-spacing-2); width: var(--gaydev-sizes-full); height: 17px; }
.css-185441a { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: 0px; min-width: 0px; }
.css-1tu6sdk { position: relative; height: 20px; width: var(--gaydev-sizes-full); flex-shrink: 0; }
.css-gjcx8c { position: absolute; inset: 0px; transition: opacity 0.15s; }
.css-1sazlo9 { position: absolute; top: 3px; height: 14px; left: 2.21px; right: 2.17px; border-radius: 16px; background: rgba(233, 216, 255, 0.1); --bg-currentcolor: rgba(233, 216, 255, 0.1); }
.css-1bz3lyj { position: absolute; top: 0px; height: 20px; left: -1px; right: -1px; border-radius: 17px; border: 1px solid rgba(235, 240, 247, 0.1); pointer-events: none; }
.css-q1lt9u { position: relative; width: 32px; height: 32px; flex-shrink: 0; pointer-events: none; }
.css-1t00gxi { display: flex; flex-direction: column; gap: 32px; width: var(--gaydev-sizes-full); margin-top: 48px; }
@media screen and (min-width: 64rem) {
  .css-1t00gxi { width: calc(100% + 24px); max-width: 1400px; margin-left: -12px; }
}
.css-1gvdhq2 { display: flex; flex-direction: column; gap: 8px; width: var(--gaydev-sizes-full); }
.css-g9z3mj { display: flex; flex-direction: column; gap: 0px; width: var(--gaydev-sizes-full); }
.css-1p54jk2 { position: relative; width: var(--gaydev-sizes-full); height: 241px; border-radius: 48px; border: 2px solid rgba(235, 240, 247, 0.1); background: rgb(16, 15, 18); --bg-currentcolor: #100F12; overflow: hidden; }
.css-x6qoor { object-fit: cover; object-position: center center; position: absolute; inset: 0px; width: var(--gaydev-sizes-full); height: var(--gaydev-sizes-full); max-width: none; pointer-events: none; }
.css-69hmpb { position: absolute; left: 30px; top: 50%; transform: translateY(-50%); z-index: 1; }
.css-n8t45p { background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233,216,255,0.05); container: user-card / inline-size; position: relative; width: 393px; flex-shrink: 0; border-radius: 28px; backdrop-filter: none; }
@media screen and (min-width: 48rem) {
  .css-n8t45p { backdrop-filter: blur(16px); }
}
.css-10acww2 { mask: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) content-box exclude, linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px); background: rgb(241, 231, 255); --bg-currentcolor: #F1E7FF; position: absolute; inset: -2px; border-radius: 30px; padding: 2px; pointer-events: none; }
.css-19bgeg8 { background: rgba(233, 216, 255, 0.1); --bg-currentcolor: rgba(233,216,255,0.1); display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: 8px; position: relative; height: 124px; padding: 18px; border-radius: 28px; overflow: hidden; }
.css-ortt79 { position: relative; width: 88px; height: 88px; flex-shrink: 0; }
.css-1q51el6 { object-fit: cover; width: 88px; height: 88px; border-radius: 20px; }
.css-1dlgxkt { position: absolute; inset: 0px; border-radius: 20px; border: 2px solid rgba(235, 240, 247, 0.05); pointer-events: none; }
.css-1oj37kl { display: flex; flex-direction: column; gap: 8px; flex: 1 1 0px; min-width: 0px; }
.css-vgsisr { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-direction: row; gap: 4px; width: var(--gaydev-sizes-full); }
.css-1062if8 { flex: 1 1 0px; min-width: 0px; font-size: 18px; font-weight: 700; line-height: normal; color: rgb(246, 242, 250); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.css-y4wrgo { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 2px; height: 24px; padding-inline: 6px; padding-block: 4px; flex-shrink: 0; border-radius: 100px; background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); cursor: pointer; }
@media screen and (min-width: 48rem) {
  .css-y4wrgo { background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); }
}
.css-o9et9v { font-size: 14px; font-weight: 600; line-height: normal; color: rgba(246, 242, 250, 0.7); white-space: nowrap; }
.css-1ig2bqs { display: flex; flex-direction: row; gap: 4px; width: var(--gaydev-sizes-full); }
.css-lel5jl { display: flex; flex-direction: column; gap: 2px; flex: 1 1 0px; min-width: 0px; padding-inline: 12px; padding-block: 8px; border-radius: 14px; background: rgba(233, 216, 255, 0.1); --bg-currentcolor: rgba(233, 216, 255, 0.1); overflow: hidden; }
@container user-card (max-width: 390px) {
  .css-lel5jl { padding-inline: 6px; }
}
@container user-card (max-width: 340px) {
  .css-lel5jl { padding-inline: 4px; }
}
.css-1xik21t { font-size: 12px; font-weight: 500; line-height: normal; color: rgba(246, 242, 250, 0.7); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@container user-card (max-width: 390px) {
  .css-1xik21t { font-size: 11px; }
}
@container user-card (max-width: 340px) {
  .css-1xik21t { font-size: 10px; }
}
.css-1jf7jbw { font-size: 20px; font-weight: 700; line-height: normal; color: var(--gaydev-colors-white); white-space: nowrap; }
@container user-card (max-width: 340px) {
  .css-1jf7jbw { font-size: 16px; }
}
.css-kkdwu9 { mask: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) content-box exclude, linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px); background: rgba(241, 231, 255, 0.4); --bg-currentcolor: rgba(241,231,255,0.4); position: absolute; inset: 0px; border-radius: 28px; padding: 2px; pointer-events: none; }
.css-1c7ewbl { position: absolute; inset: 0px; border-radius: 28px; box-shadow: rgba(0, 0, 0, 0.48) 0px 2px 7px inset; pointer-events: none; }
.css-17r1mgt { display: block; width: var(--gaydev-sizes-full); border-bottom-left-radius: 28px; border-bottom-right-radius: 28px; outline: none; }
.css-17r1mgt:focus-visible [data-part="content"] { opacity: 0.2; }
.css-17r1mgt:focus-visible [data-part="overlay"] { opacity: 1; }
@media (hover: hover) {
  .css-17r1mgt:hover [data-part="content"] { opacity: 0.2; }
  .css-17r1mgt:hover [data-part="overlay"] { opacity: 1; }
  .css-17r1mgt [data-part="button"]:hover { background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); backdrop-filter: blur(4px); }
}
.css-esjwtu { display: flex; -webkit-box-align: stretch; align-items: stretch; -webkit-box-pack: start; justify-content: flex-start; flex-direction: column; gap: 2px; position: relative; width: var(--gaydev-sizes-full); padding-inline: 32px; padding-top: 4px; padding-bottom: 10px; overflow: hidden; border-bottom-left-radius: 28px; border-bottom-right-radius: 28px; flex-shrink: 0; height: 53px; }
.css-5zemju { transition: opacity 0.15s; }
.css-1159zj9 { font-size: 14px; font-weight: 800; line-height: normal; white-space: pre; text-align: center; flex-shrink: 0; color: rgb(246, 242, 250); }
.css-1n1h63y { font-size: 14px; font-weight: 800; line-height: normal; white-space: pre; text-align: center; flex-shrink: 0; color: rgb(246, 242, 250); opacity: 0.4; }
.css-wp6g08 { position: absolute; top: -6px; right: -7px; pointer-events: none; }
.css-k96xcv { position: absolute; inset: 0px; background: linear-gradient(rgba(19, 18, 20, 0) 0%, rgba(19, 18, 20, 0.8) 100%); --bg-currentcolor: linear-gradient(180deg, rgba(19, 18, 20, 0) 0%, rgba(19, 18, 20, 0.8) 100%); opacity: 0; transition: opacity 0.15s; }
.css-1girbsv { position: absolute; left: calc(50% + 0.5px); top: calc(50% - 1.5px); transform: translate(-50%, -50%); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 6px; padding-left: 12px; padding-right: 8px; padding-block: 6px; border-radius: 12px; transition: background 0.15s, backdrop-filter 0.15s; }
.css-1g8gi9n { font-size: 14px; font-weight: 800; line-height: normal; color: var(--gaydev-colors-white); text-transform: uppercase; white-space: nowrap; }
.css-1w20y46 { position: absolute; inset: -2px; border-radius: 30px; box-shadow: rgba(31, 22, 62, 0.19) 0px 3px 12px inset, rgba(242, 223, 255, 0.38) 0px -3px 20px inset, rgba(200, 235, 255, 0.32) 2px 0px 18px inset; pointer-events: none; }
.css-8pns3e { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: end; justify-content: flex-end; flex-direction: row; gap: 0.5rem; height: 44px; margin-top: -20px; padding-right: 64px; position: relative; z-index: 1; }
.css-1ytzc5m { display: flex; flex-direction: row; gap: 4px; padding: 4px; border-radius: 16px; background: rgb(16, 15, 18); --bg-currentcolor: #100F12; flex-shrink: 0; }
.css-1185xvg { position: relative; isolation: isolate; padding: 16px 12px; height: 36px; border-radius: 12px; background: rgba(233, 216, 255, 0.1); --bg-currentcolor: rgba(233, 216, 255, 0.1); color: rgb(246, 242, 250); font-size: 14px; font-weight: 600; border: 1.5px solid rgba(235, 240, 247, 0.05); padding-block: 0px; gap: 4px; }
@layer recipes {
  .css-1185xvg { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: var(--gaydev-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--gaydev-colors-transparent); cursor: var(--gaydev-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--gaydev-font-weights-medium); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform; transition-duration: var(--gaydev-durations-moderate); --focus-ring-color: var(--gaydev-colors-color-palette-focus-ring); height: var(--gaydev-sizes-10); min-width: var(--gaydev-sizes-10); font-size: var(--gaydev-font-sizes-sm); padding-inline: var(--gaydev-spacing-4); gap: var(--gaydev-spacing-2); background: var(--gaydev-colors-color-palette-solid); --bg-currentcolor: var(--gaydev-colors-color-palette-solid); color: var(--gaydev-colors-color-palette-contrast); }
  .css-1185xvg: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-1185xvg:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-1185xvg :where(svg) { flex-shrink: 0; width: var(--gaydev-sizes-5); height: var(--gaydev-sizes-5); }
  .css-1185xvg:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
  @media (hover: hover) {
  .css-1185xvg:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
}
}
.css-1185xvg::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); opacity: 0; transition: opacity 0.2s; }
.css-1185xvg:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; }
.css-1185xvg :where(svg) { width: 27px; height: 32px; }
@media (hover: hover) {
  .css-1185xvg:is(:hover, [data-hover]):not(:disabled, [data-disabled])::before { opacity: 1; }
}
.css-z6wozj { object-fit: cover; position: absolute; inset: 8.33%; width: auto; height: auto; max-width: none; }
.css-ds5qy8 { position: relative; isolation: isolate; padding: 16px 16px 16px 12px; height: 36px; border-radius: 12px; background: rgba(233, 216, 255, 0.1); --bg-currentcolor: rgba(233, 216, 255, 0.1); color: rgb(246, 242, 250); font-size: 14px; font-weight: 600; border: 1.5px solid rgba(235, 240, 247, 0.05); padding-block: 0px; gap: 4px; }
@layer recipes {
  .css-ds5qy8 { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: var(--gaydev-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--gaydev-colors-transparent); cursor: var(--gaydev-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--gaydev-font-weights-medium); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform; transition-duration: var(--gaydev-durations-moderate); --focus-ring-color: var(--gaydev-colors-color-palette-focus-ring); height: var(--gaydev-sizes-10); min-width: var(--gaydev-sizes-10); font-size: var(--gaydev-font-sizes-sm); padding-inline: var(--gaydev-spacing-4); gap: var(--gaydev-spacing-2); background: var(--gaydev-colors-color-palette-solid); --bg-currentcolor: var(--gaydev-colors-color-palette-solid); color: var(--gaydev-colors-color-palette-contrast); }
  .css-ds5qy8: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-ds5qy8:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-ds5qy8 :where(svg) { flex-shrink: 0; width: var(--gaydev-sizes-5); height: var(--gaydev-sizes-5); }
  .css-ds5qy8:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
  @media (hover: hover) {
  .css-ds5qy8:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
}
}
.css-ds5qy8::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); opacity: 0; transition: opacity 0.2s; }
.css-ds5qy8:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; }
.css-ds5qy8 :where(svg) { width: 27px; height: 32px; }
@media (hover: hover) {
  .css-ds5qy8:is(:hover, [data-hover]):not(:disabled, [data-disabled])::before { opacity: 1; }
}
.css-h2sxfw { object-fit: cover; position: absolute; inset: 4.69%; width: auto; height: auto; max-width: none; }
.css-56fda1 { display: flex; flex-direction: column; gap: 16px; padding-top: 32px; width: var(--gaydev-sizes-full); }
.css-1rqyg7s { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-flow: wrap; gap: 8px; padding-left: 8px; padding-right: 16px; padding-block: 8px; background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); border-radius: 24px; }
.css-f146xy { position: relative; height: 56px; width: fit-content; max-width: var(--gaydev-sizes-full); flex-shrink: 0; background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); border-width: 1px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-stroke-sides); border-radius: 16px; overflow: hidden; user-select: none; }
.css-188h9w3 { scrollbar-width: none; display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: 0px; height: calc(100% + 2px); margin-block: -1px; overflow: visible; }
.css-188h9w3::-webkit-scrollbar { display: none; }
.css-3bxrew { flex-shrink: 0; height: 56px; padding-inline: 16px; gap: 4px; border-radius: 16px; border: 1px solid rgba(235, 240, 247, 0.05); background: radial-gradient(49.74% 100% at 50.26% 100%, rgba(164, 102, 255, 0.2) 0%, rgba(164, 102, 255, 0) 100%), rgba(233, 216, 255, 0.1); --bg-currentcolor: radial-gradient(49.74% 100% at 50.26% 100%, rgba(164, 102, 255, 0.2) 0%, rgba(164, 102, 255, 0) 100%),rgba(233, 216, 255, 0.1); color: rgb(246, 242, 250); font-size: 20px; font-weight: 600; line-height: normal; white-space: nowrap; cursor: default; transition: background 0.2s, color 0.2s; }
@layer recipes {
  .css-3bxrew { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-3bxrew [data-tab-icon] { color: rgb(241, 231, 255); }
.css-1gwcslw { width: 24px; height: 24px; flex-shrink: 0; }
@layer recipes {
  .css-1gwcslw { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-1yrntir { flex-shrink: 0; height: 56px; padding-inline: 16px; gap: 4px; border-radius: 16px; border-width: 1px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-transparent); background: var(--gaydev-colors-transparent); --bg-currentcolor: var(--gaydev-colors-transparent); color: rgba(246, 242, 250, 0.4); font-size: 20px; font-weight: 600; line-height: normal; white-space: nowrap; cursor: pointer; transition: background 0.2s, color 0.2s; }
@layer recipes {
  .css-1yrntir { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-1yrntir [data-tab-icon] { color: rgba(241, 231, 255, 0.4); }
@media (hover: hover) {
  .css-1yrntir:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { color: rgba(246, 242, 250, 0.7); }
}
.css-8bpza3 { background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); border: 1px solid rgba(235, 240, 247, 0.1); border-radius: 28px; padding-block: var(--gaydev-spacing-8); padding-inline: var(--gaydev-spacing-2); }
.css-ei1qqw { display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; gap: var(--gaydev-spacing-4); text-align: center; max-width: 266px; margin-inline: auto; }
.css-1kgu1w3 { object-fit: cover; width: 128px; height: 128px; }
.css-ut7483 { display: flex; flex-direction: column; gap: 2px; width: var(--gaydev-sizes-full); }
.css-k5vp3g { font-size: 20px; font-weight: 600; line-height: normal; color: rgb(246, 242, 250); }
.css-1hk1z1t { font-size: 16px; font-weight: 500; line-height: normal; color: rgba(246, 242, 250, 0.4); }
.css-f5gdbj { position: relative; isolation: isolate; padding: 16px 32px; height: 52px; border-radius: 20px; background: var(--event-button-accent, radial-gradient(100% 734.62% at 0% 50%, #6945AD 0%, #7B4BD4 100%)) border-box padding-box no-repeat,var(--event-button-accent-stroke, linear-gradient(90deg, rgba(188, 144, 255, 0.2) 0%, #A46CF8 100%)) border-box,var(--event-button-accent, radial-gradient(100% 734.62% at 0% 50%, #6945AD 0%, #7B4BD4 100%)) border-box no-repeat; --bg-currentcolor: var(--event-button-accent, radial-gradient(100% 734.62% at 0% 50%, #6945AD 0%, #7B4BD4 100%)) border-box padding-box no-repeat,var(--event-button-accent-stroke, linear-gradient(90deg, rgba(188, 144, 255, 0.2) 0%, #A46CF8 100%)) border-box,var(--event-button-accent, radial-gradient(100% 734.62% at 0% 50%, #6945AD 0%, #7B4BD4 100%)) border-box no-repeat; color: var(--gaydev-colors-text-primary); font-size: 16px; font-weight: 700; border-width: 1.5px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-transparent); text-transform: uppercase; text-shadow: var(--event-text-shadow-accent, 0 2px 4px rgba(128, 80, 224, 0.5)); }
@layer recipes {
  .css-f5gdbj { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: var(--gaydev-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--gaydev-colors-transparent); cursor: var(--gaydev-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--gaydev-font-weights-medium); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform; transition-duration: var(--gaydev-durations-moderate); --focus-ring-color: var(--gaydev-colors-color-palette-focus-ring); height: var(--gaydev-sizes-10); min-width: var(--gaydev-sizes-10); font-size: var(--gaydev-font-sizes-sm); padding-inline: var(--gaydev-spacing-4); gap: var(--gaydev-spacing-2); background: var(--gaydev-colors-color-palette-solid); --bg-currentcolor: var(--gaydev-colors-color-palette-solid); color: var(--gaydev-colors-color-palette-contrast); }
  .css-f5gdbj: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-f5gdbj:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-f5gdbj :where(svg) { flex-shrink: 0; width: var(--gaydev-sizes-5); height: var(--gaydev-sizes-5); }
  .css-f5gdbj:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
  @media (hover: hover) {
  .css-f5gdbj:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
}
}
.css-f5gdbj::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%),var(--event-button-accent, radial-gradient(100% 734.62% at 0% 50%, #6945AD 0%, #7B4BD4 100%)); --bg-currentcolor: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%),var(--event-button-accent, radial-gradient(100% 734.62% at 0% 50%, #6945AD 0%, #7B4BD4 100%)); opacity: 0; transition: opacity 0.2s; }
.css-f5gdbj:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; }
.css-f5gdbj :where(svg) { width: 27px; height: 32px; }
@media (hover: hover) {
  .css-f5gdbj:is(:hover, [data-hover]):not(:disabled, [data-disabled])::before { opacity: 1; }
}
.css-a62h4n { display: flex; flex-direction: column; width: calc(-32px + 100vw); max-width: 430px; max-height: calc(100dvh - 32px); overflow: hidden; background: var(--gaydev-colors-bg-dialog); --bg-currentcolor: var(--gaydev-colors-bg-dialog); border-radius: 32px; border-top-width: 1px; border-top-style: solid; --mix-borderTopColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-top-color: var(--mix-borderTopColor, var(--gaydev-colors-stroke-default)); box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 16px 0px; padding-top: var(--gaydev-spacing-4); padding-inline: var(--gaydev-spacing-6); padding-bottom: var(--gaydev-spacing-6); }
@layer recipes {
  .css-a62h4n { display: flex; flex-direction: column; position: relative; width: 100%; outline: 0px; border-radius: var(--gaydev-radii-l3); font-size: var(--gaydev-font-sizes-sm); line-height: 1.25rem; margin-block: var(--dialog-margin, var(--dialog-base-margin)); --dialog-z-index: var(--gaydev-z-index-popover); z-index: calc(var(--dialog-z-index) + var(--layer-index, 0)); background: var(--gaydev-colors-bg-panel); --bg-currentcolor: var(--gaydev-colors-bg-panel); box-shadow: var(--gaydev-shadows-lg); max-width: var(--gaydev-sizes-md); --dialog-base-margin: auto; margin-inline: auto; }
  .css-a62h4n:is([open], [data-open], [data-state="open"]) { animation-duration: var(--gaydev-durations-moderate); animation-name: scale-in, fade-in; }
  .css-a62h4n:is([closed], [data-closed], [data-state="closed"]) { animation-duration: var(--gaydev-durations-faster); animation-name: scale-out, fade-out; }
}
.css-1htbleq { color: var(--gaydev-colors-text-white); font-size: 20px; font-weight: 600; line-height: normal; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@layer recipes {
  .css-1htbleq { font-family: var(--gaydev-fonts-heading); font-weight: var(--gaydev-font-weights-semibold); font-size: var(--gaydev-font-sizes-xl); line-height: 1.875rem; }
}
@layer recipes {
  .css-1htbleq { font-size: var(--gaydev-font-sizes-lg); line-height: 1.75rem; font-weight: var(--gaydev-font-weights-semibold); }
}
.css-1ffe965 { display: flex; flex-direction: column; flex: 1 1 0%; min-height: 0px; margin-top: 24px; }
.css-17i6pmh { display: flex; flex-direction: column; gap: var(--gaydev-spacing-6); flex: 1 1 0%; min-height: 0px; width: var(--gaydev-sizes-full); }
.css-1xvh9xc { scrollbar-width: none; flex: 1 1 0%; min-height: 0px; width: var(--gaydev-sizes-full); overflow-y: auto; }
.css-1xvh9xc::-webkit-scrollbar { display: none; }
.css-1con091 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; gap: var(--gaydev-spacing-2); width: var(--gaydev-sizes-full); padding-top: 8px; padding-inline: 8px; padding-bottom: 25px; margin-bottom: -16px; border-width: 1px 1px 0px; border-style: solid; border-image: none; border-color: rgba(235, 240, 247, 0.05); border-top-left-radius: 20px; border-top-right-radius: 20px; flex-shrink: 0; }
.css-93yc3d { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: var(--gaydev-spacing-2); min-width: 0px; }
.css-1wnzf8e { object-fit: cover; width: 48px; height: 48px; border-radius: 14px; }
.css-1in2kba { position: absolute; inset: 0px; border-radius: 14px; border: 2px solid rgba(235, 240, 247, 0.05); pointer-events: none; }
.css-3hf54q { font-size: 16px; font-weight: 600; line-height: 19px; color: rgb(246, 242, 250); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.css-19dploj { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 2px; height: 24px; padding-inline: 6px; padding-block: 4px; flex-shrink: 0; border-radius: 100px; background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); cursor: pointer; }
.css-8unaxl { font-size: 14px; font-weight: 600; line-height: 17px; color: rgba(246, 242, 250, 0.7); white-space: nowrap; }
.css-1paxx2u { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; gap: var(--gaydev-spacing-2); width: var(--gaydev-sizes-full); padding-left: 12px; padding-right: 16px; padding-block: 12px; border-radius: 16px; background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); border: 1px solid rgba(235, 240, 247, 0.05); position: relative; flex-shrink: 0; cursor: pointer; }
.css-2yb2ia { position: relative; width: 24px; height: 24px; flex-shrink: 0; overflow: hidden; color: rgba(241, 231, 255, 0.6); }
.css-t0n5dg { object-fit: cover; position: absolute; left: 0px; top: 0px; width: 24px; height: 24px; max-width: none; }
.css-qhp4lm { display: flex; flex-direction: column; gap: var(--gaydev-spacing-1); min-width: 0px; }
.css-msm1wc { font-size: 14px; font-weight: 600; line-height: 17px; color: rgba(246, 242, 250, 0.4); overflow-wrap: anywhere; }
.css-y5hvsq { background-origin: border-box; position: relative; flex-shrink: 0; width: 40px; height: 22px; padding: 0px; border-radius: 100px; border: 1px solid rgba(235, 240, 247, 0.1); background-color: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); background-image: none; cursor: pointer; opacity: 1; transition: background-color 0.15s, border-color 0.15s; }
.css-y5hvsq::after { content: ""; position: absolute; inset: -1px; padding: 1px; border-radius: inherit; background: var(--event-badge-purple-stroke, linear-gradient(90deg, rgba(115, 76, 187, 0.2) 0%, #DDC6FF 100%)); --bg-currentcolor: var(--event-badge-purple-stroke, linear-gradient(90deg, rgba(115, 76, 187, 0.2) 0%, #DDC6FF 100%)); pointer-events: none; mask: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) content-box exclude, linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px); opacity: 0; transition: opacity 0.15s; }
.css-y5hvsq:is(:focus-visible, [data-focus-visible]) { outline-style: solid; outline-width: 2px; outline-color: var(--gaydev-colors-other-accent); outline-offset: 2px; }
@media (hover: hover) {
  .css-y5hvsq:hover { background-color: rgba(233, 216, 255, 0.1); --bg-currentcolor: rgba(233, 216, 255, 0.1); }
  .css-y5hvsq:hover > [data-switch-knob] { width: 22px; left: 1px; }
}
.css-9vvzfb { position: absolute; top: 1px; left: 1px; width: 18px; height: 18px; border-radius: 100px; background: rgba(241, 231, 255, 0.4); --bg-currentcolor: rgba(241, 231, 255, 0.4); transition: left 0.15s, width 0.15s, background-color 0.15s; }
.css-wxd2c5 { display: flex; flex-direction: column; gap: var(--gaydev-spacing-1); width: var(--gaydev-sizes-full); }
.css-whas8d { object-fit: cover; position: absolute; left: 8.21px; top: 0.75px; width: 7.4292px; height: 22.1442px; max-width: none; }
.css-jnp6si { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; gap: var(--gaydev-spacing-2); width: var(--gaydev-sizes-full); padding-left: 12px; padding-right: 16px; padding-block: 12px; border-radius: 16px; background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); border: 1px solid rgba(235, 240, 247, 0.05); position: relative; flex-shrink: 0; text-align: left; cursor: pointer; transition: background 0.2s; }
.css-jnp6si:is(:focus-visible, [data-focus-visible]) { outline-style: solid; outline-width: 2px; outline-color: var(--gaydev-colors-other-accent); outline-offset: -2px; }
@media (hover: hover) {
  .css-jnp6si:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: rgba(233, 216, 255, 0.1); --bg-currentcolor: rgba(233, 216, 255, 0.1); }
}
.css-acfmep { object-fit: cover; position: absolute; left: 5px; top: 8px; width: 3.5px; height: 3.5px; max-width: none; }
.css-1lk3wu3 { position: absolute; left: 5px; top: 15px; width: 9px; height: 1.65px; border-radius: 100px; background: rgba(241, 231, 255, 0.6); --bg-currentcolor: rgba(241, 231, 255, 0.6); }
.css-nwvj9y { flex-shrink: 0; width: 16px; height: 16px; display: flex; }
.css-1tvyb03 { object-fit: cover; position: absolute; left: 2px; top: 2px; width: 20px; height: 20.0013px; max-width: none; }
.css-wzp8xs { object-fit: cover; position: absolute; left: 0.1px; top: 1.5px; width: 22.4001px; height: 22.71px; max-width: none; }
.css-1h3d6gv { width: 24px; height: 24px; flex-shrink: 0; color: rgba(241, 231, 255, 0.6); }
.css-1azgqd3 { position: relative; isolation: isolate; padding: 16px 32px; height: 52px; border-radius: 20px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); color: var(--gaydev-colors-text-primary); font-size: 16px; font-weight: 700; border-width: 1.5px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); width: var(--gaydev-sizes-full); flex-shrink: 0; gap: var(--gaydev-spacing-2); text-transform: uppercase; }
@layer recipes {
  .css-1azgqd3 { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: var(--gaydev-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--gaydev-colors-transparent); cursor: var(--gaydev-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--gaydev-font-weights-medium); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform; transition-duration: var(--gaydev-durations-moderate); --focus-ring-color: var(--gaydev-colors-color-palette-focus-ring); height: var(--gaydev-sizes-10); min-width: var(--gaydev-sizes-10); font-size: var(--gaydev-font-sizes-sm); padding-inline: var(--gaydev-spacing-4); gap: var(--gaydev-spacing-2); background: var(--gaydev-colors-color-palette-solid); --bg-currentcolor: var(--gaydev-colors-color-palette-solid); color: var(--gaydev-colors-color-palette-contrast); }
  .css-1azgqd3: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-1azgqd3:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-1azgqd3 :where(svg) { flex-shrink: 0; width: var(--gaydev-sizes-5); height: var(--gaydev-sizes-5); }
  .css-1azgqd3:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
  @media (hover: hover) {
  .css-1azgqd3:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
}
}
.css-1azgqd3::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); opacity: 0; transition: opacity 0.2s; }
.css-1azgqd3:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; }
.css-1azgqd3 :where(svg) { width: 27px; height: 32px; }
@media (hover: hover) {
  .css-1azgqd3:is(:hover, [data-hover]):not(:disabled, [data-disabled])::before { opacity: 1; }
}
.css-h5rb2o { object-fit: cover; width: 20px; height: 20px; max-width: none; }
.css-1raivxw { display: flex; flex-direction: column; gap: var(--gaydev-spacing-2); width: var(--gaydev-sizes-full); }
.css-hr1gg0 { display: flex; flex-direction: column; gap: var(--gaydev-spacing-2); width: var(--gaydev-sizes-full); margin-top: var(--gaydev-spacing-16); }
.css-1voll63 { display: flex; flex-direction: column; gap: var(--gaydev-spacing-4); padding: 16px; border-radius: 32px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); border-width: 1.5px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 10%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); max-width: var(--gaydev-sizes-5xl); width: var(--gaydev-sizes-full); }
@media screen and (min-width: 30rem) {
  .css-1voll63 { padding: 20px 32px; }
}
.css-1nzkwof { font-size: 20px; font-weight: 600; }
@layer recipes {
  .css-1nzkwof { font-family: var(--gaydev-fonts-heading); font-weight: var(--gaydev-font-weights-semibold); font-size: var(--gaydev-font-sizes-xl); line-height: 1.875rem; }
}
.css-1kkhof1 { scrollbar-width: none; display: flex; flex-direction: row; gap: var(--gaydev-spacing-1); overflow-x: auto; padding-bottom: var(--gaydev-spacing-1); }
.css-1kkhof1::-webkit-scrollbar { display: none; }
.css-18god4d { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: var(--gaydev-spacing-1); height: 32px; padding: 8px 12px 8px 8px; border-radius: var(--gaydev-radii-full); border-width: 1px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-stroke-purple); background: var(--gaydev-colors-badge-purple); --bg-currentcolor: var(--gaydev-colors-badge-purple); backdrop-filter: blur(16px); cursor: pointer; user-select: none; flex-shrink: 0; transition: background 0.2s, border-color 0.2s; color: var(--gaydev-colors-bg-islands); }
.css-bg3st0 { font-size: 14px; font-weight: 500; }
.css-dm6hp5 { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: var(--gaydev-spacing-1); height: 32px; padding: 8px 12px 8px 8px; border-radius: var(--gaydev-radii-full); border-width: 1px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-stroke-badge_default); background: var(--gaydev-colors-badge-default); --bg-currentcolor: var(--gaydev-colors-badge-default); backdrop-filter: blur(16px); cursor: pointer; user-select: none; flex-shrink: 0; transition: background 0.2s, border-color 0.2s; color: var(--gaydev-colors-text-tretiary); }
@media (hover: hover) {
  .css-dm6hp5:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); }
}
.css-rbkmpu { margin-top: var(--gaydev-spacing-2); }
.css-x6djmj { display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; gap: var(--gaydev-spacing-4); padding: var(--gaydev-spacing-4); border-radius: 24px; border-width: 1px 1px 2px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); border-top-color: var(--mix-borderColor, var(--gaydev-colors-bg-islands)); border-right-color: var(--mix-borderColor, var(--gaydev-colors-bg-islands)); border-left-color: var(--mix-borderColor, var(--gaydev-colors-bg-islands)); --mix-borderBottomColor: color-mix(in srgb, var(--gaydev-colors-bg-islands) 30%, transparent); border-bottom-color: var(--mix-borderBottomColor, var(--gaydev-colors-bg-islands)); background: radial-gradient(43.33% 100.34% at 50% 100.34%, rgba(122, 74, 209, 0.2) 0%, rgba(122, 74, 209, 0) 100%), rgba(233, 216, 255, 0.05); --bg-currentcolor: radial-gradient(43.33% 100.34% at 50% 100.34%, rgba(122, 74, 209, 0.20) 0%, rgba(122, 74, 209, 0.00) 100%),rgba(233, 216, 255, 0.05); }
.css-e9t90f { font-size: 20px; font-weight: 600; color: var(--gaydev-colors-text-primary); text-align: center; }
.css-13zrc7k { font-size: 16px; font-weight: 500; color: var(--gaydev-colors-text-tretiary); padding-left: var(--gaydev-spacing-2); }
.css-n04gk5 { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: var(--gaydev-spacing-2); position: relative; width: var(--gaydev-sizes-full); padding-top: 16px; padding-bottom: 16px; padding-left: 16px; padding-right: 48px; height: 58px; box-sizing: border-box; border-radius: 16px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); border-width: 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 10%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); cursor: pointer; }
.css-1bs7sbw { font-size: 20px; font-weight: 600; color: var(--gaydev-colors-text-primary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.css-57ay34 { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; }
.css-1ehnp95 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-direction: row; gap: 0.5rem; padding-inline: var(--gaydev-spacing-2); }
.css-1jbti8u { font-size: 16px; font-weight: 500; color: var(--gaydev-colors-text-tretiary); }
.css-1yr7o00 { padding-inline: 0px; padding-block: 0px; min-width: 20px; height: 20px; color: rgba(246, 242, 250, 0.4); }
@layer recipes {
  .css-1yr7o00 { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: var(--gaydev-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--gaydev-colors-transparent); cursor: var(--gaydev-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1rem; isolation: isolate; font-weight: var(--gaydev-font-weights-medium); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform; transition-duration: var(--gaydev-durations-moderate); --focus-ring-color: var(--gaydev-colors-color-palette-focus-ring); height: var(--gaydev-sizes-8); min-width: var(--gaydev-sizes-8); font-size: var(--gaydev-font-sizes-xs); padding-inline: var(--gaydev-spacing-2\.5); gap: var(--gaydev-spacing-1); background: var(--gaydev-colors-transparent); --bg-currentcolor: var(--gaydev-colors-transparent); color: var(--gaydev-colors-color-palette-fg); }
  .css-1yr7o00: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-1yr7o00:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-1yr7o00 :where(svg) { flex-shrink: 0; width: var(--gaydev-sizes-4); height: var(--gaydev-sizes-4); }
  .css-1yr7o00:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { background: var(--gaydev-colors-color-palette-subtle); --bg-currentcolor: var(--gaydev-colors-color-palette-subtle); }
  @media (hover: hover) {
  .css-1yr7o00:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: var(--gaydev-colors-color-palette-subtle); --bg-currentcolor: var(--gaydev-colors-color-palette-subtle); }
}
}
.css-1yr7o00 :where(svg) { font-size: 1.2em; }
@media (hover: hover) {
  .css-1yr7o00:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { color: var(--gaydev-colors-text-primary); background: var(--gaydev-colors-transparent); --bg-currentcolor: var(--gaydev-colors-transparent); }
}
.css-1q59hjf { cursor: pointer; display: flex; }
.css-1nzitz8 { display: flex; flex-direction: column; gap: var(--gaydev-spacing-6); padding: var(--gaydev-spacing-4); border-radius: 32px; border-width: 1px 2px 1px 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); border-top-color: var(--mix-borderColor, var(--gaydev-colors-bg-islands)); border-bottom-color: var(--mix-borderColor, var(--gaydev-colors-bg-islands)); border-left-color: var(--mix-borderColor, var(--gaydev-colors-bg-islands)); --mix-borderRightColor: color-mix(in srgb, var(--gaydev-colors-bg-islands) 30%, transparent); border-right-color: var(--mix-borderRightColor, var(--gaydev-colors-bg-islands)); background: radial-gradient(40.21% 61.04% at 0% 50.2%, rgba(122, 74, 209, 0.1) 0%, rgba(122, 74, 209, 0) 100%), radial-gradient(100% 50.23% at 100% 50.23%, rgba(232, 215, 255, 0.2) 0%, rgba(232, 215, 255, 0) 100%), rgba(233, 216, 255, 0.05); --bg-currentcolor: radial-gradient(40.21% 61.04% at 0% 50.2%, rgba(122, 74, 209, 0.10) 0%, rgba(122, 74, 209, 0.00) 100%),radial-gradient(100% 50.23% at 100% 50.23%, rgba(232, 215, 255, 0.20) 0%, rgba(232, 215, 255, 0.00) 100%),rgba(233, 216, 255, 0.05); }
.css-1cq1tin { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-direction: row; gap: var(--gaydev-spacing-2); width: var(--gaydev-sizes-full); padding: var(--gaydev-spacing-3); border-radius: var(--gaydev-radii-full); border-width: 1px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-stroke-badge_orange); background: var(--gaydev-colors-badge-orange); --bg-currentcolor: var(--gaydev-colors-badge-orange); }
.css-12y10l4 { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: var(--gaydev-spacing-1); cursor: pointer; }
.css-hmtl91 { font-size: 14px; font-weight: 400; color: rgb(233, 209, 193); }
.css-1l9e22u { display: flex; align-items: flex-end; flex-direction: column; gap: 0px; }
.css-f29e87 { font-size: 16px; font-weight: 600; color: var(--gaydev-colors-text-primary); line-height: 1.2; }
.css-1ez1yze { font-size: 12px; font-weight: 400; color: var(--gaydev-colors-text-tretiary); }
.css-1p9km9j { font-size: 14px; font-weight: 400; color: var(--gaydev-colors-text-secondary); }
.css-287pyv { font-size: 48px; font-weight: 600; line-height: 1.2; color: var(--gaydev-colors-text-primary); }
.css-1cuti2m { position: relative; isolation: isolate; padding: 16px 32px; height: 52px; border-radius: 20px; background: var(--gaydev-colors-button-accent); --bg-currentcolor: var(--gaydev-colors-button-accent); color: var(--gaydev-colors-text-primary); font-size: 16px; font-weight: 700; border-width: 1.5px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-stroke-accent_button); width: var(--gaydev-sizes-full); text-transform: uppercase; }
@layer recipes {
  .css-1cuti2m { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: var(--gaydev-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--gaydev-colors-transparent); cursor: var(--gaydev-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--gaydev-font-weights-medium); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform; transition-duration: var(--gaydev-durations-moderate); --focus-ring-color: var(--gaydev-colors-color-palette-focus-ring); height: var(--gaydev-sizes-10); min-width: var(--gaydev-sizes-10); font-size: var(--gaydev-font-sizes-sm); padding-inline: var(--gaydev-spacing-4); gap: var(--gaydev-spacing-2); background: var(--gaydev-colors-color-palette-solid); --bg-currentcolor: var(--gaydev-colors-color-palette-solid); color: var(--gaydev-colors-color-palette-contrast); }
  .css-1cuti2m: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-1cuti2m:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-1cuti2m :where(svg) { flex-shrink: 0; width: var(--gaydev-sizes-5); height: var(--gaydev-sizes-5); }
  .css-1cuti2m:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
  @media (hover: hover) {
  .css-1cuti2m:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
}
}
.css-1cuti2m::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; background: var(--gaydev-colors-button-accent_hover); --bg-currentcolor: var(--gaydev-colors-button-accent_hover); opacity: 0; transition: opacity 0.2s; }
.css-1cuti2m:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; }
.css-1cuti2m :where(svg) { width: 27px; height: 32px; }
@media (hover: hover) {
  .css-1cuti2m:is(:hover, [data-hover]):not(:disabled, [data-disabled])::before { opacity: 1; }
}
.css-ugqnge { font-size: 18px; font-weight: 600; color: var(--gaydev-colors-text-primary); }
.css-6l52id { scroll-snap-type: x mandatory; scrollbar-width: none; display: flex; flex-direction: row; gap: var(--gaydev-spacing-1); overflow-x: auto; }
.css-6l52id::-webkit-scrollbar { display: none; }
.css-9hibu9 { scroll-snap-align: start; display: flex; flex-direction: column; gap: var(--gaydev-spacing-1); padding: var(--gaydev-spacing-4); flex-shrink: 0; width: calc(33.3333% - 2.66667px); min-width: 104px; border-radius: 16px; border-width: 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-bg-islands)); background: radial-gradient(40% 285% at 0% 50%, rgba(232, 215, 255, 0.05) 0%, rgba(232, 215, 255, 0) 100%), rgba(233, 216, 255, 0.05); --bg-currentcolor: radial-gradient(40% 285% at 0% 50%, rgba(232, 215, 255, 0.05) 0%, rgba(232, 215, 255, 0.00) 100%),rgba(233, 216, 255, 0.05); }
@media screen and (min-width: 30rem) {
  .css-9hibu9 { width: calc(25% - 3px); }
}
.css-1ekkyr1 { font-size: 20px; font-weight: 600; color: var(--gaydev-colors-text-white); }
.css-vpucee { font-size: 14px; font-weight: 500; color: var(--gaydev-colors-text-secondary); }
.css-1e7swic { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: var(--gaydev-spacing-1); }
.css-uuvtgr { display: flex; flex-direction: column; gap: var(--gaydev-spacing-1); padding: var(--gaydev-spacing-4); border-radius: 16px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); }
.css-xtaid7 { font-size: 20px; font-weight: 600; color: var(--gaydev-colors-text-primary); }
.css-1iuq4jm { scrollbar-width: none; display: flex; flex-direction: row; gap: var(--gaydev-spacing-1); overflow-x: auto; }
.css-1iuq4jm::-webkit-scrollbar { display: none; }
.css-6miutq { display: flex; flex-direction: column; gap: var(--gaydev-spacing-1); padding: var(--gaydev-spacing-4); border-radius: 16px; border: 1px solid rgba(0, 137, 59, 0.2); background: radial-gradient(178.96% 80% at 20% 50%, rgba(0, 184, 95, 0.05) 10.96%, rgba(0, 201, 104, 0.6) 100%), rgba(0, 137, 71, 0.05); --bg-currentcolor: radial-gradient(178.96% 80% at 20% 50%, rgba(0, 184, 95, 0.05) 10.96%, rgba(0, 201, 104, 0.60) 100%),rgba(0, 137, 71, 0.05); position: relative; flex-shrink: 0; }
.css-1ghncnm { font-size: 16px; font-weight: 500; color: var(--gaydev-colors-text-primary); }
.css-16x5wuy { font-size: 20px; font-weight: 600; color: var(--gaydev-colors-other-badge_green); }
.css-10odhho { font-size: 16px; font-weight: 500; color: var(--gaydev-colors-text-secondary); white-space: nowrap; }
.css-m4rn3s { position: absolute; top: 15px; right: 15px; }
.css-1j13gjs { display: flex; flex-direction: column; gap: var(--gaydev-spacing-1); padding: var(--gaydev-spacing-4); border-radius: 16px; border-width: 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-bg-islands)); background: radial-gradient(40% 285% at 0% 50%, rgba(232, 215, 255, 0.05) 0%, rgba(232, 215, 255, 0) 100%), rgba(233, 216, 255, 0.05); --bg-currentcolor: radial-gradient(40% 285% at 0% 50%, rgba(232, 215, 255, 0.05) 0%, rgba(232, 215, 255, 0.00) 100%),rgba(233, 216, 255, 0.05); position: relative; flex-shrink: 0; }
.css-voldmd { position: sticky; bottom: 100px; z-index: 10; align-self: center; width: calc(100% - 32px); }
@media screen and (min-width: 30rem) {
  .css-voldmd { bottom: 16px; width: auto; }
}
.css-pfdycd { position: relative; isolation: isolate; padding: 16px 32px; height: 52px; border-radius: 20px; background: var(--gaydev-colors-button-accent); --bg-currentcolor: var(--gaydev-colors-button-accent); color: var(--gaydev-colors-text-primary); font-size: 16px; font-weight: 700; border-width: 1.5px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-stroke-accent_button); width: var(--gaydev-sizes-full); text-transform: uppercase; }
@layer recipes {
  .css-pfdycd { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: var(--gaydev-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--gaydev-colors-transparent); cursor: var(--gaydev-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--gaydev-font-weights-medium); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform; transition-duration: var(--gaydev-durations-moderate); --focus-ring-color: var(--gaydev-colors-color-palette-focus-ring); height: var(--gaydev-sizes-10); min-width: var(--gaydev-sizes-10); font-size: var(--gaydev-font-sizes-sm); padding-inline: var(--gaydev-spacing-4); gap: var(--gaydev-spacing-2); background: var(--gaydev-colors-color-palette-solid); --bg-currentcolor: var(--gaydev-colors-color-palette-solid); color: var(--gaydev-colors-color-palette-contrast); }
  .css-pfdycd: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-pfdycd:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-pfdycd :where(svg) { flex-shrink: 0; width: var(--gaydev-sizes-5); height: var(--gaydev-sizes-5); }
  .css-pfdycd:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
  @media (hover: hover) {
  .css-pfdycd:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
}
}
.css-pfdycd::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; background: var(--gaydev-colors-button-accent_hover); --bg-currentcolor: var(--gaydev-colors-button-accent_hover); opacity: 0; transition: opacity 0.2s; }
.css-pfdycd:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; }
.css-pfdycd :where(svg) { width: 27px; height: 32px; }
@media screen and (min-width: 30rem) {
  .css-pfdycd { width: auto; }
}
@media (hover: hover) {
  .css-pfdycd:is(:hover, [data-hover]):not(:disabled, [data-disabled])::before { opacity: 1; }
}
.css-1vzvy0a { display: flex; flex-direction: column; gap: var(--gaydev-spacing-6); margin-top: var(--gaydev-spacing-8); }
.css-1248hr4 { display: flex; -webkit-box-align: stretch; align-items: stretch; -webkit-box-pack: justify; justify-content: space-between; flex-direction: column; gap: var(--gaydev-spacing-4); }
@media screen and (min-width: 48rem) {
  .css-1248hr4 { align-items: flex-end; flex-direction: row; }
}
.css-gkj0qk { font-size: 28px; font-weight: 700; color: rgb(246, 242, 250); }
@layer recipes {
  .css-gkj0qk { font-family: var(--gaydev-fonts-heading); font-weight: var(--gaydev-font-weights-semibold); font-size: var(--gaydev-font-sizes-xl); line-height: 1.875rem; }
}
@media screen and (min-width: 48rem) {
  .css-gkj0qk { font-size: 36px; }
}
.css-e27odn { font-size: 15px; font-weight: 500; color: rgba(246, 242, 250, 0.4); }
.css-1msdy6o { position: relative; isolation: isolate; padding: 16px 32px; height: 52px; border-radius: 20px; background: var(--gaydev-colors-button-accent); --bg-currentcolor: var(--gaydev-colors-button-accent); color: var(--gaydev-colors-text-primary); font-size: 16px; font-weight: 700; border-width: 1.5px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-stroke-accent_button); text-transform: uppercase; width: var(--gaydev-sizes-full); }
@layer recipes {
  .css-1msdy6o { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: var(--gaydev-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--gaydev-colors-transparent); cursor: var(--gaydev-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--gaydev-font-weights-medium); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform; transition-duration: var(--gaydev-durations-moderate); --focus-ring-color: var(--gaydev-colors-color-palette-focus-ring); height: var(--gaydev-sizes-10); min-width: var(--gaydev-sizes-10); font-size: var(--gaydev-font-sizes-sm); padding-inline: var(--gaydev-spacing-4); gap: var(--gaydev-spacing-2); background: var(--gaydev-colors-color-palette-solid); --bg-currentcolor: var(--gaydev-colors-color-palette-solid); color: var(--gaydev-colors-color-palette-contrast); }
  .css-1msdy6o: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-1msdy6o:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-1msdy6o :where(svg) { flex-shrink: 0; width: var(--gaydev-sizes-5); height: var(--gaydev-sizes-5); }
  .css-1msdy6o:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
  @media (hover: hover) {
  .css-1msdy6o:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
}
}
.css-1msdy6o::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; background: var(--gaydev-colors-button-accent_hover); --bg-currentcolor: var(--gaydev-colors-button-accent_hover); opacity: 0; transition: opacity 0.2s; }
.css-1msdy6o:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; }
.css-1msdy6o :where(svg) { width: 27px; height: 32px; }
@media screen and (min-width: 48rem) {
  .css-1msdy6o { width: auto; }
}
@media (hover: hover) {
  .css-1msdy6o:is(:hover, [data-hover]):not(:disabled, [data-disabled])::before { opacity: 1; }
}
.css-1jrlnua { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: var(--gaydev-spacing-2); padding: 10px 14px; border-radius: 14px; background: rgba(255, 204, 171, 0.08); --bg-currentcolor: rgba(255, 204, 171, 0.08); color: rgb(255, 204, 171); font-size: 13px; font-weight: 600; }
.css-1081t4c { text-decoration: underline; }
.css-8bo1df { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: var(--gaydev-spacing-2); }
@media screen and (min-width: 48rem) {
  .css-8bo1df { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
}
.css-uuoy45 { display: flex; flex-direction: column; gap: var(--gaydev-spacing-1); padding: var(--gaydev-spacing-4); border-radius: 20px; background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); border: 1px solid rgba(235, 240, 247, 0.05); min-width: 0px; }
.css-nhu526 { font-size: 13px; font-weight: 500; color: rgba(246, 242, 250, 0.4); }
.css-1moa0qh { font-size: 24px; font-weight: 700; color: rgb(246, 242, 250); }
.css-z5qyec { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: 2px; flex-shrink: 0; }
.css-cv6n9a { font-size: 24px; font-weight: 700; color: var(--gaydev-colors-text-primary); white-space: nowrap; }
.css-1lu4owp { font-size: 12px; font-weight: 500; color: rgba(246, 242, 250, 0.4); }
.css-1m84grz { background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); border: 1px solid rgba(235, 240, 247, 0.05); border-radius: 24px; padding: var(--gaydev-spacing-4); }
@media screen and (min-width: 48rem) {
  .css-1m84grz { padding: var(--gaydev-spacing-6); }
}
.css-1aor7gq { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-flow: wrap; gap: var(--gaydev-spacing-3); margin-bottom: var(--gaydev-spacing-4); }
.css-ek0a5x { font-size: 20px; font-weight: 600; color: rgb(246, 242, 250); }
@layer recipes {
  .css-ek0a5x { font-family: var(--gaydev-fonts-heading); font-weight: var(--gaydev-font-weights-semibold); font-size: var(--gaydev-font-sizes-xl); line-height: 1.875rem; }
}
.css-x46cr6 { display: flex; flex-direction: row; gap: var(--gaydev-spacing-2); }
.css-85ab49 { height: 40px; padding-inline: 14px; gap: 6px; border-radius: 12px; border-width: 1px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-transparent); --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); color: rgba(246, 242, 250, 0.4); font-size: 14px; font-weight: 600; white-space: nowrap; flex-shrink: 0; cursor: pointer; }
@layer recipes {
  .css-85ab49 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
@media (hover: hover) {
  .css-85ab49:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { color: rgba(246, 242, 250, 0.7); }
}
.css-58ubmq { height: 40px; padding-inline: 14px; gap: 6px; border-radius: 12px; border-width: 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 10%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); background: radial-gradient(49.74% 100% at 50.26% 100%, rgba(164, 102, 255, 0.2) 0%, rgba(164, 102, 255, 0) 100%), rgba(233, 216, 255, 0.1); --bg-currentcolor: radial-gradient(49.74% 100% at 50.26% 100%, rgba(164, 102, 255, 0.20) 0%, rgba(164, 102, 255, 0.00) 100%),rgba(233, 216, 255, 0.10); color: var(--gaydev-colors-text-primary); font-size: 14px; font-weight: 600; white-space: nowrap; flex-shrink: 0; cursor: pointer; }
@layer recipes {
  .css-58ubmq { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-1mqb94x { height: 220px; margin-inline: calc(var(--gaydev-spacing-2) * -1); }
.css-1pr8hti { font-size: 20px; font-weight: 600; margin-bottom: var(--gaydev-spacing-2); }
.css-ivhwub { display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; gap: var(--gaydev-spacing-3); text-align: center; }
.css-b2463j { font-size: 16px; font-weight: 600; }
.css-uoac09 { font-size: 14px; color: rgba(246, 242, 250, 0.4); }
.css-4cx2ac { display: grid; grid-template-columns: repeat(1, minmax(0px, 1fr)); gap: var(--gaydev-spacing-4); }
@media screen and (min-width: 48rem) {
  .css-4cx2ac { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
}
.css-13tvk3j { font-size: 15px; font-weight: 600; }
.css-1t96t01 { font-size: 13px; font-weight: 500; color: rgba(246, 242, 250, 0.4); line-height: 1.4; }

.css-y5hvsq[aria-checked="true"] { background-color: rgba(164, 102, 255, 0.35); --bg-currentcolor: rgba(164, 102, 255, 0.35); }
.css-y5hvsq[aria-checked="true"]::after { opacity: 1; }
.css-y5hvsq[aria-checked="true"] > [data-switch-knob] { left: 19px; width: 18px; background: rgb(241, 231, 255); --bg-currentcolor: rgb(241, 231, 255); }

:where(html, .chakra-theme) {
  --gaydev-colors-bg-dialog: radial-gradient(59.85% 62.2% at 0% 100%, rgba(233, 216, 255, 0.05) 0%, rgba(233, 216, 255, 0.00) 100%),radial-gradient(89.27% 67.96% at 0% 0%, rgba(233, 216, 255, 0.05) 0%, rgba(233, 216, 255, 0.00) 100%),radial-gradient(68.42% 106.76% at 100% 100%, rgba(233, 216, 255, 0.05) 0%, rgba(233, 216, 255, 0.00) 100%),radial-gradient(483.05% 141.42% at 100% 100%, rgba(233, 216, 255, 0.02) 0%, rgba(233, 216, 255, 0.00) 100%),#121015;
  --gaydev-colors-bg-overlay: rgba(5, 4, 8, 0.8);
}

.css-1q06jhb { flex: 1 1 0%; min-height: 100dvh; padding-top: 101px; padding-bottom: 24px; position: relative; z-index: 1; }

.css-ijtv1l { display: flex; flex-direction: column; flex: 1 1 0%; min-height: 0; }
.css-d4v99l { display: flex; align-items: center; flex-direction: column; gap: var(--gaydev-spacing-4); max-width: 266px; text-align: center; }
.css-3a3hw0 { display: flex; flex-direction: column; gap: 2px; }
.css-jr3vwy { font-size: 20px; font-weight: 600; color: rgb(246, 242, 250); }
.css-1k3nl6u { font-size: 16px; font-weight: 500; color: rgba(246, 242, 250, 0.4); }

.css-t3c99b { display: flex; align-items: center; gap: 8px; }
.css-9kf67i { display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; padding: 0; background: transparent; border: 0; color: rgba(246, 242, 250, 0.44); cursor: pointer; }
.css-1l1vmzs { font-size: 26px; font-weight: 800; color: rgb(246, 242, 250); }
.css-lzwabq { padding: 24px; border-radius: 20px; border: 1px solid color-mix(in srgb, var(--gaydev-colors-stroke-default) 5%, transparent); background: color-mix(in srgb, rgb(233, 216, 255) 5%, transparent); }
.css-cq91qz { display: flex; flex-direction: column; gap: 20px; }
.css-1db63j7 { font-size: 14px; font-weight: 700; color: rgb(160, 96, 254); text-transform: uppercase; }
.css-4tw1ws { display: grid; grid-template-columns: 1fr; gap: 8px; }
@media screen and (min-width: 48rem) {
  .css-4tw1ws { grid-template-columns: 1fr 1fr; }
}
.css-1f48cn1, .css-1racu0x {
  display: flex; align-items: center; justify-content: flex-start; gap: 12px;
  min-height: 60px; padding: 12px 20px; border-radius: 16px; border-width: 1px; border-style: solid;
  font-size: 16px; font-weight: 600; text-align: left; cursor: pointer; width: 100%;
}
.css-1f48cn1 {
  color: rgba(246, 242, 250, 0.44);
  background: color-mix(in srgb, rgb(233, 216, 255) 5%, transparent);
  border-color: color-mix(in srgb, var(--gaydev-colors-stroke-default) 5%, transparent);
}
.css-1racu0x {
  color: rgb(246, 242, 250);
  background: rgba(115, 76, 187, 0.3);
  border-color: rgb(160, 96, 254);
}
.css-1715oeu { display: flex; flex-direction: column; gap: 8px; }
.css-1y9hwlx, .css-1ejag74 {
  display: flex; align-items: center; gap: 12px;
  min-height: 60px; padding: 12px 20px; border-radius: 16px; border-width: 1px; border-style: solid;
  font-size: 16px; font-weight: 600; text-align: left; cursor: pointer; width: 100%;
}
.css-1y9hwlx {
  color: rgba(246, 242, 250, 0.44);
  background: color-mix(in srgb, rgb(233, 216, 255) 5%, transparent);
  border-color: color-mix(in srgb, var(--gaydev-colors-stroke-default) 5%, transparent);
}
.css-1ejag74 {
  color: rgb(246, 242, 250);
  background: rgba(115, 76, 187, 0.3);
  border-color: rgb(160, 96, 254);
}
.css-1ygo4lj { width: 18px; height: 18px; flex-shrink: 0; border-radius: 9999px; border: 2px solid rgba(246, 242, 250, 0.25); }
.css-s7es2g { width: 18px; height: 18px; flex-shrink: 0; border-radius: 9999px; background: rgb(160, 96, 254); color: #fff; display: flex; align-items: center; justify-content: center; }
.css-19m27pp { display: flex; flex-direction: column; gap: 6px; }
.css-1c1e297 { font-size: 14px; font-weight: 600; color: rgb(246, 242, 250); }
.css-1cn7bih { color: rgb(255, 171, 171); }
.css-10io0yw { display: flex; flex-direction: column; gap: 8px; position: relative; }
.css-10zpwk8 { display: flex; align-items: flex-end; gap: 8px; }
.css-1lzpjiq {
  display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; flex-shrink: 0;
  border-radius: 16px; border: 1px solid color-mix(in srgb, var(--gaydev-colors-stroke-default) 5%, transparent);
  background: color-mix(in srgb, rgb(233, 216, 255) 5%, transparent); color: rgba(246, 242, 250, 0.44); cursor: pointer;
}
.css-f1gvqh {
  flex: 1 1 auto; min-width: 0; min-height: 110px; padding: 14px 16px; border-radius: 16px;
  border: 1px solid color-mix(in srgb, var(--gaydev-colors-stroke-default) 5%, transparent);
  background: color-mix(in srgb, rgb(233, 216, 255) 5%, transparent); color: rgb(246, 242, 250);
  font-size: 15px; line-height: 20px; outline: none;
}
.css-f1gvqh::placeholder { color: rgba(246, 242, 250, 0.4); }
.css-1uv1fva {
  display: flex; align-items: center; justify-content: center; height: 52px; padding: 0 20px; flex-shrink: 0;
  border-radius: 16px; border: 1px solid transparent; color: #fff; font-size: 14px; font-weight: 700; cursor: pointer;
  background: radial-gradient(734.62% 100% at 0% 50%, rgb(105, 69, 173) 0%, rgb(123, 75, 212) 100%);
}
.css-1uv1fva:is(:disabled, [disabled]) { opacity: 0.4; cursor: not-allowed; }
.css-1jfzibm { font-size: 12px; color: rgba(246, 242, 250, 0.44); }
.css-rufmq5 {
  display: inline-flex; align-items: center; justify-content: center; padding: 16px 32px; height: 52px;
  border-radius: 20px; border: 1px solid color-mix(in srgb, var(--gaydev-colors-stroke-default) 5%, transparent);
  background: color-mix(in srgb, rgb(233, 216, 255) 5%, transparent); color: rgb(246, 242, 250);
  font-size: 16px; font-weight: 700; cursor: pointer;
}
.css-4tw1ws > .css-rufmq5, .css-4tw1ws > .css-1xfpdei, .css-zmrrbl > .css-rufmq5, .css-zmrrbl > .css-1xfpdei { width: 100%; }
.css-1xfpdei {
  display: inline-flex; align-items: center; justify-content: center; padding: 16px 32px; height: 52px;
  border-radius: 20px; border: 1px solid rgb(150, 110, 229); color: rgb(246, 242, 250);
  font-size: 16px; font-weight: 700; cursor: pointer;
  background: radial-gradient(734.62% 100% at 0% 50%, rgb(105, 69, 173) 0%, rgb(123, 75, 212) 100%);
}
.css-1xfpdei:is(:disabled, [disabled]) { opacity: 0.4; cursor: not-allowed; }
.css-zqopn2 { display: flex; flex-direction: column; gap: 4px; }
.css-1a5od14 {
  padding: 20px; text-align: center; font-size: 16px; color: rgba(246, 242, 250, 0.44);
  border-radius: 20px; border: 1px solid color-mix(in srgb, var(--gaydev-colors-stroke-default) 5%, transparent);
  background: color-mix(in srgb, rgb(233, 216, 255) 5%, transparent);
}
.css-zmrrbl { display: grid; grid-template-columns: 1fr; gap: 8px; }
@media screen and (min-width: 48rem) {
  .css-zmrrbl { grid-template-columns: 1fr 1fr 1fr; }
}
.css-j63gz3 { position: relative; width: 100%; }
.css-y0k44f {
  width: 100%; height: 48px; padding: 0 32px 0 12px; border-radius: 14px;
  border: 1px solid color-mix(in srgb, var(--gaydev-colors-stroke-default) 5%, transparent);
  background: color-mix(in srgb, rgb(233, 216, 255) 5%, transparent); color: rgb(246, 242, 250);
  font-size: 14px; appearance: none; outline: none;
}
.css-5u9egm {
  position: absolute; right: 12px; top: 0; height: 48px; width: 18px;
  display: flex; align-items: center; pointer-events: none; color: rgb(161, 161, 170);
}
.css-s3mb0o { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; }
.css-fo0lzi {
  width: 100%; height: 48px; padding: 0 12px; border-radius: 14px;
  border: 1px solid color-mix(in srgb, var(--gaydev-colors-stroke-default) 5%, transparent);
  background: color-mix(in srgb, rgb(233, 216, 255) 5%, transparent); color: rgb(246, 242, 250);
  font-size: 14px; outline: none;
}
.css-ap7ysy { display: flex; flex-direction: column; gap: 12px; padding: 0 20px 16px; color: rgba(246, 242, 250, 0.44); font-size: 15px; }
.css-128nlh6 { font-size: 13px; font-weight: 400; color: rgba(246, 242, 250, 0.44); }
.css-1j7o1h0 { font-size: 13px; font-weight: 400; color: rgba(246, 242, 250, 0.44); padding-left: 12px; }
.css-8hn81s { height: 6px; }
.css-lvfh4n { display: flex; align-items: center; gap: 8px; font-size: 13px; color: rgba(246, 242, 250, 0.44); }
.css-f7752b {
  display: flex; align-items: center; gap: 4px; padding: 4px 8px; border-radius: 9999px; border: 0;
  background: color-mix(in srgb, rgb(233, 216, 255) 5%, transparent); color: rgba(246, 242, 250, 0.44);
  font-size: 13px; cursor: pointer;
}
.css-1vg6q84 { font-weight: 700; }
.css-1m9b11b { padding: 0 16px 16px; }
.css-zske6z {
  display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; flex-shrink: 0;
  border-radius: 9999px; background: rgb(160, 96, 254); color: #fff;
}
.css-xsrrpy { display: block; }
.css-kb83dp { display: block; border-top: 1px solid color-mix(in srgb, var(--gaydev-colors-stroke-default) 5%, transparent); }

.css-1ve3j2m { overflow: visible; }
.css-1qea48r {
  position: absolute;
  top: -6px;
  right: -6px;
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  border-radius: 999px;
  background: rgb(160, 96, 254);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  line-height: 1;
}
.css-v1dd8w {
  display: flex;
  align-items: center;
  padding: 16px 20px;
  border-radius: 20px;
  background: color-mix(in srgb, rgb(233, 216, 255) 4%, transparent);
  border: 1px solid color-mix(in srgb, var(--gaydev-colors-stroke-default) 8%, transparent);
  cursor: pointer;
}
.css-1g0p1vz { display: flex; align-items: center; gap: 16px; width: 100%; }
.css-eo2241 { font-size: 16px; font-weight: 700; color: var(--gaydev-colors-text-primary); }
.css-1w9yirh { font-size: 13px; color: rgba(246, 242, 250, 0.44); }
.css-ticket-meta { display: flex; align-items: center; gap: 10px; margin-left: auto; }
.css-ticket-unread {
  min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px;
  background: rgb(160, 96, 254); color: #fff; font-size: 12px; font-weight: 800;
  display: flex; align-items: center; justify-content: center;
}
.css-1sx70q1 {
  padding: 4px 10px; border-radius: 999px; font-size: 13px; font-weight: 700;
  color: rgb(86, 222, 154); background: color-mix(in srgb, rgb(86, 222, 154) 12%, transparent);
}
.css-lan558 { display: flex; flex-direction: column; gap: 16px; width: 100%; max-width: 1340px; margin-inline: auto; margin-top: 16px; }
.css-dgik9g { font-size: 14px; font-weight: 700; color: rgba(246, 242, 250, 0.64); width: fit-content; text-decoration: none; }
.css-1ayzq70 { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.css-lcvzp1 { font-size: 22px; font-weight: 800; flex: 1; }
.css-8neckq {
  padding: 8px 14px; height: 36px; border-radius: 12px; font-size: 13px; font-weight: 700;
  background: color-mix(in srgb, rgb(233, 216, 255) 6%, transparent); color: var(--gaydev-colors-text-primary);
  border: 1px solid color-mix(in srgb, var(--gaydev-colors-stroke-default) 10%, transparent);
}
.css-1bvc4cc { display: flex; justify-content: flex-end; }
.css-lx33p1 { max-width: 640px; display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }
.css-e9xr4p {
  padding: 12px 16px; border-radius: 18px 18px 6px 18px;
  background: rgb(150, 79, 255); color: #fff; font-size: 15px; line-height: 1.45;
  white-space: pre-wrap;
}
.css-1w1vbxm { display: flex; justify-content: flex-start; }
.css-1ctg31f {
  max-width: 640px; padding: 12px 16px; border-radius: 18px 18px 18px 6px;
  background: color-mix(in srgb, rgb(233, 216, 255) 6%, transparent);
  border: 1px solid color-mix(in srgb, var(--gaydev-colors-stroke-default) 8%, transparent);
  font-size: 15px; line-height: 1.45; white-space: pre-wrap;
}
.css-agent-head { display: flex; align-items: center; gap: 8px; font-weight: 700; margin-bottom: 6px; }
.css-14fl76r {
  font-size: 11px; font-weight: 800; padding: 2px 6px; border-radius: 999px;
  background: color-mix(in srgb, rgb(160, 96, 254) 22%, transparent); color: rgb(233, 216, 255);
}
.css-t8g1y { font-size: 13px; color: rgba(246, 242, 250, 0.44); }
.css-c03y7o { display: flex; align-items: center; gap: 8px; font-size: 14px; }
.css-kqjzmh {
  padding: 6px 14px; border-radius: 999px; font-weight: 700; cursor: pointer;
  border: 1px solid rgb(160, 96, 254); background: transparent; color: var(--gaydev-colors-text-primary);
}
.css-10nx40m {
  padding: 6px 14px; border-radius: 999px; font-weight: 700; cursor: pointer;
  border: 1px solid color-mix(in srgb, var(--gaydev-colors-stroke-default) 12%, transparent);
  background: color-mix(in srgb, rgb(233, 216, 255) 5%, transparent); color: var(--gaydev-colors-text-primary);
}
.css-1uaga95 {
  margin-left: auto;
  min-width: 20px;
  height: 20px;
  padding-inline: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: var(--event-accent, #A060FE);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  flex-shrink: 0;
}
.css-wzgnhs {
  --toast-offset-bottom: 1rem;
  position: fixed;
  pointer-events: none;
  display: flex;
  flex-direction: column;
  gap: 16px;
  z-index: 2147483647;
  align-items: flex-end;
  bottom: max(env(safe-area-inset-bottom, 0px), var(--toast-offset-bottom, 1rem));
  inset-inline-end: calc(env(safe-area-inset-right, 0px) + 1rem);
}
.chakra-toast__root.css-6jo546 {
  width: var(--gaydev-sizes-sm);
  max-width: calc(100vw - 2rem);
  display: flex;
  align-items: flex-start;
  position: relative;
  gap: var(--gaydev-spacing-3);
  padding-block: var(--gaydev-spacing-4);
  padding-inline-start: var(--gaydev-spacing-4);
  padding-inline-end: var(--gaydev-spacing-6);
  border-radius: var(--gaydev-radii-l2);
  background: var(--gaydev-colors-bg-panel);
  color: var(--gaydev-colors-fg);
  box-shadow: var(--gaydev-shadows-xl);
  pointer-events: auto;
  will-change: translate, opacity, scale;
  animation: musor-toast-in 400ms cubic-bezier(0.21, 1.02, 0.73, 1);
}
.chakra-toast__root.css-6jo546[data-type="success"] {
  background: var(--gaydev-colors-green-solid);
  color: var(--gaydev-colors-green-contrast);
}
.chakra-toast__indicator {
  flex-shrink: 0;
  width: var(--gaydev-sizes-5);
  height: var(--gaydev-sizes-5);
}
.chakra-toast__title {
  font-weight: var(--gaydev-font-weights-medium);
  font-size: var(--gaydev-font-sizes-sm);
  line-height: 1.25rem;
}
@keyframes musor-toast-in {
  from { opacity: 0; translate: 0 12px; }
  to { opacity: 1; translate: 0 0; }
}
.css-1pb8hvz {
  display: flex;
  width: 384px;
  max-width: calc(100vw - 2rem);
  gap: 12px;
  padding: 12px;
  border-radius: 16px;
  background: rgba(18, 16, 20, 0.95);
  border: 1px solid rgba(233, 216, 255, 0.1);
  backdrop-filter: blur(16px);
  box-shadow: rgba(0, 0, 0, 0.45) 0px 12px 32px;
  cursor: pointer;
  text-align: left;
  pointer-events: auto;
}
.css-toast-ai {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: color-mix(in srgb, #A060FE 18%, transparent);
  color: #A060FE;
}
.css-toast-body { flex: 1; min-width: 0; }
.css-toast-top { display: flex; align-items: flex-start; gap: 8px; }
.css-toast-copy { flex: 1; min-width: 0; }
.css-toast-title { font-size: 14px; font-weight: 600; line-height: 18px; color: var(--gaydev-colors-text-primary); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.css-toast-sub { font-size: 12px; line-height: 16px; color: rgba(246, 242, 250, 0.44); margin-top: 2px; }
.css-toast-x {
  color: rgba(246, 242, 250, 0.4);
  padding: 2px;
  border-radius: 6px;
  background: transparent;
  border: 0;
  cursor: pointer;
}
.css-toast-x:hover { color: var(--gaydev-colors-text-primary); }
.css-toast-text {
  margin-top: 6px;
  font-size: 13px;
  line-height: 18px;
  color: rgba(246, 242, 250, 0.64);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.css-toast-open { margin-top: 8px; font-size: 13px; font-weight: 600; line-height: 16px; color: #A060FE; }

.chakra-button.css-1cuti2m,
.chakra-button.css-pfdycd {
  padding: 16px 32px;
  height: 52px;
  border-radius: 20px;
  background: var(--gaydev-colors-button-accent);
  --bg-currentcolor: var(--gaydev-colors-button-accent);
  color: var(--gaydev-colors-text-primary);
  font-size: 16px;
  font-weight: 700;
  border-width: 1.5px;
  border-style: solid;
  border-image: none;
  border-color: var(--gaydev-colors-stroke-accent_button);
  width: var(--gaydev-sizes-full);
  text-transform: uppercase;
  line-height: 1.25rem;
}

.css-16yk6nx {
  position: fixed;
  inset: 0;
  z-index: var(--gaydev-z-index-popover);
  background: #08080a;
  overflow: hidden;
  user-select: none;
}
.css-fg3pc1 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  pointer-events: none;
}
.css-win-shade {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(0deg, #08080af2 0%, #08080a99 24%, transparent 48%),
    linear-gradient(180deg, #08080a8c 0%, transparent 16%),
    radial-gradient(90% 42% at 50% 108%, color-mix(in srgb, var(--rarity) 42%, transparent), transparent 100%);
}
.css-mfrly7 {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 40px;
  height: 40px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent);
  cursor: pointer;
  display: grid;
  place-items: center;
  z-index: 2;
}
.css-win-copy,
.css-15oz696 {
  position: absolute;
  bottom: 0;
  inset-inline: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0;
  padding: 0 16px 28px;
  z-index: 2;
}
.css-win-kicker,
.css-1k4oiba {
  font-size: 16px;
  font-weight: 600;
  color: #ffffffc0;
}
.css-win-name,
.css-14dp6v4 {
  margin-top: 4px;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.15;
  color: #fff;
}
.css-win-wear,
.css-pic3rt {
  margin-top: 4px;
  font-size: 14px;
  font-weight: 600;
}
.css-win-fair {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 600;
  color: #f1e7ff99;
  cursor: pointer;
  background: none;
}
.css-win-fair:hover { color: #f1e7ff; }
.css-pyber5 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
  cursor: pointer;
  color: #f1e7ff99;
  font: inherit;
}
.css-pyber5:hover { color: #f1e7ff; }
.css-pyber5 .css-bg3st0 {
  font-size: 14px;
  font-weight: 600;
  color: inherit;
}
.css-16yk6nx .css-rbkmpu {
  position: relative;
}
.css-16yk6nx .css-seeds-pop {
  left: 50%;
  right: auto;
  top: 28px;
  transform: translateX(-50%);
  text-align: left;
}
.css-win-actions {
  width: min(448px, 100%);
  margin-top: 16px;
  display: flex;
  flex-direction: row;
  gap: 4px;
}
.css-dtq9iy {
  text-transform: uppercase;
  padding: 16px;
  height: 52px;
  border-radius: 20px;
  background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 8%, transparent);
  color: #f6f2fa;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.css-dulln2 {
  text-transform: uppercase;
  flex: 1 0 0;
  padding: 16px;
  height: 52px;
  border-radius: 20px;
  background: var(--gaydev-colors-button-accent);
  color: #f6f2fa;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.css-dulln2:disabled { opacity: 0.6; cursor: default; }
.css-win-price {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 4px 6px;
  border-radius: 8px;
  background: linear-gradient(90deg, rgba(221, 198, 255, 0.20) 0%, rgba(221, 198, 255, 0.40) 100%);
  font-weight: 700;
  color: var(--gaydev-colors-text-secondary, #cfc6db);
  font-size: 16px;
}
.css-win-price svg { width: 18px; height: 18px; }
.page-case-battle { background-color: #100f12; }
@media (max-width: 900px) {
  .css-13ceyau { padding-inline: 8px; }
}
.css-10rocq6 { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 4px; }
.css-10rocq6 { gap: 8px; }
.css-11yxhq4 { position: absolute; bottom: -3px; right: -3px; pointer-events: none; }
.css-12ahbv6 { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: 8px; width: var(--gaydev-sizes-full); }
.css-12t7snk { width: 28px; height: 28px; border-radius: var(--gaydev-radii-full); --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); border-width: 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; color: var(--gaydev-colors-text-secondary); cursor: pointer; flex-shrink: 0; }
.css-12t7snk { overflow: visible; }
.css-12t7snk svg, .css-12t7snk img { width: 16px !important; height: 14px !important; max-width: none; display: block; flex-shrink: 0; overflow: visible; }
.css-12t7snk:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 20%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); }
.css-13ceyau { display: flex; flex-direction: column; gap: var(--gaydev-spacing-3); padding-top: 24px; padding-bottom: var(--gaydev-spacing-8); }
.css-13ceyau { gap: var(--gaydev-spacing-4); padding-top: 44px; }
.css-13uh9i1 { font-size: 24px; font-weight: 700; text-transform: uppercase; line-height: normal; }
.css-13uh9i1 { font-family: var(--gaydev-fonts-heading); font-weight: var(--gaydev-font-weights-semibold); font-size: var(--gaydev-font-sizes-xl); line-height: 1.875rem; }
.css-13uh9i1 { font-size: 32px; }
.css-14s7t8a { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-direction: column; gap: 0px; height: 50px; flex: 1 1 0%; padding-inline: 16px; border-radius: 16px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); }
.css-14s7t8a { flex: 0 0 140px; }
.css-16omy9n { position: absolute; width: 12px; height: 18px; left: -5px; top: 24px; filter: drop-shadow(rgba(16, 15, 18, 0.7) 0px 2px 4px); pointer-events: none; z-index: 2; }
.css-16p8n1p { display: inline-flex; cursor: pointer; color: inherit; text-decoration: none; gap: 8px; -webkit-box-align: center; align-items: center; min-width: 0px; }
.css-16p8n1p [data-player-name], .css-16p8n1p [data-player-avatar] { transition: color 0.15s, opacity 0.15s; }
.css-16p8n1p:hover [data-player-name] { color: rgb(255, 255, 255); text-decoration: underline; text-underline-offset: 2px; }
.css-16p8n1p:hover [data-player-avatar] { opacity: 0.8; }
.css-170yyt5 { width: 28px; height: 28px; flex-shrink: 0; }
.css-170yyt5 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.css-17d5r7u { position: relative; width: 24px; height: 24px; flex-shrink: 0; }
.css-190djlf { color: var(--gaydev-colors-text-tretiary); font-size: 16px; font-weight: 500; text-align: center; padding-inline: var(--gaydev-spacing-4); }
.css-19vwhe { height: 18px; width: 32px; border-radius: 8px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); }
.css-1b1v7xi { width: 32px; height: 32px; border-radius: var(--gaydev-radii-full); background: rgb(56, 52, 64); --bg-currentcolor: #383440; flex-shrink: 0; overflow: hidden; border: 1px solid rgba(241, 231, 255, 0.4); box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 5px 0px; }
.css-1b1v7xi { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.css-1booy1m { position: relative; width: 18px; height: 18px; flex-shrink: 0; pointer-events: none; }
.css-1ecfnfs { display: flex; flex-flow: wrap; gap: 4px; max-width: 104px; }
.css-1etl5wa { width: 72px; height: 51px; flex-shrink: 0; border-radius: 12px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); border-width: 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); opacity: 0.6; }
.css-1etl5wa { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.css-1fxmrt8 { width: 20px; height: 20px; border-radius: 6px; --gradient-stops: var(--gradient-from),var(--gradient-to); --gradient: var(--gradient-via-stops, var(--gradient-stops)); background-image: linear-gradient(to bottom, var(--gradient)); --gradient-from: #b3f736; --gradient-to: #8ebe16; flex-shrink: 0; opacity: 1; }
.css-1fxmrt8 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.css-1g9mjej { font-size: calc(12.8px); font-weight: 500; color: var(--gaydev-colors-text-tretiary); line-height: normal; white-space: nowrap; text-decoration: line-through; margin-right: 4px; }
.css-1haee63 { position: absolute; width: 12px; height: 18px; left: -5px; bottom: 24px; filter: drop-shadow(rgba(16, 15, 18, 0.7) 0px 2px 4px); pointer-events: none; z-index: 2; }
.css-1hcl8jz { padding-block: 64px; border-radius: 24px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); border-width: 2px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); }
.css-1hcl8jz { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.css-1hlqwur { display: flex; flex-direction: column; gap: 4px; min-width: 0px; flex: 1 1 0%; }
.css-1hwakdv { position: absolute; top: 4px; left: 0px; display: flex; transform: translateX(214px); transition: transform 0.5s ease-in-out; will-change: transform; }
.css-1i3nkr7 { position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); height: 160px; border-radius: 20px; border: 1px solid rgba(230, 220, 245, 0.19); --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); pointer-events: none; z-index: 2; }
.css-1i3p0m3 { position: absolute; bottom: -4px; right: -4px; pointer-events: none; }
.css-1i7q7p2 { position: relative; height: 80px; width: var(--gaydev-sizes-full); user-select: none; pointer-events: none; }
.css-1iedvbl { object-fit: cover; width: 24px; height: 24px; border-radius: var(--gaydev-radii-full); flex-shrink: 0; }
.css-1iej4zn { mask-image: linear-gradient(90deg, transparent 0%, rgb(0, 0, 0) 8%, rgb(0, 0, 0) 92%, transparent 100%); position: absolute; inset: 0px; overflow: hidden; }
.css-1ijzrf4 { width: 72px; height: 72px; flex-shrink: 0; border-radius: 16px; overflow: hidden; opacity: 1; transition: opacity 0.3s; }
.css-1iq5wqs { font-size: 14px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.css-1kskd67 { height: 12px; width: 51px; border-radius: 8px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); }
.css-1kvtmm7 { display: inline-flex; cursor: pointer; color: inherit; text-decoration: none; }
.css-1kvtmm7 [data-player-name], .css-1kvtmm7 [data-player-avatar] { transition: color 0.15s, opacity 0.15s; }
.css-1kvtmm7:hover [data-player-name] { color: rgb(255, 255, 255); text-decoration: underline; text-underline-offset: 2px; }
.css-1kvtmm7:hover [data-player-avatar] { opacity: 0.8; }
.css-1m1bf7j { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: 8px; position: absolute; top: 4px; left: 50%; transform: translateX(-50%); height: 32px; padding-inline: 4px; padding-right: 8px; border-radius: 12px; background: rgba(19, 15, 23, 0.7); --bg-currentcolor: rgba(19,15,23,0.7); backdrop-filter: blur(8px); z-index: 3; max-width: calc(100% - 8px); }
.css-1m4rq3y { height: 17px; width: 99px; border-radius: 8px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); }
.css-1m8pn05 { position: relative; width: 16px; height: 16px; flex-shrink: 0; pointer-events: none; }
.css-1mc7n1t { position: absolute; width: 12px; height: 18px; right: -5px; bottom: 24px; filter: drop-shadow(rgba(16, 15, 18, 0.7) 0px 2px 4px); pointer-events: none; z-index: 2; }
.css-1mlrjp5 { mask-image: url("screw-Bm1r5mbs.webp"); mask-size: 100% 100%; mask-repeat: no-repeat; position: absolute; inset: 0px; background: var(--gaydev-colors-other-accent); --bg-currentcolor: var(--gaydev-colors-other-accent); mix-blend-mode: overlay; }
.css-1mlrjp5 { mask-image: url(""); mask-size: 100% 100%; mask-repeat: no-repeat; position: absolute; inset: 0px; background: var(--gaydev-colors-other-accent); --bg-currentcolor: var(--gaydev-colors-other-accent); mix-blend-mode: overlay; }
.css-1ni3n1 { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: 8px; min-width: 0px; }
.css-1qq6ekd { position: relative; width: var(--gaydev-sizes-full); height: 326px; overflow: hidden; border-radius: 20px; }
.css-1qufs2p { position: relative; padding: 8px; border-radius: 24px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); border-width: 2px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); min-height: 200px; }
.css-1qufs2p { padding: 10px; min-height: 346px; }
.css-1r1lqb8 { width: 28px; height: 28px; opacity: 0.15; }
.css-1soiw4o { display: flex; flex-direction: row; gap: 8px; flex-shrink: 0; }
.css-1u14oyq { position: absolute; top: 4px; left: 214px; width: 72px; height: 72px; border-radius: 16px; border: 1px solid rgba(230, 220, 245, 0.19); --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); }
.css-1ua9e9f { flex: 1 1 0%; min-width: 0px; max-width: 500px; }
.css-1ubhm3q { object-fit: cover; width: 32px; height: 32px; border-radius: var(--gaydev-radii-full); flex-shrink: 0; border: 1px solid rgba(241, 231, 255, 0.4); box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 5px 0px; }
.css-1wsh62v { border-radius: 20px; border: 1px solid transparent; background: radial-gradient(80% 178.96% at 20% 50%, rgba(115, 76, 187, 0.05) 10.96%, rgb(115, 76, 187) 100%) no-repeat border-box border-box, rgba(115, 76, 187, 0.05); --bg-currentcolor: radial-gradient(80% 178.96% at 20% 50%, rgba(115, 76, 187, 0.05) 10.96%, #734CBB 100%) border-box no-repeat,rgba(115, 76, 187, 0.05); padding: 16px 20px 16px 24px; height: 52px; font-weight: 700; text-transform: uppercase; color: var(--gaydev-colors-text-primary); font-size: var(--gaydev-font-sizes-md); }
.css-1wsh62v { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: var(--gaydev-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--gaydev-colors-transparent); cursor: var(--gaydev-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--gaydev-font-weights-medium); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform; transition-duration: var(--gaydev-durations-moderate); --focus-ring-color: var(--gaydev-colors-color-palette-focus-ring); height: var(--gaydev-sizes-10); min-width: var(--gaydev-sizes-10); font-size: var(--gaydev-font-sizes-sm); padding-inline: var(--gaydev-spacing-4); gap: var(--gaydev-spacing-2); background: var(--gaydev-colors-color-palette-solid); --bg-currentcolor: var(--gaydev-colors-color-palette-solid); color: var(--gaydev-colors-color-palette-contrast); }
.css-1wsh62v: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-1wsh62v:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
.css-1wsh62v :where(svg) { flex-shrink: 0; width: var(--gaydev-sizes-5); height: var(--gaydev-sizes-5); }
.css-1wsh62v:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
.css-1wsh62v:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
.css-1wsh62v::after { content: ""; position: absolute; inset: -1px; padding: 1px; border-radius: inherit; background: var(--event-badge-purple-stroke, linear-gradient(90deg, rgba(115, 76, 187, 0.2) 0%, #DDC6FF 100%)); --bg-currentcolor: var(--event-badge-purple-stroke, linear-gradient(90deg, rgba(115, 76, 187, 0.2) 0%, #DDC6FF 100%)); pointer-events: none; mask: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) content-box exclude, linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px); }
.css-2oj648 { padding-top: var(--gaydev-spacing-2); }
.css-2oj648 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.css-3qv523 { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 8px; padding-inline: 0px; }
.css-3qv523 { gap: 8px; padding-inline: 8px; }
.css-4bamoq { display: flex; flex-direction: column; gap: 8px; transform: translateY(-3277px); transition: transform 1374ms cubic-bezier(0.08, 0.62, 0.12, 1); will-change: transform; }
.css-7m7njj { position: absolute; left: 50%; transform: translateX(-50%); width: 12px; height: 18px; top: -8px; filter: drop-shadow(rgba(16, 15, 18, 0.7) 0px 2px 2px); }
.css-849dx0 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-direction: row; gap: 16px; height: 84px; padding-inline: 16px; border-radius: 24px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); border-width: 2px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); backdrop-filter: blur(16px); position: relative; }
.css-8ukev5 { display: inline-flex; gap: 8px; -webkit-box-align: center; align-items: center; min-width: 0px; }
.css-8uw99r { font-size: 16px; font-weight: 600; line-height: normal; }
.css-9tpybe { display: flex; flex-direction: row; gap: 0.5rem; position: relative; }
.css-b6fgo { position: relative; width: 32px; height: 32px; flex-shrink: 0; }
.css-f3znkt { width: 20px; height: 20px; border-radius: 6px; --gradient-stops: var(--gradient-from),var(--gradient-to); --gradient: var(--gradient-via-stops, var(--gradient-stops)); background-image: linear-gradient(to bottom, var(--gradient)); --gradient-from: #fb5a7f; --gradient-to: #c51f45; flex-shrink: 0; opacity: 1; }
.css-f3znkt { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.css-fr9m9d { position: absolute; width: 12px; height: 18px; right: -5px; top: 24px; filter: drop-shadow(rgba(16, 15, 18, 0.7) 0px 2px 4px); pointer-events: none; z-index: 2; }
.css-h7zqev { font-size: 16px; font-weight: 600; color: var(--gaydev-colors-text-primary); line-height: normal; white-space: nowrap; }
.css-hgherk { width: 24px; height: 24px; border-radius: var(--gaydev-radii-full); background: rgb(56, 52, 64); --bg-currentcolor: #383440; flex-shrink: 0; overflow: hidden; }
.css-hgherk { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.css-hif27j { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-direction: row; gap: 0.5rem; padding: 8px; border-radius: 20px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); border-width: 2px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); backdrop-filter: blur(16px); position: relative; }
.css-kiz8iy { font-size: 14px; font-weight: 500; white-space: nowrap; }
.css-lvf5qk { display: flex; flex-direction: column; gap: 4px; flex: 1 1 0%; }
.css-meikcj { position: relative; min-width: 0px; }
.css-nmqdx9 { font-size: 14px; font-weight: 500; color: var(--gaydev-colors-text-tretiary); line-height: normal; }
.css-nnpdsh { position: absolute; inset: 0px; pointer-events: none; background: linear-gradient(rgba(16, 15, 18, 0.85) 0%, rgba(16, 15, 18, 0) 25%, rgba(16, 15, 18, 0) 75%, rgba(16, 15, 18, 0.85) 100%); --bg-currentcolor: linear-gradient(180deg, rgba(16,15,18,0.85) 0%, rgba(16,15,18,0) 25%, rgba(16,15,18,0) 75%, rgba(16,15,18,0.85) 100%); z-index: 1; }
.css-omp4dt { display: flex; flex-direction: column; gap: 8px; padding: 8px; border-radius: 20px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); border-width: 2px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); backdrop-filter: blur(16px); }
.css-ppe24l { width: 20px; height: 20px; border-radius: 6px; --gradient-stops: var(--gradient-from),var(--gradient-to); --gradient: var(--gradient-via-stops, var(--gradient-stops)); background-image: linear-gradient(to bottom, var(--gradient)); --gradient-from: #f7ca36; --gradient-to: #be9616; flex-shrink: 0; opacity: 1; }
.css-ppe24l { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.css-pxk1o5 { width: 72px; height: 72px; flex-shrink: 0; border-radius: 16px; overflow: hidden; opacity: 0.3; transition: opacity 0.3s; }
.css-q7cyuo { position: relative; width: 14px; height: 14px; flex-shrink: 0; pointer-events: none; }
.css-ti31ey { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: 16px; flex-shrink: 0; }
.css-uk11z3 { position: absolute; left: 50%; transform: translateX(-50%); width: 12px; height: 18px; bottom: -8px; filter: drop-shadow(rgba(16, 15, 18, 0.7) 0px 2px 2px); }
.css-w8a0lv { width: 1px; height: 22px; --mix-background: color-mix(in srgb, var(--gaydev-colors-stroke-default) 10%, transparent); background: var(--mix-background, var(--gaydev-colors-stroke-default)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-stroke-default)); }
.css-wuleta { object-fit: cover; width: 72px; height: 72px; }
.css-x6t3m { width: 20px; height: 20px; flex-shrink: 0; }
.css-x6t3m svg { width: 100%; height: 100%; }
.css-ym49t0 { position: relative; width: 36px; height: 36px; flex-shrink: 0; }
.css-ywhs85 { font-size: 14px; font-weight: 500; color: var(--gaydev-colors-text-tretiary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.css-zpd0pq { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: 6px; }
.css-1mlo0c4 { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 8px; padding-inline: 0px; }
@media screen and (min-width: 48rem) {
  .css-1mlo0c4 { gap: 8px; padding-inline: 8px; }
}
.css-wqimkl { height: var(--gaydev-sizes-full); min-height: 326px; padding-inline: var(--gaydev-spacing-4); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.css-1uvk0u2 { display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; gap: 8px; padding: 16px; width: max-content; min-width: 278px; max-width: 100%; border-radius: 20px; background: radial-gradient(60% 120% at 100% 0%, rgba(182, 238, 95, 0.3) 0%, rgba(182, 238, 95, 0) 100%), radial-gradient(60% 120% at 0% 0%, rgba(182, 238, 95, 0.3) 0%, rgba(182, 238, 95, 0) 100%), radial-gradient(90% 100% at 50% 100%, rgba(160, 96, 254, 0.4) 0%, rgba(160, 96, 254, 0) 100%), rgba(233, 216, 255, 0.05); --bg-currentcolor: radial-gradient(60% 120% at 100% 0%, rgba(182,238,95,0.3) 0%, rgba(182,238,95,0) 100%),radial-gradient(60% 120% at 0% 0%, rgba(182,238,95,0.3) 0%, rgba(182,238,95,0) 100%),radial-gradient(90% 100% at 50% 100%, rgba(160,96,254,0.4) 0%, rgba(160,96,254,0) 100%),rgba(233,216,255,0.05); border-width: 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); backdrop-filter: blur(16px); }
.css-1ski9r { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: 16px; }
.css-ph7quv { width: 12px; height: 12px; transform: rotate(45deg); background: rgb(182, 238, 95); --bg-currentcolor: #B6EE5F; box-shadow: rgba(197, 216, 166, 0.2) 0px -2px 4px inset, rgba(0, 0, 0, 0.2) 0px 2px 4px inset; flex-shrink: 0; }
.css-15vhn5p { font-family: "Santa Maria Sans", sans-serif; font-weight: 900; font-size: 24px; line-height: normal; text-transform: uppercase; color: var(--gaydev-colors-white); text-shadow: rgba(255, 255, 255, 0.25) 0px 4px 48px; white-space: nowrap; }
@media screen and (min-width: 48rem) {
  .css-15vhn5p { font-size: 32px; }
}
.css-ua11t6 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-flow: wrap; gap: 12px; width: var(--gaydev-sizes-full); }
.css-8av2br { font-size: calc(16px); font-weight: 500; color: var(--gaydev-colors-text-tretiary); line-height: normal; white-space: nowrap; text-decoration: line-through; margin-right: 4px; }
.css-13aiqg8 { font-size: 20px; font-weight: 700; color: var(--gaydev-colors-text-primary); line-height: normal; white-space: nowrap; }
.css-1by3n44 { width: 24px; height: 24px; flex-shrink: 0; }
.css-1by3n44 svg { width: 100%; height: 100%; }
.css-9r04j4 { position: relative; isolation: isolate; display: inline-flex; appearance: none; align-items: center; justify-content: center; padding: 16px 32px; height: 40px; min-width: 40px; border-radius: 14px; background: var(--gaydev-colors-button-accent); --bg-currentcolor: var(--gaydev-colors-button-accent); color: var(--gaydev-colors-text-primary); font-size: 12px; font-weight: 700; border-width: 1.5px; border-style: solid; border-color: var(--gaydev-colors-stroke-accent_button); gap: var(--gaydev-spacing-2); padding-inline: 24px; margin-top: 4px; cursor: pointer; text-decoration: none; white-space: nowrap; }
.css-9r04j4::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; background: var(--gaydev-colors-button-accent_hover); --bg-currentcolor: var(--gaydev-colors-button-accent_hover); opacity: 0; transition: opacity 0.2s; }
.css-9r04j4:is(:hover, [data-hover]):not(:disabled, [data-disabled])::before { opacity: 1; }
.css-9r04j4:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; }
.css-9r04j4 :where(svg) { width: 27px; height: 32px; }
.css-1fao651 { display: inline-flex; gap: 8px; -webkit-box-align: center; align-items: center; }
.css-15vrc7o { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-direction: row; gap: 0.5rem; padding: 8px; border-radius: 20px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); border: 2px solid rgb(182, 238, 95); backdrop-filter: blur(16px); position: relative; box-shadow: rgba(182, 238, 95, 0.25) 0px 0px 16px; }
.css-10lefdo { font-size: 14px; font-weight: 500; color: rgb(182, 238, 95); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.css-10qzrj { font-size: 16px; font-weight: 600; color: var(--gaydev-colors-white); }
.css-12iba2v { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: 8px; width: var(--gaydev-sizes-full); opacity: 1; }
.css-e796fm { position: relative; width: 72px; height: 51px; flex-shrink: 0; border-radius: 12px; overflow: hidden; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background-color: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); border-width: 1px; border-style: solid; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); background-image: url("/case-battle-assets/uncommon-BmwQO7RX.webp"); background-size: cover; background-position: center center; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.css-1rch7w4 { object-fit: contain; width: 54px; height: 41px; position: relative; }
.css-g7709k { font-size: 14px; font-weight: 600; line-height: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.css-1rjxpms { font-size: 12px; font-weight: 500; color: var(--gaydev-colors-text-tretiary); line-height: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.css-igm676 { font-size: calc(11.2px); font-weight: 500; color: var(--gaydev-colors-text-tretiary); line-height: normal; white-space: nowrap; text-decoration: line-through; margin-right: 4px; }
.css-18kfbx7 { font-size: 14px; font-weight: 700; color: var(--gaydev-colors-text-primary); line-height: normal; white-space: nowrap; }
.css-ar5c6v { width: 18px; height: 18px; flex-shrink: 0; }
.css-ar5c6v svg { width: 100%; height: 100%; }
.css-1wqgt1w { position: relative; width: 72px; height: 51px; flex-shrink: 0; border-radius: 12px; overflow: hidden; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background-color: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); border-width: 1px; border-style: solid; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); background-image: url("/case-battle-assets/common-Cjy0RKE5.webp"); background-size: cover; background-position: center center; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.css-lnlpqb { display: flex; flex-direction: column; gap: 0px; min-width: 0px; }
.css-1f52640 { display: flex; flex-direction: column; gap: var(--gaydev-spacing-4); padding-top: 24px; padding-bottom: 200px; position: relative; }
@media screen and (min-width: 48rem) {
  .css-1f52640 { gap: var(--gaydev-spacing-6); padding-top: 44px; padding-bottom: 140px; }
}
.css-1ckj40z { display: flex; flex-direction: column; gap: 16px; padding: 12px; border-radius: 24px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); border-width: 2px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); backdrop-filter: blur(16px); position: relative; }
@media screen and (min-width: 48rem) {
  .css-1ckj40z { padding: 16px; }
}
.css-d8aidd { font-size: 12px; font-weight: 600; color: var(--gaydev-colors-text-tretiary); text-transform: uppercase; letter-spacing: 0.02em; }
.css-fhxiwe { display: flex; flex-direction: row; gap: 4px; }
.css-12gp8tb { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; gap: 12px; padding: 16px; border-radius: 16px; border: 2px solid rgb(255, 199, 67); background: radial-gradient(48% 130% at 0% 50%, rgba(255, 199, 67, 0.1) 0%, rgba(255, 199, 67, 0) 100%), rgba(233, 216, 255, 0.05); --bg-currentcolor: radial-gradient(48% 130% at 0% 50%, #FFC7431A 0%, #FFC74300 100%),rgba(233,216,255,0.05); text-align: left; cursor: default; transition: border-color 0.15s, background 0.15s; flex: 1 1 0%; min-width: 0px; }
.css-13bvhyt { font-size: 14px; font-weight: 500; color: var(--gaydev-colors-text-secondary); line-height: normal; }
.css-1g2491 { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; gap: 12px; padding: 16px; border-radius: 16px; border-width: 2px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-transparent); --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); text-align: left; cursor: pointer; transition: border-color 0.15s, background 0.15s; flex: 1 1 0%; min-width: 0px; }
@media (hover: hover) {
  .css-1g2491:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); }
}
.css-12r33s1 { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 4px; padding-top: 6px; }
@media screen and (min-width: 48rem) {
  .css-12r33s1 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
}
.css-atu9rn { position: relative; flex: 1 1 0%; min-width: 0px; }
.css-1kgshwc { width: var(--gaydev-sizes-full); min-width: 0px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; height: 56px; padding-inline: 6px; border-radius: 16px; border-width: 2px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-other-accent); background: rgba(160, 96, 254, 0.1); --bg-currentcolor: rgba(160,96,254,0.1); cursor: default; opacity: 1; transition: border-color 0.15s, background 0.15s; }
@media screen and (min-width: 48rem) {
  .css-1kgshwc { padding-inline: 16px; }
}
.css-4gp0t { width: 24px; height: 24px; border-radius: var(--gaydev-radii-full); background: var(--gaydev-colors-other-accent); --bg-currentcolor: var(--gaydev-colors-other-accent); flex-shrink: 0; overflow: hidden; }
@layer recipes {
  .css-4gp0t { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-17tyxe0 { object-fit: cover; width: 13px; height: 13px; opacity: 1; }
.css-itdhb6 { width: var(--gaydev-sizes-full); min-width: 0px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; height: 56px; padding-inline: 6px; border-radius: 16px; border-width: 2px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-transparent); --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); cursor: pointer; opacity: 1; transition: border-color 0.15s, background 0.15s; }
@media screen and (min-width: 48rem) {
  .css-itdhb6 { padding-inline: 16px; }
}
@media (hover: hover) {
  .css-itdhb6:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); }
}
.css-1b7cq1l { object-fit: cover; width: 13px; height: 13px; opacity: 0.7; }
.css-1mgq2k9 { position: absolute; top: -9px; left: 50%; transform: translateX(-50%); padding-inline: 6px; height: 18px; border-radius: 6px; background: rgb(58, 42, 31); --bg-currentcolor: #3A2A1F; border: 1px solid rgb(199, 116, 43); z-index: 1; opacity: 1; }
@layer recipes {
  .css-1mgq2k9 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-1ofpp7h { font-size: 11px; font-weight: 500; color: rgb(241, 161, 91); line-height: 1; white-space: nowrap; }
.css-16um9l8 { display: grid; grid-template-columns: repeat(1, minmax(0px, 1fr)); gap: 4px; }
@media screen and (min-width: 48rem) {
  .css-16um9l8 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
}
.css-tivopq { display: flex; -webkit-box-pack: center; justify-content: center; flex-direction: column; gap: 8px; padding-inline: 16px; padding-block: 12px; border-radius: 16px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); border-width: 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); min-height: 82px; flex: 1 1 0%; min-width: 0px; }
.css-18wum3f { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: 12px; text-align: left; cursor: pointer; width: var(--gaydev-sizes-full); }
.css-mueuzj { width: 20px; height: 20px; flex-shrink: 0; }
@layer recipes {
  .css-mueuzj { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-1mc731a { position: relative; width: 40px; height: 22px; border-radius: 100px; flex-shrink: 0; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); border-width: 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 10%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); transition: background 0.2s; }
.css-147c5gg { position: absolute; top: 1px; left: 1px; width: 18px; height: 18px; border-radius: 100px; background: rgba(241, 231, 255, 0.4); --bg-currentcolor: rgba(241,231,255,0.4); transition: left 0.2s, background 0.2s; }
.css-1ttj053 { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: 32px; opacity: 0.4; }
.css-9e5gci { position: relative; flex: 1 1 0%; height: 20px; }
.css-1x0gvq0 { position: absolute; left: 1px; right: 1px; top: 3px; height: 14px; border-radius: 16px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); }
.css-q2wvjk { position: absolute; inset: 1px 0px 0px; height: 18px; border-radius: 16px; border-width: 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 10%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); }
.css-5qfojr { position: absolute; left: 1px; top: 3px; height: 14px; width: calc(85.7143% - 2px); border-top-left-radius: 16px; border-bottom-left-radius: 16px; --gradient-stops: var(--gradient-from),var(--gradient-to); --gradient: var(--gradient-via-stops, var(--gradient-stops)); background-image: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0px, rgba(255, 255, 255, 0.2) 1px, transparent 1px, transparent 5px), linear-gradient(90deg, rgb(160, 96, 254), rgb(186, 147, 244)); --gradient-from: #A060FE; --gradient-to: #BA93F4; box-shadow: rgba(152, 95, 238, 0.4) 0px 0px 24px 0px; transition: width 0.05s; }
.css-1hcb2ko { position: absolute; left: calc(85.7143% - 1px); top: 0px; width: 2px; height: 20px; background: var(--gaydev-colors-white); --bg-currentcolor: var(--gaydev-colors-white); box-shadow: rgba(255, 255, 255, 0.3) 0px 0px 6px 2px; pointer-events: none; }
.css-1dock7m { position: absolute; inset: 0px; width: var(--gaydev-sizes-full); height: var(--gaydev-sizes-full); opacity: 0; cursor: default; margin: 0px; }
.css-1ogsfgk { font-size: 14px; font-weight: 600; width: 36px; text-align: right; flex-shrink: 0; }
.css-1qi49r4 { display: grid; grid-template-columns: repeat(1, minmax(0px, 1fr)); gap: 4px; }
@media screen and (min-width: 48rem) {
  .css-1qi49r4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
}
.css-cbhawp { position: relative; width: 40px; height: 22px; border-radius: 100px; flex-shrink: 0; background: radial-gradient(120% 120% at 20% 50%, rgba(115, 76, 187, 0.1) 0%, rgb(115, 76, 187) 100%); --bg-currentcolor: radial-gradient(120% 120% at 20% 50%, rgba(115,76,187,0.1) 0%, #734CBB 100%); border: 1px solid rgba(115, 76, 187, 0.2); transition: background 0.2s; }
.css-9lo3g8 { position: absolute; top: 1px; left: 19px; width: 18px; height: 18px; border-radius: 100px; background: rgb(233, 216, 255); --bg-currentcolor: #E9D8FF; transition: left 0.2s, background 0.2s; }
.css-rbx2v7 { display: flex; flex-direction: column; gap: 8px; padding: 12px; border-radius: 24px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); border-width: 2px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); backdrop-filter: blur(16px); position: relative; }
@media screen and (min-width: 48rem) {
  .css-rbx2v7 { padding: 16px; }
}
.css-1y3f6ad { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-direction: row; gap: 0.5rem; }
.css-5amal7 { font-size: 12px; color: var(--gaydev-colors-text-tretiary); }
.css-qrdzm5 { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 8px; }
@media screen and (min-width: 30rem) {
  .css-qrdzm5 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
}
@media screen and (min-width: 48rem) {
  .css-qrdzm5 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
}
@media screen and (min-width: 64rem) {
  .css-qrdzm5 { grid-template-columns: repeat(5, minmax(0px, 1fr)); }
}
.css-ktdt67 { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 0px; border-radius: 16px; border-width: 2px; border-style: dashed; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 10%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); padding-inline: 8px; padding-bottom: 8px; width: var(--gaydev-sizes-full); min-width: 0px; position: relative; color: var(--gaydev-colors-text-tretiary); cursor: pointer; transition: background 0.15s, color 0.15s; }
@media (hover: hover) {
  .css-ktdt67:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); color: var(--gaydev-colors-text-secondary); }
}
.css-1g75ege { position: absolute; inset: 0px; flex-direction: column; gap: 12px; }
@layer recipes {
  .css-1g75ege { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-1vs9cou { opacity: 0.6; }
.css-1jam0vi { width: 32px; height: 32px; flex-shrink: 0; }
@layer recipes {
  .css-1jam0vi { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-1txq9yw { font-size: 14px; font-weight: 500; line-height: normal; }
.css-1gmfc0j { width: var(--gaydev-sizes-full); aspect-ratio: 1 / 1; }
.css-ruiwjt { width: var(--gaydev-sizes-full); visibility: hidden; pointer-events: none; }
.css-divm7w { font-size: 14px; font-weight: 600; line-height: normal; }
.css-zpy8ti { display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; gap: 8px; width: var(--gaydev-sizes-full); }
.css-cg5u7m { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: 0px; padding-inline: 6px; padding-block: 4px; }
.css-eex2l3 { height: 44px; width: var(--gaydev-sizes-full); }
.css-cs6ytb { position: fixed; left: 0px; right: 0px; bottom: 104px; z-index: 20; padding-inline: var(--gaydev-spacing-4); pointer-events: none; }
@media screen and (min-width: 48rem) {
  .css-cs6ytb { bottom: 16px; padding-inline: var(--gaydev-spacing-8); }
}
.css-16mm6ug { pointer-events: auto; max-width: var(--gaydev-sizes-full); margin-inline: auto; }
@media screen and (min-width: 48rem) {
  .css-16mm6ug { max-width: 824px; }
}
.css-d2tuau { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-flow: wrap; gap: 20px; position: relative; width: var(--gaydev-sizes-full); max-width: var(--gaydev-sizes-full); margin-inline: auto; padding-inline: 16px; padding-block: 16px; border-radius: 20px; background: linear-gradient(rgb(43, 39, 48) 0%, rgb(28, 25, 32) 100%); --bg-currentcolor: linear-gradient(180deg, #2B2730 0%, #1C1920 100%); border-width: 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 10%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); box-shadow: rgba(0, 0, 0, 0.45) 0px -8px 32px; }
@media screen and (min-width: 48rem) {
  .css-d2tuau { flex-wrap: nowrap; width: 824px; padding-inline: 24px; padding-block: 20px; }
}
.css-a6fcl1 { display: flex; -webkit-box-align: center; align-items: center; flex-flow: wrap; gap: 20px; }
@media screen and (min-width: 48rem) {
  .css-a6fcl1 { flex-wrap: nowrap; }
}
.css-bqkbyw { display: flex; -webkit-box-align: stretch; align-items: stretch; flex-direction: row; gap: 4px; }
.css-1psny78 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-direction: column; gap: 4px; padding-inline: 12px; padding-top: 4px; padding-bottom: 8px; border-radius: 12px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); border-width: 2px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 10%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); min-height: 61px; }
.css-1m1awx7 { font-size: 14px; font-weight: 500; color: var(--gaydev-colors-text-tretiary); line-height: normal; white-space: nowrap; }
.css-1hg3ypc { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-flow: wrap; gap: 4px; min-height: 24px; max-width: 104px; }
.css-el4y0s { width: 20px; height: 20px; border-radius: 6px; --gradient-stops: var(--gradient-from),var(--gradient-to); --gradient: var(--gradient-via-stops, var(--gradient-stops)); background-image: linear-gradient(to bottom, var(--gradient)); --gradient-from: #ee9b4f; --gradient-to: #d37b2b; flex-shrink: 0; opacity: 1; }
@layer recipes {
  .css-el4y0s { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-lw9oj0 { width: 32px; height: 32px; border-radius: var(--gaydev-radii-full); background: rgb(56, 52, 64); --bg-currentcolor: #383440; flex-shrink: 0; overflow: hidden; border: 1px solid rgba(241, 231, 255, 0.4); }
@layer recipes {
  .css-lw9oj0 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-1u4x4xq { object-fit: cover; width: 18px; height: 18px; opacity: 0.7; }
.css-1yj1sge { position: relative; isolation: isolate; padding: 16px 32px; height: 52px; border-radius: 20px; background: var(--gaydev-colors-button-accent); --bg-currentcolor: var(--gaydev-colors-button-accent); color: var(--gaydev-colors-text-primary); font-size: 16px; font-weight: 700; border-width: 1.5px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-stroke-accent_button); gap: var(--gaydev-spacing-2); padding-inline: 24px; width: var(--gaydev-sizes-full); }
@layer recipes {
  .css-1yj1sge { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: var(--gaydev-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--gaydev-colors-transparent); cursor: var(--gaydev-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--gaydev-font-weights-medium); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform; transition-duration: var(--gaydev-durations-moderate); --focus-ring-color: var(--gaydev-colors-color-palette-focus-ring); height: var(--gaydev-sizes-10); min-width: var(--gaydev-sizes-10); font-size: var(--gaydev-font-sizes-sm); padding-inline: var(--gaydev-spacing-4); gap: var(--gaydev-spacing-2); background: var(--gaydev-colors-color-palette-solid); --bg-currentcolor: var(--gaydev-colors-color-palette-solid); color: var(--gaydev-colors-color-palette-contrast); }
  .css-1yj1sge: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-1yj1sge:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
  .css-1yj1sge :where(svg) { flex-shrink: 0; width: var(--gaydev-sizes-5); height: var(--gaydev-sizes-5); }
  .css-1yj1sge:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
  @media (hover: hover) {
  .css-1yj1sge:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
}
}
.css-1yj1sge::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; background: var(--gaydev-colors-button-accent_hover); --bg-currentcolor: var(--gaydev-colors-button-accent_hover); opacity: 0; transition: opacity 0.2s; }
.css-1yj1sge:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; }
.css-1yj1sge :where(svg) { width: 27px; height: 32px; }
@media screen and (min-width: 48rem) {
  .css-1yj1sge { width: 271px; }
}
@media (hover: hover) {
  .css-1yj1sge:is(:hover, [data-hover]):not(:disabled, [data-disabled])::before { opacity: 1; }
}
.css-1q6xuih { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; gap: 12px; padding: 16px; border-radius: 16px; border: 2px solid rgb(95, 205, 238); background: radial-gradient(48% 130% at 0% 50%, rgba(95, 205, 238, 0.1) 0%, rgba(95, 205, 238, 0) 100%), rgba(233, 216, 255, 0.05); --bg-currentcolor: radial-gradient(48% 130% at 0% 50%, #5FCDEE1A 0%, #5FCDEE00 100%),rgba(233,216,255,0.05); text-align: left; cursor: default; transition: border-color 0.15s, background 0.15s; flex: 1 1 0%; min-width: 0px; }
.css-9f4fsn { overflow: hidden; max-width: calc(-32px + 100vw); width: var(--gaydev-sizes-full); max-height: calc(100dvh - 32px); background: var(--gaydev-colors-bg-dialog); --bg-currentcolor: var(--gaydev-colors-bg-dialog); border-radius: 32px; border-top-width: 1px; border-top-style: solid; --mix-borderTopColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-top-color: var(--mix-borderTopColor, var(--gaydev-colors-stroke-default)); box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 16px 0px; padding-block: var(--gaydev-spacing-4); padding-inline: var(--gaydev-spacing-4); display: flex; flex-direction: column; position: relative; outline: 0px; --dialog-z-index: var(--gaydev-z-index-popover); z-index: calc(var(--dialog-z-index) + var(--layer-index, 0)); }
@media screen and (min-width: 64rem) {
  .css-9f4fsn { max-width: 1112px; height: min(904px, calc(100dvh - 64px)); max-height: calc(100dvh - 64px); padding-inline: var(--gaydev-spacing-6); }
}
.css-1tm1791 { display: flex; flex-direction: column; gap: var(--gaydev-spacing-4); min-height: 0px; flex: 1 1 0%; }
.css-1h8j16j { display: grid; grid-template-columns: 1fr auto 1fr; width: var(--gaydev-sizes-full); -webkit-box-align: center; align-items: center; }
.css-k9nr0v { color: var(--gaydev-colors-white); font-size: 20px; font-weight: 600; text-align: center; }
.css-nb9hq3 { display: flex; flex-direction: row; gap: 0px; height: 56px; width: var(--gaydev-sizes-full); flex-shrink: 0; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); border-width: 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 10%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); border-radius: 16px; user-select: none; }
.css-lowvrq { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex: 1 1 0%; min-width: 0px; overflow: hidden; padding-inline: var(--gaydev-spacing-1); height: var(--gaydev-sizes-full); gap: var(--gaydev-spacing-1); border-radius: 16px; border-width: 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); background: radial-gradient(49.74% 100% at 50.26% 100%, rgba(164, 102, 255, 0.2) 0%, rgba(164, 102, 255, 0) 100%), rgba(233, 216, 255, 0.1); --bg-currentcolor: radial-gradient(49.74% 100% at 50.26% 100%, rgba(164, 102, 255, 0.20) 0%, rgba(164, 102, 255, 0.00) 100%),rgba(233, 216, 255, 0.10); color: var(--gaydev-colors-text-primary); font-size: 20px; font-weight: 600; line-height: normal; white-space: nowrap; cursor: default; transition: background 0.2s, color 0.2s; }
.css-141leda { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex: 1 1 0%; min-width: 0px; overflow: hidden; padding-inline: var(--gaydev-spacing-1); height: var(--gaydev-sizes-full); gap: var(--gaydev-spacing-1); border-radius: 16px; border-width: 1px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-transparent); background: var(--gaydev-colors-transparent); --bg-currentcolor: var(--gaydev-colors-transparent); color: var(--gaydev-colors-text-tretiary); font-size: 20px; font-weight: 600; line-height: normal; white-space: nowrap; cursor: pointer; transition: background 0.2s, color 0.2s; }
@media (hover: hover) {
  .css-141leda:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { color: var(--gaydev-colors-text-secondary); }
}
.css-1oxoecq { min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.css-1nzyx04 { display: flex; -webkit-box-align: stretch; align-items: stretch; flex-direction: column; gap: 16px; }
@media screen and (min-width: 48rem) {
  .css-1nzyx04 { flex-direction: row; }
}
.css-u7oxrh { display: flex; flex-direction: row; gap: 8px; flex: 1 1 0%; min-width: 0px; padding: 4px; border-radius: 16px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); }
.css-1ut9ypj { position: absolute; left: 12px; top: 0px; bottom: 0px; color: var(--gaydev-colors-text-tretiary); pointer-events: none; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.css-4dagp8 { width: 100%; height: 36px; padding-left: 40px; padding-right: 12px; border-radius: 12px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); border-width: 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 10%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); font-size: 12px; font-weight: 600; outline: 0px; color: inherit; }
.css-4dagp8::-webkit-input-placeholder { color: var(--gaydev-colors-text-tretiary); }
.css-4dagp8::placeholder, .css-4dagp8[data-placeholder] { color: var(--gaydev-colors-text-tretiary); }
.css-dizmvj { height: 36px; width: auto; flex-shrink: 0; display: flex; position: relative; }
.css-1sp0qcx { height: 36px; padding-left: 8px; padding-right: 28px; border-radius: 12px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); border-width: 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 10%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); font-size: 12px; font-weight: 500; color: var(--gaydev-colors-text-secondary); outline: 0px; appearance: none; min-width: 180px; }
.css-1sp0qcx option { background: rgb(22, 20, 26); --bg-currentcolor: #16141A; }
.css-zm70j6 { color: var(--gaydev-colors-text-secondary); width: 16px; padding-right: 8px; position: absolute; display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; pointer-events: none; top: 50%; transform: translateY(-50%); height: 100%; inset-inline-end: var(--gaydev-spacing-2); }
.css-1ubdv8q { flex: 1 1 0%; min-height: 0px; overflow-y: auto; margin-inline: calc(var(--gaydev-spacing-2) * -1); padding-inline: var(--gaydev-spacing-2); }
.css-srrsl1 { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px; }
@media screen and (min-width: 48rem) {
  .css-srrsl1 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
}
@media screen and (min-width: 64rem) {
  .css-srrsl1 { grid-template-columns: repeat(5, minmax(0px, 1fr)); }
}
.css-3audc { display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; gap: 0px; padding-inline: 12px; padding-bottom: 12px; border-radius: 16px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); border-width: 2px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-transparent); transition: border-color 0.15s, background 0.15s; }
.css-1nbtl6o { display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; gap: 0px; padding-inline: 12px; padding-bottom: 12px; border-radius: 16px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); border-width: 2px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-other-accent); transition: border-color 0.15s, background 0.15s; }
.css-1ray2s5 { width: var(--gaydev-sizes-full); aspect-ratio: 1 / 1; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.css-vd5obv { font-size: 14px; font-weight: 600; color: var(--gaydev-colors-text-tretiary); width: var(--gaydev-sizes-full); text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.css-peq3u2 { padding-block: 4px; margin-bottom: 8px; }
.css-ff6p66 { position: relative; isolation: isolate; display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; padding: 16px 32px; height: 44px; border-radius: 16px; background: var(--gaydev-colors-button-accent); --bg-currentcolor: var(--gaydev-colors-button-accent); color: var(--gaydev-colors-text-primary); font-size: 14px; font-weight: 700; border-width: 1.5px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-stroke-accent_button); width: var(--gaydev-sizes-full); padding-inline: 8px; text-transform: uppercase; cursor: var(--gaydev-cursor-button); outline: 0px; }
.css-ff6p66::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; background: var(--gaydev-colors-button-accent_hover); --bg-currentcolor: var(--gaydev-colors-button-accent_hover); opacity: 0; transition: opacity 0.2s; }
@media (hover: hover) {
  .css-ff6p66:is(:hover, [data-hover]):not(:disabled, [data-disabled])::before { opacity: 1; }
}
.css-1abfwvm { display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; gap: 0px; padding-inline: 8px; padding-bottom: 8px; border-radius: 16px; background: rgb(35, 31, 39); --bg-currentcolor: #231F27; min-width: 0px; }
.css-1bwm87w { font-size: 14px; font-weight: 600; color: var(--gaydev-colors-text-tretiary); line-height: normal; width: var(--gaydev-sizes-full); text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.css-vrq2h7 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-direction: row; gap: 0.5rem; height: 44px; padding: 4px; border-radius: 12px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); width: var(--gaydev-sizes-full); }
.css-162c46w { width: 36px; height: 36px; border-radius: 8px; background: var(--gaydev-colors-bg-islands_inverse); --bg-currentcolor: var(--gaydev-colors-bg-islands_inverse); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; color: var(--gaydev-colors-text-primary); cursor: pointer; border: 0; }
@media (hover: hover) {
  .css-162c46w:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { opacity: 0.8; }
}
.css-1jmjibm { font-size: 18px; font-weight: 700; line-height: 1; }
.css-vexcjp { width: 36px; height: 36px; border-radius: 8px; background: var(--gaydev-colors-bg-islands_inverse); --bg-currentcolor: var(--gaydev-colors-bg-islands_inverse); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; color: var(--gaydev-colors-text-primary); cursor: pointer; border: 0; }
.css-vexcjp:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; cursor: default; }
@media (hover: hover) {
  .css-vexcjp:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { opacity: 0.8; }
}
.css-17xhr66 { display: flex; -webkit-box-align: stretch; align-items: stretch; -webkit-box-pack: justify; justify-content: space-between; flex-direction: column; gap: var(--gaydev-spacing-2); padding-top: var(--gaydev-spacing-2); border-top-width: 1px; border-top-style: solid; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); flex-shrink: 0; }
@media screen and (min-width: 48rem) {
  .css-17xhr66 { -webkit-box-align: center; align-items: center; flex-direction: row; }
}
.css-15xi7q1 { position: relative; isolation: isolate; display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; padding: 16px 32px; height: 52px; border-radius: 20px; background: var(--gaydev-colors-button-accent); --bg-currentcolor: var(--gaydev-colors-button-accent); color: var(--gaydev-colors-text-primary); font-size: 16px; font-weight: 700; border-width: 1.5px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-stroke-accent_button); text-transform: uppercase; cursor: var(--gaydev-cursor-button); outline: 0px; flex-shrink: 0; }
.css-15xi7q1::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; background: var(--gaydev-colors-button-accent_hover); --bg-currentcolor: var(--gaydev-colors-button-accent_hover); opacity: 0; transition: opacity 0.2s; }
.css-15xi7q1:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; cursor: not-allowed; }
@media (hover: hover) {
  .css-15xi7q1:is(:hover, [data-hover]):not(:disabled, [data-disabled])::before { opacity: 1; }
}
.css-1rflkix { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 4px; }
@media screen and (min-width: 48rem) {
  .css-1rflkix { gap: 8px; }
}
.css-nhi1g7 { display: flex; flex-direction: column; gap: 8px; will-change: transform; }
.css-nhi1g7.is-spinning { transition: transform 5s cubic-bezier(0.08, 0.62, 0.12, 1); }
.css-nhi1g7.is-spinning-quick { transition: transform 0.45s cubic-bezier(0.08, 0.62, 0.12, 1); }
.css-1hwakdv { transform: translateX(214px); }
.reel-card { text-align: start; user-select: none; background-position: 50% center; background-repeat: no-repeat; background-size: cover; border-radius: 20px; flex-shrink: 0; position: relative; overflow: hidden; }
.reel-card--wide { background-color: rgb(19, 15, 23); width: 100%; min-width: 0px; }
.reel-card__battle-image { justify-content: center; align-items: center; padding-top: 8px; display: flex; position: absolute; inset: 0px 0px 42px; }
.reel-card__battle-caption { flex-direction: column; align-items: center; display: flex; position: absolute; bottom: 8px; left: 16px; right: 8px; }
.reel-card__battle-caption .reel-card__title, .reel-card__battle-caption .reel-card__subtitle { text-align: center; width: 100%; max-width: 140px; }
.reel-card__title, .reel-card__subtitle { text-overflow: ellipsis; white-space: nowrap; line-height: normal; overflow: hidden; }
.reel-card__title { font-size: 14px; font-weight: 600; }
.reel-card__subtitle { color: rgba(246, 242, 250, 0.25); font-size: 12px; font-weight: 400; }
.css-12iba2v { animation: battle-drop-in 0.35s ease-out; }
@keyframes battle-drop-in {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: none; }
}
.css-battle-plus { font-size: 14px; font-weight: 700; color: #B6EE5F; line-height: normal; white-space: nowrap; margin-right: 8px; }
.css-17avzbm { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-direction: column; gap: 16px; padding-inline: 32px; height: var(--gaydev-sizes-full); min-height: 326px; }
.css-1d41tty { display: inline-block; box-sizing: border-box; width: var(--gaydev-sizes-8); height: var(--gaydev-sizes-8); border-radius: var(--gaydev-radii-full); border-width: 3px; border-style: solid; border-color: var(--gaydev-colors-other-accent); border-bottom-color: transparent; border-left-color: transparent; animation: spin 0.45s linear infinite; }
.css-zefqyp { display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; gap: 4px; text-align: center; }
.css-57i4kb { font-size: 20px; font-weight: 600; color: var(--gaydev-colors-white); }
.css-1xmxnm3 { font-size: 14px; font-weight: 500; color: var(--gaydev-colors-text-tretiary); }
.css-cr8n2 { display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; gap: 8px; width: var(--gaydev-sizes-full); }
@media screen and (min-width: 48rem) {
  .css-cr8n2 { width: 378px; }
}
.css-1eassyw { position: relative; isolation: isolate; display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; padding: 16px 32px; height: 40px; min-width: 40px; border-radius: 20px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); color: var(--gaydev-colors-text-primary); font-size: 14px; font-weight: 600; border-width: 1.5px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); padding-inline: 16px; cursor: var(--gaydev-cursor-button); outline: 0px; white-space: nowrap; }
.css-1eassyw::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); opacity: 0; transition: opacity 0.2s; }
.css-1eassyw:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; cursor: not-allowed; }
@media (hover: hover) {
  .css-1eassyw:is(:hover, [data-hover]):not(:disabled, [data-disabled])::before { opacity: 1; }
}
.css-10ebu6a { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 8px; padding-inline: 0px; }
@media screen and (min-width: 48rem) {
  .css-10ebu6a { gap: 8px; padding-inline: 8px; }
}
.css-xjjrqx { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-direction: row; gap: 0.5rem; padding: 8px 8px 8px 16px; border-radius: 20px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); border-width: 2px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); min-height: 52px; }
.css-l75hpa { display: inline-block; box-sizing: border-box; width: var(--gaydev-sizes-4); height: var(--gaydev-sizes-4); border-radius: var(--gaydev-radii-full); border-width: 2px; border-style: solid; border-color: var(--gaydev-colors-text-tretiary); border-bottom-color: transparent; border-left-color: transparent; animation: spin 0.45s linear infinite; }
.css-1q2dkh { position: relative; isolation: isolate; display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; padding: 16px 32px; height: 36px; min-width: 36px; border-radius: 12px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); color: var(--gaydev-colors-text-primary); font-size: 12px; font-weight: 700; border-width: 1.5px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); padding-inline: 12px; cursor: var(--gaydev-cursor-button); outline: 0px; white-space: nowrap; }
.css-1q2dkh::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); opacity: 0; transition: opacity 0.2s; }
.css-1q2dkh:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; cursor: not-allowed; }
@media (hover: hover) {
  .css-1q2dkh:is(:hover, [data-hover]):not(:disabled, [data-disabled])::before { opacity: 1; }
}
@keyframes battleCountdownPop {
  0% { opacity: 0; transform: scale(1.6); }
  30% { opacity: 1; transform: scale(1); }
  to { opacity: 1; transform: scale(1); }
}
.css-jcirbo { position: absolute; inset: 0px; border-radius: 24px; background: rgba(16, 15, 18, 0.7); --bg-currentcolor: rgba(16,15,18,0.7); backdrop-filter: blur(6px); z-index: 5; flex-direction: column; gap: 4px; }
@layer recipes {
  .css-jcirbo { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-gzp41p { font-size: 14px; font-weight: 500; color: var(--gaydev-colors-text-tretiary); text-transform: uppercase; }
.css-i8z7s3 { font-family: "Santa Maria Sans", sans-serif; font-weight: 900; font-size: 64px; line-height: 1; color: var(--gaydev-colors-white); text-shadow: rgba(160, 96, 254, 0.6) 0px 4px 48px; animation: 0.9s ease-out 0s 1 normal none running battleCountdownPop; }
@media screen and (min-width: 48rem) {
  .css-i8z7s3 { font-size: 96px; }
}
.css-ibi6n6 { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 4px; }
@media screen and (min-width: 48rem) {
  .css-ibi6n6 { gap: 8px; }
}
.css-s2ioy6 { display: flex; flex-direction: column; gap: 4px; flex: 1 1 0%; min-width: 0px; }
.css-x0k63j { position: absolute; inset: 0px; pointer-events: none; z-index: 6; overflow: hidden; }
.css-16gskwz { position: absolute; width: 152px; height: 163px; transition: top 840ms ease-in-out; will-change: top; }
.css-1w4xqqt { position: absolute; left: 50%; bottom: 98%; width: 3px; height: 2000px; transform: translateX(-50%); background: linear-gradient(90deg, rgb(58, 58, 63) 0%, rgb(138, 138, 144) 50%, rgb(58, 58, 63) 100%); --bg-currentcolor: linear-gradient(90deg, #3a3a3f 0%, #8a8a90 50%, #3a3a3f 100%); box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 4px; }
.css-ednur0 { position: absolute; left: 50%; top: 74%; transform: translate(-50%, -50%); width: 89px; height: 50px; opacity: 0; transition: opacity 0.25s ease; }
.css-7p46wh { object-fit: contain; width: 100%; height: 100%; filter: drop-shadow(rgba(0, 0, 0, 0.5) 0px 6px 10px); }
.css-1c0pfwy { position: absolute; aspect-ratio: 0.930909 / 1; inset: 0px; filter: drop-shadow(rgba(0, 0, 0, 0.6) 0px 8px 16px); }
.css-niwgqj { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: 8px; width: var(--gaydev-sizes-full); opacity: 1; cursor: pointer; }
.css-6no9h7 { position: relative; width: 72px; height: 51px; flex-shrink: 0; border-radius: 12px; overflow: hidden; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); border-width: 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); background-image: url("/case-battle-assets/stolen-bg-CJvdw82q.png"); background-size: cover; background-position: center center; }
@layer recipes {
  .css-6no9h7 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-1afb2h3 { object-fit: cover; position: absolute; width: 44px; height: 44px; opacity: 0.25; top: 50%; left: 50%; transform: translate(-50%, -55%); }