@layer reset,base,tokens,recipes,utilities;@layer reset{html,:host{--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";line-height:1.5;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-tab-size:4;tab-size:4;font-family:var(--global-font-body, var(--font-fallback));-webkit-tap-highlight-color:transparent}*,:before,:after,::backdrop,::file-selector-button{margin:0;padding:0;border-width:0px;border-style:solid;border-color:var(--global-color-border, currentcolor);box-sizing:border-box}hr{color:inherit;height:0px;border-top-width:1px}body{line-height:inherit;height:100%}img{border-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{text-wrap:balance;font-size:inherit;font-weight:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ol,ul,menu{list-style:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button;-webkit-appearance:button}button,input,optgroup,select,textarea,::file-selector-button{font:inherit;background:var(--colors-transparent);font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit}::placeholder{--placeholder-fallback: rgba(0, 0, 0, .5);opacity:1;color:var(--global-color-placeholder, var(--placeholder-fallback))}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{--placeholder-fallback: color-mix(in oklab, currentcolor 50%, transparent)}}::selection{background-color:var(--global-color-selection, rgba(0, 115, 255, .3))}textarea{resize:vertical}table{border-color:inherit;text-indent:0px;border-collapse:collapse}summary{display:list-item}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}dialog{padding:0}a{text-decoration:inherit;color:inherit}abbr:where([title]){text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{--font-mono-fallback: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New";font-family:var(--global-font-mono, var(--font-mono-fallback));font-size:1em;font-feature-settings:normal;font-variation-settings:normal}progress{vertical-align:baseline}::-webkit-search-decoration,::-webkit-search-cancel-button{-webkit-appearance:none}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}:-moz-ui-invalid{box-shadow:none}:-moz-focusring{outline:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer base{:root{--made-with-panda: "🐼";--gradient-bg-start: rgba(240, 253, 244, .5);--gradient-bg-mid: rgba(240, 253, 244, .8);--gradient-bg-end: rgba(240, 253, 244, 1)}html[data-theme=dark]{--gradient-bg-start: rgba(24, 24, 27, 0);--gradient-bg-mid: rgba(24, 24, 27, .5);--gradient-bg-end: rgba(24, 24, 27, 1);color-scheme:dark}html{font-family:var(--fonts-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--colors-bg-primary);transition:background-color .2s ease,color .2s ease;color:var(--colors-text-primary);line-height:1.6;min-height:100vh}h1,h2,h3,h4,h5,h6{text-rendering:optimizeLegibility;line-height:1.2}:focus-visible{outline:2px solid;outline-color:var(--colors-accent-primary);outline-offset:2px}img,svg{max-width:100%;height:auto}.reveal-on-scroll{transition:opacity .6s ease,transform .6s ease;opacity:0;transform:translateY(30px)}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}.stagger-1{transition-delay:0ms}.stagger-2{transition-delay:.1s}.stagger-3{transition-delay:.2s}.stagger-4{transition-delay:.3s}.ripple-container{overflow:hidden;position:relative}.ripple{background:var(--colors-white);animation:ripple .6s ease-out;border-radius:50%;position:absolute;transform:scale(0);pointer-events:none}*,:before,:after,::backdrop{--blur: ;--brightness: ;--contrast: ;--grayscale: ;--hue-rotate: ;--invert: ;--saturate: ;--sepia: ;--drop-shadow: ;--backdrop-blur: ;--backdrop-brightness: ;--backdrop-contrast: ;--backdrop-grayscale: ;--backdrop-hue-rotate: ;--backdrop-invert: ;--backdrop-opacity: ;--backdrop-saturate: ;--backdrop-sepia: ;--gradient-from-position: ;--gradient-to-position: ;--gradient-via-position: ;--scroll-snap-strictness: proximity;--border-spacing-x: 0;--border-spacing-y: 0;--translate-x: 0;--translate-y: 0;--rotate: 0;--rotate-x: 0;--rotate-y: 0;--skew-x: 0;--skew-y: 0;--scale-x: 1;--scale-y: 1}}@layer tokens{:where(:root,:host){--aspect-ratios-square: 1 / 1;--aspect-ratios-landscape: 4 / 3;--aspect-ratios-portrait: 3 / 4;--aspect-ratios-wide: 16 / 9;--aspect-ratios-ultrawide: 18 / 5;--aspect-ratios-golden: 1.618 / 1;--borders-none: none;--easings-default: cubic-bezier(.4, 0, .2, 1);--easings-linear: linear;--easings-in: cubic-bezier(.4, 0, 1, 1);--easings-out: cubic-bezier(0, 0, .2, 1);--easings-in-out: cubic-bezier(.4, 0, .2, 1);--durations-fastest: 50ms;--durations-faster: .1s;--durations-fast: .15s;--durations-normal: .2s;--durations-slow: .3s;--durations-slower: .4s;--durations-slowest: .5s;--radii-xs: .125rem;--radii-sm: .25rem;--radii-md: .375rem;--radii-lg: .5rem;--radii-xl: .75rem;--radii-2xl: 1rem;--radii-3xl: 1.5rem;--radii-4xl: 2rem;--radii-full: 9999px;--font-weights-thin: 100;--font-weights-extralight: 200;--font-weights-light: 300;--font-weights-normal: 400;--font-weights-medium: 500;--font-weights-semibold: 600;--font-weights-bold: 700;--font-weights-extrabold: 800;--font-weights-black: 900;--letter-spacings-tighter: -.05em;--letter-spacings-tight: -.025em;--letter-spacings-normal: 0em;--letter-spacings-wide: .025em;--letter-spacings-wider: .05em;--letter-spacings-widest: .1em;--blurs-xs: 4px;--blurs-sm: 8px;--blurs-md: 12px;--blurs-lg: 16px;--blurs-xl: 24px;--blurs-2xl: 40px;--blurs-3xl: 64px;--spacing-0: 0rem;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7: 1.75rem;--spacing-8: 2rem;--spacing-9: 2.25rem;--spacing-10: 2.5rem;--spacing-11: 2.75rem;--spacing-12: 3rem;--spacing-14: 3.5rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-28: 7rem;--spacing-32: 8rem;--spacing-36: 9rem;--spacing-40: 10rem;--spacing-44: 11rem;--spacing-48: 12rem;--spacing-52: 13rem;--spacing-56: 14rem;--spacing-60: 15rem;--spacing-64: 16rem;--spacing-72: 18rem;--spacing-80: 20rem;--spacing-96: 24rem;--spacing-0\.5: .125rem;--spacing-1\.5: .375rem;--spacing-2\.5: .625rem;--spacing-3\.5: .875rem;--spacing-4\.5: 1.125rem;--spacing-5\.5: 1.375rem;--sizes-0: 0rem;--sizes-1: .25rem;--sizes-2: .5rem;--sizes-3: .75rem;--sizes-4: 1rem;--sizes-5: 1.25rem;--sizes-6: 1.5rem;--sizes-7: 1.75rem;--sizes-8: 2rem;--sizes-9: 2.25rem;--sizes-10: 2.5rem;--sizes-11: 2.75rem;--sizes-12: 3rem;--sizes-14: 3.5rem;--sizes-16: 4rem;--sizes-20: 5rem;--sizes-24: 6rem;--sizes-28: 7rem;--sizes-32: 8rem;--sizes-36: 9rem;--sizes-40: 10rem;--sizes-44: 11rem;--sizes-48: 12rem;--sizes-52: 13rem;--sizes-56: 14rem;--sizes-60: 15rem;--sizes-64: 16rem;--sizes-72: 18rem;--sizes-80: 20rem;--sizes-96: 24rem;--sizes-0\.5: .125rem;--sizes-1\.5: .375rem;--sizes-2\.5: .625rem;--sizes-3\.5: .875rem;--sizes-4\.5: 1.125rem;--sizes-5\.5: 1.375rem;--sizes-xs: 20rem;--sizes-sm: 24rem;--sizes-md: 28rem;--sizes-lg: 32rem;--sizes-xl: 36rem;--sizes-2xl: 42rem;--sizes-3xl: 48rem;--sizes-4xl: 56rem;--sizes-5xl: 64rem;--sizes-6xl: 72rem;--sizes-7xl: 80rem;--sizes-8xl: 90rem;--sizes-prose: 65ch;--sizes-full: 100%;--sizes-min: min-content;--sizes-max: max-content;--sizes-fit: fit-content;--sizes-breakpoint-sm: 640px;--sizes-breakpoint-md: 768px;--sizes-breakpoint-lg: 1024px;--sizes-breakpoint-xl: 1280px;--sizes-breakpoint-2xl: 1536px;--animations-spin: spin 1s linear infinite;--animations-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animations-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animations-bounce: bounce 1s infinite;--colors-current: currentColor;--colors-black: #000;--colors-white: #fff;--colors-transparent: rgb(0 0 0 / 0);--colors-rose-50: #fff1f2;--colors-rose-100: #ffe4e6;--colors-rose-200: #fecdd3;--colors-rose-300: #fda4af;--colors-rose-400: #fb7185;--colors-rose-500: #f43f5e;--colors-rose-600: #e11d48;--colors-rose-700: #be123c;--colors-rose-800: #9f1239;--colors-rose-900: #881337;--colors-rose-950: #4c0519;--colors-pink-50: #fdf2f8;--colors-pink-100: #fce7f3;--colors-pink-200: #fbcfe8;--colors-pink-300: #f9a8d4;--colors-pink-400: #f472b6;--colors-pink-500: #ec4899;--colors-pink-600: #db2777;--colors-pink-700: #be185d;--colors-pink-800: #9d174d;--colors-pink-900: #831843;--colors-pink-950: #500724;--colors-fuchsia-50: #fdf4ff;--colors-fuchsia-100: #fae8ff;--colors-fuchsia-200: #f5d0fe;--colors-fuchsia-300: #f0abfc;--colors-fuchsia-400: #e879f9;--colors-fuchsia-500: #d946ef;--colors-fuchsia-600: #c026d3;--colors-fuchsia-700: #a21caf;--colors-fuchsia-800: #86198f;--colors-fuchsia-900: #701a75;--colors-fuchsia-950: #4a044e;--colors-purple-50: #faf5ff;--colors-purple-100: #f3e8ff;--colors-purple-200: #e9d5ff;--colors-purple-300: #d8b4fe;--colors-purple-400: #c084fc;--colors-purple-500: #a855f7;--colors-purple-600: #9333ea;--colors-purple-700: #7e22ce;--colors-purple-800: #6b21a8;--colors-purple-900: #581c87;--colors-purple-950: #3b0764;--colors-violet-50: #f5f3ff;--colors-violet-100: #ede9fe;--colors-violet-200: #ddd6fe;--colors-violet-300: #c4b5fd;--colors-violet-400: #a78bfa;--colors-violet-500: #8b5cf6;--colors-violet-600: #7c3aed;--colors-violet-700: #6d28d9;--colors-violet-800: #5b21b6;--colors-violet-900: #4c1d95;--colors-violet-950: #2e1065;--colors-indigo-50: #eef2ff;--colors-indigo-100: #e0e7ff;--colors-indigo-200: #c7d2fe;--colors-indigo-300: #a5b4fc;--colors-indigo-400: #818cf8;--colors-indigo-500: #6366f1;--colors-indigo-600: #4f46e5;--colors-indigo-700: #4338ca;--colors-indigo-800: #3730a3;--colors-indigo-900: #312e81;--colors-indigo-950: #1e1b4b;--colors-blue-50: #eff6ff;--colors-blue-100: #dbeafe;--colors-blue-200: #bfdbfe;--colors-blue-300: #93c5fd;--colors-blue-400: #60a5fa;--colors-blue-500: #3b82f6;--colors-blue-600: #2563eb;--colors-blue-700: #1d4ed8;--colors-blue-800: #1e40af;--colors-blue-900: #1e3a8a;--colors-blue-950: #172554;--colors-sky-50: #f0f9ff;--colors-sky-100: #e0f2fe;--colors-sky-200: #bae6fd;--colors-sky-300: #7dd3fc;--colors-sky-400: #38bdf8;--colors-sky-500: #0ea5e9;--colors-sky-600: #0284c7;--colors-sky-700: #0369a1;--colors-sky-800: #075985;--colors-sky-900: #0c4a6e;--colors-sky-950: #082f49;--colors-cyan-50: #ecfeff;--colors-cyan-100: #cffafe;--colors-cyan-200: #a5f3fc;--colors-cyan-300: #67e8f9;--colors-cyan-400: #22d3ee;--colors-cyan-500: #06b6d4;--colors-cyan-600: #0891b2;--colors-cyan-700: #0e7490;--colors-cyan-800: #155e75;--colors-cyan-900: #164e63;--colors-cyan-950: #083344;--colors-teal-50: #f0fdfa;--colors-teal-100: #ccfbf1;--colors-teal-200: #99f6e4;--colors-teal-300: #5eead4;--colors-teal-400: #2dd4bf;--colors-teal-500: #14b8a6;--colors-teal-600: #0d9488;--colors-teal-700: #0f766e;--colors-teal-800: #115e59;--colors-teal-900: #134e4a;--colors-teal-950: #042f2e;--colors-emerald-50: #ecfdf5;--colors-emerald-100: #d1fae5;--colors-emerald-200: #a7f3d0;--colors-emerald-300: #6ee7b7;--colors-emerald-400: #34d399;--colors-emerald-500: #10b981;--colors-emerald-600: #059669;--colors-emerald-700: #047857;--colors-emerald-800: #065f46;--colors-emerald-900: #064e3b;--colors-emerald-950: #022c22;--colors-green-50: #f0fdf4;--colors-green-100: #dcfce7;--colors-green-200: #bbf7d0;--colors-green-300: #86efac;--colors-green-400: #4ade80;--colors-green-500: #22c55e;--colors-green-600: #16a34a;--colors-green-700: #15803d;--colors-green-800: #166534;--colors-green-900: #14532d;--colors-green-950: #052e16;--colors-lime-50: #f7fee7;--colors-lime-100: #ecfccb;--colors-lime-200: #d9f99d;--colors-lime-300: #bef264;--colors-lime-400: #a3e635;--colors-lime-500: #84cc16;--colors-lime-600: #65a30d;--colors-lime-700: #4d7c0f;--colors-lime-800: #3f6212;--colors-lime-900: #365314;--colors-lime-950: #1a2e05;--colors-yellow-50: #fefce8;--colors-yellow-100: #fef9c3;--colors-yellow-200: #fef08a;--colors-yellow-300: #fde047;--colors-yellow-400: #facc15;--colors-yellow-500: #eab308;--colors-yellow-600: #ca8a04;--colors-yellow-700: #a16207;--colors-yellow-800: #854d0e;--colors-yellow-900: #713f12;--colors-yellow-950: #422006;--colors-amber-50: #fffbeb;--colors-amber-100: #fef3c7;--colors-amber-200: #fde68a;--colors-amber-300: #fcd34d;--colors-amber-400: #fbbf24;--colors-amber-500: #f59e0b;--colors-amber-600: #d97706;--colors-amber-700: #b45309;--colors-amber-800: #92400e;--colors-amber-900: #78350f;--colors-amber-950: #451a03;--colors-orange-50: #fff7ed;--colors-orange-100: #ffedd5;--colors-orange-200: #fed7aa;--colors-orange-300: #fdba74;--colors-orange-400: #fb923c;--colors-orange-500: #f97316;--colors-orange-600: #ea580c;--colors-orange-700: #c2410c;--colors-orange-800: #9a3412;--colors-orange-900: #7c2d12;--colors-orange-950: #431407;--colors-red-50: #fef2f2;--colors-red-100: #fee2e2;--colors-red-200: #fecaca;--colors-red-300: #fca5a5;--colors-red-400: #f87171;--colors-red-500: #ef4444;--colors-red-600: #dc2626;--colors-red-700: #b91c1c;--colors-red-800: #991b1b;--colors-red-900: #7f1d1d;--colors-red-950: #450a0a;--colors-neutral-50: #fafafa;--colors-neutral-100: #f5f5f5;--colors-neutral-200: #e5e5e5;--colors-neutral-300: #d4d4d4;--colors-neutral-400: #a3a3a3;--colors-neutral-500: #737373;--colors-neutral-600: #525252;--colors-neutral-700: #404040;--colors-neutral-800: #262626;--colors-neutral-900: #171717;--colors-neutral-950: #0a0a0a;--colors-stone-50: #fafaf9;--colors-stone-100: #f5f5f4;--colors-stone-200: #e7e5e4;--colors-stone-300: #d6d3d1;--colors-stone-400: #a8a29e;--colors-stone-500: #78716c;--colors-stone-600: #57534e;--colors-stone-700: #44403c;--colors-stone-800: #292524;--colors-stone-900: #1c1917;--colors-stone-950: #0c0a09;--colors-zinc-50: #fafafa;--colors-zinc-100: #f4f4f5;--colors-zinc-200: #e4e4e7;--colors-zinc-300: #d4d4d8;--colors-zinc-400: #a1a1aa;--colors-zinc-500: #71717a;--colors-zinc-600: #52525b;--colors-zinc-700: #3f3f46;--colors-zinc-800: #27272a;--colors-zinc-900: #18181b;--colors-zinc-950: #09090b;--colors-gray-50: #f9fafb;--colors-gray-100: #f3f4f6;--colors-gray-200: #e5e7eb;--colors-gray-300: #d1d5db;--colors-gray-400: #9ca3af;--colors-gray-500: #6b7280;--colors-gray-600: #4b5563;--colors-gray-700: #374151;--colors-gray-800: #1f2937;--colors-gray-900: #111827;--colors-gray-950: #030712;--colors-slate-50: #f8fafc;--colors-slate-100: #f1f5f9;--colors-slate-200: #e2e8f0;--colors-slate-300: #cbd5e1;--colors-slate-400: #94a3b8;--colors-slate-500: #64748b;--colors-slate-600: #475569;--colors-slate-700: #334155;--colors-slate-800: #1e293b;--colors-slate-900: #0f172a;--colors-slate-950: #020617;--colors-light-text: #064e3b;--colors-light-text-secondary: #065f46;--colors-light-background: #f0fdf4;--colors-light-background-secondary: #ffffff;--colors-light-accent: #059669;--colors-light-accent-secondary: #f59e0b;--colors-dark-text: #ecfdf5;--colors-dark-text-secondary: #a7f3d0;--colors-dark-background: #18181b;--colors-dark-background-secondary: #27272a;--colors-dark-accent: #34d399;--colors-dark-accent-secondary: #facc15;--colors-ocean-deep: #0a3d47;--colors-ocean-mid: #0e4e5a;--colors-ocean-light: #12616f;--fonts-sans: 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";--fonts-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--fonts-body: IBM Plex Sans, -apple-system, BlinkMacSystemFont, sans-serif;--fonts-serif: IBM Plex Serif, Georgia, serif;--font-sizes-2xs: .5rem;--font-sizes-md: 1rem;--font-sizes-7xl: 4.5rem;--font-sizes-8xl: 6rem;--font-sizes-9xl: 8rem;--font-sizes-xs: .75rem;--font-sizes-sm: .875rem;--font-sizes-base: 1rem;--font-sizes-lg: 1.125rem;--font-sizes-xl: 1.25rem;--font-sizes-2xl: 1.5rem;--font-sizes-3xl: 1.875rem;--font-sizes-4xl: 2.25rem;--font-sizes-5xl: 3rem;--font-sizes-6xl: 3.75rem;--line-heights-none: 1;--line-heights-loose: 2;--line-heights-tight: 1.1;--line-heights-snug: 1.2;--line-heights-normal: 1.5;--line-heights-relaxed: 1.6;--shadows-2xs: 0 1px rgb(0 0 0 / .05);--shadows-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadows-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadows-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadows-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadows-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadows-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadows-inset-2xs: inset 0 1px rgb(0 0 0 / .05);--shadows-inset-xs: inset 0 1px 1px rgb(0 0 0 / .05);--shadows-inset-sm: inset 0 2px 4px rgb(0 0 0 / .05);--shadows-ocean-large: 0 16px 48px rgba(14, 78, 90, .25);--breakpoints-sm: 640px;--breakpoints-md: 768px;--breakpoints-lg: 1024px;--breakpoints-xl: 1280px;--breakpoints-2xl: 1536px;--spacing-section: 4rem;--colors-text-primary: var(--colors-light-text);--colors-text-secondary: var(--colors-light-text-secondary);--colors-bg-primary: var(--colors-light-background);--colors-bg-secondary: var(--colors-light-background-secondary);--colors-accent-primary: var(--colors-light-accent);--colors-accent-secondary: var(--colors-light-accent-secondary)}[data-theme=dark]{--colors-text-primary: var(--colors-dark-text);--colors-text-secondary: var(--colors-dark-text-secondary);--colors-bg-primary: var(--colors-dark-background);--colors-bg-secondary: var(--colors-dark-background-secondary);--colors-accent-primary: var(--colors-dark-accent);--colors-accent-secondary: var(--colors-dark-accent-secondary) }@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(2.5);opacity:0}}@keyframes burgerTopOpen{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(8px) rotate(0)}to{transform:translateY(8px) rotate(45deg)}}@keyframes burgerTopClose{0%{transform:translateY(8px) rotate(45deg)}50%{transform:translateY(8px) rotate(0)}to{transform:translateY(0) rotate(0)}}@keyframes burgerMiddleOpen{0%{opacity:1;transform:scaleX(1)}50%{opacity:0;transform:scaleX(.5)}to{opacity:0;transform:scaleX(0)}}@keyframes burgerMiddleClose{0%{opacity:0;transform:scaleX(0)}50%{opacity:0;transform:scaleX(.5)}to{opacity:1;transform:scaleX(1)}}@keyframes burgerBottomOpen{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(0)}to{transform:translateY(-8px) rotate(-45deg)}}@keyframes burgerBottomClose{0%{transform:translateY(-8px) rotate(-45deg)}50%{transform:translateY(-8px) rotate(0)}to{transform:translateY(0) rotate(0)}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media screen and (min-width:48rem){:where(:root,:host){--spacing-section: 6rem }}@media screen and (min-width:64rem){:where(:root,:host){--spacing-section: 8rem }}}@layer recipes{@layer _base{.h3{font-family:var(--fonts-serif);line-height:1.3;letter-spacing:-.01em;color:var(--colors-text-primary)}.h3,.button{font-weight:600}.button{gap:var(--spacing-2);text-decoration:none;border-radius:var(--radii-md);overflow:hidden;transition:all .3s ease;position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.button:is(:focus-visible,[data-focus-visible]){outline:2px solid;outline-color:var(--colors-accent-secondary);outline-offset:4px}.div{padding:var(--spacing-10);border:1px solid;border-radius:var(--radii-2xl);--mix-borderColor: color-mix(in srgb, var(--colors-accent-primary) 20%, transparent);border-color:var(--mix-borderColor, var(--colors-accent-primary));--gradient-stops: var(--gradient-via-stops, var(--gradient-position), var(--gradient-from) var(--gradient-from-position), var(--gradient-to) var(--gradient-to-position));--gradient-position: to bottom right;background-image:linear-gradient(var(--gradient-stops));--mix---gradient-from: color-mix(in srgb, var(--colors-accent-primary) 10%, transparent);--gradient-from: var(--mix---gradient-from, var(--colors-accent-primary));--gradient-to: var(--colors-transparent)}}.h3--size_md{font-size:1.5rem}.h3--color_primary{color:var(--colors-text-primary)}.h3--size_sm{font-size:1.25rem}.button--variant_primary{background:var(--colors-accent-primary);color:var(--colors-bg-secondary);box-shadow:medium}.button--variant_primary:is(:hover,[data-hover]){background:var(--colors-accent-secondary);transform:translateY(-4px) scale(1.02);box-shadow:var(--shadows-ocean-large)}.button--variant_primary:is(:active,[data-active]){transform:translateY(-2px) scale(1.01)}.button--size_md{padding-inline:var(--spacing-10);padding-block:var(--spacing-4);font-size:var(--font-sizes-lg)}.button--variant_secondary{background:var(--colors-transparent);border:2px solid;border-color:var(--colors-accent-primary);color:var(--colors-accent-primary);box-shadow:none}.button--variant_secondary:is(:hover,[data-hover]){--mix-background: color-mix(in srgb, var(--colors-accent-primary) 10%, transparent);background:var(--mix-background, var(--colors-accent-primary));border-color:var(--colors-accent-secondary);color:var(--colors-accent-secondary);transform:translateY(-2px)}.button--variant_secondary:is(:active,[data-active]){--mix-background: color-mix(in srgb, var(--colors-accent-primary) 20%, transparent);background:var(--mix-background, var(--colors-accent-primary));transform:translateY(-1px)}.button--size_sm{padding-inline:var(--spacing-6);padding-block:var(--spacing-3);font-size:var(--font-sizes-base)}}@layer utilities{.--thickness_1px{--thickness: 1px}.bg_bg\.primary{background:var(--colors-bg-primary)}.inset_0{inset:var(--spacing-0)}.p_0{padding:var(--spacing-0)}.bd_1px_solid{border:1px solid}.p_8{padding:var(--spacing-8)}.bg_bg\.secondary{background:var(--colors-bg-secondary)}.bg_accent\.primary\/20{--mix-background: color-mix(in srgb, var(--colors-accent-primary) 20%, transparent);background:var(--mix-background, var(--colors-accent-primary))}.p_2{padding:var(--spacing-2)}.p_10{padding:var(--spacing-10)}.bg_accent\.primary\/10{--mix-background: color-mix(in srgb, var(--colors-accent-primary) 10%, transparent);background:var(--mix-background, var(--colors-accent-primary))}.p_6{padding:var(--spacing-6)}.m_0_auto{margin:0 auto}.p_12{padding:var(--spacing-12)}.bg_accent\.primary\/5{--mix-background: color-mix(in srgb, var(--colors-accent-primary) 5%, transparent);background:var(--mix-background, var(--colors-accent-primary))}.p_4{padding:var(--spacing-4)}.bg_text\.secondary\/20{--mix-background: color-mix(in srgb, var(--colors-text-secondary) 20%, transparent);background:var(--mix-background, var(--colors-text-secondary))}.bg_transparent{background:var(--colors-transparent)}.bd_none{border:var(--borders-none)}.bg_text\.primary{background:var(--colors-text-primary)}.m_0{margin:var(--spacing-0)}.bg_bg\.primary\/90{--mix-background: color-mix(in srgb, var(--colors-bg-primary) 90%, transparent);background:var(--mix-background, var(--colors-bg-primary))}.bg_black{background:var(--colors-black)}.bg_accent\.primary{background:var(--colors-accent-primary)}.py_section{padding-block:var(--spacing-section)}.mx_auto{margin-inline:auto}.px_4{padding-inline:var(--spacing-4)}.gap_8{gap:var(--spacing-8)}.ov_hidden{overflow:hidden}.py_12{padding-block:var(--spacing-12)}.bg-p_bottom_right{background-position:bottom right}.gap_12{gap:var(--spacing-12)}.gap_3{gap:var(--spacing-3)}.li-s_none{list-style:none}.gap_2{gap:var(--spacing-2)}.trs_transform_0\.3s_ease{transition:transform .3s ease}.bdr_2xl{border-radius:var(--radii-2xl)}.bd-c_accent\.primary\/20{--mix-borderColor: color-mix(in srgb, var(--colors-accent-primary) 20%, transparent);border-color:var(--mix-borderColor, var(--colors-accent-primary))}.trs_all_0\.4s_ease{transition:all .4s ease}.flex_0_0_auto{flex:0 0 auto}.bdr_xl{border-radius:var(--radii-xl)}.bdr_lg{border-radius:var(--radii-lg)}.py_2{padding-block:var(--spacing-2)}.gap_8px{gap:8px}.gap_4{gap:var(--spacing-4)}.gap_6{gap:var(--spacing-6)}.gap_0{gap:var(--spacing-0)}.gap_16{gap:var(--spacing-16)}.bdr_9999px{border-radius:9999px}.bd-c_accent\.primary{border-color:var(--colors-accent-primary)}.bdr_md{border-radius:var(--radii-md)}.gap_6px{gap:6px}.bdr_sm{border-radius:var(--radii-sm)}.bdr_full{border-radius:var(--radii-full)}.trs_transform_0\.4s_cubic-bezier\(0\.68\,_-0\.55\,_0\.265\,_1\.55\)\,_opacity_0\.4s_cubic-bezier\(0\.68\,_-0\.55\,_0\.265\,_1\.55\){transition:transform .4s cubic-bezier(.68,-.55,.265,1.55),opacity .4s cubic-bezier(.68,-.55,.265,1.55)}.bd-t_1px_solid{border-top:1px solid}.py_10{padding-block:var(--spacing-10)}.td_none{text-decoration:none}.trs_color_0\.2s_ease{transition:color .2s ease}.trs_all_0\.2s_ease{transition:all .2s ease}.py_8{padding-block:var(--spacing-8)}.bd-c_accent\.primary\/10{--mix-borderColor: color-mix(in srgb, var(--colors-accent-primary) 10%, transparent);border-color:var(--mix-borderColor, var(--colors-accent-primary))}.td_underline{text-decoration:underline}.bd-b_1px_solid{border-bottom:1px solid}.trs_background-color_200ms_ease\,_border-color_200ms_ease{transition:background-color .2s ease,border-color .2s ease}.trs_opacity_0\.2s_ease{transition:opacity .2s ease}.py_4{padding-block:var(--spacing-4)}.bd-w_1px{border-width:1px}.border-style_solid{border-style:solid}.bd-c_text\.primary{border-color:var(--colors-text-primary)}.gap_1\.5{gap:var(--spacing-1\.5)}.px_3{padding-inline:var(--spacing-3)}.py_1\.5{padding-block:var(--spacing-1\.5)}.d_inline-block{display:inline-block}.va_middle{vertical-align:middle}.pos_relative{position:relative}.d_grid{display:grid}.grid-tc_repeat\(1\,_minmax\(0\,_1fr\)\){grid-template-columns:repeat(1,minmax(0,1fr))}.ai_stretch{align-items:stretch}.ta_center{text-align:center}.d_flex{display:flex}.ai_center{align-items:center}.jc_center{justify-content:center}.pos_absolute{position:absolute}.z_0{z-index:0}.pointer-events_none{pointer-events:none}.bg-i_none{background-image:none}.bg-s_auto_100\%{background-size:auto 100%}.bg-r_no-repeat{background-repeat:no-repeat}.grid-tc_1fr{grid-template-columns:1fr}.fw_200{font-weight:200}.lh_1\.6{line-height:1.6}.c_text\.primary{color:var(--colors-text-primary)}.fs_md{font-size:var(--font-sizes-md)}.c_text\.secondary{color:var(--colors-text-secondary)}.ff_serif{font-family:var(--fonts-serif)}.fs_4xl{font-size:var(--font-sizes-4xl)}.fw_700{font-weight:700}.lh_1\.2{line-height:1.2}.c_text\.heading{color:text.heading}.ta_left{text-align:left}.fs_lg{font-size:var(--font-sizes-lg)}.fw_400{font-weight:400}.white-space_pre-line{white-space:pre-line}.flex-wrap_wrap{flex-wrap:wrap}.fs_sm{font-size:var(--font-sizes-sm)}.fw_500{font-weight:500}.flex-sh_0{flex-shrink:0}.c_accent\.primary{color:var(--colors-accent-primary)}.z_1{z-index:1}.fs_base{font-size:var(--font-sizes-base)}.lh_1\.7{line-height:1.7}.ff_body{font-family:var(--fonts-body)}.bg-c_accent\.primary\/20{--mix-backgroundColor: color-mix(in srgb, var(--colors-accent-primary) 20%, transparent);background-color:var(--mix-backgroundColor, var(--colors-accent-primary))}.msk-s_auto_100\%{mask-size:auto 100%;-webkit-mask-size:auto 100%}.mask-repeat_repeat-x{mask-repeat:repeat-x}.fs_3xl{font-size:var(--font-sizes-3xl)}.fw_600{font-weight:600}.lh_1\.3{line-height:1.3}.c_text\.primary\/80{--mix-color: color-mix(in srgb, var(--colors-text-primary) 80%, transparent);color:var(--mix-color, var(--colors-text-primary))}.fw_300{font-weight:300}.lh_1\.75{line-height:1.75}.flex-d_row{flex-direction:row}.flex-d_column{flex-direction:column}.bg-c_bg\.primary{background-color:var(--colors-bg-primary)}.obj-f_cover{object-fit:cover}.filter_grayscale\(100\%\)_contrast\(1\.2\){filter:grayscale(100%) contrast(1.2)}.op_0\.9{opacity:.9}.content_\"\"{content:""}.bg-c_accent\.secondary{background-color:var(--colors-accent-secondary)}.mix-bm_color{mix-blend-mode:color}.ai_flex-start{align-items:flex-start}.fs_xl{font-size:var(--font-sizes-xl)}.fs_2xl{font-size:var(--font-sizes-2xl)}.fw_medium{font-weight:var(--font-weights-medium)}.jc_space-between{justify-content:space-between}.bd-be-w_var\(--thickness\){border-block-end-width:var(--thickness)}.cursor_pointer{cursor:pointer}.d_block{display:block}.trf-o_center{transform-origin:center}.pos_sticky{position:sticky}.z_300{z-index:300}.bkdp_blur\(4px\){backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.d_none{display:none}.pos_fixed{position:fixed}.z_200{z-index:200}.op_0{opacity:0}.trf_translateX\(100\%\){transform:translate(100%)}.trf_translateY\(20px\){transform:translateY(20px)}.c_accent\.secondary{color:var(--colors-accent-secondary)}.trf_rotate\(-90deg\){transform:rotate(-90deg)}.fs_xs{font-size:var(--font-sizes-xs)}.tt_uppercase{text-transform:uppercase}.ls_widest{letter-spacing:var(--letter-spacings-widest)}.lh_1\.25{line-height:1.25}.lh_1{line-height:1}.c_text\.primary\/70{--mix-color: color-mix(in srgb, var(--colors-text-primary) 70%, transparent);color:var(--mix-color, var(--colors-text-primary))}.d_inline-flex{display:inline-flex}.white-space_nowrap{white-space:nowrap}.c_white{color:var(--colors-white)}.trf_rotate\(180deg\){transform:rotate(180deg)}.trf_none{transform:none}.lh_0{line-height:0}.fill_bg\.primary{fill:var(--colors-bg-primary)}.fill_bg\.secondary{fill:var(--colors-bg-secondary)}.mb_8{margin-bottom:var(--spacing-8)}.mb_6{margin-bottom:var(--spacing-6)}.mb_4{margin-bottom:var(--spacing-4)}.mr_2{margin-right:var(--spacing-2)}.mr_4{margin-right:var(--spacing-4)}.max-w_8xl{max-width:var(--sizes-8xl)}.mb_16{margin-bottom:var(--spacing-16)}.min-h_95dvh{min-height:95dvh}.mb_2{margin-bottom:var(--spacing-2)}.w_18px{width:18px}.h_18px{height:18px}.mb_10{margin-bottom:var(--spacing-10)}.w_20px{width:20px}.h_20px{height:20px}.ml_4{margin-left:var(--spacing-4)}.mb_3{margin-bottom:var(--spacing-3)}.w_14{width:var(--sizes-14)}.h_14{height:var(--sizes-14)}.w_100\%{width:100%}.h_30px{height:30px}.mt_3{margin-top:var(--spacing-3)}.mt_4{margin-top:var(--spacing-4)}.mr_3{margin-right:var(--spacing-3)}.mt_16{margin-top:var(--spacing-16)}.max-w_3xl{max-width:var(--sizes-3xl)}.h_auto{height:auto}.h_100\%{height:100%}.mt_8{margin-top:var(--spacing-8)}.w_12{width:var(--sizes-12)}.h_12{height:var(--sizes-12)}.w_10{width:var(--sizes-10)}.h_10{height:var(--sizes-10)}.w_40px{width:40px}.h_40px{height:40px}.w_24px{width:24px}.h_2px{height:2px}.bd-t-c_accent\.primary\/10{--mix-borderTopColor: color-mix(in srgb, var(--colors-accent-primary) 10%, transparent);border-top-color:var(--mix-borderTopColor, var(--colors-accent-primary))}.w_auto{width:auto}.top_0{top:var(--spacing-0)}.bd-b-c_accent\.primary\/20{--mix-borderBottomColor: color-mix(in srgb, var(--colors-accent-primary) 20%, transparent);border-bottom-color:var(--mix-borderBottomColor, var(--colors-accent-primary))}.h_50px{height:50px}.left_0{left:var(--spacing-0)}.w_100vw{width:100vw}.h_100vh{height:100vh}.w_0{width:var(--sizes-0)}.h_0{height:var(--sizes-0)}.mb_20{margin-bottom:var(--spacing-20)}.mt_1rem{margin-top:1rem}.mb_1\.5rem{margin-bottom:1.5rem}.h_60px{height:60px}.before\:inset_0:before{inset:var(--spacing-0)}.before\:bg_radial-gradient\(circle_at_center_right\,_var\(--gradient-bg-start\)_5\%\,_var\(--gradient-bg-mid\)_30\%\,_var\(--colors-bg-primary\)_35\%\):before{background:radial-gradient(circle at center right,var(--gradient-bg-start) 5%,var(--gradient-bg-mid) 30%,var(--colors-bg-primary) 35%)}[data-open=true] .\[\[data-open\=\"true\"\]_\&\]\:anim_fadeIn_300ms_ease_forwards{animation:fadeIn .3s ease forwards}[data-open=false] .\[\[data-open\=\"false\"\]_\&\]\:anim_fadeOut_300ms_ease_forwards{animation:fadeOut .3s ease forwards}[data-open=true] .\[\[data-open\=\"true\"\]_\&\]\:anim_slideInRight_400ms_ease-out_forwards{animation:slideInRight .4s ease-out forwards}[data-open=false] .\[\[data-open\=\"false\"\]_\&\]\:anim_slideOutRight_400ms_ease-out_forwards{animation:slideOutRight .4s ease-out forwards}.after\:bg_accent\.primary:after{background:var(--colors-accent-primary)}.\[\&\[data-animate\=\"true\"\]\]\:anim_fadeSlideUp_400ms_ease-out_forwards[data-animate=true]{animation:fadeSlideUp .4s ease-out forwards}.after\:trs_width_0\.3s_ease:after{transition:width .3s ease}.before\:content_\"\":before{content:""}.before\:pos_absolute:before{position:absolute}[data-theme=dark] .dark\:op_0\.8{opacity:.8}.\[\&\[data-open\=\"true\"\]\]\:d_block[data-open=true]{display:block}.after\:content_\"\":after{content:""}.after\:pos_absolute:after{position:absolute}.after\:bottom_-4px:after{bottom:-4px}.after\:left_0:after{left:var(--spacing-0)}.after\:w_0:after{width:var(--sizes-0)}.after\:h_2px:after{height:2px}.focusVisible\:ring_2px_solid:is(:focus-visible,[data-focus-visible]){outline:2px solid}.focusVisible\:ring-c_accent\.primary:is(:focus-visible,[data-focus-visible]){outline-color:var(--colors-accent-primary)}.focusVisible\:ring-o_2px:is(:focus-visible,[data-focus-visible]){outline-offset:2px}.hover\:bg_bg\.primary\/40:is(:hover,[data-hover]){--mix-background: color-mix(in srgb, var(--colors-bg-primary) 40%, transparent);background:var(--mix-background, var(--colors-bg-primary))}.group:is(:hover,[data-hover]) .groupHover\:trf_translateX\(4px\){transform:translate(4px)}.hover\:c_accent\.primary:is(:hover,[data-hover]){color:var(--colors-accent-primary)}.hover\:trf_scale\(1\.05\):is(:hover,[data-hover]){transform:scale(1.05)}.hover\:c_accent\.secondary:is(:hover,[data-hover]){color:var(--colors-accent-secondary)}.hover\:op_0\.7:is(:hover,[data-hover]){opacity:.7}.hover\:after\:w_100\%:is(:hover,[data-hover]):after{width:100%}@media screen and (min-width:48rem){.md\:px_6{padding-inline:var(--spacing-6)}.md\:py_20{padding-block:var(--spacing-20)}.md\:gap_4{gap:var(--spacing-4)}.md\:gap_8{gap:var(--spacing-8)}.md\:py_12{padding-block:var(--spacing-12)}.md\:gap_6{gap:var(--spacing-6)}.md\:gap_0{gap:var(--spacing-0)}.md\:grid-tc_repeat\(2\,_minmax\(0\,_1fr\)\){grid-template-columns:repeat(2,minmax(0,1fr))}.md\:fs_lg{font-size:var(--font-sizes-lg)}.md\:fs_5xl{font-size:var(--font-sizes-5xl)}.md\:fs_xl{font-size:var(--font-sizes-xl)}.md\:fs_base{font-size:var(--font-sizes-base)}.md\:grid-tc_repeat\(3\,_minmax\(0\,_1fr\)\){grid-template-columns:repeat(3,minmax(0,1fr))}.md\:d_grid{display:grid}.md\:flex-d_row{flex-direction:row}.md\:grid-tc_1fr_auto_1fr{grid-template-columns:1fr auto 1fr}.md\:ai_flex-start{align-items:flex-start}.md\:ta_left{text-align:left}.md\:jc_flex-end{justify-content:flex-end}.md\:jc_space-between{justify-content:space-between}.md\:d_flex{display:flex}.md\:d_none{display:none}.md\:fs_sm{font-size:var(--font-sizes-sm)}.md\:h_80px{height:80px}}@media screen and (min-width:64rem){.lg\:inset_0{inset:var(--spacing-0)}.lg\:px_8{padding-inline:var(--spacing-8)}.lg\:gap_16{gap:var(--spacing-16)}.lg\:bg-i_url\(\/hero\.png\){background-image:url(/hero.png)}.lg\:grid-tc_70\%_30\%{grid-template-columns:70% 30%}.lg\:ta_left{text-align:left}.lg\:fs_xl{font-size:var(--font-sizes-xl)}.lg\:fs_6xl{font-size:var(--font-sizes-6xl)}.lg\:fs_2xl{font-size:var(--font-sizes-2xl)}.lg\:jc_flex-start{justify-content:flex-start}.lg\:pos_absolute{position:absolute}.lg\:grid-tc_repeat\(2\,_minmax\(0\,_1fr\)\){grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:max-w_540px{max-width:540px}.lg\:max-w_48rem{max-width:48rem}.lg\:h_100px{height:100px}}}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/_astro/ibm-plex-sans-cyrillic-ext-wght-normal.d45eAU9y.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/_astro/ibm-plex-sans-cyrillic-wght-normal.BAAhND-U.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/_astro/ibm-plex-sans-greek-wght-normal.CmyJS8uq.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/_astro/ibm-plex-sans-vietnamese-wght-normal.Dg1JeJN0.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/_astro/ibm-plex-sans-latin-ext-wght-normal.CIII54If.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/_astro/ibm-plex-sans-latin-wght-normal.IvpUvPa2.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}[data-burger][aria-expanded=true] [data-burger-line=top]{transform:translateY(8px) rotate(45deg)}[data-burger][aria-expanded=true] [data-burger-line=middle]{opacity:0;transform:scaleX(0)}[data-burger][aria-expanded=true] [data-burger-line=bottom]{transform:translateY(-8px) rotate(-45deg)}[data-burger][aria-expanded=false] [data-burger-line=top]{transform:translateY(0) rotate(0)}[data-burger][aria-expanded=false] [data-burger-line=middle]{opacity:1;transform:scaleX(1)}[data-burger][aria-expanded=false] [data-burger-line=bottom]{transform:translateY(0) rotate(0)}