.chakra-segment-group__item{color:var(--musordrop-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(--musordrop-colors-text-primary)}@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}

@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(--musordrop-fonts-mono); --global-font-body: var(--musordrop-fonts-body); --global-color-border: var(--musordrop-colors-border); }
  html { color: var(--musordrop-colors-fg); background: var(--musordrop-colors-bg); --bg-currentcolor: var(--musordrop-colors-bg); line-height: 1.5; --musordrop-colors-color-palette-50: var(--musordrop-colors-gray-50); --musordrop-colors-color-palette-100: var(--musordrop-colors-gray-100); --musordrop-colors-color-palette-200: var(--musordrop-colors-gray-200); --musordrop-colors-color-palette-300: var(--musordrop-colors-gray-300); --musordrop-colors-color-palette-400: var(--musordrop-colors-gray-400); --musordrop-colors-color-palette-500: var(--musordrop-colors-gray-500); --musordrop-colors-color-palette-600: var(--musordrop-colors-gray-600); --musordrop-colors-color-palette-700: var(--musordrop-colors-gray-700); --musordrop-colors-color-palette-800: var(--musordrop-colors-gray-800); --musordrop-colors-color-palette-900: var(--musordrop-colors-gray-900); --musordrop-colors-color-palette-950: var(--musordrop-colors-gray-950); --musordrop-colors-color-palette-contrast: var(--musordrop-colors-gray-contrast); --musordrop-colors-color-palette-fg: var(--musordrop-colors-gray-fg); --musordrop-colors-color-palette-subtle: var(--musordrop-colors-gray-subtle); --musordrop-colors-color-palette-muted: var(--musordrop-colors-gray-muted); --musordrop-colors-color-palette-emphasized: var(--musordrop-colors-gray-emphasized); --musordrop-colors-color-palette-solid: var(--musordrop-colors-gray-solid); --musordrop-colors-color-palette-focus-ring: var(--musordrop-colors-gray-focus-ring); --musordrop-colors-color-palette-border: var(--musordrop-colors-gray-border); }
  ::-webkit-input-placeholder { --mix-color: color-mix(in srgb, var(--musordrop-colors-fg-muted) 80%, transparent); color: var(--mix-color, var(--musordrop-colors-fg-muted)); }
  ::placeholder, [data-placeholder] { --mix-color: color-mix(in srgb, var(--musordrop-colors-fg-muted) 80%, transparent); color: var(--mix-color, var(--musordrop-colors-fg-muted)); }
  ::selection { --mix-background: color-mix(in srgb, var(--musordrop-colors-color-palette-emphasized) 80%, transparent); background: var(--mix-background, var(--musordrop-colors-color-palette-emphasized)); --bg-currentcolor: var(--mix-background, var(--musordrop-colors-color-palette-emphasized)); }
  html, body { background: var(--musordrop-colors-bg-canvas); --bg-currentcolor: var(--musordrop-colors-bg-canvas); color: var(--musordrop-colors-text-primary); line-height: normal; }
}
@layer tokens {
  :where(html, .chakra-theme) { --musordrop-aspect-ratios-square: 1/1; --musordrop-aspect-ratios-landscape: 4/3; --musordrop-aspect-ratios-portrait: 3/4; --musordrop-aspect-ratios-wide: 16/9; --musordrop-aspect-ratios-ultrawide: 18/5; --musordrop-aspect-ratios-golden: 1.618/1; --musordrop-animations-spin: spin 1s linear infinite; --musordrop-animations-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; --musordrop-animations-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; --musordrop-animations-bounce: bounce 1s infinite; --musordrop-blurs-sm: 4px; --musordrop-blurs-md: 8px; --musordrop-blurs-lg: 12px; --musordrop-blurs-xl: 16px; --musordrop-blurs-2xl: 24px; --musordrop-blurs-3xl: 40px; --musordrop-blurs-4xl: 64px; --musordrop-borders-xs: 0.5px solid; --musordrop-borders-sm: 1px solid; --musordrop-borders-md: 2px solid; --musordrop-borders-lg: 4px solid; --musordrop-borders-xl: 8px solid; --musordrop-colors-transparent: transparent; --musordrop-colors-current: currentColor; --musordrop-colors-black: #09090B; --musordrop-colors-white: #FFFFFF; --musordrop-colors-white-alpha-50: rgba(255, 255, 255, 0.04); --musordrop-colors-white-alpha-100: rgba(255, 255, 255, 0.06); --musordrop-colors-white-alpha-200: rgba(255, 255, 255, 0.08); --musordrop-colors-white-alpha-300: rgba(255, 255, 255, 0.16); --musordrop-colors-white-alpha-400: rgba(255, 255, 255, 0.24); --musordrop-colors-white-alpha-500: rgba(255, 255, 255, 0.36); --musordrop-colors-white-alpha-600: rgba(255, 255, 255, 0.48); --musordrop-colors-white-alpha-700: rgba(255, 255, 255, 0.64); --musordrop-colors-white-alpha-800: rgba(255, 255, 255, 0.80); --musordrop-colors-white-alpha-900: rgba(255, 255, 255, 0.92); --musordrop-colors-white-alpha-950: rgba(255, 255, 255, 0.95); --musordrop-colors-black-alpha-50: rgba(0, 0, 0, 0.04); --musordrop-colors-black-alpha-100: rgba(0, 0, 0, 0.06); --musordrop-colors-black-alpha-200: rgba(0, 0, 0, 0.08); --musordrop-colors-black-alpha-300: rgba(0, 0, 0, 0.16); --musordrop-colors-black-alpha-400: rgba(0, 0, 0, 0.24); --musordrop-colors-black-alpha-500: rgba(0, 0, 0, 0.36); --musordrop-colors-black-alpha-600: rgba(0, 0, 0, 0.48); --musordrop-colors-black-alpha-700: rgba(0, 0, 0, 0.64); --musordrop-colors-black-alpha-800: rgba(0, 0, 0, 0.80); --musordrop-colors-black-alpha-900: rgba(0, 0, 0, 0.92); --musordrop-colors-black-alpha-950: rgba(0, 0, 0, 0.95); --musordrop-colors-gray-50: #fafafa; --musordrop-colors-gray-100: #f4f4f5; --musordrop-colors-gray-200: #e4e4e7; --musordrop-colors-gray-300: #d4d4d8; --musordrop-colors-gray-400: #a1a1aa; --musordrop-colors-gray-500: #71717a; --musordrop-colors-gray-600: #52525b; --musordrop-colors-gray-700: #3f3f46; --musordrop-colors-gray-800: #27272a; --musordrop-colors-gray-900: #18181b; --musordrop-colors-gray-950: #111111; --musordrop-colors-red-50: #fef2f2; --musordrop-colors-red-100: #fee2e2; --musordrop-colors-red-200: #fecaca; --musordrop-colors-red-300: #fca5a5; --musordrop-colors-red-400: #f87171; --musordrop-colors-red-500: #ef4444; --musordrop-colors-red-600: #dc2626; --musordrop-colors-red-700: #991919; --musordrop-colors-red-800: #511111; --musordrop-colors-red-900: #300c0c; --musordrop-colors-red-950: #1f0808; --musordrop-colors-orange-50: #fff7ed; --musordrop-colors-orange-100: #ffedd5; --musordrop-colors-orange-200: #fed7aa; --musordrop-colors-orange-300: #fdba74; --musordrop-colors-orange-400: #fb923c; --musordrop-colors-orange-500: #f97316; --musordrop-colors-orange-600: #ea580c; --musordrop-colors-orange-700: #92310a; --musordrop-colors-orange-800: #6c2710; --musordrop-colors-orange-900: #3b1106; --musordrop-colors-orange-950: #220a04; --musordrop-colors-yellow-50: #fefce8; --musordrop-colors-yellow-100: #fef9c3; --musordrop-colors-yellow-200: #fef08a; --musordrop-colors-yellow-300: #fde047; --musordrop-colors-yellow-400: #facc15; --musordrop-colors-yellow-500: #eab308; --musordrop-colors-yellow-600: #ca8a04; --musordrop-colors-yellow-700: #845209; --musordrop-colors-yellow-800: #713f12; --musordrop-colors-yellow-900: #422006; --musordrop-colors-yellow-950: #281304; --musordrop-colors-green-50: #f0fdf4; --musordrop-colors-green-100: #dcfce7; --musordrop-colors-green-200: #bbf7d0; --musordrop-colors-green-300: #86efac; --musordrop-colors-green-400: #4ade80; --musordrop-colors-green-500: #22c55e; --musordrop-colors-green-600: #16a34a; --musordrop-colors-green-700: #116932; --musordrop-colors-green-800: #124a28; --musordrop-colors-green-900: #042713; --musordrop-colors-green-950: #03190c; --musordrop-colors-teal-50: #f0fdfa; --musordrop-colors-teal-100: #ccfbf1; --musordrop-colors-teal-200: #99f6e4; --musordrop-colors-teal-300: #5eead4; --musordrop-colors-teal-400: #2dd4bf; --musordrop-colors-teal-500: #14b8a6; --musordrop-colors-teal-600: #0d9488; --musordrop-colors-teal-700: #0c5d56; --musordrop-colors-teal-800: #114240; --musordrop-colors-teal-900: #032726; --musordrop-colors-teal-950: #021716; --musordrop-colors-blue-50: #eff6ff; --musordrop-colors-blue-100: #dbeafe; --musordrop-colors-blue-200: #bfdbfe; --musordrop-colors-blue-300: #a3cfff; --musordrop-colors-blue-400: #60a5fa; --musordrop-colors-blue-500: #3b82f6; --musordrop-colors-blue-600: #2563eb; --musordrop-colors-blue-700: #173da6; --musordrop-colors-blue-800: #1a3478; --musordrop-colors-blue-900: #14204a; --musordrop-colors-blue-950: #0c142e; --musordrop-colors-cyan-50: #ecfeff; --musordrop-colors-cyan-100: #cffafe; --musordrop-colors-cyan-200: #a5f3fc; --musordrop-colors-cyan-300: #67e8f9; --musordrop-colors-cyan-400: #22d3ee; --musordrop-colors-cyan-500: #06b6d4; --musordrop-colors-cyan-600: #0891b2; --musordrop-colors-cyan-700: #0c5c72; --musordrop-colors-cyan-800: #134152; --musordrop-colors-cyan-900: #072a38; --musordrop-colors-cyan-950: #051b24; --musordrop-colors-purple-50: #faf5ff; --musordrop-colors-purple-100: #f3e8ff; --musordrop-colors-purple-200: #e9d5ff; --musordrop-colors-purple-300: #d8b4fe; --musordrop-colors-purple-400: #c084fc; --musordrop-colors-purple-500: #a855f7; --musordrop-colors-purple-600: #9333ea; --musordrop-colors-purple-700: #641ba3; --musordrop-colors-purple-800: #4a1772; --musordrop-colors-purple-900: #2f0553; --musordrop-colors-purple-950: #1a032e; --musordrop-colors-pink-50: #fdf2f8; --musordrop-colors-pink-100: #fce7f3; --musordrop-colors-pink-200: #fbcfe8; --musordrop-colors-pink-300: #f9a8d4; --musordrop-colors-pink-400: #f472b6; --musordrop-colors-pink-500: #ec4899; --musordrop-colors-pink-600: #db2777; --musordrop-colors-pink-700: #a41752; --musordrop-colors-pink-800: #6d0e34; --musordrop-colors-pink-900: #45061f; --musordrop-colors-pink-950: #2c0514; --musordrop-colors-bg-canvas: #100F12; --musordrop-colors-bg-islands: #E9D8FF; --musordrop-colors-bg-islands_inverse: #16141A; --musordrop-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); --musordrop-colors-text-primary: #F6F2FA; --musordrop-colors-text-tretiary: #F6F2FA40; --musordrop-colors-text-secondary: #F6F2FA70; --musordrop-colors-text-white: #FFFFFF; --musordrop-colors-text-fourth: #F6F2FA20; --musordrop-colors-icon-primary: #F1E7FF; --musordrop-colors-button-accent: radial-gradient(734.62% 100% at 0% 50%, #6945AD 0%, #7B4BD4 100%); --musordrop-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%); --musordrop-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); --musordrop-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); --musordrop-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); --musordrop-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); --musordrop-colors-stroke-accent_button: #966EE5; --musordrop-colors-stroke-default: #EBF0F7; --musordrop-colors-stroke-purple: rgba(115, 76, 187, 0.20); --musordrop-colors-stroke-badge_default: rgba(175, 168, 187, 0.05); --musordrop-colors-stroke-badge_orange: rgba(182, 105, 54, 0.20); --musordrop-colors-stroke-badge_red: rgba(182, 54, 54, 0.20); --musordrop-colors-stroke-sides: #312F35; --musordrop-colors-other-accent: #A060FE; --musordrop-colors-other-badge_orange: #FFCCAB; --musordrop-colors-other-badge_green: #8AFFC7; --musordrop-colors-other-badge_red: #FFABAB; --musordrop-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%); --musordrop-colors-upgrade-silver_grad-100: linear-gradient(90deg, #C8CBCB 0%, #EDEEF2 32.92%, #BBBFBD 100%); --musordrop-colors-upgrade-stroke-10: rgba(180, 182, 175, 0.10); --musordrop-colors-upgrade-islands-1: rgba(247, 249, 243, 0.05); --musordrop-colors-upgrade-secondary: #7E7F7C; --musordrop-colors-upgrade-secondary_light: #989995; --musordrop-colors-upgrade-accent: #B6EE5F; --musordrop-colors-upgrade-primary: #EDF1E7; --musordrop-colors-upgrade-skins-islands: rgba(16, 17, 20, 0.60); --musordrop-durations-fastest: 50ms; --musordrop-durations-faster: 100ms; --musordrop-durations-fast: 150ms; --musordrop-durations-moderate: 200ms; --musordrop-durations-slow: 300ms; --musordrop-durations-slower: 400ms; --musordrop-durations-slowest: 500ms; --musordrop-easings-ease-in: cubic-bezier(0.42, 0, 1, 1); --musordrop-easings-ease-out: cubic-bezier(0, 0, 0.58, 1); --musordrop-easings-ease-in-out: cubic-bezier(0.42, 0, 0.58, 1); --musordrop-easings-ease-in-smooth: cubic-bezier(0.32, 0.72, 0, 1); --musordrop-fonts-heading: "SF Pro Rounded",sans-serif; --musordrop-fonts-body: "SF Pro Rounded",sans-serif; --musordrop-fonts-mono: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --musordrop-font-sizes-2xs: 0.625rem; --musordrop-font-sizes-xs: 0.75rem; --musordrop-font-sizes-sm: 0.875rem; --musordrop-font-sizes-md: 1rem; --musordrop-font-sizes-lg: 1.125rem; --musordrop-font-sizes-xl: 1.25rem; --musordrop-font-sizes-2xl: 1.5rem; --musordrop-font-sizes-3xl: 1.875rem; --musordrop-font-sizes-4xl: 2.25rem; --musordrop-font-sizes-5xl: 3rem; --musordrop-font-sizes-6xl: 3.75rem; --musordrop-font-sizes-7xl: 4.5rem; --musordrop-font-sizes-8xl: 6rem; --musordrop-font-sizes-9xl: 8rem; --musordrop-font-weights-thin: 100; --musordrop-font-weights-extralight: 200; --musordrop-font-weights-light: 300; --musordrop-font-weights-normal: 400; --musordrop-font-weights-medium: 500; --musordrop-font-weights-semibold: 600; --musordrop-font-weights-bold: 700; --musordrop-font-weights-extrabold: 800; --musordrop-font-weights-black: 900; --musordrop-letter-spacings-tighter: -0.05em; --musordrop-letter-spacings-tight: -0.025em; --musordrop-letter-spacings-wide: 0.025em; --musordrop-letter-spacings-wider: 0.05em; --musordrop-letter-spacings-widest: 0.1em; --musordrop-line-heights-shorter: 1.25; --musordrop-line-heights-short: 1.375; --musordrop-line-heights-moderate: 1.5; --musordrop-line-heights-tall: 1.625; --musordrop-line-heights-taller: 2; --musordrop-radii-none: 0; --musordrop-radii-2xs: 0.0625rem; --musordrop-radii-xs: 0.125rem; --musordrop-radii-sm: 0.25rem; --musordrop-radii-md: 0.375rem; --musordrop-radii-lg: 0.5rem; --musordrop-radii-xl: 0.75rem; --musordrop-radii-2xl: 1rem; --musordrop-radii-3xl: 1.5rem; --musordrop-radii-4xl: 2rem; --musordrop-radii-full: 9999px; --musordrop-spacing-1: 0.25rem; --musordrop-spacing-2: 0.5rem; --musordrop-spacing-3: 0.75rem; --musordrop-spacing-4: 1rem; --musordrop-spacing-5: 1.25rem; --musordrop-spacing-6: 1.5rem; --musordrop-spacing-7: 1.75rem; --musordrop-spacing-8: 2rem; --musordrop-spacing-9: 2.25rem; --musordrop-spacing-10: 2.5rem; --musordrop-spacing-11: 2.75rem; --musordrop-spacing-12: 3rem; --musordrop-spacing-14: 3.5rem; --musordrop-spacing-16: 4rem; --musordrop-spacing-20: 5rem; --musordrop-spacing-24: 6rem; --musordrop-spacing-28: 7rem; --musordrop-spacing-32: 8rem; --musordrop-spacing-36: 9rem; --musordrop-spacing-40: 10rem; --musordrop-spacing-44: 11rem; --musordrop-spacing-48: 12rem; --musordrop-spacing-52: 13rem; --musordrop-spacing-56: 14rem; --musordrop-spacing-60: 15rem; --musordrop-spacing-64: 16rem; --musordrop-spacing-72: 18rem; --musordrop-spacing-80: 20rem; --musordrop-spacing-96: 24rem; --musordrop-spacing-0\.5: 0.125rem; --musordrop-spacing-1\.5: 0.375rem; --musordrop-spacing-2\.5: 0.625rem; --musordrop-spacing-3\.5: 0.875rem; --musordrop-spacing-4\.5: 1.125rem; --musordrop-sizes-1: 0.25rem; --musordrop-sizes-2: 0.5rem; --musordrop-sizes-3: 0.75rem; --musordrop-sizes-4: 1rem; --musordrop-sizes-5: 1.25rem; --musordrop-sizes-6: 1.5rem; --musordrop-sizes-7: 1.75rem; --musordrop-sizes-8: 2rem; --musordrop-sizes-9: 2.25rem; --musordrop-sizes-10: 2.5rem; --musordrop-sizes-11: 2.75rem; --musordrop-sizes-12: 3rem; --musordrop-sizes-14: 3.5rem; --musordrop-sizes-16: 4rem; --musordrop-sizes-20: 5rem; --musordrop-sizes-24: 6rem; --musordrop-sizes-28: 7rem; --musordrop-sizes-32: 8rem; --musordrop-sizes-36: 9rem; --musordrop-sizes-40: 10rem; --musordrop-sizes-44: 11rem; --musordrop-sizes-48: 12rem; --musordrop-sizes-52: 13rem; --musordrop-sizes-56: 14rem; --musordrop-sizes-60: 15rem; --musordrop-sizes-64: 16rem; --musordrop-sizes-72: 18rem; --musordrop-sizes-80: 20rem; --musordrop-sizes-96: 24rem; --musordrop-sizes-3xs: 14rem; --musordrop-sizes-2xs: 16rem; --musordrop-sizes-xs: 20rem; --musordrop-sizes-sm: 24rem; --musordrop-sizes-md: 28rem; --musordrop-sizes-lg: 32rem; --musordrop-sizes-xl: 36rem; --musordrop-sizes-2xl: 42rem; --musordrop-sizes-3xl: 48rem; --musordrop-sizes-4xl: 56rem; --musordrop-sizes-5xl: 64rem; --musordrop-sizes-6xl: 72rem; --musordrop-sizes-7xl: 80rem; --musordrop-sizes-8xl: 90rem; --musordrop-sizes-0\.5: 0.125rem; --musordrop-sizes-1\.5: 0.375rem; --musordrop-sizes-2\.5: 0.625rem; --musordrop-sizes-3\.5: 0.875rem; --musordrop-sizes-4\.5: 1.125rem; --musordrop-sizes-1\/2: 50%; --musordrop-sizes-1\/3: 33.333333%; --musordrop-sizes-2\/3: 66.666667%; --musordrop-sizes-1\/4: 25%; --musordrop-sizes-3\/4: 75%; --musordrop-sizes-1\/5: 20%; --musordrop-sizes-2\/5: 40%; --musordrop-sizes-3\/5: 60%; --musordrop-sizes-4\/5: 80%; --musordrop-sizes-1\/6: 16.666667%; --musordrop-sizes-2\/6: 33.333333%; --musordrop-sizes-3\/6: 50%; --musordrop-sizes-4\/6: 66.666667%; --musordrop-sizes-5\/6: 83.333333%; --musordrop-sizes-1\/12: 8.333333%; --musordrop-sizes-2\/12: 16.666667%; --musordrop-sizes-3\/12: 25%; --musordrop-sizes-4\/12: 33.333333%; --musordrop-sizes-5\/12: 41.666667%; --musordrop-sizes-6\/12: 50%; --musordrop-sizes-7\/12: 58.333333%; --musordrop-sizes-8\/12: 66.666667%; --musordrop-sizes-9\/12: 75%; --musordrop-sizes-10\/12: 83.333333%; --musordrop-sizes-11\/12: 91.666667%; --musordrop-sizes-max: max-content; --musordrop-sizes-min: min-content; --musordrop-sizes-fit: fit-content; --musordrop-sizes-prose: 60ch; --musordrop-sizes-full: 100%; --musordrop-sizes-dvh: 100dvh; --musordrop-sizes-svh: 100svh; --musordrop-sizes-lvh: 100lvh; --musordrop-sizes-dvw: 100dvw; --musordrop-sizes-svw: 100svw; --musordrop-sizes-lvw: 100lvw; --musordrop-sizes-vw: 100vw; --musordrop-sizes-vh: 100vh; --musordrop-sizes-breakpoint-sm: 480px; --musordrop-sizes-breakpoint-md: 768px; --musordrop-sizes-breakpoint-lg: 1024px; --musordrop-sizes-breakpoint-xl: 1280px; --musordrop-sizes-breakpoint-2xl: 1536px; --musordrop-z-index-hide: -1; --musordrop-z-index-base: 0; --musordrop-z-index-docked: 10; --musordrop-z-index-dropdown: 1000; --musordrop-z-index-sticky: 1100; --musordrop-z-index-banner: 1200; --musordrop-z-index-overlay: 1300; --musordrop-z-index-modal: 1400; --musordrop-z-index-popover: 1500; --musordrop-z-index-skip-nav: 1600; --musordrop-z-index-toast: 1700; --musordrop-z-index-tooltip: 1800; --musordrop-z-index-max: 2147483647; --musordrop-cursor-button: pointer; --musordrop-cursor-checkbox: default; --musordrop-cursor-disabled: not-allowed; --musordrop-cursor-menuitem: default; --musordrop-cursor-option: default; --musordrop-cursor-radio: default; --musordrop-cursor-slider: default; --musordrop-cursor-switch: pointer; --musordrop-breakpoints-sm: 480px; --musordrop-breakpoints-md: 768px; --musordrop-breakpoints-lg: 1024px; --musordrop-breakpoints-xl: 1280px; --musordrop-breakpoints-2xl: 1536px; --musordrop-radii-l1: var(--musordrop-radii-xs); --musordrop-radii-l2: var(--musordrop-radii-sm); --musordrop-radii-l3: var(--musordrop-radii-md); }
  :root, .light { --musordrop-colors-bg: var(--musordrop-colors-white); --musordrop-colors-bg-subtle: var(--musordrop-colors-gray-50); --musordrop-colors-bg-muted: var(--musordrop-colors-gray-100); --musordrop-colors-bg-emphasized: var(--musordrop-colors-gray-200); --musordrop-colors-bg-inverted: var(--musordrop-colors-black); --musordrop-colors-bg-panel: var(--musordrop-colors-white); --musordrop-colors-bg-error: var(--musordrop-colors-red-50); --musordrop-colors-bg-warning: var(--musordrop-colors-orange-50); --musordrop-colors-bg-success: var(--musordrop-colors-green-50); --musordrop-colors-bg-info: var(--musordrop-colors-blue-50); --musordrop-colors-fg: var(--musordrop-colors-black); --musordrop-colors-fg-muted: var(--musordrop-colors-gray-600); --musordrop-colors-fg-subtle: var(--musordrop-colors-gray-400); --musordrop-colors-fg-inverted: var(--musordrop-colors-gray-50); --musordrop-colors-fg-error: var(--musordrop-colors-red-500); --musordrop-colors-fg-warning: var(--musordrop-colors-orange-600); --musordrop-colors-fg-success: var(--musordrop-colors-green-600); --musordrop-colors-fg-info: var(--musordrop-colors-blue-600); --musordrop-colors-border: var(--musordrop-colors-gray-200); --musordrop-colors-border-muted: var(--musordrop-colors-gray-100); --musordrop-colors-border-subtle: var(--musordrop-colors-gray-50); --musordrop-colors-border-emphasized: var(--musordrop-colors-gray-300); --musordrop-colors-border-inverted: var(--musordrop-colors-gray-800); --musordrop-colors-border-error: var(--musordrop-colors-red-500); --musordrop-colors-border-warning: var(--musordrop-colors-orange-500); --musordrop-colors-border-success: var(--musordrop-colors-green-500); --musordrop-colors-border-info: var(--musordrop-colors-blue-500); --musordrop-colors-gray-contrast: var(--musordrop-colors-white); --musordrop-colors-gray-fg: var(--musordrop-colors-gray-800); --musordrop-colors-gray-subtle: var(--musordrop-colors-gray-100); --musordrop-colors-gray-muted: var(--musordrop-colors-gray-200); --musordrop-colors-gray-emphasized: var(--musordrop-colors-gray-300); --musordrop-colors-gray-solid: var(--musordrop-colors-gray-900); --musordrop-colors-gray-focus-ring: var(--musordrop-colors-gray-400); --musordrop-colors-gray-border: var(--musordrop-colors-gray-200); --musordrop-colors-red-contrast: white; --musordrop-colors-red-fg: var(--musordrop-colors-red-700); --musordrop-colors-red-subtle: var(--musordrop-colors-red-100); --musordrop-colors-red-muted: var(--musordrop-colors-red-200); --musordrop-colors-red-emphasized: var(--musordrop-colors-red-300); --musordrop-colors-red-solid: var(--musordrop-colors-red-600); --musordrop-colors-red-focus-ring: var(--musordrop-colors-red-500); --musordrop-colors-red-border: var(--musordrop-colors-red-500); --musordrop-colors-orange-contrast: white; --musordrop-colors-orange-fg: var(--musordrop-colors-orange-700); --musordrop-colors-orange-subtle: var(--musordrop-colors-orange-100); --musordrop-colors-orange-muted: var(--musordrop-colors-orange-200); --musordrop-colors-orange-emphasized: var(--musordrop-colors-orange-300); --musordrop-colors-orange-solid: var(--musordrop-colors-orange-600); --musordrop-colors-orange-focus-ring: var(--musordrop-colors-orange-500); --musordrop-colors-orange-border: var(--musordrop-colors-orange-500); --musordrop-colors-green-contrast: white; --musordrop-colors-green-fg: var(--musordrop-colors-green-700); --musordrop-colors-green-subtle: var(--musordrop-colors-green-100); --musordrop-colors-green-muted: var(--musordrop-colors-green-200); --musordrop-colors-green-emphasized: var(--musordrop-colors-green-300); --musordrop-colors-green-solid: var(--musordrop-colors-green-600); --musordrop-colors-green-focus-ring: var(--musordrop-colors-green-500); --musordrop-colors-green-border: var(--musordrop-colors-green-500); --musordrop-colors-blue-contrast: white; --musordrop-colors-blue-fg: var(--musordrop-colors-blue-700); --musordrop-colors-blue-subtle: var(--musordrop-colors-blue-100); --musordrop-colors-blue-muted: var(--musordrop-colors-blue-200); --musordrop-colors-blue-emphasized: var(--musordrop-colors-blue-300); --musordrop-colors-blue-solid: var(--musordrop-colors-blue-600); --musordrop-colors-blue-focus-ring: var(--musordrop-colors-blue-500); --musordrop-colors-blue-border: var(--musordrop-colors-blue-500); --musordrop-colors-yellow-contrast: black; --musordrop-colors-yellow-fg: var(--musordrop-colors-yellow-800); --musordrop-colors-yellow-subtle: var(--musordrop-colors-yellow-100); --musordrop-colors-yellow-muted: var(--musordrop-colors-yellow-200); --musordrop-colors-yellow-emphasized: var(--musordrop-colors-yellow-300); --musordrop-colors-yellow-solid: var(--musordrop-colors-yellow-300); --musordrop-colors-yellow-focus-ring: var(--musordrop-colors-yellow-500); --musordrop-colors-yellow-border: var(--musordrop-colors-yellow-500); --musordrop-colors-teal-contrast: white; --musordrop-colors-teal-fg: var(--musordrop-colors-teal-700); --musordrop-colors-teal-subtle: var(--musordrop-colors-teal-100); --musordrop-colors-teal-muted: var(--musordrop-colors-teal-200); --musordrop-colors-teal-emphasized: var(--musordrop-colors-teal-300); --musordrop-colors-teal-solid: var(--musordrop-colors-teal-600); --musordrop-colors-teal-focus-ring: var(--musordrop-colors-teal-500); --musordrop-colors-teal-border: var(--musordrop-colors-teal-500); --musordrop-colors-purple-contrast: white; --musordrop-colors-purple-fg: var(--musordrop-colors-purple-700); --musordrop-colors-purple-subtle: var(--musordrop-colors-purple-100); --musordrop-colors-purple-muted: var(--musordrop-colors-purple-200); --musordrop-colors-purple-emphasized: var(--musordrop-colors-purple-300); --musordrop-colors-purple-solid: var(--musordrop-colors-purple-600); --musordrop-colors-purple-focus-ring: var(--musordrop-colors-purple-500); --musordrop-colors-purple-border: var(--musordrop-colors-purple-500); --musordrop-colors-pink-contrast: white; --musordrop-colors-pink-fg: var(--musordrop-colors-pink-700); --musordrop-colors-pink-subtle: var(--musordrop-colors-pink-100); --musordrop-colors-pink-muted: var(--musordrop-colors-pink-200); --musordrop-colors-pink-emphasized: var(--musordrop-colors-pink-300); --musordrop-colors-pink-solid: var(--musordrop-colors-pink-600); --musordrop-colors-pink-focus-ring: var(--musordrop-colors-pink-500); --musordrop-colors-pink-border: var(--musordrop-colors-pink-500); --musordrop-colors-cyan-contrast: white; --musordrop-colors-cyan-fg: var(--musordrop-colors-cyan-700); --musordrop-colors-cyan-subtle: var(--musordrop-colors-cyan-100); --musordrop-colors-cyan-muted: var(--musordrop-colors-cyan-200); --musordrop-colors-cyan-emphasized: var(--musordrop-colors-cyan-300); --musordrop-colors-cyan-solid: var(--musordrop-colors-cyan-600); --musordrop-colors-cyan-focus-ring: var(--musordrop-colors-cyan-500); --musordrop-colors-cyan-border: var(--musordrop-colors-cyan-500); --musordrop-shadows-xs: 0px 1px 2px color-mix(in srgb, var(--musordrop-colors-gray-900) 10%, transparent),0px 0px 1px color-mix(in srgb, var(--musordrop-colors-gray-900) 20%, transparent); --musordrop-shadows-sm: 0px 2px 4px color-mix(in srgb, var(--musordrop-colors-gray-900) 10%, transparent),0px 0px 1px color-mix(in srgb, var(--musordrop-colors-gray-900) 30%, transparent); --musordrop-shadows-md: 0px 4px 8px color-mix(in srgb, var(--musordrop-colors-gray-900) 10%, transparent),0px 0px 1px color-mix(in srgb, var(--musordrop-colors-gray-900) 30%, transparent); --musordrop-shadows-lg: 0px 8px 16px color-mix(in srgb, var(--musordrop-colors-gray-900) 10%, transparent),0px 0px 1px color-mix(in srgb, var(--musordrop-colors-gray-900) 30%, transparent); --musordrop-shadows-xl: 0px 16px 24px color-mix(in srgb, var(--musordrop-colors-gray-900) 10%, transparent),0px 0px 1px color-mix(in srgb, var(--musordrop-colors-gray-900) 30%, transparent); --musordrop-shadows-2xl: 0px 24px 40px color-mix(in srgb, var(--musordrop-colors-gray-900) 16%, transparent),0px 0px 1px color-mix(in srgb, var(--musordrop-colors-gray-900) 30%, transparent); --musordrop-shadows-inner: inset 0 2px 4px 0 color-mix(in srgb, black 5%, transparent); --musordrop-shadows-inset: inset 0 0 0 1px color-mix(in srgb, black 5%, transparent); }
  .dark, .dark .chakra-theme:not(.light) { --musordrop-colors-bg: var(--musordrop-colors-black); --musordrop-colors-bg-subtle: var(--musordrop-colors-gray-950); --musordrop-colors-bg-muted: var(--musordrop-colors-gray-900); --musordrop-colors-bg-emphasized: var(--musordrop-colors-gray-800); --musordrop-colors-bg-inverted: var(--musordrop-colors-white); --musordrop-colors-bg-panel: var(--musordrop-colors-gray-950); --musordrop-colors-bg-error: var(--musordrop-colors-red-950); --musordrop-colors-bg-warning: var(--musordrop-colors-orange-950); --musordrop-colors-bg-success: var(--musordrop-colors-green-950); --musordrop-colors-bg-info: var(--musordrop-colors-blue-950); --musordrop-colors-fg: var(--musordrop-colors-gray-50); --musordrop-colors-fg-muted: var(--musordrop-colors-gray-400); --musordrop-colors-fg-subtle: var(--musordrop-colors-gray-500); --musordrop-colors-fg-inverted: var(--musordrop-colors-black); --musordrop-colors-fg-error: var(--musordrop-colors-red-400); --musordrop-colors-fg-warning: var(--musordrop-colors-orange-300); --musordrop-colors-fg-success: var(--musordrop-colors-green-300); --musordrop-colors-fg-info: var(--musordrop-colors-blue-300); --musordrop-colors-border: var(--musordrop-colors-gray-800); --musordrop-colors-border-muted: var(--musordrop-colors-gray-900); --musordrop-colors-border-subtle: var(--musordrop-colors-gray-950); --musordrop-colors-border-emphasized: var(--musordrop-colors-gray-700); --musordrop-colors-border-inverted: var(--musordrop-colors-gray-200); --musordrop-colors-border-error: var(--musordrop-colors-red-400); --musordrop-colors-border-warning: var(--musordrop-colors-orange-400); --musordrop-colors-border-success: var(--musordrop-colors-green-400); --musordrop-colors-border-info: var(--musordrop-colors-blue-400); --musordrop-colors-gray-contrast: var(--musordrop-colors-black); --musordrop-colors-gray-fg: var(--musordrop-colors-gray-200); --musordrop-colors-gray-subtle: var(--musordrop-colors-gray-900); --musordrop-colors-gray-muted: var(--musordrop-colors-gray-800); --musordrop-colors-gray-emphasized: var(--musordrop-colors-gray-700); --musordrop-colors-gray-solid: var(--musordrop-colors-white); --musordrop-colors-gray-focus-ring: var(--musordrop-colors-gray-400); --musordrop-colors-gray-border: var(--musordrop-colors-gray-800); --musordrop-colors-red-contrast: white; --musordrop-colors-red-fg: var(--musordrop-colors-red-300); --musordrop-colors-red-subtle: var(--musordrop-colors-red-900); --musordrop-colors-red-muted: var(--musordrop-colors-red-800); --musordrop-colors-red-emphasized: var(--musordrop-colors-red-700); --musordrop-colors-red-solid: var(--musordrop-colors-red-600); --musordrop-colors-red-focus-ring: var(--musordrop-colors-red-500); --musordrop-colors-red-border: var(--musordrop-colors-red-400); --musordrop-colors-orange-contrast: black; --musordrop-colors-orange-fg: var(--musordrop-colors-orange-300); --musordrop-colors-orange-subtle: var(--musordrop-colors-orange-900); --musordrop-colors-orange-muted: var(--musordrop-colors-orange-800); --musordrop-colors-orange-emphasized: var(--musordrop-colors-orange-700); --musordrop-colors-orange-solid: var(--musordrop-colors-orange-500); --musordrop-colors-orange-focus-ring: var(--musordrop-colors-orange-500); --musordrop-colors-orange-border: var(--musordrop-colors-orange-400); --musordrop-colors-green-contrast: white; --musordrop-colors-green-fg: var(--musordrop-colors-green-300); --musordrop-colors-green-subtle: var(--musordrop-colors-green-900); --musordrop-colors-green-muted: var(--musordrop-colors-green-800); --musordrop-colors-green-emphasized: var(--musordrop-colors-green-700); --musordrop-colors-green-solid: var(--musordrop-colors-green-600); --musordrop-colors-green-focus-ring: var(--musordrop-colors-green-500); --musordrop-colors-green-border: var(--musordrop-colors-green-400); --musordrop-colors-blue-contrast: white; --musordrop-colors-blue-fg: var(--musordrop-colors-blue-300); --musordrop-colors-blue-subtle: var(--musordrop-colors-blue-900); --musordrop-colors-blue-muted: var(--musordrop-colors-blue-800); --musordrop-colors-blue-emphasized: var(--musordrop-colors-blue-700); --musordrop-colors-blue-solid: var(--musordrop-colors-blue-600); --musordrop-colors-blue-focus-ring: var(--musordrop-colors-blue-500); --musordrop-colors-blue-border: var(--musordrop-colors-blue-400); --musordrop-colors-yellow-contrast: black; --musordrop-colors-yellow-fg: var(--musordrop-colors-yellow-300); --musordrop-colors-yellow-subtle: var(--musordrop-colors-yellow-900); --musordrop-colors-yellow-muted: var(--musordrop-colors-yellow-800); --musordrop-colors-yellow-emphasized: var(--musordrop-colors-yellow-700); --musordrop-colors-yellow-solid: var(--musordrop-colors-yellow-300); --musordrop-colors-yellow-focus-ring: var(--musordrop-colors-yellow-500); --musordrop-colors-yellow-border: var(--musordrop-colors-yellow-500); --musordrop-colors-teal-contrast: white; --musordrop-colors-teal-fg: var(--musordrop-colors-teal-300); --musordrop-colors-teal-subtle: var(--musordrop-colors-teal-900); --musordrop-colors-teal-muted: var(--musordrop-colors-teal-800); --musordrop-colors-teal-emphasized: var(--musordrop-colors-teal-700); --musordrop-colors-teal-solid: var(--musordrop-colors-teal-600); --musordrop-colors-teal-focus-ring: var(--musordrop-colors-teal-500); --musordrop-colors-teal-border: var(--musordrop-colors-teal-400); --musordrop-colors-purple-contrast: white; --musordrop-colors-purple-fg: var(--musordrop-colors-purple-300); --musordrop-colors-purple-subtle: var(--musordrop-colors-purple-900); --musordrop-colors-purple-muted: var(--musordrop-colors-purple-800); --musordrop-colors-purple-emphasized: var(--musordrop-colors-purple-700); --musordrop-colors-purple-solid: var(--musordrop-colors-purple-600); --musordrop-colors-purple-focus-ring: var(--musordrop-colors-purple-500); --musordrop-colors-purple-border: var(--musordrop-colors-purple-400); --musordrop-colors-pink-contrast: white; --musordrop-colors-pink-fg: var(--musordrop-colors-pink-300); --musordrop-colors-pink-subtle: var(--musordrop-colors-pink-900); --musordrop-colors-pink-muted: var(--musordrop-colors-pink-800); --musordrop-colors-pink-emphasized: var(--musordrop-colors-pink-700); --musordrop-colors-pink-solid: var(--musordrop-colors-pink-600); --musordrop-colors-pink-focus-ring: var(--musordrop-colors-pink-500); --musordrop-colors-pink-border: var(--musordrop-colors-pink-400); --musordrop-colors-cyan-contrast: white; --musordrop-colors-cyan-fg: var(--musordrop-colors-cyan-300); --musordrop-colors-cyan-subtle: var(--musordrop-colors-cyan-900); --musordrop-colors-cyan-muted: var(--musordrop-colors-cyan-800); --musordrop-colors-cyan-emphasized: var(--musordrop-colors-cyan-700); --musordrop-colors-cyan-solid: var(--musordrop-colors-cyan-600); --musordrop-colors-cyan-focus-ring: var(--musordrop-colors-cyan-500); --musordrop-colors-cyan-border: var(--musordrop-colors-cyan-400); --musordrop-shadows-xs: 0px 1px 1px color-mix(in srgb, black 64%, transparent),0px 0px 1px inset color-mix(in srgb, var(--musordrop-colors-gray-300) 20%, transparent); --musordrop-shadows-sm: 0px 2px 4px color-mix(in srgb, black 64%, transparent),0px 0px 1px inset color-mix(in srgb, var(--musordrop-colors-gray-300) 30%, transparent); --musordrop-shadows-md: 0px 4px 8px color-mix(in srgb, black 64%, transparent),0px 0px 1px inset color-mix(in srgb, var(--musordrop-colors-gray-300) 30%, transparent); --musordrop-shadows-lg: 0px 8px 16px color-mix(in srgb, black 64%, transparent),0px 0px 1px inset color-mix(in srgb, var(--musordrop-colors-gray-300) 30%, transparent); --musordrop-shadows-xl: 0px 16px 24px color-mix(in srgb, black 64%, transparent),0px 0px 1px inset color-mix(in srgb, var(--musordrop-colors-gray-300) 30%, transparent); --musordrop-shadows-2xl: 0px 24px 40px color-mix(in srgb, black 64%, transparent),0px 0px 1px inset color-mix(in srgb, var(--musordrop-colors-gray-300) 30%, transparent); --musordrop-shadows-inner: inset 0 2px 4px 0 black; --musordrop-shadows-inset: inset 0 0 0 1px color-mix(in srgb, var(--musordrop-colors-gray-300) 5%, transparent); }
}
@media screen and (max-width: 47.9975rem) {
  .css-1j2htvn { inset-inline: var(--musordrop-spacing-4); }
}
.css-h9m4ju { position: relative; height: 100svh; }
.css-8azc7e { position: absolute; width: var(--musordrop-sizes-full); height: var(--musordrop-sizes-full); background-image: url(""); background-position: center top; background-repeat: no-repeat; transition-property: opacity; transition-duration: var(--musordrop-durations-slowest); opacity: 0; z-index: 1; }
.css-1yexge1 { height: var(--musordrop-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(--musordrop-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(--musordrop-spacing-1); width: var(--musordrop-sizes-full); }
.css-kxlpf4 { width: var(--musordrop-sizes-full); padding: var(--musordrop-spacing-1); }
@layer recipes {
  .css-kxlpf4 { font-size: var(--musordrop-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(--musordrop-shadows-inset); background-color: var(--musordrop-colors-bg-muted); --bg-currentcolor: var(--musordrop-colors-bg-muted); height: var(--musordrop-sizes-2\.5); border-radius: var(--musordrop-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(--musordrop-durations-slow); height: 100%; background-color: var(--musordrop-colors-color-palette-solid); --bg-currentcolor: var(--musordrop-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(--musordrop-font-sizes-sm); color: var(--musordrop-colors-text-tretiary); font-weight: 400; text-align: center; }
.css-17vg1ae { backdrop-filter: blur(4px); }
@layer recipes {
  .css-17vg1ae { background: var(--musordrop-colors-black-alpha-500); --bg-currentcolor: var(--musordrop-colors-black-alpha-500); position: fixed; left: 0px; top: 0px; width: 100dvw; height: 100dvh; --dialog-z-index: var(--musordrop-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(--musordrop-durations-slow); }
  .css-17vg1ae:is([closed], [data-closed], [data-state="closed"]) { animation-name: fade-out; animation-duration: var(--musordrop-durations-moderate); }
}
@layer recipes {
  .css-13yfqy0 { display: flex; width: 100dvw; height: 100dvh; position: fixed; left: 0px; top: 0px; --dialog-z-index: var(--musordrop-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(--musordrop-sizes-full); height: var(--musordrop-sizes-full); background-image: url(""); background-position: center top; background-repeat: no-repeat; transition-property: opacity; transition-duration: var(--musordrop-durations-slowest); opacity: 100; z-index: 1; }
.css-irwvew { display: flex; flex-direction: column; min-height: 100dvh; }
.css-19gf21q { z-index: var(--musordrop-z-index-sticky); --mix-backgroundColor: color-mix(in srgb, var(--musordrop-colors-bg-islands) 05%, transparent); background-color: var(--mix-backgroundColor, var(--musordrop-colors-bg-islands)); --bg-currentcolor: var(--mix-backgroundColor, var(--musordrop-colors-bg-islands)); border-radius: 0px 0px 32px 32px; backdrop-filter: blur(16px); position: fixed; width: var(--musordrop-sizes-full); }
@layer recipes {
  .css-19gf21q { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}
.css-1i8f8ty { display: flex; -webkit-box-pack: justify; justify-content: space-between; flex-direction: row; gap: 0.5rem; max-width: var(--musordrop-sizes-8xl); width: var(--musordrop-sizes-full); padding-inline: var(--musordrop-spacing-8); padding-top: var(--musordrop-spacing-5); padding-bottom: var(--musordrop-spacing-5); user-select: none; }
.css-ppb4ub { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: var(--musordrop-spacing-16); }
.css-1syfr4j { object-fit: cover; height: 42px; }
.css-6izshx { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: var(--musordrop-spacing-8); }
.css-me1bio { display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; gap: var(--musordrop-spacing-1); text-align: center; cursor: pointer; }
.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-1ogc5ay { font-size: 14px; font-weight: 400; }
.css-dnewz7 { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: var(--musordrop-spacing-4); }
@media screen and (min-width: 30rem) {
  .css-dnewz7 { gap: var(--musordrop-spacing-8); }
}
.css-1xfpdei { position: relative; isolation: isolate; padding: 16px 32px; height: 52px; border-radius: 20px; background: var(--musordrop-colors-button-accent); --bg-currentcolor: var(--musordrop-colors-button-accent); color: var(--musordrop-colors-text-primary); font-size: 16px; font-weight: 700; border-width: 1.5px; border-style: solid; border-image: none; border-color: var(--musordrop-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(--musordrop-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--musordrop-colors-transparent); cursor: var(--musordrop-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--musordrop-font-weights-medium); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform; transition-duration: var(--musordrop-durations-moderate); --focus-ring-color: var(--musordrop-colors-color-palette-focus-ring); height: var(--musordrop-sizes-10); min-width: var(--musordrop-sizes-10); font-size: var(--musordrop-font-sizes-sm); padding-inline: var(--musordrop-spacing-4); gap: var(--musordrop-spacing-2); background: var(--musordrop-colors-color-palette-solid); --bg-currentcolor: var(--musordrop-colors-color-palette-solid); color: var(--musordrop-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(--musordrop-sizes-5); height: var(--musordrop-sizes-5); }
  .css-1xfpdei:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { --mix-background: color-mix(in srgb, var(--musordrop-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--musordrop-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--musordrop-colors-color-palette-solid)); }
  @media (hover: hover) {
  .css-1xfpdei:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--musordrop-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--musordrop-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--musordrop-colors-color-palette-solid)); }
}
}
.css-1xfpdei::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; background: var(--musordrop-colors-button-accent_hover); --bg-currentcolor: var(--musordrop-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-e0a3cc { flex: 1 1 0%; padding-top: 96px; padding-bottom: 24px; }
.css-mkcck1 { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: var(--musordrop-spacing-1); padding-left: var(--musordrop-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(--musordrop-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(--musordrop-colors-other-badge_green); flex-shrink: 0; }
.css-1ib1ydr { font-size: var(--musordrop-font-sizes-sm); font-weight: 600; }
.css-usapyr { display: flex; flex-direction: row; gap: 4px; padding: 4px; flex: 1 1 0%; width: var(--musordrop-sizes-full); min-height: 0px; --mix-background: color-mix(in srgb, var(--musordrop-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--musordrop-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--musordrop-colors-bg-islands)); backdrop-filter: blur(16px); border-radius: 16px; }
.css-1sjq1ul { flex: 1 1 0%; height: var(--musordrop-sizes-full); border-radius: 12px; cursor: pointer; background: var(--musordrop-colors-transparent); --bg-currentcolor: var(--musordrop-colors-transparent); border-width: 1px; border-style: solid; border-image: none; border-color: var(--musordrop-colors-transparent); --mix-color: color-mix(in srgb, var(--musordrop-colors-bg-islands) 20%, transparent); color: var(--mix-color, var(--musordrop-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(--musordrop-colors-bg-islands) 40%, transparent); color: var(--mix-color, var(--musordrop-colors-bg-islands)); }
}
.css-1eyux4z { flex: 1 1 0%; height: var(--musordrop-sizes-full); border-radius: 12px; cursor: pointer; --mix-background: color-mix(in srgb, var(--musordrop-colors-bg-islands) 10%, transparent); background: var(--mix-background, var(--musordrop-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--musordrop-colors-bg-islands)); border-width: 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--musordrop-colors-stroke-default) 10%, transparent); border-color: var(--mix-borderColor, var(--musordrop-colors-stroke-default)); color: var(--musordrop-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-1eivj6r { --mix-background: color-mix(in srgb, var(--musordrop-colors-bg-islands) 05%, transparent); background-attachment: ; background-origin: ; background-clip: ; background-color: ; --bg-currentcolor: var(--mix-background, var(--musordrop-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(--musordrop-easings-ease-out); background-image: url("ancient-Bs3b-m8t.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(--musordrop-fonts-heading); font-weight: var(--musordrop-font-weights-semibold); font-size: var(--musordrop-font-sizes-sm); line-height: 1.25rem; }
}
.css-1otgfav { font-weight: 400; color: var(--musordrop-colors-text-tretiary); font-size: var(--musordrop-font-sizes-xs); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.css-3j3bba { --mix-background: color-mix(in srgb, var(--musordrop-colors-bg-islands) 05%, transparent); background-attachment: ; background-origin: ; background-clip: ; background-color: ; --bg-currentcolor: var(--mix-background, var(--musordrop-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(--musordrop-easings-ease-out); background-image: url("most_ancient-yjQzIrWo.png"); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.css-1endqnl { --mix-background: color-mix(in srgb, var(--musordrop-colors-bg-islands) 05%, transparent); background-attachment: ; background-origin: ; background-clip: ; background-color: ; --bg-currentcolor: var(--mix-background, var(--musordrop-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(--musordrop-easings-ease-out); background-image: url("mythical-Do4LthRH.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-vkrp37 { padding-inline: var(--musordrop-spacing-4); max-width: var(--musordrop-sizes-full); }
@layer recipes {
  .css-vkrp37 { position: relative; max-width: var(--musordrop-sizes-8xl); width: 100%; margin-inline: auto; padding-inline: var(--musordrop-spacing-4); }
  @media screen and (min-width: 48rem) {
  .css-vkrp37 { padding-inline: var(--musordrop-spacing-6); }
}
  @media screen and (min-width: 64rem) {
  .css-vkrp37 { padding-inline: var(--musordrop-spacing-8); }
}
}
@media screen and (min-width: 30rem) {
  .css-vkrp37 { padding-inline: var(--musordrop-spacing-8); max-width: var(--musordrop-sizes-full); }
}
@media screen and (min-width: 48rem) {
  .css-vkrp37 { max-width: var(--musordrop-sizes-full); }
}
@media screen and (min-width: 64rem) {
  .css-vkrp37 { max-width: var(--musordrop-sizes-full); }
}
@media screen and (min-width: 80rem) {
  .css-vkrp37 { max-width: var(--musordrop-sizes-8xl); }
}
.css-rfj5pj { margin-top: var(--musordrop-spacing-8); border-radius: 64px; }
.css-18jib90 { background-position: right center; background-repeat: no-repeat; background-size: cover; display: flex; -webkit-box-pack: start; justify-content: flex-start; flex-direction: column; gap: 0.5rem; height: 420px; border-radius: 64px; --mix-backgroundColor: color-mix(in srgb, var(--musordrop-colors-bg-islands) 10%, transparent); background-color: var(--mix-backgroundColor, var(--musordrop-colors-bg-islands)); --bg-currentcolor: var(--mix-backgroundColor, var(--musordrop-colors-bg-islands)); background-image: url("main-desktop-N1hjs-46.png"); }
.css-5pw7nw { display: flex; -webkit-box-pack: justify; justify-content: space-between; flex-direction: column; gap: 0.5rem; padding-top: var(--musordrop-spacing-12); padding-bottom: var(--musordrop-spacing-8); padding-inline: var(--musordrop-spacing-16); height: var(--musordrop-sizes-full); width: max-content; max-width: 496px; user-select: none; }
.css-k72rey { display: flex; flex-direction: column; gap: var(--musordrop-spacing-4); }
.css-zqopn2 { display: flex; flex-direction: column; gap: var(--musordrop-spacing-1); }
.css-zpf7ra { color: var(--musordrop-colors-white); font-family: "Santa Maria Sans"; font-weight: 900; line-height: normal; }
@layer recipes {
  .css-zpf7ra { font-family: var(--musordrop-fonts-heading); font-weight: var(--musordrop-font-weights-semibold); font-size: var(--musordrop-font-sizes-5xl); line-height: 3.75rem; letter-spacing: -0.025em; }
}
.css-1prbj5m { color: var(--musordrop-colors-text-secondary); font-size: var(--musordrop-font-sizes-lg); }
.css-1xhhjzd { position: relative; isolation: isolate; padding: 16px 32px; height: 52px; border-radius: 20px; background: var(--musordrop-colors-button-accent); --bg-currentcolor: var(--musordrop-colors-button-accent); color: var(--musordrop-colors-text-primary); font-size: 16px; font-weight: 700; border-width: 1.5px; border-style: solid; border-image: none; border-color: var(--musordrop-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(--musordrop-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--musordrop-colors-transparent); cursor: var(--musordrop-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--musordrop-font-weights-medium); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform; transition-duration: var(--musordrop-durations-moderate); --focus-ring-color: var(--musordrop-colors-color-palette-focus-ring); height: var(--musordrop-sizes-10); min-width: var(--musordrop-sizes-10); font-size: var(--musordrop-font-sizes-sm); padding-inline: var(--musordrop-spacing-4); gap: var(--musordrop-spacing-2); background: var(--musordrop-colors-color-palette-solid); --bg-currentcolor: var(--musordrop-colors-color-palette-solid); color: var(--musordrop-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(--musordrop-sizes-5); height: var(--musordrop-sizes-5); }
  .css-1xhhjzd:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { --mix-background: color-mix(in srgb, var(--musordrop-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--musordrop-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--musordrop-colors-color-palette-solid)); }
  @media (hover: hover) {
  .css-1xhhjzd:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--musordrop-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--musordrop-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--musordrop-colors-color-palette-solid)); }
}
}
.css-1xhhjzd::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; background: var(--musordrop-colors-button-accent_hover); --bg-currentcolor: var(--musordrop-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-lnjfw6 { margin-top: var(--musordrop-spacing-8); }
.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(--musordrop-sizes-full); height: var(--musordrop-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-k66g4h { margin-top: var(--musordrop-spacing-16); }
.css-xmgju1 { display: flex; flex-direction: column; gap: var(--musordrop-spacing-16); }
.css-1itj1qp { display: flex; flex-direction: column; gap: var(--musordrop-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(--musordrop-sizes-full); height: var(--musordrop-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(--musordrop-spacing-4); padding-top: var(--musordrop-spacing-3); padding-bottom: var(--musordrop-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(--musordrop-colors-transparent); background-clip: text; filter: drop-shadow(rgba(255, 255, 255, 0.25) 0px 4px 48px); }
@layer recipes {
  .css-12o4fh3 { font-family: var(--musordrop-fonts-heading); font-weight: var(--musordrop-font-weights-semibold); font-size: var(--musordrop-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-1psz8np { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); column-gap: 0px; row-gap: var(--musordrop-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(--musordrop-font-sizes-lg); text-align: center; width: var(--musordrop-sizes-full); }
@layer recipes {
  .css-17deg6c { font-family: var(--musordrop-fonts-heading); font-weight: var(--musordrop-font-weights-semibold); font-size: var(--musordrop-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-1gnkwoi { position: relative; isolation: isolate; padding: 16px 12px 16px 16px; height: 46px; border-radius: 20px; --mix-background: color-mix(in srgb, var(--musordrop-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--musordrop-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--musordrop-colors-bg-islands)); color: var(--musordrop-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(--musordrop-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--musordrop-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(--musordrop-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--musordrop-colors-transparent); cursor: var(--musordrop-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--musordrop-font-weights-medium); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform; transition-duration: var(--musordrop-durations-moderate); --focus-ring-color: var(--musordrop-colors-color-palette-focus-ring); height: var(--musordrop-sizes-10); min-width: var(--musordrop-sizes-10); font-size: var(--musordrop-font-sizes-sm); padding-inline: var(--musordrop-spacing-4); gap: var(--musordrop-spacing-2); background: var(--musordrop-colors-color-palette-solid); --bg-currentcolor: var(--musordrop-colors-color-palette-solid); color: var(--musordrop-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(--musordrop-sizes-5); height: var(--musordrop-sizes-5); }
  .css-1gnkwoi:is([aria-expanded="true"], [data-expanded], [data-state="expanded"]) { --mix-background: color-mix(in srgb, var(--musordrop-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--musordrop-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--musordrop-colors-color-palette-solid)); }
  @media (hover: hover) {
  .css-1gnkwoi:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--musordrop-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--musordrop-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--musordrop-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(--musordrop-colors-bg-islands) 10%, transparent); background: var(--mix-background, var(--musordrop-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--musordrop-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-1r5z4zg { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: var(--musordrop-spacing-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(--musordrop-radii-full); background: rgb(150, 79, 255); --bg-currentcolor: #964FFF; filter: blur(20px); pointer-events: none; }
.css-vhetzl { margin-top: var(--musordrop-spacing-16); position: relative; overflow: hidden; border-top-width: 1px; border-top-style: solid; --mix-borderColor: color-mix(in srgb, var(--musordrop-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--musordrop-colors-stroke-default)); background-color: var(--musordrop-colors-bg-canvas); --bg-currentcolor: var(--musordrop-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(--musordrop-radii-full); background: rgb(90, 85, 80); --bg-currentcolor: #5A5550; filter: blur(67px); }
.css-146ok8 { position: absolute; left: 33.8%; bottom: 23.2%; width: 25.5%; height: 25.5%; border-radius: var(--musordrop-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(--musordrop-sizes-full); padding-inline: var(--musordrop-spacing-4); padding-top: var(--musordrop-spacing-12); padding-bottom: var(--musordrop-spacing-12); position: relative; z-index: 1; }
@layer recipes {
  .css-7ugh1p { position: relative; max-width: var(--musordrop-sizes-8xl); width: 100%; margin-inline: auto; padding-inline: var(--musordrop-spacing-4); }
  @media screen and (min-width: 48rem) {
  .css-7ugh1p { padding-inline: var(--musordrop-spacing-6); }
}
  @media screen and (min-width: 64rem) {
  .css-7ugh1p { padding-inline: var(--musordrop-spacing-8); }
}
}
@media screen and (min-width: 30rem) {
  .css-7ugh1p { max-width: var(--musordrop-sizes-full); padding-inline: var(--musordrop-spacing-8); }
}
@media screen and (min-width: 48rem) {
  .css-7ugh1p { max-width: var(--musordrop-sizes-full); }
}
@media screen and (min-width: 64rem) {
  .css-7ugh1p { max-width: var(--musordrop-sizes-full); }
}
@media screen and (min-width: 80rem) {
  .css-7ugh1p { max-width: var(--musordrop-sizes-8xl); }
}
.css-v9zin2 { display: flex; flex-direction: column; gap: var(--musordrop-spacing-8); }
.css-289v62 { display: flex; align-items: flex-start; flex-direction: column; gap: var(--musordrop-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(--musordrop-spacing-4); flex: 1 1 0%; min-width: 0px; }
.css-ffpx2h { object-fit: cover; height: 42px; width: fit-content; }
.css-1hgqpb { color: var(--musordrop-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(--musordrop-colors-text-primary); }
.css-1kmd4ac { font-size: 14px; font-weight: 500; color: var(--musordrop-colors-text-secondary); width: fit-content; }
@layer recipes {
  .css-1kmd4ac { display: inline-flex; -webkit-box-align: center; align-items: center; outline: none; gap: var(--musordrop-spacing-1\.5); cursor: pointer; border-radius: var(--musordrop-radii-l1); --focus-ring-color: var(--musordrop-colors-color-palette-focus-ring); color: var(--musordrop-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(--musordrop-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(--musordrop-spacing-4); }
.css-j2mk2e { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: var(--musordrop-spacing-3); height: 36px; padding-inline: var(--musordrop-spacing-2); border-radius: 12px; border-width: 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--musordrop-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--musordrop-colors-stroke-default)); --mix-background: color-mix(in srgb, var(--musordrop-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--musordrop-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--musordrop-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(--musordrop-colors-stroke-default) 10%, transparent); border-color: var(--mix-borderColor, var(--musordrop-colors-stroke-default)); }
}
.css-2ozwcd { display: flex; transition: transform 0.2s; }
.css-5k5c57 { display: flex; flex-direction: row; gap: var(--musordrop-spacing-1); }
.css-1u5pl7s { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: var(--musordrop-spacing-2); height: 42px; padding-inline: var(--musordrop-spacing-3); border-radius: 16px; border-width: 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--musordrop-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--musordrop-colors-stroke-default)); --mix-background: color-mix(in srgb, var(--musordrop-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--musordrop-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--musordrop-colors-bg-islands)); color: var(--musordrop-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(--musordrop-spacing-1\.5); cursor: pointer; border-radius: var(--musordrop-radii-l1); --focus-ring-color: var(--musordrop-colors-color-palette-focus-ring); color: var(--musordrop-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(--musordrop-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(--musordrop-colors-stroke-default) 10%, transparent); border-color: var(--mix-borderColor, var(--musordrop-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(--musordrop-spacing-2); height: 42px; padding-inline: var(--musordrop-spacing-3); border-radius: 16px; border-width: 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--musordrop-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--musordrop-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(--musordrop-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(--musordrop-spacing-1\.5); cursor: pointer; border-radius: var(--musordrop-radii-l1); --focus-ring-color: var(--musordrop-colors-color-palette-focus-ring); color: var(--musordrop-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(--musordrop-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(--musordrop-colors-stroke-default) 10%, transparent); border-color: var(--mix-borderColor, var(--musordrop-colors-stroke-default)); }
}
.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; }
}

/* Musor Drop semantic content block */
.seo-content{max-width:1180px;margin:48px auto 24px;padding:0 24px;color:#fff}
.seo-content__inner{padding:28px 30px;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:rgba(255,255,255,.035);box-shadow:0 12px 40px rgba(0,0,0,.14)}
.seo-content h2{margin:0 0 14px;font-size:clamp(24px,3vw,36px);font-weight:800;letter-spacing:-.02em}
.seo-content p{margin:0 0 10px;color:rgba(255,255,255,.72);font-size:15px;line-height:1.65!important}
.seo-content p:last-child{margin-bottom:0}
@media (max-width:768px){.seo-content{margin-top:32px;padding:0 16px}.seo-content__inner{padding:22px 20px;border-radius:20px}}