@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';
		-webkit-text-size-adjust: 100%;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-rendering: optimizeLegibility;
		touch-action: manipulation;
		-moz-tab-size: 4;
		tab-size: 4;
		font-family: var(--global-font-body, var(--font-fallback));
	}
	.original-content * {
		margin: 0px;
		padding: 0px;
		font: inherit;
		word-wrap: break-word;
		-webkit-tap-highlight-color: transparent;
	}
	.original-content *, .original-content *::before, .original-content *::after, .original-content *::backdrop {
		box-sizing: border-box;
		border-width: 0px;
		border-style: solid;
		border-color: var(--global-color-border, currentColor);
	}
	body {
		min-height: 100dvh;
		position: relative;
	}
	img {
		border-style: none;
	}
	img, svg {
		display: block;
		vertical-align: middle;
	}
	img, video {
		max-width: 100%;
		height: auto;
	}
	p {
		overflow-wrap: break-word;
	}
	button, [type='button'], [type='reset'], [type='submit'] {
		-webkit-appearance: button;
		background-color: transparent;
		background-image: none;
	}
	button {
		color: inherit;
	}
	button {
		text-transform: none;
	}
	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;
	}
	a {
		color: inherit;
		-webkit-text-decoration: inherit;
		text-decoration: inherit;
	}
	b, strong {
		font-weight: bolder;
	}
	:-moz-ui-invalid {
		box-shadow: none;
	}
	:-moz-focusring {
		outline: auto;
	}
	[hidden]:where(:not([hidden='until-found'])) {
		display: none !important;
	}
}
@layer base {
	@-webkit-keyframes spin {
		0% {
			-webkit-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			transform: rotate(0deg);
		}
		100% {
			-webkit-transform: rotate(360deg);
			-moz-transform: rotate(360deg);
			-ms-transform: rotate(360deg);
			transform: rotate(360deg);
		}
	}
	@keyframes spin {
		0% {
			-webkit-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			transform: rotate(0deg);
		}
		100% {
			-webkit-transform: rotate(360deg);
			-moz-transform: rotate(360deg);
			-ms-transform: rotate(360deg);
			transform: rotate(360deg);
		}
	}
	@-webkit-keyframes pulse {
		50% {
			opacity: 0.5;
		}
	}
	@keyframes pulse {
		50% {
			opacity: 0.5;
		}
	}
	@-webkit-keyframes ping {
		75%, 100% {
			-webkit-transform: scale(2);
			-moz-transform: scale(2);
			-ms-transform: scale(2);
			transform: scale(2);
			opacity: 0;
		}
	}
	@keyframes ping {
		75%, 100% {
			-webkit-transform: scale(2);
			-moz-transform: scale(2);
			-ms-transform: scale(2);
			transform: scale(2);
			opacity: 0;
		}
	}
	@-webkit-keyframes bounce {
		0%, 100% {
			-webkit-transform: translateY(-25%);
			-moz-transform: translateY(-25%);
			-ms-transform: translateY(-25%);
			transform: translateY(-25%);
			-webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
			animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
		}
		50% {
			-webkit-transform: none;
			-moz-transform: none;
			-ms-transform: none;
			transform: none;
			-webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
			animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
		}
	}
	@keyframes bounce {
		0%, 100% {
			-webkit-transform: translateY(-25%);
			-moz-transform: translateY(-25%);
			-ms-transform: translateY(-25%);
			transform: translateY(-25%);
			-webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
			animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
		}
		50% {
			-webkit-transform: none;
			-moz-transform: none;
			-ms-transform: none;
			transform: none;
			-webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
			animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
		}
	}
	@-webkit-keyframes bg-position {
		from {
			-webkit-background-position: var(--animate-from, 1rem) 0;
			background-position: var(--animate-from, 1rem) 0;
		}
		to {
			-webkit-background-position: var(--animate-to, 0) 0;
			background-position: var(--animate-to, 0) 0;
		}
	}
	@keyframes bg-position {
		from {
			-webkit-background-position: var(--animate-from, 1rem) 0;
			background-position: var(--animate-from, 1rem) 0;
		}
		to {
			-webkit-background-position: var(--animate-to, 0) 0;
			background-position: var(--animate-to, 0) 0;
		}
	}
	@-webkit-keyframes position {
		from {
			inset-inline-start: var(--animate-from-x);
			inset-block-start: var(--animate-from-y);
		}
		to {
			inset-inline-start: var(--animate-to-x);
			inset-block-start: var(--animate-to-y);
		}
	}
	@keyframes position {
		from {
			inset-inline-start: var(--animate-from-x);
			inset-block-start: var(--animate-from-y);
		}
		to {
			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 {
		from {
			height: 0;
		}
		to {
			height: var(--height);
		}
	}
	@keyframes expand-height {
		from {
			height: 0;
		}
		to {
			height: var(--height);
		}
	}
	@-webkit-keyframes collapse-height {
		from {
			height: var(--height);
		}
		to {
			height: 0;
		}
	}
	@keyframes collapse-height {
		from {
			height: var(--height);
		}
		to {
			height: 0;
		}
	}
	@-webkit-keyframes expand-width {
		from {
			width: 0;
		}
		to {
			width: var(--width);
		}
	}
	@keyframes expand-width {
		from {
			width: 0;
		}
		to {
			width: var(--width);
		}
	}
	@-webkit-keyframes collapse-width {
		from {
			height: var(--width);
		}
		to {
			height: 0;
		}
	}
	@keyframes collapse-width {
		from {
			height: var(--width);
		}
		to {
			height: 0;
		}
	}
	@-webkit-keyframes fade-in {
		from {
			opacity: 0;
		}
		to {
			opacity: 1;
		}
	}
	@keyframes fade-in {
		from {
			opacity: 0;
		}
		to {
			opacity: 1;
		}
	}
	@-webkit-keyframes fade-out {
		from {
			opacity: 1;
		}
		to {
			opacity: 0;
		}
	}
	@keyframes fade-out {
		from {
			opacity: 1;
		}
		to {
			opacity: 0;
		}
	}
	@-webkit-keyframes slide-from-left-full {
		from {
			-webkit-translate: -100% 0;
			-moz-translate: -100% 0;
			-ms-translate: -100% 0;
			translate: -100% 0;
		}
		to {
			-webkit-translate: 0 0;
			-moz-translate: 0 0;
			-ms-translate: 0 0;
			translate: 0 0;
		}
	}
	@keyframes slide-from-left-full {
		from {
			-webkit-translate: -100% 0;
			-moz-translate: -100% 0;
			-ms-translate: -100% 0;
			translate: -100% 0;
		}
		to {
			-webkit-translate: 0 0;
			-moz-translate: 0 0;
			-ms-translate: 0 0;
			translate: 0 0;
		}
	}
	@-webkit-keyframes slide-from-right-full {
		from {
			-webkit-translate: 100% 0;
			-moz-translate: 100% 0;
			-ms-translate: 100% 0;
			translate: 100% 0;
		}
		to {
			-webkit-translate: 0 0;
			-moz-translate: 0 0;
			-ms-translate: 0 0;
			translate: 0 0;
		}
	}
	@keyframes slide-from-right-full {
		from {
			-webkit-translate: 100% 0;
			-moz-translate: 100% 0;
			-ms-translate: 100% 0;
			translate: 100% 0;
		}
		to {
			-webkit-translate: 0 0;
			-moz-translate: 0 0;
			-ms-translate: 0 0;
			translate: 0 0;
		}
	}
	@-webkit-keyframes slide-from-top-full {
		from {
			-webkit-translate: 0 -100%;
			-moz-translate: 0 -100%;
			-ms-translate: 0 -100%;
			translate: 0 -100%;
		}
		to {
			-webkit-translate: 0 0;
			-moz-translate: 0 0;
			-ms-translate: 0 0;
			translate: 0 0;
		}
	}
	@keyframes slide-from-top-full {
		from {
			-webkit-translate: 0 -100%;
			-moz-translate: 0 -100%;
			-ms-translate: 0 -100%;
			translate: 0 -100%;
		}
		to {
			-webkit-translate: 0 0;
			-moz-translate: 0 0;
			-ms-translate: 0 0;
			translate: 0 0;
		}
	}
	@-webkit-keyframes slide-from-bottom-full {
		from {
			-webkit-translate: 0 100%;
			-moz-translate: 0 100%;
			-ms-translate: 0 100%;
			translate: 0 100%;
		}
		to {
			-webkit-translate: 0 0;
			-moz-translate: 0 0;
			-ms-translate: 0 0;
			translate: 0 0;
		}
	}
	@keyframes slide-from-bottom-full {
		from {
			-webkit-translate: 0 100%;
			-moz-translate: 0 100%;
			-ms-translate: 0 100%;
			translate: 0 100%;
		}
		to {
			-webkit-translate: 0 0;
			-moz-translate: 0 0;
			-ms-translate: 0 0;
			translate: 0 0;
		}
	}
	@-webkit-keyframes slide-to-left-full {
		from {
			-webkit-translate: 0 0;
			-moz-translate: 0 0;
			-ms-translate: 0 0;
			translate: 0 0;
		}
		to {
			-webkit-translate: -100% 0;
			-moz-translate: -100% 0;
			-ms-translate: -100% 0;
			translate: -100% 0;
		}
	}
	@keyframes slide-to-left-full {
		from {
			-webkit-translate: 0 0;
			-moz-translate: 0 0;
			-ms-translate: 0 0;
			translate: 0 0;
		}
		to {
			-webkit-translate: -100% 0;
			-moz-translate: -100% 0;
			-ms-translate: -100% 0;
			translate: -100% 0;
		}
	}
	@-webkit-keyframes slide-to-right-full {
		from {
			-webkit-translate: 0 0;
			-moz-translate: 0 0;
			-ms-translate: 0 0;
			translate: 0 0;
		}
		to {
			-webkit-translate: 100% 0;
			-moz-translate: 100% 0;
			-ms-translate: 100% 0;
			translate: 100% 0;
		}
	}
	@keyframes slide-to-right-full {
		from {
			-webkit-translate: 0 0;
			-moz-translate: 0 0;
			-ms-translate: 0 0;
			translate: 0 0;
		}
		to {
			-webkit-translate: 100% 0;
			-moz-translate: 100% 0;
			-ms-translate: 100% 0;
			translate: 100% 0;
		}
	}
	@-webkit-keyframes slide-to-top-full {
		from {
			-webkit-translate: 0 0;
			-moz-translate: 0 0;
			-ms-translate: 0 0;
			translate: 0 0;
		}
		to {
			-webkit-translate: 0 -100%;
			-moz-translate: 0 -100%;
			-ms-translate: 0 -100%;
			translate: 0 -100%;
		}
	}
	@keyframes slide-to-top-full {
		from {
			-webkit-translate: 0 0;
			-moz-translate: 0 0;
			-ms-translate: 0 0;
			translate: 0 0;
		}
		to {
			-webkit-translate: 0 -100%;
			-moz-translate: 0 -100%;
			-ms-translate: 0 -100%;
			translate: 0 -100%;
		}
	}
	@-webkit-keyframes slide-to-bottom-full {
		from {
			-webkit-translate: 0 0;
			-moz-translate: 0 0;
			-ms-translate: 0 0;
			translate: 0 0;
		}
		to {
			-webkit-translate: 0 100%;
			-moz-translate: 0 100%;
			-ms-translate: 0 100%;
			translate: 0 100%;
		}
	}
	@keyframes slide-to-bottom-full {
		from {
			-webkit-translate: 0 0;
			-moz-translate: 0 0;
			-ms-translate: 0 0;
			translate: 0 0;
		}
		to {
			-webkit-translate: 0 100%;
			-moz-translate: 0 100%;
			-ms-translate: 0 100%;
			translate: 0 100%;
		}
	}
	@-webkit-keyframes slide-from-top {
		0% {
			-webkit-translate: 0 -0.5rem;
			-moz-translate: 0 -0.5rem;
			-ms-translate: 0 -0.5rem;
			translate: 0 -0.5rem;
		}
		to {
			-webkit-translate: 0;
			-moz-translate: 0;
			-ms-translate: 0;
			translate: 0;
		}
	}
	@keyframes slide-from-top {
		0% {
			-webkit-translate: 0 -0.5rem;
			-moz-translate: 0 -0.5rem;
			-ms-translate: 0 -0.5rem;
			translate: 0 -0.5rem;
		}
		to {
			-webkit-translate: 0;
			-moz-translate: 0;
			-ms-translate: 0;
			translate: 0;
		}
	}
	@-webkit-keyframes slide-from-bottom {
		0% {
			-webkit-translate: 0 0.5rem;
			-moz-translate: 0 0.5rem;
			-ms-translate: 0 0.5rem;
			translate: 0 0.5rem;
		}
		to {
			-webkit-translate: 0;
			-moz-translate: 0;
			-ms-translate: 0;
			translate: 0;
		}
	}
	@keyframes slide-from-bottom {
		0% {
			-webkit-translate: 0 0.5rem;
			-moz-translate: 0 0.5rem;
			-ms-translate: 0 0.5rem;
			translate: 0 0.5rem;
		}
		to {
			-webkit-translate: 0;
			-moz-translate: 0;
			-ms-translate: 0;
			translate: 0;
		}
	}
	@-webkit-keyframes slide-from-left {
		0% {
			-webkit-translate: -0.5rem 0;
			-moz-translate: -0.5rem 0;
			-ms-translate: -0.5rem 0;
			translate: -0.5rem 0;
		}
		to {
			-webkit-translate: 0;
			-moz-translate: 0;
			-ms-translate: 0;
			translate: 0;
		}
	}
	@keyframes slide-from-left {
		0% {
			-webkit-translate: -0.5rem 0;
			-moz-translate: -0.5rem 0;
			-ms-translate: -0.5rem 0;
			translate: -0.5rem 0;
		}
		to {
			-webkit-translate: 0;
			-moz-translate: 0;
			-ms-translate: 0;
			translate: 0;
		}
	}
	@-webkit-keyframes slide-from-right {
		0% {
			-webkit-translate: 0.5rem 0;
			-moz-translate: 0.5rem 0;
			-ms-translate: 0.5rem 0;
			translate: 0.5rem 0;
		}
		to {
			-webkit-translate: 0;
			-moz-translate: 0;
			-ms-translate: 0;
			translate: 0;
		}
	}
	@keyframes slide-from-right {
		0% {
			-webkit-translate: 0.5rem 0;
			-moz-translate: 0.5rem 0;
			-ms-translate: 0.5rem 0;
			translate: 0.5rem 0;
		}
		to {
			-webkit-translate: 0;
			-moz-translate: 0;
			-ms-translate: 0;
			translate: 0;
		}
	}
	@-webkit-keyframes slide-to-top {
		0% {
			-webkit-translate: 0;
			-moz-translate: 0;
			-ms-translate: 0;
			translate: 0;
		}
		to {
			-webkit-translate: 0 -0.5rem;
			-moz-translate: 0 -0.5rem;
			-ms-translate: 0 -0.5rem;
			translate: 0 -0.5rem;
		}
	}
	@keyframes slide-to-top {
		0% {
			-webkit-translate: 0;
			-moz-translate: 0;
			-ms-translate: 0;
			translate: 0;
		}
		to {
			-webkit-translate: 0 -0.5rem;
			-moz-translate: 0 -0.5rem;
			-ms-translate: 0 -0.5rem;
			translate: 0 -0.5rem;
		}
	}
	@-webkit-keyframes slide-to-bottom {
		0% {
			-webkit-translate: 0;
			-moz-translate: 0;
			-ms-translate: 0;
			translate: 0;
		}
		to {
			-webkit-translate: 0 0.5rem;
			-moz-translate: 0 0.5rem;
			-ms-translate: 0 0.5rem;
			translate: 0 0.5rem;
		}
	}
	@keyframes slide-to-bottom {
		0% {
			-webkit-translate: 0;
			-moz-translate: 0;
			-ms-translate: 0;
			translate: 0;
		}
		to {
			-webkit-translate: 0 0.5rem;
			-moz-translate: 0 0.5rem;
			-ms-translate: 0 0.5rem;
			translate: 0 0.5rem;
		}
	}
	@-webkit-keyframes slide-to-left {
		0% {
			-webkit-translate: 0;
			-moz-translate: 0;
			-ms-translate: 0;
			translate: 0;
		}
		to {
			-webkit-translate: -0.5rem 0;
			-moz-translate: -0.5rem 0;
			-ms-translate: -0.5rem 0;
			translate: -0.5rem 0;
		}
	}
	@keyframes slide-to-left {
		0% {
			-webkit-translate: 0;
			-moz-translate: 0;
			-ms-translate: 0;
			translate: 0;
		}
		to {
			-webkit-translate: -0.5rem 0;
			-moz-translate: -0.5rem 0;
			-ms-translate: -0.5rem 0;
			translate: -0.5rem 0;
		}
	}
	@-webkit-keyframes slide-to-right {
		0% {
			-webkit-translate: 0;
			-moz-translate: 0;
			-ms-translate: 0;
			translate: 0;
		}
		to {
			-webkit-translate: 0.5rem 0;
			-moz-translate: 0.5rem 0;
			-ms-translate: 0.5rem 0;
			translate: 0.5rem 0;
		}
	}
	@keyframes slide-to-right {
		0% {
			-webkit-translate: 0;
			-moz-translate: 0;
			-ms-translate: 0;
			translate: 0;
		}
		to {
			-webkit-translate: 0.5rem 0;
			-moz-translate: 0.5rem 0;
			-ms-translate: 0.5rem 0;
			translate: 0.5rem 0;
		}
	}
	@-webkit-keyframes scale-in {
		from {
			scale: 0.95;
		}
		to {
			scale: 1;
		}
	}
	@keyframes scale-in {
		from {
			scale: 0.95;
		}
		to {
			scale: 1;
		}
	}
	@-webkit-keyframes scale-out {
		from {
			scale: 1;
		}
		to {
			scale: 0.95;
		}
	}
	@keyframes scale-out {
		from {
			scale: 1;
		}
		to {
			scale: 0.95;
		}
	}
	* {
		font-feature-settings: "cv11";
		--ring-inset: var(--chakra-empty, /**/ /*!*/ ) !important;
		--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, /**/ /*!*/ ) !important;
		--contrast: var(--chakra-empty, /**/ /*!*/ ) !important;
		--grayscale: var(--chakra-empty, /**/ /*!*/ ) !important;
		--hue-rotate: var(--chakra-empty, /**/ /*!*/ ) !important;
		--invert: var(--chakra-empty, /**/ /*!*/ ) !important;
		--saturate: var(--chakra-empty, /**/ /*!*/ ) !important;
		--sepia: var(--chakra-empty, /**/ /*!*/ ) !important;
		--drop-shadow: var(--chakra-empty, /**/ /*!*/ ) !important;
		--backdrop-blur: var(--chakra-empty, /**/ /*!*/ ) !important;
		--backdrop-brightness: var(--chakra-empty, /**/ /*!*/ ) !important;
		--backdrop-contrast: var(--chakra-empty, /**/ /*!*/ ) !important;
		--backdrop-grayscale: var(--chakra-empty, /**/ /*!*/ ) !important;
		--backdrop-hue-rotate: var(--chakra-empty, /**/ /*!*/ ) !important;
		--backdrop-invert: var(--chakra-empty, /**/ /*!*/ ) !important;
		--backdrop-opacity: var(--chakra-empty, /**/ /*!*/ ) !important;
		--backdrop-saturate: var(--chakra-empty, /**/ /*!*/ ) !important;
		--backdrop-sepia: var(--chakra-empty, /**/ /*!*/ ) !important;
		--global-font-mono: var(--chakra-fonts-secondary);
		--global-font-body: var(--chakra-fonts-secondary);
		--global-color-border: var(--chakra-colors-border-solid-dark);
		--nav-transition-duration: 500ms;
		--nav-transition-timing-function: ease-in-out;
		--space-from-side-to-container: calc(var(--chakra-spacing-padding-side) + max(0px, (100vw - 2 * var(--chakra-spacing-padding-side) - var(--chakra-sizes-container-max-width)) / 2));
	}
	html {
		color: var(--chakra-colors-text-dark);
		background: var(--chakra-colors-surface-white);
		--bg-currentcolor: var(--chakra-colors-surface-white);
		line-height: 1.5;
		scroll-behavior: smooth;
	}
	.payload-richtext {
		position: relative;
	}
	.payload-richtext strong {
		font-weight: 500;
	}
	.payload-richtext a {
		-webkit-text-decoration: underline;
		text-decoration: underline;
	}
	.payload-richtext em {
		font-style: italic;
	}
	.payload-richtext code {
		font-family: monospace;
	}
}
@layer tokens {
	:where(:root, : host) {
		--chakra-aspect-ratios-square: 1/1;
		--chakra-aspect-ratios-landscape: 4/3;
		--chakra-aspect-ratios-portrait: 3/4;
		--chakra-aspect-ratios-wide: 16/9;
		--chakra-aspect-ratios-ultrawide: 18/5;
		--chakra-aspect-ratios-golden: 1.618/1;
		--chakra-animations-spin: spin 1s linear infinite;
		--chakra-animations-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
		--chakra-animations-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
		--chakra-animations-bounce: bounce 1s infinite;
		--chakra-blurs-sm: 4px;
		--chakra-blurs-md: 8px;
		--chakra-blurs-lg: 12px;
		--chakra-blurs-xl: 16px;
		--chakra-blurs-2xl: 24px;
		--chakra-blurs-3xl: 40px;
		--chakra-blurs-4xl: 64px;
		--chakra-borders-xs: 0.5px solid;
		--chakra-borders-sm: 1px solid;
		--chakra-borders-md: 2px solid;
		--chakra-borders-lg: 4px solid;
		--chakra-borders-xl: 8px solid;
		--chakra-colors-blue-05: #f1f5f6;
		--chakra-colors-blue-10: #e3eaee;
		--chakra-colors-blue-20: #c7d5dd;
		--chakra-colors-blue-30: #aac1cb;
		--chakra-colors-blue-40: #8eacba;
		--chakra-colors-blue-50: #3ea4d2;
		--chakra-colors-blue-60: #379ac6;
		--chakra-colors-blue-70: #327796;
		--chakra-colors-blue-80: #2e3c44;
		--chakra-colors-blue-90: #171e22;
		--chakra-colors-moss-05: #f4f5ee;
		--chakra-colors-moss-10: #e9ebdd;
		--chakra-colors-moss-20: #d3d7bb;
		--chakra-colors-moss-30: #bcc498;
		--chakra-colors-moss-40: #a6b076;
		--chakra-colors-moss-50: #a1b92b;
		--chakra-colors-moss-60: #96ad28;
		--chakra-colors-moss-70: #768721;
		--chakra-colors-moss-80: #3a3e22;
		--chakra-colors-moss-90: #1d1f11;
		--chakra-colors-neutral-00: #ffffff;
		--chakra-colors-neutral-05: #f8f7f2;
		--chakra-colors-neutral-10: #efeeec;
		--chakra-colors-neutral-100: #000000;
		--chakra-colors-neutral-20: #e9e8e7;
		--chakra-colors-neutral-30: #c5c2be;
		--chakra-colors-neutral-40: #b1aea8;
		--chakra-colors-neutral-50: #9e9a92;
		--chakra-colors-neutral-60: #7f7c76;
		--chakra-colors-neutral-70: #605e59;
		--chakra-colors-neutral-80: #42403d;
		--chakra-colors-neutral-90: #232220;
		--chakra-colors-red-05: #fae9ec;
		--chakra-colors-red-10: #f4d3d9;
		--chakra-colors-red-20: #e9a7b2;
		--chakra-colors-red-30: #df7c8c;
		--chakra-colors-red-40: #d45065;
		--chakra-colors-red-50: #c9243f;
		--chakra-colors-red-60: #b52239;
		--chakra-colors-red-70: #791626;
		--chakra-colors-red-80: #500e19;
		--chakra-colors-red-90: #28070d;
		--chakra-colors-terra-05: #fcf1f0;
		--chakra-colors-terra-10: #f8e4e1;
		--chakra-colors-terra-20: #f2c8c3;
		--chakra-colors-terra-30: #ebada5;
		--chakra-colors-terra-40: #e59187;
		--chakra-colors-terra-50: #de7669;
		--chakra-colors-terra-60: #b76055;
		--chakra-colors-terra-70: #904a41;
		--chakra-colors-terra-80: #68342e;
		--chakra-colors-terra-90: #411e1a;
		--chakra-colors-transparent-black-05: #0000000d;
		--chakra-colors-transparent-black-10: #0000001a;
		--chakra-colors-transparent-black-20: #00000033;
		--chakra-colors-transparent-black-30: #0000004d;
		--chakra-colors-transparent-black-40: #00000066;
		--chakra-colors-transparent-black-50: #00000080;
		--chakra-colors-transparent-black-60: #00000099;
		--chakra-colors-transparent-black-70: #000000b2;
		--chakra-colors-transparent-black-80: #000000cc;
		--chakra-colors-transparent-black-90: #000000e5;
		--chakra-colors-transparent-white-05: #ffffff0d;
		--chakra-colors-transparent-white-10: #ffffff1a;
		--chakra-colors-transparent-white-20: #ffffff33;
		--chakra-colors-transparent-white-30: #ffffff4d;
		--chakra-colors-transparent-white-40: #ffffff66;
		--chakra-colors-transparent-white-50: #ffffff80;
		--chakra-colors-transparent-white-60: #ffffff99;
		--chakra-colors-transparent-white-70: #ffffffb2;
		--chakra-colors-transparent-white-80: #ffffffcc;
		--chakra-colors-transparent-white-90: #ffffffe5;
		--chakra-colors-yellow-05: #fdf6e9;
		--chakra-colors-yellow-10: #fbeed2;
		--chakra-colors-yellow-20: #f8dca5;
		--chakra-colors-yellow-30: #f4cb79;
		--chakra-colors-yellow-40: #f1b94c;
		--chakra-colors-yellow-50: #f8ad18;
		--chakra-colors-yellow-60: #e6a118;
		--chakra-colors-yellow-70: #ae7b14;
		--chakra-colors-yellow-80: #5f430c;
		--chakra-colors-yellow-90: #2f2206;
		--chakra-colors-border-dark: #00000033;
		--chakra-colors-border-light: #ffffff33;
		--chakra-colors-border-solid-dark: #000000;
		--chakra-colors-border-solid-light: #ffffff;
		--chakra-colors-border-solid-subtle: #c5c2be;
		--chakra-colors-brand-blue: #3ea4d2;
		--chakra-colors-brand-moss: #a1b92b;
		--chakra-colors-brand-primary: #c9243f;
		--chakra-colors-brand-terra: #de7669;
		--chakra-colors-brand-yellow: #f8ad18;
		--chakra-colors-button-blue-active: #327796;
		--chakra-colors-button-blue-hover: #379ac6;
		--chakra-colors-button-blue-surface: #3ea4d2;
		--chakra-colors-button-blue-text: #ffffff;
		--chakra-colors-button-moss-active: #768721;
		--chakra-colors-button-moss-hover: #96ad28;
		--chakra-colors-button-moss-surface: #a1b92b;
		--chakra-colors-button-moss-text: #ffffff;
		--chakra-colors-button-primary-active: #791626;
		--chakra-colors-button-primary-hover: #b52239;
		--chakra-colors-button-primary-surface: #c9243f;
		--chakra-colors-button-primary-text: #ffffff;
		--chakra-colors-button-terra-active: #904a41;
		--chakra-colors-button-terra-hover: #b76055;
		--chakra-colors-button-terra-surface: #de7669;
		--chakra-colors-button-terra-text: #ffffff;
		--chakra-colors-button-yellow-active: #f4cb79;
		--chakra-colors-button-yellow-hover: #f1b94c;
		--chakra-colors-button-yellow-surface: #f8ad18;
		--chakra-colors-button-yellow-text: #000000;
		--chakra-colors-surface-blue: #3ea4d2;
		--chakra-colors-surface-blue-alt: #f1f5f6;
		--chakra-colors-surface-dark: #232220;
		--chakra-colors-surface-moss: #a1b92b;
		--chakra-colors-surface-moss-alt: #f4f5ee;
		--chakra-colors-surface-neutral: #f8f7f2;
		--chakra-colors-surface-neutral-alt: #efeeec;
		--chakra-colors-surface-red: #c9243f;
		--chakra-colors-surface-red-alt: #fae9ec;
		--chakra-colors-surface-terra: #de7669;
		--chakra-colors-surface-terra-alt: #fcf1f0;
		--chakra-colors-surface-white: #ffffff;
		--chakra-colors-surface-yellow: #f8ad18;
		--chakra-colors-surface-yellow-alt: #fdf6e9;
		--chakra-colors-text-dark: #000000;
		--chakra-colors-text-dark-disabled: #7f7c76;
		--chakra-colors-text-dark-secondary: #42403d;
		--chakra-colors-text-light: #ffffff;
		--chakra-durations-fastest: 50ms;
		--chakra-durations-faster: 100ms;
		--chakra-durations-fast: 150ms;
		--chakra-durations-moderate: 200ms;
		--chakra-durations-slow: 300ms;
		--chakra-durations-slower: 400ms;
		--chakra-durations-slowest: 500ms;
		--chakra-easings-ease-in: cubic-bezier(0.42, 0, 1, 1);
		--chakra-easings-ease-out: cubic-bezier(0, 0, 0.58, 1);
		--chakra-easings-ease-in-out: cubic-bezier(0.42, 0, 0.58, 1);
		--chakra-easings-ease-in-smooth: cubic-bezier(0.32, 0.72, 0, 1);
		--chakra-fonts-primary: var(--garda-nova-ii), -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
		--chakra-fonts-secondary: var(--gotham), BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
		--chakra-font-weights-thin: 100;
		--chakra-font-weights-extralight: 200;
		--chakra-font-weights-light: 300;
		--chakra-font-weights-normal: 400;
		--chakra-font-weights-medium: 500;
		--chakra-font-weights-semibold: 600;
		--chakra-font-weights-bold: 700;
		--chakra-font-weights-extrabold: 800;
		--chakra-font-weights-black: 900;
		--chakra-letter-spacings-tighter: -0.05em;
		--chakra-letter-spacings-tight: -0.025em;
		--chakra-letter-spacings-wide: 0.025em;
		--chakra-letter-spacings-wider: 0.05em;
		--chakra-letter-spacings-widest: 0.1em;
		--chakra-radii-none: 0;
		--chakra-radii-2xs: 0.0625rem;
		--chakra-radii-xs: 0.125rem;
		--chakra-radii-sm: 0.25rem;
		--chakra-radii-md: 0.375rem;
		--chakra-radii-lg: 0.5rem;
		--chakra-radii-xl: 0.75rem;
		--chakra-radii-2xl: 1rem;
		--chakra-radii-3xl: 1.5rem;
		--chakra-radii-4xl: 2rem;
		--chakra-radii-full: 9999px;
		--chakra-spacing-1: 0.25rem;
		--chakra-spacing-2: 0.5rem;
		--chakra-spacing-3: 0.75rem;
		--chakra-spacing-4: 1rem;
		--chakra-spacing-5: 1.25rem;
		--chakra-spacing-6: 1.5rem;
		--chakra-spacing-7: 1.75rem;
		--chakra-spacing-8: 2rem;
		--chakra-spacing-9: 2.25rem;
		--chakra-spacing-10: 2.5rem;
		--chakra-spacing-11: 2.75rem;
		--chakra-spacing-12: 3rem;
		--chakra-spacing-14: 3.5rem;
		--chakra-spacing-16: 4rem;
		--chakra-spacing-20: 5rem;
		--chakra-spacing-24: 6rem;
		--chakra-spacing-28: 7rem;
		--chakra-spacing-32: 8rem;
		--chakra-spacing-36: 9rem;
		--chakra-spacing-40: 10rem;
		--chakra-spacing-44: 11rem;
		--chakra-spacing-48: 12rem;
		--chakra-spacing-52: 13rem;
		--chakra-spacing-56: 14rem;
		--chakra-spacing-60: 15rem;
		--chakra-spacing-64: 16rem;
		--chakra-spacing-72: 18rem;
		--chakra-spacing-80: 20rem;
		--chakra-spacing-96: 24rem;
		--chakra-spacing-0\.5: 0.125rem;
		--chakra-spacing-1\.5: 0.375rem;
		--chakra-spacing-2\.5: 0.625rem;
		--chakra-spacing-3\.5: 0.875rem;
		--chakra-spacing-4\.5: 1.125rem;
		--chakra-sizes-1: 0.25rem;
		--chakra-sizes-2: 0.5rem;
		--chakra-sizes-3: 0.75rem;
		--chakra-sizes-4: 1rem;
		--chakra-sizes-5: 1.25rem;
		--chakra-sizes-6: 1.5rem;
		--chakra-sizes-7: 1.75rem;
		--chakra-sizes-8: 2rem;
		--chakra-sizes-9: 2.25rem;
		--chakra-sizes-10: 2.5rem;
		--chakra-sizes-11: 2.75rem;
		--chakra-sizes-12: 3rem;
		--chakra-sizes-14: 3.5rem;
		--chakra-sizes-16: 4rem;
		--chakra-sizes-20: 5rem;
		--chakra-sizes-24: 6rem;
		--chakra-sizes-28: 7rem;
		--chakra-sizes-32: 8rem;
		--chakra-sizes-36: 9rem;
		--chakra-sizes-40: 10rem;
		--chakra-sizes-44: 11rem;
		--chakra-sizes-48: 12rem;
		--chakra-sizes-52: 13rem;
		--chakra-sizes-56: 14rem;
		--chakra-sizes-60: 15rem;
		--chakra-sizes-64: 16rem;
		--chakra-sizes-72: 18rem;
		--chakra-sizes-80: 20rem;
		--chakra-sizes-96: 24rem;
		--chakra-sizes-3xs: 14rem;
		--chakra-sizes-2xs: 16rem;
		--chakra-sizes-xs: 20rem;
		--chakra-sizes-sm: 24rem;
		--chakra-sizes-md: 28rem;
		--chakra-sizes-lg: 32rem;
		--chakra-sizes-xl: 36rem;
		--chakra-sizes-2xl: 42rem;
		--chakra-sizes-3xl: 48rem;
		--chakra-sizes-4xl: 56rem;
		--chakra-sizes-5xl: 64rem;
		--chakra-sizes-6xl: 72rem;
		--chakra-sizes-7xl: 80rem;
		--chakra-sizes-8xl: 90rem;
		--chakra-sizes-0\.5: 0.125rem;
		--chakra-sizes-1\.5: 0.375rem;
		--chakra-sizes-2\.5: 0.625rem;
		--chakra-sizes-3\.5: 0.875rem;
		--chakra-sizes-4\.5: 1.125rem;
		--chakra-sizes-1\/2: 50%;
		--chakra-sizes-1\/3: 33.333333%;
		--chakra-sizes-2\/3: 66.666667%;
		--chakra-sizes-1\/4: 25%;
		--chakra-sizes-3\/4: 75%;
		--chakra-sizes-1\/5: 20%;
		--chakra-sizes-2\/5: 40%;
		--chakra-sizes-3\/5: 60%;
		--chakra-sizes-4\/5: 80%;
		--chakra-sizes-1\/6: 16.666667%;
		--chakra-sizes-2\/6: 33.333333%;
		--chakra-sizes-3\/6: 50%;
		--chakra-sizes-4\/6: 66.666667%;
		--chakra-sizes-5\/6: 83.333333%;
		--chakra-sizes-1\/12: 8.333333%;
		--chakra-sizes-2\/12: 16.666667%;
		--chakra-sizes-3\/12: 25%;
		--chakra-sizes-4\/12: 33.333333%;
		--chakra-sizes-5\/12: 41.666667%;
		--chakra-sizes-6\/12: 50%;
		--chakra-sizes-7\/12: 58.333333%;
		--chakra-sizes-8\/12: 66.666667%;
		--chakra-sizes-9\/12: 75%;
		--chakra-sizes-10\/12: 83.333333%;
		--chakra-sizes-11\/12: 91.666667%;
		--chakra-sizes-max: max-content;
		--chakra-sizes-min: min-content;
		--chakra-sizes-fit: fit-content;
		--chakra-sizes-prose: 60ch;
		--chakra-sizes-full: 100%;
		--chakra-sizes-dvh: 100dvh;
		--chakra-sizes-svh: 100svh;
		--chakra-sizes-lvh: 100lvh;
		--chakra-sizes-dvw: 100dvw;
		--chakra-sizes-svw: 100svw;
		--chakra-sizes-lvw: 100lvw;
		--chakra-sizes-vw: 100vw;
		--chakra-sizes-vh: 100vh;
		--chakra-sizes-breakpoint-sm: 480px;
		--chakra-sizes-breakpoint-md: 768px;
		--chakra-sizes-breakpoint-lg: 1024px;
		--chakra-sizes-breakpoint-xl: 1280px;
		--chakra-sizes-breakpoint-2xl: 1536px;
		--chakra-z-index-hide: -1;
		--chakra-z-index-base: 0;
		--chakra-z-index-docked: 10;
		--chakra-z-index-dropdown: 1000;
		--chakra-z-index-sticky: 1100;
		--chakra-z-index-banner: 1200;
		--chakra-z-index-overlay: 1300;
		--chakra-z-index-modal: 1400;
		--chakra-z-index-popover: 1500;
		--chakra-z-index-skip-nav: 1600;
		--chakra-z-index-toast: 1700;
		--chakra-z-index-tooltip: 1800;
		--chakra-z-index-max: 2147483647;
		--chakra-cursor-button: pointer;
		--chakra-cursor-checkbox: default;
		--chakra-cursor-disabled: not-allowed;
		--chakra-cursor-menuitem: default;
		--chakra-cursor-option: default;
		--chakra-cursor-radio: default;
		--chakra-cursor-slider: default;
		--chakra-cursor-switch: pointer;
		--chakra-breakpoints-sm: 480px;
		--chakra-breakpoints-md: 768px;
		--chakra-breakpoints-lg: 1024px;
		--chakra-breakpoints-xl: 1280px;
		--chakra-breakpoints-2xl: 1536px;
		--chakra-line-heights-font-height-p3: 20px;
		--chakra-line-heights-font-height-p2: 22px;
		--chakra-line-heights-font-height-p1: 24px;
		--chakra-line-heights-font-height-h5: 26px;
		--chakra-line-heights-font-height-h4: 32px;
		--chakra-line-heights-font-height-h3: 36px;
		--chakra-line-heights-font-height-h2: 38px;
		--chakra-line-heights-font-height-h1: 46px;
		--chakra-line-heights-font-height-d1: 52px;
		--chakra-font-sizes-font-size-p3: 12px;
		--chakra-font-sizes-font-size-p2: 14px;
		--chakra-font-sizes-font-size-p1: 16px;
		--chakra-font-sizes-font-size-h5: 18px;
		--chakra-font-sizes-font-size-h4: 24px;
		--chakra-font-sizes-font-size-h3: 28px;
		--chakra-font-sizes-font-size-h2: 30px;
		--chakra-font-sizes-font-size-h1: 36px;
		--chakra-font-sizes-font-size-d1: 44px;
		--chakra-spacing-gap-xs: 4px;
		--chakra-spacing-gap-sm: 8px;
		--chakra-spacing-gap-md: 16px;
		--chakra-spacing-gap-lg: 32px;
		--chakra-spacing-scrollable-gap: 12px;
		--chakra-spacing-padding-container-top: 0px;
		--chakra-spacing-padding-side: 24px;
		--chakra-spacing-navbar-offset: calc(88px + 38px);
		--chakra-sizes-3col: 327px;
		--chakra-sizes-3col-alt: 327px;
		--chakra-sizes-4col: 327px;
		--chakra-sizes-4col-scrollable: 242px;
		--chakra-sizes-5col: 327px;
		--chakra-sizes-6col: 327px;
		--chakra-sizes-7col: 327px;
		--chakra-sizes-8col: 327px;
		--chakra-sizes-container-max-width: 1184px;
		--chakra-sizes-banner-max-width: 1264px;
	}
	@media screen and (min-width: 64rem) {
		:where(:root, : host) {
			--chakra-line-heights-font-height-p3: 20px;
			--chakra-line-heights-font-height-p2: 24px;
			--chakra-line-heights-font-height-p1: 26px;
			--chakra-line-heights-font-height-h5: 36px;
			--chakra-line-heights-font-height-h4: 40px;
			--chakra-line-heights-font-height-h3: 48px;
			--chakra-line-heights-font-height-h2: 64px;
			--chakra-line-heights-font-height-h1: 80px;
			--chakra-line-heights-font-height-d1: 104px;
			--chakra-font-sizes-font-size-p3: 14px;
			--chakra-font-sizes-font-size-p2: 16px;
			--chakra-font-sizes-font-size-p1: 18px;
			--chakra-font-sizes-font-size-h5: 28px;
			--chakra-font-sizes-font-size-h4: 32px;
			--chakra-font-sizes-font-size-h3: 40px;
			--chakra-font-sizes-font-size-h2: 56px;
			--chakra-font-sizes-font-size-h1: 72px;
			--chakra-font-sizes-font-size-d1: 96px;
			--chakra-spacing-gap-xs: 12px;
			--chakra-spacing-gap-sm: 24px;
			--chakra-spacing-gap-md: 32px;
			--chakra-spacing-gap-lg: 48px;
			--chakra-spacing-scrollable-gap: 16px;
			--chakra-spacing-padding-container-top: 16px;
			--chakra-spacing-padding-side: 64px;
			--chakra-sizes-3col: 284px;
			--chakra-sizes-3col-alt: 284px;
			--chakra-sizes-4col: 384px;
			--chakra-sizes-4col-scrollable: 384px;
			--chakra-sizes-5col: 484px;
			--chakra-sizes-6col: 584px;
			--chakra-sizes-7col: 684px;
			--chakra-sizes-8col: 784px;
			--chakra-sizes-container-max-width: 1184px;
			--chakra-sizes-banner-max-width: 1264px;
		}
	}
	@media screen and (min-width: 48rem) {
		:where(:root, : host) {
			--chakra-spacing-gap-xs: 8px;
			--chakra-spacing-gap-sm: 16px;
			--chakra-spacing-gap-md: 24px;
			--chakra-spacing-gap-lg: 32px;
			--chakra-spacing-scrollable-gap: 16px;
			--chakra-spacing-padding-container-top: 16px;
			--chakra-spacing-padding-side: 64px;
			--chakra-sizes-3col-alt: 285px;
			--chakra-sizes-4col-scrollable: 225px;
			--chakra-sizes-container-max-width: 1184px;
			--chakra-sizes-banner-max-width: 1264px;
		}
	}
}
.css-4kfyhp {
	--topNavHeight: 40px;
	--navHeight: 88px;
	--totalNavHeight: 128px;
	width: var(--chakra-sizes-full);
	min-height: 100dvh;
	position: relative;
}
.css-cgfngg {
	width: var(--chakra-sizes-full);
	height: var(--totalNavHeight);
	transition-property: height;
	transition-timing-function: var(--transition-timing-function);
	transition-duration: var(--nav-transition-duration);
}
@media screen and (min-width: 64rem) {
	.css-cgfngg {
		height: 160px;
	}
}
.css-1cjerf1 {
	width: var(--chakra-sizes-full);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	transition-property: transform;
	transition-timing-function: var(--transition-timing-function);
	transition-duration: var(--nav-transition-duration);
	z-index: 10;
}
@media screen and (min-width: 64rem) {
	.css-1cjerf1 {
		-webkit-transform: translateY(calc(-1 * var(--topNavHeight)));
		-moz-transform: translateY(calc(-1 * var(--topNavHeight)));
		-ms-transform: translateY(calc(-1 * var(--topNavHeight)));
		transform: translateY(calc(-1 * var(--topNavHeight)));
	}
}
.css-323umv {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	gap: 24px;
	width: var(--chakra-sizes-full);
	padding: 8px var(--chakra-spacing-padding-side);
	background: var(--chakra-colors-red-50);
	--bg-currentcolor: var(--chakra-colors-red-50);
	/*overflow: hidden;*/
	min-height: 40px;
}
.css-9sy6r5 {
	max-width: var(--chakra-sizes-container-max-width) !important;
	padding-inline: 0 !important;
}
@layer recipes {
	.css-9sy6r5 {
		position: relative !important;
		width: 100% !important;
		margin-inline: auto !important;
	}
}
.css-1m72d8j {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 16px;
}
@media screen and (min-width: 30rem) {
	.css-1m72d8j {
		-webkit-align-items: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		gap: 24px;
	}
}
.css-1iwyna0 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 2px;
	cursor: pointer;
}
.css-chgbhg {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	gap: 8px;
}
.css-1v2fo9q {
	font-family: var(--chakra-fonts-secondary);
	font-size: var(--chakra-font-sizes-font-size-p3);
	font-style: normal;
	font-weight: 500;
	line-height: var(--chakra-line-heights-font-height-p3);
	color: var(--chakra-colors-neutral-00);
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin: 0;
}
.css-tacwgo {
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
@layer recipes {
	.css-tacwgo {
		position: relative;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-align-items: flex-start;
		-webkit-box-align: flex-start;
		-ms-flex-align: flex-start;
		align-items: flex-start;
		gap: 8px;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		--used-color: var(--chakra-colors-neutral-00);
	}
}
.css-zmr6lo {
	height: 20px;
}
@layer recipes {
	.css-zmr6lo {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		width: 20px;
		height: 24px;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-flex-shrink: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		font-size: 20px;
		color: var(--used-color, var(--chakra-colors-neutral-100));
	}
	.css-zmr6lo :where(svg) {
		width: 20px;
		height: 20px;
	}
	.css-zmr6lo :where(img) {
		width: 20px;
		height: 20px;
		object-fit: contain;
	}
}
.css-i9jboz {
	font-variation-settings: 'FILL'0, 'wght'500, 'GRAD'0, 'opsz'24;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: inline-block;
	width: 1em;
	height: 1em;
	font-size: inherit;
}
@layer recipes {
	.css-9s2v3m {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: flex-start;
		-webkit-box-align: flex-start;
		-ms-flex-align: flex-start;
		align-items: flex-start;
		-webkit-flex: 1 0 0;
		-ms-flex: 1 0 0;
		flex: 1 0 0;
	}
}
.css-1vxx7in {
	font-family: var(--chakra-fonts-secondary);
	font-size: var(--chakra-font-sizes-font-size-p3);
	font-style: normal;
	font-weight: 500;
	line-height: var(--chakra-line-heights-font-height-p3);
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	text-wrap: wrap;
}
@layer recipes {
	.css-1vxx7in {
		-webkit-align-self: stretch;
		-ms-flex-item-align: stretch;
		align-self: stretch;
		color: var(--used-color, var(--chakra-colors-neutral-100));
		font-family: var(--chakra-fonts-secondary);
		font-size: var(--chakra-font-sizes-font-size-p2);
		font-style: normal;
		font-weight: 500;
		line-height: var(--chakra-line-heights-font-height-p2);
	}
}
.css-mogqpi {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	gap: 0.5rem;
}
.css-1ski9r {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	gap: 16px;
	position: relative;
	z-index: 1;
}
@layer recipes {
.css-3549st {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        -ms-appearance: none !important;
        appearance: none !important;
        -webkit-align-items: center !important;
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        -webkit-justify-content: center !important;
        justify-content: center !important;
        -webkit-user-select: none !important;
        -moz-user-select: none !important;
        -ms-user-select: none !important;
        user-select: none !important;
        position: relative !important;
        white-space: nowrap !important;
        vertical-align: middle !important;
        cursor: var(--chakra-cursor-button) !important;
        -webkit-flex-shrink: 0 !important;
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
        outline: 0 !important;
        isolation: isolate !important;
        transition-property: all !important;
        transition-timing-function: var(--chakra-easings-ease-in-out) !important;
        transition-duration: 200ms !important;
        font-family: var(--chakra-fonts-secondary) !important;
        font-size: var(--chakra-font-sizes-font-size-p2) !important;
        font-style: normal !important;
        font-weight: 500 !important;
        line-height: var(--chakra-line-heights-font-height-p2) !important;
        --icon-size: 18px !important;
        background: transparent !important;
        --bg-currentcolor: transparent !important;
        color: var(--chakra-colors-neutral-00) !important;
    }
    .css-3549st:is(:focus-visible, [data-focus-visible]) {
        outline: none !important;
    }
    .css-3549st:is(:focus, [data-focus]) {
        outline: none !important;
    }
    .css-3549st:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
        opacity: 0.5 !important;
        cursor: not-allowed !important;
    }
    .css-3549st :where(svg) {
        -webkit-flex-shrink: 0 !important;
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
        width: var(--icon-size, 20px) !important;
        height: var(--icon-size, 20px) !important;
    }
    .css-3549st .left-icon {
        font-size: var(--icon-size, 20px) !important;
        width: var(--icon-size, 20px) !important;
        height: var(--icon-size, 20px) !important;
        transition-property: all !important;
        transition-timing-function: var(--chakra-easings-ease-in-out) !important;
        transition-duration: 200ms !important;
    }
    .css-3549st .right-icon {
        font-size: var(--icon-size, 20px) !important;
        width: var(--icon-size, 20px) !important;
        height: var(--icon-size, 20px) !important;
        transition-property: all !important;
        transition-timing-function: var(--chakra-easings-ease-in-out) !important;
        transition-duration: 200ms !important;
    }
    .css-3549st:focus {
        background: transparent !important;
        --bg-currentcolor: transparent !important;
        color: var(--chakra-colors-neutral-10) !important;
    }
    .css-3549st:focus .left-icon {
        margin-right: 2px !important;
    }
    .css-3549st:focus .right-icon {
        margin-left: 2px !important;
    }
    @media (hover: hover) {
        .css-3549st:is(:hover, [data-hover]):not(:disabled, [data-disabled]) {
            background: transparent !important;
            --bg-currentcolor: transparent !important;
            color: var(--chakra-colors-neutral-10) !important;
        }
        .css-3549st:is(:hover, [data-hover]):not(:disabled, [data-disabled]) .left-icon {
            margin-right: 2px !important;
        }
        .css-3549st:is(:hover, [data-hover]):not(:disabled, [data-disabled]) .right-icon {
            margin-left: 2px !important;
        }
    }
}
.css-i25h4o {
	width: 1px;
	height: 16px;
	background: var(--chakra-colors-neutral-00);
	--bg-currentcolor: var(--chakra-colors-neutral-00);
}
.css-19fxdqt {
	font-variation-settings: 'FILL'1, 'wght'500, 'GRAD'0, 'opsz'24;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: inline-block;
	width: 1em;
	height: 1em;
	font-size: 22px;
	color: var(--chakra-colors-neutral-00);
}
.css-sz7uqa {
	font-variation-settings: 'FILL'0, 'wght'500, 'GRAD'0, 'opsz'24;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: inline-block;
	width: 1em;
	height: 1em;
	font-size: 22px;
	color: var(--chakra-colors-neutral-00);
}
.css-19bdlqc {
	font-variation-settings: 'FILL'1, 'wght'500, 'GRAD'0, 'opsz'24;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: inline-block;
	width: 1em;
	height: 1em;
	font-size: 22px;
	color: var(--chakra-colors-neutral-00);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.css-qnamt2 {
	width: var(--chakra-sizes-full);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	-webkit-transform: translateY(var(--topNavHeight));
	-moz-transform: translateY(var(--topNavHeight));
	-ms-transform: translateY(var(--topNavHeight));
	transform: translateY(var(--topNavHeight));
	transition-property: transform;
	transition-timing-function: var(--transition-timing-function);
	transition-duration: var(--nav-transition-duration);
	z-index: 10;
}
@media screen and (min-width: 64rem) {
	.css-qnamt2 {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}
.css-1sfpx31 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	gap: 0.5rem;
	width: var(--chakra-sizes-full);
	height: 160px;
	padding: 20px var(--chakra-spacing-padding-side);
	background: var(--primary-color);
	--bg-currentcolor: var(--primary-color);
	/*overflow: hidden;*/
	transition-property: height, box-shadow;
	transition-timing-function: var(--nav-transition-timing-function);
	transition-duration: var(--nav-transition-duration);
	box-shadow: none;
}
@layer recipes {
	.css-1sfpx31 {
		--primary-color: var(--chakra-colors-surface-white);
		--secondary-color: var(--chakra-colors-brand-primary);
		--border-color: var(--chakra-colors-neutral-30);
		--text-color: var(--chakra-colors-neutral-100);
	}
}
.css-3v40gq {
	position: relative;
	width: 105px;
	height: 120px;
	transition-property: width, height;
	transition-timing-function: var(--nav-transition-timing-function);
	transition-duration: var(--nav-transition-duration);
	color: var(--secondary-color);
}
.css-ezghl7 {
	-webkit-mask-image: url(/design/vigado_2026/components/logo-nav-media-1.svg);
	-webkit-mask-image: url(/design/vigado_2026/components/logo-nav-media-1.svg);
	mask-image: url(/design/vigado_2026/components/logo-nav-media-1.svg);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	-webkit-mask-size: contain;
	mask-size: contain;
	position: absolute;
	top: 0;
	left: 0;
	width: 105px;
	height: 85px;
	transition-property: all;
	transition-timing-function: var(--nav-transition-timing-function);
	transition-duration: var(--nav-transition-duration);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background: var(--secondary-color);
	--bg-currentcolor: var(--secondary-color);
}
.css-wq603p {
	-webkit-mask-image: url(/design/vigado_2026/components/k%C3%A9p-1.png);
	-webkit-mask-image: url(/design/vigado_2026/components/k%C3%A9p-1.png);
	mask-image: url(/design/vigado_2026/components/k%C3%A9p-1.png);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	-webkit-mask-size: contain;
	mask-size: contain;
	position: absolute;
	top: 95px;
	left: 0;
	width: 105px;
	height: 25px;
	transition-property: all;
	transition-timing-function: var(--nav-transition-timing-function);
	transition-duration: var(--nav-transition-duration);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background: var(--secondary-color);
	--bg-currentcolor: var(--secondary-color);
}
.css-1usxumo {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: flex-end;
	-webkit-box-align: flex-end;
	-ms-flex-align: flex-end;
	align-items: flex-end;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 0.5rem;
	-webkit-flex: 1 0 0;
	-ms-flex: 1 0 0;
	flex: 1 0 0;
	-webkit-align-self: stretch;
	-ms-flex-item-align: stretch;
	align-self: stretch;
}
.css-wpf3zd {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: stretch;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 0;
}
.css-164vrai {
	/*overflow: hidden;*/
	height: 57px;
	opacity: 1;
	transition-property: all;
	transition-timing-function: var(--nav-transition-timing-function);
	transition-duration: var(--nav-transition-duration);
}
.css-pcjcow {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	gap: 24px;
	padding-bottom: 8px;
	border-bottom-width: 1px;
	border-color: var(--border-color);
	margin-bottom: 24px;
}
.css-21g5ov {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	gap: 8px;
	cursor: pointer;
}
.css-74xm0s {
	font-family: var(--chakra-fonts-secondary);
	font-size: var(--chakra-font-sizes-font-size-p3);
	font-style: normal;
	font-weight: 500;
	line-height: var(--chakra-line-heights-font-height-p3);
	color: var(--text-color);
	margin: 0;
}
.css-sd6zgw {
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
@layer recipes {
	.css-sd6zgw {
		position: relative;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-align-items: flex-start;
		-webkit-box-align: flex-start;
		-ms-flex-align: flex-start;
		align-items: flex-start;
		gap: 8px;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		--used-color: var(--chakra-colors-neutral-100);
	}
}
@media screen and (max-width: 63.9975rem) {
	.css-sd6zgw {
		display: none;
	}
}
@layer recipes {
	.css-1qx5tpk {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		width: 20px;
		height: 24px;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-flex-shrink: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		font-size: 20px;
		color: var(--used-color, var(--chakra-colors-neutral-100));
	}
	.css-1qx5tpk :where(svg) {
		width: 20px;
		height: 20px;
	}
	.css-1qx5tpk :where(img) {
		width: 20px;
		height: 20px;
		object-fit: contain;
	}
}
.css-166efei {
	font-family: var(--chakra-fonts-secondary);
	font-size: var(--chakra-font-sizes-font-size-p3);
	font-style: normal;
	font-weight: 500;
	line-height: var(--chakra-line-heights-font-height-p3);
}
@layer recipes {
	.css-166efei {
		-webkit-align-self: stretch;
		-ms-flex-item-align: stretch;
		align-self: stretch;
		color: var(--used-color, var(--chakra-colors-neutral-100));
		font-family: var(--chakra-fonts-secondary);
		font-size: var(--chakra-font-sizes-font-size-p2);
		font-style: normal;
		font-weight: 500;
		line-height: var(--chakra-line-heights-font-height-p2);
	}
}
@layer recipes {
.css-1w5vcdz {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        -ms-appearance: none !important;
        appearance: none !important;
        -webkit-align-items: center !important;
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        -webkit-justify-content: center !important;
        justify-content: center !important;
        -webkit-user-select: none !important;
        -moz-user-select: none !important;
        -ms-user-select: none !important;
        user-select: none !important;
        position: relative !important;
        white-space: nowrap !important;
        vertical-align: middle !important;
        cursor: var(--chakra-cursor-button) !important;
        -webkit-flex-shrink: 0 !important;
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
        outline: 0 !important;
        isolation: isolate !important;
        transition-property: all !important;
        transition-timing-function: var(--chakra-easings-ease-in-out) !important;
        transition-duration: 200ms !important;
        font-family: var(--chakra-fonts-secondary) !important;
        font-size: var(--chakra-font-sizes-font-size-p2) !important;
        font-style: normal !important;
        font-weight: 500 !important;
        line-height: var(--chakra-line-heights-font-height-p2) !important;
        --icon-size: 18px !important;
        background: transparent !important;
        --bg-currentcolor: transparent !important;
        color: var(--chakra-colors-neutral-100) !important;
    }
    .css-1w5vcdz:is(:focus-visible, [data-focus-visible]) {
        outline: none !important;
    }
    .css-1w5vcdz:is(:focus, [data-focus]) {
        outline: none !important;
    }
    .css-1w5vcdz:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
        opacity: 0.5 !important;
        cursor: not-allowed !important;
    }
    .css-1w5vcdz :where(svg) {
        -webkit-flex-shrink: 0 !important;
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
        width: var(--icon-size, 20px) !important;
        height: var(--icon-size, 20px) !important;
    }
    .css-1w5vcdz .left-icon {
        font-size: var(--icon-size, 20px) !important;
        width: var(--icon-size, 20px) !important;
        height: var(--icon-size, 20px) !important;
        transition-property: all !important;
        transition-timing-function: var(--chakra-easings-ease-in-out) !important;
        transition-duration: 200ms !important;
    }
    .css-1w5vcdz .right-icon {
        font-size: var(--icon-size, 20px) !important;
        width: var(--icon-size, 20px) !important;
        height: var(--icon-size, 20px) !important;
        transition-property: all !important;
        transition-timing-function: var(--chakra-easings-ease-in-out) !important;
        transition-duration: 200ms !important;
    }
    .css-1w5vcdz:focus {
        background: transparent !important;
        --bg-currentcolor: transparent !important;
        color: var(--chakra-colors-neutral-80) !important;
    }
    .css-1w5vcdz:focus .left-icon {
        margin-right: 2px !important;
    }
    .css-1w5vcdz:focus .right-icon {
        margin-left: 2px !important;
    }
    @media (hover: hover) {
        .css-1w5vcdz:is(:hover, [data-hover]):not(:disabled, [data-disabled]) {
            background: transparent !important;
            --bg-currentcolor: transparent !important;
            color: var(--chakra-colors-neutral-80) !important;
        }
        .css-1w5vcdz:is(:hover, [data-hover]):not(:disabled, [data-disabled]) .left-icon {
            margin-right: 2px !important;
        }
        .css-1w5vcdz:is(:hover, [data-hover]):not(:disabled, [data-disabled]) .right-icon {
            margin-left: 2px !important;
        }
    }
}
.css-1ngvhys {
	width: 1px;
	height: 16px;
	background: var(--text-color);
	--bg-currentcolor: var(--text-color);
}
.css-1tj96i0 {
	font-variation-settings: 'FILL'1, 'wght'500, 'GRAD'0, 'opsz'24;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: inline-block;
	width: 1em;
	height: 1em;
	font-size: 22px;
	color: var(--text-color);
}
.css-zgldy {
	font-variation-settings: 'FILL'0, 'wght'500, 'GRAD'0, 'opsz'24;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: inline-block;
	width: 1em;
	height: 1em;
	font-size: 22px;
	color: var(--text-color);
}
.css-121759c {
	font-variation-settings: 'FILL'1, 'wght'500, 'GRAD'0, 'opsz'24;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: inline-block;
	width: 1em;
	height: 1em;
	font-size: 22px;
	color: var(--text-color);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.css-s9oerj {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	gap: 32px;
}
.css-g9afc0 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	gap: 32px;
}
@media screen and (max-width: 63.9975rem) {
	.css-g9afc0 {
		display: none;
	}
}
.css-1fiy8dl {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	gap: 0.5rem;
}
.css-1fiy8dl:is(:focus, [data-focus]) {
	outline: none;
}
.css-1fiy8dl:is(:focus-visible, [data-focus-visible]) {
	outline: none;
}
.css-ejjbu3 {
	font-family: var(--chakra-fonts-secondary);
	font-size: var(--chakra-font-sizes-font-size-p2);
	font-style: normal;
	font-weight: 500;
	line-height: var(--chakra-line-heights-font-height-p2);
	color: var(--text-color);
	margin: 0;
}
.css-k008qs {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	position: relative;
}
.css-1goujyg {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	gap: 2px;
	cursor: var(--chakra-cursor-button);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.css-1goujyg:is(:focus, [data-focus]) {
	outline: none;
}
.css-1goujyg:is(:focus-visible, [data-focus-visible]) {
	outline: none;
}
.css-1gjqfva {
	font-variation-settings: 'FILL'0, 'wght'500, 'GRAD'0, 'opsz'24;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: inline-block;
	width: 1em;
	height: 1em;
	font-size: 24px;
	color: var(--text-color);
}
.css-lr480d {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	gap: 16px;
}
@media screen and (min-width: 64rem) {
	.css-lr480d {
		gap: 8px;
	}
}
.css-2o5i8i {
	width: 48px;
	height: 48px;
}
@layer recipes {
	.css-2o5i8i {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-align-items: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
	}
}
.css-1aj5mjn {
	font-variation-settings: 'FILL'0, 'wght'500, 'GRAD'0, 'opsz'24;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: inline-block;
	width: 1em;
	height: 1em;
	font-size: 20px;
}
@layer recipes {
	.css-3di7ve {
		display: -webkit-inline-box;
		display: -webkit-inline-flex;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-appearance: none;
		-moz-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-webkit-align-items: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		position: relative;
		white-space: nowrap;
		vertical-align: middle;
		cursor: var(--chakra-cursor-button);
		-webkit-flex-shrink: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		outline: 0;
		isolation: isolate;
		transition-property: all;
		transition-timing-function: var(--chakra-easings-ease-in-out);
		transition-duration: 200ms;
		padding: 12px 16px;
		gap: 6px;
		font-family: var(--chakra-fonts-secondary);
		font-size: var(--chakra-font-sizes-font-size-p2);
		font-style: normal;
		font-weight: 500;
		line-height: var(--chakra-line-heights-font-height-p2);
		--icon-size: 20px;
		background: var(--chakra-colors-red-50);
		--bg-currentcolor: var(--chakra-colors-red-50);
		color: var(--chakra-colors-neutral-00);
	}
	.css-3di7ve:is(:focus-visible, [data-focus-visible]) {
		outline: none;
	}
	.css-3di7ve:is(:focus, [data-focus]) {
		outline: none;
	}
	.css-3di7ve:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
		opacity: 0.5;
		cursor: not-allowed;
	}
	.css-3di7ve :where(svg) {
		-webkit-flex-shrink: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		width: var(--icon-size, 20px);
		height: var(--icon-size, 20px);
	}
	.css-3di7ve .left-icon {
		font-size: var(--icon-size, 20px);
		width: var(--icon-size, 20px);
		height: var(--icon-size, 20px);
		transition-property: all;
		transition-timing-function: var(--chakra-easings-ease-in-out);
		transition-duration: 200ms;
	}
	.css-3di7ve .right-icon {
		font-size: var(--icon-size, 20px);
		width: var(--icon-size, 20px);
		height: var(--icon-size, 20px);
		transition-property: all;
		transition-timing-function: var(--chakra-easings-ease-in-out);
		transition-duration: 200ms;
	}
	.css-3di7ve:focus {
		background: var(--chakra-colors-red-60);
		--bg-currentcolor: var(--chakra-colors-red-60);
	}
	.css-3di7ve:focus .left-icon {
		margin-right: 4px;
	}
	.css-3di7ve:focus .right-icon {
		margin-left: 4px;
	}
	@media (hover: hover) {
		.css-3di7ve:is(:hover, [data-hover]):not(:disabled, [data-disabled]) {
			background: var(--chakra-colors-red-60);
			--bg-currentcolor: var(--chakra-colors-red-60);
		}
		.css-3di7ve:is(:hover, [data-hover]):not(:disabled, [data-disabled]) .left-icon {
			margin-right: 4px;
		}
		.css-3di7ve:is(:hover, [data-hover]):not(:disabled, [data-disabled]) .right-icon {
			margin-left: 4px;
		}
	}
}
@media screen and (max-width: 63.9975rem) {
	.css-3di7ve {
		display: none;
	}
}
@layer recipes {
	.css-6568iq {
		display: -webkit-inline-box;
		display: -webkit-inline-flex;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-appearance: none;
		-moz-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-webkit-align-items: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		position: relative;
		white-space: nowrap;
		vertical-align: middle;
		cursor: var(--chakra-cursor-button);
		-webkit-flex-shrink: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		outline: 0;
		isolation: isolate;
		transition-property: all;
		transition-timing-function: var(--chakra-easings-ease-in-out);
		transition-duration: 200ms;
		font-family: var(--chakra-fonts-secondary);
		font-size: var(--chakra-font-sizes-font-size-p2);
		font-style: normal;
		font-weight: 500;
		line-height: var(--chakra-line-heights-font-height-p2);
		--icon-size: 18px;
		background: transparent;
		--bg-currentcolor: transparent;
		color: var(--chakra-colors-neutral-100);
	}
	.css-6568iq:is(:focus-visible, [data-focus-visible]) {
		outline: none;
	}
	.css-6568iq:is(:focus, [data-focus]) {
		outline: none;
	}
	.css-6568iq:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
		opacity: 0.5;
		cursor: not-allowed;
	}
	.css-6568iq :where(svg) {
		-webkit-flex-shrink: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		width: var(--icon-size, 20px);
		height: var(--icon-size, 20px);
	}
	.css-6568iq .left-icon {
		font-size: var(--icon-size, 20px);
		width: var(--icon-size, 20px);
		height: var(--icon-size, 20px);
		transition-property: all;
		transition-timing-function: var(--chakra-easings-ease-in-out);
		transition-duration: 200ms;
	}
	.css-6568iq .right-icon {
		font-size: var(--icon-size, 20px);
		width: var(--icon-size, 20px);
		height: var(--icon-size, 20px);
		transition-property: all;
		transition-timing-function: var(--chakra-easings-ease-in-out);
		transition-duration: 200ms;
	}
	.css-6568iq:focus {
		background: transparent;
		--bg-currentcolor: transparent;
		color: var(--chakra-colors-neutral-80);
	}
	.css-6568iq:focus .left-icon {
		margin-right: 2px;
	}
	.css-6568iq:focus .right-icon {
		margin-left: 2px;
	}
	@media (hover: hover) {
		.css-6568iq:is(:hover, [data-hover]):not(:disabled, [data-disabled]) {
			background: transparent;
			--bg-currentcolor: transparent;
			color: var(--chakra-colors-neutral-80);
		}
		.css-6568iq:is(:hover, [data-hover]):not(:disabled, [data-disabled]) .left-icon {
			margin-right: 2px;
		}
		.css-6568iq:is(:hover, [data-hover]):not(:disabled, [data-disabled]) .right-icon {
			margin-left: 2px;
		}
	}
}
@media screen and (min-width: 64rem) {
	.css-6568iq {
		display: none;
	}
}
.css-5m8i5v {
	font-variation-settings: 'FILL'0, 'wght'500, 'GRAD'0, 'opsz'24;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: inline-block;
	width: 1em;
	height: 1em;
	font-size: 24px;
}
.css-1213i5s {
	top: 126px;
	height: calc(100dvh - 126px);
}
@layer recipes {
	.css-1213i5s {
		background: var(--chakra-colors-transparent-black-90);
		--bg-currentcolor: var(--chakra-colors-transparent-black-90);
		position: fixed;
		left: 0;
		top: 0;
		width: 100dvw;
		height: 100dvh;
		z-index: var(--z-index);
	}
	.css-1213i5s:is([open], [data-open], [data-state=open]) {
		-webkit-animation-name: fade-in;
		animation-name: fade-in;
		-webkit-animation-duration: var(--chakra-durations-slow);
		animation-duration: var(--chakra-durations-slow);
	}
	.css-1213i5s:is([closed], [data-closed], [data-state=closed]) {
		-webkit-animation-name: fade-out;
		animation-name: fade-out;
		-webkit-animation-duration: var(--chakra-durations-moderate);
		animation-duration: var(--chakra-durations-moderate);
	}
}
.css-10lm81t {
	top: 126px;
	height: calc(100dvh - 126px);
}
@layer recipes {
	.css-10lm81t {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		width: 100dvw;
		height: 100dvh;
		position: fixed;
		left: 0;
		top: 0;
		--dialog-z-index: var(--chakra-z-index-modal);
		z-index: calc(var(--dialog-z-index) + var(--layer-index, 0));
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		overscroll-behavior-y: none;
		overflow: hidden;
		-webkit-align-items: flex-start;
		-webkit-box-align: flex-start;
		-ms-flex-align: flex-start;
		align-items: flex-start;
	}
}
.css-1au5u1m {
	width: var(--chakra-sizes-full) !important;
	position: relative !important;
	z-index: 5 !important;
}
.css-8xip4w {
	width: var(--chakra-sizes-full) !important;
}
@layer recipes {
	.css-8xip4w {
		position: relative !important;
		display: -webkit-box !important;
		display: -webkit-flex !important;
		display: -ms-flexbox !important;
		display: flex !important;
		-webkit-flex-direction: column-reverse !important;
		-ms-flex-direction: column-reverse !important;
		flex-direction: column-reverse !important;
		-webkit-align-items: stretch !important;
		-webkit-box-align: stretch !important;
		-ms-flex-align: stretch !important;
		align-items: stretch !important;
		gap: 0 !important;
		width: var(--chakra-sizes-full) !important;
		background: var(--chakra-colors-red-50) !important;
		--bg-currentcolor: var(--chakra-colors-red-50) !important;
		color: var(--chakra-colors-neutral-00) !important;
		height: auto !important;
	}
	@media screen and (min-width: 64rem) {
		.css-8xip4w {
			-webkit-flex-direction: row-reverse !important;
			-ms-flex-direction: row-reverse !important;
			flex-direction: row-reverse !important;
			height: 280px !important;
		}
	}
}
@layer recipes {
	.css-qrp4rh {
		position: relative !important;
		overflow: hidden !important;
		background: var(--chakra-colors-neutral-00) !important;
		--bg-currentcolor: var(--chakra-colors-neutral-00) !important;
		--split-right-7col-width: calc((7 / 12) * ((100vw - 2 * var(--chakra-spacing-padding-side)) - max(0px, (100vw - 2 * var(--chakra-spacing-padding-side) - var(--chakra-sizes-container-max-width))) - 16px)) !important;
		--header-width: calc(var(--split-right-7col-width) + var(--space-from-side-to-container)) !important;
		-webkit-flex: 0 1 auto !important;
		-ms-flex: 0 1 auto !important;
		flex: 0 1 auto !important;
		width: var(--chakra-sizes-full) !important;
		height: 250px !important;
		display: block !important;
	}
	@media screen and (min-width: 48rem) {
		.css-qrp4rh {
			height: 400px !important;
		}
	}
	@media screen and (min-width: 64rem) {
		.css-qrp4rh {
			-webkit-flex: 0 0 var(--header-width) !important;
			-ms-flex: 0 0 var(--header-width) !important;
			flex: 0 0 var(--header-width) !important;
			width: auto !important;
			height: auto !important;
		}
	}
}
@layer recipes {
	.css-bek8qv {
		width: var(--chakra-sizes-full) !important;
		height: var(--chakra-sizes-full) !important;
		object-fit: cover !important;
		-webkit-user-select: none !important;
		-moz-user-select: none !important;
		-ms-user-select: none !important;
		user-select: none !important;
	}
}
@layer recipes {
	.css-iz86lb {
		position: relative !important;
		overflow: hidden !important;
		display: -webkit-box !important;
		display: -webkit-flex !important;
		display: -ms-flexbox !important;
		display: flex !important;
		-webkit-flex-direction: column !important;
		-ms-flex-direction: column !important;
		flex-direction: column !important;
		-webkit-box-pack: center !important;
		-ms-flex-pack: center !important;
		-webkit-justify-content: center !important;
		justify-content: center !important;
		gap: 40px !important;
		-webkit-flex: 0 1 auto !important;
		-ms-flex: 0 1 auto !important;
		flex: 0 1 auto !important;
		-webkit-align-self: stretch !important;
		-ms-flex-item-align: stretch !important;
		align-self: stretch !important;
		padding-top: 32px !important;
		padding-right: var(--chakra-spacing-padding-side) !important;
		padding-bottom: 32px !important;
		padding-left: var(--chakra-spacing-padding-side) !important;
		-webkit-align-items: flex-start !important;
		-webkit-box-align: flex-start !important;
		-ms-flex-align: flex-start !important;
		align-items: flex-start !important;
	}
	@media screen and (min-width: 64rem) {
		.css-iz86lb {
			-webkit-flex: 1 0 460px !important;
			-ms-flex: 1 0 460px !important;
			flex: 1 0 460px !important;
			padding-right: 48px !important;
			padding-left: var(--space-from-side-to-container) !important;
		}
	}
}
@layer recipes {
	.css-71ecwz {
		position: relative !important;
		display: -webkit-box !important;
		display: -webkit-flex !important;
		display: -ms-flexbox !important;
		display: flex !important;
		-webkit-flex-direction: column !important;
		-ms-flex-direction: column !important;
		flex-direction: column !important;
		-webkit-align-items: flex-start !important;
		-webkit-box-align: flex-start !important;
		-ms-flex-align: flex-start !important;
		align-items: flex-start !important;
		gap: 8px !important;
		width: var(--chakra-sizes-full) !important;
		max-width: var(--chakra-sizes-container-max-width) !important;
	}
	@media screen and (min-width: 48rem) {
		.css-71ecwz {
			width: 284px !important;
		}
	}
	@media screen and (min-width: 64rem) {
		.css-71ecwz {
			width: var(--chakra-sizes-full) !important;
		}
	}
}
@layer recipes {
	.css-1sdnegi {
		-webkit-hyphens: auto !important;
		-moz-hyphens: auto !important;
		-ms-hyphens: auto !important;
		hyphens: auto !important;
		font-family: var(--chakra-fonts-primary) !important;
		font-size: var(--chakra-font-sizes-font-size-h4) !important;
		font-style: normal !important;
		font-weight: 500 !important;
		line-height: var(--chakra-line-heights-font-height-h4) !important;
		-webkit-align-self: stretch !important;
		-ms-flex-item-align: stretch !important;
		align-self: stretch !important;
		margin: 0 !important;
	}
}
@layer recipes {
	.css-1kqe2sv {
		overflow: hidden;
		font-family: var(--chakra-fonts-secondary);
		font-size: var(--chakra-font-sizes-font-size-p3);
		font-style: normal;
		font-weight: 400;
		line-height: var(--chakra-line-heights-font-height-p3);
		-webkit-align-self: stretch;
		-ms-flex-item-align: stretch;
		align-self: stretch;
	}
}
.css-11jjmcb {
	background-color: transparent !important;
	--bg-currentcolor: transparent !important;
	scroll-margin-top: calc(var(--chakra-spacing-padding-side) + var(--chakra-spacing-navbar-offset)) !important;
	width: var(--chakra-sizes-full) !important;
	padding: var(--chakra-spacing-padding-side) !important;
	position: relative !important;
}
.css-3rahwr {
	max-width: var(--chakra-sizes-container-max-width);
	padding: 0;
	background: transparent;
	--bg-currentcolor: transparent;
}
@layer recipes {
	.css-3rahwr {
		position: relative;
		max-width: var(--chakra-sizes-8xl);
		width: 100%;
		margin-inline: auto;
		padding-inline: var(--chakra-spacing-4);
	}
	@media screen and (min-width: 48rem) {
		.css-3rahwr {
			padding-inline: var(--chakra-spacing-6);
		}
	}
	@media screen and (min-width: 64rem) {
		.css-3rahwr {
			padding-inline: var(--chakra-spacing-8);
		}
	}
}
.css-s067tt {
	--sides-gap: 24px;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}
@layer recipes {
	.css-s067tt {
		position: relative;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-align-items: stretch;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		width: var(--chakra-sizes-full);
		gap: 16px;
	}
	@media screen and (min-width: 64rem) {
		.css-s067tt {
			-webkit-flex-direction: row;
			-ms-flex-direction: row;
			flex-direction: row;
			-webkit-align-items: flex-start;
			-webkit-box-align: flex-start;
			-ms-flex-align: flex-start;
			align-items: flex-start;
		}
	}
}
@media screen and (min-width: 64rem) {
	.css-s067tt {
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
	}
}
.css-4pt0zp {
	-webkit-flex-basis: auto;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
	max-width: none;
}
@layer recipes {
	.css-4pt0zp {
		-webkit-box-flex: 0;
		-webkit-flex-grow: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
		-webkit-flex-shrink: 1;
		-ms-flex-negative: 1;
		flex-shrink: 1;
		-webkit-flex-basis: auto;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
	}
	@media screen and (min-width: 64rem) {
		.css-4pt0zp {
			-webkit-flex-basis: 484px;
			-ms-flex-preferred-size: 484px;
			flex-basis: 484px;
		}
	}
}
@media screen and (min-width: 48rem) {
	.css-4pt0zp {
		-webkit-flex-basis: auto;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
		max-width: none;
	}
}
@media screen and (min-width: 64rem) {
	.css-4pt0zp {
		-webkit-flex-basis: var(--chakra-sizes-5col);
		-ms-flex-preferred-size: var(--chakra-sizes-5col);
		flex-basis: var(--chakra-sizes-5col);
		max-width: var(--chakra-sizes-5col);
	}
}
.css-12d5j3c {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: stretch;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: var(--sides-gap);
	width: var(--chakra-sizes-full);
}
.css-1c7w66m {
	font-family: var(--chakra-fonts-secondary);
	font-size: var(--chakra-font-sizes-font-size-p2);
	font-style: normal;
	font-weight: 400;
	line-height: var(--chakra-line-heights-font-height-p2);
}
.css-1c7w66m > .payload-richtext > *:last-child {
	margin-bottom: 0;
}
.css-1sop97a {
	-webkit-flex-basis: auto;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
	max-width: none;
}
@layer recipes {
	.css-1sop97a {
		-webkit-box-flex: 0;
		-webkit-flex-grow: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
		-webkit-flex-shrink: 1;
		-ms-flex-negative: 1;
		flex-shrink: 1;
		-webkit-flex-basis: auto;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
	}
	@media screen and (min-width: 64rem) {
		.css-1sop97a {
			-webkit-flex-basis: 584px;
			-ms-flex-preferred-size: 584px;
			flex-basis: 584px;
		}
	}
}
@media screen and (min-width: 48rem) {
	.css-1sop97a {
		-webkit-flex-basis: auto;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
		max-width: none;
	}
}
@media screen and (min-width: 64rem) {
	.css-1sop97a {
		-webkit-flex-basis: var(--chakra-sizes-7col);
		-ms-flex-preferred-size: var(--chakra-sizes-7col);
		flex-basis: var(--chakra-sizes-7col);
		max-width: var(--chakra-sizes-7col);
	}
}
@layer recipes {
	.css-9konyy {
		position: relative;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		padding: 16px;
		-webkit-align-items: flex-start;
		-webkit-box-align: flex-start;
		-ms-flex-align: flex-start;
		align-items: flex-start;
		gap: 16px;
		min-height: 112px;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		font-family: var(--chakra-fonts-secondary);
		font-size: var(--chakra-font-sizes-font-size-p2);
		font-style: normal;
		font-weight: 500;
		line-height: var(--chakra-line-heights-font-height-p2);
		background: var(--chakra-colors-moss-05);
		--bg-currentcolor: var(--chakra-colors-moss-05);
		color: var(--chakra-colors-moss-70);
	}
	@media screen and (min-width: 64rem) {
		.css-9konyy {
			padding: 24px;
			-webkit-align-items: center;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
			min-height: 0;
			-webkit-flex-direction: row;
			-ms-flex-direction: row;
			flex-direction: row;
		}
	}
}
@layer recipes {
	.css-1ylzlvj {
		display: -webkit-inline-box;
		display: -webkit-inline-flex;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-align-items: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-flex-shrink: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		width: 20px;
		height: 20px;
		font-size: 20px;
	}
	.css-1ylzlvj :where(svg) {
		width: 20px;
		height: 20px;
	}
}
.css-1g7m1fs {
	fill: currentColor;
	stroke: currentColor;
	stroke-width: 0;
}
.css-1cxlhbi {
	max-width: var(--chakra-sizes-container-max-width) !important;
	padding: 0 !important;
	background: transparent !important;
	--bg-currentcolor: transparent !important;
	border-top: 1px solid var(--chakra-colors-border-dark) !important;
}
@layer recipes {
	.css-1cxlhbi {
		position: relative !important;
		width: 100% !important;
		margin-inline: auto !important;
	}
}
.css-z47bmu {
	font-family: var(--chakra-fonts-primary);
	font-size: var(--chakra-font-sizes-font-size-h4);
	font-style: normal;
	font-weight: 500;
	line-height: var(--chakra-line-heights-font-height-h4);
	margin-bottom: 24px;
}
@layer recipes {
	.css-d83iac {
		position: relative;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-align-items: stretch;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		width: var(--chakra-sizes-full);
		gap: 16px;
	}
	@media screen and (min-width: 64rem) {
		.css-d83iac {
			-webkit-flex-direction: row;
			-ms-flex-direction: row;
			flex-direction: row;
			-webkit-align-items: flex-start;
			-webkit-box-align: flex-start;
			-ms-flex-align: flex-start;
			align-items: flex-start;
		}
	}
}
.css-4m60bj {
	-webkit-flex-basis: auto;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}
@layer recipes {
	.css-4m60bj {
		-webkit-box-flex: 0;
		-webkit-flex-grow: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
		-webkit-flex-shrink: 1;
		-ms-flex-negative: 1;
		flex-shrink: 1;
		-webkit-flex-basis: auto;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
	}
	@media screen and (min-width: 64rem) {
		.css-4m60bj {
			-webkit-flex-basis: 484px;
			-ms-flex-preferred-size: 484px;
			flex-basis: 484px;
		}
	}
}
@media screen and (min-width: 48rem) {
	.css-4m60bj {
		-webkit-flex-basis: auto;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
	}
}
@media screen and (min-width: 64rem) {
	.css-4m60bj {
		-webkit-flex-basis: var(--chakra-sizes-3col);
		-ms-flex-preferred-size: var(--chakra-sizes-3col);
		flex-basis: var(--chakra-sizes-3col);
		-webkit-box-flex: 0;
		-webkit-flex-grow: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
		-webkit-flex-shrink: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
	}
}
.css-18yfot1 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: stretch;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 16px;
	width: var(--chakra-sizes-full);
}
.css-19aykhj {
	margin-bottom: 16px;
	white-space: normal;
}
.css-txl05h {
	-webkit-flex-basis: auto;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-flex-shrink: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1;
}
@layer recipes {
	.css-txl05h {
		-webkit-box-flex: 0;
		-webkit-flex-grow: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
		-webkit-flex-shrink: 1;
		-ms-flex-negative: 1;
		flex-shrink: 1;
		-webkit-flex-basis: auto;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
	}
	@media screen and (min-width: 64rem) {
		.css-txl05h {
			-webkit-flex-basis: 584px;
			-ms-flex-preferred-size: 584px;
			flex-basis: 584px;
		}
	}
}
@layer recipes {
	.css-1j2kzky {
		width: var(--chakra-sizes-full);
		--accordion-padding-y: 8px;
	}
}
@layer recipes {
	.css-j257i8 {
		overflow-anchor: none;
	}
}
@layer recipes {
	.css-4syxq3 {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-align-items: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		text-align: start;
		width: var(--chakra-sizes-full);
		outline: 0;
		gap: 0;
		font-family: var(--chakra-fonts-secondary);
		font-size: var(--chakra-font-sizes-font-size-p2);
		font-style: normal;
		font-weight: 500;
		line-height: var(--chakra-line-heights-font-height-p2);
	}
	.css-4syxq3:is(:focus-visible, [data-focus-visible]) {
		outline: none;
	}
	.css-4syxq3:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
		opacity: 0.5;
		cursor: not-allowed;
	}
}
@layer recipes {
	.css-j2homq {
		width: 18px;
		height: 18px;
		font-size: 18px;
		-webkit-transition: rotate 0.2s;
		transition: rotate 0.2s;
		transform-origin: center;
		color: var(--chakra-colors-neutral-100);
	}
	.css-j2homq:is([open], [data-open], [data-state=open]) {
		rotate: 180deg;
	}
	.css-j2homq :where(svg) {
		width: 1em;
		height: 1em;
	}
}
@layer recipes {
	.css-kjmtd3 {
		overflow: hidden;
	}
	.css-kjmtd3:is([open], [data-open], [data-state=open]) {
		-webkit-animation-name: expand-height, fade-in;
		animation-name: expand-height, fade-in;
		-webkit-animation-duration: var(--chakra-durations-moderate);
		animation-duration: var(--chakra-durations-moderate);
	}
	.css-kjmtd3:is([closed], [data-closed], [data-state=closed]) {
		-webkit-animation-name: collapse-height, fade-out;
		animation-name: collapse-height, fade-out;
		-webkit-animation-duration: var(--chakra-durations-moderate);
		animation-duration: var(--chakra-durations-moderate);
	}
}
@layer recipes {
	.css-1bzhdem {
		padding-block: var(--accordion-padding-y);
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-align-items: flex-start;
		-webkit-box-align: flex-start;
		-ms-flex-align: flex-start;
		align-items: flex-start;
		padding-bottom: 0;
	}
}
.css-10w6ny1 {
	margin-bottom: 16px;
	list-style-position: inside;
}
@layer recipes {
	.css-10w6ny1 {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: var(--list-gap);
		list-style: revert;
	}
	.css-10w6ny1 :where(ul, ol) {
		margin-top: var(--list-gap);
	}
}
@layer recipes {
	.css-ql6q20 {
		white-space: normal;
		display: -webkit-box;
		display: -webkit-list-item;
		display: -ms-list-itembox;
		display: list-item;
	}
	.css-ql6q20::marker {
		color: fg.subtle;
	}
}
.css-ql6q20::marker {
	color: black;
}
.css-1n7ohz6 {
	border-top: 1px solid var(--chakra-colors-neutral-30);
	padding-top: 8px;
}
@layer recipes {
	.css-1n7ohz6 {
		position: relative;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-align-items: stretch;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		width: var(--chakra-sizes-full);
		gap: 16px;
	}
	@media screen and (min-width: 64rem) {
		.css-1n7ohz6 {
			-webkit-flex-direction: row;
			-ms-flex-direction: row;
			flex-direction: row;
			-webkit-align-items: flex-start;
			-webkit-box-align: flex-start;
			-ms-flex-align: flex-start;
			align-items: flex-start;
		}
	}
}
@layer recipes {
	.css-gzktqc {
		position: relative;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		width: var(--chakra-sizes-full);
		padding: 14px;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-align-items: flex-start;
		-webkit-box-align: flex-start;
		-ms-flex-align: flex-start;
		align-items: flex-start;
		gap: 16px;
		background: var(--chakra-colors-surface-neutral-alt);
		--bg-currentcolor: var(--chakra-colors-surface-neutral-alt);
		transition-property: background, background-color, background-image, background-position;
		transition-timing-function: var(--chakra-easings-ease-in-out);
		transition-duration: 200ms;
		-webkit-text-decoration: none;
		text-decoration: none;
	}
	@media screen and (min-width: 64rem) {
		.css-gzktqc {
			padding: 24px;
			-webkit-flex-direction: row;
			-ms-flex-direction: row;
			flex-direction: row;
		}
	}
	@media (hover: hover) {
		.css-gzktqc:is(:hover, [data-hover]):not(:disabled, [data-disabled]) {
			background: linear-gradient(0deg, var(--chakra-colors-transparent-black-05) 0%, var(--chakra-colors-transparent-black-05) 100%), var(--chakra-colors-surface-neutral-alt);
			--bg-currentcolor: linear-gradient(0deg, var(--chakra-colors-transparent-black-05) 0%, var(--chakra-colors-transparent-black-05) 100%), var(--chakra-colors-surface-neutral-alt);
		}
	}
}
@layer recipes {
	.css-5e0s8v {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-align-items: stretch;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		gap: 2px;
		-webkit-align-self: stretch;
		-ms-flex-item-align: stretch;
		align-self: stretch;
		-webkit-flex: 0 1 auto;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
	}
	@media screen and (min-width: 64rem) {
		.css-5e0s8v {
			gap: 0;
			-webkit-flex: 1 0 0;
			-ms-flex: 1 0 0;
			flex: 1 0 0;
		}
	}
}
@layer recipes {
	.css-1ngiokc {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 20;
		-webkit-box-orient: vertical;
		text-wrap: wrap;
		-webkit-align-self: stretch;
		-ms-flex-item-align: stretch;
		align-self: stretch;
		color: var(--chakra-colors-neutral-100);
		text-overflow: ellipsis;
		font-family: var(--chakra-fonts-secondary);
		font-size: var(--chakra-font-sizes-font-size-p2);
		font-style: normal;
		font-weight: 500;
		line-height: var(--chakra-line-heights-font-height-p2);
	}
}
@layer recipes {
	.css-1k5prde {
		color: var(--chakra-colors-neutral-100);
		font-size: 24px !important;
	}
}
.css-m7etzb {
	font-variation-settings: 'FILL'0, 'wght'500, 'GRAD'0, 'opsz'24;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: inline-block;
	width: 1em;
	height: 1em;
	font-size: inherit;
}
@layer recipes {
	.css-m7etzb {
		color: var(--chakra-colors-neutral-100);
		font-size: 24px !important;
	}
}
.css-pukhqw {
	width: var(--chakra-sizes-full);
	padding: var(--chakra-spacing-padding-side);
	position: relative;
}
.css-1w8k09r {
	position: absolute;
	inset: 0;
	overflow: hidden;
}
.css-r4zy50 {
	max-width: var(--chakra-sizes-container-max-width);
	padding: 0;
	z-index: 1;
}
@layer recipes {
	.css-r4zy50 {
		position: relative;
		max-width: var(--chakra-sizes-8xl);
		width: 100%;
		margin-inline: auto;
		padding-inline: var(--chakra-spacing-4);
	}
	@media screen and (min-width: 48rem) {
		.css-r4zy50 {
			padding-inline: var(--chakra-spacing-6);
		}
	}
	@media screen and (min-width: 64rem) {
		.css-r4zy50 {
			padding-inline: var(--chakra-spacing-8);
		}
	}
}
@layer recipes {
	.css-1ow512b {
		position: relative;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-align-items: stretch;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		gap: 0;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		width: var(--chakra-sizes-full);
		background: var(--chakra-colors-brand-primary);
		--bg-currentcolor: var(--chakra-colors-brand-primary);
	}
	@media screen and (min-width: 64rem) {
		.css-1ow512b {
			-webkit-flex-direction: row-reverse;
			-ms-flex-direction: row-reverse;
			flex-direction: row-reverse;
		}
	}
}
@layer recipes {
	.css-1nobg6h {
		position: relative;
		overflow: hidden;
		width: var(--chakra-sizes-full);
		background: var(--chakra-colors-neutral-10);
		--bg-currentcolor: var(--chakra-colors-neutral-10);
		height: 160px;
	}
	@media screen and (min-width: 64rem) {
		.css-1nobg6h {
			max-width: 584px;
			height: auto;
		}
	}
}
@layer recipes {
	.css-18lkkev {
		position: absolute;
		left: -735px;
		top: -39.2px;
		width: 1847px;
		height: 308px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		stroke-width: 3.71px;
		stroke: var(--chakra-colors-red-50);
		color: var(--chakra-colors-red-50);
	}
	@media screen and (min-width: 64rem) {
		.css-18lkkev {
			left: -1354.08px;
			top: -66.72px;
			width: 2618.01px;
			height: 437.95px;
		}
	}
}
@layer recipes {
	.css-18tz7o {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-align-items: flex-start;
		-webkit-box-align: flex-start;
		-ms-flex-align: flex-start;
		align-items: flex-start;
		-webkit-align-self: stretch;
		-ms-flex-item-align: stretch;
		align-self: stretch;
		gap: 32px;
		width: var(--chakra-sizes-full);
		padding: 24px;
	}
	@media screen and (min-width: 64rem) {
		.css-18tz7o {
			max-width: 584px;
			padding: 40px;
		}
	}
}
@layer recipes {
	.css-tnjiua {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-align-items: stretch;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		gap: 24px;
		-webkit-align-self: stretch;
		-ms-flex-item-align: stretch;
		align-self: stretch;
	}
}
@layer recipes {
	.css-1prs7z8 {
		-webkit-align-self: stretch;
		-ms-flex-item-align: stretch;
		align-self: stretch;
		overflow: hidden;
		font-family: var(--chakra-fonts-primary);
		font-size: var(--chakra-font-sizes-font-size-h4);
		font-style: normal;
		font-weight: 500;
		line-height: var(--chakra-line-heights-font-height-h4);
		color: var(--chakra-colors-text-light);
	}
}
@layer recipes {
	.css-5e72b7 {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		text-wrap: wrap;
		-webkit-align-self: stretch;
		-ms-flex-item-align: stretch;
		align-self: stretch;
		font-family: var(--chakra-fonts-secondary);
		font-size: var(--chakra-font-sizes-font-size-p2);
		font-style: normal;
		font-weight: 400;
		line-height: var(--chakra-line-heights-font-height-p2);
		text-overflow: ellipsis;
		color: var(--chakra-colors-text-light);
	}
}
.css-r4izcz {
	width: var(--chakra-sizes-full);
	position: relative;
}
.css-1yovcq3 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: stretch;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 64px;
	width: var(--chakra-sizes-full);
	padding: 64px var(--chakra-spacing-padding-side);
	background: var(--chakra-colors-red-50);
	--bg-currentcolor: var(--chakra-colors-red-50);
	overflow: hidden;
}
.css-1xvinvh {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-template-areas: "opening""social""newsletter";
	gap: 24px;
}
@media screen and (min-width: 48rem) {
	.css-1xvinvh {
		grid-template-columns: repeat(2, 1fr);
		grid-template-areas: "opening newsletter""social newsletter";
	}
}
@media screen and (min-width: 64rem) {
	.css-1xvinvh {
		grid-template-columns: repeat(3, 1fr);
		grid-template-areas: "opening social newsletter";
		gap: 16px;
	}
}
.css-14tpbk3 {
	grid-area: opening;
}
.css-gyzvp8 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: flex-start;
	-webkit-box-align: flex-start;
	-ms-flex-align: flex-start;
	align-items: flex-start;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 4px;
	cursor: pointer;
}
.css-1ukeg3i {
	font-family: var(--chakra-fonts-secondary);
	font-size: var(--chakra-font-sizes-font-size-p2);
	font-style: normal;
	font-weight: 500;
	line-height: var(--chakra-line-heights-font-height-p2);
	color: var(--chakra-colors-neutral-00);
	-webkit-align-self: stretch;
	-ms-flex-item-align: stretch;
	align-self: stretch;
	margin: 0;
}
.css-wocnt7 {
	-webkit-align-self: stretch;
	-ms-flex-item-align: stretch;
	align-self: stretch;
}
@layer recipes {
	.css-wocnt7 {
		position: relative;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-align-items: flex-start;
		-webkit-box-align: flex-start;
		-ms-flex-align: flex-start;
		align-items: flex-start;
		gap: 8px;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		--used-color: var(--chakra-colors-neutral-00);
	}
}
@layer recipes {
	.css-7o3hzb {
		-webkit-align-self: stretch;
		-ms-flex-item-align: stretch;
		align-self: stretch;
		color: var(--used-color, var(--chakra-colors-neutral-100));
		font-family: var(--chakra-fonts-secondary);
		font-size: var(--chakra-font-sizes-font-size-p2);
		font-style: normal;
		font-weight: 500;
		line-height: var(--chakra-line-heights-font-height-p2);
	}
}
.css-1ska2ca {
	-webkit-align-items: start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start;
}
@layer recipes {
	.css-1ska2ca {
		position: relative;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-align-items: flex-start;
		-webkit-box-align: flex-start;
		-ms-flex-align: flex-start;
		align-items: flex-start;
		gap: 8px;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		--used-color: var(--chakra-colors-neutral-00);
	}
}
.css-1dd2gw7 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	text-wrap: wrap;
}
@layer recipes {
	.css-1dd2gw7 {
		-webkit-align-self: stretch;
		-ms-flex-item-align: stretch;
		align-self: stretch;
		color: var(--used-color, var(--chakra-colors-neutral-100));
		font-family: var(--chakra-fonts-secondary);
		font-size: var(--chakra-font-sizes-font-size-p2);
		font-style: normal;
		font-weight: 500;
		line-height: var(--chakra-line-heights-font-height-p2);
	}
}
.css-jpust2 {
	grid-area: social;
}
.css-2llyx8 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: flex-start;
	-webkit-box-align: flex-start;
	-ms-flex-align: flex-start;
	align-items: flex-start;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 4px;
	padding-block: 24px;
}
@media screen and (min-width: 64rem) {
	.css-2llyx8 {
		padding-block: 0;
	}
}
.css-el3wqm {
	grid-area: newsletter;
}
.css-1nkx61z {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: flex-start;
	-webkit-box-align: flex-start;
	-ms-flex-align: flex-start;
	align-items: flex-start;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 24px;
	-webkit-align-self: stretch;
	-ms-flex-item-align: stretch;
	align-self: stretch;
}
.css-1dztci0 {
	-webkit-align-self: stretch;
	-ms-flex-item-align: stretch;
	align-self: stretch;
}
@layer recipes {
	.css-1dztci0 {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		position: relative;
		gap: 4px;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-align-items: flex-start;
		-webkit-box-align: flex-start;
		-ms-flex-align: flex-start;
		align-items: flex-start;
	}
	.css-1dztci0:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
		opacity: 0.3;
	}
}
.css-1w66b0j {
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	width: var(--chakra-sizes-full);
}
@layer recipes {
	.css-1w66b0j {
		display: -webkit-inline-box;
		display: -webkit-inline-flex;
		display: -ms-inline-flexbox;
		display: inline-flex;
		gap: var(--group-gap, 0.5rem);
		isolation: isolate;
		position: relative;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
	}
	.css-1w66b0j [data-group-item]:is(:focus-visible, [data-focus-visible]) {
		z-index: 1;
	}
}
.css-818p20 {
	pointer-events: none;
	padding-left: 16px;
	padding-right: 8px;
	color: var(--chakra-colors-neutral-00);
}
@layer recipes {
	.css-818p20 {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-align-items: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		position: absolute;
		z-index: 2;
		color: fg.muted;
		height: var(--chakra-sizes-full);
		font-size: sm;
		padding-inline: var(--chakra-spacing-3);
	}
}
.group:focus-within .css-818p20 {
	color: var(--chakra-colors-brand-primary);
}
.css-818p20:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
	opacity: 0.3;
}
.css-1tuxan2 {
	-webkit-padding-start: calc(var(--input-height) - 4px);
	padding-inline-start: calc(var(--input-height) - 4px);
}
@layer recipes {
	.css-1tuxan2 {
		width: 100%;
		min-width: var(--input-height);
		outline: 0;
		position: relative;
		-webkit-appearance: none;
		-moz-appearance: none;
		-ms-appearance: none;
		appearance: none;
		text-align: start;
		height: var(--input-height);
		--error-color: var(--chakra-colors-text-light);
		caret-color: var(--chakra-colors-brand-primary);
		font-family: var(--chakra-fonts-secondary);
		font-size: var(--chakra-font-sizes-font-size-p2);
		font-style: normal;
		font-weight: 500;
		line-height: var(--chakra-line-heights-font-height-p2);
		padding: 16px;
		--input-height: 48px;
		background: transparent;
		--bg-currentcolor: transparent;
		color: var(--chakra-colors-neutral-00);
		border-width: 1px;
		border-color: var(--chakra-colors-border-solid-light);
	}
	.css-1tuxan2:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
		opacity: 1;
		cursor: not-allowed;
	}
	.css-1tuxan2:is([data-invalid], [aria-invalid=true], [data-state=invalid]) {
		--focus-ring-color: var(--error-color);
		border-color: var(--error-color);
	}
	.css-1tuxan2::-webkit-input-placeholder {
		color: var(--chakra-colors-neutral-00);
	}
	.css-1tuxan2::-moz-placeholder {
		color: var(--chakra-colors-neutral-00);
	}
	.css-1tuxan2:-ms-input-placeholder {
		color: var(--chakra-colors-neutral-00);
	}
	.css-1tuxan2::placeholder, .css-1tuxan2[data-placeholder] {
		color: var(--chakra-colors-neutral-00);
	}
	.css-1tuxan2:is(:focus-visible, [data-focus-visible]) {
		outline: none;
		background: var(--chakra-colors-surface-white);
		--bg-currentcolor: var(--chakra-colors-surface-white);
		color: var(--chakra-colors-text-dark);
	}
	.css-1tuxan2:is(:focus-visible, [data-focus-visible])::-webkit-input-placeholder {
		color: var(--chakra-colors-text-dark-disabled);
	}
	.css-1tuxan2:is(:focus-visible, [data-focus-visible])::-moz-placeholder {
		color: var(--chakra-colors-text-dark-disabled);
	}
	.css-1tuxan2:is(:focus-visible, [data-focus-visible]):-ms-input-placeholder {
		color: var(--chakra-colors-text-dark-disabled);
	}
	.css-1tuxan2:is(:focus-visible, [data-focus-visible])::placeholder, .css-1tuxan2:is(:focus-visible, [data-focus-visible])[data-placeholder] {
		color: var(--chakra-colors-text-dark-disabled);
	}
}
@layer recipes {
	.css-5m6c8h {
		display: -webkit-inline-box;
		display: -webkit-inline-flex;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-align-items: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		gap: 4px;
		color: var(--chakra-colors-text-light);
		font-family: var(--chakra-fonts-secondary);
		font-size: var(--chakra-font-sizes-font-size-p3);
		font-style: normal;
		font-weight: 400;
		line-height: var(--chakra-line-heights-font-height-p3);
	}
}
@layer recipes {
	.css-bkepjx {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		position: relative;
		gap: 4px;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-align-items: flex-start;
		-webkit-box-align: flex-start;
		-ms-flex-align: flex-start;
		align-items: flex-start;
	}
	.css-bkepjx:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
		opacity: 0.3;
	}
}
.css-5hu959 {
	-webkit-align-self: stretch;
	-ms-flex-item-align: stretch;
	align-self: stretch;
}
@layer recipes {
	.css-5hu959 {
		display: -webkit-inline-box;
		display: -webkit-inline-flex;
		display: -ms-inline-flexbox;
		display: inline-flex;
		gap: 8px;
		-webkit-align-items: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		vertical-align: top;
		position: relative;
	}
	.css-5hu959:active .checkbox__label {
		background: var(--chakra-colors-transparent-white-10);
		--bg-currentcolor: var(--chakra-colors-transparent-white-10);
	}
	@media (hover: hover) {
		.css-5hu959:is(:hover, [data-hover]):not(:disabled, [data-disabled]) .checkbox__label {
			background: var(--chakra-colors-transparent-white-05);
			--bg-currentcolor: var(--chakra-colors-transparent-white-05);
		}
	}
}
@layer recipes {
	.css-18183xi {
		display: -webkit-inline-box;
		display: -webkit-inline-flex;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-align-items: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-flex-shrink: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		border-width: 1px;
		border-color: var(--chakra-colors-border-solid-light);
		cursor: var(--chakra-cursor-checkbox);
		width: 24px;
		height: 24px;
		padding: 0;
		color: var(--chakra-colors-brand-primary);
	}
	.css-18183xi:is(:focus-visible, [data-focus-visible]) {
		outline: none;
	}
	.css-18183xi :where(svg) {
		width: 16.5px;
		height: 16.5px;
	}
	.css-18183xi:is([data-invalid], [aria-invalid=true], [data-state=invalid]) {
		border-color: var(--chakra-colors-border-solid-light);
	}
	.css-18183xi:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
		opacity: 0.3;
		cursor: var(--chakra-cursor-disabled);
	}
	.css-18183xi:is([data-state=checked], [data-state=indeterminate]) {
		background: var(--chakra-colors-surface-white);
		--bg-currentcolor: var(--chakra-colors-surface-white);
		color: var(--chakra-colors-brand-primary);
		border-color: var(--chakra-colors-surface-white);
	}
}
.css-wuqtn7 {
	fill: none;
	stroke: currentColor;
	stroke-width: 3px;
	stroke-linecap: round;
	stroke-linejoin: round;
}
@layer recipes {
	.css-xz57as {
		font-family: var(--chakra-fonts-secondary);
		font-size: var(--chakra-font-sizes-font-size-p2);
		font-style: normal;
		font-weight: 500;
		line-height: var(--chakra-line-heights-font-height-p2);
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		color: var(--chakra-colors-neutral-00);
	}
	.css-xz57as:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
		opacity: 0.3;
	}
}
@layer recipes {
	.css-rs85kz {
		display: -webkit-inline-box;
		display: -webkit-inline-flex;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-appearance: none;
		-moz-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-webkit-align-items: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		position: relative;
		white-space: nowrap;
		vertical-align: middle;
		cursor: var(--chakra-cursor-button);
		-webkit-flex-shrink: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		outline: 0;
		isolation: isolate;
		transition-property: all;
		transition-timing-function: var(--chakra-easings-ease-in-out);
		transition-duration: 200ms;
		padding: 12px 16px;
		gap: 6px;
		font-family: var(--chakra-fonts-secondary);
		font-size: var(--chakra-font-sizes-font-size-p2);
		font-style: normal;
		font-weight: 500;
		line-height: var(--chakra-line-heights-font-height-p2);
		--icon-size: 20px;
		background: var(--chakra-colors-neutral-00);
		--bg-currentcolor: var(--chakra-colors-neutral-00);
		color: var(--chakra-colors-neutral-100);
	}
	.css-rs85kz:is(:focus-visible, [data-focus-visible]) {
		outline: none;
	}
	.css-rs85kz:is(:focus, [data-focus]) {
		outline: none;
	}
	.css-rs85kz:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
		opacity: 0.5;
		cursor: not-allowed;
	}
	.css-rs85kz :where(svg) {
		-webkit-flex-shrink: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		width: var(--icon-size, 20px);
		height: var(--icon-size, 20px);
	}
	.css-rs85kz .left-icon {
		font-size: var(--icon-size, 20px);
		width: var(--icon-size, 20px);
		height: var(--icon-size, 20px);
		transition-property: all;
		transition-timing-function: var(--chakra-easings-ease-in-out);
		transition-duration: 200ms;
	}
	.css-rs85kz .right-icon {
		font-size: var(--icon-size, 20px);
		width: var(--icon-size, 20px);
		height: var(--icon-size, 20px);
		transition-property: all;
		transition-timing-function: var(--chakra-easings-ease-in-out);
		transition-duration: 200ms;
	}
	.css-rs85kz:focus {
		background: var(--chakra-colors-neutral-05);
		--bg-currentcolor: var(--chakra-colors-neutral-05);
	}
	.css-rs85kz:focus .left-icon {
		margin-right: 4px;
	}
	.css-rs85kz:focus .right-icon {
		margin-left: 4px;
	}
	@media (hover: hover) {
		.css-rs85kz:is(:hover, [data-hover]):not(:disabled, [data-disabled]) {
			background: var(--chakra-colors-neutral-05);
			--bg-currentcolor: var(--chakra-colors-neutral-05);
		}
		.css-rs85kz:is(:hover, [data-hover]):not(:disabled, [data-disabled]) .left-icon {
			margin-right: 4px;
		}
		.css-rs85kz:is(:hover, [data-hover]):not(:disabled, [data-disabled]) .right-icon {
			margin-left: 4px;
		}
	}
}
.css-avtpew {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-column-gap: 16px;
	column-gap: 16px;
	row-gap: 16px;
}
.css-nz7sp3 {
	-webkit-flex: 1 1 100%;
	-ms-flex: 1 1 100%;
	flex: 1 1 100%;
	min-width: 0;
}
@media screen and (min-width: 48rem) {
	.css-nz7sp3 {
		-webkit-flex: 1 1 calc((100% - 16px)/2);
		-ms-flex: 1 1 calc((100% - 16px)/2);
		flex: 1 1 calc((100% - 16px)/2);
	}
}
@media screen and (min-width: 64rem) {
	.css-nz7sp3 {
		-webkit-flex: 1 1 calc((100% - 2*16px)/3);
		-ms-flex: 1 1 calc((100% - 2*16px)/3);
		flex: 1 1 calc((100% - 2*16px)/3);
	}
}
.css-1ixm7yw {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: stretch;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 16px;
}
.css-1n1m6pb {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: stretch;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 0.5rem;
	padding-top: 16px;
	border-top-width: 1px;
	border-color: var(--chakra-colors-border-solid-light);
}
.css-uye33l {
	font-family: var(--chakra-fonts-primary);
	font-size: var(--chakra-font-sizes-font-size-h4);
	font-style: normal;
	font-weight: 500;
	line-height: var(--chakra-line-heights-font-height-h4);
	color: var(--chakra-colors-border-solid-light);
	margin: 0;
}
.css-1xyiwp1 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: flex-start;
	-webkit-box-align: flex-start;
	-ms-flex-align: flex-start;
	align-items: flex-start;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 8px;
}
.css-yz3nyq {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-flex-wrap: initial;
	-webkit-flex-wrap: initial;
	-ms-flex-wrap: initial;
	flex-wrap: initial;
	-webkit-align-items: flex-start;
	-webkit-box-align: flex-start;
	-ms-flex-align: flex-start;
	align-items: flex-start;
	-webkit-align-content: flex-start;
	-ms-flex-line-pack: flex-start;
	align-content: flex-start;
	gap: 16px;
}
@media screen and (min-width: 48rem) {
	.css-yz3nyq {
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}
.css-3dljdf {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: stretch;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 32px;
	padding-top: 16px;
	border-top: 1px solid var(--chakra-colors-neutral-00);
}
@media screen and (min-width: 64rem) {
	.css-3dljdf {
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		gap: 16px;
	}
}
.css-1gvmwcs {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: flex-start;
	-webkit-box-align: flex-start;
	-ms-flex-align: flex-start;
	align-items: flex-start;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 4px;
	width: auto;
}
@media screen and (min-width: 64rem) {
	.css-1gvmwcs {
		width: 384px;
	}
}
.css-18pvs62 {
	font-family: var(--chakra-fonts-secondary);
	font-size: var(--chakra-font-sizes-font-size-p2);
	font-style: normal;
	font-weight: 500;
	line-height: var(--chakra-line-heights-font-height-p2);
	color: var(--chakra-colors-neutral-00);
	margin: 0;
}
.css-ozhsvs {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 24px;
	-webkit-flex: 1 0 0;
	-ms-flex: 1 0 0;
	flex: 1 0 0;
}
@media screen and (min-width: 64rem) {
	.css-ozhsvs {
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		-webkit-justify-content: flex-end;
		justify-content: flex-end;
		gap: 56px;
	}
}
.css-1pe9lgv {
	position: relative;
	max-height: 75px;
	width: auto;
}
.css-16amaan {
	object-fit: contain;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	height: 65px;
	width: 61px;
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}
.css-illzdq {
	object-fit: contain;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	height: 75px;
	width: 109px;
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}
.css-468pi7 {
	object-fit: contain;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	height: 60px;
	width: 110px;
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}
.css-s7cwto {
	border-top-width: 0px;
	width: auto;
	min-width: 214px;
}
@layer recipes {
	.css-s7cwto:is([open], [data-open], [data-state="open"])[data-placement^="bottom"] {
		animation-name: slide-from-top, fade-in;
	}
}
@layer recipes {
	.css-s7cwto:is([open], [data-open], [data-state="open"]) {
		transform-origin: var(--transform-origin);
		animation-duration: var(--chakra-durations-fast);
	}
}
@layer recipes {
	.css-s7cwto {
		display: flex;
		border-top: 1px solid var(--chakra-colors-border-solid-dark);
		background: rgb(255, 255, 255);
		--bg-currentcolor: #FFF;
		box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 50px 0px;
		width: 320px;
		flex-direction: column;
		-moz-box-align: stretch;
		align-items: stretch;
		overflow: hidden auto;
		outline: 0px;
		--menu-z-index: var(--chakra-z-index-dropdown);
		z-index: calc(var(--menu-z-index) + var(--layer-index, 0));
		max-height: 392px;
	}
}
@layer recipes {
	.css-1dm3hbl:is(:active, [data-active]):not(:disabled, [data-disabled], [data-state="open"]) {
		background: var(--chakra-colors-transparent-black-10) !important;
		--bg-currentcolor: var(--chakra-colors-transparent-black-10) !important;
	}
}
@layer recipes {
	.css-1dm3hbl {
		display: flex !important;
		padding: 16px !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		font-family: var(--chakra-fonts-secondary) !important;
		font-size: var(--chakra-font-sizes-font-size-p2) !important;
		font-style: normal !important;
		font-weight: 500 !important;
		line-height: var(--chakra-line-heights-font-height-p2) !important;
		text-decoration: none !important;
		user-select: none !important;
		cursor: pointer !important;
		position: relative !important;
		outline: 0px !important;
	}
}
@layer recipes {
	.css-1dm3hbl {
		display: flex !important;
		padding: 16px !important;
		flex-direction: column!important;
		align-items: flex-start !important;
		font-family: var(--chakra-fonts-secondary) !important;
		font-size: var(--chakra-font-sizes-font-size-p2) !important;
		font-style: normal !important;
		font-weight: 500 !important;
		line-height: var(--chakra-line-heights-font-height-p2) !important;
		text-decoration: none !important;
		user-select: none !important;
		cursor: pointer !important;
		position: relative !important;
		outline: 0px !important;
	}
}
@layer recipes {
	.css-1dm3hbl:hover {
		background: var(--chakra-colors-transparent-black-05) !important;
		--bg-currentcolor: var(--chakra-colors-transparent-black-05) !important;
	}
	.css-plfsb1:hover {
		background: var(--chakra-colors-transparent-black-05) !important;
		--bg-currentcolor: var(--chakra-colors-transparent-black-05) !important;
	}
	.css-plfsb1:focus {
		background: var(--chakra-colors-transparent-black-10) !important;
		--bg-currentcolor: var(--chakra-colors-transparent-black-10) !important;
	}
}
@layer recipes {
	.css-plfsb1 {
		display: flex !important;
		padding: 16px !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		font-family: var(--chakra-fonts-secondary) !important;
		font-size: var(--chakra-font-sizes-font-size-p2) !important;
		font-style: normal !important;
		font-weight: 500 !important;
		line-height: var(--chakra-line-heights-font-height-p2) !important;
		text-decoration: none !important;
		user-select: none !important;
		cursor: pointer !important;
		position: relative !important;
		outline: 0px !important;
	}
}
@layer recipes {
	.css-5pzvq6 {
		position: relative;
		display: flex;
		flex-direction: row;
		align-items: flex-start;
		gap: 8px;
		-moz-box-pack: start;
		justify-content: flex-start;
		--used-color: var(--chakra-colors-neutral-100);
	}
}
@media screen and (min-width: 64rem) {
	.css-1pp0rgo {
		height: var(--totalNavHeight);
	}
}
.css-1pp0rgo {
	width: var(--chakra-sizes-full);
	height: var(--totalNavHeight);
	transition-property: height;
	transition-timing-function: var(--transition-timing-function);
	transition-duration: var(--nav-transition-duration);
}
@media screen and (min-width: 64rem) {
	.css-1dedqhx {
		transform: translateY(0px);
	}
}
.css-1dedqhx {
	width: var(--chakra-sizes-full);
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	transform: translateY(0px);
	transition-property: transform;
	transition-timing-function: var(--transition-timing-function);
	transition-duration: var(--nav-transition-duration);
	z-index: 11;
}
@media screen and (min-width: 64rem) {
	.css-1pvlvwx {
		transform: translateY(var(--topNavHeight));
	}
}
.css-1pvlvwx {
	width: var(--chakra-sizes-full);
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	transform: translateY(var(--topNavHeight));
	transition-property: transform;
	transition-timing-function: var(--transition-timing-function);
	transition-duration: var(--nav-transition-duration);
	z-index: 10;
}
.css-zsg8ca {
	display: flex;
	-moz-box-align: center;
	align-items: center;
	-moz-box-pack: center;
	justify-content: center;
	flex-direction: row;
	gap: 0.5rem;
	width: var(--chakra-sizes-full);
	height: 88px;
	padding: 20px var(--chakra-spacing-padding-side);
	background: var(--primary-color);
	--bg-currentcolor: var(--primary-color);
	/*overflow: hidden;*/
	transition-property: height, box-shadow;
	transition-timing-function: var(--nav-transition-timing-function);
	transition-duration: var(--nav-transition-duration);
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 50px 0px;
}
@layer recipes {
	.css-zsg8ca {
		--primary-color: var(--chakra-colors-surface-white);
		--secondary-color: var(--chakra-colors-brand-primary);
		--border-color: var(--chakra-colors-neutral-30);
		--text-color: var(--chakra-colors-neutral-100);
	}
}
.css-1rno991 {
	position: relative;
	width: 155px;
	height: 28px;
	transition-property: width, height;
	transition-timing-function: var(--nav-transition-timing-function);
	transition-duration: var(--nav-transition-duration);
	color: var(--secondary-color);
}
.css-qcs6gt {
	mask-image: url("/design/vigado_2026/components/logo-nav-media-1.svg");
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	position: absolute;
	top: 4px;
	left: 0px;
	width: 31px;
	height: 24px;
	transition-property: all;
	transition-timing-function: var(--nav-transition-timing-function);
	transition-duration: var(--nav-transition-duration);
	user-select: none;
	background: var(--secondary-color);
	--bg-currentcolor: var(--secondary-color);
}
.css-sofkud {
	mask-image: url("/design/vigado_2026/components/kép-1.png");
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	position: absolute;
	top: 0px;
	left: 34.5px;
	width: 121px;
	height: 28px;
	transition-property: all;
	transition-timing-function: var(--nav-transition-timing-function);
	transition-duration: var(--nav-transition-duration);
	user-select: none;
	background: var(--secondary-color);
	--bg-currentcolor: var(--secondary-color);
}
.css-7vos2v {
	overflow: hidden;
	height: 0px;
	opacity: 0;
	transition-property: all;
	transition-timing-function: var(--nav-transition-timing-function);
	transition-duration: var(--nav-transition-duration);
}
.css-1it0nq4 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	gap: 16px;
}