:root { --_theme---background: var(--swatch--peanutbutter100-p3); --_text-style---font-family: var(--_typography---font--primary-family); --_theme---text: var(--swatch--avocado700-p3); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_typography---font--tertiary-family: "Gochi Hand", Arial, sans-serif; --_theme---heading-accent: var(--swatch--tomato500-p3); --_gap---size: var(--site--gutter); --_column-count---value: 1; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_spacing---space--6: clamp(2 * 1rem, ((2 - ((2 - 2) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2 - 2) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 2 * 1rem); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_spacing---space--7: clamp(2.25 * 1rem, ((2.25 - ((2.5 - 2.25) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2.5 - 2.25) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 2.5 * 1rem); --_typography---line-height--small: 1; --_typography---line-height--medium: 1.1; --_typography---line-height--large: 1.3; --_typography---line-height--huge: 1.5; --_typography---letter-spacing--tight: -.03em; --_typography---letter-spacing--normal: 0em; --max-width--main: calc(var(--site--viewport-max) * 1rem); --site--margin: clamp(1.25 * 1rem, ((1.25 - ((2 - 1.25) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2 - 1.25) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 2 * 1rem); --max-width--small: 52rem; --max-width--full: 100%; --border-width--main: .094rem; --_spacing---section-space--none: 0px; --_spacing---section-space--small: clamp(2 * 1rem, ((2 - ((3 - 2) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((3 - 2) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 3 * 1rem); --_spacing---section-space--main: clamp(3 * 1rem, ((3 - ((6 - 3) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((6 - 3) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 6 * 1rem); --_spacing---section-space--large: clamp(5.5 * 1rem, ((5.5 - ((10 - 5.5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((10 - 5.5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 10 * 1rem); --_spacing---section-space--page-top: clamp(4 * 1rem, ((6 - ((4 - 6) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((4 - 6) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 6 * 1rem); --_spacing---space--2: clamp(.625 * 1rem, ((.625 - ((.75 - .625) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((.75 - .625) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), .75 * 1rem); --site--gutter: clamp(1.5 * 1rem, ((1.5 - ((3 - 1.5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((3 - 1.5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 3 * 1rem); --swatch--neutral400\: #717171; --_theme---background-2: var(--swatch--mustard100-p3); --_spacing---space--1: clamp(.375 * 1rem, ((.375 - ((.5 - .375) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((.5 - .375) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), .5 * 1rem); --_spacing---space--3: clamp(.875 * 1rem, ((.875 - ((1.25 - .875) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.25 - .875) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.25 * 1rem); --_spacing---space--4: clamp(1 * 1rem, ((1.25 - ((1 - 1.25) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1 - 1.25) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.25 * 1rem); --_spacing---space--5: clamp(1.5 * 1rem, ((1.75 - ((1.5 - 1.75) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.5 - 1.75) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.75 * 1rem); --_spacing---space--8: clamp(2 * 1rem, ((2 - ((4.5 - 2) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((4.5 - 2) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 4.5 * 1rem); --_typography---font--primary-family: "Abc Retro", Arial, sans-serif; --_typography---font--primary-regular: 400; --_typography---font--primary-medium: 600; --_typography---font--primary-bold: 700; --radius--small: .25rem; --radius--main: 2rem; --radius--round: 100vw; --_theme---border: var(--swatch--neutral200\); --swatch--transparent: transparent; --_trigger---on: 1; --_trigger---off: 0; --_button-style---padding-vertical: 1.25rem; --_button-style---text: var(--_theme---button-primary--text); --_button-style---text-hover: var(--_theme---button-primary--text-hover); --_button-style---background: var(--_theme---button-primary--background); --_button-style---background-hover: var(--_theme---button-primary--background-hover); --_button-style---border: var(--_theme---button-primary--border); --_button-style---border-hover: var(--_theme---button-primary--border-hover); --_state---false: 0; --_state---true: 1; --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--border-hover: var(--_theme---text); --focus--offset-inner: calc(var(--focus--width) * -1); --swatch--dark-900\: #1f1d1e; --nav--height: 2.5rem; --nav--max-width-inner: var(--max-width--main); --nav--radius: var(--radius--small); --nav--spacing-outer-vertical: 2rem; --nav--max-width-outer: var(--max-width--main); --nav--spacing-outer-horizontal: var(--site--margin); --focus--width: .125rem; --hero--scale-factor: .7; --site--viewport-max: 93; --swatch--neutral100: #f7f7f7; --hero--username-size: clamp(.6 * 1rem, ((.6 - ((.85 - .6) / (90 - 20) * 20)) * 1rem + ((.85 - .6) / (90 - 20)) * 100vw), .85 * 1rem); --swatch--tomato500-p3: var(--swatch--tomato500, #fd3b35); --_polaroid-card---width: var(--polaroid--large); --polaroid--padding: clamp(.45 * 1rem, ((.45 - ((1 - .45) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1 - .45) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1 * 1rem); --_typography---font-size--text-large: clamp(1 * 1rem, ((1 - ((1.25 - 1) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.25 - 1) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.25 * 1rem); --max-width--medium: 72rem; --polaroid--section-mobile-height: clamp(.5 * 1rem, ((6 - ((.5 - 6) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((.5 - 6) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 6 * 1rem); --polaroid--section-base-height: 0rem; --_sticker-card---background: var(--swatch--paleyellow100-p3); --_sticker-card---background-2: oklch(from var(--_sticker-card---background) calc(l - .05) c h); --_sticker-card---color: var(--swatch--peanutbutter700-p3); --swatch--avocado400-p3: var(--swatch--avocado400, #d0e6b1); --swatch--avocado700-p3: var(--swatch--avocado700, #054f30); --polaroid--small: clamp(8.75 * 1rem, ((8.75 - ((17.375 - 8.75) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((17.375 - 8.75) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 17.375 * 1rem); --polaroid--heading-font-size: clamp(1.75 * 1rem, ((1.75 - ((2 - 1.75) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2 - 1.75) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 2 * 1rem); --_sticker-card---line-color: oklch(from var(--_sticker-card---background) calc(l - .07) c h); --swatch--avocado100-p3: var(--swatch--avocado100, #ebf4de); --swatch--avocado100: #ebf4de; --polaroid--large: clamp(9.375 * 1rem, ((9.375 - ((18.75 - 9.375) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((18.75 - 9.375) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 18.75 * 1rem); --ticket--heading-font-size: clamp(2.5 * 1rem, ((2.5 - ((7 - 2.5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((7 - 2.5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 7 * 1rem); --ticket--text-font-size: clamp(.65 * 1rem, ((.65 - ((1 - .65) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1 - .65) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1 * 1rem); --swatch--cherry100: #fbece9; --swatch--cherry700: #c60000; --swatch--cherry700-p3: var(--swatch--cherry700, #b11d00); --swatch--cherry600-p3: var(--swatch--cherry600, #c82a00); --ticket--bg-color-p3: var(--ticket--bg-color, #fd3b35); --_text-style---text-transform: var(--_typography---text-transform--none); --site--viewport-min: 22.5; --_theme---selection--background: var(--swatch--tomato500-p3); --_theme---selection--text: var(--swatch--peanutbutter100-p3); --site--column-count: 12; --focus--offset-outer: .1875rem; --_alignment---direction: start; --_theme---button-primary--background: var(--swatch--tomato500-p3); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--peanutbutter100); --_theme---button-primary--background-hover: color-mix(in srgb, var(--_button-style---background) 75%, var(--swatch--transparent)); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--swatch--avocado700-p3); --_theme---button-secondary--border: var(--_theme---button-secondary--background); --_theme---button-secondary--text: var(--swatch--peanutbutter100); --_theme---button-secondary--background-hover: color-mix(in srgb, var(--_theme---button-secondary--background) 75%, var(--swatch--transparent)); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--swatch--peanutbutter100); --swatch--cherry500: #d2451e; --swatch--cherry600: #d00; --swatch--tomato500: #ff0e22; --swatch--mustard100: #feedd2; --swatch--mustard100-p3: var(--swatch--mustard100, #fbeed5); --swatch--avocado400: #d4e5b6; --swatch--avocado500: #a6be78; --swatch--avocado700: #00512d; --swatch--paleyellow100: #fcefac; --swatch--paleyellow100-p3: var(--swatch--paleyellow100, #ffeea3); --swatch--peanutbutter100: #fff6ed; --swatch--peanutbutter100-p3: var(--swatch--butter-peanut-butter100, #fff6ee); --swatch--peanutbutter400: #f4dabb; --swatch--peanutbutter500: #e6a65d; --swatch--peanutbutter700: #51312d; --swatch--peanutbutter700-p3: var(--swatch--peanutbutter700, #562f2c); --swatch--elderberry100: #d3e5ef; --swatch--elderberry100-p3: var(--swatch--elderberry100, #d3e5ef); --swatch--elderberry700: #283a70; --_theme---nav--background: var(--swatch--transparent); --swatch--elderberry700-p3: var(--swatch--elderberry700, #233b74); --nav--banner-height: 2.4rem; --nav--height-total: var(--nav--height); --nav--spacing-inner-horizontal: var(--_spacing---space--5); --nav--hamburger-thickness: var(--border-width--main); --nav--hamburger-gap: var(--_spacing---space--2); --nav--menu-open-duration: var(--nav-duration, .4s); --_typography---font--primary-trim-top: .42em; --_typography---font--primary-trim-bottom: .38em; --_typography---font--secondary-family: "VC Honey", "Times New Roman", sans-serif; --_typography---font--secondary-trim-top: .43em; --_typography---font--secondary-trim-bottom: .24em; --_typography---font--tertiary-trim-top: .29em; --_typography---font--tertiary-trim-bottom: .2em; --nav--menu-close-duration: var(--nav-duration, .4s); --nav--dropdown-open-duration: var(--nav-duration, .4s); --nav--dropdown-close-duration: var(--nav-duration, .4s); --_typography---font-size--text-small: clamp(.875 * 1rem, ((.875 - ((.875 - .875) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((.875 - .875) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), .875 * 1rem); --_typography---font-size--text-main: clamp(1 * 1rem, ((1 - ((1 - 1) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1 - 1) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1 * 1rem); --_typography---font-size--h6: clamp(1 * 1rem, ((1 - ((1.25 - 1) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.25 - 1) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.25 * 1rem); --_typography---font-size--h5: clamp(1.375 * 1rem, ((1.375 - ((1.5 - 1.375) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.5 - 1.375) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.5 * 1rem); --_typography---font-size--h4: clamp(1.75 * 1rem, ((1.75 - ((2 - 1.75) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2 - 1.75) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 2 * 1rem); --_typography---font-size--h3: clamp(2.25 * 1rem, ((2.25 - ((3 - 2.25) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((3 - 2.25) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 3 * 1rem); --_typography---font-size--h2: clamp(2.25 * 1rem, ((2.25 - ((6 - 2.25) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((6 - 2.25) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 6 * 1rem); --_typography---font-size--h1: clamp(3.1875 * 1rem, ((3.1875 - ((7 - 3.1875) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((7 - 3.1875) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 7 * 1rem); --_typography---font-size--display: clamp(4 * 1rem, ((4 - ((7 - 4) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((7 - 4) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 7 * 1rem); --site--column-width: calc((min(var(--max-width--main), 100% - var(--site--margin) * 2) - (var(--site--gutter) * (var(--site--column-count) - 1))) / var(--site--column-count)); --_typography---text-transform--none: var(--text-transform, none); --_typography---text-transform--uppercase: uppercase; --_typography---text-transform--capitalize: capitalize; --_typography---text-transform--lowercase: lowercase; --ticket--bg-color: #fd3b35; --swatch--brand-500\: #c6fb50; --swatch--light-100\: white; --swatch--brand-text\: var(--swatch--dark-900\); --swatch--dark-800\: #2f2b2d; --swatch--brand-600\: color-mix(in srgb, var(--swatch--brand-500\), black 20%); --swatch--neutral200\: #ebebeb; --swatch--light-100-o20\: color-mix(in srgb, var(--swatch--light-100\) 20%, transparent); --swatch--brand-text-o20\: color-mix(in srgb, var(--swatch--brand-text\) 20%, transparent); } @supports (color: color(display-p3 0 0 0)) { :root { --swatch--tomato500-p3: var(--swatch--tomato500, color(display-p3 .9137 .302 .2549)); --swatch--avocado400-p3: var(--swatch--avocado400, color(display-p3 .8314 .898 .7137)); --swatch--avocado700-p3: var(--swatch--avocado700, color(display-p3 .1294 .3059 .2)); --swatch--avocado100-p3: var(--swatch--avocado100, color(display-p3 .9294 .9569 .8784)); --swatch--cherry700-p3: var(--swatch--cherry700, color(display-p3 .651 .149 .0118)); --swatch--cherry600-p3: var(--swatch--cherry600, color(display-p3 .7294 .2118 .0706)); --ticket--bg-color-p3: var(--ticket--bg-color, color(display-p3 .9137 .302 .2549)); --swatch--mustard100-p3: var(--swatch--mustard100, color(display-p3 .9765 .9333 .8471)); --swatch--paleyellow100-p3: var(--swatch--paleyellow100, color(display-p3 .9882 .9373 .6745)); --swatch--peanutbutter100-p3: var(--swatch--butter-peanut-butter100, color(display-p3 .9922 .9647 .9373)); --swatch--peanutbutter700-p3: var(--swatch--peanutbutter700, color(display-p3 .3176 .1922 .1765)); --swatch--elderberry100-p3: var(--swatch--elderberry100, color(display-p3 .8392 .8941 .9333)); --swatch--elderberry700-p3: var(--swatch--elderberry700, color(display-p3 .1569 .2275 .4392)); } } body { background-color: var(--_theme---background); font-family: var(--_text-style---font-family); color: var(--_theme---text); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_column-count---value: 12; text-transform: var(--_text-style---text-transform, none); } h1, h2, h3, h4, h5, h6, p { display: flow-root; } a { color: inherit; outline-width: var(--focus--width); outline-offset: var(--focus--offset-outer); text-decoration: none; } ul, ol { margin-bottom: 0; padding-left: 0; list-style: ""; } li { display: block; } img { object-fit: cover; width: 100%; max-width: 100%; } strong { font-weight: bold; } em { font-style: italic; } blockquote { border-style: none; padding: 0; } figure { margin-bottom: 0; } .c-heading { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .c-heading:where(.w-variant-41c609dc-9c80-9eef-75df-03bf0eea00b4) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--display); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--6); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-heading:where(.w-variant-792802b6-ccdb-f982-5023-5fa970cf03d0) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-heading:where(.w-variant-433d40c6-c261-f13f-c899-61d2cadf150f) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-heading:where(.w-variant-701c4b6c-37cf-de59-d80d-80a1822c4994) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-heading:where(.w-variant-7c7eb163-b37d-338d-2369-5eae7e6d458a) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--h4); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-heading:where(.w-variant-326a9562-3263-06da-e8ef-16981fd70f1c) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--h5); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-heading:where(.w-variant-823daff2-fd84-8da0-4ed1-92a39b869ad0) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h6); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-heading:where(.w-variant-74a3180a-e505-b452-032f-599c8e557249) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-large); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-heading:where(.w-variant-9027c8ae-1ba5-f702-ea6e-4a1c3fca9f64) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-heading:where(.w-variant-3fbd0d32-5675-1947-73b3-abb16c1fb986) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-small); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-heading em { font-family: var(--_typography---font--tertiary-family); color: var(--_theme---heading-accent); } .c-text { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .c-text:where(.w-variant-eee56f15-d7ce-d101-2f8c-83b3bbd55d4a) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--display); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--6); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-text:where(.w-variant-3ddfa43e-abc1-422e-6e6d-23dfb7da71f3) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-text:where(.w-variant-efb733fe-da83-69a3-ea4a-b3f2f89d0389) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-text:where(.w-variant-ad482112-9d0e-852c-0f6e-ba1e5a3aee59) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-text:where(.w-variant-93e8af18-8413-e3ac-0442-72629401a3db) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--h4); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-text:where(.w-variant-5c484503-e2a0-ac99-680d-56013d859efa) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--h5); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-text:where(.w-variant-b8555f10-fa7d-e9ba-e262-f9aa44c27c1c) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h6); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-text:where(.w-variant-fdb8e663-01e0-aae6-13eb-e6dfca16b689) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-large); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-text:where(.w-variant-61d538b2-709c-eb7a-4258-8c0890dc07fc) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-text:where(.w-variant-4099173f-f581-635c-a5fe-cf4a89c62029), .c-text:where(.w-variant-fe6f474d-1651-566b-eeff-3c86e8cbf153) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-small); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-text:where(.w-variant-26cc9f23-e71c-deee-cd61-36dc24f35fae) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-text:where(.w-variant-c8b8ac88-1ac7-e9f6-41cc-82c548bf142d) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-large); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-text:where(.w-variant-47e40b0d-02af-2673-f429-546cac42dc5a) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h6); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-text:where(.w-variant-12e93187-f8ac-b1a1-2e50-59d85a6bf516) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--h5); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-text:where(.w-variant-f196774e-dbfd-d1b4-1196-b3e824fc5f7d) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--h4); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-text:where(.w-variant-7bfbf33b-fb56-d8df-e2d2-8fe65a7f2e44) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-text:where(.w-variant-9af60b09-c3a1-8c2a-eb78-8e29460ca7a9) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-text:where(.w-variant-83c598b0-8cc2-f955-1996-fcb8fb10bf70) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-text:where(.w-variant-8ee37a78-065b-6879-973d-319c65e28313) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--display); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--6); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-grid { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_column-count---value: 1; --_gap---size: var(--site--gutter); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: repeat(var(--type, auto-fit), minmax(min(max(calc(var(--column-width, 18) * 1rem), (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); display: grid; } .c-grid:where(.w-variant-2d129b71-f389-2bb5-157e-4c6664b6f1f7) { --_column-count---value: 2; } .c-grid:where(.w-variant-205cb359-64f4-9613-16be-7b6ea21da130) { --_column-count---value: 3; } .c-grid:where(.w-variant-a43392db-4e92-372b-85af-453fa5f58a0b) { --_column-count---value: 4; } .c-grid:where(.w-variant-a49c393c-8eb9-9702-a7f7-b0d31c2535b6) { --_column-count---value: 5; } .c-grid:where(.w-variant-1fa34b50-a837-2ff8-cbdc-a25a0f0f655e) { --_column-count---value: 6; } .c-grid:where(.w-variant-40a5ac65-6ad6-ab31-f112-a487dd6f4194) { --_column-count---value: 7; } .c-grid:where(.w-variant-acca940a-8500-4c63-671b-ba41437b73b7) { --_column-count---value: 8; } .c-grid:where(.w-variant-3f4418b6-400a-afb6-8442-1ca7dcd18498) { --_column-count---value: 9; } .c-grid:where(.w-variant-6ad0d720-f0d5-1ea4-b1b1-2599a18bd67d) { --_column-count---value: 10; } .c-grid:where(.w-variant-d8367f61-c746-929f-bff3-d9477c01c581) { --_column-count---value: 11; } .c-grid:where(.w-variant-fd7db3dc-d58a-e1d7-ed64-9b8a1a6798b5) { --_column-count---value: 12; } .u-text-style-display { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--display); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--6); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .u-text-style-h1 { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .u-text-style-h2 { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .u-text-style-h6 { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h6); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .u-text-style-main { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .u-text-style-small { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-small); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .u-rich-text { text-wrap: var(--_text-style---text-wrap); } .u-rich-text h1 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .u-rich-text h2 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .u-rich-text h3 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .u-rich-text h4 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--h4); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .u-rich-text h5 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--h5); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-wrap: var(--_text-style---text-wrap); text-transform: var(--_text-style---text-transform, none); } .u-rich-text h6 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h6); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--secondary-trim-top); --_text-style---trim-bottom: var(--_typography---font--secondary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-wrap: var(--_text-style---text-wrap); text-transform: var(--_text-style---text-transform, none); } .u-rich-text p { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); } .u-rich-text blockquote { margin-top: var(--_spacing---space--6); margin-bottom: var(--_spacing---space--6); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-large); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); border-left-style: solid; border-left-width: .2rem; padding: .5rem 1rem; } .u-rich-text ol { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); grid-column-gap: .9em; grid-row-gap: .9em; align-items: var(--_alignment---direction, start); flex-flow: column; padding-left: 1.2em; list-style-type: decimal; display: flex; overflow: visible; } .u-rich-text li { margin-top: calc(var(--_text-style---trim-top) * -1); margin-bottom: calc(var(--_text-style---trim-bottom) * -1); display: list-item; } .u-rich-text ul { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); grid-column-gap: .9em; grid-row-gap: .9em; align-items: var(--_alignment---direction, start); flex-flow: column; padding-left: 1.2em; list-style-type: disc; display: flex; overflow: visible; } .u-rich-text figure { margin-top: var(--_spacing---space--7); margin-bottom: var(--_spacing---space--7); } .u-line-height-large { line-height: var(--_typography---line-height--large); } .u-section { color: var(--_theme---text); --_column-count---value: 12; flex-flow: column; justify-content: center; align-items: stretch; display: flex; position: relative; } .u-section:where(.w-variant-a4eabb01-8ed6-63d0-157e-0a7b56aedaa1) { --_theme---background: var(--swatch--peanutbutter100-p3); --_theme---text: var(--swatch--avocado700-p3); --_theme---heading-accent: var(--swatch--tomato500-p3); --_theme---background-2: var(--swatch--mustard100-p3); --_theme---border: var(--swatch--neutral200\); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--border-hover: var(--_theme---text); --_theme---selection--background: var(--swatch--tomato500-p3); --_theme---selection--text: var(--swatch--peanutbutter100-p3); --_theme---button-primary--background: var(--swatch--tomato500-p3); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--peanutbutter100); --_theme---button-primary--background-hover: color-mix(in srgb, var(--_button-style---background) 75%, var(--swatch--transparent)); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--swatch--avocado700-p3); --_theme---button-secondary--border: var(--_theme---button-secondary--background); --_theme---button-secondary--text: var(--swatch--peanutbutter100); --_theme---button-secondary--background-hover: color-mix(in srgb, var(--_theme---button-secondary--background) 75%, var(--swatch--transparent)); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--swatch--peanutbutter100); --_theme---nav--background: var(--swatch--transparent); } .u-section:where(.w-variant-857e5430-97c7-deb6-3c1a-d3063f9fe2c7) { --_theme---background: var(--swatch--dark-900\); --_theme---text: var(--swatch--light-100\); --_theme---heading-accent: var(--swatch--brand-500\); --_theme---background-2: var(--swatch--dark-800\); --_theme---border: var(--swatch--light-100-o20\); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--border-hover: var(--swatch--brand-500\); --_theme---selection--background: var(--swatch--tomato500-p3); --_theme---selection--text: var(--swatch--peanutbutter100-p3); --_theme---button-primary--background: var(--swatch--tomato500-p3); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--peanutbutter100); --_theme---button-primary--background-hover: color-mix(in srgb, var(--_button-style---background) 75%, var(--swatch--transparent)); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--swatch--avocado700-p3); --_theme---button-secondary--border: var(--_theme---button-secondary--background); --_theme---button-secondary--text: var(--swatch--peanutbutter100); --_theme---button-secondary--background-hover: color-mix(in srgb, var(--_theme---button-secondary--background) 75%, var(--swatch--transparent)); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--swatch--peanutbutter100); --_theme---nav--background: var(--_theme---background-2); } .u-section:where(.w-variant-f3a81397-d460-3add-9beb-5ec7af47907a) { --_theme---background: var(--swatch--peanutbutter100-p3); --_theme---text: var(--swatch--avocado700-p3); --_theme---heading-accent: var(--swatch--tomato500-p3); --_theme---background-2: var(--swatch--mustard100-p3); --_theme---border: var(--swatch--neutral200\); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--border-hover: var(--_theme---text); --_theme---selection--background: var(--swatch--tomato500-p3); --_theme---selection--text: var(--swatch--peanutbutter100-p3); --_theme---button-primary--background: var(--swatch--tomato500-p3); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--peanutbutter100); --_theme---button-primary--background-hover: color-mix(in srgb, var(--_button-style---background) 75%, var(--swatch--transparent)); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--swatch--avocado700-p3); --_theme---button-secondary--border: var(--_theme---button-secondary--background); --_theme---button-secondary--text: var(--swatch--peanutbutter100); --_theme---button-secondary--background-hover: color-mix(in srgb, var(--_theme---button-secondary--background) 75%, var(--swatch--transparent)); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--swatch--peanutbutter100); --_theme---nav--background: var(--swatch--transparent); } .u-section:where(.w-variant-b4d321b1-05d4-6b05-8ab2-dfbc2f41ee4e) { --_theme---background: var(--swatch--dark-900\); --_theme---text: var(--swatch--light-100\); --_theme---heading-accent: var(--swatch--brand-500\); --_theme---background-2: var(--swatch--dark-800\); --_theme---border: var(--swatch--light-100-o20\); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--border-hover: var(--swatch--brand-500\); --_theme---selection--background: var(--swatch--tomato500-p3); --_theme---selection--text: var(--swatch--peanutbutter100-p3); --_theme---button-primary--background: var(--swatch--tomato500-p3); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--peanutbutter100); --_theme---button-primary--background-hover: color-mix(in srgb, var(--_button-style---background) 75%, var(--swatch--transparent)); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--swatch--avocado700-p3); --_theme---button-secondary--border: var(--_theme---button-secondary--background); --_theme---button-secondary--text: var(--swatch--peanutbutter100); --_theme---button-secondary--background-hover: color-mix(in srgb, var(--_theme---button-secondary--background) 75%, var(--swatch--transparent)); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--swatch--peanutbutter100); --_theme---nav--background: var(--_theme---background-2); } .u-section:where(.w-variant-25bf08d9-3196-322b-5616-019ac7f0f4f7) { --_theme---background: var(--swatch--brand-500\); --_theme---text: var(--swatch--brand-text\); --_theme---heading-accent: color-mix(in srgb, var(--_theme---text), white 20%); --_theme---background-2: var(--swatch--brand-600\); --_theme---border: var(--swatch--brand-text-o20\); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--border-hover: var(--_theme---text); --_theme---selection--background: var(--swatch--tomato500-p3); --_theme---selection--text: var(--swatch--peanutbutter100-p3); --_theme---button-primary--background: var(--swatch--brand-text\); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-500\); --_theme---button-primary--background-hover: color-mix(in srgb, var(--_theme---button-primary--background), white 10%); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---button-primary--text); --_theme---button-secondary--background: var(--swatch--avocado700-p3); --_theme---button-secondary--border: var(--_theme---button-secondary--background); --_theme---button-secondary--text: var(--swatch--peanutbutter100); --_theme---button-secondary--background-hover: color-mix(in srgb, var(--_theme---button-secondary--background) 75%, var(--swatch--transparent)); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--swatch--peanutbutter100); --_theme---nav--background: var(--_theme---background); } .u-container { z-index: 1; max-width: var(--max-width--main); width: calc(100% - var(--site--margin) * 2); flex: 1; margin-left: auto; margin-right: auto; position: relative; container: threshold-large / inline-size; } .u-container-small { z-index: 1; max-width: var(--max-width--small); width: calc(100% - var(--site--margin) * 2); flex: 1; margin-left: auto; margin-right: auto; position: relative; container: threshold-large / inline-size; } .u-svg { width: 100%; height: 100%; display: block; overflow: visible !important; } .u-svg:where(.w-variant-1c3f028b-116e-d4eb-db7f-8484491bbf2e) { transform: rotate(-180deg); } .u-svg:where(.w-variant-a0a4b133-f837-5340-6c98-04b1518f150d) { transform: rotate(-90deg); } .u-svg:where(.w-variant-5939aeba-b378-ecdc-f1bc-b6970df2be03) { transform: rotate(90deg); } .u-svg:where(.w-variant-dc469724-71a3-14e1-b5d5-1294323411ce) { transform: rotate(-180deg); } .u-svg:where(.w-variant-b18a0fcd-abb0-329e-47f4-79155dd8284a) { transform: rotate(-90deg); } .u-svg:where(.w-variant-caa8b8e9-e8ec-6eb3-4526-30f19f7326f5) { transform: rotate(90deg); } .u-path { stroke-width: var(--border-width--main); stroke: currentColor; vector-effect: non-scaling-stroke; } .u-sr-only { white-space: nowrap; clip: rect(0, 0, 0, 0); border-width: 0; width: 1px; height: 1px; margin-left: auto; margin-right: auto; padding: 0; position: absolute; inset: 0% 0% auto; overflow: hidden; } .u-section-spacer { height: var(--_spacing---section-space--none); position: relative; } .u-section-spacer:where(.w-variant-d422cbd0-f212-c815-68df-63414354c21d) { height: var(--_spacing---section-space--small); } .u-section-spacer:where(.w-variant-60a7ad7d-02b0-6682-95a5-2218e6fd1490) { height: var(--_spacing---section-space--main); } .u-section-spacer:where(.w-variant-8cc18b30-4618-8767-0111-f6abfe45aaa3) { height: var(--_spacing---section-space--large); } .u-section-spacer:where(.w-variant-41fc0c0a-cac3-53c9-9802-6a916e3fb342) { height: var(--site--margin); } .u-section-spacer:where(.w-variant-e359d2da-de19-6775-b122-3e06f925f39e) { height: var(--_spacing---section-space--page-top); } .u-content-wrapper { text-align: var(--_alignment---direction, start); } .u-content-wrapper:where(.w-variant-67e1f4a6-997b-b215-d348-cc757a57083b) { --_alignment---direction: start; } .u-content-wrapper:where(.w-variant-4f54624e-ceb1-0769-a238-365d5e220b70) { --_alignment---direction: center; } .u-content-wrapper:where(.w-variant-405b6754-709a-81de-bf32-f0102c0c7aa2) { --_alignment---direction: end; } .u-button-group { margin-top: var(--_spacing---space--6); grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); align-content: center; align-items: center; justify-content: var(--_alignment---direction, start); flex-flow: wrap; display: flex; } .u-child-contain { justify-content: center; align-items: var(--_alignment---direction, start); text-align: var(--_alignment---direction, start); flex-flow: column; min-width: 100%; display: flex; } .u-flex-horizontal-wrap { align-content: center; align-items: center; justify-content: var(--_alignment---direction, start); text-align: var(--_alignment---direction, start); flex-flow: wrap; display: flex; } .u-flex-vertical-nowrap { white-space: nowrap; justify-content: center; align-items: var(--_alignment---direction, start); text-align: var(--_alignment---direction, start); flex-flow: column; display: flex; } .u-flex-horizontal-nowrap { align-content: center; align-items: center; justify-content: var(--_alignment---direction, start); text-align: var(--_alignment---direction, start); flex-flow: row; display: flex; } .u-flex-vertical-wrap { justify-content: center; align-items: var(--_alignment---direction, start); text-align: var(--_alignment---direction, start); flex-flow: column wrap; display: flex; } .u-grid-above { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: repeat(var(--_column-count---value), minmax(0, 1fr)); flex-flow: column; display: grid; } .u-align-self-center { align-self: center; } .u-align-self-end { align-self: flex-end; } .u-align-items-stretch { align-items: stretch; } .u-align-items-center { align-items: center; } .u-justify-content-center { justify-content: center; } .u-justify-content-end { justify-content: flex-end; } .u-justify-content-between { justify-content: space-between; } .u-color-faded { color: var(--swatch--neutral400\); } .u-background-2 { background-color: var(--_theme---background-2); } .u-gap-1 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--1); } .u-gap-2 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--2); } .u-gap-gutter { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--site--gutter); } .u-gap-row-0 { grid-row-gap: 0rem; } .u-margin-bottom-text { margin-bottom: var(--_text-style---margin-bottom); } .u-margin-bottom-1 { margin-bottom: var(--_spacing---space--1); } .u-margin-bottom-2 { margin-bottom: var(--_spacing---space--2); } .u-margin-bottom-4 { margin-bottom: var(--_spacing---space--4); } .u-margin-bottom-5 { margin-bottom: var(--_spacing---space--5); } .u-margin-bottom-6 { margin-bottom: var(--_spacing---space--6); } .u-margin-bottom-7 { margin-bottom: var(--_spacing---space--7); } .u-margin-bottom-8 { margin-bottom: var(--_spacing---space--8); } .u-column-2 { grid-column-end: span 2; } .u-column-8 { grid-column-end: span 8; } .u-alignment-center { --_alignment---direction: center; text-align: var(--_alignment---direction, start); } .u-text-wrap-balance { text-wrap: balance; } .u-max-width-18ch { max-width: 18ch; } .u-max-width-60ch { max-width: 60ch; } .u-radius-main { border-radius: var(--radius--main); } .u-overflow-hidden { overflow: hidden; } .u-display-contents { display: contents; } .u-zindex-1 { z-index: 1; position: relative; } .u-zindex-2 { z-index: 2; position: relative; } .u-position-relative { position: relative; } .u-position-fixed { position: fixed; } .u-height-full { height: 100%; } .u-width-full { width: 100%; } .u-cover-absolute { width: 100%; height: 100%; position: absolute; inset: 0%; } .u-ratio-1-1 { aspect-ratio: 1; } .u-threshold-medium { container-name: threshold-medium; } .u-column-start-3 { grid-column-start: 3; } .button_main_wrap { padding-top: var(--_button-style---padding-vertical); padding-right: 1.375rem; padding-bottom: var(--_button-style---padding-vertical); border-top-style: solid; border-top-width: var(--border-width--main); border-right-style: solid; border-right-width: var(--border-width--main); border-bottom-style: solid; border-bottom-width: var(--border-width--main); border-left-style: solid; border-left-width: var(--border-width--main); border-top-left-radius: var(--radius--round); border-top-right-radius: var(--radius--round); border-bottom-left-radius: var(--radius--round); border-bottom-right-radius: var(--radius--round); text-align: center; vertical-align: middle; --_button-style---padding-vertical: 1.25rem; --_button-style---text: var(--_theme---button-primary--text); --_button-style---text-hover: var(--_theme---button-primary--text-hover); --_button-style---background: var(--_theme---button-primary--background); --_button-style---background-hover: var(--_theme---button-primary--background-hover); --_button-style---border: var(--_theme---button-primary--border); --_button-style---border-hover: var(--_theme---button-primary--border-hover); color: color-mix(in srgb, var(--_button-style---text) calc(100% * var(--_trigger---on)), var(--_button-style---text-hover) calc(100% * var(--_trigger---off))); background-color: color-mix(in srgb, var(--_button-style---background) calc(100% * var(--_trigger---on)), var(--_button-style---background-hover) calc(100% * var(--_trigger---off))); border-top-color: color-mix(in srgb, var(--_button-style---border) calc(100% * var(--_trigger---on)), var(--_button-style---border-hover) calc(100% * var(--_trigger---off))); border-right-color: color-mix(in srgb, var(--_button-style---border) calc(100% * var(--_trigger---on)), var(--_button-style---border-hover) calc(100% * var(--_trigger---off))); border-bottom-color: color-mix(in srgb, var(--_button-style---border) calc(100% * var(--_trigger---on)), var(--_button-style---border-hover) calc(100% * var(--_trigger---off))); border-left-color: color-mix(in srgb, var(--_button-style---border) calc(100% * var(--_trigger---on)), var(--_button-style---border-hover) calc(100% * var(--_trigger---off))); justify-content: center; align-items: center; padding-left: 1.375rem; line-height: 1; transition-property: all; transition-duration: .2s; transition-timing-function: ease; display: inline-flex; position: relative; } .button_main_wrap:where(.w-variant-e85564cd-af30-a478-692b-71732aefb3ab), .button_main_wrap.secondary, .button_main_wrap.secondary-5, .button_main_wrap.secondary-9, .button_main_wrap.secondary-5, .button_main_wrap.secondary-9 { --_button-style---padding-vertical: .75rem; --_button-style---text: var(--_theme---button-secondary--text); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); --_button-style---background: var(--_theme---button-secondary--background); --_button-style---background-hover: var(--_theme---button-secondary--background-hover); --_button-style---border: var(--_theme---button-secondary--border); --_button-style---border-hover: var(--_theme---button-secondary--border-hover); } .button_main_text { line-height: inherit; position: relative; } .page_wrap { flex-flow: column; min-height: 100svh; display: flex; overflow: clip; } .page_main { flex-flow: column; flex: 1; display: flex; } .guide_wrap { z-index: 2000; pointer-events: none; display: none; position: fixed; inset: 0% 0% auto; overflow: hidden; } .guide_layout { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); grid-template-rows: auto; grid-auto-columns: 1fr; grid-template-columns: repeat(var(--site--column-count), minmax(0, 1fr)); display: grid; } .guide_column { color: #8a8a8a80; background-color: #9292920f; flex-flow: column; justify-content: flex-end; align-items: center; height: 100vh; padding-top: .6rem; padding-bottom: .6rem; display: flex; } .clickable_wrap { z-index: 3; border-radius: inherit; } .clickable_link { border-radius: inherit; width: 100%; height: 100%; display: block; position: absolute; inset: 0%; } .clickable_btn { border-radius: inherit; width: 100%; height: 100%; display: none; position: absolute; inset: 0%; } .swiper-wrapper { display: flex; } .slider_wrap { grid-column-gap: 0rem; grid-row-gap: var(--_spacing---space--4); flex-flow: column; display: flex; container-type: inline-size; } .slider_offset { margin-left: calc(var(--_gap---size) * -.5); margin-right: calc(var(--_gap---size) * -.5); flex: 1; display: flex; } .slider_list { height: 100%; } .slider_list.swiper-wrapper { display: flex; } .slider_button_layout { grid-column-gap: var(--_spacing---space--1); grid-row-gap: var(--_spacing---space--1); flex-flow: row; justify-content: center; align-items: center; display: flex; } .slider_element.swiper { width: 100%; max-width: 100%; margin-left: 0; margin-right: 0; overflow: visible; } .slider_element.swiper:where(.w-variant-bfb8c45c-dbfa-13cc-2dfc-0c02a34504e4) { overflow: hidden; } .slider_element.swiper:where(.w-variant-b8ee48da-439e-7156-5d2e-5b4f080e200e) { -webkit-clip-path: polygon(0 0, calc(100% + 100vw) 0, calc(100% + 100vw) 100%, 0% 100%); clip-path: polygon(0 0, calc(100% + 100vw) 0, calc(100% + 100vw) 100%, 0% 100%); } .button_arrow_wrap { aspect-ratio: 1; border-top-style: solid; border-top-width: var(--border-width--main); border-right-style: solid; border-right-width: var(--border-width--main); border-bottom-style: solid; border-bottom-width: var(--border-width--main); border-left-style: solid; border-left-width: var(--border-width--main); border-top-left-radius: var(--radius--round); border-top-right-radius: var(--radius--round); border-bottom-left-radius: var(--radius--round); border-bottom-right-radius: var(--radius--round); vertical-align: middle; --_button-style---padding-vertical: 1.25rem; --_button-style---text: var(--_theme---button-primary--text); --_button-style---text-hover: var(--_theme---button-primary--text-hover); --_button-style---background: var(--_theme---button-primary--background); --_button-style---background-hover: var(--_theme---button-primary--background-hover); --_button-style---border: var(--_theme---button-primary--border); --_button-style---border-hover: var(--_theme---button-primary--border-hover); background-color: color-mix(in srgb, var(--_button-style---background) calc(100% * var(--_trigger---on)), var(--_button-style---background-hover) calc(100% * var(--_trigger---off))); color: color-mix(in srgb, var(--_button-style---text) calc(100% * var(--_trigger---on)), var(--_button-style---text-hover) calc(100% * var(--_trigger---off))); border-top-color: color-mix(in srgb, var(--_button-style---border) calc(100% * var(--_trigger---on)), var(--_button-style---border-hover) calc(100% * var(--_trigger---off))); border-right-color: color-mix(in srgb, var(--_button-style---border) calc(100% * var(--_trigger---on)), var(--_button-style---border-hover) calc(100% * var(--_trigger---off))); border-bottom-color: color-mix(in srgb, var(--_button-style---border) calc(100% * var(--_trigger---on)), var(--_button-style---border-hover) calc(100% * var(--_trigger---off))); border-left-color: color-mix(in srgb, var(--_button-style---border) calc(100% * var(--_trigger---on)), var(--_button-style---border-hover) calc(100% * var(--_trigger---off))); justify-content: center; align-items: center; width: 3rem; transition-property: all; transition-duration: .2s; transition-timing-function: ease; display: inline-flex; position: relative; } .button_arrow_wrap:where(.w-variant-ab355ea0-b722-2f23-3507-f0290f710e57), .button_arrow_wrap:where(.w-variant-bb0688d1-65b6-14b6-81e5-21e2cd39bbda), .button_arrow_wrap:where(.w-variant-c144d67f-2c62-4dbf-0fd8-0b6056b717ec) { --_button-style---padding-vertical: .75rem; --_button-style---text: var(--_theme---button-secondary--text); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); --_button-style---background: var(--_theme---button-secondary--background); --_button-style---background-hover: var(--_theme---button-secondary--background-hover); --_button-style---border: var(--_theme---button-secondary--border); --_button-style---border-hover: var(--_theme---button-secondary--border-hover); } .button_arrow_icon { aspect-ratio: 1; width: 36%; position: relative; } .nav_component { z-index: 1000; pointer-events: none; background-color: #0000; position: sticky; inset: 0% 0% auto; container-type: inline-size; } .nav_component:where(.w-variant-dd866659-1d7d-6447-6461-66ca86ca367f), .nav_component.overlap, .nav_component.overlap-12, .nav_component.overlap { position: absolute; } .nav_dropdown_backdrop { z-index: 0; opacity: 0; pointer-events: none; background-color: color-mix(in srgb, var(--swatch--dark-900\) 20%, transparent); width: 100%; height: 100vh; display: none; position: absolute; inset: 0%; } .nav_desktop_layout { height: var(--nav--height); max-width: var(--nav--max-width-inner); grid-column-gap: var(--_spacing---space--3); pointer-events: auto; justify-content: space-between; align-items: center; width: 100%; margin-left: auto; margin-right: auto; padding-top: 0; padding-bottom: 0; display: flex; position: static; } .nav_menu_backdrop { z-index: 0; opacity: 0; pointer-events: none; background-color: color-mix(in srgb, var(--swatch--dark-900\) 20%, transparent); width: 100%; height: 100vh; display: block; position: absolute; inset: 0%; } .nav_skip_wrap { z-index: 2; border-width: var(--border-width--main); border-radius: var(--nav--radius); background-color: var(--_theme---background); outline-offset: var(--focus--offset-inner); pointer-events: auto; color: var(--_theme---text); margin: .5rem; padding: .5rem; position: absolute; inset: 0% auto auto 0%; transform: translate(-200%); } .nav_skip_wrap:focus { transform: translate(0%); } .nav_desktop_wrap { z-index: 1; margin-top: var(--nav--spacing-outer-vertical); background-color: #0000; position: relative; } .nav_desktop_contain { max-width: var(--nav--max-width-outer); width: calc(100% - var(--nav--spacing-outer-horizontal) * 2); margin-left: auto; margin-right: auto; } .nav_desktop_logo { z-index: 2; outline-offset: var(--focus--offset-inner); justify-content: flex-start; align-items: center; width: 5.25rem; display: flex; position: relative; } .footer_bottom_contain.u-container { container-name: footer; } .footer_wrap { background-image: linear-gradient(180deg, var(--_theme---background-2), var(--_theme---background)); } .footer_logo_wrap { width: 5rem; } .footer_bottom_list { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); flex-flow: wrap; place-content: center; align-items: center; display: flex; } .footer_layout { padding-top: 2.5rem; padding-bottom: 2.5rem; } .footer_bottom_link_wrap { opacity: calc(1 - .5 * var(--_trigger---off)); transition-property: opacity; transition-duration: .1s; transition-timing-function: ease; } .footer_bottom_layout { grid-column-gap: var(--_spacing---space--5); grid-row-gap: var(--_spacing---space--5); border-top: var(--border-width--main) solid var(--_theme---border); flex-flow: wrap; grid-template-rows: auto; grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr)); grid-auto-columns: 1fr; place-content: center space-between; align-items: center; padding-top: 2.5rem; padding-bottom: 2.5rem; display: flex; } .footer_bottom_item { display: flex; } .section_hero { --_alignment---direction: center; } .section_hero:where(.w-variant-f3a81397-d460-3add-9beb-5ec7af47907a) { --_theme---background: var(--swatch--peanutbutter100-p3); --_theme---text: var(--swatch--avocado700-p3); --_theme---heading-accent: var(--swatch--tomato500-p3); --_theme---background-2: var(--swatch--mustard100-p3); --_theme---border: var(--swatch--neutral200\); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--border-hover: var(--_theme---text); --_theme---selection--background: var(--swatch--tomato500-p3); --_theme---selection--text: var(--swatch--peanutbutter100-p3); --_theme---button-primary--background: var(--swatch--tomato500-p3); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--peanutbutter100); --_theme---button-primary--background-hover: color-mix(in srgb, var(--_button-style---background) 75%, var(--swatch--transparent)); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--swatch--avocado700-p3); --_theme---button-secondary--border: var(--_theme---button-secondary--background); --_theme---button-secondary--text: var(--swatch--peanutbutter100); --_theme---button-secondary--background-hover: color-mix(in srgb, var(--_theme---button-secondary--background) 75%, var(--swatch--transparent)); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--swatch--peanutbutter100); --_theme---nav--background: var(--swatch--transparent); } .section_hero:where(.w-variant-b4d321b1-05d4-6b05-8ab2-dfbc2f41ee4e) { --_theme---background: var(--swatch--dark-900\); --_theme---text: var(--swatch--light-100\); --_theme---heading-accent: var(--swatch--brand-500\); --_theme---background-2: var(--swatch--dark-800\); --_theme---border: var(--swatch--light-100-o20\); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--border-hover: var(--swatch--brand-500\); --_theme---selection--background: var(--swatch--tomato500-p3); --_theme---selection--text: var(--swatch--peanutbutter100-p3); --_theme---button-primary--background: var(--swatch--tomato500-p3); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--peanutbutter100); --_theme---button-primary--background-hover: color-mix(in srgb, var(--_button-style---background) 75%, var(--swatch--transparent)); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--swatch--avocado700-p3); --_theme---button-secondary--border: var(--_theme---button-secondary--background); --_theme---button-secondary--text: var(--swatch--peanutbutter100); --_theme---button-secondary--background-hover: color-mix(in srgb, var(--_theme---button-secondary--background) 75%, var(--swatch--transparent)); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--swatch--peanutbutter100); --_theme---nav--background: var(--_theme---background-2); } .section_hero:where(.w-variant-bb2c68bd-fd74-aa1e-69b0-e84595dd4ec8) { --_theme---background: var(--swatch--brand-500\); --_theme---text: var(--swatch--brand-text\); --_theme---heading-accent: color-mix(in srgb, var(--_theme---text), white 20%); --_theme---background-2: var(--swatch--brand-600\); --_theme---border: var(--swatch--brand-text-o20\); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--border-hover: var(--_theme---text); --_theme---selection--background: var(--swatch--tomato500-p3); --_theme---selection--text: var(--swatch--peanutbutter100-p3); --_theme---button-primary--background: var(--swatch--brand-text\); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-500\); --_theme---button-primary--background-hover: color-mix(in srgb, var(--_theme---button-primary--background), white 10%); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---button-primary--text); --_theme---button-secondary--background: var(--swatch--avocado700-p3); --_theme---button-secondary--border: var(--_theme---button-secondary--background); --_theme---button-secondary--text: var(--swatch--peanutbutter100); --_theme---button-secondary--background-hover: color-mix(in srgb, var(--_theme---button-secondary--background) 75%, var(--swatch--transparent)); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--swatch--peanutbutter100); --_theme---nav--background: var(--_theme---background); } .hero_top_position { padding-top: var(--_spacing---section-space--page-top); flex: 1; } .hero_cards_contain { width: calc((var(--hero--scale-factor) * 100vw) + ((1 - var(--hero--scale-factor)) * var(--site--viewport-max) * 1rem)); grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; max-width: 112rem; } .hero-card_wrap { aspect-ratio: 1; border-radius: var(--radius--main); width: 100%; position: relative; overflow: hidden; } .hero_bottom_contain.u-container-small { flex: 0 auto; } .hero_bg_wrap { z-index: 0; justify-content: center; align-items: flex-end; display: flex; position: absolute; inset: 0%; } .hero_bg_circle { z-index: 2; border-radius: 0 0% 50% 50%; width: 175vw; min-width: 100rem; height: 150%; position: absolute; top: auto; bottom: 0%; } .hero_cards_list { grid-column-gap: clamp(1.25rem, 3vw, 2.75rem); grid-row-gap: clamp(1.25rem, 3vw, 2.75rem); grid-template-rows: auto; grid-template-columns: 1fr 1.25fr 1.68fr 1.25fr 1fr; grid-auto-columns: 1fr; align-self: center; place-items: end center; display: grid; } .hero-card_stats_wrap { position: absolute; inset: auto auto 1rem 1rem; } .hero_layout { padding-bottom: var(--_spacing---section-space--main); min-height: 85svh; position: relative; } .hero-card_stat_wrap { grid-column-gap: .25rem; grid-row-gap: .25rem; border-top-left-radius: var(--radius--round); border-top-right-radius: var(--radius--round); border-bottom-left-radius: var(--radius--round); border-bottom-right-radius: var(--radius--round); color: var(--swatch--neutral100); font-size: var(--hero--username-size); background-color: #88888880; justify-content: center; align-items: center; padding: .375em; display: flex; } .hero-card_stat_icon { width: 1.2em; height: 1.2em; } .hero-card_handle_wrap { border-top-left-radius: var(--radius--round); border-top-right-radius: var(--radius--round); border-bottom-left-radius: var(--radius--round); border-bottom-right-radius: var(--radius--round); color: var(--swatch--tomato500-p3); font-size: var(--hero--username-size); background-color: color-mix(in srgb, var(--swatch--tomato500-p3) 10%, transparent); padding: .375em .5em; display: flex; position: absolute; inset: 1rem 1rem auto auto; } .polaroid-card_wrap { width: var(--_polaroid-card---width); padding-top: var(--polaroid--padding); padding-right: var(--polaroid--padding); padding-left: var(--polaroid--padding); border-radius: var(--radius--small); --_text-style---font-family: var(--_typography---font--tertiary-family); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--tertiary-trim-top); --_text-style---trim-bottom: var(--_typography---font--tertiary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); background-color: #ebebeb; background-image: url("https://cdn.prod.website-files.com/68d5b358534e79ac7118dbf7/68dd9b87ae119c53fa2e1cae_d22f2bf94171099861f322c95cabde39_hungryroot_polaroid_texture.webp"); background-position: 0 0; background-size: 100%; position: absolute; overflow: hidden; box-shadow: inset 0 .0625rem .0625rem #fff9, inset -.0625rem -.0625px .0625rem #0000000d, .5rem .75rem 1.125rem #0000001a, 0 .1875rem .1875rem #00000040; } .polaroid-card_wrap:where(.w-variant-86c1128b-1c59-2cf8-02a1-d43c7df80c4b) { --_polaroid-card---width: var(--polaroid--small); } .polaroid-card_image_wrap { aspect-ratio: 1; width: 100%; position: relative; overflow: hidden; } .polaroid-card_image_image { border-radius: .125rem; box-shadow: inset .0625rem .25rem .25rem #00000040, inset .0625rem .0625rem .0625rem #00000070; } .polaroid-card_text_wrap { padding: var(--polaroid--padding); } .polaroid-card_text_text { color: #16130f; font-size: var(--_typography---font-size--text-large); } .polaroid-card_image_overlay { z-index: 2; opacity: .1; background-color: #000; position: absolute; inset: 0%; } .recepies_item { display: block; } .u-container-medium { z-index: 1; max-width: var(--max-width--medium); width: calc(100% - var(--site--margin) * 2); flex: 1; margin-left: auto; margin-right: auto; position: relative; container: threshold-large / inline-size; } .cms-empty_wrap { width: 100%; padding: 1rem; } .recipe-card_wrap { transition: opacity .4s ease-in-out; position: relative; } .recipe-card_image_wrap { z-index: 2; } .recepies_card_outer { position: static; } .recepies-card_stat_icon { width: 1.25rem; height: 1.25rem; } .recepe-card_stat_text { margin-right: .25rem; display: inline-block; } .recepe-card_stat_text.is-number { margin-right: .125rem; } .recepies-card_stat_wrap { padding-right: var(--_spacing---space--1); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-small); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .section_polaroids { padding-top: var(--polaroid--section-mobile-height); padding-bottom: var(--polaroid--section-mobile-height); background-color: #0000; width: 100%; } .section_polaroids:where(.w-variant-f3a81397-d460-3add-9beb-5ec7af47907a) { --_theme---background: var(--swatch--peanutbutter100-p3); --_theme---text: var(--swatch--avocado700-p3); --_theme---heading-accent: var(--swatch--tomato500-p3); --_theme---background-2: var(--swatch--mustard100-p3); --_theme---border: var(--swatch--neutral200\); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--border-hover: var(--_theme---text); --_theme---selection--background: var(--swatch--tomato500-p3); --_theme---selection--text: var(--swatch--peanutbutter100-p3); --_theme---button-primary--background: var(--swatch--tomato500-p3); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--peanutbutter100); --_theme---button-primary--background-hover: color-mix(in srgb, var(--_button-style---background) 75%, var(--swatch--transparent)); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--swatch--avocado700-p3); --_theme---button-secondary--border: var(--_theme---button-secondary--background); --_theme---button-secondary--text: var(--swatch--peanutbutter100); --_theme---button-secondary--background-hover: color-mix(in srgb, var(--_theme---button-secondary--background) 75%, var(--swatch--transparent)); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--swatch--peanutbutter100); --_theme---nav--background: var(--swatch--transparent); } .section_polaroids:where(.w-variant-b4d321b1-05d4-6b05-8ab2-dfbc2f41ee4e) { --_theme---background: var(--swatch--dark-900\); --_theme---text: var(--swatch--light-100\); --_theme---heading-accent: var(--swatch--brand-500\); --_theme---background-2: var(--swatch--dark-800\); --_theme---border: var(--swatch--light-100-o20\); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--border-hover: var(--swatch--brand-500\); --_theme---selection--background: var(--swatch--tomato500-p3); --_theme---selection--text: var(--swatch--peanutbutter100-p3); --_theme---button-primary--background: var(--swatch--tomato500-p3); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--peanutbutter100); --_theme---button-primary--background-hover: color-mix(in srgb, var(--_button-style---background) 75%, var(--swatch--transparent)); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--swatch--avocado700-p3); --_theme---button-secondary--border: var(--_theme---button-secondary--background); --_theme---button-secondary--text: var(--swatch--peanutbutter100); --_theme---button-secondary--background-hover: color-mix(in srgb, var(--_theme---button-secondary--background) 75%, var(--swatch--transparent)); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--swatch--peanutbutter100); --_theme---nav--background: var(--_theme---background-2); } .section_polaroids:where(.w-variant-bb2c68bd-fd74-aa1e-69b0-e84595dd4ec8) { --_theme---background: var(--swatch--brand-500\); --_theme---text: var(--swatch--brand-text\); --_theme---heading-accent: color-mix(in srgb, var(--_theme---text), white 20%); --_theme---background-2: var(--swatch--brand-600\); --_theme---border: var(--swatch--brand-text-o20\); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--border-hover: var(--_theme---text); --_theme---selection--background: var(--swatch--tomato500-p3); --_theme---selection--text: var(--swatch--peanutbutter100-p3); --_theme---button-primary--background: var(--swatch--brand-text\); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-500\); --_theme---button-primary--background-hover: color-mix(in srgb, var(--_theme---button-primary--background), white 10%); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---button-primary--text); --_theme---button-secondary--background: var(--swatch--avocado700-p3); --_theme---button-secondary--border: var(--_theme---button-secondary--background); --_theme---button-secondary--text: var(--swatch--peanutbutter100); --_theme---button-secondary--background-hover: color-mix(in srgb, var(--_theme---button-secondary--background) 75%, var(--swatch--transparent)); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--swatch--peanutbutter100); --_theme---nav--background: var(--_theme---background); } .polaroids_contain.u-container { z-index: auto; z-index: auto; } .polaroids_layout { height: var(--polaroid--section-base-height); justify-content: center; align-items: center; display: flex; position: relative; } .sticker-card_wrap { padding-top: var(--_spacing---space--3); padding-right: var(--_spacing---space--3); padding-bottom: var(--_spacing---space--3); padding-left: var(--_spacing---space--3); aspect-ratio: 1; border-top-left-radius: var(--radius--small); border-top-right-radius: var(--radius--small); border-bottom-left-radius: var(--radius--small); border-bottom-right-radius: var(--radius--small); background-image: linear-gradient(225deg, var(--_sticker-card---background), var(--_sticker-card---background-2) 20%, var(--_sticker-card---background)); color: var(--_sticker-card---color); transform: rotate(calc(var(--rotation) - var(--rotation) * (var(--_trigger---off) * .5))) scale(calc(1 + .01 * var(--_trigger---off))); width: 100%; transition-property: transform; transition-duration: .2s; transition-timing-function: ease; position: relative; box-shadow: .25rem .25rem .5rem #0000001a, .75rem 1rem 2rem #0000001a, .25rem .25rem .75rem #0000000d; } .sticker-card_wrap:hover { --_trigger---on: 0; --_trigger---off: 1; } .tags_list { grid-column-gap: .25rem; grid-row-gap: .25rem; flex-flow: wrap; display: flex; } .polaroids_text-wrap { width: var(--polaroid--small); position: absolute; } .tag-item_link { display: none; } .sticker-card_outer-wrap:where(.w-variant-d11e1052-2a2e-519e-8ce1-0045879cc56b) { --_sticker-card---background: var(--swatch--avocado400-p3); --_sticker-card---background-2: oklch(from var(--_sticker-card---background) calc(l - .05) c h); --_sticker-card---color: var(--swatch--avocado700-p3); --_sticker-card---line-color: oklch(from var(--_sticker-card---background) calc(l - .07) c h); } .sticker-card_outer-wrap:where(.w-variant-7ccd1e79-f660-5210-91c8-2b308c7a0ffb) { --_sticker-card---background: var(--swatch--elderberry100-p3); --_sticker-card---background-2: oklch(from var(--_sticker-card---background) calc(l - .05) c h); --_sticker-card---color: var(--swatch--elderberry700-p3); --_sticker-card---line-color: oklch(from var(--_sticker-card---background) calc(l - .07) c h); } .sticker-card_layout { --_text-style---font-family: var(--_typography---font--tertiary-family); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--tertiary-trim-top); --_text-style---trim-bottom: var(--_typography---font--tertiary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .sticker-card_heading { font-size: var(--polaroid--heading-font-size); } .sticker-card_icon { width: 2.25rem; height: 2.25rem; } .sticker-card_bg_lines { color: var(--_sticker-card---line-color); } .sticker-card_bg_wrap { justify-content: center; align-items: center; display: flex; position: absolute; inset: 0%; overflow: hidden; } .u-bg-gradient-1 { background-image: linear-gradient(180deg, var(--swatch--avocado100-p3), var(--_theme---background)); } .cta_wrap { background-color: #0000; overflow: hidden; } .cta_wrap:where(.w-variant-f3a81397-d460-3add-9beb-5ec7af47907a) { --_theme---background: var(--swatch--peanutbutter100-p3); --_theme---text: var(--swatch--avocado700-p3); --_theme---heading-accent: var(--swatch--tomato500-p3); --_theme---background-2: var(--swatch--mustard100-p3); --_theme---border: var(--swatch--neutral200\); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--border-hover: var(--_theme---text); --_theme---selection--background: var(--swatch--tomato500-p3); --_theme---selection--text: var(--swatch--peanutbutter100-p3); --_theme---button-primary--background: var(--swatch--tomato500-p3); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--peanutbutter100); --_theme---button-primary--background-hover: color-mix(in srgb, var(--_button-style---background) 75%, var(--swatch--transparent)); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--swatch--avocado700-p3); --_theme---button-secondary--border: var(--_theme---button-secondary--background); --_theme---button-secondary--text: var(--swatch--peanutbutter100); --_theme---button-secondary--background-hover: color-mix(in srgb, var(--_theme---button-secondary--background) 75%, var(--swatch--transparent)); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--swatch--peanutbutter100); --_theme---nav--background: var(--swatch--transparent); } .cta_wrap:where(.w-variant-b4d321b1-05d4-6b05-8ab2-dfbc2f41ee4e) { --_theme---background: var(--swatch--dark-900\); --_theme---text: var(--swatch--light-100\); --_theme---heading-accent: var(--swatch--brand-500\); --_theme---background-2: var(--swatch--dark-800\); --_theme---border: var(--swatch--light-100-o20\); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--border-hover: var(--swatch--brand-500\); --_theme---selection--background: var(--swatch--tomato500-p3); --_theme---selection--text: var(--swatch--peanutbutter100-p3); --_theme---button-primary--background: var(--swatch--tomato500-p3); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--peanutbutter100); --_theme---button-primary--background-hover: color-mix(in srgb, var(--_button-style---background) 75%, var(--swatch--transparent)); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--swatch--avocado700-p3); --_theme---button-secondary--border: var(--_theme---button-secondary--background); --_theme---button-secondary--text: var(--swatch--peanutbutter100); --_theme---button-secondary--background-hover: color-mix(in srgb, var(--_theme---button-secondary--background) 75%, var(--swatch--transparent)); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--swatch--peanutbutter100); --_theme---nav--background: var(--_theme---background-2); } .cta_wrap:where(.w-variant-bb2c68bd-fd74-aa1e-69b0-e84595dd4ec8) { --_theme---background: var(--swatch--brand-500\); --_theme---text: var(--swatch--brand-text\); --_theme---heading-accent: color-mix(in srgb, var(--_theme---text), white 20%); --_theme---background-2: var(--swatch--brand-600\); --_theme---border: var(--swatch--brand-text-o20\); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--border-hover: var(--_theme---text); --_theme---selection--background: var(--swatch--tomato500-p3); --_theme---selection--text: var(--swatch--peanutbutter100-p3); --_theme---button-primary--background: var(--swatch--brand-text\); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-500\); --_theme---button-primary--background-hover: color-mix(in srgb, var(--_theme---button-primary--background), white 10%); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---button-primary--text); --_theme---button-secondary--background: var(--swatch--avocado700-p3); --_theme---button-secondary--border: var(--_theme---button-secondary--background); --_theme---button-secondary--text: var(--swatch--peanutbutter100); --_theme---button-secondary--background-hover: color-mix(in srgb, var(--_theme---button-secondary--background) 75%, var(--swatch--transparent)); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--swatch--peanutbutter100); --_theme---nav--background: var(--_theme---background); } .cta_bg_wrap { z-index: 0; justify-content: center; align-items: flex-end; display: flex; position: absolute; inset: -20rem 0% 0%; } .cta_bg_circle { z-index: 2; border-radius: 0 0% 50% 50%; width: 175vw; min-width: 100rem; height: 150%; position: absolute; top: auto; bottom: 0%; } .cta_bg_circle.u-background-2 { border-radius: 50% 50% 0% 0%; top: 0%; bottom: auto; } .recipe-card_overlay_wrap { z-index: 2; color: var(--swatch--avocado100); opacity: calc(1 - var(--_trigger---on)); background-color: #2229; transition-property: opacity; transition-duration: .2s; transition-timing-function: ease; position: absolute; inset: 0%; } .ticket_wrap { z-index: 1; color: var(--_theme---background); transform: rotate(calc(8deg - (4deg * var(--_trigger---off)) - var(--click-rotation, 0) * 1deg)); width: min(65rem, calc(100% - var(--polaroid--large) * 1.5)); grid-template-rows: auto; grid-template-columns: 2.75fr 1fr; grid-auto-columns: 1fr; transition-property: width, transform; transition-duration: .2s, .4s; transition-timing-function: ease, ease; position: relative; } .ticket_heading { line-height: var(--_typography---line-height--small); max-width: 6ch; } .ticket_heading.u-text-style-h1 { font-size: var(--ticket--heading-font-size); text-wrap: auto; font-size: var(--ticket--heading-font-size); text-wrap: auto; } .ticket_content_wrap { flex: 1; padding: 2rem; } .code-box_wrap { border-radius: var(--max-width--main); font-size: var(--ticket--text-font-size); display: flex; } .code-box_peel_wrap { transform-origin: 0 0; justify-content: flex-end; align-items: center; width: 0; height: 111%; display: flex; position: absolute; inset: 0% auto 0% 0%; transform: rotate(-25deg); } .code-box_part_wrap { border-top-left-radius: var(--max-width--main); border-bottom-left-radius: var(--max-width--main); background-color: var(--swatch--cherry100); color: var(--swatch--cherry700); white-space: nowrap; padding-top: 1em; padding-bottom: 1em; padding-left: 1.25em; padding-right: calc(3em - 1.5em * var(--_trigger---off)); transition-property: padding; transition-duration: .4s; transition-timing-function: cubic-bezier(.075, .82, .165, 1); display: inline-flex; position: relative; } .code-box_part_wrap.is-right { border-top-left-radius: 0; border-top-right-radius: var(--radius--main); border-bottom-left-radius: 0; border-bottom-right-radius: var(--radius--main); background-color: var(--swatch--cherry700-p3); color: var(--swatch--cherry100); padding-right: 1.25em; padding-left: calc(1.5em + 1.5em * var(--_trigger---off)); border-top-left-radius: 0; border-top-right-radius: var(--radius--main); border-bottom-left-radius: 0; border-bottom-right-radius: var(--radius--main); background-color: var(--swatch--cherry700-p3); padding-right: 1.25em; padding-left: calc(1.5em + 1.5em * var(--_trigger---off)); flex: 1; justify-content: center; align-items: center; } .code-box_icon { flex: none; width: 1.375rem; height: 1.375rem; } .ticket_right-part_wrap { justify-content: center; align-items: flex-end; width: 30%; padding: 1.25rem 2rem; display: flex; position: relative; container-type: inline-size; } .hungryroot_ticket_logo { color: var(--swatch--cherry700-p3); width: 200%; max-width: none; position: absolute; bottom: 0; right: -25%; } .ticket_line_svg { color: var(--_theme---background-2); width: auto; height: calc(100% + 4px); } .cta_ticket_wrap { justify-content: center; align-items: center; display: flex; container: ticket / inline-size; } .cta_content_wrap { position: relative; } .cta_content_accent { color: var(--_theme---heading-accent); } .recipe-card_overlay_content { transform: translateY(calc(1rem * var(--_trigger---on))); transition-property: transform; transition-duration: .2s; transition-timing-function: ease-out; } .recipe-card_overlay_icon { width: 1.75rem; } .code-box_part_link { border-radius: var(--radius--main); justify-content: center; align-items: flex-start; display: flex; position: absolute; inset: 0%; } .code-box_peel_mask { flex: none; justify-content: flex-end; align-items: center; width: 5rem; height: 100%; display: flex; position: relative; } .code-box_peel_fill { background-image: linear-gradient(90deg, var(--swatch--cherry600-p3) 85%, var(--swatch--cherry700-p3)); width: calc(3em + var(--_trigger---off) * 1em); border-top-left-radius: 999rem; border-bottom-left-radius: 999rem; height: 100%; transition-property: width; transition-duration: .4s; transition-timing-function: cubic-bezier(.075, .82, .165, 1); position: absolute; box-shadow: -.25rem 0 .5rem #0000001a; } .logo_wrap { color: var(--swatch--tomato500-p3); } .button_icon_wrap { max-width: calc(5rem * var(--_trigger---off)); width: 1.75rem; height: 1.25rem; transition-property: max-width; transition-duration: .3s; transition-timing-function: ease-in-out; overflow: hidden; } .button_icon_mask { flex: none; justify-content: flex-end; align-items: center; width: 1.75rem; height: 1.25rem; display: flex; } .code-box_tooltip_wrap { transform-origin: 50% 100%; transform: rotate(calc(-8deg + (4deg * var(--_trigger---off)))); position: absolute; top: -2rem; } .code-box_tooltip_layout { border-top-left-radius: var(--radius--small); border-top-right-radius: var(--radius--small); border-bottom-left-radius: var(--radius--small); border-bottom-right-radius: var(--radius--small); background-color: var(--swatch--cherry700-p3); transform: translate(calc(1rem * var(--_trigger---off)), calc(1rem * var(--_trigger---on))); opacity: calc(1 * var(--_trigger---off)); justify-content: center; align-items: center; padding-left: .5rem; padding-right: .5rem; transition-property: transform, opacity; transition-duration: .2s, .2s; transition-timing-function: ease, ease; display: flex; } .code-box_tooltip_arrow { z-index: -1; background-color: var(--swatch--cherry700-p3); border-radius: .25rem; width: .75rem; height: .75rem; position: absolute; bottom: -.25rem; transform: rotate(45deg); } .code-box_icon_wrap { justify-content: center; align-items: center; display: flex; } .ticket_layout { border-radius: var(--radius--main); background-color: var(--ticket--bg-color-p3); flex-flow: row; justify-content: space-between; width: 100%; display: flex; overflow: hidden; } .ticket_line_wrap { justify-content: center; align-items: center; display: flex; position: absolute; inset: 0% auto 0% 0%; } .code-box_code_wrap { grid-column-gap: .25rem; grid-row-gap: .25rem; opacity: calc(1 - var(--_trigger---off) * .25); justify-content: center; align-items: center; transition-property: opacity; transition-duration: .2s; transition-timing-function: ease; display: flex; } .ticket_content_get-text, .preserve-classes { display: none; } @media screen and (max-width: 991px) { .ticket_line_svg.u-svg { flex: none; } } @media screen and (max-width: 479px) { .c-text:where(.w-variant-fdb8e663-01e0-aae6-13eb-e6dfca16b689) { white-space: normal; } .u-max-width-full { max-width: 100%; } .section_hero.u-section { white-space: pre-line; white-space: pre-line; } } #w-node-_92d21309-fac6-a8e2-a3d6-5ea9d3afff28-3814999f { justify-self: end; }