@font-face {
  font-family: 'Georgia';
  font-style: normal;
  font-weight: 400;
  src: url('https://octane.cdn.ing/api/v1/fonts/transform?url=https://toastability-production.s3.amazonaws.com/3km90ll2ulqhzt57lumzecpbbes3') format('woff2');
}

@font-face {
  font-family: 'Georgia';
  font-style: normal;
  font-weight: 700;
  src: url('https://octane.cdn.ing/api/v1/fonts/transform?url=https://toastability-production.s3.amazonaws.com/r9chktxyi70glqdktae1037qp8ft') format('woff2');
}

@font-face {
  font-family: 'Georgia';
  font-style: italic;
  font-weight: 400;
  src: url('https://octane.cdn.ing/api/v1/fonts/transform?url=https://toastability-production.s3.amazonaws.com/x4yi8rl2tuxfv7x3oy6umu1f57hl') format('woff2');
}

@font-face {
  font-family: 'Georgia';
  font-style: italic;
  font-weight: 700;
  src: url('https://octane.cdn.ing/api/v1/fonts/transform?url=https://toastability-production.s3.amazonaws.com/uh0cm8ku06cmsuchcfpeq3e689cl') format('woff2');
}

@font-face {
  font-family: 'Lorin';
  font-style: normal;
  font-weight: 400;
  src: url('https://octane.cdn.ing/api/v1/fonts/transform?url=https://toastability-production.s3.amazonaws.com/hhmp8gnhzqwqzkqkn7f7vumd5qsk') format('woff2');
}

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@700&display=swap');
:root {
  --background: 0 0% 100%;
  --foreground: 217 50% 20%;
  --card: 180 7% 97%;
  --card-foreground: 217 50% 20%;
  --popover: 0 0% 100%;
  --popover-foreground: 210 25% 8%;
  --primary: 36 90% 54%;
  --primary-foreground: 0 0% 100%;
  --secondary: 217 50% 20%;
  --secondary-foreground: 0 0% 100%;
  --muted: 240 2% 90%;
  --muted-foreground: 217 50% 20%;
  --accent: 217 50% 20%;
  --accent-foreground: 36 90% 54%;
  --destructive: 356 91% 54%;
  --destructive-foreground: 0 0% 100%;
  --warning: hsl(38 92% 50%);
  --warning-foreground: hsl(0 0% 10%);
  --border: 201 30% 91%;
  --input: 200 23% 97%;
  --ring: 36 90% 54%;
  --chart-1: 204 88% 53%;
  --chart-2: 160 100% 36%;
  --chart-3: 42 93% 56%;
  --chart-4: 147 79% 42%;
  --chart-5: 341 75% 51%;
  --color-accent: var(--accent);
  --color-border: var(--border);
  --color-muted: var(--muted);
  --color-gray-200: var(--muted);
  --brand-primary: 36 90% 54%;
  --brand-primary-dark: 36 90% 54%;
  --brand-primary-light: 217 50% 20%;
  --brand-neutral: hsl(217, 50%, 20%);
  --brand-neutral-dark: hsl(0.0, 0.0%, 100.0%);
  --brand-neutral-light: hsl(240.0, 2.0%, 90.0%);
  --brand-dark: hsl(217, 50%, 20%);
  --brand-dark-black: hsl(217, 50%, 20%);
  --brand-white: hsl(0.0, 0.0%, 100.0%);
  --brand-gray: hsl(201.0, 30.0%, 91.0%);
  --brand-light: hsl(217, 50%, 20%);
  --font-sans: Open Sans, sans-serif;
  --font-sans-weight: 400;
  --font-sans-style: normal;
  --font-serif: Georgia, serif;
  --font-serif-weight: 400;
  --font-serif-style: normal;
  --font-mono: Menlo, monospace;
  --font-mono-weight: 400;
  --font-mono-style: normal;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --text-4xl: 2.25rem;
  --leading-none: 1;
  --leading-tight: 1.25;
  --leading-snug: 1.375;
  --leading-normal: 1.5;
  --leading-relaxed: 1.625;
  --leading-loose: 2;
  --container-sm: 640px;
  --container-md: 768px;
  --container-lg: 1024px;
  --container-xl: 1280px;
  --container-2xl: 1536px;
  --container-4xl: 1536px;
  --section-spacing-sm: 2rem;
  --section-spacing-md: 4rem;
  --section-spacing-lg: 6rem;
  --section-spacing-xl: 8rem;
  --padding-xs: 0.5rem;
  --padding-sm: 0.75rem;
  --padding-md: 1rem;
  --padding-lg: 1.5rem;
  --padding-xl: 2rem;
  --radius-none: 0;
  --radius-sm: 0.25rem;
  --radius-md: 0.375rem;
  --radius-lg: 0.5rem;
  --radius-xl: 0.75rem;
  --radius-2xl: 1rem;
  --radius-full: 9999px;
  --radius: 1.3rem;
  --border-width: 1px;
  --border-width-2: 2px;
  --border-width-4: 4px;
  --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --button-font-family: inherit;
  --button-font-weight: 500;
  --button-font-style: normal;
  --button-letter-spacing: 0em;
  --button-line-height: 1.25;
  --button-text-transform: none;
  --button-radius: 1.5rem;
  --button-transition: all 500ms cubic-bezier(0.4, 0, 0.2, 1);
  --button-shadow: var(--shadow-sm);
  --button-shadow-hover: var(--shadow-lg);
  --button-height-sm: 2rem;
  --button-padding-x-sm: 1rem;
  --button-padding-y-sm: 0.25rem;
  --button-height-md: 2.25rem;
  --button-padding-x-md: 1.5rem;
  --button-padding-y-md: 0.5rem;
  --button-height-lg: 2.5rem;
  --button-padding-x-lg: 1.5rem;
  --button-padding-y-lg: 0.5rem;
  --button-default-bg: hsl(var(--secondary));
  --button-default-fg: white;
  --button-default-border: white;
  --button-default-border-width: 2px;
  --button-default-shadow: var(--button-shadow);
  --button-default-hover-bg: white;
  --button-default-hover-fg: hsl(var(--secondary));
  --button-default-hover-border: white;
  --button-default-shadow-hover: var(--button-shadow-hover);
  --button-destructive-bg: hsl(var(--destructive));
  --button-destructive-fg: white;
  --button-destructive-border: transparent;
  --button-destructive-border-width: 0px;
  --button-destructive-shadow: var(--button-shadow);
  --button-destructive-hover-bg: color-mix(in oklch, hsl(var(--destructive)), transparent 10%);
  --button-destructive-hover-fg: white;
  --button-destructive-hover-border: transparent;
  --button-destructive-shadow-hover: var(--button-shadow-hover);
  --button-outline-bg: white;
  --button-outline-fg: hsl(var(--secondary));
  --button-outline-border: hsl(var(--secondary));
  --button-outline-border-width: 1px;
  --button-outline-shadow: var(--button-shadow);
  --button-outline-hover-bg: hsl(var(--secondary));
  --button-outline-hover-fg: hsl(var(--secondary-foreground));
  --button-outline-hover-border: white;
  --button-outline-shadow-hover: var(--button-shadow-hover);
  --button-secondary-bg: hsl(var(--primary));
  --button-secondary-fg: hsl(var(--primary-foreground));
  --button-secondary-border: transparent;
  --button-secondary-border-width: 0px;
  --button-secondary-shadow: var(--button-shadow);
  --button-secondary-hover-bg: color-mix(in oklch, hsl(var(--secondary)), transparent 20%);
  --button-secondary-hover-fg: hsl(var(--secondary-foreground));
  --button-secondary-hover-border: transparent;
  --button-secondary-shadow-hover: var(--button-shadow-hover);
  --button-ghost-bg: transparent;
  --button-ghost-fg: inherit;
  --button-ghost-border: transparent;
  --button-ghost-border-width: 0px;
  --button-ghost-shadow: var(--button-shadow);
  --button-ghost-hover-bg: hsl(var(--accent));
  --button-ghost-hover-fg: hsl(var(--accent-foreground));
  --button-ghost-hover-border: transparent;
  --button-ghost-shadow-hover: var(--button-shadow-hover);
  --button-link-bg: transparent;
  --button-link-fg: hsl(var(--primary));
  --button-link-border: transparent;
  --button-link-border-width: 0px;
  --button-link-shadow: var(--button-shadow);
  --button-link-hover-bg: transparent;
  --button-link-hover-fg: hsl(var(--primary));
  --button-link-shadow-hover: var(--button-shadow-hover);
  --duration-fast: 150ms;
  --duration-normal: 200ms;
  --duration-slow: 300ms;
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --overlay-opacity: 0.6;
  --dialog-sm: 24rem;
  --dialog-md: 32rem;
  --dialog-lg: 48rem;
  --dialog-xl: 64rem;
  --z-base: 0;
  --z-dropdown: 1000;
  --z-sticky: 1100;
  --z-fixed: 1200;
  --z-modal-backdrop: 1300;
  --z-modal: 1400;
  --z-popover: 1500;
  --z-tooltip: 1600;
  --letter-spacing: 0em;
  --shadow-blur: 0px;
  --shadow-color: rgba(29,161,242,0.15);
  --shadow-offset-x: 0px;
  --shadow-offset-y: 2px;
  --shadow-opacity: 0;
  --shadow-spread: 0px;
  --sidebar: 180 7% 97%;
  --sidebar-accent: 212 51% 93%;
  --sidebar-accent-foreground: 204 88% 53%;
  --sidebar-border: 205 25% 91%;
  --sidebar-foreground: 210 25% 8%;
  --sidebar-primary: 204 88% 53%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-ring: 203 89% 53%;
  --spacing: 0.25rem;
}

.dark {
  --background: 0 0% 0%;
  --foreground: 200 6.667% 91.176%;
  --card: 228 9.804% 10%;
  --card-foreground: 0 0% 85.098%;
  --popover: 0 0% 0%;
  --popover-foreground: 200 6.667% 91.176%;
  --primary: 203.774 87.603% 52.549%;
  --primary-foreground: 0 0% 100%;
  --secondary: 195 15.385% 94.902%;
  --secondary-foreground: 210 25% 7.843%;
  --muted: 0 0% 9.412%;
  --muted-foreground: 210 3.39% 46.275%;
  --accent: 205.714 70% 7.843%;
  --accent-foreground: 203.774 87.603% 52.549%;
  --destructive: 356.303 90.558% 54.314%;
  --destructive-foreground: 0 0% 100%;
  --warning: hsl(45 96% 60%);
  --warning-foreground: hsl(0 0% 10%);
  --border: 210 5.263% 14.902%;
  --input: 207.692 27.66% 18.431%;
  --ring: 202.817 89.121% 53.137%;
  --chart-1: 203.886 88.285% 53.137%;
  --chart-2: 159.783 100% 36.078%;
  --chart-3: 42.029 92.825% 56.275%;
  --chart-4: 147.143 78.505% 41.961%;
  --chart-5: 341.489 75.2% 50.98%;
  --color-accent: var(--accent);
  --color-border: var(--border);
  --color-muted: var(--muted);
  --color-gray-200: var(--muted);
  --brand-primary: 203.774 87.603% 52.549%;
  --brand-primary-dark: 202.817 89.121% 53.137%;
  --brand-primary-light: 205.714 70% 7.843%;
  --brand-neutral: #72767a;
  --brand-neutral-dark: #0f1419;
  --brand-neutral-light: #181818;
  --brand-dark: #e7e9ea;
  --brand-dark-black: #d9d9d9;
  --brand-white: #000000;
  --brand-gray: #242628;
  --brand-light: #f0f3f4;
  --font-sans: Open Sans, sans-serif;
  --font-sans-weight: 400;
  --font-sans-style: normal;
  --font-serif: Georgia, serif;
  --font-serif-weight: 400;
  --font-serif-style: normal;
  --font-mono: Menlo, monospace;
  --font-mono-weight: 400;
  --font-mono-style: normal;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --text-4xl: 2.25rem;
  --leading-none: 1;
  --leading-tight: 1.25;
  --leading-snug: 1.375;
  --leading-normal: 1.5;
  --leading-relaxed: 1.625;
  --leading-loose: 2;
  --container-sm: 640px;
  --container-md: 768px;
  --container-lg: 1024px;
  --container-xl: 1280px;
  --container-2xl: 1536px;
  --container-4xl: 1536px;
  --section-spacing-sm: 2rem;
  --section-spacing-md: 4rem;
  --section-spacing-lg: 6rem;
  --section-spacing-xl: 8rem;
  --padding-xs: 0.5rem;
  --padding-sm: 0.75rem;
  --padding-md: 1rem;
  --padding-lg: 1.5rem;
  --padding-xl: 2rem;
  --radius-none: 0;
  --radius-sm: 0.25rem;
  --radius-md: 0.375rem;
  --radius-lg: 0.5rem;
  --radius-xl: 0.75rem;
  --radius-2xl: 1rem;
  --radius-full: 9999px;
  --radius: 1.3rem;
  --border-width: 1px;
  --border-width-2: 2px;
  --border-width-4: 4px;
  --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --button-font-family: inherit;
  --button-font-weight: 500;
  --button-font-style: normal;
  --button-letter-spacing: 0em;
  --button-line-height: 1.25;
  --button-text-transform: none;
  --button-radius: 1.5rem;
  --button-transition: all 500ms cubic-bezier(0.4, 0, 0.2, 1);
  --button-shadow: var(--shadow-sm);
  --button-shadow-hover: var(--shadow-lg);
  --button-height-sm: 2rem;
  --button-padding-x-sm: 1rem;
  --button-padding-y-sm: 0.25rem;
  --button-height-md: 2.25rem;
  --button-padding-x-md: 1.5rem;
  --button-padding-y-md: 0.5rem;
  --button-height-lg: 2.5rem;
  --button-padding-x-lg: 1.5rem;
  --button-padding-y-lg: 0.5rem;
  --button-default-bg: hsl(var(--secondary));
  --button-default-fg: white;
  --button-default-border: white;
  --button-default-border-width: 2px;
  --button-default-shadow: var(--button-shadow);
  --button-default-hover-bg: white;
  --button-default-hover-fg: hsl(var(--secondary));
  --button-default-hover-border: white;
  --button-default-shadow-hover: var(--button-shadow-hover);
  --button-destructive-bg: hsl(var(--destructive));
  --button-destructive-fg: white;
  --button-destructive-border: transparent;
  --button-destructive-border-width: 0px;
  --button-destructive-shadow: var(--button-shadow);
  --button-destructive-hover-bg: color-mix(in oklch, hsl(var(--destructive)), transparent 10%);
  --button-destructive-hover-fg: white;
  --button-destructive-hover-border: transparent;
  --button-destructive-shadow-hover: var(--button-shadow-hover);
  --button-outline-bg: white;
  --button-outline-fg: hsl(var(--secondary));
  --button-outline-border: hsl(var(--secondary));
  --button-outline-border-width: 1px;
  --button-outline-shadow: var(--button-shadow);
  --button-outline-hover-bg: hsl(var(--secondary));
  --button-outline-hover-fg: hsl(var(--secondary-foreground));
  --button-outline-hover-border: white;
  --button-outline-shadow-hover: var(--button-shadow-hover);
  --button-secondary-bg: hsl(var(--primary));
  --button-secondary-fg: hsl(var(--primary-foreground));
  --button-secondary-border: transparent;
  --button-secondary-border-width: 0px;
  --button-secondary-shadow: var(--button-shadow);
  --button-secondary-hover-bg: color-mix(in oklch, hsl(var(--secondary)), transparent 20%);
  --button-secondary-hover-fg: hsl(var(--secondary-foreground));
  --button-secondary-hover-border: transparent;
  --button-secondary-shadow-hover: var(--button-shadow-hover);
  --button-ghost-bg: transparent;
  --button-ghost-fg: inherit;
  --button-ghost-border: transparent;
  --button-ghost-border-width: 0px;
  --button-ghost-shadow: var(--button-shadow);
  --button-ghost-hover-bg: hsl(var(--accent));
  --button-ghost-hover-fg: hsl(var(--accent-foreground));
  --button-ghost-hover-border: transparent;
  --button-ghost-shadow-hover: var(--button-shadow-hover);
  --button-link-bg: transparent;
  --button-link-fg: hsl(var(--primary));
  --button-link-border: transparent;
  --button-link-border-width: 0px;
  --button-link-shadow: var(--button-shadow);
  --button-link-hover-bg: transparent;
  --button-link-hover-fg: hsl(var(--primary));
  --button-link-shadow-hover: var(--button-shadow-hover);
  --duration-fast: 150ms;
  --duration-normal: 200ms;
  --duration-slow: 300ms;
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --overlay-opacity: 0.6;
  --dialog-sm: 24rem;
  --dialog-md: 32rem;
  --dialog-lg: 48rem;
  --dialog-xl: 64rem;
  --z-base: 0;
  --z-dropdown: 1000;
  --z-sticky: 1100;
  --z-fixed: 1200;
  --z-modal-backdrop: 1300;
  --z-modal: 1400;
  --z-popover: 1500;
  --z-tooltip: 1600;
  --letter-spacing: 0em;
  --shadow-blur: 0px;
  --shadow-color: rgba(29,161,242,0.25);
  --shadow-offset-x: 0px;
  --shadow-offset-y: 2px;
  --shadow-opacity: 0;
  --shadow-spread: 0px;
  --sidebar: 228 9.804% 10%;
  --sidebar-accent: 205.714 70% 7.843%;
  --sidebar-accent-foreground: 203.774 87.603% 52.549%;
  --sidebar-border: 205.714 15.789% 26.078%;
  --sidebar-foreground: 0 0% 85.098%;
  --sidebar-primary: 202.817 89.121% 53.137%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-ring: 202.817 89.121% 53.137%;
  --spacing: 0.25rem;
}
*,::before,::after{box-sizing: border-box;}
html{-webkit-text-size-adjust: 100%;line-height: 1.5;}
body{margin: 0;}
img,svg,video,canvas{display: block;max-width: 100%;height: auto;}