:root { --_theme---background: var(--swatch--light-100); --_text-style---font-family: var(--_typography---font--primary-family); --_theme---text: var(--swatch--brand-text-dark); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---line-height: var(--_typography---line-height--larger); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --site--gutter: clamp(1 * 1rem, ((1 - ((1.5 - 1) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.5 - 1) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.5 * 1rem); --_spacing---space--8: clamp(2.5 * 1rem, ((2.5 - ((5 - 2.5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((5 - 2.5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 5 * 1rem); --radius--main: 1rem; --_theme---background-2: var(--swatch--light-200); --site--column-count: 12; --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)); --_responsive---large: 1; --_responsive---medium: 0; --_responsive---small: 0; --_responsive---xsmall: 0; --_spacing---space--6: clamp(2 * 1rem, ((2 - ((2.5 - 2) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2.5 - 2) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 2.5 * 1rem); --_spacing---section-space--main: clamp(2.5 * 1rem, ((2.5 - ((5 - 2.5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((5 - 2.5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 5 * 1rem); --_spacing---space--5: 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); --max-width--small: 57.813rem; --site--margin: clamp(1.25 * 1rem, ((1.25 - ((1.25 - 1.25) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.25 - 1.25) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.25 * 1rem); --_gap---size: var(--site--gutter); --_column-count---value: 1; --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_spacing---space--3: clamp(.875 * 1rem, ((.875 - ((1 - .875) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1 - .875) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1 * 1rem); --border-width--main: .094rem; --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_spacing---space--1: 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); --_spacing---section-space--none: 0px; --_spacing---section-space--small: clamp(3 * 1rem, ((3 - ((5 - 3) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((5 - 3) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 5 * 1rem); --_spacing---section-space--large: clamp(5 * 1rem, ((5 - ((10 - 5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((10 - 5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 10 * 1rem); --_spacing---section-space--page-top: clamp(10 * 1rem, ((10 - ((14 - 10) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((14 - 10) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 14 * 1rem); --max-width--main: calc(var(--site--viewport-max) * 1rem); --max-width--full: 100%; --swatch--light-100: white; --swatch--e2ff2d: #e2ff2d; --swatch--fc381c: #fc381c; --swatch--0052e6: #0052e6; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_spacing---space--7: clamp(1.75 * 1rem, ((1.75 - ((3 - 1.75) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((3 - 1.75) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 3 * 1rem); --_typography---line-height--small: 1; --_typography---line-height--medium: 1.1; --_typography---line-height--large: 1.3; --_typography---line-height--huge: 1.4; --_typography---letter-spacing--tight: -.03em; --_typography---letter-spacing--normal: 0em; --_theme---heading-accent: var(--swatch--brand-600); --_spacing---space--2: clamp(1 * 1rem, ((1 - ((1.5 - 1) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.5 - 1) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.5 * 1rem); --_spacing---space--4: clamp(1.25 * 1rem, ((1.25 - ((1.5 - 1.25) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.5 - 1.25) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.5 * 1rem); --_typography---font--primary-family: "Exo 2", sans-serif; --_typography---font--primary-regular: 400; --_typography---font--primary-semi-bold: 600; --_typography---font--primary-bold: 700; --radius--small: clamp(1.625 * 1rem, ((1.625 - ((2.625 - 1.625) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2.625 - 1.625) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 2.625 * 1rem); --radius--round: 100vw; --_theme---border: var(--swatch--dark-900-o20); --_typography---font-size--text-large: clamp(1.125 * 1rem, ((1.125 - ((1.5 - 1.125) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.5 - 1.125) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.5 * 1rem); --swatch--transparent: transparent; --_trigger---on: 1; --_trigger---off: 0; --_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); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --swatch--light-200: #ebebeb; --swatch--dark-900: black; --_typography---font--primary-medium: 500; --button-size--medium: 3rem; --button-size--large: 5rem; --_state---false: 0; --_state---true: 1; --focus--offset-inner: calc(var(--focus--width) * -1); --nav--max-width-outer: var(--max-width--main); --swatch--brand-500: #005bff; --nav--height-total: calc(var(--nav--height) + var(--nav--spacing-outer-vertical)); --nav--spacing-outer-vertical: var(--site--margin); --nav--height: 3.5rem; --nav--max-width-inner: var(--max-width--main); --_typography---font-size--text-main: 1rem; --nav--radius: var(--radius--small); --_theme---nav--background: var(--_theme---background); --nav--hamburger-thickness: var(--border-width--main); --nav--hamburger-gap: 7px; --nav--spacing-outer-horizontal: var(--site--margin); --focus--width: .125rem; --_theme---text-link--border-hover: var(--_theme---text); --swatch--brand-text: #adadad; --_typography---font-size--text-small: clamp(.75 * 1rem, ((.75 - ((.75 - .75) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((.75 - .75) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), .75 * 1rem); --_spacing---section-space--pad-top: clamp(2.5 * 1rem, ((2.5 - ((5 - 2.5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((5 - 2.5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 5 * 1rem); --_spacing---section-space--pad-bottom: clamp(2.5 * 1rem, ((2.5 - ((5 - 2.5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((5 - 2.5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 5 * 1rem); --_typography---font-size--subtitle: clamp(1.25 * 1rem, ((1.25 - ((1.5 - 1.25) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.5 - 1.25) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.5 * 1rem); --radius--big: clamp(2.25 * 1rem, ((2.25 - ((5.25 - 2.25) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((5.25 - 2.25) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 5.25 * 1rem); --swatch--262626: #262626; --4e4e4f: #4e4e4f; --262626: #262626; --swatch--dark-800: #121212; --_typography---font-size--title-2: 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); --_typography---font-size--display: clamp(2 * 1rem, ((2 - ((4 - 2) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((4 - 2) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 4 * 1rem); --_typography---font-size--display-2: clamp(2.5 * 1rem, ((2.5 - ((5 - 2.5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((5 - 2.5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 5 * 1rem); --313131: #313131; --_typography---font-size--subtitle2: 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); --_typography---font-size--h5: clamp(1 * 1rem, ((1 - ((1.125 - 1) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.125 - 1) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.125 * 1rem); --swatch--eed: #eed; --swatch--brand-text-dark: #121212; --_text-style---text-transform: var(--_typography---text-transform--none); --site--viewport-max: 80; --site--viewport-min: 26.563; --_theme---selection--background: var(--swatch--brand-500); --_theme---selection--text: var(--swatch--light-100); --focus--offset-outer: .1875rem; --swatch--light-100-o20: color-mix(in srgb, var(--swatch--light-100) 20%, transparent); --swatch--dark-900-o20: color-mix(in srgb, var(--swatch--dark-900) 20%, transparent); --swatch--brand-100: color-mix(in srgb, var(--swatch--brand-500), white 80%); --swatch--brand-200: color-mix(in srgb, var(--swatch--brand-500), white 60%); --swatch--brand-400: color-mix(in srgb, var(--swatch--brand-500), white 20%); --swatch--brand-300: color-mix(in srgb, var(--swatch--brand-500), white 40%); --swatch--brand-900: color-mix(in srgb, var(--swatch--brand-500), black 80%); --swatch--brand-800: color-mix(in srgb, var(--swatch--brand-500), black 60%); --swatch--brand-700: color-mix(in srgb, var(--swatch--brand-500), black 40%); --swatch--brand-600: color-mix(in srgb, var(--swatch--brand-500), black 20%); --swatch--brand-text-o20: color-mix(in srgb, var(--swatch--brand-text) 20%, transparent); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---button-primary--border: var(--_theme---button-primary--background); --swatch--efd: #efd; --_theme---button-primary--text: var(--swatch--light-100); --_theme---button-primary--background-hover: var(--swatch--0052e6); --_theme---button-primary--border-hover: var(--swatch--0052e6); --_theme---button-primary--text-hover: var(--swatch--light-100); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--swatch--brand-text-dark); --_theme---button-secondary--text: var(--swatch--brand-text-dark); --_theme---button-secondary--background-hover: var(--swatch--dark-900-o20); --_theme---button-secondary--border-hover: var(--swatch--brand-text-dark); --_theme---button-secondary--text-hover: var(--swatch--brand-text-dark); --nav--banner-height: 2.4rem; --nav--spacing-inner-horizontal: var(--_spacing---space--2); --_typography---font--primary-trim-top: .48em; --_typography---font--primary-trim-bottom: .56em; --_typography---line-height--larger: 1.5; --_typography---font-size--h6: 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--h4: clamp(1.125 * 1rem, ((1.125 - ((1.25 - 1.125) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.25 - 1.125) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.25 * 1rem); --_typography---font-size--h3: 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); --_typography---font-size--h2: clamp(1.5 * 1rem, ((1.5 - ((2.5 - 1.5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2.5 - 1.5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 2.5 * 1rem); --_typography---font-size--h1: clamp(2.5 * 1rem, ((2.5 - ((5 - 2.5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((5 - 2.5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 5 * 1rem); --_typography---text-transform--none: var(--text-transform, none); --_typography---text-transform--uppercase: uppercase; --_typography---text-transform--capitalize: capitalize; --_typography---text-transform--lowercase: lowercase; } 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--dark-900); --_theme---text: var(--swatch--brand-text); --_theme---background-2: var(--swatch--dark-800); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: var(--swatch--brand-500); --_theme---border: var(--swatch--light-100-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---selection--background: var(--swatch--brand-500); --_theme---selection--text: var(--swatch--light-100); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--light-100); --_theme---button-primary--background-hover: var(--swatch--0052e6); --_theme---button-primary--border-hover: var(--swatch--0052e6); --_theme---button-primary--text-hover: var(--swatch--light-100); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--swatch--light-100); --_theme---button-secondary--text: var(--swatch--eed); --_theme---button-secondary--background-hover: var(--swatch--light-100-o20); --_theme---button-secondary--border-hover: var(--swatch--light-100); --_theme---button-secondary--text-hover: var(--swatch--efd); 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; } blockquote { border-style: none; padding: 0; } figure { margin-bottom: 0; } .u-layout-wrapper { grid-column-gap: var(--site--gutter); grid-row-gap: var(--_spacing---space--8); justify-content: center; align-items: stretch; width: 100%; display: flex; } .u-layout-wrapper:where(.w-variant-31f8ed75-2c88-945a-a737-1b9b50b4494b), .u-layout-wrapper:where(.w-variant-329f6899-ba0f-e4db-0449-3c5b8ba4f388) { grid-column-gap: 0rem; grid-row-gap: 0rem; border-radius: var(--radius--main); background-color: var(--_theme---background-2); position: relative; overflow: clip; } .u-layout-wrapper:where(.w-variant-4fee4cc0-701f-2817-944f-2c0261b9c2f3), .u-layout-wrapper:where(.w-variant-6bb5e515-55a9-1fc8-d29b-ff898d8b40f7) { grid-column-gap: var(--site--gutter); flex-flow: row; justify-content: center; align-items: stretch; display: flex; } .u-layout-wrapper:where(.w-variant-58b19052-6f23-ab5e-5e89-54288af57e85), .u-layout-wrapper:where(.w-variant-560ed4d9-9e8c-5c39-4619-fc154cdf9f19) { grid-column-gap: 0rem; grid-row-gap: 0rem; } .u-layout-wrapper:where(.w-variant-ebfcdcb1-ac53-1b15-fcb9-eaeda25808f5) { border-radius: var(--radius--main); background-color: var(--_theme---background); color: var(--_theme---text); --_theme---background: var(--swatch--dark-900); --_theme---text: var(--swatch--brand-text); --_theme---background-2: var(--swatch--dark-800); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: var(--swatch--brand-500); --_theme---border: var(--swatch--light-100-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---selection--background: var(--swatch--brand-500); --_theme---selection--text: var(--swatch--light-100); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--light-100); --_theme---button-primary--background-hover: var(--swatch--0052e6); --_theme---button-primary--border-hover: var(--swatch--0052e6); --_theme---button-primary--text-hover: var(--swatch--light-100); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--swatch--light-100); --_theme---button-secondary--text: var(--swatch--eed); --_theme---button-secondary--background-hover: var(--swatch--light-100-o20); --_theme---button-secondary--border-hover: var(--swatch--light-100); --_theme---button-secondary--text-hover: var(--swatch--efd); overflow: clip; } .u-layout { grid-column-gap: inherit; grid-row-gap: inherit; flex-flow: column; grid-template-rows: auto; grid-auto-columns: 1fr; width: 100%; display: flex; } .u-layout:where(.w-variant-31f8ed75-2c88-945a-a737-1b9b50b4494b), .u-layout:where(.w-variant-329f6899-ba0f-e4db-0449-3c5b8ba4f388) { display: var(--flex-medium, grid); flex-flow: column; grid-template-columns: repeat(2, minmax(0, 1fr)); } .u-layout:where(.w-variant-4fee4cc0-701f-2817-944f-2c0261b9c2f3), .u-layout:where(.w-variant-6bb5e515-55a9-1fc8-d29b-ff898d8b40f7) { grid-template-columns: [full-start] minmax(0, 1fr) [content-start] repeat(var(--site--column-count), minmax(0, var(--site--column-width))) [content-end] minmax(0, 1fr) [full-end]; width: calc(100vw * var(--_responsive---large) + 100% * max(var(--_responsive---medium), var(--_responsive---small), var(--_responsive---xsmall))); display: var(--flex-medium, grid); flex-flow: column; flex: none; justify-content: flex-start; align-items: center; } .u-layout:where(.w-variant-558793eb-2b07-490b-9842-2d7e6f6bf325), .u-layout:where(.w-variant-1261a7e4-2c05-3b0b-2126-d399890906b8) { display: var(--flex-medium, grid); flex-flow: column; grid-template-columns: repeat(2, minmax(0, 1fr)); } .u-layout:where(.w-variant-ebfcdcb1-ac53-1b15-fcb9-eaeda25808f5) { flex-flow: column; justify-content: center; align-items: stretch; min-height: 26rem; display: flex; position: relative; } .u-layout:where(.w-variant-58b19052-6f23-ab5e-5e89-54288af57e85), .u-layout:where(.w-variant-560ed4d9-9e8c-5c39-4619-fc154cdf9f19) { display: var(--flex-medium, grid); flex-flow: column; flex: none; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100vw; } .u-layout:where(.w-variant-81232c92-6578-ef9a-1e3e-35e3204ae0fd) { display: var(--flex-medium, grid); flex-flow: column; grid-template-columns: repeat(2, minmax(0, 1fr)); } .u-layout-column-1 { align-self: center; width: 100%; position: relative; } .u-layout-column-1:where(.w-variant-31f8ed75-2c88-945a-a737-1b9b50b4494b), .u-layout-column-1:where(.w-variant-329f6899-ba0f-e4db-0449-3c5b8ba4f388) { padding: var(--_spacing---space--6); } .u-layout-column-1:where(.w-variant-4fee4cc0-701f-2817-944f-2c0261b9c2f3) { padding-top: calc(var(--_spacing---space--6) * var(--_responsive---large)); padding-bottom: calc(var(--_spacing---space--6) * var(--_responsive---large)); grid-column: 2 / span 5; } .u-layout-column-1:where(.w-variant-6bb5e515-55a9-1fc8-d29b-ff898d8b40f7) { padding-top: calc(var(--_spacing---space--6) * var(--_responsive---large)); padding-bottom: calc(var(--_spacing---space--6) * var(--_responsive---large)); grid-column: 9 / span 5; } .u-layout-column-1:where(.w-variant-d69d5003-e9bc-b347-4e02-eb46976beb1c) { text-align: center; justify-content: center; align-items: center; } .u-layout-column-1:where(.w-variant-ebfcdcb1-ac53-1b15-fcb9-eaeda25808f5) { z-index: 1; padding-top: var(--_spacing---section-space--main); padding-right: var(--_spacing---space--5); padding-bottom: var(--_spacing---section-space--main); padding-left: var(--_spacing---space--5); text-align: center; justify-content: center; align-items: center; position: relative; } .u-layout-column-1:where(.w-variant-58b19052-6f23-ab5e-5e89-54288af57e85), .u-layout-column-1:where(.w-variant-560ed4d9-9e8c-5c39-4619-fc154cdf9f19) { max-width: var(--max-width--small); padding-top: var(--_spacing---section-space--main); padding-bottom: var(--_spacing---section-space--main); width: calc(100% - var(--site--margin) * 2); margin-left: auto; margin-right: auto; } .u-layout-column-1:where(.w-variant-558793eb-2b07-490b-9842-2d7e6f6bf325) { text-align: var(--center-medium, start); align-items: var(--center-medium, start); justify-content: var(--center-medium, start); } .u-layout-column-1:where(.w-variant-1261a7e4-2c05-3b0b-2126-d399890906b8) { align-items: var(--center-medium, start); justify-content: var(--center-medium, start); text-align: var(--center-medium, start); } .u-layout-column-1:where(.w-variant-81232c92-6578-ef9a-1e3e-35e3204ae0fd) { top: calc(12rem * var(--_responsive---large) + 0rem * var(--_responsive---medium)); position: var(--relative-medium, sticky); align-self: start; } .u-layout-column-2 { aspect-ratio: 16 / 9; border-radius: var(--radius--main); width: 100%; height: 100%; position: relative; overflow: clip; } .u-layout-column-2:where(.w-variant-1261a7e4-2c05-3b0b-2126-d399890906b8) { aspect-ratio: 16 / 9; grid-row-start: 1; grid-column-start: 1; overflow: clip; } .u-layout-column-2:where(.w-variant-329f6899-ba0f-e4db-0449-3c5b8ba4f388) { aspect-ratio: 16 / 9; border-radius: 0; grid-row-start: 1; grid-column-start: 1; overflow: clip; } .u-layout-column-2:where(.w-variant-4fee4cc0-701f-2817-944f-2c0261b9c2f3) { aspect-ratio: 16 / 9; border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: calc(var(--radius--main) * var(--_responsive---large)); border-bottom-left-radius: calc(var(--radius--main) * var(--_responsive---large)); width: calc(100% * var(--_responsive---large) + 100vw * max(var(--_responsive---medium), var(--_responsive---small), var(--_responsive---xsmall))); grid-column: 8 / full; overflow: clip; } .u-layout-column-2:where(.w-variant-6bb5e515-55a9-1fc8-d29b-ff898d8b40f7) { aspect-ratio: 16 / 9; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: calc(var(--radius--main) * var(--_responsive---large)); border-bottom-right-radius: calc(var(--radius--main) * var(--_responsive---large)); width: calc(100% * var(--_responsive---large) + 100vw * max(var(--_responsive---medium), var(--_responsive---small), var(--_responsive---xsmall))); grid-column: full / span 7; grid-row-start: 1; overflow: clip; } .u-layout-column-2:where(.w-variant-ebfcdcb1-ac53-1b15-fcb9-eaeda25808f5) { aspect-ratio: auto; opacity: .5; pointer-events: none; border-radius: 0; width: 100%; height: 100%; position: absolute; inset: 0%; overflow: visible; } .u-layout-column-2:where(.w-variant-560ed4d9-9e8c-5c39-4619-fc154cdf9f19) { aspect-ratio: 1; border-radius: 0; grid-row-start: 1; grid-column-start: 1; overflow: clip; } .u-layout-column-2:where(.w-variant-58b19052-6f23-ab5e-5e89-54288af57e85) { aspect-ratio: 1; border-radius: 0; overflow: clip; } .u-layout-column-2:where(.w-variant-31f8ed75-2c88-945a-a737-1b9b50b4494b) { aspect-ratio: 16 / 9; border-radius: 0; overflow: clip; } .u-layout-column-2:where(.w-variant-d69d5003-e9bc-b347-4e02-eb46976beb1c), .u-layout-column-2:where(.w-variant-558793eb-2b07-490b-9842-2d7e6f6bf325), .u-layout-column-2:where(.w-variant-81232c92-6578-ef9a-1e3e-35e3204ae0fd) { aspect-ratio: 16 / 9; overflow: clip; } .u-grid-wrapper { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); width: 100%; display: flex; } .u-grid-wrapper:where(.w-variant-b8204f2e-764d-b421-dc96-2c59d3054271) { container-type: inline-size; } .u-grid { grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: repeat(var(--_column-count---value), minmax(0, 1fr)); grid-column-gap: inherit; grid-row-gap: inherit; flex-flow: column; width: 100%; display: grid; } .u-grid:where(.w-variant-d58244bf-290f-ebb3-3aa0-352d6fa8e84f) { grid-template-columns: repeat(auto-fit, minmax(min(max(calc(var(--number, 12) * 1rem), (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); } .u-grid:where(.w-variant-129319ac-a2cd-9e88-2ebd-a33b4bb85fa5) { grid-template-columns: repeat(auto-fill, minmax(min(max(calc(var(--number, 12) * 1rem), (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); } .u-content-wrapper { text-align: start; justify-content: start; align-items: start; width: 100%; } .u-content-wrapper:where(.w-variant-4f54624e-ceb1-0769-a238-365d5e220b70) { text-align: center; justify-content: center; align-items: center; } .u-content-wrapper:where(.w-variant-405b6754-709a-81de-bf32-f0102c0c7aa2) { text-align: end; justify-content: end; align-items: end; } .u-content-wrapper:where(.w-variant-e98b91c1-a8bf-9b6d-a119-f398c9e3f46b) { text-align: var(--center-medium, start); align-items: var(--center-medium, start); justify-content: var(--center-medium, start); } .u-background-slot { pointer-events: none; width: 100%; height: 100%; position: absolute; inset: 0%; } .u-video { aspect-ratio: 16 / 9; background-color: var(--_theme---background-skeleton); width: 100%; height: 100%; } .u-video:where(.w-variant-db26956a-7929-76af-05b0-02971cbab2f4) { width: 100%; height: 100%; position: absolute; inset: 0%; aspect-ratio: unset !important; } .u-video:where(.w-variant-0b00a75a-35ba-66c2-fce0-21c117d62ce0) { aspect-ratio: 16 / 9; } .u-video:where(.w-variant-a9490bed-5b56-7b46-8413-993d16d77e88) { aspect-ratio: 3 / 2; } .u-video:where(.w-variant-ec7f8a9f-99ac-b5a5-140b-730400a62670) { aspect-ratio: 1; } .u-video:where(.w-variant-8157ca33-45d5-df1a-bd25-894298c8e117) { aspect-ratio: 5 / 4; } .u-video:where(.w-variant-f3f45657-6a73-93f9-25db-a80af56ad72a) { aspect-ratio: 4 / 5; } .u-video:where(.w-variant-c3ccbb6c-6fa7-1113-0f2e-08b77dffca68) { aspect-ratio: 2 / 3; } .u-image-wrapper { aspect-ratio: 2; background-color: var(--_theme---background-skeleton); object-fit: cover; width: 100%; height: 100%; position: relative; overflow: clip; } .u-image-wrapper:where(.w-variant-4972adff-107c-1f37-d19c-526a2bf55c28) { width: 100%; height: 100%; position: absolute; inset: 0%; aspect-ratio: unset !important; } .u-image-wrapper:where(.w-variant-a5f35569-5171-ee3d-f7bb-c5b2372249ac) { aspect-ratio: 1; } .u-image-wrapper:where(.w-variant-27d05669-180c-3169-9b64-0eda31f8d4d3) { aspect-ratio: 16 / 9; } .u-image-wrapper:where(.w-variant-a93327ec-aace-62d3-860b-21ee12acd25a) { aspect-ratio: 2 / 3; } .u-image-wrapper:where(.w-variant-57c7d8f5-d942-5de8-0712-e12fff699502) { aspect-ratio: 752 / 397; } .u-image-wrapper:where(.w-variant-35ea7d22-774e-1ba9-1dcc-8a392636f83d) { aspect-ratio: 4 / 5; } .u-image-wrapper:where(.w-variant-8e41429f-9f9e-7697-357e-815bd3e59383) { aspect-ratio: 5 / 4; } .u-image { object-position: calc(var(--x, 50) * 1%) calc(var(--y, 50) * 1%); object-fit: inherit; height: 100%; display: block; position: absolute; inset: 0%; } .u-iframe-wrapper { aspect-ratio: 16 / 9; position: relative; } .u-iframe { border: none; width: 100%; height: 100%; display: block; position: absolute; inset: 0%; } .u-overlay { background-color: color-mix(in srgb, black calc(var(--number) / 100 * 80%), transparent); width: 100%; height: 100%; position: absolute; inset: 0%; } .u-overlay:where(.w-variant-9653c0cc-21fc-fb82-1373-c98b1644e5a8) { background-image: linear-gradient(#0000, #0000009e 84%); background-color: color-mix(in srgb, black calc(var(--number) / 100 * 60%), transparent); } .u-eyebrow-wrapper { margin-bottom: var(--_spacing---space--5); justify-content: inherit; display: flex; } .u-eyebrow-layout { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); vertical-align: baseline; display: inline-flex; } .u-eyebrow-marker { width: var(--border-width--main); background-color: currentColor; flex: none; padding-bottom: 0; padding-right: 0; } .u-eyebrow-text { margin-top: 0; margin-bottom: 0; } .u-text { 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-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); justify-content: center; align-items: inherit; max-width: calc(var(--number) * 1ch); flex-flow: column; min-width: 100%; display: flex; } .u-text:where(.w-variant-eee56f15-d7ce-d101-2f8c-83b3bbd55d4a) { --_text-style---font-family: var(--_typography---font--primary-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-semi-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--6); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_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); } .u-text:where(.w-variant-3ddfa43e-abc1-422e-6e6d-23dfb7da71f3) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-semi-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: 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); } .u-text:where(.w-variant-efb733fe-da83-69a3-ea4a-b3f2f89d0389) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-semi-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: wrap; --_text-style---margin-top: var(--_spacing---space--7); --_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); } .u-text:where(.w-variant-ad482112-9d0e-852c-0f6e-ba1e5a3aee59) { --_text-style---font-family: var(--_typography---font--primary-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-semi-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_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); } .u-text:where(.w-variant-93e8af18-8413-e3ac-0442-72629401a3db) { --_text-style---font-family: var(--_typography---font--primary-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-semi-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_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); } .u-text:where(.w-variant-5c484503-e2a0-ac99-680d-56013d859efa) { --_text-style---font-family: var(--_typography---font--primary-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-semi-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_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); } .u-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--large); --_text-style---font-weight: var(--_typography---font--primary-semi-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_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); } .u-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-semi-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: 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); } .u-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--larger); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: 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); } .u-text:where(.w-variant-4099173f-f581-635c-a5fe-cf4a89c62029), .u-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--larger); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: 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); } .u-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--larger); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: 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); } .u-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-semi-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: 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); } .u-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--large); --_text-style---font-weight: var(--_typography---font--primary-semi-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_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); } .u-text:where(.w-variant-12e93187-f8ac-b1a1-2e50-59d85a6bf516) { --_text-style---font-family: var(--_typography---font--primary-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-semi-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_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); } .u-text:where(.w-variant-f196774e-dbfd-d1b4-1196-b3e824fc5f7d) { --_text-style---font-family: var(--_typography---font--primary-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-semi-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_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); } .u-text:where(.w-variant-7bfbf33b-fb56-d8df-e2d2-8fe65a7f2e44) { --_text-style---font-family: var(--_typography---font--primary-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-semi-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_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); } .u-text:where(.w-variant-9af60b09-c3a1-8c2a-eb78-8e29460ca7a9) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-semi-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: wrap; --_text-style---margin-top: var(--_spacing---space--7); --_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); } .u-text:where(.w-variant-83c598b0-8cc2-f955-1996-fcb8fb10bf70) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-semi-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: 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); } .u-text:where(.w-variant-8ee37a78-065b-6879-973d-319c65e28313) { --_text-style---font-family: var(--_typography---font--primary-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-semi-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--6); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_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); } .u-text: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--larger); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: 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); } .u-text: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--larger); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: 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); } .u-text: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-semi-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: 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); } .u-text: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--large); --_text-style---font-weight: var(--_typography---font--primary-semi-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_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); } .u-text:where(.w-variant-326a9562-3263-06da-e8ef-16981fd70f1c) { --_text-style---font-family: var(--_typography---font--primary-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-semi-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_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); } .u-text:where(.w-variant-7c7eb163-b37d-338d-2369-5eae7e6d458a) { --_text-style---font-family: var(--_typography---font--primary-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-semi-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_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); } .u-text:where(.w-variant-701c4b6c-37cf-de59-d80d-80a1822c4994) { --_text-style---font-family: var(--_typography---font--primary-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-semi-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_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); } .u-text:where(.w-variant-433d40c6-c261-f13f-c899-61d2cadf150f) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-semi-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: wrap; --_text-style---margin-top: var(--_spacing---space--7); --_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); } .u-text:where(.w-variant-792802b6-ccdb-f982-5023-5fa970cf03d0) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-semi-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: 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); } .u-text:where(.w-variant-41c609dc-9c80-9eef-75df-03bf0eea00b4) { --_text-style---font-family: var(--_typography---font--primary-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-semi-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--6); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_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); } .u-button-wrapper { grid-column-gap: var(--_spacing---space--1); grid-row-gap: var(--_spacing---space--1); align-content: center; align-items: center; justify-content: inherit; flex-flow: wrap; display: flex; } .u-section { background-color: var(--_theme---background); color: var(--_theme---text); 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--light-100); --_theme---text: var(--swatch--brand-text-dark); --_theme---background-2: var(--swatch--light-200); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: var(--swatch--brand-600); --_theme---border: var(--swatch--dark-900-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--_theme---text); --_theme---selection--background: var(--swatch--brand-500); --_theme---selection--text: var(--swatch--light-100); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--light-100); --_theme---button-primary--background-hover: var(--swatch--0052e6); --_theme---button-primary--border-hover: var(--swatch--0052e6); --_theme---button-primary--text-hover: var(--swatch--light-100); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--swatch--brand-text-dark); --_theme---button-secondary--text: var(--swatch--brand-text-dark); --_theme---button-secondary--background-hover: var(--swatch--dark-900-o20); --_theme---button-secondary--border-hover: var(--swatch--brand-text-dark); --_theme---button-secondary--text-hover: var(--swatch--brand-text-dark); } .u-section:where(.w-variant-857e5430-97c7-deb6-3c1a-d3063f9fe2c7) { --_theme---background: var(--swatch--dark-900); --_theme---text: var(--swatch--brand-text); --_theme---background-2: var(--swatch--dark-800); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: var(--swatch--brand-500); --_theme---border: var(--swatch--light-100-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---selection--background: var(--swatch--brand-500); --_theme---selection--text: var(--swatch--light-100); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--light-100); --_theme---button-primary--background-hover: var(--swatch--0052e6); --_theme---button-primary--border-hover: var(--swatch--0052e6); --_theme---button-primary--text-hover: var(--swatch--light-100); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--swatch--light-100); --_theme---button-secondary--text: var(--swatch--eed); --_theme---button-secondary--background-hover: var(--swatch--light-100-o20); --_theme---button-secondary--border-hover: var(--swatch--light-100); --_theme---button-secondary--text-hover: var(--swatch--efd); } .u-section:where(.w-variant-f3a81397-d460-3add-9beb-5ec7af47907a) { --_theme---background: var(--swatch--light-100); --_theme---text: var(--swatch--brand-text-dark); --_theme---background-2: var(--swatch--light-200); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: var(--swatch--brand-600); --_theme---border: var(--swatch--dark-900-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--_theme---text); --_theme---selection--background: var(--swatch--brand-500); --_theme---selection--text: var(--swatch--light-100); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--light-100); --_theme---button-primary--background-hover: var(--swatch--0052e6); --_theme---button-primary--border-hover: var(--swatch--0052e6); --_theme---button-primary--text-hover: var(--swatch--light-100); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--swatch--brand-text-dark); --_theme---button-secondary--text: var(--swatch--brand-text-dark); --_theme---button-secondary--background-hover: var(--swatch--dark-900-o20); --_theme---button-secondary--border-hover: var(--swatch--brand-text-dark); --_theme---button-secondary--text-hover: var(--swatch--brand-text-dark); } .u-section:where(.w-variant-b4d321b1-05d4-6b05-8ab2-dfbc2f41ee4e) { --_theme---background: var(--swatch--dark-900); --_theme---text: var(--swatch--brand-text); --_theme---background-2: var(--swatch--dark-800); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: var(--swatch--brand-500); --_theme---border: var(--swatch--light-100-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---selection--background: var(--swatch--brand-500); --_theme---selection--text: var(--swatch--light-100); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--light-100); --_theme---button-primary--background-hover: var(--swatch--0052e6); --_theme---button-primary--border-hover: var(--swatch--0052e6); --_theme---button-primary--text-hover: var(--swatch--light-100); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--swatch--light-100); --_theme---button-secondary--text: var(--swatch--eed); --_theme---button-secondary--background-hover: var(--swatch--light-100-o20); --_theme---button-secondary--border-hover: var(--swatch--light-100); --_theme---button-secondary--text-hover: var(--swatch--efd); } .u-section:where(.w-variant-25bf08d9-3196-322b-5616-019ac7f0f4f7) { --_theme---background: var(--swatch--brand-500); --_theme---text: var(--swatch--light-100); --_theme---background-2: var(--swatch--brand-600); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: color-mix(in srgb, var(--_theme---text), white 20%); --_theme---border: var(--swatch--brand-text-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--_theme---text); --_theme---selection--background: var(--swatch--brand-500); --_theme---selection--text: var(--swatch--light-100); --_theme---button-primary--background: var(--swatch--light-100); --_theme---button-primary--border: var(--swatch--light-100); --_theme---button-primary--text: var(--swatch--brand-500); --_theme---button-primary--background-hover: var(--swatch--light-100-o20); --_theme---button-primary--border-hover: var(--swatch--light-100); --_theme---button-primary--text-hover: var(--swatch--light-100); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--swatch--light-100); --_theme---button-secondary--text: var(--swatch--light-100); --_theme---button-secondary--background-hover: var(--swatch--light-100-o20); --_theme---button-secondary--border-hover: var(--swatch--light-100); --_theme---button-secondary--text-hover: var(--swatch--light-100); } .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-container { max-width: var(--max-width--main); grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); width: calc(100% - var(--site--margin) * 2); flex-flow: column; justify-content: center; margin-left: auto; margin-right: auto; display: flex; position: relative; container-type: inline-size; } .u-container-small { z-index: 1; max-width: var(--max-width--small); grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); width: calc(100% - var(--site--margin) * 2); flex-flow: column; justify-content: center; margin-left: auto; margin-right: auto; display: flex; position: relative; container-type: inline-size; } .u-container-full { z-index: 1; max-width: var(--max-width--full); grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); width: calc(100% - var(--site--margin) * 2); flex-flow: column; justify-content: center; margin-left: auto; margin-right: auto; display: flex; position: relative; container-type: 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), .u-svg.bottom { transform: rotate(90deg); } .u-svg.accordion_toggle_svg { transform: rotate(180deg); } .u-svg.product_nav_toggle { transition: all .3s; transform: rotate(180deg); } .u-svg.vegas_video_icon { flex: none; width: 20px; } .u-svg.pricing_footer_info { cursor: pointer; width: 14px; } .u-svg.badge-left-edge { z-index: 1; pointer-events: none; flex: none; width: -moz-fit-content; width: fit-content; height: 100%; position: absolute; inset: 0% auto 0% .5px; } .u-svg.badge-left-edge.mint-green { color: var(--swatch--e2ff2d); } .u-svg.badge-right-edge { z-index: 1; pointer-events: none; transform-style: preserve-3d; flex: none; width: -moz-fit-content; width: fit-content; height: 100%; position: absolute; inset: 0% .5px 0% auto; transform: none; } .u-svg.badge-right-edge.mint-green { color: var(--swatch--e2ff2d); } .u-svg.badge-right-edge.red { color: var(--swatch--fc381c); } .u-svg.pricing_column_icon { width: 24px; } .u-svg.pricing_column_icon.brand-color { color: var(--swatch--0052e6); } .u-svg.pricing_overview_info_icon { color: var(--swatch--light-100); width: 24px; } .u-path { stroke-width: var(--border-width--main); stroke: currentColor; vector-effect: non-scaling-stroke; } .u-embed-css, .u-embed-js { display: none; } .u-theme-light { background-color: var(--_theme---background); color: var(--_theme---text); --_theme---background: var(--swatch--light-100); --_theme---text: var(--swatch--brand-text-dark); --_theme---background-2: var(--swatch--light-200); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: var(--swatch--brand-600); --_theme---border: var(--swatch--dark-900-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--_theme---text); --_theme---selection--background: var(--swatch--brand-500); --_theme---selection--text: var(--swatch--light-100); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--light-100); --_theme---button-primary--background-hover: var(--swatch--0052e6); --_theme---button-primary--border-hover: var(--swatch--0052e6); --_theme---button-primary--text-hover: var(--swatch--light-100); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--swatch--brand-text-dark); --_theme---button-secondary--text: var(--swatch--brand-text-dark); --_theme---button-secondary--background-hover: var(--swatch--dark-900-o20); --_theme---button-secondary--border-hover: var(--swatch--brand-text-dark); --_theme---button-secondary--text-hover: var(--swatch--brand-text-dark); } .u-theme-dark { background-color: var(--_theme---background); color: var(--_theme---text); --_theme---background: var(--swatch--dark-900); --_theme---text: var(--swatch--brand-text); --_theme---background-2: var(--swatch--dark-800); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: var(--swatch--brand-500); --_theme---border: var(--swatch--light-100-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---selection--background: var(--swatch--brand-500); --_theme---selection--text: var(--swatch--light-100); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--light-100); --_theme---button-primary--background-hover: var(--swatch--0052e6); --_theme---button-primary--border-hover: var(--swatch--0052e6); --_theme---button-primary--text-hover: var(--swatch--light-100); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--swatch--light-100); --_theme---button-secondary--text: var(--swatch--eed); --_theme---button-secondary--background-hover: var(--swatch--light-100-o20); --_theme---button-secondary--border-hover: var(--swatch--light-100); --_theme---button-secondary--text-hover: var(--swatch--efd); } .u-theme-brand { background-color: var(--_theme---background); color: var(--_theme---text); --_theme---background: var(--swatch--brand-500); --_theme---text: var(--swatch--light-100); --_theme---background-2: var(--swatch--brand-600); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: color-mix(in srgb, var(--_theme---text), white 20%); --_theme---border: var(--swatch--brand-text-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--_theme---text); --_theme---selection--background: var(--swatch--brand-500); --_theme---selection--text: var(--swatch--light-100); --_theme---button-primary--background: var(--swatch--light-100); --_theme---button-primary--border: var(--swatch--light-100); --_theme---button-primary--text: var(--swatch--brand-500); --_theme---button-primary--background-hover: var(--swatch--light-100-o20); --_theme---button-primary--border-hover: var(--swatch--light-100); --_theme---button-primary--text-hover: var(--swatch--light-100); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--swatch--light-100); --_theme---button-secondary--text: var(--swatch--light-100); --_theme---button-secondary--background-hover: var(--swatch--light-100-o20); --_theme---button-secondary--border-hover: var(--swatch--light-100); --_theme---button-secondary--text-hover: var(--swatch--light-100); } .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(--_typography---font-size--display); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-semi-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--6); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_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-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(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-semi-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: 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-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(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-semi-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: wrap; --_text-style---margin-top: var(--_spacing---space--7); --_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-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(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-semi-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_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-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(--_typography---font-size--h4); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-semi-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_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-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(--_typography---font-size--h5); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-semi-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_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-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--large); --_text-style---font-weight: var(--_typography---font--primary-semi-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_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-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(--_typography---font-size--text-large); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-semi-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: 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-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--larger); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: 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--larger); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: 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); align-items: inherit; justify-content: inherit; } .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(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-semi-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: 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); } .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(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-semi-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: wrap; --_text-style---margin-top: var(--_spacing---space--7); --_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); } .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--primary-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-semi-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_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); } .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(--_typography---font-size--h4); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-semi-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_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); } .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(--_typography---font-size--h5); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-semi-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_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-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--large); --_text-style---font-weight: var(--_typography---font--primary-semi-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_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-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-semi-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: 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: inherit; 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: inherit; 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-small { line-height: var(--_typography---line-height--small); } .u-line-height-medium { line-height: var(--_typography---line-height--medium); } .u-line-height-large { line-height: var(--_typography---line-height--large); } .u-line-height-huge { line-height: var(--_typography---line-height--huge); } .u-letter-spacing-tight { letter-spacing: var(--_typography---letter-spacing--tight); } .u-letter-spacing-normal { letter-spacing: var(--_typography---letter-spacing--normal); } .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-heading-accent strong { color: var(--_theme---heading-accent); font-weight: inherit; } .u-flex-horizontal-wrap { align-content: center; align-items: center; justify-content: inherit; flex-flow: wrap; display: flex; } .u-flex-vertical-nowrap { justify-content: center; align-items: inherit; flex-flow: column; display: flex; } .u-flex-horizontal-nowrap { align-content: center; align-items: center; justify-content: inherit; flex-flow: row; display: flex; } .u-flex-vertical-wrap { justify-content: center; align-items: inherit; flex-flow: column wrap; display: flex; } .u-flex-grow { flex: 1; } .u-flex-shrink { flex: 0 auto; } .u-flex-noshrink { flex: none; } .u-grid-custom { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); --_column-count---value: 12; 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-grid-subgrid { grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: subgrid; grid-column-gap: inherit; grid-row-gap: inherit; grid-column: auto / span 1; display: grid; } .u-grid-autofit { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--site--gutter); --_column-count---value: 12; grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: repeat(auto-fit, minmax(min(max(8rem, (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); display: grid; } .u-grid-autofill { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--site--gutter); --_column-count---value: 12; grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: repeat(auto-fill, minmax(min(max(8rem, (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); display: grid; } .u-grid-breakout { 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: [full-start] minmax(0, 1fr) [content-start] repeat(var(--site--column-count), minmax(0, var(--site--column-width))) [content-end] minmax(0, 1fr) [full-end]; display: grid; } .u-align-self-inherit { align-self: inherit; } .u-align-self-start { align-self: flex-start; } .u-align-self-center { align-self: center; } .u-align-self-end { align-self: flex-end; } .u-align-self-stretch { align-self: stretch; } .u-align-items-stretch { align-items: stretch; } .u-align-items-start { align-items: flex-start; } .u-align-items-center { align-items: center; } .u-align-items-end { align-items: flex-end; } .u-align-items-inherit { align-items: inherit; } .u-justify-content-start { justify-content: flex-start; } .u-justify-content-center { justify-content: center; } .u-justify-content-end { justify-content: flex-end; } .u-justify-content-between { justify-content: space-between; } .u-justify-content-around { justify-content: space-around; } .u-justify-content-inherit { justify-content: inherit; } .u-color-inherit { color: inherit; } .u-color-faded { color: color-mix(in srgb, currentColor 70%, transparent); } .u-background-transparent { background-color: #0000; } .u-background-1 { background-color: var(--_theme---background); } .u-background-2 { background-color: var(--_theme---background-2); } .u-background-skeleton { background-color: var(--_theme---background-skeleton); } .u-gap-0 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: 0rem; } .u-gap-inherit { grid-column-gap: inherit; grid-row-gap: inherit; } .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-3 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--3); } .u-gap-4 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--4); } .u-gap-5 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--5); } .u-gap-6 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--6); } .u-gap-7 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--7); } .u-gap-8 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--8); } .u-gap-row-0 { grid-row-gap: 0rem; } .u-gap-row-inherit { grid-row-gap: inherit; } .u-gap-row-1 { grid-row-gap: var(--_spacing---space--1); } .u-gap-row-2 { grid-row-gap: var(--_spacing---space--2); } .u-gap-row-gutter { grid-row-gap: var(--site--gutter); } .u-gap-row-3 { grid-row-gap: var(--_spacing---space--3); } .u-gap-row-4 { grid-row-gap: var(--_spacing---space--4); } .u-gap-row-5 { grid-row-gap: var(--_spacing---space--5); } .u-gap-row-6 { grid-row-gap: var(--_spacing---space--6); } .u-gap-row-7 { grid-row-gap: var(--_spacing---space--7); } .u-gap-row-8 { grid-row-gap: var(--_spacing---space--8); } .u-margin-top-auto { margin-top: auto; } .u-margin-top-0 { margin-top: 0; } .u-margin-top-gutter { margin-top: var(--site--gutter); } .u-margin-top-text { margin-top: var(--_text-style---margin-top); } .u-margin-top-1 { margin-top: var(--_spacing---space--1); } .u-margin-top-2 { margin-top: var(--_spacing---space--2); } .u-margin-top-3 { margin-top: var(--_spacing---space--3); } .u-margin-top-4 { margin-top: var(--_spacing---space--4); } .u-margin-top-5 { margin-top: var(--_spacing---space--5); } .u-margin-top-6 { margin-top: var(--_spacing---space--6); } .u-margin-top-7 { margin-top: var(--_spacing---space--7); } .u-margin-top-8 { margin-top: var(--_spacing---space--8); } .u-margin-bottom-auto { margin-bottom: auto; } .u-margin-bottom-0 { margin-bottom: 0; } .u-margin-bottom-gutter { margin-bottom: var(--site--gutter); } .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-3 { margin-bottom: var(--_spacing---space--3); } .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-weight-regular { font-family: var(--_typography---font--primary-family); font-weight: var(--_typography---font--primary-regular); } .u-weight-medium { font-family: var(--_typography---font--primary-family); font-weight: var(--_typography---font--primary-semi-bold); } .u-weight-bold { font-family: var(--_typography---font--primary-family); font-weight: var(--_typography---font--primary-bold); } .u-min-height-screen { min-height: 100svh; } .u-column-span-full { grid-column: 1 / -1; } .u-column-span-indent { grid-column: 2 / -2; } .u-column-span-1 { grid-column-end: span 1; } .u-column-span-2 { grid-column-end: span 2; } .u-column-span-3 { grid-column-end: span 3; } .u-column-span-4 { grid-column-end: span 4; } .u-column-span-5 { grid-column-end: span 5; } .u-column-span-6 { grid-column-end: span 6; } .u-column-span-7 { grid-column-end: span 7; } .u-column-span-8 { grid-column-end: span 8; } .u-column-span-9 { grid-column-end: span 9; } .u-column-span-10 { grid-column-end: span 10; } .u-column-span-11 { grid-column-end: span 11; } .u-column-span-12 { grid-column-end: span 12; } .u-alignment-start { text-align: start !important; justify-content: start !important; align-items: start !important; } .u-alignment-center { text-align: center !important; justify-content: center !important; align-items: center !important; } .u-alignment-end { text-align: end !important; justify-content: end !important; align-items: end !important; } .u-text-transform-none { text-transform: none; } .u-text-transform-uppercase { text-transform: uppercase; } .u-text-transform-capitalize { text-transform: capitalize; } .u-text-transform-lowercase { text-transform: lowercase; } .u-text-wrap-default { text-wrap: wrap; } .u-text-wrap-balance { text-wrap: balance; } .u-text-wrap-pretty { text-wrap: pretty; } .u-max-width-none { max-width: none; } .u-max-width-full { max-width: 100%; } .logo-svg { max-width: 100%; max-height: 100%; } .u-radius-none { border-radius: 0; } .u-radius-inherit { border-radius: inherit; } .u-radius-small { border-radius: var(--radius--small); } .u-radius-main { border-radius: var(--radius--main); } .u-radius-round { border-radius: var(--radius--round); } .u-overflow-visible { overflow: visible; } .u-overflow-hidden { overflow: hidden; } .u-overflow-clip { overflow: clip; } .u-overflow-x-auto { overflow: auto clip; } .u-overflow-y-auto { overflow: clip auto; } .u-overflow-hidden-left { -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%); } .u-display-block { display: block; } .u-display-inline { display: inline; } .u-display-inline-block { display: inline-block; } .u-display-inline-flex { display: inline-flex; } .u-display-inline-grid { display: inline-grid; } .u-display-contents { display: contents; } .u-display-none { display: none; } .u-zindex-negative { z-index: -1; position: relative; } .u-zindex-0 { z-index: 0; position: relative; } .u-zindex-unset { z-index: unset; position: relative; } .u-zindex-1 { z-index: 1; position: relative; } .u-zindex-2 { z-index: 2; position: relative; } .u-zindex-3 { z-index: 3; position: relative; } .u-position-static { position: static; } .u-position-relative { position: relative; } .u-position-absolute { position: absolute; } .u-position-sticky { position: sticky; top: 0; } .u-position-fixed { position: fixed; } .u-height-full { height: 100%; } .u-height-auto { height: auto; } .u-width-full { width: 100%; } .u-cover { width: 100%; height: 100%; } .u-cover-absolute { width: 100%; height: 100%; position: absolute; inset: 0%; } .u-width-auto { width: auto; } .u-min-width-auto { min-width: auto; } .u-pointer-on { pointer-events: auto; } .u-pointer-off { pointer-events: none; } .u-ratio-1-1 { aspect-ratio: 1; } .u-ratio-16-9 { aspect-ratio: 16 / 9; } .u-ratio-3-2 { aspect-ratio: 3 / 2; } .u-ratio-2-3 { aspect-ratio: 2 / 3; } .u-ratio-2-1 { aspect-ratio: 2; } .u-ratio-5-4 { aspect-ratio: 5 / 4; } .u-ratio-4-5 { aspect-ratio: 4 / 5; } .u-margin-inline-auto { margin-left: auto; margin-right: auto; } .u-order-first { order: -1; } .u-order-last { order: 1; } .u-object-fit-cover { object-fit: cover; } .u-object-fit-contain { object-fit: contain; } .u-padding-sitemargin { padding: var(--site--margin); } .u-padding-gutter { padding: var(--site--gutter); } .u-padding-0 { padding: 0; } .u-padding-1 { padding: var(--_spacing---space--1); } .u-padding-2 { padding: var(--_spacing---space--2); } .u-padding-3 { padding: var(--_spacing---space--3); } .u-padding-4 { padding: var(--_spacing---space--4); } .u-padding-5 { padding: var(--_spacing---space--5); } .u-padding-6 { padding: var(--_spacing---space--6); } .u-padding-7 { padding: var(--_spacing---space--7); } .u-padding-8 { padding: var(--_spacing---space--8); } .u-padding-small { padding: var(--_spacing---section-space--small); } .u-padding-main { padding: var(--_spacing---section-space--main); } .u-padding-large { padding: var(--_spacing---section-space--large); } .u-padding-block-sitemargin { padding-top: var(--site--margin); padding-bottom: var(--site--margin); } .u-padding-block-gutter { padding-top: var(--site--gutter); padding-bottom: var(--site--gutter); } .u-padding-block-0 { padding-top: 0; padding-bottom: 0; } .u-padding-block-1 { padding-top: var(--_spacing---space--1); padding-bottom: var(--_spacing---space--1); } .u-padding-block-2 { padding-top: var(--_spacing---space--2); padding-bottom: var(--_spacing---space--2); } .u-padding-block-3 { padding-top: var(--_spacing---space--3); padding-bottom: var(--_spacing---space--3); } .u-padding-block-4 { padding-top: var(--_spacing---space--4); padding-bottom: var(--_spacing---space--4); } .u-padding-block-5 { padding-top: var(--_spacing---space--5); padding-bottom: var(--_spacing---space--5); } .u-padding-block-6 { padding-top: var(--_spacing---space--6); padding-bottom: var(--_spacing---space--6); } .u-padding-block-7 { padding-top: var(--_spacing---space--7); padding-bottom: var(--_spacing---space--7); } .u-padding-block-8 { padding-top: var(--_spacing---space--8); padding-bottom: var(--_spacing---space--8); } .u-padding-block-small { padding-top: var(--_spacing---section-space--small); padding-bottom: var(--_spacing---section-space--small); } .u-padding-block-main { padding-top: var(--_spacing---section-space--main); padding-bottom: var(--_spacing---section-space--main); } .u-padding-block-large { padding-top: var(--_spacing---section-space--large); padding-bottom: var(--_spacing---section-space--large); } .u-padding-inline-sitemargin { padding-right: var(--site--margin); padding-left: var(--site--margin); } .u-padding-inline-gutter { padding-right: var(--site--gutter); padding-left: var(--site--gutter); } .u-padding-inline-0 { padding-left: 0; padding-right: 0; } .u-padding-inline-1 { padding-right: var(--_spacing---space--1); padding-left: var(--_spacing---space--1); } .u-padding-inline-2 { padding-right: var(--_spacing---space--2); padding-left: var(--_spacing---space--2); } .u-padding-inline-3 { padding-right: var(--_spacing---space--3); padding-left: var(--_spacing---space--3); } .u-padding-inline-4 { padding-right: var(--_spacing---space--4); padding-left: var(--_spacing---space--4); } .u-padding-inline-5 { padding-right: var(--_spacing---space--5); padding-left: var(--_spacing---space--5); } .u-padding-inline-6 { padding-right: var(--_spacing---space--6); padding-left: var(--_spacing---space--6); } .u-padding-inline-7 { padding-right: var(--_spacing---space--7); padding-left: var(--_spacing---space--7); } .u-padding-inline-8 { padding-right: var(--_spacing---space--8); padding-left: var(--_spacing---space--8); } .u-padding-top-sitemargin { padding-top: var(--site--margin); } .u-padding-top-gutter { padding-top: var(--site--gutter); } .u-padding-top-0 { padding-top: 0; } .u-padding-top-1 { padding-top: var(--_spacing---space--1); } .u-padding-top-2 { padding-top: var(--_spacing---space--2); } .u-padding-top-3 { padding-top: var(--_spacing---space--3); } .u-padding-top-4 { padding-top: var(--_spacing---space--4); } .u-padding-top-5 { padding-top: var(--_spacing---space--5); } .u-padding-top-6 { padding-top: var(--_spacing---space--6); } .u-padding-top-7, .u-padding-top-8 { padding-top: var(--_spacing---space--7); } .u-padding-top-small { padding-top: var(--_spacing---section-space--small); } .u-padding-top-main { padding-top: var(--_spacing---section-space--main); } .u-padding-top-large { padding-top: var(--_spacing---section-space--large); } .u-padding-bottom-sitemargin { padding-bottom: var(--site--margin); } .u-padding-bottom-gutter { padding-bottom: var(--site--gutter); } .u-padding-bottom-0 { padding-bottom: 0; } .u-padding-bottom-1 { padding-bottom: var(--_spacing---space--1); } .u-padding-bottom-2 { padding-bottom: var(--_spacing---space--2); } .u-padding-bottom-3 { padding-bottom: var(--_spacing---space--3); } .u-padding-bottom-4 { padding-bottom: var(--_spacing---space--4); } .u-padding-bottom-5 { padding-bottom: var(--_spacing---space--5); } .u-padding-bottom-6 { padding-bottom: var(--_spacing---space--6); } .u-padding-bottom-7 { padding-bottom: var(--_spacing---space--7); } .u-padding-bottom-8 { padding-bottom: var(--_spacing---space--8); } .u-padding-bottom-small { padding-bottom: var(--_spacing---section-space--small); } .u-padding-bottom-main { padding-bottom: var(--_spacing---section-space--main); } .u-padding-bottom-large { padding-bottom: var(--_spacing---section-space--large); } .u-padding-left-sitemargin { padding-left: var(--site--margin); } .u-padding-left-gutter { padding-left: var(--site--gutter); } .u-padding-left-0 { padding-left: 0; } .u-padding-left-1 { padding-left: var(--_spacing---space--1); } .u-padding-left-2 { padding-left: var(--_spacing---space--2); } .u-padding-left-3 { padding-left: var(--_spacing---space--3); } .u-padding-left-4 { padding-left: var(--_spacing---space--4); } .u-padding-left-5 { padding-left: var(--_spacing---space--5); } .u-padding-left-6 { padding-left: var(--_spacing---space--6); } .u-padding-left-7 { padding-left: var(--_spacing---space--7); } .u-padding-left-8 { padding-left: var(--_spacing---space--8); } .u-padding-right-sitemargin { padding-right: var(--site--margin); } .u-padding-right-gutter { padding-right: var(--site--gutter); } .u-padding-right-0 { padding-right: 0; } .u-padding-right-1 { padding-right: var(--_spacing---space--1); } .u-padding-right-2 { padding-right: var(--_spacing---space--2); } .u-padding-right-3 { padding-right: var(--_spacing---space--3); } .u-padding-right-4 { padding-right: var(--_spacing---space--4); } .u-padding-right-5 { padding-right: var(--_spacing---space--5); } .u-padding-right-6 { padding-right: var(--_spacing---space--6); } .u-padding-right-7 { padding-right: var(--_spacing---space--7); } .u-padding-right-8 { padding-right: var(--_spacing---space--8); } .u-column-start-auto { grid-column-start: auto; } .u-column-start-1 { grid-column-start: 1; } .u-column-start-2 { grid-column-start: 2; } .u-column-start-3 { grid-column-start: 3; } .u-column-start-4 { grid-column-start: 4; } .u-column-start-5 { grid-column-start: 5; } .u-column-start-6 { grid-column-start: 6; } .u-column-start-7 { grid-column-start: 7; } .u-column-start-8 { grid-column-start: 8; } .u-column-start-9 { grid-column-start: 9; } .u-column-start-10 { grid-column-start: 10; } .u-column-start-11 { grid-column-start: 11; } .u-column-start-12 { grid-column-start: 12; } .u-row-start-auto { grid-row-start: auto; } .u-row-start-1 { grid-row-start: 1; } .u-row-start-2 { grid-row-start: 2; } .u-row-start-3 { grid-row-start: 3; } .u-row-start-4 { grid-row-start: 4; } .u-row-start-5 { grid-row-start: 5; } .u-row-start-6 { grid-row-start: 6; } .u-row-span-1 { grid-row-end: span 1; } .u-row-span-2 { grid-row-end: span 2; } .u-row-span-3 { grid-row-end: span 3; } .u-row-span-4 { grid-row-end: span 4; } .u-row-span-5 { grid-row-end: span 5; } .u-row-span-6 { grid-row-end: span 6; } .styleguide_subheading { margin-bottom: 0; } .styleguide_card_wrap { padding: var(--_spacing---space--5); grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); border-radius: var(--radius--main); background-color: var(--_theme---background-2); flex-flow: column; justify-content: space-between; align-items: flex-start; height: 100%; display: flex; position: relative; overflow: hidden; } .styleguide_footer { border-top: var(--border-width--main) solid var(--_theme---border); text-align: center; } .tag_wrap { border-radius: var(--radius--small); background-color: var(--_theme---text); color: var(--_theme---background); line-height: var(--_typography---line-height--small); text-align: center; min-width: 4rem; padding: .5rem .75rem; display: inline-block; } .styleguide_font_item { padding-top: var(--_spacing---space--5); padding-bottom: var(--_spacing---space--5); grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); border-bottom: var(--border-width--main) solid var(--_theme---border); flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: flex-start; display: flex; } .form_label_wrap { text-align: left; flex-flow: column; width: 100%; display: flex; position: relative; } .form_label_text { margin-bottom: var(--_spacing---space--1); display: inline-block; } .form_label_text:where(.w-variant-46933b79-cf19-81b4-bc00-8af5c19b08b3) { 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; } .form_label_text:where(.w-variant-e8e97384-daa0-7ce7-bc12-14efcd69bcd4) { margin-bottom: var(--_spacing---space--2); font-size: var(--_typography---font-size--text-large); font-weight: var(--_typography---font--primary-bold); } .form_wrap { flex-flow: wrap; width: 100%; margin-bottom: 0; display: flex; } .form_success_wrap { border: var(--border-width--main) solid var(--_theme---border); border-radius: var(--radius--main); background-color: var(--swatch--transparent); width: 100%; padding: 1.2rem; } .form_element { grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); flex-flow: column; width: 100%; display: flex; } .form_error_wrap { border: var(--border-width--main) solid var(--_theme---border); background-color: #0000; align-self: flex-start; width: 100%; margin-top: 0; padding: .8rem 1.4rem; } .form_field { border-top-style: solid; border-top-width: var(--border-width--main); border-top-color: #000; border-right-style: solid; border-right-width: var(--border-width--main); border-bottom-style: solid; border-right-color: #000; border-bottom-width: var(--border-width--main); border-bottom-color: #000; border-left-style: solid; border-left-width: var(--border-width--main); 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); 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-semi-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: 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); color: inherit; text-transform: var(--_text-style---text-transform, none); -webkit-appearance: none; appearance: none; border-left-color: #000; border-color: color-mix(in srgb, var(--_theme---border) calc(100% * var(--_trigger---on)), var(--_theme---text) calc(100% * var(--_trigger---off))); background-color: #0000; width: 100%; height: 3rem; margin-bottom: 0; padding: 0 .9rem; display: block; outline: none !important; } .form_field::placeholder { color: color-mix(in srgb, var(--_theme---text) 60%, transparent); } .form_field.is-textarea { width: 100%; min-width: 100%; max-width: 100%; height: auto; min-height: 5rem; padding-top: .5rem; padding-left: .9rem; padding-right: .9rem; } .button_main_element { grid-column-gap: .375rem; grid-row-gap: .375rem; text-align: center; vertical-align: middle; --_column-count---value: 1; --_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-style: solid; border-width: .063rem; 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))); border-radius: inherit; justify-content: center; align-items: center; height: 100%; padding: .75rem 1.125rem; line-height: 1; transition-property: all; transition-duration: .2s; transition-timing-function: ease; display: flex; position: relative; } .button_main_element:where(.w-variant-e85564cd-af30-a478-692b-71732aefb3ab) { --_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_element:where(.w-variant-625d5df4-ad91-f7dc-9e2f-2e69f3fd7400) { border-top-style: none; border-right-style: none; border-bottom-color: var(--_theme---text-link--border); color: color-mix(in srgb, var(--_theme---text-link--text) calc(100% * var(--_trigger---on)), var(--_theme---text-link--text-hover) calc(100% * var(--_trigger---off))); background-color: #0000; border-left-style: none; padding: .5rem 0; } .button_main_element:where(.w-variant-519f1c69-808d-2675-c5d5-517aee63a22f) { background-color: color-mix(in srgb, var(--swatch--light-100) calc(100% * var(--_trigger---on)), var(--swatch--light-200) calc(100% * var(--_trigger---off))); color: color-mix(in srgb, var(--swatch--dark-900) calc(100% * var(--_trigger---on)), var(--swatch--dark-900) calc(100% * var(--_trigger---off))); border-top-color: color-mix(in srgb, var(--swatch--light-100) calc(100% * var(--_trigger---on)), var(--swatch--light-200) calc(100% * var(--_trigger---off))); border-right-color: color-mix(in srgb, var(--swatch--light-100) calc(100% * var(--_trigger---on)), var(--swatch--light-200) calc(100% * var(--_trigger---off))); border-bottom-color: color-mix(in srgb, var(--swatch--light-100) calc(100% * var(--_trigger---on)), var(--swatch--light-200) calc(100% * var(--_trigger---off))); border-left-color: color-mix(in srgb, var(--swatch--light-100) calc(100% * var(--_trigger---on)), var(--swatch--light-200) calc(100% * var(--_trigger---off))); padding-left: 1.625rem; padding-right: 1.625rem; } .button_main_element:where(.w-variant-0f2fad9d-cdf0-5d6c-6d72-cbf4a6df1b14) { --_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); color: color-mix(in srgb, var(--_button-style---text) calc(100% * var(--_trigger---on)), var(--_button-style---text-hover) calc(100% * var(--_trigger---off))); min-width: 10.938rem; height: 3.75rem; padding-left: 2.188rem; padding-right: 2.188rem; } .button_main_element:where(.w-variant-16b90bf1-316b-6c12-e896-41d3a0156e72) { min-width: 10.938rem; height: 3.75rem; padding-left: 2.188rem; padding-right: 2.188rem; } .button_main_element:where(.w-variant-b6be1232-36c4-38c9-fb75-cc4b6892228f) { background-color: color-mix(in srgb, var(--swatch--light-100) calc(100% * var(--_trigger---on)), var(--swatch--light-200) calc(100% * var(--_trigger---off))); color: color-mix(in srgb, var(--swatch--dark-900) calc(100% * var(--_trigger---on)), var(--swatch--dark-900) calc(100% * var(--_trigger---off))); border-top-color: color-mix(in srgb, var(--swatch--light-100) calc(100% * var(--_trigger---on)), var(--swatch--light-200) calc(100% * var(--_trigger---off))); border-right-color: color-mix(in srgb, var(--swatch--light-100) calc(100% * var(--_trigger---on)), var(--swatch--light-200) calc(100% * var(--_trigger---off))); border-bottom-color: color-mix(in srgb, var(--swatch--light-100) calc(100% * var(--_trigger---on)), var(--swatch--light-200) calc(100% * var(--_trigger---off))); border-left-color: color-mix(in srgb, var(--swatch--light-100) calc(100% * var(--_trigger---on)), var(--swatch--light-200) calc(100% * var(--_trigger---off))); min-width: 10.938rem; height: 3.75rem; padding-left: 2.188rem; padding-right: 2.188rem; } .button_main_element.is-active:where(.w-variant-e85564cd-af30-a478-692b-71732aefb3ab) { color: var(--swatch--dark-900); background-color: #e5e5e5; border-color: #e5e5e5; } .button_main_text { font-size: .875rem; line-height: 1.5em; font-weight: var(--_typography---font--primary-medium); position: relative; } .button_main_text:where(.w-variant-16b90bf1-316b-6c12-e896-41d3a0156e72), .button_main_text:where(.w-variant-0f2fad9d-cdf0-5d6c-6d72-cbf4a6df1b14), .button_main_text:where(.w-variant-b6be1232-36c4-38c9-fb75-cc4b6892228f) { font-size: 1rem; } .button_toggle_element { width: var(--button-size--medium); 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); vertical-align: middle; --_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))); border-radius: inherit; justify-content: center; align-items: center; transition-property: all; transition-duration: .2s; transition-timing-function: ease; display: flex; position: relative; } .button_toggle_element:where(.w-variant-ab355ea0-b722-2f23-3507-f0290f710e57) { width: var(--button-size--medium); --_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_toggle_element:where(.w-variant-bb0688d1-65b6-14b6-81e5-21e2cd39bbda) { --_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_toggle_element:where(.w-variant-d47b6b31-1410-4123-4cbe-47472b6d649d) { width: var(--button-size--large); } .button_toggle_element:where(.w-variant-3970b3f9-2fa6-52d8-098a-2260caaa12bb) { width: var(--button-size--large); --_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_toggle_element:where(.w-variant-6c75cae2-0734-1bbf-191f-bfe0f8ed1797) { --_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_toggle_icon { aspect-ratio: 1; width: 36%; position: relative; } .page_wrap { flex-flow: column; min-height: 100svh; display: flex; overflow: clip; } .page_main { flex-flow: column; flex: 1; display: flex; } .styleguide_group { padding-top: var(--_spacing---space--7); grid-column-gap: var(--_spacing---space--5); grid-row-gap: var(--_spacing---space--5); flex-flow: column; display: flex; } .styleguide_visual { padding: var(--_spacing---space--1); aspect-ratio: 3 / 1.5; border: var(--border-width--main) solid var(--_theme---border); border-radius: var(--radius--small); text-align: center; flex-flow: column; justify-content: center; align-items: center; width: 100%; max-height: 7rem; display: flex; position: relative; overflow: hidden; } .styleguide_icon { width: 3rem; height: 3rem; } .hero_utility-page_wrap { text-align: center; } .hero_utility-page_contain { padding-top: var(--_spacing---section-space--page-top); padding-bottom: var(--_spacing---section-space--main); flex-flow: column; justify-content: center; align-items: center; min-height: 100svh; margin-bottom: 0; display: flex; } .hero_utility-page_content { grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); flex-flow: column; max-width: 26rem; margin-left: auto; margin-right: auto; display: flex; } .styleguide_contain { padding-top: var(--_spacing---section-space--small); padding-bottom: var(--_spacing---section-space--small); } .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; } .styleguide_list { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); flex-flow: column; align-items: stretch; display: flex; } .styleguide_card_visual { 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); opacity: .1; pointer-events: none; background-color: currentColor; width: 100%; min-width: 3rem; min-height: 3rem; padding: 0; } .styleguide_flex_wrap { aspect-ratio: 1; background-image: url('https://borisfx-com-res.cloudinary.com/image/upload/v1771358369/vegas/images/dots.svg'); background-position: 50%; background-repeat: no-repeat; background-size: 88%; flex-flow: column; width: 100%; display: flex; container-type: inline-size; } .styleguide_flex_dot { opacity: .1; pointer-events: none; background-color: currentColor; border-radius: 100vw; min-width: 16cqw; min-height: 16cqw; padding: 0; } .styleguide_scroll { padding-right: var(--site--margin); padding-left: var(--site--margin); 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; margin-right: calc(var(--site--margin) * -1); grid-template-rows: auto; grid-template-columns: minmax(15rem, 1fr); grid-auto-columns: minmax(16rem, 1fr); grid-auto-flow: column; justify-content: flex-start; align-items: flex-start; display: grid; overflow: auto clip; -webkit-mask-image: linear-gradient(to right, #0000, #000 3% 97%, #0000); mask-image: linear-gradient(to right, #0000, #000 3% 97%, #0000); } .styleguide_section { padding-top: var(--_spacing---space--8); } .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%; } .styleguide_layout { grid-column-gap: var(--site--gutter); grid-row-gap: var(--_spacing---space--8); flex-flow: column; grid-auto-columns: 1fr; align-items: start; } .styleguide_content { grid-column: 1 / span 8; width: 100%; } .styleguide_nav_card { 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); width: 100%; padding: 1rem; overflow: clip auto; } .styleguide_nav_list { border-left: var(--border-width--main) solid var(--_theme---border); } .styleguide_nav_item { margin-left: calc(var(--border-width--main) * -.5); } .styleguide_nav_link { outline-offset: var(--focus--offset-inner); padding-top: .125rem; padding-bottom: .125rem; padding-left: .75rem; display: block; } .styleguide_nav_link.w--current { border-left-style: solid; border-left-width: var(--border-width--main); border-left-color: currentColor; } .styleguide_nav_sub_list { overflow: hidden; } .styleguide_nav_sub_link { --_trigger---on: 1; --_trigger---off: 0; outline-offset: var(--focus--offset-inner); opacity: calc(1 - .4 * var(--_trigger---on)); padding: .125rem 1.1rem; line-height: 1.3em; display: block; } .styleguide_nav_sub_link.w--current { opacity: 1; } .styleguide_nav_sub_wrap { grid-template-rows: 0fr; grid-template-columns: minmax(0, 1fr); transition-property: all; transition-duration: .2s; transition-timing-function: ease; display: grid; } .button_toggle_pause { opacity: var(--_state---false); display: block; } .button_toggle_play { opacity: var(--_state---true); display: block; } .styleguide_card_inner { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); flex-flow: wrap; place-content: center; align-items: center; width: 100%; display: flex; } .styleguide_card_hidden { display: none; } .hero_utility-page_header { grid-column-gap: var(--_spacing---space--5); grid-row-gap: var(--_spacing---space--5); flex-flow: column; justify-content: center; align-items: center; display: flex; } .form_fieldset_wrap { align-items: inherit; justify-content: inherit; width: 100%; position: relative; container-type: inline-size; } .form_fieldset_list { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); align-items: stretch; justify-content: inherit; flex-flow: column; display: flex; } .form_fieldset_list:where(.w-variant-14c165fa-7397-02ef-8dc0-6e307b6c980f) { grid-column-gap: var(--site--gutter); grid-row-gap: var(--_spacing---space--2); grid-template-rows: auto; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-auto-columns: 1fr; display: grid; } .form_fieldset_list:where(.w-variant-5fdb0361-c340-58a0-00d3-b0e0b17257ad) { grid-column-gap: var(--site--gutter); grid-row-gap: var(--_spacing---space--2); grid-template-rows: auto; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); grid-auto-columns: 1fr; display: grid; } .form_fieldset_list:where(.w-variant-ccbf2df7-16d0-30d7-0afb-0df098785596) { justify-content: inherit; flex-flow: wrap; } .form_ui_label { grid-column-gap: .5rem; grid-row-gap: .5rem; font-weight: inherit; justify-content: flex-start; align-items: center; margin-bottom: 0; transition-property: all; transition-duration: .2s; transition-timing-function: ease; display: flex; position: relative; } .form_ui_label:where(.w-variant-e3978449-fef8-38a6-7f29-4e26ca4f8f53) { 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); border-top-color: color-mix(in srgb, var(--_theme---border) calc(100% * var(--_state---true)), var(--_theme---text) calc(100% * var(--_state---false))); border-right-color: color-mix(in srgb, var(--_theme---border) calc(100% * var(--_state---true)), var(--_theme---text) calc(100% * var(--_state---false))); border-bottom-color: color-mix(in srgb, var(--_theme---border) calc(100% * var(--_state---true)), var(--_theme---text) calc(100% * var(--_state---false))); border-left-color: color-mix(in srgb, var(--_theme---border) calc(100% * var(--_state---true)), var(--_theme---text) calc(100% * var(--_state---false))); background-color: color-mix(in srgb, var(--swatch--transparent) calc(100% * var(--_state---true)), var(--_theme---text) calc(100% * var(--_state---false))); color: color-mix(in srgb, currentColor calc(100% * var(--_state---true)), var(--_theme---background) calc(100% * var(--_state---false))); padding: .6rem 1rem .6rem .6rem; } .form_ui_input { z-index: 2; cursor: pointer; -webkit-appearance: none; appearance: none; outline-style: none; width: 100%; height: 100%; position: absolute; inset: 0%; } .form_ui_visual_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--small); border-top-right-radius: var(--radius--small); border-bottom-left-radius: var(--radius--small); border-bottom-right-radius: var(--radius--small); color: var(--_theme---background); border-top-color: color-mix(in srgb, var(--_theme---border) calc(100% * var(--_state---true)), var(--_theme---text) calc(100% * var(--_state---false))); border-right-color: color-mix(in srgb, var(--_theme---border) calc(100% * var(--_state---true)), var(--_theme---text) calc(100% * var(--_state---false))); border-bottom-color: color-mix(in srgb, var(--_theme---border) calc(100% * var(--_state---true)), var(--_theme---text) calc(100% * var(--_state---false))); border-left-color: color-mix(in srgb, var(--_theme---border) calc(100% * var(--_state---true)), var(--_theme---text) calc(100% * var(--_state---false))); background-color: color-mix(in srgb, var(--swatch--transparent) calc(100% * var(--_state---true)), var(--_theme---text) calc(100% * var(--_state---false))); flex: none; justify-content: center; align-items: center; width: 1.6rem; padding: 0; transition-property: all; transition-duration: .2s; transition-timing-function: ease; display: flex; } .form_ui_visual_wrap:where(.w-variant-05ff758a-80c8-4344-649b-149f87b62cc9) { aspect-ratio: auto; 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); background-color: color-mix(in srgb, var(--_theme---border) calc(100% * var(--_state---true)), var(--_theme---text) calc(100% * var(--_state---false))); border-style: none; justify-content: flex-start; align-items: center; width: 3.1rem; height: 1.6rem; padding: .2rem; } .form_ui_visual_wrap:where(.w-variant-e3978449-fef8-38a6-7f29-4e26ca4f8f53) { 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); background-color: color-mix(in srgb, var(--swatch--transparent) calc(100% * var(--_state---true)), var(--_theme---background) calc(100% * var(--_state---false))); color: color-mix(in srgb, currentColor calc(100% * var(--_state---true)), var(--_theme---text) calc(100% * var(--_state---false))); } .form_ui_visual_wrap:where(.w-variant-c18f59b8-0331-9f8c-c106-08818710cc20) { border-color: var(--_theme---border); border-radius: var(--radius--round); background-color: #0000; } .form_ui_visual_icon { opacity: var(--_state---false); width: 100%; display: block; overflow: visible !important; } .form_ui_visual_icon:where(.w-variant-05ff758a-80c8-4344-649b-149f87b62cc9), .form_ui_visual_icon:where(.w-variant-c18f59b8-0331-9f8c-c106-08818710cc20) { display: none; } .form_select_wrap { border-radius: 0; justify-content: flex-end; align-items: center; display: flex; position: relative; } .form_select_icon { pointer-events: none; width: .8em; margin-right: .9rem; display: block; position: absolute; overflow: visible !important; } .section_wrap:where(.w-variant-f3a81397-d460-3add-9beb-5ec7af47907a) { --_theme---background: var(--swatch--light-100); --_theme---text: var(--swatch--brand-text-dark); --_theme---background-2: var(--swatch--light-200); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: var(--swatch--brand-600); --_theme---border: var(--swatch--dark-900-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--_theme---text); --_theme---selection--background: var(--swatch--brand-500); --_theme---selection--text: var(--swatch--light-100); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--light-100); --_theme---button-primary--background-hover: var(--swatch--0052e6); --_theme---button-primary--border-hover: var(--swatch--0052e6); --_theme---button-primary--text-hover: var(--swatch--light-100); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--swatch--brand-text-dark); --_theme---button-secondary--text: var(--swatch--brand-text-dark); --_theme---button-secondary--background-hover: var(--swatch--dark-900-o20); --_theme---button-secondary--border-hover: var(--swatch--brand-text-dark); --_theme---button-secondary--text-hover: var(--swatch--brand-text-dark); } .section_wrap:where(.w-variant-b4d321b1-05d4-6b05-8ab2-dfbc2f41ee4e) { --_theme---background: var(--swatch--dark-900); --_theme---text: var(--swatch--brand-text); --_theme---background-2: var(--swatch--dark-800); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: var(--swatch--brand-500); --_theme---border: var(--swatch--light-100-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---selection--background: var(--swatch--brand-500); --_theme---selection--text: var(--swatch--light-100); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--light-100); --_theme---button-primary--background-hover: var(--swatch--0052e6); --_theme---button-primary--border-hover: var(--swatch--0052e6); --_theme---button-primary--text-hover: var(--swatch--light-100); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--swatch--light-100); --_theme---button-secondary--text: var(--swatch--eed); --_theme---button-secondary--background-hover: var(--swatch--light-100-o20); --_theme---button-secondary--border-hover: var(--swatch--light-100); --_theme---button-secondary--text-hover: var(--swatch--efd); } .section_wrap:where(.w-variant-bb2c68bd-fd74-aa1e-69b0-e84595dd4ec8) { --_theme---background: var(--swatch--brand-500); --_theme---text: var(--swatch--light-100); --_theme---background-2: var(--swatch--brand-600); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: color-mix(in srgb, var(--_theme---text), white 20%); --_theme---border: var(--swatch--brand-text-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--_theme---text); --_theme---selection--background: var(--swatch--brand-500); --_theme---selection--text: var(--swatch--light-100); --_theme---button-primary--background: var(--swatch--light-100); --_theme---button-primary--border: var(--swatch--light-100); --_theme---button-primary--text: var(--swatch--brand-500); --_theme---button-primary--background-hover: var(--swatch--light-100-o20); --_theme---button-primary--border-hover: var(--swatch--light-100); --_theme---button-primary--text-hover: var(--swatch--light-100); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--swatch--light-100); --_theme---button-secondary--text: var(--swatch--light-100); --_theme---button-secondary--background-hover: var(--swatch--light-100-o20); --_theme---button-secondary--border-hover: var(--swatch--light-100); --_theme---button-secondary--text-hover: var(--swatch--light-100); } .slider_bullet_list { grid-column-gap: 12px; grid-row-gap: 12px; justify-content: flex-start; align-items: center; display: flex; position: absolute; top: 50%; transform: translate(-50%, -50%); width: auto !important; left: 50% !important; } .slider_bullet_list.hidden-state { display: none; } .swiper-wrapper { display: flex; } .slider_bullet_item { aspect-ratio: 1; background-color: #fff6; border-radius: 100vw; width: .5rem; min-width: 0; padding: 0; } .slider_bullet_item.is-active { background-color: var(--swatch--light-100); transform: scale(1.4); } .slider_wrap { grid-column-gap: 0rem; grid-row-gap: 1.5rem; flex-flow: column; width: 100%; height: 100%; display: flex; } .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_controls { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); flex-flow: wrap; place-content: center space-between; align-items: center; display: flex; position: relative; } .slider_controls.hide-lg-md_show_xs { display: none; } .slider_button_layout { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); flex-flow: wrap; flex: 1; justify-content: space-between; 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%); } .card_primary_wrap { width: 100%; height: 100%; display: flex; } .card_primary_element { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); 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); background-color: var(--_theme---background-2); border-top-color: color-mix(in srgb, transparent calc(100% * var(--_trigger---on)), var(--_theme---text) calc(100% * var(--_trigger---off))); border-right-color: color-mix(in srgb, transparent calc(100% * var(--_trigger---on)), var(--_theme---text) calc(100% * var(--_trigger---off))); border-bottom-color: color-mix(in srgb, transparent calc(100% * var(--_trigger---on)), var(--_theme---text) calc(100% * var(--_trigger---off))); border-left-color: color-mix(in srgb, transparent calc(100% * var(--_trigger---on)), var(--_theme---text) calc(100% * var(--_trigger---off))); border-radius: inherit; padding-top: calc(var(--_spacing---space--7) * max(var(--_responsive---large), var(--_responsive---medium)) + var(--_spacing---space--5) * max(var(--_responsive---small), var(--_responsive---xsmall))); padding-left: calc(var(--_spacing---space--7) * max(var(--_responsive---large), var(--_responsive---medium)) + var(--_spacing---space--4) * max(var(--_responsive---small), var(--_responsive---xsmall))); padding-right: calc(var(--_spacing---space--7) * max(var(--_responsive---large), var(--_responsive---medium)) + var(--_spacing---space--4) * max(var(--_responsive---small), var(--_responsive---xsmall))); padding-bottom: calc(var(--_spacing---space--7) * max(var(--_responsive---large), var(--_responsive---medium)) + var(--_spacing---space--5) * max(var(--_responsive---small), var(--_responsive---xsmall))); flex-flow: column; align-items: stretch; width: 100%; transition-property: border-color; transition-duration: .2s; transition-timing-function: ease; display: flex; } .card_primary_element:where(.w-variant-51efa20c-c7be-48fe-973a-11367f19d622) { background-color: var(--_theme---background); color: var(--_theme---text); --_theme---background: var(--swatch--dark-900); --_theme---text: var(--swatch--brand-text); --_theme---background-2: var(--swatch--dark-800); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: var(--swatch--brand-500); --_theme---border: var(--swatch--light-100-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---selection--background: var(--swatch--brand-500); --_theme---selection--text: var(--swatch--light-100); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--light-100); --_theme---button-primary--background-hover: var(--swatch--0052e6); --_theme---button-primary--border-hover: var(--swatch--0052e6); --_theme---button-primary--text-hover: var(--swatch--light-100); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--swatch--light-100); --_theme---button-secondary--text: var(--swatch--eed); --_theme---button-secondary--background-hover: var(--swatch--light-100-o20); --_theme---button-secondary--border-hover: var(--swatch--light-100); --_theme---button-secondary--text-hover: var(--swatch--efd); border-style: none; } .card_primary_element:where(.w-variant-da648fa9-bbba-c8cb-e549-1d22cb8af97b) { background-color: var(--swatch--transparent); border-style: none; padding: 0; } .button_arrow_element { width: var(--button-size--medium); 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); vertical-align: middle; --_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))); border-radius: inherit; justify-content: center; align-items: center; transition-property: all; transition-duration: .2s; transition-timing-function: ease; display: flex; position: relative; } .button_arrow_element:where(.w-variant-ab355ea0-b722-2f23-3507-f0290f710e57) { --_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_element:where(.w-variant-bb0688d1-65b6-14b6-81e5-21e2cd39bbda) { width: var(--button-size--medium); --_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); border-width: 1.25px; border-radius: 10px; } .button_arrow_element:where(.w-variant-c144d67f-2c62-4dbf-0fd8-0b6056b717ec), .button_arrow_element:where(.w-variant-3970b3f9-2fa6-52d8-098a-2260caaa12bb) { --_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_element:where(.w-variant-d7d7e32c-ac47-de0c-eb2d-07f19dfa19d2) { width: var(--button-size--large); } .button_arrow_element:where(.w-variant-6c75cae2-0734-1bbf-191f-bfe0f8ed1797) { width: var(--button-size--large); --_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_element:where(.w-variant-c6d40e5e-3298-1af4-067d-37896ebd2a45) { --_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: 45%; position: relative; } .accordion_wrap { padding-top: 1px; } .accordion_toggle_icon { aspect-ratio: 1; color: var(--swatch--light-100); transform: rotate(calc(-180deg * var(--_state---false))); flex: none; width: 1.4rem; transition-property: transform; transition-duration: .2s; transition-timing-function: ease; } .accordion_content_wrap { width: 100%; display: none; position: relative; overflow: visible clip; } .accordion_content_padding { padding-top: 4px; } .accordion_toggle_heading { margin-top: 0; margin-bottom: 0; } .accordion_toggle_text { color: var(--swatch--light-100); } .accordion_toggle_button { grid-column-gap: var(--_spacing---space--1); grid-row-gap: var(--_spacing---space--1); outline-offset: var(--focus--offset-inner); justify-content: space-between; align-items: center; width: 100%; padding-top: 16px; padding-bottom: 12px; display: flex; } .nav_links_svg { transform: rotate(calc(-180deg * var(--_state---false))); flex: none; width: 1.6rem; margin-left: auto; transition-property: transform; transition-duration: .2s; transition-timing-function: ease; overflow: visible !important; } .nav_links_svg:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { display: none; } .nav_links_svg.language { margin-left: 0; } .nav_mobile_contain { max-width: var(--nav--max-width-outer); width: 100%; margin-left: auto; margin-right: auto; } .nav_banner_close_wrap { outline-offset: var(--focus--offset-inner); flex: none; justify-content: center; align-items: center; width: 100%; padding: 0; display: flex; position: relative; outline-color: var(--_theme---background) !important; } .nav_links_wrap { flex: 1; } .nav_links_wrap:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { flex-flow: row; flex: 1; justify-content: center; align-items: stretch; margin-left: 75px; display: flex; } .nav_banner_wrap { z-index: 0; background-color: var(--swatch--brand-500); pointer-events: auto; color: var(--swatch--light-100); font-size: var(--text-small--font-size); height: var(--nav--banner-height); position: relative; } .nav_links_item { display: flex; } .nav_links_item.language:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6), .nav_links_item.cart { display: none; } .nav_links_item.cart:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6), .nav_links_item.cart_mobile, .nav_links_item.cart_mobile:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { display: flex; align-items: center; justify-content: center; } .nav_dropdown_mega_content { position: relative; } .nav_dropdown_mega_content:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { background-color: var(--_theme---background-2); border-radius: 14px; margin-top: 5px; } .nav_dropdown_mega_contain { width: 100%; margin-left: auto; margin-right: auto; padding-bottom: 18px; position: relative; } .nav_dropdown_mega_contain:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { max-width: 100%; padding: 24px; } .nav_dropdown_mega_contain.search { padding-bottom: 0; } .nav_dropdown_main_scroll:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { padding-top: var(--_spacing---space--2); padding-right: var(--_spacing---space--3); padding-bottom: var(--_spacing---space--2); padding-left: var(--_spacing---space--2); background-color: var(--_theme---background-2); max-height: calc(100svh - var(--nav--height-total) - var(--nav--spacing-outer-vertical) * 2); border-radius: 14px; position: relative; overflow-x: hidden; overflow-y: auto !important; } .nav_component { z-index: 1000; background-color: var(--swatch--dark-900); pointer-events: none; position: sticky; inset: 0% 0% auto; container-type: inline-size; } .nav_component:has(.w-dropdown-list.w--open) { z-index: 1005 !important; } .nav_component:has(.w-nav-button.w--open) { z-index: 1015 !important; } .nav_component:where(.w-variant-dd866659-1d7d-6447-6461-66ca86ca367f) { position: fixed; } .nav_component:where(.w-variant-23141852-8ca0-35c8-91d3-27624d7a7e4c) { position: static; } .nav_dropdown_main_wrap { background-color: #0000; min-width: 0; position: relative; } .nav_dropdown_main_wrap:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { left: 0%; top: var(--nav--height); z-index: 1; width: 100%; min-width: 20rem; max-width: 20rem; margin-left: auto; margin-right: auto; padding-top: 5px; position: absolute; bottom: auto; right: 0%; } .nav_dropdown_backdrop { z-index: 0; opacity: 0; pointer-events: none; background-color: #000000b3; width: 100%; height: 100vh; transition-property: all; transition-duration: .3s; transition-timing-function: ease; display: none; position: absolute; inset: 0%; } .nav_search_field { font-size: inherit; color: var(--swatch--light-100); background-color: #0000; border-style: none; border-width: 0; border-radius: 0; width: 100%; min-width: 0; max-width: 100%; height: 2.9em; margin-bottom: 0; padding: 0 0; } .nav_dropdown_mega_layout { grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); } .nav_dropdown_mega_layout:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { grid-column-gap: var(--site--gutter); grid-row-gap: var(--_spacing---space--6); grid-template-rows: auto; grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr)); grid-auto-columns: 1fr; } .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: stretch; width: 100%; margin-left: auto; margin-right: auto; padding-top: 0; padding-bottom: 0; display: flex; position: static; } .nav_dropdown_component { z-index: 10010; width: 100%; height: 100%; margin-left: 0; margin-right: 0; position: static; } .nav_dropdown_link { z-index: 2; grid-column-gap: var(--_spacing---space--2); cursor: pointer; color: var(--swatch--light-100); font-size: var(--_typography---font-size--text-main); background-color: #0000; border-radius: 14px; flex: 1; justify-content: flex-start; align-items: center; width: 100%; margin-left: -12px; padding: 12px; transition-property: all; transition-duration: .3s; transition-timing-function: ease; display: flex; position: relative; outline-offset: var(--focus--offset-inner) !important; } .nav_dropdown_link:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { border-bottom-style: solid; border-bottom-width: 0; border-bottom-color: var(--_theme---border); font-size: inherit; padding-top: 10px; padding-bottom: 10px; display: block; } .nav_dropdown_link:hover { background-color: #262626; } .nav_mobile_menu_wrap { max-width: var(--nav--max-width-outer); padding-top: var(--nav--height); padding-right: var(--site--margin); padding-left: var(--site--margin); border-top-left-radius: var(--nav--radius); border-top-right-radius: var(--nav--radius); border-bottom-left-radius: var(--nav--radius); border-bottom-right-radius: var(--nav--radius); background-color: var(--_theme---nav--background); pointer-events: auto; text-align: left; width: 100%; margin-left: auto; margin-right: auto; inset: 0% 0% auto; transform: none !important; } .nav_links_search_icon { width: 1.5rem; } .nav_dropdown_text { transition: opacity .1s; } .nav_button_line { height: var(--nav--hamburger-thickness); pointer-events: auto; background-color: currentColor; flex: none; width: 100%; transition-property: all; transition-duration: .2s; transition-timing-function: ease; } .nav_button_line.is-1 { transform: translateY(calc((var(--nav--hamburger-thickness) * .5 + var(--nav--hamburger-gap) * .5) * var(--_state---false))) rotate(calc(-45deg * var(--_state---false))); } .nav_button_line.is-2 { transform: translateY(calc((var(--nav--hamburger-thickness) * -.5 + var(--nav--hamburger-gap) * -.5) * var(--_state---false))) rotate(calc(45deg * var(--_state---false))); } .nav_mobile_layout { z-index: 2; height: var(--nav--height); padding: 0px var(--site--margin); grid-column-gap: var(--_spacing---space--3); border-radius: var(--nav--radius); background-color: var(--_theme---nav--background); pointer-events: auto; justify-content: space-between; width: 100%; margin-left: auto; margin-right: auto; display: flex; position: relative; } .nav_menu_backdrop { z-index: 0; opacity: 0; pointer-events: none; background-color: #000; width: 100%; height: 100vh; transition-property: all; transition-duration: .3s; transition-timing-function: ease; display: block; position: absolute; inset: 0%; } .nav_banner_close_svg { width: 100%; overflow: visible !important; } .nav_screen-reader-text { 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; } .nav_buttons_item { z-index: 2; text-align: center; flex-flow: column; justify-content: center; align-items: flex-start; display: flex; position: relative; } .nav_buttons_item.is-main { margin-top: var(--_spacing---space--6); margin-bottom: var(--_spacing---space--3); } .nav_buttons_item.is-main:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { margin: 0px var(--_spacing---space--3); } .nav_links_link { z-index: 2; grid-column-gap: var(--_spacing---space--2); cursor: pointer; color: var(--swatch--light-100); border-bottom: 1px solid #262626; flex: 1; justify-content: flex-start; align-items: center; width: 100%; padding: 1.1rem 0; font-size: 1.25rem; display: flex; position: relative; outline-offset: var(--focus--offset-inner) !important; } .nav_links_link:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { opacity: calc(1 - .5 * var(--_trigger---off)); border-bottom-width: 0; height: 100%; padding: 0 .5rem; font-size: .938rem; transition-property: opacity; transition-duration: .3s; transition-timing-function: ease; } .nav_links_link.w--open { border-bottom-width: 0; } .nav_links_link.language, .nav_links_link.user, .nav_links_link.cart { grid-column-gap: var(--_spacing---space--1); border-bottom-width: 0; } .nav_links_link.cart_mobile { grid-column-gap: var(--_spacing---space--1); border-bottom-width: 0; padding-top: 0; padding-bottom: 0; } .nav_mobile_wrap { z-index: 1; background-color: #0000; position: relative; } .nav_banner_svg { transform: rotate(calc(-45deg * var(--_state---false))); width: 1rem; overflow: visible !important; } .nav_banner_link { grid-column-gap: var(--_spacing---space--2); grid-column-start: 2; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; outline-offset: var(--focus--offset-inner) !important; outline-color: var(--_theme---background) !important; } .nav_button_wrap { z-index: 2; color: var(--swatch--light-100); flex: none; width: 1.5rem; padding: 0; outline-width: var(--focus--width) !important; outline-color: var(--_theme---text) !important; outline-offset: var(--focus--offset-inner) !important; } .nav_button_wrap.w--open { color: var(--swatch--light-100); background-color: #0000; } .nav_dropdown_list { padding: 8px 12px; } .nav_dropdown_list:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { padding: 8px 0 0; } .nav_search_label { width: 100%; } .nav_mobile_logo { z-index: 2; outline-offset: var(--focus--offset-inner); color: var(--swatch--light-100); justify-content: flex-start; align-items: center; width: 5rem; display: flex; position: relative; } .nav_mobile_logo.w--current { color: var(--swatch--light-100); } .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_button_layout { grid-column-gap: var(--nav--hamburger-gap); grid-row-gap: var(--nav--hamburger-gap); pointer-events: none; flex-flow: column; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; position: relative; } .nav_actions_wrap { flex-flow: column; flex: none; display: flex; } .nav_actions_wrap:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { flex-flow: row; justify-content: flex-start; } .nav_search_btn_icon { width: 1.1rem; overflow: visible !important; } .nav_links_component { padding-bottom: var(--_spacing---space--8); grid-column-gap: var(--_spacing---space--3); flex-flow: column; flex: 1; display: flex; } .nav_links_component:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { flex-flow: row; padding-top: 0; padding-bottom: 0; display: flex; } .nav_dropdown_mega_scroll { position: relative; } .nav_dropdown_mega_scroll:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { max-height: calc(100svh - var(--nav--height-total) - var(--nav--spacing-outer-vertical) * 2); overflow: hidden auto; } .nav_banner_contain { grid-column-gap: var(--_spacing---space--4); grid-template-rows: auto; grid-template-columns: minmax(1.1rem, 1.1rem) minmax(0, 1fr) minmax(1.1rem, 1.1rem); grid-auto-columns: 1fr; width: 100%; height: 100%; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; display: grid; } .nav_dropdown_mega_wrap { z-index: 1; background-color: #0000; width: 100%; position: relative; inset: 0% auto auto 0%; } .nav_dropdown_mega_wrap:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { left: 0%; top: var(--nav--height); width: calc(100% - var(--nav--spacing-outer-horizontal) * 2); min-width: 0; max-width: 56.25rem; margin-left: auto; margin-right: auto; position: absolute; right: 0%; } .nav_links_text.user:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { display: none; } .nav_search_btn_wrap { outline-offset: var(--focus--offset-inner); justify-content: center; align-items: center; margin-left: -1rem; padding-left: 1rem; padding-right: 1rem; display: flex; } .nav_mobile_menu_scroll { max-height: calc(100svh - var(--nav--height-total) - var(--nav--spacing-outer-vertical) * 2); overflow: hidden auto; } .nav_links_locales_hide { display: none; } .nav_search_wrap { border-bottom-style: solid; border-bottom-width: var(--border-width--main); color: var(--swatch--light-100); border-bottom-color: color-mix(in srgb, var(--_theme---border) calc(100% * var(--_trigger---on)), var(--_theme---text) calc(100% * var(--_trigger---off))); margin-bottom: 0; padding-top: .5rem; padding-bottom: .5rem; display: flex; } .nav_desktop_wrap { z-index: 1; background-color: #0000; display: none; 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); color: var(--swatch--light-100); justify-content: flex-start; align-self: center; align-items: center; width: 110px; height: 32px; display: flex; position: relative; } .nav_desktop_logo.w--current { color: var(--swatch--light-100); } .modal_backdrop { background-color: color-mix(in srgb, var(--swatch--dark-900) 50%, var(--swatch--transparent)); width: 100%; height: 100vh; position: absolute; inset: 0% 0% auto; } .modal_scroll { padding-top: var(--_spacing---space--5); padding-right: var(--_spacing---space--5); padding-bottom: var(--_spacing---space--5); padding-left: var(--_spacing---space--5); grid-column-gap: var(--_spacing---space--5); grid-row-gap: var(--_spacing---space--5); border-radius: inherit; flex-flow: column; height: 100%; display: flex; position: relative; overflow: hidden auto; } .modal_scroll:where(.w-variant-abed2e46-044e-db8d-e420-f41a8503c278), .modal_scroll:where(.w-variant-ce8c84b8-072d-28eb-fa41-e255213771e0) { padding: var(--site--margin); } .modal_dialog { z-index: 1010; color: inherit; background-color: #0000; border-style: none; border-width: 0; width: 100%; max-width: none; height: 100vh; max-height: none; margin: 0; padding: 0; position: fixed; inset: 0% 0% auto; overflow: clip; } .modal_content { border-radius: var(--radius--main); background-color: var(--_theme---background-2); color: var(--_theme---text); width: 100%; max-width: 38rem; max-height: 100%; position: relative; } .modal_content:where(.w-variant-abed2e46-044e-db8d-e420-f41a8503c278) { border-radius: 0; max-width: none; height: 100vh; } .modal_content:where(.w-variant-ce8c84b8-072d-28eb-fa41-e255213771e0) { border-radius: 0; max-width: 31rem; height: 100vh; } .modal_inner { padding: var(--site--margin); flex-flow: column; justify-content: center; align-items: center; width: 100%; height: 100dvh; display: flex; } .modal_inner:where(.w-variant-abed2e46-044e-db8d-e420-f41a8503c278) { padding: 0; } .modal_inner:where(.w-variant-ce8c84b8-072d-28eb-fa41-e255213771e0) { justify-content: center; align-items: flex-end; padding: 0; } .modal_slot { flex-flow: column; flex: 1; justify-content: center; width: 100%; margin-left: auto; margin-right: auto; display: flex; } .modal_slot:where(.w-variant-abed2e46-044e-db8d-e420-f41a8503c278), .modal_slot:where(.w-variant-ce8c84b8-072d-28eb-fa41-e255213771e0) { max-width: var(--max-width--main); } .button_close_element { width: var(--button-size--medium); 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); vertical-align: middle; --_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))); border-radius: inherit; justify-content: center; align-items: center; transition-property: all; transition-duration: .2s; transition-timing-function: ease; display: flex; position: relative; } .button_close_element:where(.w-variant-ab355ea0-b722-2f23-3507-f0290f710e57), .button_close_element:where(.w-variant-bb0688d1-65b6-14b6-81e5-21e2cd39bbda) { --_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_close_element:where(.w-variant-c144d67f-2c62-4dbf-0fd8-0b6056b717ec) { width: var(--button-size--medium); --_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_close_element:where(.w-variant-3970b3f9-2fa6-52d8-098a-2260caaa12bb), .button_close_element:where(.w-variant-6c75cae2-0734-1bbf-191f-bfe0f8ed1797) { --_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_close_element:where(.w-variant-7198e0ca-f9f4-9662-3fe9-d7114404c9cb) { width: var(--button-size--large); } .button_close_element:where(.w-variant-c6d40e5e-3298-1af4-067d-37896ebd2a45) { width: var(--button-size--large); --_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_close_icon { aspect-ratio: 1; width: 36%; position: relative; } .footer_bottom_contain.u-container { grid-column-gap: var(--_spacing---space--7); grid-row-gap: var(--_spacing---space--7); } .footer_contain { padding-top: var(--_spacing---section-space--main); padding-bottom: var(--_spacing---section-space--main); } .footer_content { grid-column-gap: var(--site--gutter); grid-row-gap: inherit; flex: auto; grid-column: span 4; grid-template-rows: auto; grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr)); grid-auto-columns: 1fr; height: 100%; display: grid; } .footer_social_link { width: 2.5rem; padding: .5rem; display: block; } .footer_social_list { flex-flow: wrap; place-content: center flex-start; align-items: center; margin: -.5rem; display: flex; } .footer_logo_wrap { align-self: start; width: 8rem; } .footer_bottom_list { flex-flow: wrap; place-content: center flex-start; align-items: center; margin: -.5rem; display: flex; } .footer_social_wrap { margin-top: auto; } .footer_layout { grid-row-gap: var(--_spacing---space--8); flex-flow: column; justify-content: space-between; align-items: stretch; } .footer_bottom_link_wrap { opacity: calc(1 - .5 * var(--_trigger---off)); padding: .5rem; transition-property: opacity; transition-duration: .1s; transition-timing-function: ease; } .footer_bottom_layout { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); border-top: var(--border-width--main) solid var(--_theme---border); flex-flow: wrap; place-content: center space-between; align-items: center; padding-top: 2.5rem; padding-bottom: 2.5rem; display: flex; } .footer_group_item { display: flex; } .footer_group_list { flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .footer_bottom_item { display: flex; } .footer_link_wrap { padding-top: var(--_spacing---space--2); padding-bottom: var(--_spacing---space--2); opacity: calc(1 - .5 * var(--_trigger---off)); transition-property: opacity; transition-duration: .1s; transition-timing-function: ease; } .modal_close { z-index: 2; align-self: flex-end; position: sticky; inset: 0 auto auto 0%; } .tab_control_wrap { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); flex-flow: wrap; justify-content: space-between; align-items: center; display: flex; } .tab_button_item { padding-top: var(--_spacing---space--4); padding-right: var(--_spacing---space--4); padding-bottom: var(--_spacing---space--4); padding-left: var(--_spacing---space--4); border-bottom-style: solid; border-bottom-width: var(--border-width--main); border-bottom-color: var(--_theme---border); text-align: center; cursor: pointer; outline-offset: var(--focus--offset-inner); outline-width: var(--focus--width); width: 100%; min-width: 10rem; position: relative; } .tab_button_item:where(.w-variant-8ffc88d1-7ba2-15f6-9b67-306f6d86c1bd) { padding-top: var(--_spacing---space--3); padding-bottom: var(--_spacing---space--3); border-top-style: solid; border-top-width: 1px; border-top-color: var(--_theme---border); border-right-style: solid; border-right-width: 1px; border-right-color: var(--_theme---border); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: var(--_theme---border); border-left-style: solid; border-left-width: 1px; border-left-color: var(--_theme---border); 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); background-color: color-mix(in srgb, transparent calc(100% * var(--_state---true)), var(--_theme---text) calc(100% * var(--_state---false))); color: color-mix(in srgb, currentColor calc(100% * var(--_state---true)), var(--_theme---background) calc(100% * var(--_state---false))); flex-flow: column; flex: none; justify-content: center; align-items: center; width: auto; min-width: auto; display: flex; } .tab_button_list { padding-right: var(--site--margin); padding-left: var(--site--margin); grid-column-gap: .5rem; grid-row-gap: .5rem; margin-left: calc(var(--site--margin) * -1); margin-right: calc(var(--site--margin) * -1); display: flex; overflow: auto clip; } .tab_button_list:where(.w-variant-490ac534-1fb5-5322-5b2f-0dc20ea2f909) { flex-direction: var(--row-medium, column); align-items: start; } .tab_content_list { grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); flex-flow: column; display: flex; position: relative; } .tab_button_text { opacity: calc(1 - .3 * var(--_state---true)); } .tab_button_text.u-text-style-main { font-weight: calc(var(--_typography---font--primary-regular) * var(--_state---true) + var(--_typography---font--primary-bold) * var(--_state---false)); } .tab_wrap { grid-column-gap: var(--site--gutter); grid-row-gap: var(--_spacing---space--5); flex-flow: column; display: flex; } .tab_wrap:where(.w-variant-490ac534-1fb5-5322-5b2f-0dc20ea2f909) { display: var(--flex-medium, grid); flex-flow: column; grid-template-columns: repeat(12, minmax(0, 1fr)); } .tab_button_line { height: var(--border-width--main); opacity: var(--_state---false); width: calc(100% * var(--progress, 1)); background-color: currentColor; position: absolute; inset: auto auto 0% 0%; transform: translate(0, 100%); } .tab_button_line:where(.w-variant-8ffc88d1-7ba2-15f6-9b67-306f6d86c1bd) { width: calc(100% * var(--progress, 0)); border-radius: inherit; background-color: color-mix(in srgb, currentColor 10%, transparent); height: 100%; inset: 0% auto 0% 0%; transform: none; } .tab_content_wrap { padding-right: var(--site--margin); padding-left: var(--site--margin); margin-left: calc(var(--site--margin) * -1); margin-right: calc(var(--site--margin) * -1); overflow-x: clip; } .tab_arrow_wrap { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); flex-flow: wrap; justify-content: flex-start; align-items: center; display: flex; } .card_primary_image { transform: scale(calc(1 + .1 * var(--_trigger---off))); height: 100%; transition-property: transform; transition-duration: .3s; transition-timing-function: ease; position: absolute; inset: 0%; } .card_primary_image:where(.w-variant-51efa20c-c7be-48fe-973a-11367f19d622) { display: block; } .card_primary_group { border-radius: var(--radius--main); width: 100%; display: flex; position: relative; } .card_primary_group:where(.w-variant-da648fa9-bbba-c8cb-e549-1d22cb8af97b) { border-radius: 0; } .card_primary_visual { z-index: 1; border-radius: inherit; display: none; position: relative; overflow: clip; } .card_primary_visual:where(.w-variant-51efa20c-c7be-48fe-973a-11367f19d622) { opacity: .6; width: 100%; height: 100%; display: block; position: absolute; inset: 0%; } .card_primary_visual:where(.w-variant-da648fa9-bbba-c8cb-e549-1d22cb8af97b) { aspect-ratio: 16 / 9; border-radius: var(--radius--small); background-color: var(--_theme---background-skeleton); display: block; } .card_primary_title { margin-bottom: var(--_text-style---margin-bottom); } .card_primary_title.u-text-style-h4:where(.w-variant-da648fa9-bbba-c8cb-e549-1d22cb8af97b) { margin-bottom: var(--_spacing---space--3); --_text-style---font-family: var(--_typography---font--primary-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-semi-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_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); } .card_primary_content { z-index: 1; position: relative; } .button_main_wrap { border-radius: 14px; display: inline-block; position: relative; } .button_main_wrap:where(.w-variant-625d5df4-ad91-f7dc-9e2f-2e69f3fd7400) { border-radius: 0; } .button_toggle_wrap, .button_arrow_wrap, .button_close_wrap { border-radius: var(--radius--round); display: inline-block; position: relative; } .button_main_icon { aspect-ratio: 1; flex-flow: column; flex: none; justify-content: center; align-items: center; width: 1.25rem; display: flex; } .form_range_input { border-radius: inherit; background-color: #0000; width: 100%; height: .7rem; display: block; } .form_range_element { border-radius: var(--radius--round); background-color: var(--_theme---background-2); margin-top: .3rem; display: block; position: relative; } .form_range_fill { background-color: var(--_theme---text); pointer-events: none; width: calc(var(--progress) * 100% + var(--thumb-size) * -1 * (var(--progress) - .5)); border-top-left-radius: inherit; border-bottom-left-radius: inherit; height: 100%; position: absolute; inset: 0% auto 0% 0%; } .form_range_thumb_wrap { pointer-events: none; transform: translateX(calc((var(--progress) - .5) * 100% - (var(--progress) - .5) * var(--thumb-size))); flex-flow: column; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; position: absolute; inset: 0%; } .form_range_thumb_element { aspect-ratio: 1; border-top-style: solid; border-top-width: .3rem; border-top-color: var(--_theme---text); border-right-style: solid; border-right-width: .3rem; border-right-color: var(--_theme---text); border-bottom-style: solid; border-bottom-width: .3rem; border-bottom-color: var(--_theme---text); border-left-style: solid; border-left-width: .3rem; border-left-color: var(--_theme---text); background-color: var(--_theme---background); width: var(--thumb-size); border-radius: var(--thumb-radius); } .form_range_output_wrap { pointer-events: none; transform: translateX(calc((var(--progress) - .5) * 100% - (var(--progress) - .5) * var(--thumb-size))); justify-content: center; align-items: center; padding-top: 1rem; display: flex; } .form_range_output_element { border-radius: var(--radius--small); background-color: var(--_theme---background-2); pointer-events: auto; padding: .1rem .6rem; } .tab_left { grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); flex-flow: column; display: flex; } .tab_left:where(.w-variant-490ac534-1fb5-5322-5b2f-0dc20ea2f909) { grid-column: span 3; } .tab_right { grid-column-gap: var(--_spacing---space--5); grid-row-gap: var(--_spacing---space--5); flex-flow: column; display: flex; } .tab_right:where(.w-variant-490ac534-1fb5-5322-5b2f-0dc20ea2f909) { grid-column: span 9; } .form_ui_visual_inner { width: 63%; height: auto; transition: all .2s; } .form_ui_visual_inner:where(.w-variant-05ff758a-80c8-4344-649b-149f87b62cc9) { 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); background-color: color-mix(in srgb, var(--_theme---background) calc(100% * var(--_state---true)), var(--_theme---background) calc(100% * var(--_state---false))); transform: translateX(calc(43% * var(--_state---false))); width: 70%; height: 100%; } .form_ui_visual_inner:where(.w-variant-c18f59b8-0331-9f8c-c106-08818710cc20) { background-color: var(--_theme---text); opacity: var(--_state---false); border-radius: inherit; width: 70%; height: 70%; } .styleguide_nav_wrap { top: var(--site--margin); max-height: calc(100svh - var(--site--margin) * 2); order: 1; grid-column: 10 / -1; display: flex; position: sticky; } .button_main_line { height: var(--border-width--main); pointer-events: none; transform: translateY(100%) scaleX(calc(100% * var(--_trigger---off))); transform-origin: calc(100% * var(--_trigger---on)) 100%; transition-property: transform; transition-duration: .3s; transition-timing-function: cubic-bezier(.25, .46, .45, .94); position: absolute; inset: auto 0% 0%; } .button_main_line:where(.w-variant-625d5df4-ad91-f7dc-9e2f-2e69f3fd7400) { background-color: var(--_theme---text-link--border-hover); } .form_component { flex-flow: row; display: flex; } .utility-page-wrap { justify-content: center; align-items: center; width: 100vw; max-width: 100%; height: 100vh; max-height: 100%; display: flex; } .utility-page-content { text-align: center; flex-direction: column; width: 260px; display: flex; } .utility-page-form { flex-direction: column; align-items: stretch; display: flex; } .footer_cta { background-image: url('https://borisfx-com-res.cloudinary.com/image/upload/v1771358369/vegas/images/Footer-CTA-BG-Image.avif'); background-position: 50% 100%; background-repeat: no-repeat; background-size: cover; height: clamp(21.25rem, 18.0882rem + 11.7647vw, 27.5rem); } .footer_bottom { padding-bottom: 40px; } .footer_cta_contain { padding-top: 40px; } .footer_cta_content { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); flex-flow: column; align-items: center; display: flex; } .footer_cta_heading { color: var(--swatch--light-100); font-size: var(--_spacing---space--7); line-height: var(--_typography---line-height--huge); font-weight: var(--_typography---font--primary-semi-bold); text-align: center; max-width: 621px; margin-left: auto; margin-right: auto; } .footer_cta_sub_heading { color: #FFF; font-size: 20px; line-height: var(--_typography---line-height--huge); font-style: normal; font-weight: 600; text-align: center; max-width: 520px; margin-left: auto; margin-right: auto; } .footer_bottom_legal { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); flex-flow: column; display: flex; } .footer_bottom_info { grid-column-gap: 12px; grid-row-gap: 12px; flex-flow: column; align-items: center; width: 100%; max-width: 800px; margin-left: auto; margin-right: auto; display: flex; } .footer_bottom_links { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; } .footer_bottom_links.u-grid-autofit { grid-column-gap: var(--_spacing---space--7); grid-row-gap: var(--_spacing---space--7); grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; } .footer_bottom_info_title { color: var(--swatch--light-100); font-weight: var(--_typography---font--primary-semi-bold); text-align: center; } .toggle_icon_box { grid-column-gap: 4px; grid-row-gap: 4px; font-weight: var(--_text-style---font-weight); flex-flow: row; justify-content: flex-start; align-items: center; display: flex; } .text-block { color: var(--swatch--light-100); font-weight: var(--_typography---font--primary-medium); } .toggle_icon { width: 24px; height: 24px; } .footer_bottom_links_wrap { grid-column-gap: 12px; grid-row-gap: 12px; flex-flow: column; display: flex; } .footer_bottom_links_title { color: var(--swatch--light-100); font-weight: var(--_typography---font--primary-semi-bold); } .footer_bottom_link_item { opacity: calc(1 - .5 * var(--_trigger---off)); align-self: flex-start; padding-bottom: .375rem; text-decoration: none; transition-property: opacity; transition-duration: .3s; transition-timing-function: ease; } .footer_bottom_link_item.u-text-style-small, .footer_bottom_link_item.last { padding-bottom: 0; } .footer_bottom_links_group { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); flex-flow: column; display: flex; } .footer_logo_link { color: #fff; align-self: flex-start; height: 20px; } .footer_bottom_line { background-color: var(--swatch--brand-text); height: .84px; } .footer_bottom_legal_links { grid-column-gap: 8px; grid-row-gap: 8px; flex-flow: column; display: flex; } .footer_bottom_legal_links_group { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); flex-flow: wrap; justify-content: space-between; align-items: center; display: flex; } .footer_bottom_legal_text { font-size: var(--_typography---font-size--text-small); } .footer_bottom_links_legal { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); flex-flow: wrap; display: flex; } .choose_country { grid-column-gap: 8px; grid-row-gap: 8px; font-size: var(--_typography---font-size--text-small); color: #fff; flex: none; align-items: center; width: -moz-fit-content; width: fit-content; display: flex; } .country_flag { color: var(--swatch--transparent); width: 34.2%; height: 18px; } .choose_country_text { flex: none; } .social_link { width: 24px; height: 24px; transition: all .3s; } .social_link:hover { transform: scale(1.15); } .footer_bottom_social_links { grid-column-gap: 8px; grid-row-gap: 8px; flex-flow: wrap; align-items: center; transition: opacity .3s; display: flex; } .social_link_icon { transition: opacity .3s; } .get_started_section { padding-top: var(--_spacing---section-space--pad-top); padding-bottom: var(--_spacing---section-space--pad-bottom); } .get_started_contain.u-container { grid-column-gap: var(--_spacing---space--7); grid-row-gap: var(--_spacing---space--7); } .section_headline { color: var(--swatch--light-100); } .get_started_content.u-grid-autofit { --_column-count---value: 3; --_gap---size: var(--_spacing---space--2); } .content_box_v1 { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); flex-flow: column; align-items: flex-start; display: flex; } .content_box_v1.v2 { align-items: center; } .content_box_image { 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); aspect-ratio: inherit; } .content_box_details { grid-column-gap: var(--_spacing---space--1); grid-row-gap: var(--_spacing---space--1); flex-flow: column; display: flex; } .content_box_title { color: var(--swatch--light-100); font-size: var(--_typography---font-size--subtitle); font-weight: var(--_typography---font--primary-semi-bold); } .content_box_title.v2 { font-size: clamp(1.25rem, 1.1868rem + .2353vw, 1.375rem); } .creative_tools_section { padding-top: var(--_spacing---section-space--pad-top); padding-bottom: var(--_spacing---section-space--pad-bottom); } .creative_tools_contain.u-container { grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); } .section_heading_wrap { grid-column-gap: var(--_spacing---space--1); grid-row-gap: var(--_spacing---space--1); flex-flow: column; max-width: 800px; margin-left: auto; margin-right: auto; display: flex; } .creative_tools_content { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); flex-flow: column; display: flex; } .creative_tools_subgrid.u-grid-autofit { --_column-count---value: 2; } .creative_tools_card { border-top-left-radius: var(--radius--big); border-top-right-radius: var(--radius--big); border-bottom-left-radius: var(--radius--big); border-bottom-right-radius: var(--radius--big); height: clamp(22.5rem, 15.7292rem + 33.8542vw, 42.8125rem); } .creative_tools_card.vp { background-image: url('https://borisfx-com-res.cloudinary.com/image/upload/v1771358369/vegas/images/Vegas-Pro-Bg.avif'); background-position: 50%; background-repeat: no-repeat; background-size: cover; } .creative_tools_card.sfp { background-image: url('https://borisfx-com-res.cloudinary.com/image/upload/v1771358369/vegas/images/Sound-Forge-Pro.avif'); background-position: 50%; background-repeat: no-repeat; background-size: cover; } .creative_tools_card.ap { background-image: url('https://borisfx-com-res.cloudinary.com/image/upload/v1771358369/vegas/images/Acid-Pro-Setup.avif'); background-position: 50%; background-repeat: no-repeat; background-size: cover; } .creative_tools_card_content { padding-top: var(--_spacing---space--7); grid-column-gap: var(--_spacing---space--7); grid-row-gap: var(--_spacing---space--7); flex-flow: column; justify-content: space-between; align-items: center; height: 100%; display: flex; } .creative_tools_desc { padding-bottom: var(--_spacing---space--1); color: var(--swatch--light-100); } .creative_tools_name { margin-bottom: var(--_spacing---space--2); grid-column-gap: 6px; grid-row-gap: 6px; justify-content: center; align-items: center; display: flex; } .creative_tools_icon { object-fit: contain; width: 28px; height: 28px; } .creative_tools_product-name { color: var(--swatch--light-100); font-size: var(--_typography---font-size--subtitle); font-weight: var(--_typography---font--primary-semi-bold); } .creative_tools_card_image { object-fit: contain; flex-flow: column; justify-content: flex-end; align-items: center; width: 100%; max-width: 700px; height: auto; display: flex; overflow: hidden; } .hero_section { padding-bottom: var(--_spacing---section-space--pad-bottom); padding-top: clamp(7.625rem, 5.5417rem + 10.4167vw, 13.875rem); position: relative; } .hero_content { flex-flow: column; align-items: center; max-width: 800px; margin-left: auto; margin-right: auto; display: flex; } .hero_video { aspect-ratio: 2.39; border-radius: var(--radius--big); width: 100%; height: 100%; position: relative; overflow: hidden; } .hero_heading { margin-bottom: var(--_spacing---space--1); color: var(--swatch--light-100); } .hero_heading.u-text-style-h1.u-alignment-center { margin-bottom: var(--_spacing---space--1); } .hero_desc { margin-bottom: var(--_spacing---space--2); } .hero_bg { max-width: 1920px; height: 100%; margin-left: auto; margin-right: auto; position: absolute; inset: 0% 0% auto; overflow: hidden; } .hero_bg.fade-in.u-pointer-off.mobile { display: none; } .hero_bg.fade-in.u-pointer-off.vegas-pro { height: auto; top: 0%; } .hero_bg.fade-in.u-pointer-off.whats-new { object-position: 50% 100%; max-width: 1920px; height: 744px; } .hero_bg.fade-in.u-pointer-off.home { height: 200%; inset: 0% 0% auto; } .hero_bg.fade-in.u-pointer-off.sfp { top: var(--nav--height); } .hero_bg.fade-in.u-pointer-off.acid-pro { top: var(--nav--height); object-position: 50% 100%; height: 850px; } .hero_bg.fade-in.u-pointer-off.acid-pro-mobile { top: var(--nav--height); height: 850px; display: none; } .hero_bg_wrap { width: 100%; height: 0; position: static; } .hero_bg_wrap.home { height: 100%; position: relative; } .nav_dropdown_mega_title { color: var(--swatch--light-100); font-size: var(--_typography---font-size--subtitle); font-weight: var(--_typography---font--primary-semi-bold); margin-bottom: 0; display: none; } .nav_dropdown_mega_title:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { margin-bottom: clamp(1.25rem, 1.1667rem + .4167vw, 1.5rem); display: block; } .nav_dropdown_mega_title.v2:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { margin-bottom: 10px; } .products_wrapper.u-grid-autofit { --_column-count---value: 1; --_gap---size: var(--_spacing---space--2); } .products_wrapper.u-grid-autofit:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { --_column-count---value: 3; } .product_item { padding-left: 12px; } .product_item:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { padding-left: 0; } .product_item_card { background-color: #0000; border-radius: 0; flex-flow: column; align-items: flex-start; padding: 0; display: flex; } .product_item_card:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { background-color: #262626; border-radius: 14px; align-items: center; padding: 12px; transition: all .3s; } .product_item_card:hover:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { opacity: .85; } .product_item_title { grid-column-gap: 10px; grid-row-gap: 10px; align-items: center; display: flex; } .product_item_icon { width: 24px; height: 24px; } .product_item_span { font-size: 1.125rem; font-weight: var(--_typography---font--primary-medium); color: var(--swatch--light-100); } .product_item_image { border-radius: 14px; margin-top: 0; display: none; } .product_item_image:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { margin-top: var(--_spacing---space--1); display: block; } .nav_dropdown_mega_footer { grid-column-gap: 0px; grid-row-gap: 0px; border-top: 0px solid var(--swatch--262626); flex-flow: column; margin-top: 0; padding-top: 0; padding-left: 12px; display: flex; } .nav_dropdown_mega_footer:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { margin-top: var(--_spacing---space--7); padding-top: var(--_spacing---space--1); grid-column-gap: 20px; grid-row-gap: 20px; border-top-width: 1px; flex-flow: wrap; justify-content: flex-start; align-items: center; } .icon_text_btn { grid-column-gap: 10px; grid-row-gap: 10px; font-weight: var(--_typography---font--primary-medium); color: var(--swatch--light-100); align-items: center; padding: 10px 0; text-decoration: none; display: flex; } .icon_text_btn:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { padding: 0; } .icon_text_btn:hover { text-decoration: underline; } .icon_text_btn_wrap { grid-column-gap: 10px; grid-row-gap: 10px; font-weight: var(--_typography---font--primary-medium); color: var(--swatch--light-100); align-self: flex-start; align-items: center; text-decoration: none; display: flex; } .icon_text_btn_wrap:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { transition: all .3s; } .icon_text_btn_wrap:hover { text-decoration: underline; } .icon_text_svg { width: 18px; } .icon_text_span:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { transition: all .3s; } .nav_links_language_icon { width: 20px; } .nav_links_user_icon, .nav_links_cart_icon { width: 1.5rem; } .nav_mobile_cart { align-self: center; margin-left: auto; padding-right: 10px; } .nav_links_cart_icon_mobile { width: 1.7rem; } .footer_bottom_link_group { flex-flow: column; display: flex; } .faq_section { padding-top: var(--_spacing---section-space--pad-top); padding-bottom: var(--_spacing---section-space--pad-bottom); } .faq_content { grid-column-gap: clamp(2.5rem, 0rem + 12.5vw, 10rem); grid-row-gap: clamp(2.5rem, 0rem + 12.5vw, 10rem); flex-flow: row; justify-content: space-between; display: flex; } .faq_content_title { width: 100%; max-width: 400px; } .faq_content_items { width: 100%; } .navbar_product_page { z-index: 1001; padding-right: var(--site--margin); padding-left: var(--site--margin); border-bottom: 1px solid var(--4e4e4f); position: sticky; top: 0%; } .navbar-logo-left-container { max-width: var(--max-width--main); background-color: #0000; width: 100%; margin-left: auto; margin-right: auto; padding-bottom: 0; } .navbar-logo-left-container.shadow-three { width: 100%; max-width: 1140px; margin-bottom: 0; padding-top: 20px; padding-bottom: 20px; } .container { width: 100%; margin-left: auto; margin-right: auto; } .navbar-wrapper { grid-column-gap: 20px; grid-row-gap: 20px; justify-content: space-between; align-items: center; display: flex; } .navbar_brand { grid-column-gap: 8px; grid-row-gap: 8px; flex: none; display: flex; } .navbar_brand.w--current { grid-column-gap: 8px; grid-row-gap: 8px; flex: none; justify-content: flex-start; align-items: center; display: flex; } .nav-menu-wrapper { align-self: stretch; width: 100%; } .nav-menu-wrapper.sfp { display: flex; } .nav-menu-two { grid-column-gap: 0px; grid-row-gap: 0px; justify-content: center; align-items: center; width: 100%; height: 100%; margin-bottom: 0; display: flex; } .nav-link { border-bottom: 1px solid var(--swatch--transparent); color: var(--swatch--brand-text); font-size: 14px; line-height: 18px; font-weight: var(--_typography---font--primary-medium); letter-spacing: .25px; flex-flow: column; justify-content: center; align-items: stretch; height: 100%; margin-right: 16px; padding-bottom: 5px; text-decoration: none; transition: all .4s; display: flex; } .nav-link:hover { border-bottom-color: var(--swatch--light-100); color: var(--swatch--light-100); } .nav-link:focus-visible, .nav-link[data-wf-focus-visible] { border-bottom-color: var(--swatch--light-100); outline-color: var(--swatch--transparent); outline-offset: 0px; color: var(--swatch--light-100); border-radius: 0; outline-width: 2px; outline-style: solid; } .nav-link.w--current { border-bottom-color: var(--swatch--light-100); color: var(--swatch--light-100); } .nav-link.last { margin-right: 0; } .nav-dropdown { margin-left: 5px; margin-right: 5px; } .nav-dropdown-toggle { letter-spacing: .25px; padding: 5px 30px 5px 10px; font-size: 14px; line-height: 20px; } .nav-dropdown-toggle:hover { color: #1a1b1fbf; } .nav-dropdown-toggle:focus-visible, .nav-dropdown-toggle[data-wf-focus-visible] { outline-offset: 0px; color: #0050bd; border-radius: 5px; outline: 2px solid #0050bd; } .nav-dropdown-icon { margin-right: 10px; } .nav-dropdown-list { background-color: #fff; border-radius: 12px; } .nav-dropdown-list.w--open { padding-top: 10px; padding-bottom: 10px; } .nav-dropdown-link { padding-top: 5px; padding-bottom: 5px; font-size: 14px; } .nav-dropdown-link:focus-visible, .nav-dropdown-link[data-wf-focus-visible] { outline-offset: 0px; color: #0050bd; border-radius: 5px; outline: 2px solid #0050bd; } .nav-divider { background-color: #e4ebf3; width: 1px; height: 22px; margin-left: 15px; margin-right: 15px; } .nav-link-accent { color: #1a1b1f; letter-spacing: .25px; margin-left: 5px; margin-right: 20px; padding: 5px 10px; font-size: 14px; font-weight: 700; line-height: 20px; text-decoration: none; } .nav-link-accent:hover { color: #1a1b1fbf; } .button-primary { color: #fff; letter-spacing: 2px; text-transform: uppercase; background-color: #1a1b1f; padding: 12px 25px; font-size: 12px; line-height: 20px; transition: all .2s; } .button-primary:hover { color: #fff; background-color: #32343a; } .button-primary:active { background-color: #43464d; } .navbar_brand_text { font-weight: var(--_typography---font--primary-semi-bold); color: var(--swatch--light-100); } .navbar_brand_image_wrapper { height: 30px; } .navbar_brand_image { width: 230px; } .nav-link-item { flex-flow: column; justify-content: center; height: 100%; display: flex; } .nav-link-item.button { flex-flow: column; margin-left: auto; display: flex; } .navbar_product_button { grid-column-gap: 12px; grid-row-gap: 12px; flex: none; padding-top: 6px; padding-bottom: 6px; display: flex; } .navbar_product_button.desktop { display: block; } .dark_blur_nav { z-index: 0; -webkit-backdrop-filter: blur(25px); backdrop-filter: blur(25px); pointer-events: none; background-color: #0009; width: 100%; height: 100%; transition: all .3s; position: absolute; inset: 0%; } .vegas-pro_hero_section { padding-top: 2rem; padding-bottom: var(--_spacing---section-space--pad-bottom); } .vegas-pro_hero_content { flex-flow: column; display: flex; } .hero_tag { background-image: linear-gradient(90deg, #0091ffcc, #005bffcc 50%, #003bffcc); border-radius: 8px; align-self: center; width: -moz-fit-content; width: fit-content; margin-bottom: clamp(2rem, 1.6667rem + 1.6667vw, 3rem); padding: 6px 16px; } .hero_tag_text { color: var(--swatch--light-100); text-align: center; font-size: .875rem; } .vegas-pro_hero_details { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); flex-flow: column; justify-content: flex-start; align-items: center; width: 100%; max-width: 800px; margin-left: auto; margin-right: auto; display: flex; } .vegas-pro_hero_details_desc { width: 100%; max-width: 720px; margin-left: auto; margin-right: auto; } .display_container { width: 100%; max-width: 1060px; margin-top: 122px; margin-left: auto; margin-right: auto; position: relative; } .display_image { aspect-ratio: 531 / 394; } .promo_video_card { width: 100%; padding: 1.1%; position: absolute; inset: 0% 0% auto; } .v_media { width: 100%; position: relative; } .v_media_video { z-index: 1; aspect-ratio: 16 / 9; object-fit: cover; width: 100%; height: 100%; } .v_media_video.featured_video_preview { border-radius: var(--radius--big); } .v_media_video.features_card { aspect-ratio: 3 / 2; } .vegas_video_player { z-index: 3; grid-column-gap: 6px; grid-row-gap: 6px; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); color: var(--swatch--light-100); font-size: 14px; line-height: 24px; font-weight: var(--_typography---font--primary-medium); cursor: pointer; background-color: #ffffff4d; border-radius: 14px; justify-content: center; align-items: center; width: max-content; height: 48px; padding: 12px 18px; transition-property: all; transition-duration: .3s; transition-timing-function: ease; display: flex; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .vegas_video_player:hover { background-color: var(--swatch--light-200); color: var(--swatch--dark-800); } .v_media_video_mobile { z-index: 3; aspect-ratio: 16 / 9; object-fit: cover; width: 100%; height: 100%; position: absolute; inset: 0%; } .v_promo_video { width: 100%; height: 100%; position: relative; } .vegas_video_btn-text { flex: none; } .vegas_pro_dna { padding-top: var(--_spacing---section-space--pad-top); padding-bottom: var(--_spacing---section-space--pad-bottom); } .vegas_pro_dna-content { grid-column-gap: var(--_spacing---space--7); grid-row-gap: var(--_spacing---space--7); flex-flow: column; display: flex; } .section_headline_icon { grid-column-gap: 12px; grid-row-gap: 12px; align-items: center; display: flex; } .section_headline_icon.no-gap { grid-column-gap: 0px; grid-row-gap: 0px; } .vegas_pro_headline { justify-content: space-between; align-items: center; display: flex; } .vegas_pro_headline.hidden-state { display: none; } .section_headline_icon_image { flex: none; width: 3rem; } .slider_button_layout_outside { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); flex-flow: wrap; justify-content: flex-start; align-items: center; display: flex; position: relative; } .featured_video_testimonials { padding-top: var(--_spacing---section-space--pad-top); padding-bottom: var(--_spacing---section-space--pad-bottom); } .featured_video_content { grid-column-gap: var(--_spacing---space--7); grid-row-gap: var(--_spacing---space--7); flex-flow: column; display: flex; } .featured_video_heading { color: var(--swatch--light-100); font-size: var(--_typography---font-size--title-2); line-height: 1.17; font-weight: var(--_typography---font--primary-semi-bold); text-align: center; max-width: 800px; margin-left: auto; margin-right: auto; } .featured_videos_wrapper { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; flex-flow: column; display: flex; } .featured_videos_alex { position: relative; } .featured_content { z-index: 2; grid-column-gap: 8px; grid-row-gap: 8px; flex-flow: column; max-width: 650px; padding-bottom: 48px; padding-left: 48px; padding-right: 48px; display: flex; position: absolute; inset: auto 0% 0%; } .featured_text { color: var(--swatch--light-100); font-size: var(--_typography---font-size--subtitle); font-weight: var(--_typography---font--primary-semi-bold); } .grey-text { color: var(--swatch--brand-text); } .featured_videos_others.u-grid-autofit { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; --_column-count---value: 3; } .featured_content-static { z-index: 2; grid-column-gap: 8px; grid-row-gap: 8px; flex-flow: column; display: flex; position: static; inset: auto 0% 0%; } .featured_videos_others_inner { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); flex-flow: column; display: flex; position: relative; } .v_media_image { aspect-ratio: 16 / 9; } .v_media_image.whats-new { object-position: 0% 50%; } .v_media_image.hero-video { height: 342px; } .v_media_image.hero-video-banner { height: 342px; } .v_media_wrappper { width: 100%; height: 100%; position: relative; } .v_media_wrappper.big_radius { border-radius: var(--radius--big); overflow: hidden; } .v_media_wrappper._36-26_radius { overflow: hidden; } .explore_whats_new { padding-top: var(--_spacing---section-space--pad-top); } .explore_whats_content { grid-column-gap: clamp(3.75rem, 1.6667rem + 10.4167vw, 10rem); grid-row-gap: clamp(3.75rem, 1.6667rem + 10.4167vw, 10rem); flex-flow: column; display: flex; } .explore_whats_new_block { grid-column-gap: var(--_spacing---space--7); grid-row-gap: var(--_spacing---space--7); flex-flow: column; display: flex; } .section_title { color: var(--swatch--light-100); font-size: var(--_typography---font-size--title-2); font-weight: var(--_typography---font--primary-semi-bold); } .explore_whats_new_image { aspect-ratio: 128 / 45; } .content_wrapper { grid-column-gap: var(--_spacing---space--1); grid-row-gap: var(--_spacing---space--1); flex-flow: column; display: flex; } .content_wrapper.max-800 { max-width: 800px; margin-left: auto; margin-right: auto; position: relative; } .content_wrapper.u-align-self-center.max-width-500 { width: 100%; max-width: 500px; } .content_wrapper.max-700 { max-width: 560px; margin-left: auto; margin-right: auto; } .explore_whats_new_block-2 { grid-column-gap: var(--_spacing---section-space--pad-top); grid-row-gap: var(--_spacing---section-space--pad-top); flex-flow: column; display: flex; } .explore_whats_new_inner { grid-column-gap: var(--_spacing---space--7); grid-row-gap: var(--_spacing---space--7); flex-flow: column; display: flex; } .graph_row { width: 100%; } .graph_row.with-factor { grid-column-gap: 20px; grid-row-gap: 20px; justify-content: space-between; align-items: flex-start; display: flex; } .graph_row.inner_content { grid-column-gap: 24px; grid-row-gap: 24px; flex-flow: column; display: flex; } .graph_factor { flex: none; width: 100%; max-width: -moz-fit-content; max-width: fit-content; } .graph_row_container { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; display: flex; } .graph-line { background-color: var(--swatch--light-100); background-image: linear-gradient(90.39deg, #3dcbff80, #005bff80); border-radius: 99px; width: 100%; max-width: 1116px; height: 12px; } .graph-line.build-version { background-color: #ffffff4d; background-image: none; max-width: 210px; } .white_text { color: var(--swatch--light-100); } .graph_factor_text { grid-column-gap: 10px; grid-row-gap: 10px; justify-content: flex-start; align-items: flex-end; display: flex; } .explore_whats_new_block-3.u-grid-autofill { --_column-count---value: 2; } .media_section { margin-top: var(--_spacing---section-space--pad-top); margin-bottom: var(--_spacing---section-space--pad-bottom); flex-flow: column; justify-content: flex-end; width: 100%; height: clamp(15.625rem, 10.4167rem + 26.0417vw, 31.25rem); padding-bottom: 12px; display: flex; position: relative; } .media_section.v2 { height: clamp(21.875rem, 17.2149rem + 17.5439vw, 31.25rem); } .media_section.v3 { height: 420px; margin-bottom: 0; padding-top: 60px; } .media_image { aspect-ratio: 378 / 125; height: 100%; margin-left: auto; margin-right: auto; } .media_contain { z-index: 0; margin-left: auto; margin-right: auto; position: absolute; inset: 0%; } .section_display { color: var(--swatch--light-100); font-size: var(--_typography---font-size--display); line-height: var(--_typography---line-height--medium); font-weight: var(--_typography---font--primary-semi-bold); } .section_display.gradient { background-color: var(--swatch--light-100); color: var(--swatch--transparent); -webkit-text-fill-color: transparent; background-image: linear-gradient(90deg, #3dcbffb3, #005bffb3); -webkit-background-clip: text; background-clip: text; } .content_card { padding-top: var(--_spacing---section-space--pad-top); padding-bottom: var(--_spacing---section-space--pad-bottom); } .content_card.block { padding-top: var(--_spacing---section-space--none); } .content_card_content { grid-column-gap: var(--_spacing---space--7); grid-row-gap: var(--_spacing---space--7); flex-flow: column; display: flex; } .content_card_content._80-40-gap { grid-column-gap: var(--_spacing---section-space--pad-top); grid-row-gap: var(--_spacing---section-space--pad-top); } .features_card { padding-top: var(--_spacing---section-space--pad-top); padding-bottom: var(--_spacing---section-space--pad-bottom); } .features_content.u-grid-autofill { grid-column-gap: var(--_spacing---section-space--pad-top); grid-row-gap: var(--_spacing---section-space--pad-top); --_column-count---value: 2; } .features_content.u-grid-autofit { --_column-count---value: 3; } .features_content.u-grid-autofit.is-48-40-24-40-row { grid-column-gap: 24px; grid-row-gap: clamp(2.5rem, 2.2471rem + .9412vw, 3rem); } .features_content.u-grid-custom { --_column-count---value: 2; grid-column-gap: clamp(1.5rem, .3333rem + 5.8333vw, 5rem); grid-row-gap: clamp(1.5rem, .3333rem + 5.8333vw, 5rem); } .features_content.u-custom-flex { grid-column-gap: clamp(1.5rem, .3333rem + 5.8333vw, 5rem); grid-row-gap: clamp(1.5rem, .3333rem + 5.8333vw, 5rem); display: flex; } .features_video_image { border-radius: var(--radius--big); overflow: hidden; } .badge { grid-column-gap: 10px; grid-row-gap: 10px; color: var(--swatch--light-100); text-transform: uppercase; border-radius: 7px; justify-content: center; align-items: center; width: max-content; padding: 6px; display: flex; position: relative; } .badge.outline { border-top-style: solid; border-top-width: 1px; border-top-color: var(--swatch--light-100); border-right-style: solid; border-right-width: 1px; border-right-color: var(--swatch--light-100); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: var(--swatch--light-100); border-left-style: solid; border-left-width: 1px; border-left-color: var(--swatch--light-100); color: var(--swatch--light-100); border-radius: 7px; width: max-content; } .badge.red-badge { background-color: var(--swatch--fc381c); } .badge.mint-badge { background-color: var(--swatch--e2ff2d); color: var(--swatch--dark-900); } .badge.blue-badge { background-color: var(--swatch--brand-500); } .badge.blue-badge.fade { opacity: .6; } .badge.badge-left-edge { background-color: var(--swatch--e2ff2d); color: var(--swatch--dark-900); border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: 14px; padding-left: 1px; } .badge.badge-right-edge { background-color: var(--swatch--e2ff2d); color: var(--swatch--dark-900); border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: 14px; padding-right: 1px; } .badge.badge-right-edge.red { background-color: var(--swatch--fc381c); color: var(--swatch--light-100); } .badge.blue-badge-small { background-color: var(--swatch--brand-500); padding: 2px 6px; } .badge.blue-badge-small.fade { opacity: .6; } .caption-strong { font-size: 14px; line-height: 100%; font-weight: var(--_typography---font--primary-semi-bold); } .caption-strong.small-text { font-size: 12px; line-height: 20px; } .features_card_cta { padding-top: var(--_spacing---section-space--pad-top); padding-bottom: var(--_spacing---section-space--pad-bottom); } .features_cta_content { grid-column-gap: 24px; grid-row-gap: 24px; border-bottom-left-radius: var(--radius--big); border-bottom-right-radius: var(--radius--big); text-align: center; background-image: url('https://borisfx-com-res.cloudinary.com/image/upload/v1771358369/vegas/images/gradient-features-cta-bg.avif'); background-position: 50% 100%; background-repeat: no-repeat; background-size: cover; flex-flow: column; padding-top: clamp(2.5rem, 1.875rem + 3.125vw, 4.375rem); padding-bottom: clamp(2.5rem, 1.875rem + 3.125vw, 4.375rem); display: flex; } .features_cta_content.u-grid-autofill { grid-column-gap: var(--_spacing---section-space--pad-top); grid-row-gap: var(--_spacing---section-space--pad-top); --_column-count---value: 2; } .features_cta_content.u-grid-autofit { --_column-count---value: 3; } .features_cta_content.u-grid-custom { --_column-count---value: 2; grid-column-gap: clamp(1.5rem, .3333rem + 5.8333vw, 5rem); grid-row-gap: clamp(1.5rem, .3333rem + 5.8333vw, 5rem); } .section_headline_icon_star { flex: none; width: 4.5rem; } .section_display_v2 { color: var(--swatch--light-100); font-size: var(--_typography---font-size--display-2); line-height: var(--_typography---line-height--medium); font-weight: var(--_typography---font--primary-semi-bold); } .section_display_v2.gradient { background-color: var(--swatch--light-100); color: var(--swatch--transparent); -webkit-text-fill-color: transparent; background-image: linear-gradient(90deg, #3dcbffb3, #005bffb3); -webkit-background-clip: text; background-clip: text; } .u-subtitle { font-size: var(--_typography---font-size--subtitle); line-height: var(--_typography---line-height--large); } .product_suite { padding-top: var(--_spacing---section-space--pad-top); padding-bottom: var(--_spacing---section-space--pad-bottom); } .product_suite_content.u-grid-autofill { grid-column-gap: var(--_spacing---section-space--pad-top); grid-row-gap: var(--_spacing---section-space--pad-top); --_column-count---value: 2; } .product_suite_content.u-grid-autofit { --_column-count---value: 2; } .product_suite_content.u-grid-custom { --_column-count---value: 2; grid-column-gap: clamp(1.5rem, .3333rem + 5.8333vw, 5rem); grid-row-gap: clamp(1.5rem, .3333rem + 5.8333vw, 5rem); } .content_boxed { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); background-color: var(--swatch--dark-800); border-radius: clamp(3.5rem, 2.9408rem + 2.1053vw, 4.625rem); flex-flow: column; align-items: flex-start; display: flex; } .content_boxed_image { 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); border-radius: inherit; aspect-ratio: inherit; } .content_boxed_details { grid-column-gap: var(--_spacing---space--1); grid-row-gap: var(--_spacing---space--1); flex-flow: column; display: flex; } .content_boxed_icon_titile { grid-column-gap: 6px; grid-row-gap: 6px; justify-content: flex-start; align-items: center; display: flex; } .content_boxed_icon_image { width: 28px; } ._80px { width: 80px; } .content_boxed_details_wrap { grid-column-gap: 10px; grid-row-gap: 24px; flex-flow: column; display: flex; } .pricing_section { padding-top: var(--_spacing---section-space--pad-top); padding-bottom: var(--_spacing---section-space--pad-bottom); } .pricing_content { grid-column-gap: var(--_spacing---section-space--pad-top); grid-row-gap: var(--_spacing---section-space--pad-top); flex-flow: column; display: flex; } .pricing_box { grid-column-gap: var(--_spacing---space--7); grid-row-gap: var(--_spacing---space--7); flex-flow: column; display: flex; } .pricing_buttons { grid-column-gap: var(--_spacing---space--1); grid-row-gap: var(--_spacing---space--1); flex-flow: wrap; justify-content: center; align-items: center; width: 100%; max-width: 700px; margin-left: auto; margin-right: auto; display: flex; } .pricing_cards.u-grid-autofill { grid-column-gap: var(--_spacing---section-space--pad-top); grid-row-gap: var(--_spacing---section-space--pad-top); --_column-count---value: 2; } .pricing_cards.u-grid-autofit { --_column-count---value: 2; } .pricing_cards.u-grid-custom { --_column-count---value: 2; grid-column-gap: clamp(1.5rem, .3333rem + 5.8333vw, 5rem); grid-row-gap: clamp(1.5rem, .3333rem + 5.8333vw, 5rem); } .pricing_card { grid-column-gap: 20px; grid-row-gap: 20px; background-color: var(--swatch--dark-800); border-radius: clamp(1.5rem, .2573rem + 4.6784vw, 4rem); flex-flow: column; padding: clamp(1.5rem, 1.0029rem + 1.8713vw, 2.5rem); display: flex; position: relative; } .pricing_card.is-best-value { background-image: linear-gradient(360deg, #005bff00 40%, #005bff80); } .pricing_box_header { grid-column-gap: 24px; grid-row-gap: 24px; flex-flow: column; display: flex; } .pricing_box_details { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; display: flex; } .pricing_box_title { color: var(--swatch--light-100); } .pricing_box_title.u-subtitle.u-weight-medium.max-height { height: 36px; } .pricing_box_badges { grid-column-gap: 0px; grid-row-gap: 0px; align-items: center; display: inline-flex; } .pricing_box_price_row { flex-flow: column; display: flex; } .pricing_box_price_column { grid-column-gap: 10px; grid-row-gap: 10px; align-items: flex-end; display: flex; } .pricing_box_price_column.is-monthly { align-items: flex-end; } .pricing_box_price_column.is-yearly { display: none; } .pricing_box_current_price { color: var(--swatch--light-100); font-size: var(--_spacing---space--7); line-height: var(--_typography---line-height--medium); font-weight: var(--_typography---font--primary-semi-bold); flex: none; } .pricing_box_price_label.flex { justify-content: flex-start; align-items: flex-end; display: flex; } .pricing_box_original_price { text-decoration: line-through; } .pricing_box_original_price.u-text-style-h4 { font-weight: var(--_typography---font--primary-medium); } .pricing_box_original_price.big-text { font-size: var(--_spacing---space--7); line-height: var(--_typography---line-height--medium); font-weight: var(--_typography---font--primary-regular); } .pricing_box_toggle { grid-column-gap: 12px; grid-row-gap: 12px; align-items: center; display: flex; } .pricing_box_toggle.small-gap { grid-column-gap: 6px; grid-row-gap: 6px; align-self: flex-start; align-items: center; } .pricing_box_duration_label { opacity: .6; color: var(--swatch--light-100); font-weight: var(--_typography---font--primary-medium); } .pricing_box_duration_label.small-text { font-size: 12px; line-height: 20px; } .pricing_box_lottie_toggle { cursor: pointer; flex: none; justify-content: flex-start; align-self: center; align-items: center; width: 44px; display: flex; } .pricing_box_lottie_toggle.small-toggle { width: 36px; } .u-line { background-color: var(--313131); width: 100%; height: 1px; } .pricing_features_list { grid-column-gap: 10px; grid-row-gap: 10px; flex-flow: column; flex: 1; display: flex; } .p-icon-list { grid-column-gap: 10px; grid-row-gap: 10px; align-items: center; display: flex; } .p-icon-list:where(.w-variant-4c0afeff-85f2-621d-ce76-c7f7a20f3426) { opacity: .5; } .p-list-icon { flex-flow: column; flex: none; justify-content: center; align-items: center; width: 24px; height: 24px; padding-left: 4.58px; padding-right: 4.58px; display: flex; } .p-list-icon:where(.w-variant-55564871-2dfc-6d30-363a-84c3aac0544c) { color: var(--swatch--brand-500); } .pricing_includes { grid-column-gap: 10px; grid-row-gap: 10px; flex-flow: column; display: flex; } .pricing_includes_title { font-weight: var(--_typography---font--primary-semi-bold); } .pricing_includes_grid { grid-column-gap: 8px; grid-row-gap: 8px; display: inline-flex; } .pricing_includes_grid.u-grid-autofill { --_column-count---value: 3; } .pricing_includes_icon { width: 24px; } .pricing_footer { grid-column-gap: 4px; grid-row-gap: 4px; align-items: center; display: flex; } .pricing_footer_text { font-size: 14px; } .pricing_best_value { background-color: var(--swatch--brand-500); color: var(--swatch--light-100); font-weight: var(--_typography---font--primary-semi-bold); text-transform: uppercase; border-radius: 7px; flex: none; align-self: center; width: max-content; padding: 4px 12px; position: absolute; inset: -2% 0% auto 50%; transform: translate(-50%); } .pricing_best_value.sfp { clear: none; width: -moz-fit-content; width: fit-content; position: static; top: 0%; left: 0%; transform: translate(0%); } .u-subtitle-2 { color: var(--swatch--light-100); font-size: var(--_typography---font-size--subtitle2); line-height: var(--_typography---line-height--large); font-weight: var(--_typography---font--primary-semi-bold); } .u-subtitle-2.faded-white { color: #ffffffde; } .u-hide-lg-show-md { display: none; } .whats_new_hero { padding-top: 58px; padding-bottom: var(--_spacing---section-space--pad-bottom); } .whats_new_hero_content { grid-column-gap: 24px; grid-row-gap: 24px; flex-flow: column; display: flex; } .content_wrapper-space-24-16 { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); flex-flow: column; width: 100%; max-width: 720px; margin-left: auto; margin-right: auto; display: flex; } .vegas_pro_highlight { padding-top: var(--_spacing---section-space--pad-top); padding-bottom: var(--_spacing---section-space--pad-bottom); } .highlight_card { border-radius: var(--radius--big); background-color: var(--swatch--dark-800); background-image: linear-gradient(90deg, #3dcbff26, #005bff26); } .highlight_card.u-grid-autofit { --_column-count---value: 2; } .highlight_video { position: relative; } ._36-26_radius { border-radius: clamp(1.625rem, 1.3088rem + 1.1765vw, 2.25rem); } ._64-24-radius { border-radius: clamp(1.5rem, .2573rem + 4.6784vw, 4rem); } .engine_improvements { padding-top: var(--_spacing---section-space--pad-top); padding-bottom: var(--_spacing---section-space--pad-bottom); } .engine_improvements_contain.u-container { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); } .engine_improvement_content.u-grid-autofill { grid-column-gap: var(--_spacing---section-space--pad-top); grid-row-gap: var(--_spacing---section-space--pad-top); --_column-count---value: 2; } .engine_improvement_content.u-grid-autofit { --_column-count---value: 2; } .engine_improvement_content.u-grid-custom { --_column-count---value: 2; grid-column-gap: clamp(1.5rem, .3333rem + 5.8333vw, 5rem); grid-row-gap: clamp(1.5rem, .3333rem + 5.8333vw, 5rem); } .engine_improvements_details { background-color: var(--swatch--dark-800); } .engine_improvements_details.u-grid-autofit { --_column-count---value: 2; --_gap---size: var(--_spacing---space--7); } .graph_row_wrapper { grid-column-gap: 24px; grid-row-gap: 24px; flex-flow: column; display: flex; } .content_card-copy { padding-top: var(--_spacing---section-space--pad-top); padding-bottom: var(--_spacing---section-space--pad-bottom); } .content_card-copy.block { padding-top: var(--_spacing---section-space--none); } .interface_improvements { padding-bottom: var(--_spacing---section-space--pad-bottom); } .content_boxed_image_wrap { aspect-ratio: 16 / 9; border-radius: var(--radius--small); width: 100%; } .features_hero { padding-top: var(--_spacing---section-space--pad-top); padding-bottom: var(--_spacing---section-space--pad-bottom); } .features_hero_content { grid-column-gap: 24px; grid-row-gap: 24px; flex-flow: column; display: flex; } .u-title-2 { color: var(--swatch--light-100); font-size: var(--_typography---font-size--title-2); line-height: var(--_typography---line-height--medium); font-weight: var(--_typography---font--primary-semi-bold); } .u-title-2.max-width-700 { max-width: 650px; } .u-title-2.faded-white { color: #ffffffde; } .effortless_editing { padding-top: var(--_spacing---section-space--pad-top); padding-bottom: var(--_spacing---section-space--pad-bottom); } .effortless_editing_content { flex-flow: column; display: flex; } .features_grid_wrapper { padding-top: var(--_spacing---section-space--pad-top); padding-bottom: var(--_spacing---section-space--pad-bottom); grid-column-gap: var(--_spacing---space--7); grid-row-gap: var(--_spacing---space--7); flex-flow: column; display: flex; } .features_grid_wrapper.is-last { padding-bottom: 0; } .features_grid_header { grid-column-gap: var(--_spacing---space--1); grid-row-gap: var(--_spacing---space--1); justify-content: space-between; align-items: flex-start; display: flex; } .features_grid_content.u-grid-autofill { grid-column-gap: var(--_spacing---section-space--pad-top); grid-row-gap: var(--_spacing---section-space--pad-top); --_column-count---value: 2; } .features_grid_content.u-grid-autofit { --_column-count---value: 3; } .features_grid_content.u-grid-autofit.is-48-40-24-40-row { grid-row-gap: clamp(2.5rem, 2.2471rem + .9412vw, 3rem); } .features_grid_content.u-grid-custom { --_column-count---value: 2; grid-column-gap: clamp(1.5rem, .3333rem + 5.8333vw, 5rem); grid-row-gap: clamp(1.5rem, .3333rem + 5.8333vw, 5rem); } .features_grid_content.u-custom-flex { grid-column-gap: clamp(1.5rem, .3333rem + 5.8333vw, 5rem); grid-row-gap: clamp(1.5rem, .3333rem + 5.8333vw, 5rem); display: flex; } .all_in_one_power { padding-top: var(--_spacing---section-space--pad-top); padding-bottom: var(--_spacing---section-space--pad-bottom); } .all_in_one_power_content { flex-flow: column; display: flex; } .advanced_expandability { padding-top: var(--_spacing---section-space--pad-top); padding-bottom: var(--_spacing---section-space--pad-bottom); } .advanced_expandability_content { flex-flow: column; display: flex; } .ai_assistance { padding-top: var(--_spacing---section-space--pad-top); padding-bottom: var(--_spacing---section-space--pad-bottom); } .ai_assistance_content { flex-flow: column; display: flex; } .badge-with-edge-left { margin-left: -2px; display: flex; position: relative; } .badge-with-edge-right { margin-right: -2px; display: flex; position: relative; } .plans_pricing_hero { padding-top: var(--_spacing---section-space--pad-top); padding-bottom: clamp(3.125rem, 1.1647rem + 7.2941vw, 7rem); } .plans_pricing_hero_desc { max-width: 800px; } .pricing_overview { padding-top: var(--_spacing---section-space--pad-top); padding-bottom: var(--_spacing---section-space--pad-bottom); } .pricing_overview.v2 { padding-top: 0; padding-bottom: 0; } .pricing_overview_content { grid-column-gap: var(--_spacing---section-space--pad-top); grid-row-gap: var(--_spacing---section-space--pad-top); flex-flow: column; width: 100%; max-width: 1000px; margin-left: auto; margin-right: auto; display: flex; } .pricing_overview_content.v2 { max-width: 100%; } .pricing_overview_table { grid-column-gap: 24px; grid-row-gap: 24px; flex-flow: column; display: flex; } .pricing_row { justify-content: flex-start; align-items: stretch; display: flex; } .pricing_row.u-height-80 { height: 80px; } .pricing_row.bottom-border { border-bottom: 1px solid #fff3; } .pricing_row.bottom-border._40-gap { grid-column-gap: 40px; grid-row-gap: 40px; } .pricing_column { flex-flow: column; justify-content: center; align-self: center; width: 100%; height: 100%; display: flex; } .pricing_column.max-256 { max-width: 256px; } .pricing_column.align-top { align-self: flex-start; } .pricing_column.align-top.max-340, .pricing_column.max-340 { max-width: 370px; } .pricing_column.hide { visibility: hidden; } .pricing_column_head { grid-column-gap: 24px; grid-row-gap: 24px; flex-flow: column; align-items: flex-start; display: flex; } .pricing_data { flex-flow: column; height: 100%; padding-top: 13px; padding-bottom: 13px; padding-right: 12px; display: flex; } .pricing_column_details { grid-column-gap: 0px; grid-row-gap: 0px; flex-flow: column; align-items: flex-start; padding-top: 13px; padding-bottom: 13px; display: flex; } .pricing_column_text { letter-spacing: 0; } .pricing_overview_footer { grid-column-gap: 24px; grid-row-gap: 24px; flex-flow: column; display: flex; } .system_requirement { padding-top: var(--_spacing---section-space--pad-top); padding-bottom: var(--_spacing---section-space--pad-bottom); } .pricing_overview_info_box { grid-column-gap: 5px; grid-row-gap: 5px; color: var(--swatch--light-100); background-color: #fff3; background-image: linear-gradient(90deg, #3dcbff4d, #005bff4d); border-radius: 12px; align-items: center; display: flex; } .pricing_overview_info_box.u-padding-2 { margin-top: var(--_spacing---space--2); } .pricing_overview_info_box.u-padding-2.grey_bg { background-image: none; } .system_requirements_content { grid-column-gap: var(--_spacing---section-space--pad-top); grid-row-gap: var(--_spacing---section-space--pad-top); flex-flow: column; width: 100%; margin-left: auto; margin-right: auto; display: flex; } .system_requirements_content.max-width { max-width: 1000px; } .nav-button-item { margin-left: auto; } .u-text-style-56-32 { color: var(--swatch--light-100); font-weight: var(--_typography---font--primary-semi-bold); font-size: clamp(2rem, 1.2412rem + 2.8235vw, 3.5rem); } .u-text-style-14 { font-size: 14px; } .u-text-style-14.u-weight-medium.white_text.u-alignment-center.inter-font { font-family: Inter, sans-serif; } .hero_muted_text { color: var(--swatch--brand-text); font-weight: var(--_typography---font--primary-regular); text-decoration: line-through; } .content_wrapper_inner { grid-column-gap: 12px; grid-row-gap: 12px; flex-flow: column; display: flex; } .content_wrapper_inner.top-margin { margin-top: 33px; } .sfp_hero { padding-top: 40px; padding-bottom: 400px; } .sfp_content { grid-column-gap: 24px; grid-row-gap: 24px; flex-flow: column; display: flex; } .elevate_your_sound { padding-top: var(--_spacing---section-space--pad-top); padding-bottom: var(--_spacing---section-space--pad-bottom); } .elevate_your_sound_content { grid-column-gap: var(--_spacing---section-space--pad-top); grid-row-gap: var(--_spacing---section-space--pad-top); flex-flow: column; display: flex; } .elevate_your_sound_grid.u-grid-autofit { --_column-count---value: 2; --_gap---size: var(--_spacing---space--7); } .content_card_grid { grid-column-gap: 24px; grid-row-gap: 24px; flex-flow: column; display: flex; } .content_card_grid.v2 { grid-column-gap: var(--_spacing---space--7); grid-row-gap: var(--_spacing---space--7); } .button-fix { position: absolute; inset: 9% 0% 0% 9%; } .content_card_row-flex { grid-column-gap: 40px; grid-row-gap: 40px; flex-flow: column; display: flex; } .pricing_box_title_wrap { grid-column-gap: 16px; grid-row-gap: 16px; justify-content: space-between; align-items: center; height: 36px; display: flex; position: relative; } .footer_cta_sign-up { grid-column-gap: var(--_spacing---space--7); grid-row-gap: var(--_spacing---space--7); flex-flow: column; justify-content: center; display: flex; } .footer_cta_content-gap-12 { grid-column-gap: 12px; grid-row-gap: 12px; flex-flow: column; align-items: center; max-width: 800px; margin-left: auto; margin-right: auto; display: flex; } .footer_cta_signup-form { grid-column-gap: 12px; grid-row-gap: 12px; justify-content: center; display: flex; } .footer_cta_signup-form-block { width: 100%; max-width: 530px; margin-bottom: 0; margin-left: auto; margin-right: auto; } .footer_cta_signup-input { border-style: solid; border-width: 0 0 1px; border-color: black black var(--swatch--light-100); background-color: var(--swatch--transparent); color: #ffffffb3; font-family: Inter, sans-serif; font-weight: var(--_typography---font--primary-medium); height: 48px; margin-bottom: 0; padding: 12px; } .footer_cta_signup-input::placeholder { color: #ffffffb3; font-family: Inter, sans-serif; font-weight: var(--_typography---font--primary-medium); } .footer_cta_form-button { background-color: var(--swatch--light-100); color: var(--_theme---background); font-family: Inter, sans-serif; font-weight: var(--_typography---font--primary-medium); border-radius: 18px; height: 48px; padding: 12px 20px; } .footer_cta_form-success { border-radius: var(--radius--small); background-color: var(--swatch--light-100); color: var(--_theme---background); font-size: var(--_typography---font-size--h5); font-weight: var(--_typography---font--primary-medium); text-align: center; padding: 15px; } .footer_cta_form-error { border-radius: var(--radius--small); background-color: var(--swatch--fc381c); color: var(--swatch--light-100); font-size: var(--_typography---font-size--h5); font-weight: var(--_typography---font--primary-medium); text-align: center; padding: 15px; } .pricing_box_title_block { grid-column-gap: 12px; grid-row-gap: 12px; justify-content: flex-start; align-items: center; display: flex; } .u-new_h1 { color: var(--swatch--light-100); line-height: var(--_typography---line-height--medium); font-weight: var(--_typography---font--primary-semi-bold); font-size: clamp(2.25rem, 1.3647rem + 3.2941vw, 4rem); } .acp_hero { height: 789px; padding-top: 40px; padding-bottom: 400px; } .acp_content { grid-column-gap: 24px; grid-row-gap: 24px; flex-flow: column; display: flex; } .blog_hero { background-color: var(--swatch--light-100); padding-top: 48px; padding-bottom: 48px; } .blog_hero_content { grid-column-gap: var(--_spacing---space--7); grid-row-gap: var(--_spacing---space--7); flex-flow: column; display: flex; } .blog_hero_heading { color: #000000de; text-align: center; } .max-width-800 { width: 100%; max-width: 800px; margin-left: auto; margin-right: auto; } .blog_hero_post_info { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); flex-flow: wrap; justify-content: center; align-items: center; display: flex; } .post_author { color: #000000de; font-weight: var(--_typography---font--primary-semi-bold); } .post_date { color: #000000a6; font-weight: var(--_typography---font--primary-semi-bold); } .post_read_time { color: #000000de; font-weight: var(--_typography---font--primary-semi-bold); } .blog_content { background-color: var(--swatch--light-100); padding-top: 48px; padding-bottom: 48px; } .blog_content_block { grid-column-gap: clamp(2.125rem, 1.1765rem + 3.5294vw, 4rem); grid-row-gap: clamp(2.125rem, 1.1765rem + 3.5294vw, 4rem); justify-content: space-between; display: flex; position: relative; } .post_content { flex-flow: column; justify-content: flex-start; width: 100%; display: flex; } .blog_sidebar_left { grid-column-gap: clamp(2.125rem, 1.1765rem + 3.5294vw, 4rem); grid-row-gap: clamp(2.125rem, 1.1765rem + 3.5294vw, 4rem); flex-flow: column; width: 100%; max-width: 200px; display: flex; } .blog_sidebar_right { grid-column-gap: clamp(1.5rem, 1.2471rem + .9412vw, 2rem); grid-row-gap: clamp(1.5rem, 1.2471rem + .9412vw, 2rem); flex-flow: column; width: 100%; max-width: 200px; display: flex; } .author_details_wrapper { grid-column-gap: 8px; grid-row-gap: 8px; flex-flow: column; display: flex; } .author-image { border-radius: var(--radius--round); width: 80px; height: 80px; } .author_name { color: #000000de; font-weight: var(--_typography---font--primary-semi-bold); } .author_description { color: #000000a6; font-size: .875rem; } .table_of_content_wrapper { grid-column-gap: 12px; grid-row-gap: 12px; flex-flow: column; display: flex; } .table_of_content_title { color: #000000de; font-weight: var(--_typography---font--primary-semi-bold); border-bottom: 1px solid #e7e7e7; width: 100%; padding-bottom: 8px; } .toc { grid-column-gap: 8px; grid-row-gap: 8px; flex-flow: column; display: flex; } .toc.is-h3, .toc.is-h4 { padding-left: 5px; } .toc_item { color: #000000de; border-radius: 8px; padding: 4px 8px; font-size: .85rem; transition: all .4s; } .toc_item.w--current { color: #ffffffde; background-color: #2d2d2f; } .spacer-16 { flex: none; width: 100%; height: 16px; } .post-list.white_text._14px { font-size: .85rem; color: #fff !important; } .post-list.u-rich-text { grid-column-gap: 18px; grid-row-gap: 18px; flex-flow: column; margin-bottom: 0; padding-bottom: 9px; padding-left: 20px; list-style-type: disc; display: flex; } .post-list.u-rich-text._24px { grid-column-gap: 24px; grid-row-gap: 24px; } .post-list.u-rich-text.faded-white { color: #ffffffa6; } .spacer-8 { flex: none; width: 100%; height: 8px; } .spacer-48 { height: var(--_spacing---space--7); flex: none; width: 100%; } .spacer-24 { flex: none; width: 100%; height: 24px; } .blog_cta { background-image: url('https://borisfx-com-res.cloudinary.com/image/upload/v1771358369/vegas/images/blog-cta-bg.avif'); background-position: 50%; background-repeat: no-repeat; background-size: cover; flex: none; padding: clamp(1.5rem, .9941rem + 1.8824vw, 2.5rem); } .blog_cta_content { grid-column-gap: clamp(1.5rem, 1.2471rem + .9412vw, 2rem); grid-row-gap: clamp(1.5rem, 1.2471rem + .9412vw, 2rem); flex-flow: column; display: flex; } .blog_cta_content_wrap { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; display: flex; } .button_wrap { grid-column-gap: 8px; grid-row-gap: 8px; flex-flow: wrap; display: flex; } .blog_info_box { grid-column-gap: 8px; grid-row-gap: 8px; background-color: var(--swatch--dark-900); background-image: linear-gradient(#000000b3, #000000b3), url('https://borisfx-com-res.cloudinary.com/image/upload/v1771358369/vegas/images/vegas-pro-logo-on-black-background.avif'); background-position: 0 0, 50%; background-repeat: repeat, no-repeat; background-size: auto, cover; border-radius: 24px; flex-flow: column; padding: 16px; display: flex; } .blog_info_desc { color: #ffffffde; font-size: .85rem; } .blog_sidebar_newsletter { grid-column-gap: 4px; grid-row-gap: 4px; flex-flow: column; display: flex; } .blog_sidebar_n-title { color: #121212; font-family: Open Sans, sans-serif; font-size: .85rem; font-weight: var(--_typography---font--primary-bold); } .newsletter_form { flex-flow: column; display: flex; } .newsletter_input { color: #b4bfcf; border: 1px solid #b4bfcf; border-radius: 8px; height: 32px; margin-bottom: 8px; padding-top: 4px; font-size: 12px; } .newsletter_input::placeholder { color: #b4bfcf; } .newsletter_form_success { background-color: var(--swatch--dark-900); color: var(--swatch--eed); border-radius: 8px; padding: 10px; } .newsletter_form_error { color: var(--swatch--brand-text-dark); text-align: center; border-radius: 8px; } .blog_sidebar_left-sticky { grid-column-gap: clamp(2.125rem, 1.1765rem + 3.5294vw, 4rem); grid-row-gap: clamp(2.125rem, 1.1765rem + 3.5294vw, 4rem); flex-flow: column; display: flex; position: sticky; top: 70px; } .blog_sidebar_right_sticky { grid-column-gap: clamp(1.5rem, 1.2471rem + .9412vw, 2rem); grid-row-gap: clamp(1.5rem, 1.2471rem + .9412vw, 2rem); flex-flow: column; display: flex; position: sticky; top: 70px; } .blog_hero_new { background-image: url('https://borisfx-com-res.cloudinary.com/image/upload/v1771358369/vegas/images/blog-hero-gradient.avif'); background-position: 50% 0; background-repeat: no-repeat; background-size: cover; padding-top: clamp(3rem, 2.5257rem + 1.7647vw, 3.9375rem); padding-bottom: clamp(3rem, 2.5257rem + 1.7647vw, 3.9375rem); } .blog_hero_new_content { grid-column-gap: clamp(3rem, 2.4941rem + 1.8824vw, 4rem); grid-row-gap: clamp(3rem, 2.4941rem + 1.8824vw, 4rem); justify-content: space-between; align-items: center; display: flex; } .blog_hero_new_video { width: 100%; position: relative; } .blog_hero_new_details { width: 100%; } .spacer-40 { flex: none; width: 100%; height: 40px; } .archive_page { padding-top: 48px; padding-bottom: 0; } .archive_content.u-container { width: calc(100% - var(--site--margin) * 2); } .archive_content_wrap { grid-column-gap: 48px; grid-row-gap: 48px; flex-flow: column; display: flex; } .archive_content_taxonomy { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; display: flex; } .archive_content_grid.u-grid-autofill { --_column-count---value: 3; } .blog_archive_card { grid-column-gap: 24px; grid-row-gap: 24px; flex-flow: column; display: flex; } .blog_archive_card_details { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; display: flex; } .post_meta_wrap { grid-column-gap: 8px; grid-row-gap: 8px; flex-flow: wrap; display: flex; } .blog_archive_card_button { flex-flow: column; flex: 1; justify-content: flex-end; align-items: flex-start; display: flex; } .archive_content_pagination { grid-column-gap: 32px; grid-row-gap: 32px; flex-flow: column; align-items: center; display: flex; } .prev-next-pagination { grid-column-gap: 15px; grid-row-gap: 15px; flex-flow: wrap; justify-content: center; align-items: center; display: flex; } .pagination-link { grid-column-gap: 6px; grid-row-gap: 6px; color: var(--swatch--light-100); border-radius: 14px; justify-content: center; align-items: center; padding: 12px 18px; transition: all .4s; display: flex; } .pagination-link:hover { background-color: #ffffff1a; } .pagination-link:active { background-color: #fff3; } .pagination-link-label { text-align: center; font-size: .875rem; } .pagination-link-icon { width: 20px; } .pagination-link-icon.next { transform: rotate(180deg); } .pagination-count-link { color: var(--swatch--light-100); border-radius: 14px; flex-flow: column; justify-content: center; align-items: center; width: 44px; height: 44px; transition: all .4s; display: flex; } .pagination-count-link:hover { background-color: #ffffff1a; } .pagination-count-link:active { background-color: #fff3; } .pagination-count-link.is-active { background-color: var(--swatch--light-100); color: var(--swatch--dark-900); } .u-text-style-display-v2 { font-family: var(--_text-style---font-family); 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--display); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-semi-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--6); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_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); font-size: clamp(2.5rem, 1.2353rem + 4.7059vw, 5rem); display: flow-root; } .pricing_overview_contain_v2.u-container { grid-column-gap: clamp(3.75rem, 1.2206rem + 9.4118vw, 8.75rem); grid-row-gap: clamp(3.75rem, 1.2206rem + 9.4118vw, 8.75rem); } .product-logo { object-fit: contain; width: auto; height: 32px; } .text-block-2 { font-family: "Exo 2", sans-serif; } .icons-grid { grid-column-gap: 8px; grid-row-gap: 8px; justify-content: center; align-items: center; display: flex; } .product-icon { object-fit: contain; width: auto; height: 24px; } .boxed-features-content { background-color: var(--swatch--dark-800); } .boxed-features-content.u-grid-autofit { --_column-count---value: 2; --_gap---size: var(--_spacing---space--8); grid-column-gap: clamp(1.375rem, -.4588rem + 6.8235vw, 5rem); grid-row-gap: clamp(1.375rem, -.4588rem + 6.8235vw, 5rem); } .boxed-features-right { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; display: flex; } .boxed_title_wrap { grid-column-gap: 6px; grid-row-gap: 6px; flex-flow: column; display: flex; } .boxed_title_wrap.v16 { grid-column-gap: 16px; grid-row-gap: 16px; } .boxed-desc-wrap { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; display: flex; } .boxed-features-content-v2 { background-color: var(--swatch--transparent); grid-column-gap: clamp(1.375rem, -.4588rem + 6.8235vw, 5rem); grid-row-gap: clamp(1.375rem, -.4588rem + 6.8235vw, 5rem); justify-content: space-between; display: flex; } .boxed-features-content-v2.u-grid-autofit { --_column-count---value: 2; --_gap---size: var(--_spacing---space--8); grid-column-gap: clamp(1.375rem, -.4588rem + 6.8235vw, 5rem); grid-row-gap: clamp(1.375rem, -.4588rem + 6.8235vw, 5rem); } .boxed-features-content-v2.u-align-items-center { flex: 1; } .boxed-features-right-v2 { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; justify-content: center; width: 100%; display: flex; } .boxed-features-left { flex-flow: column; justify-content: center; width: 100%; max-width: 500px; display: flex; } .boxed-desc-wrap-v24 { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; display: flex; } .complete_guide_content.u-grid-autofill { grid-column-gap: var(--_spacing---section-space--pad-top); grid-row-gap: var(--_spacing---section-space--pad-top); --_column-count---value: 2; } .complete_guide_content.u-grid-autofit { --_column-count---value: 4; } .complete_guide_content.u-grid-custom { --_column-count---value: 2; grid-column-gap: clamp(1.5rem, .3333rem + 5.8333vw, 5rem); grid-row-gap: clamp(1.5rem, .3333rem + 5.8333vw, 5rem); } .vegas_essentials_training_series { padding-top: var(--_spacing---section-space--pad-top); padding-bottom: var(--_spacing---section-space--pad-bottom); } .vegas_essentials_training_series_content.u-grid-autofill { grid-column-gap: var(--_spacing---section-space--pad-top); grid-row-gap: var(--_spacing---section-space--pad-top); --_column-count---value: 2; } .vegas_essentials_training_series_content.u-grid-autofit { --_column-count---value: 3; } .vegas_essentials_training_series_content.u-grid-autofit.is-48-40-24-40-row { grid-column-gap: 24px; grid-row-gap: clamp(2.5rem, 2.2471rem + .9412vw, 3rem); } .vegas_essentials_training_series_content.u-grid-custom { --_column-count---value: 2; grid-column-gap: clamp(1.5rem, .3333rem + 5.8333vw, 5rem); grid-row-gap: clamp(1.5rem, .3333rem + 5.8333vw, 5rem); } .vegas_essentials_training_series_content.u-custom-flex { grid-column-gap: clamp(1.5rem, .3333rem + 5.8333vw, 5rem); grid-row-gap: clamp(1.5rem, .3333rem + 5.8333vw, 5rem); display: flex; } .vegas_essentials_training_series_video_image { border-radius: var(--radius--big); overflow: hidden; } .mocha_vegas_essentials_series { padding-top: var(--_spacing---section-space--pad-top); padding-bottom: var(--_spacing---section-space--pad-bottom); } .learn_the_power_of_planar_tracking_content.u-grid-autofill { grid-column-gap: var(--_spacing---section-space--pad-top); grid-row-gap: var(--_spacing---section-space--pad-top); --_column-count---value: 2; } .learn_the_power_of_planar_tracking_content.u-grid-autofit { --_column-count---value: 3; } .learn_the_power_of_planar_tracking_content.u-grid-custom { --_column-count---value: 2; grid-column-gap: clamp(1.5rem, .3333rem + 5.8333vw, 5rem); grid-row-gap: clamp(1.5rem, .3333rem + 5.8333vw, 5rem); } @media screen and (max-width: 991px) { .u-svg.product_nav_toggle { color: var(--swatch--light-100); flex-flow: column; justify-content: center; align-self: center; align-items: center; width: 14px; height: auto; transform: none; } .u-svg.product_nav_toggle.open { transform: rotate(0); } .nav_banner_wrap { z-index: 1; } .nav_button_line.is-middle { transform: translate(0); } .footer_cta_contain { height: 100%; padding-top: 0; } .footer_cta_content { justify-content: center; } .section_headline.u-text-style-h2.section_sticky { position: sticky; top: 5%; } .hero_bg.fade-in.u-pointer-off.vegas-pro { top: 39%; } .hero_bg.fade-in.u-pointer-off.whats-new { height: 77%; } .hero_bg.fade-in.u-pointer-off.acid-pro { height: 750px; } .hero_bg.fade-in.u-pointer-off.acid-pro-mobile { height: 105%; } .nav_dropdown_mega_footer:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) { border-top: 0px solid var(--swatch--262626); } .faq_content { flex-flow: row; } .navbar_product_page { padding-left: 0; padding-right: 0; } .navbar-logo-left-container { padding-right: var(--site--margin); padding-left: var(--site--margin); } .navbar-wrapper { grid-column-gap: 16px; grid-row-gap: 16px; } .nav-menu-wrapper { background-color: var(--swatch--transparent); } .nav-menu-two { border-radius: 0; flex-wrap: wrap; justify-content: space-around; align-items: center; margin-top: 10px; padding: 20px; display: flex; } .nav-link { padding-left: 5px; padding-right: 5px; } .nav-dropdown-list.shadow-three.w--open { position: absolute; } .menu-button { background-color: #ffffff26; border-radius: 3px; flex-flow: column; flex: none; justify-content: center; align-items: center; width: 1.6rem; height: 1.6rem; padding: 0; transition: all .4s; display: flex; } .menu-button.w--open { background-color: var(--262626); color: var(--swatch--light-100); } .dark_blur_child { background-color: #0009; width: 100%; height: 100%; } .menu-button-wrapper { flex-flow: column; justify-content: center; width: 100%; height: 100%; display: flex; } .vegas-pro_hero_details_desc.u-alignment-center { max-width: 610px; } .section_title.u-text-style-h2.section_sticky { position: sticky; top: 5%; } .graph_row.inner_content { grid-column-gap: 20px; grid-row-gap: 20px; } .graph_row_container { grid-column-gap: 8px; grid-row-gap: 8px; } .section_display.u-text-style-h2.section_sticky { position: sticky; top: 5%; } .features_content.u-custom-flex { flex-flow: row; } .section_display_v2.u-text-style-h2.section_sticky { position: sticky; top: 5%; } .pricing_cards.u-grid-autofit.v2 { --_column-count---value: 1; } .features_grid_content.u-grid-autofit { --_column-count---value: 2; } .features_grid_content.u-grid-autofit.sfp { --_column-count---value: 3; } .pricing_row.bottom-border._40-gap { grid-column-gap: 20px; grid-row-gap: 20px; } .sfp_hero { padding-bottom: 350px; } .button-fix { top: 0%; left: 0%; } .pricing_box_title_wrap { flex-flow: wrap; } .pricing_box_title_wrap.auto_height { height: auto; } .acp_hero { height: 698px; padding-bottom: 350px; } .blog_content_block { flex-flow: wrap; } .post_content { order: -9999; } .blog_sidebar_left, .blog_sidebar_right { width: 45%; max-width: 100%; } .blog_sidebar_left-sticky, .blog_sidebar_right_sticky { position: static; } .archive_content_grid.u-grid-autofill { --_column-count---value: 2; } .complete_guide_content.u-grid-autofit { --_column-count---value: 3; } .vegas_essentials_training_series_content.u-custom-flex { flex-flow: column; } .learn_the_power_of_planar_tracking_content.u-grid-autofit { --_column-count---value: 3; } } @media screen and (max-width: 767px) { .slider_bullet_list.hidden-state { display: flex; } .footer_bottom_links.u-grid-autofit { grid-template-columns: 1fr 1fr; } .section_headline.u-text-style-h2.section_sticky { position: static; } .get_started_content.u-grid-autofit { --_column-count---value: 2; } .hero_bg.fade-in.u-pointer-off.vegas-pro { top: 45%; } .hero_bg.fade-in.u-pointer-off.whats-new { height: 81%; } .hero_bg.fade-in.u-pointer-off.acid-pro { height: 105%; } .faq_content { flex-flow: wrap; } .navbar-logo-left-container { max-width: 100%; } .navbar_brand { padding-left: 0; } .nav-menu-two { border-radius: 20px; flex-direction: column; align-items: flex-start; margin-top: 0; padding-top: 20px; padding-bottom: 20px; } .nav-link { border-left: 1px solid var(--swatch--transparent); border-bottom-width: 0; margin-right: 0; padding: 8px; display: inline-block; } .nav-link.w--current { border-left: 1px solid var(--swatch--light-100); border-bottom-width: 0; } .nav-dropdown { flex-direction: column; align-items: center; display: flex; } .nav-dropdown-toggle { padding-top: 10px; padding-bottom: 10px; } .nav-dropdown-list.shadow-three { box-shadow: 0 8px 50px #0000000d; } .nav-dropdown-list.shadow-three.w--open { position: relative; } .nav-dropdown-list.shadow-three.mobile-shadow-hide { box-shadow: none; } .nav-divider { width: 200px; max-width: 100%; height: 1px; margin-top: 10px; margin-bottom: 10px; } .nav-link-accent { margin-right: 5px; padding-top: 10px; padding-bottom: 10px; display: inline-block; } .mobile-margin-top-10 { margin-top: 10px; } .menu-button { margin-left: auto; } .section_headline_icon.hidden-state { display: none; } .vegas_pro_headline.hidden-state { display: flex; } .vegas_pro_headline.custom-order { order: 9999; } .slider_button_layout_outside { justify-content: space-between; width: 100%; } .v_media_image.hero-video { height: 100%; } .section_title.u-text-style-h2.section_sticky { position: static; } .media_section.v3 { height: 400px; } .section_display.u-text-style-h2.section_sticky { position: static; } .features_content.u-grid-autofit { --_column-count---value: 2; } .features_content.u-grid-custom { --_column-count---value: 1; } .features_content.u-custom-flex { flex-flow: wrap; } .features_cta_content.u-grid-autofit { --_column-count---value: 2; } .features_cta_content.u-grid-custom { --_column-count---value: 1; } .section_display_v2.u-text-style-h2.section_sticky { position: static; } .product_suite_content.u-grid-autofit, .product_suite_content.u-grid-custom { --_column-count---value: 1; } .pricing_buttons { flex-flow: wrap; } .pricing_cards.u-grid-autofit, .pricing_cards.u-grid-custom { --_column-count---value: 1; } .pricing_card.is-best-value { margin-top: 20px; } .pricing_card.is-best-value.no-margin { margin-top: 0; } .highlight_card.u-grid-autofit, .engine_improvement_content.u-grid-autofit, .engine_improvement_content.u-grid-custom, .engine_improvements_details.u-grid-autofit { --_column-count---value: 1; } .features_grid_content.u-grid-autofit { --_column-count---value: 2; } .features_grid_content.u-grid-custom { --_column-count---value: 1; } .features_grid_content.u-custom-flex { flex-flow: wrap; } .pricing_overview_software { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; display: flex; } .pricing_row { grid-column-gap: 8px; grid-row-gap: 8px; flex-flow: column; } .pricing_row.bottom-border { border-bottom-width: 0; } .pricing_row.hide-mobile { display: none; } .pricing_column.max-256, .pricing_column.align-top.max-340, .pricing_column.max-340 { max-width: 100%; } .pricing_column.hide { display: none; } .pricing_data { border-bottom: 1px solid #fff3; padding-top: 16px; padding-bottom: 16px; } .pricing_data.is-first { margin-bottom: 8px; } .pricing_column_details { padding-top: 0; padding-bottom: 0; } .elevate_your_sound_grid.u-grid-autofit.acp { --_column-count---value: 1; } .footer_cta_sign-up { padding-bottom: 70px; } .acp_hero { height: 683px; } .blog_sidebar_left, .blog_sidebar_right { width: 100%; } .author_details_wrapper { order: 9999; } .table_of_content_wrapper { display: none; } .blog_hero_new_content { flex-flow: column; } .boxed-features-content.u-grid-autofit { --_column-count---value: 1; } .boxed-features-content-v2 { flex-flow: wrap; } .boxed-features-content-v2.u-grid-autofit { --_column-count---value: 1; } .complete_guide_content.u-grid-autofit { --_column-count---value: 2; } .complete_guide_content.u-grid-custom { --_column-count---value: 1; } .vegas_essentials_training_series_content.u-grid-autofit { --_column-count---value: 2; } .vegas_essentials_training_series_content.u-grid-custom { --_column-count---value: 1; } .vegas_essentials_training_series_content.u-custom-flex { flex-flow: wrap; } .learn_the_power_of_planar_tracking_content.u-grid-autofit { --_column-count---value: 2; } .learn_the_power_of_planar_tracking_content.u-grid-custom { --_column-count---value: 1; } } @media screen and (max-width: 479px) { .u-flex-vertical-nowrap.little-gap { grid-column-gap: 8px; grid-row-gap: 8px; } .u-max-width-full { max-width: 100%; } .navbar_brand_image_wrapper { width: 100%; height: 100%; } .slider_controls.hide-lg-md_show_xs { display: flex; } .footer_bottom { padding-bottom: 20px; } .footer_cta_content { padding-bottom: 40px; } .footer_bottom_links.u-grid-autofit { grid-template-columns: 1fr; } .footer_bottom_legal_links { grid-column-gap: 20px; grid-row-gap: 20px; } .section_headline.u-title-2._28px { font-size: 28px; } .get_started_content.u-grid-autofit { --_column-count---value: 1; grid-column-gap: 34px; grid-row-gap: 34px; } .creative_tools_subgrid.u-grid-autofit { --_column-count---value: 1; } .creative_tools_card.sfp { background-image: url('https://borisfx-com-res.cloudinary.com/image/upload/v1771358369/vegas/images/sound-forge-pro-mobile.avif'); } .creative_tools_desc.u-alignment-center { font-size: 14px; } .creative_tools_card_image { object-fit: contain; height: auto; } .hero_video { aspect-ratio: 2; } .hero_bg.fade-in.u-pointer-off.mobile { display: block; } .hero_bg.fade-in.u-pointer-off.whats-new { height: 82%; } .hero_bg.fade-in.u-pointer-off.acid-pro { display: none; } .hero_bg.fade-in.u-pointer-off.acid-pro-mobile { max-width: 100%; height: 680px; display: block; } .navbar_product_page { border-top: 1px solid var(--262626); border-bottom-width: 0; } .container { max-width: none; } .navbar-wrapper { flex-flow: wrap; } .nav-menu-two { flex-direction: column; } .nav-link { line-height: 24px; } .navbar_product_button { padding-top: 9px; padding-bottom: 9px; } .hero_tag_text { font-size: .75rem; } .display_container { margin-top: 90px; } .v_media_video.featured_video_preview { border-top-left-radius: var(--radius--big); border-top-right-radius: var(--radius--big); border-bottom-left-radius: var(--radius--big); border-bottom-right-radius: var(--radius--big); border-radius: 0; } .vegas_pro_headline { flex-flow: column; align-items: flex-start; } .section_headline_icon_image { width: 2.5rem; } .slider_button_layout_outside { order: -9999; justify-content: space-between; align-items: center; width: 100%; margin-top: -8px; } .featured_video_contain.u-container { width: 100%; } .featured_video_heading.mobile-pad { padding-right: var(--site--margin); padding-left: var(--site--margin); } .featured_videos_wrapper { grid-column-gap: 3.75rem; grid-row-gap: 3.75rem; } .featured_content { padding: 20px 0; position: static; } .featured_content.mobile-pad { padding-right: var(--site--margin); padding-left: var(--site--margin); grid-column-gap: 16px; grid-row-gap: 16px; } .featured_text.alex { text-align: center; } .featured_text.alex._24-mobile { font-size: 24px; } .featured_videos_others.u-grid-autofit { margin-left: var(--site--margin); padding-right: var(--site--margin); grid-column-gap: 3rem; grid-row-gap: 3rem; --_column-count---value: 1; } .v_media_image.hero-video { height: 100%; } .graph_row.with-factor { flex-flow: column-reverse; } .graph_factor { align-self: center; } .graph-line.build-version { max-width: 35%; } .explore_whats_new_block-3.u-grid-autofill { --_column-count---value: 1; --_gap---size: var(--_spacing---space--7); } .media_section.v3 { height: 435px; } .features_content.u-grid-autofit { --_column-count---value: 1; grid-column-gap: 2.5rem; grid-row-gap: 2.5rem; } .features_content.u-grid-autofit.small-gap { grid-column-gap: 1rem; grid-row-gap: 1rem; } .badge { flex-flow: wrap; width: -moz-fit-content; width: fit-content; } .badge.badge-left-edge { margin-left: 13px; } .caption-strong { font-size: 12px; } .features_card_cta { padding-top: 0; } .features_cta_content.u-grid-autofit { --_column-count---value: 1; grid-column-gap: 2.5rem; grid-row-gap: 2.5rem; } .section_headline_icon_star { width: 2.2rem; } .u-subtitle.u-weight-medium.white_text._24px { font-size: 24px; } .product_suite_content.u-grid-autofit { --_column-count---value: 1; grid-column-gap: 2.5rem; grid-row-gap: 2.5rem; } .content_boxed_details_wrap { align-items: flex-start; } .pricing_buttons { flex-flow: column; justify-content: center; align-items: stretch; max-width: 300px; } .pricing_cards.u-grid-autofit { --_column-count---value: 1; grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; } .u-hide-sm-show-lg { display: none; } .pricing_box_toggle { flex-flow: wrap; } .pricing_best_value.sfp { font-size: 14px; position: absolute; top: -2%; left: 50%; transform: translate(-50%); } .u-subtitle-2.u-alignment-center._24px { font-size: var(--_typography---font-size--title-2); } .u-hide-lg-show-md { display: flex; } .engine_improvement_content.u-grid-autofit { --_column-count---value: 1; } .engine_improvements_details.u-grid-autofit.u-padding-7._64-24-radius.u-align-items-center.mobile-align-top { grid-row-gap: 0px; align-items: start; } .u-title-2.max-width-700._36px { font-size: 36px; } .u-title-2.faded-white { font-size: 32px; } .features_grid_wrapper { padding-top: 0; } .features_grid_header { text-align: center; flex-flow: column; align-items: center; padding-top: 24px; padding-bottom: 24px; } .features_grid_header.is-first { padding-top: 0; } .features_grid_content.u-grid-autofit { --_column-count---value: 1; grid-column-gap: 2.5rem; grid-row-gap: 2.5rem; } .features_grid_content.u-grid-autofit.small-gap { grid-column-gap: 1rem; grid-row-gap: 1rem; } .features_grid_content.u-grid-autofit.is-48-40-24-40-row { grid-column-gap: 3.75rem; grid-row-gap: 3.75rem; } .pricing_data_title.u-weight-medium.white_text._20px { font-size: 20px; } .pricing_overview_info_text { font-size: 14px; } .elevate_your_sound_grid.u-grid-autofit { --_column-count---value: 1; grid-column-gap: 20px; grid-row-gap: 20px; } .button-fix { top: 0%; left: 0%; } .pricing_box_title_wrap { grid-column-gap: 10px; grid-row-gap: 10px; flex-flow: wrap; height: auto; position: static; } .footer_cta_sign-up { padding-top: 20px; padding-bottom: 100px; } .acp_hero { height: 623px; } .blog_content { padding-top: 0; } .button_wrap.mobile { flex-flow: column; } .blog_info_box { justify-content: center; height: 300px; } .archive_content_grid.u-grid-autofill { --_column-count---value: 1; } .post_meta_wrap.mobile { flex-flow: column; } .prev-next-pagination { justify-content: space-between; align-items: center; width: 100%; } .boxed-features-content.u-grid-autofit.u-padding-7._64-24-radius.u-align-items-center.mobile-align-top, .boxed-features-content-v2.u-grid-autofit.u-padding-7._64-24-radius.u-align-items-center.mobile-align-top { grid-row-gap: 0px; align-items: start; } .boxed-features-right-v2 { order: 9999; } .complete_guide_content.u-grid-autofit { --_column-count---value: 1; } .vegas_essentials_training_series_content.u-grid-autofit { --_column-count---value: 1; grid-column-gap: 2.5rem; grid-row-gap: 2.5rem; } .vegas_essentials_training_series_content.u-grid-autofit.small-gap { grid-column-gap: 1rem; grid-row-gap: 1rem; } .learn_the_power_of_planar_tracking_content.u-grid-autofit { --_column-count---value: 1; } } @media screen and (max-width: 767px) { #w-node-_3bd4d65b-7fe7-d112-55b0-e9f36213252d-7e4c6d4f, #w-node-_3e1a3df2-7048-b8c4-5a5e-aa590db82e6c-7e4c6d4f, #w-node-_7e68afdc-3b56-f181-2da9-d7d6c3b30a6a-7e4c6d4f, #w-node-_412a8fe8-448b-bd3e-0811-f2cda82b3b2a-7e4c6d4f, #w-node-d7fbdfbd-a5bd-8d9c-15ef-b9d323a761b9-7e4c6d4f { order: -9999; } } @media screen and (max-width: 479px) { #w-node-d4dc9727-f2c9-5c91-36aa-a95a9b90812a-40e22951 { order: -9999; } #w-node-f8b51d6c-21fb-5372-0db0-ffd1f194f9ee-0eca2f25, #w-node-_8a519c5c-502a-45c8-a0f8-9ebf4bdb3360-0eca2f25, #w-node-ededb330-9787-d40f-4a11-63b978a95657-0eca2f25, #w-node-a56fe838-3dde-9ea5-5d99-4eddd9f003fc-0eca2f25, #w-node-a56fe838-3dde-9ea5-5d99-4eddd9f00413-0eca2f25, #w-node-a56fe838-3dde-9ea5-5d99-4eddd9f00426-0eca2f25 { order: 9999; } }