@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.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}@font-face{font-family:"Instrument Serif";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-ext-400-normal-C2je3j2s.woff2) format("woff2"),url(/assets/instrument-serif-latin-ext-400-normal-CFCUzsTy.woff) format("woff");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:"Instrument Serif";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-400-normal-DnYpCC2O.woff2) format("woff2"),url(/assets/instrument-serif-latin-400-normal-BVbkICAY.woff) format("woff");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}@font-face{font-family:"Instrument Serif";font-style:italic;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-ext-400-italic-C9HzH3YL.woff2) format("woff2"),url(/assets/instrument-serif-latin-ext-400-italic-D7-lnxEk.woff) format("woff");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:"Instrument Serif";font-style:italic;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-400-italic-DKMiL14s.woff2) format("woff2"),url(/assets/instrument-serif-latin-400-italic-u__WvvIK.woff) format("woff");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}@layer reset,base,tokens,recipes,utilities;html,body,#root{height:100%}body{margin:0}@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: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: "🐼"}html{background:var(--colors-black-main);font-family:var(--fonts-sans);color:var(--colors-neutral-200);font-feature-settings:"cv02","cv03","cv04","cv11","ss01","tnum";line-height:1.2;scroll-behavior:smooth;scroll-padding-top:150px}body{margin:0;overflow-x:hidden}::selection{background:var(--colors-cyan-main);color:var(--colors-black-main)}:focus-visible{outline-style:solid;outline-color:var(--colors-cyan-main);outline-offset:1px;outline-width:2px}*,: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){--colors-cyan-100: #22d3ee14;--colors-cyan-200: #22d3ee29;--colors-cyan-300: #67e8f9;--colors-cyan-400: #22d3ee;--colors-cyan-500: #06b6d4;--colors-cyan-600: #0891b2;--colors-cyan-main: #22d3ee;--colors-mint-300: #5eead4;--colors-mint-400: #2dd4bf;--colors-mint-main: #5eead4;--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-neutral-main: #a3a3a3;--colors-black-100: #0a0a0a0A;--colors-black-200: #0a0a0a14;--colors-black-300: #0a0a0a29;--colors-black-400: #0a0a0a66;--colors-black-500: #0a0a0a99;--colors-black-600: #0a0a0aE0;--colors-black-main: #0a0a0a;--colors-white-50: #FFFFFF06;--colors-white-100: #FFFFFF0A;--colors-white-150: #FFFFFF0F;--colors-white-200: #FFFFFF14;--colors-white-250: #FFFFFF1A;--colors-white-300: #FFFFFF29;--colors-white-400: #FFFFFF66;--colors-white-500: #FFFFFF99;--colors-white-600: #FFFFFFE0;--colors-white-main: #FFFFFF;--colors-red-100: #FFEAEC;--colors-red-200: #E3141814;--colors-red-300: #E3141829;--colors-red-400: #E3141866;--colors-red-500: #E3141899;--colors-red-600: #E31418E0;--colors-red-main: #E31418;--colors-green-100: #E5FAF2;--colors-green-400: #00CD714D;--colors-green-main: #00D074;--colors-blue-100: #0084FA0A;--colors-blue-200: #0084FA14;--colors-blue-300: #0084FA29;--colors-blue-400: #A0C4FF;--colors-blue-main: #0084FA;--fonts-sans: "Inter Variable", Inter, system-ui, sans-serif;--fonts-serif: "Instrument Serif", Georgia, serif;--sizes-full: 100%;--sizes-breakpoint-sm: 640px;--sizes-breakpoint-md: 768px;--sizes-breakpoint-lg: 1024px;--sizes-breakpoint-xl: 1280px;--sizes-breakpoint-2xl: 1536px;--radii-sm: 14px;--radii-md: 20px;--radii-lg: 26px;--radii-full: 9999px;--z-index-dropdown: 10;--z-index-modal: 100;--z-index-tooltip: 300;--durations-fastest: 50ms;--durations-faster: .1s;--durations-fast: .15s;--durations-normal: .2s;--durations-slow: .25s;--durations-slower: .3s;--durations-slowest: .4s;--breakpoints-sm: 640px;--breakpoints-md: 768px;--breakpoints-lg: 1024px;--breakpoints-xl: 1280px;--breakpoints-2xl: 1536px;--spacing-content-area: 20px}@keyframes expand-height{0%{height:0}to{height:var(--height)}}@keyframes collapse-height{0%{height:var(--height)}to{height:0}}@keyframes expand-width{0%{width:0}to{width:var(--width)}}@keyframes collapse-width{0%{width:var(--width)}to{width:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-from-left-full{0%{translate:-100% 0}to{translate:0 0}}@keyframes slide-from-right-full{0%{translate:100% 0}to{translate:0 0}}@keyframes slide-from-top-full{0%{translate:0 -100%}to{translate:0 0}}@keyframes slide-from-bottom-full{0%{translate:0 100%}to{translate:0 0}}@keyframes slide-to-left-full{0%{translate:0 0}to{translate:-100% 0}}@keyframes slide-to-right-full{0%{translate:0 0}to{translate:100% 0}}@keyframes slide-to-top-full{0%{translate:0 0}to{translate:0 -100%}}@keyframes slide-to-bottom-full{0%{translate:0 0}to{translate:0 100%}}@keyframes slide-from-top{0%{translate:0 -.5rem}to{translate:0}}@keyframes slide-from-bottom{0%{translate:0 .5rem}to{translate:0}}@keyframes slide-from-left{0%{translate:-.5rem 0}to{translate:0}}@keyframes slide-from-right{0%{translate:.5rem 0}to{translate:0}}@keyframes slide-to-top{0%{translate:0}to{translate:0 -.5rem}}@keyframes slide-to-bottom{0%{translate:0}to{translate:0 .5rem}}@keyframes slide-to-left{0%{translate:0}to{translate:-.5rem 0}}@keyframes slide-to-right{0%{translate:0}to{translate:.5rem 0}}@keyframes scale-in{0%{scale:.95}to{scale:1}}@keyframes scale-out{0%{scale:1}to{scale:.95}}@keyframes logo-appear{0%{scale:0;opacity:0;rotate:-45deg}to{scale:1;opacity:1;rotate:0deg}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (min-width:48rem){:where(:root,:host){--spacing-content-area: 32px }}}@layer recipes{@layer _base{.button{transition:.15s background,.15s color,.15s transform;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;cursor:pointer}.button:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]){opacity:.5;cursor:not-allowed}.heading{color:var(--colors-white-main);letter-spacing:-.01em}.heading mark{background:none;color:var(--colors-mint-main);font-family:var(--fonts-serif);font-style:italic;font-weight:400}}.button--size_md{gap:8px;padding-inline:22px;border-radius:var(--radii-full);font-weight:500;font-size:14px;height:48px}.button--size_md :where(svg),.button--size_md :where(.icon){width:16px;height:16px}.button--variant_primary{background:var(--colors-cyan-main);color:var(--colors-black-main)}.button--variant_primary:is(:hover,[data-hover]){background:var(--colors-cyan-300)}.button--variant_primary:is(:active,[data-active]){background:var(--colors-cyan-500)}.button--variant_ghost{background:var(--colors-white-200);color:var(--colors-white-main)}.button--variant_ghost:is(:hover,[data-hover]){background:var(--colors-white-250)}.button--variant_ghost:is(:active,[data-active]){background:var(--colors-white-300)}.heading--size_md{font-weight:600;font-size:36px;line-height:1.05}@media screen and (max-width:47.9975rem){.heading--size_md{font-size:30px}}}@layer recipes.slots{@layer _base{.dialog__backdrop{background:var(--colors-black-500);position:fixed;z-index:var(--z-index-modal);height:100dvh;left:0;top:0;width:100dvw}.dialog__backdrop:is([open],[data-open],[data-state=open],:popover-open){animation-name:fade-in;animation-timing-function:ease-out;animation-duration:var(--durations-normal)}.dialog__backdrop:is([closed],[data-closed],[data-state=closed]){animation-name:fade-out;animation-timing-function:ease-in;animation-duration:var(--durations-fast)}.dialog__positioner{display:flex;justify-content:center;position:fixed;z-index:var(--z-index-modal);height:100dvh;left:0;overscroll-behavior-y:none;top:0;width:100dvw}.dialog__content{background:var(--colors-neutral-900);border-radius:var(--radii-md);margin-block:var(--dialog-margin, var(--dialog-base-margin));outline:0;padding-block:16px;gap:16px;color:var(--colors-white-main);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;display:flex;flex-direction:column;position:relative;font-size:14px;width:100%}.dialog__content:is([open],[data-open],[data-state=open],:popover-open){animation-duration:var(--durations-slowest)}.dialog__content:is([closed],[data-closed],[data-state=closed]){animation-duration:var(--durations-normal)}.dialog__title{font-weight:600;font-size:18px}.dialog__description{color:var(--colors-neutral-400);font-size:14px}.dialog__closeTrigger{position:absolute;top:12px;right:12px}.dialog__header{gap:2px;flex:0;flex-direction:column}.dialog__header,.dialog__body{padding-inline:16px;display:flex}.dialog__body{flex:1 1 0%;flex-direction:column;align-items:flex-start}.dialog__footer{flex:0;gap:12px;padding-inline:16px;display:flex;align-items:center;justify-content:flex-end}@media screen and (min-width:48rem){.dialog__content{padding-block:24px;gap:24px}.dialog__header,.dialog__body,.dialog__footer{padding-inline:24px}}}.dialog__content--size_md{max-width:448px}.dialog__positioner--scrollBehavior_outside{overflow:auto;pointer-events:auto}.dialog__positioner--placement_center{align-items:center}.dialog__content--placement_center{--dialog-base-margin: auto;margin-inline:auto}.dialog__content--motionPreset_scale:is([open],[data-open],[data-state=open],:popover-open){animation-name:scale-in,fade-in}.dialog__content--motionPreset_scale:is([closed],[data-closed],[data-state=closed]){animation-name:scale-out,fade-out}}@layer utilities{.bg_black\.main{background:var(--colors-black-main)}.bd-b_1px_solid{border-bottom:1px solid}.bd-c_white\.200{border-color:var(--colors-white-200)}.flex_1{flex:1 1 0%}.py_32px{padding-block:32px}.mx_auto{margin-inline:auto}.px_4{padding-inline:4px}.py_16px{padding-block:16px}.py_64px{padding-block:64px}.gap_12px{gap:12px}.gap_24px{gap:24px}.td_none{text-decoration:none}.trs_150ms_color{transition:.15s color}.gap_16px{gap:16px}.gap_8px{gap:8px}.d_flex{display:flex}.flex-d_column{flex-direction:column}.pos_relative{position:relative}.ai_center{align-items:center}.jc_space-between{justify-content:space-between}.flex-d_row{flex-direction:row}.fw_600{font-weight:600}.c_white\.main{color:var(--colors-white-main)}.c_neutral\.400{color:var(--colors-neutral-400)}.fw_500{font-weight:500}.ai_flex-start{align-items:flex-start}.fs_16px{font-size:16px}.fs_14px{font-size:14px}.min-h_100vh{min-height:100vh}.max-w_8xl{max-width:8xl}.mt_12px{margin-top:12px}.max-w_560px{max-width:560px}.currentPage\:c_cyan\.main[aria-current=page]{color:var(--colors-cyan-main)}.hover\:c_white\.main:is(:hover,[data-hover]){color:var(--colors-white-main)}@media screen and (min-width:48rem){.md\:px_6{padding-inline:6px}}@media screen and (min-width:64rem){.lg\:px_8{padding-inline:8px}}}