:root {
    --colors-black: 10, 14, 18;
    --colors-white: 250, 252, 253;
    --colors-bokeh-black: 0, 0, 0;
    --colors-bokeh-white: 255, 255, 255;
    --colors-warning: 255, 243, 205;
    --colors-pearl-black: 20, 26, 32;
    --colors-ebony-gray: 40, 49, 58;
    --colors-raven-gray: 61, 71, 81;
    --colors-granite-gray: 209, 217, 225;
    --colors-silver-gray: 223, 228, 234;
    --colors-intrinsic-gray: 25, 32, 40;
    --colors-pearl-white: 241, 245, 249;
    --colors-lohp-gray: 76, 88, 100;
    --colors-chroma-gray: 169, 178, 188;
    --colors-chroma-light-gray: 118, 114, 110;
    --colors-lohp-charcoal: 24, 32, 40;
    --colors-blue-007: 19, 177, 212;
    --colors-blue-digital-blue: 19, 177, 212;
    --colors-vimeo-blue-55: 0, 184, 224;
    --colors-vimeo-blue-58: 19, 177, 212;
    --colors-vimeo-blue-60: 0, 170, 207;
    --colors-vimeo-blue-80: 2, 70, 85;
    --colors-vimeo-blue: 23, 213, 255;
    --colors-red-40: 254, 99, 99;
    --colors-red-60: 190, 41, 41;
    --colors-red-marketo-error: 186, 22, 0;
    --colors-orange-40: 250, 156, 88;
    --colors-orange-60: 215, 102, 20;
    --colors-orange-80: 215, 102, 20;
    --colors-lime-40: 229, 232, 90;
    --colors-lime-60: 147, 150, 3;
    --colors-lime-70: 126, 189, 88;
    --colors-green-35: 183, 255, 76;
    --colors-green-40: 154, 232, 94;
    --colors-green-55: 129, 201, 74;
    --colors-green-60: 97, 159, 50;
    --colors-fuchsia-40: 223, 94, 187;
    --colors-fuchsia-60: 157, 36, 123;
    --colors-indigo-40: 140, 150, 241;
    --colors-indigo-60: 64, 76, 172;
    --colors-purple-55: 165, 86, 239;
    --colors-purple: 187, 130, 255;
    --colors-std-blue-40: 56, 193, 224;
    --colors-std-blue-60: 0, 124, 173;
    --colors-std-blue-80: 0, 80, 112;
    --colors-gray-40: 227, 232, 233;
    --colors-neutral-400: 169, 178, 188;
    --colors-neutral-550: 76, 88, 100;
    --colors-neutral-800: 25, 32, 40;
    --colors-forest-60: 56, 103, 28;
    --colors-cyan-50: 23, 213, 255;
    --colors-bluePurple-40: 140, 150, 241;
    --colors-brand-slack-base: 74, 21, 75;
    --colors-brand-slack-hover: 74, 21, 75;
    --colors-brand-dropbox-base: 0, 97, 254;
    --colors-brand-dropbox-hover: 0, 97, 254;
    --colors-brand-box-base: 11, 92, 255;
    --colors-brand-box-hover: 11, 92, 255;
    --colors-brand-zoom-base: 11, 92, 255;
    --colors-brand-zoom-hover: 11, 92, 255;
    --colors-bokeh-grey-50: 249, 250, 251;
    --colors-bokeh-grey-100: 244, 246, 248;
    --colors-bokeh-grey-200: 228, 233, 239;
    --colors-bokeh-grey-300: 203, 213, 224;
    --colors-bokeh-grey-400: 151, 161, 173;
    --colors-bokeh-grey-500: 104, 114, 124;
    --colors-bokeh-grey-600: 61, 71, 81;
    --colors-bokeh-grey-700: 37, 45, 53;
    --colors-bokeh-grey-800: 24, 30, 36;
    --colors-bokeh-grey-900: 14, 18, 22;
    --colors-bokeh-green-50: 239, 247, 234;
    --colors-bokeh-green-100: 223, 238, 213;
    --colors-bokeh-green-200: 191, 222, 171;
    --colors-bokeh-green-300: 158, 205, 130;
    --colors-bokeh-green-400: 126, 189, 88;
    --colors-bokeh-green-500: 88, 166, 40;
    --colors-bokeh-green-600: 75, 138, 37;
    --colors-bokeh-green-700: 56, 103, 28;
    --colors-bokeh-green-800: 38, 69, 18;
    --colors-bokeh-green-900: 28, 52, 14;
    --colors-bokeh-red-50: 255, 245, 245;
    --colors-bokeh-red-100: 254, 215, 215;
    --colors-bokeh-red-200: 254, 178, 178;
    --colors-bokeh-red-300: 252, 129, 129;
    --colors-bokeh-red-400: 245, 101, 101;
    --colors-bokeh-red-500: 229, 62, 62;
    --colors-bokeh-red-600: 197, 48, 48;
    --colors-bokeh-red-700: 155, 44, 44;
    --colors-bokeh-red-800: 130, 39, 39;
    --colors-bokeh-red-900: 99, 23, 27;
    --colors-bokeh-darker-blue: 24, 32, 40;
    --colors-bokeh-dark-blue: 26, 54, 93;
    --colors-bokeh-light-blue: 190, 227, 248;
    --colors-bokeh-yellow-400: 236, 201, 75;
    --colors-chroma-neutral-50: 250, 252, 253;
    --colors-chroma-neutral-100: 241, 245, 249;
    --colors-chroma-neutral-200: 223, 228, 234;
    --colors-chroma-neutral-300: 209, 217, 225;
    --colors-chroma-neutral-400: 169, 178, 188;
    --colors-chroma-neutral-500: 116, 128, 140;
    --colors-chroma-neutral-550: 76, 88, 100;
    --colors-chroma-neutral-600: 61, 71, 81;
    --colors-chroma-neutral-700: 40, 49, 58;
    --colors-chroma-neutral-800: 25, 32, 40;
    --colors-chroma-neutral-900: 20, 26, 32;
    --colors-chroma-neutral-white: 255, 255, 255;
    --colors-chroma-neutral-black: 0, 0, 0;
    --colors-chroma-blue-100: 209, 247, 255;
    --colors-chroma-blue-200: 178, 241, 255;
    --colors-chroma-blue-300: 139, 234, 255;
    --colors-chroma-blue-400: 87, 225, 255;
    --colors-chroma-blue-500: 23, 213, 255;
    --colors-chroma-blue-600: 19, 177, 212;
    --colors-chroma-blue-700: 0, 129, 158;
    --colors-chroma-blue-800: 0, 74, 90;
    --colors-chroma-blue-900: 5, 43, 51;
    --colors-chroma-purple-100: 226, 217, 255;
    --colors-chroma-purple-200: 198, 184, 255;
    --colors-chroma-purple-300: 172, 153, 255;
    --colors-chroma-purple-400: 138, 117, 255;
    --colors-chroma-purple-500: 118, 77, 255;
    --colors-chroma-purple-600: 77, 46, 178;
    --colors-chroma-purple-700: 55, 33, 128;
    --colors-chroma-purple-800: 37, 22, 85;
    --colors-chroma-purple-900: 22, 13, 51;
    --colors-chroma-pink-100: 255, 214, 247;
    --colors-chroma-pink-200: 255, 187, 242;
    --colors-chroma-pink-300: 255, 152, 236;
    --colors-chroma-pink-400: 255, 107, 228;
    --colors-chroma-pink-500: 255, 50, 217;
    --colors-chroma-pink-600: 200, 40, 171;
    --colors-chroma-pink-700: 141, 28, 120;
    --colors-chroma-pink-800: 85, 17, 72;
    --colors-chroma-pink-900: 51, 10, 43;
    --colors-chroma-red-100: 254, 208, 206;
    --colors-chroma-red-200: 254, 177, 173;
    --colors-chroma-red-300: 253, 137, 132;
    --colors-chroma-red-400: 252, 98, 91;
    --colors-chroma-red-500: 251, 20, 9;
    --colors-chroma-red-600: 167, 13, 6;
    --colors-chroma-red-700: 126, 10, 5;
    --colors-chroma-red-800: 84, 7, 3;
    --colors-chroma-red-900: 50, 4, 2;
    --colors-chroma-orange-100: 255, 222, 204;
    --colors-chroma-orange-200: 255, 196, 163;
    --colors-chroma-orange-300: 255, 165, 117;
    --colors-chroma-orange-400: 255, 120, 46;
    --colors-chroma-orange-500: 255, 90, 0;
    --colors-chroma-orange-600: 170, 60, 0;
    --colors-chroma-orange-700: 128, 45, 0;
    --colors-chroma-orange-800: 85, 30, 0;
    --colors-chroma-orange-900: 51, 18, 0;
    --colors-chroma-green-100: 242, 248, 208;
    --colors-chroma-green-200: 231, 242, 171;
    --colors-chroma-green-300: 214, 233, 109;
    --colors-chroma-green-400: 201, 226, 61;
    --colors-chroma-green-500: 190, 220, 22;
    --colors-chroma-green-600: 158, 183, 18;
    --colors-chroma-green-700: 95, 110, 11;
    --colors-chroma-green-800: 63, 73, 7;
    --colors-chroma-green-900: 38, 44, 4;
    --colors-chroma-alpha-white-200: rgba(var(--colors-chroma-neutral-white), 0.2);
    --colors-chroma-alpha-white-400: rgba(var(--colors-chroma-neutral-white), 0.4);
    --colors-chroma-alpha-white-600: rgba(var(--colors-chroma-neutral-white), 0.6);
    --colors-chroma-alpha-white-800: rgba(var(--colors-chroma-neutral-white), 0.8);
    --colors-chroma-alpha-white-000: rgba(var(--colors-chroma-neutral-white), 0);
    --colors-chroma-alpha-black-200: rgba(var(--colors-chroma-neutral-black), 0.2);
    --colors-chroma-alpha-black-400: rgba(var(--colors-chroma-neutral-black), 0.4);
    --colors-chroma-alpha-black-600: rgba(var(--colors-chroma-neutral-black), 0.6);
    --colors-chroma-alpha-black-800: rgba(var(--colors-chroma-neutral-black), 0.8);
    --colors-chroma-alpha-black-000: rgba(var(--colors-chroma-neutral-black), 0);
    --colors-chroma-alpha-neutral-50-200: rgba(var(--colors-chroma-neutral-50), 0.2);
    --colors-chroma-alpha-neutral-50-400: rgba(var(--colors-chroma-neutral-50), 0.4);
    --colors-chroma-alpha-neutral-50-600: rgba(var(--colors-chroma-neutral-50), 0.6);
    --colors-chroma-alpha-neutral-50-800: rgba(var(--colors-chroma-neutral-50), 0.8);
    --colors-chroma-alpha-neutral-50-000: rgba(var(--colors-chroma-neutral-50), 0);
    --colors-chroma-alpha-neutral-100-200: rgba(var(--colors-chroma-neutral-100), 0.2);
    --colors-chroma-alpha-neutral-100-400: rgba(var(--colors-chroma-neutral-100), 0.4);
    --colors-chroma-alpha-neutral-100-600: rgba(var(--colors-chroma-neutral-100), 0.6);
    --colors-chroma-alpha-neutral-100-800: rgba(var(--colors-chroma-neutral-100), 0.8);
    --colors-chroma-alpha-neutral-100-000: rgba(var(--colors-chroma-neutral-100), 0);
    --colors-chroma-alpha-neutral-200-200: rgba(var(--colors-chroma-neutral-200), 0.2);
    --colors-chroma-alpha-neutral-200-400: rgba(var(--colors-chroma-neutral-200), 0.4);
    --colors-chroma-alpha-neutral-200-600: rgba(var(--colors-chroma-neutral-200), 0.6);
    --colors-chroma-alpha-neutral-200-800: rgba(var(--colors-chroma-neutral-200), 0.8);
    --colors-chroma-alpha-neutral-200-000: rgba(var(--colors-chroma-neutral-200), 0);
    --colors-chroma-alpha-neutral-300-200: rgba(var(--colors-chroma-neutral-300), 0.2);
    --colors-chroma-alpha-neutral-300-400: rgba(var(--colors-chroma-neutral-300), 0.4);
    --colors-chroma-alpha-neutral-300-600: rgba(var(--colors-chroma-neutral-300), 0.6);
    --colors-chroma-alpha-neutral-300-800: rgba(var(--colors-chroma-neutral-300), 0.8);
    --colors-chroma-alpha-neutral-300-000: rgba(var(--colors-chroma-neutral-300), 0);
    --colors-chroma-alpha-neutral-600-200: rgba(var(--colors-chroma-neutral-600), 0.2);
    --colors-chroma-alpha-neutral-600-400: rgba(var(--colors-chroma-neutral-600), 0.4);
    --colors-chroma-alpha-neutral-600-600: rgba(var(--colors-chroma-neutral-600), 0.6);
    --colors-chroma-alpha-neutral-600-800: rgba(var(--colors-chroma-neutral-600), 0.8);
    --colors-chroma-alpha-neutral-600-000: rgba(var(--colors-chroma-neutral-600), 0);
    --colors-chroma-alpha-neutral-700-200: rgba(var(--colors-chroma-neutral-700), 0.2);
    --colors-chroma-alpha-neutral-700-400: rgba(var(--colors-chroma-neutral-700), 0.4);
    --colors-chroma-alpha-neutral-700-600: rgba(var(--colors-chroma-neutral-700), 0.6);
    --colors-chroma-alpha-neutral-700-800: rgba(var(--colors-chroma-neutral-700), 0.8);
    --colors-chroma-alpha-neutral-700-000: rgba(var(--colors-chroma-neutral-700), 0);
    --colors-chroma-alpha-neutral-900-200: rgba(var(--colors-chroma-neutral-900), 0.2);
    --colors-chroma-alpha-neutral-900-400: rgba(var(--colors-chroma-neutral-900), 0.4);
    --colors-chroma-alpha-neutral-900-600: rgba(var(--colors-chroma-neutral-900), 0.6);
    --colors-chroma-alpha-neutral-900-800: rgba(var(--colors-chroma-neutral-900), 0.8);
    --colors-chroma-alpha-neutral-900-000: rgba(var(--colors-chroma-neutral-900), 0);
    --colors-chroma-text-body-primary: rgba(var(--colors-chroma-neutral-900));
    --colors-chroma-text-body-secondary: rgba(var(--colors-chroma-neutral-550));
    --colors-chroma-text-body-inverted: rgba(var(--colors-chroma-neutral-50));
    --colors-chroma-text-body-highlight: rgba(var(--colors-chroma-blue-700));
    --colors-chroma-text-links: rgba(var(--colors-chroma-blue-700));
    --colors-chroma-text-misc-quote-icon: rgba(var(--colors-chroma-neutral-200));
    --colors-chroma-text-misc-quote-highlight: rgba(var(--colors-chroma-blue-700));
    --colors-chroma-background-body: rgba(var(--colors-chroma-neutral-50));
    --colors-chroma-background-card: rgba(var(--colors-chroma-neutral-100));
    --colors-chroma-background-pricing-card: rgba(var(--colors-chroma-neutral-white));
    --colors-chroma-background-overlay-alpha: var(--colors-chroma-alpha-white-000);
    --colors-chroma-button-cta-primary-text: rgba(var(--colors-chroma-neutral-900));
    --colors-chroma-button-cta-primary: rgba(var(--colors-chroma-blue-500));
    --colors-chroma-button-cta-primary-hover: rgba(var(--colors-chroma-blue-600));
    --colors-chroma-button-cta-primary-focus: rgba(var(--colors-chroma-blue-600));
    --colors-chroma-button-cta-primary-focus-border: rgba(var(--colors-chroma-blue-700));
    --colors-chroma-button-cta-primary-disabled-text: rgba(var(--colors-chroma-blue-600));
    --colors-chroma-button-cta-secondary-text: var(--colors-chroma-text-body-inverted);
    --colors-chroma-button-cta-secondary: rgba(var(--colors-chroma-neutral-900));
    --colors-chroma-button-cta-secondary-hover: rgba(var(--colors-chroma-neutral-500));
    --colors-chroma-button-cta-secondary-focus: rgba(var(--colors-chroma-neutral-500));
    --colors-chroma-button-cta-secondary-focus-border: rgba(var(--colors-chroma-neutral-black));
    --colors-chroma-button-cta-secondary-disabled-text: rgba(var(--colors-chroma-neutral-700));
    --colors-chroma-button-cta-secondary-alt-text: var(--colors-chroma-text-body-inverted);
    --colors-chroma-button-cta-secondary-alt: rgba(var(--colors-chroma-neutral-700));
    --colors-chroma-button-cta-secondary-alt-hover: rgba(var(--colors-chroma-neutral-500));
    --colors-chroma-button-cta-secondary-alt-focus: rgba(var(--colors-chroma-neutral-500));
    --colors-chroma-button-cta-secondary-alt-focus-border: rgba(var(--colors-chroma-neutral-900));
    --colors-chroma-button-cta-secondary-alt-disabled-text: rgba(var(--colors-chroma-neutral-550));
    --colors-chroma-button-more-text: var(--colors-chroma-text-body-primary);
    --colors-chroma-button-more: rgba(var(--colors-chroma-neutral-100));
    --colors-chroma-button-more-hover: rgba(var(--colors-chroma-neutral-300));
    --colors-chroma-button-more-focus: rgba(var(--colors-chroma-neutral-300));
    --colors-chroma-button-more-focus-border: rgba(var(--colors-chroma-neutral-400));
    --colors-chroma-button-more-disabled-text: rgba(var(--colors-chroma-neutral-300));
    --colors-chroma-button-less-text: var(--colors-chroma-text-body-inverted);
    --colors-chroma-button-less: rgba(var(--colors-chroma-neutral-900));
    --colors-chroma-button-less-hover: rgba(var(--colors-chroma-neutral-500));
    --colors-chroma-button-less-focus: rgba(var(--colors-chroma-neutral-500));
    --colors-chroma-button-less-focus-border: rgba(var(--colors-chroma-neutral-black));
    --colors-chroma-button-less-disabled-text: rgba(var(--colors-chroma-neutral-700));
    --colors-chroma-button-play-primary-text: rgba(var(--colors-chroma-neutral-900));
    --colors-chroma-button-play-primary: rgba(var(--colors-chroma-blue-500));
    --colors-chroma-button-play-primary-hover-text: rgba(var(--colors-chroma-neutral-50));
    --colors-chroma-button-play-primary-hover: rgba(var(--colors-chroma-neutral-900));
    --colors-chroma-button-play-primary-focus: rgba(var(--colors-chroma-neutral-900));
    --colors-chroma-button-play-primary-focus-border: rgba(var(--colors-chroma-neutral-700));
    --colors-chroma-button-play-primary-disabled-text: rgba(var(--colors-chroma-blue-600));
    --colors-chroma-button-play-secondary-text: var(--colors-chroma-text-body-primary);
    --colors-chroma-button-play-secondary: rgba(var(--colors-chroma-neutral-50));
    --colors-chroma-button-play-secondary-hover-text: rgba(var(--colors-chroma-neutral-900));
    --colors-chroma-button-play-secondary-hover: rgba(var(--colors-chroma-blue-500));
    --colors-chroma-button-play-secondary-focus: rgba(var(--colors-chroma-blue-500));
    --colors-chroma-button-play-secondary-focus-border: rgba(var(--colors-chroma-blue-700));
    --colors-chroma-button-play-secondary-disabled-text: rgba(var(--colors-chroma-neutral-200));
    --colors-chroma-button-play-overlay-text: rgba(var(--colors-chroma-neutral-900));
    --colors-chroma-button-play-overlay: var(--colors-chroma-alpha-white-600);
    --colors-chroma-button-play-overlay-hover-text: rgba(var(--colors-chroma-neutral-50));
    --colors-chroma-button-play-overlay-hover: var(--colors-chroma-alpha-neutral-900-600);
    --colors-chroma-button-play-overlay-focus: var(--colors-chroma-alpha-neutral-900-600);
    --colors-chroma-button-play-overlay-focus-border: var(--colors-chroma-alpha-neutral-900-600);
    --colors-chroma-button-play-expanded-text: rgba(var(--colors-chroma-neutral-900));
    --colors-chroma-button-play-expanded: var(--colors-chroma-alpha-white-600);
    --colors-chroma-button-play-expanded-hover-text: rgba(var(--colors-chroma-neutral-50));
    --colors-chroma-button-play-expanded-hover: var(--colors-chroma-alpha-neutral-900-600);
    --colors-chroma-button-play-expanded-focus: var(--colors-chroma-alpha-neutral-900-600);
    --colors-chroma-button-close-modal-primary-text: rgba(var(--colors-chroma-neutral-900));
    --colors-chroma-button-close-modal-primary: rgba(var(--colors-chroma-blue-500));
    --colors-chroma-button-close-modal-primary-hover: rgba(var(--colors-chroma-neutral-200));
    --colors-chroma-button-close-modal-primary-focus: rgba(var(--colors-chroma-neutral-200));
    --colors-chroma-button-close-modal-primary-focus-border: rgba(var(--colors-chroma-neutral-400));
    --colors-chroma-button-close-modal-primary-disabled-text: rgba(var(--colors-chroma-blue-600));
    --colors-chroma-button-close-modal-secondary-text: var(--colors-chroma-text-body-primary);
    --colors-chroma-button-close-modal-secondary: rgba(var(--colors-chroma-neutral-100));
    --colors-chroma-button-close-modal-secondary-hover-text: rgba(var(--colors-chroma-neutral-900));
    --colors-chroma-button-close-modal-secondary-hover: rgba(var(--colors-chroma-blue-500));
    --colors-chroma-button-close-modal-secondary-focus: rgba(var(--colors-chroma-blue-500));
    --colors-chroma-button-close-modal-secondary-focus-border: rgba(var(--colors-chroma-blue-700));
    --colors-chroma-button-close-modal-secondary-disabled-text: rgba(var(--colors-chroma-neutral-300));
    --colors-chroma-border-pricing: rgba(var(--colors-chroma-neutral-200));
    --colors-chroma-chart-cell-primary: rgba(var(--colors-chroma-neutral-100));
    --colors-chroma-chart-cell-header: rgba(var(--colors-chroma-neutral-700));
    --colors-chroma-form-input-fill: rgba(var(--colors-chroma-neutral-50));
    --colors-chroma-form-input-border: rgba(var(--colors-chroma-neutral-300));
    --colors-chroma-form-background-card: rgba(var(--colors-chroma-neutral-100));
    --colors-chroma-table-header-fill: rgba(var(--colors-chroma-neutral-700));
    --colors-chroma-table-label-fill: rgba(var(--colors-chroma-neutral-100));
    --colors-chroma-table-cell-positive-fill: rgba(var(--colors-bokeh-green-100));
    --colors-chroma-table-cell-positive-icon: rgba(var(--colors-bokeh-green-500));
    --colors-chroma-table-cell-negative-fill: rgba(var(--colors-bokeh-red-100));
    --colors-chroma-table-cell-negative-icon: rgba(var(--colors-bokeh-red-500));
    --colors-chroma-navigation-backgrounds-bar: var(--colors-chroma-alpha-neutral-50-600);
    --colors-chroma-navigation-backgrounds-bar-hover: rgba(var(--colors-chroma-neutral-50));
    --colors-chroma-navigation-backgrounds-dropdown: rgba(var(--colors-chroma-neutral-white));
    --colors-chroma-navigation-backgrounds-menu-item-icon-bg: rgba(var(--colors-chroma-neutral-200));
    --colors-chroma-navigation-backgrounds-mobile-accordion-bg: rgba(var(--colors-chroma-neutral-50));
    --colors-chroma-navigation-backgrounds-overlay: var(--colors-chroma-alpha-neutral-900-600);
    --colors-chroma-navigation-cta-icon-button: var(--colors-chroma-alpha-neutral-200-000);
    --colors-chroma-navigation-cta-icon-button-hover: rgba(var(--colors-chroma-neutral-200));
    --colors-chroma-navigation-cta-icon-button-focus: rgba(var(--colors-chroma-neutral-200));
    --colors-chroma-navigation-cta-icon-button-focus-border: rgba(var(--colors-chroma-neutral-300));
    --colors-chroma-navigation-cta-icon-button-disabled-icon: rgba(var(--colors-chroma-neutral-200));
    --colors-chroma-navigation-cta-menu-item: var(--colors-chroma-alpha-neutral-100-000);
    --colors-chroma-navigation-cta-menu-item-hover: rgba(var(--colors-chroma-neutral-100));
    --colors-chroma-navigation-cta-menu-item-focus: rgba(var(--colors-chroma-neutral-100));
    --colors-chroma-navigation-cta-view-all: var(--colors-chroma-alpha-neutral-100-000);
    --colors-chroma-navigation-cta-view-all-hover: rgba(var(--colors-chroma-neutral-100));
    --colors-chroma-navigation-cta-view-all-focus: rgba(var(--colors-chroma-neutral-100));
    --colors-chroma-navigation-cta-close-icon-color: rgba(var(--colors-chroma-neutral-300));
    --colors-vimeo-logo: rgba(var(--colors-bokeh-900));
    --colors-hyperlink: rgba(var(--colors-blue-digital-blue));
    --colors-primary: rgba(var(--colors-blue-digital-blue));
    --colors-btn-background: rgba(var(--colors-black));
    --colors-btn-content: rgba(var(--colors-white));
    --colors-btn-icon-container: rgba(var(--colors-ebony-gray));
    --colors-btn-hover-background: rgba(var(--colors-vimeo-blue));
    --colors-btn-hover-content: rgba(var(--colors-black));
    --colors-btn-hover-icon-container: rgba(var(--colors-vimeo-blue-60));
    --colors-btn-focus-outline: rgba(var(--colors-raven-gray));
    --colors-btn-disabled-background: rgba(var(--colors-black));
    --colors-btn-disabled-content: rgba(var(--colors-ebony-gray));
    --colors-btn-disabled-icon-container: rgba(var(--colors-ebony-gray));
    --colors-card-chroma-bg-mask: rgba(var(--colors-bokeh-darker-blue));
    --colors-card-bokeh-border: rgba(var(--colors-bokeh-dark-blue), 0.08);
    --colors-card-background-prominent: rgba(var(--colors-ebony-gray));
    --colors-card-background-carousel: rgba(var(--colors-bokeh-darker-blue));
    --colors-card-background: rgba(var(--colors-black));
    --colors-card-background-light: rgba(var(--colors-pearl-black));
    --colors-card-content: rgba(var(--colors-white));
    --colors-card-disabled-content: rgba(var(--colors-ebony-gray));
    --colors-card-sub-content: rgba(var(--colors-granite-gray));
    --colors-card-lp-sub-content: rgba(var(--colors-granite-gray));
    --colors-card-chroma-content: rgba(var(--colors-chroma-gray));
    --colors-card-chroma-sub-content: rgba(var(--colors-chroma-light-gray));
    --colors-card-strikeout: rgba(var(--colors-ebony-gray));
    --colors-card-hover-background: rgba(var(--colors-pearl-black));
    --colors-card-hover-content: rgba(var(--colors-white));
    --colors-card-watch-card-content: rgba(var(--colors-black));
    --colors-container-background: rgba(var(--colors-black));
    --colors-container-card: rgba(var(--colors-pearl-black));
    --colors-lohp-container-background: rgba(var(--colors-pearl-black));
    --colors-lohp-container-card: rgba(var(--colors-neutral-800));
    --colors-lohp-container-card-hover: rgba(var(--colors-pearl-black));
    --colors-lohp-container-content: rgba(var(--colors-white));
    --colors-lohp-container-sub-content: rgba(var(--colors-neutral-400));
    --colors-lohp-container-content-light: rgba(var(--colors-white));
    --colors-lohp-container-content-lighter: rgba(var(--colors-white));
    --colors-form-input-background: rgba(var(--colors-white));
    --colors-form-input-text: rgba(var(--colors-raven-gray));
    --colors-form-checkbox-background: rgba(var(--colors-ebony-gray));
    --colors-form-label-text: rgba(var(--colors-white));
    --colors-form-select-border: rgba(var(--colors-white), 0.25);
    --colors-form-terms: rgba(var(--colors-white));
    --colors-tab-background: rgba(var(--colors-black));
    --colors-tab-content: rgba(var(--colors-white));
    --colors-tab-sub-content: rgba(var(--colors-granite-gray));
    --colors-tab-strikeout: rgba(var(--colors-ebony-gray));
    --colors-tab-hover-content: rgba(var(--colors-vimeo-blue));
    --colors-tab-focus-outline: rgba(var(--colors-raven-gray));
    --colors-tab-selected-background: rgba(var(--colors-ebony-gray));
    --colors-tab-disabled-background: rgba(var(--colors-black));
    --colors-tab-disabled-content: rgba(var(--colors-ebony-gray));
    --colors-tag-background: rgba(var(--colors-ebony-gray));
    --colors-tag-content: rgba(var(--colors-white));
    --colors-tag-bokeh-bg: rgba(var(--colors-black));
    --colors-tag-bokeh-content: rgba(var(--colors-white));
    --colors-carousel-nav-button: rgba(var(--colors-raven-gray));
    --colors-carousel-nav-button-active: rgba(var(--colors-white));
    --colors-carousel-nav-background: rgba(var(--colors-pearl-black));
    --colors-carousel-nav-content: rgba(var(--colors-white));
    --colors-carousel-nav-sub-content: rgba(var(--colors-vimeo-blue));
    --colors-hero-content: rgba(var(--colors-white));
    --colors-hero-sub-content: rgba(var(--colors-granite-gray));
    --colors-hero-left-content: rgba(var(--colors-pearl-white));
    --colors-hero-left-sub-content: rgba(var(--colors-pearl-white));
    --colors-global-nav-background: rgba(var(--colors-black));
    --colors-global-nav-background-accent: rgba(var(--colors-pearl-black));
    --colors-global-nav-content: rgba(var(--colors-white));
    --colors-global-nav-sub-content: rgba(var(--colors-granite-gray));
    --colors-global-nav-hover-content: rgba(var(--colors-blue-digital-blue));
    --colors-global-nav-hover-background-accent: rgba(var(--colors-ebony-gray));
    --colors-footer-background: rgba(var(--colors-black));
    --colors-footer-background-light: rgba(var(--colors-ebony-gray));
    --colors-footer-content: rgba(var(--colors-white));
    --colors-footer-sub-content: rgba(var(--colors-granite-gray));
    --colors-footer-hover-sub-content: rgba(var(--colors-blue-digital-blue));
    --colors-accordion-background: rgba(var(--colors-black));
    --colors-accordion-content: rgba(var(--colors-white));
    --colors-accordion-sub-content: rgba(var(--colors-granite-gray));
    --colors-accordion-expanded-background: rgba(var(--colors-pearl-black));
    --colors-generic-card-background: rgba(var(--colors-pearl-black));
    --colors-generic-card-background-dark: rgba(var(--colors-pearl-black));
    --colors-generic-card-content: rgba(var(--colors-white));
    --colors-generic-card-content-dark: rgba(var(--colors-white));
    --colors-generic-card-sub-content: rgba(var(--colors-granite-gray));
    --colors-generic-card-hyperlink: rgba(var(--colors-blue-digital-blue));
    --colors-generic-card-skeleton: rgba(var(--colors-ebony-gray));
    --colors-generic-card-error: rgba(var(--colors-silver-gray));
    --colors-lohp-btn-bg: rgba(var(--colors-pearl-black));
    --colors-lohp-btn-content: rgba(var(--colors-white));
    --colors-lohp-btn-hover-bg: rgba(var(--colors-white));
    --colors-lohp-btn-hover-content: rgba(var(--colors-black));
    --colors-lohp-btn-hover-sub-content: rgba(var(--colors-pearl-black));
    --colors-lohp-btn-active-bg: rgba(var(--colors-white));
    --colors-lohp-btn-active-content: rgba(var(--colors-black));
    --colors-lohp-btn-focus-bg: rgba(var(--colors-white));
    --colors-lohp-btn-focus-content: rgba(var(--colors-black));
    --colors-lohp-btn-focus-outline: rgba(var(--colors-granite-gray));
    --colors-lohp-btn-disabled-bg: rgba(var(--colors-black));
    --colors-lohp-btn-disabled-content: rgba(var(--colors-ebony-gray));
    --colors-lohp-text-btn-content: rgba(var(--colors-pearl-black));
    --colors-lohp-text-btn-sub-content: rgba(var(--colors-lohp-gray));
    --colors-lohp-text-btn-hover-content: rgba(var(--colors-pearl-black), 0.4);
    --colors-lohp-text-btn-hover-sub-content: rgba(var(--colors-lohp-gray), 0.4);
    --colors-lohp-text-btn-active-content: rgba(var(--colors-lohp-gray));
    --colors-lohp-text-btn-active-sub-content: rgba(var(--colors-pearl-black));
    --colors-lohp-text-btn-focus-content: rgba(var(--colors-lohp-gray));
    --colors-lohp-text-btn-focus-sub-content: rgba(var(--colors-pearl-black));
    --colors-chroma-text-btn-content: rgba(var(--colors-pearl-white));
    --colors-chroma-text-btn-sub-content: rgba(var(--colors-lohp-gray));
    --colors-chroma-text-btn-hover-content: rgba(var(--colors-pearl-white));
    --colors-chroma-text-btn-hover-sub-content: rgba(var(--colors-lohp-gray), 0.4);
    --colors-chroma-text-btn-active-content: rgba(var(--colors-lohp-gray));
    --colors-chroma-text-btn-active-sub-content: rgba(var(--colors-pearl-black));
    --colors-chroma-text-btn-focus-content: rgba(var(--colors-lohp-gray));
    --colors-chroma-text-btn-focus-sub-content: rgba(var(--colors-pearl-black));
    --colors-lohp-play-btn-base-bg-default: rgba(var(--colors-bokeh-white), 0.6);
    --colors-lohp-play-btn-base-bg-hover: rgba(var(--colors-pearl-black), 0.6);
    --colors-lohp-play-btn-base-bg-focus: rgba(var(--colors-pearl-black), 0.6);
    --colors-lohp-play-btn-base-border-focus: rgba(var(--colors-pearl-black), 0.6);
    --colors-lohp-play-btn-base-content-default: rgba(var(--colors-pearl-black));
    --colors-lohp-play-btn-base-content-focus: rgba(var(--colors-white));
    --colors-lohp-play-btn-base-content-hover: rgba(var(--colors-white));
    --colors-lohp-play-btn-base-content-disabled: rgba(var(--colors-pearl-black), 0.4);
    --colors-lohp-play-btn-bg-default: rgba(var(--colors-vimeo-blue));
    --colors-lohp-play-btn-bg-hover: rgba(var(--colors-black));
    --colors-lohp-play-btn-bg-focus: rgba(var(--colors-black));
    --colors-lohp-play-btn-content-default: rgba(var(--colors-black));
    --colors-lohp-play-btn-content-hover: rgba(var(--colors-white));
    --colors-lohp-play-btn-content-focus: rgba(var(--colors-white));
    --colors-lohp-play-btn-content-disabled: rgba(var(--colors-pearl-black), 0.4);
    --colors-lohp-play-btn-border-focus: rgba(var(--colors-ebony-gray));
    --colors-lohp-featured-in-card-card: rgba(var(--colors-intrinsic-gray));
    --colors-lohp-featured-in-card-hover-card: rgba(var(--colors-ebony-gray));
    --colors-comparison-table-background: rgba(var(--colors-pearl-black));
    --colors-comparison-table-content: rgba(var(--colors-chroma-gray));
    --colors-comparison-table-content-light: rgba(var(--colors-white));
    --colors-comparison-table-top-heading-background: rgba(var(--colors-silver-gray));
    --colors-comparison-table-top-heading-content: rgba(var(--colors-pearl-black));
    --colors-comparison-table-left-heading-background: rgba(var(--colors-ebony-gray));
    --colors-comparison-table-left-heading-content: rgba(var(--colors-white));
}
.black {
    --colors-black: 10, 14, 18;
    --colors-white: 250, 252, 253;
    --colors-bokeh-black: 0, 0, 0;
    --colors-bokeh-white: 255, 255, 255;
    --colors-warning: 255, 243, 205;
    --colors-pearl-black: 20, 26, 32;
    --colors-ebony-gray: 40, 49, 58;
    --colors-raven-gray: 61, 71, 81;
    --colors-granite-gray: 209, 217, 225;
    --colors-silver-gray: 223, 228, 234;
    --colors-intrinsic-gray: 25, 32, 40;
    --colors-pearl-white: 241, 245, 249;
    --colors-lohp-gray: 76, 88, 100;
    --colors-chroma-gray: 169, 178, 188;
    --colors-chroma-light-gray: 118, 114, 110;
    --colors-lohp-charcoal: 24, 32, 40;
    --colors-blue-007: 19, 177, 212;
    --colors-blue-digital-blue: 19, 177, 212;
    --colors-vimeo-blue-55: 0, 184, 224;
    --colors-vimeo-blue-58: 19, 177, 212;
    --colors-vimeo-blue-60: 0, 170, 207;
    --colors-vimeo-blue-80: 2, 70, 85;
    --colors-vimeo-blue: 23, 213, 255;
    --colors-red-40: 254, 99, 99;
    --colors-red-60: 190, 41, 41;
    --colors-red-marketo-error: 186, 22, 0;
    --colors-orange-40: 250, 156, 88;
    --colors-orange-60: 215, 102, 20;
    --colors-orange-80: 215, 102, 20;
    --colors-lime-40: 229, 232, 90;
    --colors-lime-60: 147, 150, 3;
    --colors-lime-70: 126, 189, 88;
    --colors-green-35: 183, 255, 76;
    --colors-green-40: 154, 232, 94;
    --colors-green-55: 129, 201, 74;
    --colors-green-60: 97, 159, 50;
    --colors-fuchsia-40: 223, 94, 187;
    --colors-fuchsia-60: 157, 36, 123;
    --colors-indigo-40: 140, 150, 241;
    --colors-indigo-60: 64, 76, 172;
    --colors-purple-55: 165, 86, 239;
    --colors-purple: 187, 130, 255;
    --colors-std-blue-40: 56, 193, 224;
    --colors-std-blue-60: 0, 124, 173;
    --colors-std-blue-80: 0, 80, 112;
    --colors-gray-40: 227, 232, 233;
    --colors-neutral-400: 169, 178, 188;
    --colors-neutral-550: 76, 88, 100;
    --colors-neutral-800: 25, 32, 40;
    --colors-forest-60: 56, 103, 28;
    --colors-cyan-50: 23, 213, 255;
    --colors-bluePurple-40: 140, 150, 241;
    --colors-brand-slack-base: 74, 21, 75;
    --colors-brand-slack-hover: 74, 21, 75;
    --colors-brand-dropbox-base: 0, 97, 254;
    --colors-brand-dropbox-hover: 0, 97, 254;
    --colors-brand-box-base: 11, 92, 255;
    --colors-brand-box-hover: 11, 92, 255;
    --colors-brand-zoom-base: 11, 92, 255;
    --colors-brand-zoom-hover: 11, 92, 255;
    --colors-bokeh-grey-50: 249, 250, 251;
    --colors-bokeh-grey-100: 244, 246, 248;
    --colors-bokeh-grey-200: 228, 233, 239;
    --colors-bokeh-grey-300: 203, 213, 224;
    --colors-bokeh-grey-400: 151, 161, 173;
    --colors-bokeh-grey-500: 104, 114, 124;
    --colors-bokeh-grey-600: 61, 71, 81;
    --colors-bokeh-grey-700: 37, 45, 53;
    --colors-bokeh-grey-800: 24, 30, 36;
    --colors-bokeh-grey-900: 14, 18, 22;
    --colors-bokeh-green-50: 239, 247, 234;
    --colors-bokeh-green-100: 223, 238, 213;
    --colors-bokeh-green-200: 191, 222, 171;
    --colors-bokeh-green-300: 158, 205, 130;
    --colors-bokeh-green-400: 126, 189, 88;
    --colors-bokeh-green-500: 88, 166, 40;
    --colors-bokeh-green-600: 75, 138, 37;
    --colors-bokeh-green-700: 56, 103, 28;
    --colors-bokeh-green-800: 38, 69, 18;
    --colors-bokeh-green-900: 28, 52, 14;
    --colors-bokeh-red-50: 255, 245, 245;
    --colors-bokeh-red-100: 254, 215, 215;
    --colors-bokeh-red-200: 254, 178, 178;
    --colors-bokeh-red-300: 252, 129, 129;
    --colors-bokeh-red-400: 245, 101, 101;
    --colors-bokeh-red-500: 229, 62, 62;
    --colors-bokeh-red-600: 197, 48, 48;
    --colors-bokeh-red-700: 155, 44, 44;
    --colors-bokeh-red-800: 130, 39, 39;
    --colors-bokeh-red-900: 99, 23, 27;
    --colors-bokeh-darker-blue: 24, 32, 40;
    --colors-bokeh-dark-blue: 26, 54, 93;
    --colors-bokeh-light-blue: 190, 227, 248;
    --colors-bokeh-yellow-400: 236, 201, 75;
    --colors-chroma-neutral-50: 250, 252, 253;
    --colors-chroma-neutral-100: 241, 245, 249;
    --colors-chroma-neutral-200: 223, 228, 234;
    --colors-chroma-neutral-300: 209, 217, 225;
    --colors-chroma-neutral-400: 169, 178, 188;
    --colors-chroma-neutral-500: 116, 128, 140;
    --colors-chroma-neutral-550: 76, 88, 100;
    --colors-chroma-neutral-600: 61, 71, 81;
    --colors-chroma-neutral-700: 40, 49, 58;
    --colors-chroma-neutral-800: 25, 32, 40;
    --colors-chroma-neutral-900: 20, 26, 32;
    --colors-chroma-neutral-white: 255, 255, 255;
    --colors-chroma-neutral-black: 0, 0, 0;
    --colors-chroma-blue-100: 209, 247, 255;
    --colors-chroma-blue-200: 178, 241, 255;
    --colors-chroma-blue-300: 139, 234, 255;
    --colors-chroma-blue-400: 87, 225, 255;
    --colors-chroma-blue-500: 23, 213, 255;
    --colors-chroma-blue-600: 19, 177, 212;
    --colors-chroma-blue-700: 0, 129, 158;
    --colors-chroma-blue-800: 0, 74, 90;
    --colors-chroma-blue-900: 5, 43, 51;
    --colors-chroma-purple-100: 226, 217, 255;
    --colors-chroma-purple-200: 198, 184, 255;
    --colors-chroma-purple-300: 172, 153, 255;
    --colors-chroma-purple-400: 138, 117, 255;
    --colors-chroma-purple-500: 118, 77, 255;
    --colors-chroma-purple-600: 77, 46, 178;
    --colors-chroma-purple-700: 55, 33, 128;
    --colors-chroma-purple-800: 37, 22, 85;
    --colors-chroma-purple-900: 22, 13, 51;
    --colors-chroma-pink-100: 255, 214, 247;
    --colors-chroma-pink-200: 255, 187, 242;
    --colors-chroma-pink-300: 255, 152, 236;
    --colors-chroma-pink-400: 255, 107, 228;
    --colors-chroma-pink-500: 255, 50, 217;
    --colors-chroma-pink-600: 200, 40, 171;
    --colors-chroma-pink-700: 141, 28, 120;
    --colors-chroma-pink-800: 85, 17, 72;
    --colors-chroma-pink-900: 51, 10, 43;
    --colors-chroma-red-100: 254, 208, 206;
    --colors-chroma-red-200: 254, 177, 173;
    --colors-chroma-red-300: 253, 137, 132;
    --colors-chroma-red-400: 252, 98, 91;
    --colors-chroma-red-500: 251, 20, 9;
    --colors-chroma-red-600: 167, 13, 6;
    --colors-chroma-red-700: 126, 10, 5;
    --colors-chroma-red-800: 84, 7, 3;
    --colors-chroma-red-900: 50, 4, 2;
    --colors-chroma-orange-100: 255, 222, 204;
    --colors-chroma-orange-200: 255, 196, 163;
    --colors-chroma-orange-300: 255, 165, 117;
    --colors-chroma-orange-400: 255, 120, 46;
    --colors-chroma-orange-500: 255, 90, 0;
    --colors-chroma-orange-600: 170, 60, 0;
    --colors-chroma-orange-700: 128, 45, 0;
    --colors-chroma-orange-800: 85, 30, 0;
    --colors-chroma-orange-900: 51, 18, 0;
    --colors-chroma-green-100: 242, 248, 208;
    --colors-chroma-green-200: 231, 242, 171;
    --colors-chroma-green-300: 214, 233, 109;
    --colors-chroma-green-400: 201, 226, 61;
    --colors-chroma-green-500: 190, 220, 22;
    --colors-chroma-green-600: 158, 183, 18;
    --colors-chroma-green-700: 95, 110, 11;
    --colors-chroma-green-800: 63, 73, 7;
    --colors-chroma-green-900: 38, 44, 4;
    --colors-chroma-alpha-white-200: rgba(var(--colors-chroma-neutral-white), 0.2);
    --colors-chroma-alpha-white-400: rgba(var(--colors-chroma-neutral-white), 0.4);
    --colors-chroma-alpha-white-600: rgba(var(--colors-chroma-neutral-white), 0.6);
    --colors-chroma-alpha-white-800: rgba(var(--colors-chroma-neutral-white), 0.8);
    --colors-chroma-alpha-white-000: rgba(var(--colors-chroma-neutral-white), 0);
    --colors-chroma-alpha-black-200: rgba(var(--colors-chroma-neutral-black), 0.2);
    --colors-chroma-alpha-black-400: rgba(var(--colors-chroma-neutral-black), 0.4);
    --colors-chroma-alpha-black-600: rgba(var(--colors-chroma-neutral-black), 0.6);
    --colors-chroma-alpha-black-800: rgba(var(--colors-chroma-neutral-black), 0.8);
    --colors-chroma-alpha-black-000: rgba(var(--colors-chroma-neutral-black), 0);
    --colors-chroma-alpha-neutral-50-200: rgba(var(--colors-chroma-neutral-50), 0.2);
    --colors-chroma-alpha-neutral-50-400: rgba(var(--colors-chroma-neutral-50), 0.4);
    --colors-chroma-alpha-neutral-50-600: rgba(var(--colors-chroma-neutral-50), 0.6);
    --colors-chroma-alpha-neutral-50-800: rgba(var(--colors-chroma-neutral-50), 0.8);
    --colors-chroma-alpha-neutral-50-000: rgba(var(--colors-chroma-neutral-50), 0);
    --colors-chroma-alpha-neutral-100-200: rgba(var(--colors-chroma-neutral-100), 0.2);
    --colors-chroma-alpha-neutral-100-400: rgba(var(--colors-chroma-neutral-100), 0.4);
    --colors-chroma-alpha-neutral-100-600: rgba(var(--colors-chroma-neutral-100), 0.6);
    --colors-chroma-alpha-neutral-100-800: rgba(var(--colors-chroma-neutral-100), 0.8);
    --colors-chroma-alpha-neutral-100-000: rgba(var(--colors-chroma-neutral-100), 0);
    --colors-chroma-alpha-neutral-200-200: rgba(var(--colors-chroma-neutral-200), 0.2);
    --colors-chroma-alpha-neutral-200-400: rgba(var(--colors-chroma-neutral-200), 0.4);
    --colors-chroma-alpha-neutral-200-600: rgba(var(--colors-chroma-neutral-200), 0.6);
    --colors-chroma-alpha-neutral-200-800: rgba(var(--colors-chroma-neutral-200), 0.8);
    --colors-chroma-alpha-neutral-200-000: rgba(var(--colors-chroma-neutral-200), 0);
    --colors-chroma-alpha-neutral-300-200: rgba(var(--colors-chroma-neutral-300), 0.2);
    --colors-chroma-alpha-neutral-300-400: rgba(var(--colors-chroma-neutral-300), 0.4);
    --colors-chroma-alpha-neutral-300-600: rgba(var(--colors-chroma-neutral-300), 0.6);
    --colors-chroma-alpha-neutral-300-800: rgba(var(--colors-chroma-neutral-300), 0.8);
    --colors-chroma-alpha-neutral-300-000: rgba(var(--colors-chroma-neutral-300), 0);
    --colors-chroma-alpha-neutral-600-200: rgba(var(--colors-chroma-neutral-600), 0.2);
    --colors-chroma-alpha-neutral-600-400: rgba(var(--colors-chroma-neutral-600), 0.4);
    --colors-chroma-alpha-neutral-600-600: rgba(var(--colors-chroma-neutral-600), 0.6);
    --colors-chroma-alpha-neutral-600-800: rgba(var(--colors-chroma-neutral-600), 0.8);
    --colors-chroma-alpha-neutral-600-000: rgba(var(--colors-chroma-neutral-600), 0);
    --colors-chroma-alpha-neutral-700-200: rgba(var(--colors-chroma-neutral-700), 0.2);
    --colors-chroma-alpha-neutral-700-400: rgba(var(--colors-chroma-neutral-700), 0.4);
    --colors-chroma-alpha-neutral-700-600: rgba(var(--colors-chroma-neutral-700), 0.6);
    --colors-chroma-alpha-neutral-700-800: rgba(var(--colors-chroma-neutral-700), 0.8);
    --colors-chroma-alpha-neutral-700-000: rgba(var(--colors-chroma-neutral-700), 0);
    --colors-chroma-alpha-neutral-900-200: rgba(var(--colors-chroma-neutral-900), 0.2);
    --colors-chroma-alpha-neutral-900-400: rgba(var(--colors-chroma-neutral-900), 0.4);
    --colors-chroma-alpha-neutral-900-600: rgba(var(--colors-chroma-neutral-900), 0.6);
    --colors-chroma-alpha-neutral-900-800: rgba(var(--colors-chroma-neutral-900), 0.8);
    --colors-chroma-alpha-neutral-900-000: rgba(var(--colors-chroma-neutral-900), 0);
    --colors-chroma-text-body-primary: rgba(var(--colors-chroma-neutral-900));
    --colors-chroma-text-body-secondary: rgba(var(--colors-chroma-neutral-550));
    --colors-chroma-text-body-inverted: rgba(var(--colors-chroma-neutral-50));
    --colors-chroma-text-body-highlight: rgba(var(--colors-chroma-blue-700));
    --colors-chroma-text-links: rgba(var(--colors-chroma-blue-700));
    --colors-chroma-text-misc-quote-icon: rgba(var(--colors-chroma-neutral-200));
    --colors-chroma-text-misc-quote-highlight: rgba(var(--colors-chroma-blue-700));
    --colors-chroma-background-body: rgba(var(--colors-chroma-neutral-50));
    --colors-chroma-background-card: rgba(var(--colors-chroma-neutral-100));
    --colors-chroma-background-pricing-card: rgba(var(--colors-chroma-neutral-white));
    --colors-chroma-background-overlay-alpha: var(--colors-chroma-alpha-white-000);
    --colors-chroma-button-cta-primary-text: rgba(var(--colors-chroma-neutral-900));
    --colors-chroma-button-cta-primary: rgba(var(--colors-chroma-blue-500));
    --colors-chroma-button-cta-primary-hover: rgba(var(--colors-chroma-blue-600));
    --colors-chroma-button-cta-primary-focus: rgba(var(--colors-chroma-blue-600));
    --colors-chroma-button-cta-primary-focus-border: rgba(var(--colors-chroma-blue-700));
    --colors-chroma-button-cta-primary-disabled-text: rgba(var(--colors-chroma-blue-600));
    --colors-chroma-button-cta-secondary-text: var(--colors-chroma-text-body-inverted);
    --colors-chroma-button-cta-secondary: rgba(var(--colors-chroma-neutral-900));
    --colors-chroma-button-cta-secondary-hover: rgba(var(--colors-chroma-neutral-500));
    --colors-chroma-button-cta-secondary-focus: rgba(var(--colors-chroma-neutral-500));
    --colors-chroma-button-cta-secondary-focus-border: rgba(var(--colors-chroma-neutral-black));
    --colors-chroma-button-cta-secondary-disabled-text: rgba(var(--colors-chroma-neutral-700));
    --colors-chroma-button-cta-secondary-alt-text: var(--colors-chroma-text-body-inverted);
    --colors-chroma-button-cta-secondary-alt: rgba(var(--colors-chroma-neutral-700));
    --colors-chroma-button-cta-secondary-alt-hover: rgba(var(--colors-chroma-neutral-500));
    --colors-chroma-button-cta-secondary-alt-focus: rgba(var(--colors-chroma-neutral-500));
    --colors-chroma-button-cta-secondary-alt-focus-border: rgba(var(--colors-chroma-neutral-900));
    --colors-chroma-button-cta-secondary-alt-disabled-text: rgba(var(--colors-chroma-neutral-550));
    --colors-chroma-button-more-text: var(--colors-chroma-text-body-primary);
    --colors-chroma-button-more: rgba(var(--colors-chroma-neutral-100));
    --colors-chroma-button-more-hover: rgba(var(--colors-chroma-neutral-300));
    --colors-chroma-button-more-focus: rgba(var(--colors-chroma-neutral-300));
    --colors-chroma-button-more-focus-border: rgba(var(--colors-chroma-neutral-400));
    --colors-chroma-button-more-disabled-text: rgba(var(--colors-chroma-neutral-300));
    --colors-chroma-button-less-text: var(--colors-chroma-text-body-inverted);
    --colors-chroma-button-less: rgba(var(--colors-chroma-neutral-900));
    --colors-chroma-button-less-hover: rgba(var(--colors-chroma-neutral-500));
    --colors-chroma-button-less-focus: rgba(var(--colors-chroma-neutral-500));
    --colors-chroma-button-less-focus-border: rgba(var(--colors-chroma-neutral-black));
    --colors-chroma-button-less-disabled-text: rgba(var(--colors-chroma-neutral-700));
    --colors-chroma-button-play-primary-text: rgba(var(--colors-chroma-neutral-900));
    --colors-chroma-button-play-primary: rgba(var(--colors-chroma-blue-500));
    --colors-chroma-button-play-primary-hover-text: rgba(var(--colors-chroma-neutral-50));
    --colors-chroma-button-play-primary-hover: rgba(var(--colors-chroma-neutral-900));
    --colors-chroma-button-play-primary-focus: rgba(var(--colors-chroma-neutral-900));
    --colors-chroma-button-play-primary-focus-border: rgba(var(--colors-chroma-neutral-700));
    --colors-chroma-button-play-primary-disabled-text: rgba(var(--colors-chroma-blue-600));
    --colors-chroma-button-play-secondary-text: var(--colors-chroma-text-body-primary);
    --colors-chroma-button-play-secondary: rgba(var(--colors-chroma-neutral-50));
    --colors-chroma-button-play-secondary-hover-text: rgba(var(--colors-chroma-neutral-900));
    --colors-chroma-button-play-secondary-hover: rgba(var(--colors-chroma-blue-500));
    --colors-chroma-button-play-secondary-focus: rgba(var(--colors-chroma-blue-500));
    --colors-chroma-button-play-secondary-focus-border: rgba(var(--colors-chroma-blue-700));
    --colors-chroma-button-play-secondary-disabled-text: rgba(var(--colors-chroma-neutral-200));
    --colors-chroma-button-play-overlay-text: rgba(var(--colors-chroma-neutral-900));
    --colors-chroma-button-play-overlay: var(--colors-chroma-alpha-white-600);
    --colors-chroma-button-play-overlay-hover-text: rgba(var(--colors-chroma-neutral-50));
    --colors-chroma-button-play-overlay-hover: var(--colors-chroma-alpha-neutral-900-600);
    --colors-chroma-button-play-overlay-focus: var(--colors-chroma-alpha-neutral-900-600);
    --colors-chroma-button-play-overlay-focus-border: var(--colors-chroma-alpha-neutral-900-600);
    --colors-chroma-button-play-expanded-text: rgba(var(--colors-chroma-neutral-900));
    --colors-chroma-button-play-expanded: var(--colors-chroma-alpha-white-600);
    --colors-chroma-button-play-expanded-hover-text: rgba(var(--colors-chroma-neutral-50));
    --colors-chroma-button-play-expanded-hover: var(--colors-chroma-alpha-neutral-900-600);
    --colors-chroma-button-play-expanded-focus: var(--colors-chroma-alpha-neutral-900-600);
    --colors-chroma-button-close-modal-primary-text: rgba(var(--colors-chroma-neutral-900));
    --colors-chroma-button-close-modal-primary: rgba(var(--colors-chroma-blue-500));
    --colors-chroma-button-close-modal-primary-hover: rgba(var(--colors-chroma-neutral-200));
    --colors-chroma-button-close-modal-primary-focus: rgba(var(--colors-chroma-neutral-200));
    --colors-chroma-button-close-modal-primary-focus-border: rgba(var(--colors-chroma-neutral-400));
    --colors-chroma-button-close-modal-primary-disabled-text: rgba(var(--colors-chroma-blue-600));
    --colors-chroma-button-close-modal-secondary-text: var(--colors-chroma-text-body-primary);
    --colors-chroma-button-close-modal-secondary: rgba(var(--colors-chroma-neutral-100));
    --colors-chroma-button-close-modal-secondary-hover-text: rgba(var(--colors-chroma-neutral-900));
    --colors-chroma-button-close-modal-secondary-hover: rgba(var(--colors-chroma-blue-500));
    --colors-chroma-button-close-modal-secondary-focus: rgba(var(--colors-chroma-blue-500));
    --colors-chroma-button-close-modal-secondary-focus-border: rgba(var(--colors-chroma-blue-700));
    --colors-chroma-button-close-modal-secondary-disabled-text: rgba(var(--colors-chroma-neutral-300));
    --colors-chroma-border-pricing: rgba(var(--colors-chroma-neutral-200));
    --colors-chroma-chart-cell-primary: rgba(var(--colors-chroma-neutral-100));
    --colors-chroma-chart-cell-header: rgba(var(--colors-chroma-neutral-700));
    --colors-chroma-form-input-fill: rgba(var(--colors-chroma-neutral-50));
    --colors-chroma-form-input-border: rgba(var(--colors-chroma-neutral-300));
    --colors-chroma-form-background-card: rgba(var(--colors-chroma-neutral-100));
    --colors-chroma-table-header-fill: rgba(var(--colors-chroma-neutral-700));
    --colors-chroma-table-label-fill: rgba(var(--colors-chroma-neutral-100));
    --colors-chroma-table-cell-positive-fill: rgba(var(--colors-bokeh-green-100));
    --colors-chroma-table-cell-positive-icon: rgba(var(--colors-bokeh-green-500));
    --colors-chroma-table-cell-negative-fill: rgba(var(--colors-bokeh-red-100));
    --colors-chroma-table-cell-negative-icon: rgba(var(--colors-bokeh-red-500));
    --colors-chroma-navigation-backgrounds-bar: var(--colors-chroma-alpha-neutral-50-600);
    --colors-chroma-navigation-backgrounds-bar-hover: rgba(var(--colors-chroma-neutral-50));
    --colors-chroma-navigation-backgrounds-dropdown: rgba(var(--colors-chroma-neutral-white));
    --colors-chroma-navigation-backgrounds-menu-item-icon-bg: rgba(var(--colors-chroma-neutral-200));
    --colors-chroma-navigation-backgrounds-mobile-accordion-bg: rgba(var(--colors-chroma-neutral-50));
    --colors-chroma-navigation-backgrounds-overlay: var(--colors-chroma-alpha-neutral-900-600);
    --colors-chroma-navigation-cta-icon-button: var(--colors-chroma-alpha-neutral-200-000);
    --colors-chroma-navigation-cta-icon-button-hover: rgba(var(--colors-chroma-neutral-200));
    --colors-chroma-navigation-cta-icon-button-focus: rgba(var(--colors-chroma-neutral-200));
    --colors-chroma-navigation-cta-icon-button-focus-border: rgba(var(--colors-chroma-neutral-300));
    --colors-chroma-navigation-cta-icon-button-disabled-icon: rgba(var(--colors-chroma-neutral-200));
    --colors-chroma-navigation-cta-menu-item: var(--colors-chroma-alpha-neutral-100-000);
    --colors-chroma-navigation-cta-menu-item-hover: rgba(var(--colors-chroma-neutral-100));
    --colors-chroma-navigation-cta-menu-item-focus: rgba(var(--colors-chroma-neutral-100));
    --colors-chroma-navigation-cta-view-all: var(--colors-chroma-alpha-neutral-100-000);
    --colors-chroma-navigation-cta-view-all-hover: rgba(var(--colors-chroma-neutral-100));
    --colors-chroma-navigation-cta-view-all-focus: rgba(var(--colors-chroma-neutral-100));
    --colors-chroma-navigation-cta-close-icon-color: rgba(var(--colors-chroma-neutral-300));
    --colors-vimeo-logo: rgba(var(--colors-bokeh-100));
    --colors-hyperlink: rgba(var(--colors-blue-digital-blue));
    --colors-primary: rgba(var(--colors-blue-digital-blue));
    --colors-btn-background: rgba(var(--colors-black));
    --colors-btn-content: rgba(var(--colors-white));
    --colors-btn-icon-container: rgba(var(--colors-ebony-gray));
    --colors-btn-hover-background: rgba(var(--colors-vimeo-blue));
    --colors-btn-hover-content: rgba(var(--colors-black));
    --colors-btn-hover-icon-container: rgba(var(--colors-vimeo-blue-60));
    --colors-btn-focus-outline: rgba(var(--colors-raven-gray));
    --colors-btn-disabled-background: rgba(var(--colors-black));
    --colors-btn-disabled-content: rgba(var(--colors-ebony-gray));
    --colors-btn-disabled-icon-container: rgba(var(--colors-ebony-gray));
    --colors-card-chroma-bg-mask: rgba(var(--colors-bokeh-darker-blue));
    --colors-card-bokeh-border: rgba(var(--colors-bokeh-dark-blue), 0.08);
    --colors-card-background-prominent: rgba(var(--colors-ebony-gray));
    --colors-card-background-carousel: rgba(var(--colors-bokeh-darker-blue));
    --colors-card-background: rgba(var(--colors-black));
    --colors-card-background-light: rgba(var(--colors-pearl-black));
    --colors-card-content: rgba(var(--colors-white));
    --colors-card-disabled-content: rgba(var(--colors-ebony-gray));
    --colors-card-sub-content: rgba(var(--colors-granite-gray));
    --colors-card-lp-sub-content: rgba(var(--colors-granite-gray));
    --colors-card-chroma-content: rgba(var(--colors-chroma-gray));
    --colors-card-chroma-sub-content: rgba(var(--colors-chroma-light-gray));
    --colors-card-strikeout: rgba(var(--colors-ebony-gray));
    --colors-card-hover-background: rgba(var(--colors-pearl-black));
    --colors-card-hover-content: rgba(var(--colors-white));
    --colors-card-watch-card-content: rgba(var(--colors-black));
    --colors-container-background: rgba(var(--colors-black));
    --colors-container-card: rgba(var(--colors-pearl-black));
    --colors-lohp-container-background: rgba(var(--colors-pearl-black));
    --colors-lohp-container-card: rgba(var(--colors-neutral-800));
    --colors-lohp-container-card-hover: rgba(var(--colors-pearl-black));
    --colors-lohp-container-content: rgba(var(--colors-white));
    --colors-lohp-container-sub-content: rgba(var(--colors-neutral-400));
    --colors-lohp-container-content-light: rgba(var(--colors-white));
    --colors-lohp-container-content-lighter: rgba(var(--colors-white));
    --colors-form-input-background: rgba(var(--colors-white));
    --colors-form-input-text: rgba(var(--colors-raven-gray));
    --colors-form-checkbox-background: rgba(var(--colors-ebony-gray));
    --colors-form-label-text: rgba(var(--colors-white));
    --colors-form-select-border: rgba(var(--colors-white), 0.25);
    --colors-form-terms: rgba(var(--colors-white));
    --colors-tab-background: rgba(var(--colors-black));
    --colors-tab-content: rgba(var(--colors-white));
    --colors-tab-sub-content: rgba(var(--colors-granite-gray));
    --colors-tab-strikeout: rgba(var(--colors-ebony-gray));
    --colors-tab-hover-content: rgba(var(--colors-vimeo-blue));
    --colors-tab-focus-outline: rgba(var(--colors-raven-gray));
    --colors-tab-selected-background: rgba(var(--colors-ebony-gray));
    --colors-tab-disabled-background: rgba(var(--colors-black));
    --colors-tab-disabled-content: rgba(var(--colors-ebony-gray));
    --colors-tag-background: rgba(var(--colors-ebony-gray));
    --colors-tag-content: rgba(var(--colors-white));
    --colors-tag-bokeh-bg: rgba(var(--colors-black));
    --colors-tag-bokeh-content: rgba(var(--colors-white));
    --colors-carousel-nav-button: rgba(var(--colors-raven-gray));
    --colors-carousel-nav-button-active: rgba(var(--colors-white));
    --colors-carousel-nav-background: rgba(var(--colors-pearl-black));
    --colors-carousel-nav-content: rgba(var(--colors-white));
    --colors-carousel-nav-sub-content: rgba(var(--colors-vimeo-blue));
    --colors-hero-content: rgba(var(--colors-white));
    --colors-hero-sub-content: rgba(var(--colors-granite-gray));
    --colors-hero-left-content: rgba(var(--colors-pearl-white));
    --colors-hero-left-sub-content: rgba(var(--colors-pearl-white));
    --colors-global-nav-background: rgba(var(--colors-black));
    --colors-global-nav-background-accent: rgba(var(--colors-pearl-black));
    --colors-global-nav-content: rgba(var(--colors-white));
    --colors-global-nav-sub-content: rgba(var(--colors-granite-gray));
    --colors-global-nav-hover-content: rgba(var(--colors-blue-digital-blue));
    --colors-global-nav-hover-background-accent: rgba(var(--colors-ebony-gray));
    --colors-footer-background: rgba(var(--colors-black));
    --colors-footer-background-light: rgba(var(--colors-ebony-gray));
    --colors-footer-content: rgba(var(--colors-white));
    --colors-footer-sub-content: rgba(var(--colors-granite-gray));
    --colors-footer-hover-sub-content: rgba(var(--colors-blue-digital-blue));
    --colors-accordion-background: rgba(var(--colors-black));
    --colors-accordion-content: rgba(var(--colors-white));
    --colors-accordion-sub-content: rgba(var(--colors-granite-gray));
    --colors-accordion-expanded-background: rgba(var(--colors-pearl-black));
    --colors-generic-card-background: rgba(var(--colors-pearl-black));
    --colors-generic-card-background-dark: rgba(var(--colors-pearl-black));
    --colors-generic-card-content: rgba(var(--colors-white));
    --colors-generic-card-content-dark: rgba(var(--colors-white));
    --colors-generic-card-sub-content: rgba(var(--colors-granite-gray));
    --colors-generic-card-hyperlink: rgba(var(--colors-blue-digital-blue));
    --colors-generic-card-skeleton: rgba(var(--colors-ebony-gray));
    --colors-generic-card-error: rgba(var(--colors-silver-gray));
    --colors-lohp-btn-bg: rgba(var(--colors-pearl-black));
    --colors-lohp-btn-content: rgba(var(--colors-white));
    --colors-lohp-btn-hover-bg: rgba(var(--colors-white));
    --colors-lohp-btn-hover-content: rgba(var(--colors-black));
    --colors-lohp-btn-hover-sub-content: rgba(var(--colors-pearl-black));
    --colors-lohp-btn-active-bg: rgba(var(--colors-white));
    --colors-lohp-btn-active-content: rgba(var(--colors-black));
    --colors-lohp-btn-focus-bg: rgba(var(--colors-white));
    --colors-lohp-btn-focus-content: rgba(var(--colors-black));
    --colors-lohp-btn-focus-outline: rgba(var(--colors-granite-gray));
    --colors-lohp-btn-disabled-bg: rgba(var(--colors-black));
    --colors-lohp-btn-disabled-content: rgba(var(--colors-ebony-gray));
    --colors-lohp-text-btn-content: rgba(var(--colors-pearl-black));
    --colors-lohp-text-btn-sub-content: rgba(var(--colors-lohp-gray));
    --colors-lohp-text-btn-hover-content: rgba(var(--colors-pearl-black), 0.4);
    --colors-lohp-text-btn-hover-sub-content: rgba(var(--colors-lohp-gray), 0.4);
    --colors-lohp-text-btn-active-content: rgba(var(--colors-lohp-gray));
    --colors-lohp-text-btn-active-sub-content: rgba(var(--colors-pearl-black));
    --colors-lohp-text-btn-focus-content: rgba(var(--colors-lohp-gray));
    --colors-lohp-text-btn-focus-sub-content: rgba(var(--colors-pearl-black));
    --colors-chroma-text-btn-content: rgba(var(--colors-pearl-white));
    --colors-chroma-text-btn-sub-content: rgba(var(--colors-lohp-gray));
    --colors-chroma-text-btn-hover-content: rgba(var(--colors-pearl-white));
    --colors-chroma-text-btn-hover-sub-content: rgba(var(--colors-lohp-gray), 0.4);
    --colors-chroma-text-btn-active-content: rgba(var(--colors-lohp-gray));
    --colors-chroma-text-btn-active-sub-content: rgba(var(--colors-pearl-black));
    --colors-chroma-text-btn-focus-content: rgba(var(--colors-lohp-gray));
    --colors-chroma-text-btn-focus-sub-content: rgba(var(--colors-pearl-black));
    --colors-lohp-play-btn-base-bg-default: rgba(var(--colors-bokeh-white), 0.6);
    --colors-lohp-play-btn-base-bg-hover: rgba(var(--colors-pearl-black), 0.6);
    --colors-lohp-play-btn-base-bg-focus: rgba(var(--colors-pearl-black), 0.6);
    --colors-lohp-play-btn-base-border-focus: rgba(var(--colors-pearl-black), 0.6);
    --colors-lohp-play-btn-base-content-default: rgba(var(--colors-pearl-black));
    --colors-lohp-play-btn-base-content-focus: rgba(var(--colors-white));
    --colors-lohp-play-btn-base-content-hover: rgba(var(--colors-white));
    --colors-lohp-play-btn-base-content-disabled: rgba(var(--colors-pearl-black), 0.4);
    --colors-lohp-play-btn-bg-default: rgba(var(--colors-vimeo-blue));
    --colors-lohp-play-btn-bg-hover: rgba(var(--colors-black));
    --colors-lohp-play-btn-bg-focus: rgba(var(--colors-black));
    --colors-lohp-play-btn-content-default: rgba(var(--colors-black));
    --colors-lohp-play-btn-content-hover: rgba(var(--colors-white));
    --colors-lohp-play-btn-content-focus: rgba(var(--colors-white));
    --colors-lohp-play-btn-content-disabled: rgba(var(--colors-pearl-black), 0.4);
    --colors-lohp-play-btn-border-focus: rgba(var(--colors-ebony-gray));
    --colors-lohp-featured-in-card-card: rgba(var(--colors-intrinsic-gray));
    --colors-lohp-featured-in-card-hover-card: rgba(var(--colors-ebony-gray));
    --colors-comparison-table-background: rgba(var(--colors-pearl-black));
    --colors-comparison-table-content: rgba(var(--colors-chroma-gray));
    --colors-comparison-table-content-light: rgba(var(--colors-white));
    --colors-comparison-table-top-heading-background: rgba(var(--colors-silver-gray));
    --colors-comparison-table-top-heading-content: rgba(var(--colors-pearl-black));
    --colors-comparison-table-left-heading-background: rgba(var(--colors-ebony-gray));
    --colors-comparison-table-left-heading-content: rgba(var(--colors-white));
}
.white {
    --colors-lohp-play-btn-base-bg-default: rgba(var(--colors-white));
    --colors-lohp-play-btn-base-bg-focus: rgba(var(--colors-vimeo-blue));
    --colors-lohp-play-btn-base-bg-hover: rgba(var(--colors-vimeo-blue));
    --colors-lohp-play-btn-base-border-focus: rgba(var(--colors-blue-digital-blue));
    --colors-lohp-play-btn-base-content-default: rgba(var(--colors-pearl-black));
    --colors-lohp-play-btn-base-content-focus: rgba(var(--colors-pearl-black));
    --colors-lohp-play-btn-base-content-hover: rgba(var(--colors-pearl-black));
    --colors-lohp-play-btn-base-content-disabled: rgba(var(--colors-pearl-black), 0.4);
    --colors-lohp-play-btn-bg-default: rgba(var(--colors-vimeo-blue));
    --colors-lohp-play-btn-bg-hover: rgba(var(--colors-black));
    --colors-lohp-play-btn-bg-focus: rgba(var(--colors-black));
    --colors-lohp-play-btn-border-focus: rgba(var(--colors-ebony-gray));
    --colors-lohp-play-btn-content-default: rgba(var(--colors-black));
    --colors-lohp-play-btn-content-hover: rgba(var(--colors-white));
    --colors-lohp-play-btn-content-focus: rgba(var(--colors-white));
    --colors-lohp-btn-bg: rgba(var(--colors-white));
    --colors-lohp-btn-content: rgba(var(--colors-pearl-black));
    --colors-lohp-btn-hover-bg: rgba(var(--colors-pearl-black));
    --colors-lohp-btn-hover-content: rgba(var(--colors-white));
    --colors-lohp-btn-hover-sub-content: rgba(var(--colors-pearl-black));
    --colors-lohp-btn-active-bg: rgba(var(--colors-pearl-black));
    --colors-lohp-btn-active-content: rgba(var(--colors-white));
    --colors-lohp-btn-focus-bg: rgba(var(--colors-pearl-black));
    --colors-lohp-btn-focus-content: rgba(var(--colors-white));
    --colors-lohp-btn-focus-outline: rgba(var(--colors-ebony-gray));
    --colors-lohp-btn-disabled-bg: rgba(var(--colors-white));
    --colors-lohp-btn-disabled-content: rgba(var(--colors-silver-gray));
    --colors-lohp-text-btn-content: rgba(var(--colors-white));
    --colors-lohp-text-btn-sub-content: rgba(var(--colors-white));
    --colors-lohp-text-btn-hover-content: rgba(var(--colors-vimeo-blue));
    --colors-lohp-text-btn-hover-sub-content: rgba(var(--colors-vimeo-blue));
    --colors-lohp-text-btn-active-content: rgba(var(--colors-vimeo-blue));
    --colors-lohp-text-btn-active-sub-content: rgba(var(--colors-vimeo-blue));
    --colors-lohp-text-btn-focus-content: rgba(var(--colors-vimeo-blue));
    --colors-lohp-text-btn-focus-sub-content: rgba(var(--colors-vimeo-blue));
    --colors-chroma-text-btn-content: rgba(var(--colors-white));
    --colors-chroma-text-btn-sub-content: rgba(var(--colors-white));
    --colors-chroma-text-btn-hover-content: rgba(var(--colors-white));
    --colors-chroma-text-btn-hover-sub-content: rgba(var(--colors-vimeo-blue));
    --colors-chroma-text-btn-active-content: rgba(var(--colors-vimeo-blue));
    --colors-chroma-text-btn-active-sub-content: rgba(var(--colors-vimeo-blue));
    --colors-chroma-text-btn-focus-content: rgba(var(--colors-vimeo-blue));
    --colors-chroma-text-btn-focus-sub-content: rgba(var(--colors-vimeo-blue));
    --colors-btn-background: rgba(var(--colors-white));
    --colors-btn-content: rgba(var(--colors-black));
    --colors-btn-icon-container: rgba(var(--colors-silver-gray));
    --colors-btn-icon-content: rgba(var(--colors-vimeo-blue));
    --colors-btn-focus-outline: rgba(var(--colors-white));
    --colors-btn-disabled-background: rgba(var(--colors-white));
    --colors-btn-disabled-content: rgba(var(--colors-silver-gray));
    --colors-btn-disabled-icon-container: rgba(var(--colors-silver-gray));
    --colors-card-chroma-bg-mask: rgba(var(--colors-pearl-white));
    --colors-card-background-prominent: rgba(var(--colors-bokeh-white));
    --colors-card-background-carousel: rgba(var(--colors-bokeh-white));
    --colors-card-background: rgba(var(--colors-white));
    --colors-card-background-light: rgba(var(--colors-white));
    --colors-card-content: rgba(var(--colors-black));
    --colors-card-disabled-content: rgba(var(--colors-silver-gray));
    --colors-card-strikeout: rgba(var(--colors-granite-gray));
    --colors-card-sub-content: rgba(var(--colors-black));
    --colors-card-lp-sub-content: rgba(var(--colors-raven-gray));
    --colors-card-chroma-content: rgba(var(--colors-black));
    --colors-card-chroma-sub-content: rgba(var(--colors-lohp-gray));
    --colors-card-hover-background: rgba(var(--colors-pearl-white));
    --colors-card-hover-content: rgba(var(--colors-vimeo-blue));
    --colors-card-hover-sub-content: rgba(var(--colors-vimeo-blue));
    --colors-card-watch-card-content: rgba(var(--colors-white));
    --colors-card-border: rgba(var(--colors-granite-gray));
    --colors-carousel-nav-button: rgba(var(--colors-granite-gray));
    --colors-carousel-nav-button-active: rgba(var(--colors-black));
    --colors-form-input-background: rgba(var(--colors-silver-gray));
    --colors-form-input-text: rgba(var(--colors-black));
    --colors-form-checkbox-background: rgba(var(--colors-silver-gray));
    --colors-form-label-text: rgba(var(--colors-black));
    --colors-form-select-border: rgba(var(--colors-black), 0.25);
    --colors-form-terms: rgba(var(--colors-black), 0.5);
    --colors-hero-content: rgba(var(--colors-black));
    --colors-hero-sub-content: rgba(var(--colors-raven-gray));
    --colors-hero-left-content: rgba(var(--colors-black));
    --colors-hero-left-sub-content: rgba(var(--colors-black));
    --colors-container-background: rgba(var(--colors-white));
    --colors-container-card: rgba(var(--colors-pearl-white));
    --colors-lohp-container-background: rgba(var(--colors-white));
    --colors-lohp-container-card: rgba(var(--colors-pearl-white));
    --colors-lohp-container-card-hover: rgba(var(--colors-white));
    --colors-lohp-container-content: rgba(var(--colors-pearl-black));
    --colors-lohp-container-sub-content: rgba(var(--colors-neutral-550));
    --colors-lohp-container-content-lighter: rgba(var(--colors-pearl-black));
    --colors-lohp-container-content-light: rgba(var(--colors-lohp-gray));
    --colors-tag-background: rgba(var(--colors-silver-gray));
    --colors-tag-content: rgba(var(--colors-black));
    --colors-tag-bokeh-bg: rgba(var(--colors-white));
    --colors-tag-bokeh-content: rgba(var(--colors-black));
    --colors-global-nav-background: rgba(var(--colors-white));
    --colors-global-nav-background-accent: rgba(var(--colors-pearl-white));
    --colors-global-nav-content: rgba(var(--colors-black));
    --colors-global-nav-sub-content: rgba(var(--colors-raven-gray));
    --colors-global-nav-underlay: rgba(var(--colors-white),0.3);
    --colors-global-nav-hover-content: rgba(var(--colors-blue-digital-blue));
    --colors-global-nav-hover-background-accent: rgba(var(--colors-silver-gray));
    --colors-accordion-background: rgba(var(--colors-white));
    --colors-accordion-content: rgba(var(--colors-black));
    --colors-accordion-sub-content: rgba(var(--colors-raven-gray));
    --colors-accordion-expanded-background: rgba(var(--colors-pearl-white));
    --colors-footer-background: rgba(var(--colors-white));
    --colors-footer-background-light: rgba(var(--colors-silver-gray));
    --colors-footer-content: rgba(var(--colors-black));
    --colors-footer-sub-content: rgba(var(--colors-raven-gray));
    --colors-footer-hover-sub-content: rgba(var(--colors-blue-digital-blue));
    --colors-generic-card-background: rgba(var(--colors-pearl-white));
    --colors-generic-card-background-dark: rgba(var(--colors-pearl-white));
    --colors-generic-card-content: rgba(var(--colors-black));
    --colors-generic-card-content-dark: rgba(var(--colors-black));
    --colors-generic-card-sub-content: rgba(var(--colors-pearl-black));
    --colors-generic-card-sub-content-light: rgba(var(--colors-raven-gray));
    --colors-generic-card-hyperlink: rgba(var(--colors-blue-digital-blue));
    --colors-generic-card-skeleton: rgba(var(--colors-silver-gray));
    --colors-generic-card-error: rgba(var(--colors-raven-gray));
    --colors-bokeh-btn-secondary-background: rgba(var(--colors-bokeh-dark-blue), 0.08);
    --colors-bokeh-btn-secondary-content: rgba(var(--colors-bokeh-grey-900));
    --colors-bokeh-btn-secondary-hover: rgba(var(--colors-bokeh-dark-blue), 0.16);
    --colors-bokeh-btn-secondary-active: rgba(var(--colors-bokeh-dark-blue), 0.24);
    --colors-bokeh-btn-secondary-focus-bg: rgba(var(--colors-bokeh-dark-blue), 0.16);
    --colors-bokeh-btn-secondary-focus-outline: rgba(var(--colors-vimeo-blue));
    --colors-lohp-featured-in-card-card: rgba(var(--colors-pearl-white));
    --colors-lohp-featured-in-card-hover-card: rgba(var(--colors-white));
    --colors-comparison-table-background: rgba(var(--colors-white));
    --colors-comparison-table-content: rgba(var(--colors-lohp-gray));
    --colors-comparison-table-content-light: rgba(var(--colors-pearl-black));
    --colors-comparison-table-top-heading-background: rgba(var(--colors-ebony-gray));
    --colors-comparison-table-top-heading-content: rgba(var(--colors-white));
    --colors-comparison-table-left-heading-background: rgba(var(--colors-pearl-white));
    --colors-comparison-table-left-heading-content: rgba(var(--colors-pearl-black));
}
.dark-gray {
    --colors-btn-background: rgba(var(--colors-ebony-gray));
    --colors-btn-content: rgba(var(--colors-white));
    --colors-btn-icon-container: rgba(var(--colors-black));
    --colors-btn-focus-outline: rgba(var(--colors-raven-gray));
    --colors-btn-disabled-background: rgba(var(--colors-black));
    --colors-btn-disabled-content: rgba(var(--colors-ebony-gray));
    --colors-btn-disabled-icon-container: rgba(var(--colors-ebony-gray));
    --colors-lohp-btn-bg: rgba(var(--colors-ebony-gray));
    --colors-lohp-btn-content: rgba(var(--colors-white));
    --colors-lohp-btn-hover-bg: rgba(var(--colors-white));
    --colors-lohp-btn-hover-content: rgba(var(--colors-ebony-gray));
    --colors-lohp-btn-hover-sub-content: rgba(var(--colors-pearl-black));
    --colors-lohp-btn-active-bg: rgba(var(--colors-white));
    --colors-lohp-btn-active-content: rgba(var(--colors-ebony-gray));
    --colors-lohp-btn-focus-bg: rgba(var(--colors-white));
    --colors-lohp-btn-focus-content: rgba(var(--colors-ebony-gray));
    --colors-lohp-btn-focus-outline: rgba(var(--colors-silver-gray));
    --colors-lohp-btn-disabled-bg: rgba(var(--colors-ebony-gray));
    --colors-lohp-btn-disabled-content: rgba(var(--colors-bokeh-grey-600));
    --colors-image-background: rgba(var(--colors-ebony-gray));
    --colors-carousel-nav-button: rgba(var(--colors-raven-gray));
    --colors-carousel-nav-button-active: rgba(var(--colors-white));
    --colors-tab-background: rgba(var(--colors-pearl-black));
}
.pearl-white {
    --colors-btn-background: rgba(var(--colors-pearl-white));
    --colors-btn-content: rgba(var(--colors-black));
    --colors-btn-icon-container: rgba(var(--colors-silver-gray));
    --colors-btn-focus-outline: rgba(var(--colors-white));
    --colors-btn-disabled-background: rgba(var(--colors-white));
    --colors-btn-disabled-content: rgba(var(--colors-silver-gray));
    --colors-btn-disabled-icon-container: rgba(var(--colors-white));
    --colors-lohp-btn-bg: rgba(var(--colors-pearl-white));
    --colors-lohp-btn-content: rgba(var(--colors-pearl-black));
    --colors-lohp-btn-hover-bg: rgba(var(--colors-pearl-black));
    --colors-lohp-btn-hover-content: rgba(var(--colors-pearl-white));
    --colors-lohp-btn-hover-sub-content: rgba(var(--colors-pearl-black));
    --colors-lohp-btn-active-bg: rgba(var(--colors-pearl-black));
    --colors-lohp-btn-active-content: rgba(var(--colors-pearl-white));
    --colors-lohp-btn-focus-bg: rgba(var(--colors-pearl-black));
    --colors-lohp-btn-focus-content: rgba(var(--colors-pearl-white));
    --colors-lohp-btn-focus-outline: rgba(var(--colors-ebony-gray));
    --colors-lohp-btn-disabled-bg: rgba(var(--colors-pearl-white));
    --colors-lohp-btn-disabled-content: rgba(var(--colors-silver-gray));
}
.light-gray {
    --colors-btn-background: rgba(var(--colors-silver-gray));
    --colors-btn-content: rgba(var(--colors-black));
    --colors-btn-icon-container: rgba(var(--colors-white));
    --colors-btn-focus-outline: rgba(var(--colors-white));
    --colors-btn-disabled-background: rgba(var(--colors-white));
    --colors-btn-disabled-content: rgba(var(--colors-silver-gray));
    --colors-btn-disabled-icon-container: rgba(var(--colors-white));
    --colors-lohp-btn-bg: rgba(var(--colors-silver-gray));
    --colors-lohp-btn-content: rgba(var(--colors-black));
    --colors-lohp-btn-hover-bg: rgba(var(--colors-white));
    --colors-lohp-btn-hover-content: rgba(var(--colors-black));
    --colors-lohp-btn-hover-sub-content: rgba(var(--colors-pearl-black));
    --colors-lohp-btn-active-bg: rgba(var(--colors-white));
    --colors-lohp-btn-active-content: rgba(var(--colors-black));
    --colors-lohp-btn-focus-bg: rgba(var(--colors-white));
    --colors-lohp-btn-focus-content: rgba(var(--colors-black));
    --colors-lohp-btn-focus-outline: rgba(var(--colors-granite-gray));
    --colors-lohp-btn-disabled-bg: rgba(var(--colors-silver-gray));
    --colors-lohp-btn-disabled-content: rgba(var(--colors-bokeh-grey-400));
    --colors-image-background: rgba(var(--colors-silver-gray));
    --colors-container-background: rgba(var(--colors-pearl-white));
    --colors-container-card: rgba(var(--colors-white));
    --colors-lohp-container-background: rgba(var(--colors-pearl-white));
    --colors-lohp-container-card: rgba(var(--colors-white));
    --colors-lohp-container-card-hover: rgba(var(--colors-pearl-white));
    --colors-lohp-container-content: rgba(var(--colors-black));
    --colors-lohp-container-sub-content: rgba(var(--colors-neutral-550));
    --colors-carousel-nav-button: rgba(var(--colors-granite-gray));
    --colors-carousel-nav-button-active: rgba(var(--colors-black));
    --colors-tab-background: rgba(var(--colors-pearl-white));
    --colors-tab-content: rgba(var(--colors-black));
    --colors-tab-focus-outline: rgba(var(--colors-white));
    --colors-tab-hover-content: rgba(var(--colors-vimeo-blue-60));
    --colors-tab-selected-background: rgba(var(--colors-silver-gray));
    --colors-tab-disabled-background: rgba(var(--colors-white));
    --colors-tab-disabled-content: rgba(var(--colors-silver-gray));
    --colors-card-chroma-bg-mask: rgba(var(--colors-white));
    --colors-card-background-prominent: rgba(var(--colors-white));
    --colors-card-background-carousel: rgba(var(--colors-white));
    --colors-card-background: rgba(var(--colors-pearl-white));
    --colors-card-background-light: rgba(var(--colors-white));
    --colors-card-content: rgba(var(--colors-black));
    --colors-card-disabled-content: rgba(var(--colors-silver-gray));
    --colors-card-sub-content: rgba(var(--colors-black));
    --colors-card-lp-sub-content: rgba(var(--colors-raven-gray));
    --colors-card-content-chroma: rgba(var(--colors-lohp-gray));
    --colors-card-chroma-content: rgba(var(--colors-lohp-gray));
    --colors-card-chroma-sub-content: rgba(var(--colors-lohp-gray));
    --colors-card-hover-background: rgba(var(--colors-granite-gray));
    --colors-card-hover-content: rgba(var(--colors-vimeo-blue));
    --colors-card-hover-sub-content: rgba(var(--colors-vimeo-blue));
    --colors-card-border: rgba(var(--colors-gray-40));
    --colors-tag-background: rgba(var(--colors-white));
    --colors-tag-content: rgba(var(--colors-black));
    --colors-generic-card-background: rgba(var(--colors-pearl-white));
    --colors-generic-card-content: rgba(var(--colors-black));
    --colors-generic-card-sub-content: rgba(var(--colors-raven-gray));
    --colors-generic-card-skeleton: rgba(var(--colors-silver-gray));
    --colors-generic-card-error: rgba(var(--colors-raven-gray));
    --colors-global-nav-background: rgba(var(--colors-pearl-white));
    --colors-global-nav-background-accent: rgba(var(--colors-silver-gray));
    --colors-global-nav-content: rgba(var(--colors-black));
    --colors-global-nav-sub-content: rgba(var(--colors-raven-gray));
    --colors-global-nav-hover-content: rgba(var(--colors-vimeo-blue));
    --colors-global-nav-hover-background-accent: rgba(var(--colors-granite-gray));
    --colors-accordion-background: rgba(var(--colors-pearl-white));
    --colors-accordion-content: rgba(var(--colors-black));
    --colors-accordion-sub-content: rgba(var(--colors-raven-gray));
    --colors-accordion-expanded-background: rgba(var(--colors-silver-gray));
    --colors-comparison-table-background: rgba(var(--colors-pearl-white));
    --colors-comparison-table-content: rgba(var(--colors-lohp-gray));
    --colors-comparison-table-content-light: rgba(var(--colors-pearl-black));
    --colors-comparison-table-top-heading-background: rgba(var(--colors-ebony-gray));
    --colors-comparison-table-top-heading-content: rgba(var(--colors-white));
    --colors-comparison-table-left-heading-background: rgba(var(--colors-white));
    --colors-comparison-table-left-heading-content: rgba(var(--colors-pearl-black));
}
.blue {
    --colors-btn-background: rgba(var(--colors-vimeo-blue));
    --colors-btn-content: rgba(var(--colors-black));
    --colors-btn-icon-container: rgba(var(--colors-vimeo-blue-60));
    --colors-btn-hover-background: rgba(var(--colors-vimeo-blue-60));
    --colors-btn-hover-content: rgba(var(--colors-black));
    --colors-btn-hover-icon-container: rgba(var(--colors-vimeo-blue));
    --colors-btn-focus-outline: rgba(var(--colors-raven-gray));
    --colors-btn-disabled-background: rgba(var(--colors-vimeo-blue-55));
    --colors-btn-disabled-content: rgba(var(--colors-vimeo-blue));
    --colors-btn-disabled-icon-container: rgba(var(--colors-vimeo-blue-60));
    --colors-lohp-btn-bg: rgba(var(--colors-vimeo-blue));
    --colors-lohp-btn-content: rgba(var(--colors-black));
    --colors-lohp-btn-hover-bg: rgba(var(--colors-vimeo-blue-60));
    --colors-lohp-btn-hover-content: rgba(var(--colors-black));
    --colors-lohp-btn-hover-sub-content: rgba(var(--colors-pearl-black));
    --colors-lohp-btn-active-bg: rgba(var(--colors-vimeo-blue-60));
    --colors-lohp-btn-active-content: rgba(var(--colors-black));
    --colors-lohp-btn-focus-bg: rgba(var(--colors-vimeo-blue-60));
    --colors-lohp-btn-focus-content: rgba(var(--colors-black));
    --colors-lohp-btn-disabled-bg: rgba(var(--colors-vimeo-blue));
    --colors-lohp-btn-disabled-content: rgba(var(--colors-vimeo-blue-58));
    --colors-lohp-play-btn-base-bg-default: rgba(var(--colors-vimeo-blue));
    --colors-lohp-play-btn-base-bg-hover: rgba(var(--colors-pearl-black));
    --colors-lohp-play-btn-base-bg-focus: rgba(var(--colors-pearl-black));
    --colors-lohp-play-btn-base-border-focus: rgba(var(--colors-ebony-gray));
    --colors-lohp-play-btn-base-content-default: rgba(var(--colors-pearl-black));
    --colors-lohp-play-btn-base-content-focus: rgba(var(--colors-white));
    --colors-lohp-play-btn-base-content-hover: rgba(var(--colors-white));
    --colors-lohp-play-btn-base-content-disabled: rgba(var(--colors-pearl-black), 0.4);
    --colors-lohp-play-btn-bg-default: rgba(var(--colors-vimeo-blue));
    --colors-lohp-play-btn-bg-hover: rgba(var(--colors-black));
    --colors-lohp-play-btn-bg-focus: rgba(var(--colors-black));
    --colors-lohp-play-btn-border-focus: rgba(var(--colors-ebony-gray));
    --colors-lohp-play-btn-content-default: rgba(var(--colors-black));
    --colors-lohp-play-btn-content-hover: rgba(var(--colors-white));
    --colors-lohp-play-btn-content-focus: rgba(var(--colors-white));
    --colors-form-input-background: rgba(var(--colors-white));
    --colors-form-input-text: rgba(var(--colors-raven-gray));
    --colors-form-checkbox-background: rgba(var(--colors-vimeo-blue));
    --colors-form-label-text: rgba(var(--colors-white));
    --colors-form-select-border: rgba(var(--colors-white), 0.25);
    --colors-form-terms: rgba(var(--colors-white));
    --colors-generic-card-background: rgba(var(--colors-vimeo-blue));
    --colors-generic-card-background-dark: rgba(var(--colors-vimeo-blue-80));
    --colors-tag-bokeh-bg: rgba(var(--colors-vimeo-blue));
    --colors-tag-bokeh-content: rgba(var(--colors-black));
}
.red {
    --colors-generic-card-background: rgba(var(--colors-red-40));
    --colors-generic-card-content: rgba(var(--colors-black));
    --colors-generic-card-content-dark: rgba(var(--colors-white));
    --colors-generic-card-sub-content: rgba(var(--colors-black));
    --colors-generic-card-background-dark: rgba(var(--colors-red-60));
    --colors-sub-content: rgba(var(--colors-black));
    --colors-hyperlink: rgba(var(--colors-blue-digital-blue));
}
.magenta {
    --colors-generic-card-background: rgba(var(--colors-fuchsia-40));
    --colors-generic-card-background-dark: rgba(var(--colors-fuchsia-60));
    --colors-generic-card-content: rgba(var(--colors-black));
    --colors-generic-card-content-dark: rgba(var(--colors-white));
    --colors-generic-card-sub-content: rgba(var(--colors-raven-gray));
    --colors-generic-card-hyperlink: rgba(var(--colors-blue-digital-blue));
    --colors-form-input-background: rgba(var(--colors-white));
    --colors-form-input-text: rgba(var(--colors-raven-gray));
    --colors-form-checkbox-background: rgba(var(--colors-vimeo-blue));
    --colors-form-label-text: rgba(var(--colors-white));
    --colors-form-select-border: rgba(var(--colors-white), 0.25);
    --colors-form-terms: rgba(var(--colors-white));
}
.indigo {
    --colors-generic-card-background: rgba(var(--colors-indigo-40));
    --colors-generic-card-background-dark: rgba(var(--colors-indigo-60));
    --colors-generic-card-content: rgba(var(--colors-black));
    --colors-generic-card-content-dark: rgba(var(--colors-white));
    --colors-generic-card-sub-content: rgba(var(--colors-raven-gray));
    --colors-generic-card-hyperlink: rgba(var(--colors-blue-digital-blue));
    --colors-form-input-background: rgba(var(--colors-white));
    --colors-form-checkbox-background: rgba(var(--colors-vimeo-blue));
    --colors-form-input-text: rgba(var(--colors-raven-gray));
    --colors-form-label-text: rgba(var(--colors-white));
    --colors-form-select-border: rgba(var(--colors-white), 0.25);
    --colors-form-terms: rgba(var(--colors-white));
}
.high-contrast-indigo {
    --colors-generic-card-background: rgba(var(--colors-indigo-40));
    --colors-generic-card-background-dark: rgba(var(--colors-indigo-40));
    --colors-generic-card-content: rgba(var(--colors-black));
    --colors-generic-card-content-dark: rgba(var(--colors-white));
    --colors-generic-card-sub-content: rgba(var(--colors-raven-gray));
    --colors-generic-card-hyperlink: rgba(var(--colors-vimeo-black));
    --colors-form-input-background: rgba(var(--colors-white));
    --colors-form-input-text: rgba(var(--colors-black));
    --colors-form-checkbox-background: rgba(var(--colors-vimeo-black));
    --colors-form-label-text: rgba(var(--colors-black));
    --colors-form-select-border: rgba(var(--colors-white), 0.25);
    --colors-form-terms: rgba(var(--colors-black));
}
.purple {
    --colors-generic-card-background: rgba(var(--colors-purple));
    --colors-generic-card-background-dark: rgba(var(--colors-purple));
    --colors-generic-card-content: rgba(var(--colors-black));
    --colors-generic-card-content-dark: rgba(var(--colors-white));
    --colors-generic-card-sub-content: rgba(var(--colors-raven-gray));
    --colors-generic-card-hyperlink: rgba(var(--colors-vimeo-black));
    --colors-form-input-background: rgba(var(--colors-white));
    --colors-form-input-text: rgba(var(--colors-black));
    --colors-form-checkbox-background: rgba(var(--colors-vimeo-black));
    --colors-form-label-text: rgba(var(--colors-black));
    --colors-form-select-border: rgba(var(--colors-white), 0.25);
    --colors-form-terms: rgba(var(--colors-black));
}
.gradient {
    --colors-generic-card-content: rgba(var(--colors-black));
    --colors-generic-card-sub-content: rgba(var(--colors-black));
    --colors-generic-card-hyperlink: rgba(var(--colors-blue-digital-blue));
}
.light {
    --colors-container-background: rgba(var(--colors-white));
    --colors-container-card: rgba(var(--colors-pearl-white));
    --colors-lohp-container-background: rgba(var(--colors-white));
    --colors-lohp-container-card: rgba(var(--colors-pearl-white));
    --colors-lohp-container-content: rgba(var(--colors-black));
    --colors-lohp-container-content-light: rgba(var(--colors-lohp-gray));
    --colors-lohp-container-content-lighter: rgba(var(--colors-lohp-gray));
    --colors-lohp-container-sub-content: rgba(var(--colors-pearl-black));
    --colors-card-chroma-bg-mask: rgba(var(--colors-white));
    --colors-card-content: rgba(var(--colors-pearl-black));
    --colors-card-sub-content: rgba(var(--colors-lohp-gray));
    --colors-card-content-light: rgba(var(--colors-lohp-gray));
    --colors-card-chroma-content: rgba(var(--colors-black));
    --colors-card-chroma-sub-content: rgba(var(--colors-lohp-gray));
    --colors-chroma-text-body-primary: rgba(var(--colors-chroma-neutral-900));
    --colors-chroma-text-body-secondary: rgba(var(--colors-chroma-neutral-550));
    --colors-chroma-text-body-inverted: rgba(var(--colors-chroma-neutral-50));
    --colors-chroma-text-body-highlight: rgba(var(--colors-chroma-blue-700));
    --colors-chroma-text-links: rgba(var(--colors-chroma-blue-700));
    --colors-chroma-text-misc-quote-icon: rgba(var(--colors-chroma-neutral-200));
    --colors-chroma-text-misc-quote-highlight: rgba(var(--colors-chroma-blue-700));
    --colors-chroma-background-body: rgba(var(--colors-chroma-neutral-50));
    --colors-chroma-background-card: rgba(var(--colors-chroma-neutral-100));
    --colors-chroma-background-pricing-card: rgba(var(--colors-chroma-neutral-white));
    --colors-chroma-background-overlay-alpha: var(--colors-chroma-alpha-white-000);
    --colors-chroma-button-cta-primary-text: rgba(var(--colors-chroma-neutral-900));
    --colors-chroma-button-cta-primary: rgba(var(--colors-chroma-blue-500));
    --colors-chroma-button-cta-primary-hover: rgba(var(--colors-chroma-blue-600));
    --colors-chroma-button-cta-primary-focus: rgba(var(--colors-chroma-blue-600));
    --colors-chroma-button-cta-primary-focus-border: rgba(var(--colors-chroma-blue-700));
    --colors-chroma-button-cta-primary-disabled-text: rgba(var(--colors-chroma-blue-600));
    --colors-chroma-button-cta-secondary-text: var(--colors-chroma-text-body-inverted);
    --colors-chroma-button-cta-secondary: rgba(var(--colors-chroma-neutral-900));
    --colors-chroma-button-cta-secondary-hover: rgba(var(--colors-chroma-neutral-500));
    --colors-chroma-button-cta-secondary-focus: rgba(var(--colors-chroma-neutral-500));
    --colors-chroma-button-cta-secondary-focus-border: rgba(var(--colors-chroma-neutral-black));
    --colors-chroma-button-cta-secondary-disabled-text: rgba(var(--colors-chroma-neutral-700));
    --colors-chroma-button-cta-secondary-alt-text: var(--colors-chroma-text-body-inverted);
    --colors-chroma-button-cta-secondary-alt: rgba(var(--colors-chroma-neutral-700));
    --colors-chroma-button-cta-secondary-alt-hover: rgba(var(--colors-chroma-neutral-500));
    --colors-chroma-button-cta-secondary-alt-focus: rgba(var(--colors-chroma-neutral-500));
    --colors-chroma-button-cta-secondary-alt-focus-border: rgba(var(--colors-chroma-neutral-900));
    --colors-chroma-button-cta-secondary-alt-disabled-text: rgba(var(--colors-chroma-neutral-550));
    --colors-chroma-button-more-text: var(--colors-chroma-text-body-primary);
    --colors-chroma-button-more: rgba(var(--colors-chroma-neutral-100));
    --colors-chroma-button-more-hover: rgba(var(--colors-chroma-neutral-300));
    --colors-chroma-button-more-focus: rgba(var(--colors-chroma-neutral-300));
    --colors-chroma-button-more-focus-border: rgba(var(--colors-chroma-neutral-400));
    --colors-chroma-button-more-disabled-text: rgba(var(--colors-chroma-neutral-300));
    --colors-chroma-button-less-text: var(--colors-chroma-text-body-inverted);
    --colors-chroma-button-less: rgba(var(--colors-chroma-neutral-900));
    --colors-chroma-button-less-hover: rgba(var(--colors-chroma-neutral-500));
    --colors-chroma-button-less-focus: rgba(var(--colors-chroma-neutral-500));
    --colors-chroma-button-less-focus-border: rgba(var(--colors-chroma-neutral-black));
    --colors-chroma-button-less-disabled-text: rgba(var(--colors-chroma-neutral-700));
    --colors-chroma-button-play-primary-text: rgba(var(--colors-chroma-neutral-900));
    --colors-chroma-button-play-primary: rgba(var(--colors-chroma-blue-500));
    --colors-chroma-button-play-primary-hover-text: rgba(var(--colors-chroma-neutral-50));
    --colors-chroma-button-play-primary-hover: rgba(var(--colors-chroma-neutral-900));
    --colors-chroma-button-play-primary-focus: rgba(var(--colors-chroma-neutral-900));
    --colors-chroma-button-play-primary-focus-border: rgba(var(--colors-chroma-neutral-700));
    --colors-chroma-button-play-primary-disabled-text: rgba(var(--colors-chroma-blue-600));
    --colors-chroma-button-play-secondary-text: var(--colors-chroma-text-body-primary);
    --colors-chroma-button-play-secondary: rgba(var(--colors-chroma-neutral-50));
    --colors-chroma-button-play-secondary-hover-text: rgba(var(--colors-chroma-neutral-900));
    --colors-chroma-button-play-secondary-hover: rgba(var(--colors-chroma-blue-500));
    --colors-chroma-button-play-secondary-focus: rgba(var(--colors-chroma-blue-500));
    --colors-chroma-button-play-secondary-focus-border: rgba(var(--colors-chroma-blue-700));
    --colors-chroma-button-play-secondary-disabled-text: rgba(var(--colors-chroma-neutral-200));
    --colors-chroma-button-play-overlay-text: rgba(var(--colors-chroma-neutral-900));
    --colors-chroma-button-play-overlay: var(--colors-chroma-alpha-white-600);
    --colors-chroma-button-play-overlay-hover-text: rgba(var(--colors-chroma-neutral-50));
    --colors-chroma-button-play-overlay-hover: var(--colors-chroma-alpha-neutral-900-600);
    --colors-chroma-button-play-overlay-focus: var(--colors-chroma-alpha-neutral-900-600);
    --colors-chroma-button-play-overlay-focus-border: var(--colors-chroma-alpha-neutral-900-600);
    --colors-chroma-button-play-expanded-text: rgba(var(--colors-chroma-neutral-900));
    --colors-chroma-button-play-expanded: var(--colors-chroma-alpha-white-600);
    --colors-chroma-button-play-expanded-hover-text: rgba(var(--colors-chroma-neutral-50));
    --colors-chroma-button-play-expanded-hover: var(--colors-chroma-alpha-neutral-900-600);
    --colors-chroma-button-play-expanded-focus: var(--colors-chroma-alpha-neutral-900-600);
    --colors-chroma-button-close-modal-primary-text: rgba(var(--colors-chroma-neutral-900));
    --colors-chroma-button-close-modal-primary: rgba(var(--colors-chroma-blue-500));
    --colors-chroma-button-close-modal-primary-hover: rgba(var(--colors-chroma-neutral-200));
    --colors-chroma-button-close-modal-primary-focus: rgba(var(--colors-chroma-neutral-200));
    --colors-chroma-button-close-modal-primary-focus-border: rgba(var(--colors-chroma-neutral-400));
    --colors-chroma-button-close-modal-primary-disabled-text: rgba(var(--colors-chroma-blue-600));
    --colors-chroma-button-close-modal-secondary-text: var(--colors-chroma-text-body-primary);
    --colors-chroma-button-close-modal-secondary: rgba(var(--colors-chroma-neutral-100));
    --colors-chroma-button-close-modal-secondary-hover-text: rgba(var(--colors-chroma-neutral-900));
    --colors-chroma-button-close-modal-secondary-hover: rgba(var(--colors-chroma-blue-500));
    --colors-chroma-button-close-modal-secondary-focus: rgba(var(--colors-chroma-blue-500));
    --colors-chroma-button-close-modal-secondary-focus-border: rgba(var(--colors-chroma-blue-700));
    --colors-chroma-button-close-modal-secondary-disabled-text: rgba(var(--colors-chroma-neutral-300));
    --colors-chroma-border-pricing: rgba(var(--colors-chroma-neutral-200));
    --colors-chroma-chart-cell-primary: rgba(var(--colors-chroma-neutral-100));
    --colors-chroma-chart-cell-header: rgba(var(--colors-chroma-neutral-700));
    --colors-chroma-form-input-fill: rgba(var(--colors-chroma-neutral-50));
    --colors-chroma-form-input-border: rgba(var(--colors-chroma-neutral-300));
    --colors-chroma-form-background-card: rgba(var(--colors-chroma-neutral-100));
    --colors-chroma-table-header-fill: rgba(var(--colors-chroma-neutral-700));
    --colors-chroma-table-label-fill: rgba(var(--colors-chroma-neutral-100));
    --colors-chroma-table-cell-positive-fill: rgba(var(--colors-bokeh-green-100));
    --colors-chroma-table-cell-positive-icon: rgba(var(--colors-bokeh-green-500));
    --colors-chroma-table-cell-negative-fill: rgba(var(--colors-bokeh-red-100));
    --colors-chroma-table-cell-negative-icon: rgba(var(--colors-bokeh-red-500));
    --colors-chroma-navigation-backgrounds-bar: var(--colors-chroma-alpha-neutral-50-600);
    --colors-chroma-navigation-backgrounds-bar-hover: rgba(var(--colors-chroma-neutral-50));
    --colors-chroma-navigation-backgrounds-dropdown: rgba(var(--colors-chroma-neutral-white));
    --colors-chroma-navigation-backgrounds-menu-item-icon-bg: rgba(var(--colors-chroma-neutral-200));
    --colors-chroma-navigation-backgrounds-mobile-accordion-bg: rgba(var(--colors-chroma-neutral-50));
    --colors-chroma-navigation-backgrounds-overlay: var(--colors-chroma-alpha-neutral-900-600);
    --colors-chroma-navigation-cta-icon-button: var(--colors-chroma-alpha-neutral-200-000);
    --colors-chroma-navigation-cta-icon-button-hover: rgba(var(--colors-chroma-neutral-200));
    --colors-chroma-navigation-cta-icon-button-focus: rgba(var(--colors-chroma-neutral-200));
    --colors-chroma-navigation-cta-icon-button-focus-border: rgba(var(--colors-chroma-neutral-300));
    --colors-chroma-navigation-cta-icon-button-disabled-icon: rgba(var(--colors-chroma-neutral-200));
    --colors-chroma-navigation-cta-menu-item: var(--colors-chroma-alpha-neutral-100-000);
    --colors-chroma-navigation-cta-menu-item-hover: rgba(var(--colors-chroma-neutral-100));
    --colors-chroma-navigation-cta-menu-item-focus: rgba(var(--colors-chroma-neutral-100));
    --colors-chroma-navigation-cta-view-all: var(--colors-chroma-alpha-neutral-100-000);
    --colors-chroma-navigation-cta-view-all-hover: rgba(var(--colors-chroma-neutral-100));
    --colors-chroma-navigation-cta-view-all-focus: rgba(var(--colors-chroma-neutral-100));
    --colors-chroma-navigation-cta-close-icon-color: rgba(var(--colors-chroma-neutral-300));
}
.dark {
    --colors-container-background: rgba(var(--colors-pearl-black));
    --colors-container-card: rgba(var(--colors-bokeh-darker-blue));
    --colors-lohp-container-background: rgba(var(--colors-pearl-black));
    --colors-lohp-container-card: rgba(var(--colors-ebony-gray));
    --colors-lohp-container-content: rgba(var(--colors-white));
    --colors-lohp-container-content-light: rgba(var(--colors-white));
    --colors-lohp-container-content-lighter: rgba(var(--colors-chroma-gray));
    --colors-lohp-container-sub-content: rgba(var(--colors-white));
    --colors-card-content: rgba(var(--colors-white));
    --colors-card-sub-content: rgba(var(--colors-white));
    --colors-card-background-prominent: rgba(var(--colors-bokeh-darker-blue));
    --colors-card-background-carousel: rgba(var(--colors-bokeh-darker-blue));
    --colors-card-content-chroma: rgba(var(--colors-white));
    --colors-card-chroma-content: rgba(var(--colors-chroma-gray));
    --colors-card-chroma-sub-content: rgba(var(--colors-chroma-gray));
    --colors-chroma-text-body-primary: rgba(var(--colors-chroma-neutral-50));
    --colors-chroma-text-body-secondary: rgba(var(--colors-chroma-neutral-400));
    --colors-chroma-text-body-inverted: rgba(var(--colors-chroma-neutral-900));
    --colors-chroma-text-body-highlight: rgba(var(--colors-chroma-blue-500));
    --colors-chroma-text-links: rgba(var(--colors-chroma-blue-700));
    --colors-chroma-text-misc-quote-icon: rgba(var(--colors-chroma-neutral-900));
    --colors-chroma-text-misc-quote-highlight: rgba(var(--colors-chroma-blue-500));
    --colors-chroma-background-body: rgba(var(--colors-chroma-neutral-900));
    --colors-chroma-background-card: rgba(var(--colors-chroma-neutral-800));
    --colors-chroma-background-pricing-card: rgba(var(--colors-chroma-neutral-black));
    --colors-chroma-background-overlay-alpha: var(--colors-chroma-alpha-neutral-900-000);
    --colors-chroma-button-cta-primary-text: rgba(var(--colors-chroma-neutral-900));
    --colors-chroma-button-cta-primary: rgba(var(--colors-chroma-blue-500));
    --colors-chroma-button-cta-primary-hover: rgba(var(--colors-chroma-blue-600));
    --colors-chroma-button-cta-primary-focus: rgba(var(--colors-chroma-blue-600));
    --colors-chroma-button-cta-primary-focus-border: rgba(var(--colors-chroma-blue-700));
    --colors-chroma-button-cta-primary-disabled-text: rgba(var(--colors-chroma-blue-600));
    --colors-chroma-button-cta-secondary-text: var(--colors-chroma-text-body-inverted);
    --colors-chroma-button-cta-secondary: rgba(var(--colors-chroma-neutral-50));
    --colors-chroma-button-cta-secondary-hover: rgba(var(--colors-chroma-neutral-400));
    --colors-chroma-button-cta-secondary-focus: rgba(var(--colors-chroma-neutral-400));
    --colors-chroma-button-cta-secondary-focus-border: rgba(var(--colors-chroma-neutral-300));
    --colors-chroma-button-cta-secondary-disabled-text: rgba(var(--colors-chroma-neutral-200));
    --colors-chroma-button-cta-secondary-alt-text: var(--colors-chroma-text-body-inverted);
    --colors-chroma-button-cta-secondary-alt: rgba(var(--colors-chroma-neutral-300));
    --colors-chroma-button-cta-secondary-alt-hover: rgba(var(--colors-chroma-neutral-500));
    --colors-chroma-button-cta-secondary-alt-focus: rgba(var(--colors-chroma-neutral-500));
    --colors-chroma-button-cta-secondary-alt-focus-border: rgba(var(--colors-chroma-neutral-400));
    --colors-chroma-button-cta-secondary-alt-disabled-text: rgba(var(--colors-chroma-neutral-400));
    --colors-chroma-button-more-text: var(--colors-chroma-text-body-primary);
    --colors-chroma-button-more: rgba(var(--colors-chroma-neutral-700));
    --colors-chroma-button-more-hover: rgba(var(--colors-chroma-neutral-550));
    --colors-chroma-button-more-focus: rgba(var(--colors-chroma-neutral-550));
    --colors-chroma-button-more-focus-border: rgba(var(--colors-chroma-neutral-700));
    --colors-chroma-button-more-disabled-text: rgba(var(--colors-chroma-neutral-550));
    --colors-chroma-button-less-text: var(--colors-chroma-text-body-inverted);
    --colors-chroma-button-less: rgba(var(--colors-chroma-neutral-50));
    --colors-chroma-button-less-hover: rgba(var(--colors-chroma-neutral-300));
    --colors-chroma-button-less-focus: rgba(var(--colors-chroma-neutral-300));
    --colors-chroma-button-less-focus-border: rgba(var(--colors-chroma-neutral-500));
    --colors-chroma-button-less-disabled-text: rgba(var(--colors-chroma-neutral-200));
    --colors-chroma-button-play-primary-text: rgba(var(--colors-chroma-neutral-900));
    --colors-chroma-button-play-primary: rgba(var(--colors-chroma-blue-500));
    --colors-chroma-button-play-primary-hover-text: rgba(var(--colors-chroma-neutral-50));
    --colors-chroma-button-play-primary-hover: rgba(var(--colors-chroma-neutral-900));
    --colors-chroma-button-play-primary-focus: rgba(var(--colors-chroma-neutral-900));
    --colors-chroma-button-play-primary-focus-border: rgba(var(--colors-chroma-neutral-700));
    --colors-chroma-button-play-primary-disabled-text: rgba(var(--colors-chroma-blue-600));
    --colors-chroma-button-play-secondary-text: var(--colors-chroma-text-body-primary);
    --colors-chroma-button-play-secondary: rgba(var(--colors-chroma-neutral-900));
    --colors-chroma-button-play-secondary-hover-text: rgba(var(--colors-chroma-neutral-900));
    --colors-chroma-button-play-secondary-hover: rgba(var(--colors-chroma-blue-500));
    --colors-chroma-button-play-secondary-focus: rgba(var(--colors-chroma-blue-500));
    --colors-chroma-button-play-secondary-focus-border: rgba(var(--colors-chroma-blue-700));
    --colors-chroma-button-play-secondary-disabled-text: rgba(var(--colors-chroma-neutral-700));
    --colors-chroma-button-play-overlay-text: rgba(var(--colors-chroma-neutral-900));
    --colors-chroma-button-play-overlay: var(--colors-chroma-alpha-white-600);
    --colors-chroma-button-play-overlay-hover-text: rgba(var(--colors-chroma-neutral-50));
    --colors-chroma-button-play-overlay-hover: var(--colors-chroma-alpha-neutral-900-600);
    --colors-chroma-button-play-overlay-focus: var(--colors-chroma-alpha-neutral-900-600);
    --colors-chroma-button-play-overlay-focus-border: var(--colors-chroma-alpha-neutral-900-600);
    --colors-chroma-button-play-expanded-text: rgba(var(--colors-chroma-neutral-900));
    --colors-chroma-button-play-expanded: var(--colors-chroma-alpha-white-600);
    --colors-chroma-button-play-expanded-hover-text: rgba(var(--colors-chroma-neutral-50));
    --colors-chroma-button-play-expanded-hover: var(--colors-chroma-alpha-neutral-900-600);
    --colors-chroma-button-play-expanded-focus: var(--colors-chroma-alpha-neutral-900-600);
    --colors-chroma-button-close-modal-primary-text: rgba(var(--colors-chroma-neutral-900));
    --colors-chroma-button-close-modal-primary: rgba(var(--colors-chroma-blue-500));
    --colors-chroma-button-close-modal-primary-hover: rgba(var(--colors-chroma-neutral-200));
    --colors-chroma-button-close-modal-primary-focus: rgba(var(--colors-chroma-neutral-200));
    --colors-chroma-button-close-modal-primary-focus-border: rgba(var(--colors-chroma-neutral-400));
    --colors-chroma-button-close-modal-primary-disabled-text: rgba(var(--colors-chroma-blue-600));
    --colors-chroma-button-close-modal-secondary-text: var(--colors-chroma-text-body-primary);
    --colors-chroma-button-close-modal-secondary: rgba(var(--colors-chroma-neutral-800));
    --colors-chroma-button-close-modal-secondary-hover-text: rgba(var(--colors-chroma-neutral-900));
    --colors-chroma-button-close-modal-secondary-hover: rgba(var(--colors-chroma-blue-500));
    --colors-chroma-button-close-modal-secondary-focus: rgba(var(--colors-chroma-blue-500));
    --colors-chroma-button-close-modal-secondary-focus-border: rgba(var(--colors-chroma-blue-700));
    --colors-chroma-button-close-modal-secondary-disabled-text: rgba(var(--colors-chroma-neutral-600));
    --colors-chroma-border-pricing: rgba(var(--colors-chroma-neutral-700));
    --colors-chroma-chart-cell-primary: rgba(var(--colors-chroma-neutral-700));
    --colors-chroma-chart-cell-header: rgba(var(--colors-chroma-neutral-200));
    --colors-chroma-form-input-fill: rgba(var(--colors-chroma-neutral-900));
    --colors-chroma-form-input-border: rgba(var(--colors-chroma-neutral-600));
    --colors-chroma-form-background-card: rgba(var(--colors-chroma-neutral-700));
    --colors-chroma-table-header-fill: rgba(var(--colors-chroma-neutral-200));
    --colors-chroma-table-label-fill: rgba(var(--colors-chroma-neutral-700));
    --colors-chroma-table-cell-positive-fill: rgba(var(--colors-bokeh-green-100));
    --colors-chroma-table-cell-positive-icon: rgba(var(--colors-bokeh-green-500));
    --colors-chroma-table-cell-negative-fill: rgba(var(--colors-bokeh-red-100));
    --colors-chroma-table-cell-negative-icon: rgba(var(--colors-bokeh-red-500));
    --colors-chroma-navigation-backgrounds-bar: var(--colors-chroma-alpha-neutral-900-600);
    --colors-chroma-navigation-backgrounds-bar-hover: rgba(var(--colors-chroma-neutral-900));
    --colors-chroma-navigation-backgrounds-dropdown: rgba(var(--colors-chroma-neutral-black));
    --colors-chroma-navigation-backgrounds-menu-item-icon-bg: rgba(var(--colors-chroma-neutral-800));
    --colors-chroma-navigation-backgrounds-mobile-accordion-bg: rgba(var(--colors-chroma-neutral-900));
    --colors-chroma-navigation-backgrounds-overlay: var(--colors-chroma-alpha-neutral-900-600);
    --colors-chroma-navigation-cta-icon-button: var(--colors-chroma-alpha-neutral-700-000);
    --colors-chroma-navigation-cta-icon-button-hover: rgba(var(--colors-chroma-neutral-700));
    --colors-chroma-navigation-cta-icon-button-focus: rgba(var(--colors-chroma-neutral-700));
    --colors-chroma-navigation-cta-icon-button-focus-border: rgba(var(--colors-chroma-neutral-600));
    --colors-chroma-navigation-cta-icon-button-disabled-icon: rgba(var(--colors-chroma-neutral-700));
    --colors-chroma-navigation-cta-menu-item: var(--colors-chroma-alpha-neutral-700-000);
    --colors-chroma-navigation-cta-menu-item-hover: rgba(var(--colors-chroma-neutral-700));
    --colors-chroma-navigation-cta-menu-item-focus: rgba(var(--colors-chroma-neutral-700));
    --colors-chroma-navigation-cta-view-all: var(--colors-chroma-alpha-neutral-700-000);
    --colors-chroma-navigation-cta-view-all-hover: rgba(var(--colors-chroma-neutral-700));
    --colors-chroma-navigation-cta-view-all-focus: rgba(var(--colors-chroma-neutral-700));
    --colors-chroma-navigation-cta-close-icon-color: rgba(var(--colors-chroma-neutral-600));
}
  html {
    scroll-behavior: smooth;
}
*, ::before, ::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  ;
}
::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  ;
}
.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 375px) {
    .container {
        max-width: 375px;
    }
}
@media (min-width: 400px) {
    .container {
        max-width: 400px;
    }
}
@media (min-width: 640px) {
    .container {
        max-width: 640px;
    }
}
@media (min-width: 767px) {
    .container {
        max-width: 767px;
    }
}
@media (min-width: 768px) {
    .container {
        max-width: 768px;
    }
}
@media (min-width: 1024px) {
    .container {
        max-width: 1024px;
    }
}
@media (min-width: 1280px) {
    .container {
        max-width: 1280px;
    }
}
@media (min-width: 1281px) {
    .container {
        max-width: 1281px;
    }
}
@media (min-width: 1440px) {
    .container {
        max-width: 1440px;
    }
}
.hyperlink {
    color: var(--colors-hyperlink);
    text-decoration: underline;
    transition: opacity 350ms ease-in-out;
}
.hyperlink:hover {
    opacity: 0.4;
}
.hyperlink:focus {
    opacity: 0.4;
}
.hyperlink:visited {
    color: var(--colors-hyperlink);
}
/* Links */
[class~='builder-text'] a,
  [class~='builder-text'] a *,
  [class~='builder-text'] p a,
  [class~='builder-text'] li a,
  [class~='blog-faq'] p > a {
    color: var(--colors-hyperlink);
    text-decoration: underline;
    transition: opacity 350ms ease-in-out;
}
[class~='builder-text'] a:hover,
  [class~='builder-text'] a *:hover,
  [class~='builder-text'] p a:hover,
  [class~='builder-text'] li a:hover,
  [class~='blog-faq'] p > a:hover {
    opacity: 0.4;
}
[class~='builder-text'] a:focus,
  [class~='builder-text'] a *:focus,
  [class~='builder-text'] p a:focus,
  [class~='builder-text'] li a:focus,
  [class~='blog-faq'] p > a:focus {
    opacity: 0.4;
}
[class~='builder-text'] a:visited,
  [class~='builder-text'] a *:visited,
  [class~='builder-text'] p a:visited,
  [class~='builder-text'] li a:visited,
  [class~='blog-faq'] p > a:visited {
    color: var(--colors-hyperlink);
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}
.pointer-events-none {
    pointer-events: none;
}
.pointer-events-auto {
    pointer-events: auto;
}
.\!visible {
    visibility: visible !important;
}
.visible {
    visibility: visible;
}
.invisible {
    visibility: hidden;
}
.static {
    position: static;
}
.fixed {
    position: fixed;
}
.\!absolute {
    position: absolute !important;
}
.absolute {
    position: absolute;
}
.relative {
    position: relative;
}
.sticky {
    position: sticky;
}
.inset-0 {
    inset: 0px;
}
.\!left-1\/2 {
    left: 50% !important;
}
.-right-1 {
    right: -0.25rem;
}
.-right-1\.5 {
    right: -0.375rem;
}
.bottom-0 {
    bottom: 0px;
}
.bottom-4 {
    bottom: 1rem;
}
.bottom-5 {
    bottom: 1.25rem;
}
.bottom-6 {
    bottom: 1.5rem;
}
.bottom-\[1px\] {
    bottom: 1px;
}
.bottom-\[6px\] {
    bottom: 6px;
}
.left-0 {
    left: 0px;
}
.left-1 {
    left: 0.25rem;
}
.left-1\/2 {
    left: 50%;
}
.left-12 {
    left: 3rem;
}
.left-2 {
    left: 0.5rem;
}
.left-4 {
    left: 1rem;
}
.left-5 {
    left: 1.25rem;
}
.left-8 {
    left: 2rem;
}
.left-\[unset\] {
    left: unset;
}
.left-auto {
    left: auto;
}
.right-0 {
    right: 0px;
}
.right-1 {
    right: 0.25rem;
}
.right-12 {
    right: 3rem;
}
.right-4 {
    right: 1rem;
}
.right-6 {
    right: 1.5rem;
}
.right-8 {
    right: 2rem;
}
.right-\[-1px\] {
    right: -1px;
}
.right-\[0\.9375rem\] {
    right: 0.9375rem;
}
.right-auto {
    right: auto;
}
.top-0 {
    top: 0px;
}
.top-1 {
    top: 0.25rem;
}
.top-2 {
    top: 0.5rem;
}
.top-4 {
    top: 1rem;
}
.top-5 {
    top: 1.25rem;
}
.top-6 {
    top: 1.5rem;
}
.top-\[2px\] {
    top: 2px;
}
.top-\[77px\] {
    top: 77px;
}
.top-\[unset\] {
    top: unset;
}
.top-auto {
    top: auto;
}
.top-global-nav {
    top: 4.825rem;
}
.\!-z-\[1\] {
    z-index: -1 !important;
}
.-z-1 {
    z-index: -1;
}
.-z-10 {
    z-index: -10;
}
.-z-20 {
    z-index: -20;
}
.-z-30 {
    z-index: -30;
}
.-z-\[1\] {
    z-index: -1;
}
.z-0 {
    z-index: 0;
}
.z-1 {
    z-index: 1;
}
.z-10 {
    z-index: 10;
}
.z-2 {
    z-index: 2;
}
.z-20 {
    z-index: 20;
}
.z-50 {
    z-index: 50;
}
.z-\[1\] {
    z-index: 1;
}
.z-\[2\] {
    z-index: 2;
}
.z-global-nav {
    z-index: 99;
}
.z-global-nav-overlay {
    z-index: 98;
}
.z-modal {
    z-index: 100;
}
.z-modal-button {
    z-index: 101;
}
.order-1 {
    order: 1;
}
.order-2 {
    order: 2;
}
.order-3 {
    order: 3;
}
.order-4 {
    order: 4;
}
.col-\[1\/-1\] {
    grid-column: 1/-1;
}
.col-\[11\/-1\] {
    grid-column: 11/-1;
}
.col-\[11\/-2\] {
    grid-column: 11/-2;
}
.col-\[1_\/_-1\] {
    grid-column: 1 / -1;
}
.col-\[1_\/_-5\] {
    grid-column: 1 / -5;
}
.col-\[1_\/_span_22\] {
    grid-column: 1 / span 22;
}
.col-\[1_\/_span_23\] {
    grid-column: 1 / span 23;
}
.col-\[2\/-1\] {
    grid-column: 2/-1;
}
.col-\[2\/-2\] {
    grid-column: 2/-2;
}
.col-\[2_\/_-2\] {
    grid-column: 2 / -2;
}
.col-\[2_\/_span_21\] {
    grid-column: 2 / span 21;
}
.col-\[3\/-3\] {
    grid-column: 3/-3;
}
.col-\[6\/-6\] {
    grid-column: 6/-6;
}
.col-\[8\/-8\] {
    grid-column: 8/-8;
}
.col-span-1 {
    grid-column: span 1 / span 1;
}
.col-span-2 {
    grid-column: span 2 / span 2;
}
.col-span-23 {
    grid-column: span 23 / span 23;
}
.col-span-3 {
    grid-column: span 3 / span 3;
}
.col-span-4 {
    grid-column: span 4 / span 4;
}
.col-span-5 {
    grid-column: span 5 / span 5;
}
.col-span-6 {
    grid-column: span 6 / span 6;
}
.col-span-full {
    grid-column: 1 / -1;
}
.col-start-1 {
    grid-column-start: 1;
}
.col-start-13 {
    grid-column-start: 14;
}
.col-start-2 {
    grid-column-start: 2;
}
.col-start-3 {
    grid-column-start: 3;
}
.col-start-4 {
    grid-column-start: 4;
}
.col-start-6 {
    grid-column-start: 6;
}
.col-end-10 {
    grid-column-end: 10;
}
.col-end-11 {
    grid-column-end: 11;
}
.col-end-24 {
    grid-column-end: 24;
}
.col-end-9 {
    grid-column-end: 9;
}
.col-end-\[-1\] {
    grid-column-end: -1;
}
.col-end-\[-2\] {
    grid-column-end: -2;
}
.col-end-\[-3\] {
    grid-column-end: -3;
}
.col-end-\[-4\] {
    grid-column-end: -4;
}
.col-end-\[21\] {
    grid-column-end: 21;
}
.row-\[1\/span_1\] {
    grid-row: 1/span 1;
}
.row-\[1_\/_span_1\] {
    grid-row: 1 / span 1;
}
.row-\[2_\/_span_1\] {
    grid-row: 2 / span 1;
}
.row-span-2 {
    grid-row: span 2 / span 2;
}
.row-start-1 {
    grid-row-start: 1;
}
.row-start-2 {
    grid-row-start: 2;
}
.row-start-3 {
    grid-row-start: 3;
}
.\!m-0 {
    margin: 0px !important;
}
.\!m-8 {
    margin: 2rem !important;
}
.m-0 {
    margin: 0px;
}
.m-16 {
    margin: 4rem;
}
.m-4 {
    margin: 1rem;
}
.m-5 {
    margin: 1.25rem;
}
.m-auto {
    margin: auto;
}
.\!mx-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem;
}
.-my-2 {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
}
.mx-0 {
    margin-left: 0px;
    margin-right: 0px;
}
.mx-0\.5 {
    margin-left: 0.125rem;
    margin-right: 0.125rem;
}
.mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}
.mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
}
.mx-\[6px\] {
    margin-left: 6px;
    margin-right: 6px;
}
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
}
.my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.my-\[3\.9375rem\] {
    margin-top: 3.9375rem;
    margin-bottom: 3.9375rem;
}
.\!-mb-2 {
    margin-bottom: -0.5rem !important;
}
.-mb-2 {
    margin-bottom: -0.5rem;
}
.-mb-8 {
    margin-bottom: -2rem;
}
.-ml-14 {
    margin-left: -3.5rem;
}
.-ml-8 {
    margin-left: -2rem;
}
.-ml-\[2\.5rem\] {
    margin-left: -2.5rem;
}
.-mr-0 {
    margin-right: -0px;
}
.-mr-0\.5 {
    margin-right: -0.125rem;
}
.-mt-12 {
    margin-top: -3rem;
}
.-mt-2 {
    margin-top: -0.5rem;
}
.-mt-6 {
    margin-top: -1.5rem;
}
.-mt-8 {
    margin-top: -2rem;
}
.-mt-\[2px\] {
    margin-top: -2px;
}
.-mt-global-nav {
    margin-top: -4.825rem;
}
.mb-0 {
    margin-bottom: 0px;
}
.mb-1 {
    margin-bottom: 0.25rem;
}
.mb-1\.5 {
    margin-bottom: 0.375rem;
}
.mb-2 {
    margin-bottom: 0.5rem;
}
.mb-2\.5 {
    margin-bottom: 0.625rem;
}
.mb-4 {
    margin-bottom: 1rem;
}
.mb-6 {
    margin-bottom: 1.5rem;
}
.mb-8 {
    margin-bottom: 2rem;
}
.mb-component {
    margin-bottom: 3rem;
}
.mb-component-1\/3 {
    margin-bottom: 1rem;
}
.ml-0 {
    margin-left: 0px;
}
.ml-1 {
    margin-left: 0.25rem;
}
.ml-4 {
    margin-left: 1rem;
}
.ml-8 {
    margin-left: 2rem;
}
.ml-\[0\.625rem\] {
    margin-left: 0.625rem;
}
.mr-0 {
    margin-right: 0px;
}
.mr-14 {
    margin-right: 3.5rem;
}
.mt-0 {
    margin-top: 0px;
}
.mt-12 {
    margin-top: 3rem;
}
.mt-14 {
    margin-top: 3.5rem;
}
.mt-16 {
    margin-top: 4rem;
}
.mt-2 {
    margin-top: 0.5rem;
}
.mt-4 {
    margin-top: 1rem;
}
.mt-5 {
    margin-top: 1.25rem;
}
.mt-6 {
    margin-top: 1.5rem;
}
.mt-8 {
    margin-top: 2rem;
}
.mt-\[0\.875rem\] {
    margin-top: 0.875rem;
}
.mt-\[2\.75rem\] {
    margin-top: 2.75rem;
}
.mt-component {
    margin-top: 3rem;
}
.box-border {
    box-sizing: border-box;
}
.box-content {
    box-sizing: content-box;
}
.line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.line-clamp-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
.block {
    display: block;
}
.inline-block {
    display: inline-block;
}
.inline {
    display: inline;
}
.\!flex {
    display: flex !important;
}
.flex {
    display: flex;
}
.inline-flex {
    display: inline-flex;
}
.table {
    display: table;
}
.grid {
    display: grid;
}
.list-item {
    display: list-item;
}
.\!hidden {
    display: none !important;
}
.hidden {
    display: none;
}
.aspect-1\/1 {
    aspect-ratio: 1/1;
}
.aspect-1\/2 {
    aspect-ratio: 1/2;
}
.aspect-16\/9 {
    aspect-ratio: 16/9;
}
.aspect-2\/1 {
    aspect-ratio: 2/1;
}
.aspect-3\/2 {
    aspect-ratio: 3/2;
}
.aspect-3\/4 {
    aspect-ratio: 3/4;
}
.aspect-4\/3 {
    aspect-ratio: 4/3;
}
.aspect-9\/16 {
    aspect-ratio: 9/16;
}
.aspect-\[1\/1\] {
    aspect-ratio: 1/1;
}
.aspect-\[1\/2\] {
    aspect-ratio: 1/2;
}
.aspect-\[16\/9\] {
    aspect-ratio: 16/9;
}
.aspect-\[2\/1\] {
    aspect-ratio: 2/1;
}
.aspect-\[2\/3\] {
    aspect-ratio: 2/3;
}
.aspect-\[3\/2\] {
    aspect-ratio: 3/2;
}
.aspect-\[3\/4\] {
    aspect-ratio: 3/4;
}
.aspect-\[345_\/_670\] {
    aspect-ratio: 345 / 670;
}
.aspect-\[4\/3\] {
    aspect-ratio: 4/3;
}
.aspect-\[6\/5\] {
    aspect-ratio: 6/5;
}
.aspect-\[9\/16\] {
    aspect-ratio: 9/16;
}
.aspect-\[var\(--aspect-ratio\)\] {
    aspect-ratio: var(--aspect-ratio);
}
.aspect-auto {
    aspect-ratio: auto;
}
.aspect-video {
    aspect-ratio: 16 / 9;
}
.size-5 {
    width: 1.25rem;
    height: 1.25rem;
}
.size-6 {
    width: 1.5rem;
    height: 1.5rem;
}
.size-\[14px\] {
    width: 14px;
    height: 14px;
}
.size-\[16px\] {
    width: 16px;
    height: 16px;
}
.size-chroma-40 {
    width: 40px;
    height: 40px;
}
.size-full {
    width: 100%;
    height: 100%;
}
.\!h-2 {
    height: 0.5rem !important;
}
.\!h-6 {
    height: 1.5rem !important;
}
.\!h-\[1ch\] {
    height: 1ch !important;
}
.\!h-\[26px\] {
    height: 26px !important;
}
.\!h-\[unset\] {
    height: unset !important;
}
.\!h-auto {
    height: auto !important;
}
.\!h-full {
    height: 100% !important;
}
.h-0 {
    height: 0px;
}
.h-1 {
    height: 0.25rem;
}
.h-10 {
    height: 2.5rem;
}
.h-105 {
    height: 26.25rem;
}
.h-11 {
    height: 2.75rem;
}
.h-12 {
    height: 3rem;
}
.h-143 {
    height: 35.75rem;
}
.h-16 {
    height: 4rem;
}
.h-22\.5 {
    height: 5.625rem;
}
.h-4 {
    height: 1rem;
}
.h-5 {
    height: 1.25rem;
}
.h-6 {
    height: 1.5rem;
}
.h-6\.5 {
    height: 1.625rem;
}
.h-7 {
    height: 1.75rem;
}
.h-71\.5 {
    height: 17.875rem;
}
.h-8 {
    height: 2rem;
}
.h-\[1\.5ch\] {
    height: 1.5ch;
}
.h-\[1\.625rem\] {
    height: 1.625rem;
}
.h-\[1\.875rem\] {
    height: 1.875rem;
}
.h-\[12\.2rem\] {
    height: 12.2rem;
}
.h-\[13px\] {
    height: 13px;
}
.h-\[14px\] {
    height: 14px;
}
.h-\[15px\] {
    height: 15px;
}
.h-\[18px\] {
    height: 18px;
}
.h-\[1ch\] {
    height: 1ch;
}
.h-\[2\.813rem\] {
    height: 2.813rem;
}
.h-\[20px\] {
    height: 20px;
}
.h-\[295px\] {
    height: 295px;
}
.h-\[300px\] {
    height: 300px;
}
.h-\[36px\] {
    height: 36px;
}
.h-\[3rem\] {
    height: 3rem;
}
.h-\[45px\] {
    height: 45px;
}
.h-\[46\.903px\] {
    height: 46.903px;
}
.h-\[calc\(100\%-2px\)\] {
    height: calc(100% - 2px);
}
.h-\[var\(--container-height\2c 372px\)\] {
    height: var(--container-height,372px);
}
.h-\[var\(--container-height\2c 558px\)\] {
    height: var(--container-height,558px);
}
.h-\[var\(--loader-w\)\] {
    height: var(--loader-w);
}
.h-auto {
    height: auto;
}
.h-carousel {
    height: 38.4375rem;
}
.h-fit {
    height: -moz-fit-content;
    height: fit-content;
}
.h-full {
    height: 100%;
}
.h-global-nav {
    height: 4.825rem;
}
.h-screen {
    height: 100vh;
}
.max-h-\[12\.063rem\] {
    max-height: 12.063rem;
}
.max-h-\[12\.125rem\] {
    max-height: 12.125rem;
}
.max-h-\[248px\] {
    max-height: 248px;
}
.max-h-\[35rem\] {
    max-height: 35rem;
}
.max-h-\[810px\] {
    max-height: 810px;
}
.max-h-\[calc\(var\(--body2FS\)\*var\(--body2LH\)\*3\)\] {
    max-height: calc(var(--body2FS) * var(--body2LH) * 3);
}
.max-h-\[calc\(var\(--body2FS\)\*var\(--body2LH\)\*4\)\] {
    max-height: calc(var(--body2FS) * var(--body2LH) * 4);
}
.max-h-\[var\(--logo-height\)\] {
    max-height: var(--logo-height);
}
.max-h-full {
    max-height: 100%;
}
.max-h-lohp-video-mobile {
    max-height: calc(100vh - 4.825rem);
}
.max-h-screen {
    max-height: 100vh;
}
.min-h-0 {
    min-height: 0px;
}
.min-h-40 {
    min-height: 10rem;
}
.min-h-\[259px\] {
    min-height: 259px;
}
.min-h-\[328px\] {
    min-height: 328px;
}
.min-h-\[400px\] {
    min-height: 400px;
}
.min-h-\[41\.875rem\] {
    min-height: 41.875rem;
}
.min-h-body {
    min-height: calc(100vh - 4.825rem);
}
.min-h-full {
    min-height: 100%;
}
.\!w-20 {
    width: 5rem !important;
}
.\!w-24 {
    width: 6rem !important;
}
.\!w-6 {
    width: 1.5rem !important;
}
.\!w-\[100px\] {
    width: 100px !important;
}
.\!w-\[135px\] {
    width: 135px !important;
}
.\!w-\[26px\] {
    width: 26px !important;
}
.\!w-\[40\%\] {
    width: 40% !important;
}
.\!w-auto {
    width: auto !important;
}
.\!w-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
}
.\!w-full {
    width: 100% !important;
}
.w-1\/2 {
    width: 50%;
}
.w-10 {
    width: 2.5rem;
}
.w-11 {
    width: 2.75rem;
}
.w-12 {
    width: 3rem;
}
.w-20 {
    width: 5rem;
}
.w-22\.5 {
    width: 5.625rem;
}
.w-24 {
    width: 6rem;
}
.w-3\/4 {
    width: 75%;
}
.w-5 {
    width: 1.25rem;
}
.w-56 {
    width: 14rem;
}
.w-6 {
    width: 1.5rem;
}
.w-6\.5 {
    width: 1.625rem;
}
.w-64 {
    width: 16rem;
}
.w-66 {
    width: 16.5rem;
}
.w-72\.5 {
    width: 18.125rem;
}
.w-8 {
    width: 2rem;
}
.w-\[0\.6rem\] {
    width: 0.6rem;
}
.w-\[1\.875rem\] {
    width: 1.875rem;
}
.w-\[11\.8125rem\] {
    width: 11.8125rem;
}
.w-\[121px\] {
    width: 121px;
}
.w-\[12px\] {
    width: 12px;
}
.w-\[13\.125rem\] {
    width: 13.125rem;
}
.w-\[13px\] {
    width: 13px;
}
.w-\[17\.5rem\] {
    width: 17.5rem;
}
.w-\[17px\] {
    width: 17px;
}
.w-\[18\.75rem\] {
    width: 18.75rem;
}
.w-\[2\.93144rem\] {
    width: 2.93144rem;
}
.w-\[260px\] {
    width: 260px;
}
.w-\[300px\] {
    width: 300px;
}
.w-\[320px\] {
    width: 320px;
}
.w-\[38px\] {
    width: 38px;
}
.w-\[46\.903px\] {
    width: 46.903px;
}
.w-\[5\.469rem\] {
    width: 5.469rem;
}
.w-\[52px\] {
    width: 52px;
}
.w-\[6\.25rem\] {
    width: 6.25rem;
}
.w-\[600px\] {
    width: 600px;
}
.w-\[75\.7\%\] {
    width: 75.7%;
}
.w-\[8\.25rem\] {
    width: 8.25rem;
}
.w-\[81px\] {
    width: 81px;
}
.w-\[85px\] {
    width: 85px;
}
.w-\[900px\] {
    width: 900px;
}
.w-\[90vw\] {
    width: 90vw;
}
.w-\[989px\] {
    width: 989px;
}
.w-\[calc\(\(23\/25\)\*100\%\)\] {
    width: calc((23 / 25) * 100%);
}
.w-\[calc\(100\%\)\] {
    width: calc(100%);
}
.w-\[calc\(100\%-1\.875rem\)\] {
    width: calc(100% - 1.875rem);
}
.w-\[var\(--loader-w\)\] {
    width: var(--loader-w);
}
.w-\[var\(--w\)\] {
    width: var(--w);
}
.w-auto {
    width: auto;
}
.w-carousel-card-mobile {
    width: calc(100% - 3rem);
}
.w-fit {
    width: -moz-fit-content;
    width: fit-content;
}
.w-full {
    width: 100%;
}
.w-screen {
    width: 100vw;
}
.\!min-w-0 {
    min-width: 0px !important;
}
.\!min-w-\[0\] {
    min-width: 0 !important;
}
.min-w-0 {
    min-width: 0px;
}
.min-w-32 {
    min-width: 8rem;
}
.min-w-5 {
    min-width: 1.25rem;
}
.min-w-6 {
    min-width: 1.5rem;
}
.min-w-60 {
    min-width: 15rem;
}
.min-w-\[375px\] {
    min-width: 375px;
}
.min-w-\[500px\] {
    min-width: 500px;
}
.min-w-\[85px\] {
    min-width: 85px;
}
.min-w-\[90vw\] {
    min-width: 90vw;
}
.min-w-\[calc\(50\%-1rem\)\] {
    min-width: calc(50% - 1rem);
}
.\!max-w-142 {
    max-width: 35.5rem !important;
}
.\!max-w-\[1209px\] {
    max-width: 1209px !important;
}
.max-w-207\.5 {
    max-width: 51.875rem;
}
.max-w-24 {
    max-width: 6rem;
}
.max-w-265 {
    max-width: 66.25rem;
}
.max-w-40 {
    max-width: 10rem;
}
.max-w-\[1000px\] {
    max-width: 1000px;
}
.max-w-\[100px\] {
    max-width: 100px;
}
.max-w-\[150px\] {
    max-width: 150px;
}
.max-w-\[18\.75rem\] {
    max-width: 18.75rem;
}
.max-w-\[19\.188rem\] {
    max-width: 19.188rem;
}
.max-w-\[19rem\] {
    max-width: 19rem;
}
.max-w-\[260px\] {
    max-width: 260px;
}
.max-w-\[300px\] {
    max-width: 300px;
}
.max-w-\[41rem\] {
    max-width: 41rem;
}
.max-w-\[50rem\] {
    max-width: 50rem;
}
.max-w-\[56\.25rem\] {
    max-width: 56.25rem;
}
.max-w-\[640px\] {
    max-width: 640px;
}
.max-w-\[70\%\] {
    max-width: 70%;
}
.max-w-\[70\.188rem\] {
    max-width: 70.188rem;
}
.max-w-\[75\.5rem\] {
    max-width: 75.5rem;
}
.max-w-btn-max-width {
    max-width: 18.75rem;
}
.max-w-content-max-width {
    max-width: 56.25rem;
}
.max-w-full {
    max-width: 100%;
}
.max-w-full-bleed {
    max-width: 256rem;
}
.max-w-screen-2xl {
    max-width: 1440px;
}
.max-w-sub-content-max-width {
    max-width: 45rem;
}
.max-w-xl {
    max-width: 36rem;
}
.flex-1 {
    flex: 1 1 0%;
}
.flex-\[1_1_50\%\] {
    flex: 1 1 50%;
}
.flex-none {
    flex: none;
}
.flex-shrink {
    flex-shrink: 1;
}
.shrink-0 {
    flex-shrink: 0;
}
.shrink-\[1\] {
    flex-shrink: 1;
}
.flex-grow {
    flex-grow: 1;
}
.\!grow-0 {
    flex-grow: 0 !important;
}
.grow {
    flex-grow: 1;
}
.grow-0 {
    flex-grow: 0;
}
.grow-\[1\] {
    flex-grow: 1;
}
.grow-\[2\] {
    flex-grow: 2;
}
.basis-\[43\.88\%\] {
    flex-basis: 43.88%;
}
.basis-full {
    flex-basis: 100%;
}
.border-spacing-0 {
    --tw-border-spacing-x: 0px;
    --tw-border-spacing-y: 0px;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.\!-translate-x-1\/2 {
    --tw-translate-x: -50% !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.-translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-\[8px\] {
    --tw-translate-x: -8px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-chroma-8 {
    --tw-translate-x: -8px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1 {
    --tw-translate-y: -0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\.5 {
    --tw-translate-y: -0.375rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2 {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-0 {
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-full {
    --tw-translate-x: 100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-0 {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-28 {
    --tw-translate-y: 7rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-90 {
    --tw-rotate: -90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-0 {
    --tw-rotate: 0deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180 {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-90 {
    --tw-rotate: 90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-scale-\[1\] {
    --tw-scale-x: -1;
    --tw-scale-y: -1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform-gpu {
    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.animate-fade-in {
    animation: fade-in 600ms linear;
}
@keyframes image {
    0% {
        transform: scale(0.9);
        opacity: 0.95;
    }
    75% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
.animate-image {
    animation: image 750ms cubic-bezier(0.7, 0, 0.3, 1);
}
@keyframes lohpStaffPicksScroll {
    0% {
        transform: translate3d(0,0,0);
    }
    100% {
        transform: translate3d(var(--lohp-staff-picks-translateX),0,0);
    }
}
.animate-lohpStaffPicksScroll {
    animation: lohpStaffPicksScroll 50s linear infinite;
}
@keyframes modal-root-in {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    99.9% {
        transform: scale(2);
        opacity: 0;
    }
    100% {
        transform: scale(0);
    }
}
.animate-modal-root-in {
    animation: modal-root-in 500ms cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
@keyframes modal-root-out {
    0% {
        transform: scale(2);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
.animate-modal-root-out {
    animation: modal-root-out 500ms cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.animate-none {
    animation: none;
}
@keyframes pulse {
    50% {
        opacity: .5;
    }
}
.animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes slide-in-from-bottom {
    0% {
        transform: translateY(100%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
.animate-slide-in-from-bottom {
    animation: slide-in-from-bottom 1200ms ease-out var(--sif-delay, 0ms) forwards;
}
@keyframes slide-in-from-bottom {
    0% {
        transform: translateY(100%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
.animate-slide-in-from-bottom-fast {
    animation: slide-in-from-bottom 900ms ease-out var(--sif-delay, 0ms) forwards;
}
@keyframes slide-in-from-top {
    0% {
        transform: translateY(-100%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
.animate-slide-in-from-top {
    animation: slide-in-from-top 1200ms ease-out var(--sif-delay, 0ms) forwards;
}
@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}
.animate-spin {
    animation: spin 1s linear infinite;
}
@keyframes tooltip-fade-in {
    from {
        opacity: 0;
        transform: translateY(0);
        top: 0;
    }
    to {
        opacity: 1;
        transform: translateY(-6px);
        top: 0;
    }
}
.animate-tooltip-fade-in {
    animation: tooltip-fade-in 500ms cubic-bezier(0.16, 1, 0.3, 1);
}
@keyframes tooltip-fade-out {
    from {
        opacity: 1;
        transform: translateY(-6px);
        top: 0;
    }
    to {
        opacity: 0;
        transform: translateY(0);
        top: 0;
    }
}
.animate-tooltip-fade-out {
    animation: tooltip-fade-out 350ms cubic-bezier(0.16, 1, 0.3, 1);
}
@keyframes vertical-progress-bar {
    from {
        max-height: 0;
    }
    to {
        max-height: 100%;
    }
}
.animate-vertical-progress-bar {
    animation: vertical-progress-bar var(--prg-duration,20000ms) linear infinite;
}
@keyframes watch-card-description-in {
    0% {
        transform: translateY(-40px);
        opacity: 0;
    }
    6.25% {
        opacity: 0;
    }
    100% {
        transform: translateY(0px);
        opacity: 0.5;
    }
}
.animate-watch-card-description-in {
    animation: watch-card-description-in 480ms cubic-bezier(0.33, 0, 0.25, 1) 30ms forwards;
}
@keyframes watch-card-description-out {
    0% {
        transform: translateY(0px);
        opacity: 0.5;
    }
    6.25% {
        opacity: 0.5;
    }
    58.33% {
        opacity: 0;
    }
    100% {
        transform: translateY(-40px);
        opacity: 0;
    }
}
.animate-watch-card-description-out {
    animation: watch-card-description-out 480ms cubic-bezier(0.33, 0, 0.25, 1) forwards;
}
.\!cursor-not-allowed {
    cursor: not-allowed !important;
}
.cursor-default {
    cursor: default;
}
.cursor-not-allowed {
    cursor: not-allowed;
}
.cursor-pointer {
    cursor: pointer;
}
.resize {
    resize: both;
}
.scroll-m-20 {
    scroll-margin: 5rem;
}
.\!list-none {
    list-style-type: none !important;
}
.list-none {
    list-style-type: none;
}
.grid-flow-col {
    grid-auto-flow: column;
}
.auto-rows-auto {
    grid-auto-rows: auto;
}
.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-23 {
    grid-template-columns: repeat(23, minmax(0, 1fr));
}
.grid-cols-25 {
    grid-template-columns: repeat(25, minmax(0, 1fr));
}
.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-rows-\[0fr\] {
    grid-template-rows: 0fr;
}
.grid-rows-\[1fr\] {
    grid-template-rows: 1fr;
}
.grid-rows-\[1fr_auto\] {
    grid-template-rows: 1fr auto;
}
.grid-rows-\[repeat\(2\2c auto\)\] {
    grid-template-rows: repeat(2,auto);
}
.\!flex-row {
    flex-direction: row !important;
}
.flex-row {
    flex-direction: row;
}
.flex-row-reverse {
    flex-direction: row-reverse;
}
.flex-col {
    flex-direction: column;
}
.flex-col-reverse {
    flex-direction: column-reverse;
}
.flex-wrap {
    flex-wrap: wrap;
}
.place-content-center {
    place-content: center;
}
.place-content-end {
    place-content: end;
}
.place-items-center {
    place-items: center;
}
.content-center {
    align-content: center;
}
.\!items-start {
    align-items: flex-start !important;
}
.items-start {
    align-items: flex-start;
}
.\!items-end {
    align-items: flex-end !important;
}
.items-end {
    align-items: flex-end;
}
.items-center {
    align-items: center;
}
.items-baseline {
    align-items: baseline;
}
.\!justify-start {
    justify-content: flex-start !important;
}
.justify-start {
    justify-content: flex-start;
}
.\!justify-end {
    justify-content: flex-end !important;
}
.justify-end {
    justify-content: flex-end;
}
.\!justify-center {
    justify-content: center !important;
}
.justify-center {
    justify-content: center;
}
.\!justify-between {
    justify-content: space-between !important;
}
.justify-between {
    justify-content: space-between;
}
.justify-evenly {
    justify-content: space-evenly;
}
.justify-items-center {
    justify-items: center;
}
.\!gap-1 {
    gap: 0.25rem !important;
}
.\!gap-2 {
    gap: 0.5rem !important;
}
.\!gap-3 {
    gap: 0.75rem !important;
}
.\!gap-3\.5 {
    gap: 0.875rem !important;
}
.gap-0 {
    gap: 0px;
}
.gap-1 {
    gap: 0.25rem;
}
.gap-10 {
    gap: 2.5rem;
}
.gap-12 {
    gap: 3rem;
}
.gap-16 {
    gap: 4rem;
}
.gap-2 {
    gap: 0.5rem;
}
.gap-2\.5 {
    gap: 0.625rem;
}
.gap-3 {
    gap: 0.75rem;
}
.gap-30 {
    gap: 7.5rem;
}
.gap-4 {
    gap: 1rem;
}
.gap-5 {
    gap: 1.25rem;
}
.gap-6 {
    gap: 1.5rem;
}
.gap-8 {
    gap: 2rem;
}
.gap-\[1\.563rem\] {
    gap: 1.563rem;
}
.gap-\[5\.5rem\] {
    gap: 5.5rem;
}
.gap-\[6\.25rem\] {
    gap: 6.25rem;
}
.gap-bokeh-md {
    gap: 1rem;
}
.gap-bokeh-xs {
    gap: 0.25rem;
}
.gap-chroma-12 {
    gap: 12px;
}
.gap-chroma-16 {
    gap: 16px;
}
.gap-chroma-24 {
    gap: 24px;
}
.gap-chroma-8 {
    gap: 8px;
}
.\!gap-y-2 {
    row-gap: 0.5rem !important;
}
.gap-x-0 {
    -moz-column-gap: 0px;
         column-gap: 0px;
}
.gap-x-1 {
    -moz-column-gap: 0.25rem;
         column-gap: 0.25rem;
}
.gap-x-15 {
    -moz-column-gap: 3.75rem;
         column-gap: 3.75rem;
}
.gap-x-16 {
    -moz-column-gap: 4rem;
         column-gap: 4rem;
}
.gap-x-2 {
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
}
.gap-x-30 {
    -moz-column-gap: 7.5rem;
         column-gap: 7.5rem;
}
.gap-x-4 {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
}
.gap-x-5 {
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
}
.gap-x-6 {
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
}
.gap-x-8 {
    -moz-column-gap: 2rem;
         column-gap: 2rem;
}
.gap-x-\[0\.625rem\] {
    -moz-column-gap: 0.625rem;
         column-gap: 0.625rem;
}
.gap-x-\[2\.1875rem\] {
    -moz-column-gap: 2.1875rem;
         column-gap: 2.1875rem;
}
.gap-x-\[5\.5px\] {
    -moz-column-gap: 5.5px;
         column-gap: 5.5px;
}
.gap-x-\[5px\] {
    -moz-column-gap: 5px;
         column-gap: 5px;
}
.gap-x-lohp-lg {
    -moz-column-gap: 3.5rem;
         column-gap: 3.5rem;
}
.gap-y-10 {
    row-gap: 2.5rem;
}
.gap-y-12 {
    row-gap: 3rem;
}
.gap-y-16 {
    row-gap: 4rem;
}
.gap-y-2 {
    row-gap: 0.5rem;
}
.gap-y-2\.5 {
    row-gap: 0.625rem;
}
.gap-y-20 {
    row-gap: 5rem;
}
.gap-y-24 {
    row-gap: 6rem;
}
.gap-y-3 {
    row-gap: 0.75rem;
}
.gap-y-4 {
    row-gap: 1rem;
}
.gap-y-5 {
    row-gap: 1.25rem;
}
.gap-y-6 {
    row-gap: 1.5rem;
}
.gap-y-8 {
    row-gap: 2rem;
}
.gap-y-\[0\.625rem\] {
    row-gap: 0.625rem;
}
.gap-y-\[15px\] {
    row-gap: 15px;
}
.gap-y-component {
    row-gap: 3rem;
}
.gap-y-component-mobile-bokeh {
    row-gap: 2em;
}
.gap-y-lohp-lg {
    row-gap: 3.5rem;
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.place-self-center {
    place-self: center;
}
.self-end {
    align-self: flex-end;
}
.self-center {
    align-self: center;
}
.self-stretch {
    align-self: stretch;
}
.overflow-auto {
    overflow: auto;
}
.overflow-hidden {
    overflow: hidden;
}
.\!overflow-visible {
    overflow: visible !important;
}
.overflow-visible {
    overflow: visible;
}
.overflow-y-auto {
    overflow-y: auto;
}
.overflow-x-clip {
    overflow-x: clip;
}
.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.text-ellipsis {
    text-overflow: ellipsis;
}
.whitespace-nowrap {
    white-space: nowrap;
}
.whitespace-pre-line {
    white-space: pre-line;
}
.\!text-wrap {
    text-wrap: wrap !important;
}
.text-wrap {
    text-wrap: wrap;
}
.text-nowrap {
    text-wrap: nowrap;
}
.text-balance {
    text-wrap: balance;
}
.text-pretty {
    text-wrap: pretty;
}
.\!rounded {
    border-radius: 0.25rem !important;
}
.\!rounded-2xl {
    border-radius: 1rem !important;
}
.\!rounded-\[100px\] {
    border-radius: 100px !important;
}
.\!rounded-lg {
    border-radius: 0.5rem !important;
}
.\!rounded-none {
    border-radius: 0px !important;
}
.rounded {
    border-radius: 0.25rem;
}
.rounded-2xl {
    border-radius: 1rem;
}
.rounded-3xl {
    border-radius: 1.25rem;
}
.rounded-\[0\.391rem\] {
    border-radius: 0.391rem;
}
.rounded-\[13px\] {
    border-radius: 13px;
}
.rounded-\[2\.5rem\] {
    border-radius: 2.5rem;
}
.rounded-\[20px\] {
    border-radius: 20px;
}
.rounded-\[50\%\] {
    border-radius: 50%;
}
.rounded-\[6\.4px\] {
    border-radius: 6.4px;
}
.rounded-bokeh-lg {
    border-radius: 1rem;
}
.rounded-bokeh-md {
    border-radius: .75rem;
}
.rounded-bokeh-sm {
    border-radius: .5rem;
}
.rounded-bokeh-xs {
    border-radius: .25rem;
}
.rounded-chroma-12 {
    border-radius: 12px;
}
.rounded-chroma-16 {
    border-radius: 16px;
}
.rounded-chroma-8 {
    border-radius: 8px;
}
.rounded-full {
    border-radius: 9999px;
}
.rounded-lg {
    border-radius: 0.5rem;
}
.rounded-md {
    border-radius: 0.375rem;
}
.rounded-none {
    border-radius: 0px;
}
.rounded-standard {
    border-radius: 1.5rem;
}
.rounded-video {
    border-radius: 1rem;
}
.rounded-xl {
    border-radius: 0.75rem;
}
.\!rounded-t-2xl {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
}
.rounded-b-3\.5xl {
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
}
.rounded-b-standard {
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
}
.rounded-l-3\.5xl {
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
}
.rounded-t-3\.5xl {
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
}
.rounded-t-standard {
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
}
.rounded-bl-chroma-12 {
    border-bottom-left-radius: 12px;
}
.rounded-br-chroma-12 {
    border-bottom-right-radius: 12px;
}
.\!border-4 {
    border-width: 4px !important;
}
.border {
    border-width: 1px;
}
.border-0 {
    border-width: 0px;
}
.border-2 {
    border-width: 2px;
}
.border-b-0 {
    border-bottom-width: 0px;
}
.border-b-4 {
    border-bottom-width: 4px;
}
.border-l-0 {
    border-left-width: 0px;
}
.border-r-0 {
    border-right-width: 0px;
}
.border-t-0 {
    border-top-width: 0px;
}
.\!border-solid {
    border-style: solid !important;
}
.border-solid {
    border-style: solid;
}
.border-dashed {
    border-style: dashed;
}
.border-none {
    border-style: none;
}
.\!border-transparent {
    border-color: transparent !important;
}
.border-\[\#856404\] {
    --tw-border-opacity: 1;
    border-color: rgb(133 100 4 / var(--tw-border-opacity));
}
.border-black {
    --tw-border-opacity: 1;
    border-color: rgba(var(--colors-black), var(--tw-border-opacity));
}
.border-bokeh-grey-500 {
    --tw-border-opacity: 1;
    border-color: rgba(var(--colors-bokeh-grey-500), var(--tw-border-opacity));
}
.border-card-bokeh-border {
    border-color: var(--colors-card-bokeh-border);
}
.border-comparison-table-background {
    border-color: var(--colors-comparison-table-background);
}
.border-current {
    border-color: currentColor;
}
.border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.border-lohp-container-content {
    border-color: var(--colors-lohp-container-content);
}
.border-transparent {
    border-color: transparent;
}
.border-b-transparent {
    border-bottom-color: transparent;
}
.\!bg-comparison-table-background {
    background-color: var(--colors-comparison-table-background) !important;
}
.\!bg-gray-200 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity)) !important;
}
.\!bg-pearl-white {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--colors-pearl-white), var(--tw-bg-opacity)) !important;
}
.\!bg-transparent {
    background-color: transparent !important;
}
.\!bg-white {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--colors-white), var(--tw-bg-opacity)) !important;
}
.bg-\[\#28313A\] {
    --tw-bg-opacity: 1;
    background-color: rgb(40 49 58 / var(--tw-bg-opacity));
}
.bg-\[rgba\(var\(--colors-white\)\2c 0\.6\)\] {
    background-color: rgba(var(--colors-white),0.6);
}
.bg-\[unset\] {
    background-color: unset;
}
.bg-\[var\(--desktop-position\)\] {
    background-color: var(--desktop-position);
}
.bg-accordion-background {
    background-color: var(--colors-accordion-background);
}
.bg-accordion-expanded-background {
    background-color: var(--colors-accordion-expanded-background);
}
.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-black), var(--tw-bg-opacity));
}
.bg-bokeh-green-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-bokeh-green-100), var(--tw-bg-opacity));
}
.bg-bokeh-green-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-bokeh-green-500), var(--tw-bg-opacity));
}
.bg-bokeh-grey-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-bokeh-grey-900), var(--tw-bg-opacity));
}
.bg-bokeh-red-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-bokeh-red-100), var(--tw-bg-opacity));
}
.bg-bokeh-red-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-bokeh-red-500), var(--tw-bg-opacity));
}
.bg-btn-background {
    background-color: var(--colors-btn-background);
}
.bg-btn-hover-background {
    background-color: var(--colors-btn-hover-background);
}
.bg-btn-icon-container {
    background-color: var(--colors-btn-icon-container);
}
.bg-card-background {
    background-color: var(--colors-card-background);
}
.bg-card-background-carousel {
    background-color: var(--colors-card-background-carousel);
}
.bg-card-background-light {
    background-color: var(--colors-card-background-light);
}
.bg-card-background-prominent {
    background-color: var(--colors-card-background-prominent);
}
.bg-card-bokeh-border {
    background-color: var(--colors-card-bokeh-border);
}
.bg-card-hover-background {
    background-color: var(--colors-card-hover-background);
}
.bg-carousel-nav-button-active {
    background-color: var(--colors-carousel-nav-button-active);
}
.bg-chroma-alpha-black-800 {
    background-color: var(--colors-chroma-alpha-black-800);
}
.bg-chroma-blue-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-chroma-blue-100), var(--tw-bg-opacity));
}
.bg-chroma-blue-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-chroma-blue-300), var(--tw-bg-opacity));
}
.bg-chroma-blue-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-chroma-blue-500), var(--tw-bg-opacity));
}
.bg-chroma-blue-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-chroma-blue-700), var(--tw-bg-opacity));
}
.bg-chroma-blue-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-chroma-blue-800), var(--tw-bg-opacity));
}
.bg-chroma-button-close-modal-primary {
    background-color: var(--colors-chroma-button-close-modal-primary);
}
.bg-chroma-button-close-modal-secondary {
    background-color: var(--colors-chroma-button-close-modal-secondary);
}
.bg-chroma-button-cta-primary {
    background-color: var(--colors-chroma-button-cta-primary);
}
.bg-chroma-button-cta-secondary {
    background-color: var(--colors-chroma-button-cta-secondary);
}
.bg-chroma-button-cta-secondary-alt {
    background-color: var(--colors-chroma-button-cta-secondary-alt);
}
.bg-chroma-button-less {
    background-color: var(--colors-chroma-button-less);
}
.bg-chroma-button-more {
    background-color: var(--colors-chroma-button-more);
}
.bg-chroma-button-play-expanded {
    background-color: var(--colors-chroma-button-play-expanded);
}
.bg-chroma-button-play-overlay {
    background-color: var(--colors-chroma-button-play-overlay);
}
.bg-chroma-button-play-primary {
    background-color: var(--colors-chroma-button-play-primary);
}
.bg-chroma-button-play-secondary {
    background-color: var(--colors-chroma-button-play-secondary);
}
.bg-chroma-green-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-chroma-green-100), var(--tw-bg-opacity));
}
.bg-chroma-navigation-backgrounds-menu-item-icon-bg {
    background-color: var(--colors-chroma-navigation-backgrounds-menu-item-icon-bg);
}
.bg-chroma-navigation-backgrounds-overlay {
    background-color: var(--colors-chroma-navigation-backgrounds-overlay);
}
.bg-chroma-navigation-cta-menu-item {
    background-color: var(--colors-chroma-navigation-cta-menu-item);
}
.bg-chroma-navigation-cta-menu-item-hover {
    background-color: var(--colors-chroma-navigation-cta-menu-item-hover);
}
.bg-chroma-navigation-cta-view-all {
    background-color: var(--colors-chroma-navigation-cta-view-all);
}
.bg-chroma-neutral-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-chroma-neutral-100), var(--tw-bg-opacity));
}
.bg-chroma-neutral-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-chroma-neutral-50), var(--tw-bg-opacity));
}
.bg-chroma-neutral-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-chroma-neutral-500), var(--tw-bg-opacity));
}
.bg-chroma-neutral-550 {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-chroma-neutral-550), var(--tw-bg-opacity));
}
.bg-chroma-neutral-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-chroma-neutral-600), var(--tw-bg-opacity));
}
.bg-chroma-orange-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-chroma-orange-100), var(--tw-bg-opacity));
}
.bg-chroma-orange-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-chroma-orange-300), var(--tw-bg-opacity));
}
.bg-chroma-purple-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-chroma-purple-500), var(--tw-bg-opacity));
}
.bg-chroma-red-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-chroma-red-100), var(--tw-bg-opacity));
}
.bg-chroma-red-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-chroma-red-300), var(--tw-bg-opacity));
}
.bg-comparison-table-background {
    background-color: var(--colors-comparison-table-background);
}
.bg-comparison-table-left-heading-background {
    background-color: var(--colors-comparison-table-left-heading-background);
}
.bg-comparison-table-top-heading-background {
    background-color: var(--colors-comparison-table-top-heading-background);
}
.bg-container-background {
    background-color: var(--colors-container-background);
}
.bg-cyan-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-cyan-50), var(--tw-bg-opacity));
}
.bg-ebony-gray {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-ebony-gray), var(--tw-bg-opacity));
}
.bg-footer-background-light {
    background-color: var(--colors-footer-background-light);
}
.bg-footer-sub-content {
    background-color: var(--colors-footer-sub-content);
}
.bg-forest-60 {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-forest-60), var(--tw-bg-opacity));
}
.bg-form-input-background {
    background-color: var(--colors-form-input-background);
}
.bg-fuchsia-40 {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-fuchsia-40), var(--tw-bg-opacity));
}
.bg-generic-card-background {
    background-color: var(--colors-generic-card-background);
}
.bg-generic-card-background-dark {
    background-color: var(--colors-generic-card-background-dark);
}
.bg-generic-card-skeleton {
    background-color: var(--colors-generic-card-skeleton);
}
.bg-global-nav-background {
    background-color: var(--colors-global-nav-background);
}
.bg-global-nav-background-accent {
    background-color: var(--colors-global-nav-background-accent);
}
.bg-global-nav-underlay {
    background-color: var(--colors-global-nav-underlay);
}
.bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.bg-green-35 {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-green-35), var(--tw-bg-opacity));
}
.bg-indigo-40 {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-indigo-40), var(--tw-bg-opacity));
}
.bg-lime-60 {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-lime-60), var(--tw-bg-opacity));
}
.bg-lohp-btn-bg {
    background-color: var(--colors-lohp-btn-bg);
}
.bg-lohp-btn-hover-bg {
    background-color: var(--colors-lohp-btn-hover-bg);
}
.bg-lohp-container-background {
    background-color: var(--colors-lohp-container-background);
}
.bg-lohp-container-card {
    background-color: var(--colors-lohp-container-card);
}
.bg-lohp-featured-in-card-card {
    background-color: var(--colors-lohp-featured-in-card-card);
}
.bg-lohp-play-btn-base-bg-default {
    background-color: var(--colors-lohp-play-btn-base-bg-default);
}
.bg-lohp-play-btn-base-bg-hover {
    background-color: var(--colors-lohp-play-btn-base-bg-hover);
}
.bg-lohp-play-btn-bg-default {
    background-color: var(--colors-lohp-play-btn-bg-default);
}
.bg-lohp-play-btn-bg-hover {
    background-color: var(--colors-lohp-play-btn-bg-hover);
}
.bg-orange-40 {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-orange-40), var(--tw-bg-opacity));
}
.bg-pearl-black {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-pearl-black), var(--tw-bg-opacity));
}
.bg-pearl-white {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-pearl-white), var(--tw-bg-opacity));
}
.bg-purple {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-purple), var(--tw-bg-opacity));
}
.bg-raven-gray {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-raven-gray), var(--tw-bg-opacity));
}
.bg-silver-gray {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-silver-gray), var(--tw-bg-opacity));
}
.bg-tag-background {
    background-color: var(--colors-tag-background);
}
.bg-tag-bokeh-bg {
    background-color: var(--colors-tag-bokeh-bg);
}
.bg-transparent {
    background-color: transparent;
}
.bg-vimeo-blue {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-vimeo-blue), var(--tw-bg-opacity));
}
.bg-vimeo-blue-55 {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-vimeo-blue-55), var(--tw-bg-opacity));
}
.bg-warning {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-warning), var(--tw-bg-opacity));
}
.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-white), var(--tw-bg-opacity));
}
.\!bg-img-arrow-white {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC4wODUgNy44MzMzM0w2LjQyMzU2IDExLjU3MzFDNi4wNDkyOSAxMS45NTUzIDYuMDQ5MjkgMTIuNTY2NyA2LjQyMzU2IDEyLjk0OUM2LjgwOTIgMTMuMzQyOSA3LjQ0MzI1IDEzLjM0MjkgNy44Mjg4OSAxMi45NDlMMTIuOTY1IDcuNzAzQzEzLjM0NSA3LjMxNDg0IDEzLjM0NSA2LjY4NTUzIDEyLjk2NSA2LjI5NzM3TDcuODI4ODkgMS4wNTEwNUM3LjQ0MzI2IDAuNjU3MTQ5IDYuODA5MjEgMC42NTcxMyA2LjQyMzU2IDEuMDUxMDFDNi4wNDkyOCAxLjQzMzI4IDYuMDQ5MjYgMi4wNDQ2MiA2LjQyMzUyIDIuNDI2OTFMMTAuMDg0NyA2LjE2NjY2TDEuNTgzMzMgNi4xNjY2NkMxLjEyMzEgNi4xNjY2NiAwLjc1IDYuNTM5NzYgMC43NSA3QzAuNzUgNy40NjAyMyAxLjEyMzEgNy44MzMzMyAxLjU4MzMzIDcuODMzMzNMMTAuMDg1IDcuODMzMzNaIiBmaWxsPSIjRkFGQ0ZEIi8+Cjwvc3ZnPg==) !important;
}
.bg-\[radial-gradient\(\#a5d7e6\2c _\#5ec2d7\)\] {
    background-image: radial-gradient(#a5d7e6, #5ec2d7);
}
.bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-tr {
    background-image: linear-gradient(to top right, var(--tw-gradient-stops));
}
.bg-img-select-black {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZmlsbD0iIzBBMEUxMiIgZD0iTTIzMy40IDQwNi42YzEyLjUgMTIuNSAzMi44IDEyLjUgNDUuMyAwbDE5Mi0xOTJjMTIuNS0xMi41IDEyLjUtMzIuOCAwLTQ1LjNzLTMyLjgtMTIuNS00NS4zIDBMMjU2IDMzOC43IDg2LjYgMTY5LjRjLTEyLjUtMTIuNS0zMi44LTEyLjUtNDUuMyAwcy0xMi41IDMyLjggMCA0NS4zbDE5MiAxOTJ6Ii8+PC9zdmc+);
}
.bg-img-select-white {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTIzMy40IDQwNi42YzEyLjUgMTIuNSAzMi44IDEyLjUgNDUuMyAwbDE5Mi0xOTJjMTIuNS0xMi41IDEyLjUtMzIuOCAwLTQ1LjNzLTMyLjgtMTIuNS00NS4zIDBMMjU2IDMzOC43IDg2LjYgMTY5LjRjLTEyLjUtMTIuNS0zMi44LTEyLjUtNDUuMyAwcy0xMi41IDMyLjggMCA0NS4zbDE5MiAxOTJ6Ii8+PC9zdmc+);
}
.bg-lohp-control-patches-color {
    background-image: linear-gradient(90deg, #CBD5E0 calc(100% / 7), #FFB116 calc(100% / 7), #FFB116 calc(100% / 7 * 2), #17D5FF calc(100% / 7 * 2), #17D5FF calc(100% / 7 * 3), #209E00 calc(100% / 7 * 3), #209E00 calc(100% / 7 * 4), #FF2ACF calc(100% / 7 * 4), #FF2ACF calc(100% / 7 * 5), #FB322B calc(100% / 7 * 5), #FB322B calc(100% / 7 * 6), rgb(var(--colors-vimeo-blue)) calc(100% / 7 * 6));
}
.bg-lohp-control-patches-greyscale {
    background-image: linear-gradient(90deg, white calc(100% / 8), #E4E9EF calc(100% / 8), #E4E9EF calc(100% / 8 * 2), #CBD5E0 calc(100% / 8 * 2), #CBD5E0 calc(100% / 8 * 3), #97A1AD calc(100% / 8 * 3), #97A1AD calc(100% / 8 * 4), #68727C calc(100% / 8 * 4), #68727C calc(100% / 8 * 5), #3D4751 calc(100% / 8 * 5), #3D4751 calc(100% / 8 * 6), #252D35 calc(100% / 8 * 6), #252D35 calc(100% / 8 * 7 ), #181E24 calc(100% / 8 * 7));
}
.bg-lohp-control-patches-staggered-color {
    background-image: linear-gradient(90deg, #D73CFF 7%, #B7FF4C 7%, #B7FF4C 17%, #1FC8FF 17%, #1FC8FF 39%, #105BFF 39%, #105BFF 70%, #FF2601 70%, #FF2601 85%, #FF5500 85%, #FF5500 94%, #D73CFF 94%);
}
.bg-lohp-control-patches-staggered-greyscale {
    background-image: linear-gradient(90deg, #121212 0%, #121212 7%, #1E1E1E 7%, #1E1E1E 17%, #303030 17%, #303030 50%, #555555 50%, #555555 70%, #9D9D9D 70%, #9D9D9D 85%, #CACACA 85%, #CACACA 94%, white 94%, white 100%);
}
.from-\[\#182e3c\] {
    --tw-gradient-from: #182e3c var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(24 46 60 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-card-chroma-bg-mask {
    --tw-gradient-from: var(--colors-card-chroma-bg-mask) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sky-500 {
    --tw-gradient-from: #0ea5e9 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(14 165 233 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.via-card-chroma-bg-mask {
    --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--colors-card-chroma-bg-mask) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-transparent {
    --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-50\% {
    --tw-gradient-via-position: 50%;
}
.via-\[600px\] {
    --tw-gradient-via-position: 600px;
}
.to-\[rgba\(250\2c 252\2c 253\2c 0\.7\)\] {
    --tw-gradient-to: rgba(250,252,253,0.7) var(--tw-gradient-to-position);
}
.to-indigo-700 {
    --tw-gradient-to: #4338ca var(--tw-gradient-to-position);
}
.to-transparent {
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.to-\[99\.9\%\] {
    --tw-gradient-to-position: 99.9%;
}
.bg-cover {
    background-size: cover;
}
.bg-center {
    background-position: center;
}
.bg-no-repeat {
    background-repeat: no-repeat;
}
.fill-black {
    fill: rgb(var(--colors-black));
}
.fill-btn-content {
    fill: var(--colors-btn-content);
}
.fill-btn-hover-content {
    fill: var(--colors-btn-hover-content);
}
.fill-btn-icon-content {
    fill: var(--colors-btn-icon-content);
}
.fill-lohp-btn-content {
    fill: var(--colors-lohp-btn-content);
}
.fill-lohp-btn-hover-content {
    fill: var(--colors-lohp-btn-hover-content);
}
.fill-vimeo-blue {
    fill: rgb(var(--colors-vimeo-blue));
}
.fill-vimeo-blue-80 {
    fill: rgb(var(--colors-vimeo-blue-80));
}
.object-contain {
    -o-object-fit: contain;
       object-fit: contain;
}
.object-cover {
    -o-object-fit: cover;
       object-fit: cover;
}
.object-\[var\(--mobile-position\)\] {
    -o-object-position: var(--mobile-position);
       object-position: var(--mobile-position);
}
.object-center {
    -o-object-position: center;
       object-position: center;
}
.object-center-center {
    -o-object-position: center center;
       object-position: center center;
}
.object-left {
    -o-object-position: left;
       object-position: left;
}
.object-top {
    -o-object-position: top;
       object-position: top;
}
.\!p-0 {
    padding: 0px !important;
}
.\!p-8 {
    padding: 2rem !important;
}
.\!p-\[\.7rem\] {
    padding: .7rem !important;
}
.p-0 {
    padding: 0px;
}
.p-10 {
    padding: 2.5rem;
}
.p-12 {
    padding: 3rem;
}
.p-2 {
    padding: 0.5rem;
}
.p-20 {
    padding: 5rem;
}
.p-3 {
    padding: 0.75rem;
}
.p-4 {
    padding: 1rem;
}
.p-5 {
    padding: 1.25rem;
}
.p-6 {
    padding: 1.5rem;
}
.p-7 {
    padding: 1.75rem;
}
.p-7\.5 {
    padding: 1.875rem;
}
.p-8 {
    padding: 2rem;
}
.p-\[0\.625rem\] {
    padding: 0.625rem;
}
.p-\[0\.813rem\] {
    padding: 0.813rem;
}
.p-\[10px\] {
    padding: 10px;
}
.p-\[15px\] {
    padding: 15px;
}
.p-bokeh-xl {
    padding: 1.5rem;
}
.p-chroma-16 {
    padding: 16px;
}
.p-chroma-24 {
    padding: 24px;
}
.p-chroma-8 {
    padding: 8px;
}
.p-chroma-none {
    padding: 0;
}
.p-lohp-md {
    padding: 2rem;
}
.\!px-6 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}
.\!px-\[calc\(\(2\/25\)\*100\%\)\] {
    padding-left: calc((2 / 25) * 100%) !important;
    padding-right: calc((2 / 25) * 100%) !important;
}
.\!py-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.\!py-10 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
}
.\!py-3 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
}
.\!py-3\.5 {
    padding-top: 0.875rem !important;
    padding-bottom: 0.875rem !important;
}
.\!py-8 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}
.\!py-\[0\.625rem\] {
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important;
}
.px-0 {
    padding-left: 0px;
    padding-right: 0px;
}
.px-0\.5 {
    padding-left: 0.125rem;
    padding-right: 0.125rem;
}
.px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}
.px-1\.5 {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
}
.px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}
.px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
}
.px-14 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
}
.px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
}
.px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
.px-3\.5 {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
}
.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}
.px-4\.5 {
    padding-left: 1.125rem;
    padding-right: 1.125rem;
}
.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
}
.px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
}
.px-\[1\.873rem\] {
    padding-left: 1.873rem;
    padding-right: 1.873rem;
}
.px-\[15px\] {
    padding-left: 15px;
    padding-right: 15px;
}
.px-\[calc\(\(2\/25\)\*clamp\(var\(--screen-xs\)\2c _100vw\2c _var\(--screen-2xl\)\)\)\] {
    padding-left: calc((2 / 25) * clamp(var(--screen-xs), 100vw, var(--screen-2xl)));
    padding-right: calc((2 / 25) * clamp(var(--screen-xs), 100vw, var(--screen-2xl)));
}
.px-\[calc\(1\/25\*100vw\)\] {
    padding-left: calc(1 / 25 * 100vw);
    padding-right: calc(1 / 25 * 100vw);
}
.px-chroma-16 {
    padding-left: 16px;
    padding-right: 16px;
}
.px-chroma-24 {
    padding-left: 24px;
    padding-right: 24px;
}
.px-hero-body {
    padding-left: 7.1875rem;
    padding-right: 7.1875rem;
}
.px-lohp-md {
    padding-left: 2rem;
    padding-right: 2rem;
}
.py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
}
.py-0\.5 {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
}
.py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}
.py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}
.py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
}
.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.py-2\.5 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}
.py-22 {
    padding-top: 5.5rem;
    padding-bottom: 5.5rem;
}
.py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}
.py-3\.5 {
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
}
.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}
.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.py-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
}
.py-7\.5 {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
}
.py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.py-\[0\.625rem\] {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}
.py-\[0\.766rem\] {
    padding-top: 0.766rem;
    padding-bottom: 0.766rem;
}
.py-\[0\.875rem\] {
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
}
.py-\[1\.25rem\] {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}
.py-\[1\.5px\] {
    padding-top: 1.5px;
    padding-bottom: 1.5px;
}
.py-\[4\.125rem\] {
    padding-top: 4.125rem;
    padding-bottom: 4.125rem;
}
.py-bokeh-xs {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}
.py-chroma-12 {
    padding-top: 12px;
    padding-bottom: 12px;
}
.py-chroma-16 {
    padding-top: 16px;
    padding-bottom: 16px;
}
.py-chroma-8 {
    padding-top: 8px;
    padding-bottom: 8px;
}
.py-component {
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.py-component-5\/6 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}
.py-component-mobile-bokeh {
    padding-top: 2em;
    padding-bottom: 2em;
}
.py-lohp-md {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.py-px {
    padding-top: 1px;
    padding-bottom: 1px;
}
.\!pb-0 {
    padding-bottom: 0px !important;
}
.\!pb-8 {
    padding-bottom: 2rem !important;
}
.\!pt-0 {
    padding-top: 0px !important;
}
.\!pt-24 {
    padding-top: 6rem !important;
}
.\!pt-6 {
    padding-top: 1.5rem !important;
}
.\!pt-8 {
    padding-top: 2rem !important;
}
.pb-0 {
    padding-bottom: 0px;
}
.pb-10 {
    padding-bottom: 2.5rem;
}
.pb-12 {
    padding-bottom: 3rem;
}
.pb-14 {
    padding-bottom: 3.5rem;
}
.pb-16 {
    padding-bottom: 4rem;
}
.pb-18 {
    padding-bottom: 4.5rem;
}
.pb-2 {
    padding-bottom: 0.5rem;
}
.pb-35 {
    padding-bottom: 8.75rem;
}
.pb-4 {
    padding-bottom: 1rem;
}
.pb-6 {
    padding-bottom: 1.5rem;
}
.pb-7 {
    padding-bottom: 1.75rem;
}
.pb-8 {
    padding-bottom: 2rem;
}
.pb-\[15px\] {
    padding-bottom: 15px;
}
.pb-\[calc\(24px\+48px\)\] {
    padding-bottom: calc(24px + 48px);
}
.pb-component {
    padding-bottom: 3rem;
}
.pb-component-bokeh {
    padding-bottom: 3.5rem;
}
.pb-component-mobile-bokeh {
    padding-bottom: 2em;
}
.pb-lohp-md {
    padding-bottom: 2rem;
}
.pl-0 {
    padding-left: 0px;
}
.pl-1 {
    padding-left: 0.25rem;
}
.pl-2 {
    padding-left: 0.5rem;
}
.pl-2\.5 {
    padding-left: 0.625rem;
}
.pl-4 {
    padding-left: 1rem;
}
.pl-5 {
    padding-left: 1.25rem;
}
.pl-8 {
    padding-left: 2rem;
}
.pl-\[26px\] {
    padding-left: 26px;
}
.pr-0 {
    padding-right: 0px;
}
.pr-1 {
    padding-right: 0.25rem;
}
.pr-10 {
    padding-right: 2.5rem;
}
.pr-14 {
    padding-right: 3.5rem;
}
.pr-2 {
    padding-right: 0.5rem;
}
.pr-4 {
    padding-right: 1rem;
}
.pr-8 {
    padding-right: 2rem;
}
.pr-\[0\.375rem\] {
    padding-right: 0.375rem;
}
.pr-\[0\.625rem\] {
    padding-right: 0.625rem;
}
.pt-0 {
    padding-top: 0px;
}
.pt-12 {
    padding-top: 3rem;
}
.pt-14 {
    padding-top: 3.5rem;
}
.pt-16 {
    padding-top: 4rem;
}
.pt-2 {
    padding-top: 0.5rem;
}
.pt-2\.5 {
    padding-top: 0.625rem;
}
.pt-4 {
    padding-top: 1rem;
}
.pt-6 {
    padding-top: 1.5rem;
}
.pt-7\.5 {
    padding-top: 1.875rem;
}
.pt-8 {
    padding-top: 2rem;
}
.pt-\[0\.875rem\] {
    padding-top: 0.875rem;
}
.pt-\[15px\] {
    padding-top: 15px;
}
.pt-\[2\.625rem\] {
    padding-top: 2.625rem;
}
.pt-\[5\.75rem\] {
    padding-top: 5.75rem;
}
.pt-\[7\.25rem\] {
    padding-top: 7.25rem;
}
.pt-component {
    padding-top: 3rem;
}
.pt-component-2\/3 {
    padding-top: 2rem;
}
.pt-component-bokeh {
    padding-top: 3.5rem;
}
.pt-component-mobile-bokeh {
    padding-top: 2em;
}
.pt-global-nav {
    padding-top: 4.825rem;
}
.pt-lohp-lg {
    padding-top: 3.5rem;
}
.\!text-left {
    text-align: left !important;
}
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.align-baseline {
    vertical-align: baseline;
}
.\!font-sans {
    font-family: var(--font-ABCRepro), var(--font-InterTight), Helvetica, Arial, sans-serif !important;
}
.font-mono {
    font-family: var(--font-ABCReproMono);
}
.font-sans {
    font-family: var(--font-ABCRepro), var(--font-InterTight), Helvetica, Arial, sans-serif;
}
.\!text-\[30px\] {
    font-size: 30px !important;
}
.\!text-body-1 {
    font-size: 1.25rem !important;
    line-height: 1.4 !important;
    letter-spacing: -0.0375rem !important;
    font-weight: 400 !important;
}
.\!text-display-4 {
    font-size: 4.5rem !important;
    line-height: 1 !important;
    letter-spacing: -0.225rem !important;
    font-weight: 500 !important;
}
.\!text-display-6 {
    font-size: 2.5rem !important;
    line-height: 1 !important;
    letter-spacing: -0.1rem !important;
    font-weight: 500 !important;
}
.\!text-display-8 {
    font-size: 1.5rem !important;
    line-height: 1.1 !important;
    letter-spacing: -0.06rem !important;
    font-weight: 500 !important;
}
.\!text-display-mobile-4 {
    font-size: 3.5rem !important;
    line-height: 1 !important;
    letter-spacing: -0.14rem !important;
    font-weight: 500 !important;
}
.\!text-display-mobile-5 {
    font-size: 2.5rem !important;
    line-height: 1 !important;
    letter-spacing: -0.1rem !important;
    font-weight: 500 !important;
}
.\!text-display-mobile-6 {
    font-size: 2rem !important;
    line-height: 1 !important;
    letter-spacing: -0.08rem !important;
    font-weight: 500 !important;
}
.\!text-display-mobile-8 {
    font-size: 1.375rem !important;
    line-height: 1.1 !important;
    letter-spacing: -0.05375rem !important;
    font-weight: 500 !important;
}
.text-\[10px\] {
    font-size: 10px;
}
.text-base {
    font-size: 1rem;
    line-height: 1.5rem;
}
.text-body-1 {
    font-size: 1.25rem;
    line-height: 1.4;
    letter-spacing: -0.0375rem;
    font-weight: 400;
}
.text-body-1-med {
    font-size: 1.25rem;
    line-height: 1.4;
    letter-spacing: -0.0375rem;
    font-weight: 500;
}
.text-body-2 {
    font-size: 1.125rem;
    line-height: 1.35;
    letter-spacing: -0.03375rem;
    font-weight: 400;
}
.text-body-2-med {
    font-size: 1.125rem;
    line-height: 1.35;
    letter-spacing: -0.03375rem;
    font-weight: 500;
}
.text-body-3 {
    font-size: 1rem;
    line-height: 1.3;
    letter-spacing: -0.03rem;
    font-weight: 400;
}
.text-body-3-med {
    font-size: 1rem;
    line-height: 1.3;
    letter-spacing: -0.03rem;
    font-weight: 500;
}
.text-body-4 {
    font-size: 0.875rem;
    line-height: 1.138;
    letter-spacing: -0.035rem;
    font-weight: 400;
}
.text-body-4\.25 {
    font-size: 0.8125rem;
    line-height: 1.138;
    letter-spacing: -0.035rem;
    font-weight: 400;
}
.text-body-4\.5 {
    font-size: 0.75rem;
    line-height: 1.3;
    letter-spacing: -0.0225rem;
    font-weight: 400;
}
.text-body-5 {
    font-size: 0.687rem;
    line-height: 140%;
    letter-spacing: -0.33px;
    font-weight: 400;
}
.text-bokeh-display-2xs {
    font-size: 0.75rem;
    line-height: 1.4;
    letter-spacing: -0.0225rem;
    font-weight: 500;
}
.text-bokeh-display-sm {
    font-size: 1rem;
    line-height: 1.4;
    letter-spacing: -0.03rem;
    font-weight: 500;
}
.text-bokeh-display-xs {
    font-size: 0.875rem;
    line-height: 1.4;
    letter-spacing: -0.02625rem;
    font-weight: 500;
}
.text-chroma-body-1 {
    font-size: 1.25rem;
    line-height: 130%;
    letter-spacing: -0.6px;
    font-weight: 400;
}
.text-chroma-body-3 {
    font-size: 1rem;
    line-height: 135%;
    letter-spacing: -0.48px;
    font-weight: 400;
}
.text-chroma-body-5 {
    font-size: 0.75rem;
    line-height: 140%;
    letter-spacing: -0.36px;
    font-weight: 400;
}
.text-chroma-body-5-mobile {
    font-size: 0.625rem;
    line-height: 140%;
    letter-spacing: -0.36px;
    font-weight: 400;
}
.text-chroma-button-1 {
    font-size: 1rem;
    line-height: 110%;
    letter-spacing: -0.48px;
    font-weight: 500;
}
.text-chroma-display-5 {
    font-size: 1.5rem;
    line-height: 115%;
    letter-spacing: -0.48px;
    font-weight: 500;
}
.text-chroma-display-6 {
    font-size: 1.125rem;
    line-height: 120%;
    letter-spacing: -0.36px;
    font-weight: 500;
}
.text-chroma-navigation-body-3 {
    font-size: 0.75rem;
    line-height: 120%;
    letter-spacing: -0.36px;
    font-weight: 400;
}
.text-chroma-navigation-body-3-mobile {
    font-size: 0.875rem;
    line-height: 120%;
    letter-spacing: -0.36px;
    font-weight: 400;
}
.text-chroma-navigation-display-1 {
    font-size: 1rem;
    line-height: 120%;
    letter-spacing: -0.48px;
    font-weight: 500;
}
.text-chroma-navigation-display-2-mobile {
    font-size: 1rem;
    line-height: 120%;
    letter-spacing: -0.42px;
    font-weight: 500;
}
.text-display-2 {
    font-size: 7.5rem;
    line-height: 1;
    letter-spacing: -0.375rem;
    font-weight: 500;
}
.text-display-3 {
    font-size: 5.75rem;
    line-height: 1;
    letter-spacing: -0.2875rem;
    font-weight: 500;
}
.text-display-4 {
    font-size: 4.5rem;
    line-height: 1;
    letter-spacing: -0.225rem;
    font-weight: 500;
}
.text-display-5 {
    font-size: 3.125rem;
    line-height: 1;
    letter-spacing: -0.15625rem;
    font-weight: 500;
}
.text-display-6 {
    font-size: 2.5rem;
    line-height: 1;
    letter-spacing: -0.1rem;
    font-weight: 500;
}
.text-display-7 {
    font-size: 2rem;
    line-height: 1.1;
    letter-spacing: -0.08rem;
    font-weight: 500;
}
.text-display-8 {
    font-size: 1.5rem;
    line-height: 1.1;
    letter-spacing: -0.06rem;
    font-weight: 500;
}
.text-display-mobile-4 {
    font-size: 3.5rem;
    line-height: 1;
    letter-spacing: -0.14rem;
    font-weight: 500;
}
.text-display-mobile-4\.5 {
    font-size: 3rem;
    line-height: 1;
    letter-spacing: -0.15rem;
    font-weight: 500;
}
.text-display-mobile-5 {
    font-size: 2.5rem;
    line-height: 1;
    letter-spacing: -0.1rem;
    font-weight: 500;
}
.text-display-mobile-5-med {
    font-size: 1.125rem;
    line-height: 1.15;
    letter-spacing: -0.023rem;
    font-weight: 500;
}
.text-display-mobile-6 {
    font-size: 2rem;
    line-height: 1;
    letter-spacing: -0.08rem;
    font-weight: 500;
}
.text-display-mobile-6\.5 {
    font-size: 1.5rem;
    line-height: 1.195;
    letter-spacing: -0.06rem;
    font-weight: 500;
}
.text-display-mobile-7 {
    font-size: 1.5rem;
    line-height: 1.1;
    letter-spacing: -0.06rem;
    font-weight: 500;
}
.text-display-mobile-7\.5 {
    font-size: 1.5rem;
    line-height: 1.3;
    letter-spacing: -0.045rem;
    font-weight: 500;
}
.text-display-mobile-8 {
    font-size: 1.375rem;
    line-height: 1.1;
    letter-spacing: -0.05375rem;
    font-weight: 500;
}
.text-display-mobile-8\.5 {
    font-size: 1.25rem;
    line-height: 1.3;
    letter-spacing: -0.0375rem;
    font-weight: 500;
}
.text-eyebrow {
    font-size: 1.5rem;
    line-height: 1;
    letter-spacing: -0.045rem;
    font-weight: 400;
}
.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
}
.text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.text-small-print {
    font-size: 0.875rem;
    line-height: 1.1375;
    letter-spacing: -0.035rem;
    font-weight: 400;
}
.text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
}
.\!font-medium {
    font-weight: 500 !important;
}
.font-bold {
    font-weight: 700;
}
.font-medium {
    font-weight: 500;
}
.font-normal {
    font-weight: 400;
}
.font-semibold {
    font-weight: 600;
}
.uppercase {
    text-transform: uppercase;
}
.lowercase {
    text-transform: lowercase;
}
.not-italic {
    font-style: normal;
}
.\!leading-\[120\%\] {
    line-height: 120% !important;
}
.leading-\[0\] {
    line-height: 0;
}
.leading-\[1\.3rem\] {
    line-height: 1.3rem;
}
.leading-\[1\.65rem\] {
    line-height: 1.65rem;
}
.leading-\[100\%\] {
    line-height: 100%;
}
.leading-\[110\%\] {
    line-height: 110%;
}
.leading-\[120\%\] {
    line-height: 120%;
}
.leading-\[130\%\] {
    line-height: 130%;
}
.leading-\[140\%\] {
    line-height: 140%;
}
.leading-\[160\%\] {
    line-height: 160%;
}
.leading-\[normal\] {
    line-height: normal;
}
.leading-body-1 {
    line-height: 1.4;
}
.leading-none {
    line-height: 1;
}
.tracking-\[-0\.36px\] {
    letter-spacing: -0.36px;
}
.tracking-\[-0\.42px\] {
    letter-spacing: -0.42px;
}
.tracking-\[-0\.48px\] {
    letter-spacing: -0.48px;
}
.tracking-\[-0\.6px\] {
    letter-spacing: -0.6px;
}
.tracking-\[-0\.72px\] {
    letter-spacing: -0.72px;
}
.tracking-\[-3\%\] {
    letter-spacing: -3%;
}
.\!text-black {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--colors-black), var(--tw-text-opacity)) !important;
}
.\!text-card-content {
    color: var(--colors-card-content) !important;
}
.\!text-card-lp-sub-content {
    color: var(--colors-card-lp-sub-content) !important;
}
.\!text-chroma-button-play-primary-disabled-text {
    color: var(--colors-chroma-button-play-primary-disabled-text) !important;
}
.\!text-chroma-button-play-secondary-disabled-text {
    color: var(--colors-chroma-button-play-secondary-disabled-text) !important;
}
.\!text-chroma-neutral-900 {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--colors-chroma-neutral-900), var(--tw-text-opacity)) !important;
}
.\!text-chroma-text-btn-content {
    color: var(--colors-chroma-text-btn-content) !important;
}
.\!text-lohp-btn-content {
    color: var(--colors-lohp-btn-content) !important;
}
.\!text-lohp-container-sub-content {
    color: var(--colors-lohp-container-sub-content) !important;
}
.\!text-white {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--colors-white), var(--tw-text-opacity)) !important;
}
.text-\[\#808790\] {
    --tw-text-opacity: 1;
    color: rgb(128 135 144 / var(--tw-text-opacity));
}
.text-accordion-content {
    color: var(--colors-accordion-content);
}
.text-accordion-sub-content {
    color: var(--colors-accordion-sub-content);
}
.text-black {
    --tw-text-opacity: 1;
    color: rgba(var(--colors-black), var(--tw-text-opacity));
}
.text-bokeh-btn-secondary-content {
    color: var(--colors-bokeh-btn-secondary-content);
}
.text-bokeh-green-500 {
    --tw-text-opacity: 1;
    color: rgba(var(--colors-bokeh-green-500), var(--tw-text-opacity));
}
.text-bokeh-grey-500 {
    --tw-text-opacity: 1;
    color: rgba(var(--colors-bokeh-grey-500), var(--tw-text-opacity));
}
.text-bokeh-red-500 {
    --tw-text-opacity: 1;
    color: rgba(var(--colors-bokeh-red-500), var(--tw-text-opacity));
}
.text-btn-background {
    color: var(--colors-btn-background);
}
.text-btn-content {
    color: var(--colors-btn-content);
}
.text-card-chroma-content {
    color: var(--colors-card-chroma-content);
}
.text-card-chroma-sub-content {
    color: var(--colors-card-chroma-sub-content);
}
.text-card-content {
    color: var(--colors-card-content);
}
.text-card-hover-background {
    color: var(--colors-card-hover-background);
}
.text-card-sub-content {
    color: var(--colors-card-sub-content);
}
.text-card-watch-card-content {
    color: var(--colors-card-watch-card-content);
}
.text-chroma-button-close-modal-primary-text {
    color: var(--colors-chroma-button-close-modal-primary-text);
}
.text-chroma-button-close-modal-secondary-text {
    color: var(--colors-chroma-button-close-modal-secondary-text);
}
.text-chroma-button-cta-primary-text {
    color: var(--colors-chroma-button-cta-primary-text);
}
.text-chroma-button-cta-secondary-alt-text {
    color: var(--colors-chroma-button-cta-secondary-alt-text);
}
.text-chroma-button-cta-secondary-text {
    color: var(--colors-chroma-button-cta-secondary-text);
}
.text-chroma-button-less-text {
    color: var(--colors-chroma-button-less-text);
}
.text-chroma-button-more-text {
    color: var(--colors-chroma-button-more-text);
}
.text-chroma-button-play-expanded-text {
    color: var(--colors-chroma-button-play-expanded-text);
}
.text-chroma-button-play-overlay-text {
    color: var(--colors-chroma-button-play-overlay-text);
}
.text-chroma-button-play-primary-text {
    color: var(--colors-chroma-button-play-primary-text);
}
.text-chroma-button-play-secondary-text {
    color: var(--colors-chroma-button-play-secondary-text);
}
.text-chroma-neutral-300 {
    --tw-text-opacity: 1;
    color: rgba(var(--colors-chroma-neutral-300), var(--tw-text-opacity));
}
.text-chroma-neutral-50 {
    --tw-text-opacity: 1;
    color: rgba(var(--colors-chroma-neutral-50), var(--tw-text-opacity));
}
.text-chroma-neutral-550 {
    --tw-text-opacity: 1;
    color: rgba(var(--colors-chroma-neutral-550), var(--tw-text-opacity));
}
.text-chroma-neutral-900 {
    --tw-text-opacity: 1;
    color: rgba(var(--colors-chroma-neutral-900), var(--tw-text-opacity));
}
.text-chroma-neutral-white {
    --tw-text-opacity: 1;
    color: rgba(var(--colors-chroma-neutral-white), var(--tw-text-opacity));
}
.text-chroma-text-body-primary {
    color: var(--colors-chroma-text-body-primary);
}
.text-chroma-text-body-secondary {
    color: var(--colors-chroma-text-body-secondary);
}
.text-comparison-table-content {
    color: var(--colors-comparison-table-content);
}
.text-comparison-table-content-light {
    color: var(--colors-comparison-table-content-light);
}
.text-comparison-table-left-heading-content {
    color: var(--colors-comparison-table-left-heading-content);
}
.text-comparison-table-top-heading-content {
    color: var(--colors-comparison-table-top-heading-content);
}
.text-footer-content {
    color: var(--colors-footer-content);
}
.text-footer-hover-sub-content {
    color: var(--colors-footer-hover-sub-content);
}
.text-footer-sub-content {
    color: var(--colors-footer-sub-content);
}
.text-form-input-text {
    color: var(--colors-form-input-text);
}
.text-form-label-text {
    color: var(--colors-form-label-text);
}
.text-generic-card-content {
    color: var(--colors-generic-card-content);
}
.text-generic-card-content-dark {
    color: var(--colors-generic-card-content-dark);
}
.text-generic-card-sub-content {
    color: var(--colors-generic-card-sub-content);
}
.text-generic-card-sub-content-light {
    color: var(--colors-generic-card-sub-content-light);
}
.text-global-nav-content {
    color: var(--colors-global-nav-content);
}
.text-global-nav-hover-content {
    color: var(--colors-global-nav-hover-content);
}
.text-global-nav-sub-content {
    color: var(--colors-global-nav-sub-content);
}
.text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity));
}
.text-hero-content {
    color: var(--colors-hero-content);
}
.text-hero-left-content {
    color: var(--colors-hero-left-content);
}
.text-hero-left-sub-content {
    color: var(--colors-hero-left-sub-content);
}
.text-hero-sub-content {
    color: var(--colors-hero-sub-content);
}
.text-inherit {
    color: inherit;
}
.text-lohp-btn-content {
    color: var(--colors-lohp-btn-content);
}
.text-lohp-container-content {
    color: var(--colors-lohp-container-content);
}
.text-lohp-container-content-light {
    color: var(--colors-lohp-container-content-light);
}
.text-lohp-container-content-lighter {
    color: var(--colors-lohp-container-content-lighter);
}
.text-lohp-container-sub-content {
    color: var(--colors-lohp-container-sub-content);
}
.text-lohp-gray {
    --tw-text-opacity: 1;
    color: rgba(var(--colors-lohp-gray), var(--tw-text-opacity));
}
.text-lohp-text-btn-content {
    color: var(--colors-lohp-text-btn-content);
}
.text-lohp-text-btn-hover-content {
    color: var(--colors-lohp-text-btn-hover-content);
}
.text-lohp-text-btn-sub-content {
    color: var(--colors-lohp-text-btn-sub-content);
}
.text-pearl-black {
    --tw-text-opacity: 1;
    color: rgba(var(--colors-pearl-black), var(--tw-text-opacity));
}
.text-pearl-white {
    --tw-text-opacity: 1;
    color: rgba(var(--colors-pearl-white), var(--tw-text-opacity));
}
.text-raven-gray {
    --tw-text-opacity: 1;
    color: rgba(var(--colors-raven-gray), var(--tw-text-opacity));
}
.text-raven-gray\/70 {
    color: rgba(var(--colors-raven-gray), 0.7);
}
.text-tag-bokeh-content {
    color: var(--colors-tag-bokeh-content);
}
.text-tag-content {
    color: var(--colors-tag-content);
}
.text-vimeo-blue {
    --tw-text-opacity: 1;
    color: rgba(var(--colors-vimeo-blue), var(--tw-text-opacity));
}
.text-vimeo-logo {
    color: var(--colors-vimeo-logo);
}
.text-white {
    --tw-text-opacity: 1;
    color: rgba(var(--colors-white), var(--tw-text-opacity));
}
.\!underline {
    text-decoration-line: underline !important;
}
.underline {
    text-decoration-line: underline;
}
.no-underline {
    text-decoration-line: none;
}
.decoration-black\/0 {
    text-decoration-color: rgba(var(--colors-black), 0);
}
.\!opacity-\[0\.4\] {
    opacity: 0.4 !important;
}
.opacity-0 {
    opacity: 0;
}
.opacity-100 {
    opacity: 1;
}
.opacity-25 {
    opacity: 0.25;
}
.opacity-30 {
    opacity: 0.3;
}
.opacity-40 {
    opacity: 0.4;
}
.opacity-50 {
    opacity: 0.5;
}
.opacity-80 {
    opacity: 0.8;
}
.opacity-90 {
    opacity: 0.9;
}
.opacity-\[0\.24\] {
    opacity: 0.24;
}
.opacity-\[0\.25\] {
    opacity: 0.25;
}
.shadow-2xl {
    --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-4xl {
    --tw-shadow: 0 54px 94px 0 rgba(0, 0, 0, 0.65);
    --tw-shadow-colored: 0 54px 94px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-chroma-modal {
    --tw-shadow: 0px 0px 32px -5px #0E12163D;
    --tw-shadow-colored: 0px 0px 32px -5px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.outline {
    outline-style: solid;
}
.outline-btn-focus-outline {
    outline-color: var(--colors-btn-focus-outline);
}
.outline-chroma-neutral-300 {
    outline-color: rgb(var(--colors-chroma-neutral-300));
}
.blur {
    --tw-blur: blur(10px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-xl {
    --tw-blur: blur(24px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.brightness-100 {
    --tw-brightness: brightness(1);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.brightness-50 {
    --tw-brightness: brightness(.5);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.brightness-80 {
    --tw-brightness: brightness(0.8);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.brightness-90 {
    --tw-brightness: brightness(.9);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.brightness-95 {
    --tw-brightness: brightness(.95);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.brightness-\[0\.2\] {
    --tw-brightness: brightness(0.2);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.grayscale {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur-2xl {
    --tw-backdrop-blur: blur(40px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
            backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-bokeh-md {
    --tw-backdrop-blur: blur(40px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
            backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-sm {
    --tw-backdrop-blur: blur(4px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
            backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
            backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.transition-\[background\2c color\] {
    transition-property: background,color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.transition-\[background-color\2c color\] {
    transition-property: background-color,color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.transition-\[background-color\] {
    transition-property: background-color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.transition-\[border-radius\2c _color\2c _background-color\] {
    transition-property: border-radius, color, background-color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.transition-\[grid-template-rows\] {
    transition-property: grid-template-rows;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.transition-\[height\] {
    transition-property: height;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.transition-\[margin\2c transform\] {
    transition-property: margin,transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.transition-\[margin\] {
    transition-property: margin;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.transition-\[opacity\2c color\] {
    transition-property: opacity,color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.transition-\[opacity\] {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.transition-\[transform\] {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.transition-none {
    transition-property: none;
}
.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.delay-350 {
    transition-delay: 350ms;
}
.duration-0 {
    transition-duration: 0s;
}
.duration-100 {
    transition-duration: 100ms;
}
.duration-1000 {
    transition-duration: 1000ms;
}
.duration-167 {
    transition-duration: 167ms;
}
.duration-280 {
    transition-duration: 280ms;
}
.duration-300 {
    transition-duration: 300ms;
}
.duration-350 {
    transition-duration: 350ms;
}
.duration-500 {
    transition-duration: 500ms;
}
.duration-750 {
    transition-duration: 750ms;
}
.duration-\[2000ms\] {
    transition-duration: 2000ms;
}
.duration-\[500ms\2c _100ms\2c _100ms\] {
    transition-duration: 500ms, 100ms, 100ms;
}
.ease-in-out {
    transition-timing-function: cubic-bezier(0.33, 0, 0.25, 1);
}
.ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.will-change-\[object-position\] {
    will-change: object-position;
}
.will-change-opacity {
    will-change: opacity;
}
.will-change-transform {
    will-change: transform;
}
.\@container {
    container-type: inline-size;
}
.\@container\/video-base {
    container-type: inline-size;
    container-name: video-base;
}
.grid-areas-lpPricingCards3Plans {
    grid-template-areas: "plan1 plan2 plan3"
"plan4 plan4 plan4";
}
.grid-areas-lpPricingCards3PlansLg {
    grid-template-areas: "plan1 plan2"
"plan3 plan3"
"plan4 plan4";
}
.grid-areas-lpPricingCards4Plans {
    grid-template-areas: "plan1 plan2 plan3 plan4"
"plan5 plan5 plan5 plan5";
}
.text-shadow {
    text-shadow: 0 2px 4px var(--tw-shadow-color);
}
.translate-z-0 {
    --tw-translate-z: 0px;
    transform:  translate3d(var(--tw-translate-x), var(--tw-translate-y), var(--tw-translate-z)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.pause-animation {
    animation-play-state: paused;
}
.control-patches-top-color {
    --top-patches-height: 28px;
    position: relative;
    margin-top: calc(var(--top-patches-height) * -1);
}
.control-patches-top-color:before {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    content: '';
    top: calc(var(--top-patches-height) * -1);
    height: var(--top-patches-height);
    background: linear-gradient(90deg, #CBD5E0 calc(100% / 7), #FFB116 calc(100% / 7), #FFB116 calc(100% / 7 * 2), #17D5FF calc(100% / 7 * 2), #17D5FF calc(100% / 7 * 3), #209E00 calc(100% / 7 * 3), #209E00 calc(100% / 7 * 4), #FF2ACF calc(100% / 7 * 4), #FF2ACF calc(100% / 7 * 5), #FB322B calc(100% / 7 * 5), #FB322B calc(100% / 7 * 6), rgb(var(--colors-vimeo-blue)) calc(100% / 7 * 6));
}
@media (min-width: 768px) {
    .control-patches-top-color {
        --bottom-patches-height: 30px;
    }
}
.control-patches-bottom-greyscale {
    --bottom-patches-height: 28px;
    position: relative;
    margin-bottom: calc(var(--bottom-patches-height) * -1);
}
.control-patches-bottom-greyscale:after {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    content: '';
    bottom: calc(var(--bottom-patches-height) * -1);
    height: var(--bottom-patches-height);
    background: linear-gradient(90deg, white calc(100% / 8), #E4E9EF calc(100% / 8), #E4E9EF calc(100% / 8 * 2), #CBD5E0 calc(100% / 8 * 2), #CBD5E0 calc(100% / 8 * 3), #97A1AD calc(100% / 8 * 3), #97A1AD calc(100% / 8 * 4), #68727C calc(100% / 8 * 4), #68727C calc(100% / 8 * 5), #3D4751 calc(100% / 8 * 5), #3D4751 calc(100% / 8 * 6), #252D35 calc(100% / 8 * 6), #252D35 calc(100% / 8 * 7 ), #181E24 calc(100% / 8 * 7));
}
@media (min-width: 768px) {
    .control-patches-bottom-greyscale {
        --bottom-patches-height: 30px;
    }
}
.all-center {
    justify-content: center;
    align-items: center;
}
.transition-discrete {
    transition-behavior: allow-discrete;
}
/* Hide scrollbar for Chrome, Safari and Opera */
/* Hide scrollbar for IE, Edge and Firefox */
/* Break Japanese/Chinese text across lines in ways that make sense grammatically */
.break-auto {
    word-break: auto-phrase;
  }
/* MARKETO */
/*
    Adding marketo forms style to globals because TW does not support multiple classes in the same selector
    And marketo forms are rendered client side so we can't apply classes directly to element
    Not a great solution but I made sure w Marketo team that we are the only ones who use .mktoForm-custom-style
    
    @TODO rewrite as scoped with twin-macro 
  */
/* Backwards compatibility for legacy marketo switch */
div#sign-up + div#confirmation {
    display: none !important;
}
/* Keep mb-4 important to override marketo's inline styles */
.mktoForm.mktoForm-custom-style .mktoFieldDescriptor.mktoFormCol {
    margin-bottom: 1rem !important;
}
.mktoForm.mktoForm-custom-style .mktoGutter.mktoHasWidth {
    display: none;
}
.mktoForm.mktoForm-custom-style .mktoError {
    position: absolute;
    left: 1rem !important;
    right: auto !important;
    top: 3rem !important;
    bottom: auto !important;
    z-index: 2;
    width: auto;
    border-radius: 0.375rem;
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-red-marketo-error), var(--tw-bg-opacity));
    padding: 1rem;
    font-size: 0.875rem;
    line-height: 1.138;
    letter-spacing: -0.035rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgba(var(--colors-white), var(--tw-text-opacity));
}
.mktoForm.mktoForm-custom-style .mktoErrorArrowWrap {
    display: none;
}
.mktoForm.mktoForm-custom-style
    :is(input:not([type='checkbox']).mktoField, select.mktoField, textarea) {
    width: 100%;
    border-radius: 0.625rem;
    border-style: none;
    padding: 1rem;
    font-size: 0.875rem;
    line-height: 1.138;
    letter-spacing: -0.035rem;
    font-weight: 400;
}
@media (min-width: 768px) {
    .mktoForm.mktoForm-custom-style
    :is(input:not([type='checkbox']).mktoField, select.mktoField, textarea) {
        font-size: 1.125rem;
        line-height: 1.35;
        letter-spacing: -0.03375rem;
        font-weight: 400;
    }
}
.mktoForm.mktoForm-custom-style .mktoCheckboxList {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding-bottom: 1rem;
    padding-top: 1rem;
}
.mktoForm.mktoForm-custom-style input[type='checkbox'] {
    margin: 0px !important;
    height: 1.25rem;
    width: 1.25rem;
    accent-color: var(--colors-form-checkbox-background);
}
.mktoForm.mktoForm-custom-style input[type='checkbox'].mktoField ~ label {
    flex: 1 1 0%;
    font-size: 0.875rem;
    line-height: 1.138;
    letter-spacing: -0.035rem;
    font-weight: 400;
}
@media (min-width: 768px) {
    .mktoForm.mktoForm-custom-style input[type='checkbox'].mktoField ~ label {
        font-size: 1.125rem;
        line-height: 1.35;
        letter-spacing: -0.03375rem;
        font-weight: 400;
    }
}
.mktoForm.mktoForm-custom-style :is(.iti__country-list) {
    border-radius: 0.625rem;
    border-color: var(--colors-form-select-border);
    background-color: var(--colors-form-input-background);
}
.mktoForm.mktoForm-custom-style :is(.iti__country-name, .iti__dial-code) {
    padding-right: 0.5rem;
    font-family: var(--font-ABCRepro), var(--font-InterTight), Helvetica, Arial, sans-serif;
    font-size: 0.875rem;
    line-height: 1.138;
    letter-spacing: -0.035rem;
    font-weight: 400;
    color: var(--colors-form-input-text);
}
@media (min-width: 768px) {
    .mktoForm.mktoForm-custom-style :is(.iti__country-name, .iti__dial-code) {
        font-size: 1.125rem;
        line-height: 1.35;
        letter-spacing: -0.03375rem;
        font-weight: 400;
    }
}
.mktoForm.mktoForm-custom-style .iti__flag-box {
    padding-right: 2rem;
}
.mktoForm.mktoForm-custom-style select.mktoField {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-size: 1rem;
    background-position: right 1rem center;
    background-repeat: no-repeat;
}
.mktoForm.mktoForm-custom-style .mktoHtmlText {
    width: 100%;
}
.mktoForm.mktoForm-custom-style .mktoHtmlText,
  .mktoForm.mktoForm-custom-style .mktoHtmlText * {
    font-family: var(--font-ABCRepro), var(--font-InterTight), Helvetica, Arial, sans-serif;
    font-size: 0.875rem;
    line-height: 1.138;
    letter-spacing: -0.035rem;
    font-weight: 400;
}
@media (min-width: 768px) {
    .mktoForm.mktoForm-custom-style .mktoHtmlText,
  .mktoForm.mktoForm-custom-style .mktoHtmlText * {
        font-size: 1.125rem;
        line-height: 1.35;
        letter-spacing: -0.03375rem;
        font-weight: 400;
    }
}
.mktoForm.mktoForm-custom-style .mktoHtmlText,
  .mktoForm.mktoForm-custom-style .mktoHtmlText > div {
    padding-top: 0px;
    color: var(--colors-form-terms);
}
.mktoForm.mktoForm-custom-style .mktoMultistepProgressBarContainer {
    margin-bottom: 2rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}
.mktoForm.mktoForm-custom-style .mktoMultistepProgressBarLabel {
    font-size: 1rem;
    line-height: 1.3;
    letter-spacing: -0.03rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgba(var(--colors-white), var(--tw-text-opacity));
}
.mktoForm.mktoForm-custom-style .mktoMultistepProgressBar {
    display: flex;
    gap: 0.25rem;
}
.mktoForm.mktoForm-custom-style .mktoMultistepProgressBar > span {
    display: block;
    height: 0.25rem;
    width: 1.5rem;
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-white), var(--tw-bg-opacity));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.33, 0, 0.25, 1);
}
@media (prefers-reduced-motion: reduce) {
    .mktoForm.mktoForm-custom-style .mktoMultistepProgressBar > span {
        transition-property: none;
    }
}
.mktoForm.mktoForm-custom-style .mktoMultistepProgressBar > span.active {
    background-color: var(--colors-primary);
}
.mktoForm.mktoForm-custom-style .mktoMultistepProgressBar > span.\!active {
    background-color: var(--colors-primary);
}
.mktoForm.mktoForm-custom-style .mktoMultistepButtonRow {
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.mktoForm.mktoForm-custom-style .mktoButton,
  .mktoForm.mktoForm-custom-style .mktoButton-back,
  .mktoForm.mktoForm-custom-style .mktoButton-next {
    display: flex;
    width: auto;
    cursor: pointer;
    align-items: center;
    gap: 1.25rem;
    border-radius: 0.75rem;
    border-style: none;
    background-image: none;
    font-size: 1.125rem;
    line-height: 1.35;
    letter-spacing: -0.03375rem;
    font-weight: 500;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.33, 0, 0.25, 1);
    text-shadow: none;
}
.mktoForm.mktoForm-custom-style .mktoButton::after,
  .mktoForm.mktoForm-custom-style .mktoButton-back::after,
  .mktoForm.mktoForm-custom-style .mktoButton-next::after {
    display: block;
    height: 1.75rem;
    width: 3rem;
    border-radius: 0.375rem;
    background-color: var(--colors-btn-hover-background);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC4wODUgNy44MzMzM0w2LjQyMzU2IDExLjU3MzFDNi4wNDkyOSAxMS45NTUzIDYuMDQ5MjkgMTIuNTY2NyA2LjQyMzU2IDEyLjk0OUM2LjgwOTIgMTMuMzQyOSA3LjQ0MzI1IDEzLjM0MjkgNy44Mjg4OSAxMi45NDlMMTIuOTY1IDcuNzAzQzEzLjM0NSA3LjMxNDg0IDEzLjM0NSA2LjY4NTUzIDEyLjk2NSA2LjI5NzM3TDcuODI4ODkgMS4wNTEwNUM3LjQ0MzI2IDAuNjU3MTQ5IDYuODA5MjEgMC42NTcxMyA2LjQyMzU2IDEuMDUxMDFDNi4wNDkyOCAxLjQzMzI4IDYuMDQ5MjYgMi4wNDQ2MiA2LjQyMzUyIDIuNDI2OTFMMTAuMDg0NyA2LjE2NjY2TDEuNTgzMzMgNi4xNjY2NkMxLjEyMzEgNi4xNjY2NiAwLjc1IDYuNTM5NzYgMC43NSA3QzAuNzUgNy40NjAyMyAxLjEyMzEgNy44MzMzMyAxLjU4MzMzIDcuODMzMzNMMTAuMDg1IDcuODMzMzNaIiBmaWxsPSIjMEEwRTEyIi8+Cjwvc3ZnPgo=);
    background-position: center;
    background-repeat: no-repeat;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.33, 0, 0.25, 1);
    --tw-content: "";
    content: var(--tw-content);
}
@media (prefers-reduced-motion: reduce) {
    .mktoForm.mktoForm-custom-style .mktoButton,
  .mktoForm.mktoForm-custom-style .mktoButton-back,
  .mktoForm.mktoForm-custom-style .mktoButton-next {
        transition-property: none;
    }
    .mktoForm.mktoForm-custom-style .mktoButton::after,
  .mktoForm.mktoForm-custom-style .mktoButton-back::after,
  .mktoForm.mktoForm-custom-style .mktoButton-next::after {
        content: var(--tw-content);
        transition-property: none;
    }
}
.mktoForm.mktoForm-custom-style .mktoButton {
    background-color: var(--colors-btn-background);
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
    color: var(--colors-btn-content);
}
.mktoForm.mktoForm-custom-style .mktoButton::after {
    content: var(--tw-content);
    background-color: var(--colors-btn-hover-background);
}
.mktoForm.mktoForm-custom-style .mktoButton:hover {
    background-color: var(--colors-btn-hover-background);
}
.mktoForm.mktoForm-custom-style .mktoButton:hover::after {
    content: var(--tw-content);
    background-color: var(--colors-btn-background);
}
.alt-themed-mktoButton > .mktoButtonRow > .mktoButtonWrap > .mktoButton:hover::after {
    content: var(--tw-content) !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--colors-vimeo-blue-60), var(--tw-bg-opacity)) !important;
}
.mktoForm.mktoForm-custom-style .mktoButton-next,
  .mktoForm.mktoForm-custom-style .mktoButton-back {
    background-color: transparent;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 1rem;
    --tw-text-opacity: 1;
    color: rgba(var(--colors-white), var(--tw-text-opacity));
}
.mktoForm.mktoForm-custom-style .mktoButton-next::after,
  .mktoForm.mktoForm-custom-style .mktoButton-back::after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-white), var(--tw-bg-opacity));
}
.mktoForm.mktoForm-custom-style .mktoButton-next:hover,
  .mktoForm.mktoForm-custom-style .mktoButton-back:hover {
    background-color: transparent;
    color: var(--colors-btn-background);
}
.mktoForm.mktoForm-custom-style .mktoButton-next:hover::after,
  .mktoForm.mktoForm-custom-style .mktoButton-back:hover::after {
    content: var(--tw-content);
    background-color: var(--colors-btn-background);
}
@media (min-width: 1024px) {
    .mktoForm.mktoForm-custom-style .mktoButton-next,
  .mktoForm.mktoForm-custom-style .mktoButton-back {
        padding-top: 2.5rem;
    }
}
.mktoForm.mktoForm-custom-style .mktoButton-back {
    flex-direction: row-reverse;
}
.mktoForm.mktoForm-custom-style .mktoButton-back::after {
    content: var(--tw-content);
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.mktoForm.mktoForm-custom-style .mktoButtonRow .mktoButton-back {
    padding-top: 0px;
}
/* Multistep */
.mktoForm.mktoForm-custom-style.multistep > .mktoFormRow fieldset {
    border-style: none;
}
.mktoForm.mktoForm-custom-style.multistep > .mktoFormRow,
  .mktoForm.mktoForm-custom-style.multistep > .mktoButtonRow {
    display: none;
}
.mktoForm.mktoForm-custom-style.multistep > .mktoFormRow fieldset legend {
    margin-bottom: 1rem;
    font-size: 2rem;
    line-height: 1;
    letter-spacing: -0.08rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgba(var(--colors-white), var(--tw-text-opacity));
}
@media (min-width: 1024px) {
    .mktoForm.mktoForm-custom-style.multistep > .mktoFormRow fieldset legend {
        margin-bottom: 2rem;
        font-size: 2.5rem;
        line-height: 1;
        letter-spacing: -0.1rem;
        font-weight: 500;
    }
}
.mktoForm.mktoForm-custom-style.multistep > .mktoButtonRow {
    justify-content: space-between;
}
/* END MARKETO */
.\[mask-image\:var\(--mask-image\)\] {
    -webkit-mask-image: var(--mask-image);
            mask-image: var(--mask-image);
}
.\[mask-position\:center_1rem\] {
    -webkit-mask-position: center 1rem;
            mask-position: center 1rem;
}
.\[mask-repeat\:no-repeat\] {
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
}
.\[mask-size\:58\.5rem\] {
    -webkit-mask-size: 58.5rem;
            mask-size: 58.5rem;
}
.\[\&_\.mktoButtonWrap\]\:\!black .mktoButtonWrap {
    --colors-black: 10, 14, 18 !important;
    --colors-white: 250, 252, 253 !important;
    --colors-bokeh-black: 0, 0, 0 !important;
    --colors-bokeh-white: 255, 255, 255 !important;
    --colors-warning: 255, 243, 205 !important;
    --colors-pearl-black: 20, 26, 32 !important;
    --colors-ebony-gray: 40, 49, 58 !important;
    --colors-raven-gray: 61, 71, 81 !important;
    --colors-granite-gray: 209, 217, 225 !important;
    --colors-silver-gray: 223, 228, 234 !important;
    --colors-intrinsic-gray: 25, 32, 40 !important;
    --colors-pearl-white: 241, 245, 249 !important;
    --colors-lohp-gray: 76, 88, 100 !important;
    --colors-chroma-gray: 169, 178, 188 !important;
    --colors-chroma-light-gray: 118, 114, 110 !important;
    --colors-lohp-charcoal: 24, 32, 40 !important;
    --colors-blue-007: 19, 177, 212 !important;
    --colors-blue-digital-blue: 19, 177, 212 !important;
    --colors-vimeo-blue-55: 0, 184, 224 !important;
    --colors-vimeo-blue-58: 19, 177, 212 !important;
    --colors-vimeo-blue-60: 0, 170, 207 !important;
    --colors-vimeo-blue-80: 2, 70, 85 !important;
    --colors-vimeo-blue: 23, 213, 255 !important;
    --colors-red-40: 254, 99, 99 !important;
    --colors-red-60: 190, 41, 41 !important;
    --colors-red-marketo-error: 186, 22, 0 !important;
    --colors-orange-40: 250, 156, 88 !important;
    --colors-orange-60: 215, 102, 20 !important;
    --colors-orange-80: 215, 102, 20 !important;
    --colors-lime-40: 229, 232, 90 !important;
    --colors-lime-60: 147, 150, 3 !important;
    --colors-lime-70: 126, 189, 88 !important;
    --colors-green-35: 183, 255, 76 !important;
    --colors-green-40: 154, 232, 94 !important;
    --colors-green-55: 129, 201, 74 !important;
    --colors-green-60: 97, 159, 50 !important;
    --colors-fuchsia-40: 223, 94, 187 !important;
    --colors-fuchsia-60: 157, 36, 123 !important;
    --colors-indigo-40: 140, 150, 241 !important;
    --colors-indigo-60: 64, 76, 172 !important;
    --colors-purple-55: 165, 86, 239 !important;
    --colors-purple: 187, 130, 255 !important;
    --colors-std-blue-40: 56, 193, 224 !important;
    --colors-std-blue-60: 0, 124, 173 !important;
    --colors-std-blue-80: 0, 80, 112 !important;
    --colors-gray-40: 227, 232, 233 !important;
    --colors-neutral-400: 169, 178, 188 !important;
    --colors-neutral-550: 76, 88, 100 !important;
    --colors-neutral-800: 25, 32, 40 !important;
    --colors-forest-60: 56, 103, 28 !important;
    --colors-cyan-50: 23, 213, 255 !important;
    --colors-bluePurple-40: 140, 150, 241 !important;
    --colors-brand-slack-base: 74, 21, 75 !important;
    --colors-brand-slack-hover: 74, 21, 75 !important;
    --colors-brand-dropbox-base: 0, 97, 254 !important;
    --colors-brand-dropbox-hover: 0, 97, 254 !important;
    --colors-brand-box-base: 11, 92, 255 !important;
    --colors-brand-box-hover: 11, 92, 255 !important;
    --colors-brand-zoom-base: 11, 92, 255 !important;
    --colors-brand-zoom-hover: 11, 92, 255 !important;
    --colors-bokeh-grey-50: 249, 250, 251 !important;
    --colors-bokeh-grey-100: 244, 246, 248 !important;
    --colors-bokeh-grey-200: 228, 233, 239 !important;
    --colors-bokeh-grey-300: 203, 213, 224 !important;
    --colors-bokeh-grey-400: 151, 161, 173 !important;
    --colors-bokeh-grey-500: 104, 114, 124 !important;
    --colors-bokeh-grey-600: 61, 71, 81 !important;
    --colors-bokeh-grey-700: 37, 45, 53 !important;
    --colors-bokeh-grey-800: 24, 30, 36 !important;
    --colors-bokeh-grey-900: 14, 18, 22 !important;
    --colors-bokeh-green-50: 239, 247, 234 !important;
    --colors-bokeh-green-100: 223, 238, 213 !important;
    --colors-bokeh-green-200: 191, 222, 171 !important;
    --colors-bokeh-green-300: 158, 205, 130 !important;
    --colors-bokeh-green-400: 126, 189, 88 !important;
    --colors-bokeh-green-500: 88, 166, 40 !important;
    --colors-bokeh-green-600: 75, 138, 37 !important;
    --colors-bokeh-green-700: 56, 103, 28 !important;
    --colors-bokeh-green-800: 38, 69, 18 !important;
    --colors-bokeh-green-900: 28, 52, 14 !important;
    --colors-bokeh-red-50: 255, 245, 245 !important;
    --colors-bokeh-red-100: 254, 215, 215 !important;
    --colors-bokeh-red-200: 254, 178, 178 !important;
    --colors-bokeh-red-300: 252, 129, 129 !important;
    --colors-bokeh-red-400: 245, 101, 101 !important;
    --colors-bokeh-red-500: 229, 62, 62 !important;
    --colors-bokeh-red-600: 197, 48, 48 !important;
    --colors-bokeh-red-700: 155, 44, 44 !important;
    --colors-bokeh-red-800: 130, 39, 39 !important;
    --colors-bokeh-red-900: 99, 23, 27 !important;
    --colors-bokeh-darker-blue: 24, 32, 40 !important;
    --colors-bokeh-dark-blue: 26, 54, 93 !important;
    --colors-bokeh-light-blue: 190, 227, 248 !important;
    --colors-bokeh-yellow-400: 236, 201, 75 !important;
    --colors-chroma-neutral-50: 250, 252, 253 !important;
    --colors-chroma-neutral-100: 241, 245, 249 !important;
    --colors-chroma-neutral-200: 223, 228, 234 !important;
    --colors-chroma-neutral-300: 209, 217, 225 !important;
    --colors-chroma-neutral-400: 169, 178, 188 !important;
    --colors-chroma-neutral-500: 116, 128, 140 !important;
    --colors-chroma-neutral-550: 76, 88, 100 !important;
    --colors-chroma-neutral-600: 61, 71, 81 !important;
    --colors-chroma-neutral-700: 40, 49, 58 !important;
    --colors-chroma-neutral-800: 25, 32, 40 !important;
    --colors-chroma-neutral-900: 20, 26, 32 !important;
    --colors-chroma-neutral-white: 255, 255, 255 !important;
    --colors-chroma-neutral-black: 0, 0, 0 !important;
    --colors-chroma-blue-100: 209, 247, 255 !important;
    --colors-chroma-blue-200: 178, 241, 255 !important;
    --colors-chroma-blue-300: 139, 234, 255 !important;
    --colors-chroma-blue-400: 87, 225, 255 !important;
    --colors-chroma-blue-500: 23, 213, 255 !important;
    --colors-chroma-blue-600: 19, 177, 212 !important;
    --colors-chroma-blue-700: 0, 129, 158 !important;
    --colors-chroma-blue-800: 0, 74, 90 !important;
    --colors-chroma-blue-900: 5, 43, 51 !important;
    --colors-chroma-purple-100: 226, 217, 255 !important;
    --colors-chroma-purple-200: 198, 184, 255 !important;
    --colors-chroma-purple-300: 172, 153, 255 !important;
    --colors-chroma-purple-400: 138, 117, 255 !important;
    --colors-chroma-purple-500: 118, 77, 255 !important;
    --colors-chroma-purple-600: 77, 46, 178 !important;
    --colors-chroma-purple-700: 55, 33, 128 !important;
    --colors-chroma-purple-800: 37, 22, 85 !important;
    --colors-chroma-purple-900: 22, 13, 51 !important;
    --colors-chroma-pink-100: 255, 214, 247 !important;
    --colors-chroma-pink-200: 255, 187, 242 !important;
    --colors-chroma-pink-300: 255, 152, 236 !important;
    --colors-chroma-pink-400: 255, 107, 228 !important;
    --colors-chroma-pink-500: 255, 50, 217 !important;
    --colors-chroma-pink-600: 200, 40, 171 !important;
    --colors-chroma-pink-700: 141, 28, 120 !important;
    --colors-chroma-pink-800: 85, 17, 72 !important;
    --colors-chroma-pink-900: 51, 10, 43 !important;
    --colors-chroma-red-100: 254, 208, 206 !important;
    --colors-chroma-red-200: 254, 177, 173 !important;
    --colors-chroma-red-300: 253, 137, 132 !important;
    --colors-chroma-red-400: 252, 98, 91 !important;
    --colors-chroma-red-500: 251, 20, 9 !important;
    --colors-chroma-red-600: 167, 13, 6 !important;
    --colors-chroma-red-700: 126, 10, 5 !important;
    --colors-chroma-red-800: 84, 7, 3 !important;
    --colors-chroma-red-900: 50, 4, 2 !important;
    --colors-chroma-orange-100: 255, 222, 204 !important;
    --colors-chroma-orange-200: 255, 196, 163 !important;
    --colors-chroma-orange-300: 255, 165, 117 !important;
    --colors-chroma-orange-400: 255, 120, 46 !important;
    --colors-chroma-orange-500: 255, 90, 0 !important;
    --colors-chroma-orange-600: 170, 60, 0 !important;
    --colors-chroma-orange-700: 128, 45, 0 !important;
    --colors-chroma-orange-800: 85, 30, 0 !important;
    --colors-chroma-orange-900: 51, 18, 0 !important;
    --colors-chroma-green-100: 242, 248, 208 !important;
    --colors-chroma-green-200: 231, 242, 171 !important;
    --colors-chroma-green-300: 214, 233, 109 !important;
    --colors-chroma-green-400: 201, 226, 61 !important;
    --colors-chroma-green-500: 190, 220, 22 !important;
    --colors-chroma-green-600: 158, 183, 18 !important;
    --colors-chroma-green-700: 95, 110, 11 !important;
    --colors-chroma-green-800: 63, 73, 7 !important;
    --colors-chroma-green-900: 38, 44, 4 !important;
    --colors-chroma-alpha-white-200: rgba(var(--colors-chroma-neutral-white), 0.2) !important;
    --colors-chroma-alpha-white-400: rgba(var(--colors-chroma-neutral-white), 0.4) !important;
    --colors-chroma-alpha-white-600: rgba(var(--colors-chroma-neutral-white), 0.6) !important;
    --colors-chroma-alpha-white-800: rgba(var(--colors-chroma-neutral-white), 0.8) !important;
    --colors-chroma-alpha-white-000: rgba(var(--colors-chroma-neutral-white), 0) !important;
    --colors-chroma-alpha-black-200: rgba(var(--colors-chroma-neutral-black), 0.2) !important;
    --colors-chroma-alpha-black-400: rgba(var(--colors-chroma-neutral-black), 0.4) !important;
    --colors-chroma-alpha-black-600: rgba(var(--colors-chroma-neutral-black), 0.6) !important;
    --colors-chroma-alpha-black-800: rgba(var(--colors-chroma-neutral-black), 0.8) !important;
    --colors-chroma-alpha-black-000: rgba(var(--colors-chroma-neutral-black), 0) !important;
    --colors-chroma-alpha-neutral-50-200: rgba(var(--colors-chroma-neutral-50), 0.2) !important;
    --colors-chroma-alpha-neutral-50-400: rgba(var(--colors-chroma-neutral-50), 0.4) !important;
    --colors-chroma-alpha-neutral-50-600: rgba(var(--colors-chroma-neutral-50), 0.6) !important;
    --colors-chroma-alpha-neutral-50-800: rgba(var(--colors-chroma-neutral-50), 0.8) !important;
    --colors-chroma-alpha-neutral-50-000: rgba(var(--colors-chroma-neutral-50), 0) !important;
    --colors-chroma-alpha-neutral-100-200: rgba(var(--colors-chroma-neutral-100), 0.2) !important;
    --colors-chroma-alpha-neutral-100-400: rgba(var(--colors-chroma-neutral-100), 0.4) !important;
    --colors-chroma-alpha-neutral-100-600: rgba(var(--colors-chroma-neutral-100), 0.6) !important;
    --colors-chroma-alpha-neutral-100-800: rgba(var(--colors-chroma-neutral-100), 0.8) !important;
    --colors-chroma-alpha-neutral-100-000: rgba(var(--colors-chroma-neutral-100), 0) !important;
    --colors-chroma-alpha-neutral-200-200: rgba(var(--colors-chroma-neutral-200), 0.2) !important;
    --colors-chroma-alpha-neutral-200-400: rgba(var(--colors-chroma-neutral-200), 0.4) !important;
    --colors-chroma-alpha-neutral-200-600: rgba(var(--colors-chroma-neutral-200), 0.6) !important;
    --colors-chroma-alpha-neutral-200-800: rgba(var(--colors-chroma-neutral-200), 0.8) !important;
    --colors-chroma-alpha-neutral-200-000: rgba(var(--colors-chroma-neutral-200), 0) !important;
    --colors-chroma-alpha-neutral-300-200: rgba(var(--colors-chroma-neutral-300), 0.2) !important;
    --colors-chroma-alpha-neutral-300-400: rgba(var(--colors-chroma-neutral-300), 0.4) !important;
    --colors-chroma-alpha-neutral-300-600: rgba(var(--colors-chroma-neutral-300), 0.6) !important;
    --colors-chroma-alpha-neutral-300-800: rgba(var(--colors-chroma-neutral-300), 0.8) !important;
    --colors-chroma-alpha-neutral-300-000: rgba(var(--colors-chroma-neutral-300), 0) !important;
    --colors-chroma-alpha-neutral-600-200: rgba(var(--colors-chroma-neutral-600), 0.2) !important;
    --colors-chroma-alpha-neutral-600-400: rgba(var(--colors-chroma-neutral-600), 0.4) !important;
    --colors-chroma-alpha-neutral-600-600: rgba(var(--colors-chroma-neutral-600), 0.6) !important;
    --colors-chroma-alpha-neutral-600-800: rgba(var(--colors-chroma-neutral-600), 0.8) !important;
    --colors-chroma-alpha-neutral-600-000: rgba(var(--colors-chroma-neutral-600), 0) !important;
    --colors-chroma-alpha-neutral-700-200: rgba(var(--colors-chroma-neutral-700), 0.2) !important;
    --colors-chroma-alpha-neutral-700-400: rgba(var(--colors-chroma-neutral-700), 0.4) !important;
    --colors-chroma-alpha-neutral-700-600: rgba(var(--colors-chroma-neutral-700), 0.6) !important;
    --colors-chroma-alpha-neutral-700-800: rgba(var(--colors-chroma-neutral-700), 0.8) !important;
    --colors-chroma-alpha-neutral-700-000: rgba(var(--colors-chroma-neutral-700), 0) !important;
    --colors-chroma-alpha-neutral-900-200: rgba(var(--colors-chroma-neutral-900), 0.2) !important;
    --colors-chroma-alpha-neutral-900-400: rgba(var(--colors-chroma-neutral-900), 0.4) !important;
    --colors-chroma-alpha-neutral-900-600: rgba(var(--colors-chroma-neutral-900), 0.6) !important;
    --colors-chroma-alpha-neutral-900-800: rgba(var(--colors-chroma-neutral-900), 0.8) !important;
    --colors-chroma-alpha-neutral-900-000: rgba(var(--colors-chroma-neutral-900), 0) !important;
    --colors-chroma-text-body-primary: rgba(var(--colors-chroma-neutral-900)) !important;
    --colors-chroma-text-body-secondary: rgba(var(--colors-chroma-neutral-550)) !important;
    --colors-chroma-text-body-inverted: rgba(var(--colors-chroma-neutral-50)) !important;
    --colors-chroma-text-body-highlight: rgba(var(--colors-chroma-blue-700)) !important;
    --colors-chroma-text-links: rgba(var(--colors-chroma-blue-700)) !important;
    --colors-chroma-text-misc-quote-icon: rgba(var(--colors-chroma-neutral-200)) !important;
    --colors-chroma-text-misc-quote-highlight: rgba(var(--colors-chroma-blue-700)) !important;
    --colors-chroma-background-body: rgba(var(--colors-chroma-neutral-50)) !important;
    --colors-chroma-background-card: rgba(var(--colors-chroma-neutral-100)) !important;
    --colors-chroma-background-pricing-card: rgba(var(--colors-chroma-neutral-white)) !important;
    --colors-chroma-background-overlay-alpha: var(--colors-chroma-alpha-white-000) !important;
    --colors-chroma-button-cta-primary-text: rgba(var(--colors-chroma-neutral-900)) !important;
    --colors-chroma-button-cta-primary: rgba(var(--colors-chroma-blue-500)) !important;
    --colors-chroma-button-cta-primary-hover: rgba(var(--colors-chroma-blue-600)) !important;
    --colors-chroma-button-cta-primary-focus: rgba(var(--colors-chroma-blue-600)) !important;
    --colors-chroma-button-cta-primary-focus-border: rgba(var(--colors-chroma-blue-700)) !important;
    --colors-chroma-button-cta-primary-disabled-text: rgba(var(--colors-chroma-blue-600)) !important;
    --colors-chroma-button-cta-secondary-text: var(--colors-chroma-text-body-inverted) !important;
    --colors-chroma-button-cta-secondary: rgba(var(--colors-chroma-neutral-900)) !important;
    --colors-chroma-button-cta-secondary-hover: rgba(var(--colors-chroma-neutral-500)) !important;
    --colors-chroma-button-cta-secondary-focus: rgba(var(--colors-chroma-neutral-500)) !important;
    --colors-chroma-button-cta-secondary-focus-border: rgba(var(--colors-chroma-neutral-black)) !important;
    --colors-chroma-button-cta-secondary-disabled-text: rgba(var(--colors-chroma-neutral-700)) !important;
    --colors-chroma-button-cta-secondary-alt-text: var(--colors-chroma-text-body-inverted) !important;
    --colors-chroma-button-cta-secondary-alt: rgba(var(--colors-chroma-neutral-700)) !important;
    --colors-chroma-button-cta-secondary-alt-hover: rgba(var(--colors-chroma-neutral-500)) !important;
    --colors-chroma-button-cta-secondary-alt-focus: rgba(var(--colors-chroma-neutral-500)) !important;
    --colors-chroma-button-cta-secondary-alt-focus-border: rgba(var(--colors-chroma-neutral-900)) !important;
    --colors-chroma-button-cta-secondary-alt-disabled-text: rgba(var(--colors-chroma-neutral-550)) !important;
    --colors-chroma-button-more-text: var(--colors-chroma-text-body-primary) !important;
    --colors-chroma-button-more: rgba(var(--colors-chroma-neutral-100)) !important;
    --colors-chroma-button-more-hover: rgba(var(--colors-chroma-neutral-300)) !important;
    --colors-chroma-button-more-focus: rgba(var(--colors-chroma-neutral-300)) !important;
    --colors-chroma-button-more-focus-border: rgba(var(--colors-chroma-neutral-400)) !important;
    --colors-chroma-button-more-disabled-text: rgba(var(--colors-chroma-neutral-300)) !important;
    --colors-chroma-button-less-text: var(--colors-chroma-text-body-inverted) !important;
    --colors-chroma-button-less: rgba(var(--colors-chroma-neutral-900)) !important;
    --colors-chroma-button-less-hover: rgba(var(--colors-chroma-neutral-500)) !important;
    --colors-chroma-button-less-focus: rgba(var(--colors-chroma-neutral-500)) !important;
    --colors-chroma-button-less-focus-border: rgba(var(--colors-chroma-neutral-black)) !important;
    --colors-chroma-button-less-disabled-text: rgba(var(--colors-chroma-neutral-700)) !important;
    --colors-chroma-button-play-primary-text: rgba(var(--colors-chroma-neutral-900)) !important;
    --colors-chroma-button-play-primary: rgba(var(--colors-chroma-blue-500)) !important;
    --colors-chroma-button-play-primary-hover-text: rgba(var(--colors-chroma-neutral-50)) !important;
    --colors-chroma-button-play-primary-hover: rgba(var(--colors-chroma-neutral-900)) !important;
    --colors-chroma-button-play-primary-focus: rgba(var(--colors-chroma-neutral-900)) !important;
    --colors-chroma-button-play-primary-focus-border: rgba(var(--colors-chroma-neutral-700)) !important;
    --colors-chroma-button-play-primary-disabled-text: rgba(var(--colors-chroma-blue-600)) !important;
    --colors-chroma-button-play-secondary-text: var(--colors-chroma-text-body-primary) !important;
    --colors-chroma-button-play-secondary: rgba(var(--colors-chroma-neutral-50)) !important;
    --colors-chroma-button-play-secondary-hover-text: rgba(var(--colors-chroma-neutral-900)) !important;
    --colors-chroma-button-play-secondary-hover: rgba(var(--colors-chroma-blue-500)) !important;
    --colors-chroma-button-play-secondary-focus: rgba(var(--colors-chroma-blue-500)) !important;
    --colors-chroma-button-play-secondary-focus-border: rgba(var(--colors-chroma-blue-700)) !important;
    --colors-chroma-button-play-secondary-disabled-text: rgba(var(--colors-chroma-neutral-200)) !important;
    --colors-chroma-button-play-overlay-text: rgba(var(--colors-chroma-neutral-900)) !important;
    --colors-chroma-button-play-overlay: var(--colors-chroma-alpha-white-600) !important;
    --colors-chroma-button-play-overlay-hover-text: rgba(var(--colors-chroma-neutral-50)) !important;
    --colors-chroma-button-play-overlay-hover: var(--colors-chroma-alpha-neutral-900-600) !important;
    --colors-chroma-button-play-overlay-focus: var(--colors-chroma-alpha-neutral-900-600) !important;
    --colors-chroma-button-play-overlay-focus-border: var(--colors-chroma-alpha-neutral-900-600) !important;
    --colors-chroma-button-play-expanded-text: rgba(var(--colors-chroma-neutral-900)) !important;
    --colors-chroma-button-play-expanded: var(--colors-chroma-alpha-white-600) !important;
    --colors-chroma-button-play-expanded-hover-text: rgba(var(--colors-chroma-neutral-50)) !important;
    --colors-chroma-button-play-expanded-hover: var(--colors-chroma-alpha-neutral-900-600) !important;
    --colors-chroma-button-play-expanded-focus: var(--colors-chroma-alpha-neutral-900-600) !important;
    --colors-chroma-button-close-modal-primary-text: rgba(var(--colors-chroma-neutral-900)) !important;
    --colors-chroma-button-close-modal-primary: rgba(var(--colors-chroma-blue-500)) !important;
    --colors-chroma-button-close-modal-primary-hover: rgba(var(--colors-chroma-neutral-200)) !important;
    --colors-chroma-button-close-modal-primary-focus: rgba(var(--colors-chroma-neutral-200)) !important;
    --colors-chroma-button-close-modal-primary-focus-border: rgba(var(--colors-chroma-neutral-400)) !important;
    --colors-chroma-button-close-modal-primary-disabled-text: rgba(var(--colors-chroma-blue-600)) !important;
    --colors-chroma-button-close-modal-secondary-text: var(--colors-chroma-text-body-primary) !important;
    --colors-chroma-button-close-modal-secondary: rgba(var(--colors-chroma-neutral-100)) !important;
    --colors-chroma-button-close-modal-secondary-hover-text: rgba(var(--colors-chroma-neutral-900)) !important;
    --colors-chroma-button-close-modal-secondary-hover: rgba(var(--colors-chroma-blue-500)) !important;
    --colors-chroma-button-close-modal-secondary-focus: rgba(var(--colors-chroma-blue-500)) !important;
    --colors-chroma-button-close-modal-secondary-focus-border: rgba(var(--colors-chroma-blue-700)) !important;
    --colors-chroma-button-close-modal-secondary-disabled-text: rgba(var(--colors-chroma-neutral-300)) !important;
    --colors-chroma-border-pricing: rgba(var(--colors-chroma-neutral-200)) !important;
    --colors-chroma-chart-cell-primary: rgba(var(--colors-chroma-neutral-100)) !important;
    --colors-chroma-chart-cell-header: rgba(var(--colors-chroma-neutral-700)) !important;
    --colors-chroma-form-input-fill: rgba(var(--colors-chroma-neutral-50)) !important;
    --colors-chroma-form-input-border: rgba(var(--colors-chroma-neutral-300)) !important;
    --colors-chroma-form-background-card: rgba(var(--colors-chroma-neutral-100)) !important;
    --colors-chroma-table-header-fill: rgba(var(--colors-chroma-neutral-700)) !important;
    --colors-chroma-table-label-fill: rgba(var(--colors-chroma-neutral-100)) !important;
    --colors-chroma-table-cell-positive-fill: rgba(var(--colors-bokeh-green-100)) !important;
    --colors-chroma-table-cell-positive-icon: rgba(var(--colors-bokeh-green-500)) !important;
    --colors-chroma-table-cell-negative-fill: rgba(var(--colors-bokeh-red-100)) !important;
    --colors-chroma-table-cell-negative-icon: rgba(var(--colors-bokeh-red-500)) !important;
    --colors-chroma-navigation-backgrounds-bar: var(--colors-chroma-alpha-neutral-50-600) !important;
    --colors-chroma-navigation-backgrounds-bar-hover: rgba(var(--colors-chroma-neutral-50)) !important;
    --colors-chroma-navigation-backgrounds-dropdown: rgba(var(--colors-chroma-neutral-white)) !important;
    --colors-chroma-navigation-backgrounds-menu-item-icon-bg: rgba(var(--colors-chroma-neutral-200)) !important;
    --colors-chroma-navigation-backgrounds-mobile-accordion-bg: rgba(var(--colors-chroma-neutral-50)) !important;
    --colors-chroma-navigation-backgrounds-overlay: var(--colors-chroma-alpha-neutral-900-600) !important;
    --colors-chroma-navigation-cta-icon-button: var(--colors-chroma-alpha-neutral-200-000) !important;
    --colors-chroma-navigation-cta-icon-button-hover: rgba(var(--colors-chroma-neutral-200)) !important;
    --colors-chroma-navigation-cta-icon-button-focus: rgba(var(--colors-chroma-neutral-200)) !important;
    --colors-chroma-navigation-cta-icon-button-focus-border: rgba(var(--colors-chroma-neutral-300)) !important;
    --colors-chroma-navigation-cta-icon-button-disabled-icon: rgba(var(--colors-chroma-neutral-200)) !important;
    --colors-chroma-navigation-cta-menu-item: var(--colors-chroma-alpha-neutral-100-000) !important;
    --colors-chroma-navigation-cta-menu-item-hover: rgba(var(--colors-chroma-neutral-100)) !important;
    --colors-chroma-navigation-cta-menu-item-focus: rgba(var(--colors-chroma-neutral-100)) !important;
    --colors-chroma-navigation-cta-view-all: var(--colors-chroma-alpha-neutral-100-000) !important;
    --colors-chroma-navigation-cta-view-all-hover: rgba(var(--colors-chroma-neutral-100)) !important;
    --colors-chroma-navigation-cta-view-all-focus: rgba(var(--colors-chroma-neutral-100)) !important;
    --colors-chroma-navigation-cta-close-icon-color: rgba(var(--colors-chroma-neutral-300)) !important;
    --colors-vimeo-logo: rgba(var(--colors-bokeh-100)) !important;
    --colors-hyperlink: rgba(var(--colors-blue-digital-blue)) !important;
    --colors-primary: rgba(var(--colors-blue-digital-blue)) !important;
    --colors-btn-background: rgba(var(--colors-black)) !important;
    --colors-btn-content: rgba(var(--colors-white)) !important;
    --colors-btn-icon-container: rgba(var(--colors-ebony-gray)) !important;
    --colors-btn-hover-background: rgba(var(--colors-vimeo-blue)) !important;
    --colors-btn-hover-content: rgba(var(--colors-black)) !important;
    --colors-btn-hover-icon-container: rgba(var(--colors-vimeo-blue-60)) !important;
    --colors-btn-focus-outline: rgba(var(--colors-raven-gray)) !important;
    --colors-btn-disabled-background: rgba(var(--colors-black)) !important;
    --colors-btn-disabled-content: rgba(var(--colors-ebony-gray)) !important;
    --colors-btn-disabled-icon-container: rgba(var(--colors-ebony-gray)) !important;
    --colors-card-chroma-bg-mask: rgba(var(--colors-bokeh-darker-blue)) !important;
    --colors-card-bokeh-border: rgba(var(--colors-bokeh-dark-blue), 0.08) !important;
    --colors-card-background-prominent: rgba(var(--colors-ebony-gray)) !important;
    --colors-card-background-carousel: rgba(var(--colors-bokeh-darker-blue)) !important;
    --colors-card-background: rgba(var(--colors-black)) !important;
    --colors-card-background-light: rgba(var(--colors-pearl-black)) !important;
    --colors-card-content: rgba(var(--colors-white)) !important;
    --colors-card-disabled-content: rgba(var(--colors-ebony-gray)) !important;
    --colors-card-sub-content: rgba(var(--colors-granite-gray)) !important;
    --colors-card-lp-sub-content: rgba(var(--colors-granite-gray)) !important;
    --colors-card-chroma-content: rgba(var(--colors-chroma-gray)) !important;
    --colors-card-chroma-sub-content: rgba(var(--colors-chroma-light-gray)) !important;
    --colors-card-strikeout: rgba(var(--colors-ebony-gray)) !important;
    --colors-card-hover-background: rgba(var(--colors-pearl-black)) !important;
    --colors-card-hover-content: rgba(var(--colors-white)) !important;
    --colors-card-watch-card-content: rgba(var(--colors-black)) !important;
    --colors-container-background: rgba(var(--colors-black)) !important;
    --colors-container-card: rgba(var(--colors-pearl-black)) !important;
    --colors-lohp-container-background: rgba(var(--colors-pearl-black)) !important;
    --colors-lohp-container-card: rgba(var(--colors-neutral-800)) !important;
    --colors-lohp-container-card-hover: rgba(var(--colors-pearl-black)) !important;
    --colors-lohp-container-content: rgba(var(--colors-white)) !important;
    --colors-lohp-container-sub-content: rgba(var(--colors-neutral-400)) !important;
    --colors-lohp-container-content-light: rgba(var(--colors-white)) !important;
    --colors-lohp-container-content-lighter: rgba(var(--colors-white)) !important;
    --colors-form-input-background: rgba(var(--colors-white)) !important;
    --colors-form-input-text: rgba(var(--colors-raven-gray)) !important;
    --colors-form-checkbox-background: rgba(var(--colors-ebony-gray)) !important;
    --colors-form-label-text: rgba(var(--colors-white)) !important;
    --colors-form-select-border: rgba(var(--colors-white), 0.25) !important;
    --colors-form-terms: rgba(var(--colors-white)) !important;
    --colors-tab-background: rgba(var(--colors-black)) !important;
    --colors-tab-content: rgba(var(--colors-white)) !important;
    --colors-tab-sub-content: rgba(var(--colors-granite-gray)) !important;
    --colors-tab-strikeout: rgba(var(--colors-ebony-gray)) !important;
    --colors-tab-hover-content: rgba(var(--colors-vimeo-blue)) !important;
    --colors-tab-focus-outline: rgba(var(--colors-raven-gray)) !important;
    --colors-tab-selected-background: rgba(var(--colors-ebony-gray)) !important;
    --colors-tab-disabled-background: rgba(var(--colors-black)) !important;
    --colors-tab-disabled-content: rgba(var(--colors-ebony-gray)) !important;
    --colors-tag-background: rgba(var(--colors-ebony-gray)) !important;
    --colors-tag-content: rgba(var(--colors-white)) !important;
    --colors-tag-bokeh-bg: rgba(var(--colors-black)) !important;
    --colors-tag-bokeh-content: rgba(var(--colors-white)) !important;
    --colors-carousel-nav-button: rgba(var(--colors-raven-gray)) !important;
    --colors-carousel-nav-button-active: rgba(var(--colors-white)) !important;
    --colors-carousel-nav-background: rgba(var(--colors-pearl-black)) !important;
    --colors-carousel-nav-content: rgba(var(--colors-white)) !important;
    --colors-carousel-nav-sub-content: rgba(var(--colors-vimeo-blue)) !important;
    --colors-hero-content: rgba(var(--colors-white)) !important;
    --colors-hero-sub-content: rgba(var(--colors-granite-gray)) !important;
    --colors-hero-left-content: rgba(var(--colors-pearl-white)) !important;
    --colors-hero-left-sub-content: rgba(var(--colors-pearl-white)) !important;
    --colors-global-nav-background: rgba(var(--colors-black)) !important;
    --colors-global-nav-background-accent: rgba(var(--colors-pearl-black)) !important;
    --colors-global-nav-content: rgba(var(--colors-white)) !important;
    --colors-global-nav-sub-content: rgba(var(--colors-granite-gray)) !important;
    --colors-global-nav-hover-content: rgba(var(--colors-blue-digital-blue)) !important;
    --colors-global-nav-hover-background-accent: rgba(var(--colors-ebony-gray)) !important;
    --colors-footer-background: rgba(var(--colors-black)) !important;
    --colors-footer-background-light: rgba(var(--colors-ebony-gray)) !important;
    --colors-footer-content: rgba(var(--colors-white)) !important;
    --colors-footer-sub-content: rgba(var(--colors-granite-gray)) !important;
    --colors-footer-hover-sub-content: rgba(var(--colors-blue-digital-blue)) !important;
    --colors-accordion-background: rgba(var(--colors-black)) !important;
    --colors-accordion-content: rgba(var(--colors-white)) !important;
    --colors-accordion-sub-content: rgba(var(--colors-granite-gray)) !important;
    --colors-accordion-expanded-background: rgba(var(--colors-pearl-black)) !important;
    --colors-generic-card-background: rgba(var(--colors-pearl-black)) !important;
    --colors-generic-card-background-dark: rgba(var(--colors-pearl-black)) !important;
    --colors-generic-card-content: rgba(var(--colors-white)) !important;
    --colors-generic-card-content-dark: rgba(var(--colors-white)) !important;
    --colors-generic-card-sub-content: rgba(var(--colors-granite-gray)) !important;
    --colors-generic-card-hyperlink: rgba(var(--colors-blue-digital-blue)) !important;
    --colors-generic-card-skeleton: rgba(var(--colors-ebony-gray)) !important;
    --colors-generic-card-error: rgba(var(--colors-silver-gray)) !important;
    --colors-lohp-btn-bg: rgba(var(--colors-pearl-black)) !important;
    --colors-lohp-btn-content: rgba(var(--colors-white)) !important;
    --colors-lohp-btn-hover-bg: rgba(var(--colors-white)) !important;
    --colors-lohp-btn-hover-content: rgba(var(--colors-black)) !important;
    --colors-lohp-btn-hover-sub-content: rgba(var(--colors-pearl-black)) !important;
    --colors-lohp-btn-active-bg: rgba(var(--colors-white)) !important;
    --colors-lohp-btn-active-content: rgba(var(--colors-black)) !important;
    --colors-lohp-btn-focus-bg: rgba(var(--colors-white)) !important;
    --colors-lohp-btn-focus-content: rgba(var(--colors-black)) !important;
    --colors-lohp-btn-focus-outline: rgba(var(--colors-granite-gray)) !important;
    --colors-lohp-btn-disabled-bg: rgba(var(--colors-black)) !important;
    --colors-lohp-btn-disabled-content: rgba(var(--colors-ebony-gray)) !important;
    --colors-lohp-text-btn-content: rgba(var(--colors-pearl-black)) !important;
    --colors-lohp-text-btn-sub-content: rgba(var(--colors-lohp-gray)) !important;
    --colors-lohp-text-btn-hover-content: rgba(var(--colors-pearl-black), 0.4) !important;
    --colors-lohp-text-btn-hover-sub-content: rgba(var(--colors-lohp-gray), 0.4) !important;
    --colors-lohp-text-btn-active-content: rgba(var(--colors-lohp-gray)) !important;
    --colors-lohp-text-btn-active-sub-content: rgba(var(--colors-pearl-black)) !important;
    --colors-lohp-text-btn-focus-content: rgba(var(--colors-lohp-gray)) !important;
    --colors-lohp-text-btn-focus-sub-content: rgba(var(--colors-pearl-black)) !important;
    --colors-chroma-text-btn-content: rgba(var(--colors-pearl-white)) !important;
    --colors-chroma-text-btn-sub-content: rgba(var(--colors-lohp-gray)) !important;
    --colors-chroma-text-btn-hover-content: rgba(var(--colors-pearl-white)) !important;
    --colors-chroma-text-btn-hover-sub-content: rgba(var(--colors-lohp-gray), 0.4) !important;
    --colors-chroma-text-btn-active-content: rgba(var(--colors-lohp-gray)) !important;
    --colors-chroma-text-btn-active-sub-content: rgba(var(--colors-pearl-black)) !important;
    --colors-chroma-text-btn-focus-content: rgba(var(--colors-lohp-gray)) !important;
    --colors-chroma-text-btn-focus-sub-content: rgba(var(--colors-pearl-black)) !important;
    --colors-lohp-play-btn-base-bg-default: rgba(var(--colors-bokeh-white), 0.6) !important;
    --colors-lohp-play-btn-base-bg-hover: rgba(var(--colors-pearl-black), 0.6) !important;
    --colors-lohp-play-btn-base-bg-focus: rgba(var(--colors-pearl-black), 0.6) !important;
    --colors-lohp-play-btn-base-border-focus: rgba(var(--colors-pearl-black), 0.6) !important;
    --colors-lohp-play-btn-base-content-default: rgba(var(--colors-pearl-black)) !important;
    --colors-lohp-play-btn-base-content-focus: rgba(var(--colors-white)) !important;
    --colors-lohp-play-btn-base-content-hover: rgba(var(--colors-white)) !important;
    --colors-lohp-play-btn-base-content-disabled: rgba(var(--colors-pearl-black), 0.4) !important;
    --colors-lohp-play-btn-bg-default: rgba(var(--colors-vimeo-blue)) !important;
    --colors-lohp-play-btn-bg-hover: rgba(var(--colors-black)) !important;
    --colors-lohp-play-btn-bg-focus: rgba(var(--colors-black)) !important;
    --colors-lohp-play-btn-content-default: rgba(var(--colors-black)) !important;
    --colors-lohp-play-btn-content-hover: rgba(var(--colors-white)) !important;
    --colors-lohp-play-btn-content-focus: rgba(var(--colors-white)) !important;
    --colors-lohp-play-btn-content-disabled: rgba(var(--colors-pearl-black), 0.4) !important;
    --colors-lohp-play-btn-border-focus: rgba(var(--colors-ebony-gray)) !important;
    --colors-lohp-featured-in-card-card: rgba(var(--colors-intrinsic-gray)) !important;
    --colors-lohp-featured-in-card-hover-card: rgba(var(--colors-ebony-gray)) !important;
    --colors-comparison-table-background: rgba(var(--colors-pearl-black)) !important;
    --colors-comparison-table-content: rgba(var(--colors-chroma-gray)) !important;
    --colors-comparison-table-content-light: rgba(var(--colors-white)) !important;
    --colors-comparison-table-top-heading-background: rgba(var(--colors-silver-gray)) !important;
    --colors-comparison-table-top-heading-content: rgba(var(--colors-pearl-black)) !important;
    --colors-comparison-table-left-heading-background: rgba(var(--colors-ebony-gray)) !important;
    --colors-comparison-table-left-heading-content: rgba(var(--colors-white)) !important;
}
.\[\&_\.mktoButtonWrap\]\:blue .mktoButtonWrap {
    --colors-btn-background: rgba(var(--colors-vimeo-blue));
    --colors-btn-content: rgba(var(--colors-black));
    --colors-btn-icon-container: rgba(var(--colors-vimeo-blue-60));
    --colors-btn-hover-background: rgba(var(--colors-vimeo-blue-60));
    --colors-btn-hover-content: rgba(var(--colors-black));
    --colors-btn-hover-icon-container: rgba(var(--colors-vimeo-blue));
    --colors-btn-focus-outline: rgba(var(--colors-raven-gray));
    --colors-btn-disabled-background: rgba(var(--colors-vimeo-blue-55));
    --colors-btn-disabled-content: rgba(var(--colors-vimeo-blue));
    --colors-btn-disabled-icon-container: rgba(var(--colors-vimeo-blue-60));
    --colors-lohp-btn-bg: rgba(var(--colors-vimeo-blue));
    --colors-lohp-btn-content: rgba(var(--colors-black));
    --colors-lohp-btn-hover-bg: rgba(var(--colors-vimeo-blue-60));
    --colors-lohp-btn-hover-content: rgba(var(--colors-black));
    --colors-lohp-btn-hover-sub-content: rgba(var(--colors-pearl-black));
    --colors-lohp-btn-active-bg: rgba(var(--colors-vimeo-blue-60));
    --colors-lohp-btn-active-content: rgba(var(--colors-black));
    --colors-lohp-btn-focus-bg: rgba(var(--colors-vimeo-blue-60));
    --colors-lohp-btn-focus-content: rgba(var(--colors-black));
    --colors-lohp-btn-disabled-bg: rgba(var(--colors-vimeo-blue));
    --colors-lohp-btn-disabled-content: rgba(var(--colors-vimeo-blue-58));
    --colors-lohp-play-btn-base-bg-default: rgba(var(--colors-vimeo-blue));
    --colors-lohp-play-btn-base-bg-hover: rgba(var(--colors-pearl-black));
    --colors-lohp-play-btn-base-bg-focus: rgba(var(--colors-pearl-black));
    --colors-lohp-play-btn-base-border-focus: rgba(var(--colors-ebony-gray));
    --colors-lohp-play-btn-base-content-default: rgba(var(--colors-pearl-black));
    --colors-lohp-play-btn-base-content-focus: rgba(var(--colors-white));
    --colors-lohp-play-btn-base-content-hover: rgba(var(--colors-white));
    --colors-lohp-play-btn-base-content-disabled: rgba(var(--colors-pearl-black), 0.4);
    --colors-lohp-play-btn-bg-default: rgba(var(--colors-vimeo-blue));
    --colors-lohp-play-btn-bg-hover: rgba(var(--colors-black));
    --colors-lohp-play-btn-bg-focus: rgba(var(--colors-black));
    --colors-lohp-play-btn-border-focus: rgba(var(--colors-ebony-gray));
    --colors-lohp-play-btn-content-default: rgba(var(--colors-black));
    --colors-lohp-play-btn-content-hover: rgba(var(--colors-white));
    --colors-lohp-play-btn-content-focus: rgba(var(--colors-white));
    --colors-form-input-background: rgba(var(--colors-white));
    --colors-form-input-text: rgba(var(--colors-raven-gray));
    --colors-form-checkbox-background: rgba(var(--colors-vimeo-blue));
    --colors-form-label-text: rgba(var(--colors-white));
    --colors-form-select-border: rgba(var(--colors-white), 0.25);
    --colors-form-terms: rgba(var(--colors-white));
    --colors-generic-card-background: rgba(var(--colors-vimeo-blue));
    --colors-generic-card-background-dark: rgba(var(--colors-vimeo-blue-80));
    --colors-tag-bokeh-bg: rgba(var(--colors-vimeo-blue));
    --colors-tag-bokeh-content: rgba(var(--colors-black));
}
@media (min-width: 1440px) {
    .\32xl\:container {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }
    @media (min-width: 375px) {
        .\32xl\:container {
            max-width: 375px;
        }
    }
    @media (min-width: 400px) {
        .\32xl\:container {
            max-width: 400px;
        }
    }
    @media (min-width: 640px) {
        .\32xl\:container {
            max-width: 640px;
        }
    }
    @media (min-width: 767px) {
        .\32xl\:container {
            max-width: 767px;
        }
    }
    @media (min-width: 768px) {
        .\32xl\:container {
            max-width: 768px;
        }
    }
    @media (min-width: 1024px) {
        .\32xl\:container {
            max-width: 1024px;
        }
    }
    @media (min-width: 1280px) {
        .\32xl\:container {
            max-width: 1280px;
        }
    }
    @media (min-width: 1281px) {
        .\32xl\:container {
            max-width: 1281px;
        }
    }
    @media (min-width: 1440px) {
        .\32xl\:container {
            max-width: 1440px;
        }
    }
}
.\[\&_\.mktoHtmlText_a\]\:hyperlink .mktoHtmlText a {
    color: var(--colors-hyperlink);
    text-decoration: underline;
    transition: opacity 350ms ease-in-out;
}
.\[\&_\.mktoHtmlText_a\]\:hyperlink .mktoHtmlText a:hover {
    opacity: 0.4;
}
.\[\&_\.mktoHtmlText_a\]\:hyperlink .mktoHtmlText a:focus {
    opacity: 0.4;
}
.\[\&_\.mktoHtmlText_a\]\:hyperlink .mktoHtmlText a:visited {
    color: var(--colors-hyperlink);
}
.\[\&_a\]\:hyperlink a {
    color: var(--colors-hyperlink);
    text-decoration: underline;
    transition: opacity 350ms ease-in-out;
}
.\[\&_a\]\:hyperlink a:hover {
    opacity: 0.4;
}
.\[\&_a\]\:hyperlink a:focus {
    opacity: 0.4;
}
.\[\&_a\]\:hyperlink a:visited {
    color: var(--colors-hyperlink);
}
.backdrop\:hidden::backdrop {
    display: none;
}
.backdrop\:bg-chroma-alpha-black-600::backdrop {
    background-color: var(--colors-chroma-alpha-black-600);
}
.backdrop\:backdrop-blur-sm::backdrop {
    --tw-backdrop-blur: blur(4px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
            backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop\:transition-all::backdrop {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.backdrop\:duration-280::backdrop {
    transition-duration: 280ms;
}
.before\:absolute::before {
    content: var(--tw-content);
    position: absolute;
}
.before\:inset-0::before {
    content: var(--tw-content);
    inset: 0px;
}
.before\:\!-left-\[13px\]::before {
    content: var(--tw-content);
    left: -13px !important;
}
.before\:left-0::before {
    content: var(--tw-content);
    left: 0px;
}
.before\:right-0::before {
    content: var(--tw-content);
    right: 0px;
}
.before\:top-0::before {
    content: var(--tw-content);
    top: 0px;
}
.before\:top-1\/2::before {
    content: var(--tw-content);
    top: 50%;
}
.before\:-z-1::before {
    content: var(--tw-content);
    z-index: -1;
}
.before\:-z-20::before {
    content: var(--tw-content);
    z-index: -20;
}
.before\:-z-\[1\]::before {
    content: var(--tw-content);
    z-index: -1;
}
.before\:z-1::before {
    content: var(--tw-content);
    z-index: 1;
}
.before\:z-10::before {
    content: var(--tw-content);
    z-index: 10;
}
.before\:mr-5::before {
    content: var(--tw-content);
    margin-right: 1.25rem;
}
.before\:block::before {
    content: var(--tw-content);
    display: block;
}
.before\:hidden::before {
    content: var(--tw-content);
    display: none;
}
.before\:h-0::before {
    content: var(--tw-content);
    height: 0px;
}
.before\:h-12::before {
    content: var(--tw-content);
    height: 3rem;
}
.before\:h-4::before {
    content: var(--tw-content);
    height: 1rem;
}
.before\:h-8::before {
    content: var(--tw-content);
    height: 2rem;
}
.before\:h-\[var\(--accordion-before-h\)\]::before {
    content: var(--tw-content);
    height: var(--accordion-before-h);
}
.before\:h-full::before {
    content: var(--tw-content);
    height: 100%;
}
.before\:w-0::before {
    content: var(--tw-content);
    width: 0px;
}
.before\:w-12::before {
    content: var(--tw-content);
    width: 3rem;
}
.before\:w-\[1px\]::before {
    content: var(--tw-content);
    width: 1px;
}
.before\:w-full::before {
    content: var(--tw-content);
    width: 100%;
}
.before\:flex-1::before {
    content: var(--tw-content);
    flex: 1 1 0%;
}
.before\:-translate-y-1\/2::before {
    content: var(--tw-content);
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.before\:scale-90::before {
    content: var(--tw-content);
    --tw-scale-x: .9;
    --tw-scale-y: .9;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.before\:cursor-\[inherit\]::before {
    content: var(--tw-content);
    cursor: inherit;
}
.before\:rounded-standard::before {
    content: var(--tw-content);
    border-radius: 1.5rem;
}
.before\:rounded-xl::before {
    content: var(--tw-content);
    border-radius: 0.75rem;
}
.before\:rounded-b-3\.5xl::before {
    content: var(--tw-content);
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
}
.before\:border-\[8px\]::before {
    content: var(--tw-content);
    border-width: 8px;
}
.before\:border-solid::before {
    content: var(--tw-content);
    border-style: solid;
}
.before\:border-b-transparent::before {
    content: var(--tw-content);
    border-bottom-color: transparent;
}
.before\:border-l-transparent::before {
    content: var(--tw-content);
    border-left-color: transparent;
}
.before\:border-r-vimeo-blue::before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-right-color: rgba(var(--colors-vimeo-blue), var(--tw-border-opacity));
}
.before\:border-t-transparent::before {
    content: var(--tw-content);
    border-top-color: transparent;
}
.before\:bg-\[rgba\(20\2c 26\2c 32\2c 0\.20\)\]::before {
    content: var(--tw-content);
    background-color: rgba(20,26,32,0.20);
}
.before\:bg-black::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-black), var(--tw-bg-opacity));
}
.before\:bg-btn-background::before {
    content: var(--tw-content);
    background-color: var(--colors-btn-background);
}
.before\:bg-container-background::before {
    content: var(--tw-content);
    background-color: var(--colors-container-background);
}
.before\:bg-current::before {
    content: var(--tw-content);
    background-color: currentColor;
}
.before\:bg-footer-sub-content::before {
    content: var(--tw-content);
    background-color: var(--colors-footer-sub-content);
}
.before\:bg-silver-gray::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-silver-gray), var(--tw-bg-opacity));
}
.before\:bg-vimeo-blue::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-vimeo-blue), var(--tw-bg-opacity));
}
.before\:bg-white::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-white), var(--tw-bg-opacity));
}
.before\:p-\[1\.5px\]::before {
    content: var(--tw-content);
    padding: 1.5px;
}
.before\:opacity-0::before {
    content: var(--tw-content);
    opacity: 0;
}
.before\:backdrop-blur::before {
    content: var(--tw-content);
    --tw-backdrop-blur: blur(10px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
            backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.before\:transition-all::before {
    content: var(--tw-content);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.before\:delay-0::before {
    content: var(--tw-content);
    transition-delay: 0s;
}
.before\:duration-0::before {
    content: var(--tw-content);
    transition-duration: 0s;
}
.before\:duration-500::before {
    content: var(--tw-content);
    transition-duration: 500ms;
}
.before\:ease-in-out::before {
    content: var(--tw-content);
    transition-timing-function: cubic-bezier(0.33, 0, 0.25, 1);
}
.before\:content-\[\"\"\]::before {
    --tw-content: "";
    content: var(--tw-content);
}
.before\:content-\[\'\'\]::before {
    --tw-content: '';
    content: var(--tw-content);
}
.before\:content-\[\'_\'\]::before {
    --tw-content: ' ';
    content: var(--tw-content);
}
.after\:absolute::after {
    content: var(--tw-content);
    position: absolute;
}
.after\:bottom-0::after {
    content: var(--tw-content);
    bottom: 0px;
}
.after\:left-0::after {
    content: var(--tw-content);
    left: 0px;
}
.after\:left-full::after {
    content: var(--tw-content);
    left: 100%;
}
.after\:right-0::after {
    content: var(--tw-content);
    right: 0px;
}
.after\:top-0::after {
    content: var(--tw-content);
    top: 0px;
}
.after\:top-2::after {
    content: var(--tw-content);
    top: 0.5rem;
}
.after\:-z-1::after {
    content: var(--tw-content);
    z-index: -1;
}
.after\:-z-10::after {
    content: var(--tw-content);
    z-index: -10;
}
.after\:z-1::after {
    content: var(--tw-content);
    z-index: 1;
}
.after\:ml-5::after {
    content: var(--tw-content);
    margin-left: 1.25rem;
}
.after\:block::after {
    content: var(--tw-content);
    display: block;
}
.after\:h-1::after {
    content: var(--tw-content);
    height: 0.25rem;
}
.after\:h-12::after {
    content: var(--tw-content);
    height: 3rem;
}
.after\:h-8::after {
    content: var(--tw-content);
    height: 2rem;
}
.after\:h-full::after {
    content: var(--tw-content);
    height: 100%;
}
.after\:w-12::after {
    content: var(--tw-content);
    width: 3rem;
}
.after\:w-full::after {
    content: var(--tw-content);
    width: 100%;
}
.after\:flex-1::after {
    content: var(--tw-content);
    flex: 1 1 0%;
}
.after\:rounded-bokeh-md::after {
    content: var(--tw-content);
    border-radius: .75rem;
}
.after\:rounded-xl::after {
    content: var(--tw-content);
    border-radius: 0.75rem;
}
.after\:rounded-t-3\.5xl::after {
    content: var(--tw-content);
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
}
.after\:border::after {
    content: var(--tw-content);
    border-width: 1px;
}
.after\:border-solid::after {
    content: var(--tw-content);
    border-style: solid;
}
.after\:border-btn-hover-background::after {
    content: var(--tw-content);
    border-color: var(--colors-btn-hover-background);
}
.after\:border-lohp-btn-hover-bg::after {
    content: var(--tw-content);
    border-color: var(--colors-lohp-btn-hover-bg);
}
.after\:border-lohp-play-btn-base-bg-hover::after {
    content: var(--tw-content);
    border-color: var(--colors-lohp-play-btn-base-bg-hover);
}
.after\:border-lohp-play-btn-bg-hover::after {
    content: var(--tw-content);
    border-color: var(--colors-lohp-play-btn-bg-hover);
}
.after\:bg-black::after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-black), var(--tw-bg-opacity));
}
.after\:bg-btn-hover-background::after {
    content: var(--tw-content);
    background-color: var(--colors-btn-hover-background);
}
.after\:bg-carousel-nav-button::after {
    content: var(--tw-content);
    background-color: var(--colors-carousel-nav-button);
}
.after\:bg-container-background::after {
    content: var(--tw-content);
    background-color: var(--colors-container-background);
}
.after\:bg-current::after {
    content: var(--tw-content);
    background-color: currentColor;
}
.after\:bg-lohp-btn-hover-bg::after {
    content: var(--tw-content);
    background-color: var(--colors-lohp-btn-hover-bg);
}
.after\:bg-lohp-play-btn-base-bg-hover::after {
    content: var(--tw-content);
    background-color: var(--colors-lohp-play-btn-base-bg-hover);
}
.after\:bg-lohp-play-btn-bg-hover::after {
    content: var(--tw-content);
    background-color: var(--colors-lohp-play-btn-bg-hover);
}
.after\:bg-silver-gray::after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-silver-gray), var(--tw-bg-opacity));
}
.after\:bg-white::after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-white), var(--tw-bg-opacity));
}
.after\:p-\[1\.5px\]::after {
    content: var(--tw-content);
    padding: 1.5px;
}
.after\:transition-all::after {
    content: var(--tw-content);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.after\:duration-350::after {
    content: var(--tw-content);
    transition-duration: 350ms;
}
.after\:ease-in-out::after {
    content: var(--tw-content);
    transition-timing-function: cubic-bezier(0.33, 0, 0.25, 1);
}
.after\:content-\[\"\"\]::after {
    --tw-content: "";
    content: var(--tw-content);
}
.last\:ml-1:last-child {
    margin-left: 0.25rem;
}
.open\:flex[open] {
    display: flex;
}
.open\:translate-y-0[open] {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.open\:opacity-100[open] {
    opacity: 1;
}
.focus-within\:relative:focus-within {
    position: relative;
}
.focus-within\:z-1:focus-within {
    z-index: 1;
}
.focus-within\:outline-lohp-btn-focus-outline:focus-within {
    outline-color: var(--colors-lohp-btn-focus-outline);
}
.hover\:cursor-pointer:hover {
    cursor: pointer;
}
.hover\:border-black:hover {
    --tw-border-opacity: 1;
    border-color: rgba(var(--colors-black), var(--tw-border-opacity));
}
.hover\:bg-btn-hover-background:hover {
    background-color: var(--colors-btn-hover-background);
}
.hover\:bg-chroma-blue-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-chroma-blue-400), var(--tw-bg-opacity));
}
.hover\:bg-chroma-blue-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-chroma-blue-600), var(--tw-bg-opacity));
}
.hover\:bg-chroma-blue-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-chroma-blue-800), var(--tw-bg-opacity));
}
.hover\:bg-chroma-navigation-cta-menu-item-hover:hover {
    background-color: var(--colors-chroma-navigation-cta-menu-item-hover);
}
.hover\:bg-chroma-neutral-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-chroma-neutral-100), var(--tw-bg-opacity));
}
.hover\:bg-chroma-neutral-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-chroma-neutral-200), var(--tw-bg-opacity));
}
.hover\:bg-chroma-orange-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-chroma-orange-400), var(--tw-bg-opacity));
}
.hover\:bg-chroma-red-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-chroma-red-400), var(--tw-bg-opacity));
}
.hover\:bg-ebony-gray:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-ebony-gray), var(--tw-bg-opacity));
}
.hover\:bg-lohp-btn-hover-bg:hover {
    background-color: var(--colors-lohp-btn-hover-bg);
}
.hover\:bg-lohp-container-card-hover:hover {
    background-color: var(--colors-lohp-container-card-hover);
}
.hover\:bg-lohp-featured-in-card-hover-card:hover {
    background-color: var(--colors-lohp-featured-in-card-hover-card);
}
.hover\:bg-lohp-play-btn-base-bg-hover:hover {
    background-color: var(--colors-lohp-play-btn-base-bg-hover);
}
.hover\:bg-pearl-white:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-pearl-white), var(--tw-bg-opacity));
}
.hover\:bg-silver-gray:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-silver-gray), var(--tw-bg-opacity));
}
.hover\:bg-transparent:hover {
    background-color: transparent;
}
.hover\:\!text-lohp-btn-hover-content:hover {
    color: var(--colors-lohp-btn-hover-content) !important;
}
.hover\:text-black:hover {
    --tw-text-opacity: 1;
    color: rgba(var(--colors-black), var(--tw-text-opacity));
}
.hover\:text-chroma-neutral-100:hover {
    --tw-text-opacity: 1;
    color: rgba(var(--colors-chroma-neutral-100), var(--tw-text-opacity));
}
.hover\:text-footer-hover-sub-content:hover {
    color: var(--colors-footer-hover-sub-content);
}
.hover\:text-global-nav-hover-content:hover {
    color: var(--colors-global-nav-hover-content);
}
.hover\:text-gray-500:hover {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
}
.hover\:text-lohp-play-btn-base-content-hover:hover {
    color: var(--colors-lohp-play-btn-base-content-hover);
}
.hover\:text-lohp-text-btn-hover-content:hover {
    color: var(--colors-lohp-text-btn-hover-content);
}
.hover\:text-vimeo-blue:hover {
    --tw-text-opacity: 1;
    color: rgba(var(--colors-vimeo-blue), var(--tw-text-opacity));
}
.hover\:opacity-40:hover {
    opacity: 0.4;
}
.hover\:opacity-60:hover {
    opacity: 0.6;
}
.hover\:opacity-\[0\.4\]:hover {
    opacity: 0.4;
}
.hover\:before\:scale-100:hover::before {
    content: var(--tw-content);
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:before\:bg-lohp-btn-hover-bg:hover::before {
    content: var(--tw-content);
    background-color: var(--colors-lohp-btn-hover-bg);
}
.hover\:before\:bg-lohp-play-btn-base-bg-hover:hover::before {
    content: var(--tw-content);
    background-color: var(--colors-lohp-play-btn-base-bg-hover);
}
.hover\:before\:bg-lohp-play-btn-bg-hover:hover::before {
    content: var(--tw-content);
    background-color: var(--colors-lohp-play-btn-bg-hover);
}
.hover\:before\:opacity-100:hover::before {
    content: var(--tw-content);
    opacity: 1;
}
.hover\:before\:delay-350:hover::before {
    content: var(--tw-content);
    transition-delay: 350ms;
}
.hover\:after\:left-0:hover::after {
    content: var(--tw-content);
    left: 0px;
}
.focus\:border:focus {
    border-width: 1px;
}
.focus\:border-solid:focus {
    border-style: solid;
}
.focus\:border-lohp-play-btn-base-border-focus:focus {
    border-color: var(--colors-lohp-play-btn-base-border-focus);
}
.focus\:border-lohp-play-btn-border-focus:focus {
    border-color: var(--colors-lohp-play-btn-border-focus);
}
.focus\:bg-chroma-button-close-modal-primary-focus:focus {
    background-color: var(--colors-chroma-button-close-modal-primary-focus);
}
.focus\:bg-chroma-button-close-modal-secondary-focus:focus {
    background-color: var(--colors-chroma-button-close-modal-secondary-focus);
}
.focus\:bg-chroma-button-cta-primary-focus:focus {
    background-color: var(--colors-chroma-button-cta-primary-focus);
}
.focus\:bg-chroma-button-cta-secondary-alt-focus:focus {
    background-color: var(--colors-chroma-button-cta-secondary-alt-focus);
}
.focus\:bg-chroma-button-cta-secondary-focus:focus {
    background-color: var(--colors-chroma-button-cta-secondary-focus);
}
.focus\:bg-chroma-button-less-focus:focus {
    background-color: var(--colors-chroma-button-less-focus);
}
.focus\:bg-chroma-button-more-focus:focus {
    background-color: var(--colors-chroma-button-more-focus);
}
.focus\:bg-chroma-button-play-overlay-focus:focus {
    background-color: var(--colors-chroma-button-play-overlay-focus);
}
.focus\:bg-chroma-button-play-primary-focus:focus {
    background-color: var(--colors-chroma-button-play-primary-focus);
}
.focus\:bg-chroma-button-play-secondary-focus:focus {
    background-color: var(--colors-chroma-button-play-secondary-focus);
}
.focus\:bg-chroma-navigation-cta-menu-item-focus:focus {
    background-color: var(--colors-chroma-navigation-cta-menu-item-focus);
}
.focus\:bg-chroma-navigation-cta-view-all-focus:focus {
    background-color: var(--colors-chroma-navigation-cta-view-all-focus);
}
.focus\:bg-chroma-neutral-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-chroma-neutral-100), var(--tw-bg-opacity));
}
.focus\:bg-chroma-neutral-200:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-chroma-neutral-200), var(--tw-bg-opacity));
}
.focus\:bg-lohp-play-btn-base-bg-focus:focus {
    background-color: var(--colors-lohp-play-btn-base-bg-focus);
}
.focus\:bg-lohp-play-btn-bg-focus:focus {
    background-color: var(--colors-lohp-play-btn-bg-focus);
}
.focus\:bg-none:focus {
    background-image: none;
}
.focus\:text-chroma-button-play-primary-hover-text:focus {
    color: var(--colors-chroma-button-play-primary-hover-text);
}
.focus\:text-lohp-play-btn-base-content-focus:focus {
    color: var(--colors-lohp-play-btn-base-content-focus);
}
.focus\:text-lohp-play-btn-content-focus:focus {
    color: var(--colors-lohp-play-btn-content-focus);
}
.focus\:opacity-\[0\.4\]:focus {
    opacity: 0.4;
}
.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.focus\:outline:focus {
    outline-style: solid;
}
.focus\:outline-2:focus {
    outline-width: 2px;
}
.focus\:outline-btn-focus-outline:focus {
    outline-color: var(--colors-btn-focus-outline);
}
.focus\:outline-chroma-button-close-modal-primary-focus-border:focus {
    outline-color: var(--colors-chroma-button-close-modal-primary-focus-border);
}
.focus\:outline-chroma-button-close-modal-secondary-focus-border:focus {
    outline-color: var(--colors-chroma-button-close-modal-secondary-focus-border);
}
.focus\:outline-chroma-button-cta-primary-focus-border:focus {
    outline-color: var(--colors-chroma-button-cta-primary-focus-border);
}
.focus\:outline-chroma-button-cta-secondary-alt-focus-border:focus {
    outline-color: var(--colors-chroma-button-cta-secondary-alt-focus-border);
}
.focus\:outline-chroma-button-cta-secondary-focus-border:focus {
    outline-color: var(--colors-chroma-button-cta-secondary-focus-border);
}
.focus\:outline-chroma-button-less-focus-border:focus {
    outline-color: var(--colors-chroma-button-less-focus-border);
}
.focus\:outline-chroma-button-more-focus-border:focus {
    outline-color: var(--colors-chroma-button-more-focus-border);
}
.focus\:outline-chroma-button-play-primary-focus-border:focus {
    outline-color: var(--colors-chroma-button-play-primary-focus-border);
}
.focus\:outline-chroma-button-play-secondary-focus-border:focus {
    outline-color: var(--colors-chroma-button-play-secondary-focus-border);
}
.active\:text-gray-50:active {
    --tw-text-opacity: 1;
    color: rgb(249 250 251 / var(--tw-text-opacity));
}
.enabled\:hover\:bg-chroma-button-close-modal-primary-hover:hover:enabled {
    background-color: var(--colors-chroma-button-close-modal-primary-hover);
}
.enabled\:hover\:bg-chroma-button-close-modal-secondary-hover:hover:enabled {
    background-color: var(--colors-chroma-button-close-modal-secondary-hover);
}
.enabled\:hover\:bg-chroma-button-less-hover:hover:enabled {
    background-color: var(--colors-chroma-button-less-hover);
}
.enabled\:hover\:bg-chroma-button-more-hover:hover:enabled {
    background-color: var(--colors-chroma-button-more-hover);
}
.enabled\:hover\:bg-chroma-button-play-expanded-hover:hover:enabled {
    background-color: var(--colors-chroma-button-play-expanded-hover);
}
.enabled\:hover\:bg-chroma-navigation-cta-menu-item-hover:hover:enabled {
    background-color: var(--colors-chroma-navigation-cta-menu-item-hover);
}
.enabled\:hover\:bg-chroma-navigation-cta-view-all-hover:hover:enabled {
    background-color: var(--colors-chroma-navigation-cta-view-all-hover);
}
.enabled\:hover\:text-chroma-button-close-modal-secondary-hover-text:hover:enabled {
    color: var(--colors-chroma-button-close-modal-secondary-hover-text);
}
.enabled\:hover\:text-chroma-button-play-expanded-hover-text:hover:enabled {
    color: var(--colors-chroma-button-play-expanded-hover-text);
}
.enabled\:hover\:text-chroma-button-play-overlay-hover-text:hover:enabled {
    color: var(--colors-chroma-button-play-overlay-hover-text);
}
.enabled\:hover\:text-chroma-button-play-primary-hover-text:hover:enabled {
    color: var(--colors-chroma-button-play-primary-hover-text);
}
.enabled\:hover\:text-chroma-button-play-secondary-hover-text:hover:enabled {
    color: var(--colors-chroma-button-play-secondary-hover-text);
}
.enabled\:hover\:opacity-\[0\.4\]:hover:enabled {
    opacity: 0.4;
}
.disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
}
.disabled\:bg-transparent:disabled {
    background-color: transparent;
}
.disabled\:text-\[unset\]:disabled {
    color: unset;
}
.disabled\:text-chroma-button-close-modal-primary-disabled-text:disabled {
    color: var(--colors-chroma-button-close-modal-primary-disabled-text);
}
.disabled\:text-chroma-button-close-modal-secondary-disabled-text:disabled {
    color: var(--colors-chroma-button-close-modal-secondary-disabled-text);
}
.disabled\:text-chroma-button-cta-primary-disabled-text:disabled {
    color: var(--colors-chroma-button-cta-primary-disabled-text);
}
.disabled\:text-chroma-button-cta-secondary-alt-disabled-text:disabled {
    color: var(--colors-chroma-button-cta-secondary-alt-disabled-text);
}
.disabled\:text-chroma-button-cta-secondary-disabled-text:disabled {
    color: var(--colors-chroma-button-cta-secondary-disabled-text);
}
.disabled\:text-chroma-button-less-disabled-text:disabled {
    color: var(--colors-chroma-button-less-disabled-text);
}
.disabled\:text-chroma-button-more-disabled-text:disabled {
    color: var(--colors-chroma-button-more-disabled-text);
}
.disabled\:text-chroma-neutral-200:disabled {
    --tw-text-opacity: 1;
    color: rgba(var(--colors-chroma-neutral-200), var(--tw-text-opacity));
}
.disabled\:opacity-25:disabled {
    opacity: 0.25;
}
.disabled\:opacity-50:disabled {
    opacity: 0.5;
}
.disabled\:opacity-\[0\.1\]:disabled {
    opacity: 0.1;
}
.disabled\:opacity-\[0\.2\]:disabled {
    opacity: 0.2;
}
.group:focus-within .group-focus-within\:bg-btn-hover-icon-container {
    background-color: var(--colors-btn-hover-icon-container);
}
.group:focus-within .group-focus-within\:outline-btn-focus-outline {
    outline-color: var(--colors-btn-focus-outline);
}
.group:hover .group-hover\:-ml-6 {
    margin-left: -1.5rem;
}
.group:hover .group-hover\:-mt-6 {
    margin-top: -1.5rem;
}
.group:hover .group-hover\:-mt-\[2\.613rem\] {
    margin-top: -2.613rem;
}
.group:hover .group-hover\:ml-0 {
    margin-left: 0px;
}
.group:hover .group-hover\:translate-x-0 {
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:translate-x-\[4px\] {
    --tw-translate-x: 4px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:translate-x-chroma-4 {
    --tw-translate-x: 4px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:bg-btn-hover-background {
    background-color: var(--colors-btn-hover-background);
}
.group:hover .group-hover\:bg-btn-hover-icon-container {
    background-color: var(--colors-btn-hover-icon-container);
}
.group:hover .group-hover\:bg-card-hover-background {
    background-color: var(--colors-card-hover-background);
}
.group:hover .group-hover\:bg-lohp-btn-hover-bg {
    background-color: var(--colors-lohp-btn-hover-bg);
}
.group:hover .group-hover\:bg-transparent {
    background-color: transparent;
}
.group:hover .group-hover\:fill-btn-hover-icon-container {
    fill: var(--colors-btn-hover-icon-container);
}
.group:hover .group-hover\:\!text-chroma-text-btn-hover-content {
    color: var(--colors-chroma-text-btn-hover-content) !important;
}
.group:hover .group-hover\:text-btn-hover-content {
    color: var(--colors-btn-hover-content);
}
.group:hover .group-hover\:text-lohp-btn-hover-content {
    color: var(--colors-lohp-btn-hover-content);
}
.group:hover .group-hover\:text-lohp-play-btn-base-content-hover {
    color: var(--colors-lohp-play-btn-base-content-hover);
}
.group:hover .group-hover\:text-lohp-text-btn-hover-content {
    color: var(--colors-lohp-text-btn-hover-content);
}
.group:hover .group-hover\:text-lohp-text-btn-hover-sub-content {
    color: var(--colors-lohp-text-btn-hover-sub-content);
}
.group:hover .group-hover\:text-pearl-white {
    --tw-text-opacity: 1;
    color: rgba(var(--colors-pearl-white), var(--tw-text-opacity));
}
.group:hover .group-hover\:underline {
    text-decoration-line: underline;
}
.group:hover .group-hover\:decoration-black {
    text-decoration-color: rgb(var(--colors-black));
}
.group:hover .group-hover\:opacity-100 {
    opacity: 1;
}
.group:hover .group-hover\:brightness-75 {
    --tw-brightness: brightness(.75);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.group:hover .group-hover\:brightness-\[none\] {
    --tw-brightness: brightness(none);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.group:hover .group-hover\:before\:bg-btn-hover-background::before {
    content: var(--tw-content);
    background-color: var(--colors-btn-hover-background);
}
.group:hover .group-hover\:before\:bg-lohp-btn-hover-bg::before {
    content: var(--tw-content);
    background-color: var(--colors-lohp-btn-hover-bg);
}
.group:hover .group-hover\:before\:bg-lohp-play-btn-base-bg-hover::before {
    content: var(--tw-content);
    background-color: var(--colors-lohp-play-btn-base-bg-hover);
}
.group:hover .group-hover\:before\:bg-lohp-play-btn-bg-hover::before {
    content: var(--tw-content);
    background-color: var(--colors-lohp-play-btn-bg-hover);
}
.group:hover .group-hover\:before\:delay-350::before {
    content: var(--tw-content);
    transition-delay: 350ms;
}
.group:hover .group-hover\:after\:left-0::after {
    content: var(--tw-content);
    left: 0px;
}
.group:focus .group-focus\:border {
    border-width: 1px;
}
.group:focus .group-focus\:border-solid {
    border-style: solid;
}
.group:focus .group-focus\:border-lohp-play-btn-base-border-focus {
    border-color: var(--colors-lohp-play-btn-base-border-focus);
}
.group:focus .group-focus\:border-lohp-play-btn-border-focus {
    border-color: var(--colors-lohp-play-btn-border-focus);
}
.group:focus .group-focus\:bg-lohp-play-btn-base-bg-focus {
    background-color: var(--colors-lohp-play-btn-base-bg-focus);
}
.group:focus .group-focus\:bg-lohp-play-btn-bg-focus {
    background-color: var(--colors-lohp-play-btn-bg-focus);
}
.group:focus .group-focus\:text-lohp-play-btn-base-content-focus {
    color: var(--colors-lohp-play-btn-base-content-focus);
}
.group:focus .group-focus\:text-lohp-play-btn-content-focus {
    color: var(--colors-lohp-play-btn-content-focus);
}
.group:enabled .group-enabled\:hover\:text-chroma-button-play-overlay-hover-text:hover {
    color: var(--colors-chroma-button-play-overlay-hover-text);
}
.group:enabled .group-enabled\:hover\:text-chroma-button-play-secondary-hover-text:hover {
    color: var(--colors-chroma-button-play-secondary-hover-text);
}
.group:enabled:hover .group-enabled\:group-hover\:text-chroma-button-play-primary-hover-text {
    color: var(--colors-chroma-button-play-primary-hover-text);
}
.group:disabled .group-disabled\:text-chroma-neutral-200 {
    --tw-text-opacity: 1;
    color: rgba(var(--colors-chroma-neutral-200), var(--tw-text-opacity));
}
.peer:hover ~ .peer-hover\:decoration-black\/0 {
    text-decoration-color: rgba(var(--colors-black), 0);
}
.data-\[state\=checked\]\:translate-x-\[17px\][data-state=checked] {
    --tw-translate-x: 17px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes modal-out {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(0);
        opacity: 0;
    }
}
.data-\[state\=closed\]\:animate-modal-out[data-state=closed] {
    animation: modal-out 500ms cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
@keyframes modal-in {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
.data-\[state\=open\]\:animate-modal-in[data-state=open] {
    animation: modal-in 500ms cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.data-\[state\=closed\]\:cursor-pointer[data-state=closed] {
    cursor: pointer;
}
.data-\[state\=checked\]\:bg-card-bokeh-border[data-state=checked] {
    background-color: var(--colors-card-bokeh-border);
}
@container (min-width: 30rem) {
    .\@\[30rem\]\:line-clamp-none {
        overflow: visible;
        display: block;
        -webkit-box-orient: horizontal;
        -webkit-line-clamp: none;
    }
    .\@\[30rem\]\:flex {
        display: flex;
    }
    .\@\[30rem\]\:pt-6 {
        padding-top: 1.5rem;
    }
    .\@\[30rem\]\:text-display-7 {
        font-size: 2rem;
        line-height: 1.1;
        letter-spacing: -0.08rem;
        font-weight: 500;
    }
}
@container (min-width: 45rem) {
    .\@\[45rem\]\:hidden {
        display: none;
    }
    .\@\[45rem\]\:h-full {
        height: 100%;
    }
    .\@\[45rem\]\:basis-1\/2 {
        flex-basis: 50%;
    }
}
@starting-style {
    .starting\:translate-y-4 {
        --tw-translate-y: 1rem;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .starting\:opacity-0 {
        opacity: 0;
    }
    .starting\:backdrop\:bg-chroma-alpha-black-200::backdrop {
        background-color: var(--colors-chroma-alpha-black-200);
    }
    .starting\:backdrop\:backdrop-blur-none::backdrop {
        --tw-backdrop-blur: blur(0);
        -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
                backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    }
    .starting\:open\:translate-y-28[open] {
        --tw-translate-y: 7rem;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .starting\:open\:opacity-0[open] {
        opacity: 0;
    }
}
@media (prefers-reduced-motion: reduce) {
    .motion-reduce\:col-\[1\/-1\] {
        grid-column: 1/-1;
    }
    .motion-reduce\:col-\[2\/-2\] {
        grid-column: 2/-2;
    }
    .motion-reduce\:mx-auto {
        margin-left: auto;
        margin-right: auto;
    }
    .motion-reduce\:grid {
        display: grid;
    }
    .motion-reduce\:hidden {
        display: none;
    }
    .motion-reduce\:aspect-9\/16 {
        aspect-ratio: 9/16;
    }
    .motion-reduce\:w-4\/5 {
        width: 80%;
    }
    .motion-reduce\:w-full {
        width: 100%;
    }
    .motion-reduce\:min-w-\[375px\] {
        min-width: 375px;
    }
    .motion-reduce\:max-w-screen-2xl {
        max-width: 1440px;
    }
    .motion-reduce\:animate-none {
        animation: none;
    }
    .motion-reduce\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .motion-reduce\:grid-cols-25 {
        grid-template-columns: repeat(25, minmax(0, 1fr));
    }
    .motion-reduce\:flex-col {
        flex-direction: column;
    }
    .motion-reduce\:gap-5 {
        gap: 1.25rem;
    }
    .motion-reduce\:opacity-100 {
        opacity: 1;
    }
    .motion-reduce\:transition-none {
        transition-property: none;
    }
    .motion-reduce\:before\:transition-none::before {
        content: var(--tw-content);
        transition-property: none;
    }
    .motion-reduce\:after\:transition-none::after {
        content: var(--tw-content);
        transition-property: none;
    }
}
@media not all and (min-width: 1280px) {
    .max-xl\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .max-xl\:\!text-display-mobile-6 {
        font-size: 2rem !important;
        line-height: 1 !important;
        letter-spacing: -0.08rem !important;
        font-weight: 500 !important;
    }
}
@media not all and (min-width: 1024px) {
    .max-lg\:hidden {
        display: none;
    }
    .max-lg\:h-full {
        height: 100%;
    }
    .max-lg\:w-full {
        width: 100%;
    }
    .max-lg\:min-w-66 {
        min-width: 16.5rem;
    }
    .max-lg\:max-w-\[320px\] {
        max-width: 320px;
    }
    .max-lg\:snap-x {
        scroll-snap-type: x var(--tw-scroll-snap-strictness);
    }
    .max-lg\:snap-mandatory {
        --tw-scroll-snap-strictness: mandatory;
    }
    .max-lg\:snap-center {
        scroll-snap-align: center;
    }
    .max-lg\:overflow-x-scroll {
        overflow-x: scroll;
    }
    .max-lg\:scroll-smooth {
        scroll-behavior: smooth;
    }
    .max-lg\:rounded-video {
        border-radius: 1rem;
    }
    .max-lg\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    .max-lg\:\!text-display-7 {
        font-size: 2rem !important;
        line-height: 1.1 !important;
        letter-spacing: -0.08rem !important;
        font-weight: 500 !important;
    }
    .max-lg\:scrollbar-none {
        scrollbar-width: none;
    }
}
@media not all and (min-width: 768px) {
    .max-md\:\!sticky {
        position: sticky !important;
    }
    .max-md\:sticky {
        position: sticky;
    }
    .max-md\:bottom-0 {
        bottom: 0px;
    }
    .max-md\:left-1\/2 {
        left: 50%;
    }
    .max-md\:top-0 {
        top: 0px;
    }
    .max-md\:top-1\/2 {
        top: 50%;
    }
    .max-md\:\!mt-1 {
        margin-top: 0.25rem !important;
    }
    .max-md\:-mb-2 {
        margin-bottom: -0.5rem;
    }
    .max-md\:\!line-clamp-3 {
        overflow: hidden !important;
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 3 !important;
    }
    .max-md\:hidden {
        display: none;
    }
    .max-md\:\!aspect-4\/3 {
        aspect-ratio: 4/3 !important;
    }
    .max-md\:\!h-\[\.65ch\] {
        height: .65ch !important;
    }
    .max-md\:h-full {
        height: 100%;
    }
    .max-md\:w-3\/4 {
        width: 75%;
    }
    .max-md\:w-\[28\%\] {
        width: 28%;
    }
    .max-md\:w-full {
        width: 100%;
    }
    .max-md\:min-w-\[167px\] {
        min-width: 167px;
    }
    .max-md\:min-w-\[calc\(96vw-3\.75rem\)\] {
        min-width: calc(96vw - 3.75rem);
    }
    .max-md\:min-w-full {
        min-width: 100%;
    }
    .max-md\:max-w-0 {
        max-width: 0px;
    }
    .max-md\:flex-none {
        flex: none;
    }
    .max-md\:basis-\[28\%\] {
        flex-basis: 28%;
    }
    .max-md\:-translate-x-1\/2 {
        --tw-translate-x: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .max-md\:-translate-y-1\/2 {
        --tw-translate-y: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .max-md\:flex-row {
        flex-direction: row;
    }
    .max-md\:items-start {
        align-items: flex-start;
    }
    .max-md\:items-center {
        align-items: center;
    }
    .max-md\:justify-center {
        justify-content: center;
    }
    .max-md\:gap-0 {
        gap: 0px;
    }
    .max-md\:gap-0\.5 {
        gap: 0.125rem;
    }
    .max-md\:\!gap-y-1 {
        row-gap: 0.25rem !important;
    }
    .max-md\:gap-x-4 {
        -moz-column-gap: 1rem;
             column-gap: 1rem;
    }
    .max-md\:overflow-visible {
        overflow: visible;
    }
    .max-md\:overflow-x-auto {
        overflow-x: auto;
    }
    .max-md\:rounded-bokeh-sm {
        border-radius: .5rem;
    }
    .max-md\:\!bg-\[unset\] {
        background-color: unset !important;
    }
    .max-md\:p-0 {
        padding: 0px;
    }
    .max-md\:\!px-0 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .max-md\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .max-md\:\!pl-0 {
        padding-left: 0px !important;
    }
    .max-md\:\!pr-16 {
        padding-right: 4rem !important;
    }
    .max-md\:pr-8 {
        padding-right: 2rem;
    }
    .max-md\:text-body-4 {
        font-size: 0.875rem;
        line-height: 1.138;
        letter-spacing: -0.035rem;
        font-weight: 400;
    }
    .max-md\:text-body-5 {
        font-size: 0.687rem;
        line-height: 140%;
        letter-spacing: -0.33px;
        font-weight: 400;
    }
    .max-md\:text-xs {
        font-size: 0.75rem;
        line-height: 1rem;
    }
    .max-md\:tracking-\[-0\.56px\] {
        letter-spacing: -0.56px;
    }
    @media (prefers-reduced-motion: reduce) {
        .max-md\:motion-reduce\:grid {
            display: grid;
        }
        .max-md\:motion-reduce\:h-auto {
            height: auto;
        }
        .max-md\:motion-reduce\:w-full {
            width: 100%;
        }
    }
}
@media (prefers-reduced-motion: reduce) {
    @media not all and (min-width: 768px) {
        .motion-reduce\:max-md\:w-full {
            width: 100%;
        }
    }
}
@media not all and (min-width: 768px) {
    @media (prefers-reduced-motion: reduce) {
        .max-md\:motion-reduce\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }
}
@media not all and (min-width: 640px) {
    .max-sm\:w-\[114px\] {
        width: 114px;
    }
    .max-sm\:\!px-4 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    .max-sm\:\!py-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
    .max-sm\:\!py-2\.5 {
        padding-top: 0.625rem !important;
        padding-bottom: 0.625rem !important;
    }
    .max-sm\:text-sm {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
    @media (prefers-reduced-motion: reduce) {
        .max-sm\:motion-reduce\:grid-cols-1 {
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }
    }
}
@media (min-width: 470px) {
    .min-\[470px\]\:min-w-\[calc\(25\%-1rem\)\] {
        min-width: calc(25% - 1rem);
    }
}
@media (min-width: 640px) {
    .sm\:right-16 {
        right: 4rem;
    }
    .sm\:mx-8 {
        margin-left: 2rem;
        margin-right: 2rem;
    }
    .sm\:w-28 {
        width: 7rem;
    }
    .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .sm\:items-center {
        align-items: center;
    }
    .sm\:justify-center {
        justify-content: center;
    }
    .sm\:gap-x-lohp-md {
        -moz-column-gap: 2rem;
             column-gap: 2rem;
    }
    .sm\:text-nowrap {
        text-wrap: nowrap;
    }
    .sm\:text-balance {
        text-wrap: balance;
    }
    .sm\:px-\[17\%\] {
        padding-left: 17%;
        padding-right: 17%;
    }
}
@media (min-width: 767px) {
    .tablet\:m-8 {
        margin: 2rem;
    }
    .tablet\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .tablet\:flex-row {
        flex-direction: row;
    }
    .tablet\:items-center {
        align-items: center;
    }
    .tablet\:gap-chroma-8 {
        gap: 8px;
    }
    .tablet\:p-chroma-8 {
        padding: 8px;
    }
    .tablet\:text-chroma-navigation-body-3 {
        font-size: 0.75rem;
        line-height: 120%;
        letter-spacing: -0.36px;
        font-weight: 400;
    }
    .tablet\:text-chroma-navigation-display-2 {
        font-size: 0.875rem;
        line-height: 120%;
        letter-spacing: -0.42px;
        font-weight: 500;
    }
}
@media (min-width: 768px) {
    .md\:static {
        position: static;
    }
    .md\:absolute {
        position: absolute;
    }
    .md\:relative {
        position: relative;
    }
    .md\:bottom-12 {
        bottom: 3rem;
    }
    .md\:bottom-5 {
        bottom: 1.25rem;
    }
    .md\:bottom-6 {
        bottom: 1.5rem;
    }
    .md\:bottom-8 {
        bottom: 2rem;
    }
    .md\:left-0 {
        left: 0px;
    }
    .md\:left-12 {
        left: 3rem;
    }
    .md\:left-8 {
        left: 2rem;
    }
    .md\:left-\[unset\] {
        left: unset;
    }
    .md\:right-12 {
        right: 3rem;
    }
    .md\:right-6 {
        right: 1.5rem;
    }
    .md\:right-8 {
        right: 2rem;
    }
    .md\:right-\[2\.5rem\] {
        right: 2.5rem;
    }
    .md\:top-0 {
        top: 0px;
    }
    .md\:top-12 {
        top: 3rem;
    }
    .md\:top-8 {
        top: 2rem;
    }
    .md\:top-\[unset\] {
        top: unset;
    }
    .md\:top-global-nav {
        top: 4.825rem;
    }
    .md\:z-0 {
        z-index: 0;
    }
    .md\:order-1 {
        order: 1;
    }
    .md\:order-2 {
        order: 2;
    }
    .md\:order-3 {
        order: 3;
    }
    .md\:\!col-\[2_\/_span_13\] {
        grid-column: 2 / span 13 !important;
    }
    .md\:col-\[1\/-1\] {
        grid-column: 1/-1;
    }
    .md\:col-\[13_\/_span_10\] {
        grid-column: 13 / span 10;
    }
    .md\:col-\[13_\/_span_6\] {
        grid-column: 13 / span 6;
    }
    .md\:col-\[2\/-1\] {
        grid-column: 2/-1;
    }
    .md\:col-\[2\/-2\] {
        grid-column: 2/-2;
    }
    .md\:col-\[2\/10\] {
        grid-column: 2/10;
    }
    .md\:col-\[2_\/_span_21\] {
        grid-column: 2 / span 21;
    }
    .md\:col-\[3\/-3\] {
        grid-column: 3/-3;
    }
    .md\:col-\[3_\/_span_15\] {
        grid-column: 3 / span 15;
    }
    .md\:col-\[3_\/_span_19\] {
        grid-column: 3 / span 19;
    }
    .md\:col-\[4\/-4\] {
        grid-column: 4/-4;
    }
    .md\:col-\[5\/-5\] {
        grid-column: 5/-5;
    }
    .md\:col-\[5_\/_span_15\] {
        grid-column: 5 / span 15;
    }
    .md\:col-\[6\/-6\] {
        grid-column: 6/-6;
    }
    .md\:col-\[6_\/_span_13\] {
        grid-column: 6 / span 13;
    }
    .md\:col-\[8\/-8\] {
        grid-column: 8/-8;
    }
    .md\:col-\[8_\/_span_9\] {
        grid-column: 8 / span 9;
    }
    .md\:col-span-1 {
        grid-column: span 1 / span 1;
    }
    .md\:col-span-12 {
        grid-column: span 12 / span 12;
    }
    .md\:col-span-2 {
        grid-column: span 2 / span 2;
    }
    .md\:col-span-3 {
        grid-column: span 3 / span 3;
    }
    .md\:col-span-4 {
        grid-column: span 4 / span 4;
    }
    .md\:col-span-6 {
        grid-column: span 6 / span 6;
    }
    .md\:col-start-1 {
        grid-column-start: 1;
    }
    .md\:col-start-13 {
        grid-column-start: 14;
    }
    .md\:col-start-15 {
        grid-column-start: 15;
    }
    .md\:col-start-2 {
        grid-column-start: 2;
    }
    .md\:col-start-3 {
        grid-column-start: 3;
    }
    .md\:col-start-8 {
        grid-column-start: 8;
    }
    .md\:col-start-\[13\] {
        grid-column-start: 13;
    }
    .md\:col-end-10 {
        grid-column-end: 10;
    }
    .md\:col-end-11 {
        grid-column-end: 11;
    }
    .md\:col-end-12 {
        grid-column-end: 12;
    }
    .md\:col-end-8 {
        grid-column-end: 8;
    }
    .md\:col-end-9 {
        grid-column-end: 9;
    }
    .md\:col-end-\[-1\] {
        grid-column-end: -1;
    }
    .md\:col-end-\[-3\] {
        grid-column-end: -3;
    }
    .md\:col-end-\[12\] {
        grid-column-end: 12;
    }
    .md\:col-end-\[24\] {
        grid-column-end: 24;
    }
    .md\:row-\[1_\/_span_2\] {
        grid-row: 1 / span 2;
    }
    .md\:row-span-2 {
        grid-row: span 2 / span 2;
    }
    .md\:row-start-1 {
        grid-row-start: 1;
    }
    .md\:m-16 {
        margin: 4rem;
    }
    .md\:m-4 {
        margin: 1rem;
    }
    .md\:\!mx-0 {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .md\:mx-0 {
        margin-left: 0px;
        margin-right: 0px;
    }
    .md\:mx-4 {
        margin-left: 1rem;
        margin-right: 1rem;
    }
    .md\:mx-6 {
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }
    .md\:mx-auto {
        margin-left: auto;
        margin-right: auto;
    }
    .md\:my-\[7\.625rem\] {
        margin-top: 7.625rem;
        margin-bottom: 7.625rem;
    }
    .md\:-mt-5 {
        margin-top: -1.25rem;
    }
    .md\:-mt-6 {
        margin-top: -1.5rem;
    }
    .md\:mb-0 {
        margin-bottom: 0px;
    }
    .md\:mb-14 {
        margin-bottom: 3.5rem;
    }
    .md\:ml-0 {
        margin-left: 0px;
    }
    .md\:ml-1 {
        margin-left: 0.25rem;
    }
    .md\:ml-4 {
        margin-left: 1rem;
    }
    .md\:ml-5 {
        margin-left: 1.25rem;
    }
    .md\:mr-12 {
        margin-right: 3rem;
    }
    .md\:mt-0 {
        margin-top: 0px;
    }
    .md\:mt-10 {
        margin-top: 2.5rem;
    }
    .md\:mt-16 {
        margin-top: 4rem;
    }
    .md\:mt-4 {
        margin-top: 1rem;
    }
    .md\:mt-8 {
        margin-top: 2rem;
    }
    .md\:line-clamp-1 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }
    .md\:line-clamp-3 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
    .md\:block {
        display: block;
    }
    .md\:inline {
        display: inline;
    }
    .md\:\!flex {
        display: flex !important;
    }
    .md\:flex {
        display: flex;
    }
    .md\:grid {
        display: grid;
    }
    .md\:hidden {
        display: none;
    }
    .md\:aspect-1\/1 {
        aspect-ratio: 1/1;
    }
    .md\:aspect-16\/9 {
        aspect-ratio: 16/9;
    }
    .md\:aspect-2\/1 {
        aspect-ratio: 2/1;
    }
    .md\:aspect-\[1\/1\] {
        aspect-ratio: 1/1;
    }
    .md\:aspect-\[16\/9\] {
        aspect-ratio: 16/9;
    }
    .md\:aspect-auto {
        aspect-ratio: auto;
    }
    .md\:size-\[24px\] {
        width: 24px;
        height: 24px;
    }
    .md\:h-16 {
        height: 4rem;
    }
    .md\:h-\[1\.75ch\] {
        height: 1.75ch;
    }
    .md\:h-\[15\.1rem\] {
        height: 15.1rem;
    }
    .md\:h-\[19rem\] {
        height: 19rem;
    }
    .md\:h-\[2\.5rem\] {
        height: 2.5rem;
    }
    .md\:h-\[23rem\] {
        height: 23rem;
    }
    .md\:h-\[28px\] {
        height: 28px;
    }
    .md\:h-\[2ch\] {
        height: 2ch;
    }
    .md\:h-\[662px\] {
        height: 662px;
    }
    .md\:h-\[80px\] {
        height: 80px;
    }
    .md\:h-auto {
        height: auto;
    }
    .md\:h-full {
        height: 100%;
    }
    .md\:max-h-\[10\.125rem\] {
        max-height: 10.125rem;
    }
    .md\:max-h-\[22\.25rem\] {
        max-height: 22.25rem;
    }
    .md\:max-h-\[24\.5rem\] {
        max-height: 24.5rem;
    }
    .md\:max-h-\[6\.125rem\] {
        max-height: 6.125rem;
    }
    .md\:min-h-\[302px\] {
        min-height: 302px;
    }
    .md\:min-h-\[394px\] {
        min-height: 394px;
    }
    .md\:min-h-\[41rem\] {
        min-height: 41rem;
    }
    .md\:min-h-\[424px\] {
        min-height: 424px;
    }
    .md\:min-h-\[662px\] {
        min-height: 662px;
    }
    .md\:min-h-\[unset\] {
        min-height: unset;
    }
    .md\:\!w-\[55\%\] {
        width: 55% !important;
    }
    .md\:\!w-fit {
        width: -moz-fit-content !important;
        width: fit-content !important;
    }
    .md\:w-1\/2 {
        width: 50%;
    }
    .md\:w-72 {
        width: 18rem;
    }
    .md\:w-72\.5 {
        width: 18.125rem;
    }
    .md\:w-\[10\.813rem\] {
        width: 10.813rem;
    }
    .md\:w-\[11\.25rem\] {
        width: 11.25rem;
    }
    .md\:w-\[1440px\] {
        width: 1440px;
    }
    .md\:w-\[180px\] {
        width: 180px;
    }
    .md\:w-\[18rem\] {
        width: 18rem;
    }
    .md\:w-\[2\.5rem\] {
        width: 2.5rem;
    }
    .md\:w-\[21\.5rem\] {
        width: 21.5rem;
    }
    .md\:w-\[27\.5rem\] {
        width: 27.5rem;
    }
    .md\:w-\[480px\] {
        width: 480px;
    }
    .md\:w-\[50px\] {
        width: 50px;
    }
    .md\:w-\[calc\(\(11\/25\)\*clamp\(var\(--mW\)\2c 100vw\2c var\(--dW\)\)\)\] {
        width: calc((11 / 25) * clamp(var(--mW),100vw,var(--dW)));
    }
    .md\:w-\[calc\(\(12\/23\)\*clamp\(var\(--mW\)\2c 100vw\2c var\(--dW\)\)\)\] {
        width: calc((12 / 23) * clamp(var(--mW),100vw,var(--dW)));
    }
    .md\:w-\[calc\(\(13\/25\)\*100\%\)\] {
        width: calc((13 / 25) * 100%);
    }
    .md\:w-\[calc\(\(19\/21\)\*100\%\)\] {
        width: calc((19 / 21) * 100%);
    }
    .md\:w-\[calc\(\(6\/25\)\*clamp\(var\(--mW\)\2c 100vw\2c var\(--dW\)\)\)\] {
        width: calc((6 / 25) * clamp(var(--mW),100vw,var(--dW)));
    }
    .md\:w-\[calc\(\(8\/13\)\*100\%\)\] {
        width: calc((8 / 13) * 100%);
    }
    .md\:w-\[calc\(100\%\)\] {
        width: calc(100%);
    }
    .md\:w-\[calc\(40\%\)\] {
        width: calc(40%);
    }
    .md\:w-\[unset\] {
        width: unset;
    }
    .md\:w-auto {
        width: auto;
    }
    .md\:w-carousel-card-desktop {
        width: calc(100% - 12rem);
    }
    .md\:w-fit {
        width: -moz-fit-content;
        width: fit-content;
    }
    .md\:w-full {
        width: 100%;
    }
    .md\:w-max {
        width: -moz-max-content;
        width: max-content;
    }
    .md\:min-w-\[27\.5rem\] {
        min-width: 27.5rem;
    }
    .md\:max-w-\[150px\] {
        max-width: 150px;
    }
    .md\:max-w-\[23\.5625rem\] {
        max-width: 23.5625rem;
    }
    .md\:max-w-\[230px\] {
        max-width: 230px;
    }
    .md\:max-w-\[27\.75rem\] {
        max-width: 27.75rem;
    }
    .md\:max-w-\[287px\] {
        max-width: 287px;
    }
    .md\:max-w-\[36\.25rem\] {
        max-width: 36.25rem;
    }
    .md\:max-w-\[40\%\] {
        max-width: 40%;
    }
    .md\:max-w-\[400px\] {
        max-width: 400px;
    }
    .md\:max-w-\[43\.25rem\] {
        max-width: 43.25rem;
    }
    .md\:max-w-\[43\.75rem\] {
        max-width: 43.75rem;
    }
    .md\:max-w-\[591px\] {
        max-width: 591px;
    }
    .md\:max-w-\[60\%\] {
        max-width: 60%;
    }
    .md\:max-w-\[70\.188rem\] {
        max-width: 70.188rem;
    }
    .md\:max-w-\[80\%\] {
        max-width: 80%;
    }
    .md\:max-w-\[unset\] {
        max-width: unset;
    }
    .md\:max-w-carousel {
        max-width: 68.375rem;
    }
    .md\:max-w-full {
        max-width: 100%;
    }
    .md\:max-w-md {
        max-width: 28rem;
    }
    .md\:flex-1 {
        flex: 1 1 0%;
    }
    .md\:flex-grow {
        flex-grow: 1;
    }
    .md\:basis-full {
        flex-basis: 100%;
    }
    .md\:translate-x-0 {
        --tw-translate-x: 0px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .md\:translate-y-0 {
        --tw-translate-y: 0px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .md\:transform-gpu {
        transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    @keyframes body {
        0% {
            transform: translateY(2.625rem);
            opacity: 0;
        }
        30.4% {
            transform: translateY(2.625rem);
        }
        43.5% {
            opacity: 0;
        }
        78.3% {
            opacity: 1;
        }
        91.3% {
            transform: translateY(0);
            opacity: 1;
        }
    }
    .md\:animate-body {
        animation: body 1s cubic-bezier(0.33, 0, 0.25, 1);
    }
    @keyframes button {
        0% {
            transform: translateY(3.125rem);
            opacity: 0;
        }
        39.1% {
            transform: translateY(2.625rem);
        }
        52.2% {
            opacity: 0;
        }
        87% {
            opacity: 1;
        }
        100% {
            transform: translateY(0);
            opacity: 1;
        }
    }
    .md\:animate-button {
        animation: button 1s cubic-bezier(0.33, 0, 0.25, 1);
    }
    @keyframes card {
        0% {
            transform: scale(0.9);
            opacity: 0;
        }
        20% {
            opacity: 0;
        }
        40% {
            opacity: 1;
        }
        100% {
            transform: scale(1);
            opacity: 1;
        }
    }
    .md\:animate-card {
        animation: card 750ms cubic-bezier(0.33, 0, 0.25, 1);
    }
    @keyframes fade-in {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    .md\:animate-fade-in {
        animation: fade-in 600ms linear;
    }
    @keyframes image {
        0% {
            transform: scale(0.9);
            opacity: 0.95;
        }
        75% {
            transform: scale(1);
            opacity: 1;
        }
        100% {
            transform: scale(1);
            opacity: 1;
        }
    }
    .md\:animate-image {
        animation: image 750ms cubic-bezier(0.7, 0, 0.3, 1);
    }
    .md\:animate-none {
        animation: none;
    }
    @keyframes slide-in-from-bottom {
        0% {
            transform: translateY(100%);
            opacity: 0;
        }
        100% {
            transform: translateY(0);
            opacity: 1;
        }
    }
    .md\:animate-slide-in-from-bottom {
        animation: slide-in-from-bottom 1200ms ease-out var(--sif-delay, 0ms) forwards;
    }
    @keyframes slide-in-from-bottom {
        0% {
            transform: translateY(100%);
            opacity: 0;
        }
        100% {
            transform: translateY(0);
            opacity: 1;
        }
    }
    .md\:animate-slide-in-from-bottom-fast {
        animation: slide-in-from-bottom 900ms ease-out var(--sif-delay, 0ms) forwards;
    }
    @keyframes slide-in-from-right {
        0% {
            transform: translateX(100%);
            opacity: 0;
        }
        100% {
            transform: translateY(0);
            opacity: 1;
        }
    }
    .md\:animate-slide-in-from-right {
        animation: slide-in-from-right 1200ms ease-out var(--sif-delay, 0ms) forwards;
    }
    @keyframes slide-in-from-top {
        0% {
            transform: translateY(-100%);
            opacity: 0;
        }
        100% {
            transform: translateY(0);
            opacity: 1;
        }
    }
    .md\:animate-slide-in-from-top {
        animation: slide-in-from-top 1200ms ease-out var(--sif-delay, 0ms) forwards;
    }
    @keyframes subtle-fade-in {
        from {
            transform: translate3d(0,40px,0);
            opacity: 0;
        }
        to {
            transform: translate3d(0,0,0);
            opacity: 1;
        }
    }
    .md\:animate-subtle-fade-in {
        animation: subtle-fade-in 1s linear both;
    }
    @keyframes title {
        0% {
            transform: translateY(7rem);
            opacity: 0;
        }
        15.2% {
            opacity: 0;
        }
        50% {
            opacity: 1;
        }
        60.9% {
            transform: translateY(0);
            opacity: 1;
        }
    }
    .md\:animate-title {
        animation: title 1s cubic-bezier(0.33, 0, 0.25, 1);
    }
    @keyframes vertical-progress-bar {
        from {
            max-height: 0;
        }
        to {
            max-height: 100%;
        }
    }
    .md\:animate-vertical-progress-bar {
        animation: vertical-progress-bar var(--prg-duration,20000ms) linear infinite;
    }
    .md\:auto-rows-fr {
        grid-auto-rows: minmax(0, 1fr);
    }
    .md\:grid-cols-11 {
        grid-template-columns: repeat(11, minmax(0, 1fr));
    }
    .md\:grid-cols-19 {
        grid-template-columns: repeat(19, minmax(0, 1fr));
    }
    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .md\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .md\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .md\:\!flex-row {
        flex-direction: row !important;
    }
    .md\:flex-row {
        flex-direction: row;
    }
    .md\:\!flex-row-reverse {
        flex-direction: row-reverse !important;
    }
    .md\:flex-row-reverse {
        flex-direction: row-reverse;
    }
    .md\:flex-col {
        flex-direction: column;
    }
    .md\:place-content-center {
        place-content: center;
    }
    .md\:content-stretch {
        align-content: stretch;
    }
    .md\:\!items-start {
        align-items: flex-start !important;
    }
    .md\:items-start {
        align-items: flex-start;
    }
    .md\:items-end {
        align-items: flex-end;
    }
    .md\:items-center {
        align-items: center;
    }
    .md\:items-baseline {
        align-items: baseline;
    }
    .md\:\!justify-start {
        justify-content: flex-start !important;
    }
    .md\:justify-start {
        justify-content: flex-start;
    }
    .md\:justify-end {
        justify-content: flex-end;
    }
    .md\:justify-center {
        justify-content: center;
    }
    .md\:justify-between {
        justify-content: space-between;
    }
    .md\:gap-1 {
        gap: 0.25rem;
    }
    .md\:gap-10 {
        gap: 2.5rem;
    }
    .md\:gap-2 {
        gap: 0.5rem;
    }
    .md\:gap-30 {
        gap: 7.5rem;
    }
    .md\:gap-4 {
        gap: 1rem;
    }
    .md\:gap-5 {
        gap: 1.25rem;
    }
    .md\:gap-6 {
        gap: 1.5rem;
    }
    .md\:gap-8 {
        gap: 2rem;
    }
    .md\:gap-\[6\.25rem\] {
        gap: 6.25rem;
    }
    .md\:gap-lohp-lg {
        gap: 3.5rem;
    }
    .md\:\!gap-y-4 {
        row-gap: 1rem !important;
    }
    .md\:gap-x-15 {
        -moz-column-gap: 3.75rem;
             column-gap: 3.75rem;
    }
    .md\:gap-x-4 {
        -moz-column-gap: 1rem;
             column-gap: 1rem;
    }
    .md\:gap-x-5 {
        -moz-column-gap: 1.25rem;
             column-gap: 1.25rem;
    }
    .md\:gap-x-8 {
        -moz-column-gap: 2rem;
             column-gap: 2rem;
    }
    .md\:gap-x-\[10px\] {
        -moz-column-gap: 10px;
             column-gap: 10px;
    }
    .md\:gap-x-lohp-lg {
        -moz-column-gap: 3.5rem;
             column-gap: 3.5rem;
    }
    .md\:gap-x-lohp-md {
        -moz-column-gap: 2rem;
             column-gap: 2rem;
    }
    .md\:gap-y-0 {
        row-gap: 0px;
    }
    .md\:gap-y-10 {
        row-gap: 2.5rem;
    }
    .md\:gap-y-12 {
        row-gap: 3rem;
    }
    .md\:gap-y-14 {
        row-gap: 3.5rem;
    }
    .md\:gap-y-2 {
        row-gap: 0.5rem;
    }
    .md\:gap-y-4 {
        row-gap: 1rem;
    }
    .md\:gap-y-5 {
        row-gap: 1.25rem;
    }
    .md\:gap-y-6 {
        row-gap: 1.5rem;
    }
    .md\:gap-y-8 {
        row-gap: 2rem;
    }
    .md\:gap-y-\[3\.718rem\] {
        row-gap: 3.718rem;
    }
    .md\:gap-y-\[5\.625rem\] {
        row-gap: 5.625rem;
    }
    .md\:gap-y-\[unset\] {
        row-gap: unset;
    }
    .md\:gap-y-component {
        row-gap: 3rem;
    }
    .md\:gap-y-component-1\/2 {
        row-gap: 1.5rem;
    }
    .md\:text-ellipsis {
        text-overflow: ellipsis;
    }
    .md\:text-wrap {
        text-wrap: wrap;
    }
    .md\:rounded-2xl {
        border-radius: 1rem;
    }
    .md\:rounded-bokeh-lg {
        border-radius: 1rem;
    }
    .md\:rounded-bokeh-md {
        border-radius: .75rem;
    }
    .md\:rounded-standard {
        border-radius: 1.5rem;
    }
    .md\:rounded-l-3\.5xl {
        border-top-left-radius: 1.5rem;
        border-bottom-left-radius: 1.5rem;
    }
    .md\:rounded-r-3\.5xl {
        border-top-right-radius: 1.5rem;
        border-bottom-right-radius: 1.5rem;
    }
    .md\:rounded-t-3\.5xl {
        border-top-left-radius: 1.5rem;
        border-top-right-radius: 1.5rem;
    }
    .md\:rounded-t-5xl {
        border-top-left-radius: 3rem;
        border-top-right-radius: 3rem;
    }
    .md\:bg-\[rgba\(var\(--colors-white\)\2c 0\.6\)\] {
        background-color: rgba(var(--colors-white),0.6);
    }
    .md\:bg-container-card {
        background-color: var(--colors-container-card);
    }
    .md\:bg-inherit {
        background-color: inherit;
    }
    .md\:bg-transparent {
        background-color: transparent;
    }
    .md\:bg-opacity-30 {
        --tw-bg-opacity: 0.3;
    }
    .md\:object-\[var\(--tablet-position\)\] {
        -o-object-position: var(--tablet-position);
           object-position: var(--tablet-position);
    }
    .md\:\!p-6 {
        padding: 1.5rem !important;
    }
    .md\:p-0 {
        padding: 0px;
    }
    .md\:p-2 {
        padding: 0.5rem;
    }
    .md\:p-5 {
        padding: 1.25rem;
    }
    .md\:p-6 {
        padding: 1.5rem;
    }
    .md\:p-8 {
        padding: 2rem;
    }
    .md\:\!px-4 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    .md\:\!py-14 {
        padding-top: 3.5rem !important;
        padding-bottom: 3.5rem !important;
    }
    .md\:\!py-4 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .md\:px-0 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .md\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .md\:px-14 {
        padding-left: 3.5rem;
        padding-right: 3.5rem;
    }
    .md\:px-14\.5 {
        padding-left: 3.625rem;
        padding-right: 3.625rem;
    }
    .md\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem;
    }
    .md\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .md\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    .md\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .md\:px-\[3px\] {
        padding-left: 3px;
        padding-right: 3px;
    }
    .md\:px-\[97px\] {
        padding-left: 97px;
        padding-right: 97px;
    }
    .md\:px-\[calc\(\(1\/25\)\*clamp\(375px\2c 100vw\2c 1440px\)\)\] {
        padding-left: calc((1 / 25) * clamp(375px,100vw,1440px));
        padding-right: calc((1 / 25) * clamp(375px,100vw,1440px));
    }
    .md\:px-\[calc\(\(1\/25\)\*clamp\(var\(--mW\)\2c 100vw\2c var\(--dW\)\)\)\] {
        padding-left: calc((1 / 25) * clamp(var(--mW),100vw,var(--dW)));
        padding-right: calc((1 / 25) * clamp(var(--mW),100vw,var(--dW)));
    }
    .md\:px-\[calc\(\(1\/25\)\*clamp\(var\(--screen-xs\)\2c _100vw\2c _var\(--screen-2xl\)\)\)\] {
        padding-left: calc((1 / 25) * clamp(var(--screen-xs), 100vw, var(--screen-2xl)));
        padding-right: calc((1 / 25) * clamp(var(--screen-xs), 100vw, var(--screen-2xl)));
    }
    .md\:px-\[calc\(\(2\/21\)\*100\%\)\] {
        padding-left: calc((2 / 21) * 100%);
        padding-right: calc((2 / 21) * 100%);
    }
    .md\:px-hero-body {
        padding-left: 7.1875rem;
        padding-right: 7.1875rem;
    }
    .md\:px-lohp-md {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .md\:py-0 {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .md\:py-10 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }
    .md\:py-11 {
        padding-top: 2.75rem;
        padding-bottom: 2.75rem;
    }
    .md\:py-12 {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .md\:py-22 {
        padding-top: 5.5rem;
        padding-bottom: 5.5rem;
    }
    .md\:py-28 {
        padding-top: 7rem;
        padding-bottom: 7rem;
    }
    .md\:py-3 {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }
    .md\:py-30 {
        padding-top: 7.5rem;
        padding-bottom: 7.5rem;
    }
    .md\:py-\[unset\] {
        padding-top: unset;
        padding-bottom: unset;
    }
    .md\:py-bokeh-md {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .md\:py-component-5\/4 {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem;
    }
    .md\:py-component-bokeh {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem;
    }
    .md\:py-lohp-lg {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem;
    }
    .md\:\!pb-14 {
        padding-bottom: 3.5rem !important;
    }
    .md\:\!pt-24 {
        padding-top: 6rem !important;
    }
    .md\:\!pt-6 {
        padding-top: 1.5rem !important;
    }
    .md\:pb-0 {
        padding-bottom: 0px;
    }
    .md\:pb-12 {
        padding-bottom: 3rem;
    }
    .md\:pb-14 {
        padding-bottom: 3.5rem;
    }
    .md\:pb-16 {
        padding-bottom: 4rem;
    }
    .md\:pb-18 {
        padding-bottom: 4.5rem;
    }
    .md\:pb-4 {
        padding-bottom: 1rem;
    }
    .md\:pb-6 {
        padding-bottom: 1.5rem;
    }
    .md\:pb-7 {
        padding-bottom: 1.75rem;
    }
    .md\:pb-7\.5 {
        padding-bottom: 1.875rem;
    }
    .md\:pb-8 {
        padding-bottom: 2rem;
    }
    .md\:pb-\[3\.688rem\] {
        padding-bottom: 3.688rem;
    }
    .md\:pb-\[60px\] {
        padding-bottom: 60px;
    }
    .md\:pb-\[unset\] {
        padding-bottom: unset;
    }
    .md\:pb-component {
        padding-bottom: 3rem;
    }
    .md\:pb-component-bokeh {
        padding-bottom: 3.5rem;
    }
    .md\:pb-lohp-md {
        padding-bottom: 2rem;
    }
    .md\:pl-0 {
        padding-left: 0px;
    }
    .md\:pl-10 {
        padding-left: 2.5rem;
    }
    .md\:pl-12 {
        padding-left: 3rem;
    }
    .md\:pl-14 {
        padding-left: 3.5rem;
    }
    .md\:pl-4 {
        padding-left: 1rem;
    }
    .md\:pl-6 {
        padding-left: 1.5rem;
    }
    .md\:pl-\[0\.875rem\] {
        padding-left: 0.875rem;
    }
    .md\:pl-\[26px\] {
        padding-left: 26px;
    }
    .md\:pl-\[calc\(\(1\/25\)\*clamp\(var\(--mW\)\2c 100vw\2c var\(--dW\)\)\)\] {
        padding-left: calc((1 / 25) * clamp(var(--mW),100vw,var(--dW)));
    }
    .md\:pr-10 {
        padding-right: 2.5rem;
    }
    .md\:pr-\[0\.875rem\] {
        padding-right: 0.875rem;
    }
    .md\:pr-\[6\.5rem\] {
        padding-right: 6.5rem;
    }
    .md\:pr-\[calc\(\(1\/25\)\*clamp\(var\(--mW\)\2c 100vw\2c var\(--dW\)\)\)\] {
        padding-right: calc((1 / 25) * clamp(var(--mW),100vw,var(--dW)));
    }
    .md\:pt-0 {
        padding-top: 0px;
    }
    .md\:pt-12 {
        padding-top: 3rem;
    }
    .md\:pt-14 {
        padding-top: 3.5rem;
    }
    .md\:pt-4 {
        padding-top: 1rem;
    }
    .md\:pt-6 {
        padding-top: 1.5rem;
    }
    .md\:pt-7 {
        padding-top: 1.75rem;
    }
    .md\:pt-7\.5 {
        padding-top: 1.875rem;
    }
    .md\:pt-8 {
        padding-top: 2rem;
    }
    .md\:pt-\[0\] {
        padding-top: 0;
    }
    .md\:pt-\[5\.5rem\] {
        padding-top: 5.5rem;
    }
    .md\:pt-component {
        padding-top: 3rem;
    }
    .md\:pt-component-bokeh {
        padding-top: 3.5rem;
    }
    .md\:pt-lohp-lg {
        padding-top: 3.5rem;
    }
    .md\:pt-lohp-md {
        padding-top: 2rem;
    }
    .md\:text-left {
        text-align: left;
    }
    .md\:text-center {
        text-align: center;
    }
    .md\:text-right {
        text-align: right;
    }
    .md\:\!text-body-2 {
        font-size: 1.125rem !important;
        line-height: 1.35 !important;
        letter-spacing: -0.03375rem !important;
        font-weight: 400 !important;
    }
    .md\:\!text-display-4 {
        font-size: 4.5rem !important;
        line-height: 1 !important;
        letter-spacing: -0.225rem !important;
        font-weight: 500 !important;
    }
    .md\:\!text-display-6 {
        font-size: 2.5rem !important;
        line-height: 1 !important;
        letter-spacing: -0.1rem !important;
        font-weight: 500 !important;
    }
    .md\:\!text-display-8 {
        font-size: 1.5rem !important;
        line-height: 1.1 !important;
        letter-spacing: -0.06rem !important;
        font-weight: 500 !important;
    }
    .md\:text-\[0\.9375rem\] {
        font-size: 0.9375rem;
    }
    .md\:text-base {
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .md\:text-body-1 {
        font-size: 1.25rem;
        line-height: 1.4;
        letter-spacing: -0.0375rem;
        font-weight: 400;
    }
    .md\:text-body-2 {
        font-size: 1.125rem;
        line-height: 1.35;
        letter-spacing: -0.03375rem;
        font-weight: 400;
    }
    .md\:text-body-2-med {
        font-size: 1.125rem;
        line-height: 1.35;
        letter-spacing: -0.03375rem;
        font-weight: 500;
    }
    .md\:text-body-3 {
        font-size: 1rem;
        line-height: 1.3;
        letter-spacing: -0.03rem;
        font-weight: 400;
    }
    .md\:text-body-3-med {
        font-size: 1rem;
        line-height: 1.3;
        letter-spacing: -0.03rem;
        font-weight: 500;
    }
    .md\:text-display-2 {
        font-size: 7.5rem;
        line-height: 1;
        letter-spacing: -0.375rem;
        font-weight: 500;
    }
    .md\:text-display-3 {
        font-size: 5.75rem;
        line-height: 1;
        letter-spacing: -0.2875rem;
        font-weight: 500;
    }
    .md\:text-display-4 {
        font-size: 4.5rem;
        line-height: 1;
        letter-spacing: -0.225rem;
        font-weight: 500;
    }
    .md\:text-display-5 {
        font-size: 3.125rem;
        line-height: 1;
        letter-spacing: -0.15625rem;
        font-weight: 500;
    }
    .md\:text-display-5\.5 {
        font-size: 2.5rem;
        line-height: 1.3;
        letter-spacing: -0.1rem;
        font-weight: 500;
    }
    .md\:text-display-6 {
        font-size: 2.5rem;
        line-height: 1;
        letter-spacing: -0.1rem;
        font-weight: 500;
    }
    .md\:text-display-7 {
        font-size: 2rem;
        line-height: 1.1;
        letter-spacing: -0.08rem;
        font-weight: 500;
    }
    .md\:text-display-8 {
        font-size: 1.5rem;
        line-height: 1.1;
        letter-spacing: -0.06rem;
        font-weight: 500;
    }
    .md\:text-display-8\.5 {
        font-size: 1.875rem;
        line-height: 1.3;
        letter-spacing: -0.05625rem;
        font-weight: 500;
    }
    .md\:text-display-mobile-5 {
        font-size: 2.5rem;
        line-height: 1;
        letter-spacing: -0.1rem;
        font-weight: 500;
    }
    .md\:text-display-mobile-5\.5 {
        font-size: 2rem;
        line-height: 1.3;
        letter-spacing: -0.1rem;
        font-weight: 500;
    }
    .md\:text-display-mobile-7 {
        font-size: 1.5rem;
        line-height: 1.1;
        letter-spacing: -0.06rem;
        font-weight: 500;
    }
    .md\:text-display-mobile-8 {
        font-size: 1.375rem;
        line-height: 1.1;
        letter-spacing: -0.05375rem;
        font-weight: 500;
    }
    .md\:text-sm {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
    .md\:leading-\[100\%\] {
        line-height: 100%;
    }
    .md\:\!text-pearl-black {
        --tw-text-opacity: 1 !important;
        color: rgba(var(--colors-pearl-black), var(--tw-text-opacity)) !important;
    }
    .md\:text-card-chroma-sub-content {
        color: var(--colors-card-chroma-sub-content);
    }
    .md\:text-generic-card-sub-content {
        color: var(--colors-generic-card-sub-content);
    }
    .md\:text-hero-left-sub-content {
        color: var(--colors-hero-left-sub-content);
    }
    .md\:text-hero-sub-content {
        color: var(--colors-hero-sub-content);
    }
    .md\:opacity-0 {
        opacity: 0;
    }
    .md\:blur {
        --tw-blur: blur(10px);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    }
    .md\:backdrop-blur-2xl {
        --tw-backdrop-blur: blur(40px);
        -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
                backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    }
    .md\:backdrop-blur-bokeh-md {
        --tw-backdrop-blur: blur(40px);
        -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
                backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    }
    .md\:grid-areas-lpPricingCardsLg {
        grid-template-areas: "plan1 plan2"
"plan3 plan4"
"plan5 plan5";
    }
    .md\:grid-areas-lpPricingCards3PlansLg {
        grid-template-areas: "plan1 plan2"
"plan3 plan3"
"plan4 plan4";
    }
    .md\:\[mask-position\:center_2px\] {
        -webkit-mask-position: center 2px;
                mask-position: center 2px;
    }
    .md\:\[mask-size\:cover\] {
        -webkit-mask-size: cover;
                mask-size: cover;
    }
    .md\:before\:block::before {
        content: var(--tw-content);
        display: block;
    }
    .md\:before\:h-12::before {
        content: var(--tw-content);
        height: 3rem;
    }
    .md\:before\:rounded-b-3\.5xl::before {
        content: var(--tw-content);
        border-bottom-right-radius: 1.5rem;
        border-bottom-left-radius: 1.5rem;
    }
    .md\:after\:h-12::after {
        content: var(--tw-content);
        height: 3rem;
    }
    .md\:after\:rounded-t-3\.5xl::after {
        content: var(--tw-content);
        border-top-left-radius: 1.5rem;
        border-top-right-radius: 1.5rem;
    }
    .md\:data-\[state\=checked\]\:translate-x-\[20px\][data-state=checked] {
        --tw-translate-x: 20px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    @container (min-width: 45rem) {
        .md\:\@\[45rem\]\:flex-row {
            flex-direction: row;
        }
        .md\:\@\[45rem\]\:flex-row-reverse {
            flex-direction: row-reverse;
        }
    }
    @media (prefers-reduced-motion: reduce) {
        .md\:motion-reduce\:grid {
            display: grid;
        }
        .md\:motion-reduce\:h-auto {
            height: auto;
        }
        .md\:motion-reduce\:w-full {
            width: 100%;
        }
        .md\:motion-reduce\:animate-none {
            animation: none;
        }
        .md\:motion-reduce\:grid-cols-1 {
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }
        .md\:motion-reduce\:opacity-100 {
            opacity: 1;
        }
    }
    @media not all and (min-width: 1024px) {
        .md\:max-lg\:w-32 {
            width: 8rem;
        }
    }
}
@media (min-width: 1024px) {
    .lg\:sticky {
        position: sticky;
    }
    .lg\:bottom-auto {
        bottom: auto;
    }
    .lg\:left-0 {
        left: 0px;
    }
    .lg\:right-auto {
        right: auto;
    }
    .lg\:top-0 {
        top: 0px;
    }
    .lg\:top-24 {
        top: 6rem;
    }
    .lg\:order-1 {
        order: 1;
    }
    .lg\:order-2 {
        order: 2;
    }
    .lg\:order-3 {
        order: 3;
    }
    .lg\:col-\[-16\/-3\] {
        grid-column: -16/-3;
    }
    .lg\:col-\[1\/-1\] {
        grid-column: 1/-1;
    }
    .lg\:col-\[14\/-3\] {
        grid-column: 14/-3;
    }
    .lg\:col-\[14\/span_10\] {
        grid-column: 14/span 10;
    }
    .lg\:col-\[2\/-2\] {
        grid-column: 2/-2;
    }
    .lg\:col-\[3\/13\] {
        grid-column: 3/13;
    }
    .lg\:col-\[3\/18\] {
        grid-column: 3/18;
    }
    .lg\:col-\[3\/span_10\] {
        grid-column: 3/span 10;
    }
    .lg\:col-\[7\/-7\] {
        grid-column: 7/-7;
    }
    .lg\:col-span-2 {
        grid-column: span 2 / span 2;
    }
    .lg\:col-span-23 {
        grid-column: span 23 / span 23;
    }
    .lg\:col-span-3 {
        grid-column: span 3 / span 3;
    }
    .lg\:col-start-2 {
        grid-column-start: 2;
    }
    .lg\:row-\[1\/3\] {
        grid-row: 1/3;
    }
    .lg\:row-\[2\/span_1\] {
        grid-row: 2/span 1;
    }
    .lg\:m-0 {
        margin: 0px;
    }
    .lg\:mx-6 {
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }
    .lg\:-ml-\[20\.3px\] {
        margin-left: -20.3px;
    }
    .lg\:mb-0 {
        margin-bottom: 0px;
    }
    .lg\:mb-5 {
        margin-bottom: 1.25rem;
    }
    .lg\:mt-8 {
        margin-top: 2rem;
    }
    .lg\:box-content {
        box-sizing: content-box;
    }
    .lg\:block {
        display: block;
    }
    .lg\:flex {
        display: flex;
    }
    .lg\:inline-flex {
        display: inline-flex;
    }
    .lg\:grid {
        display: grid;
    }
    .lg\:hidden {
        display: none;
    }
    .lg\:aspect-1\/1 {
        aspect-ratio: 1/1;
    }
    .lg\:aspect-2\/1 {
        aspect-ratio: 2/1;
    }
    .lg\:aspect-\[1\/1\] {
        aspect-ratio: 1/1;
    }
    .lg\:aspect-\[4\/3\] {
        aspect-ratio: 4/3;
    }
    .lg\:aspect-\[7\/9\] {
        aspect-ratio: 7/9;
    }
    .lg\:aspect-\[unset\] {
        aspect-ratio: unset;
    }
    .lg\:h-143 {
        height: 35.75rem;
    }
    .lg\:h-178 {
        height: 44.5rem;
    }
    .lg\:h-71\.5 {
        height: 17.875rem;
    }
    .lg\:h-fit {
        height: -moz-fit-content;
        height: fit-content;
    }
    .lg\:h-full {
        height: 100%;
    }
    .lg\:max-h-\[unset\] {
        max-height: unset;
    }
    .lg\:max-h-lohp-video {
        max-height: 40.625rem;
    }
    .lg\:\!min-h-\[39\.563rem\] {
        min-height: 39.563rem !important;
    }
    .lg\:min-h-\[357px\] {
        min-height: 357px;
    }
    .lg\:w-1\/2 {
        width: 50%;
    }
    .lg\:w-80 {
        width: 20rem;
    }
    .lg\:w-\[var\(--container-width\)\] {
        width: var(--container-width);
    }
    .lg\:w-\[var\(--lohp-staff-picks-cardset-width\)\] {
        width: var(--lohp-staff-picks-cardset-width);
    }
    .lg\:w-\[var\(--md-w\)\] {
        width: var(--md-w);
    }
    .lg\:w-auto {
        width: auto;
    }
    .lg\:w-fit {
        width: -moz-fit-content;
        width: fit-content;
    }
    .lg\:w-full {
        width: 100%;
    }
    .lg\:max-w-\[25\.125rem\] {
        max-width: 25.125rem;
    }
    .lg\:max-w-\[35rem\] {
        max-width: 35rem;
    }
    .lg\:max-w-\[36\.8rem\] {
        max-width: 36.8rem;
    }
    .lg\:max-w-\[50\%\] {
        max-width: 50%;
    }
    .lg\:max-w-\[75\%\] {
        max-width: 75%;
    }
    .lg\:max-w-\[min\(536px\2c _40\%\)\] {
        max-width: min(536px, 40%);
    }
    .lg\:max-w-full {
        max-width: 100%;
    }
    .lg\:flex-1 {
        flex: 1 1 0%;
    }
    @keyframes lohpStaffPicksScroll {
        0% {
            transform: translate3d(0,0,0);
        }
        100% {
            transform: translate3d(var(--lohp-staff-picks-translateX),0,0);
        }
    }
    .lg\:animate-lohpStaffPicksScroll {
        animation: lohpStaffPicksScroll 50s linear infinite;
    }
    .lg\:animate-none {
        animation: none;
    }
    @keyframes vertical-progress-bar {
        from {
            max-height: 0;
        }
        to {
            max-height: 100%;
        }
    }
    .lg\:animate-vertical-progress-bar {
        animation: vertical-progress-bar var(--prg-duration,20000ms) linear infinite;
    }
    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .lg\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .lg\:grid-cols-accordionTimed {
        grid-template-columns: 1fr 1fr;
    }
    .lg\:grid-rows-accordionTimed {
        grid-template-rows: auto 1fr;
    }
    .lg\:flex-row {
        flex-direction: row;
    }
    .lg\:flex-row-reverse {
        flex-direction: row-reverse;
    }
    .lg\:flex-col {
        flex-direction: column;
    }
    .lg\:flex-wrap {
        flex-wrap: wrap;
    }
    .lg\:content-start {
        align-content: flex-start;
    }
    .lg\:items-start {
        align-items: flex-start;
    }
    .lg\:items-end {
        align-items: flex-end;
    }
    .lg\:items-center {
        align-items: center;
    }
    .lg\:justify-start {
        justify-content: flex-start;
    }
    .lg\:justify-end {
        justify-content: flex-end;
    }
    .lg\:justify-center {
        justify-content: center;
    }
    .lg\:justify-between {
        justify-content: space-between;
    }
    .lg\:gap-8 {
        gap: 2rem;
    }
    .lg\:gap-x-\[2\.1rem\] {
        -moz-column-gap: 2.1rem;
             column-gap: 2.1rem;
    }
    .lg\:gap-x-lohp-lg {
        -moz-column-gap: 3.5rem;
             column-gap: 3.5rem;
    }
    .lg\:gap-y-10 {
        row-gap: 2.5rem;
    }
    .lg\:gap-y-12 {
        row-gap: 3rem;
    }
    .lg\:gap-y-15 {
        row-gap: 3.75rem;
    }
    .lg\:gap-y-\[unset\] {
        row-gap: unset;
    }
    .lg\:gap-y-lohp-lg {
        row-gap: 3.5rem;
    }
    .lg\:gap-y-lohp-md {
        row-gap: 2rem;
    }
    .lg\:overflow-visible {
        overflow: visible;
    }
    .lg\:rounded-standard {
        border-radius: 1.5rem;
    }
    .lg\:object-\[var\(--desktop-position\)\] {
        -o-object-position: var(--desktop-position);
           object-position: var(--desktop-position);
    }
    .lg\:px-0 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .lg\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
    .lg\:px-11 {
        padding-left: 2.75rem;
        padding-right: 2.75rem;
    }
    .lg\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .lg\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem;
    }
    .lg\:px-20 {
        padding-left: 5rem;
        padding-right: 5rem;
    }
    .lg\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    .lg\:px-lohp-md {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .lg\:py-14 {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem;
    }
    .lg\:py-3 {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }
    .lg\:py-3\.5 {
        padding-top: 0.875rem;
        padding-bottom: 0.875rem;
    }
    .lg\:py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
    .lg\:py-\[60px\] {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .lg\:pb-20 {
        padding-bottom: 5rem;
    }
    .lg\:pb-35 {
        padding-bottom: 8.75rem;
    }
    .lg\:pl-0 {
        padding-left: 0px;
    }
    .lg\:pl-10 {
        padding-left: 2.5rem;
    }
    .lg\:pl-14 {
        padding-left: 3.5rem;
    }
    .lg\:pr-10 {
        padding-right: 2.5rem;
    }
    .lg\:pr-14 {
        padding-right: 3.5rem;
    }
    .lg\:pt-11 {
        padding-top: 2.75rem;
    }
    .lg\:pt-14 {
        padding-top: 3.5rem;
    }
    .lg\:pt-18 {
        padding-top: 4.5rem;
    }
    .lg\:text-left {
        text-align: left;
    }
    .lg\:text-center {
        text-align: center;
    }
    .lg\:text-right {
        text-align: right;
    }
    .lg\:text-body-2 {
        font-size: 1.125rem;
        line-height: 1.35;
        letter-spacing: -0.03375rem;
        font-weight: 400;
    }
    .lg\:text-display-5 {
        font-size: 3.125rem;
        line-height: 1;
        letter-spacing: -0.15625rem;
        font-weight: 500;
    }
    .lg\:text-display-6 {
        font-size: 2.5rem;
        line-height: 1;
        letter-spacing: -0.1rem;
        font-weight: 500;
    }
    .lg\:text-display-6\.5 {
        font-size: 2.5rem;
        line-height: 1.3;
        letter-spacing: -0.075rem;
        font-weight: 500;
    }
    .lg\:text-display-7 {
        font-size: 2rem;
        line-height: 1.1;
        letter-spacing: -0.08rem;
        font-weight: 500;
    }
    .lg\:text-display-8 {
        font-size: 1.5rem;
        line-height: 1.1;
        letter-spacing: -0.06rem;
        font-weight: 500;
    }
    .lg\:text-display-mobile-8 {
        font-size: 1.375rem;
        line-height: 1.1;
        letter-spacing: -0.05375rem;
        font-weight: 500;
    }
    .lg\:text-display-mobile-8\.5 {
        font-size: 1.25rem;
        line-height: 1.3;
        letter-spacing: -0.0375rem;
        font-weight: 500;
    }
    .lg\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
    .lg\:leading-\[1\.51875rem\] {
        line-height: 1.51875rem;
    }
    .lg\:leading-\[2\.2rem\] {
        line-height: 2.2rem;
    }
    .lg\:text-black {
        --tw-text-opacity: 1;
        color: rgba(var(--colors-black), var(--tw-text-opacity));
    }
    .lg\:text-white {
        --tw-text-opacity: 1;
        color: rgba(var(--colors-white), var(--tw-text-opacity));
    }
    .lg\:opacity-0 {
        opacity: 0;
    }
    .lg\:grid-areas-accordionTimed {
        grid-template-areas: "header asset"
"accordion asset";
    }
    .lg\:grid-in-header {
        grid-area: header;
    }
    .lg\:grid-in-asset {
        grid-area: asset;
    }
    .lg\:grid-in-accordion {
        grid-area: accordion;
    }
    .lg\:pause-animation {
        animation-play-state: paused;
    }
    .lg\:before\:bg-transparent::before {
        content: var(--tw-content);
        background-color: transparent;
    }
    .lg\:after\:bg-transparent::after {
        content: var(--tw-content);
        background-color: transparent;
    }
    .lg\:focus-within\:opacity-100:focus-within {
        opacity: 1;
    }
    .lg\:hover\:opacity-100:hover {
        opacity: 1;
    }
    .group:hover .lg\:group-hover\:before\:bg-transparent::before {
        content: var(--tw-content);
        background-color: transparent;
    }
    @media (prefers-reduced-motion: reduce) {
        .lg\:motion-reduce\:w-full {
            width: 100%;
        }
        .lg\:motion-reduce\:animate-none {
            animation: none;
        }
        .lg\:motion-reduce\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }
    @media (max-width: 1175px) {
        .lg\:max-\[1175px\]\:p-4 {
            padding: 1rem;
        }
    }
}
@media (min-width: 1280px) {
    .xl\:relative {
        position: relative;
    }
    .xl\:z-0 {
        z-index: 0;
    }
    .xl\:col-\[15\/-4\] {
        grid-column: 15/-4;
    }
    .xl\:col-\[3\/-3\] {
        grid-column: 3/-3;
    }
    .xl\:block {
        display: block;
    }
    .xl\:hidden {
        display: none;
    }
    .xl\:h-full {
        height: 100%;
    }
    .xl\:w-\[536px\] {
        width: 536px;
    }
    .xl\:max-w-\[536px\] {
        max-width: 536px;
    }
    .xl\:cursor-pointer {
        cursor: pointer;
    }
    .xl\:grid-flow-col {
        grid-auto-flow: column;
    }
    .xl\:grid-rows-3 {
        grid-template-rows: repeat(3, minmax(0, 1fr));
    }
    .xl\:flex-row {
        flex-direction: row;
    }
    .xl\:gap-x-lohp-lg {
        -moz-column-gap: 3.5rem;
             column-gap: 3.5rem;
    }
    .xl\:\!text-balance {
        text-wrap: balance !important;
    }
    .xl\:px-0 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .xl\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem;
    }
    .xl\:px-24 {
        padding-left: 6rem;
        padding-right: 6rem;
    }
    .xl\:pl-\[104px\] {
        padding-left: 104px;
    }
    .xl\:pr-\[104px\] {
        padding-right: 104px;
    }
    .xl\:text-center {
        text-align: center;
    }
    .xl\:transition-all {
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
    }
    .xl\:duration-350 {
        transition-duration: 350ms;
    }
    .xl\:ease-in-out {
        transition-timing-function: cubic-bezier(0.33, 0, 0.25, 1);
    }
    .xl\:before\:absolute::before {
        content: var(--tw-content);
        position: absolute;
    }
    .xl\:before\:left-1\/2::before {
        content: var(--tw-content);
        left: 50%;
    }
    .xl\:before\:top-1\/2::before {
        content: var(--tw-content);
        top: 50%;
    }
    .xl\:before\:z-\[-1\]::before {
        content: var(--tw-content);
        z-index: -1;
    }
    .xl\:before\:block::before {
        content: var(--tw-content);
        display: block;
    }
    .xl\:before\:h-full::before {
        content: var(--tw-content);
        height: 100%;
    }
    .xl\:before\:w-\[calc\(100\%\+\(0\.65rem\*2\)\)\]::before {
        content: var(--tw-content);
        width: calc(100% + (0.65rem * 2));
    }
    .xl\:before\:-translate-x-1\/2::before {
        content: var(--tw-content);
        --tw-translate-x: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .xl\:before\:-translate-y-1\/2::before {
        content: var(--tw-content);
        --tw-translate-y: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .xl\:before\:rounded-xl::before {
        content: var(--tw-content);
        border-radius: 0.75rem;
    }
    .xl\:before\:content-\[\"\"\]::before {
        --tw-content: "";
        content: var(--tw-content);
    }
    .xl\:hover\:before\:bg-global-nav-hover-background-accent:hover::before {
        content: var(--tw-content);
        background-color: var(--colors-global-nav-hover-background-accent);
    }
    @media (prefers-reduced-motion: reduce) {
        .xl\:motion-reduce\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }
}
@media (min-width: 1281px) {
    .nav-xl\:absolute {
        position: absolute;
    }
    .nav-xl\:left-0 {
        left: 0px;
    }
    .nav-xl\:top-global-nav {
        top: 4.825rem;
    }
    .nav-xl\:col-start-1 {
        grid-column-start: 1;
    }
    .nav-xl\:col-start-\[unset\] {
        grid-column-start: unset;
    }
    .nav-xl\:col-end-\[unset\] {
        grid-column-end: unset;
    }
    .nav-xl\:col-end-neg-1 {
        grid-column-end: -1;
    }
    .nav-xl\:block {
        display: block;
    }
    .nav-xl\:flex {
        display: flex;
    }
    .nav-xl\:list-item {
        display: list-item;
    }
    .nav-xl\:hidden {
        display: none;
    }
    .nav-xl\:h-5 {
        height: 1.25rem;
    }
    .nav-xl\:h-full {
        height: 100%;
    }
    .nav-xl\:w-5 {
        width: 1.25rem;
    }
    .nav-xl\:origin-center {
        transform-origin: center;
    }
    .nav-xl\:\!-rotate-90 {
        --tw-rotate: -90deg !important;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    }
    .nav-xl\:rotate-90 {
        --tw-rotate: 90deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .nav-xl\:flex-row {
        flex-direction: row;
    }
    .nav-xl\:items-center {
        align-items: center;
    }
    .nav-xl\:gap-6 {
        gap: 1.5rem;
    }
    .nav-xl\:self-stretch {
        align-self: stretch;
    }
    .nav-xl\:overflow-x-hidden {
        overflow-x: hidden;
    }
    .nav-xl\:rounded-none {
        border-radius: 0px;
    }
    .nav-xl\:rounded-b-3\.5xl {
        border-bottom-right-radius: 1.5rem;
        border-bottom-left-radius: 1.5rem;
    }
    .nav-xl\:bg-\[unset\] {
        background-color: unset;
    }
    .nav-xl\:bg-transparent {
        background-color: transparent;
    }
    .nav-xl\:p-0 {
        padding: 0px;
    }
    .nav-xl\:px-14 {
        padding-left: 3.5rem;
        padding-right: 3.5rem;
    }
    .nav-xl\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .nav-xl\:px-\[3rem\] {
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .nav-xl\:py-16 {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .nav-xl\:py-\[3\.75rem\] {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem;
    }
    .nav-xl\:pb-0 {
        padding-bottom: 0px;
    }
    .nav-xl\:text-body-3 {
        font-size: 1rem;
        line-height: 1.3;
        letter-spacing: -0.03rem;
        font-weight: 400;
    }
    .nav-xl\:text-display-7 {
        font-size: 2rem;
        line-height: 1.1;
        letter-spacing: -0.08rem;
        font-weight: 500;
    }
    .nav-xl\:text-display-8 {
        font-size: 1.5rem;
        line-height: 1.1;
        letter-spacing: -0.06rem;
        font-weight: 500;
    }
    .nav-xl\:transition-all {
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
    }
    .nav-xl\:duration-350 {
        transition-duration: 350ms;
    }
    .nav-xl\:ease-in-out {
        transition-timing-function: cubic-bezier(0.33, 0, 0.25, 1);
    }
    .nav-xl\:hover\:bg-global-nav-background-accent:hover {
        background-color: var(--colors-global-nav-background-accent);
    }
}
@media (min-width: 1440px) {
    .\32xl\:col-\[1\/-1\] {
        grid-column: 1/-1;
    }
    .\32xl\:h-\[25px\] {
        height: 25px;
    }
    .\32xl\:\!w-\[165px\] {
        width: 165px !important;
    }
    .\32xl\:w-\[40\%\] {
        width: 40%;
    }
    .\32xl\:w-\[60\%\] {
        width: 60%;
    }
    .\32xl\:w-\[88px\] {
        width: 88px;
    }
    .\32xl\:max-w-full {
        max-width: 100%;
    }
    .\32xl\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .\32xl\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .\32xl\:flex-row {
        flex-direction: row;
    }
    .\32xl\:items-end {
        align-items: flex-end;
    }
    .\32xl\:justify-end {
        justify-content: flex-end;
    }
    .\32xl\:gap-18 {
        gap: 4.5rem;
    }
    .\32xl\:gap-x-15 {
        -moz-column-gap: 3.75rem;
             column-gap: 3.75rem;
    }
    .\32xl\:gap-x-30 {
        -moz-column-gap: 7.5rem;
             column-gap: 7.5rem;
    }
    .\32xl\:gap-x-lohp-lg {
        -moz-column-gap: 3.5rem;
             column-gap: 3.5rem;
    }
    .\32xl\:\!px-hero-body {
        padding-left: 7.1875rem !important;
        padding-right: 7.1875rem !important;
    }
    .\32xl\:py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .\32xl\:text-\[1\.625rem\] {
        font-size: 1.625rem;
    }
    .\32xl\:\!leading-8 {
        line-height: 2rem !important;
    }
    .\32xl\:-tracking-\[1\.04px\] {
        letter-spacing: -1.04px;
    }
    .\32xl\:grid-areas-lpPricingCards3Plans {
        grid-template-areas: "plan1 plan2 plan3"
"plan4 plan4 plan4";
    }
    .\32xl\:grid-areas-lpPricingCards4Plans {
        grid-template-areas: "plan1 plan2 plan3 plan4"
"plan5 plan5 plan5 plan5";
    }
    @media (prefers-reduced-motion: reduce) {
        .\32xl\:motion-reduce\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }
    }
    .desktop\:col-span-2 {
        grid-column: span 2 / span 2;
    }
    .desktop\:flex {
        display: flex;
    }
    .desktop\:hidden {
        display: none;
    }
    .desktop\:h-auto {
        height: auto;
    }
    .desktop\:w-\[260px\] {
        width: 260px;
    }
    .desktop\:w-\[unset\] {
        width: unset;
    }
    .desktop\:w-auto {
        width: auto;
    }
    .desktop\:rotate-0 {
        --tw-rotate: 0deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .desktop\:rotate-180 {
        --tw-rotate: 180deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .desktop\:grid-flow-col {
        grid-auto-flow: column;
    }
    .desktop\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .desktop\:grid-cols-subgrid {
        grid-template-columns: subgrid;
    }
    .desktop\:grid-rows-5 {
        grid-template-rows: repeat(5, minmax(0, 1fr));
    }
    .desktop\:flex-row {
        flex-direction: row;
    }
    .desktop\:overflow-auto {
        overflow: auto;
    }
    .desktop\:px-chroma-8 {
        padding-left: 8px;
        padding-right: 8px;
    }
    .desktop\:py-0 {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .desktop\:hover\:opacity-\[0\.4\]:hover {
        opacity: 0.4;
    }
}
.\[\&\:disabled\]\:text-lohp-btn-disabled-content:disabled {
    color: var(--colors-lohp-btn-disabled-content);
}
.\[\&\:first-of-type_\>_div\]\:rounded-tl-2xl:first-of-type > div {
    border-top-left-radius: 1rem;
}
.\[\&\:first-of-type_\>_th\]\:rounded-tl-2xl:first-of-type > th {
    border-top-left-radius: 1rem;
}
.\[\&\:hover\]\:z-1:hover {
    z-index: 1;
}
@media (prefers-reduced-motion: reduce) {
    .motion-reduce\:\[\&\:hover_\*\]\:animate-none:hover * {
        animation: none;
    }
}
@keyframes watch-card-description-in {
    0% {
        transform: translateY(-40px);
        opacity: 0;
    }
    6.25% {
        opacity: 0;
    }
    100% {
        transform: translateY(0px);
        opacity: 0.5;
    }
}
.\[\&\:hover_\.watch-card-description\]\:animate-watch-card-description-in:hover .watch-card-description {
    animation: watch-card-description-in 480ms cubic-bezier(0.33, 0, 0.25, 1) 30ms forwards;
}
@keyframes watch-card-description-out {
    0% {
        transform: translateY(0px);
        opacity: 0.5;
    }
    6.25% {
        opacity: 0.5;
    }
    58.33% {
        opacity: 0;
    }
    100% {
        transform: translateY(-40px);
        opacity: 0;
    }
}
.\[\&\:hover_\.watch-card-description\]\:animate-watch-card-description-out:hover .watch-card-description {
    animation: watch-card-description-out 480ms cubic-bezier(0.33, 0, 0.25, 1) forwards;
}
@keyframes watch-card-title-in {
    0% {
        transform: translateY(-20px);
        opacity: 0;
    }
    6.25% {
        opacity: 0;
    }
    58.33% {
        opacity: 1;
    }
    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}
.\[\&\:hover_\.watch-card-title\]\:animate-watch-card-title-in:hover .watch-card-title {
    animation: watch-card-title-in 480ms cubic-bezier(0.33, 0, 0.25, 1) forwards;
}
@keyframes watch-card-title-out {
    0% {
        transform: translateY(0px);
        opacity: 1;
    }
    20% {
        opacity: 1;
    }
    58.33% {
        opacity: 0;
    }
    100% {
        transform: translateY(-20px);
        opacity: 0;
    }
}
.\[\&\:hover_\.watch-card-title\]\:animate-watch-card-title-out:hover .watch-card-title {
    animation: watch-card-title-out 480ms cubic-bezier(0.33, 0, 0.25, 1) forwards;
}
.\[\&\:last-of-type\]\:w-\[81px\]:last-of-type {
    width: 81px;
}
@media (min-width: 1440px) {
    .\[\&\:last-of-type\]\:2xl\:\!w-\[161px\]:last-of-type {
        width: 161px !important;
    }
}
.\[\&\:last-of-type_\>_div\]\:rounded-tr-2xl:last-of-type > div {
    border-top-right-radius: 1rem;
}
.\[\&\:last-of-type_\>_td\:last-of-type\]\:rounded-br-2xl:last-of-type > td:last-of-type {
    border-bottom-right-radius: 1rem;
}
.\[\&\:last-of-type_\>_th\]\:rounded-bl-2xl:last-of-type > th {
    border-bottom-left-radius: 1rem;
}
.\[\&\:not\(\.glow-effect\)\]\:w-auto:not(.glow-effect) {
    width: auto;
}
@media (min-width: 768px) {
    .md\:\[\&\:not\(\.glow-effect\)\]\:aspect-1\/2:not(.glow-effect) {
        aspect-ratio: 1/2;
    }
    .md\:\[\&\:not\(\.glow-effect\)\]\:aspect-16\/9:not(.glow-effect) {
        aspect-ratio: 16/9;
    }
    .md\:\[\&\:not\(\.glow-effect\)\]\:aspect-2\/1:not(.glow-effect) {
        aspect-ratio: 2/1;
    }
    .md\:\[\&\:not\(\.glow-effect\)\]\:aspect-4\/3:not(.glow-effect) {
        aspect-ratio: 4/3;
    }
    .md\:\[\&\:not\(\.glow-effect\)\]\:h-\[662px\]:not(.glow-effect) {
        height: 662px;
    }
    .md\:\[\&\:not\(\.glow-effect\)\]\:h-auto:not(.glow-effect) {
        height: auto;
    }
}
.\[\&\:not\(\.progressive-image\)\]\:h-full:not(.progressive-image) {
    height: 100%;
}
@keyframes watch-card-description-out {
    0% {
        transform: translateY(0px);
        opacity: 0.5;
    }
    6.25% {
        opacity: 0.5;
    }
    58.33% {
        opacity: 0;
    }
    100% {
        transform: translateY(-40px);
        opacity: 0;
    }
}
.\[\&\:not\(\:hover\)_\.watch-card-description\]\:animate-watch-card-description-out:not(:hover) .watch-card-description {
    animation: watch-card-description-out 480ms cubic-bezier(0.33, 0, 0.25, 1) forwards;
}
.\[\&\:not\(\:hover\)_\.watch-card-description\]\:opacity-0:not(:hover) .watch-card-description {
    opacity: 0;
}
@keyframes watch-card-title-in {
    0% {
        transform: translateY(-20px);
        opacity: 0;
    }
    6.25% {
        opacity: 0;
    }
    58.33% {
        opacity: 1;
    }
    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}
.\[\&\:not\(\:hover\)_\.watch-card-title\]\:animate-watch-card-title-in:not(:hover) .watch-card-title {
    animation: watch-card-title-in 480ms cubic-bezier(0.33, 0, 0.25, 1) forwards;
}
@keyframes watch-card-title-out {
    0% {
        transform: translateY(0px);
        opacity: 1;
    }
    20% {
        opacity: 1;
    }
    58.33% {
        opacity: 0;
    }
    100% {
        transform: translateY(-20px);
        opacity: 0;
    }
}
.\[\&\:not\(\:hover\)_\.watch-card-title\]\:animate-watch-card-title-out:not(:hover) .watch-card-title {
    animation: watch-card-title-out 480ms cubic-bezier(0.33, 0, 0.25, 1) forwards;
}
.\[\&\:not\(\:hover\)_\.watch-card-title\]\:opacity-0:not(:hover) .watch-card-title {
    opacity: 0;
}
.\[\&\:not\(\:last-of-type\)\]\:border-r-4:not(:last-of-type) {
    border-right-width: 4px;
}
@media (min-width: 768px) {
    @media (prefers-reduced-motion: reduce) {
        .md\:motion-reduce\:\[\&\:not\(\:nth-child\(3n-2\)\)\]\:h-auto:not(:nth-child(3n-2)) {
            height: auto;
        }
        .md\:motion-reduce\:\[\&\:nth-child\(3n-2\)\]\:mt-0:nth-child(3n-2) {
            margin-top: 0px;
        }
        .md\:motion-reduce\:\[\&\:nth-child\(3n-2\)\]\:h-auto:nth-child(3n-2) {
            height: auto;
        }
    }
}
@media (min-width: 1024px) {
    .lg\:\[\&\:nth-child\(3n-2\)\]\:mt-15:nth-child(3n-2) {
        margin-top: 3.75rem;
    }
}
@media (min-width: 768px) {
    @media (prefers-reduced-motion: reduce) {
        .md\:motion-reduce\:\[\&\:nth-child\(6n-1\)\]\:mt-0:nth-child(6n-1) {
            margin-top: 0px;
        }
    }
}
@media (min-width: 1024px) {
    .lg\:\[\&\:nth-child\(6n-1\)\]\:mt-30:nth-child(6n-1) {
        margin-top: 7.5rem;
    }
}
.\[\&\>\*\:first-child\]\:col-\[1\/-1\]>*:first-child {
    grid-column: 1/-1;
}
.\[\&\>\*\:first-child\]\:col-start-1>*:first-child {
    grid-column-start: 1;
}
.\[\&\>\*\:first-child\]\:col-end-\[-1\]>*:first-child {
    grid-column-end: -1;
}
.\[\&\>\*\:first-child\]\:pt-12>*:first-child {
    padding-top: 3rem;
}
@media (min-width: 768px) {
    .md\:\[\&\>\*\:first-child\]\:col-\[4\/-4\]>*:first-child {
        grid-column: 4/-4;
    }
    .\[\&\>\*\:first-child\]\:md\:pt-16>*:first-child {
        padding-top: 4rem;
    }
    .\[\&\>\*\:first-child\]\:md\:pt-\[10\.75rem\]>*:first-child {
        padding-top: 10.75rem;
    }
    .\[\&\>\*\:first-child\]\:md\:pt-\[6\.75rem\]>*:first-child {
        padding-top: 6.75rem;
    }
}
.\[\&\>\*\:last-child\]\:pb-10>*:last-child {
    padding-bottom: 2.5rem;
}
.\[\&\>\*\:last-child\]\:pb-14>*:last-child {
    padding-bottom: 3.5rem;
}
@media (min-width: 768px) {
    .md\:\[\&\>\*\:last-child\]\:pb-0>*:last-child {
        padding-bottom: 0px;
    }
    .md\:\[\&\>\*\:last-child\]\:pb-10>*:last-child {
        padding-bottom: 2.5rem;
    }
}
.\[\&\>\*\:not\(\.header-block\)\]\:col-\[2\/-2\]>*:not(.header-block) {
    grid-column: 2/-2;
}
.\[\&\>\*\:not\(\:first-child\)\]\:col-\[4\/-4\]>*:not(:first-child) {
    grid-column: 4/-4;
}
.\[\&\>\*\:not\(\:last-child\)\]\:after\:text-body-1>*:not(:last-child)::after {
    content: var(--tw-content);
    font-size: 1.25rem;
    line-height: 1.4;
    letter-spacing: -0.0375rem;
    font-weight: 400;
}
.\[\&\>\*\:not\(\:last-child\)\]\:after\:text-granite-gray>*:not(:last-child)::after {
    content: var(--tw-content);
    --tw-text-opacity: 1;
    color: rgba(var(--colors-granite-gray), var(--tw-text-opacity));
}
.\[\&\>\*\:not\(\:last-child\)\]\:after\:content-\[\"\/\"\]>*:not(:last-child)::after {
    --tw-content: "/";
    content: var(--tw-content);
}
.\[\&\>\*\:not\(video\2c \.video-mp4-bynder\)\]\:z-2>*:not(video,.video-mp4-bynder) {
    z-index: 2;
}
.\[\&\>\*\:nth-child\(2\)\]\:col-\[2\/-2\]>*:nth-child(2) {
    grid-column: 2/-2;
}
.\[\&\>\*\]\:col-\[1\/-1\]>* {
    grid-column: 1/-1;
}
.\[\&\>\*\]\:col-\[2\/-2\]>* {
    grid-column: 2/-2;
}
.\[\&\>\*\]\:col-\[3\/-3\]>* {
    grid-column: 3/-3;
}
.\[\&\>\*\]\:col-\[4\/-4\]>* {
    grid-column: 4/-4;
}
.\[\&\>\*\]\:col-start-2>* {
    grid-column-start: 2;
}
.\[\&\>\*\]\:col-end-\[-2\]>* {
    grid-column-end: -2;
}
.\[\&\>\*\]\:mb-0>* {
    margin-bottom: 0px;
}
.\[\&\>\*\]\:h-full>* {
    height: 100%;
}
.\[\&\>\*\]\:w-full>* {
    width: 100%;
}
.\[\&\>\*\]\:self-end>* {
    align-self: flex-end;
}
.\[\&\>\*\]\:\!bg-lohp-btn-focus-bg>* {
    background-color: var(--colors-lohp-btn-focus-bg) !important;
}
.\[\&\>\*\]\:p-0>* {
    padding: 0px;
}
.\[\&\>\*\]\:text-left>* {
    text-align: left;
}
.\[\&\>\*\]\:text-center>* {
    text-align: center;
}
.\[\&\>\*\]\:\!outline>* {
    outline-style: solid !important;
}
.\[\&\>\*\]\:\!outline-1>* {
    outline-width: 1px !important;
}
.\[\&\>\*\]\:outline-1>* {
    outline-width: 1px;
}
.\[\&\>\*\]\:\!outline-lohp-btn-focus-outline>* {
    outline-color: var(--colors-lohp-btn-focus-outline) !important;
}
.\[\&\>\*\]\:focus\:bg-lohp-btn-focus-bg:focus>* {
    background-color: var(--colors-lohp-btn-focus-bg);
}
.\[\&\>\*\]\:focus\:outline:focus>* {
    outline-style: solid;
}
.\[\&\>\*\]\:focus\:\!outline-lohp-btn-focus-outline:focus>* {
    outline-color: var(--colors-lohp-btn-focus-outline) !important;
}
.\[\&\>\*\]\:disabled\:bg-lohp-btn-disabled-bg:disabled>* {
    background-color: var(--colors-lohp-btn-disabled-bg);
}
@media (min-width: 768px) {
    .md\:\[\&\>\*\]\:col-start-1>* {
        grid-column-start: 1;
    }
    .md\:\[\&\>\*\]\:col-start-2>* {
        grid-column-start: 2;
    }
    .md\:\[\&\>\*\]\:col-start-3>* {
        grid-column-start: 3;
    }
    .md\:\[\&\>\*\]\:col-end-\[-1\]>* {
        grid-column-end: -1;
    }
    .md\:\[\&\>\*\]\:col-end-\[-2\]>* {
        grid-column-end: -2;
    }
    .md\:\[\&\>\*\]\:col-end-\[-3\]>* {
        grid-column-end: -3;
    }
    .md\:\[\&\>\*\]\:col-end-\[-5\]>* {
        grid-column-end: -5;
    }
    .\[\&\>\*\]\:md\:flex>* {
        display: flex;
    }
    .md\:\[\&\>\*\]\:text-left>* {
        text-align: left;
    }
}
@media (min-width: 1024px) {
    .lg\:\[\&\>\*\]\:max-w-\[532px\]>* {
        max-width: 532px;
    }
}
@media (min-width: 1280px) {
    .xl\:\[\&\>\*\]\:h-full>* {
        height: 100%;
    }
}
.\[\&\>\.banner-desc-cta\]\:col-\[2\/-2\]>.banner-desc-cta {
    grid-column: 2/-2;
}
@media (min-width: 768px) {
    .md\:\[\&\>\.banner-desc-cta\]\:col-\[10\/-2\]>.banner-desc-cta {
        grid-column: 10/-2;
    }
}
@media (min-width: 1024px) {
    .lg\:\[\&\>\.banner-desc-cta\]\:col-\[12\/-5\]>.banner-desc-cta {
        grid-column: 12/-5;
    }
}
.\[\&\>\.banner-title\]\:col-\[2\/-2\]>.banner-title {
    grid-column: 2/-2;
}
@media (min-width: 768px) {
    .md\:\[\&\>\.banner-title\]\:col-\[2\/10\]>.banner-title {
        grid-column: 2/10;
    }
}
@media (min-width: 1024px) {
    .lg\:\[\&\>\.banner-title\]\:col-\[6\/12\]>.banner-title {
        grid-column: 6/12;
    }
}
.\[\&\>\.button-title\]\:\!text-generic-card-content>.button-title {
    color: var(--colors-generic-card-content) !important;
}
.\[\&\>\.container-v3\]\:col-\[1\/-1\]>.container-v3 {
    grid-column: 1/-1;
}
@media (min-width: 768px) {
    .\[\&\>\.cta-list\]\:md\:pb-16>.cta-list {
        padding-bottom: 4rem;
    }
    .\[\&\>\.cta-list\]\:md\:pb-\[10\.75rem\]>.cta-list {
        padding-bottom: 10.75rem;
    }
    .\[\&\>\.cta-list\]\:md\:pb-\[6\.75rem\]>.cta-list {
        padding-bottom: 6.75rem;
    }
}
.\[\&\>\.header-block\]\:col-\[1\/-1\]>.header-block {
    grid-column: 1/-1;
}
@media not all and (min-width: 768px) {
    .\[\&\>a\]\:max-md\:-mr-4>a {
        margin-right: -1rem;
    }
}
.\[\&\>button\]\:w-full>button {
    width: 100%;
}
@media (min-width: 1024px) {
    .lg\:\[\&\>div\:first-child\]\:col-span-12>div:first-child {
        grid-column: span 12 / span 12;
    }
    .lg\:\[\&\>div\:first-child\]\:col-start-2>div:first-child {
        grid-column-start: 2;
    }
}
.\[\&\>div\:nth-child\(2\)\]\:col-\[2\/-2\]>div:nth-child(2) {
    grid-column: 2/-2;
}
@media (min-width: 1024px) {
    .lg\:\[\&\>div\:nth-child\(2\)\]\:col-span-12>div:nth-child(2) {
        grid-column: span 12 / span 12;
    }
    .lg\:\[\&\>div\:nth-child\(2\)\]\:col-start-13>div:nth-child(2) {
        grid-column-start: 14;
    }
}
.\[\&\>div\>div\]\:h-full>div>div {
    height: 100%;
}
.\[\&\>div\]\:col-\[1\/-1\]>div {
    grid-column: 1/-1;
}
.\[\&\>div\]\:aspect-1\/1>div {
    aspect-ratio: 1/1;
}
.\[\&\>div\]\:aspect-1\/2>div {
    aspect-ratio: 1/2;
}
.\[\&\>div\]\:aspect-16\/9>div {
    aspect-ratio: 16/9;
}
.\[\&\>div\]\:aspect-2\/1>div {
    aspect-ratio: 2/1;
}
.\[\&\>div\]\:aspect-3\/2>div {
    aspect-ratio: 3/2;
}
.\[\&\>div\]\:aspect-3\/4>div {
    aspect-ratio: 3/4;
}
.\[\&\>div\]\:aspect-4\/3>div {
    aspect-ratio: 4/3;
}
.\[\&\>div\]\:aspect-9\/16>div {
    aspect-ratio: 9/16;
}
.\[\&\>div\]\:h-full>div {
    height: 100%;
}
.\[\&\>div\]\:gap-y-10>div {
    row-gap: 2.5rem;
}
@media (min-width: 768px) {
    .\[\&\>div\]\:md\:gap-y-10>div {
        row-gap: 2.5rem;
    }
}
.\[\&\>img\]\:aspect-1\/1>img {
    aspect-ratio: 1/1;
}
.\[\&\>img\]\:aspect-1\/2>img {
    aspect-ratio: 1/2;
}
.\[\&\>img\]\:aspect-16\/9>img {
    aspect-ratio: 16/9;
}
.\[\&\>img\]\:aspect-2\/1>img {
    aspect-ratio: 2/1;
}
.\[\&\>img\]\:aspect-4\/3>img {
    aspect-ratio: 4/3;
}
.\[\&\>img\]\:aspect-\[3\/2\]>img {
    aspect-ratio: 3/2;
}
.\[\&\>img\]\:\!h-full>img {
    height: 100% !important;
}
.\[\&\>img\]\:h-auto>img {
    height: auto;
}
.\[\&\>img\]\:max-h-full>img {
    max-height: 100%;
}
.\[\&\>img\]\:\!w-auto>img {
    width: auto !important;
}
.\[\&\>img\]\:w-auto>img {
    width: auto;
}
.\[\&\>img\]\:w-full>img {
    width: 100%;
}
.\[\&\>img\]\:max-w-full>img {
    max-width: 100%;
}
@media (min-width: 768px) {
    .md\:\[\&\>img\]\:h-\[662px\]>img {
        height: 662px;
    }
    .md\:\[\&\>img\]\:h-auto>img {
        height: auto;
    }
    .md\:\[\&\>img\]\:w-full>img {
        width: 100%;
    }
}
.\[\&\>p\]\:mb-4>p {
    margin-bottom: 1rem;
}
@media (min-width: 640px) {
    .sm\:\[\&\>p\]\:mb-0>p {
        margin-bottom: 0px;
    }
}
.\[\&\>span\]\:w-full>span {
    width: 100%;
}
.\[\&\>svg\]\:my-\[0\.438rem\]>svg {
    margin-top: 0.438rem;
    margin-bottom: 0.438rem;
}
.\[\&\>svg\]\:h-12>svg {
    height: 3rem;
}
.\[\&\>svg\]\:fill-black>svg {
    fill: rgb(var(--colors-black));
}
.\[\&\>video\]\:rounded-2xl>video {
    border-radius: 1rem;
}
@media (min-width: 768px) {
    .\[\&\>video\]\:md\:rounded-standard>video {
        border-radius: 1.5rem;
    }
}
@media (min-width: 1280px) {
    .\[\&\[data-active\=\"true\"\]\]\:xl\:before\:bg-global-nav-hover-background-accent[data-active="true"]::before {
        content: var(--tw-content);
        background-color: var(--colors-global-nav-hover-background-accent);
    }
}
.\[\&\[data-state\=\"open\"\]_svg\]\:rotate-180[data-state="open"] svg {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\[\&_\*\:is\(h1\2c h2\2c h3\2c h4\2c h5\2c h6\)\]\:text-accordion-content *:is(h1,h2,h3,h4,h5,h6) {
    color: var(--colors-accordion-content);
}
.\[\&_\*\]\:\!font-sans * {
    font-family: var(--font-ABCRepro), var(--font-InterTight), Helvetica, Arial, sans-serif !important;
}
.\[\&_\*\]\:text-chroma-neutral-50 * {
    --tw-text-opacity: 1;
    color: rgba(var(--colors-chroma-neutral-50), var(--tw-text-opacity));
}
.\[\&_\*\]\:text-chroma-text-body-primary * {
    color: var(--colors-chroma-text-body-primary);
}
@media (prefers-reduced-motion: reduce) {
    .motion-reduce\:\[\&_\*\]\:animate-none * {
        animation: none;
    }
}
.\[\&_\+_p\]\:text-lohp-container-content-light + p {
    color: var(--colors-lohp-container-content-light);
}
.\[\&_\.asset-container\]\:absolute .asset-container {
    position: absolute;
}
.\[\&_\.asset-container\]\:top-0 .asset-container {
    top: 0px;
}
.\[\&_\.asset-container\]\:h-full .asset-container {
    height: 100%;
}
@media not all and (min-width: 768px) {
    .max-md\:\[\&_\.btn-anchor_\.btn-label\]\:\!pl-5 .btn-anchor .btn-label {
        padding-left: 1.25rem !important;
    }
}
.\[\&_\.btn-arrow-container\]\:hidden .btn-arrow-container {
    display: none;
}
@media not all and (min-width: 768px) {
    .max-md\:\[\&_\.btn-base\]\:w-full .btn-base {
        width: 100%;
    }
    .max-md\:\[\&_\.btn-base_\.btn-label\]\:flex-1 .btn-base .btn-label {
        flex: 1 1 0%;
    }
}
.\[\&_\.btn-label\]\:\!text-lohp-btn-focus-content .btn-label {
    color: var(--colors-lohp-btn-focus-content) !important;
}
.\[\&_\.btn-label\]\:focus\:\!text-lohp-btn-focus-content:focus .btn-label {
    color: var(--colors-lohp-btn-focus-content) !important;
}
.\[\&_\.btn-label\]\:disabled\:\!text-lohp-btn-disabled-content:disabled .btn-label {
    color: var(--colors-lohp-btn-disabled-content) !important;
}
.\[\&_\.builder-block\]\:flex .builder-block {
    display: flex;
}
.\[\&_\.builder-block\]\:justify-center .builder-block {
    justify-content: center;
}
.\[\&_\.builder-blocks\]\:flex .builder-blocks {
    display: flex;
}
.\[\&_\.builder-blocks\]\:flex-col .builder-blocks {
    flex-direction: column;
}
.\[\&_\.builder-blocks\]\:gap-4 .builder-blocks {
    gap: 1rem;
}
.\[\&_\.button-bg-hover\]\:bg-chroma-button-cta-primary-hover .button-bg-hover {
    background-color: var(--colors-chroma-button-cta-primary-hover);
}
.\[\&_\.button-bg-hover\]\:bg-chroma-button-cta-secondary-alt-hover .button-bg-hover {
    background-color: var(--colors-chroma-button-cta-secondary-alt-hover);
}
.\[\&_\.button-bg-hover\]\:bg-chroma-button-cta-secondary-hover .button-bg-hover {
    background-color: var(--colors-chroma-button-cta-secondary-hover);
}
.\[\&_\.button-bg-hover\]\:bg-chroma-button-play-overlay-hover .button-bg-hover {
    background-color: var(--colors-chroma-button-play-overlay-hover);
}
.\[\&_\.button-bg-hover\]\:bg-chroma-button-play-primary-hover .button-bg-hover {
    background-color: var(--colors-chroma-button-play-primary-hover);
}
.\[\&_\.button-bg-hover\]\:bg-chroma-button-play-secondary-hover .button-bg-hover {
    background-color: var(--colors-chroma-button-play-secondary-hover);
}
.\[\&_\.button-icon-container\]\:hidden .button-icon-container {
    display: none;
}
.\[\&_\.button-icon-container\]\:size-6 .button-icon-container {
    width: 1.5rem;
    height: 1.5rem;
}
.\[\&_\.button-icon-container\]\:items-center .button-icon-container {
    align-items: center;
}
.\[\&_\.button-icon-container\]\:p-0 .button-icon-container {
    padding: 0px;
}
.\[\&_\.button-icon-container\]\:pl-0\.5 .button-icon-container {
    padding-left: 0.125rem;
}
@media (min-width: 768px) {
    .md\:\[\&_\.button-icon-container\]\:flex .button-icon-container {
        display: flex;
    }
}
.\[\&_\.button-inner\]\:w-full .button-inner {
    width: 100%;
}
.\[\&_\.button-inner\]\:justify-center .button-inner {
    justify-content: center;
}
@media not all and (min-width: 768px) {
    .max-md\:\[\&_\.button-inner\]\:w-full .button-inner {
        width: 100%;
    }
}
@media (min-width: 768px) {
    .\[\&_\.button-inner\]\:md\:w-fit .button-inner {
        width: -moz-fit-content;
        width: fit-content;
    }
    .md\:\[\&_\.button-inner\]\:w-\[unset\] .button-inner {
        width: unset;
    }
}
.\[\&_\.button-title\]\:sr-only .button-title {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}
.\[\&_\.button-title\]\:text-global-nav-sub-content .button-title {
    color: var(--colors-global-nav-sub-content);
}
.\[\&_\.button-title\]\:hover\:text-footer-hover-sub-content:hover .button-title {
    color: var(--colors-footer-hover-sub-content);
}
.group:hover .group-hover\:\[\&_\.button-title\]\:text-global-nav-hover-content .button-title {
    color: var(--colors-global-nav-hover-content);
}
.\[\&_\.button\]\:w-full .button {
    width: 100%;
}
.\[\&_\.button\]\:cursor-pointer .button {
    cursor: pointer;
}
@media not all and (min-width: 768px) {
    .max-md\:\[\&_\.button\]\:w-full .button {
        width: 100%;
    }
}
@media (min-width: 768px) {
    .md\:\[\&_\.button\]\:w-fit .button {
        width: -moz-fit-content;
        width: fit-content;
    }
}
.\[\&_\.card-set-title\]\:\!text-wrap .card-set-title {
    text-wrap: wrap !important;
}
@media not all and (min-width: 1024px) {
    .max-lg\:\[\&_\.card-set-title\]\:mx-auto .card-set-title {
        margin-left: auto;
        margin-right: auto;
    }
    .max-lg\:\[\&_\.card-set-title\]\:w-\[332px\] .card-set-title {
        width: 332px;
    }
}
.\[\&_\.container-inner\]\:p-0 .container-inner {
    padding: 0px;
}
.\[\&_\.icon-v3\]\:\!text-lohp-btn-focus-content .icon-v3 {
    color: var(--colors-lohp-btn-focus-content) !important;
}
.\[\&_\.icon-v3\]\:focus\:\!text-lohp-btn-focus-content:focus .icon-v3 {
    color: var(--colors-lohp-btn-focus-content) !important;
}
.\[\&_\.icon-v3\]\:disabled\:\!text-lohp-btn-disabled-content:disabled .icon-v3 {
    color: var(--colors-lohp-btn-disabled-content) !important;
}
.\[\&_\.iti\>div\>div\]\:\!p-4 .iti>div>div {
    padding: 1rem !important;
}
.\[\&_\.iti\]\:\!inline-flex .iti {
    display: inline-flex !important;
}
.\[\&_\.iti\]\:\!w-full .iti {
    width: 100% !important;
}
.\[\&_\.mktoButtonRow\]\:\!mb-6 .mktoButtonRow {
    margin-bottom: 1.5rem !important;
}
.\[\&_\.mktoButtonWrap\]\:\!m-0 .mktoButtonWrap {
    margin: 0px !important;
}
.\[\&_\.mktoButtonWrap\]\:flex .mktoButtonWrap {
    display: flex;
}
.\[\&_\.mktoButtonWrap\]\:justify-end .mktoButtonWrap {
    justify-content: flex-end;
}
.\[\&_\.mktoButtonWrap\]\:justify-center .mktoButtonWrap {
    justify-content: center;
}
.\[\&_\.mktoButton\]\:\!text-white .mktoButton {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--colors-white), var(--tw-text-opacity)) !important;
}
.\[\&_\.mktoButton\]\:after\:\!bg-btn-icon-container .mktoButton::after {
    content: var(--tw-content);
    background-color: var(--colors-btn-icon-container) !important;
}
.\[\&_\.mktoButton\]\:after\:\!bg-img-arrow-white .mktoButton::after {
    content: var(--tw-content);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC4wODUgNy44MzMzM0w2LjQyMzU2IDExLjU3MzFDNi4wNDkyOSAxMS45NTUzIDYuMDQ5MjkgMTIuNTY2NyA2LjQyMzU2IDEyLjk0OUM2LjgwOTIgMTMuMzQyOSA3LjQ0MzI1IDEzLjM0MjkgNy44Mjg4OSAxMi45NDlMMTIuOTY1IDcuNzAzQzEzLjM0NSA3LjMxNDg0IDEzLjM0NSA2LjY4NTUzIDEyLjk2NSA2LjI5NzM3TDcuODI4ODkgMS4wNTEwNUM3LjQ0MzI2IDAuNjU3MTQ5IDYuODA5MjEgMC42NTcxMyA2LjQyMzU2IDEuMDUxMDFDNi4wNDkyOCAxLjQzMzI4IDYuMDQ5MjYgMi4wNDQ2MiA2LjQyMzUyIDIuNDI2OTFMMTAuMDg0NyA2LjE2NjY2TDEuNTgzMzMgNi4xNjY2NkMxLjEyMzEgNi4xNjY2NiAwLjc1IDYuNTM5NzYgMC43NSA3QzAuNzUgNy40NjAyMyAxLjEyMzEgNy44MzMzMyAxLjU4MzMzIDcuODMzMzNMMTAuMDg1IDcuODMzMzNaIiBmaWxsPSIjRkFGQ0ZEIi8+Cjwvc3ZnPg==) !important;
}
.\[\&_\.mktoClear\]\:hidden .mktoClear {
    display: none;
}
.\[\&_\.mktoFieldWrap\]\:\!relative .mktoFieldWrap {
    position: relative !important;
}
.\[\&_\.mktoFieldWrap\]\:\!float-none .mktoFieldWrap {
    float: none !important;
}
.\[\&_\.mktoField\]\:box-border .mktoField {
    box-sizing: border-box;
}
.\[\&_\.mktoFormCol\]\:\!w-full .mktoFormCol {
    width: 100% !important;
}
.\[\&_\.mktoFormRow\]\:gap-4 .mktoFormRow {
    gap: 1rem;
}
@media (min-width: 768px) {
    .md\:\[\&_\.mktoFormRow\]\:flex .mktoFormRow {
        display: flex;
    }
}
.\[\&_\.mktoHtmlText\]\:\!mb-6 .mktoHtmlText {
    margin-bottom: 1.5rem !important;
}
.\[\&_\.mktoHtmlText_a\]\:\!text-black .mktoHtmlText a {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--colors-black), var(--tw-text-opacity)) !important;
}
.\[\&_\.mktoOffset\]\:\!hidden .mktoOffset {
    display: none !important;
}
.\[\&_\.modal-trigger\]\:\!text-black .modal-trigger {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--colors-black), var(--tw-text-opacity)) !important;
}
.\[\&_\.play-btn-title\]\:\!max-w-\[170px\] .play-btn-title {
    max-width: 170px !important;
}
.\[\&_\.rfm-child\]\:flex .rfm-child {
    display: flex;
}
.\[\&_\.rfm-initial-child-container\]\:gap-x-20 .rfm-initial-child-container {
    -moz-column-gap: 5rem;
         column-gap: 5rem;
}
.\[\&_\.rfm-marquee-container\]\:gap-x-20 .rfm-marquee-container {
    -moz-column-gap: 5rem;
         column-gap: 5rem;
}
.\[\&_\.rfm-marquee-container\]\:overflow-y-hidden .rfm-marquee-container {
    overflow-y: hidden;
}
.\[\&_\.rfm-marquee\]\:justify-center .rfm-marquee {
    justify-content: center;
}
.\[\&_\.rfm-marquee\]\:gap-x-20 .rfm-marquee {
    -moz-column-gap: 5rem;
         column-gap: 5rem;
}
.\[\&_\.rfm-marquee\]\:overflow-y-clip .rfm-marquee {
    overflow-y: clip;
}
.\[\&_\.video-base-inner\]\:justify-end .video-base-inner {
    justify-content: flex-end;
}
.\[\&_\.video-base-inner\]\:justify-between .video-base-inner {
    justify-content: space-between;
}
@media (min-width: 768px) {
    .md\:\[\&_\.video-base-inner\]\:justify-start .video-base-inner {
        justify-content: flex-start;
    }
    .md\:\[\&_\.video-base-inner\]\:justify-center .video-base-inner {
        justify-content: center;
    }
    .md\:\[\&_\.video-base-inner\]\:p-6 .video-base-inner {
        padding: 1.5rem;
    }
}
.\[\&_\.video-base\>div\]\:top-0 .video-base>div {
    top: 0px;
}
.\[\&_\.video-base\>div\]\:translate-y-0 .video-base>div {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\[\&_\.video-base\]\:h-\[2\.813rem\] .video-base {
    height: 2.813rem;
}
.\[\&_\.video-base\]\:w-full .video-base {
    width: 100%;
}
.\[\&_\.video-base\]\:flex-none .video-base {
    flex: none;
}
.\[\&_\.video-base\]\:items-start .video-base {
    align-items: flex-start;
}
@media (min-width: 768px) {
    .\[\&_\.video-base\]\:md\:\!h-fit .video-base {
        height: -moz-fit-content !important;
        height: fit-content !important;
    }
}
.\[\&_\.video-modal-button\]\:text-center .video-modal-button {
    text-align: center;
}
.\[\&_\:is\(\.mktoLogicalField\.mktoCheckboxList\.mktoHasWidth\>label\)\]\:\!text-form-label-text :is(.mktoLogicalField.mktoCheckboxList.mktoHasWidth>label) {
    color: var(--colors-form-label-text) !important;
}
.\[\&_\:is\(input\.mktoField\2c select\.mktoField\)\]\:\!text-form-input-text :is(input.mktoField,select.mktoField) {
    color: var(--colors-form-input-text) !important;
}
.\[\&_\:is\(input\:not\(\[type\=\"checkbox\"\]\)\.mktoField\2c select\.mktoField\2c \.mktoCheckboxList\)\]\:\!w-full :is(input:not([type="checkbox"]).mktoField,select.mktoField,.mktoCheckboxList) {
    width: 100% !important;
}
.\[\&_\:is\(input\:not\(\[type\=\"checkbox\"\]\)\.mktoField\2c select\.mktoField\2c textarea\)\]\:bg-form-input-background :is(input:not([type="checkbox"]).mktoField,select.mktoField,textarea) {
    background-color: var(--colors-form-input-background);
}
.\[\&_\:is\(input\:not\(\[type\=\"checkbox\"\]\)\.mktoField\2c select\.mktoField\2c textarea\)\]\:text-form-input-text :is(input:not([type="checkbox"]).mktoField,select.mktoField,textarea) {
    color: var(--colors-form-input-text);
}
.\[\&_\:is\(input\:not\(\[type\=\"checkbox\"\]\)\.mktoField\2c select\.mktoField\2c textarea\)\]\:placeholder\:text-form-input-text :is(input:not([type="checkbox"]).mktoField,select.mktoField,textarea)::-moz-placeholder {
    color: var(--colors-form-input-text);
}
.\[\&_\:is\(input\:not\(\[type\=\"checkbox\"\]\)\.mktoField\2c select\.mktoField\2c textarea\)\]\:placeholder\:text-form-input-text :is(input:not([type="checkbox"]).mktoField,select.mktoField,textarea)::placeholder {
    color: var(--colors-form-input-text);
}
.\[\&_\>_\*\:not\(\.button-play\)\:not\(\.button-play_\*\)\]\:opacity-\[0\.4\] > *:not(.button-play):not(.button-play *) {
    opacity: 0.4;
}
@media not all and (min-width: 768px) {
    .\[\&_\>_\*\]\:max-md\:\!aspect-4\/3 > * {
        aspect-ratio: 4/3 !important;
    }
}
@media (min-width: 768px) {
    .\[\&_\>_\*\]\:md\:\!aspect-4\/3 > * {
        aspect-ratio: 4/3 !important;
    }
}
.\[\&_\>_\.intent-icon\]\:bg-chroma-blue-200 > .intent-icon {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-chroma-blue-200), var(--tw-bg-opacity));
}
.\[\&_\>_\.intent-icon\]\:bg-chroma-green-200 > .intent-icon {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-chroma-green-200), var(--tw-bg-opacity));
}
.\[\&_\>_\.intent-icon\]\:bg-chroma-orange-200 > .intent-icon {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-chroma-orange-200), var(--tw-bg-opacity));
}
.\[\&_\>_\.intent-icon\]\:bg-chroma-red-200 > .intent-icon {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-chroma-red-200), var(--tw-bg-opacity));
}
.\[\&_\>_h1\]\:mb-0 > h1 {
    margin-bottom: 0px;
}
.\[\&_\>_h1\]\:leading-none > h1 {
    line-height: 1;
}
.\[\&_\>_h1\]\:tracking-\[-0\.06rem\] > h1 {
    letter-spacing: -0.06rem;
}
@media not all and (min-width: 768px) {
    .max-md\:\[\&_\>_li\:has\(\.btn-base\)\]\:w-full > li:has(.btn-base) {
        width: 100%;
    }
}
.\[\&_\>_p\]\:m-0 > p {
    margin: 0px;
}
.\[\&_\>_svg\]\:\!h-\[15px\] > svg {
    height: 15px !important;
}
.\[\&_\>_svg\]\:\!w-\[52px\] > svg {
    width: 52px !important;
}
@media (min-width: 1440px) {
    .\32xl\:\[\&_\>_svg\]\:\!h-\[25px\] > svg {
        height: 25px !important;
    }
    .\32xl\:\[\&_\>_svg\]\:\!w-\[88px\] > svg {
        width: 88px !important;
    }
}
.\[\&_a\]\:cursor-pointer a {
    cursor: pointer;
}
.\[\&_a\]\:font-medium a {
    font-weight: 500;
}
.\[\&_a\]\:text-generic-card-hyperlink a {
    color: var(--colors-generic-card-hyperlink);
}
.\[\&_a\]\:text-hyperlink a {
    color: var(--colors-hyperlink);
}
.\[\&_a\]\:text-vimeo-blue a {
    --tw-text-opacity: 1;
    color: rgba(var(--colors-vimeo-blue), var(--tw-text-opacity));
}
.\[\&_a\]\:underline a {
    text-decoration-line: underline;
}
.\[\&_canvas\]\:object-cover canvas {
    -o-object-fit: cover;
       object-fit: cover;
}
.\[\&_canvas\]\:object-\[var\(--mobile-position\)\] canvas {
    -o-object-position: var(--mobile-position);
       object-position: var(--mobile-position);
}
@media (min-width: 768px) {
    .md\:\[\&_canvas\]\:object-\[var\(--tablet-position\)\] canvas {
        -o-object-position: var(--tablet-position);
           object-position: var(--tablet-position);
    }
}
@media (min-width: 1024px) {
    .lg\:\[\&_canvas\]\:object-\[var\(--desktop-position\)\] canvas {
        -o-object-position: var(--desktop-position);
           object-position: var(--desktop-position);
    }
}
.\[\&_h2\]\:text-wrap h2 {
    text-wrap: wrap;
}
.\[\&_h2\]\:px-4 h2 {
    padding-left: 1rem;
    padding-right: 1rem;
}
.\[\&_h2\]\:text-display-mobile-8 h2 {
    font-size: 1.375rem;
    line-height: 1.1;
    letter-spacing: -0.05375rem;
    font-weight: 500;
}
@media (min-width: 1024px) {
    .lg\:\[\&_h2\]\:\!text-wrap h2 {
        text-wrap: wrap !important;
    }
    .\[\&_h2\]\:lg\:text-display-6 h2 {
        font-size: 2.5rem;
        line-height: 1;
        letter-spacing: -0.1rem;
        font-weight: 500;
    }
}
.\[\&_img\]\:aspect-1\/1 img {
    aspect-ratio: 1/1;
}
.\[\&_img\]\:aspect-1\/2 img {
    aspect-ratio: 1/2;
}
.\[\&_img\]\:aspect-16\/9 img {
    aspect-ratio: 16/9;
}
.\[\&_img\]\:aspect-2\/1 img {
    aspect-ratio: 2/1;
}
.\[\&_img\]\:aspect-3\/2 img {
    aspect-ratio: 3/2;
}
.\[\&_img\]\:aspect-3\/4 img {
    aspect-ratio: 3/4;
}
.\[\&_img\]\:aspect-4\/3 img {
    aspect-ratio: 4/3;
}
.\[\&_img\]\:aspect-9\/16 img {
    aspect-ratio: 9/16;
}
.\[\&_input\.mktoField\#Phone\]\:\!pb-4 input.mktoField#Phone {
    padding-bottom: 1rem !important;
}
.\[\&_input\.mktoField\#Phone\]\:\!pt-4 input.mktoField#Phone {
    padding-top: 1rem !important;
}
.\[\&_label\.mktoLabel\.mktoHasWidth\]\:\!hidden label.mktoLabel.mktoHasWidth {
    display: none !important;
}
.\[\&_li\]\:font-medium li {
    font-weight: 500;
}
.\[\&_ol\]\:ml-10 ol {
    margin-left: 2.5rem;
}
.\[\&_ol\]\:ml-\[calc\(\(1\/25\)\*clamp\(var\(--screen-xs\)\2c _100vw\2c _var\(--screen-2xl\)\)\)\] ol {
    margin-left: calc((1 / 25) * clamp(var(--screen-xs), 100vw, var(--screen-2xl)));
}
.\[\&_ol\]\:flex ol {
    display: flex;
}
.\[\&_ol\]\:list-decimal ol {
    list-style-type: decimal;
}
.\[\&_ol\]\:flex-col ol {
    flex-direction: column;
}
.\[\&_ol\]\:gap-3 ol {
    gap: 0.75rem;
}
.\[\&_ol\]\:gap-6 ol {
    gap: 1.5rem;
}
.\[\&_ol\]\:pl-\[1\.5em\] ol {
    padding-left: 1.5em;
}
.\[\&_p\+p\]\:mt-4 p+p {
    margin-top: 1rem;
}
.\[\&_p\:not\(\:last-child\)\]\:mb-\[1em\] p:not(:last-child) {
    margin-bottom: 1em;
}
.\[\&_p\]\:max-w-\[100\%\] p {
    max-width: 100%;
}
.\[\&_p\]\:whitespace-pre-wrap p {
    white-space: pre-wrap;
}
.\[\&_p\]\:leading-\[1\.58\] p {
    line-height: 1.58;
}
.\[\&_picture\]\:h-auto picture {
    height: auto;
}
.\[\&_picture\]\:w-10 picture {
    width: 2.5rem;
}
.\[\&_picture\]\:w-full picture {
    width: 100%;
}
@media (min-width: 1024px) {
    .lg\:\[\&_picture\]\:h-\[150px\] picture {
        height: 150px;
    }
    .lg\:\[\&_picture\]\:w-auto picture {
        width: auto;
    }
}
@media (min-width: 1440px) {
    .\32xl\:\[\&_picture\]\:w-13\.5 picture {
        width: 3.375rem;
    }
}
.\[\&_select\.mktoField\]\:bg-img-select-black select.mktoField {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZmlsbD0iIzBBMEUxMiIgZD0iTTIzMy40IDQwNi42YzEyLjUgMTIuNSAzMi44IDEyLjUgNDUuMyAwbDE5Mi0xOTJjMTIuNS0xMi41IDEyLjUtMzIuOCAwLTQ1LjNzLTMyLjgtMTIuNS00NS4zIDBMMjU2IDMzOC43IDg2LjYgMTY5LjRjLTEyLjUtMTIuNS0zMi44LTEyLjUtNDUuMyAwcy0xMi41IDMyLjggMCA0NS4zbDE5MiAxOTJ6Ii8+PC9zdmc+);
}
.\[\&_select\.mktoField\]\:bg-img-select-white select.mktoField {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTIzMy40IDQwNi42YzEyLjUgMTIuNSAzMi44IDEyLjUgNDUuMyAwbDE5Mi0xOTJjMTIuNS0xMi41IDEyLjUtMzIuOCAwLTQ1LjNzLTMyLjgtMTIuNS00NS4zIDBMMjU2IDMzOC43IDg2LjYgMTY5LjRjLTEyLjUtMTIuNS0zMi44LTEyLjUtNDUuMyAwcy0xMi41IDMyLjggMCA0NS4zbDE5MiAxOTJ6Ii8+PC9zdmc+);
}
.\[\&_span\.btn-label\]\:\!text-body-2 span.btn-label {
    font-size: 1.125rem !important;
    line-height: 1.35 !important;
    letter-spacing: -0.03375rem !important;
    font-weight: 400 !important;
}
.\[\&_span\.btn-label\]\:\!font-medium span.btn-label {
    font-weight: 500 !important;
}
.\[\&_span\]\:font-medium span {
    font-weight: 500;
}
.\[\&_strong\]\:font-medium strong {
    font-weight: 500;
}
.\[\&_strong\]\:text-vimeo-blue strong {
    --tw-text-opacity: 1;
    color: rgba(var(--colors-vimeo-blue), var(--tw-text-opacity));
}
.\[\&_svg\]\:mb-6 svg {
    margin-bottom: 1.5rem;
}
.\[\&_svg\]\:mb-component-1\/2 svg {
    margin-bottom: 1.5rem;
}
.\[\&_svg\]\:h-10 svg {
    height: 2.5rem;
}
.\[\&_svg\]\:h-12 svg {
    height: 3rem;
}
.\[\&_svg\]\:h-5 svg {
    height: 1.25rem;
}
.\[\&_svg\]\:h-6\.5 svg {
    height: 1.625rem;
}
.\[\&_svg\]\:h-\[13px\] svg {
    height: 13px;
}
.\[\&_svg\]\:h-auto svg {
    height: auto;
}
.\[\&_svg\]\:h-chroma-48 svg {
    height: 48px;
}
.\[\&_svg\]\:w-10 svg {
    width: 2.5rem;
}
.\[\&_svg\]\:w-12 svg {
    width: 3rem;
}
.\[\&_svg\]\:w-5 svg {
    width: 1.25rem;
}
.\[\&_svg\]\:w-6\.5 svg {
    width: 1.625rem;
}
.\[\&_svg\]\:w-\[13px\] svg {
    width: 13px;
}
.\[\&_svg\]\:w-\[2\.93144rem\] svg {
    width: 2.93144rem;
}
.\[\&_svg\]\:w-\[46\.903px\] svg {
    width: 46.903px;
}
.\[\&_svg\]\:w-\[var\(--w\)\] svg {
    width: var(--w);
}
.\[\&_svg\]\:w-auto svg {
    width: auto;
}
.\[\&_svg\]\:w-chroma-48 svg {
    width: 48px;
}
.\[\&_svg\]\:rotate-180 svg {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\[\&_svg\]\:fill-vimeo-blue svg {
    fill: rgb(var(--colors-vimeo-blue));
}
.\[\&_svg\]\:fill-vimeo-blue-80 svg {
    fill: rgb(var(--colors-vimeo-blue-80));
}
.\[\&_svg\]\:text-black svg {
    --tw-text-opacity: 1;
    color: rgba(var(--colors-black), var(--tw-text-opacity));
}
.\[\&_svg\]\:text-card-content svg {
    color: var(--colors-card-content);
}
.\[\&_svg\]\:text-inherit svg {
    color: inherit;
}
.\[\&_svg\]\:text-white svg {
    --tw-text-opacity: 1;
    color: rgba(var(--colors-white), var(--tw-text-opacity));
}
.\[\&_svg\]\:transition-all svg {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.\[\&_svg\]\:duration-500 svg {
    transition-duration: 500ms;
}
.\[\&_svg\]\:ease-in-out svg {
    transition-timing-function: cubic-bezier(0.33, 0, 0.25, 1);
}
.group:hover .group-hover\:\[\&_svg\]\:text-card-hover-content svg {
    color: var(--colors-card-hover-content);
}
.group:hover .group-hover\:\[\&_svg\]\:text-card-hover-sub-content svg {
    color: var(--colors-card-hover-sub-content);
}
.group:hover .group-hover\:\[\&_svg\]\:text-vimeo-blue svg {
    --tw-text-opacity: 1;
    color: rgba(var(--colors-vimeo-blue), var(--tw-text-opacity));
}
@media (min-width: 1024px) {
    .lg\:\[\&_svg\]\:w-\[var\(--md-w\)\] svg {
        width: var(--md-w);
    }
}
.\[\&_ul\]\:ml-10 ul {
    margin-left: 2.5rem;
}
.\[\&_ul\]\:ml-\[calc\(\(1\/25\)\*clamp\(var\(--screen-xs\)\2c _100vw\2c _var\(--screen-2xl\)\)\)\] ul {
    margin-left: calc((1 / 25) * clamp(var(--screen-xs), 100vw, var(--screen-2xl)));
}
.\[\&_ul\]\:flex ul {
    display: flex;
}
.\[\&_ul\]\:list-disc ul {
    list-style-type: disc;
}
.\[\&_ul\]\:flex-col ul {
    flex-direction: column;
}
.\[\&_ul\]\:gap-2 ul {
    gap: 0.5rem;
}
.\[\&_ul\]\:gap-y-3 ul {
    row-gap: 0.75rem;
}
.\[\&_ul\]\:pl-\[1\.5em\] ul {
    padding-left: 1.5em;
}
.\[\&_video\]\:object-contain video {
    -o-object-fit: contain;
       object-fit: contain;
}
.\[\&_\~_\.label-false\]\:data-\[state\=checked\]\:text-bokeh-grey-400[data-state=checked] ~ .label-false {
    --tw-text-opacity: 1;
    color: rgba(var(--colors-bokeh-grey-400), var(--tw-text-opacity));
}
.\[\&_\~_\.label-true\]\:data-\[state\=unchecked\]\:text-bokeh-grey-400[data-state=unchecked] ~ .label-true {
    --tw-text-opacity: 1;
    color: rgba(var(--colors-bokeh-grey-400), var(--tw-text-opacity));
}
.\[\&_\~_\.tag\:before\]\:data-\[state\=unchecked\]\:border-r-granite-gray[data-state=unchecked] ~ .tag:before {
    --tw-border-opacity: 1;
    border-right-color: rgba(var(--colors-granite-gray), var(--tw-border-opacity));
}
.\[\&_\~_\.tag\]\:data-\[state\=unchecked\]\:bg-granite-gray[data-state=unchecked] ~ .tag {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--colors-granite-gray), var(--tw-bg-opacity));
}
.\[\&_\~_\.tag\]\:data-\[state\=unchecked\]\:text-white[data-state=unchecked] ~ .tag {
    --tw-text-opacity: 1;
    color: rgba(var(--colors-white), var(--tw-text-opacity));
}


/*# sourceMappingURL=86ba87648cb1d4fb.css.map*/