:root { --_theme---background: var(--swatch--light); --_text-style---font-family: var(--_typography---font--primary-family); --_theme---text: var(--swatch--dark); --_text-style---font-size: var(--font-size--text-main); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --swatch--transparent: transparent; --swatch--brand: #a67dd1; --swatch--brand-text: var(--swatch--dark); --h2--font-family\: var(--all-headings--heading-font-family\); --h2--font-size\: var(--size--4-5rem\); --h2--line-height\: var(--line-height--1em\); --h2--letter-spacing\: var(--all-headings--heading-letter-spacing\); --h6--font-family\: var(--all-headings--heading-font-family\); --h6--font-size\: var(--size--1-25rem\); --h6--line-height\: var(--line-height--1-3em\); --h6--letter-spacing\: var(--letter-spacing--0em\); --border-width--main: .094rem; --radius--main: 1rem; --swatch--card-bg: #8181811a; --_spacing---space--3: var(--size--1rem); --swatch--dark-faded: #3532331a; --space--5\: var(--size--1-5rem); --size--0-5rem\: .5rem; --size--0-75rem\: .75rem; --radius--small: .5rem; --text-small--font-size\: .875rem; --line-height--1em\: 1em; --_theme---border: var(--swatch--dark-faded); --size--3rem\: 3rem; --text-large--font-size\: var(--size--1-25rem\); --text-large--line-height\: var(--line-height--1-3em\); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --space--2\: var(--size--0-5rem); --size--0-25rem\: .25rem; --_spacing---space--6: var(--size--2-5rem); --_spacing---space--2: var(--size--0-5rem); --size--1rem: 1rem; --padding-horizontal--xxsmall\: var(--size--1rem\); --_theme---button-primary--border: var(--swatch--brand); --radius--round: 100vw; --_theme---button-primary--background: var(--swatch--brand); --_theme---button-primary--border-hover: var(--swatch--dark); --_theme---button-primary--background-hover: var(--swatch--dark); --_theme---button-primary--text-hover: var(--swatch--light); --size--5rem\: 5rem; --_theme---button-primary--text: var(--swatch--light); --button--color\: white; --space--3\: var(--size--0-75rem); --container--main: 70rem; --padding-vertical--small\: var(--size--5rem\); --space--7\: var(--size--3rem); --site--gutter: var(--_spacing---space--4); --space--8\: var(--size--4rem); --swatch--text-gray: #35323380; --navigation--height: var(--size--4rem); --_spacing---space--1: var(--size--0-25rem); --_spacing---space--4: var(--size--1-5rem); --_spacing---space--5: var(--size--2rem); --_spacing---space--7: var(--size--3rem); --section-space--small: var(--size--5rem); --section-space--main: var(--size--7rem); --section-space--large: var(--size--10rem); --section-space--even: var(--size--2rem); --size--2-5rem\: 2.5rem; --swatch--lightbox: #81818180; --swatch--light: white; --grid-gap--main\: var(--size--1rem\); --size--2rem\: 2rem; --_spacing---space--0: var(--size--0rem); --_button-style---border: var(--_theme---button-primary--border); --_button-style---background: var(--_theme---button-primary--background); --_button-style---text: var(--_theme---button-primary--text); --_button-style---font-size: 0px; --_theme---button-secondary--border-hover: var(--swatch--brand); --_theme---button-secondary--background: var(--swatch--light-faded); --_theme---button-secondary--text-hover: var(--swatch--brand); --_theme---button-secondary-typo--border-hover: var(--swatch--transparent); --_theme---button-secondary-typo--background-hover: var(--swatch--transparent); --_theme---button-secondary-typo--text-hover: var(--swatch--dark); --container--small: 48rem; --space--4\: var(--size--1rem); --container--full: 100vw; --_typography---font--primary-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; --_typography---font--primary-medium: 500; --_typography---font--primary-regular: 400; --size--2-5rem: 2.5rem; --size--5rem: 5rem; --size--3-5rem: 3.5rem; --swatch--dark: #353233; --size--1-5rem: 1.5rem; --_typography---letter-spacing--0-03em: -.03em; --size--1-25rem: 1.25rem; --section-space--none: var(--size--0rem); --_spacing---space--8: var(--size--4rem); --swatch--check: #6ab83e; --swatch--error: #ee1b1b; --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --site--width: 74rem; --site--margin: var(--_spacing---space--5); --site--column-count: 12; --border-width--none: 0px; --focus--width: 0rem; --focus--offset-inner: 0rem; --focus--offset-outer: 0rem; --swatch--light-faded: #ffffff1a; --_button-style---background-hover: var(--_theme---button-primary--background-hover); --_button-style---border-hover: var(--_theme---button-primary--border-hover); --_button-style---text-hover: var(--_theme---button-primary--text-hover); --_theme---button-secondary--border: var(--swatch--dark-faded); --_theme---button-secondary--text: var(--swatch--dark); --_theme---button-secondary--background-hover: var(--swatch--dark-faded); --_theme---button-secondary-typo--background: var(--swatch--transparent); --_theme---button-secondary-typo--border: var(--swatch--transparent); --_theme---button-secondary-typo--text: var(--swatch--brand); --_typography---font--primary-trim-top: .38em; --_typography---font--primary-trim-bottom: .38em; --_typography---font--primary-bold: 600; --_typography---font--primary-extrabold: 800; --_typography---letter-spacing--0em: 0px; --_typography---line-height--1: 1; --_typography---line-height--1-1: 1.1; --_typography---line-height--1-3: 1.3; --_typography---line-height--1-5: 1.5; --font-size--display: var(--size--8rem); --font-size--h1: var(--size--5rem); --font-size--h2: var(--size--4rem); --font-size--h3: var(--size--3rem); --font-size--h4: var(--size--2rem); --font-size--h5: var(--size--1-5rem); --font-size--h6: var(--size--1rem); --font-size--text-large: var(--size--1-25rem); --font-size--text-main: var(--size--1rem); --font-size--text-small: .875rem; --_typography---text-transform--none: 0px; --_typography---text-transform--uppercase: 0px; --_typography---text-transform--capitalize: 0px; --_typography---text-transform--lowercase: 0px; --column-width--1: 0px; --column-width--2: 0px; --column-width--3: 0px; --column-width--4: 0px; --column-width--5: 0px; --column-width--6: 0px; --column-width--7: 0px; --column-width--8: 0px; --column-width--9: 0px; --column-width--10: 0px; --column-width--11: 0px; --column-width--12: 0px; --column-margin--0: 0px; --column-margin--1: 1px; --column-margin--2: 2px; --column-margin--3: 3px; --column-margin--4: 4px; --column-margin--5: 5px; --column-margin--6: 6px; --column-margin--7: 7px; --column-margin--8: 8px; --column-margin--9: 9px; --column-margin--10: 10px; --column-margin--11: 11px; --column-margin--12: 12px; --size--0rem: 0rem; --size--0-125rem: .125rem; --size--0-25rem: .25rem; --size--0-375rem: .375rem; --size--0-5rem: .5rem; --size--0-75rem: .75rem; --size--2rem: 2rem; --size--3rem: 3rem; --size--4rem: 4rem; --size--4-5rem: 4.5rem; --size--6rem: 6rem; --size--7rem: 7rem; --size--7-5rem: 7.5rem; --size--8rem: 8rem; --size--8-5rem: 8.5rem; --size--9rem: 9rem; --size--9-5rem: 9.5rem; --size--10rem: 10rem; --size--11rem: 11rem; --size--12rem: 12rem; --size--13rem: 13rem; --size--14rem: 14rem; --size--15rem: 15rem; --size--16rem: 16rem; --all-headings--heading-font-family\: var(--font--primary-family\); --size--4-5rem\: 4.5rem; --all-headings--heading-letter-spacing\: var(--letter-spacing--0-03em\); --size--1-25rem\: 1.25rem; --line-height--1-3em\: 1.3em; --letter-spacing--0em\: 0em; --size--1rem\: 1rem; --font--primary-family\: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; --letter-spacing--0-03em\: -.03em; } .w-layout-blockcontainer { max-width: 940px; margin-left: auto; margin-right: auto; display: block; } @media screen and (max-width: 991px) { .w-layout-blockcontainer { max-width: 728px; } } @media screen and (max-width: 767px) { .w-layout-blockcontainer { max-width: none; } } 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); --_theme---background: var(--swatch--light); --_theme---text: var(--swatch--dark); --_theme---border: var(--swatch--dark-faded); --_theme---button-primary--border: var(--swatch--brand); --_theme---button-primary--background: var(--swatch--brand); --_theme---button-primary--border-hover: var(--swatch--dark); --_theme---button-primary--background-hover: var(--swatch--dark); --_theme---button-primary--text-hover: var(--swatch--light); --_theme---button-primary--text: var(--swatch--light); --_theme---button-secondary--border-hover: var(--swatch--brand); --_theme---button-secondary--background: var(--swatch--light-faded); --_theme---button-secondary--text-hover: var(--swatch--brand); --_theme---button-secondary-typo--border-hover: var(--swatch--transparent); --_theme---button-secondary-typo--background-hover: var(--swatch--transparent); --_theme---button-secondary-typo--text-hover: var(--swatch--dark); --_theme---button-secondary--border: var(--swatch--dark-faded); --_theme---button-secondary--text: var(--swatch--dark); --_theme---button-secondary--background-hover: var(--swatch--dark-faded); --_theme---button-secondary-typo--background: var(--swatch--transparent); --_theme---button-secondary-typo--border: var(--swatch--transparent); --_theme---button-secondary-typo--text: var(--swatch--brand); } h1 { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--font-size--h1); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---margin-top: var(--_spacing---space--6); --_text-style---margin-bottom: var(--_spacing---space--6); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); display: flow-root; } h2 { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); 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(--font-size--h2); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---margin-top: var(--_spacing---space--5); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); display: flow-root; } h3 { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--font-size--h3); --_text-style---line-height: var(--_typography---line-height--1-1); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---margin-top: var(--_spacing---space--5); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); display: flow-root; } h4 { font-size: var(--_text-style---font-size); font-weight: var(--_text-style---font-weight); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--font-size--h4); --_text-style---line-height: var(--_typography---line-height--1-1); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); display: flow-root; } h5 { 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---line-height); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--font-size--h5); --_text-style---line-height: var(--_typography---line-height--1-1); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); display: flow-root; } h6 { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--font-size--h6); --_text-style---line-height: var(--_typography---line-height--1-1); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); display: flow-root; } p { text-wrap: pretty; display: flow-root; } a { border: 1px solid var(--swatch--transparent); background-color: var(--swatch--transparent); color: var(--swatch--brand); cursor: pointer; text-decoration: underline; transition: all .15s cubic-bezier(.86, 0, .07, 1); position: relative; } a:hover { color: var(--swatch--brand-text); } ul { text-align: var(--_alignment---flex); list-style: ""; } li { color: inherit; margin-left: 0; } img { object-fit: cover; object-position: 50% 50%; width: 100%; max-width: 100%; } blockquote { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--font-size--text-large); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform); } .u-text-h2 { font-family: var(--h2--font-family\); font-size: var(--h2--font-size\); line-height: var(--h2--line-height\); letter-spacing: var(--h2--letter-spacing\); font-weight: var(--h2--font-weight); text-transform: var(--h2--text-transform); position: relative; } .u-text-h6 { font-family: var(--h6--font-family\); font-size: var(--h6--font-size\); line-height: var(--h6--line-height\); letter-spacing: var(--h6--letter-spacing\); font-weight: var(--h6--font-weight); text-transform: var(--h6--text-transform); } .g_card_wrap { border: var(--border-width--main) solid var(--swatch--transparent); border-radius: var(--radius--main); justify-content: space-around; align-items: stretch; width: 100%; position: relative; } .g_card_wrap:where(.w-variant-af8d8177-5635-6b11-b357-351bfc6ad632) { background-color: var(--swatch--card-bg); } .g_card_wrap:where(.w-variant-1b480e06-e3f9-0eba-ecd3-8ed6cf6966d2) { padding: var(--_spacing---space--3); border-color: var(--swatch--dark-faded); background-color: var(--swatch--transparent); } .g_card_wrap:where(.w-variant-5474471a-ec00-1921-1e3f-1e0a97034850) { color: var(--_theme---text); --_theme---background: var(--swatch--dark); --_theme---text: var(--swatch--light); --_theme---border: var(--swatch--light-faded); --_theme---button-primary--border: var(--swatch--brand); --_theme---button-primary--background: var(--swatch--brand); --_theme---button-primary--border-hover: var(--swatch--light); --_theme---button-primary--background-hover: var(--swatch--light); --_theme---button-primary--text-hover: var(--swatch--dark); --_theme---button-primary--text: var(--swatch--light); --_theme---button-secondary--border-hover: var(--swatch--brand); --_theme---button-secondary--background: var(--swatch--light-faded); --_theme---button-secondary--text-hover: var(--swatch--brand); --_theme---button-secondary-typo--border-hover: var(--swatch--transparent); --_theme---button-secondary-typo--background-hover: var(--swatch--transparent); --_theme---button-secondary-typo--text-hover: var(--swatch--light); --_theme---button-secondary--border: var(--swatch--light-faded); --_theme---button-secondary--text: var(--swatch--light); --_theme---button-secondary--background-hover: var(--swatch--light-faded); --_theme---button-secondary-typo--background: var(--swatch--transparent); --_theme---button-secondary-typo--border: var(--swatch--transparent); --_theme---button-secondary-typo--text: var(--swatch--brand); } .g_card_wrap.gs--brands { padding-top: var(--space--5\); padding-bottom: var(--space--5\); background-color: var(--swatch--card-bg); justify-content: center; align-items: center; } .g_card_wrap.gs--brands:hover { color: var(--swatch--brand); } .g_tag_wrapx { padding: var(--size--0-5rem\) var(--size--0-75rem\); border-radius: var(--radius--small); background-color: var(--_theme---text); color: var(--_theme---background); font-size: var(--text-small--font-size\); line-height: var(--line-height--1em\); text-align: center; min-width: 4rem; display: inline-block; } .form_main_field_wrap { text-align: left; width: 100%; } .form_main_error_wrap { border: var(--border-width--main) solid var(--_theme---border); border-radius: var(--radius--main); background-color: #0000; margin-top: 1.3rem; padding: .8rem 1.4rem; } .form_main_field_input { height: var(--size--3rem\); border-top: 0 solid #000; border-bottom-style: solid; border-right: 0 solid #000; border-bottom-width: var(--border-width--main); border-bottom-color: var(--_theme---border); font-size: var(--text-large--font-size\); line-height: var(--text-large--line-height\); color: inherit; background-color: #0000; border-left: 0 solid #000; border-radius: 0; margin-bottom: 0; padding: 0; } .form_main_field_input:focus { border-bottom-color: var(--_theme---text); } .form_main_field_input::placeholder { color: color-mix(in srgb, var(--theme--text) 60%, transparent); } .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--primary-family); --_text-style---font-size: var(--font-size--h1); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---margin-top: var(--_spacing---space--6); --_text-style---margin-bottom: var(--_spacing---space--6); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform); } .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--primary-family); --_text-style---font-size: var(--font-size--h2); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---margin-top: var(--_spacing---space--5); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform); } .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---font-size); 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(--font-size--h3); --_text-style---line-height: var(--_typography---line-height--1-1); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---margin-top: var(--_spacing---space--5); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform); } .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--primary-family); --_text-style---font-size: var(--font-size--h4); --_text-style---line-height: var(--_typography---line-height--1-1); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform); } .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--primary-family); --_text-style---font-size: var(--font-size--h5); --_text-style---line-height: var(--_typography---line-height--1-1); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform); } .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(--font-size--h6); --_text-style---line-height: var(--_typography---line-height--1-1); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform); } .u-rich-text ul { margin-top: var(--size--0-5rem\); margin-bottom: var(--size--0-5rem\); } .u-rich-text blockquote { margin-top: var(--_spacing---space--6); margin-bottom: var(--_spacing---space--6); padding: var(--_spacing---space--2) var(--size--1rem); 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(--font-size--text-large); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .u-rich-text p { margin-top: var(--_spacing---space--3); margin-bottom: var(--_spacing---space--3); } .u-rich-text ol { grid-column-gap: .9em; grid-row-gap: .9em; align-items: var(--_alignment---flex); flex-flow: column; list-style-type: decimal; display: flex; overflow: visible; } .u-rich-text figure { margin-top: 3rem; margin-bottom: 3rem; } .u-rich-text li { margin-top: calc(var(--_text-style---trim-top) * -1); margin-bottom: calc(var(--_text-style---trim-bottom) * -1); } .btn_wrap { padding: var(--size--0-75rem\) var(--padding-horizontal--xxsmall\); border: var(--border-width--main) solid var(--_theme---button-primary--border); border-radius: var(--radius--round); background-color: var(--_theme---button-primary--background); color: var(--_theme---text); line-height: 1; transition: border-color .2s, color .2s, background-color .2s; display: inline-block; } .btn_wrap:hover { border-color: var(--_theme---button-primary--border-hover); background-color: var(--_theme---button-primary--background-hover); color: var(--_theme---button-primary--text-hover); } .g_svg__wrap { width: var(--size--5rem\); aspect-ratio: 1; border: var(--border-width--main) solid var(--_theme---button-primary--border); border-radius: var(--radius--round); background-color: var(--_theme---button-primary--background); color: var(--_theme---button-primary--text); transition: all .15s; position: relative; } .g_svg__wrap:hover { border-color: var(--_theme---button-primary--border-hover); background-color: var(--_theme---button-primary--background-hover); color: var(--_theme---button-primary--text-hover); } .btn_play_icon { color: var(--button--color\); width: 36%; height: 36%; margin-right: -7%; } .page_wrap { flex-flow: column; min-height: 100svh; display: flex; overflow: hidden; } .page_main { flex-flow: column; flex: 1; display: flex; } .page_code_wrap { display: none; position: fixed; inset: 0% 0% auto; } .g_content { flex-flow: column; position: relative; } .styleguide_visual { padding: var(--space--3\); aspect-ratio: 3 / 1.5; border: var(--border-width--main) solid var(--_theme---border); border-radius: var(--radius--small); text-align: center; width: 100%; max-height: 7rem; position: relative; overflow: hidden; } .u-container { max-width: var(--container--main); width: 100%; margin-left: auto; margin-right: auto; position: relative; } .hero_utility-page_contain.u-container { min-height: 100vh; } .hero_utility-page_content { text-align: center; } .styleguide_contain.u-container { padding-top: var(--padding-vertical--small\); padding-bottom: var(--padding-vertical--small\); padding-top: 5rem; padding-bottom: 5rem; } .styleguide_guide_wrap { z-index: 2000; pointer-events: none; display: block; position: fixed; inset: 0% 0% auto; overflow: hidden; } .g_eyebrow_wrap.u-gap-xsmall.u-hflex-left-stretch { grid-column-gap: .75rem; grid-row-gap: .75rem; } .layout_split_visual_wrap { justify-content: flex-start; display: flex; } .split-content_layout { padding-top: var(--space--7\); padding-bottom: var(--space--7\); } .g_visual_img:where(.w-variant-96320767-fbaf-de2e-bf82-2cfa30ba3be9) { aspect-ratio: 16 / 9; } .g_visual_overlay { background-color: #000; } .g_section_wrap { height: 100%; } .split_inner { aspect-ratio: 3 / 2; flex: none; width: 50vw; max-width: 100%; height: 100%; } .u-grid-custom { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); grid-template-rows: auto; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-columns: minmax(0, 1fr); display: grid; position: relative; } .u-cover-absolute { width: 100%; height: 100%; position: absolute; inset: 0%; } .u-grid-subgrid { grid-template-rows: auto; grid-template-columns: subgrid; grid-column-gap: inherit; grid-row-gap: inherit; grid-column: auto / span 1; grid-auto-columns: minmax(0, 1fr); display: grid; } .u-hflex-left-center { flex-flow: row; place-content: center flex-start; align-items: center; display: flex; } .u-hflex-left-stretch { flex-flow: row; place-content: stretch flex-start; align-items: stretch; display: flex; } .u-hflex-center-center { flex-flow: row; place-content: center; align-items: center; display: flex; } .u-hflex-between-center { flex-flow: row; place-content: center space-between; align-items: center; display: flex; } .u-vflex-left-top { flex-flow: column; place-content: flex-start; align-items: flex-start; display: flex; } .u-vflex-left-center { flex-flow: column; place-content: flex-start center; align-items: flex-start; display: flex; } .u-vflex-left-between { flex-flow: column; place-content: flex-start space-between; align-items: flex-start; display: flex; } .u-vflex-center-center { flex-flow: column; place-content: center; align-items: center; display: flex; } .u-vflex-center-bottom { flex-flow: column; place-content: center flex-end; align-items: center; display: flex; } .u-vflex-stretch-top { flex-flow: column; justify-content: flex-start; align-items: stretch; display: flex; } .u-vflex-stretch-center { flex-flow: column; justify-content: center; align-items: stretch; display: flex; } .u-hflex-wrap { flex-flow: wrap; } .u-gap-xsmall { grid-column-gap: var(--space--3\); grid-row-gap: var(--space--3\); } .u-gap-small { grid-column-gap: var(--space--2\); grid-row-gap: var(--space--2\); } .u-gap-medium { grid-column-gap: var(--space--7\); grid-row-gap: var(--space--7\); } .u-gap-large { grid-column-gap: var(--space--8\); grid-row-gap: var(--space--8\); } .g_component_layout { z-index: 1; position: relative; } .u-text-fade { color: var(--swatch--text-gray); } .u-visual-wrap { border-radius: var(--radius--main); position: relative; overflow: hidden; } .g_nav_wrap { z-index: 90; background-color: var(--swatch--transparent); position: fixed; inset: 0% 0% auto; } .g_nav_contain { min-height: var(--navigation--height); grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: flex; } .u-spacer { height: var(--_spacing---space--1); flex: 1; display: block; position: relative; } .u-spacer:where(.w-variant-bc3b3421-666c-7065-9d65-1173e431cff8) { height: var(--_spacing---space--4); } .u-spacer:where(.w-variant-fec8b3aa-84f4-7819-b72f-b5f9025daa66) { height: var(--_spacing---space--2); } .u-spacer:where(.w-variant-9b61332e-a535-bbaf-8ca1-aa0e6b3f3e2b) { height: var(--_spacing---space--5); } .u-spacer:where(.w-variant-f8353736-4b54-8177-cb5c-1cadffe62991) { height: var(--_spacing---space--7); } .u-spacer:where(.w-variant-3118310a-b2f3-e543-4e26-65639b4ecb24) { height: var(--section-space--small); } .u-spacer:where(.w-variant-c509e30f-e091-7aae-4212-f03fe8b37407) { height: var(--section-space--main); } .u-spacer:where(.w-variant-53453a03-74d3-5fb0-c56b-e697a64167a3) { height: var(--section-space--large); } .u-spacer:where(.w-variant-6bd7e43a-69b5-a406-ec43-a8919c785110) { height: var(--section-space--even); } .u-visible-hide { display: none !important; } .u-text-fload { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); vertical-align: sub; flex-flow: wrap; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: flex-start; align-items: baseline; display: inline-flex; } .g-anchor-fix { height: 0; padding: 0; position: absolute; top: 0; left: 0; right: 0; } .whutt { flex-flow: column; width: 100%; height: 0; display: flex; } .whutt.gt--show-faqbtn { position: static; } .g_svg_wrap { grid-column-gap: 0px; grid-row-gap: 0px; vertical-align: middle; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: center; width: 100%; margin-left: auto; margin-right: auto; display: inline-flex; position: relative; } .g_svg_wrap.sw-size-smal { width: var(--size--2-5rem\); vertical-align: middle; flex-flow: column; justify-content: center; align-items: center; display: flex; } .lightbox_section { z-index: 1000; background-color: var(--swatch--lightbox); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); width: 100%; height: 100vh; padding-top: 3rem; padding-left: 3rem; padding-right: 3rem; display: none; position: fixed; inset: 0%; } .lightbox_modal-wrapper { width: 100%; height: 100%; position: relative; } .lightbox_close { z-index: 2; margin-top: var(--_spacing---space--4); margin-right: var(--_spacing---space--4); border-radius: var(--radius--round); background-color: var(--swatch--lightbox); justify-content: center; align-items: center; width: 2.5rem; height: 2.5rem; transition: background-color .1s; display: flex; position: absolute; top: 0%; right: 0%; } .lightbox_close:hover { background-color: #363636; } .display-none { display: none; } .lightbox_modal { border-radius: var(--radius--main); background-color: var(--swatch--light); width: 100%; height: 100%; overflow: auto; } .g_dropdown.gd--nav { display: none; } .g_nav_bg-move { background-color: var(--_theme---background); opacity: 0; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); width: 100%; height: 100%; position: absolute; top: 0%; left: 0%; right: 0%; } .js_opentime { grid-column-gap: var(--grid-gap--main\); grid-row-gap: var(--grid-gap--main\); flex-flow: column; justify-content: center; align-items: center; } .u-icon-size-2 { width: var(--size--2rem\); height: var(--size--2rem\); justify-content: center; align-items: center; padding: 2px; display: flex; } .g_component_line { border-top: var(--border-width--main) solid var(--_theme---border); } .g_component_line:where(.w-variant-fb96ee59-b972-11fe-405d-bd935f27a3a3) { border-top-style: dashed; } .u-sr-only { display: none; } .g_card_layout { padding: var(--_spacing---space--6); justify-content: space-between; align-items: stretch; width: 100%; height: 100%; display: block; position: relative; } .g_card_layout:where(.w-variant-1b480e06-e3f9-0eba-ecd3-8ed6cf6966d2), .g_card_layout:where(.w-variant-af8d8177-5635-6b11-b357-351bfc6ad632) { padding: var(--_spacing---space--3); } .g_card_layout:where(.w-variant-efa0a49f-4793-da58-cd08-8275bc238038) { padding: var(--_spacing---space--0); } .g_small-content_layout.u-grid-custom { grid-template-columns: var(--grid-main); } .g_small-content_inner { flex: none; } .g_small-content_inner.u-grid-subgrid { grid-column: 2 / -2; display: block; } .g_middle-content_contain { padding-top: var(--padding-vertical--small); padding-bottom: var(--padding-vertical--small); position: relative; } .g_last-content_contain { padding-top: var(--padding-vertical--xsmall); padding-bottom: var(--padding-vertical--large); position: relative; } .g_trigger_layout { width: 100%; height: 100%; margin-left: auto; margin-right: auto; position: absolute; inset: 0%; } .card_stack { grid-column-gap: 3rem; grid-row-gap: 3rem; flex-direction: column; justify-content: space-between; display: flex; } .card_stack-components { grid-column-gap: 0px; grid-row-gap: 0px; flex: 0 auto; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; grid-auto-flow: row; align-content: center; place-items: start stretch; display: grid; position: sticky; top: 17.5vh; overflow: visible; } .g_first-content_contain { padding-bottom: var(--padding-vertical--small); padding-top: var(--padding-vertical--large); position: relative; } .category_item { position: absolute; top: -100rem; left: -100rem; } .category_list { grid-column-gap: 1rem; grid-row-gap: .1rem; flex-flow: wrap; align-items: flex-start; display: flex; } .category_wrapper { display: block; } .form { grid-column-gap: 4rem; grid-row-gap: 4rem; flex-flow: column; justify-content: center; display: flex; } .card-lightbox_wrap { border-radius: .5rem; width: 100%; height: 30vh; display: block; } .card-teaserfull_wrap { width: 100%; height: 50vh; display: block; } .btn_main_wrap { padding: var(--_spacing---space--3) var(--_spacing---space--4); border: var(--border-width--main) solid var(--_button-style---border); border-radius: var(--radius--round); background-color: var(--_button-style---background); color: var(--_button-style---text); text-align: center; vertical-align: middle; --_button-style---border: var(--_theme---button-primary--border); --_button-style---background: var(--_theme---button-primary--background); --_button-style---text: var(--_theme---button-primary--text); --_button-style---font-size: 0px; --_button-style---background-hover: var(--_theme---button-primary--background-hover); --_button-style---border-hover: var(--_theme---button-primary--border-hover); --_button-style---text-hover: var(--_theme---button-primary--text-hover); justify-content: center; align-items: center; line-height: 1; transition: border-color .2s, color .2s, background-color .2s; display: inline-flex; position: relative; } .btn_main_wrap:where(.w-variant-3d6c919c-b877-bc0c-50c3-0e922307ec70) { --_button-style---border: var(--_theme---button-secondary--border); --_button-style---background: var(--_theme---button-secondary--background); --_button-style---text: var(--_theme---button-secondary--text); --_button-style---font-size: 0px; --_button-style---background-hover: var(--_theme---button-secondary--background-hover); --_button-style---border-hover: var(--_theme---button-secondary--border-hover); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); } .btn_main_wrap:where(.w-variant-c9c88bc7-b6a7-a500-dd87-82753bd88428) { padding-right: var(--_spacing---space--0); padding-left: var(--_spacing---space--0); --_button-style---border: var(--_theme---button-secondary-typo--border); --_button-style---background: var(--_theme---button-secondary-typo--background); --_button-style---text: var(--_theme---button-secondary-typo--text); --_button-style---font-size: var(--font-size--text-small); --_button-style---background-hover: var(--_theme---button-secondary-typo--background-hover); --_button-style---border-hover: var(--_theme---button-secondary-typo--border-hover); --_button-style---text-hover: var(--_theme---button-secondary-typo--text-hover); justify-content: flex-start; align-items: center; } .btn_main_wrap:where(.w-variant-2a08f127-ebcd-fc91-ebbb-773a28b3c7aa) { padding-right: var(--_spacing---space--0); padding-left: var(--_spacing---space--0); font-size: var(--_button-style---font-size); --_button-style---border: var(--_theme---button-secondary-typo--border); --_button-style---background: var(--_theme---button-secondary-typo--background); --_button-style---text: var(--_theme---button-secondary-typo--text); --_button-style---font-size: var(--font-size--text-small); --_button-style---background-hover: var(--_theme---button-secondary-typo--background-hover); --_button-style---border-hover: var(--_theme---button-secondary-typo--border-hover); --_button-style---text-hover: var(--_theme---button-secondary-typo--text-hover); justify-content: flex-start; align-items: center; } .btn_main_wrap:hover { border-color: var(--_theme---button-primary--border-hover); background-color: var(--_theme---button-primary--background-hover); color: var(--_theme---button-primary--text-hover); } .btn_main_wrap:hover:where(.w-variant-3d6c919c-b877-bc0c-50c3-0e922307ec70) { border-color: var(--_theme---button-secondary--border-hover); background-color: var(--_theme---button-secondary--background); color: var(--_theme---button-secondary--text-hover); } .btn_main_wrap:hover:where(.w-variant-c9c88bc7-b6a7-a500-dd87-82753bd88428), .btn_main_wrap:hover:where(.w-variant-2a08f127-ebcd-fc91-ebbb-773a28b3c7aa) { border-color: var(--_theme---button-secondary-typo--border-hover); background-color: var(--_theme---button-secondary-typo--background-hover); color: var(--_theme---button-secondary-typo--text-hover); } .g_clickable_wrap { z-index: 3; border-radius: inherit; width: 100%; height: 100%; position: absolute; inset: 0%; } .g_clickable_btn { border-radius: inherit; width: 100%; height: 100%; display: none; position: absolute; inset: 0%; } .btn_main_text { z-index: 2; line-height: inherit; position: relative; } .btn_main_text.u-text-style-main:where(.w-variant-2a08f127-ebcd-fc91-ebbb-773a28b3c7aa) { --_button-style---border: var(--_theme---button-secondary-typo--border); --_button-style---background: var(--_theme---button-secondary-typo--background); --_button-style---text: var(--_theme---button-secondary-typo--text); --_button-style---font-size: var(--font-size--text-small); --_button-style---background-hover: var(--_theme---button-secondary-typo--background-hover); --_button-style---border-hover: var(--_theme---button-secondary-typo--border-hover); --_button-style---text-hover: var(--_theme---button-secondary-typo--text-hover); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--font-size--text-small); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .g_component_flex_layout { z-index: 1; position: relative; } .u-mb-5 { margin-bottom: 1.5rem; } .u-column-full-2 { grid-column: 1 / -1; } .u-grid-breakout { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: var(--grid-breakout); display: grid; } .u-vflex-wrap { flex-flow: column wrap; } .styleguide_flex_dot { opacity: .1; pointer-events: none; background-color: currentColor; border-radius: 100vw; min-width: 16cqw; min-height: 16cqw; padding: 0; } .u-hflex-between-top { flex-flow: row; place-content: flex-start space-between; align-items: flex-start; display: flex; } .g_eyebrow_marker { background-color: currentColor; flex: none; width: .094rem; padding-bottom: 0; padding-right: 0; } .u-column-custom { grid-column: auto / span 1; } .u-grid-desktop { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: var(--grid-main); display: grid; } .u-display-inline-grid { display: inline-grid; } .u-text-align-right { text-align: right; } .u-color-faded { color: color-mix(in srgb, var(--theme--text) 60%, transparent); } .u-flex-noshrink { flex: none; } .u-column-1 { grid-column: auto / span 1; } .u-container-small { max-width: var(--container--small); width: 100%; margin-left: auto; margin-right: auto; position: relative; } .u-hflex-right-bottom { flex-flow: row; place-content: flex-end; align-items: flex-end; display: flex; } .u-display-none { display: none !important; } .u-column-5 { grid-column: auto / span 5; } .u-grid-column-2 { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: var(--grid-2); display: grid; } .u-hflex-left-top { flex-flow: row; place-content: flex-start; align-items: flex-start; display: flex; } .u-text-wrap-balance { text-wrap: balance; } .u-column-11 { grid-column: auto / span 11; } .u-zindex-2 { z-index: 2; position: relative; } .u-hflex-between-stretch { flex-flow: row; place-content: stretch space-between; align-items: stretch; display: flex; } .u-grid-column-4 { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: var(--grid-4); display: grid; } .u-display-block { display: block; } .u-column-10 { grid-column: auto / span 10; } .u-align-self-center { align-self: center; } .u-vflex-right-top { flex-flow: column; place-content: flex-end flex-start; align-items: flex-end; display: flex; } .u-overflow-hidden-left { -webkit-clip-path: polygon(0 0, 9000% 0, 9000% 100%, 0% 100%); clip-path: polygon(0 0, 9000% 0, 9000% 100%, 0% 100%); } .u-grid-autofit { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); grid-template-rows: auto; grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr)); grid-auto-columns: minmax(0, 1fr); display: grid; position: relative; } .u-zindex-0 { z-index: 0; position: relative; } .styleguide_font_item { padding-top: var(--space--5\); padding-bottom: var(--space--5\); grid-column-gap: var(--space--4\); grid-row-gap: var(--space--4\); border-bottom: .094rem solid #fff; flex-flow: column; justify-content: center; align-items: flex-start; display: flex; } .u-overflow-scroll { overflow: scroll; } .u-vflex-center-between { flex-flow: column; place-content: center space-between; align-items: center; display: flex; } .u-align-items-start { align-content: flex-start; align-items: flex-start; } .u-overflow-x-auto { overflow: auto hidden; } .g_eyebrow_layout { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); display: inline-flex; } .u-align-items-stretch { align-content: stretch; align-items: stretch; } .u-container-full { max-width: var(--container--full); width: 100%; margin-left: auto; margin-right: auto; position: relative; } .u-weight-medium { font-family: var(--_typography---font--primary-family); font-weight: var(--_typography---font--primary-medium); } .u-overflow-clip { overflow: clip; } .styleguide_group { padding-top: var(--space--7\); grid-column-gap: var(--space--5\); grid-row-gap: var(--space--5\); flex-flow: column; display: flex; } .u-text-style-h4 { 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(--font-size--h4); --_text-style---line-height: var(--_typography---line-height--1-1); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-wrap: balance; text-transform: var(--_text-style---text-transform); display: flow-root; } .u-text-wrap-wrap { text-wrap: wrap; } .u-line-clamp-4 { display: -webkit-box; overflow: hidden; } .u-order-last { order: 1; } .g_tag_wrap { border-radius: var(--radius--small); background-color: var(--_theme---text); color: var(--_theme---background); font-size: var(--_text-style---font-size); text-align: center; --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--font-size--text-small); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); padding: .5rem .75rem; display: inline-block; } .styleguide_card_visual { opacity: .1; pointer-events: none; background-color: currentColor; border-radius: 100vw; width: 100%; min-width: 3rem; min-height: 3rem; padding: 0; } .u-vflex-right-center { flex-flow: column; place-content: flex-end center; align-items: flex-end; display: flex; } .u-overflow-auto { overflow: auto; } .u-hflex-right-stretch { flex-flow: row; place-content: stretch flex-end; align-items: stretch; display: flex; } .u-text-transform-lowercase { text-transform: lowercase; } .u-text-align-center { text-align: center; } .u-hflex-center-stretch { flex-flow: row; place-content: stretch center; align-items: stretch; display: flex; } .u-column-8 { grid-column: auto / span 8; } .styleguide_card_wrap { padding: var(--_spacing---space--6) var(--_spacing---space--6) var(--_spacing---space--5); grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); border: var(--border-width--main) solid var(--_theme---border); border-radius: var(--radius--main); flex-flow: column; justify-content: space-between; align-items: flex-start; height: 100%; display: flex; position: relative; overflow: hidden; } .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--primary-family); --_text-style---font-size: var(--font-size--h1); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---margin-top: var(--_spacing---space--6); --_text-style---margin-bottom: var(--_spacing---space--6); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform); text-wrap: balance; display: flow-root; } .u-overflow-hidden { overflow: hidden; } .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--primary-family); --_text-style---font-size: var(--font-size--display); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-extrabold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---margin-top: var(--_spacing---space--5); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform); text-wrap: balance; display: flow-root; } .u-column-12 { grid-column: auto / span 12; } .u-weight-regular { font-family: var(--_typography---font--primary-family); font-weight: var(--_typography---font--primary-regular); } .u-column-2 { grid-column: auto / span 2; } .u-grid-flex { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); flex-flow: wrap; display: flex; } .u-align-items-center { align-content: center; align-items: center; } .u-flex-grow { flex: 1; } .u-column-7 { grid-column: auto / span 7; } .u-hflex-left-bottom { flex-flow: row; place-content: flex-end flex-start; align-items: flex-end; display: flex; } .u-grid-tablet { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: var(--grid-main); display: grid; } .u-text-style-large { 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(--font-size--text-large); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform); display: flow-root; } .u-align-self-auto { align-self: auto; } .u-display-inline-block { display: inline-block; } .u-zindex-unset { z-index: unset; position: relative; } .u-max-width-none { max-width: none; } .u-grid-autofill { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); grid-template-rows: auto; grid-template-columns: repeat(auto-fill, minmax(min(100%, 13rem), 1fr)); grid-auto-columns: minmax(0, 1fr); display: grid; } .styleguide_section { padding-top: var(--space--8\); } .u-line-clamp-1 { display: -webkit-box; overflow: hidden; } .u-flex-shrink { flex: 0 auto; } .u-order-first-tablet { order: -1; } .u-text-transform-capitalize { text-transform: capitalize; } .u-position-fixed { position: fixed; } .u-vflex-right-between { flex-flow: column; place-content: flex-end space-between; align-items: flex-end; display: flex; } .styleguide_list { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; align-items: stretch; display: flex; } .u-grid-landscape { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: var(--grid-main); display: grid; } .u-position-relative { position: relative; } .u-text-transform-uppercase { text-transform: uppercase; } .u-column-3 { grid-column: auto / span 3; } .u-vflex-right-bottom { flex-flow: column; place-content: flex-end; align-items: flex-end; display: flex; } .u-column-6 { grid-column: auto / span 6; } .u-overflow-visible { overflow: visible; } .u-align-self-stretch { align-self: stretch; } .u-display-inline-flex { display: inline-flex; } .u-grid-column-3 { 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: var(--grid-3); place-items: center; display: grid; } .u-text-align-left { text-align: left; } .u-column-4 { grid-column: auto / span 4; } .u-display-inline { display: inline; } .u-grid-custom-2 { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: var(--grid-1); display: grid; } .styleguide_flex_wrap { aspect-ratio: 1; background-image: url('../images/dots.svg'); background-position: 50%; background-repeat: no-repeat; background-size: 88%; flex-flow: column; width: 100%; display: flex; container-type: inline-size; } .u-vflex-left-bottom { flex-flow: column; place-content: flex-start flex-end; align-items: flex-start; display: flex; } .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--primary-family); --_text-style---font-size: var(--font-size--h2); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---margin-top: var(--_spacing---space--5); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-wrap: balance; text-transform: var(--_text-style---text-transform); display: flow-root; } .u-column-9 { grid-column: auto / span 9; } .u-text-wrap-pretty { text-wrap: pretty; } .u-zindex-1 { z-index: 1; position: relative; } .u-line-clamp-2 { display: -webkit-box; overflow: hidden; } .u-hflex-right-top { flex-flow: row; place-content: flex-start flex-end; align-items: flex-start; display: flex; } .u-order-last-tablet { order: 1; } .u-text-style-h5 { 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(--font-size--h5); --_text-style---line-height: var(--_typography---line-height--1-1); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform); text-wrap: balance; display: flow-root; } .u-position-absolute { position: absolute; } .u-hflex-center-bottom { flex-flow: row; place-content: flex-end center; align-items: flex-end; display: flex; } .styleguide_card_inner { grid-column-gap: .75rem; grid-row-gap: .75rem; flex-flow: wrap; place-content: center; align-items: center; width: 100%; display: flex; } .u-hflex-center-top { flex-flow: row; place-content: flex-start center; align-items: flex-start; display: flex; } .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(--font-size--text-main); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform); text-wrap: pretty; display: flow-root; } .g_eyebrow_text { margin-top: 0; margin-bottom: 0; } .u-line-clamp-3 { display: -webkit-box; overflow: hidden; } .u-radius-small { border-radius: var(--_spacing---space--2); } .u-text-transform-none { text-transform: none; } .u-overflow-y-auto { overflow: hidden auto; } .u-vflex-stretch-bottom { flex-flow: column; justify-content: flex-end; align-items: stretch; display: flex; } .u-order-last-desktop { order: 1; } .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(--font-size--h6); --_text-style---line-height: var(--_typography---line-height--1-1); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform); text-wrap: balance; display: flow-root; } .u-vflex-center-top { flex-flow: column; place-content: center flex-start; align-items: center; display: flex; } .u-align-self-start { align-self: flex-start; } .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(--font-size--text-small); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--text-small--text-transform); text-wrap: pretty; display: flow-root; } .g_svg_layout { width: 100%; height: auto; margin-left: auto; margin-right: auto; display: block; overflow: visible !important; } .g_svg_layout:where(.w-variant-cbb98676-7c09-6bca-7580-40b8d1e21688) { width: var(--size--2-5rem); } .g_svg_layout:where(.w-variant-b6012977-f1e6-0de4-825c-130c608de011) { width: var(--size--5rem); } .g_svg_layout:where(.w-variant-cdbd1095-c4e2-9300-34c5-8b376d217309) { width: var(--size--3-5rem); } .g_component_scroll { padding-bottom: var(--_spacing---space--4); grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); margin-left: calc(var(--site--margin) * -1); scrollbar-color: var(--theme--text) transparent; padding-left: calc(var(--site--margin) * 1); padding-right: calc(var(--site--margin) * 1); margin-right: calc(var(--site--margin) * -1); flex-flow: row; grid-template-rows: auto; grid-template-columns: minmax(min-content, 1fr); grid-auto-columns: minmax(min-content, 1fr); grid-auto-flow: column; justify-content: start; align-items: start; display: grid; overflow: auto; -webkit-mask-image: linear-gradient(to right, #0000 0%, #000 3% 97%, #0000 100%); mask-image: linear-gradient(to right, #0000 0%, #000 3% 97%, #0000 100%); } .g_component_scroll.break-3 { grid-template-columns: minmax(12.5rem, 30vw); grid-auto-columns: minmax(12.5rem, 30vw); } .g_component_scroll.break-2 { grid-template-columns: minmax(33rem, 1fr); grid-auto-columns: minmax(33rem, 1fr); } .u-color-inherit { color: inherit; } .u-position-static { position: static; } .u-hflex-right-center { flex-flow: row; place-content: center flex-end; align-items: center; display: flex; } .u-align-items-end { align-content: flex-end; align-items: flex-end; } .u-zindex-negative { z-index: -1; position: relative; } .u-hflex-between-bottom { flex-flow: row; place-content: flex-end space-between; align-items: flex-end; display: flex; } .u-zindex-3 { z-index: 3; position: relative; } .u-order-first { order: -1; } .u-vflex-stretch-between { flex-flow: column; justify-content: space-between; align-items: stretch; display: flex; } .u-column-indent { grid-column: 2 / -2; } .u-text-style-h3 { 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(--font-size--h3); --_text-style---line-height: var(--_typography---line-height--1-1); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---margin-top: var(--_spacing---space--5); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform); text-wrap: balance; display: flow-root; } .u-order-first-desktop { order: -1; } .u-align-self-end { align-self: flex-end; } .u-position-sticky { position: sticky; top: 0; } .styleguide_guide_layout.u-grid-custom { grid-template-columns: var(--grid-main); } .styleguide_guide_column { color: #8a8a8a80; background-color: #9292920f; height: 100vh; padding-top: .6rem; padding-bottom: .6rem; } .g_component_wrap { width: 100%; position: relative; } .g_component_wrap:where(.w-variant-5474471a-ec00-1921-1e3f-1e0a97034850) { color: var(--swatch--light); } .g_trigger { z-index: 1; width: 100%; height: 0; position: relative; } .g_logo_wrap { padding-right: var(--size--1rem); padding-left: var(--size--1rem); color: var(--swatch--dark); font-size: var(--size--1-5rem); letter-spacing: var(--_typography---letter-spacing--0-03em); text-transform: uppercase; justify-content: center; align-items: center; font-style: italic; font-weight: 800; text-decoration: none; display: inline-flex; } .g_logo_wrap.w--current:hover { color: var(--swatch--brand); } .faq_card_title { text-wrap: balance; } .faq_card_wrap { grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; } .faq_card_icon { width: var(--size--1rem); color: #5518ff; flex: none; transition: transform .2s; } .faq_card_svg { display: block; } .faq_card_toggle { padding-top: var(--size--1rem); padding-bottom: var(--size--1rem); border-radius: inherit; justify-content: space-between; align-items: center; display: flex; position: relative; } .faq_card_toggle:hover { color: var(--swatch--brand); } .faq_card_checkbox { z-index: 2; cursor: pointer; border-radius: inherit; -webkit-appearance: none; appearance: none; width: 100%; height: 100%; position: absolute; inset: 0%; } .faq_card_padding { padding-top: var(--_spacing---space--3); padding-right: var(--_spacing---space--4); padding-bottom: var(--_spacing---space--4); } .faq_card_content { grid-template-rows: 0fr; grid-template-columns: minmax(0, 1fr); grid-auto-columns: 1fr; transition-property: all; transition-duration: .4s; transition-timing-function: ease; display: grid; } .faq_card_clip { overflow: hidden; } .g_section_space { height: var(--section-space--none); position: relative; } .g_section_space:where(.w-variant-492c15a9-45c3-c657-2bb7-73d63c7589f4) { height: var(--section-space--even); } .g_section_space:where(.w-variant-9133ae80-456a-511a-895b-a2978b2c9182) { height: var(--section-space--small); } .g_section_space:where(.w-variant-77a4e204-de61-45d3-e107-a24e89393216) { height: var(--section-space--main); } .g_section_space:where(.w-variant-394e07df-5d1b-4563-4850-3950b0a201a1) { height: var(--section-space--large); } .u-theme-dark { background-color: var(--_theme---background); color: var(--_theme---text); --_theme---background: var(--swatch--dark); --_theme---text: var(--swatch--light); --_theme---border: var(--swatch--light-faded); --_theme---button-primary--border: var(--swatch--brand); --_theme---button-primary--background: var(--swatch--brand); --_theme---button-primary--border-hover: var(--swatch--light); --_theme---button-primary--background-hover: var(--swatch--light); --_theme---button-primary--text-hover: var(--swatch--dark); --_theme---button-primary--text: var(--swatch--light); --_theme---button-secondary--border-hover: var(--swatch--brand); --_theme---button-secondary--background: var(--swatch--light-faded); --_theme---button-secondary--text-hover: var(--swatch--brand); --_theme---button-secondary-typo--border-hover: var(--swatch--transparent); --_theme---button-secondary-typo--background-hover: var(--swatch--transparent); --_theme---button-secondary-typo--text-hover: var(--swatch--light); --_theme---button-secondary--border: var(--swatch--light-faded); --_theme---button-secondary--text: var(--swatch--light); --_theme---button-secondary--background-hover: var(--swatch--light-faded); --_theme---button-secondary-typo--background: var(--swatch--transparent); --_theme---button-secondary-typo--border: var(--swatch--transparent); --_theme---button-secondary-typo--text: var(--swatch--brand); } .u-display-contents { display: contents; } .u-btn-group { 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); flex-flow: wrap; display: flex; } .styleguide_subheading-2 { margin-bottom: 0; } .styleguide_card_wrap-3 { grid-column-gap: 2.5rem; grid-row-gap: 2.5rem; border: .094rem solid #3532331a; border-radius: 1rem; flex-flow: column; justify-content: space-between; align-items: flex-start; height: 100%; padding: 2rem; display: flex; position: relative; overflow: hidden; } .styleguide_scroll { padding-bottom: var(--section-space--even); grid-column-gap: 1rem; grid-row-gap: 1rem; margin-left: calc(var(--site--margin) * -1); scrollbar-color: var(--theme--text) transparent; padding-left: calc(var(--site--margin) * 1); grid-template-rows: auto; grid-template-columns: minmax(16rem, 1fr); grid-auto-columns: minmax(16rem, 1fr); grid-auto-flow: column; justify-content: flex-start; align-items: flex-start; display: grid; overflow: auto; -webkit-mask-image: linear-gradient(to right, #0000 0%, #000 3% 97%, #0000 100%); mask-image: linear-gradient(to right, #0000 0%, #000 3% 97%, #0000 100%); } .styleguide_scroll:where(.w-variant-39085631-7371-25c2-2ed4-a357a80355f3) { grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); grid-auto-columns: minmax(13rem, 1fr); } .styleguide_group-2 { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-flow: column; padding-top: 3rem; display: flex; } .u-theme-light { color: #353233; background-color: #fff; } .u-theme-dark-2 { color: #353233; ---mode--collection-f25616ad-251e-9565-fa56-447a0d6e7548: mode-56ba09a5-7276-98be-9408-cf10e5c05255; background-color: #fff; } .styleguide_card_hidden { display: none; } .g_tag_wrap-5 { color: #fff; text-align: center; background-color: #353233; border-radius: .5rem; min-width: 4rem; padding: .5rem .75rem; line-height: 1; display: inline-block; } .btn_main_wrap-3 { color: #353233; text-align: center; vertical-align: middle; ---mode--collection-8527ce3f-b0ac-c719-bfe1-e5f32af64e3f: base; background-color: #c6fb50; border: .094rem solid #c6fb50; border-radius: 100vw; justify-content: center; align-items: center; padding: .75rem 1.5rem; line-height: 1; transition: border-color .2s, color .2s, background-color .2s; display: inline-flex; position: relative; } .btn_main_wrap-3:hover { color: #fff; background-color: #353233; border-color: #353233; } .btn_main_wrap-3.secondary { ---mode--collection-8527ce3f-b0ac-c719-bfe1-e5f32af64e3f: mode-002406cf-227a-62a3-cf03-f9d5a175ec01; } .g_clickable_link { border-radius: inherit; width: 100%; height: 100%; display: block; position: absolute; inset: 0%; } .g_nav_menu_wrap { z-index: 1; justify-content: center; align-items: center; display: inline-flex; position: relative; } .g_link_name { padding: var(--_spacing---space--3) var(--size--1rem); position: relative; } .g_link_name:hover { color: #a67dd1; } .g_link_name.w--current { opacity: .6; } .g_nav_btn_wrap { z-index: 1; order: -1; justify-content: flex-end; align-items: center; position: relative; } .g_toggle_wrap { justify-content: flex-end; align-items: center; padding: 0; } .g_toggle_wrap.is--toogle-wrap { z-index: 2; order: 1; } .nav_btn_svg--ic1 { width: var(--_spacing---space--4); } .g_section { overflow: hidden; } .g_section:where(.w-variant-505fff6b-35b6-6326-b3c0-951ea4ec96c3) { color: var(--swatch--light); } .g_section:where(.w-variant-7a81b2b9-427b-e426-9c3e-f7df1852fbc1) { color: var(--swatch--dark); } .u-sr-only-2 { 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-margin-inline-auto { margin-left: auto; margin-right: auto; } .u-pointer-on { pointer-events: auto; } .u-container-full-2 { width: 100%; max-width: 90rem; margin-left: auto; margin-right: auto; position: relative; } .u-alignment-horizontal { align-items: center; justify-content: var(--_alignment---flex); flex-flow: wrap; display: flex; } .u-visual-wrap-2 { aspect-ratio: 1; width: 100%; position: relative; overflow: hidden; } .u-container-2 { width: 100%; max-width: 90rem; margin-left: auto; margin-right: auto; position: relative; } .u-alignment-vertical { justify-content: center; align-items: var(--_alignment---flex); text-align: var(--_alignment---text); flex-flow: column; display: flex; } .u-child-contain { justify-content: center; align-items: var(--_alignment---flex); flex-flow: column; min-width: 100%; display: flex; } .u-cover { width: 100%; height: 100%; } .g_tag_wrap-6 { color: #fff; text-align: center; background-color: #353233; border-radius: .5rem; min-width: 4rem; padding: .5rem .75rem; line-height: 1; display: inline-block; } .u-pointer-off { pointer-events: none; } .u-width-full { width: 100%; } .u-min-height-screen { min-height: 100svh; } .u-height-full { height: 100%; } .styleguide_scroll-2 { grid-column-gap: 1rem; grid-row-gap: 1rem; margin-left: calc(var(--site--margin) * -1); scrollbar-color: var(--theme--text) transparent; grid-template-rows: auto; grid-template-columns: minmax(16rem, 1fr); grid-auto-columns: minmax(16rem, 1fr); grid-auto-flow: column; justify-content: flex-start; align-items: flex-start; padding-left: 0; display: grid; overflow: auto; -webkit-mask-image: linear-gradient(to right, #0000 0%, #000 3% 97%, #0000 100%); mask-image: linear-gradient(to right, #0000 0%, #000 3% 97%, #0000 100%); } .styleguide_visual-5 { aspect-ratio: 3 / 1.5; text-align: center; border: .094rem solid #3532331a; border-radius: .5rem; width: 100%; max-height: 7rem; padding: .5rem; position: relative; overflow: hidden; } .u-max-width-80ch { max-width: 80ch; } .u-max-width-40ch { max-width: 40ch; } .u-max-width-20ch { max-width: 20ch; } .u-max-width-10ch { max-width: 10ch; } .u-max-width-14ch { max-width: 14ch; } .u-max-width-30ch { max-width: 30ch; } .u-max-width-60ch { max-width: 60ch; } .u-max-width-12ch { max-width: 12ch; } .u-max-width-70ch { max-width: 70ch; } .u-max-width-16ch { max-width: 16ch; } .u-max-width-18ch { max-width: 18ch; } .styleguide_scroll-3 { grid-column-gap: 1rem; grid-row-gap: 1rem; margin-left: calc(var(--site--margin) * -1); scrollbar-color: var(--theme--text) transparent; grid-template-rows: auto; grid-template-columns: minmax(16rem, 1fr); grid-auto-columns: minmax(16rem, 1fr); grid-auto-flow: column; justify-content: flex-start; align-items: flex-start; padding-left: 0; display: grid; overflow: auto; -webkit-mask-image: linear-gradient(to right, #0000 0%, #000 3% 97%, #0000 100%); mask-image: linear-gradient(to right, #0000 0%, #000 3% 97%, #0000 100%); } .styleguide_visual-6 { aspect-ratio: 3 / 1.5; text-align: center; border: .094rem solid #3532331a; border-radius: .5rem; width: 100%; max-height: 7rem; padding: .5rem; position: relative; overflow: hidden; } .u-max-width-50ch { max-width: 50ch; } .u-gap-row-0 { grid-row-gap: 0rem; } .u-mt-1 { margin-top: .5rem; } .u-gap-2 { grid-column-gap: .75rem; grid-row-gap: .75rem; } .u-gap-3 { grid-column-gap: 1rem; grid-row-gap: 1rem; } .u-mt-3 { margin-top: 1rem; } .u-mt-5 { margin-top: 2rem; } .u-mb-auto { margin-bottom: auto; } .u-gap-row-8 { grid-row-gap: 4rem; } .u-ratio-2-1 { aspect-ratio: 2; } .u-radius-main { border-radius: 1rem; } .u-gap-row-2 { grid-row-gap: .75rem; } .u-gap-row-inherit { grid-row-gap: inherit; } .u-mt-auto { margin-top: auto; } .u-mt-6 { margin-top: 2.5rem; } .u-gap-7 { grid-column-gap: 3rem; grid-row-gap: 3rem; } .u-radius-round { border-radius: 100vw; } .u-mt-0 { margin-top: 0; } .u-mb-0 { margin-bottom: 0; } .u-mt-4 { margin-top: 1.5rem; } .u-gap-row-7 { grid-row-gap: 3rem; } .u-mt-gutter { margin-top: 1rem; } .u-gap-row-6 { grid-row-gap: 2.5rem; } .u-mb-3 { margin-bottom: 1rem; } .u-mb-1 { margin-bottom: .5rem; } .u-gap-row-gutter { grid-row-gap: 1rem; } .u-gap-row-4 { grid-row-gap: 1.5rem; } .u-mt-text { margin-top: 1.5rem; } .u-gap-row-1 { grid-row-gap: .5rem; } .styleguide_section-2 { padding-top: 4rem; } .u-mb-6 { margin-bottom: 2.5rem; } .u-mt-7 { margin-top: 3rem; } .u-mb-2 { margin-bottom: .75rem; } .styleguide_subheading-3 { margin-bottom: 0; } .u-gap-gutter { grid-column-gap: 1rem; grid-row-gap: 1rem; } .u-gap-inherit { grid-column-gap: inherit; grid-row-gap: inherit; } .u-radius-inherit { border-radius: inherit; } .u-mt-2 { margin-top: .75rem; } .u-ratio-2-3 { aspect-ratio: 2 / 3; } .u-gap-4 { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; } .u-gap-row-3 { grid-row-gap: 1rem; } .u-mb-8 { margin-bottom: 4rem; } .u-gap-5 { grid-column-gap: 2rem; grid-row-gap: 2rem; } .u-mt-8 { margin-top: 4rem; } .u-gap-row-5 { grid-row-gap: 2rem; } .u-gap-0 { grid-column-gap: 0rem; grid-row-gap: 0rem; } .u-ratio-1-1 { aspect-ratio: 1; } .u-gap-6 { grid-column-gap: 2.5rem; grid-row-gap: 2.5rem; } .u-radius-small-2 { border-radius: .5rem; } .u-mb-7 { margin-bottom: 3rem; } .u-mb-text { margin-bottom: 1.5rem; } .u-ratio-16-9 { aspect-ratio: 16 / 9; } .styleguide_scroll-4 { grid-column-gap: 1rem; grid-row-gap: 1rem; margin-left: calc(var(--site--margin) * -1); scrollbar-color: var(--theme--text) transparent; grid-template-rows: auto; grid-template-columns: minmax(16rem, 1fr); grid-auto-columns: minmax(16rem, 1fr); grid-auto-flow: column; justify-content: flex-start; align-items: flex-start; padding-left: 0; display: grid; overflow: auto; -webkit-mask-image: linear-gradient(to right, #0000 0%, #000 3% 97%, #0000 100%); mask-image: linear-gradient(to right, #0000 0%, #000 3% 97%, #0000 100%); } .u-ratio-3-2 { aspect-ratio: 3 / 2; } .styleguide_group-3 { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-flow: column; padding-top: 3rem; display: flex; } .u-gap-1 { grid-column-gap: .5rem; grid-row-gap: .5rem; } .u-mb-gutter { margin-bottom: 1rem; } .u-gap-8 { grid-column-gap: 4rem; grid-row-gap: 4rem; } .u-mb-4 { margin-bottom: 1.5rem; } .u-radius-none { border-radius: 0; } .gvw_googlemaps { border-top-style: none; border-top-width: 0; border-top-color: var(--swatch--transparent); border-right-style: none; border-right-width: 0; border-right-color: var(--swatch--transparent); border-bottom-style: none; border-bottom-width: 0; border-bottom-color: var(--swatch--transparent); border-left-style: none; border-left-width: 0; border-left-color: var(--swatch--transparent); margin-left: calc(var(--site--gutter) - 1.4 * var(--site--gutter)); justify-content: center; align-items: center; width: 101vw; height: 50vh; min-height: 250px; } .g_visual_background { opacity: .1; background-color: currentColor; padding: 0; } .g_nav_bg-fade { z-index: -1; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); position: absolute; inset: -1px 0% -50%; } .g_hero_bg { z-index: -1; -webkit-backdrop-filter: blur(.5rem); backdrop-filter: blur(.5rem); border-radius: 10rem; margin: -2rem -4rem; position: absolute; inset: 0%; } .g_timer { padding-top: var(--navigation--height); grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); flex-flow: column; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; grid-auto-flow: row; justify-content: center; align-items: center; padding-bottom: 20vh; display: flex; position: absolute; inset: 0%; } .g_timer-layout { z-index: 1; grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); text-align: center; flex-flow: column; justify-content: center; align-items: center; width: -moz-fit-content; width: fit-content; display: flex; } .g_timer-label { z-index: 2; color: var(--swatch--check); } .g_timer-label.is--closed { color: var(--swatch--error); } .g_timer-digits { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; align-items: stretch; display: flex; } .g-timer-digits-layout { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); font-variant-numeric: tabular-nums; flex-flow: column; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; grid-auto-flow: row; justify-content: center; align-items: center; display: flex; } .g_timer-todo { flex-flow: column; } .g_timer-todo_layout { z-index: 2; text-align: center; } .g-timer-digits-ani { transition: opacity .3s; } .g_cookie_banner_wrap { z-index: 100; justify-content: center; align-items: center; display: flex; position: fixed; bottom: 0%; right: 0%; } .g_cookle_banner_inner { margin-right: var(--site--gutter); margin-bottom: var(--_spacing---space--4); margin-left: var(--site--gutter); padding: var(--_spacing---space--7) var(--site--gutter); border: var(--border-width--main) solid var(--swatch--dark-faded); border-radius: var(--radius--main); background-color: var(--swatch--light); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); max-width: 50vw; } .g_slider_layout { z-index: 1; flex-flow: column; position: relative; } .g_logo { order: 0; justify-content: center; align-items: center; text-decoration: none; display: flex; } .g_logo.w--current:hover { color: var(--swatch--brand); } @media screen and (max-width: 991px) { .split_inner { width: 100%; } .g_nav_wrap { background-color: var(--swatch--transparent); } .g_nav_contain { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; grid-auto-flow: row dense; justify-items: start; } .lightbox_close:focus-visible, .lightbox_close[data-wf-focus-visible] { outline-offset: 0px; outline: 0 #00e; } .g_dropdown.gd--nav { display: block; position: static; } .g_nav_bg-move { background-color: color-mix(in srgb, var(--swatch--light) 100%, transparent); } .g_small-content_inner { width: 100%; } .g_small-content_inner.u-grid-subgrid { grid-column: 2 / -2; } .u-grid-desktop { flex-flow: column; display: flex; } .u-grid-column-4 { grid-template-columns: var(--grid-2); } .u-text-style-h1 { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--font-size--h1); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---margin-top: var(--_spacing---space--6); --_text-style---margin-bottom: var(--_spacing---space--6); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .u-order-last-desktop { order: 0; } .g_svg_layout:where(.w-variant-cbb98676-7c09-6bca-7580-40b8d1e21688) { width: 44%; } .u-order-first-desktop { order: 0; } .g_component_wrap { position: relative; } .g_logo_wrap { font-size: var(--size--1-25rem); } .g_logo_wrap.w--current { order: 3; } .styleguide_scroll { margin-right: calc(var(--site--margin) * -1); padding-right: 0; } .g_nav_menu_wrap { padding-bottom: var(--_spacing---space--4); background-color: #fff; position: absolute; left: 0%; right: 0%; } .g_link_name.is--toogle { grid-column-gap: var(--size--1rem); grid-row-gap: var(--size--1rem); color: var(--swatch--text-gray); vertical-align: middle; flex-flow: row; justify-content: center; align-items: center; text-decoration: none; display: flex; } .g_nav_btn_wrap { order: -1; } .g_toggle_wrap { z-index: 10; } .g_toggle_wrap.w--open { background-color: #0000; } .g_toggle_wrap.is--toogle-wrap { order: -1; } .nav_btn_svg--ic1 { width: 1.7rem; height: 1.8rem; display: flex; position: relative; } .js_namedisplaynav { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--font-size--text-small); --_text-style---line-height: var(--_typography---line-height--1-5); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--0em); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); font-size: 1rem; display: block; } .styleguide_scroll-2, .styleguide_scroll-3, .styleguide_scroll-4 { margin-right: calc(var(--site--margin) * -1); padding-right: 0; } .gvw_googlemaps { justify-content: center; align-items: center; } .g_logo { font-size: var(--size--1-25rem); } .g_logo.w--current { order: 3; } } @media screen and (max-width: 767px) { .g_svg_wrap:where(.w-variant-cbb98676-7c09-6bca-7580-40b8d1e21688) { width: 88%; } .lightbox_section { padding-bottom: 0; padding-left: 0; padding-right: 0; } .g_dropdown.gd--nav { order: -1; } .g_small-content_inner.u-grid-subgrid { grid-column: 3 / -3; } .card-lightbox_wrap, .card-teaserfull_wrap { width: 100%; } .u-grid-column-2, .u-grid-column-4 { grid-template-columns: var(--grid-1); } .styleguide_font_item { grid-template-columns: 100%; } .u-grid-tablet { flex-flow: column; display: flex; } .u-order-first-tablet, .u-order-last-tablet { order: 0; } .g_svg_layout:where(.w-variant-cbb98676-7c09-6bca-7580-40b8d1e21688) { width: 50%; } .g_component_scroll:where(.w-variant-39085631-7371-25c2-2ed4-a357a80355f3) { grid-template-columns: minmax(8rem, 1fr); grid-auto-columns: minmax(8rem, 1fr); } .g_logo_wrap { font-size: 1.12rem; } .styleguide_scroll:where(.w-variant-39085631-7371-25c2-2ed4-a357a80355f3) { grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); grid-auto-columns: minmax(9rem, 1fr); } .g_link_name.is--toogle { order: 1; } .g_toggle_wrap, .g_toggle_wrap.is--toogle-wrap { order: -1; } .js_namedisplaynav { order: 1; } .g_cookie_banner_wrap { left: var(--_spacing---space--0); right: var(--_spacing---space--0); } .g_cookle_banner_inner { max-width: none; } .g_logo { font-size: 1.12rem; } } @media screen and (max-width: 479px) { .g_svg_wrap:where(.w-variant-cbb98676-7c09-6bca-7580-40b8d1e21688) { width: 100%; } .g_small-content_inner.u-grid-subgrid { grid-column: 2 / -2; } .u-grid-landscape { flex-flow: column; display: flex; } .g_component_scroll:where(.w-variant-39085631-7371-25c2-2ed4-a357a80355f3) { grid-template-columns: minmax(8rem, 1fr); grid-auto-columns: minmax(8rem, 1fr); } .g_cookle_banner_inner { grid-row-gap: 18px; font-size: 14px; line-height: 1.6; } } #w-node-_92117159-8404-8887-c562-d94da30fd055-a30fd055, #w-node-_83e7ba95-10d4-cd86-0b1b-9153cca8ee25-cca8ee25 { justify-self: center; } @media screen and (max-width: 767px) { #w-node-bb7a6038-feb3-5d88-9d6b-2debbb027426-fa38b9a4 { grid-area: span 1 / span 1 / span 1 / span 1; } }