@layer reset, base, tokens, recipes, utilities;@layer base{:root{--made-with-panda:"🐼"}*,::backdrop,:after,:before{--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: ;--scroll-snap-strictness:proximity;--border-spacing-x:0;--border-spacing-y:0;--translate-x:0;--translate-y:0;--rotate:0;--skew-x:0;--skew-y:0;--scale-x:1;--scale-y:1}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--fonts-body);font-size:var(--font-sizes-body);line-height:var(--line-heights-body);color:var(--colors-gray-100);background-color:var(--colors-background)}body,h1,h2,h3,h4,h5,h6{font-weight:var(--font-weights-regular)}h1,h2,h3,h4,h5,h6{font-family:var(--fonts-heading);line-height:var(--line-heights-heading);color:var(--colors-primary);-webkit-text-stroke-color:#000;-webkit-text-stroke-width:1px}h1{font-size:var(--font-sizes-h1)}h2{font-size:var(--font-sizes-h2)}h3{font-size:var(--font-sizes-h3)}h4{font-size:var(--font-sizes-h4)}h5{font-size:var(--font-sizes-h5)}h6{font-size:var(--font-sizes-h6)}a{color:var(--colors-primary);text-decoration:none}p{font-size:var(--font-sizes-body);margin-bottom:1rem}ul{list-style:initial;padding-inline-start:1rem}ol{list-style:decimal inside}li{font-size:var(--font-sizes-body);line-height:var(--line-heights-body)}}@layer reset{*{margin:0;padding:0;font:inherit}*,:after,:before{box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--global-color-border,currentColor)}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";-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))}hr{height:0;color:inherit;border-top-width:1px}body{height:100%;line-height:inherit}img{border-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}ol,ul{list-style:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}button,input,optgroup,select,textarea{color:inherit}button,select{text-transform:none}table{text-indent:0;border-color:inherit;border-collapse:collapse}input::placeholder,textarea::placeholder{opacity:1;color:var(--global-color-placeholder,#9ca3af)}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:-.25em}sup{top:-.5em}dialog{padding:0}a{color:inherit;text-decoration:inherit}abbr:where([title]){text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{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=email],input[type=password],input[type=search],input[type=text]{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-cancel-button,::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=number]{-moz-appearance:textfield}:-moz-ui-invalid{box-shadow:none}:-moz-focusring{outline:auto}}@layer tokens{:where(:root,:host){--colors-brand:#39b94a;--colors-gray-100:#effaf0;--colors-gray-200:#cfdcd5;--colors-gray-300:#b0beba;--colors-gray-400:#94a09f;--colors-gray-500:#798485;--colors-gray-600:#60686b;--colors-gray-700:#484e51;--colors-gray-800:#313538;--colors-gray-900:#1c1e21;--colors-white:#fff;--colors-black:#010206;--colors-red:#ff7851;--colors-yellow:#ffce67;--colors-green:#56cc9d;--colors-blue:#6cc3d5;--durations-fast:200ms;--durations-normal:300ms;--durations-slow:400ms;--easings-linear:cubic-bezier(0.0,0.0,1.0,1.0);--easings-ease-in:cubic-bezier(0.32,0,0.67,0);--easings-ease-out:cubic-bezier(0.33,1,0.68,1);--easings-ease-in-out:cubic-bezier(0.65,0,0.35,1);--font-sizes-body:16px;--font-sizes-h1:40px;--font-sizes-h2:32px;--font-sizes-h3:28px;--font-sizes-h4:24px;--font-sizes-h5:20px;--font-sizes-h6:18px;--font-sizes-caption:14px;--fonts-body:Open Sans,sans-serif;--fonts-heading:Permanent Marker,sans;--font-weights-light:300;--font-weights-regular:400;--font-weights-bold:700;--gradients-skeleton-gradient:linear-gradient(110deg,#313538 8%,#1c1e21 15%,#313538 22%);--line-heights-normal:normal;--line-heights-body:1.2;--line-heights-heading:1.5;--opacity-0:0;--opacity-25:0.25;--opacity-50:0.5;--opacity-75:0.75;--opacity-100:1;--radii-none:0;--radii-small:4px;--radii-medium:8px;--radii-large:16px;--radii-round:50%;--spacing-small:8px;--spacing-medium:16px;--spacing-large:24px;--shadows-retro-box-shadow:2px 2px 0px 0px #57899a,0px 0px 0px 4px #d6e1f9 inset;--shadows-papyrus-box-shadow:2px 2px 0px 0px #57899a,0px 0px 0px 4px #f1d5a5 inset;--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070;--breakpoints-sm:576px;--breakpoints-md:768px;--breakpoints-lg:992px;--breakpoints-xl:1200px;--breakpoints-xxl:1400px;--sizes-breakpoint-sm:576px;--sizes-breakpoint-md:768px;--sizes-breakpoint-lg:992px;--sizes-breakpoint-xl:1200px;--sizes-breakpoint-xxl:1400px;--colors-primary:var(--colors-brand);--colors-primary-contrast:var(--colors-gray-900);--colors-success:var(--colors-green);--colors-success-contrast:var(--colors-gray-900);--colors-info:var(--colors-blue);--colors-info-contrast:var(--colors-gray-900);--colors-warning:var(--colors-yellow);--colors-warning-contrast:var(--colors-gray-900);--colors-danger:var(--colors-red);--colors-danger-contrast:var(--colors-gray-900);--colors-text:var(--colors-gray-100);--colors-background:var(--colors-gray-900);--colors-surface:var(--colors-gray-800);--colors-border:var(--colors-gray-500);--colors-muted:var(--colors-gray-300)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes bounce{0%,20%,53%,to{transform:translateZ(0);animation-timing-function:cubic-bezier(.215,.61,.355,1)}40%,43%{transform:translate3d(0,-30px,0) scaleY(1.1);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{transform:translate3d(0,-15px,0) scaleY(1.05);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}80%{transform:translateZ(0) scaleY(.95);animation-timing-function:cubic-bezier(.215,.61,.355,1)}90%{transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}@keyframes shakeX{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}@keyframes shakeY{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(0,-10px,0)}20%,40%,60%,80%{transform:translate3d(0,10px,0)}}@keyframes bgMotion{0%{background-position-x:0}to{background-position-x:2048px}}@keyframes skeletonWave{to{background-position-x:-200%}}@keyframes skeletonPulse{0%,to{opacity:1}50%{opacity:.4}}}@layer utilities{.flex_1{flex:1 1 0%}.min-h_calc\(100vh_-_\(72px_\*2\)\){min-height:calc(100vh - (72px *2))}.min-h_calc\(100vh_-_176px\){min-height:calc(100vh - 176px)}.mt_-76px{margin-top:-76px}.max-w_600px{max-width:600px}.fill_text{fill:var(--colors-text)}.grid-cols_repeat\(auto-fit\,_minmax\(300px\,_1fr\)\){grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.h_auto{height:auto}.m_auto{margin:auto}.max-w_200px{max-width:200px}.h_100\%{height:100%}.p_medium{padding:var(--spacing-medium)}.justify_space-evenly{justify-content:space-evenly}.flex-wrap_wrap{flex-wrap:wrap}.w_300{width:300px}.h_300{height:300px}.object_cover{object-fit:cover}.object_center{object-position:center}.grid-cols_repeat\(auto-fill\,_minmax\(300px\,_1fr\)\){grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.gap_16px{grid-gap:16px}.justify_center{justify-content:center}.p_16px{padding:16px}.flex_column{flex-direction:column}.gap-x_medium{row-gap:var(--spacing-medium)}.border_collapse{border-collapse:collapse}.border_1px_solid_token\(colors\.border\){border:1px solid var(--colors-border)}.\[\&_th\,_\&_td\]\:p_small td,.\[\&_th\,_\&_td\]\:p_small th{padding:var(--spacing-small)}.\[\&_th\,_\&_td\]\:border_1px_solid_token\(colors\.border\) td,.\[\&_th\,_\&_td\]\:border_1px_solid_token\(colors\.border\) th{border:1px solid var(--colors-border)}.text_center{text-align:center}.py_large{padding-block:var(--spacing-large)}.mt_medium{margin-top:var(--spacing-medium)}.d_grid{display:grid}.grid-cols_1fr_1fr_1fr{grid-template-columns:1fr 1fr 1fr}.gap_medium{gap:var(--spacing-medium)}.duration_normal{--transition-duration:var(--durations-normal);transition-duration:var(--durations-normal)}.transition-prop_background-color{--transition-prop:background-color;transition-property:background-color}.delay_fast{transition-delay:var(--durations-fast)}.z_sticky{z-index:var(--z-index-sticky)}.\[\&\[data-scroll\=true\]\]\:bg_gray\.800[data-scroll=true]{background-color:var(--colors-gray-800)}.flex_row{flex-direction:row}.justify_space-between{justify-content:space-between}.h_76px{height:76px}.h_40{height:40px}.m_0_auto{margin:0 auto}.pos_fixed{position:fixed}.left_0{left:0}.w_100vw{width:100vw}.bg_rgba\(0\,_0\,_0\,_0\.45\){background-color:rgba(0,0,0,.45)}.z_modalBackdrop{z-index:var(--z-index-modal-backdrop)}.pos_absolute{position:absolute}.top_0{top:0}.right_0{right:0}.h_100vh{height:100vh}.bg_surface{background-color:var(--colors-surface)}.overflow_scroll{overflow:scroll}.z_modal{z-index:var(--z-index-modal)}.backdrop\:bg_gray\.900::backdrop{background-color:var(--colors-gray-900)}.backdrop\:opacity_75\%::backdrop{opacity:75%}.d_flex{display:flex}.justify_flex-end{justify-content:flex-end}.items_center{align-items:center}.w_100\%{width:100%}.h_60px{height:60px}.px_medium{padding-inline:var(--spacing-medium)}.border-t_1px_solid_token\(colors\.border\){border-top:1px solid var(--colors-border)}.list-style_none{list-style:none}.px_0px{padding-inline:0}.d_block{display:block}.py_medium{padding-block:var(--spacing-medium)}.px_small{padding-inline:var(--spacing-small)}.text-decor_none{text-decoration:none}.duration_fast{--transition-duration:var(--durations-fast);transition-duration:var(--durations-fast)}.transition-prop_background-color\,_color{--transition-prop:background-color,color;transition-property:background-color,color}.ease_easeInOut{--transition-easing:var(--easings-ease-in-out);transition-timing-function:var(--easings-ease-in-out)}.\[\&\[data-current\=true\]\]\:bg_info[data-current=true]{background-color:var(--colors-info)}.\[\&\[data-current\=true\]\]\:text_info\.contrast[data-current=true]{color:var(--colors-info-contrast)}.bg_primary{background:var(--colors-primary)}.text_primary\.contrast{color:var(--colors-primary-contrast)}.bg_success{background:var(--colors-success)}.text_success\.contrast{color:var(--colors-success-contrast)}.bg_info{background:var(--colors-info)}.text_info\.contrast{color:var(--colors-info-contrast)}.bg_warning{background:var(--colors-warning)}.text_warning\.contrast{color:var(--colors-warning-contrast)}.bg_danger{background:var(--colors-danger)}.text_danger\.contrast{color:var(--colors-danger-contrast)}.border_primary{border-color:var(--colors-primary)}.border_success{border-color:var(--colors-success)}.border_info{border-color:var(--colors-info)}.border_warning{border-color:var(--colors-warning)}.border-style_solid{border-style:solid}.border_danger{border-color:var(--colors-danger)}.text_primary{color:var(--colors-primary)}.text_success{color:var(--colors-success)}.text_danger{color:var(--colors-danger)}.text_warning{color:var(--colors-warning)}.text_info{color:var(--colors-info)}.\[\&\:hover\]\:bg_primary:hover{background-color:var(--colors-primary)}.\[\&\:hover\]\:text_primary\.contrast:hover{color:var(--colors-primary-contrast)}@media screen and (min-width:36em){.sm\:max-w_breakpoint-sm{max-width:var(--sizes-breakpoint-sm)}.sm\:w_250px{width:250px}}@media screen and (min-width:48em){.md\:max-w_breakpoint-md{max-width:var(--sizes-breakpoint-md)}}@media screen and (min-width:62em){.lg\:max-w_breakpoint-lg{max-width:var(--sizes-breakpoint-lg)}}@media screen and (min-width:75em){.xl\:max-w_breakpoint-xl{max-width:var(--sizes-breakpoint-xl)}}@media screen and (min-width:87.5em){.xxl\:max-w_breakpoint-xxl{max-width:var(--sizes-breakpoint-xxl)}}@media screen and (max-width:47.9975em){.mdDown\:grid-cols_1fr{grid-template-columns:1fr}}}@layer recipes.slots{.card__body--variant_normal{background-color:var(--colors-gray-900);color:var(--colors-text);border-color:var(--colors-border);border-width:1px}.card__footer--variant_normal{color:var(--colors-border);border-top:1px solid;border-color:var(--colors-border)}.alert__body--severity_info{background-color:var(--colors-info);color:var(--colors-info-contrast)}.alert__body--severity_info a{color:var(--colors-info-contrast);font-weight:var(--font-weights-bold)}@layer _base{.card__body{border-radius:var(--radii-medium);overflow:hidden}.card__content,.card__header{margin-block:var(--spacing-small);padding-inline:var(--spacing-medium)}.card__content{display:flex;flex-direction:column;gap:var(--spacing-small)}.card__media{width:100%;height:auto;position:relative;object-fit:cover}.card__footer{padding-block:4px}.card__actions,.card__footer{padding-inline:var(--spacing-medium)}.card__actions{display:flex;gap:var(--spacing-medium);justify-content:flex-end;margin-block:var(--spacing-small)}.alert__body{padding:var(--spacing-medium);border-radius:var(--radii-medium);position:relative}.alert__closeButton{position:absolute;top:4px;right:4px;cursor:pointer}.button{display:inline-flex;align-items:center;justify-content:center;font-weight:var(--font-weights-bold);cursor:pointer;--transition-prop:all;transition-property:all;--transition-duration:var(--durations-fast);transition-duration:var(--durations-fast);--transition-easing:var(--easings-ease-in-out);transition-timing-function:var(--easings-ease-in-out);border-radius:var(--radii-small);gap:10px}.button:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed;background-color:var(--colors-gray-800)!important;color:var(--colors-gray-700)!important;box-shadow:none!important;border:none!important}.icon-button{display:inline-flex;align-items:center;justify-content:center;aspect-ratio:1;cursor:pointer;--transition-prop:all;transition-property:all;--transition-duration:var(--durations-fast);transition-duration:var(--durations-fast);--transition-easing:var(--easings-ease-in-out);transition-timing-function:var(--easings-ease-in-out);border-radius:var(--radii-round);gap:10px;font-size:inherit;color:inherit}.icon-button:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed;background-color:var(--colors-gray-800);color:var(--colors-gray-700);box-shadow:none;border:none}.input{box-sizing:border-box;padding:10px 16px;border-width:2px;border-style:solid;border-color:var(--colors-border);border-radius:var(--radii-small);background:var(--colors-gray-100);color:var(--colors-gray-900);transition:all .2s ease-in-out}.input:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed;background-color:var(--colors-gray-800);color:var(--colors-gray-700);border-color:var(--colors-border)}.input::placeholder{color:var(--colors-gray-500)}.input:is(:focus,[data-focus]){border-color:var(--colors-primary);outline-color:var(--colors-primary);outline-style:solid;outline-width:1px}.button:is(:disabled,[disabled],[data-disabled]):is(:hover,[data-hover]){box-shadow:none!important;background-color:var(--colors-gray-800)!important}.icon-button:is(:hover,[data-hover]){box-shadow:2px 2px 2px 0 rgba(0,0,0,.25);background-color:rgba(207,220,213,.05)}.icon-button:is(:disabled,[disabled],[data-disabled]):is(:hover,[data-hover]){box-shadow:none;background-color:var(--colors-gray-800)}.button:is(:disabled,[disabled],[data-disabled]):is(:active,[data-active]){box-shadow:none!important}.icon-button:is(:active,[data-active]){box-shadow:inset 2px 2px 2px 0 rgba(0,0,0,.25);transform:translate(2px,2px)}.icon-button:is(:disabled,[disabled],[data-disabled]):is(:active,[data-active]){box-shadow:none;transform:none}}}@layer recipes{.button--fullWidth_true{width:100%}.button--size_large{padding-block:14px;padding-inline:20px}.typography--variant_caption{font-size:var(--font-sizes-caption);font-family:var(--fonts-body);font-weight:var(--font-weights-regular);line-height:var(--line-heights-body)}.typography--color_muted{color:var(--colors-muted)}.typography--variant_srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.typography--color_success{color:var(--colors-success)}.typography--color_info{color:var(--colors-info)}.typography--variant_h1{font-size:var(--font-sizes-h1)}.typography--variant_h1,.typography--variant_h2{font-family:var(--fonts-heading);font-weight:var(--font-weights-regular);line-height:var(--line-heights-heading);color:var(--colors-primary);-webkit-text-stroke-color:#000;-webkit-text-stroke-width:1px}.typography--variant_h2{font-size:var(--font-sizes-h2)}.typography--variant_h3{font-size:var(--font-sizes-h3);font-family:var(--fonts-heading);font-weight:var(--font-weights-regular);line-height:var(--line-heights-heading);-webkit-text-stroke-color:#000;-webkit-text-stroke-width:1px}.typography--color_primary,.typography--variant_h3{color:var(--colors-primary)}.typography--align_center{text-align:center}.typography--variant_body2{font-size:calc(var(--font-sizes-body) * .9);font-family:var(--fonts-body);font-weight:var(--font-weights-regular);line-height:var(--line-heights-body);color:var(--colors-gray-200)}.typography--color_danger{color:var(--colors-danger)}.icon-button--color_primary{color:var(--colors-primary)}.icon-button--color_danger{color:var(--colors-danger)}.button--size_medium{padding-block:10px;padding-inline:16px}.icon-button--size_medium{font-size:20px;padding:var(--spacing-small)}.typography--variant_body1{font-size:var(--font-sizes-body);font-family:var(--fonts-body);font-weight:var(--font-weights-regular);line-height:var(--line-heights-body)}.typography--align_left{text-align:left}.typography--color_inherit{color:inherit}.typography--decoration_none{text-decoration:none}.typography--transform_normalCase{text-transform:none}.typography--weight_regular{font-weight:var(--font-weights-regular)}.button--variant_solid:is(:hover,[data-hover]){box-shadow:2px 2px 2px 0 rgba(0,0,0,.25);opacity:.95}.button--variant_solid:is(:active,[data-active]){box-shadow:inset 2px 2px 2px 0 rgba(0,0,0,.25);opacity:.95}}