@layer reset,base,tokens,recipes,utilities;:root{--font-karla: "Karla", sans-serif;--font-montserrat: "Montserrat", sans-serif;--font-inconsolata: "Inconsolata", monospace}@view-transition{navigation:auto}::view-transition-group(blog-thumbnail-*){animation-duration:.5s;animation-timing-function:cubic-bezier(.32,1.45,.58,1)}@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: "🐼"}*{font-family:var(--font-montserrat),sans-serif;color:#fff}*:is(:focus-visible,[data-focus-visible]){outline-width:2px;outline-style:solid;outline-color:var(--colors-foreground-on-main-accent)}*,: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){--spacing-0: 0px;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-7: 28px;--spacing-8: 32px;--spacing-9: 36px;--spacing-10: 40px;--spacing-11: 44px;--spacing-12: 48px;--spacing-13: 52px;--spacing-14: 56px;--spacing-15: 60px;--spacing-16: 64px;--spacing-17: 68px;--spacing-18: 72px;--spacing-19: 76px;--spacing-20: 80px;--spacing-max: 9999px;--sizes-0: 0px;--sizes-1: 4px;--sizes-2: 8px;--sizes-3: 12px;--sizes-4: 16px;--sizes-5: 20px;--sizes-6: 24px;--sizes-7: 28px;--sizes-8: 32px;--sizes-9: 36px;--sizes-10: 40px;--sizes-11: 44px;--sizes-12: 48px;--sizes-13: 52px;--sizes-14: 56px;--sizes-15: 60px;--sizes-16: 64px;--sizes-17: 68px;--sizes-18: 72px;--sizes-19: 76px;--sizes-20: 80px;--sizes-max: 9999px;--sizes-breakpoint-sm: 640px;--sizes-breakpoint-md: 768px;--sizes-breakpoint-lg: 1024px;--sizes-breakpoint-xl: 1280px;--sizes-breakpoint-2xl: 1536px;--radii-0: 0px;--radii-1: 4px;--radii-2: 8px;--radii-3: 12px;--radii-4: 16px;--radii-5: 20px;--radii-6: 24px;--radii-7: 28px;--radii-8: 32px;--radii-max: 9999px;--shadows-sm: oklch(0 0 0 / .3) 0px 4px 12px;--shadows-lg: oklch(0 0 0 / .3) 0px 8px 16px;--colors-black-0: oklch(0 0 0 / 0);--colors-black-50: oklch(0 0 0 / .05);--colors-black-100: oklch(0 0 0 / .1);--colors-black-200: oklch(0 0 0 / .2);--colors-black-300: oklch(0 0 0 / .3);--colors-black-400: oklch(0 0 0 / .4);--colors-black-500: oklch(0 0 0 / .5);--colors-black-600: oklch(0 0 0 / .6);--colors-black-700: oklch(0 0 0 / .7);--colors-black-800: oklch(0 0 0 / .8);--colors-black-900: oklch(0 0 0 / .9);--colors-black-950: oklch(0 0 0 / .95);--colors-black-1000: oklch(0 0 0);--colors-white-0: oklch(1 0 0 / 0);--colors-white-50: oklch(1 0 0 / .05);--colors-white-100: oklch(1 0 0 / .1);--colors-white-200: oklch(1 0 0 / .2);--colors-white-300: oklch(1 0 0 / .3);--colors-white-400: oklch(1 0 0 / .4);--colors-white-500: oklch(1 0 0 / .5);--colors-white-600: oklch(1 0 0 / .6);--colors-white-700: oklch(1 0 0 / .7);--colors-white-800: oklch(1 0 0 / .8);--colors-white-900: oklch(1 0 0 / .9);--colors-white-950: oklch(1 0 0 / .95);--colors-white-1000: oklch(1 0 0);--colors-emerald-50: oklch(.979 .021 166.113);--colors-emerald-100: oklch(.95 .052 163.051);--colors-emerald-200: oklch(.905 .093 164.15);--colors-emerald-300: oklch(.845 .143 164.978);--colors-emerald-400: oklch(.765 .177 163.223);--colors-emerald-500: oklch(.696 .17 162.48);--colors-emerald-600: oklch(.596 .145 163.225);--colors-emerald-700: oklch(.508 .118 165.612);--colors-emerald-800: oklch(.432 .095 166.913);--colors-emerald-900: oklch(.378 .077 168.94);--colors-emerald-950: oklch(.262 .051 172.552);--colors-slate-50: oklch(.984 .003 247.858);--colors-slate-100: oklch(.968 .007 247.896);--colors-slate-200: oklch(.929 .013 255.508);--colors-slate-300: oklch(.869 .022 252.894);--colors-slate-400: oklch(.704 .04 256.788);--colors-slate-500: oklch(.554 .046 257.417);--colors-slate-600: oklch(.446 .043 257.281);--colors-slate-700: oklch(.372 .044 257.287);--colors-slate-800: oklch(.279 .041 260.031);--colors-slate-900: oklch(.208 .042 265.755);--colors-slate-950: oklch(.129 .042 264.695);--colors-mauve-50: oklch(.78 .03 317.65);--colors-mauve-100: oklch(.73 .03 317.65);--colors-mauve-200: oklch(.68 .03 317.65);--colors-mauve-300: oklch(.53 .03 317.65);--colors-mauve-400: oklch(.58 .03 317.65);--colors-mauve-500: oklch(.53 .03 317.65);--colors-mauve-600: oklch(.48 .03 317.65);--colors-mauve-700: oklch(.43 .03 317.65);--colors-mauve-800: oklch(.38 .03 317.65);--colors-mauve-900: oklch(.33 .03 317.65);--colors-mauve-950: oklch(.28 .03 317.65);--borders-none: none;--breakpoints-sm: 640px;--breakpoints-md: 768px;--breakpoints-lg: 1024px;--breakpoints-xl: 1280px;--breakpoints-2xl: 1536px;--colors-foreground-on-main-accent: oklch(1 0 0);--colors-foreground-secondary-accent: oklch(.508 .118 165.612);--colors-foreground-muted: oklch(.8 0 0)}[data-theme=purple]{--colors-background-main-accent: oklch(.43 .03 317.65);--colors-background-primary: oklch(.73 .03 317.65);--colors-background-primary-hover: oklch(.68 .03 317.65);--colors-background-primary-active: oklch(.53 .03 317.65);--colors-background-secondary: oklch(0 0 0 / 0);--colors-background-secondary-hover: oklch(0 0 0 / .1);--colors-background-secondary-active: oklch(0 0 0 / .2);--borders-outline: 4px solid oklch(.58 .03 317.65) }[data-theme=dark]{--colors-background-main-accent: oklch(.208 .042 265.755);--colors-background-primary: oklch(.968 .007 247.896);--colors-background-primary-hover: oklch(.929 .013 255.508);--colors-background-primary-active: oklch(.869 .022 252.894);--colors-background-secondary: oklch(1 0 0 / 0);--colors-background-secondary-hover: oklch(1 0 0 / .1);--colors-background-secondary-active: oklch(1 0 0 / .2);--borders-outline: 4px solid oklch(.554 .046 257.417) }@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}}@layer utilities{@layer compositions{.textStyle_heading-sm{font-weight:500;font-size:20px}.textStyle_heading-sm,.textStyle_body{font-family:var(--font-montserrat),sans-serif;line-height:1.5}.textStyle_body{font-weight:400;font-size:16px}.textStyle_display-sm{font-size:40px}.textStyle_display-sm,.textStyle_display-lg{font-family:var(--font-karla),sans-serif;font-weight:600;line-height:1.2}.textStyle_display-lg{font-size:56px}.textStyle_code{font-family:var(--font-inconsolata),monospace;font-weight:400;font-size:16px;line-height:1.5}.textStyle_display-xs{font-family:var(--font-karla),sans-serif;font-weight:600;font-size:32px;line-height:1.2}.textStyle_heading-lg{font-size:28px}.textStyle_heading-lg,.textStyle_heading-md{font-family:var(--font-montserrat),sans-serif;font-weight:500;line-height:1.5}.textStyle_heading-md{font-size:24px}@media screen and (min-width:40rem){.sm\:textStyle_display-lg{font-size:56px}.sm\:textStyle_display-lg,.sm\:textStyle_display-md{font-family:var(--font-karla),sans-serif;font-weight:600;line-height:1.2}.sm\:textStyle_display-md{font-size:48px}.sm\:textStyle_display-sm{font-family:var(--font-karla),sans-serif;font-weight:600;font-size:40px;line-height:1.2}}}.m_0{margin:var(--spacing-0)}.p_1{padding:var(--spacing-1)}.bd_\[none\]{border:var(--borders-none)}.p_4{padding:var(--spacing-4)}.p_0{padding:var(--spacing-0)}.bdr_\[50\%\]{border-radius:50%}.bdr_2{border-radius:var(--radii-2)}.bd-w_1{border-width:1px}.bd-c_white\.100{border-color:var(--colors-white-100)}.border-style_solid{border-style:solid}.py_4{padding-block:var(--spacing-4)}.li-s_none{list-style:none}.gap_4{gap:var(--spacing-4)}.td_underline{text-decoration:underline}.trs_\[background\]{transition-property:var(--transition-prop, background, background-color, background-image, background-position);transition-timing-function:var(--transition-easing, cubic-bezier(.4, 0, .2, 1));transition-duration:var(--transition-duration, .15s)}.gap_1{gap:var(--spacing-1)}.mx_auto{margin-inline:auto}.px_5{padding-inline:var(--spacing-5)}.py_20{padding-block:var(--spacing-20)}.py_8{padding-block:var(--spacing-8)}.gap_8px{gap:8px}.gap_6{gap:var(--spacing-6)}.gap_2{gap:var(--spacing-2)}.td_\[underline\]{text-decoration:underline}.bd-s_\[4px_solid\]{border-inline-start:4px solid}.py_2{padding-block:var(--spacing-2)}.py_1{padding-block:var(--spacing-1)}.ov_\[auto\]{overflow:auto}.my_2{margin-block:var(--spacing-2)}.grid-c_1_\/_-1{grid-column:1 / -1}.grid-c_auto{grid-column:auto}.d_inline-block{display:inline-block}.d_block{display:block}.pbs_2{padding-block-start:var(--spacing-2)}.c_foreground\.on-main-accent{color:var(--colors-foreground-on-main-accent)}.d_flex{display:flex}.jc_space-between{justify-content:space-between}.ai_center{align-items:center}.ring-w_0{outline-width:0}.pos_relative{position:relative}.tu-o_4px{text-underline-offset:4px}.bg-c_background\.secondary{background-color:var(--colors-background-secondary)}.cursor_pointer{cursor:pointer}.ap_\[base-select\]{appearance:base-select;-webkit-appearance:base-select}.trs-dur_fast{--transition-duration: fast;transition-duration:fast}.sr_true{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.bg-c_background\.main-accent{background-color:var(--colors-background-main-accent)}.pbs_7{padding-block-start:var(--spacing-7)}.flex-d_column{flex-direction:column}.ta_center{text-align:center}.c_foreground\.muted{color:var(--colors-foreground-muted)}.pbs_1{padding-block-start:var(--spacing-1)}.jc_center{justify-content:center}.c_foreground\.secondary-accent{color:var(--colors-foreground-secondary-accent)}.va_baseline{vertical-align:baseline}.ps_2{padding-inline-start:var(--spacing-2)}.ps_1{padding-inline-start:var(--spacing-1)}.mbs_20{margin-block-start:var(--spacing-20)}.d_grid{display:grid}.grid-tc_auto_1fr{grid-template-columns:auto 1fr}.w-is_\[max-content\]{inline-size:max-content}.mbs_4{margin-block-start:var(--spacing-4)}.c_\[inherit\]{color:inherit}.tu-o_\[2px\]{text-underline-offset:2px}.bd-s-c_foreground\.secondary-accent{border-inline-start-color:var(--colors-foreground-secondary-accent)}.ps_4{padding-inline-start:var(--spacing-4)}.op_\[0\.8\]{opacity:.8}.li-t_\[decimal\]{list-style-type:decimal}.li-pos_\[inside\]{list-style-position:inside}.bg-c_background\.secondary-hover{background-color:var(--colors-background-secondary-hover)}.li-t_\[circle\]{list-style-type:circle}.grid-tc_repeat\(auto-fit\,_minmax\(250px\,_1fr\)\){grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.cg_6{column-gap:var(--spacing-6)}.rg_10{row-gap:var(--spacing-10)}.w_8{width:var(--sizes-8)}.h_8{height:var(--sizes-8)}.w_14{width:var(--sizes-14)}.h_14{height:var(--sizes-14)}.w_20{width:var(--sizes-20)}.h_20{height:var(--sizes-20)}.w_\[100\%\]{width:100%}.w_\[min-content\]{width:min-content}.min-h_\[100dvh\]{min-height:100dvh}.max-w_breakpoint-lg{max-width:var(--sizes-breakpoint-lg)}.max-w_breakpoint-md{max-width:var(--sizes-breakpoint-md)}.lc_1{overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.h_\[auto\]{height:auto}.\[\&\:\:picker\(select\)\]\:bd_outline::picker(select){border:var(--borders-outline)}.\[\&\:\:picker\(select\)\]\:p_2::picker(select),.\[\&_option\]\:p_2 option{padding:var(--spacing-2)}[data-loading] .loading\:bg_white\.200{background:var(--colors-white-200)}[data-loading] .loading\:anim_pulse_1\.5s_ease-in-out_infinite{animation:pulse 1.5s ease-in-out infinite}.\[\&\:\:picker\(select\)\]\:bdr_2::picker(select){border-radius:var(--radii-2)}.\[\&\:\:picker\(select\)\]\:gap_1::picker(select){gap:var(--spacing-1)}.\[\&_option\]\:bdr_2 option{border-radius:var(--radii-2)}[data-loading] .loading\:bdr_max{border-radius:var(--radii-max)}.\[\&\:\:picker\(select\)\]\:ap_\[base-select\]::picker(select){appearance:base-select;-webkit-appearance:base-select}.\[\&\:\:picker\(select\)\]\:bg-c_background\.main-accent::picker(select){background-color:var(--colors-background-main-accent)}.\[\&\:\:picker\(select\)\]\:bx-sh_lg::picker(select){box-shadow:var(--shadows-lg)}.\[\&_option\]\:c_foreground\.on-main-accent option{color:var(--colors-foreground-on-main-accent)}.\[\&_option\]\:bg-c_background\.secondary option{background-color:var(--colors-background-secondary)}[data-loading] .loading\:d_inline-block{display:inline-block}[data-loading] .loading\:c_\[transparent\]{color:transparent}[data-loading] .loading\:lh_1{line-height:1}.\[\&\:\:picker\(select\)\]\:min-w_\[120px\]::picker(select){min-width:120px}.focusVisible\:ring_none:is(:focus-visible,[data-focus-visible]){outline:var(--borders-none)}.group:is(:hover,[data-hover]) .groupHover\:td_underline,.hover\:td_underline:is(:hover,[data-hover]){text-decoration:underline}.group:is(:hover,[data-hover]) .groupHover\:td-t_1px{text-decoration-thickness:1px}.hover\:bg-c_background\.secondary-hover:is(:hover,[data-hover]){background-color:var(--colors-background-secondary-hover)}.hover\:op_\[0\.8\]:is(:hover,[data-hover]){opacity:.8}.active\:bg-c_background\.secondary-active:is(:active,[data-active]){background-color:var(--colors-background-secondary-active)}.\[\&_option\]\:hover\:bg-c_background\.secondary-hover option:is(:hover,[data-hover]),.\[\&_option\]\:focus\:bg-c_background\.secondary-hover option:is(:focus,[data-focus]){background-color:var(--colors-background-secondary-hover)}.\[\&_option\]\:\[\&\:\:checkmark\]\:content_\[\'\\2713\'\] option::checkmark{content:"✓"}.focusVisible\:before\:inset_-2:is(:focus-visible,[data-focus-visible]):before{inset:calc(var(--spacing-2) * -1)}.focusVisible\:before\:bdr_\[inherit\]:is(:focus-visible,[data-focus-visible]):before{border-radius:inherit}.focusVisible\:before\:content_\"\":is(:focus-visible,[data-focus-visible]):before{content:""}.focusVisible\:before\:pos_absolute:is(:focus-visible,[data-focus-visible]):before{position:absolute}.focusVisible\:before\:ring-w_2:is(:focus-visible,[data-focus-visible]):before{outline-width:2px}.focusVisible\:before\:outline-style_solid:is(:focus-visible,[data-focus-visible]):before{outline-style:solid}.focusVisible\:before\:ring-c_foreground\.on-main-accent:is(:focus-visible,[data-focus-visible]):before{outline-color:var(--colors-foreground-on-main-accent)}@media screen and (min-width:40rem){.hide_sm{display:none}.sm\:px_10{padding-inline:var(--spacing-10)}.sm\:pbs_20{padding-block-start:var(--spacing-20)}.sm\:max-w-is_\[500px\]{max-inline-size:500px}}@media screen and (max-width:39.9975rem){.show_sm{display:none}}}