:where(:root, [data-clg-mode], [data-clg-theme]) {
  --clg-typography-sem-product-body-mobile-smallest-font-family:
    "ABCDiatype", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial",
    "sans-serif";
  --clg-typography-sem-product-body-mobile-smaller-font-family:
    "ABCDiatype", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial",
    "sans-serif";
  --clg-typography-sem-product-body-mobile-small-tight-line-height: 15.59px;
  --clg-typography-sem-product-body-mobile-small-font-family:
    "ABCDiatype", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial",
    "sans-serif";
  --clg-typography-sem-product-body-mobile-base-tight-line-height: 20px;
  --clg-typography-sem-product-body-mobile-base-font-family:
    "ABCDiatype", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial",
    "sans-serif";
  --clg-typography-sem-product-body-mobile-large-tight-line-height: 22.81px;
  --clg-typography-sem-product-body-mobile-large-font-family:
    "ABCDiatype", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial",
    "sans-serif";
  --clg-typography-sem-product-body-desktop-smallest-font-family:
    "ABCDiatype", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial",
    "sans-serif";
  --clg-typography-sem-product-body-desktop-smaller-font-family:
    "ABCDiatype", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial",
    "sans-serif";
  --clg-typography-sem-product-body-desktop-small-tight-line-height: 15.59px;
  --clg-typography-sem-product-body-desktop-small-font-family:
    "ABCDiatype", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial",
    "sans-serif";
  --clg-typography-sem-product-body-desktop-base-font-family:
    "ABCDiatype", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial",
    "sans-serif";
  --clg-typography-sem-product-body-desktop-large-tight-line-height: 26.61px;
  --clg-typography-sem-product-body-desktop-large-font-family:
    "ABCDiatype", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial",
    "sans-serif";
  --clg-typography-sem-product-title-mobile-small-tight-line-height: 15.59px;
  --clg-typography-sem-product-title-mobile-large-tight-line-height: 19.8px;
  --clg-typography-sem-product-title-desktop-small-tight-line-height: 15.59px;
  --clg-typography-sem-product-title-desktop-large-tight-line-height: 20.91px;
  --clg-typography-sem-product-heading-mobile-small-tight-line-height: 22.81px;
  --clg-typography-sem-product-heading-mobile-small-font-family:
    "ABCOtto", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light",
    "Droid Serif", "Georgia", "serif";
  --clg-typography-sem-product-heading-mobile-base-font-family:
    "ABCOtto", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light",
    "Droid Serif", "Georgia", "serif";
  --clg-typography-sem-product-heading-mobile-large-font-family:
    "ABCOtto", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light",
    "Droid Serif", "Georgia", "serif";
  --clg-typography-sem-product-heading-desktop-small-tight-line-height: 29.99px;
  --clg-typography-sem-product-heading-desktop-small-font-family:
    "ABCOtto", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light",
    "Droid Serif", "Georgia", "serif";
  --clg-typography-sem-product-heading-desktop-base-font-family:
    "ABCOtto", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light",
    "Droid Serif", "Georgia", "serif";
  --clg-typography-sem-product-heading-desktop-large-font-family:
    "ABCOtto", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light",
    "Droid Serif", "Georgia", "serif";
  --clg-typography-sem-product-display-mobile-base-font-family:
    "ABCOtto", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light",
    "Droid Serif", "Georgia", "serif";
  --clg-typography-sem-product-display-mobile-large-font-family:
    "ABCOtto", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light",
    "Droid Serif", "Georgia", "serif";
  --clg-typography-sem-product-display-mobile-larger-font-family:
    "ABCOtto", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light",
    "Droid Serif", "Georgia", "serif";
  --clg-typography-sem-product-display-desktop-base-font-family:
    "ABCOtto", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light",
    "Droid Serif", "Georgia", "serif";
  --clg-typography-sem-product-display-desktop-large-font-family:
    "ABCOtto", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light",
    "Droid Serif", "Georgia", "serif";
  --clg-typography-sem-product-display-desktop-larger-font-family:
    "ABCOtto", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light",
    "Droid Serif", "Georgia", "serif";
  --clg-typography-pal-letter-spacing-025: -0.05;
  --clg-typography-pal-letter-spacing-900: 0.02;
  --clg-typography-pal-letter-spacing-850: 0.0175;
  --clg-typography-pal-letter-spacing-800: 0.015;
  --clg-typography-pal-letter-spacing-750: 0.0125;
  --clg-typography-pal-letter-spacing-700: 0.01;
  --clg-typography-pal-letter-spacing-650: 0.0075;
  --clg-typography-pal-letter-spacing-600: 0.005;
  --clg-typography-pal-letter-spacing-550: 0.0025;
  --clg-typography-pal-letter-spacing-500: 0;
  --clg-typography-pal-letter-spacing-450: -0.0025;
  --clg-typography-pal-letter-spacing-400: -0.005;
  --clg-typography-pal-letter-spacing-350: -0.0075;
  --clg-typography-pal-letter-spacing-300: -0.01;
  --clg-typography-pal-letter-spacing-250: -0.0125;
  --clg-typography-pal-letter-spacing-200: -0.015;
  --clg-typography-pal-letter-spacing-150: -0.0175;
  --clg-typography-pal-letter-spacing-100: -0.02;
  --clg-typography-pal-emphasis-size-100: 1.032;
  --clg-typography-pal-size-075: 8.99px;
  --clg-typography-pal-size-050: 8.99px;
  --clg-typography-pal-size-025: 8.99px;
  --clg-typography-pal-size-000: 8.99px;
  --clg-typography-pal-size-1000: 80px;
  --clg-typography-pal-size-900: 104.99px;
  --clg-typography-pal-size-875: 94px;
  --clg-typography-pal-size-850: 83.01px;
  --clg-typography-pal-size-825: 74px;
  --clg-typography-pal-size-800: 64px;
  --clg-typography-pal-size-775: 58px;
  --clg-typography-pal-size-750: 52px;
  --clg-typography-pal-size-725: 46px;
  --clg-typography-pal-size-700: 56px;
  --clg-typography-pal-size-675: 36px;
  --clg-typography-pal-size-650: 32px;
  --clg-typography-pal-size-625: 28.99px;
  --clg-typography-pal-size-600: 48px;
  --clg-typography-pal-size-575: 23.01px;
  --clg-typography-pal-size-550: 20px;
  --clg-typography-pal-size-525: 18px;
  --clg-typography-pal-size-500: 40px;
  --clg-typography-pal-size-475: 14px;
  --clg-typography-pal-size-450: 12.99px;
  --clg-typography-pal-size-425: 11.01px;
  --clg-typography-pal-size-400: 32px;
  --clg-typography-pal-size-375: 8.99px;
  --clg-typography-pal-size-350: 8.99px;
  --clg-typography-pal-size-325: 8.99px;
  --clg-typography-pal-size-300: 24px;
  --clg-typography-pal-size-275: 8.99px;
  --clg-typography-pal-size-250: 20px;
  --clg-typography-pal-size-225: 8.99px;
  --clg-typography-pal-size-200: 16px;
  --clg-typography-pal-size-175: 14px;
  --clg-typography-pal-size-150: 12px;
  --clg-typography-pal-size-125: 10px;
  --clg-typography-pal-size-100: 8.99px;
  --clg-typography-pal-weight-700: 700;
  --clg-typography-pal-weight-600: 600;
  --clg-typography-pal-weight-500: 500;
  --clg-typography-pal-weight-400: 400;
  --clg-typography-pal-weight-300: 300;
  --clg-typography-pal-weight-200: 200;
  --clg-typography-pal-family-sans-serif-heavy-italic:
    "ABCDiatype", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial",
    "sans-serif";
  --clg-typography-pal-family-sans-serif-heavy:
    "ABCDiatype", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial",
    "sans-serif";
  --clg-typography-pal-family-sans-serif-bold-italic:
    "ABCDiatype", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial",
    "sans-serif";
  --clg-typography-pal-family-sans-serif-bold:
    "ABCDiatype", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial",
    "sans-serif";
  --clg-typography-pal-family-sans-serif-medium-italic:
    "ABCDiatype", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial",
    "sans-serif";
  --clg-typography-pal-family-sans-serif-medium:
    "ABCDiatype", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial",
    "sans-serif";
  --clg-typography-pal-family-sans-serif-regular-italic:
    "ABCDiatype", "-apple-system", "Helvetica Neue", "Arial", "sans-serif";
  --clg-typography-pal-family-sans-serif-regular:
    "ABCDiatype", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial",
    "sans-serif";
  --clg-typography-pal-family-sans-serif-letter-spacing: -0.01;
  --clg-typography-pal-family-serif-bold-italic:
    "ABCOtto", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light",
    "Droid Serif", "Georgia", "serif";
  --clg-typography-pal-family-serif-bold:
    "ABCOtto", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light",
    "Droid Serif", "Georgia", "serif";
  --clg-typography-pal-family-serif-medium-italic:
    "ABCOtto", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light",
    "Droid Serif", "Georgia", "serif";
  --clg-typography-pal-family-serif-medium:
    "ABCOtto", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light",
    "Droid Serif", "Georgia", "serif";
  --clg-typography-pal-family-serif-regular-italic:
    "ABCOtto", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light",
    "Droid Serif", "Georgia", "serif";
  --clg-typography-pal-family-serif-regular:
    "ABCOtto", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light",
    "Droid Serif", "Georgia", "serif";
  --clg-typography-pal-family-serif-light-italic:
    "ABCOtto", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light",
    "Droid Serif", "Georgia", "serif";
  --clg-typography-pal-family-serif-light:
    "ABCOtto", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light",
    "Droid Serif", "Georgia", "serif";
  --clg-shape-sem-border-radius-full: 999999px;
  --clg-shape-pal-border-width-050: 0.5px;
  --clg-shape-pal-border-width-400: 6px;
  --clg-shape-pal-border-width-300: 4px;
  --clg-shape-pal-border-width-200: 2px;
  --clg-shape-pal-border-width-150: 1.5px;
  --clg-shape-pal-border-width-100: 1px;
  --clg-shape-pal-border-radius-base-unit: 8px;
  --clg-shape-app-tabs-track-border-radius: 1px;
  --clg-shape-app-tabs-highlight-border-radius: 1px;
  --clg-shape-app-selectable-text-slash-width: 1px;
  --clg-shape-app-selectable-text-border-selected-gap: 3px;
  --clg-shape-app-selectable-image-slash-width: 1px;
  --clg-shape-app-selectable-image-border-selected-inner-width: 3px;
  --clg-shape-app-selectable-image-border-hovered-inner-width: 3px;
  --clg-shape-app-selectable-swatch-slash-width: 1px;
  --clg-shape-app-selectable-swatch-selected-border-inner-width: 3px;
  --clg-shape-app-selectable-swatch-hovered-border-inner-width: 3px;
  --clg-shape-app-input-radio-small-selected-border-width: 7px;
  --clg-shape-app-input-radio-selected-border-width: 9px;
  --clg-shape-app-chip-selectable-selected-border-width: 0px;
  --clg-shape-app-chip-removable-border-width: 0px;
  --clg-shape-app-carousel-dots-v2-border-width: 0px;
  --clg-shape-app-button-transparent-border-width: 0px;
  --clg-shape-app-button-tertiary-border-width: 0px;
  --clg-shape-app-button-primary-border-width: 0px;
  --clg-shape-app-button-icon-transparent-border-width: 0px;
  --clg-shape-app-button-icon-tertiary-border-width: 0px;
  --clg-shape-app-button-icon-primary-border-width: 0px;
  --clg-shape-app-button-icon-on-image-border-width: 0px;
  --clg-effect-sem-shadow-elevation-4:
    0px 12px 20px 0px #150a040a, 0px 16px 24px 2px #150a040f;
  --clg-effect-sem-shadow-elevation-3:
    0px 8px 16px 0px #150a040a, 0px 12px 20px 2px #150a040f;
  --clg-effect-sem-shadow-elevation-2:
    0px 4px 12px 0px #150a040a, 0px 8px 16px 2px #150a040f;
  --clg-effect-sem-shadow-elevation-1:
    0px 2px 8px 0px #150a040a, 0px 4px 12px 2px #150a040f;
  --clg-effect-sem-parallax-on-hover-scale: 1.04;
  --clg-effect-sem-interaction-press-on-press-strong-scale: 0.92;
  --clg-effect-sem-interaction-press-on-press-default-scale: 0.94;
  --clg-effect-sem-interaction-press-on-press-light-scale: 0.97;
  --clg-effect-pal-z-index-1000: 100;
  --clg-effect-pal-z-index-900: 90;
  --clg-effect-pal-z-index-800: 80;
  --clg-effect-pal-z-index-700: 70;
  --clg-effect-pal-z-index-600: 60;
  --clg-effect-pal-z-index-500: 50;
  --clg-effect-pal-z-index-400: 40;
  --clg-effect-pal-z-index-300: 30;
  --clg-effect-pal-z-index-200: 20;
  --clg-effect-pal-z-index-100: 10;
  --clg-effect-pal-duration-075: 75ms;
  --clg-effect-pal-duration-050: 50ms;
  --clg-effect-pal-duration-025: 25ms;
  --clg-effect-pal-duration-000: 0s;
  --clg-effect-pal-duration-700: 0.7s;
  --clg-effect-pal-duration-600: 0.6s;
  --clg-effect-pal-duration-500: 0.5s;
  --clg-effect-pal-duration-400: 0.4s;
  --clg-effect-pal-duration-300: 0.3s;
  --clg-effect-pal-duration-250: 0.25s;
  --clg-effect-pal-duration-200: 0.2s;
  --clg-effect-pal-duration-150: 0.15s;
  --clg-effect-pal-duration-100: 0.1s;
  --clg-effect-pal-curve-symmetrical-out: cubic-bezier(0.5, 0, 1, 1);
  --clg-effect-pal-curve-symmetrical-in: cubic-bezier(0, 0, 0.5, 1);
  --clg-effect-pal-curve-symmetrical: cubic-bezier(0.5, 0, 0.5, 1);
  --clg-effect-pal-curve-long-tail: cubic-bezier(0.3, 0, 0, 1);
  --clg-effect-pal-curve-long-out: cubic-bezier(0.3, 0, 1, 1);
  --clg-effect-pal-curve-long-in: cubic-bezier(0, 0, 0, 1);
  --clg-effect-pal-curve-linear: cubic-bezier(0, 0, 1, 1);
  --clg-effect-pal-curve-functional-short-exit: cubic-bezier(1, 0, 1, 1);
  --clg-effect-pal-curve-functional-short-enter: cubic-bezier(0, 0, 0, 1);
  --clg-effect-pal-curve-functional-exit: cubic-bezier(0.8, 0, 1, 1);
  --clg-effect-pal-curve-functional-enter: cubic-bezier(0, 0, 0.2, 1);
  --clg-effect-pal-curve-functional-default: cubic-bezier(0.5, 0, 0.2, 1);
  --clg-effect-pal-curve-expressive-exit: cubic-bezier(0.9, 0, 0.9, 1);
  --clg-effect-pal-curve-expressive-enter: cubic-bezier(0.1, 0, 0.1, 1);
  --clg-effect-pal-curve-expressive-default: cubic-bezier(0.6, 0, 0.1, 1);
  --clg-effect-app-skeleton-ui-duration: 2s;
  --clg-effect-app-skeleton-ui-curve: cubic-bezier(0.99, 0.01, 0.54, 0.54);
  --clg-effect-app-selectable-text-on-press-scale-from: 1;
  --clg-effect-app-selectable-swatch-on-press-scale-from: 1;
  --clg-effect-app-selectable-image-on-hover-scale-from: 1;
  --clg-effect-app-selectable-image-on-press-scale-from: 1;
  --clg-effect-app-selectable-card-image-on-hover-scale-from: 1;
  --clg-effect-app-selectable-card-on-press-scale-from: 1;
  --clg-effect-app-scrim-hide-fade-to: 0;
  --clg-effect-app-scrim-hide-fade-from: 1;
  --clg-effect-app-scrim-show-fade-to: 1;
  --clg-effect-app-scrim-show-fade-from: 0;
  --clg-effect-app-radio-unselected-scale-to: 0.7;
  --clg-effect-app-radio-unselected-scale-from: 1;
  --clg-effect-app-radio-selected-scale-2-to: 1;
  --clg-effect-app-radio-selected-scale-1-to: 1.15;
  --clg-effect-app-radio-selected-scale-1-from: 0.6;
  --clg-effect-app-input-shadow: 0px 0px 0px 0px #0000;
  --clg-effect-app-indicator-number-change-new-number-fade-to: 1;
  --clg-effect-app-indicator-number-change-new-number-fade-from: 0;
  --clg-effect-app-indicator-number-change-old-number-fade-to: 0;
  --clg-effect-app-indicator-number-change-old-number-fade-from: 1;
  --clg-effect-app-indicator-hide-fade-to: 0;
  --clg-effect-app-indicator-hide-fade-from: 1;
  --clg-effect-app-indicator-hide-scale-to: 0;
  --clg-effect-app-indicator-hide-scale-from: 1;
  --clg-effect-app-indicator-show-fade-to: 1;
  --clg-effect-app-indicator-show-fade-from: 0;
  --clg-effect-app-indicator-show-scale-2-to: 1;
  --clg-effect-app-indicator-show-scale-1-to: 1.03;
  --clg-effect-app-indicator-show-scale-1-from: 0;
  --clg-effect-app-dialog-hide-content-fade-to: 0;
  --clg-effect-app-dialog-hide-content-fade-from: 1;
  --clg-effect-app-dialog-hide-background-fade-to: 0;
  --clg-effect-app-dialog-hide-background-fade-from: 1;
  --clg-effect-app-dialog-hide-background-scale-to: 0.93;
  --clg-effect-app-dialog-hide-background-scale-from: 1;
  --clg-effect-app-dialog-show-content-fade-to: 1;
  --clg-effect-app-dialog-show-content-fade-from: 0;
  --clg-effect-app-dialog-show-background-fade-to: 1;
  --clg-effect-app-dialog-show-background-fade-from: 0;
  --clg-effect-app-dialog-show-background-scale-to: 1;
  --clg-effect-app-dialog-show-background-scale-from: 0.93;
  --clg-effect-app-checkbox-unselected-scale-to: 0.7;
  --clg-effect-app-checkbox-unselected-scale-from: 1;
  --clg-effect-app-checkbox-selected-scale-2-to: 1;
  --clg-effect-app-checkbox-selected-scale-1-to: 1.1;
  --clg-effect-app-checkbox-selected-scale-1-from: 0.6;
  --clg-effect-app-button-icon-on-press-scale-from: 1;
  --clg-effect-app-button-on-hover-scale-to: 1.01;
  --clg-effect-app-button-on-hover-scale-from: 1;
  --clg-effect-app-button-on-press-scale-from: 1;
  --clg-effect-app-alert-banner-show-content-fade-to: 1;
  --clg-effect-app-alert-banner-show-content-fade-from: 0;
  --clg-effect-app-alert-banner-show-background-fade-to: 1;
  --clg-effect-app-alert-banner-show-background-fade-from: 0;
  --clg-effect-app-alert-banner-show-scale-to: 1;
  --clg-effect-app-alert-banner-show-scale-from: 0.9;
  --clg-dimension-sem-spacing-button: 6px;
  --clg-dimension-sem-icon-brand-container-smallest: 96px;
  --clg-dimension-sem-icon-brand-container-smaller: 120px;
  --clg-dimension-sem-icon-brand-container-largest: 192px;
  --clg-dimension-sem-icon-brand-container-larger: 168px;
  --clg-dimension-sem-icon-brand-container-base: 144px;
  --clg-dimension-sem-icon-brand-largest: 120px;
  --clg-dimension-sem-icon-brand-larger: 108px;
  --clg-dimension-sem-icon-brand-base: 96px;
  --clg-dimension-sem-icon-brand-smaller: 84px;
  --clg-dimension-sem-icon-brand-smallest: 60px;
  --clg-dimension-pal-spacing-base-unit: 6px;
  --clg-dimension-pal-size-base-unit: 6px;
  --clg-dimension-pal-grid-base-unit: 8px;
  --clg-dimension-app-upload-item-small-size: 108px;
  --clg-dimension-app-upload-item-base-size: 160px;
  --clg-dimension-app-tooltip-max-width: 240px;
  --clg-dimension-app-tabs-vertical-highlight-width: 3px;
  --clg-dimension-app-tabs-horizontal-highlight-height: 3px;
  --clg-dimension-app-switch-small-width: 42px;
  --clg-dimension-app-switch-handle-offset-position: 6px;
  --clg-dimension-app-switch-checked-handle-offset-position: -6px;
  --clg-dimension-app-selectable-text-min-width-large: 152px;
  --clg-dimension-app-signal-group-large-gap: 6px;
  --clg-dimension-app-signal-group-gap: 4px;
  --clg-dimension-app-signal-subtle-padding-vertical: 2px;
  --clg-dimension-app-signal-subtle-padding-horizontal: 0px;
  --clg-dimension-app-signal-subtle-minimum-height: 16px;
  --clg-dimension-app-signal-padding-vertical: 3px;
  --clg-dimension-app-signal-padding-horizontal: 6px;
  --clg-dimension-app-signal-large-subtle-padding-vertical: 2px;
  --clg-dimension-app-signal-large-subtle-padding-horizontal: 0px;
  --clg-dimension-app-signal-large-subtle-minimum-height: 18px;
  --clg-dimension-app-signal-large-padding-vertical: 4px;
  --clg-dimension-app-signal-large-padding-horizontal: 8px;
  --clg-dimension-app-signal-large-minimum-height: 28px;
  --clg-dimension-app-signal-minimum-height: 20px;
  --clg-dimension-app-signal-gap: 3px;
  --clg-dimension-app-sheets-max-width-wide: 1200px;
  --clg-dimension-app-sheets-max-width-narrow: 480px;
  --clg-dimension-app-sheets-max-width-bottom: 984px;
  --clg-dimension-app-sheets-max-width-base: 640px;
  --clg-dimension-app-sheets-min-height: 240px;
  --clg-dimension-app-prompt-max-width: 440px;
  --clg-dimension-app-popover-width: 240px;
  --clg-dimension-app-menu-width-wide: 320px;
  --clg-dimension-app-menu-width-narrow: 160px;
  --clg-dimension-app-menu-width-base: 208px;
  --clg-dimension-app-menu-min-height: 480px;
  --clg-dimension-app-menu-max-height: 320px;
  --clg-dimension-app-menu-cascading-gap: -4px;
  --clg-dimension-app-input-label-max-width: 600px;
  --clg-dimension-app-input-button-padding-right: 21px;
  --clg-dimension-app-input-button-padding-left: 15px;
  --clg-dimension-app-indicator-padding-vertical: 0px;
  --clg-dimension-app-indicator-large-padding-vertical: 0px;
  --clg-dimension-app-indicator-large-padding-horizontal: 6px;
  --clg-dimension-app-indicator-large-minimum-width: 20px;
  --clg-dimension-app-indicator-large-minimum-height: 20px;
  --clg-dimension-app-indicator-gap: 3px;
  --clg-dimension-app-feature-illustration-large-size: 240px;
  --clg-dimension-app-feature-illustration-base-size: 184px;
  --clg-dimension-app-empty-state-content-max-width: 300px;
  --clg-dimension-app-drag-and-drop-small-max-width: 480px;
  --clg-dimension-app-drag-and-drop-small-height: 120px;
  --clg-dimension-app-drag-and-drop-base-max-width: 960px;
  --clg-dimension-app-drag-and-drop-base-height: 240px;
  --clg-dimension-app-dialog-max-width-wide: 900px;
  --clg-dimension-app-dialog-max-width-narrow: 540px;
  --clg-dimension-app-dialog-max-width-large: 900px;
  --clg-dimension-app-dialog-max-width-base: 700px;
  --clg-dimension-app-chip-removable-padding-end: 0px;
  --clg-dimension-app-chip-removable-gap: 0px;
  --clg-dimension-app-chip-filter-gap: 0px;
  --clg-dimension-app-carousel-dots-v2-padding-vertical: 6px;
  --clg-dimension-app-carousel-dots-v2-gap: 6px;
  --clg-dimension-app-button-selectable-filter-gap: 0px;
  --clg-dimension-app-brand-dialog-mobile-max-height: 206px;
  --clg-dimension-app-brand-dialog-desktop-max-height: 328px;
  --clg-dimension-app-badge-dot-size: 10px;
  --clg-dimension-app-alert-dialog-max-width: 480px;
  --clg-dimension-app-alert-toast-max-width: 616px;
  --clg-dimension-app-accordion-text-max-width: 544px;
  --clg-color-sem-background-surface-trust-subtle: #f1e8c8;
  --clg-color-sem-background-surface-expressive-yellow-lightest: #0000;
  --clg-color-sem-background-surface-expressive-yellow-lighter: #0000;
  --clg-color-sem-background-surface-expressive-yellow-light: #f1e8c8;
  --clg-color-sem-background-surface-expressive-yellow-darker: #664f03;
  --clg-color-sem-background-surface-expressive-yellow-dark: #c19502;
  --clg-color-sem-background-surface-expressive-teal-light: #cadade;
  --clg-color-sem-background-surface-expressive-teal-darker: #0d424e;
  --clg-color-sem-background-surface-expressive-teal-dark: #789aa2;
  --clg-color-sem-background-surface-expressive-red-light: #f7d5da;
  --clg-color-sem-background-surface-expressive-red-darker: #560920;
  --clg-color-sem-background-surface-expressive-red-dark: #93150e;
  --clg-color-sem-background-surface-expressive-purple-lighter: #0000;
  --clg-color-sem-background-surface-expressive-purple-light: #ded3e8;
  --clg-color-sem-background-surface-expressive-purple-darker: #2f203c;
  --clg-color-sem-background-surface-expressive-purple-dark: #4d3464;
  --clg-color-sem-background-surface-expressive-green-lightest: #0000;
  --clg-color-sem-background-surface-expressive-green-lighter: #0000;
  --clg-color-sem-background-surface-expressive-green-light: #d2dbbd;
  --clg-color-sem-background-surface-expressive-green-darker: #404632;
  --clg-color-sem-background-surface-expressive-green-dark: #6a7550;
  --clg-color-sem-background-surface-expressive-blue-light: #d2dff2;
  --clg-color-sem-background-surface-expressive-blue-darker: #1a224d;
  --clg-color-sem-background-surface-expressive-blue-dark: #545a78;
  --clg-color-pal-yellow-075: #fffcf7;
  --clg-color-pal-yellow-050: #fffdfa;
  --clg-color-pal-yellow-950: #342400;
  --clg-color-pal-yellow-900: #694800;
  --clg-color-pal-yellow-850: #996900;
  --clg-color-pal-yellow-800: #db9600;
  --clg-color-pal-yellow-750: #ffb619;
  --clg-color-pal-yellow-700: #ffba26;
  --clg-color-pal-yellow-650: #ffbe33;
  --clg-color-pal-yellow-600: #ffc340;
  --clg-color-pal-yellow-550: #ffc74d;
  --clg-color-pal-yellow-500: #ffcb5a;
  --clg-color-pal-yellow-450: #ffd373;
  --clg-color-pal-yellow-400: #ffdb8c;
  --clg-color-pal-yellow-350: #ffe2a4;
  --clg-color-pal-yellow-300: #ffebbf;
  --clg-color-pal-yellow-250: #fff3d8;
  --clg-color-pal-yellow-200: #fff5e1;
  --clg-color-pal-yellow-150: #fff8e8;
  --clg-color-pal-yellow-100: #fffaef;
  --clg-color-pal-turquoise-900: #1a3b38;
  --clg-color-pal-turquoise-700: #2f766d;
  --clg-color-pal-turquoise-300: #7ed4bd;
  --clg-color-pal-turquoise-100: #ddebe3;
  --clg-color-pal-transparent-white-075: #ffffff21;
  --clg-color-pal-transparent-white-050: #ffffff08;
  --clg-color-pal-transparent-white-000: #fff0;
  --clg-color-pal-transparent-white-950: #fff;
  --clg-color-pal-transparent-white-900: #fff;
  --clg-color-pal-transparent-white-800: #fffffff2;
  --clg-color-pal-transparent-white-700: #fffffff0;
  --clg-color-pal-transparent-white-600: #ffffffd9;
  --clg-color-pal-transparent-white-550: #ffffffb5;
  --clg-color-pal-transparent-white-500: #ffffffb8;
  --clg-color-pal-transparent-white-400: #ffffffa3;
  --clg-color-pal-transparent-white-350: #ffffff91;
  --clg-color-pal-transparent-white-200: #ffffff85;
  --clg-color-pal-transparent-white-150: #ffffff61;
  --clg-color-pal-transparent-white-100: #ffffff42;
  --clg-color-pal-transparent-purple-075: #0000;
  --clg-color-pal-transparent-purple-800: #0000;
  --clg-color-pal-transparent-purple-700: #0000;
  --clg-color-pal-transparent-purple-600: #0000;
  --clg-color-pal-transparent-purple-500: #0000;
  --clg-color-pal-transparent-purple-350: #0000;
  --clg-color-pal-transparent-purple-150: #0000;
  --clg-color-pal-transparent-purple-100: #0000;
  --clg-color-pal-transparent-black-075: #3314000d;
  --clg-color-pal-transparent-black-050: #33140008;
  --clg-color-pal-transparent-black-000: #110f1400;
  --clg-color-pal-transparent-black-950: #110f14fa;
  --clg-color-pal-transparent-black-900: #0d0a0ff2;
  --clg-color-pal-transparent-black-800: #0f0b0adb;
  --clg-color-pal-transparent-black-700: #1f1614bf;
  --clg-color-pal-transparent-black-600: #1f1714b2;
  --clg-color-pal-transparent-black-550: #211512ad;
  --clg-color-pal-transparent-black-500: #2314109e;
  --clg-color-pal-transparent-black-400: #27130c80;
  --clg-color-pal-transparent-black-350: #2610086e;
  --clg-color-pal-transparent-black-200: #33140042;
  --clg-color-pal-transparent-black-150: #33140030;
  --clg-color-pal-transparent-black-100: #33140022;
  --clg-color-pal-teal-075: #f3faf8;
  --clg-color-pal-teal-050: #f8fcfb;
  --clg-color-pal-teal-950: #091512;
  --clg-color-pal-teal-900: #122b24;
  --clg-color-pal-teal-850: #1b4036;
  --clg-color-pal-teal-800: #245648;
  --clg-color-pal-teal-750: #2e6f5c;
  --clg-color-pal-teal-700: #398872;
  --clg-color-pal-teal-650: #44a287;
  --clg-color-pal-teal-600: #48ad90;
  --clg-color-pal-teal-550: #5aba9f;
  --clg-color-pal-teal-500: #5aba9f;
  --clg-color-pal-teal-450: #6cc2a9;
  --clg-color-pal-teal-400: #7ec9b4;
  --clg-color-pal-teal-350: #91d1bf;
  --clg-color-pal-teal-300: #a3d8c9;
  --clg-color-pal-teal-250: #b6e0d4;
  --clg-color-pal-teal-200: #c8e8df;
  --clg-color-pal-teal-150: #dcf0ea;
  --clg-color-pal-teal-100: #e7f5f1;
  --clg-color-pal-slime-900: #1c4a21;
  --clg-color-pal-slime-700: #258635;
  --clg-color-pal-slime-300: #9ec063;
  --clg-color-pal-slime-100: #d4e9d7;
  --clg-color-pal-red-075: #fef6f7;
  --clg-color-pal-red-050: #fef9fa;
  --clg-color-pal-red-1000: #230308;
  --clg-color-pal-red-950: #470611;
  --clg-color-pal-red-900: #6a0919;
  --clg-color-pal-red-850: #8e0c21;
  --clg-color-pal-red-800: #aa0e28;
  --clg-color-pal-red-750: #c7102f;
  --clg-color-pal-red-700: #e41336;
  --clg-color-pal-red-650: #ee2c4c;
  --clg-color-pal-red-600: #f14c68;
  --clg-color-pal-red-550: #f37287;
  --clg-color-pal-red-500: #f58598;
  --clg-color-pal-red-450: #f79baa;
  --clg-color-pal-red-400: #f9b2be;
  --clg-color-pal-red-350: #fbc8d1;
  --clg-color-pal-red-300: #fce0e4;
  --clg-color-pal-red-250: #fde5e9;
  --clg-color-pal-red-200: #fdecef;
  --clg-color-pal-red-150: #fef2f4;
  --clg-color-pal-red-100: #fef6f7;
  --clg-color-pal-purple-075: #fbf7fa;
  --clg-color-pal-purple-050: #fdfbfd;
  --clg-color-pal-purple-950: #180a15;
  --clg-color-pal-purple-900: #30152b;
  --clg-color-pal-purple-850: #481f40;
  --clg-color-pal-purple-800: #602a56;
  --clg-color-pal-purple-750: #78346b;
  --clg-color-pal-purple-700: #944185;
  --clg-color-pal-purple-650: #ae4d9d;
  --clg-color-pal-purple-600: #be6aae;
  --clg-color-pal-purple-550: #ca86bd;
  --clg-color-pal-purple-500: #d7a3cd;
  --clg-color-pal-purple-450: #ddb1d5;
  --clg-color-pal-purple-400: #e3c0dd;
  --clg-color-pal-purple-350: #e9cee4;
  --clg-color-pal-purple-300: #f0dcec;
  --clg-color-pal-purple-250: #f6eaf4;
  --clg-color-pal-purple-200: #f8eef6;
  --clg-color-pal-purple-150: #faf2f8;
  --clg-color-pal-purple-100: #faf4f9;
  --clg-color-pal-pop-red-light: #0000;
  --clg-color-pal-pop-red-dark: #0000;
  --clg-color-pal-pop-purple-light: #0000;
  --clg-color-pal-pop-purple-dark: #0000;
  --clg-color-pal-pop-green-light: #0000;
  --clg-color-pal-pop-green-dark: #0000;
  --clg-color-pal-pop-blue-light: #0000;
  --clg-color-pal-pop-blue-dark: #0000;
  --clg-color-pal-pop-yellow: #0000;
  --clg-color-pal-pop-teal: #0000;
  --clg-color-pal-orange-900: #cf4018;
  --clg-color-pal-orange-700: #f1641e;
  --clg-color-pal-orange-300: #faa077;
  --clg-color-pal-orange-100: #f8ebe6;
  --clg-color-pal-new-orange-050: #fff9f3;
  --clg-color-pal-new-orange-950: #170203;
  --clg-color-pal-new-orange-900: #2d0306;
  --clg-color-pal-new-orange-850: #440509;
  --clg-color-pal-new-orange-800: #5a060c;
  --clg-color-pal-new-orange-750: #71080f;
  --clg-color-pal-new-orange-700: #901a12;
  --clg-color-pal-new-orange-650: #af2d15;
  --clg-color-pal-new-orange-600: #cf4018;
  --clg-color-pal-new-orange-550: #e0521b;
  --clg-color-pal-new-orange-500: #f1641e;
  --clg-color-pal-new-orange-450: #f47d3f;
  --clg-color-pal-new-orange-400: #f79660;
  --clg-color-pal-new-orange-350: #f9ae81;
  --clg-color-pal-new-orange-300: #fcc7a2;
  --clg-color-pal-new-orange-250: #ffe0c3;
  --clg-color-pal-new-orange-200: #ffe6cf;
  --clg-color-pal-new-orange-150: #ffecdb;
  --clg-color-pal-new-orange-100: #fff3e7;
  --clg-color-pal-lavender-900: #3e1c53;
  --clg-color-pal-lavender-700: #654b77;
  --clg-color-pal-lavender-300: #9560b8;
  --clg-color-pal-lavender-100: #e6e1f0;
  --clg-color-pal-greyscale-075: #efecea;
  --clg-color-pal-greyscale-050: #faf8f5;
  --clg-color-pal-greyscale-000: #fff;
  --clg-color-pal-greyscale-950: #110f14;
  --clg-color-pal-greyscale-900: #1c181f;
  --clg-color-pal-greyscale-850: #0000;
  --clg-color-pal-greyscale-800: #312b36;
  --clg-color-pal-greyscale-750: #0000;
  --clg-color-pal-greyscale-700: #534d4c;
  --clg-color-pal-greyscale-650: #0000;
  --clg-color-pal-greyscale-600: #605957;
  --clg-color-pal-greyscale-550: #665e5c;
  --clg-color-pal-greyscale-500: #736b68;
  --clg-color-pal-greyscale-450: #0000;
  --clg-color-pal-greyscale-400: #928681;
  --clg-color-pal-greyscale-350: #9f938e;
  --clg-color-pal-greyscale-300: #0000;
  --clg-color-pal-greyscale-250: #0000;
  --clg-color-pal-greyscale-200: #c8bdb7;
  --clg-color-pal-greyscale-150: #d5cdc8;
  --clg-color-pal-greyscale-100: #e0dad6;
  --clg-color-pal-green-075: #f8fbf5;
  --clg-color-pal-green-050: #fcfefb;
  --clg-color-pal-green-950: #080c04;
  --clg-color-pal-green-900: #0f1708;
  --clg-color-pal-green-850: #17230c;
  --clg-color-pal-green-800: #1e2d0f;
  --clg-color-pal-green-750: #253913;
  --clg-color-pal-green-700: #334d1a;
  --clg-color-pal-green-650: #406221;
  --clg-color-pal-green-600: #4e7728;
  --clg-color-pal-green-550: #4e7728;
  --clg-color-pal-green-500: #69a036;
  --clg-color-pal-green-450: #86c34c;
  --clg-color-pal-green-400: #a3d277;
  --clg-color-pal-green-350: #b9dd97;
  --clg-color-pal-green-300: #d2e9bd;
  --clg-color-pal-green-250: #dbedcb;
  --clg-color-pal-green-200: #e3f1d5;
  --clg-color-pal-green-150: #eaf5e0;
  --clg-color-pal-green-100: #f1f8ea;
  --clg-color-pal-denim-900: #232347;
  --clg-color-pal-denim-700: #2f466c;
  --clg-color-pal-denim-300: #4d6bc6;
  --clg-color-pal-denim-100: #d7e6f5;
  --clg-color-pal-bubblegum-900: #592642;
  --clg-color-pal-bubblegum-700: #b54c82;
  --clg-color-pal-bubblegum-300: #f592b8;
  --clg-color-pal-bubblegum-100: #f5d9e3;
  --clg-color-pal-brick-900: #540d17;
  --clg-color-pal-brick-700: #a61a2e;
  --clg-color-pal-brick-300: #fd9184;
  --clg-color-pal-brick-100: #fddcd8;
  --clg-color-pal-blue-075: #f1f4fc;
  --clg-color-pal-blue-050: #fbfbfe;
  --clg-color-pal-blue-950: #050a19;
  --clg-color-pal-blue-900: #0a1533;
  --clg-color-pal-blue-850: #0f1f4c;
  --clg-color-pal-blue-800: #142966;
  --clg-color-pal-blue-750: #193684;
  --clg-color-pal-blue-700: #1f41a2;
  --clg-color-pal-blue-650: #254ec1;
  --clg-color-pal-blue-600: #2754ce;
  --clg-color-pal-blue-550: #2d5ad7;
  --clg-color-pal-blue-500: #426bdb;
  --clg-color-pal-blue-450: #5076de;
  --clg-color-pal-blue-400: #6586e2;
  --clg-color-pal-blue-350: #7c98e6;
  --clg-color-pal-blue-300: #91a9ea;
  --clg-color-pal-blue-250: #a8baee;
  --clg-color-pal-blue-200: #bdccf3;
  --clg-color-pal-blue-150: #d5def7;
  --clg-color-pal-blue-100: #e2e9fa;
  --clg-color-pal-beeswax-900: #a66800;
  --clg-color-pal-beeswax-700: #faa129;
  --clg-color-pal-beeswax-300: #fdd95c;
  --clg-color-pal-beeswax-100: #fdebd2;
  --clg-color-app-switch-m2-inactive-border: #0000;
  --clg-color-app-switch-m2-active-border: #0000;
  --clg-color-app-switch-ios-inactive-border: #0000;
  --clg-color-app-switch-ios-active-border: #0000;
  --clg-color-app-switch-background: #0000;
  --clg-color-app-signal-strong-border: #0000;
  --clg-color-app-review-star-background: #0000;
  --clg-color-app-pagination-selected-background: #0000;
  --clg-color-app-pagination-pressed-border: #0000;
  --clg-color-app-pagination-hovered-border: #0000;
  --clg-color-app-pagination-disabled-border: #0000;
  --clg-color-app-pagination-disabled-background: #0000;
  --clg-color-app-pagination-border: #0000;
  --clg-color-app-pagination-background: #0000;
  --clg-color-app-menu-item-background: #0000;
  --clg-color-app-input-selectable-background: #0000;
  --clg-color-app-input-background: #0000;
  --clg-color-app-chip-selectable-selected-pressed-border: #0000;
  --clg-color-app-chip-selectable-selected-hovered-border: #0000;
  --clg-color-app-chip-selectable-selected-border: #0000;
  --clg-color-app-chip-selectable-pressed-border: #0000;
  --clg-color-app-chip-selectable-hovered-border: #0000;
  --clg-color-app-chip-selectable-disabled-selected-border: #0000;
  --clg-color-app-chip-selectable-disabled-border: #0000;
  --clg-color-app-chip-selectable-border: #0000;
  --clg-color-app-chip-removable-pressed-border: #0000;
  --clg-color-app-chip-removable-hovered-border: #0000;
  --clg-color-app-chip-removable-disabled-border: #0000;
  --clg-color-app-chip-removable-border: #0000;
  --clg-color-app-carousel-dots-v2-inactive-border: #0000;
  --clg-color-app-carousel-dots-v2-active-border: #0000;
  --clg-color-app-carousel-dots-inactive-background: #0000;
  --clg-color-app-button-transparent-on-surface-light-border: #0000;
  --clg-color-app-button-transparent-on-surface-light-background: #0000;
  --clg-color-app-button-transparent-on-surface-dark-border: #0000;
  --clg-color-app-button-transparent-on-surface-dark-background: #0000;
  --clg-color-app-button-transparent-disabled-border: #0000;
  --clg-color-app-button-transparent-disabled-background: #0000;
  --clg-color-app-button-transparent-border: #0000;
  --clg-color-app-button-transparent-background: #0000;
  --clg-color-app-button-toggle-secondary-on-surface-dark-selected-disabled-background: #0000;
  --clg-color-app-button-toggle-secondary-on-surface-dark-selected-background: #0000;
  --clg-color-app-button-toggle-secondary-on-surface-light-selected-disabled-background: #0000;
  --clg-color-app-button-toggle-secondary-on-surface-light-selected-background: #0000;
  --clg-color-app-button-toggle-secondary-selected-disabled-background: #0000;
  --clg-color-app-button-toggle-secondary-selected-background: #0000;
  --clg-color-app-button-toggle-primary-on-surface-dark-selected-disabled-background: #0000;
  --clg-color-app-button-toggle-primary-on-surface-dark-selected-background: #0000;
  --clg-color-app-button-toggle-primary-on-surface-dark-disabled-border: #0000;
  --clg-color-app-button-toggle-primary-on-surface-dark-pressed-border: #0000;
  --clg-color-app-button-toggle-primary-on-surface-dark-hovered-border: #0000;
  --clg-color-app-button-toggle-primary-on-surface-dark-border: #0000;
  --clg-color-app-button-toggle-primary-on-surface-light-selected-disabled-background: #0000;
  --clg-color-app-button-toggle-primary-on-surface-light-selected-background: #0000;
  --clg-color-app-button-toggle-primary-on-surface-light-disabled-border: #0000;
  --clg-color-app-button-toggle-primary-on-surface-light-pressed-border: #0000;
  --clg-color-app-button-toggle-primary-on-surface-light-hovered-border: #0000;
  --clg-color-app-button-toggle-primary-on-surface-light-border: #0000;
  --clg-color-app-button-toggle-primary-pressed-border: #0000;
  --clg-color-app-button-toggle-primary-hovered-border: #0000;
  --clg-color-app-button-toggle-primary-disabled-border: #0000;
  --clg-color-app-button-toggle-primary-selected-disabled-background: #0000;
  --clg-color-app-button-toggle-primary-selected-background: #0000;
  --clg-color-app-button-toggle-primary-border: #0000;
  --clg-color-app-button-tertiary-on-surface-light-border: #0000;
  --clg-color-app-button-tertiary-on-surface-dark-border: #0000;
  --clg-color-app-button-tertiary-disabled-border: #0000;
  --clg-color-app-button-tertiary-border: #0000;
  --clg-color-app-button-selectable-filter-selected-border: #0000;
  --clg-color-app-button-selectable-filter-background: #0000;
  --clg-color-app-button-selectable-border: #0000;
  --clg-color-app-button-secondary-on-surface-light-disabled-background: #0000;
  --clg-color-app-button-secondary-on-surface-light-background: #0000;
  --clg-color-app-button-secondary-on-surface-dark-disabled-background: #0000;
  --clg-color-app-button-secondary-on-surface-dark-background: #0000;
  --clg-color-app-button-secondary-disabled-background: #0000;
  --clg-color-app-button-secondary-background: #0000;
  --clg-color-app-button-primary-on-surface-light-disabled-border: #0000;
  --clg-color-app-button-primary-on-surface-light-border: #0000;
  --clg-color-app-button-primary-on-surface-dark-border: #0000;
  --clg-color-app-button-primary-border: #0000;
  --clg-color-app-button-icon-transparent-on-surface-light-border: #0000;
  --clg-color-app-button-icon-transparent-on-surface-light-background: #0000;
  --clg-color-app-button-icon-transparent-on-surface-dark-border: #0000;
  --clg-color-app-button-icon-transparent-on-surface-dark-background: #0000;
  --clg-color-app-button-icon-transparent-disabled-border: #0000;
  --clg-color-app-button-icon-transparent-disabled-background: #0000;
  --clg-color-app-button-icon-transparent-border: #0000;
  --clg-color-app-button-icon-transparent-background: #0000;
  --clg-color-app-button-icon-tertiary-on-surface-light-border: #0000;
  --clg-color-app-button-icon-tertiary-on-surface-dark-border: #0000;
  --clg-color-app-button-icon-tertiary-disabled-border: #0000;
  --clg-color-app-button-icon-tertiary-border: #0000;
  --clg-color-app-button-icon-secondary-strong-on-surface-light-disabled-background: #0000;
  --clg-color-app-button-icon-secondary-strong-on-surface-light-background: #0000;
  --clg-color-app-button-icon-secondary-strong-on-surface-dark-disabled-background: #0000;
  --clg-color-app-button-icon-secondary-strong-on-surface-dark-background: #0000;
  --clg-color-app-button-icon-secondary-strong-disabled-background: #0000;
  --clg-color-app-button-icon-secondary-strong-background: #0000;
  --clg-color-app-button-icon-primary-on-surface-light-disabled-border: #0000;
  --clg-color-app-button-icon-primary-on-surface-light-border: #0000;
  --clg-color-app-button-icon-primary-on-surface-dark-border: #0000;
  --clg-color-app-button-icon-primary-border: #0000;
  --clg-color-app-button-icon-on-image-pressed-border: #0000;
  --clg-color-app-button-icon-on-image-hovered-border: #0000;
  --clg-color-app-button-icon-on-image-disabled-border: #0000;
  --clg-color-app-button-icon-on-image-border: #0000;
  --clg-color-app-brand-icon-marketing-01-background: #0000;
  --clg-color-app-brand-icon-empty-background: #0000;
  --clg-color-app-bottom-nav-item-background: #0000;
  --clg-typography-sem-ui-largest-line-height: var(
    --clg-typography-pal-size-600
  );
  --clg-typography-sem-ui-largest-font-size: var(--clg-typography-pal-size-400);
  --clg-typography-sem-ui-larger-line-height: var(
    --clg-typography-pal-size-400
  );
  --clg-typography-sem-ui-larger-font-size: var(--clg-typography-pal-size-300);
  --clg-typography-sem-ui-large-line-height: var(--clg-typography-pal-size-300);
  --clg-typography-sem-ui-large-font-size: var(--clg-typography-pal-size-250);
  --clg-typography-sem-ui-base-line-height: var(--clg-typography-pal-size-250);
  --clg-typography-sem-ui-base-font-size: var(--clg-typography-pal-size-200);
  --clg-typography-sem-ui-small-line-height: var(--clg-typography-pal-size-200);
  --clg-typography-sem-ui-small-font-size: var(--clg-typography-pal-size-175);
  --clg-typography-sem-ui-smaller-line-height: var(
    --clg-typography-pal-size-200
  );
  --clg-typography-sem-ui-smaller-font-size: var(--clg-typography-pal-size-150);
  --clg-typography-sem-ui-smallest-line-height: var(
    --clg-typography-pal-size-150
  );
  --clg-typography-sem-ui-smallest-font-size: var(
    --clg-typography-pal-size-125
  );
  --clg-typography-sem-product-body-mobile-smallest-font-weight: var(
    --clg-typography-pal-weight-400
  );
  --clg-typography-sem-product-body-mobile-smaller-font-weight: var(
    --clg-typography-pal-weight-400
  );
  --clg-typography-sem-product-body-mobile-small-font-weight: var(
    --clg-typography-pal-weight-400
  );
  --clg-typography-sem-product-body-mobile-base-font-weight: var(
    --clg-typography-pal-weight-400
  );
  --clg-typography-sem-product-body-mobile-large-font-weight: var(
    --clg-typography-pal-weight-400
  );
  --clg-typography-sem-product-body-desktop-smallest-font-weight: var(
    --clg-typography-pal-weight-400
  );
  --clg-typography-sem-product-body-desktop-smaller-font-weight: var(
    --clg-typography-pal-weight-400
  );
  --clg-typography-sem-product-body-desktop-small-font-weight: var(
    --clg-typography-pal-weight-400
  );
  --clg-typography-sem-product-body-desktop-base-tight-line-height: var(
    --clg-typography-pal-size-250
  );
  --clg-typography-sem-product-body-desktop-base-font-weight: var(
    --clg-typography-pal-weight-400
  );
  --clg-typography-sem-product-body-desktop-large-font-weight: var(
    --clg-typography-pal-weight-400
  );
  --clg-typography-sem-product-title-mobile-smallest-font-weight: var(
    --clg-typography-pal-weight-700
  );
  --clg-typography-sem-product-title-mobile-smallest-font-family: var(
    --clg-typography-pal-family-sans-serif-bold
  );
  --clg-typography-sem-product-title-mobile-smaller-font-weight: var(
    --clg-typography-pal-weight-700
  );
  --clg-typography-sem-product-title-mobile-smaller-font-family: var(
    --clg-typography-pal-family-sans-serif-bold
  );
  --clg-typography-sem-product-title-mobile-small-font-weight: var(
    --clg-typography-pal-weight-700
  );
  --clg-typography-sem-product-title-mobile-small-font-family: var(
    --clg-typography-pal-family-sans-serif-bold
  );
  --clg-typography-sem-product-title-mobile-base-font-weight: var(
    --clg-typography-pal-weight-700
  );
  --clg-typography-sem-product-title-mobile-base-font-family: var(
    --clg-typography-pal-family-sans-serif-bold
  );
  --clg-typography-sem-product-title-mobile-large-font-weight: var(
    --clg-typography-pal-weight-700
  );
  --clg-typography-sem-product-title-mobile-large-font-family: var(
    --clg-typography-pal-family-sans-serif-bold
  );
  --clg-typography-sem-product-title-mobile-larger-font-weight: var(
    --clg-typography-pal-weight-700
  );
  --clg-typography-sem-product-title-mobile-larger-font-family: var(
    --clg-typography-pal-family-sans-serif-bold
  );
  --clg-typography-sem-product-title-desktop-smallest-font-weight: var(
    --clg-typography-pal-weight-700
  );
  --clg-typography-sem-product-title-desktop-smallest-font-family: var(
    --clg-typography-pal-family-sans-serif-bold
  );
  --clg-typography-sem-product-title-desktop-smaller-font-weight: var(
    --clg-typography-pal-weight-700
  );
  --clg-typography-sem-product-title-desktop-smaller-font-family: var(
    --clg-typography-pal-family-sans-serif-bold
  );
  --clg-typography-sem-product-title-desktop-small-font-weight: var(
    --clg-typography-pal-weight-700
  );
  --clg-typography-sem-product-title-desktop-small-font-family: var(
    --clg-typography-pal-family-sans-serif-bold
  );
  --clg-typography-sem-product-title-desktop-base-font-weight: var(
    --clg-typography-pal-weight-700
  );
  --clg-typography-sem-product-title-desktop-base-font-family: var(
    --clg-typography-pal-family-sans-serif-bold
  );
  --clg-typography-sem-product-title-desktop-large-font-weight: var(
    --clg-typography-pal-weight-700
  );
  --clg-typography-sem-product-title-desktop-large-font-family: var(
    --clg-typography-pal-family-sans-serif-bold
  );
  --clg-typography-sem-product-title-desktop-larger-font-weight: var(
    --clg-typography-pal-weight-700
  );
  --clg-typography-sem-product-title-desktop-larger-font-family: var(
    --clg-typography-pal-family-sans-serif-bold
  );
  --clg-typography-sem-product-heading-mobile-small-font-weight: var(
    --clg-typography-pal-weight-400
  );
  --clg-typography-sem-product-heading-mobile-small-line-height: var(
    --clg-typography-pal-size-250
  );
  --clg-typography-sem-product-heading-mobile-small-font-size: var(
    --clg-typography-pal-size-250
  );
  --clg-typography-sem-product-heading-mobile-base-font-weight: var(
    --clg-typography-pal-weight-400
  );
  --clg-typography-sem-product-heading-mobile-base-line-height: var(
    --clg-typography-pal-size-300
  );
  --clg-typography-sem-product-heading-mobile-base-font-size: var(
    --clg-typography-pal-size-300
  );
  --clg-typography-sem-product-heading-mobile-large-font-weight: var(
    --clg-typography-pal-weight-400
  );
  --clg-typography-sem-product-heading-mobile-large-line-height: var(
    --clg-typography-pal-size-400
  );
  --clg-typography-sem-product-heading-mobile-large-font-size: var(
    --clg-typography-pal-size-400
  );
  --clg-typography-sem-product-heading-desktop-small-font-weight: var(
    --clg-typography-pal-weight-400
  );
  --clg-typography-sem-product-heading-desktop-small-line-height: var(
    --clg-typography-pal-size-300
  );
  --clg-typography-sem-product-heading-desktop-small-font-size: var(
    --clg-typography-pal-size-300
  );
  --clg-typography-sem-product-heading-desktop-base-font-weight: var(
    --clg-typography-pal-weight-400
  );
  --clg-typography-sem-product-heading-desktop-base-line-height: var(
    --clg-typography-pal-size-400
  );
  --clg-typography-sem-product-heading-desktop-base-font-size: var(
    --clg-typography-pal-size-400
  );
  --clg-typography-sem-product-heading-desktop-large-font-weight: var(
    --clg-typography-pal-weight-400
  );
  --clg-typography-sem-product-heading-desktop-large-line-height: var(
    --clg-typography-pal-size-500
  );
  --clg-typography-sem-product-heading-desktop-large-font-size: var(
    --clg-typography-pal-size-500
  );
  --clg-typography-sem-product-display-mobile-base-font-weight: var(
    --clg-typography-pal-weight-400
  );
  --clg-typography-sem-product-display-mobile-base-line-height: var(
    --clg-typography-pal-size-400
  );
  --clg-typography-sem-product-display-mobile-base-font-size: var(
    --clg-typography-pal-size-400
  );
  --clg-typography-sem-product-display-mobile-large-font-weight: var(
    --clg-typography-pal-weight-400
  );
  --clg-typography-sem-product-display-mobile-large-line-height: var(
    --clg-typography-pal-size-500
  );
  --clg-typography-sem-product-display-mobile-large-font-size: var(
    --clg-typography-pal-size-500
  );
  --clg-typography-sem-product-display-mobile-larger-font-weight: var(
    --clg-typography-pal-weight-400
  );
  --clg-typography-sem-product-display-mobile-larger-line-height: var(
    --clg-typography-pal-size-600
  );
  --clg-typography-sem-product-display-mobile-larger-font-size: var(
    --clg-typography-pal-size-600
  );
  --clg-typography-sem-product-display-desktop-base-font-weight: var(
    --clg-typography-pal-weight-400
  );
  --clg-typography-sem-product-display-desktop-base-line-height: var(
    --clg-typography-pal-size-600
  );
  --clg-typography-sem-product-display-desktop-base-font-size: var(
    --clg-typography-pal-size-600
  );
  --clg-typography-sem-product-display-desktop-large-font-weight: var(
    --clg-typography-pal-weight-400
  );
  --clg-typography-sem-product-display-desktop-large-line-height: var(
    --clg-typography-pal-size-800
  );
  --clg-typography-sem-product-display-desktop-large-font-size: var(
    --clg-typography-pal-size-800
  );
  --clg-typography-sem-product-display-desktop-larger-font-weight: var(
    --clg-typography-pal-weight-400
  );
  --clg-typography-sem-product-display-desktop-larger-line-height: var(
    --clg-typography-pal-size-1000
  );
  --clg-typography-sem-product-display-desktop-larger-font-size: var(
    --clg-typography-pal-size-1000
  );
  --clg-typography-pal-family-serif-letter-spacing: var(
    --clg-typography-pal-letter-spacing-100
  );
  --clg-shape-sem-border-width-thick: var(--clg-shape-pal-border-width-400);
  --clg-shape-sem-border-width-medium: var(--clg-shape-pal-border-width-300);
  --clg-shape-sem-border-width-base: var(--clg-shape-pal-border-width-200);
  --clg-shape-sem-border-width-thin: var(--clg-shape-pal-border-width-100);
  --clg-shape-sem-border-width-hairline: var(--clg-shape-pal-border-width-050);
  --clg-shape-sem-border-width-focused: var(--clg-shape-pal-border-width-200);
  --clg-shape-pal-border-radius-050: calc(
    var(--clg-shape-pal-border-radius-base-unit) * 0.5
  );
  --clg-shape-pal-border-radius-025: calc(
    var(--clg-shape-pal-border-radius-base-unit) * 0.25
  );
  --clg-shape-pal-border-radius-300: calc(
    var(--clg-shape-pal-border-radius-base-unit) * 3
  );
  --clg-shape-pal-border-radius-200: calc(
    var(--clg-shape-pal-border-radius-base-unit) * 2
  );
  --clg-shape-pal-border-radius-150: calc(
    var(--clg-shape-pal-border-radius-base-unit) * 1.5
  );
  --clg-shape-pal-border-radius-100: var(
    --clg-shape-pal-border-radius-base-unit
  );
  --clg-shape-app-switch-border-width: var(--clg-shape-pal-border-width-100);
  --clg-shape-app-switch-border-radius: var(--clg-shape-sem-border-radius-full);
  --clg-shape-app-selectable-text-border-selected-width: var(
    --clg-shape-pal-border-width-200
  );
  --clg-shape-app-selectable-image-border-selected-outer-width: var(
    --clg-shape-pal-border-width-200
  );
  --clg-shape-app-selectable-image-border-hovered-outer-width: var(
    --clg-shape-pal-border-width-100
  );
  --clg-shape-app-selectable-swatch-selected-border-outer-width: var(
    --clg-shape-pal-border-width-200
  );
  --clg-shape-app-selectable-swatch-hovered-border-outer-width: var(
    --clg-shape-pal-border-width-100
  );
  --clg-shape-app-selectable-card-border-selected-width: var(
    --clg-shape-pal-border-width-200
  );
  --clg-shape-app-input-border-width: var(--clg-shape-pal-border-width-100);
  --clg-shape-app-button-toggle-secondary-border-width: var(
    --clg-shape-pal-border-width-100
  );
  --clg-shape-app-button-toggle-primary-border-width: var(
    --clg-shape-pal-border-width-100
  );
  --clg-shape-app-button-secondary-border-width: var(
    --clg-shape-pal-border-width-100
  );
  --clg-shape-app-button-icon-secondary-smallest-border-width: var(
    --clg-shape-pal-border-width-100
  );
  --clg-shape-app-button-icon-secondary-border-width: var(
    --clg-shape-pal-border-width-100
  );
  --clg-shape-app-avatar-profile-border-radius: var(
    --clg-shape-sem-border-radius-full
  );
  --clg-shape-app-alert-border-width: var(--clg-shape-pal-border-width-100);
  --clg-effect-sem-selectable-deselect-stroke-color-duration: var(
    --clg-effect-pal-duration-100
  );
  --clg-effect-sem-selectable-deselect-stroke-color-curve: var(
    --clg-effect-pal-curve-functional-exit
  );
  --clg-effect-sem-selectable-deselect-stroke-width-duration: var(
    --clg-effect-pal-duration-100
  );
  --clg-effect-sem-selectable-deselect-stroke-width-curve: var(
    --clg-effect-pal-curve-functional-exit
  );
  --clg-effect-sem-selectable-deselect-opacity-duration: var(
    --clg-effect-pal-duration-050
  );
  --clg-effect-sem-selectable-deselect-opacity-curve: var(
    --clg-effect-pal-curve-expressive-enter
  );
  --clg-effect-sem-selectable-deselect-opacity-delay: var(
    --clg-effect-pal-duration-100
  );
  --clg-effect-sem-selectable-deselect-radius-duration: var(
    --clg-effect-pal-duration-150
  );
  --clg-effect-sem-selectable-deselect-radius-curve: var(
    --clg-effect-pal-curve-functional-exit
  );
  --clg-effect-sem-selectable-deselect-size-duration: var(
    --clg-effect-pal-duration-150
  );
  --clg-effect-sem-selectable-deselect-size-curve: var(
    --clg-effect-pal-curve-functional-exit
  );
  --clg-effect-sem-selectable-select-stroke-color-duration: var(
    --clg-effect-pal-duration-100
  );
  --clg-effect-sem-selectable-select-stroke-color-curve: var(
    --clg-effect-pal-curve-expressive-enter
  );
  --clg-effect-sem-selectable-select-stroke-width-duration: var(
    --clg-effect-pal-duration-100
  );
  --clg-effect-sem-selectable-select-stroke-width-curve: var(
    --clg-effect-pal-curve-expressive-enter
  );
  --clg-effect-sem-selectable-select-opacity-duration: var(
    --clg-effect-pal-duration-100
  );
  --clg-effect-sem-selectable-select-opacity-curve: var(
    --clg-effect-pal-curve-expressive-enter
  );
  --clg-effect-sem-selectable-select-radius-duration: var(
    --clg-effect-pal-duration-200
  );
  --clg-effect-sem-selectable-select-radius-curve: var(
    --clg-effect-pal-curve-expressive-enter
  );
  --clg-effect-sem-selectable-select-size-duration: var(
    --clg-effect-pal-duration-200
  );
  --clg-effect-sem-selectable-select-size-curve: var(
    --clg-effect-pal-curve-expressive-enter
  );
  --clg-effect-sem-parallax-off-hover-duration: var(
    --clg-effect-pal-duration-400
  );
  --clg-effect-sem-parallax-off-hover-curve: var(
    --clg-effect-pal-curve-expressive-enter
  );
  --clg-effect-sem-parallax-on-hover-duration: var(
    --clg-effect-pal-duration-400
  );
  --clg-effect-sem-parallax-on-hover-curve: var(
    --clg-effect-pal-curve-expressive-enter
  );
  --clg-effect-sem-interaction-press-on-release-duration: var(
    --clg-effect-pal-duration-150
  );
  --clg-effect-sem-interaction-press-on-release-curve: var(
    --clg-effect-pal-curve-long-in
  );
  --clg-effect-sem-interaction-press-on-press-strong-duration: var(
    --clg-effect-pal-duration-100
  );
  --clg-effect-sem-interaction-press-on-press-strong-curve: var(
    --clg-effect-pal-curve-long-in
  );
  --clg-effect-sem-interaction-press-on-press-default-duration: var(
    --clg-effect-pal-duration-100
  );
  --clg-effect-sem-interaction-press-on-press-default-curve: var(
    --clg-effect-pal-curve-long-in
  );
  --clg-effect-sem-interaction-press-on-press-light-duration: var(
    --clg-effect-pal-duration-100
  );
  --clg-effect-sem-interaction-press-on-press-light-curve: var(
    --clg-effect-pal-curve-long-in
  );
  --clg-effect-sem-crossfade-fast-duration: var(--clg-effect-pal-duration-075);
  --clg-effect-sem-crossfade-fast-curve: var(--clg-effect-pal-curve-linear);
  --clg-effect-app-tabs-slide-indicator-scale-duration: var(
    --clg-effect-pal-duration-300
  );
  --clg-effect-app-tabs-slide-indicator-scale-curve: var(
    --clg-effect-pal-curve-long-tail
  );
  --clg-effect-app-tabs-slide-indicator-position-duration: var(
    --clg-effect-pal-duration-300
  );
  --clg-effect-app-tabs-slide-indicator-position-curve: var(
    --clg-effect-pal-curve-long-tail
  );
  --clg-effect-app-tabs-slide-tab-position-duration: var(
    --clg-effect-pal-duration-500
  );
  --clg-effect-app-tabs-slide-tab-position-curve: var(
    --clg-effect-pal-curve-long-tail
  );
  --clg-effect-app-switch-on-scale-duration: var(--clg-effect-pal-duration-300);
  --clg-effect-app-switch-on-scale-curve: var(--clg-effect-pal-curve-linear);
  --clg-effect-app-switch-on-position-duration: var(
    --clg-effect-pal-duration-300
  );
  --clg-effect-app-switch-on-position-curve: var(
    --clg-effect-pal-curve-expressive-enter
  );
  --clg-effect-app-switch-on-color-switch-duration: var(
    --clg-effect-pal-duration-000
  );
  --clg-effect-app-switch-on-color-switch-curve: var(
    --clg-effect-pal-curve-linear
  );
  --clg-effect-app-switch-on-color-switch-delay: var(
    --clg-effect-pal-duration-050
  );
  --clg-effect-app-switch-off-scale-duration: var(
    --clg-effect-pal-duration-300
  );
  --clg-effect-app-switch-off-scale-curve: var(--clg-effect-pal-curve-linear);
  --clg-effect-app-switch-off-position-duration: var(
    --clg-effect-pal-duration-300
  );
  --clg-effect-app-switch-off-position-curve: var(
    --clg-effect-pal-curve-expressive-enter
  );
  --clg-effect-app-switch-off-color-switch-duration: var(
    --clg-effect-pal-duration-000
  );
  --clg-effect-app-switch-off-color-switch-curve: var(
    --clg-effect-pal-curve-linear
  );
  --clg-effect-app-switch-off-color-switch-delay: var(
    --clg-effect-pal-duration-050
  );
  --clg-effect-app-sheets-hide-translate-duration: var(
    --clg-effect-pal-duration-300
  );
  --clg-effect-app-sheets-hide-translate-curve: var(
    --clg-effect-pal-curve-long-out
  );
  --clg-effect-app-sheets-show-translate-duration: var(
    --clg-effect-pal-duration-400
  );
  --clg-effect-app-sheets-show-translate-curve: var(
    --clg-effect-pal-curve-long-in
  );
  --clg-effect-app-selectable-text-on-release-scale-to: var(
    --clg-effect-app-selectable-text-on-press-scale-from
  );
  --clg-effect-app-selectable-text-on-press-scale-to: var(
    --clg-effect-sem-interaction-press-on-press-strong-scale
  );
  --clg-effect-app-selectable-swatch-on-release-scale-to: var(
    --clg-effect-app-selectable-swatch-on-press-scale-from
  );
  --clg-effect-app-selectable-swatch-on-press-scale-to: var(
    --clg-effect-sem-interaction-press-on-press-strong-scale
  );
  --clg-effect-app-selectable-image-off-hover-scale-to: var(
    --clg-effect-app-selectable-image-on-hover-scale-from
  );
  --clg-effect-app-selectable-image-on-hover-scale-to: var(
    --clg-effect-sem-parallax-on-hover-scale
  );
  --clg-effect-app-selectable-image-on-release-scale-to: var(
    --clg-effect-app-selectable-image-on-press-scale-from
  );
  --clg-effect-app-selectable-image-on-press-scale-to: var(
    --clg-effect-sem-interaction-press-on-press-default-scale
  );
  --clg-effect-app-selectable-card-image-off-hover-scale-to: var(
    --clg-effect-app-selectable-card-image-on-hover-scale-from
  );
  --clg-effect-app-selectable-card-image-on-hover-scale-to: var(
    --clg-effect-sem-parallax-on-hover-scale
  );
  --clg-effect-app-selectable-card-on-release-scale-to: var(
    --clg-effect-app-selectable-card-on-press-scale-from
  );
  --clg-effect-app-selectable-card-on-press-scale-to: var(
    --clg-effect-sem-interaction-press-on-press-default-scale
  );
  --clg-effect-app-scrim-hide-fade-duration: var(--clg-effect-pal-duration-075);
  --clg-effect-app-scrim-hide-fade-curve: var(--clg-effect-pal-curve-linear);
  --clg-effect-app-scrim-show-fade-duration: var(--clg-effect-pal-duration-075);
  --clg-effect-app-scrim-show-fade-curve: var(--clg-effect-pal-curve-linear);
  --clg-effect-app-radio-unselected-fade-duration: var(
    --clg-effect-pal-duration-075
  );
  --clg-effect-app-radio-unselected-fade-curve: var(
    --clg-effect-pal-curve-linear
  );
  --clg-effect-app-radio-unselected-scale-duration: var(
    --clg-effect-pal-duration-075
  );
  --clg-effect-app-radio-unselected-scale-curve: var(
    --clg-effect-pal-curve-long-in
  );
  --clg-effect-app-radio-selected-fade-duration: var(
    --clg-effect-pal-duration-025
  );
  --clg-effect-app-radio-selected-fade-curve: var(
    --clg-effect-pal-curve-linear
  );
  --clg-effect-app-radio-selected-scale-2-duration: var(
    --clg-effect-pal-duration-200
  );
  --clg-effect-app-radio-selected-scale-2-curve: var(
    --clg-effect-pal-curve-symmetrical
  );
  --clg-effect-app-radio-selected-scale-2-from: var(
    --clg-effect-app-radio-selected-scale-1-to
  );
  --clg-effect-app-radio-selected-scale-1-duration: var(
    --clg-effect-pal-duration-150
  );
  --clg-effect-app-radio-selected-scale-1-curve: var(
    --clg-effect-pal-curve-symmetrical-in
  );
  --clg-effect-app-indicator-number-change-resize-transform-duration: var(
    --clg-effect-pal-duration-200
  );
  --clg-effect-app-indicator-number-change-resize-transform-curve: var(
    --clg-effect-pal-curve-long-in
  );
  --clg-effect-app-indicator-number-change-new-number-fade-duration: var(
    --clg-effect-pal-duration-075
  );
  --clg-effect-app-indicator-number-change-new-number-fade-curve: var(
    --clg-effect-pal-curve-linear
  );
  --clg-effect-app-indicator-number-change-new-number-fade-delay: var(
    --clg-effect-pal-duration-075
  );
  --clg-effect-app-indicator-number-change-old-number-fade-duration: var(
    --clg-effect-pal-duration-075
  );
  --clg-effect-app-indicator-number-change-old-number-fade-curve: var(
    --clg-effect-pal-curve-linear
  );
  --clg-effect-app-indicator-hide-fade-duration: var(
    --clg-effect-pal-duration-075
  );
  --clg-effect-app-indicator-hide-fade-curve: var(
    --clg-effect-pal-curve-linear
  );
  --clg-effect-app-indicator-hide-scale-duration: var(
    --clg-effect-pal-duration-150
  );
  --clg-effect-app-indicator-hide-scale-curve: var(
    --clg-effect-pal-curve-symmetrical-out
  );
  --clg-effect-app-indicator-show-fade-duration: var(
    --clg-effect-pal-duration-075
  );
  --clg-effect-app-indicator-show-fade-curve: var(
    --clg-effect-pal-curve-linear
  );
  --clg-effect-app-indicator-show-fade-delay: var(
    --clg-effect-pal-duration-075
  );
  --clg-effect-app-indicator-show-scale-2-duration: var(
    --clg-effect-pal-duration-075
  );
  --clg-effect-app-indicator-show-scale-2-curve: var(
    --clg-effect-pal-curve-symmetrical
  );
  --clg-effect-app-indicator-show-scale-2-from: var(
    --clg-effect-app-indicator-show-scale-1-to
  );
  --clg-effect-app-indicator-show-scale-1-duration: var(
    --clg-effect-pal-duration-150
  );
  --clg-effect-app-indicator-show-scale-1-curve: var(
    --clg-effect-pal-curve-long-in
  );
  --clg-effect-app-dialog-hide-content-fade-duration: var(
    --clg-effect-pal-duration-075
  );
  --clg-effect-app-dialog-hide-content-fade-curve: var(
    --clg-effect-pal-curve-linear
  );
  --clg-effect-app-dialog-hide-content-fade-delay: var(
    --clg-effect-pal-duration-075
  );
  --clg-effect-app-dialog-hide-background-fade-duration: var(
    --clg-effect-pal-duration-075
  );
  --clg-effect-app-dialog-hide-background-fade-curve: var(
    --clg-effect-pal-curve-linear
  );
  --clg-effect-app-dialog-hide-background-scale-duration: var(
    --clg-effect-pal-duration-200
  );
  --clg-effect-app-dialog-hide-background-scale-curve: var(
    --clg-effect-pal-curve-long-in
  );
  --clg-effect-app-dialog-show-content-fade-duration: var(
    --clg-effect-pal-duration-075
  );
  --clg-effect-app-dialog-show-content-fade-curve: var(
    --clg-effect-pal-curve-linear
  );
  --clg-effect-app-dialog-show-content-fade-delay: var(
    --clg-effect-pal-duration-075
  );
  --clg-effect-app-dialog-show-background-fade-duration: var(
    --clg-effect-pal-duration-075
  );
  --clg-effect-app-dialog-show-background-fade-curve: var(
    --clg-effect-pal-curve-linear
  );
  --clg-effect-app-dialog-show-background-scale-duration: var(
    --clg-effect-pal-duration-200
  );
  --clg-effect-app-dialog-show-background-scale-curve: var(
    --clg-effect-pal-curve-long-in
  );
  --clg-effect-app-checkbox-unselected-fade-duration: var(
    --clg-effect-pal-duration-075
  );
  --clg-effect-app-checkbox-unselected-fade-curve: var(
    --clg-effect-pal-curve-linear
  );
  --clg-effect-app-checkbox-unselected-scale-duration: var(
    --clg-effect-pal-duration-075
  );
  --clg-effect-app-checkbox-unselected-scale-curve: var(
    --clg-effect-pal-curve-long-in
  );
  --clg-effect-app-checkbox-selected-fade-duration: var(
    --clg-effect-pal-duration-025
  );
  --clg-effect-app-checkbox-selected-fade-curve: var(
    --clg-effect-pal-curve-linear
  );
  --clg-effect-app-checkbox-selected-scale-2-duration: var(
    --clg-effect-pal-duration-200
  );
  --clg-effect-app-checkbox-selected-scale-2-curve: var(
    --clg-effect-pal-curve-symmetrical
  );
  --clg-effect-app-checkbox-selected-scale-2-from: var(
    --clg-effect-app-checkbox-selected-scale-1-to
  );
  --clg-effect-app-checkbox-selected-scale-1-duration: var(
    --clg-effect-pal-duration-150
  );
  --clg-effect-app-checkbox-selected-scale-1-curve: var(
    --clg-effect-pal-curve-symmetrical-in
  );
  --clg-effect-app-carousel-dots-video-loop-fade-duration: var(
    --clg-effect-pal-duration-150
  );
  --clg-effect-app-carousel-dots-video-loop-fade-curve: var(
    --clg-effect-pal-curve-linear
  );
  --clg-effect-app-carousel-dots-scroll-transform-duration: var(
    --clg-effect-pal-duration-300
  );
  --clg-effect-app-carousel-dots-scroll-transform-curve: var(
    --clg-effect-pal-curve-long-tail
  );
  --clg-effect-app-button-icon-on-release-scale-to: var(
    --clg-effect-app-button-icon-on-press-scale-from
  );
  --clg-effect-app-button-icon-on-press-scale-to: var(
    --clg-effect-sem-interaction-press-on-press-strong-scale
  );
  --clg-effect-app-button-on-hover-fade-duration: var(
    --clg-effect-pal-duration-025
  );
  --clg-effect-app-button-on-hover-fade-curve: var(
    --clg-effect-pal-curve-linear
  );
  --clg-effect-app-button-on-hover-scale-duration: var(
    --clg-effect-pal-duration-075
  );
  --clg-effect-app-button-on-hover-scale-curve: var(
    --clg-effect-pal-curve-long-tail
  );
  --clg-effect-app-button-on-release-fade-duration: var(
    --clg-effect-pal-duration-150
  );
  --clg-effect-app-button-on-release-fade-curve: var(
    --clg-effect-pal-curve-long-tail
  );
  --clg-effect-app-button-on-release-scale-to: var(
    --clg-effect-app-button-on-press-scale-from
  );
  --clg-effect-app-button-on-press-fade-duration: var(
    --clg-effect-pal-duration-025
  );
  --clg-effect-app-button-on-press-fade-curve: var(
    --clg-effect-pal-curve-linear
  );
  --clg-effect-app-button-on-press-scale-to: var(
    --clg-effect-sem-interaction-press-on-press-default-scale
  );
  --clg-effect-app-alert-toast-hide-translate-duration: var(
    --clg-effect-pal-duration-200
  );
  --clg-effect-app-alert-toast-hide-translate-curve: var(
    --clg-effect-pal-curve-long-out
  );
  --clg-effect-app-alert-toast-show-translate-duration: var(
    --clg-effect-pal-duration-300
  );
  --clg-effect-app-alert-toast-show-translate-curve: var(
    --clg-effect-pal-curve-long-in
  );
  --clg-effect-app-alert-banner-show-content-fade-duration: var(
    --clg-effect-pal-duration-075
  );
  --clg-effect-app-alert-banner-show-content-fade-curve: var(
    --clg-effect-pal-curve-linear
  );
  --clg-effect-app-alert-banner-show-content-fade-delay: var(
    --clg-effect-pal-duration-200
  );
  --clg-effect-app-alert-banner-show-background-fade-duration: var(
    --clg-effect-pal-duration-075
  );
  --clg-effect-app-alert-banner-show-background-fade-curve: var(
    --clg-effect-pal-curve-linear
  );
  --clg-effect-app-alert-banner-show-background-fade-delay: var(
    --clg-effect-pal-duration-150
  );
  --clg-effect-app-alert-banner-show-scale-duration: var(
    --clg-effect-pal-duration-500
  );
  --clg-effect-app-alert-banner-show-scale-curve: var(
    --clg-effect-pal-curve-long-tail
  );
  --clg-dimension-sem-icon-core-largest: var(--clg-typography-pal-size-600);
  --clg-dimension-sem-icon-core-larger: var(--clg-typography-pal-size-400);
  --clg-dimension-sem-icon-core-base: var(--clg-typography-pal-size-300);
  --clg-dimension-sem-icon-core-smaller: var(--clg-typography-pal-size-200);
  --clg-dimension-sem-icon-core-smallest: var(--clg-typography-pal-size-150);
  --clg-dimension-pal-spacing-050: 3px;
  --clg-dimension-pal-spacing-1600: calc(
    var(--clg-dimension-pal-spacing-base-unit) * 16
  );
  --clg-dimension-pal-spacing-1500: calc(
    var(--clg-dimension-pal-spacing-base-unit) * 15
  );
  --clg-dimension-pal-spacing-1400: calc(
    var(--clg-dimension-pal-spacing-base-unit) * 14
  );
  --clg-dimension-pal-spacing-1300: calc(
    var(--clg-dimension-pal-spacing-base-unit) * 13
  );
  --clg-dimension-pal-spacing-1200: calc(
    var(--clg-dimension-pal-spacing-base-unit) * 12
  );
  --clg-dimension-pal-spacing-1100: calc(
    var(--clg-dimension-pal-spacing-base-unit) * 11
  );
  --clg-dimension-pal-spacing-1000: calc(
    var(--clg-dimension-pal-spacing-base-unit) * 10
  );
  --clg-dimension-pal-spacing-900: calc(
    var(--clg-dimension-pal-spacing-base-unit) * 9
  );
  --clg-dimension-pal-spacing-800: calc(
    var(--clg-dimension-pal-spacing-base-unit) * 8
  );
  --clg-dimension-pal-spacing-700: calc(
    var(--clg-dimension-pal-spacing-base-unit) * 7
  );
  --clg-dimension-pal-spacing-600: calc(
    var(--clg-dimension-pal-spacing-base-unit) * 6
  );
  --clg-dimension-pal-spacing-500: calc(
    var(--clg-dimension-pal-spacing-base-unit) * 5
  );
  --clg-dimension-pal-spacing-400: calc(
    var(--clg-dimension-pal-spacing-base-unit) * 4
  );
  --clg-dimension-pal-spacing-300: calc(
    var(--clg-dimension-pal-spacing-base-unit) * 3
  );
  --clg-dimension-pal-spacing-200: calc(
    var(--clg-dimension-pal-spacing-base-unit) * 2
  );
  --clg-dimension-pal-spacing-100: var(--clg-dimension-pal-spacing-base-unit);
  --clg-dimension-pal-size-050: 3px;
  --clg-dimension-pal-size-1500: calc(
    var(--clg-dimension-pal-size-base-unit) * 15
  );
  --clg-dimension-pal-size-1400: calc(
    var(--clg-dimension-pal-size-base-unit) * 14
  );
  --clg-dimension-pal-size-1300: calc(
    var(--clg-dimension-pal-size-base-unit) * 13
  );
  --clg-dimension-pal-size-1200: calc(
    var(--clg-dimension-pal-size-base-unit) * 12
  );
  --clg-dimension-pal-size-1100: calc(
    var(--clg-dimension-pal-size-base-unit) * 11
  );
  --clg-dimension-pal-size-1000: calc(
    var(--clg-dimension-pal-size-base-unit) * 10
  );
  --clg-dimension-pal-size-900: calc(
    var(--clg-dimension-pal-size-base-unit) * 9
  );
  --clg-dimension-pal-size-800: calc(
    var(--clg-dimension-pal-size-base-unit) * 8
  );
  --clg-dimension-pal-size-700: calc(
    var(--clg-dimension-pal-size-base-unit) * 7
  );
  --clg-dimension-pal-size-600: calc(
    var(--clg-dimension-pal-size-base-unit) * 6
  );
  --clg-dimension-pal-size-500: calc(
    var(--clg-dimension-pal-size-base-unit) * 5
  );
  --clg-dimension-pal-size-400: calc(
    var(--clg-dimension-pal-size-base-unit) * 4
  );
  --clg-dimension-pal-size-300: calc(
    var(--clg-dimension-pal-size-base-unit) * 3
  );
  --clg-dimension-pal-size-200: calc(
    var(--clg-dimension-pal-size-base-unit) * 2
  );
  --clg-dimension-pal-size-100: var(--clg-dimension-pal-size-base-unit);
  --clg-dimension-pal-grid-050: calc(
    var(--clg-dimension-pal-grid-base-unit) * 0.5
  );
  --clg-dimension-pal-grid-025: calc(
    var(--clg-dimension-pal-grid-base-unit) * 0.25
  );
  --clg-dimension-pal-grid-1600: calc(
    var(--clg-dimension-pal-grid-base-unit) * 16
  );
  --clg-dimension-pal-grid-1500: calc(
    var(--clg-dimension-pal-grid-base-unit) * 15
  );
  --clg-dimension-pal-grid-1400: calc(
    var(--clg-dimension-pal-grid-base-unit) * 14
  );
  --clg-dimension-pal-grid-1300: calc(
    var(--clg-dimension-pal-grid-base-unit) * 13
  );
  --clg-dimension-pal-grid-1200: calc(
    var(--clg-dimension-pal-grid-base-unit) * 12
  );
  --clg-dimension-pal-grid-1100: calc(
    var(--clg-dimension-pal-grid-base-unit) * 11
  );
  --clg-dimension-pal-grid-1000: calc(
    var(--clg-dimension-pal-grid-base-unit) * 10
  );
  --clg-dimension-pal-grid-900: calc(
    var(--clg-dimension-pal-grid-base-unit) * 9
  );
  --clg-dimension-pal-grid-800: calc(
    var(--clg-dimension-pal-grid-base-unit) * 8
  );
  --clg-dimension-pal-grid-700: calc(
    var(--clg-dimension-pal-grid-base-unit) * 7
  );
  --clg-dimension-pal-grid-600: calc(
    var(--clg-dimension-pal-grid-base-unit) * 6
  );
  --clg-dimension-pal-grid-500: calc(
    var(--clg-dimension-pal-grid-base-unit) * 5
  );
  --clg-dimension-pal-grid-400: calc(
    var(--clg-dimension-pal-grid-base-unit) * 4
  );
  --clg-dimension-pal-grid-300: calc(
    var(--clg-dimension-pal-grid-base-unit) * 3
  );
  --clg-dimension-pal-grid-200: calc(
    var(--clg-dimension-pal-grid-base-unit) * 2
  );
  --clg-dimension-pal-grid-150: calc(
    var(--clg-dimension-pal-grid-base-unit) * 1.5
  );
  --clg-dimension-pal-grid-100: var(--clg-dimension-pal-grid-base-unit);
  --clg-dimension-app-switch-small-padding-vertical: calc(
    var(--clg-dimension-pal-grid-base-unit) * 0.75
  );
  --clg-dimension-app-switch-small-padding-right: calc(
    var(--clg-dimension-pal-grid-base-unit) * 0.75
  );
  --clg-dimension-app-switch-small-padding-left: calc(
    var(--clg-dimension-pal-grid-base-unit) * 0.75
  );
  --clg-dimension-app-switch-small-padding-end: calc(
    var(--clg-dimension-pal-grid-base-unit) * 0.75
  );
  --clg-dimension-app-switch-small-padding-start: calc(
    var(--clg-dimension-pal-grid-base-unit) * 0.75
  );
  --clg-color-sem-text-on-surface-unavailable-subtle: var(
    --clg-color-pal-greyscale-500
  );
  --clg-color-sem-text-on-surface-subtle: var(--clg-color-pal-greyscale-800);
  --clg-color-sem-text-on-surface-strong: var(--clg-color-pal-greyscale-050);
  --clg-color-sem-text-on-surface-light: var(--clg-color-pal-greyscale-800);
  --clg-color-sem-text-on-surface-dark: var(--clg-color-pal-greyscale-050);
  --clg-color-sem-text-tertiary: var(--clg-color-pal-greyscale-500);
  --clg-color-sem-text-star-seller: var(--clg-color-pal-purple-650);
  --clg-color-sem-text-secondary: var(--clg-color-pal-greyscale-550);
  --clg-color-sem-text-recommendation: var(--clg-color-pal-yellow-600);
  --clg-color-sem-text-promote: var(--clg-color-pal-green-550);
  --clg-color-sem-text-primary: var(--clg-color-pal-greyscale-800);
  --clg-color-sem-text-placeholder: var(--clg-color-pal-greyscale-500);
  --clg-color-sem-text-monetary-value: var(--clg-color-pal-green-550);
  --clg-color-sem-text-critical: var(--clg-color-pal-red-750);
  --clg-color-sem-text-brand: var(--clg-color-pal-new-orange-500);
  --clg-color-sem-shadow-elevated: var(--clg-color-pal-transparent-black-200);
  --clg-color-sem-on-surface-dark-semitransparent-pressed-background: var(
    --clg-color-pal-transparent-white-200
  );
  --clg-color-sem-on-surface-dark-semitransparent-hovered-background: var(
    --clg-color-pal-transparent-white-150
  );
  --clg-color-sem-on-surface-dark-semitransparent-background: var(
    --clg-color-pal-transparent-white-075
  );
  --clg-color-sem-on-surface-dark-transparent-pressed-background: var(
    --clg-color-pal-transparent-white-150
  );
  --clg-color-sem-on-surface-dark-transparent-hovered-background: var(
    --clg-color-pal-transparent-white-075
  );
  --clg-color-sem-on-surface-dark-subtle-pressed-background: var(
    --clg-color-pal-greyscale-600
  );
  --clg-color-sem-on-surface-dark-subtle-hovered-background: var(
    --clg-color-pal-greyscale-700
  );
  --clg-color-sem-on-surface-dark-subtle-background: var(
    --clg-color-pal-greyscale-800
  );
  --clg-color-sem-on-surface-dark-strong-pressed-background: var(
    --clg-color-pal-greyscale-200
  );
  --clg-color-sem-on-surface-dark-strong-hovered-background: var(
    --clg-color-pal-greyscale-150
  );
  --clg-color-sem-on-surface-dark-strong-disabled-background: var(
    --clg-color-pal-greyscale-600
  );
  --clg-color-sem-on-surface-dark-strong-background: var(
    --clg-color-pal-greyscale-050
  );
  --clg-color-sem-on-surface-dark-selectable-border: var(
    --clg-color-pal-greyscale-350
  );
  --clg-color-sem-on-surface-dark-divider-border: var(
    --clg-color-pal-greyscale-700
  );
  --clg-color-sem-on-surface-dark-disabled-border: var(
    --clg-color-pal-greyscale-600
  );
  --clg-color-sem-on-surface-dark-disabled-text: var(
    --clg-color-pal-greyscale-600
  );
  --clg-color-sem-on-surface-dark-active-border: var(
    --clg-color-pal-greyscale-050
  );
  --clg-color-sem-on-surface-dark-action-text: var(--clg-color-pal-blue-350);
  --clg-color-sem-on-surface-light-semitransparent-pressed-background: var(
    --clg-color-pal-transparent-black-200
  );
  --clg-color-sem-on-surface-light-semitransparent-hovered-background: var(
    --clg-color-pal-transparent-black-150
  );
  --clg-color-sem-on-surface-light-semitransparent-background: var(
    --clg-color-pal-transparent-black-075
  );
  --clg-color-sem-on-surface-light-transparent-pressed-background: var(
    --clg-color-pal-transparent-black-150
  );
  --clg-color-sem-on-surface-light-transparent-hovered-background: var(
    --clg-color-pal-transparent-black-075
  );
  --clg-color-sem-on-surface-light-subtle-pressed-background: var(
    --clg-color-pal-greyscale-150
  );
  --clg-color-sem-on-surface-light-subtle-hovered-background: var(
    --clg-color-pal-greyscale-075
  );
  --clg-color-sem-on-surface-light-subtle-background: var(
    --clg-color-pal-greyscale-050
  );
  --clg-color-sem-on-surface-light-strong-pressed-background: var(
    --clg-color-pal-greyscale-600
  );
  --clg-color-sem-on-surface-light-strong-hovered-background: var(
    --clg-color-pal-greyscale-700
  );
  --clg-color-sem-on-surface-light-strong-disabled-background: var(
    --clg-color-pal-greyscale-200
  );
  --clg-color-sem-on-surface-light-strong-background: var(
    --clg-color-pal-greyscale-800
  );
  --clg-color-sem-on-surface-light-selectable-border: var(
    --clg-color-pal-greyscale-400
  );
  --clg-color-sem-on-surface-light-divider-border: var(
    --clg-color-pal-greyscale-100
  );
  --clg-color-sem-on-surface-light-disabled-border: var(
    --clg-color-pal-greyscale-200
  );
  --clg-color-sem-on-surface-light-disabled-text: var(
    --clg-color-pal-greyscale-200
  );
  --clg-color-sem-on-surface-light-active-border: var(
    --clg-color-pal-greyscale-800
  );
  --clg-color-sem-on-surface-light-action-text: var(--clg-color-pal-blue-500);
  --clg-color-sem-icon-review: var(--clg-color-pal-yellow-600);
  --clg-color-sem-icon-favorite-light: var(--clg-color-pal-red-500);
  --clg-color-sem-icon-favorite-inverted: var(--clg-color-pal-red-500);
  --clg-color-sem-icon-favorite-dark: var(--clg-color-pal-red-750);
  --clg-color-sem-icon-favorite: var(--clg-color-pal-red-750);
  --clg-color-sem-border-selected: var(--clg-color-pal-greyscale-800);
  --clg-color-sem-border-placeholder: var(
    --clg-color-pal-transparent-black-350
  );
  --clg-color-sem-border-focused: var(--clg-color-pal-blue-500);
  --clg-color-sem-border-critical: var(--clg-color-pal-red-750);
  --clg-color-sem-background-surface-warning-light: var(
    --clg-color-pal-yellow-600
  );
  --clg-color-sem-background-surface-unavailable-subtle: var(
    --clg-color-pal-greyscale-075
  );
  --clg-color-sem-background-surface-unavailable-dark: var(
    --clg-color-pal-greyscale-500
  );
  --clg-color-sem-background-surface-trust-light: var(
    --clg-color-pal-yellow-600
  );
  --clg-color-sem-background-surface-success-dark: var(
    --clg-color-pal-green-550
  );
  --clg-color-sem-background-surface-star-seller-light: var(
    --clg-color-pal-purple-550
  );
  --clg-color-sem-background-surface-star-seller-dark: var(
    --clg-color-pal-purple-650
  );
  --clg-color-sem-background-surface-seller-dark: var(--clg-color-pal-blue-500);
  --clg-color-sem-background-surface-selected-subtle: var(
    --clg-color-pal-transparent-black-100
  );
  --clg-color-sem-background-surface-selected-strong: var(
    --clg-color-pal-greyscale-800
  );
  --clg-color-sem-background-surface-tertiary: var(
    --clg-color-pal-greyscale-075
  );
  --clg-color-sem-background-surface-secondary: var(
    --clg-color-pal-greyscale-000
  );
  --clg-color-sem-background-surface-recommendation-light: var(
    --clg-color-pal-yellow-600
  );
  --clg-color-sem-background-surface-promote-light: var(
    --clg-color-pal-green-400
  );
  --clg-color-sem-background-surface-primary: var(
    --clg-color-pal-greyscale-050
  );
  --clg-color-sem-background-surface-placeholder-subtle: var(
    --clg-color-pal-transparent-black-075
  );
  --clg-color-sem-background-surface-notification-tertiary-strong: var(
    --clg-color-pal-greyscale-800
  );
  --clg-color-sem-background-surface-notification-secondary-strong: var(
    --clg-color-pal-blue-500
  );
  --clg-color-sem-background-surface-notification-secondary-dark: var(
    --clg-color-pal-blue-500
  );
  --clg-color-sem-background-surface-notification-primary-strong: var(
    --clg-color-pal-new-orange-600
  );
  --clg-color-sem-background-surface-monetary-value-light: var(
    --clg-color-pal-green-400
  );
  --clg-color-sem-background-surface-insider-light: var(
    --clg-color-pal-new-orange-250
  );
  --clg-color-sem-background-surface-informational-subtle: var(
    --clg-color-pal-greyscale-075
  );
  --clg-color-sem-background-surface-important-dark: var(
    --clg-color-pal-new-orange-600
  );
  --clg-color-sem-background-surface-highlight-dark: var(
    --clg-color-pal-blue-500
  );
  --clg-color-sem-background-surface-gallery-dark: var(
    --clg-color-pal-greyscale-950
  );
  --clg-color-sem-background-surface-feedback-light: var(
    --clg-color-pal-blue-350
  );
  --clg-color-sem-background-surface-expressive-orange-lightest: var(
    --clg-color-pal-new-orange-250
  );
  --clg-color-sem-background-surface-expressive-orange-lighter: var(
    --clg-color-pal-new-orange-400
  );
  --clg-color-sem-background-surface-expressive-orange-light: var(
    --clg-color-pal-new-orange-500
  );
  --clg-color-sem-background-surface-expressive-orange-dark: var(
    --clg-color-pal-new-orange-600
  );
  --clg-color-sem-background-surface-expressive-blue-strong: var(
    --clg-color-pal-blue-500
  );
  --clg-color-sem-background-surface-critical-subtle: var(
    --clg-color-pal-red-200
  );
  --clg-color-sem-background-surface-critical-strong: var(
    --clg-color-pal-red-750
  );
  --clg-color-sem-background-surface-critical-light: var(
    --clg-color-pal-red-200
  );
  --clg-color-sem-background-surface-critical-dark: var(
    --clg-color-pal-red-750
  );
  --clg-color-sem-background-surface-contrast-strong: var(
    --clg-color-pal-greyscale-800
  );
  --clg-color-sem-background-surface-confirmed-subtle: var(
    --clg-color-pal-green-300
  );
  --clg-color-sem-background-surface-confirmed-strong: var(
    --clg-color-pal-green-700
  );
  --clg-color-sem-background-surface-brand-dark: var(
    --clg-color-pal-new-orange-500
  );
  --clg-color-sem-background-elevation-4: var(--clg-color-pal-greyscale-000);
  --clg-color-sem-background-overlay-pressed-dark: var(
    --clg-color-pal-transparent-black-600
  );
  --clg-color-sem-background-overlay-dark: var(
    --clg-color-pal-transparent-black-500
  );
  --clg-color-sem-background-scrim: var(--clg-color-pal-transparent-black-200);
  --clg-color-app-user-message-sent-background: var(
    --clg-color-sem-background-surface-expressive-purple-darker
  );
  --clg-color-app-tooltip-background: var(--clg-color-pal-greyscale-800);
  --clg-color-app-text-selection-background: var(--clg-color-pal-greyscale-150);
  --clg-color-app-tabs-track-background: var(
    --clg-color-pal-transparent-black-150
  );
  --clg-color-app-tabs-pressed-highlight-background: var(
    --clg-color-pal-greyscale-200
  );
  --clg-color-app-tabs-inactive-border: var(
    --clg-color-pal-transparent-black-075
  );
  --clg-color-app-tabs-hovered-highlight-background: var(
    --clg-color-pal-transparent-black-150
  );
  --clg-color-app-tabs-hovered-border: var(--clg-color-pal-greyscale-500);
  --clg-color-app-table-cell-border: var(--clg-color-pal-greyscale-075);
  --clg-color-app-switch-m2-inactive-foreground: var(
    --clg-color-pal-greyscale-150
  );
  --clg-color-app-switch-m2-inactive-background: var(
    --clg-color-pal-greyscale-350
  );
  --clg-color-app-switch-m2-active-foreground: var(
    --clg-color-pal-greyscale-800
  );
  --clg-color-app-switch-m2-active-background: var(
    --clg-color-pal-greyscale-350
  );
  --clg-color-app-switch-ios-inactive-foreground: var(
    --clg-color-pal-greyscale-050
  );
  --clg-color-app-switch-ios-inactive-background: var(
    --clg-color-pal-transparent-black-150
  );
  --clg-color-app-switch-ios-active-foreground: var(
    --clg-color-pal-greyscale-050
  );
  --clg-color-app-switch-ios-active-background: var(
    --clg-color-pal-greyscale-800
  );
  --clg-color-app-switch-inactive-foreground: var(
    --clg-color-pal-greyscale-800
  );
  --clg-color-app-switch-inactive-border: var(--clg-color-pal-greyscale-800);
  --clg-color-app-switch-inactive-background: var(
    --clg-color-pal-greyscale-050
  );
  --clg-color-app-switch-disabled-background: var(
    --clg-color-pal-greyscale-050
  );
  --clg-color-app-switch-checked-disabled-foreground: var(
    --clg-color-pal-greyscale-050
  );
  --clg-color-app-switch-checked-disabled-border: var(
    --clg-color-pal-greyscale-400
  );
  --clg-color-app-switch-checked-disabled-background: var(
    --clg-color-pal-greyscale-400
  );
  --clg-color-app-switch-checked-foreground: var(--clg-color-pal-greyscale-050);
  --clg-color-app-switch-checked-border: var(--clg-color-pal-greyscale-800);
  --clg-color-app-switch-checked-background: var(--clg-color-pal-greyscale-800);
  --clg-color-app-switch-active-foreground: var(--clg-color-pal-greyscale-050);
  --clg-color-app-switch-active-border: var(--clg-color-pal-greyscale-800);
  --clg-color-app-switch-active-background: var(--clg-color-pal-greyscale-800);
  --clg-color-app-switch-foreground: var(--clg-color-pal-greyscale-800);
  --clg-color-app-switch-border: var(--clg-color-pal-greyscale-800);
  --clg-color-app-selectable-swatch-slash-outer: var(
    --clg-color-pal-greyscale-000
  );
  --clg-color-app-selectable-swatch-slash-inner: var(
    --clg-color-pal-greyscale-800
  );
  --clg-color-app-selectable-swatch-unavailable-overlay: var(
    --clg-color-pal-transparent-white-150
  );
  --clg-color-app-selectable-swatch-selected-border-inner: var(
    --clg-color-pal-greyscale-000
  );
  --clg-color-app-selectable-swatch-hovered-border-inner: var(
    --clg-color-pal-greyscale-000
  );
  --clg-color-app-spinner-on-surface-light-foreground: var(
    --clg-color-pal-greyscale-800
  );
  --clg-color-app-spinner-on-surface-light-background: var(
    --clg-color-pal-transparent-black-150
  );
  --clg-color-app-spinner-on-surface-dark-foreground: var(
    --clg-color-pal-greyscale-050
  );
  --clg-color-app-spinner-on-surface-dark-background: var(
    --clg-color-pal-transparent-white-150
  );
  --clg-color-app-spinner-foreground: var(--clg-color-pal-greyscale-800);
  --clg-color-app-spinner-background: var(
    --clg-color-pal-transparent-black-150
  );
  --clg-color-app-skeleton-ui-background-idle: var(
    --clg-color-pal-transparent-black-050
  );
  --clg-color-app-skeleton-ui-background-advance: var(
    --clg-color-pal-transparent-black-075
  );
  --clg-color-app-signal-urgency-subtle-text: var(--clg-color-pal-red-750);
  --clg-color-app-signal-urgency-strong-border: var(
    --clg-color-app-signal-strong-border
  );
  --clg-color-app-signal-urgency-strong-background: var(
    --clg-color-pal-red-500
  );
  --clg-color-app-signal-urgency-text: var(--clg-color-pal-red-750);
  --clg-color-app-signal-trust-strong-border: var(
    --clg-color-app-signal-strong-border
  );
  --clg-color-app-signal-strong-background: var(--clg-color-pal-greyscale-075);
  --clg-color-app-signal-promote-subtle-text: var(--clg-color-pal-green-550);
  --clg-color-app-signal-promote-strong-border: var(
    --clg-color-app-signal-strong-border
  );
  --clg-color-app-signal-promote-text: var(--clg-color-pal-green-550);
  --clg-color-app-signal-highlight-subtle-text: var(--clg-color-pal-blue-500);
  --clg-color-app-signal-highlight-strong-border: var(
    --clg-color-app-signal-strong-border
  );
  --clg-color-app-signal-highlight-text: var(--clg-color-pal-blue-500);
  --clg-color-app-signal-ad-background: var(--clg-color-pal-greyscale-700);
  --clg-color-app-signal-background: var(--clg-color-pal-greyscale-050);
  --clg-color-app-transparent-gradient-video-player-end: var(
    --clg-color-pal-transparent-black-900
  );
  --clg-color-app-transparent-gradient-video-player-start: var(
    --clg-color-pal-transparent-black-000
  );
  --clg-color-app-transparent-gradient-start: var(
    --clg-color-pal-transparent-white-000
  );
  --clg-color-app-selectable-image-slash-outer: var(
    --clg-color-pal-greyscale-000
  );
  --clg-color-app-selectable-image-slash-inner: var(
    --clg-color-pal-greyscale-800
  );
  --clg-color-app-selectable-image-unavailable-overlay: var(
    --clg-color-pal-transparent-white-150
  );
  --clg-color-app-selectable-image-selected-border-inner: var(
    --clg-color-pal-greyscale-000
  );
  --clg-color-app-selectable-image-hovered-border-inner: var(
    --clg-color-pal-greyscale-000
  );
  --clg-color-app-selectable-card-unavailable-overlay: var(
    --clg-color-pal-transparent-white-150
  );
  --clg-color-app-scroll-overlay-background-start: var(
    --clg-color-pal-transparent-white-000
  );
  --clg-color-app-review-star-filled-border: var(--clg-color-pal-greyscale-800);
  --clg-color-app-review-star-filled-background: var(
    --clg-color-pal-greyscale-800
  );
  --clg-color-app-review-star-border: var(--clg-color-pal-greyscale-600);
  --clg-color-app-progress-bar-unselected-fill: var(
    --clg-color-pal-greyscale-350
  );
  --clg-color-app-progress-bar-shop-feedback-fill: var(
    --clg-color-sem-background-surface-expressive-blue-light
  );
  --clg-color-app-progress-bar-shop-feedback-background: var(
    --clg-color-sem-background-surface-expressive-blue-light
  );
  --clg-color-app-progress-bar-selected-review-stars-background: var(
    --clg-color-pal-yellow-100
  );
  --clg-color-app-progress-bar-review-stars-fill: var(
    --clg-color-pal-yellow-700
  );
  --clg-color-app-progress-bar-on-surface-light-foreground: var(
    --clg-color-pal-greyscale-800
  );
  --clg-color-app-progress-bar-on-surface-light-background: var(
    --clg-color-pal-transparent-black-150
  );
  --clg-color-app-progress-bar-on-surface-dark-foreground: var(
    --clg-color-pal-greyscale-050
  );
  --clg-color-app-progress-bar-on-surface-dark-background: var(
    --clg-color-pal-transparent-white-150
  );
  --clg-color-app-progress-bar-foreground-neutral: var(
    --clg-color-pal-greyscale-800
  );
  --clg-color-app-progress-bar-fill: var(--clg-color-pal-greyscale-800);
  --clg-color-app-progress-bar-background: var(
    --clg-color-pal-transparent-black-150
  );
  --clg-color-app-pagination-selected-pressed-border: var(
    --clg-color-pal-greyscale-800
  );
  --clg-color-app-pagination-selected-pressed-background: var(
    --clg-color-pal-transparent-black-150
  );
  --clg-color-app-pagination-selected-hovered-border: var(
    --clg-color-pal-greyscale-800
  );
  --clg-color-app-pagination-selected-border: var(
    --clg-color-pal-greyscale-800
  );
  --clg-color-app-pagination-pressed-background: var(
    --clg-color-pal-transparent-black-150
  );
  --clg-color-app-list-item-selectable-selected: var(
    --clg-color-pal-transparent-black-050
  );
  --clg-color-app-input-selectable-border: var(--clg-color-pal-greyscale-400);
  --clg-color-app-input-search-pressed-background: var(
    --clg-color-pal-greyscale-050
  );
  --clg-color-app-input-search-border: var(--clg-color-pal-greyscale-800);
  --clg-color-app-input-search-background: var(--clg-color-pal-greyscale-050);
  --clg-color-app-input-hovered-border: var(
    --clg-color-pal-transparent-black-500
  );
  --clg-color-app-input-hovered-background: var(
    --clg-color-app-input-background
  );
  --clg-color-app-input-focused-background: var(
    --clg-color-app-input-background
  );
  --clg-color-app-indicator-success-background: var(--clg-color-pal-green-550);
  --clg-color-app-indicator-critical-background: var(--clg-color-pal-red-750);
  --clg-color-app-indicator-background: var(--clg-color-pal-greyscale-075);
  --clg-color-app-image-placeholder-icon: var(--clg-color-pal-greyscale-150);
  --clg-color-app-image-placeholder-background: var(
    --clg-color-pal-greyscale-075
  );
  --clg-color-app-empty-state-default-illustration-foreground: var(
    --clg-color-pal-greyscale-150
  );
  --clg-color-app-carousel-dots-v2-container-background: var(
    --clg-color-pal-transparent-black-500
  );
  --clg-color-app-carousel-dots-v2-progress-bar-background: var(
    --clg-color-pal-transparent-white-350
  );
  --clg-color-app-carousel-dots-v2-inactive-background: var(
    --clg-color-pal-greyscale-000
  );
  --clg-color-app-carousel-dots-v2-active-background: var(
    --clg-color-pal-greyscale-000
  );
  --clg-color-app-carousel-dots-on-image-inactive-border: var(
    --clg-color-pal-greyscale-350
  );
  --clg-color-app-carousel-dots-on-image-inactive-background: var(
    --clg-color-pal-greyscale-050
  );
  --clg-color-app-carousel-dots-on-image-active-border: var(
    --clg-color-pal-transparent-white-800
  );
  --clg-color-app-carousel-dots-on-image-active-background: var(
    --clg-color-pal-greyscale-800
  );
  --clg-color-app-button-transparent-pressed-border: var(
    --clg-color-app-button-transparent-border
  );
  --clg-color-app-button-transparent-on-surface-subtle-disabled-border: var(
    --clg-color-app-button-transparent-disabled-border
  );
  --clg-color-app-button-transparent-on-surface-subtle-disabled-background: var(
    --clg-color-app-button-transparent-disabled-background
  );
  --clg-color-app-button-transparent-on-surface-subtle-border: var(
    --clg-color-app-button-transparent-border
  );
  --clg-color-app-button-transparent-on-surface-subtle-background: var(
    --clg-color-app-button-transparent-background
  );
  --clg-color-app-button-transparent-on-surface-strong-border: var(
    --clg-color-app-button-transparent-on-surface-dark-border
  );
  --clg-color-app-button-transparent-on-surface-strong-background: var(
    --clg-color-app-button-transparent-on-surface-dark-background
  );
  --clg-color-app-button-transparent-on-surface-light-pressed-border: var(
    --clg-color-app-button-transparent-on-surface-light-border
  );
  --clg-color-app-button-transparent-on-surface-light-hovered-border: var(
    --clg-color-app-button-transparent-on-surface-light-border
  );
  --clg-color-app-button-transparent-on-surface-dark-pressed-border: var(
    --clg-color-app-button-transparent-on-surface-dark-border
  );
  --clg-color-app-button-transparent-on-surface-dark-hovered-border: var(
    --clg-color-app-button-transparent-on-surface-dark-border
  );
  --clg-color-app-button-transparent-hovered-border: var(
    --clg-color-app-button-transparent-border
  );
  --clg-color-app-button-toolbar-icon: var(--clg-color-pal-greyscale-400);
  --clg-color-app-button-tertiary-pressed-border: var(
    --clg-color-app-button-tertiary-border
  );
  --clg-color-app-button-tertiary-on-surface-subtle-disabled-border: var(
    --clg-color-app-button-tertiary-disabled-border
  );
  --clg-color-app-button-tertiary-on-surface-subtle-border: var(
    --clg-color-app-button-tertiary-border
  );
  --clg-color-app-button-tertiary-on-surface-strong-border: var(
    --clg-color-app-button-tertiary-on-surface-dark-border
  );
  --clg-color-app-button-tertiary-on-surface-light-pressed-border: var(
    --clg-color-app-button-tertiary-on-surface-light-border
  );
  --clg-color-app-button-tertiary-on-surface-light-hovered-border: var(
    --clg-color-app-button-tertiary-on-surface-light-border
  );
  --clg-color-app-button-tertiary-on-surface-light-disabled-border: var(
    --clg-color-app-button-tertiary-on-surface-light-border
  );
  --clg-color-app-button-tertiary-on-surface-dark-pressed-border: var(
    --clg-color-app-button-tertiary-on-surface-dark-border
  );
  --clg-color-app-button-tertiary-on-surface-dark-hovered-border: var(
    --clg-color-app-button-tertiary-on-surface-dark-border
  );
  --clg-color-app-button-tertiary-on-surface-dark-disabled-border: var(
    --clg-color-app-button-tertiary-on-surface-dark-border
  );
  --clg-color-app-button-tertiary-hovered-border: var(
    --clg-color-app-button-tertiary-border
  );
  --clg-color-app-button-secondary-on-surface-subtle-disabled-background: var(
    --clg-color-app-button-secondary-disabled-background
  );
  --clg-color-app-button-secondary-on-surface-subtle-background: var(
    --clg-color-app-button-secondary-background
  );
  --clg-color-app-button-secondary-on-surface-strong-disabled-background: var(
    --clg-color-app-button-secondary-on-surface-dark-disabled-background
  );
  --clg-color-app-button-secondary-on-surface-strong-background: var(
    --clg-color-app-button-secondary-on-surface-dark-background
  );
  --clg-color-app-button-primary-pressed-border: var(
    --clg-color-app-button-primary-border
  );
  --clg-color-app-button-primary-on-surface-subtle-border: var(
    --clg-color-app-button-primary-border
  );
  --clg-color-app-button-primary-on-surface-strong-border: var(
    --clg-color-app-button-primary-on-surface-dark-border
  );
  --clg-color-app-button-primary-on-surface-light-pressed-border: var(
    --clg-color-app-button-primary-on-surface-light-border
  );
  --clg-color-app-button-primary-on-surface-light-hovered-border: var(
    --clg-color-app-button-primary-on-surface-light-border
  );
  --clg-color-app-button-primary-on-surface-dark-pressed-border: var(
    --clg-color-app-button-primary-on-surface-dark-border
  );
  --clg-color-app-button-primary-on-surface-dark-hovered-border: var(
    --clg-color-app-button-primary-on-surface-dark-border
  );
  --clg-color-app-button-primary-on-surface-dark-disabled-border: var(
    --clg-color-app-button-primary-on-surface-dark-border
  );
  --clg-color-app-button-primary-hovered-border: var(
    --clg-color-app-button-primary-border
  );
  --clg-color-app-button-primary-disabled-border: var(
    --clg-color-app-button-primary-border
  );
  --clg-color-app-button-icon-transparent-pressed-border: var(
    --clg-color-app-button-icon-transparent-border
  );
  --clg-color-app-button-icon-transparent-on-surface-subtle-disabled-border: var(
    --clg-color-app-button-icon-transparent-disabled-border
  );
  --clg-color-app-button-icon-transparent-on-surface-subtle-disabled-background: var(
    --clg-color-app-button-icon-transparent-disabled-background
  );
  --clg-color-app-button-icon-transparent-on-surface-subtle-border: var(
    --clg-color-app-button-icon-transparent-border
  );
  --clg-color-app-button-icon-transparent-on-surface-subtle-background: var(
    --clg-color-app-button-icon-transparent-background
  );
  --clg-color-app-button-icon-transparent-on-surface-strong-border: var(
    --clg-color-app-button-icon-transparent-on-surface-dark-border
  );
  --clg-color-app-button-icon-transparent-on-surface-strong-background: var(
    --clg-color-app-button-icon-transparent-on-surface-dark-background
  );
  --clg-color-app-button-icon-transparent-on-surface-light-pressed-border: var(
    --clg-color-app-button-icon-transparent-on-surface-light-border
  );
  --clg-color-app-button-icon-transparent-on-surface-light-hovered-border: var(
    --clg-color-app-button-icon-transparent-on-surface-light-border
  );
  --clg-color-app-button-icon-transparent-on-surface-dark-pressed-border: var(
    --clg-color-app-button-icon-transparent-on-surface-dark-border
  );
  --clg-color-app-button-icon-transparent-on-surface-dark-hovered-border: var(
    --clg-color-app-button-icon-transparent-on-surface-dark-border
  );
  --clg-color-app-button-icon-transparent-hovered-border: var(
    --clg-color-app-button-icon-transparent-border
  );
  --clg-color-app-button-icon-tertiary-pressed-border: var(
    --clg-color-app-button-icon-tertiary-border
  );
  --clg-color-app-button-icon-tertiary-on-surface-light-pressed-border: var(
    --clg-color-app-button-icon-tertiary-on-surface-light-border
  );
  --clg-color-app-button-icon-tertiary-on-surface-light-hovered-border: var(
    --clg-color-app-button-icon-tertiary-on-surface-light-border
  );
  --clg-color-app-button-icon-tertiary-on-surface-light-disabled-border: var(
    --clg-color-app-button-icon-tertiary-on-surface-light-border
  );
  --clg-color-app-button-icon-tertiary-on-surface-dark-pressed-border: var(
    --clg-color-app-button-icon-tertiary-on-surface-dark-border
  );
  --clg-color-app-button-icon-tertiary-on-surface-dark-hovered-border: var(
    --clg-color-app-button-icon-tertiary-on-surface-dark-border
  );
  --clg-color-app-button-icon-tertiary-on-surface-dark-disabled-border: var(
    --clg-color-app-button-icon-tertiary-on-surface-dark-border
  );
  --clg-color-app-button-icon-tertiary-hovered-border: var(
    --clg-color-app-button-icon-tertiary-border
  );
  --clg-color-app-button-icon-primary-pressed-border: var(
    --clg-color-app-button-icon-primary-border
  );
  --clg-color-app-button-icon-primary-on-surface-light-pressed-border: var(
    --clg-color-app-button-icon-primary-on-surface-light-border
  );
  --clg-color-app-button-icon-primary-on-surface-light-hovered-border: var(
    --clg-color-app-button-icon-primary-on-surface-light-border
  );
  --clg-color-app-button-icon-primary-on-surface-dark-pressed-border: var(
    --clg-color-app-button-icon-primary-on-surface-dark-border
  );
  --clg-color-app-button-icon-primary-on-surface-dark-hovered-border: var(
    --clg-color-app-button-icon-primary-on-surface-dark-border
  );
  --clg-color-app-button-icon-primary-on-surface-dark-disabled-border: var(
    --clg-color-app-button-icon-primary-on-surface-dark-border
  );
  --clg-color-app-button-icon-primary-hovered-border: var(
    --clg-color-app-button-icon-primary-border
  );
  --clg-color-app-button-icon-primary-disabled-border: var(
    --clg-color-app-button-icon-primary-border
  );
  --clg-color-app-button-focused-on-surface-light-border: var(
    --clg-color-pal-blue-500
  );
  --clg-color-app-button-focused-on-surface-dark-border: var(
    --clg-color-pal-blue-500
  );
  --clg-color-app-button-focused-border: var(--clg-color-pal-blue-500);
  --clg-color-app-button-destructive-primary-pressed-background: var(
    --clg-color-pal-red-850
  );
  --clg-color-app-button-destructive-primary-hovered-background: var(
    --clg-color-pal-red-800
  );
  --clg-color-app-brand-icon-success-02-background: var(
    --clg-color-pal-greyscale-050
  );
  --clg-color-app-brand-icon-marketing-03-foreground: var(
    --clg-color-pal-orange-700
  );
  --clg-color-app-brand-icon-marketing-03-background: var(
    --clg-color-pal-greyscale-050
  );
  --clg-color-app-brand-icon-marketing-02-foreground: var(
    --clg-color-pal-orange-700
  );
  --clg-color-app-brand-icon-marketing-02-background: var(
    --clg-color-pal-orange-100
  );
  --clg-color-app-brand-icon-marketing-01-foreground: var(
    --clg-color-pal-orange-700
  );
  --clg-color-app-bottom-nav-item-pressed-background: var(
    --clg-color-pal-transparent-black-150
  );
  --clg-color-app-badge-monetary-value-text: var(--clg-color-pal-green-550);
  --clg-color-app-badge-critical-text: var(--clg-color-pal-red-850);
  --clg-color-app-badge-ad-background: var(--clg-color-pal-greyscale-700);
  --clg-color-app-badge-border: var(--clg-color-pal-greyscale-800);
  --clg-color-app-badge-background: var(--clg-color-pal-greyscale-050);
  --clg-color-app-alert-toast-critical-icon-background: var(
    --clg-color-pal-greyscale-050
  );
  --clg-color-app-alert-banner-strong-icon-background: var(
    --clg-color-pal-greyscale-050
  );
  --clg-color-app-alert-pressed: var(--clg-color-pal-greyscale-150);
  --clg-typography-sem-product-body-mobile-smallest-line-height: var(
    --clg-typography-sem-ui-smallest-line-height
  );
  --clg-typography-sem-product-body-mobile-smallest-font-size: var(
    --clg-typography-sem-ui-smallest-font-size
  );
  --clg-typography-sem-product-body-mobile-smallest-font-color: var(
    --clg-color-sem-text-primary
  );
  --clg-typography-sem-product-body-mobile-smaller-line-height: var(
    --clg-typography-sem-ui-smaller-line-height
  );
  --clg-typography-sem-product-body-mobile-smaller-font-size: var(
    --clg-typography-sem-ui-smaller-font-size
  );
  --clg-typography-sem-product-body-mobile-smaller-font-color: var(
    --clg-color-sem-text-primary
  );
  --clg-typography-sem-product-body-mobile-small-line-height: var(
    --clg-typography-sem-ui-small-line-height
  );
  --clg-typography-sem-product-body-mobile-small-font-size: var(
    --clg-typography-sem-ui-small-font-size
  );
  --clg-typography-sem-product-body-mobile-small-font-color: var(
    --clg-color-sem-text-primary
  );
  --clg-typography-sem-product-body-mobile-base-line-height: var(
    --clg-typography-sem-ui-base-line-height
  );
  --clg-typography-sem-product-body-mobile-base-font-size: var(
    --clg-typography-sem-ui-base-font-size
  );
  --clg-typography-sem-product-body-mobile-base-font-color: var(
    --clg-color-sem-text-primary
  );
  --clg-typography-sem-product-body-mobile-large-line-height: var(
    --clg-typography-sem-ui-large-line-height
  );
  --clg-typography-sem-product-body-mobile-large-font-size: var(
    --clg-typography-sem-ui-large-font-size
  );
  --clg-typography-sem-product-body-mobile-large-font-color: var(
    --clg-color-sem-text-primary
  );
  --clg-typography-sem-product-body-desktop-smallest-line-height: var(
    --clg-typography-sem-ui-smallest-line-height
  );
  --clg-typography-sem-product-body-desktop-smallest-font-size: var(
    --clg-typography-sem-ui-smallest-font-size
  );
  --clg-typography-sem-product-body-desktop-smallest-font-color: var(
    --clg-color-sem-text-primary
  );
  --clg-typography-sem-product-body-desktop-smaller-line-height: var(
    --clg-typography-sem-ui-smaller-line-height
  );
  --clg-typography-sem-product-body-desktop-smaller-font-size: var(
    --clg-typography-sem-ui-smaller-font-size
  );
  --clg-typography-sem-product-body-desktop-smaller-font-color: var(
    --clg-color-sem-text-primary
  );
  --clg-typography-sem-product-body-desktop-small-line-height: var(
    --clg-typography-sem-ui-small-line-height
  );
  --clg-typography-sem-product-body-desktop-small-font-size: var(
    --clg-typography-sem-ui-small-font-size
  );
  --clg-typography-sem-product-body-desktop-small-font-color: var(
    --clg-color-sem-text-primary
  );
  --clg-typography-sem-product-body-desktop-base-line-height: var(
    --clg-typography-sem-ui-base-line-height
  );
  --clg-typography-sem-product-body-desktop-base-font-size: var(
    --clg-typography-sem-ui-base-font-size
  );
  --clg-typography-sem-product-body-desktop-base-font-color: var(
    --clg-color-sem-text-primary
  );
  --clg-typography-sem-product-body-desktop-large-line-height: var(
    --clg-typography-sem-ui-large-line-height
  );
  --clg-typography-sem-product-body-desktop-large-font-size: var(
    --clg-typography-sem-ui-large-font-size
  );
  --clg-typography-sem-product-body-desktop-large-font-color: var(
    --clg-color-sem-text-primary
  );
  --clg-typography-sem-product-title-mobile-smallest-line-height: var(
    --clg-typography-sem-ui-smallest-line-height
  );
  --clg-typography-sem-product-title-mobile-smallest-font-size: var(
    --clg-typography-sem-ui-smallest-font-size
  );
  --clg-typography-sem-product-title-mobile-smallest-font-color: var(
    --clg-color-sem-text-primary
  );
  --clg-typography-sem-product-title-mobile-smaller-line-height: var(
    --clg-typography-sem-ui-smaller-line-height
  );
  --clg-typography-sem-product-title-mobile-smaller-font-size: var(
    --clg-typography-sem-ui-smaller-font-size
  );
  --clg-typography-sem-product-title-mobile-smaller-font-color: var(
    --clg-color-sem-text-primary
  );
  --clg-typography-sem-product-title-mobile-small-line-height: var(
    --clg-typography-sem-ui-small-line-height
  );
  --clg-typography-sem-product-title-mobile-small-font-size: var(
    --clg-typography-sem-ui-small-font-size
  );
  --clg-typography-sem-product-title-mobile-small-font-color: var(
    --clg-color-sem-text-primary
  );
  --clg-typography-sem-product-title-mobile-base-line-height: var(
    --clg-typography-sem-ui-base-line-height
  );
  --clg-typography-sem-product-title-mobile-base-font-size: var(
    --clg-typography-sem-ui-base-font-size
  );
  --clg-typography-sem-product-title-mobile-base-font-color: var(
    --clg-color-sem-text-primary
  );
  --clg-typography-sem-product-title-mobile-large-line-height: var(
    --clg-typography-sem-ui-large-line-height
  );
  --clg-typography-sem-product-title-mobile-large-font-size: var(
    --clg-typography-sem-ui-large-font-size
  );
  --clg-typography-sem-product-title-mobile-large-font-color: var(
    --clg-color-sem-text-primary
  );
  --clg-typography-sem-product-title-mobile-larger-line-height: var(
    --clg-typography-sem-ui-larger-line-height
  );
  --clg-typography-sem-product-title-mobile-larger-font-size: var(
    --clg-typography-sem-ui-larger-font-size
  );
  --clg-typography-sem-product-title-mobile-larger-font-color: var(
    --clg-color-sem-text-primary
  );
  --clg-typography-sem-product-title-desktop-smallest-line-height: var(
    --clg-typography-sem-ui-smallest-line-height
  );
  --clg-typography-sem-product-title-desktop-smallest-font-size: var(
    --clg-typography-sem-ui-smallest-font-size
  );
  --clg-typography-sem-product-title-desktop-smallest-font-color: var(
    --clg-color-sem-text-primary
  );
  --clg-typography-sem-product-title-desktop-smaller-line-height: var(
    --clg-typography-sem-ui-smaller-line-height
  );
  --clg-typography-sem-product-title-desktop-smaller-font-size: var(
    --clg-typography-sem-ui-smaller-font-size
  );
  --clg-typography-sem-product-title-desktop-smaller-font-color: var(
    --clg-color-sem-text-primary
  );
  --clg-typography-sem-product-title-desktop-small-line-height: var(
    --clg-typography-sem-ui-small-line-height
  );
  --clg-typography-sem-product-title-desktop-small-font-size: var(
    --clg-typography-sem-ui-small-font-size
  );
  --clg-typography-sem-product-title-desktop-small-font-color: var(
    --clg-color-sem-text-primary
  );
  --clg-typography-sem-product-title-desktop-base-line-height: var(
    --clg-typography-sem-ui-base-line-height
  );
  --clg-typography-sem-product-title-desktop-base-font-size: var(
    --clg-typography-sem-ui-base-font-size
  );
  --clg-typography-sem-product-title-desktop-base-font-color: var(
    --clg-color-sem-text-primary
  );
  --clg-typography-sem-product-title-desktop-large-line-height: var(
    --clg-typography-sem-ui-large-line-height
  );
  --clg-typography-sem-product-title-desktop-large-font-size: var(
    --clg-typography-sem-ui-large-font-size
  );
  --clg-typography-sem-product-title-desktop-large-font-color: var(
    --clg-color-sem-text-primary
  );
  --clg-typography-sem-product-title-desktop-larger-line-height: var(
    --clg-typography-sem-ui-larger-line-height
  );
  --clg-typography-sem-product-title-desktop-larger-font-size: var(
    --clg-typography-sem-ui-larger-font-size
  );
  --clg-typography-sem-product-title-desktop-larger-font-color: var(
    --clg-color-sem-text-primary
  );
  --clg-typography-sem-product-heading-mobile-small-letter-spacing: calc(
    var(--clg-typography-sem-product-heading-mobile-small-font-size) *
      var(--clg-typography-pal-letter-spacing-025)
  );
  --clg-typography-sem-product-heading-mobile-small-font-color: var(
    --clg-color-sem-text-primary
  );
  --clg-typography-sem-product-heading-mobile-base-letter-spacing: calc(
    var(--clg-typography-sem-product-heading-mobile-base-font-size) *
      var(--clg-typography-pal-letter-spacing-025)
  );
  --clg-typography-sem-product-heading-mobile-base-font-color: var(
    --clg-color-sem-text-primary
  );
  --clg-typography-sem-product-heading-mobile-large-letter-spacing: calc(
    var(--clg-typography-sem-product-heading-mobile-large-font-size) *
      var(--clg-typography-pal-letter-spacing-025)
  );
  --clg-typography-sem-product-heading-mobile-large-font-color: var(
    --clg-color-sem-text-primary
  );
  --clg-typography-sem-product-heading-desktop-small-letter-spacing: calc(
    var(--clg-typography-sem-product-heading-desktop-small-font-size) *
      var(--clg-typography-pal-letter-spacing-025)
  );
  --clg-typography-sem-product-heading-desktop-small-font-color: var(
    --clg-color-sem-text-primary
  );
  --clg-typography-sem-product-heading-desktop-base-letter-spacing: calc(
    var(--clg-typography-sem-product-heading-desktop-base-font-size) *
      var(--clg-typography-pal-letter-spacing-025)
  );
  --clg-typography-sem-product-heading-desktop-base-font-color: var(
    --clg-color-sem-text-primary
  );
  --clg-typography-sem-product-heading-desktop-large-letter-spacing: calc(
    var(--clg-typography-sem-product-heading-desktop-large-font-size) *
      var(--clg-typography-pal-letter-spacing-025)
  );
  --clg-typography-sem-product-heading-desktop-large-font-color: var(
    --clg-color-sem-text-primary
  );
  --clg-typography-sem-product-display-mobile-base-letter-spacing: calc(
    var(--clg-typography-sem-product-display-mobile-base-font-size) *
      var(--clg-typography-pal-letter-spacing-025)
  );
  --clg-typography-sem-product-display-mobile-base-font-color: var(
    --clg-color-sem-text-primary
  );
  --clg-typography-sem-product-display-mobile-large-letter-spacing: calc(
    var(--clg-typography-sem-product-display-mobile-large-font-size) *
      var(--clg-typography-pal-letter-spacing-025)
  );
  --clg-typography-sem-product-display-mobile-large-font-color: var(
    --clg-color-sem-text-primary
  );
  --clg-typography-sem-product-display-mobile-larger-letter-spacing: calc(
    var(--clg-typography-sem-product-display-mobile-larger-font-size) *
      var(--clg-typography-pal-letter-spacing-025)
  );
  --clg-typography-sem-product-display-mobile-larger-font-color: var(
    --clg-color-sem-text-primary
  );
  --clg-typography-sem-product-display-desktop-base-letter-spacing: calc(
    var(--clg-typography-sem-product-display-desktop-base-font-size) *
      var(--clg-typography-pal-letter-spacing-025)
  );
  --clg-typography-sem-product-display-desktop-base-font-color: var(
    --clg-color-sem-text-primary
  );
  --clg-typography-sem-product-display-desktop-large-letter-spacing: calc(
    var(--clg-typography-sem-product-display-desktop-large-font-size) *
      var(--clg-typography-pal-letter-spacing-025)
  );
  --clg-typography-sem-product-display-desktop-large-font-color: var(
    --clg-color-sem-text-primary
  );
  --clg-typography-sem-product-display-desktop-larger-letter-spacing: calc(
    var(--clg-typography-sem-product-display-desktop-larger-font-size) *
      var(--clg-typography-pal-letter-spacing-025)
  );
  --clg-typography-sem-product-display-desktop-larger-font-color: var(
    --clg-color-sem-text-primary
  );
  --clg-shape-sem-border-radius-largest: var(--clg-shape-pal-border-radius-300);
  --clg-shape-sem-border-radius-larger: var(--clg-shape-pal-border-radius-200);
  --clg-shape-sem-border-radius-base: var(--clg-shape-pal-border-radius-100);
  --clg-shape-sem-border-radius-small: var(--clg-shape-pal-border-radius-100);
  --clg-shape-sem-border-radius-smaller: var(--clg-shape-pal-border-radius-050);
  --clg-shape-sem-border-radius-smallest: var(
    --clg-shape-pal-border-radius-025
  );
  --clg-shape-sem-border-radius-card: var(--clg-shape-pal-border-radius-100);
  --clg-shape-app-signal-border-width: var(--clg-shape-sem-border-width-thin);
  --clg-shape-app-signal-border-radius: var(--clg-shape-pal-border-radius-200);
  --clg-shape-app-input-search-border-width: var(
    --clg-shape-sem-border-width-base
  );
  --clg-shape-app-input-border-focused-width: var(
    --clg-shape-sem-border-width-focused
  );
  --clg-shape-app-indicator-border-width: var(
    --clg-shape-sem-border-width-thin
  );
  --clg-shape-app-indicator-border-radius: var(
    --clg-shape-pal-border-radius-200
  );
  --clg-shape-app-chip-border-width: var(--clg-shape-sem-border-width-thin);
  --clg-shape-app-carousel-dots-border-width: var(
    --clg-shape-sem-border-width-hairline
  );
  --clg-shape-app-badge-border-width: var(--clg-shape-sem-border-width-base);
  --clg-shape-app-avatar-smallest-border-width: var(
    --clg-shape-sem-border-width-thin
  );
  --clg-shape-app-avatar-smaller-border-width: var(
    --clg-shape-sem-border-width-thin
  );
  --clg-effect-sem-shadow-elevated: 0px 0px 24px 4px
    var(--clg-color-sem-shadow-elevated);
  --clg-effect-app-selectable-text-on-release-scale-duration: var(
    --clg-effect-pal-duration-150
  );
  --clg-effect-app-selectable-text-on-release-scale-curve: var(
    --clg-effect-pal-curve-long-in
  );
  --clg-effect-app-selectable-text-on-release-scale-from: var(
    --clg-effect-app-selectable-text-on-press-scale-to
  );
  --clg-effect-app-selectable-text-on-press-scale-duration: var(
    --clg-effect-pal-duration-100
  );
  --clg-effect-app-selectable-text-on-press-scale-curve: var(
    --clg-effect-pal-curve-long-in
  );
  --clg-effect-app-selectable-text-deselect-stroke-color-duration: var(
    --clg-effect-pal-duration-100
  );
  --clg-effect-app-selectable-text-deselect-stroke-color-curve: var(
    --clg-effect-pal-curve-functional-exit
  );
  --clg-effect-app-selectable-text-deselect-stroke-width-duration: var(
    --clg-effect-pal-duration-100
  );
  --clg-effect-app-selectable-text-deselect-stroke-width-curve: var(
    --clg-effect-pal-curve-functional-exit
  );
  --clg-effect-app-selectable-text-select-stroke-color-duration: var(
    --clg-effect-pal-duration-100
  );
  --clg-effect-app-selectable-text-select-stroke-color-curve: var(
    --clg-effect-pal-curve-expressive-enter
  );
  --clg-effect-app-selectable-text-select-stroke-width-duration: var(
    --clg-effect-pal-duration-100
  );
  --clg-effect-app-selectable-text-select-stroke-width-curve: var(
    --clg-effect-pal-curve-expressive-enter
  );
  --clg-effect-app-selectable-swatch-on-release-scale-duration: var(
    --clg-effect-pal-duration-150
  );
  --clg-effect-app-selectable-swatch-on-release-scale-curve: var(
    --clg-effect-pal-curve-long-in
  );
  --clg-effect-app-selectable-swatch-on-release-scale-from: var(
    --clg-effect-app-selectable-swatch-on-press-scale-to
  );
  --clg-effect-app-selectable-swatch-on-press-scale-duration: var(
    --clg-effect-pal-duration-100
  );
  --clg-effect-app-selectable-swatch-on-press-scale-curve: var(
    --clg-effect-pal-curve-long-in
  );
  --clg-effect-app-selectable-swatch-deselect-opacity-duration: var(
    --clg-effect-pal-duration-050
  );
  --clg-effect-app-selectable-swatch-deselect-opacity-curve: var(
    --clg-effect-pal-curve-expressive-enter
  );
  --clg-effect-app-selectable-swatch-deselect-opacity-delay: var(
    --clg-effect-pal-duration-100
  );
  --clg-effect-app-selectable-swatch-deselect-size-duration: var(
    --clg-effect-pal-duration-150
  );
  --clg-effect-app-selectable-swatch-deselect-size-curve: var(
    --clg-effect-pal-curve-functional-exit
  );
  --clg-effect-app-selectable-swatch-select-opacity-duration: var(
    --clg-effect-pal-duration-100
  );
  --clg-effect-app-selectable-swatch-select-opacity-curve: var(
    --clg-effect-pal-curve-expressive-enter
  );
  --clg-effect-app-selectable-swatch-select-size-duration: var(
    --clg-effect-pal-duration-200
  );
  --clg-effect-app-selectable-swatch-select-size-curve: var(
    --clg-effect-pal-curve-expressive-enter
  );
  --clg-effect-app-selectable-image-off-hover-scale-duration: var(
    --clg-effect-pal-duration-400
  );
  --clg-effect-app-selectable-image-off-hover-scale-curve: var(
    --clg-effect-pal-curve-expressive-enter
  );
  --clg-effect-app-selectable-image-off-hover-scale-from: var(
    --clg-effect-app-selectable-image-on-hover-scale-to
  );
  --clg-effect-app-selectable-image-on-hover-scale-duration: var(
    --clg-effect-pal-duration-400
  );
  --clg-effect-app-selectable-image-on-hover-scale-curve: var(
    --clg-effect-pal-curve-expressive-enter
  );
  --clg-effect-app-selectable-image-on-release-scale-duration: var(
    --clg-effect-pal-duration-150
  );
  --clg-effect-app-selectable-image-on-release-scale-curve: var(
    --clg-effect-pal-curve-long-in
  );
  --clg-effect-app-selectable-image-on-release-scale-from: var(
    --clg-effect-app-selectable-image-on-press-scale-to
  );
  --clg-effect-app-selectable-image-on-press-scale-duration: var(
    --clg-effect-pal-duration-100
  );
  --clg-effect-app-selectable-image-on-press-scale-curve: var(
    --clg-effect-pal-curve-long-in
  );
  --clg-effect-app-selectable-image-deselect-opacity-duration: var(
    --clg-effect-pal-duration-050
  );
  --clg-effect-app-selectable-image-deselect-opacity-curve: var(
    --clg-effect-pal-curve-expressive-enter
  );
  --clg-effect-app-selectable-image-deselect-opacity-delay: var(
    --clg-effect-pal-duration-100
  );
  --clg-effect-app-selectable-image-deselect-radius-duration: var(
    --clg-effect-pal-duration-150
  );
  --clg-effect-app-selectable-image-deselect-radius-curve: var(
    --clg-effect-pal-curve-functional-exit
  );
  --clg-effect-app-selectable-image-deselect-size-duration: var(
    --clg-effect-pal-duration-150
  );
  --clg-effect-app-selectable-image-deselect-size-curve: var(
    --clg-effect-pal-curve-functional-exit
  );
  --clg-effect-app-selectable-image-select-opacity-duration: var(
    --clg-effect-pal-duration-100
  );
  --clg-effect-app-selectable-image-select-opacity-curve: var(
    --clg-effect-pal-curve-expressive-enter
  );
  --clg-effect-app-selectable-image-select-radius-duration: var(
    --clg-effect-pal-duration-200
  );
  --clg-effect-app-selectable-image-select-radius-curve: var(
    --clg-effect-pal-curve-expressive-enter
  );
  --clg-effect-app-selectable-image-select-size-duration: var(
    --clg-effect-pal-duration-200
  );
  --clg-effect-app-selectable-image-select-size-curve: var(
    --clg-effect-pal-curve-expressive-enter
  );
  --clg-effect-app-selectable-card-image-off-hover-scale-duration: var(
    --clg-effect-pal-duration-400
  );
  --clg-effect-app-selectable-card-image-off-hover-scale-curve: var(
    --clg-effect-pal-curve-expressive-enter
  );
  --clg-effect-app-selectable-card-image-off-hover-scale-from: var(
    --clg-effect-app-selectable-card-image-on-hover-scale-to
  );
  --clg-effect-app-selectable-card-image-on-hover-scale-duration: var(
    --clg-effect-pal-duration-400
  );
  --clg-effect-app-selectable-card-image-on-hover-scale-curve: var(
    --clg-effect-pal-curve-expressive-enter
  );
  --clg-effect-app-selectable-card-on-release-scale-duration: var(
    --clg-effect-pal-duration-150
  );
  --clg-effect-app-selectable-card-on-release-scale-curve: var(
    --clg-effect-pal-curve-long-in
  );
  --clg-effect-app-selectable-card-on-release-scale-from: var(
    --clg-effect-app-selectable-card-on-press-scale-to
  );
  --clg-effect-app-selectable-card-on-press-scale-duration: var(
    --clg-effect-pal-duration-100
  );
  --clg-effect-app-selectable-card-on-press-scale-curve: var(
    --clg-effect-pal-curve-long-in
  );
  --clg-effect-app-selectable-card-deselect-stroke-color-duration: var(
    --clg-effect-pal-duration-100
  );
  --clg-effect-app-selectable-card-deselect-stroke-color-curve: var(
    --clg-effect-pal-curve-functional-exit
  );
  --clg-effect-app-selectable-card-deselect-stroke-width-duration: var(
    --clg-effect-pal-duration-100
  );
  --clg-effect-app-selectable-card-deselect-stroke-width-curve: var(
    --clg-effect-pal-curve-functional-exit
  );
  --clg-effect-app-selectable-card-select-stroke-color-duration: var(
    --clg-effect-pal-duration-100
  );
  --clg-effect-app-selectable-card-select-stroke-color-curve: var(
    --clg-effect-pal-curve-expressive-enter
  );
  --clg-effect-app-selectable-card-select-stroke-width-duration: var(
    --clg-effect-pal-duration-100
  );
  --clg-effect-app-selectable-card-select-stroke-width-curve: var(
    --clg-effect-pal-curve-expressive-enter
  );
  --clg-effect-app-button-icon-on-release-scale-duration: var(
    --clg-effect-pal-duration-150
  );
  --clg-effect-app-button-icon-on-release-scale-curve: var(
    --clg-effect-pal-curve-long-in
  );
  --clg-effect-app-button-icon-on-release-scale-from: var(
    --clg-effect-app-button-icon-on-press-scale-to
  );
  --clg-effect-app-button-icon-on-press-scale-duration: var(
    --clg-effect-pal-duration-100
  );
  --clg-effect-app-button-icon-on-press-scale-curve: var(
    --clg-effect-pal-curve-long-in
  );
  --clg-effect-app-button-on-release-scale-duration: var(
    --clg-effect-pal-duration-150
  );
  --clg-effect-app-button-on-release-scale-curve: var(
    --clg-effect-pal-curve-long-in
  );
  --clg-effect-app-button-on-release-scale-from: var(
    --clg-effect-app-button-on-press-scale-to
  );
  --clg-effect-app-button-on-press-scale-duration: var(
    --clg-effect-pal-duration-100
  );
  --clg-effect-app-button-on-press-scale-curve: var(
    --clg-effect-pal-curve-long-in
  );
  --clg-dimension-sem-spacing-page-loose: var(--clg-dimension-pal-grid-1600);
  --clg-dimension-sem-spacing-page-base: var(--clg-dimension-pal-grid-800);
  --clg-dimension-sem-spacing-page-tight: var(--clg-dimension-pal-grid-600);
  --clg-dimension-sem-spacing-page-margin: var(--clg-dimension-pal-grid-400);
  --clg-dimension-sem-spacing-chip: var(--clg-dimension-pal-grid-100);
  --clg-dimension-sem-spacing-card: var(--clg-dimension-pal-spacing-300);
  --clg-dimension-sem-spacing-largest: var(--clg-dimension-pal-spacing-1600);
  --clg-dimension-sem-spacing-larger: var(--clg-dimension-pal-spacing-800);
  --clg-dimension-sem-spacing-large: var(--clg-dimension-pal-spacing-600);
  --clg-dimension-sem-spacing-base: var(--clg-dimension-pal-spacing-400);
  --clg-dimension-sem-spacing-small: var(--clg-dimension-pal-spacing-200);
  --clg-dimension-sem-spacing-smaller: var(--clg-dimension-pal-spacing-100);
  --clg-dimension-sem-spacing-smallest: var(--clg-dimension-pal-spacing-050);
  --clg-dimension-sem-size-peek-width: var(--clg-dimension-pal-grid-400);
  --clg-dimension-sem-popup-safe-area: var(--clg-dimension-pal-grid-200);
  --clg-dimension-sem-interaction-largest: var(--clg-dimension-pal-grid-1000);
  --clg-dimension-sem-interaction-larger: var(--clg-dimension-pal-grid-800);
  --clg-dimension-sem-interaction-base: var(--clg-dimension-pal-grid-600);
  --clg-dimension-sem-interaction-small: var(--clg-dimension-pal-size-600);
  --clg-dimension-sem-interaction-smaller: var(--clg-dimension-pal-size-500);
  --clg-dimension-sem-interaction-smallest: var(--clg-dimension-pal-grid-300);
  --clg-dimension-sem-icon-largest-line-height: var(
    --clg-typography-sem-ui-largest-line-height
  );
  --clg-dimension-sem-icon-largest-font-size: var(
    --clg-typography-sem-ui-largest-font-size
  );
  --clg-dimension-sem-icon-larger-line-height: var(
    --clg-typography-sem-ui-larger-line-height
  );
  --clg-dimension-sem-icon-larger-font-size: var(
    --clg-typography-sem-ui-larger-font-size
  );
  --clg-dimension-sem-icon-large-line-height: var(
    --clg-typography-sem-ui-large-line-height
  );
  --clg-dimension-sem-icon-large-font-size: var(
    --clg-typography-sem-ui-large-font-size
  );
  --clg-dimension-sem-icon-base-line-height: var(
    --clg-typography-sem-ui-base-line-height
  );
  --clg-dimension-sem-icon-base-font-size: var(
    --clg-typography-sem-ui-base-font-size
  );
  --clg-dimension-sem-icon-small-line-height: var(
    --clg-typography-sem-ui-small-line-height
  );
  --clg-dimension-sem-icon-small-font-size: var(
    --clg-typography-sem-ui-small-font-size
  );
  --clg-dimension-sem-icon-smaller-line-height: var(
    --clg-typography-sem-ui-smaller-line-height
  );
  --clg-dimension-sem-icon-smaller-font-size: var(
    --clg-typography-sem-ui-smaller-font-size
  );
  --clg-dimension-sem-icon-smallest-line-height: var(
    --clg-typography-sem-ui-smallest-line-height
  );
  --clg-dimension-sem-icon-smallest-font-size: var(
    --clg-typography-sem-ui-smallest-font-size
  );
  --clg-dimension-sem-minimum-tap-target: var(--clg-dimension-pal-grid-600);
  --clg-dimension-app-image-tile-gap: var(--clg-dimension-pal-grid-025);
  --clg-dimension-app-upload-tile-group-gap: var(--clg-dimension-pal-grid-150);
  --clg-dimension-app-tooltip-anchor-height: var(--clg-dimension-pal-grid-100);
  --clg-dimension-app-tooltip-anchor-width: var(--clg-dimension-pal-grid-200);
  --clg-dimension-app-tooltip-anchor-margin: var(--clg-dimension-pal-grid-100);
  --clg-dimension-app-tooltip-padding-vertical: var(
    --clg-dimension-pal-grid-100
  );
  --clg-dimension-app-tooltip-padding-horizontal: var(
    --clg-dimension-pal-grid-100
  );
  --clg-dimension-app-text-link-gap: var(--clg-dimension-pal-grid-050);
  --clg-dimension-app-tabs-vertical-track-width: var(
    --clg-shape-sem-border-width-thin
  );
  --clg-dimension-app-tabs-vertical-margin: var(--clg-dimension-pal-grid-150);
  --clg-dimension-app-tabs-vertical-highlight-minimum-height: var(
    --clg-dimension-pal-grid-500
  );
  --clg-dimension-app-tabs-vertical-gap: var(--clg-dimension-pal-grid-150);
  --clg-dimension-app-tabs-padding: var(--clg-dimension-pal-grid-100);
  --clg-dimension-app-tabs-item-gap: var(--clg-dimension-pal-grid-100);
  --clg-dimension-app-tabs-horizontal-track-height: var(
    --clg-shape-sem-border-width-thin
  );
  --clg-dimension-app-tabs-horizontal-highlight-minimum-width: var(
    --clg-dimension-pal-grid-500
  );
  --clg-dimension-app-tabs-horizontal-gap: var(--clg-dimension-pal-grid-300);
  --clg-dimension-app-tabs-highlight-margin: var(--clg-dimension-pal-grid-150);
  --clg-dimension-app-table-cell-wide-padding-vertical: var(
    --clg-dimension-pal-grid-300
  );
  --clg-dimension-app-table-cell-wide-padding-horizontal: var(
    --clg-dimension-pal-grid-200
  );
  --clg-dimension-app-table-cell-base-padding-vertical: var(
    --clg-dimension-pal-grid-200
  );
  --clg-dimension-app-table-cell-base-padding-horizontal: var(
    --clg-dimension-pal-grid-200
  );
  --clg-dimension-app-table-cell-narrow-padding-vertical: var(
    --clg-dimension-pal-grid-100
  );
  --clg-dimension-app-table-cell-narrow-padding-horizontal: var(
    --clg-dimension-pal-grid-200
  );
  --clg-dimension-app-table-cell-header-gap: var(--clg-dimension-pal-grid-050);
  --clg-dimension-app-table-cell-header-padding-vertical: var(
    --clg-dimension-pal-grid-150
  );
  --clg-dimension-app-table-cell-header-padding-horizontal: var(
    --clg-dimension-pal-grid-200
  );
  --clg-dimension-app-table-title-gap-text: var(--clg-dimension-pal-grid-050);
  --clg-dimension-app-table-title-gap-button: var(--clg-dimension-pal-grid-200);
  --clg-dimension-app-switch-small-handle-size: var(
    --clg-dimension-pal-grid-150
  );
  --clg-dimension-app-switch-small-height: var(--clg-dimension-pal-grid-300);
  --clg-dimension-app-switch-padding-vertical: var(
    --clg-dimension-pal-grid-100
  );
  --clg-dimension-app-switch-padding-right: var(--clg-dimension-pal-grid-100);
  --clg-dimension-app-switch-padding-left: var(--clg-dimension-pal-grid-100);
  --clg-dimension-app-switch-padding-end: var(--clg-dimension-pal-grid-100);
  --clg-dimension-app-switch-padding-start: var(--clg-dimension-pal-grid-100);
  --clg-dimension-app-switch-handle-size: var(--clg-dimension-pal-grid-200);
  --clg-dimension-app-switch-checked-small-padding-vertical: var(
    --clg-dimension-pal-grid-050
  );
  --clg-dimension-app-switch-checked-small-padding-right: var(
    --clg-dimension-pal-grid-050
  );
  --clg-dimension-app-switch-checked-small-padding-left: var(
    --clg-dimension-pal-grid-050
  );
  --clg-dimension-app-switch-checked-small-padding-end: var(
    --clg-dimension-pal-grid-050
  );
  --clg-dimension-app-switch-checked-small-padding-start: var(
    --clg-dimension-pal-grid-050
  );
  --clg-dimension-app-switch-checked-padding-right: var(
    --clg-dimension-pal-grid-050
  );
  --clg-dimension-app-switch-checked-padding-left: var(
    --clg-dimension-pal-grid-100
  );
  --clg-dimension-app-switch-checked-padding-end: var(
    --clg-dimension-pal-grid-050
  );
  --clg-dimension-app-switch-checked-padding-start: var(
    --clg-dimension-pal-grid-100
  );
  --clg-dimension-app-switch-width: var(--clg-dimension-pal-grid-800);
  --clg-dimension-app-switch-height: var(--clg-dimension-pal-grid-400);
  --clg-dimension-app-selectable-text-min-width-base: var(
    --clg-dimension-pal-grid-1000
  );
  --clg-dimension-app-selectable-text-min-height-small: var(
    --clg-dimension-pal-grid-400
  );
  --clg-dimension-app-selectable-swatch-group-gap-row-large: var(
    --clg-dimension-pal-grid-200
  );
  --clg-dimension-app-selectable-swatch-group-gap-row-small: var(
    --clg-dimension-pal-grid-200
  );
  --clg-dimension-app-selectable-swatch-group-gap-row-base: var(
    --clg-dimension-pal-grid-150
  );
  --clg-dimension-app-selectable-swatch-group-gap-vertical-large: var(
    --clg-dimension-pal-grid-100
  );
  --clg-dimension-app-selectable-swatch-group-gap-vertical-small: var(
    --clg-dimension-pal-grid-100
  );
  --clg-dimension-app-selectable-swatch-group-gap-vertical-base: var(
    --clg-dimension-pal-grid-050
  );
  --clg-dimension-app-selectable-swatch-group-gap-large: var(
    --clg-dimension-pal-grid-200
  );
  --clg-dimension-app-selectable-swatch-group-gap-small: var(
    --clg-dimension-pal-grid-200
  );
  --clg-dimension-app-selectable-swatch-group-gap-base: var(
    --clg-dimension-pal-grid-100
  );
  --clg-dimension-app-selectable-swatch-size-large: var(
    --clg-dimension-pal-grid-800
  );
  --clg-dimension-app-selectable-swatch-size-small: var(
    --clg-dimension-pal-grid-400
  );
  --clg-dimension-app-selectable-swatch-size-base: var(
    --clg-dimension-pal-grid-500
  );
  --clg-dimension-app-spinner-large-size: var(--clg-dimension-pal-size-800);
  --clg-dimension-app-spinner-size: var(--clg-dimension-pal-size-400);
  --clg-dimension-app-sheets-header-padding-vertical-bottom: var(
    --clg-dimension-pal-grid-100
  );
  --clg-dimension-app-sheets-header-padding-vertical-top: var(
    --clg-dimension-pal-grid-300
  );
  --clg-dimension-app-sheets-header-padding-horizontal: var(
    --clg-dimension-pal-grid-200
  );
  --clg-dimension-app-sheets-header-gap: var(--clg-dimension-pal-grid-150);
  --clg-dimension-app-sheets-padding-vertical-bottom: var(
    --clg-dimension-pal-grid-200
  );
  --clg-dimension-app-sheets-padding-vertical-top: var(
    --clg-dimension-pal-grid-100
  );
  --clg-dimension-app-sheets-padding-horizontal: var(
    --clg-dimension-pal-grid-200
  );
  --clg-dimension-app-selectable-image-size-large: var(
    --clg-dimension-pal-grid-1200
  );
  --clg-dimension-app-selectable-image-size-base: var(
    --clg-dimension-pal-grid-900
  );
  --clg-dimension-app-selectable-image-size-small: var(
    --clg-dimension-pal-grid-600
  );
  --clg-dimension-app-selectable-card-image-padding-bottom-small: var(
    --clg-dimension-pal-grid-100
  );
  --clg-dimension-app-selectable-card-image-padding-bottom-base: var(
    --clg-dimension-pal-grid-150
  );
  --clg-dimension-app-selectable-card-image-gap-large: var(
    --clg-dimension-pal-grid-200
  );
  --clg-dimension-app-selectable-card-image-gap-small: var(
    --clg-dimension-pal-grid-100
  );
  --clg-dimension-app-selectable-card-image-gap-base: var(
    --clg-dimension-pal-grid-150
  );
  --clg-dimension-app-selectable-card-gap: var(--clg-dimension-pal-grid-100);
  --clg-dimension-app-selectable-card-padding-large: var(
    --clg-dimension-pal-grid-200
  );
  --clg-dimension-app-selectable-card-padding-small: var(
    --clg-dimension-pal-grid-100
  );
  --clg-dimension-app-selectable-card-padding-base: var(
    --clg-dimension-pal-grid-150
  );
  --clg-dimension-app-review-star-smaller-size: var(
    --clg-dimension-sem-icon-core-smaller
  );
  --clg-dimension-app-review-star-largest-size: var(
    --clg-dimension-sem-icon-core-largest
  );
  --clg-dimension-app-review-star-larger-size: var(
    --clg-dimension-sem-icon-core-larger
  );
  --clg-dimension-app-review-star-base-size: var(
    --clg-dimension-sem-icon-core-base
  );
  --clg-dimension-app-progress-bar-height: var(--clg-dimension-pal-grid-050);
  --clg-dimension-app-popover-anchor-height: var(--clg-dimension-pal-grid-150);
  --clg-dimension-app-popover-anchor-width: var(--clg-dimension-pal-grid-300);
  --clg-dimension-app-popover-anchor-margin: var(--clg-dimension-pal-grid-100);
  --clg-dimension-app-popover-padding-vertical: var(
    --clg-dimension-pal-grid-200
  );
  --clg-dimension-app-popover-padding-horizontal: var(
    --clg-dimension-pal-grid-200
  );
  --clg-dimension-app-panel-large-gap: var(--clg-dimension-pal-grid-300);
  --clg-dimension-app-panel-large-padding: var(--clg-dimension-pal-grid-300);
  --clg-dimension-app-panel-gap: var(--clg-dimension-pal-grid-150);
  --clg-dimension-app-panel-padding: var(--clg-dimension-pal-grid-150);
  --clg-dimension-app-pagination-minimum-height: var(
    --clg-dimension-pal-grid-400
  );
  --clg-dimension-app-pagination-minimum-width: var(
    --clg-dimension-pal-grid-400
  );
  --clg-dimension-app-pagination-gap: var(--clg-dimension-pal-grid-100);
  --clg-dimension-app-menu-item-padding-vertical: var(
    --clg-dimension-pal-grid-150
  );
  --clg-dimension-app-menu-item-padding-horizontal: var(
    --clg-dimension-pal-grid-200
  );
  --clg-dimension-app-menu-item-padding-gap: var(--clg-dimension-pal-grid-050);
  --clg-dimension-app-menu-padding-vertical: var(--clg-dimension-pal-grid-150);
  --clg-dimension-app-menu-gap: var(--clg-dimension-pal-grid-100);
  --clg-dimension-app-list-text-margin: var(--clg-dimension-pal-grid-050);
  --clg-dimension-app-list-large-padding-vertical: var(
    --clg-dimension-pal-grid-200
  );
  --clg-dimension-app-list-small-padding-vertical: var(
    --clg-dimension-pal-grid-100
  );
  --clg-dimension-app-list-padding-horizontal: var(
    --clg-dimension-pal-grid-200
  );
  --clg-dimension-app-list-padding-vertical: var(--clg-dimension-pal-grid-150);
  --clg-dimension-app-list-graphic-margin: var(--clg-dimension-pal-grid-100);
  --clg-dimension-app-list-gap: var(--clg-dimension-pal-grid-050);
  --clg-dimension-app-input-small-padding-vertical: var(
    --clg-dimension-pal-grid-050
  );
  --clg-dimension-app-input-selectable-caption-margin-top: var(
    --clg-dimension-pal-grid-050
  );
  --clg-dimension-app-input-selectable-with-label-gap: var(
    --clg-dimension-pal-grid-100
  );
  --clg-dimension-app-input-selectable-with-label-padding-vertical: var(
    --clg-dimension-pal-grid-100
  );
  --clg-dimension-app-input-selectable-radio-small-indicator-size: var(
    --clg-dimension-pal-grid-100
  );
  --clg-dimension-app-input-selectable-radio-indicator-size: var(
    --clg-dimension-pal-grid-200
  );
  --clg-dimension-app-input-selectable-size: var(--clg-dimension-pal-grid-400);
  --clg-dimension-app-input-padding-vertical: var(--clg-dimension-pal-grid-100);
  --clg-dimension-app-input-padding-horizontal: var(
    --clg-dimension-pal-grid-150
  );
  --clg-dimension-app-input-gap: var(--clg-dimension-pal-grid-050);
  --clg-dimension-app-indicator-padding-horizontal: var(
    --clg-dimension-pal-grid-050
  );
  --clg-dimension-app-indicator-dot-size: var(--clg-dimension-pal-grid-100);
  --clg-dimension-app-indicator-minimum-width: var(
    --clg-dimension-pal-grid-200
  );
  --clg-dimension-app-indicator-minimum-height: var(
    --clg-dimension-pal-grid-200
  );
  --clg-dimension-app-spot-illustration-largest-size: var(
    --clg-dimension-pal-grid-1500
  );
  --clg-dimension-app-spot-illustration-large-size: var(
    --clg-dimension-pal-grid-1400
  );
  --clg-dimension-app-spot-illustration-base-size: var(
    --clg-dimension-pal-grid-1200
  );
  --clg-dimension-app-spot-illustration-small-size: var(
    --clg-dimension-pal-grid-1000
  );
  --clg-dimension-app-spot-illustration-smallest-size: var(
    --clg-dimension-pal-grid-700
  );
  --clg-dimension-app-expandable-gap: var(--clg-dimension-pal-grid-100);
  --clg-dimension-app-empty-state-text-gap: var(--clg-dimension-pal-grid-050);
  --clg-dimension-app-empty-state-subtle-fill-padding: var(
    --clg-dimension-pal-grid-150
  );
  --clg-dimension-app-empty-state-gap: var(--clg-dimension-pal-grid-200);
  --clg-dimension-app-empty-state-padding-bottom-no-buttons: var(
    --clg-dimension-pal-grid-900
  );
  --clg-dimension-app-empty-state-padding-bottom-one-button: var(
    --clg-dimension-pal-grid-600
  );
  --clg-dimension-app-empty-state-padding-bottom-two-buttons: var(
    --clg-dimension-pal-grid-300
  );
  --clg-dimension-app-dialog-padding-vertical: var(
    --clg-dimension-pal-grid-400
  );
  --clg-dimension-app-dialog-padding-horizontal: var(
    --clg-dimension-pal-grid-200
  );
  --clg-dimension-app-dialog-gap: var(--clg-dimension-pal-grid-200);
  --clg-dimension-app-chip-text-dropdown-gap: var(--clg-dimension-pal-grid-050);
  --clg-dimension-app-chip-small-text-dropdown-gap: var(
    --clg-dimension-pal-grid-050
  );
  --clg-dimension-app-chip-small-padding-vertical: 9px;
  --clg-dimension-app-chip-small-padding-horizontal: 15px;
  --clg-dimension-app-chip-small-gap: var(--clg-dimension-pal-grid-050);
  --clg-dimension-app-chip-small-filter-padding-end: 9px;
  --clg-dimension-app-chip-padding-vertical: var(--clg-dimension-pal-grid-050);
  --clg-dimension-app-chip-padding-horizontal: var(
    --clg-dimension-pal-grid-150
  );
  --clg-dimension-app-chip-large-padding-vertical: var(
    --clg-dimension-pal-grid-100
  );
  --clg-dimension-app-chip-large-padding-horizontal: var(
    --clg-dimension-pal-grid-200
  );
  --clg-dimension-app-chip-filter-padding-end: var(
    --clg-dimension-pal-spacing-200
  );
  --clg-dimension-app-chip-gap: var(--clg-dimension-pal-grid-100);
  --clg-dimension-app-carousel-dots-v2-padding-horizontal: var(
    --clg-dimension-pal-grid-100
  );
  --clg-dimension-app-carousel-dots-v2-progress-bar-width: var(
    --clg-dimension-pal-grid-200
  );
  --clg-dimension-app-carousel-dots-v2-size: var(--clg-dimension-pal-grid-050);
  --clg-dimension-app-carousel-dots-on-image-active-size: 6.5px;
  --clg-dimension-app-carousel-dots-size: var(--clg-dimension-pal-size-100);
  --clg-dimension-app-carousel-dots-margin: var(
    --clg-dimension-pal-spacing-100
  );
  --clg-dimension-app-card-container-default-vertical-gap: var(
    --clg-dimension-pal-grid-050
  );
  --clg-dimension-app-card-vertical-gap: var(--clg-dimension-pal-grid-150);
  --clg-dimension-app-card-horizontal-gap: var(--clg-dimension-pal-grid-150);
  --clg-dimension-app-card-padding: var(--clg-dimension-pal-grid-150);
  --clg-dimension-app-button-small-removable-padding-right: var(
    --clg-dimension-pal-spacing-100
  );
  --clg-dimension-app-button-small-removable-gap: 9px;
  --clg-dimension-app-button-small-padding-vertical: var(
    --clg-dimension-pal-grid-050
  );
  --clg-dimension-app-button-small-padding-horizontal: 15px;
  --clg-dimension-app-button-small-filter-padding-right: 9px;
  --clg-dimension-app-button-selectable-filter-padding-right: var(
    --clg-dimension-pal-spacing-200
  );
  --clg-dimension-app-button-padding-vertical: var(
    --clg-dimension-pal-spacing-200
  );
  --clg-dimension-app-button-padding-horizontal: var(
    --clg-dimension-pal-spacing-300
  );
  --clg-dimension-app-button-icon-smallest-vertical: var(
    --clg-dimension-pal-grid-025
  );
  --clg-dimension-app-button-icon-smallest-horizontal: var(
    --clg-dimension-pal-grid-025
  );
  --clg-dimension-app-button-icon-padding-vertical: var(
    --clg-dimension-pal-grid-050
  );
  --clg-dimension-app-button-icon-padding-horizontal: var(
    --clg-dimension-pal-grid-050
  );
  --clg-dimension-app-button-favorite-small-size: var(
    --clg-dimension-pal-grid-400
  );
  --clg-dimension-app-button-favorite-padding-vertical: var(
    --clg-dimension-pal-grid-050
  );
  --clg-dimension-app-button-favorite-padding-horizontal: var(
    --clg-dimension-pal-grid-050
  );
  --clg-dimension-app-button-minimum-width: var(--clg-dimension-pal-grid-1000);
  --clg-dimension-app-button-gap: var(--clg-dimension-pal-spacing-100);
  --clg-dimension-app-breadcrumb-gap: var(--clg-dimension-pal-grid-050);
  --clg-dimension-app-bottom-nav-item-icon-padding-horizontal: var(
    --clg-dimension-pal-grid-050
  );
  --clg-dimension-app-bottom-nav-item-padding-vertical: var(
    --clg-dimension-pal-grid-050
  );
  --clg-dimension-app-bottom-nav-item-padding-horizontal: var(
    --clg-dimension-pal-grid-100
  );
  --clg-dimension-app-bottom-nav-padding-vertical: var(
    --clg-dimension-pal-grid-050
  );
  --clg-dimension-app-bottom-nav-padding-horizontal: var(
    --clg-dimension-pal-grid-050
  );
  --clg-dimension-app-badge-small-height: var(--clg-dimension-pal-size-300);
  --clg-dimension-app-badge-height: var(--clg-dimension-pal-size-400);
  --clg-dimension-app-avatar-smallest-text-size: var(
    --clg-dimension-pal-grid-150
  );
  --clg-dimension-app-avatar-smallest-image-size: var(
    --clg-dimension-pal-grid-300
  );
  --clg-dimension-app-avatar-smallest-size: var(--clg-dimension-pal-grid-300);
  --clg-dimension-app-avatar-smaller-text-size: var(
    --clg-dimension-pal-grid-200
  );
  --clg-dimension-app-avatar-smaller-image-size: var(
    --clg-dimension-pal-grid-400
  );
  --clg-dimension-app-avatar-smaller-size: var(--clg-dimension-pal-grid-400);
  --clg-dimension-app-avatar-base-text-size: var(--clg-dimension-pal-grid-300);
  --clg-dimension-app-avatar-base-icon-size: var(--clg-dimension-pal-grid-300);
  --clg-dimension-app-avatar-base-image-size: var(--clg-dimension-pal-grid-400);
  --clg-dimension-app-avatar-base-size: var(--clg-dimension-pal-grid-600);
  --clg-dimension-app-avatar-larger-text-size: var(
    --clg-dimension-pal-grid-400
  );
  --clg-dimension-app-avatar-larger-group-gap: calc(
    -1 * var(--clg-dimension-pal-grid-150)
  );
  --clg-dimension-app-avatar-larger-icon-size: var(
    --clg-dimension-pal-grid-400
  );
  --clg-dimension-app-avatar-larger-badge-size: var(
    --clg-dimension-pal-grid-200
  );
  --clg-dimension-app-avatar-larger-image-size: var(
    --clg-dimension-pal-grid-500
  );
  --clg-dimension-app-avatar-larger-size: var(--clg-dimension-pal-grid-800);
  --clg-dimension-app-avatar-largest-text-size: var(
    --clg-dimension-pal-grid-500
  );
  --clg-dimension-app-avatar-largest-group-gap: calc(
    -1 * var(--clg-dimension-pal-grid-150)
  );
  --clg-dimension-app-avatar-largest-icon-size: var(
    --clg-dimension-pal-grid-600
  );
  --clg-dimension-app-avatar-largest-badge-size: var(
    --clg-dimension-pal-grid-300
  );
  --clg-dimension-app-avatar-largest-image-size: var(
    --clg-dimension-pal-grid-800
  );
  --clg-dimension-app-avatar-largest-size: var(--clg-dimension-pal-grid-1200);
  --clg-dimension-app-alert-dialog-padding-vertical: var(
    --clg-dimension-pal-grid-400
  );
  --clg-dimension-app-alert-dialog-padding-horizontal: var(
    --clg-dimension-pal-grid-200
  );
  --clg-dimension-app-alert-toast-padding-vertical: var(
    --clg-dimension-pal-grid-100
  );
  --clg-dimension-app-alert-toast-padding-horizontal-end: var(
    --clg-dimension-pal-grid-100
  );
  --clg-dimension-app-alert-toast-padding-horizontal-start: var(
    --clg-dimension-pal-grid-150
  );
  --clg-dimension-app-alert-toast-gap: var(--clg-dimension-pal-grid-150);
  --clg-dimension-app-alert-banner-padding-vertical: var(
    --clg-dimension-pal-grid-150
  );
  --clg-dimension-app-alert-banner-padding-horizontal: var(
    --clg-dimension-pal-grid-150
  );
  --clg-dimension-app-alert-banner-icon-margin: var(
    --clg-dimension-pal-grid-150
  );
  --clg-dimension-app-alert-banner-button-group-margin: var(
    --clg-dimension-pal-grid-100
  );
  --clg-dimension-app-accordion-title-padding-vertical-loose: var(
    --clg-dimension-pal-grid-200
  );
  --clg-dimension-app-accordion-title-padding-vertical-base: var(
    --clg-dimension-pal-grid-150
  );
  --clg-dimension-app-accordion-title-padding-vertical-tight: var(
    --clg-dimension-pal-grid-100
  );
  --clg-dimension-app-accordion-title-minimum-height-loose: var(
    --clg-dimension-pal-grid-1000
  );
  --clg-dimension-app-accordion-title-minimum-height-base: var(
    --clg-dimension-pal-grid-800
  );
  --clg-dimension-app-accordion-title-minimum-height-tight: var(
    --clg-dimension-pal-grid-600
  );
  --clg-dimension-app-accordion-title-gap: var(--clg-dimension-pal-grid-150);
  --clg-dimension-app-accordion-content-padding-bottom-loose: var(
    --clg-dimension-pal-grid-400
  );
  --clg-dimension-app-accordion-content-padding-bottom-base: var(
    --clg-dimension-pal-grid-300
  );
  --clg-dimension-app-accordion-content-padding-bottom-tight: var(
    --clg-dimension-pal-grid-200
  );
  --clg-color-sem-text-disabled: var(
    --clg-color-sem-on-surface-light-disabled-text
  );
  --clg-color-sem-text-action: var(
    --clg-color-sem-on-surface-light-action-text
  );
  --clg-color-sem-border-selectable: var(
    --clg-color-sem-on-surface-light-selectable-border
  );
  --clg-color-sem-border-divider: var(
    --clg-color-sem-on-surface-light-divider-border
  );
  --clg-color-sem-border-disabled: var(
    --clg-color-sem-on-surface-light-disabled-border
  );
  --clg-color-sem-border-active: var(
    --clg-color-sem-on-surface-light-active-border
  );
  --clg-color-sem-background-surface-hovered-subtle: var(
    --clg-color-sem-on-surface-light-transparent-hovered-background
  );
  --clg-color-sem-background-surface-dragging: var(
    --clg-color-sem-background-surface-secondary
  );
  --clg-color-sem-background-elevation-neg1: var(
    --clg-color-sem-background-surface-tertiary
  );
  --clg-color-sem-background-elevation-3: var(
    --clg-color-sem-background-surface-secondary
  );
  --clg-color-sem-background-elevation-2: var(
    --clg-color-sem-background-surface-secondary
  );
  --clg-color-sem-background-elevation-1: var(
    --clg-color-sem-background-surface-secondary
  );
  --clg-color-sem-background-elevation-0: var(
    --clg-color-sem-background-surface-primary
  );
  --clg-color-sem-background-disabled: var(
    --clg-color-sem-on-surface-light-strong-disabled-background
  );
  --clg-color-app-user-message-sent-text: var(
    --clg-color-sem-text-on-surface-dark
  );
  --clg-color-app-user-message-received-text: var(--clg-color-sem-text-primary);
  --clg-color-app-user-message-received-background: var(
    --clg-color-sem-background-surface-tertiary
  );
  --clg-color-app-tooltip-text: var(--clg-color-sem-text-on-surface-strong);
  --clg-color-app-text-selection-handle: var(--clg-color-sem-text-primary);
  --clg-color-app-tabs-selected-highlight-background: var(
    --clg-color-sem-background-surface-brand-dark
  );
  --clg-color-app-tabs-selected-text: var(--clg-color-sem-text-primary);
  --clg-color-app-tabs-text: var(--clg-color-sem-text-secondary);
  --clg-color-app-selectable-text-slash: var(--clg-color-sem-border-selected);
  --clg-color-app-selectable-text-selected-border: var(
    --clg-color-sem-border-selected
  );
  --clg-color-app-selectable-swatch-selected-border-outer: var(
    --clg-color-sem-border-selected
  );
  --clg-color-app-spinner-on-surface-subtle-foreground: var(
    --clg-color-app-spinner-foreground
  );
  --clg-color-app-spinner-on-surface-subtle-background: var(
    --clg-color-app-spinner-background
  );
  --clg-color-app-spinner-on-surface-strong-foreground: var(
    --clg-color-app-spinner-on-surface-dark-foreground
  );
  --clg-color-app-spinner-on-surface-strong-background: var(
    --clg-color-app-spinner-on-surface-dark-background
  );
  --clg-color-app-signal-urgency-strong-text: var(
    --clg-color-sem-text-on-surface-light
  );
  --clg-color-app-signal-urgency-background: var(
    --clg-color-app-signal-background
  );
  --clg-color-app-signal-trust-subtle-text: var(--clg-color-sem-text-primary);
  --clg-color-app-signal-trust-strong-text: var(
    --clg-color-sem-text-on-surface-light
  );
  --clg-color-app-signal-trust-strong-background: var(
    --clg-color-sem-background-surface-trust-light
  );
  --clg-color-app-signal-trust-text: var(--clg-color-sem-text-on-surface-light);
  --clg-color-app-signal-trust-background: var(
    --clg-color-app-signal-background
  );
  --clg-color-app-signal-subtle-text: var(--clg-color-sem-text-primary);
  --clg-color-app-signal-strong-text: var(--clg-color-sem-text-primary);
  --clg-color-app-signal-promote-strong-text: var(
    --clg-color-sem-text-on-surface-light
  );
  --clg-color-app-signal-promote-strong-background: var(
    --clg-color-sem-background-surface-promote-light
  );
  --clg-color-app-signal-promote-background: var(
    --clg-color-app-signal-background
  );
  --clg-color-app-signal-highlight-strong-text: var(
    --clg-color-sem-text-on-surface-dark
  );
  --clg-color-app-signal-highlight-strong-background: var(
    --clg-color-sem-background-surface-highlight-dark
  );
  --clg-color-app-signal-highlight-background: var(
    --clg-color-app-signal-background
  );
  --clg-color-app-signal-ad-subtle-text: var(--clg-color-sem-text-secondary);
  --clg-color-app-signal-ad-text: var(--clg-color-sem-text-on-surface-dark);
  --clg-color-app-signal-text: var(--clg-color-sem-text-on-surface-light);
  --clg-color-app-sheet-handle: var(--clg-color-sem-text-placeholder);
  --clg-color-app-sheet-background: var(
    --clg-color-sem-background-surface-primary
  );
  --clg-color-app-transparent-gradient-end: var(
    --clg-color-sem-background-surface-primary
  );
  --clg-color-app-selectable-image-selected-border-outer: var(
    --clg-color-sem-border-selected
  );
  --clg-color-app-selectable-card-control-background: var(
    --clg-color-sem-background-surface-secondary
  );
  --clg-color-app-selectable-card-selected-border: var(
    --clg-color-sem-border-selected
  );
  --clg-color-app-scroll-overlay-background-end: var(
    --clg-color-sem-background-surface-primary
  );
  --clg-color-app-progress-bar-unselected-background: var(
    --clg-color-app-progress-bar-background
  );
  --clg-color-app-progress-bar-selected-review-stars-fill: var(
    --clg-color-app-progress-bar-review-stars-fill
  );
  --clg-color-app-progress-bar-review-stars-background: var(
    --clg-color-app-progress-bar-background
  );
  --clg-color-app-progress-bar-foreground-promote: var(
    --clg-color-sem-text-promote
  );
  --clg-color-app-popover-background: var(
    --clg-color-sem-background-surface-secondary
  );
  --clg-color-app-pagination-selected-hovered-background: var(
    --clg-color-sem-on-surface-light-transparent-hovered-background
  );
  --clg-color-app-pagination-hovered-background: var(
    --clg-color-sem-on-surface-light-transparent-hovered-background
  );
  --clg-color-app-pagination-text: var(--clg-color-sem-text-primary);
  --clg-color-app-panel-background: var(
    --clg-color-sem-background-surface-secondary
  );
  --clg-color-app-menu-item-selected-text: var(
    --clg-color-sem-text-on-surface-subtle
  );
  --clg-color-app-menu-item-selected-background: var(
    --clg-color-sem-background-surface-selected-subtle
  );
  --clg-color-app-menu-item-text: var(--clg-color-sem-text-primary);
  --clg-color-app-menu-background: var(
    --clg-color-sem-background-surface-secondary
  );
  --clg-color-app-input-selectable-selected-text: var(
    --clg-color-sem-text-on-surface-strong
  );
  --clg-color-app-input-selectable-selected-border: var(
    --clg-color-sem-border-selected
  );
  --clg-color-app-input-selectable-selected-background: var(
    --clg-color-sem-background-surface-selected-strong
  );
  --clg-color-app-input-selectable-error-selected-text: var(
    --clg-color-sem-text-on-surface-strong
  );
  --clg-color-app-input-selectable-error-selected-border: var(
    --clg-color-sem-border-critical
  );
  --clg-color-app-input-selectable-error-selected-background: var(
    --clg-color-sem-background-surface-critical-strong
  );
  --clg-color-app-input-search-pressed-border: var(
    --clg-color-app-input-search-border
  );
  --clg-color-app-input-search-text: var(
    --clg-color-sem-text-on-surface-subtle
  );
  --clg-color-app-input-focused-border: var(--clg-color-sem-border-focused);
  --clg-color-app-input-error-icon-foreground: var(
    --clg-color-sem-text-on-surface-strong
  );
  --clg-color-app-input-error-icon-background: var(
    --clg-color-sem-text-critical
  );
  --clg-color-app-input-error-text: var(--clg-color-sem-text-critical);
  --clg-color-app-input-error-background: var(
    --clg-color-sem-background-surface-critical-subtle
  );
  --clg-color-app-input-disabled-text: var(
    --clg-color-sem-text-on-surface-unavailable-subtle
  );
  --clg-color-app-input-disabled-background: var(
    --clg-color-sem-background-surface-unavailable-subtle
  );
  --clg-color-app-input-text: var(--clg-color-sem-text-primary);
  --clg-color-app-indicator-warning-text: var(
    --clg-color-sem-text-on-surface-light
  );
  --clg-color-app-indicator-warning-background: var(
    --clg-color-sem-background-surface-warning-light
  );
  --clg-color-app-indicator-success-text: var(
    --clg-color-sem-text-on-surface-dark
  );
  --clg-color-app-indicator-important-text: var(
    --clg-color-sem-text-on-surface-dark
  );
  --clg-color-app-indicator-important-background: var(
    --clg-color-sem-background-surface-important-dark
  );
  --clg-color-app-indicator-highlight-text: var(
    --clg-color-sem-text-on-surface-dark
  );
  --clg-color-app-indicator-highlight-background: var(
    --clg-color-sem-background-surface-highlight-dark
  );
  --clg-color-app-indicator-critical-text: var(
    --clg-color-sem-text-on-surface-dark
  );
  --clg-color-app-indicator-text: var(--clg-color-sem-text-primary);
  --clg-color-app-indicator-border: var(
    --clg-color-sem-background-surface-primary
  );
  --clg-color-app-empty-state-subtle-fill-background: var(
    --clg-color-sem-background-surface-informational-subtle
  );
  --clg-color-app-drag-and-drop-hovered-background: var(
    --clg-color-sem-on-surface-light-transparent-hovered-background
  );
  --clg-color-app-drag-and-drop-disabled-background: var(
    --clg-color-sem-background-surface-unavailable-subtle
  );
  --clg-color-app-chip-swatch-selected-border: var(
    --clg-color-sem-on-surface-dark-active-border
  );
  --clg-color-app-chip-selectable-selected-pressed-background: var(
    --clg-color-sem-on-surface-light-strong-pressed-background
  );
  --clg-color-app-chip-selectable-selected-hovered-background: var(
    --clg-color-sem-on-surface-light-strong-hovered-background
  );
  --clg-color-app-chip-selectable-selected-text: var(
    --clg-color-sem-text-on-surface-strong
  );
  --clg-color-app-chip-selectable-selected-background: var(
    --clg-color-sem-background-surface-contrast-strong
  );
  --clg-color-app-chip-selectable-pressed-background: var(
    --clg-color-sem-on-surface-light-semitransparent-pressed-background
  );
  --clg-color-app-chip-selectable-hovered-background: var(
    --clg-color-sem-on-surface-light-semitransparent-hovered-background
  );
  --clg-color-app-chip-selectable-disabled-selected-text: var(
    --clg-color-sem-text-on-surface-strong
  );
  --clg-color-app-chip-selectable-text: var(
    --clg-color-sem-text-on-surface-subtle
  );
  --clg-color-app-chip-selectable-background: var(
    --clg-color-sem-on-surface-light-semitransparent-background
  );
  --clg-color-app-chip-removable-pressed-text: var(
    --clg-color-sem-text-on-surface-strong
  );
  --clg-color-app-chip-removable-pressed-background: var(
    --clg-color-sem-on-surface-light-strong-pressed-background
  );
  --clg-color-app-chip-removable-hovered-background: var(
    --clg-color-sem-on-surface-light-strong-hovered-background
  );
  --clg-color-app-chip-removable-disabled-text: var(
    --clg-color-sem-text-on-surface-strong
  );
  --clg-color-app-chip-removable-text: var(
    --clg-color-sem-text-on-surface-strong
  );
  --clg-color-app-chip-removable-background: var(
    --clg-color-sem-background-surface-contrast-strong
  );
  --clg-color-app-dialog-background: var(
    --clg-color-sem-background-surface-primary
  );
  --clg-color-app-carousel-dots-active-border: var(
    --clg-color-sem-border-selected
  );
  --clg-color-app-carousel-dots-active-background: var(
    --clg-color-sem-background-surface-selected-strong
  );
  --clg-color-app-card-background: var(
    --clg-color-sem-background-surface-secondary
  );
  --clg-color-app-button-transparent-pressed-background: var(
    --clg-color-sem-on-surface-light-transparent-pressed-background
  );
  --clg-color-app-button-transparent-on-surface-subtle-pressed-border: var(
    --clg-color-app-button-transparent-pressed-border
  );
  --clg-color-app-button-transparent-on-surface-subtle-hovered-border: var(
    --clg-color-app-button-transparent-hovered-border
  );
  --clg-color-app-button-transparent-on-surface-strong-pressed-border: var(
    --clg-color-app-button-transparent-on-surface-dark-pressed-border
  );
  --clg-color-app-button-transparent-on-surface-strong-hovered-border: var(
    --clg-color-app-button-transparent-on-surface-dark-hovered-border
  );
  --clg-color-app-button-transparent-on-surface-light-pressed-background: var(
    --clg-color-sem-on-surface-light-transparent-pressed-background
  );
  --clg-color-app-button-transparent-on-surface-light-hovered-background: var(
    --clg-color-sem-on-surface-light-transparent-hovered-background
  );
  --clg-color-app-button-transparent-on-surface-light-disabled-text: var(
    --clg-color-sem-on-surface-light-disabled-text
  );
  --clg-color-app-button-transparent-on-surface-light-disabled-border: var(
    --clg-color-app-button-transparent-on-surface-strong-border
  );
  --clg-color-app-button-transparent-on-surface-light-disabled-background: var(
    --clg-color-app-button-transparent-on-surface-strong-background
  );
  --clg-color-app-button-transparent-on-surface-light-text: var(
    --clg-color-sem-text-on-surface-light
  );
  --clg-color-app-button-transparent-on-surface-dark-pressed-background: var(
    --clg-color-sem-on-surface-dark-transparent-pressed-background
  );
  --clg-color-app-button-transparent-on-surface-dark-hovered-background: var(
    --clg-color-sem-on-surface-dark-transparent-hovered-background
  );
  --clg-color-app-button-transparent-on-surface-dark-disabled-text: var(
    --clg-color-sem-on-surface-dark-disabled-text
  );
  --clg-color-app-button-transparent-on-surface-dark-disabled-border: var(
    --clg-color-app-button-transparent-on-surface-strong-border
  );
  --clg-color-app-button-transparent-on-surface-dark-disabled-background: var(
    --clg-color-app-button-transparent-on-surface-strong-background
  );
  --clg-color-app-button-transparent-on-surface-dark-text: var(
    --clg-color-sem-text-on-surface-dark
  );
  --clg-color-app-button-transparent-hovered-background: var(
    --clg-color-sem-on-surface-light-transparent-hovered-background
  );
  --clg-color-app-button-transparent-text: var(--clg-color-sem-text-primary);
  --clg-color-app-button-toolbar-selected-icon: var(
    --clg-color-sem-text-primary
  );
  --clg-color-app-button-toolbar-pressed-icon: var(
    --clg-color-app-button-toolbar-icon
  );
  --clg-color-app-button-toolbar-hovered-icon: var(
    --clg-color-app-button-toolbar-icon
  );
  --clg-color-app-button-toolbar-hovered-background: var(
    --clg-color-sem-on-surface-light-transparent-hovered-background
  );
  --clg-color-app-button-toolbar-focused-icon: var(
    --clg-color-app-button-toolbar-icon
  );
  --clg-color-app-button-toggle-secondary-on-surface-dark-selected-disabled-text: var(
    --clg-color-sem-on-surface-dark-disabled-text
  );
  --clg-color-app-button-toggle-secondary-on-surface-dark-selected-disabled-border: var(
    --clg-color-sem-on-surface-dark-disabled-border
  );
  --clg-color-app-button-toggle-secondary-on-surface-dark-selected-pressed-text: var(
    --clg-color-sem-text-on-surface-dark
  );
  --clg-color-app-button-toggle-secondary-on-surface-dark-selected-pressed-border: var(
    --clg-color-sem-on-surface-dark-active-border
  );
  --clg-color-app-button-toggle-secondary-on-surface-dark-selected-pressed-background: var(
    --clg-color-sem-on-surface-dark-transparent-pressed-background
  );
  --clg-color-app-button-toggle-secondary-on-surface-dark-selected-hovered-text: var(
    --clg-color-sem-text-on-surface-dark
  );
  --clg-color-app-button-toggle-secondary-on-surface-dark-selected-hovered-border: var(
    --clg-color-sem-on-surface-dark-active-border
  );
  --clg-color-app-button-toggle-secondary-on-surface-dark-selected-hovered-background: var(
    --clg-color-sem-on-surface-dark-transparent-hovered-background
  );
  --clg-color-app-button-toggle-secondary-on-surface-dark-selected-text: var(
    --clg-color-sem-text-on-surface-dark
  );
  --clg-color-app-button-toggle-secondary-on-surface-dark-selected-border: var(
    --clg-color-sem-on-surface-dark-active-border
  );
  --clg-color-app-button-toggle-secondary-on-surface-dark-disabled-text: var(
    --clg-color-sem-on-surface-dark-disabled-text
  );
  --clg-color-app-button-toggle-secondary-on-surface-dark-disabled-border: var(
    --clg-color-sem-on-surface-dark-disabled-border
  );
  --clg-color-app-button-toggle-secondary-on-surface-dark-pressed-text: var(
    --clg-color-sem-text-on-surface-dark
  );
  --clg-color-app-button-toggle-secondary-on-surface-dark-pressed-border: var(
    --clg-color-sem-on-surface-dark-divider-border
  );
  --clg-color-app-button-toggle-secondary-on-surface-dark-pressed-background: var(
    --clg-color-sem-on-surface-dark-subtle-pressed-background
  );
  --clg-color-app-button-toggle-secondary-on-surface-dark-hovered-text: var(
    --clg-color-sem-text-on-surface-dark
  );
  --clg-color-app-button-toggle-secondary-on-surface-dark-hovered-border: var(
    --clg-color-sem-on-surface-dark-divider-border
  );
  --clg-color-app-button-toggle-secondary-on-surface-dark-hovered-background: var(
    --clg-color-sem-on-surface-dark-subtle-hovered-background
  );
  --clg-color-app-button-toggle-secondary-on-surface-dark-text: var(
    --clg-color-sem-text-on-surface-dark
  );
  --clg-color-app-button-toggle-secondary-on-surface-dark-border: var(
    --clg-color-sem-on-surface-dark-divider-border
  );
  --clg-color-app-button-toggle-secondary-on-surface-dark-background: var(
    --clg-color-sem-on-surface-dark-subtle-background
  );
  --clg-color-app-button-toggle-secondary-on-surface-light-selected-disabled-text: var(
    --clg-color-sem-on-surface-light-disabled-text
  );
  --clg-color-app-button-toggle-secondary-on-surface-light-selected-disabled-border: var(
    --clg-color-sem-on-surface-light-disabled-border
  );
  --clg-color-app-button-toggle-secondary-on-surface-light-selected-pressed-text: var(
    --clg-color-sem-text-on-surface-light
  );
  --clg-color-app-button-toggle-secondary-on-surface-light-selected-pressed-border: var(
    --clg-color-sem-on-surface-light-active-border
  );
  --clg-color-app-button-toggle-secondary-on-surface-light-selected-pressed-background: var(
    --clg-color-sem-on-surface-light-transparent-pressed-background
  );
  --clg-color-app-button-toggle-secondary-on-surface-light-selected-hovered-text: var(
    --clg-color-sem-text-on-surface-light
  );
  --clg-color-app-button-toggle-secondary-on-surface-light-selected-hovered-border: var(
    --clg-color-sem-on-surface-light-active-border
  );
  --clg-color-app-button-toggle-secondary-on-surface-light-selected-hovered-background: var(
    --clg-color-sem-on-surface-light-transparent-hovered-background
  );
  --clg-color-app-button-toggle-secondary-on-surface-light-selected-text: var(
    --clg-color-sem-text-on-surface-light
  );
  --clg-color-app-button-toggle-secondary-on-surface-light-selected-border: var(
    --clg-color-sem-on-surface-light-active-border
  );
  --clg-color-app-button-toggle-secondary-on-surface-light-disabled-text: var(
    --clg-color-sem-on-surface-light-disabled-text
  );
  --clg-color-app-button-toggle-secondary-on-surface-light-disabled-border: var(
    --clg-color-sem-on-surface-light-disabled-border
  );
  --clg-color-app-button-toggle-secondary-on-surface-light-pressed-text: var(
    --clg-color-sem-text-on-surface-light
  );
  --clg-color-app-button-toggle-secondary-on-surface-light-pressed-border: var(
    --clg-color-sem-on-surface-light-divider-border
  );
  --clg-color-app-button-toggle-secondary-on-surface-light-pressed-background: var(
    --clg-color-sem-on-surface-light-subtle-pressed-background
  );
  --clg-color-app-button-toggle-secondary-on-surface-light-hovered-text: var(
    --clg-color-sem-text-on-surface-light
  );
  --clg-color-app-button-toggle-secondary-on-surface-light-hovered-border: var(
    --clg-color-sem-on-surface-light-divider-border
  );
  --clg-color-app-button-toggle-secondary-on-surface-light-hovered-background: var(
    --clg-color-sem-on-surface-light-subtle-hovered-background
  );
  --clg-color-app-button-toggle-secondary-on-surface-light-text: var(
    --clg-color-sem-text-on-surface-light
  );
  --clg-color-app-button-toggle-secondary-on-surface-light-border: var(
    --clg-color-sem-on-surface-light-divider-border
  );
  --clg-color-app-button-toggle-secondary-on-surface-light-background: var(
    --clg-color-sem-on-surface-light-subtle-background
  );
  --clg-color-app-button-toggle-secondary-pressed-text: var(
    --clg-color-sem-text-primary
  );
  --clg-color-app-button-toggle-secondary-pressed-background: var(
    --clg-color-sem-on-surface-light-subtle-pressed-background
  );
  --clg-color-app-button-toggle-secondary-selected-pressed-text: var(
    --clg-color-sem-text-primary
  );
  --clg-color-app-button-toggle-secondary-selected-pressed-background: var(
    --clg-color-sem-on-surface-light-transparent-pressed-background
  );
  --clg-color-app-button-toggle-secondary-selected-hovered-text: var(
    --clg-color-sem-text-primary
  );
  --clg-color-app-button-toggle-secondary-selected-hovered-background: var(
    --clg-color-sem-on-surface-light-transparent-hovered-background
  );
  --clg-color-app-button-toggle-secondary-selected-text: var(
    --clg-color-sem-text-primary
  );
  --clg-color-app-button-toggle-secondary-hovered-text: var(
    --clg-color-sem-text-primary
  );
  --clg-color-app-button-toggle-secondary-hovered-background: var(
    --clg-color-sem-on-surface-light-subtle-hovered-background
  );
  --clg-color-app-button-toggle-secondary-text: var(
    --clg-color-sem-text-primary
  );
  --clg-color-app-button-toggle-secondary-background: var(
    --clg-color-sem-on-surface-light-subtle-background
  );
  --clg-color-app-button-toggle-primary-on-surface-dark-selected-disabled-text: var(
    --clg-color-sem-on-surface-dark-disabled-text
  );
  --clg-color-app-button-toggle-primary-on-surface-dark-selected-disabled-border: var(
    --clg-color-sem-on-surface-dark-disabled-border
  );
  --clg-color-app-button-toggle-primary-on-surface-dark-selected-pressed-text: var(
    --clg-color-sem-text-on-surface-dark
  );
  --clg-color-app-button-toggle-primary-on-surface-dark-selected-pressed-border: var(
    --clg-color-sem-on-surface-dark-active-border
  );
  --clg-color-app-button-toggle-primary-on-surface-dark-selected-pressed-background: var(
    --clg-color-sem-on-surface-dark-transparent-pressed-background
  );
  --clg-color-app-button-toggle-primary-on-surface-dark-selected-hovered-text: var(
    --clg-color-sem-text-on-surface-dark
  );
  --clg-color-app-button-toggle-primary-on-surface-dark-selected-hovered-border: var(
    --clg-color-sem-on-surface-dark-active-border
  );
  --clg-color-app-button-toggle-primary-on-surface-dark-selected-hovered-background: var(
    --clg-color-sem-on-surface-dark-transparent-hovered-background
  );
  --clg-color-app-button-toggle-primary-on-surface-dark-selected-text: var(
    --clg-color-sem-text-on-surface-dark
  );
  --clg-color-app-button-toggle-primary-on-surface-dark-selected-border: var(
    --clg-color-sem-on-surface-dark-active-border
  );
  --clg-color-app-button-toggle-primary-on-surface-dark-disabled-text: var(
    --clg-color-sem-text-on-surface-light
  );
  --clg-color-app-button-toggle-primary-on-surface-dark-disabled-background: var(
    --clg-color-sem-on-surface-dark-strong-disabled-background
  );
  --clg-color-app-button-toggle-primary-on-surface-dark-pressed-text: var(
    --clg-color-sem-text-on-surface-light
  );
  --clg-color-app-button-toggle-primary-on-surface-dark-pressed-background: var(
    --clg-color-sem-on-surface-dark-strong-pressed-background
  );
  --clg-color-app-button-toggle-primary-on-surface-dark-hovered-text: var(
    --clg-color-sem-text-on-surface-light
  );
  --clg-color-app-button-toggle-primary-on-surface-dark-hovered-background: var(
    --clg-color-sem-on-surface-dark-strong-hovered-background
  );
  --clg-color-app-button-toggle-primary-on-surface-dark-text: var(
    --clg-color-sem-text-on-surface-light
  );
  --clg-color-app-button-toggle-primary-on-surface-dark-background: var(
    --clg-color-sem-on-surface-dark-strong-background
  );
  --clg-color-app-button-toggle-primary-on-surface-light-selected-disabled-text: var(
    --clg-color-sem-on-surface-light-disabled-text
  );
  --clg-color-app-button-toggle-primary-on-surface-light-selected-disabled-border: var(
    --clg-color-sem-on-surface-light-disabled-border
  );
  --clg-color-app-button-toggle-primary-on-surface-light-selected-pressed-text: var(
    --clg-color-sem-text-on-surface-light
  );
  --clg-color-app-button-toggle-primary-on-surface-light-selected-pressed-border: var(
    --clg-color-sem-on-surface-light-active-border
  );
  --clg-color-app-button-toggle-primary-on-surface-light-selected-pressed-background: var(
    --clg-color-sem-on-surface-light-transparent-pressed-background
  );
  --clg-color-app-button-toggle-primary-on-surface-light-selected-hovered-text: var(
    --clg-color-sem-text-on-surface-light
  );
  --clg-color-app-button-toggle-primary-on-surface-light-selected-hovered-border: var(
    --clg-color-sem-on-surface-light-active-border
  );
  --clg-color-app-button-toggle-primary-on-surface-light-selected-hovered-background: var(
    --clg-color-sem-on-surface-light-transparent-hovered-background
  );
  --clg-color-app-button-toggle-primary-on-surface-light-selected-text: var(
    --clg-color-sem-text-on-surface-light
  );
  --clg-color-app-button-toggle-primary-on-surface-light-selected-border: var(
    --clg-color-sem-on-surface-light-active-border
  );
  --clg-color-app-button-toggle-primary-on-surface-light-disabled-text: var(
    --clg-color-sem-text-on-surface-dark
  );
  --clg-color-app-button-toggle-primary-on-surface-light-disabled-background: var(
    --clg-color-sem-on-surface-light-strong-disabled-background
  );
  --clg-color-app-button-toggle-primary-on-surface-light-pressed-text: var(
    --clg-color-sem-text-on-surface-dark
  );
  --clg-color-app-button-toggle-primary-on-surface-light-pressed-background: var(
    --clg-color-sem-on-surface-light-strong-pressed-background
  );
  --clg-color-app-button-toggle-primary-on-surface-light-hovered-text: var(
    --clg-color-sem-text-on-surface-dark
  );
  --clg-color-app-button-toggle-primary-on-surface-light-hovered-background: var(
    --clg-color-sem-on-surface-light-strong-hovered-background
  );
  --clg-color-app-button-toggle-primary-on-surface-light-text: var(
    --clg-color-sem-text-on-surface-dark
  );
  --clg-color-app-button-toggle-primary-on-surface-light-background: var(
    --clg-color-sem-on-surface-light-strong-background
  );
  --clg-color-app-button-toggle-primary-pressed-text: var(
    --clg-color-sem-text-on-surface-strong
  );
  --clg-color-app-button-toggle-primary-pressed-background: var(
    --clg-color-sem-on-surface-light-strong-pressed-background
  );
  --clg-color-app-button-toggle-primary-hovered-text: var(
    --clg-color-sem-text-on-surface-strong
  );
  --clg-color-app-button-toggle-primary-hovered-background: var(
    --clg-color-sem-on-surface-light-strong-hovered-background
  );
  --clg-color-app-button-toggle-primary-disabled-text: var(
    --clg-color-sem-text-on-surface-strong
  );
  --clg-color-app-button-toggle-primary-selected-pressed-text: var(
    --clg-color-sem-text-primary
  );
  --clg-color-app-button-toggle-primary-selected-pressed-background: var(
    --clg-color-sem-on-surface-light-transparent-pressed-background
  );
  --clg-color-app-button-toggle-primary-selected-hovered-text: var(
    --clg-color-sem-text-primary
  );
  --clg-color-app-button-toggle-primary-selected-hovered-background: var(
    --clg-color-sem-on-surface-light-transparent-hovered-background
  );
  --clg-color-app-button-toggle-primary-selected-text: var(
    --clg-color-sem-text-primary
  );
  --clg-color-app-button-toggle-primary-text: var(
    --clg-color-sem-text-on-surface-strong
  );
  --clg-color-app-button-toggle-primary-background: var(
    --clg-color-sem-background-surface-contrast-strong
  );
  --clg-color-app-button-text-secondary-on-surface-light-disabled-text: var(
    --clg-color-sem-on-surface-light-disabled-text
  );
  --clg-color-app-button-text-secondary-on-surface-light-text: var(
    --clg-color-sem-text-on-surface-light
  );
  --clg-color-app-button-text-secondary-on-surface-dark-disabled-text: var(
    --clg-color-sem-on-surface-dark-disabled-text
  );
  --clg-color-app-button-text-secondary-on-surface-dark-text: var(
    --clg-color-sem-text-on-surface-dark
  );
  --clg-color-app-button-text-secondary-text: var(--clg-color-sem-text-primary);
  --clg-color-app-button-text-primary-on-surface-light-disabled-text: var(
    --clg-color-sem-on-surface-light-disabled-text
  );
  --clg-color-app-button-text-primary-on-surface-light-text: var(
    --clg-color-sem-on-surface-light-action-text
  );
  --clg-color-app-button-text-primary-on-surface-dark-disabled-text: var(
    --clg-color-sem-on-surface-dark-disabled-text
  );
  --clg-color-app-button-text-primary-on-surface-dark-text: var(
    --clg-color-sem-on-surface-dark-action-text
  );
  --clg-color-app-button-text-destructive-pressed-text: var(
    --clg-color-sem-text-critical
  );
  --clg-color-app-button-text-destructive-hovered-text: var(
    --clg-color-sem-text-critical
  );
  --clg-color-app-button-text-destructive-text: var(
    --clg-color-sem-text-critical
  );
  --clg-color-app-button-tertiary-pressed-background: var(
    --clg-color-sem-on-surface-light-semitransparent-pressed-background
  );
  --clg-color-app-button-tertiary-on-surface-subtle-pressed-border: var(
    --clg-color-app-button-tertiary-pressed-border
  );
  --clg-color-app-button-tertiary-on-surface-subtle-hovered-border: var(
    --clg-color-app-button-tertiary-hovered-border
  );
  --clg-color-app-button-tertiary-on-surface-strong-pressed-border: var(
    --clg-color-app-button-tertiary-on-surface-dark-pressed-border
  );
  --clg-color-app-button-tertiary-on-surface-strong-hovered-border: var(
    --clg-color-app-button-tertiary-on-surface-dark-hovered-border
  );
  --clg-color-app-button-tertiary-on-surface-strong-disabled-border: var(
    --clg-color-app-button-tertiary-on-surface-dark-disabled-border
  );
  --clg-color-app-button-tertiary-on-surface-light-pressed-background: var(
    --clg-color-sem-on-surface-light-semitransparent-pressed-background
  );
  --clg-color-app-button-tertiary-on-surface-light-hovered-background: var(
    --clg-color-sem-on-surface-light-semitransparent-hovered-background
  );
  --clg-color-app-button-tertiary-on-surface-light-disabled-text: var(
    --clg-color-sem-on-surface-light-disabled-text
  );
  --clg-color-app-button-tertiary-on-surface-light-text: var(
    --clg-color-sem-text-on-surface-light
  );
  --clg-color-app-button-tertiary-on-surface-light-background: var(
    --clg-color-sem-on-surface-light-semitransparent-background
  );
  --clg-color-app-button-tertiary-on-surface-dark-pressed-background: var(
    --clg-color-sem-on-surface-dark-semitransparent-pressed-background
  );
  --clg-color-app-button-tertiary-on-surface-dark-hovered-background: var(
    --clg-color-sem-on-surface-dark-semitransparent-hovered-background
  );
  --clg-color-app-button-tertiary-on-surface-dark-disabled-text: var(
    --clg-color-sem-on-surface-dark-disabled-text
  );
  --clg-color-app-button-tertiary-on-surface-dark-text: var(
    --clg-color-sem-text-on-surface-dark
  );
  --clg-color-app-button-tertiary-on-surface-dark-background: var(
    --clg-color-sem-on-surface-dark-semitransparent-background
  );
  --clg-color-app-button-tertiary-hovered-background: var(
    --clg-color-sem-on-surface-light-semitransparent-hovered-background
  );
  --clg-color-app-button-tertiary-text: var(
    --clg-color-sem-text-on-surface-subtle
  );
  --clg-color-app-button-tertiary-background: var(
    --clg-color-sem-on-surface-light-semitransparent-background
  );
  --clg-color-app-button-selectable-selected-border: var(
    --clg-color-sem-border-selected
  );
  --clg-color-app-button-selectable-filter-selected-text: var(
    --clg-color-sem-text-on-surface-strong
  );
  --clg-color-app-button-selectable-filter-selected-background: var(
    --clg-color-sem-background-surface-selected-strong
  );
  --clg-color-app-button-selectable-filter-text: var(
    --clg-color-sem-text-primary
  );
  --clg-color-app-button-selectable-text: var(
    --clg-color-sem-text-on-surface-subtle
  );
  --clg-color-app-button-secondary-pressed-background: var(
    --clg-color-sem-on-surface-light-transparent-pressed-background
  );
  --clg-color-app-button-secondary-on-surface-light-pressed-background: var(
    --clg-color-sem-on-surface-light-transparent-pressed-background
  );
  --clg-color-app-button-secondary-on-surface-light-disabled-text: var(
    --clg-color-sem-on-surface-light-disabled-text
  );
  --clg-color-app-button-secondary-on-surface-light-disabled-border: var(
    --clg-color-sem-on-surface-light-disabled-border
  );
  --clg-color-app-button-secondary-on-surface-light-text: var(
    --clg-color-sem-text-on-surface-light
  );
  --clg-color-app-button-secondary-on-surface-light-border: var(
    --clg-color-sem-on-surface-light-active-border
  );
  --clg-color-app-button-secondary-on-surface-dark-pressed-background: var(
    --clg-color-sem-on-surface-dark-transparent-pressed-background
  );
  --clg-color-app-button-secondary-on-surface-dark-disabled-text: var(
    --clg-color-sem-on-surface-dark-disabled-text
  );
  --clg-color-app-button-secondary-on-surface-dark-disabled-border: var(
    --clg-color-sem-on-surface-dark-disabled-border
  );
  --clg-color-app-button-secondary-on-surface-dark-text: var(
    --clg-color-sem-text-on-surface-dark
  );
  --clg-color-app-button-secondary-on-surface-dark-border: var(
    --clg-color-sem-on-surface-dark-active-border
  );
  --clg-color-app-button-secondary-text: var(--clg-color-sem-text-primary);
  --clg-color-app-button-primary-pressed-background: var(
    --clg-color-sem-on-surface-light-strong-pressed-background
  );
  --clg-color-app-button-primary-on-surface-subtle-pressed-border: var(
    --clg-color-app-button-primary-pressed-border
  );
  --clg-color-app-button-primary-on-surface-subtle-hovered-border: var(
    --clg-color-app-button-primary-hovered-border
  );
  --clg-color-app-button-primary-on-surface-subtle-disabled-border: var(
    --clg-color-app-button-primary-disabled-border
  );
  --clg-color-app-button-primary-on-surface-strong-pressed-border: var(
    --clg-color-app-button-primary-on-surface-dark-pressed-border
  );
  --clg-color-app-button-primary-on-surface-strong-hovered-border: var(
    --clg-color-app-button-primary-on-surface-dark-hovered-border
  );
  --clg-color-app-button-primary-on-surface-strong-disabled-border: var(
    --clg-color-app-button-primary-on-surface-dark-disabled-border
  );
  --clg-color-app-button-primary-on-surface-light-pressed-background: var(
    --clg-color-sem-on-surface-light-strong-pressed-background
  );
  --clg-color-app-button-primary-on-surface-light-hovered-background: var(
    --clg-color-sem-on-surface-light-strong-hovered-background
  );
  --clg-color-app-button-primary-on-surface-light-disabled-background: var(
    --clg-color-sem-on-surface-light-strong-disabled-background
  );
  --clg-color-app-button-primary-on-surface-light-text: var(
    --clg-color-sem-text-on-surface-dark
  );
  --clg-color-app-button-primary-on-surface-light-background: var(
    --clg-color-sem-on-surface-light-strong-background
  );
  --clg-color-app-button-primary-on-surface-dark-pressed-background: var(
    --clg-color-sem-on-surface-dark-strong-pressed-background
  );
  --clg-color-app-button-primary-on-surface-dark-hovered-background: var(
    --clg-color-sem-on-surface-dark-strong-hovered-background
  );
  --clg-color-app-button-primary-on-surface-dark-disabled-background: var(
    --clg-color-sem-on-surface-dark-strong-disabled-background
  );
  --clg-color-app-button-primary-on-surface-dark-text: var(
    --clg-color-sem-text-on-surface-light
  );
  --clg-color-app-button-primary-on-surface-dark-background: var(
    --clg-color-sem-on-surface-dark-strong-background
  );
  --clg-color-app-button-primary-hovered-background: var(
    --clg-color-sem-on-surface-light-strong-hovered-background
  );
  --clg-color-app-button-primary-text: var(
    --clg-color-sem-text-on-surface-strong
  );
  --clg-color-app-button-primary-background: var(
    --clg-color-sem-background-surface-contrast-strong
  );
  --clg-color-app-button-icon-transparent-pressed-background: var(
    --clg-color-sem-on-surface-light-transparent-pressed-background
  );
  --clg-color-app-button-icon-transparent-on-surface-subtle-pressed-border: var(
    --clg-color-app-button-icon-transparent-pressed-border
  );
  --clg-color-app-button-icon-transparent-on-surface-subtle-hovered-border: var(
    --clg-color-app-button-icon-transparent-hovered-border
  );
  --clg-color-app-button-icon-transparent-on-surface-strong-pressed-border: var(
    --clg-color-app-button-icon-transparent-on-surface-dark-pressed-border
  );
  --clg-color-app-button-icon-transparent-on-surface-strong-hovered-border: var(
    --clg-color-app-button-icon-transparent-on-surface-dark-hovered-border
  );
  --clg-color-app-button-icon-transparent-on-surface-light-pressed-background: var(
    --clg-color-sem-on-surface-light-transparent-pressed-background
  );
  --clg-color-app-button-icon-transparent-on-surface-light-hovered-background: var(
    --clg-color-sem-on-surface-light-transparent-hovered-background
  );
  --clg-color-app-button-icon-transparent-on-surface-light-disabled-border: var(
    --clg-color-app-button-icon-transparent-on-surface-strong-border
  );
  --clg-color-app-button-icon-transparent-on-surface-light-disabled-background: var(
    --clg-color-app-button-icon-transparent-on-surface-strong-background
  );
  --clg-color-app-button-icon-transparent-on-surface-light-icon: var(
    --clg-color-sem-text-on-surface-light
  );
  --clg-color-app-button-icon-transparent-on-surface-dark-pressed-background: var(
    --clg-color-sem-on-surface-dark-transparent-pressed-background
  );
  --clg-color-app-button-icon-transparent-on-surface-dark-hovered-background: var(
    --clg-color-sem-on-surface-dark-transparent-hovered-background
  );
  --clg-color-app-button-icon-transparent-on-surface-dark-disabled-border: var(
    --clg-color-app-button-icon-transparent-on-surface-strong-border
  );
  --clg-color-app-button-icon-transparent-on-surface-dark-disabled-background: var(
    --clg-color-app-button-icon-transparent-on-surface-strong-background
  );
  --clg-color-app-button-icon-transparent-on-surface-dark-icon: var(
    --clg-color-sem-text-on-surface-dark
  );
  --clg-color-app-button-icon-transparent-hovered-background: var(
    --clg-color-sem-on-surface-light-transparent-hovered-background
  );
  --clg-color-app-button-icon-transparent-icon: var(
    --clg-color-sem-text-primary
  );
  --clg-color-app-button-icon-tertiary-pressed-background: var(
    --clg-color-sem-on-surface-light-semitransparent-pressed-background
  );
  --clg-color-app-button-icon-tertiary-on-surface-light-pressed-background: var(
    --clg-color-sem-on-surface-light-semitransparent-pressed-background
  );
  --clg-color-app-button-icon-tertiary-on-surface-light-hovered-background: var(
    --clg-color-sem-on-surface-light-semitransparent-hovered-background
  );
  --clg-color-app-button-icon-tertiary-on-surface-light-disabled-icon: var(
    --clg-color-sem-on-surface-light-disabled-text
  );
  --clg-color-app-button-icon-tertiary-on-surface-light-icon: var(
    --clg-color-sem-text-on-surface-light
  );
  --clg-color-app-button-icon-tertiary-on-surface-light-background: var(
    --clg-color-sem-on-surface-light-semitransparent-background
  );
  --clg-color-app-button-icon-tertiary-on-surface-dark-pressed-background: var(
    --clg-color-sem-on-surface-dark-semitransparent-pressed-background
  );
  --clg-color-app-button-icon-tertiary-on-surface-dark-hovered-background: var(
    --clg-color-sem-on-surface-dark-semitransparent-hovered-background
  );
  --clg-color-app-button-icon-tertiary-on-surface-dark-disabled-icon: var(
    --clg-color-sem-on-surface-dark-disabled-text
  );
  --clg-color-app-button-icon-tertiary-on-surface-dark-icon: var(
    --clg-color-sem-text-on-surface-dark
  );
  --clg-color-app-button-icon-tertiary-on-surface-dark-background: var(
    --clg-color-sem-on-surface-dark-semitransparent-background
  );
  --clg-color-app-button-icon-tertiary-hovered-background: var(
    --clg-color-sem-on-surface-light-semitransparent-hovered-background
  );
  --clg-color-app-button-icon-tertiary-icon: var(
    --clg-color-sem-text-on-surface-subtle
  );
  --clg-color-app-button-icon-tertiary-background: var(
    --clg-color-sem-on-surface-light-semitransparent-background
  );
  --clg-color-app-button-icon-secondary-subtle-pressed-background: var(
    --clg-color-sem-on-surface-light-subtle-pressed-background
  );
  --clg-color-app-button-icon-secondary-subtle-on-surface-light-pressed-background: var(
    --clg-color-sem-on-surface-light-subtle-pressed-background
  );
  --clg-color-app-button-icon-secondary-subtle-on-surface-light-hovered-background: var(
    --clg-color-sem-on-surface-light-subtle-hovered-background
  );
  --clg-color-app-button-icon-secondary-subtle-on-surface-light-disabled-icon: var(
    --clg-color-sem-on-surface-light-disabled-text
  );
  --clg-color-app-button-icon-secondary-subtle-on-surface-light-disabled-border: var(
    --clg-color-sem-on-surface-light-disabled-border
  );
  --clg-color-app-button-icon-secondary-subtle-on-surface-light-icon: var(
    --clg-color-sem-text-on-surface-light
  );
  --clg-color-app-button-icon-secondary-subtle-on-surface-light-border: var(
    --clg-color-sem-on-surface-light-divider-border
  );
  --clg-color-app-button-icon-secondary-subtle-on-surface-light-background: var(
    --clg-color-sem-on-surface-light-subtle-background
  );
  --clg-color-app-button-icon-secondary-subtle-on-surface-dark-pressed-background: var(
    --clg-color-sem-on-surface-dark-subtle-pressed-background
  );
  --clg-color-app-button-icon-secondary-subtle-on-surface-dark-hovered-background: var(
    --clg-color-sem-on-surface-dark-subtle-hovered-background
  );
  --clg-color-app-button-icon-secondary-subtle-on-surface-dark-disabled-icon: var(
    --clg-color-sem-on-surface-dark-disabled-text
  );
  --clg-color-app-button-icon-secondary-subtle-on-surface-dark-disabled-border: var(
    --clg-color-sem-on-surface-dark-disabled-border
  );
  --clg-color-app-button-icon-secondary-subtle-on-surface-dark-icon: var(
    --clg-color-sem-text-on-surface-dark
  );
  --clg-color-app-button-icon-secondary-subtle-on-surface-dark-border: var(
    --clg-color-sem-on-surface-dark-divider-border
  );
  --clg-color-app-button-icon-secondary-subtle-on-surface-dark-background: var(
    --clg-color-sem-on-surface-dark-subtle-background
  );
  --clg-color-app-button-icon-secondary-subtle-hovered-background: var(
    --clg-color-sem-on-surface-light-subtle-hovered-background
  );
  --clg-color-app-button-icon-secondary-subtle-icon: var(
    --clg-color-sem-text-primary
  );
  --clg-color-app-button-icon-secondary-subtle-background: var(
    --clg-color-sem-on-surface-light-subtle-background
  );
  --clg-color-app-button-icon-secondary-strong-pressed-background: var(
    --clg-color-sem-on-surface-light-transparent-pressed-background
  );
  --clg-color-app-button-icon-secondary-strong-on-surface-light-pressed-background: var(
    --clg-color-sem-on-surface-light-transparent-pressed-background
  );
  --clg-color-app-button-icon-secondary-strong-on-surface-light-disabled-icon: var(
    --clg-color-sem-on-surface-light-disabled-text
  );
  --clg-color-app-button-icon-secondary-strong-on-surface-light-disabled-border: var(
    --clg-color-sem-on-surface-light-disabled-border
  );
  --clg-color-app-button-icon-secondary-strong-on-surface-light-icon: var(
    --clg-color-sem-text-on-surface-light
  );
  --clg-color-app-button-icon-secondary-strong-on-surface-light-border: var(
    --clg-color-sem-on-surface-light-active-border
  );
  --clg-color-app-button-icon-secondary-strong-on-surface-dark-pressed-background: var(
    --clg-color-sem-on-surface-dark-transparent-pressed-background
  );
  --clg-color-app-button-icon-secondary-strong-on-surface-dark-disabled-icon: var(
    --clg-color-sem-on-surface-dark-disabled-text
  );
  --clg-color-app-button-icon-secondary-strong-on-surface-dark-disabled-border: var(
    --clg-color-sem-on-surface-dark-disabled-border
  );
  --clg-color-app-button-icon-secondary-strong-on-surface-dark-icon: var(
    --clg-color-sem-text-on-surface-dark
  );
  --clg-color-app-button-icon-secondary-strong-on-surface-dark-border: var(
    --clg-color-sem-on-surface-dark-active-border
  );
  --clg-color-app-button-icon-secondary-strong-icon: var(
    --clg-color-sem-text-primary
  );
  --clg-color-app-button-icon-primary-pressed-background: var(
    --clg-color-sem-on-surface-light-strong-pressed-background
  );
  --clg-color-app-button-icon-primary-on-surface-light-pressed-background: var(
    --clg-color-sem-on-surface-light-strong-pressed-background
  );
  --clg-color-app-button-icon-primary-on-surface-light-hovered-background: var(
    --clg-color-sem-on-surface-light-strong-hovered-background
  );
  --clg-color-app-button-icon-primary-on-surface-light-disabled-background: var(
    --clg-color-sem-on-surface-light-strong-disabled-background
  );
  --clg-color-app-button-icon-primary-on-surface-light-icon: var(
    --clg-color-sem-text-on-surface-dark
  );
  --clg-color-app-button-icon-primary-on-surface-light-background: var(
    --clg-color-sem-on-surface-light-strong-background
  );
  --clg-color-app-button-icon-primary-on-surface-dark-pressed-background: var(
    --clg-color-sem-on-surface-dark-strong-pressed-background
  );
  --clg-color-app-button-icon-primary-on-surface-dark-hovered-background: var(
    --clg-color-sem-on-surface-dark-strong-hovered-background
  );
  --clg-color-app-button-icon-primary-on-surface-dark-disabled-background: var(
    --clg-color-sem-on-surface-dark-strong-disabled-background
  );
  --clg-color-app-button-icon-primary-on-surface-dark-icon: var(
    --clg-color-sem-text-on-surface-light
  );
  --clg-color-app-button-icon-primary-on-surface-dark-background: var(
    --clg-color-sem-on-surface-dark-strong-background
  );
  --clg-color-app-button-icon-primary-hovered-background: var(
    --clg-color-sem-on-surface-light-strong-hovered-background
  );
  --clg-color-app-button-icon-primary-icon: var(
    --clg-color-sem-text-on-surface-strong
  );
  --clg-color-app-button-icon-primary-background: var(
    --clg-color-sem-on-surface-light-strong-background
  );
  --clg-color-app-button-icon-on-image-pressed-icon: var(
    --clg-color-sem-text-on-surface-dark
  );
  --clg-color-app-button-icon-on-image-pressed-background: var(
    --clg-color-sem-background-overlay-pressed-dark
  );
  --clg-color-app-button-icon-on-image-hovered-icon: var(
    --clg-color-sem-text-on-surface-dark
  );
  --clg-color-app-button-icon-on-image-hovered-background: var(
    --clg-color-sem-background-overlay-dark
  );
  --clg-color-app-button-icon-on-image-disabled-icon: var(
    --clg-color-sem-on-surface-dark-disabled-text
  );
  --clg-color-app-button-icon-on-image-disabled-background: var(
    --clg-color-sem-background-overlay-dark
  );
  --clg-color-app-button-icon-on-image-icon: var(
    --clg-color-sem-text-on-surface-dark
  );
  --clg-color-app-button-icon-on-image-background: var(
    --clg-color-sem-background-overlay-dark
  );
  --clg-color-app-button-favorite-selected-icon: var(
    --clg-color-sem-icon-favorite
  );
  --clg-color-app-button-favorite-pressed-background: var(
    --clg-color-sem-on-surface-light-subtle-pressed-background
  );
  --clg-color-app-button-favorite-on-surface-light-selected-icon: var(
    --clg-color-sem-icon-favorite-dark
  );
  --clg-color-app-button-favorite-on-surface-light-pressed-background: var(
    --clg-color-sem-on-surface-light-subtle-pressed-background
  );
  --clg-color-app-button-favorite-on-surface-light-border: var(
    --clg-color-sem-on-surface-light-divider-border
  );
  --clg-color-app-button-favorite-on-surface-dark-selected-icon: var(
    --clg-color-sem-icon-favorite-light
  );
  --clg-color-app-button-favorite-on-surface-dark-pressed-background: var(
    --clg-color-sem-on-surface-dark-subtle-pressed-background
  );
  --clg-color-app-button-favorite-on-surface-dark-border: var(
    --clg-color-sem-on-surface-dark-divider-border
  );
  --clg-color-app-button-destructive-tertiary-pressed-text: var(
    --clg-color-sem-text-critical
  );
  --clg-color-app-button-destructive-tertiary-pressed-background: var(
    --clg-color-sem-on-surface-light-semitransparent-pressed-background
  );
  --clg-color-app-button-destructive-tertiary-hovered-text: var(
    --clg-color-sem-text-critical
  );
  --clg-color-app-button-destructive-tertiary-hovered-background: var(
    --clg-color-sem-on-surface-light-semitransparent-hovered-background
  );
  --clg-color-app-button-destructive-tertiary-text: var(
    --clg-color-sem-text-critical
  );
  --clg-color-app-button-destructive-tertiary-background: var(
    --clg-color-sem-on-surface-light-semitransparent-background
  );
  --clg-color-app-button-destructive-primary-pressed-text: var(
    --clg-color-sem-text-on-surface-dark
  );
  --clg-color-app-button-destructive-primary-hovered-text: var(
    --clg-color-sem-text-on-surface-dark
  );
  --clg-color-app-button-destructive-primary-disabled-text: var(
    --clg-color-sem-text-on-surface-strong
  );
  --clg-color-app-button-destructive-primary-text: var(
    --clg-color-sem-text-on-surface-dark
  );
  --clg-color-app-button-destructive-primary-background: var(
    --clg-color-sem-background-surface-critical-dark
  );
  --clg-color-app-brand-icon-success-02-foreground: var(
    --clg-color-sem-text-on-surface-light
  );
  --clg-color-app-brand-icon-success-01-foreground: var(
    --clg-color-sem-text-on-surface-light
  );
  --clg-color-app-brand-icon-success-01-background: var(
    --clg-color-sem-background-surface-feedback-light
  );
  --clg-color-app-brand-icon-error-02-foreground: var(
    --clg-color-sem-text-on-surface-dark
  );
  --clg-color-app-brand-icon-error-02-background: var(
    --clg-color-sem-background-surface-critical-dark
  );
  --clg-color-app-brand-icon-error-01-foreground: var(
    --clg-color-sem-text-on-surface-light
  );
  --clg-color-app-brand-icon-error-01-background: var(
    --clg-color-sem-background-surface-warning-light
  );
  --clg-color-app-brand-icon-empty-foreground: var(
    --clg-color-sem-text-primary
  );
  --clg-color-app-bottom-nav-item-selected-background: var(
    --clg-color-sem-background-surface-tertiary
  );
  --clg-color-app-bottom-nav-item-selected-text: var(
    --clg-color-sem-text-primary
  );
  --clg-color-app-bottom-nav-item-text: var(--clg-color-sem-text-secondary);
  --clg-color-app-bottom-nav-background: var(
    --clg-color-sem-background-surface-secondary
  );
  --clg-color-app-badge-ad-text: var(--clg-color-sem-text-on-surface-dark);
  --clg-color-app-badge-text: var(--clg-color-sem-text-on-surface-light);
  --clg-color-app-avatar-shop-icon: var(--clg-color-sem-text-secondary);
  --clg-color-app-avatar-text: var(--clg-color-sem-text-on-surface-dark);
  --clg-color-app-avatar-border: var(
    --clg-color-sem-background-surface-primary
  );
  --clg-color-app-avatar-background: var(
    --clg-color-sem-background-surface-placeholder-subtle
  );
  --clg-color-app-alert-toast-neutral-text: var(--clg-color-sem-text-primary);
  --clg-color-app-alert-toast-neutral-icon-foreground: var(
    --clg-color-sem-text-primary
  );
  --clg-color-app-alert-toast-neutral-icon-background: var(
    --clg-color-sem-background-surface-informational-subtle
  );
  --clg-color-app-alert-toast-neutral-background: var(
    --clg-color-sem-background-surface-secondary
  );
  --clg-color-app-alert-toast-critical-text: var(
    --clg-color-sem-text-on-surface-dark
  );
  --clg-color-app-alert-toast-critical-icon-foreground: var(
    --clg-color-sem-text-on-surface-light
  );
  --clg-color-app-alert-toast-critical-background: var(
    --clg-color-sem-background-surface-critical-dark
  );
  --clg-color-app-alert-banner-subtle-warning-icon-foreground: var(
    --clg-color-sem-text-on-surface-light
  );
  --clg-color-app-alert-banner-subtle-warning-icon-background: var(
    --clg-color-sem-background-surface-warning-light
  );
  --clg-color-app-alert-banner-subtle-success-icon-foreground: var(
    --clg-color-sem-text-on-surface-dark
  );
  --clg-color-app-alert-banner-subtle-success-icon-background: var(
    --clg-color-sem-background-surface-success-dark
  );
  --clg-color-app-alert-banner-subtle-neutral-icon-foreground: var(
    --clg-color-sem-text-primary
  );
  --clg-color-app-alert-banner-subtle-neutral-icon-background: var(
    --clg-color-sem-background-surface-informational-subtle
  );
  --clg-color-app-alert-banner-subtle-highlight-icon-foreground: var(
    --clg-color-sem-text-on-surface-dark
  );
  --clg-color-app-alert-banner-subtle-highlight-icon-background: var(
    --clg-color-sem-background-surface-highlight-dark
  );
  --clg-color-app-alert-banner-subtle-critical-icon-foreground: var(
    --clg-color-sem-text-on-surface-dark
  );
  --clg-color-app-alert-banner-subtle-critical-icon-background: var(
    --clg-color-sem-background-surface-critical-dark
  );
  --clg-color-app-alert-banner-subtle-text: var(--clg-color-sem-text-primary);
  --clg-color-app-alert-banner-subtle-background: var(
    --clg-color-sem-background-surface-primary
  );
  --clg-color-app-alert-banner-strong-warning-text: var(
    --clg-color-sem-text-on-surface-light
  );
  --clg-color-app-alert-banner-strong-warning-background: var(
    --clg-color-sem-background-surface-warning-light
  );
  --clg-color-app-alert-banner-strong-success-text: var(
    --clg-color-sem-text-on-surface-dark
  );
  --clg-color-app-alert-banner-strong-success-background: var(
    --clg-color-sem-background-surface-success-dark
  );
  --clg-color-app-alert-banner-strong-neutral-text: var(
    --clg-color-sem-text-primary
  );
  --clg-color-app-alert-banner-strong-neutral-background: var(
    --clg-color-sem-background-surface-informational-subtle
  );
  --clg-color-app-alert-banner-strong-icon-foreground: var(
    --clg-color-sem-text-on-surface-light
  );
  --clg-color-app-alert-banner-strong-highlight-text: var(
    --clg-color-sem-text-on-surface-dark
  );
  --clg-color-app-alert-banner-strong-highlight-background: var(
    --clg-color-sem-background-surface-highlight-dark
  );
  --clg-color-app-alert-banner-strong-critical-text: var(
    --clg-color-sem-text-on-surface-dark
  );
  --clg-color-app-alert-banner-strong-critical-background: var(
    --clg-color-sem-background-surface-critical-dark
  );
  --clg-typography-sem-product-body-mobile-smallest-letter-spacing: calc(
    var(--clg-typography-sem-product-body-mobile-smallest-font-size) *
      var(--clg-typography-pal-letter-spacing-700)
  );
  --clg-typography-sem-product-body-mobile-smaller-letter-spacing: calc(
    var(--clg-typography-sem-product-body-mobile-smaller-font-size) *
      var(--clg-typography-pal-letter-spacing-700)
  );
  --clg-typography-sem-product-body-mobile-small-letter-spacing: calc(
    var(--clg-typography-sem-product-body-mobile-small-font-size) *
      calc(
        var(--clg-typography-pal-letter-spacing-50) *
          var(--clg-typography-pal-letter-spacing-500)
      )
  );
  --clg-typography-sem-product-body-mobile-base-letter-spacing: calc(
    var(--clg-typography-sem-product-body-mobile-base-font-size) *
      var(--clg-typography-pal-letter-spacing-300)
  );
  --clg-typography-sem-product-body-mobile-large-letter-spacing: calc(
    var(--clg-typography-sem-product-body-mobile-large-font-size) *
      var(--clg-typography-pal-letter-spacing-100)
  );
  --clg-typography-sem-product-body-desktop-smallest-letter-spacing: calc(
    var(--clg-typography-sem-product-body-desktop-smallest-font-size) *
      var(--clg-typography-pal-letter-spacing-700)
  );
  --clg-typography-sem-product-body-desktop-smaller-letter-spacing: calc(
    var(--clg-typography-sem-product-body-desktop-smaller-font-size) *
      var(--clg-typography-pal-letter-spacing-700)
  );
  --clg-typography-sem-product-body-desktop-small-letter-spacing: calc(
    var(--clg-typography-sem-product-body-desktop-small-font-size) *
      calc(
        var(--clg-typography-pal-letter-spacing-50) *
          var(--clg-typography-pal-letter-spacing-500)
      )
  );
  --clg-typography-sem-product-body-desktop-base-letter-spacing: calc(
    var(--clg-typography-sem-product-body-desktop-base-font-size) *
      var(--clg-typography-pal-letter-spacing-300)
  );
  --clg-typography-sem-product-body-desktop-large-letter-spacing: calc(
    var(--clg-typography-sem-product-body-desktop-large-font-size) *
      var(--clg-typography-pal-letter-spacing-100)
  );
  --clg-typography-sem-product-title-mobile-smallest-letter-spacing: calc(
    var(--clg-typography-sem-product-title-mobile-smallest-font-size) *
      var(--clg-typography-pal-letter-spacing-700)
  );
  --clg-typography-sem-product-title-mobile-smaller-letter-spacing: calc(
    var(--clg-typography-sem-product-title-mobile-smaller-font-size) *
      var(--clg-typography-pal-letter-spacing-700)
  );
  --clg-typography-sem-product-title-mobile-small-letter-spacing: calc(
    var(--clg-typography-sem-product-title-mobile-small-font-size) *
      calc(
        var(--clg-typography-pal-letter-spacing-50) *
          var(--clg-typography-pal-letter-spacing-500)
      )
  );
  --clg-typography-sem-product-title-mobile-base-letter-spacing: calc(
    var(--clg-typography-sem-product-title-mobile-base-font-size) *
      var(--clg-typography-pal-letter-spacing-300)
  );
  --clg-typography-sem-product-title-mobile-large-letter-spacing: calc(
    var(--clg-typography-sem-product-title-mobile-large-font-size) *
      var(--clg-typography-pal-letter-spacing-100)
  );
  --clg-typography-sem-product-title-mobile-larger-letter-spacing: calc(
    var(--clg-typography-sem-product-title-mobile-larger-font-size) *
      var(--clg-typography-pal-letter-spacing-100)
  );
  --clg-typography-sem-product-title-desktop-smallest-letter-spacing: calc(
    var(--clg-typography-sem-product-title-desktop-smallest-font-size) *
      var(--clg-typography-pal-letter-spacing-700)
  );
  --clg-typography-sem-product-title-desktop-smaller-letter-spacing: calc(
    var(--clg-typography-sem-product-title-desktop-smaller-font-size) *
      var(--clg-typography-pal-letter-spacing-700)
  );
  --clg-typography-sem-product-title-desktop-small-letter-spacing: calc(
    var(--clg-typography-sem-product-title-desktop-small-font-size) *
      calc(
        var(--clg-typography-pal-letter-spacing-50) *
          var(--clg-typography-pal-letter-spacing-500)
      )
  );
  --clg-typography-sem-product-title-desktop-base-letter-spacing: calc(
    var(--clg-typography-sem-product-title-desktop-base-font-size) *
      var(--clg-typography-pal-letter-spacing-300)
  );
  --clg-typography-sem-product-title-desktop-large-letter-spacing: calc(
    var(--clg-typography-sem-product-title-desktop-large-font-size) *
      var(--clg-typography-pal-letter-spacing-100)
  );
  --clg-typography-sem-product-title-desktop-larger-letter-spacing: calc(
    var(--clg-typography-sem-product-title-desktop-larger-font-size) *
      var(--clg-typography-pal-letter-spacing-100)
  );
  --clg-shape-app-tooltip-border-radius: var(
    --clg-shape-sem-border-radius-smaller
  );
  --clg-shape-app-signal-large-border-radius: var(
    --clg-shape-sem-border-radius-larger
  );
  --clg-shape-app-popover-border-radius: var(
    --clg-shape-sem-border-radius-base
  );
  --clg-shape-app-menu-border-radius: var(--clg-shape-sem-border-radius-base);
  --clg-shape-app-input-checkbox-border-radius: var(
    --clg-shape-sem-border-radius-smallest
  );
  --clg-shape-app-input-border-radius: var(--clg-shape-sem-border-radius-small);
  --clg-shape-app-indicator-large-border-radius: var(
    --clg-shape-sem-border-radius-larger
  );
  --clg-shape-app-dialog-border-radius: var(
    --clg-shape-sem-border-radius-largest
  );
  --clg-shape-app-chip-border-radius: var(--clg-shape-sem-border-radius-small);
  --clg-shape-app-carousel-dots-v2-border-container-border-radius: var(
    --clg-shape-sem-border-radius-small
  );
  --clg-shape-app-button-toolbar-hovered-border-radius: var(
    --clg-shape-sem-border-radius-smaller
  );
  --clg-shape-app-button-border-radius: 24px;
  --clg-shape-app-badge-border-radius: var(--clg-shape-sem-border-radius-base);
  --clg-shape-app-avatar-shop-border-radius: var(
    --clg-shape-sem-border-radius-smaller
  );
  --clg-shape-app-avatar-base-border-width: var(
    --clg-shape-sem-border-radius-smallest
  );
  --clg-shape-app-avatar-larger-border-width: var(
    --clg-shape-sem-border-radius-smaller
  );
  --clg-shape-app-avatar-largest-border-width: var(
    --clg-shape-sem-border-radius-smaller
  );
  --clg-shape-app-alert-border-radius: var(--clg-shape-sem-border-radius-small);
  --clg-effect-sem-shadow-dragging: var(--clg-effect-sem-shadow-elevated);
  --clg-effect-app-tooltip-shadow: var(--clg-effect-sem-shadow-elevated);
  --clg-effect-app-switch-on-scale-from: var(
    --clg-dimension-app-switch-handle-size
  );
  --clg-effect-app-switch-off-scale-to: var(
    --clg-dimension-app-switch-handle-size
  );
  --clg-effect-app-sheets-shadow: var(--clg-effect-sem-shadow-elevated);
  --clg-effect-app-popover-shadow: var(--clg-effect-sem-shadow-elevated);
  --clg-effect-app-menu-shadow: var(--clg-effect-sem-shadow-elevated);
  --clg-effect-app-dialog-shadow: var(--clg-effect-sem-shadow-elevated);
  --clg-effect-app-button-floating-shadow: var(
    --clg-effect-sem-shadow-elevated
  );
  --clg-effect-app-alert-toast-shadow: var(--clg-effect-sem-shadow-elevated);
  --clg-dimension-app-tabs-minimum-width: var(
    --clg-dimension-sem-minimum-tap-target
  );
  --clg-dimension-app-tabs-minimum-height: var(
    --clg-dimension-sem-minimum-tap-target
  );
  --clg-dimension-app-switch-checked-small-handle-size: var(
    --clg-dimension-app-switch-small-handle-size
  );
  --clg-dimension-app-switch-checked-handle-size: var(
    --clg-dimension-app-switch-handle-size
  );
  --clg-dimension-app-selectable-text-min-width-small: var(
    --clg-dimension-sem-minimum-tap-target
  );
  --clg-dimension-app-selectable-text-min-height-large: var(
    --clg-dimension-sem-minimum-tap-target
  );
  --clg-dimension-app-selectable-text-min-height-base: var(
    --clg-dimension-sem-minimum-tap-target
  );
  --clg-dimension-app-page-margin: var(--clg-dimension-sem-spacing-large);
  --clg-dimension-app-input-small-minimum-height: var(
    --clg-dimension-sem-interaction-small
  );
  --clg-dimension-app-input-selectable-checkbox-small-indicator-size: var(
    --clg-dimension-sem-icon-smaller-font-size
  );
  --clg-dimension-app-input-selectable-checkbox-indicator-size: var(
    --clg-dimension-sem-icon-larger-font-size
  );
  --clg-dimension-app-input-selectable-small-size: calc(
    var(--clg-dimension-app-input-selectable-size) * 0.625
  );
  --clg-dimension-app-input-minimum-height: var(
    --clg-dimension-sem-interaction-base
  );
  --clg-dimension-app-chip-small-minimum-height: var(
    --clg-dimension-sem-interaction-small
  );
  --clg-dimension-app-carousel-dots-v2-trailing-size: var(
      --clg-dimension-app-carousel-dots-v2-size
    ) *
    0.75;
  --clg-dimension-app-carousel-dots-trailing-smallest-size: var(
      --clg-dimension-app-carousel-dots-size
    ) *
    0.4;
  --clg-dimension-app-carousel-dots-trailing-smaller-size: var(
      --clg-dimension-app-carousel-dots-size
    ) *
    0.7;
  --clg-dimension-app-card-margin: var(--clg-dimension-sem-spacing-base);
  --clg-dimension-app-button-toolbar-minimum-height: var(
    --clg-dimension-sem-interaction-smallest
  );
  --clg-dimension-app-button-small-minimum-height: var(
    --clg-dimension-sem-interaction-small
  );
  --clg-dimension-app-button-small-height: var(
    --clg-dimension-sem-interaction-small
  );
  --clg-dimension-app-button-icon-smallest-size: var(
    --clg-dimension-sem-interaction-smallest
  );
  --clg-dimension-app-button-icon-small-size: var(
    --clg-dimension-sem-interaction-small
  );
  --clg-dimension-app-button-icon-size: var(
    --clg-dimension-sem-interaction-base
  );
  --clg-dimension-app-button-favorite-size: var(
    --clg-dimension-sem-interaction-base
  );
  --clg-dimension-app-button-minimum-height: var(
    --clg-dimension-sem-interaction-base
  );
  --clg-dimension-app-button-margin: var(--clg-dimension-sem-spacing-smaller);
  --clg-dimension-app-badge-small-padding-horizontal: 6px;
  --clg-dimension-app-badge-small-minimum-width: var(
    --clg-dimension-app-badge-small-height
  );
  --clg-dimension-app-badge-padding-horizontal: 8px;
  --clg-color-app-tabs-disabled-text: var(--clg-color-sem-text-disabled);
  --clg-color-app-switch-disabled-foreground: var(
    --clg-color-sem-text-disabled
  );
  --clg-color-app-switch-disabled-border: var(--clg-color-sem-border-disabled);
  --clg-color-app-selectable-text-border: var(
    --clg-color-sem-border-selectable
  );
  --clg-color-app-selectable-swatch-hovered-border-outer: var(
    --clg-color-sem-border-divider
  );
  --clg-color-app-selectable-swatch-border: var(
    --clg-color-sem-border-selectable
  );
  --clg-color-app-signal-border: var(--clg-color-sem-border-divider);
  --clg-color-app-selectable-image-hovered-border-outer: var(
    --clg-color-sem-border-divider
  );
  --clg-color-app-selectable-image-border: var(
    --clg-color-sem-border-selectable
  );
  --clg-color-app-selectable-card-disabled-border: var(
    --clg-color-sem-border-selectable
  );
  --clg-color-app-selectable-card-border: var(
    --clg-color-sem-border-selectable
  );
  --clg-color-app-pagination-disabled-text: var(--clg-color-sem-text-disabled);
  --clg-color-app-input-search-pressed-text: var(
    --clg-color-app-input-search-text
  );
  --clg-color-app-input-hovered-text: var(--clg-color-app-input-text);
  --clg-color-app-input-focused-text: var(--clg-color-app-input-text);
  --clg-color-app-input-border: var(--clg-color-sem-border-selectable);
  --clg-color-app-chip-swatch-border: var(--clg-color-sem-border-selectable);
  --clg-color-app-chip-selectable-selected-pressed-text: var(
    --clg-color-app-chip-selectable-selected-text
  );
  --clg-color-app-chip-selectable-selected-hovered-text: var(
    --clg-color-app-chip-selectable-selected-text
  );
  --clg-color-app-chip-selectable-pressed-text: var(
    --clg-color-app-chip-selectable-text
  );
  --clg-color-app-chip-selectable-hovered-text: var(
    --clg-color-app-chip-selectable-text
  );
  --clg-color-app-chip-selectable-disabled-selected-background: var(
    --clg-color-sem-background-disabled
  );
  --clg-color-app-chip-selectable-disabled-text: var(
    --clg-color-sem-text-disabled
  );
  --clg-color-app-chip-selectable-disabled-background: var(
    --clg-color-app-chip-selectable-background
  );
  --clg-color-app-chip-removable-hovered-text: var(
    --clg-color-app-chip-removable-text
  );
  --clg-color-app-chip-removable-disabled-background: var(
    --clg-color-sem-background-disabled
  );
  --clg-color-app-carousel-dots-inactive-border: var(
    --clg-color-sem-border-selectable
  );
  --clg-color-app-button-transparent-pressed-text: var(
    --clg-color-app-button-transparent-text
  );
  --clg-color-app-button-transparent-on-surface-subtle-pressed-background: var(
    --clg-color-app-button-transparent-pressed-background
  );
  --clg-color-app-button-transparent-on-surface-subtle-hovered-background: var(
    --clg-color-app-button-transparent-hovered-background
  );
  --clg-color-app-button-transparent-on-surface-subtle-text: var(
    --clg-color-app-button-transparent-text
  );
  --clg-color-app-button-transparent-on-surface-strong-pressed-background: var(
    --clg-color-app-button-transparent-on-surface-dark-pressed-background
  );
  --clg-color-app-button-transparent-on-surface-strong-hovered-background: var(
    --clg-color-app-button-transparent-on-surface-dark-hovered-background
  );
  --clg-color-app-button-transparent-on-surface-strong-disabled-text: var(
    --clg-color-app-button-transparent-on-surface-dark-disabled-text
  );
  --clg-color-app-button-transparent-on-surface-strong-disabled-border: var(
    --clg-color-app-button-transparent-on-surface-dark-disabled-border
  );
  --clg-color-app-button-transparent-on-surface-strong-disabled-background: var(
    --clg-color-app-button-transparent-on-surface-dark-disabled-background
  );
  --clg-color-app-button-transparent-on-surface-strong-text: var(
    --clg-color-app-button-transparent-on-surface-dark-text
  );
  --clg-color-app-button-transparent-on-surface-light-pressed-text: var(
    --clg-color-app-button-transparent-on-surface-light-text
  );
  --clg-color-app-button-transparent-on-surface-light-hovered-text: var(
    --clg-color-app-button-transparent-on-surface-light-text
  );
  --clg-color-app-button-transparent-on-surface-dark-pressed-text: var(
    --clg-color-app-button-transparent-on-surface-dark-text
  );
  --clg-color-app-button-transparent-on-surface-dark-hovered-text: var(
    --clg-color-app-button-transparent-on-surface-dark-text
  );
  --clg-color-app-button-transparent-hovered-text: var(
    --clg-color-app-button-transparent-text
  );
  --clg-color-app-button-transparent-disabled-text: var(
    --clg-color-sem-text-disabled
  );
  --clg-color-app-button-toolbar-selected-pressed-icon: var(
    --clg-color-app-button-toolbar-selected-icon
  );
  --clg-color-app-button-toolbar-selected-hovered-icon: var(
    --clg-color-app-button-toolbar-selected-icon
  );
  --clg-color-app-button-toolbar-selected-hovered-background: var(
    --clg-color-app-button-toolbar-hovered-background
  );
  --clg-color-app-button-toolbar-selected-focused-icon: var(
    --clg-color-app-button-toolbar-selected-icon
  );
  --clg-color-app-button-toolbar-pressed-background: var(
    --clg-color-app-button-toolbar-hovered-background
  );
  --clg-color-app-button-toolbar-disabled-icon: var(
    --clg-color-sem-text-disabled
  );
  --clg-color-app-button-toggle-secondary-on-surface-dark-disabled-background: var(
    --clg-color-app-button-toggle-secondary-on-surface-dark-background
  );
  --clg-color-app-button-toggle-secondary-on-surface-light-disabled-background: var(
    --clg-color-app-button-toggle-secondary-on-surface-light-background
  );
  --clg-color-app-button-toggle-secondary-pressed-border: var(
    --clg-color-sem-border-divider
  );
  --clg-color-app-button-toggle-secondary-selected-pressed-border: var(
    --clg-color-sem-border-active
  );
  --clg-color-app-button-toggle-secondary-selected-disabled-text: var(
    --clg-color-sem-text-disabled
  );
  --clg-color-app-button-toggle-secondary-selected-disabled-border: var(
    --clg-color-sem-border-disabled
  );
  --clg-color-app-button-toggle-secondary-selected-hovered-border: var(
    --clg-color-sem-border-active
  );
  --clg-color-app-button-toggle-secondary-selected-border: var(
    --clg-color-sem-border-active
  );
  --clg-color-app-button-toggle-secondary-disabled-text: var(
    --clg-color-sem-text-disabled
  );
  --clg-color-app-button-toggle-secondary-disabled-border: var(
    --clg-color-sem-border-disabled
  );
  --clg-color-app-button-toggle-secondary-disabled-background: var(
    --clg-color-app-button-toggle-secondary-background
  );
  --clg-color-app-button-toggle-secondary-hovered-border: var(
    --clg-color-sem-border-divider
  );
  --clg-color-app-button-toggle-secondary-border: var(
    --clg-color-sem-border-divider
  );
  --clg-color-app-button-toggle-primary-disabled-background: var(
    --clg-color-sem-background-disabled
  );
  --clg-color-app-button-toggle-primary-selected-pressed-border: var(
    --clg-color-sem-border-active
  );
  --clg-color-app-button-toggle-primary-selected-disabled-text: var(
    --clg-color-sem-text-disabled
  );
  --clg-color-app-button-toggle-primary-selected-disabled-border: var(
    --clg-color-sem-border-disabled
  );
  --clg-color-app-button-toggle-primary-selected-hovered-border: var(
    --clg-color-sem-border-active
  );
  --clg-color-app-button-toggle-primary-selected-border: var(
    --clg-color-sem-border-active
  );
  --clg-color-app-button-text-secondary-pressed-text: var(
    --clg-color-app-button-text-secondary-text
  );
  --clg-color-app-button-text-secondary-on-surface-light-pressed-text: var(
    --clg-color-app-button-text-secondary-on-surface-light-text
  );
  --clg-color-app-button-text-secondary-on-surface-light-hovered-text: var(
    --clg-color-app-button-text-secondary-on-surface-light-text
  );
  --clg-color-app-button-text-secondary-on-surface-dark-pressed-text: var(
    --clg-color-app-button-text-secondary-on-surface-dark-text
  );
  --clg-color-app-button-text-secondary-on-surface-dark-hovered-text: var(
    --clg-color-app-button-text-secondary-on-surface-dark-text
  );
  --clg-color-app-button-text-secondary-hovered-text: var(
    --clg-color-app-button-text-secondary-text
  );
  --clg-color-app-button-text-secondary-disabled-text: var(
    --clg-color-sem-text-disabled
  );
  --clg-color-app-button-text-primary-on-surface-light-pressed-text: var(
    --clg-color-app-button-text-primary-on-surface-light-text
  );
  --clg-color-app-button-text-primary-on-surface-light-hovered-text: var(
    --clg-color-app-button-text-primary-on-surface-light-text
  );
  --clg-color-app-button-text-primary-on-surface-dark-pressed-text: var(
    --clg-color-app-button-text-primary-on-surface-dark-text
  );
  --clg-color-app-button-text-primary-on-surface-dark-hovered-text: var(
    --clg-color-app-button-text-primary-on-surface-dark-text
  );
  --clg-color-app-button-text-primary-disabled-text: var(
    --clg-color-sem-text-disabled
  );
  --clg-color-app-button-text-primary-text: var(--clg-color-sem-text-action);
  --clg-color-app-button-text-destructive-disabled-text: var(
    --clg-color-sem-text-disabled
  );
  --clg-color-app-button-tertiary-pressed-text: var(
    --clg-color-app-button-tertiary-text
  );
  --clg-color-app-button-tertiary-on-surface-subtle-pressed-background: var(
    --clg-color-app-button-tertiary-pressed-background
  );
  --clg-color-app-button-tertiary-on-surface-subtle-hovered-background: var(
    --clg-color-app-button-tertiary-hovered-background
  );
  --clg-color-app-button-tertiary-on-surface-subtle-text: var(
    --clg-color-app-button-tertiary-text
  );
  --clg-color-app-button-tertiary-on-surface-subtle-background: var(
    --clg-color-app-button-tertiary-background
  );
  --clg-color-app-button-tertiary-on-surface-strong-pressed-background: var(
    --clg-color-app-button-tertiary-on-surface-dark-pressed-background
  );
  --clg-color-app-button-tertiary-on-surface-strong-hovered-background: var(
    --clg-color-app-button-tertiary-on-surface-dark-hovered-background
  );
  --clg-color-app-button-tertiary-on-surface-strong-disabled-text: var(
    --clg-color-app-button-tertiary-on-surface-dark-disabled-text
  );
  --clg-color-app-button-tertiary-on-surface-strong-text: var(
    --clg-color-app-button-tertiary-on-surface-dark-text
  );
  --clg-color-app-button-tertiary-on-surface-strong-background: var(
    --clg-color-app-button-tertiary-on-surface-dark-background
  );
  --clg-color-app-button-tertiary-on-surface-light-pressed-text: var(
    --clg-color-app-button-tertiary-on-surface-light-text
  );
  --clg-color-app-button-tertiary-on-surface-light-hovered-text: var(
    --clg-color-app-button-tertiary-on-surface-light-text
  );
  --clg-color-app-button-tertiary-on-surface-light-disabled-background: var(
    --clg-color-app-button-tertiary-on-surface-light-background
  );
  --clg-color-app-button-tertiary-on-surface-dark-pressed-text: var(
    --clg-color-app-button-tertiary-on-surface-dark-text
  );
  --clg-color-app-button-tertiary-on-surface-dark-hovered-text: var(
    --clg-color-app-button-tertiary-on-surface-dark-text
  );
  --clg-color-app-button-tertiary-on-surface-dark-disabled-background: var(
    --clg-color-app-button-tertiary-on-surface-dark-background
  );
  --clg-color-app-button-tertiary-hovered-text: var(
    --clg-color-app-button-tertiary-text
  );
  --clg-color-app-button-tertiary-disabled-text: var(
    --clg-color-sem-text-disabled
  );
  --clg-color-app-button-tertiary-disabled-background: var(
    --clg-color-app-button-tertiary-background
  );
  --clg-color-app-button-selectable-selected-text: var(
    --clg-color-app-button-selectable-text
  );
  --clg-color-app-button-selectable-filter-border: var(
    --clg-color-sem-border-selectable
  );
  --clg-color-app-button-selectable-disabled-border: var(
    --clg-color-sem-border-disabled
  );
  --clg-color-app-button-selectable-background: var(
    --clg-color-app-button-tertiary-background
  );
  --clg-color-app-button-secondary-pressed-text: var(
    --clg-color-app-button-secondary-text
  );
  --clg-color-app-button-secondary-on-surface-subtle-pressed-background: var(
    --clg-color-app-button-secondary-pressed-background
  );
  --clg-color-app-button-secondary-on-surface-subtle-text: var(
    --clg-color-app-button-secondary-text
  );
  --clg-color-app-button-secondary-on-surface-strong-pressed-background: var(
    --clg-color-app-button-secondary-on-surface-dark-pressed-background
  );
  --clg-color-app-button-secondary-on-surface-strong-disabled-text: var(
    --clg-color-app-button-secondary-on-surface-dark-disabled-text
  );
  --clg-color-app-button-secondary-on-surface-strong-disabled-border: var(
    --clg-color-app-button-secondary-on-surface-dark-disabled-border
  );
  --clg-color-app-button-secondary-on-surface-strong-text: var(
    --clg-color-app-button-secondary-on-surface-dark-text
  );
  --clg-color-app-button-secondary-on-surface-strong-border: var(
    --clg-color-app-button-secondary-on-surface-dark-border
  );
  --clg-color-app-button-secondary-on-surface-light-pressed-text: var(
    --clg-color-app-button-secondary-on-surface-light-text
  );
  --clg-color-app-button-secondary-on-surface-light-pressed-border: var(
    --clg-color-app-button-secondary-on-surface-light-border
  );
  --clg-color-app-button-secondary-on-surface-light-hovered-text: var(
    --clg-color-app-button-secondary-on-surface-light-text
  );
  --clg-color-app-button-secondary-on-surface-light-hovered-border: var(
    --clg-color-app-button-secondary-on-surface-light-border
  );
  --clg-color-app-button-secondary-on-surface-light-hovered-background: var(
    --clg-color-app-button-transparent-on-surface-light-hovered-background
  );
  --clg-color-app-button-secondary-on-surface-dark-pressed-text: var(
    --clg-color-app-button-secondary-on-surface-dark-text
  );
  --clg-color-app-button-secondary-on-surface-dark-pressed-border: var(
    --clg-color-app-button-secondary-on-surface-dark-border
  );
  --clg-color-app-button-secondary-on-surface-dark-hovered-text: var(
    --clg-color-app-button-secondary-on-surface-dark-text
  );
  --clg-color-app-button-secondary-on-surface-dark-hovered-border: var(
    --clg-color-app-button-secondary-on-surface-dark-border
  );
  --clg-color-app-button-secondary-on-surface-dark-hovered-background: var(
    --clg-color-app-button-transparent-on-surface-dark-hovered-background
  );
  --clg-color-app-button-secondary-hovered-text: var(
    --clg-color-app-button-secondary-text
  );
  --clg-color-app-button-secondary-hovered-background: var(
    --clg-color-app-button-transparent-hovered-background
  );
  --clg-color-app-button-secondary-disabled-text: var(
    --clg-color-sem-text-disabled
  );
  --clg-color-app-button-secondary-disabled-border: var(
    --clg-color-sem-border-disabled
  );
  --clg-color-app-button-secondary-border: var(--clg-color-sem-border-active);
  --clg-color-app-button-primary-pressed-text: var(
    --clg-color-app-button-primary-text
  );
  --clg-color-app-button-primary-on-surface-subtle-pressed-background: var(
    --clg-color-app-button-primary-pressed-background
  );
  --clg-color-app-button-primary-on-surface-subtle-hovered-background: var(
    --clg-color-app-button-primary-hovered-background
  );
  --clg-color-app-button-primary-on-surface-subtle-text: var(
    --clg-color-app-button-primary-text
  );
  --clg-color-app-button-primary-on-surface-subtle-background: var(
    --clg-color-app-button-primary-background
  );
  --clg-color-app-button-primary-on-surface-strong-pressed-background: var(
    --clg-color-app-button-primary-on-surface-dark-pressed-background
  );
  --clg-color-app-button-primary-on-surface-strong-hovered-background: var(
    --clg-color-app-button-primary-on-surface-dark-hovered-background
  );
  --clg-color-app-button-primary-on-surface-strong-disabled-background: var(
    --clg-color-app-button-primary-on-surface-dark-disabled-background
  );
  --clg-color-app-button-primary-on-surface-strong-text: var(
    --clg-color-app-button-primary-on-surface-dark-text
  );
  --clg-color-app-button-primary-on-surface-strong-background: var(
    --clg-color-app-button-primary-on-surface-dark-background
  );
  --clg-color-app-button-primary-on-surface-light-pressed-text: var(
    --clg-color-app-button-primary-on-surface-light-text
  );
  --clg-color-app-button-primary-on-surface-light-hovered-text: var(
    --clg-color-app-button-primary-on-surface-light-text
  );
  --clg-color-app-button-primary-on-surface-light-disabled-text: var(
    --clg-color-app-button-primary-on-surface-light-text
  );
  --clg-color-app-button-primary-on-surface-dark-pressed-text: var(
    --clg-color-app-button-primary-on-surface-dark-text
  );
  --clg-color-app-button-primary-on-surface-dark-hovered-text: var(
    --clg-color-app-button-primary-on-surface-dark-text
  );
  --clg-color-app-button-primary-on-surface-dark-disabled-text: var(
    --clg-color-app-button-primary-on-surface-dark-text
  );
  --clg-color-app-button-primary-hovered-text: var(
    --clg-color-app-button-primary-text
  );
  --clg-color-app-button-primary-disabled-text: var(
    --clg-color-app-button-primary-text
  );
  --clg-color-app-button-primary-disabled-background: var(
    --clg-color-sem-background-disabled
  );
  --clg-color-app-button-icon-transparent-pressed-icon: var(
    --clg-color-app-button-icon-transparent-icon
  );
  --clg-color-app-button-icon-transparent-on-surface-subtle-pressed-background: var(
    --clg-color-app-button-icon-transparent-pressed-background
  );
  --clg-color-app-button-icon-transparent-on-surface-subtle-hovered-background: var(
    --clg-color-app-button-icon-transparent-hovered-background
  );
  --clg-color-app-button-icon-transparent-on-surface-subtle-icon: var(
    --clg-color-app-button-icon-transparent-icon
  );
  --clg-color-app-button-icon-transparent-on-surface-strong-pressed-background: var(
    --clg-color-app-button-icon-transparent-on-surface-dark-pressed-background
  );
  --clg-color-app-button-icon-transparent-on-surface-strong-hovered-background: var(
    --clg-color-app-button-icon-transparent-on-surface-dark-hovered-background
  );
  --clg-color-app-button-icon-transparent-on-surface-strong-disabled-border: var(
    --clg-color-app-button-icon-transparent-on-surface-dark-disabled-border
  );
  --clg-color-app-button-icon-transparent-on-surface-strong-disabled-background: var(
    --clg-color-app-button-icon-transparent-on-surface-dark-disabled-background
  );
  --clg-color-app-button-icon-transparent-on-surface-strong-icon: var(
    --clg-color-app-button-icon-transparent-on-surface-dark-icon
  );
  --clg-color-app-button-icon-transparent-on-surface-light-pressed-icon: var(
    --clg-color-app-button-icon-transparent-on-surface-light-icon
  );
  --clg-color-app-button-icon-transparent-on-surface-light-hovered-icon: var(
    --clg-color-app-button-icon-transparent-on-surface-light-icon
  );
  --clg-color-app-button-icon-transparent-on-surface-dark-pressed-icon: var(
    --clg-color-app-button-icon-transparent-on-surface-dark-icon
  );
  --clg-color-app-button-icon-transparent-on-surface-dark-hovered-icon: var(
    --clg-color-app-button-icon-transparent-on-surface-dark-icon
  );
  --clg-color-app-button-icon-transparent-hovered-icon: var(
    --clg-color-app-button-icon-transparent-icon
  );
  --clg-color-app-button-icon-transparent-disabled-icon: var(
    --clg-color-sem-text-disabled
  );
  --clg-color-app-button-icon-tertiary-pressed-icon: var(
    --clg-color-app-button-icon-tertiary-icon
  );
  --clg-color-app-button-icon-tertiary-on-surface-light-pressed-icon: var(
    --clg-color-app-button-icon-tertiary-on-surface-light-icon
  );
  --clg-color-app-button-icon-tertiary-on-surface-light-hovered-icon: var(
    --clg-color-app-button-icon-tertiary-on-surface-light-icon
  );
  --clg-color-app-button-icon-tertiary-on-surface-light-disabled-background: var(
    --clg-color-app-button-icon-tertiary-on-surface-light-background
  );
  --clg-color-app-button-icon-tertiary-on-surface-dark-pressed-icon: var(
    --clg-color-app-button-icon-tertiary-on-surface-dark-icon
  );
  --clg-color-app-button-icon-tertiary-on-surface-dark-hovered-icon: var(
    --clg-color-app-button-icon-tertiary-on-surface-dark-icon
  );
  --clg-color-app-button-icon-tertiary-on-surface-dark-disabled-background: var(
    --clg-color-app-button-icon-tertiary-on-surface-dark-background
  );
  --clg-color-app-button-icon-tertiary-hovered-icon: var(
    --clg-color-app-button-icon-tertiary-icon
  );
  --clg-color-app-button-icon-tertiary-disabled-icon: var(
    --clg-color-sem-text-disabled
  );
  --clg-color-app-button-icon-tertiary-disabled-background: var(
    --clg-color-app-button-icon-tertiary-background
  );
  --clg-color-app-button-icon-secondary-subtle-pressed-icon: var(
    --clg-color-app-button-icon-secondary-subtle-icon
  );
  --clg-color-app-button-icon-secondary-subtle-on-surface-light-pressed-icon: var(
    --clg-color-app-button-icon-secondary-subtle-on-surface-light-icon
  );
  --clg-color-app-button-icon-secondary-subtle-on-surface-light-pressed-border: var(
    --clg-color-app-button-icon-secondary-subtle-on-surface-light-border
  );
  --clg-color-app-button-icon-secondary-subtle-on-surface-light-hovered-icon: var(
    --clg-color-app-button-icon-secondary-subtle-on-surface-light-icon
  );
  --clg-color-app-button-icon-secondary-subtle-on-surface-light-hovered-border: var(
    --clg-color-app-button-icon-secondary-subtle-on-surface-light-border
  );
  --clg-color-app-button-icon-secondary-subtle-on-surface-light-disabled-background: var(
    --clg-color-app-button-icon-secondary-subtle-on-surface-light-background
  );
  --clg-color-app-button-icon-secondary-subtle-on-surface-dark-pressed-icon: var(
    --clg-color-app-button-icon-secondary-subtle-on-surface-dark-icon
  );
  --clg-color-app-button-icon-secondary-subtle-on-surface-dark-pressed-border: var(
    --clg-color-app-button-icon-secondary-subtle-on-surface-dark-border
  );
  --clg-color-app-button-icon-secondary-subtle-on-surface-dark-hovered-icon: var(
    --clg-color-app-button-icon-secondary-subtle-on-surface-dark-icon
  );
  --clg-color-app-button-icon-secondary-subtle-on-surface-dark-hovered-border: var(
    --clg-color-app-button-icon-secondary-subtle-on-surface-dark-border
  );
  --clg-color-app-button-icon-secondary-subtle-on-surface-dark-disabled-background: var(
    --clg-color-app-button-icon-secondary-subtle-on-surface-dark-background
  );
  --clg-color-app-button-icon-secondary-subtle-hovered-icon: var(
    --clg-color-app-button-icon-secondary-subtle-icon
  );
  --clg-color-app-button-icon-secondary-subtle-disabled-icon: var(
    --clg-color-sem-text-disabled
  );
  --clg-color-app-button-icon-secondary-subtle-disabled-border: var(
    --clg-color-sem-border-disabled
  );
  --clg-color-app-button-icon-secondary-subtle-disabled-background: var(
    --clg-color-app-button-icon-secondary-subtle-background
  );
  --clg-color-app-button-icon-secondary-subtle-border: var(
    --clg-color-sem-border-divider
  );
  --clg-color-app-button-icon-secondary-strong-pressed-icon: var(
    --clg-color-app-button-icon-secondary-strong-icon
  );
  --clg-color-app-button-icon-secondary-strong-on-surface-light-pressed-icon: var(
    --clg-color-app-button-icon-secondary-strong-on-surface-light-icon
  );
  --clg-color-app-button-icon-secondary-strong-on-surface-light-pressed-border: var(
    --clg-color-app-button-icon-secondary-strong-on-surface-light-border
  );
  --clg-color-app-button-icon-secondary-strong-on-surface-light-hovered-icon: var(
    --clg-color-app-button-icon-secondary-strong-on-surface-light-icon
  );
  --clg-color-app-button-icon-secondary-strong-on-surface-light-hovered-border: var(
    --clg-color-app-button-icon-secondary-strong-on-surface-light-border
  );
  --clg-color-app-button-icon-secondary-strong-on-surface-light-hovered-background: var(
    --clg-color-app-button-icon-transparent-on-surface-light-hovered-background
  );
  --clg-color-app-button-icon-secondary-strong-on-surface-dark-pressed-icon: var(
    --clg-color-app-button-icon-secondary-strong-on-surface-dark-icon
  );
  --clg-color-app-button-icon-secondary-strong-on-surface-dark-pressed-border: var(
    --clg-color-app-button-icon-secondary-strong-on-surface-dark-border
  );
  --clg-color-app-button-icon-secondary-strong-on-surface-dark-hovered-icon: var(
    --clg-color-app-button-icon-secondary-strong-on-surface-dark-icon
  );
  --clg-color-app-button-icon-secondary-strong-on-surface-dark-hovered-border: var(
    --clg-color-app-button-icon-secondary-strong-on-surface-dark-border
  );
  --clg-color-app-button-icon-secondary-strong-on-surface-dark-hovered-background: var(
    --clg-color-app-button-icon-transparent-on-surface-dark-hovered-background
  );
  --clg-color-app-button-icon-secondary-strong-hovered-icon: var(
    --clg-color-app-button-icon-secondary-strong-icon
  );
  --clg-color-app-button-icon-secondary-strong-hovered-background: var(
    --clg-color-app-button-icon-transparent-hovered-background
  );
  --clg-color-app-button-icon-secondary-strong-disabled-icon: var(
    --clg-color-sem-text-disabled
  );
  --clg-color-app-button-icon-secondary-strong-disabled-border: var(
    --clg-color-sem-border-disabled
  );
  --clg-color-app-button-icon-secondary-strong-border: var(
    --clg-color-sem-border-active
  );
  --clg-color-app-button-icon-primary-pressed-icon: var(
    --clg-color-app-button-icon-primary-icon
  );
  --clg-color-app-button-icon-primary-on-surface-light-pressed-icon: var(
    --clg-color-app-button-icon-primary-on-surface-light-icon
  );
  --clg-color-app-button-icon-primary-on-surface-light-hovered-icon: var(
    --clg-color-app-button-icon-primary-on-surface-light-icon
  );
  --clg-color-app-button-icon-primary-on-surface-light-disabled-icon: var(
    --clg-color-app-button-icon-primary-on-surface-light-icon
  );
  --clg-color-app-button-icon-primary-on-surface-dark-pressed-icon: var(
    --clg-color-app-button-icon-primary-on-surface-dark-icon
  );
  --clg-color-app-button-icon-primary-on-surface-dark-hovered-icon: var(
    --clg-color-app-button-icon-primary-on-surface-dark-icon
  );
  --clg-color-app-button-icon-primary-on-surface-dark-disabled-icon: var(
    --clg-color-app-button-icon-primary-on-surface-dark-icon
  );
  --clg-color-app-button-icon-primary-hovered-icon: var(
    --clg-color-app-button-icon-primary-icon
  );
  --clg-color-app-button-icon-primary-disabled-icon: var(
    --clg-color-app-button-icon-primary-icon
  );
  --clg-color-app-button-icon-primary-disabled-background: var(
    --clg-color-sem-background-disabled
  );
  --clg-color-app-button-favorite-selected-pressed-icon: var(
    --clg-color-app-button-favorite-selected-icon
  );
  --clg-color-app-button-favorite-selected-pressed-background: var(
    --clg-color-app-button-favorite-pressed-background
  );
  --clg-color-app-button-favorite-on-surface-light-selected-pressed-icon: var(
    --clg-color-app-button-favorite-on-surface-light-selected-icon
  );
  --clg-color-app-button-favorite-on-surface-light-selected-pressed-background: var(
    --clg-color-app-button-favorite-on-surface-light-pressed-background
  );
  --clg-color-app-button-favorite-on-surface-light-selected-border: var(
    --clg-color-app-button-favorite-on-surface-light-border
  );
  --clg-color-app-button-favorite-on-surface-light-icon: var(
    --clg-color-app-button-icon-secondary-subtle-on-surface-light-icon
  );
  --clg-color-app-button-favorite-on-surface-light-background: var(
    --clg-color-app-button-icon-secondary-subtle-on-surface-light-background
  );
  --clg-color-app-button-favorite-on-surface-dark-selected-pressed-icon: var(
    --clg-color-app-button-favorite-on-surface-dark-selected-icon
  );
  --clg-color-app-button-favorite-on-surface-dark-selected-pressed-background: var(
    --clg-color-app-button-favorite-on-surface-dark-pressed-background
  );
  --clg-color-app-button-favorite-on-surface-dark-selected-border: var(
    --clg-color-app-button-favorite-on-surface-dark-border
  );
  --clg-color-app-button-favorite-on-surface-dark-icon: var(
    --clg-color-app-button-icon-secondary-subtle-on-surface-dark-icon
  );
  --clg-color-app-button-favorite-on-surface-dark-background: var(
    --clg-color-app-button-icon-secondary-subtle-on-surface-dark-background
  );
  --clg-color-app-button-favorite-icon: var(
    --clg-color-app-button-icon-secondary-subtle-icon
  );
  --clg-color-app-button-favorite-border: var(--clg-color-sem-border-divider);
  --clg-color-app-button-favorite-background: var(
    --clg-color-app-button-icon-secondary-subtle-background
  );
  --clg-color-app-button-destructive-tertiary-disabled-text: var(
    --clg-color-sem-text-disabled
  );
  --clg-color-app-button-destructive-tertiary-disabled-background: var(
    --clg-color-app-button-destructive-tertiary-background
  );
  --clg-color-app-button-destructive-primary-disabled-background: var(
    --clg-color-sem-background-disabled
  );
  --clg-color-app-bottom-nav-item-pressed-text: var(
    --clg-color-app-bottom-nav-item-text
  );
  --clg-color-app-alert-banner-subtle-border: var(
    --clg-color-sem-border-divider
  );
  --clg-shape-app-input-search-border-radius: var(
    --clg-shape-app-button-border-radius
  );
  --clg-shape-app-chip-small-border-radius: 18px;
  --clg-shape-app-button-small-border-radius: 18px;
  --clg-shape-app-button-icon-smallest-border-radius: 12px;
  --clg-shape-app-button-focus-ring-border-radius: 26px;
  --clg-effect-app-switch-on-scale-to: var(
    --clg-dimension-app-switch-checked-handle-size
  );
  --clg-effect-app-switch-off-scale-from: var(
    --clg-dimension-app-switch-checked-handle-size
  );
  --clg-dimension-app-button-toolbar-hovered-background-minimum-height: var(
    --clg-dimension-app-button-toolbar-minimum-height
  );
  --clg-dimension-app-button-toolbar-minimum-width: var(
    --clg-dimension-app-button-toolbar-minimum-height
  );
  --clg-color-app-signal-urgency-border: var(--clg-color-app-signal-border);
  --clg-color-app-signal-trust-border: var(--clg-color-app-signal-border);
  --clg-color-app-signal-promote-border: var(--clg-color-app-signal-border);
  --clg-color-app-signal-highlight-border: var(--clg-color-app-signal-border);
  --clg-color-app-input-disabled-border: var(--clg-color-app-input-border);
  --clg-color-app-button-transparent-on-surface-subtle-pressed-text: var(
    --clg-color-app-button-transparent-pressed-text
  );
  --clg-color-app-button-transparent-on-surface-subtle-hovered-text: var(
    --clg-color-app-button-transparent-hovered-text
  );
  --clg-color-app-button-transparent-on-surface-subtle-disabled-text: var(
    --clg-color-app-button-transparent-disabled-text
  );
  --clg-color-app-button-transparent-on-surface-strong-pressed-text: var(
    --clg-color-app-button-transparent-on-surface-dark-pressed-text
  );
  --clg-color-app-button-transparent-on-surface-strong-hovered-text: var(
    --clg-color-app-button-transparent-on-surface-dark-hovered-text
  );
  --clg-color-app-button-toolbar-selected-pressed-background: var(
    --clg-color-app-button-toolbar-pressed-background
  );
  --clg-color-app-button-toolbar-selected-disabled-icon: var(
    --clg-color-app-button-toolbar-disabled-icon
  );
  --clg-color-app-button-text-primary-pressed-text: var(
    --clg-color-app-button-text-primary-text
  );
  --clg-color-app-button-text-primary-hovered-text: var(
    --clg-color-app-button-text-primary-text
  );
  --clg-color-app-button-tertiary-on-surface-subtle-pressed-text: var(
    --clg-color-app-button-tertiary-pressed-text
  );
  --clg-color-app-button-tertiary-on-surface-subtle-hovered-text: var(
    --clg-color-app-button-tertiary-hovered-text
  );
  --clg-color-app-button-tertiary-on-surface-subtle-disabled-text: var(
    --clg-color-app-button-tertiary-disabled-text
  );
  --clg-color-app-button-tertiary-on-surface-subtle-disabled-background: var(
    --clg-color-app-button-tertiary-disabled-background
  );
  --clg-color-app-button-tertiary-on-surface-strong-pressed-text: var(
    --clg-color-app-button-tertiary-on-surface-dark-pressed-text
  );
  --clg-color-app-button-tertiary-on-surface-strong-hovered-text: var(
    --clg-color-app-button-tertiary-on-surface-dark-hovered-text
  );
  --clg-color-app-button-tertiary-on-surface-strong-disabled-background: var(
    --clg-color-app-button-tertiary-on-surface-dark-disabled-background
  );
  --clg-color-app-button-selectable-selected-background: var(
    --clg-color-app-button-selectable-background
  );
  --clg-color-app-button-secondary-pressed-border: var(
    --clg-color-app-button-secondary-border
  );
  --clg-color-app-button-secondary-on-surface-subtle-pressed-text: var(
    --clg-color-app-button-secondary-pressed-text
  );
  --clg-color-app-button-secondary-on-surface-subtle-hovered-text: var(
    --clg-color-app-button-secondary-hovered-text
  );
  --clg-color-app-button-secondary-on-surface-subtle-hovered-background: var(
    --clg-color-app-button-secondary-hovered-background
  );
  --clg-color-app-button-secondary-on-surface-subtle-disabled-text: var(
    --clg-color-app-button-secondary-disabled-text
  );
  --clg-color-app-button-secondary-on-surface-subtle-disabled-border: var(
    --clg-color-app-button-secondary-disabled-border
  );
  --clg-color-app-button-secondary-on-surface-subtle-border: var(
    --clg-color-app-button-secondary-border
  );
  --clg-color-app-button-secondary-on-surface-strong-pressed-text: var(
    --clg-color-app-button-secondary-on-surface-dark-pressed-text
  );
  --clg-color-app-button-secondary-on-surface-strong-pressed-border: var(
    --clg-color-app-button-secondary-on-surface-dark-pressed-border
  );
  --clg-color-app-button-secondary-on-surface-strong-hovered-text: var(
    --clg-color-app-button-secondary-on-surface-dark-hovered-text
  );
  --clg-color-app-button-secondary-on-surface-strong-hovered-border: var(
    --clg-color-app-button-secondary-on-surface-dark-hovered-border
  );
  --clg-color-app-button-secondary-on-surface-strong-hovered-background: var(
    --clg-color-app-button-secondary-on-surface-dark-hovered-background
  );
  --clg-color-app-button-secondary-hovered-border: var(
    --clg-color-app-button-secondary-border
  );
  --clg-color-app-button-primary-on-surface-subtle-pressed-text: var(
    --clg-color-app-button-primary-pressed-text
  );
  --clg-color-app-button-primary-on-surface-subtle-hovered-text: var(
    --clg-color-app-button-primary-hovered-text
  );
  --clg-color-app-button-primary-on-surface-subtle-disabled-text: var(
    --clg-color-app-button-primary-disabled-text
  );
  --clg-color-app-button-primary-on-surface-subtle-disabled-background: var(
    --clg-color-app-button-primary-disabled-background
  );
  --clg-color-app-button-primary-on-surface-strong-pressed-text: var(
    --clg-color-app-button-primary-on-surface-dark-pressed-text
  );
  --clg-color-app-button-primary-on-surface-strong-hovered-text: var(
    --clg-color-app-button-primary-on-surface-dark-hovered-text
  );
  --clg-color-app-button-primary-on-surface-strong-disabled-text: var(
    --clg-color-app-button-primary-on-surface-dark-disabled-text
  );
  --clg-color-app-button-icon-transparent-on-surface-subtle-pressed-icon: var(
    --clg-color-app-button-icon-transparent-pressed-icon
  );
  --clg-color-app-button-icon-transparent-on-surface-subtle-hovered-icon: var(
    --clg-color-app-button-icon-transparent-hovered-icon
  );
  --clg-color-app-button-icon-transparent-on-surface-subtle-disabled-icon: var(
    --clg-color-app-button-icon-transparent-disabled-icon
  );
  --clg-color-app-button-icon-transparent-on-surface-strong-pressed-icon: var(
    --clg-color-app-button-icon-transparent-on-surface-dark-pressed-icon
  );
  --clg-color-app-button-icon-transparent-on-surface-strong-hovered-icon: var(
    --clg-color-app-button-icon-transparent-on-surface-dark-hovered-icon
  );
  --clg-color-app-button-icon-transparent-on-surface-light-disabled-icon: var(
    --clg-color-app-button-icon-transparent-disabled-icon
  );
  --clg-color-app-button-icon-transparent-on-surface-dark-disabled-icon: var(
    --clg-color-app-button-icon-transparent-disabled-icon
  );
  --clg-color-app-button-icon-secondary-subtle-pressed-border: var(
    --clg-color-app-button-icon-secondary-subtle-border
  );
  --clg-color-app-button-icon-secondary-subtle-hovered-border: var(
    --clg-color-app-button-icon-secondary-subtle-border
  );
  --clg-color-app-button-icon-secondary-strong-pressed-border: var(
    --clg-color-app-button-icon-secondary-strong-border
  );
  --clg-color-app-button-icon-secondary-strong-hovered-border: var(
    --clg-color-app-button-icon-secondary-strong-border
  );
  --clg-color-app-button-favorite-selected-border: var(
    --clg-color-app-button-favorite-border
  );
  --clg-color-app-button-favorite-selected-background: var(
    --clg-color-app-button-favorite-background
  );
  --clg-color-app-button-favorite-pressed-icon: var(
    --clg-color-app-button-icon-secondary-subtle-pressed-icon
  );
  --clg-color-app-button-favorite-on-surface-light-selected-background: var(
    --clg-color-app-button-favorite-on-surface-light-background
  );
  --clg-color-app-button-favorite-on-surface-light-pressed-icon: var(
    --clg-color-app-button-favorite-on-surface-light-icon
  );
  --clg-color-app-button-favorite-on-surface-light-pressed-border: var(
    --clg-color-app-button-icon-secondary-subtle-on-surface-light-pressed-border
  );
  --clg-color-app-button-favorite-on-surface-dark-selected-background: var(
    --clg-color-app-button-favorite-on-surface-dark-background
  );
  --clg-color-app-button-favorite-on-surface-dark-pressed-icon: var(
    --clg-color-app-button-favorite-on-surface-dark-icon
  );
  --clg-color-app-button-favorite-on-surface-dark-pressed-border: var(
    --clg-color-app-button-icon-secondary-subtle-on-surface-dark-pressed-border
  );
  --clg-shape-app-button-small-focus-ring-border-radius: 20px;
  --clg-dimension-app-button-toolbar-pressed-background-minimum-height: var(
    --clg-dimension-app-button-toolbar-hovered-background-minimum-height
  );
  --clg-dimension-app-button-toolbar-hovered-background-minimum-width: var(
    --clg-dimension-app-button-toolbar-minimum-width
  );
  --clg-color-app-button-secondary-on-surface-subtle-pressed-border: var(
    --clg-color-app-button-secondary-pressed-border
  );
  --clg-color-app-button-secondary-on-surface-subtle-hovered-border: var(
    --clg-color-app-button-secondary-hovered-border
  );
  --clg-color-app-button-icon-transparent-on-surface-strong-disabled-icon: var(
    --clg-color-app-button-icon-transparent-on-surface-dark-disabled-icon
  );
  --clg-color-app-button-favorite-pressed-border: var(
    --clg-color-app-button-icon-secondary-subtle-pressed-border
  );
  --clg-color-app-button-favorite-on-surface-light-selected-pressed-border: var(
    --clg-color-app-button-favorite-on-surface-light-pressed-border
  );
  --clg-color-app-button-favorite-on-surface-dark-selected-pressed-border: var(
    --clg-color-app-button-favorite-on-surface-dark-pressed-border
  );
  --clg-dimension-app-button-toolbar-pressed-background-minimum-width: var(
    --clg-dimension-app-button-toolbar-hovered-background-minimum-width
  );
  --clg-color-app-button-favorite-selected-pressed-border: var(
    --clg-color-app-button-favorite-pressed-border
  );
  --clg-typography-sem-product-body-mobile-smallest-composite: var(
      --clg-typography-sem-product-body-mobile-smallest-font-weight
    )
    var(--clg-typography-sem-product-body-mobile-smallest-font-size)/var(
      --clg-typography-sem-product-body-mobile-smallest-line-height
    )
    var(--clg-typography-sem-product-body-mobile-smallest-font-family);
  --clg-typography-sem-product-body-mobile-smaller-composite: var(
      --clg-typography-sem-product-body-mobile-smaller-font-weight
    )
    var(--clg-typography-sem-product-body-mobile-smaller-font-size)/var(
      --clg-typography-sem-product-body-mobile-smaller-line-height
    )
    var(--clg-typography-sem-product-body-mobile-smaller-font-family);
  --clg-typography-sem-product-body-mobile-small-tight-composite: var(
      --clg-typography-sem-product-body-mobile-small-font-weight
    )
    var(--clg-typography-sem-product-body-mobile-small-font-size)/var(
      --clg-typography-sem-product-body-mobile-small-line-height
    )
    var(--clg-typography-pal-family-sans-serif-regular);
  --clg-typography-sem-product-body-mobile-small-composite: var(
      --clg-typography-sem-product-body-mobile-small-font-weight
    )
    var(--clg-typography-sem-product-body-mobile-small-font-size)/var(
      --clg-typography-sem-product-body-mobile-small-line-height
    )
    var(--clg-typography-sem-product-body-mobile-small-font-family);
  --clg-typography-sem-product-body-mobile-base-tight-composite: var(
      --clg-typography-sem-product-body-mobile-base-font-weight
    )
    var(--clg-typography-sem-product-body-mobile-base-font-size)/var(
      --clg-typography-sem-product-body-mobile-base-line-height
    )
    var(--clg-typography-pal-family-sans-serif-regular);
  --clg-typography-sem-product-body-mobile-base-composite: var(
      --clg-typography-sem-product-body-mobile-base-font-weight
    )
    var(--clg-typography-sem-product-body-mobile-base-font-size)/var(
      --clg-typography-sem-product-body-mobile-base-line-height
    )
    var(--clg-typography-sem-product-body-mobile-base-font-family);
  --clg-typography-sem-product-body-mobile-large-tight-composite: var(
      --clg-typography-sem-product-body-mobile-large-font-weight
    )
    var(--clg-typography-sem-product-body-mobile-large-font-size)/var(
      --clg-typography-sem-product-body-mobile-large-line-height
    )
    var(--clg-typography-pal-family-sans-serif-regular);
  --clg-typography-sem-product-body-mobile-large-composite: var(
      --clg-typography-sem-product-body-mobile-large-font-weight
    )
    var(--clg-typography-sem-product-body-mobile-large-font-size)/var(
      --clg-typography-sem-product-body-mobile-large-line-height
    )
    var(--clg-typography-sem-product-body-mobile-large-font-family);
  --clg-typography-sem-product-body-desktop-smallest-composite: var(
      --clg-typography-sem-product-body-desktop-smallest-font-weight
    )
    var(--clg-typography-sem-product-body-desktop-smallest-font-size)/var(
      --clg-typography-sem-product-body-desktop-smallest-line-height
    )
    var(--clg-typography-sem-product-body-desktop-smallest-font-family);
  --clg-typography-sem-product-body-desktop-smaller-composite: var(
      --clg-typography-sem-product-body-desktop-smaller-font-weight
    )
    var(--clg-typography-sem-product-body-desktop-smaller-font-size)/var(
      --clg-typography-sem-product-body-desktop-smaller-line-height
    )
    var(--clg-typography-sem-product-body-desktop-smaller-font-family);
  --clg-typography-sem-product-body-desktop-small-tight-composite: var(
      --clg-typography-sem-product-body-desktop-small-font-weight
    )
    var(--clg-typography-sem-product-body-desktop-small-font-size)/var(
      --clg-typography-sem-product-body-desktop-small-line-height
    )
    var(--clg-typography-pal-family-sans-serif-regular);
  --clg-typography-sem-product-body-desktop-small-composite: var(
      --clg-typography-sem-product-body-desktop-small-font-weight
    )
    var(--clg-typography-sem-product-body-desktop-small-font-size)/var(
      --clg-typography-sem-product-body-desktop-small-line-height
    )
    var(--clg-typography-sem-product-body-desktop-small-font-family);
  --clg-typography-sem-product-body-desktop-base-tight-composite: var(
      --clg-typography-sem-product-body-desktop-base-font-weight
    )
    var(--clg-typography-sem-product-body-desktop-base-font-size)/var(
      --clg-typography-sem-product-body-desktop-base-line-height
    )
    var(--clg-typography-pal-family-sans-serif-regular);
  --clg-typography-sem-product-body-desktop-base-composite: var(
      --clg-typography-sem-product-body-desktop-base-font-weight
    )
    var(--clg-typography-sem-product-body-desktop-base-font-size)/var(
      --clg-typography-sem-product-body-desktop-base-line-height
    )
    var(--clg-typography-sem-product-body-desktop-base-font-family);
  --clg-typography-sem-product-body-desktop-large-tight-composite: var(
      --clg-typography-sem-product-body-desktop-large-font-weight
    )
    var(--clg-typography-sem-product-body-desktop-large-font-size)/var(
      --clg-typography-sem-product-body-desktop-large-line-height
    )
    var(--clg-typography-pal-family-sans-serif-regular);
  --clg-typography-sem-product-body-desktop-large-composite: var(
      --clg-typography-sem-product-body-desktop-large-font-weight
    )
    var(--clg-typography-sem-product-body-desktop-large-font-size)/var(
      --clg-typography-sem-product-body-desktop-large-line-height
    )
    var(--clg-typography-sem-product-body-desktop-large-font-family);
  --clg-typography-sem-product-title-mobile-small-tight-composite: var(
      --clg-typography-sem-product-title-mobile-small-font-weight
    )
    var(--clg-typography-sem-product-title-mobile-small-font-size)/var(
      --clg-typography-sem-product-title-mobile-small-line-height
    )
    var(--clg-typography-pal-family-sans-serif-bold);
  --clg-typography-sem-product-title-mobile-large-tight-composite: var(
      --clg-typography-pal-weight-700
    )
    var(--clg-typography-sem-product-title-mobile-large-font-size)/var(
      --clg-typography-sem-product-title-mobile-large-line-height
    )
    var(--clg-typography-pal-family-sans-serif-bold);
  --clg-typography-sem-product-title-desktop-small-tight-composite: var(
      --clg-typography-sem-product-title-desktop-small-font-weight
    )
    var(--clg-typography-sem-product-title-desktop-small-font-size)/var(
      --clg-typography-sem-product-title-desktop-small-line-height
    )
    var(--clg-typography-pal-family-sans-serif-bold);
  --clg-typography-sem-product-title-desktop-large-tight-composite: var(
      --clg-typography-pal-weight-700
    )
    var(--clg-typography-sem-product-title-desktop-large-font-size)/var(
      --clg-typography-sem-product-title-desktop-large-line-height
    )
    var(--clg-typography-pal-family-sans-serif-bold);
  --clg-typography-sem-product-heading-mobile-small-tight-composite: var(
      --clg-typography-pal-weight-400
    )
    var(--clg-typography-sem-product-heading-mobile-small-font-size)/var(
      --clg-typography-sem-product-heading-mobile-small-line-height
    )
    var(--clg-typography-pal-family-serif-regular);
  --clg-typography-sem-product-heading-mobile-small-composite: var(
      --clg-typography-sem-product-heading-mobile-small-font-weight
    )
    var(--clg-typography-sem-product-heading-mobile-small-font-size)/var(
      --clg-typography-sem-product-heading-mobile-small-line-height
    )
    var(--clg-typography-sem-product-heading-mobile-small-font-family);
  --clg-typography-sem-product-heading-mobile-base-composite: var(
      --clg-typography-sem-product-heading-mobile-base-font-weight
    )
    var(--clg-typography-sem-product-heading-mobile-base-font-size)/var(
      --clg-typography-sem-product-heading-mobile-base-line-height
    )
    var(--clg-typography-sem-product-heading-mobile-base-font-family);
  --clg-typography-sem-product-heading-mobile-large-composite: var(
      --clg-typography-sem-product-heading-mobile-large-font-weight
    )
    var(--clg-typography-sem-product-heading-mobile-large-font-size)/var(
      --clg-typography-sem-product-heading-mobile-large-line-height
    )
    var(--clg-typography-sem-product-heading-mobile-large-font-family);
  --clg-typography-sem-product-heading-desktop-small-tight-composite: var(
      --clg-typography-pal-weight-400
    )
    var(--clg-typography-sem-product-heading-desktop-small-font-size)/var(
      --clg-typography-sem-product-heading-desktop-small-line-height
    )
    var(--clg-typography-pal-family-serif-regular);
  --clg-typography-sem-product-heading-desktop-small-composite: var(
      --clg-typography-sem-product-heading-desktop-small-font-weight
    )
    var(--clg-typography-sem-product-heading-desktop-small-font-size)/var(
      --clg-typography-sem-product-heading-desktop-small-line-height
    )
    var(--clg-typography-sem-product-heading-desktop-small-font-family);
  --clg-typography-sem-product-heading-desktop-base-composite: var(
      --clg-typography-sem-product-heading-desktop-base-font-weight
    )
    var(--clg-typography-sem-product-heading-desktop-base-font-size)/var(
      --clg-typography-sem-product-heading-desktop-base-line-height
    )
    var(--clg-typography-sem-product-heading-desktop-base-font-family);
  --clg-typography-sem-product-heading-desktop-large-composite: var(
      --clg-typography-sem-product-heading-desktop-large-font-weight
    )
    var(--clg-typography-sem-product-heading-desktop-large-font-size)/var(
      --clg-typography-sem-product-heading-desktop-large-line-height
    )
    var(--clg-typography-sem-product-heading-desktop-large-font-family);
  --clg-typography-sem-product-display-mobile-base-composite: var(
      --clg-typography-sem-product-display-mobile-base-font-weight
    )
    var(--clg-typography-sem-product-display-mobile-base-font-size)/var(
      --clg-typography-sem-product-display-mobile-base-line-height
    )
    var(--clg-typography-sem-product-display-mobile-base-font-family);
  --clg-typography-sem-product-display-mobile-large-composite: var(
      --clg-typography-sem-product-display-mobile-large-font-weight
    )
    var(--clg-typography-sem-product-display-mobile-large-font-size)/var(
      --clg-typography-sem-product-display-mobile-large-line-height
    )
    var(--clg-typography-sem-product-display-mobile-large-font-family);
  --clg-typography-sem-product-display-mobile-larger-composite: var(
      --clg-typography-sem-product-display-mobile-larger-font-weight
    )
    var(--clg-typography-sem-product-display-mobile-larger-font-size)/var(
      --clg-typography-sem-product-display-mobile-larger-line-height
    )
    var(--clg-typography-sem-product-display-mobile-larger-font-family);
  --clg-typography-sem-product-display-desktop-base-composite: var(
      --clg-typography-sem-product-display-desktop-base-font-weight
    )
    var(--clg-typography-sem-product-display-desktop-base-font-size)/var(
      --clg-typography-sem-product-display-desktop-base-line-height
    )
    var(--clg-typography-sem-product-display-desktop-base-font-family);
  --clg-typography-sem-product-display-desktop-large-composite: var(
      --clg-typography-sem-product-display-desktop-large-font-weight
    )
    var(--clg-typography-sem-product-display-desktop-large-font-size)/var(
      --clg-typography-sem-product-display-desktop-large-line-height
    )
    var(--clg-typography-sem-product-display-desktop-large-font-family);
  --clg-typography-sem-product-display-desktop-larger-composite: var(
      --clg-typography-sem-product-display-desktop-larger-font-weight
    )
    var(--clg-typography-sem-product-display-desktop-larger-font-size)/var(
      --clg-typography-sem-product-display-desktop-larger-line-height
    )
    var(--clg-typography-sem-product-display-desktop-larger-font-family);
  --clg-typography-sem-caption-small: var(--clg-typography-pal-weight-400)
    var(--clg-typography-sem-ui-smallest-font-size)/var(
      --clg-typography-sem-ui-smallest-line-height
    )
    var(--clg-typography-pal-family-sans-serif-regular);
  --clg-typography-sem-product-title-mobile-smallest-composite: var(
      --clg-typography-sem-product-title-mobile-smallest-font-weight
    )
    var(--clg-typography-sem-product-title-mobile-smallest-font-size)/var(
      --clg-typography-sem-product-title-mobile-smallest-line-height
    )
    var(--clg-typography-sem-product-title-mobile-smallest-font-family);
  --clg-typography-sem-product-title-mobile-smaller-composite: var(
      --clg-typography-sem-product-title-mobile-smaller-font-weight
    )
    var(--clg-typography-sem-product-title-mobile-smaller-font-size)/var(
      --clg-typography-sem-product-title-mobile-smaller-line-height
    )
    var(--clg-typography-sem-product-title-mobile-smaller-font-family);
  --clg-typography-sem-product-title-mobile-small-composite: var(
      --clg-typography-sem-product-title-mobile-small-font-weight
    )
    var(--clg-typography-sem-product-title-mobile-small-font-size)/var(
      --clg-typography-sem-product-title-mobile-small-line-height
    )
    var(--clg-typography-sem-product-title-mobile-small-font-family);
  --clg-typography-sem-product-title-mobile-base-composite: var(
      --clg-typography-sem-product-title-mobile-base-font-weight
    )
    var(--clg-typography-sem-product-title-mobile-base-font-size)/var(
      --clg-typography-sem-product-title-mobile-base-line-height
    )
    var(--clg-typography-sem-product-title-mobile-base-font-family);
  --clg-typography-sem-product-title-mobile-large-composite: var(
      --clg-typography-sem-product-title-mobile-large-font-weight
    )
    var(--clg-typography-sem-product-title-mobile-large-font-size)/var(
      --clg-typography-sem-product-title-mobile-large-line-height
    )
    var(--clg-typography-sem-product-title-mobile-large-font-family);
  --clg-typography-sem-product-title-mobile-larger-composite: var(
      --clg-typography-sem-product-title-mobile-larger-font-weight
    )
    var(--clg-typography-sem-product-title-mobile-larger-font-size)/var(
      --clg-typography-sem-product-title-mobile-larger-line-height
    )
    var(--clg-typography-sem-product-title-mobile-larger-font-family);
  --clg-typography-sem-product-title-desktop-smallest-composite: var(
      --clg-typography-sem-product-title-desktop-smallest-font-weight
    )
    var(--clg-typography-sem-product-title-desktop-smallest-font-size)/var(
      --clg-typography-sem-product-title-desktop-smallest-line-height
    )
    var(--clg-typography-sem-product-title-desktop-smallest-font-family);
  --clg-typography-sem-product-title-desktop-smaller-composite: var(
      --clg-typography-sem-product-title-desktop-smaller-font-weight
    )
    var(--clg-typography-sem-product-title-desktop-smaller-font-size)/var(
      --clg-typography-sem-product-title-desktop-smaller-line-height
    )
    var(--clg-typography-sem-product-title-desktop-smaller-font-family);
  --clg-typography-sem-product-title-desktop-small-composite: var(
      --clg-typography-sem-product-title-desktop-small-font-weight
    )
    var(--clg-typography-sem-product-title-desktop-small-font-size)/var(
      --clg-typography-sem-product-title-desktop-small-line-height
    )
    var(--clg-typography-sem-product-title-desktop-small-font-family);
  --clg-typography-sem-product-title-desktop-base-composite: var(
      --clg-typography-sem-product-title-desktop-base-font-weight
    )
    var(--clg-typography-sem-product-title-desktop-base-font-size)/var(
      --clg-typography-sem-product-title-desktop-base-line-height
    )
    var(--clg-typography-sem-product-title-desktop-base-font-family);
  --clg-typography-sem-product-title-desktop-large-composite: var(
      --clg-typography-sem-product-title-desktop-large-font-weight
    )
    var(--clg-typography-sem-product-title-desktop-large-font-size)/var(
      --clg-typography-sem-product-title-desktop-large-line-height
    )
    var(--clg-typography-sem-product-title-desktop-large-font-family);
  --clg-typography-sem-product-title-desktop-larger-composite: var(
      --clg-typography-sem-product-title-desktop-larger-font-weight
    )
    var(--clg-typography-sem-product-title-desktop-larger-font-size)/var(
      --clg-typography-sem-product-title-desktop-larger-line-height
    )
    var(--clg-typography-sem-product-title-desktop-larger-font-family);
  --clg-typography-sem-product-body-smallest-font-family: var(
    --clg-typography-sem-product-body-mobile-smallest-font-family
  );
  --clg-typography-sem-product-body-smaller-font-family: var(
    --clg-typography-sem-product-body-mobile-smaller-font-family
  );
  --clg-typography-sem-product-body-small-tight-line-height: var(
    --clg-typography-sem-product-body-mobile-small-tight-line-height
  );
  --clg-typography-sem-product-body-small-font-family: var(
    --clg-typography-sem-product-body-mobile-small-font-family
  );
  --clg-typography-sem-product-body-base-tight-line-height: var(
    --clg-typography-sem-product-body-mobile-base-tight-line-height
  );
  --clg-typography-sem-product-body-base-font-family: var(
    --clg-typography-sem-product-body-mobile-base-font-family
  );
  --clg-typography-sem-product-body-large-tight-line-height: var(
    --clg-typography-sem-product-body-mobile-large-tight-line-height
  );
  --clg-typography-sem-product-body-large-font-family: var(
    --clg-typography-sem-product-body-mobile-large-font-family
  );
  --clg-typography-sem-product-title-small-tight-line-height: var(
    --clg-typography-sem-product-title-mobile-small-tight-line-height
  );
  --clg-typography-sem-product-title-large-tight-line-height: var(
    --clg-typography-sem-product-title-mobile-large-tight-line-height
  );
  --clg-typography-sem-product-heading-small-tight-line-height: var(
    --clg-typography-sem-product-heading-mobile-small-tight-line-height
  );
  --clg-typography-sem-product-heading-small-font-family: var(
    --clg-typography-sem-product-heading-mobile-small-font-family
  );
  --clg-typography-sem-product-heading-base-font-family: var(
    --clg-typography-sem-product-heading-mobile-base-font-family
  );
  --clg-typography-sem-product-heading-large-font-family: var(
    --clg-typography-sem-product-heading-mobile-large-font-family
  );
  --clg-typography-sem-product-display-base-font-family: var(
    --clg-typography-sem-product-display-mobile-base-font-family
  );
  --clg-typography-sem-product-display-large-font-family: var(
    --clg-typography-sem-product-display-mobile-large-font-family
  );
  --clg-typography-sem-product-display-larger-font-family: var(
    --clg-typography-sem-product-display-mobile-larger-font-family
  );
  --clg-typography-sem-product-body-smallest-font-weight: var(
    --clg-typography-sem-product-body-mobile-smallest-font-weight
  );
  --clg-typography-sem-product-body-smaller-font-weight: var(
    --clg-typography-sem-product-body-mobile-smaller-font-weight
  );
  --clg-typography-sem-product-body-small-font-weight: var(
    --clg-typography-sem-product-body-mobile-small-font-weight
  );
  --clg-typography-sem-product-body-base-font-weight: var(
    --clg-typography-sem-product-body-mobile-base-font-weight
  );
  --clg-typography-sem-product-body-large-font-weight: var(
    --clg-typography-sem-product-body-mobile-large-font-weight
  );
  --clg-typography-sem-product-title-smallest-font-weight: var(
    --clg-typography-sem-product-title-mobile-smallest-font-weight
  );
  --clg-typography-sem-product-title-smallest-font-family: var(
    --clg-typography-sem-product-title-mobile-smallest-font-family
  );
  --clg-typography-sem-product-title-smaller-font-weight: var(
    --clg-typography-sem-product-title-mobile-smaller-font-weight
  );
  --clg-typography-sem-product-title-smaller-font-family: var(
    --clg-typography-sem-product-title-mobile-smaller-font-family
  );
  --clg-typography-sem-product-title-small-font-weight: var(
    --clg-typography-sem-product-title-mobile-small-font-weight
  );
  --clg-typography-sem-product-title-small-font-family: var(
    --clg-typography-sem-product-title-mobile-small-font-family
  );
  --clg-typography-sem-product-title-base-font-weight: var(
    --clg-typography-sem-product-title-mobile-base-font-weight
  );
  --clg-typography-sem-product-title-base-font-family: var(
    --clg-typography-sem-product-title-mobile-base-font-family
  );
  --clg-typography-sem-product-title-large-font-weight: var(
    --clg-typography-sem-product-title-mobile-large-font-weight
  );
  --clg-typography-sem-product-title-large-font-family: var(
    --clg-typography-sem-product-title-mobile-large-font-family
  );
  --clg-typography-sem-product-title-larger-font-weight: var(
    --clg-typography-sem-product-title-mobile-larger-font-weight
  );
  --clg-typography-sem-product-title-larger-font-family: var(
    --clg-typography-sem-product-title-mobile-larger-font-family
  );
  --clg-typography-sem-product-heading-small-font-weight: var(
    --clg-typography-sem-product-heading-mobile-small-font-weight
  );
  --clg-typography-sem-product-heading-small-line-height: var(
    --clg-typography-sem-product-heading-mobile-small-line-height
  );
  --clg-typography-sem-product-heading-small-font-size: var(
    --clg-typography-sem-product-heading-mobile-small-font-size
  );
  --clg-typography-sem-product-heading-base-font-weight: var(
    --clg-typography-sem-product-heading-mobile-base-font-weight
  );
  --clg-typography-sem-product-heading-base-line-height: var(
    --clg-typography-sem-product-heading-mobile-base-line-height
  );
  --clg-typography-sem-product-heading-base-font-size: var(
    --clg-typography-sem-product-heading-mobile-base-font-size
  );
  --clg-typography-sem-product-heading-large-font-weight: var(
    --clg-typography-sem-product-heading-mobile-large-font-weight
  );
  --clg-typography-sem-product-heading-large-line-height: var(
    --clg-typography-sem-product-heading-mobile-large-line-height
  );
  --clg-typography-sem-product-heading-large-font-size: var(
    --clg-typography-sem-product-heading-mobile-large-font-size
  );
  --clg-typography-sem-product-display-base-font-weight: var(
    --clg-typography-sem-product-display-mobile-base-font-weight
  );
  --clg-typography-sem-product-display-base-line-height: var(
    --clg-typography-sem-product-display-mobile-base-line-height
  );
  --clg-typography-sem-product-display-base-font-size: var(
    --clg-typography-sem-product-display-mobile-base-font-size
  );
  --clg-typography-sem-product-display-large-font-weight: var(
    --clg-typography-sem-product-display-mobile-large-font-weight
  );
  --clg-typography-sem-product-display-large-line-height: var(
    --clg-typography-sem-product-display-mobile-large-line-height
  );
  --clg-typography-sem-product-display-large-font-size: var(
    --clg-typography-sem-product-display-mobile-large-font-size
  );
  --clg-typography-sem-product-display-larger-font-weight: var(
    --clg-typography-sem-product-display-mobile-larger-font-weight
  );
  --clg-typography-sem-product-display-larger-line-height: var(
    --clg-typography-sem-product-display-mobile-larger-line-height
  );
  --clg-typography-sem-product-display-larger-font-size: var(
    --clg-typography-sem-product-display-mobile-larger-font-size
  );
  --clg-typography-sem-product-body-smallest-line-height: var(
    --clg-typography-sem-product-body-mobile-smallest-line-height
  );
  --clg-typography-sem-product-body-smallest-font-size: var(
    --clg-typography-sem-product-body-mobile-smallest-font-size
  );
  --clg-typography-sem-product-body-smallest-font-color: var(
    --clg-typography-sem-product-body-mobile-smallest-font-color
  );
  --clg-typography-sem-product-body-smaller-line-height: var(
    --clg-typography-sem-product-body-mobile-smaller-line-height
  );
  --clg-typography-sem-product-body-smaller-font-size: var(
    --clg-typography-sem-product-body-mobile-smaller-font-size
  );
  --clg-typography-sem-product-body-smaller-font-color: var(
    --clg-typography-sem-product-body-mobile-smaller-font-color
  );
  --clg-typography-sem-product-body-small-line-height: var(
    --clg-typography-sem-product-body-mobile-small-line-height
  );
  --clg-typography-sem-product-body-small-font-size: var(
    --clg-typography-sem-product-body-mobile-small-font-size
  );
  --clg-typography-sem-product-body-small-font-color: var(
    --clg-typography-sem-product-body-mobile-small-font-color
  );
  --clg-typography-sem-product-body-base-line-height: var(
    --clg-typography-sem-product-body-mobile-base-line-height
  );
  --clg-typography-sem-product-body-base-font-size: var(
    --clg-typography-sem-product-body-mobile-base-font-size
  );
  --clg-typography-sem-product-body-base-font-color: var(
    --clg-typography-sem-product-body-mobile-base-font-color
  );
  --clg-typography-sem-product-body-large-line-height: var(
    --clg-typography-sem-product-body-mobile-large-line-height
  );
  --clg-typography-sem-product-body-large-font-size: var(
    --clg-typography-sem-product-body-mobile-large-font-size
  );
  --clg-typography-sem-product-body-large-font-color: var(
    --clg-typography-sem-product-body-mobile-large-font-color
  );
  --clg-typography-sem-product-title-smallest-line-height: var(
    --clg-typography-sem-product-title-mobile-smallest-line-height
  );
  --clg-typography-sem-product-title-smallest-font-size: var(
    --clg-typography-sem-product-title-mobile-smallest-font-size
  );
  --clg-typography-sem-product-title-smallest-font-color: var(
    --clg-typography-sem-product-title-mobile-smallest-font-color
  );
  --clg-typography-sem-product-title-smaller-line-height: var(
    --clg-typography-sem-product-title-mobile-smaller-line-height
  );
  --clg-typography-sem-product-title-smaller-font-size: var(
    --clg-typography-sem-product-title-mobile-smaller-font-size
  );
  --clg-typography-sem-product-title-smaller-font-color: var(
    --clg-typography-sem-product-title-mobile-smaller-font-color
  );
  --clg-typography-sem-product-title-small-line-height: var(
    --clg-typography-sem-product-title-mobile-small-line-height
  );
  --clg-typography-sem-product-title-small-font-size: var(
    --clg-typography-sem-product-title-mobile-small-font-size
  );
  --clg-typography-sem-product-title-small-font-color: var(
    --clg-typography-sem-product-title-mobile-small-font-color
  );
  --clg-typography-sem-product-title-base-line-height: var(
    --clg-typography-sem-product-title-mobile-base-line-height
  );
  --clg-typography-sem-product-title-base-font-size: var(
    --clg-typography-sem-product-title-mobile-base-font-size
  );
  --clg-typography-sem-product-title-base-font-color: var(
    --clg-typography-sem-product-title-mobile-base-font-color
  );
  --clg-typography-sem-product-title-large-line-height: var(
    --clg-typography-sem-product-title-mobile-large-line-height
  );
  --clg-typography-sem-product-title-large-font-size: var(
    --clg-typography-sem-product-title-mobile-large-font-size
  );
  --clg-typography-sem-product-title-large-font-color: var(
    --clg-typography-sem-product-title-mobile-large-font-color
  );
  --clg-typography-sem-product-title-larger-line-height: var(
    --clg-typography-sem-product-title-mobile-larger-line-height
  );
  --clg-typography-sem-product-title-larger-font-size: var(
    --clg-typography-sem-product-title-mobile-larger-font-size
  );
  --clg-typography-sem-product-title-larger-font-color: var(
    --clg-typography-sem-product-title-mobile-larger-font-color
  );
  --clg-typography-sem-product-heading-small-letter-spacing: var(
    --clg-typography-sem-product-heading-mobile-small-letter-spacing
  );
  --clg-typography-sem-product-heading-small-font-color: var(
    --clg-typography-sem-product-heading-mobile-small-font-color
  );
  --clg-typography-sem-product-heading-base-letter-spacing: var(
    --clg-typography-sem-product-heading-mobile-base-letter-spacing
  );
  --clg-typography-sem-product-heading-base-font-color: var(
    --clg-typography-sem-product-heading-mobile-base-font-color
  );
  --clg-typography-sem-product-heading-large-letter-spacing: var(
    --clg-typography-sem-product-heading-mobile-large-letter-spacing
  );
  --clg-typography-sem-product-heading-large-font-color: var(
    --clg-typography-sem-product-heading-mobile-large-font-color
  );
  --clg-typography-sem-product-display-base-letter-spacing: var(
    --clg-typography-sem-product-display-mobile-base-letter-spacing
  );
  --clg-typography-sem-product-display-base-font-color: var(
    --clg-typography-sem-product-display-mobile-base-font-color
  );
  --clg-typography-sem-product-display-large-letter-spacing: var(
    --clg-typography-sem-product-display-mobile-large-letter-spacing
  );
  --clg-typography-sem-product-display-large-font-color: var(
    --clg-typography-sem-product-display-mobile-large-font-color
  );
  --clg-typography-sem-product-display-larger-letter-spacing: var(
    --clg-typography-sem-product-display-mobile-larger-letter-spacing
  );
  --clg-typography-sem-product-display-larger-font-color: var(
    --clg-typography-sem-product-display-mobile-larger-font-color
  );
  --clg-typography-sem-product-body-smallest-letter-spacing: var(
    --clg-typography-sem-product-body-mobile-smallest-letter-spacing
  );
  --clg-typography-sem-product-body-smaller-letter-spacing: var(
    --clg-typography-sem-product-body-mobile-smaller-letter-spacing
  );
  --clg-typography-sem-product-body-small-letter-spacing: var(
    --clg-typography-sem-product-body-mobile-small-letter-spacing
  );
  --clg-typography-sem-product-body-base-letter-spacing: var(
    --clg-typography-sem-product-body-mobile-base-letter-spacing
  );
  --clg-typography-sem-product-body-large-letter-spacing: var(
    --clg-typography-sem-product-body-mobile-large-letter-spacing
  );
  --clg-typography-sem-product-title-smallest-letter-spacing: var(
    --clg-typography-sem-product-title-mobile-smallest-letter-spacing
  );
  --clg-typography-sem-product-title-smaller-letter-spacing: var(
    --clg-typography-sem-product-title-mobile-smaller-letter-spacing
  );
  --clg-typography-sem-product-title-small-letter-spacing: var(
    --clg-typography-sem-product-title-mobile-small-letter-spacing
  );
  --clg-typography-sem-product-title-base-letter-spacing: var(
    --clg-typography-sem-product-title-mobile-base-letter-spacing
  );
  --clg-typography-sem-product-title-large-letter-spacing: var(
    --clg-typography-sem-product-title-mobile-large-letter-spacing
  );
  --clg-typography-sem-product-title-larger-letter-spacing: var(
    --clg-typography-sem-product-title-mobile-larger-letter-spacing
  );
  --clg-typography-sem-product-body-smallest-composite: var(
    --clg-typography-sem-product-body-mobile-smallest-composite
  );
  --clg-typography-sem-product-body-smaller-composite: var(
    --clg-typography-sem-product-body-mobile-smaller-composite
  );
  --clg-typography-sem-product-body-small-tight-composite: var(
    --clg-typography-sem-product-body-mobile-small-tight-composite
  );
  --clg-typography-sem-product-body-small-composite: var(
    --clg-typography-sem-product-body-mobile-small-composite
  );
  --clg-typography-sem-product-body-base-tight-composite: var(
    --clg-typography-sem-product-body-mobile-base-tight-composite
  );
  --clg-typography-sem-product-body-base-composite: var(
    --clg-typography-sem-product-body-mobile-base-composite
  );
  --clg-typography-sem-product-body-large-tight-composite: var(
    --clg-typography-sem-product-body-mobile-large-tight-composite
  );
  --clg-typography-sem-product-body-large-composite: var(
    --clg-typography-sem-product-body-mobile-large-composite
  );
  --clg-typography-sem-product-title-small-tight-composite: var(
    --clg-typography-sem-product-title-mobile-small-tight-composite
  );
  --clg-typography-sem-product-title-large-tight-composite: var(
    --clg-typography-sem-product-title-mobile-large-tight-composite
  );
  --clg-typography-sem-product-heading-small-tight-composite: var(
    --clg-typography-sem-product-heading-mobile-small-tight-composite
  );
  --clg-typography-sem-product-heading-small-composite: var(
    --clg-typography-sem-product-heading-mobile-small-composite
  );
  --clg-typography-sem-product-heading-base-composite: var(
    --clg-typography-sem-product-heading-mobile-base-composite
  );
  --clg-typography-sem-product-heading-large-composite: var(
    --clg-typography-sem-product-heading-mobile-large-composite
  );
  --clg-typography-sem-product-display-base-composite: var(
    --clg-typography-sem-product-display-mobile-base-composite
  );
  --clg-typography-sem-product-display-large-composite: var(
    --clg-typography-sem-product-display-mobile-large-composite
  );
  --clg-typography-sem-product-display-larger-composite: var(
    --clg-typography-sem-product-display-mobile-larger-composite
  );
  --clg-typography-sem-product-title-smallest-composite: var(
    --clg-typography-sem-product-title-mobile-smallest-composite
  );
  --clg-typography-sem-product-title-smaller-composite: var(
    --clg-typography-sem-product-title-mobile-smaller-composite
  );
  --clg-typography-sem-product-title-small-composite: var(
    --clg-typography-sem-product-title-mobile-small-composite
  );
  --clg-typography-sem-product-title-base-composite: var(
    --clg-typography-sem-product-title-mobile-base-composite
  );
  --clg-typography-sem-product-title-large-composite: var(
    --clg-typography-sem-product-title-mobile-large-composite
  );
  --clg-typography-sem-product-title-larger-composite: var(
    --clg-typography-sem-product-title-mobile-larger-composite
  );
}

@media only screen and (min-width: 480px) {
  :where(:root, [data-clg-mode], [data-clg-theme]) {
    --clg-dimension-sem-size-peek-width: var(--clg-dimension-pal-grid-500);
  }
}

@media only screen and (min-width: 640px) {
  :where(:root, [data-clg-mode], [data-clg-theme]) {
    --clg-dimension-sem-spacing-page-loose: var(--clg-dimension-pal-grid-1600);
    --clg-dimension-sem-spacing-page-base: var(--clg-dimension-pal-grid-800);
    --clg-dimension-sem-spacing-page-tight: var(--clg-dimension-pal-grid-600);
    --clg-dimension-sem-spacing-page-margin: var(--clg-dimension-pal-grid-400);
    --clg-dimension-sem-spacing-card: var(--clg-dimension-pal-grid-200);
    --clg-dimension-sem-size-peek-width: var(--clg-dimension-pal-grid-800);
    --clg-typography-sem-product-body-smallest-font-family: var(
      --clg-typography-sem-product-body-desktop-smallest-font-family
    );
    --clg-typography-sem-product-body-smaller-font-family: var(
      --clg-typography-sem-product-body-desktop-smaller-font-family
    );
    --clg-typography-sem-product-body-small-tight-line-height: var(
      --clg-typography-sem-product-body-desktop-small-tight-line-height
    );
    --clg-typography-sem-product-body-small-font-family: var(
      --clg-typography-sem-product-body-desktop-small-font-family
    );
    --clg-typography-sem-product-body-base-tight-line-height: var(
      --clg-typography-sem-product-body-desktop-base-tight-line-height
    );
    --clg-typography-sem-product-body-base-font-family: var(
      --clg-typography-sem-product-body-desktop-base-font-family
    );
    --clg-typography-sem-product-body-large-tight-line-height: var(
      --clg-typography-sem-product-body-desktop-large-tight-line-height
    );
    --clg-typography-sem-product-body-large-font-family: var(
      --clg-typography-sem-product-body-desktop-large-font-family
    );
    --clg-typography-sem-product-title-small-tight-line-height: var(
      --clg-typography-sem-product-title-desktop-small-tight-line-height
    );
    --clg-typography-sem-product-title-large-tight-line-height: var(
      --clg-typography-sem-product-title-desktop-large-tight-line-height
    );
    --clg-typography-sem-product-heading-small-tight-line-height: var(
      --clg-typography-sem-product-heading-desktop-small-tight-line-height
    );
    --clg-typography-sem-product-heading-small-font-family: var(
      --clg-typography-sem-product-heading-desktop-small-font-family
    );
    --clg-typography-sem-product-heading-base-font-family: var(
      --clg-typography-sem-product-heading-desktop-base-font-family
    );
    --clg-typography-sem-product-heading-large-font-family: var(
      --clg-typography-sem-product-heading-desktop-large-font-family
    );
    --clg-typography-sem-product-display-base-font-family: var(
      --clg-typography-sem-product-display-desktop-base-font-family
    );
    --clg-typography-sem-product-display-large-font-family: var(
      --clg-typography-sem-product-display-desktop-large-font-family
    );
    --clg-typography-sem-product-display-larger-font-family: var(
      --clg-typography-sem-product-display-desktop-larger-font-family
    );
    --clg-typography-sem-product-body-smallest-font-weight: var(
      --clg-typography-sem-product-body-desktop-smallest-font-weight
    );
    --clg-typography-sem-product-body-smaller-font-weight: var(
      --clg-typography-sem-product-body-desktop-smaller-font-weight
    );
    --clg-typography-sem-product-body-small-font-weight: var(
      --clg-typography-sem-product-body-desktop-small-font-weight
    );
    --clg-typography-sem-product-body-base-font-weight: var(
      --clg-typography-sem-product-body-desktop-base-font-weight
    );
    --clg-typography-sem-product-body-large-font-weight: var(
      --clg-typography-sem-product-body-desktop-large-font-weight
    );
    --clg-typography-sem-product-title-smallest-font-weight: var(
      --clg-typography-sem-product-title-desktop-smallest-font-weight
    );
    --clg-typography-sem-product-title-smallest-font-family: var(
      --clg-typography-sem-product-title-desktop-smallest-font-family
    );
    --clg-typography-sem-product-title-smaller-font-weight: var(
      --clg-typography-sem-product-title-desktop-smaller-font-weight
    );
    --clg-typography-sem-product-title-smaller-font-family: var(
      --clg-typography-sem-product-title-desktop-smaller-font-family
    );
    --clg-typography-sem-product-title-small-font-weight: var(
      --clg-typography-sem-product-title-desktop-small-font-weight
    );
    --clg-typography-sem-product-title-small-font-family: var(
      --clg-typography-sem-product-title-desktop-small-font-family
    );
    --clg-typography-sem-product-title-base-font-weight: var(
      --clg-typography-sem-product-title-desktop-base-font-weight
    );
    --clg-typography-sem-product-title-base-font-family: var(
      --clg-typography-sem-product-title-desktop-base-font-family
    );
    --clg-typography-sem-product-title-large-font-weight: var(
      --clg-typography-sem-product-title-desktop-large-font-weight
    );
    --clg-typography-sem-product-title-large-font-family: var(
      --clg-typography-sem-product-title-desktop-large-font-family
    );
    --clg-typography-sem-product-title-larger-font-weight: var(
      --clg-typography-sem-product-title-desktop-larger-font-weight
    );
    --clg-typography-sem-product-title-larger-font-family: var(
      --clg-typography-sem-product-title-desktop-larger-font-family
    );
    --clg-typography-sem-product-heading-small-font-weight: var(
      --clg-typography-sem-product-heading-desktop-small-font-weight
    );
    --clg-typography-sem-product-heading-small-line-height: var(
      --clg-typography-sem-product-heading-desktop-small-line-height
    );
    --clg-typography-sem-product-heading-small-font-size: var(
      --clg-typography-sem-product-heading-desktop-small-font-size
    );
    --clg-typography-sem-product-heading-base-font-weight: var(
      --clg-typography-sem-product-heading-desktop-base-font-weight
    );
    --clg-typography-sem-product-heading-base-line-height: var(
      --clg-typography-sem-product-heading-desktop-base-line-height
    );
    --clg-typography-sem-product-heading-base-font-size: var(
      --clg-typography-sem-product-heading-desktop-base-font-size
    );
    --clg-typography-sem-product-heading-large-font-weight: var(
      --clg-typography-sem-product-heading-desktop-large-font-weight
    );
    --clg-typography-sem-product-heading-large-line-height: var(
      --clg-typography-sem-product-heading-desktop-large-line-height
    );
    --clg-typography-sem-product-heading-large-font-size: var(
      --clg-typography-sem-product-heading-desktop-large-font-size
    );
    --clg-typography-sem-product-display-base-font-weight: var(
      --clg-typography-sem-product-display-desktop-base-font-weight
    );
    --clg-typography-sem-product-display-base-line-height: var(
      --clg-typography-sem-product-display-desktop-base-line-height
    );
    --clg-typography-sem-product-display-base-font-size: var(
      --clg-typography-sem-product-display-desktop-base-font-size
    );
    --clg-typography-sem-product-display-large-font-weight: var(
      --clg-typography-sem-product-display-desktop-large-font-weight
    );
    --clg-typography-sem-product-display-large-line-height: var(
      --clg-typography-sem-product-display-desktop-large-line-height
    );
    --clg-typography-sem-product-display-large-font-size: var(
      --clg-typography-sem-product-display-desktop-large-font-size
    );
    --clg-typography-sem-product-display-larger-font-weight: var(
      --clg-typography-sem-product-display-desktop-larger-font-weight
    );
    --clg-typography-sem-product-display-larger-line-height: var(
      --clg-typography-sem-product-display-desktop-larger-line-height
    );
    --clg-typography-sem-product-display-larger-font-size: var(
      --clg-typography-sem-product-display-desktop-larger-font-size
    );
    --clg-typography-sem-product-body-smallest-line-height: var(
      --clg-typography-sem-product-body-desktop-smallest-line-height
    );
    --clg-typography-sem-product-body-smallest-font-size: var(
      --clg-typography-sem-product-body-desktop-smallest-font-size
    );
    --clg-typography-sem-product-body-smallest-font-color: var(
      --clg-typography-sem-product-body-desktop-smallest-font-color
    );
    --clg-typography-sem-product-body-smaller-line-height: var(
      --clg-typography-sem-product-body-desktop-smaller-line-height
    );
    --clg-typography-sem-product-body-smaller-font-size: var(
      --clg-typography-sem-product-body-desktop-smaller-font-size
    );
    --clg-typography-sem-product-body-smaller-font-color: var(
      --clg-typography-sem-product-body-desktop-smaller-font-color
    );
    --clg-typography-sem-product-body-small-line-height: var(
      --clg-typography-sem-product-body-desktop-small-line-height
    );
    --clg-typography-sem-product-body-small-font-size: var(
      --clg-typography-sem-product-body-desktop-small-font-size
    );
    --clg-typography-sem-product-body-small-font-color: var(
      --clg-typography-sem-product-body-desktop-small-font-color
    );
    --clg-typography-sem-product-body-base-line-height: var(
      --clg-typography-sem-product-body-desktop-base-line-height
    );
    --clg-typography-sem-product-body-base-font-size: var(
      --clg-typography-sem-product-body-desktop-base-font-size
    );
    --clg-typography-sem-product-body-base-font-color: var(
      --clg-typography-sem-product-body-desktop-base-font-color
    );
    --clg-typography-sem-product-body-large-line-height: var(
      --clg-typography-sem-product-body-desktop-large-line-height
    );
    --clg-typography-sem-product-body-large-font-size: var(
      --clg-typography-sem-product-body-desktop-large-font-size
    );
    --clg-typography-sem-product-body-large-font-color: var(
      --clg-typography-sem-product-body-desktop-large-font-color
    );
    --clg-typography-sem-product-title-smallest-line-height: var(
      --clg-typography-sem-product-title-desktop-smallest-line-height
    );
    --clg-typography-sem-product-title-smallest-font-size: var(
      --clg-typography-sem-product-title-desktop-smallest-font-size
    );
    --clg-typography-sem-product-title-smallest-font-color: var(
      --clg-typography-sem-product-title-desktop-smallest-font-color
    );
    --clg-typography-sem-product-title-smaller-line-height: var(
      --clg-typography-sem-product-title-desktop-smaller-line-height
    );
    --clg-typography-sem-product-title-smaller-font-size: var(
      --clg-typography-sem-product-title-desktop-smaller-font-size
    );
    --clg-typography-sem-product-title-smaller-font-color: var(
      --clg-typography-sem-product-title-desktop-smaller-font-color
    );
    --clg-typography-sem-product-title-small-line-height: var(
      --clg-typography-sem-product-title-desktop-small-line-height
    );
    --clg-typography-sem-product-title-small-font-size: var(
      --clg-typography-sem-product-title-desktop-small-font-size
    );
    --clg-typography-sem-product-title-small-font-color: var(
      --clg-typography-sem-product-title-desktop-small-font-color
    );
    --clg-typography-sem-product-title-base-line-height: var(
      --clg-typography-sem-product-title-desktop-base-line-height
    );
    --clg-typography-sem-product-title-base-font-size: var(
      --clg-typography-sem-product-title-desktop-base-font-size
    );
    --clg-typography-sem-product-title-base-font-color: var(
      --clg-typography-sem-product-title-desktop-base-font-color
    );
    --clg-typography-sem-product-title-large-line-height: var(
      --clg-typography-sem-product-title-desktop-large-line-height
    );
    --clg-typography-sem-product-title-large-font-size: var(
      --clg-typography-sem-product-title-desktop-large-font-size
    );
    --clg-typography-sem-product-title-large-font-color: var(
      --clg-typography-sem-product-title-desktop-large-font-color
    );
    --clg-typography-sem-product-title-larger-line-height: var(
      --clg-typography-sem-product-title-desktop-larger-line-height
    );
    --clg-typography-sem-product-title-larger-font-size: var(
      --clg-typography-sem-product-title-desktop-larger-font-size
    );
    --clg-typography-sem-product-title-larger-font-color: var(
      --clg-typography-sem-product-title-desktop-larger-font-color
    );
    --clg-typography-sem-product-heading-small-letter-spacing: var(
      --clg-typography-sem-product-heading-desktop-small-letter-spacing
    );
    --clg-typography-sem-product-heading-small-font-color: var(
      --clg-typography-sem-product-heading-desktop-small-font-color
    );
    --clg-typography-sem-product-heading-base-letter-spacing: var(
      --clg-typography-sem-product-heading-desktop-base-letter-spacing
    );
    --clg-typography-sem-product-heading-base-font-color: var(
      --clg-typography-sem-product-heading-desktop-base-font-color
    );
    --clg-typography-sem-product-heading-large-letter-spacing: var(
      --clg-typography-sem-product-heading-desktop-large-letter-spacing
    );
    --clg-typography-sem-product-heading-large-font-color: var(
      --clg-typography-sem-product-heading-desktop-large-font-color
    );
    --clg-typography-sem-product-display-base-letter-spacing: var(
      --clg-typography-sem-product-display-desktop-base-letter-spacing
    );
    --clg-typography-sem-product-display-base-font-color: var(
      --clg-typography-sem-product-display-desktop-base-font-color
    );
    --clg-typography-sem-product-display-large-letter-spacing: var(
      --clg-typography-sem-product-display-desktop-large-letter-spacing
    );
    --clg-typography-sem-product-display-large-font-color: var(
      --clg-typography-sem-product-display-desktop-large-font-color
    );
    --clg-typography-sem-product-display-larger-letter-spacing: var(
      --clg-typography-sem-product-display-desktop-larger-letter-spacing
    );
    --clg-typography-sem-product-display-larger-font-color: var(
      --clg-typography-sem-product-display-desktop-larger-font-color
    );
    --clg-typography-sem-product-body-smallest-letter-spacing: var(
      --clg-typography-sem-product-body-desktop-smallest-letter-spacing
    );
    --clg-typography-sem-product-body-smaller-letter-spacing: var(
      --clg-typography-sem-product-body-desktop-smaller-letter-spacing
    );
    --clg-typography-sem-product-body-small-letter-spacing: var(
      --clg-typography-sem-product-body-desktop-small-letter-spacing
    );
    --clg-typography-sem-product-body-base-letter-spacing: var(
      --clg-typography-sem-product-body-desktop-base-letter-spacing
    );
    --clg-typography-sem-product-body-large-letter-spacing: var(
      --clg-typography-sem-product-body-desktop-large-letter-spacing
    );
    --clg-typography-sem-product-title-smallest-letter-spacing: var(
      --clg-typography-sem-product-title-desktop-smallest-letter-spacing
    );
    --clg-typography-sem-product-title-smaller-letter-spacing: var(
      --clg-typography-sem-product-title-desktop-smaller-letter-spacing
    );
    --clg-typography-sem-product-title-small-letter-spacing: var(
      --clg-typography-sem-product-title-desktop-small-letter-spacing
    );
    --clg-typography-sem-product-title-base-letter-spacing: var(
      --clg-typography-sem-product-title-desktop-base-letter-spacing
    );
    --clg-typography-sem-product-title-large-letter-spacing: var(
      --clg-typography-sem-product-title-desktop-large-letter-spacing
    );
    --clg-typography-sem-product-title-larger-letter-spacing: var(
      --clg-typography-sem-product-title-desktop-larger-letter-spacing
    );
    --clg-typography-sem-product-body-smallest-composite: var(
      --clg-typography-sem-product-body-desktop-smallest-composite
    );
    --clg-typography-sem-product-body-smaller-composite: var(
      --clg-typography-sem-product-body-desktop-smaller-composite
    );
    --clg-typography-sem-product-body-small-tight-composite: var(
      --clg-typography-sem-product-body-desktop-small-tight-composite
    );
    --clg-typography-sem-product-body-small-composite: var(
      --clg-typography-sem-product-body-desktop-small-composite
    );
    --clg-typography-sem-product-body-base-tight-composite: var(
      --clg-typography-sem-product-body-desktop-base-tight-composite
    );
    --clg-typography-sem-product-body-base-composite: var(
      --clg-typography-sem-product-body-desktop-base-composite
    );
    --clg-typography-sem-product-body-large-tight-composite: var(
      --clg-typography-sem-product-body-desktop-large-tight-composite
    );
    --clg-typography-sem-product-body-large-composite: var(
      --clg-typography-sem-product-body-desktop-large-composite
    );
    --clg-typography-sem-product-title-small-tight-composite: var(
      --clg-typography-sem-product-title-desktop-small-tight-composite
    );
    --clg-typography-sem-product-title-large-tight-composite: var(
      --clg-typography-sem-product-title-desktop-large-tight-composite
    );
    --clg-typography-sem-product-heading-small-tight-composite: var(
      --clg-typography-sem-product-heading-desktop-small-tight-composite
    );
    --clg-typography-sem-product-heading-small-composite: var(
      --clg-typography-sem-product-heading-desktop-small-composite
    );
    --clg-typography-sem-product-heading-base-composite: var(
      --clg-typography-sem-product-heading-desktop-base-composite
    );
    --clg-typography-sem-product-heading-large-composite: var(
      --clg-typography-sem-product-heading-desktop-large-composite
    );
    --clg-typography-sem-product-display-base-composite: var(
      --clg-typography-sem-product-display-desktop-base-composite
    );
    --clg-typography-sem-product-display-large-composite: var(
      --clg-typography-sem-product-display-desktop-large-composite
    );
    --clg-typography-sem-product-display-larger-composite: var(
      --clg-typography-sem-product-display-desktop-larger-composite
    );
    --clg-typography-sem-product-title-smallest-composite: var(
      --clg-typography-sem-product-title-desktop-smallest-composite
    );
    --clg-typography-sem-product-title-smaller-composite: var(
      --clg-typography-sem-product-title-desktop-smaller-composite
    );
    --clg-typography-sem-product-title-small-composite: var(
      --clg-typography-sem-product-title-desktop-small-composite
    );
    --clg-typography-sem-product-title-base-composite: var(
      --clg-typography-sem-product-title-desktop-base-composite
    );
    --clg-typography-sem-product-title-large-composite: var(
      --clg-typography-sem-product-title-desktop-large-composite
    );
    --clg-typography-sem-product-title-larger-composite: var(
      --clg-typography-sem-product-title-desktop-larger-composite
    );
  }
}

@media only screen and (min-width: 900px) {
  :where(:root, [data-clg-mode], [data-clg-theme]) {
    --clg-dimension-app-empty-state-content-max-width: 440px;
  }
}

@media only screen and (min-width: 1200px) {
  :where(:root, [data-clg-mode], [data-clg-theme]) {
    --clg-dimension-sem-size-peek-width: var(--clg-dimension-pal-grid-1200);
  }
}

@font-face {
  font-family: ABCDiatype;
  src:
    url(/assets/type/ABCDiatype-Regular.woff2) format("woff2"),
    url(/assets/type/ABCDiatype-Regular.woff) format("woff");
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  ascent-override: 92%;
  descent-override: 22%;
}

@font-face {
  font-family: ABCOtto;
  src:
    url(/assets/type/ABCOtto-Regular.woff2) format("woff2"),
    url(/assets/type/ABCOtto-Regular.woff) format("woff");
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  ascent-override: 96%;
  descent-override: 23%;
}

@font-face {
  font-family: ABCDiatype;
  src:
    url(/assets/type/ABCDiatype-Bold.woff2) format("woff2"),
    url(/assets/type/ABCDiatype-Bold.woff) format("woff");
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  ascent-override: 92%;
  descent-override: 22%;
}

@font-face {
  font-family: ABCOtto;
  src:
    url(/assets/type/ABCOtto-Regular.woff2?v=260318) format("woff2"),
    url(/assets/type/ABCOtto-Regular.woff?v=260318) format("woff");
  font-display: swap;
  font-stretch: 100%;
  font-style: normal;
  font-weight: 400 600;
  ascent-override: 96%;
  descent-override: 23%;
}

@font-face {
  font-family: ABCDiatype;
  src:
    url(/assets/type/ABCDiatype-Regular.woff2?v=260318) format("woff2"),
    url(/assets/type/ABCDiatype-Regular.woff?v=260318) format("woff");
  font-display: swap;
  font-stretch: 100%;
  font-style: normal;
  font-weight: 100 400;
  ascent-override: 92%;
  descent-override: 22%;
}

@font-face {
  font-family: ABCDiatype;
  src:
    url(/assets/type/ABCDiatype-Bold.woff2?v=260318) format("woff2"),
    url(/assets/type/ABCDiatype-Bold.woff?v=260318) format("woff");
  font-display: swap;
  font-stretch: 100%;
  font-style: normal;
  font-weight: 500 900;
  ascent-override: 92%;
  descent-override: 22%;
}

[data-clg-mode="dark"] {
  --clg-effect-sem-shadow-elevation-4:
    0px 12px 20px 0px #150a040a, 0px 16px 24px 2px #150a040f;
  --clg-effect-sem-shadow-elevation-3:
    0px 8px 16px 0px #150a040a, 0px 12px 20px 2px #150a040f;
  --clg-effect-sem-shadow-elevation-2:
    0px 4px 12px 0px #150a040a, 0px 8px 16px 2px #150a040f;
  --clg-effect-sem-shadow-elevation-1:
    0px 2px 8px 0px #150a040a, 0px 4px 12px 2px #150a040f;
  --clg-color-sem-background-surface-trust-subtle: #2f203c;
  --clg-color-pal-turquoise-900: #20524d;
  --clg-color-pal-turquoise-100: #c6d7cd;
  --clg-color-pal-transparent-white-075: #967c9821;
  --clg-color-pal-transparent-white-050: #967c980d;
  --clg-color-pal-transparent-white-000: #967c9800;
  --clg-color-pal-transparent-white-950: #faf8f5;
  --clg-color-pal-transparent-white-900: #efeaf0;
  --clg-color-pal-transparent-white-800: #e5e1e5f2;
  --clg-color-pal-transparent-white-700: #dcd5dcf0;
  --clg-color-pal-transparent-white-600: #ddd4ded9;
  --clg-color-pal-transparent-white-550: #dbcbdcb5;
  --clg-color-pal-transparent-white-500: #c0a9c1b8;
  --clg-color-pal-transparent-white-400: #a490a7a3;
  --clg-color-pal-transparent-white-350: #9d8aa391;
  --clg-color-pal-transparent-white-200: #9a8e9f85;
  --clg-color-pal-transparent-white-150: #a599ae61;
  --clg-color-pal-transparent-white-100: #7c637e42;
  --clg-color-pal-transparent-black-075: #110f140d;
  --clg-color-pal-transparent-black-050: #110f1408;
  --clg-color-pal-transparent-black-900: #110f14f2;
  --clg-color-pal-transparent-black-800: #110f14db;
  --clg-color-pal-transparent-black-700: #110f14bf;
  --clg-color-pal-transparent-black-600: #110f14b2;
  --clg-color-pal-transparent-black-550: #110f14ad;
  --clg-color-pal-transparent-black-500: #110f149e;
  --clg-color-pal-transparent-black-400: #110f1480;
  --clg-color-pal-transparent-black-350: #110f146e;
  --clg-color-pal-transparent-black-200: #110f1442;
  --clg-color-pal-transparent-black-150: #110f1430;
  --clg-color-pal-transparent-black-100: #110f1422;
  --clg-color-pal-slime-900: #215e28;
  --clg-color-pal-slime-700: #54b063;
  --clg-color-pal-slime-100: #96b09b;
  --clg-color-pal-lavender-900: #4f2469;
  --clg-color-pal-lavender-100: #cac1db;
  --clg-color-pal-greyscale-700: #514956;
  --clg-color-pal-greyscale-600: #5f5563;
  --clg-color-pal-greyscale-550: #655969;
  --clg-color-pal-greyscale-500: #736576;
  --clg-color-pal-greyscale-400: #928193;
  --clg-color-pal-greyscale-350: #a596a7;
  --clg-color-pal-greyscale-200: #c3b9c4;
  --clg-color-pal-greyscale-150: #d2cbd2;
  --clg-color-pal-greyscale-100: #ded8de;
  --clg-color-pal-brick-900: #731f2b;
  --clg-color-pal-brick-300: #f27878;
  --clg-color-pal-brick-100: #ca9e99;
  --clg-color-pal-beeswax-900: #db8b00;
  --clg-color-pal-beeswax-100: #e2d3bd;
  --clg-color-app-progress-bar-shop-feedback-fill: #829cee;
  --clg-color-app-progress-bar-shop-feedback-background: #829cee;
  --clg-color-sem-text-on-surface-subtle: var(--clg-color-pal-greyscale-050);
  --clg-color-sem-text-on-surface-strong: var(--clg-color-pal-greyscale-800);
  --clg-color-sem-text-tertiary: var(--clg-color-pal-transparent-white-600);
  --clg-color-sem-text-star-seller: var(--clg-color-pal-purple-550);
  --clg-color-sem-text-secondary: var(--clg-color-pal-greyscale-200);
  --clg-color-sem-text-promote: var(--clg-color-pal-green-400);
  --clg-color-sem-text-primary: var(--clg-color-pal-greyscale-050);
  --clg-color-sem-text-placeholder: var(--clg-color-pal-transparent-white-550);
  --clg-color-sem-text-monetary-value: var(--clg-color-pal-green-400);
  --clg-color-sem-text-critical: var(--clg-color-pal-red-500);
  --clg-color-sem-shadow-elevated: var(--clg-color-pal-transparent-black-700);
  --clg-color-sem-icon-favorite-inverted: var(--clg-color-pal-red-750);
  --clg-color-sem-icon-favorite: var(--clg-color-pal-red-500);
  --clg-color-sem-border-selected: var(--clg-color-pal-greyscale-050);
  --clg-color-sem-border-placeholder: var(
    --clg-color-pal-transparent-white-350
  );
  --clg-color-sem-border-focused: var(--clg-color-pal-blue-350);
  --clg-color-sem-border-critical: var(--clg-color-pal-red-500);
  --clg-color-sem-background-surface-unavailable-subtle: var(
    --clg-color-pal-greyscale-800
  );
  --clg-color-sem-background-surface-unavailable-dark: var(
    --clg-color-pal-greyscale-700
  );
  --clg-color-sem-background-surface-selected-subtle: var(
    --clg-color-pal-transparent-white-100
  );
  --clg-color-sem-background-surface-selected-strong: var(
    --clg-color-pal-greyscale-050
  );
  --clg-color-sem-background-surface-tertiary: var(
    --clg-color-pal-greyscale-950
  );
  --clg-color-sem-background-surface-secondary: var(
    --clg-color-pal-greyscale-800
  );
  --clg-color-sem-background-surface-primary: var(
    --clg-color-pal-greyscale-900
  );
  --clg-color-sem-background-surface-placeholder-subtle: var(
    --clg-color-pal-transparent-white-075
  );
  --clg-color-sem-background-surface-notification-tertiary-strong: var(
    --clg-color-pal-greyscale-050
  );
  --clg-color-sem-background-surface-notification-secondary-strong: var(
    --clg-color-pal-blue-350
  );
  --clg-color-sem-background-surface-informational-subtle: var(
    --clg-color-pal-greyscale-700
  );
  --clg-color-sem-background-surface-expressive-orange-lightest: var(
    --clg-color-pal-new-orange-300
  );
  --clg-color-sem-background-surface-expressive-orange-dark: var(
    --clg-color-pal-new-orange-650
  );
  --clg-color-sem-background-surface-expressive-blue-strong: var(
    --clg-color-pal-blue-350
  );
  --clg-color-sem-background-surface-critical-subtle: var(
    --clg-color-pal-red-900
  );
  --clg-color-sem-background-surface-critical-strong: var(
    --clg-color-pal-red-500
  );
  --clg-color-sem-background-surface-critical-light: var(
    --clg-color-pal-red-400
  );
  --clg-color-sem-background-surface-contrast-strong: var(
    --clg-color-pal-greyscale-050
  );
  --clg-color-sem-background-surface-confirmed-subtle: var(
    --clg-color-pal-green-650
  );
  --clg-color-sem-background-surface-confirmed-strong: var(
    --clg-color-pal-green-300
  );
  --clg-color-sem-background-elevation-4: var(--clg-color-pal-greyscale-800);
  --clg-color-sem-background-scrim: var(--clg-color-pal-transparent-black-700);
  --clg-color-app-user-message-sent-background: var(
    --clg-color-pal-greyscale-050
  );
  --clg-color-app-tooltip-background: var(--clg-color-pal-greyscale-050);
  --clg-color-app-text-selection-background: var(--clg-color-pal-greyscale-500);
  --clg-color-app-tabs-track-background: var(
    --clg-color-pal-transparent-white-150
  );
  --clg-color-app-tabs-pressed-highlight-background: var(
    --clg-color-pal-greyscale-700
  );
  --clg-color-app-tabs-inactive-border: var(
    --clg-color-pal-transparent-white-350
  );
  --clg-color-app-tabs-hovered-highlight-background: var(
    --clg-color-pal-transparent-white-150
  );
  --clg-color-app-table-cell-border: var(--clg-color-pal-greyscale-800);
  --clg-color-app-switch-m2-inactive-foreground: var(
    --clg-color-pal-greyscale-500
  );
  --clg-color-app-switch-m2-inactive-background: var(
    --clg-color-pal-greyscale-600
  );
  --clg-color-app-switch-m2-active-foreground: var(
    --clg-color-pal-greyscale-050
  );
  --clg-color-app-switch-m2-active-background: var(
    --clg-color-pal-greyscale-600
  );
  --clg-color-app-switch-ios-inactive-foreground: var(
    --clg-color-pal-greyscale-800
  );
  --clg-color-app-switch-ios-inactive-background: var(
    --clg-color-pal-greyscale-500
  );
  --clg-color-app-switch-ios-active-foreground: var(
    --clg-color-pal-greyscale-800
  );
  --clg-color-app-switch-ios-active-background: var(
    --clg-color-pal-greyscale-050
  );
  --clg-color-app-switch-inactive-foreground: var(
    --clg-color-pal-greyscale-050
  );
  --clg-color-app-switch-inactive-border: var(--clg-color-pal-greyscale-050);
  --clg-color-app-switch-inactive-background: var(
    --clg-color-pal-greyscale-800
  );
  --clg-color-app-switch-disabled-background: var(
    --clg-color-pal-greyscale-800
  );
  --clg-color-app-switch-checked-disabled-foreground: var(
    --clg-color-pal-greyscale-800
  );
  --clg-color-app-switch-checked-disabled-background: var(
    --clg-color-pal-greyscale-700
  );
  --clg-color-app-switch-checked-foreground: var(--clg-color-pal-greyscale-800);
  --clg-color-app-switch-checked-border: var(--clg-color-pal-greyscale-050);
  --clg-color-app-switch-checked-background: var(--clg-color-pal-greyscale-050);
  --clg-color-app-switch-active-foreground: var(--clg-color-pal-greyscale-800);
  --clg-color-app-switch-active-border: var(--clg-color-pal-greyscale-050);
  --clg-color-app-switch-active-background: var(--clg-color-pal-greyscale-050);
  --clg-color-app-switch-foreground: var(--clg-color-pal-greyscale-050);
  --clg-color-app-switch-border: var(--clg-color-pal-greyscale-050);
  --clg-color-app-selectable-swatch-slash-outer: var(
    --clg-color-pal-greyscale-800
  );
  --clg-color-app-selectable-swatch-slash-inner: var(
    --clg-color-pal-greyscale-000
  );
  --clg-color-app-selectable-swatch-selected-border-inner: var(
    --clg-color-pal-greyscale-800
  );
  --clg-color-app-selectable-swatch-hovered-border-inner: var(
    --clg-color-pal-greyscale-800
  );
  --clg-color-app-spinner-foreground: var(--clg-color-pal-greyscale-050);
  --clg-color-app-spinner-background: var(
    --clg-color-pal-transparent-white-150
  );
  --clg-color-app-skeleton-ui-background-idle: var(
    --clg-color-pal-transparent-white-050
  );
  --clg-color-app-skeleton-ui-background-advance: var(
    --clg-color-pal-transparent-white-075
  );
  --clg-color-app-signal-urgency-subtle-text: var(--clg-color-pal-red-500);
  --clg-color-app-signal-strong-background: var(--clg-color-pal-greyscale-700);
  --clg-color-app-signal-promote-subtle-text: var(--clg-color-pal-green-400);
  --clg-color-app-signal-highlight-subtle-text: var(--clg-color-pal-blue-350);
  --clg-color-app-transparent-gradient-start: var(
    --clg-color-pal-transparent-black-000
  );
  --clg-color-app-selectable-image-slash-outer: var(
    --clg-color-pal-greyscale-800
  );
  --clg-color-app-selectable-image-slash-inner: var(
    --clg-color-pal-greyscale-000
  );
  --clg-color-app-selectable-image-selected-border-inner: var(
    --clg-color-pal-greyscale-800
  );
  --clg-color-app-selectable-image-hovered-border-inner: var(
    --clg-color-pal-greyscale-800
  );
  --clg-color-app-scroll-overlay-background-start: var(
    --clg-color-pal-transparent-black-000
  );
  --clg-color-app-review-star-filled-border: var(--clg-color-pal-greyscale-050);
  --clg-color-app-review-star-filled-background: var(
    --clg-color-pal-greyscale-050
  );
  --clg-color-app-review-star-border: var(--clg-color-pal-greyscale-150);
  --clg-color-app-progress-bar-foreground-neutral: var(
    --clg-color-pal-greyscale-050
  );
  --clg-color-app-progress-bar-fill: var(--clg-color-pal-greyscale-050);
  --clg-color-app-progress-bar-background: var(
    --clg-color-pal-transparent-white-150
  );
  --clg-color-app-pagination-selected-pressed-border: var(
    --clg-color-pal-greyscale-050
  );
  --clg-color-app-pagination-selected-pressed-background: var(
    --clg-color-pal-transparent-white-150
  );
  --clg-color-app-pagination-selected-hovered-border: var(
    --clg-color-pal-greyscale-050
  );
  --clg-color-app-pagination-selected-border: var(
    --clg-color-pal-greyscale-050
  );
  --clg-color-app-pagination-pressed-background: var(
    --clg-color-pal-transparent-white-150
  );
  --clg-color-app-list-item-selectable-selected: var(
    --clg-color-pal-transparent-white-050
  );
  --clg-color-app-input-search-pressed-background: var(
    --clg-color-pal-transparent-white-075
  );
  --clg-color-app-input-search-border: var(--clg-color-pal-greyscale-050);
  --clg-color-app-input-search-background: var(
    --clg-color-pal-transparent-white-075
  );
  --clg-color-app-input-hovered-border: var(--clg-color-pal-greyscale-950);
  --clg-color-app-input-disabled-border: var(--clg-color-pal-greyscale-700);
  --clg-color-app-indicator-background: var(--clg-color-pal-greyscale-700);
  --clg-color-app-image-placeholder-icon: var(--clg-color-pal-greyscale-550);
  --clg-color-app-image-placeholder-background: var(
    --clg-color-pal-greyscale-700
  );
  --clg-color-app-empty-state-default-illustration-foreground: var(
    --clg-color-pal-greyscale-550
  );
  --clg-color-app-button-transparent-on-surface-strong-border: var(
    --clg-color-app-button-transparent-on-surface-light-border
  );
  --clg-color-app-button-transparent-on-surface-strong-background: var(
    --clg-color-app-button-transparent-on-surface-light-background
  );
  --clg-color-app-button-tertiary-on-surface-strong-border: var(
    --clg-color-app-button-tertiary-on-surface-light-border
  );
  --clg-color-app-button-secondary-on-surface-strong-disabled-background: var(
    --clg-color-app-button-secondary-on-surface-light-disabled-background
  );
  --clg-color-app-button-secondary-on-surface-strong-background: var(
    --clg-color-app-button-secondary-on-surface-light-background
  );
  --clg-color-app-button-primary-on-surface-strong-disabled-border: var(
    --clg-color-app-button-primary-on-surface-light-disabled-border
  );
  --clg-color-app-button-primary-on-surface-strong-border: var(
    --clg-color-app-button-primary-on-surface-light-border
  );
  --clg-color-app-button-icon-transparent-on-surface-strong-border: var(
    --clg-color-app-button-icon-transparent-on-surface-light-border
  );
  --clg-color-app-button-icon-transparent-on-surface-strong-background: var(
    --clg-color-app-button-icon-transparent-on-surface-light-background
  );
  --clg-color-app-button-focused-on-surface-dark-border: var(
    --clg-color-pal-blue-350
  );
  --clg-color-app-button-focused-border: var(--clg-color-pal-blue-350);
  --clg-color-app-brand-icon-success-02-background: var(
    --clg-color-pal-blue-100
  );
  --clg-color-app-brand-icon-marketing-03-foreground: var(
    --clg-color-pal-denim-300
  );
  --clg-color-app-brand-icon-marketing-03-background: var(
    --clg-color-sem-background-surface-expressive-blue-light
  );
  --clg-color-app-brand-icon-marketing-02-foreground: var(
    --clg-color-pal-denim-300
  );
  --clg-color-app-brand-icon-marketing-02-background: var(
    --clg-color-pal-transparent-white-150
  );
  --clg-color-app-brand-icon-marketing-01-foreground: var(
    --clg-color-pal-denim-300
  );
  --clg-color-app-bottom-nav-item-pressed-background: var(
    --clg-color-pal-transparent-white-150
  );
  --clg-color-app-badge-border: var(--clg-color-pal-greyscale-050);
  --clg-color-sem-text-disabled: var(
    --clg-color-sem-on-surface-dark-disabled-text
  );
  --clg-color-sem-text-action: var(--clg-color-sem-on-surface-dark-action-text);
  --clg-color-sem-border-selectable: var(
    --clg-color-sem-on-surface-dark-selectable-border
  );
  --clg-color-sem-border-divider: var(
    --clg-color-sem-on-surface-dark-divider-border
  );
  --clg-color-sem-border-disabled: var(
    --clg-color-sem-on-surface-dark-disabled-border
  );
  --clg-color-sem-border-active: var(
    --clg-color-sem-on-surface-dark-active-border
  );
  --clg-color-sem-background-surface-hovered-subtle: var(
    --clg-color-sem-on-surface-dark-transparent-hovered-background
  );
  --clg-color-sem-background-disabled: var(
    --clg-color-sem-on-surface-dark-strong-disabled-background
  );
  --clg-color-app-user-message-sent-text: var(
    --clg-color-sem-text-on-surface-light
  );
  --clg-color-app-spinner-on-surface-strong-foreground: var(
    --clg-color-app-spinner-on-surface-light-foreground
  );
  --clg-color-app-spinner-on-surface-strong-background: var(
    --clg-color-app-spinner-on-surface-light-background
  );
  --clg-color-app-pagination-selected-hovered-background: var(
    --clg-color-sem-on-surface-dark-transparent-hovered-background
  );
  --clg-color-app-pagination-hovered-background: var(
    --clg-color-sem-on-surface-dark-transparent-hovered-background
  );
  --clg-color-app-drag-and-drop-hovered-background: var(
    --clg-color-sem-on-surface-dark-transparent-hovered-background
  );
  --clg-color-app-chip-swatch-selected-border: var(
    --clg-color-sem-on-surface-light-active-border
  );
  --clg-color-app-chip-selectable-selected-pressed-background: var(
    --clg-color-sem-on-surface-dark-strong-pressed-background
  );
  --clg-color-app-chip-selectable-selected-hovered-background: var(
    --clg-color-sem-on-surface-dark-strong-hovered-background
  );
  --clg-color-app-chip-selectable-pressed-background: var(
    --clg-color-sem-on-surface-dark-semitransparent-pressed-background
  );
  --clg-color-app-chip-selectable-hovered-background: var(
    --clg-color-sem-on-surface-dark-semitransparent-hovered-background
  );
  --clg-color-app-chip-selectable-background: var(
    --clg-color-sem-on-surface-dark-semitransparent-background
  );
  --clg-color-app-chip-removable-pressed-background: var(
    --clg-color-sem-on-surface-dark-strong-pressed-background
  );
  --clg-color-app-chip-removable-hovered-background: var(
    --clg-color-sem-on-surface-dark-strong-hovered-background
  );
  --clg-color-app-button-transparent-pressed-background: var(
    --clg-color-sem-on-surface-dark-transparent-pressed-background
  );
  --clg-color-app-button-transparent-on-surface-strong-pressed-border: var(
    --clg-color-app-button-transparent-on-surface-light-pressed-border
  );
  --clg-color-app-button-transparent-on-surface-strong-hovered-border: var(
    --clg-color-app-button-transparent-on-surface-light-hovered-border
  );
  --clg-color-app-button-transparent-hovered-background: var(
    --clg-color-sem-on-surface-dark-transparent-hovered-background
  );
  --clg-color-app-button-toolbar-hovered-background: var(
    --clg-color-sem-on-surface-dark-transparent-hovered-background
  );
  --clg-color-app-button-toggle-secondary-pressed-background: var(
    --clg-color-sem-on-surface-dark-subtle-pressed-background
  );
  --clg-color-app-button-toggle-secondary-selected-pressed-background: var(
    --clg-color-sem-on-surface-dark-transparent-pressed-background
  );
  --clg-color-app-button-toggle-secondary-selected-hovered-background: var(
    --clg-color-sem-on-surface-dark-transparent-hovered-background
  );
  --clg-color-app-button-toggle-secondary-hovered-background: var(
    --clg-color-sem-on-surface-dark-subtle-hovered-background
  );
  --clg-color-app-button-toggle-secondary-background: var(
    --clg-color-sem-on-surface-dark-subtle-background
  );
  --clg-color-app-button-toggle-primary-pressed-background: var(
    --clg-color-sem-on-surface-dark-strong-pressed-background
  );
  --clg-color-app-button-toggle-primary-hovered-background: var(
    --clg-color-sem-on-surface-dark-strong-hovered-background
  );
  --clg-color-app-button-toggle-primary-selected-pressed-background: var(
    --clg-color-sem-on-surface-dark-transparent-pressed-background
  );
  --clg-color-app-button-toggle-primary-selected-hovered-background: var(
    --clg-color-sem-on-surface-dark-transparent-hovered-background
  );
  --clg-color-app-button-tertiary-pressed-background: var(
    --clg-color-sem-on-surface-dark-semitransparent-pressed-background
  );
  --clg-color-app-button-tertiary-on-surface-strong-pressed-border: var(
    --clg-color-app-button-tertiary-on-surface-light-pressed-border
  );
  --clg-color-app-button-tertiary-on-surface-strong-hovered-border: var(
    --clg-color-app-button-tertiary-on-surface-light-hovered-border
  );
  --clg-color-app-button-tertiary-on-surface-strong-disabled-border: var(
    --clg-color-app-button-tertiary-on-surface-light-disabled-border
  );
  --clg-color-app-button-tertiary-hovered-background: var(
    --clg-color-sem-on-surface-dark-semitransparent-hovered-background
  );
  --clg-color-app-button-tertiary-background: var(
    --clg-color-sem-on-surface-dark-semitransparent-background
  );
  --clg-color-app-button-secondary-pressed-background: var(
    --clg-color-sem-on-surface-dark-transparent-pressed-background
  );
  --clg-color-app-button-primary-pressed-background: var(
    --clg-color-sem-on-surface-dark-strong-pressed-background
  );
  --clg-color-app-button-primary-on-surface-strong-pressed-border: var(
    --clg-color-app-button-primary-on-surface-light-pressed-border
  );
  --clg-color-app-button-primary-on-surface-strong-hovered-border: var(
    --clg-color-app-button-primary-on-surface-light-hovered-border
  );
  --clg-color-app-button-primary-hovered-background: var(
    --clg-color-sem-on-surface-dark-strong-hovered-background
  );
  --clg-color-app-button-icon-transparent-pressed-background: var(
    --clg-color-sem-on-surface-dark-transparent-pressed-background
  );
  --clg-color-app-button-icon-transparent-on-surface-strong-pressed-border: var(
    --clg-color-app-button-icon-transparent-on-surface-light-pressed-border
  );
  --clg-color-app-button-icon-transparent-on-surface-strong-hovered-border: var(
    --clg-color-app-button-icon-transparent-on-surface-light-hovered-border
  );
  --clg-color-app-button-icon-transparent-hovered-background: var(
    --clg-color-sem-on-surface-dark-transparent-hovered-background
  );
  --clg-color-app-button-icon-tertiary-pressed-background: var(
    --clg-color-sem-on-surface-dark-semitransparent-pressed-background
  );
  --clg-color-app-button-icon-tertiary-hovered-background: var(
    --clg-color-sem-on-surface-dark-semitransparent-hovered-background
  );
  --clg-color-app-button-icon-tertiary-background: var(
    --clg-color-sem-on-surface-dark-semitransparent-background
  );
  --clg-color-app-button-icon-secondary-subtle-pressed-background: var(
    --clg-color-sem-on-surface-dark-subtle-pressed-background
  );
  --clg-color-app-button-icon-secondary-subtle-hovered-background: var(
    --clg-color-sem-on-surface-dark-subtle-hovered-background
  );
  --clg-color-app-button-icon-secondary-subtle-background: var(
    --clg-color-sem-on-surface-dark-subtle-background
  );
  --clg-color-app-button-icon-secondary-strong-pressed-background: var(
    --clg-color-sem-on-surface-dark-transparent-pressed-background
  );
  --clg-color-app-button-icon-primary-pressed-background: var(
    --clg-color-sem-on-surface-dark-strong-pressed-background
  );
  --clg-color-app-button-icon-primary-hovered-background: var(
    --clg-color-sem-on-surface-dark-strong-hovered-background
  );
  --clg-color-app-button-icon-primary-background: var(
    --clg-color-sem-on-surface-dark-strong-background
  );
  --clg-color-app-button-favorite-pressed-background: var(
    --clg-color-sem-on-surface-dark-subtle-pressed-background
  );
  --clg-color-app-button-destructive-tertiary-pressed-background: var(
    --clg-color-sem-on-surface-dark-semitransparent-pressed-background
  );
  --clg-color-app-button-destructive-tertiary-hovered-background: var(
    --clg-color-sem-on-surface-dark-semitransparent-hovered-background
  );
  --clg-color-app-button-destructive-tertiary-background: var(
    --clg-color-sem-on-surface-dark-semitransparent-background
  );
  --clg-color-app-button-transparent-on-surface-strong-pressed-background: var(
    --clg-color-app-button-transparent-on-surface-light-pressed-background
  );
  --clg-color-app-button-transparent-on-surface-strong-hovered-background: var(
    --clg-color-app-button-transparent-on-surface-light-hovered-background
  );
  --clg-color-app-button-transparent-on-surface-strong-disabled-text: var(
    --clg-color-app-button-transparent-on-surface-light-disabled-text
  );
  --clg-color-app-button-transparent-on-surface-strong-disabled-border: var(
    --clg-color-app-button-transparent-on-surface-light-disabled-border
  );
  --clg-color-app-button-transparent-on-surface-strong-disabled-background: var(
    --clg-color-app-button-transparent-on-surface-light-disabled-background
  );
  --clg-color-app-button-transparent-on-surface-strong-text: var(
    --clg-color-app-button-transparent-on-surface-light-text
  );
  --clg-color-app-button-tertiary-on-surface-strong-pressed-background: var(
    --clg-color-app-button-tertiary-on-surface-light-pressed-background
  );
  --clg-color-app-button-tertiary-on-surface-strong-hovered-background: var(
    --clg-color-app-button-tertiary-on-surface-light-hovered-background
  );
  --clg-color-app-button-tertiary-on-surface-strong-disabled-text: var(
    --clg-color-app-button-tertiary-on-surface-light-disabled-text
  );
  --clg-color-app-button-tertiary-on-surface-strong-text: var(
    --clg-color-app-button-tertiary-on-surface-light-text
  );
  --clg-color-app-button-tertiary-on-surface-strong-background: var(
    --clg-color-app-button-tertiary-on-surface-light-background
  );
  --clg-color-app-button-secondary-on-surface-strong-pressed-background: var(
    --clg-color-app-button-secondary-on-surface-light-pressed-background
  );
  --clg-color-app-button-secondary-on-surface-strong-disabled-text: var(
    --clg-color-app-button-secondary-on-surface-light-disabled-text
  );
  --clg-color-app-button-secondary-on-surface-strong-disabled-border: var(
    --clg-color-app-button-secondary-on-surface-light-disabled-border
  );
  --clg-color-app-button-secondary-on-surface-strong-text: var(
    --clg-color-app-button-secondary-on-surface-light-text
  );
  --clg-color-app-button-secondary-on-surface-strong-border: var(
    --clg-color-app-button-secondary-on-surface-light-border
  );
  --clg-color-app-button-primary-on-surface-strong-pressed-background: var(
    --clg-color-app-button-primary-on-surface-light-pressed-background
  );
  --clg-color-app-button-primary-on-surface-strong-hovered-background: var(
    --clg-color-app-button-primary-on-surface-light-hovered-background
  );
  --clg-color-app-button-primary-on-surface-strong-disabled-background: var(
    --clg-color-app-button-primary-on-surface-light-disabled-background
  );
  --clg-color-app-button-primary-on-surface-strong-text: var(
    --clg-color-app-button-primary-on-surface-light-text
  );
  --clg-color-app-button-primary-on-surface-strong-background: var(
    --clg-color-app-button-primary-on-surface-light-background
  );
  --clg-color-app-button-icon-transparent-on-surface-strong-pressed-background: var(
    --clg-color-app-button-icon-transparent-on-surface-light-pressed-background
  );
  --clg-color-app-button-icon-transparent-on-surface-strong-hovered-background: var(
    --clg-color-app-button-icon-transparent-on-surface-light-hovered-background
  );
  --clg-color-app-button-icon-transparent-on-surface-strong-disabled-border: var(
    --clg-color-app-button-icon-transparent-on-surface-light-disabled-border
  );
  --clg-color-app-button-icon-transparent-on-surface-strong-disabled-background: var(
    --clg-color-app-button-icon-transparent-on-surface-light-disabled-background
  );
  --clg-color-app-button-icon-transparent-on-surface-strong-icon: var(
    --clg-color-app-button-icon-transparent-on-surface-light-icon
  );
  --clg-color-app-button-transparent-on-surface-strong-pressed-text: var(
    --clg-color-app-button-transparent-on-surface-light-pressed-text
  );
  --clg-color-app-button-transparent-on-surface-strong-hovered-text: var(
    --clg-color-app-button-transparent-on-surface-light-hovered-text
  );
  --clg-color-app-button-tertiary-on-surface-strong-pressed-text: var(
    --clg-color-app-button-tertiary-on-surface-light-pressed-text
  );
  --clg-color-app-button-tertiary-on-surface-strong-hovered-text: var(
    --clg-color-app-button-tertiary-on-surface-light-hovered-text
  );
  --clg-color-app-button-tertiary-on-surface-strong-disabled-background: var(
    --clg-color-app-button-tertiary-on-surface-light-disabled-background
  );
  --clg-color-app-button-secondary-on-surface-strong-pressed-text: var(
    --clg-color-app-button-secondary-on-surface-light-pressed-text
  );
  --clg-color-app-button-secondary-on-surface-strong-pressed-border: var(
    --clg-color-app-button-secondary-on-surface-light-pressed-border
  );
  --clg-color-app-button-secondary-on-surface-strong-hovered-text: var(
    --clg-color-app-button-secondary-on-surface-light-hovered-text
  );
  --clg-color-app-button-secondary-on-surface-strong-hovered-border: var(
    --clg-color-app-button-secondary-on-surface-light-hovered-border
  );
  --clg-color-app-button-secondary-on-surface-strong-hovered-background: var(
    --clg-color-app-button-secondary-on-surface-light-hovered-background
  );
  --clg-color-app-button-primary-on-surface-strong-pressed-text: var(
    --clg-color-app-button-primary-on-surface-light-pressed-text
  );
  --clg-color-app-button-primary-on-surface-strong-hovered-text: var(
    --clg-color-app-button-primary-on-surface-light-hovered-text
  );
  --clg-color-app-button-primary-on-surface-strong-disabled-text: var(
    --clg-color-app-button-primary-on-surface-light-disabled-text
  );
  --clg-color-app-button-icon-transparent-on-surface-strong-pressed-icon: var(
    --clg-color-app-button-icon-transparent-on-surface-light-pressed-icon
  );
  --clg-color-app-button-icon-transparent-on-surface-strong-hovered-icon: var(
    --clg-color-app-button-icon-transparent-on-surface-light-hovered-icon
  );
  --clg-color-app-button-icon-transparent-on-surface-strong-disabled-icon: var(
    --clg-color-app-button-icon-transparent-on-surface-light-disabled-icon
  );
  --clg-color-app-button-selectable-filter-border: var(
    --clg-color-pal-transparent-white-500
  );
  --clg-color-app-button-transparent-on-surface-dark-disabled-background: var(
    --clg-color-pal-transparent-black-075
  );
  --clg-color-app-button-transparent-on-surface-light-disabled-background: var(
    --clg-color-pal-transparent-black-075
  );
  --clg-color-app-button-transparent-on-surface-subtle-pressed-background: var(
    --clg-color-pal-transparent-white-150
  );
  --clg-color-app-button-transparent-on-surface-subtle-hovered-background: var(
    --clg-color-pal-transparent-white-075
  );
  --clg-color-app-button-transparent-on-surface-strong-pressed-background: var(
    --clg-color-pal-transparent-black-150
  );
  --clg-color-app-button-transparent-on-surface-strong-hovered-background: var(
    --clg-color-pal-transparent-black-075
  );
  --clg-color-app-button-transparent-pressed-background: var(
    --clg-color-pal-transparent-white-150
  );
  --clg-color-app-button-transparent-hovered-background: var(
    --clg-color-pal-transparent-white-075
  );
  --clg-color-app-button-tertiary-on-surface-subtle-hovered-background: var(
    --clg-color-pal-transparent-white-150
  );
  --clg-color-app-button-tertiary-on-surface-subtle-text: var(
    --clg-color-pal-greyscale-000
  );
  --clg-color-app-button-tertiary-on-surface-subtle-background: var(
    --clg-color-pal-transparent-white-075
  );
  --clg-color-app-button-tertiary-on-surface-strong-hovered-background: var(
    --clg-color-pal-transparent-black-150
  );
  --clg-color-app-button-tertiary-on-surface-strong-text: var(
    --clg-color-pal-greyscale-800
  );
  --clg-color-app-button-tertiary-on-surface-strong-background: var(
    --clg-color-pal-transparent-black-075
  );
  --clg-color-app-button-tertiary-disabled-background: var(
    --clg-color-pal-transparent-white-075
  );
  --clg-color-app-button-tertiary-hovered-background: var(
    --clg-color-pal-transparent-white-150
  );
  --clg-color-app-button-tertiary-background: var(
    --clg-color-pal-transparent-white-075
  );
  --clg-color-app-button-secondary-on-surface-subtle-pressed-background: var(
    --clg-color-pal-transparent-white-150
  );
  --clg-color-app-button-secondary-on-surface-subtle-border: var(
    --clg-color-pal-greyscale-000
  );
  --clg-color-app-button-secondary-on-surface-strong-pressed-background: var(
    --clg-color-pal-transparent-black-150
  );
  --clg-color-app-button-secondary-on-surface-strong-border: var(
    --clg-color-pal-greyscale-800
  );
  --clg-color-app-button-secondary-pressed-background: var(
    --clg-color-pal-transparent-white-150
  );
  --clg-color-app-button-secondary-border: var(--clg-color-pal-greyscale-000);
  --clg-color-app-button-primary-on-surface-subtle-hovered-background: var(
    --clg-color-pal-greyscale-075
  );
  --clg-color-app-button-primary-on-surface-subtle-text: var(
    --clg-color-pal-greyscale-800
  );
  --clg-color-app-button-primary-on-surface-subtle-background: var(
    --clg-color-pal-greyscale-000
  );
  --clg-color-app-button-primary-on-surface-strong-pressed-background: var(
    --clg-color-pal-greyscale-600
  );
  --clg-color-app-button-primary-on-surface-strong-hovered-background: var(
    --clg-color-pal-greyscale-700
  );
  --clg-color-app-button-primary-on-surface-strong-text: var(
    --clg-color-pal-greyscale-000
  );
  --clg-color-app-button-primary-on-surface-strong-background: var(
    --clg-color-pal-greyscale-800
  );
  --clg-color-app-button-primary-background: var(--clg-color-pal-greyscale-000);
}

[data-clg-mode="dark"] .checkout-with.apple-pay-button.apple-pay-button-black {
  -apple-pay-button-style: white;
}

[data-clg-mode="dark"] .wt-subway__stop--active .wt-subway__stop__dot {
  background-color: var(--clg-color-pal-greyscale-000, #fff) !important;
  border-color: var(--clg-color-pal-greyscale-000, #fff) !important;
}

[data-clg-mode="dark"] .wt-subway__stop:before {
  border-bottom-color: var(--clg-color-pal-greyscale-600, #605957) !important;
}

[data-clg-mode="dark"] .wt-subway__stop--completed:before,
[data-clg-mode="dark"] .wt-subway__stop--active:before,
[data-clg-mode="dark"] .wt-subway__stop--available:before {
  border-bottom-color: var(--clg-color-pal-greyscale-000, #fff) !important;
}

[data-clg-mode="dark"] .wt-subway__stop__dot {
  background-color: var(--clg-color-pal-greyscale-600, #605957) !important;
}

[data-clg-mode="dark"] .wt-subway__stop--completed .wt-subway__stop__dot {
  border-color: var(--clg-color-pal-greyscale-000, #fff) !important;
  background-color: var(
    --clg-color-sem-background-elevation-0,
    #faf8f5
  ) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22%3E%3Cpath fill%3D%22var%28--clg-color-pal-greyscale-000, %23FFFFFF%29%22 d%3D%22M9.057,20.471L2.293,13.707a1,1,0,0,1,1.414-1.414l5.236,5.236,11.3-13.18a1,1,0,1,1,1.518,1.3Z%22%2F%3E%3C%2Fsvg%3E") !important;
}

[data-clg-mode="dark"] span.wt-subway__stop__link,
[data-clg-mode="dark"] a.wt-subway__stop__link,
[data-clg-mode="dark"] button.wt-subway__stop__link {
  color: var(--clg-color-pal-greyscale-150, #d5cdc8) !important;
}

[data-clg-mode="dark"] .wt-input:not([aria-invalid="true"]):hover,
[data-clg-mode="dark"] .wt-textarea:not([aria-invalid="true"]):hover {
  border-color: var(--clg-color-sem-border-active, #312b36);
}

[data-clg-mode="dark"] .wt-radio label:after,
[data-clg-mode="dark"] .wt-radio .wt-radio__label:after {
  background-color: var(--clg-color-pal-greyscale-900, #1c181f) !important;
}

[data-clg-mode="dark"] .wt-checkbox .wt-checkbox__label:after,
[data-clg-mode="dark"] .wt-checkbox label:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22%3E%3Cpath fill%3D%22var%28--clg-color-pal-greyscale-900, %231C181F%29%22 d%3D%22M9.057,20.471L2.293,13.707a1,1,0,0,1,1.414-1.414l5.236,5.236,11.3-13.18a1,1,0,1,1,1.518,1.3Z%22%2F%3E%3C%2Fsvg%3E") !important;
}

[data-clg-mode="dark"] .wt-select:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22%3E%3Cpath fill%3D%22var%28--clg-color-pal-greyscale-000, %23FFFFFF%29%22 d%3D%22M15.293 10A.707.707 0 0 1 15.793 11.207L12.53 14.47A.75.75 0 0 1 11.47 14.47L8.207 11.207A.707.707 0 0 1 8.707 10z%22%2F%3E%3C%2Fsvg%3E") !important;
}

[data-clg-mode="dark"] .wt-select__element:not([aria-invalid="true"]):hover {
  border-color: var(--clg-color-sem-border-active, #312b36);
}

[data-clg-mode="dark"] .wt-label__required:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M16.89 10.49a1 1 0 0 0-1.34-.49L13 11.32V7.94a1 1 0 0 0-2 0v3.38L8.45 10a1 1 0 0 0-1.34.45 1 1 0 0 0 .44 1.34l2.76 1.38-2.14 2.18a1 1 0 0 0 0 1.42 1 1 0 0 0 .71.29 1 1 0 0 0 .71-.29L12 14.35l2.41 2.42a1 1 0 0 0 .71.29 1 1 0 0 0 .71-.29 1 1 0 0 0 0-1.42l-2.14-2.14 2.76-1.38a1 1 0 0 0 .44-1.34z%22 fill%3D%22var%28--clg-color-pal-red-400, %23F9B2BE%29%22%2F%3E%3C%2Fsvg%3E");
}

[data-clg-mode="dark"] .wt-spinner.wt-spinner--02 .wt-icon,
[data-clg-mode="dark"] .wt-spinner.wt-spinner--02 .etsy-icon {
  stroke: var(--clg-color-app-spinner-foreground, #312b36);
}

[data-clg-mode="dark"] .wt-spinner.wt-spinner--01 .etsy-icon {
  stroke: var(
    --clg-color-app-spinner-on-surface-light-foreground,
    #312b36
  ) !important;
}

[data-clg-mode="dark"] .wt-popover [role="tooltip"] .wt-popover__arrow:before {
  background-color: var(--clg-color-sem-background-elevation-3, #fff);
  border-color: var(--clg-color-sem-border-divider, #e0dad6);
}

[data-clg-mode="dark"]
  .wt-menu
  a.wt-menu__item:hover:not(:disabled):not([disabled="true"]):not(:active),
[data-clg-mode="dark"] .wt-menu a.wt-menu__item:active,
[data-clg-mode="dark"]
  .wt-menu
  button.wt-menu__item:hover:not(:disabled):not([disabled="true"]):not(:active),
[data-clg-mode="dark"] .wt-menu button.wt-menu__item:active,
[data-clg-mode="dark"]
  .wt-menu
  li.wt-menu__item:hover:not(:disabled):not([disabled="true"]):not(:active),
[data-clg-mode="dark"] .wt-menu li.wt-menu__item:active,
[data-clg-mode="dark"]:not(.wt-focus-visible) .wt-menu a.wt-menu__item:focus,
[data-clg-mode="dark"]:not(.wt-focus-visible)
  .wt-menu
  button.wt-menu__item:focus,
[data-clg-mode="dark"]:not(.wt-focus-visible) .wt-menu li.wt-menu__item:focus {
  background: var(
    --clg-color-app-button-transparent-on-surface-dark-hovered-background,
    #ffffff21
  );
}

[data-clg-mode="dark"] .wt-text-slime {
  color: var(--clg-color-sem-text-promote, #4e7728) !important;
}

[data-clg-mode="dark"] .wt-alert.wt-alert--status-02 {
  color: #010101;
  background-color: #e2d3bd;
  border-color: #0000001a;
}

[data-clg-mode="dark"]
  .wt-alert.wt-alert--status-02
  .wt-input:not([aria-invalid="true"]) {
  color: var(--clg-color-sem-text-on-surface-light, #312b36);
}

[data-clg-mode="dark"]
  .wt-alert.wt-alert--status-02
  .wt-input:not([aria-invalid="true"]):hover {
  border-color: var(--clg-color-pal-transparent-black-500, #2314109e);
}

[data-clg-mode="dark"] .wt-alert.wt-alert--status-02 .wt-validation__message {
  color: var(--clg-color-pal-red-850, #8e0c21);
}

[data-clg-mode="dark"] .wt-toast.wt-toast--success-01 {
  color: var(--clg-color-sem-text-on-surface-dark, #faf8f5);
}

[data-clg-mode="dark"] .confirm-delete-dialog {
  background-color: #303030e6;
}

[data-clg-mode="dark"] .checkout-purchase-accept-terms-link {
  color: #829cee !important;
  font-weight: 700 !important;
}

[data-clg-mode="dark"] .dark-mode__paypal.dark-mode__paypal--dark {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%22286.048%22 height%3D%2276.225%22 viewBox%3D%22121.565 23.381 286.048 76.225%22%3E%3Cg fill%3D%22%23010101%22%3E%3Cpath d%3D%22M314.585 23.381h-22.25a3.091 3.091 0 00-3.053 2.609l-8.998 57.053a1.855 1.855 0 001.832 2.146h11.416a2.163 2.163 0 002.137-1.827l2.553-16.175a3.089 3.089 0 013.054-2.609h7.041c14.655 0 23.113-7.093 25.324-21.151.995-6.147.04-10.979-2.839-14.36-3.164-3.72-8.773-5.686-16.217-5.686zm2.568 20.837c-1.216 7.987-7.315 7.987-13.216 7.987h-3.355l2.354-14.912c.143-.9.92-1.564 1.832-1.564h1.539c4.016 0 7.811 0 9.766 2.288 1.169 1.368 1.523 3.397 1.08 6.201zM155.89 23.381h-22.25a3.093 3.093 0 00-3.054 2.609l-8.998 57.053a1.857 1.857 0 001.833 2.146h10.624a3.093 3.093 0 003.054-2.61l2.428-15.392a3.09 3.09 0 013.053-2.609h7.041c14.656 0 23.114-7.093 25.325-21.151.995-6.147.04-10.979-2.838-14.36-3.167-3.72-8.775-5.686-16.218-5.686zm2.567 20.837c-1.216 7.987-7.316 7.987-13.215 7.987h-3.357l2.354-14.912c.143-.9.919-1.564 1.832-1.564h1.539c4.016 0 7.81 0 9.765 2.288 1.17 1.368 1.524 3.397 1.082 6.201zM222.393 43.963H211.74c-.912 0-1.689.664-1.832 1.566l-.469 2.979-.745-1.078c-2.308-3.351-7.45-4.469-12.585-4.469-11.77 0-21.826 8.92-23.783 21.432-1.019 6.24.427 12.205 3.966 16.367 3.251 3.825 7.891 5.417 13.419 5.417 9.487 0 14.75-6.096 14.75-6.096l-.476 2.962a1.855 1.855 0 001.832 2.146h9.595a3.092 3.092 0 003.053-2.609l5.761-36.473a1.856 1.856 0 00-1.833-2.144zm-14.849 20.738c-1.028 6.088-5.861 10.174-12.025 10.174-3.09 0-5.564-.994-7.154-2.875-1.576-1.866-2.169-4.523-1.669-7.483.959-6.033 5.87-10.252 11.94-10.252 3.025 0 5.482 1.004 7.103 2.902 1.632 1.913 2.273 4.588 1.805 7.534zM381.089 43.963h-10.653c-.913 0-1.69.664-1.832 1.566l-.47 2.979-.744-1.078c-2.309-3.351-7.45-4.469-12.585-4.469-11.771 0-21.826 8.92-23.782 21.432-1.02 6.24.428 12.205 3.966 16.367 3.251 3.825 7.892 5.417 13.419 5.417 9.487 0 14.75-6.096 14.75-6.096l-.476 2.962a1.854 1.854 0 001.832 2.146h9.595a3.093 3.093 0 003.053-2.609l5.76-36.473a1.855 1.855 0 00-1.833-2.144zm-14.847 20.738c-1.029 6.088-5.861 10.174-12.025 10.174-3.092 0-5.564-.994-7.155-2.875-1.575-1.866-2.169-4.523-1.669-7.483.96-6.033 5.869-10.252 11.939-10.252 3.024 0 5.481 1.004 7.104 2.902 1.63 1.913 2.272 4.588 1.806 7.534zM279.139 43.963H268.43a3.099 3.099 0 00-2.558 1.355L251.1 67.075l-6.261-20.906a3.093 3.093 0 00-2.961-2.206h-10.527a1.856 1.856 0 00-1.756 2.454l11.792 34.612-11.091 15.648c-.871 1.229.008 2.928 1.514 2.928h10.697a3.09 3.09 0 002.541-1.33l35.615-51.4c.852-1.23-.029-2.912-1.524-2.912zM393.647 24.948l-9.133 58.097a1.856 1.856 0 001.832 2.145h9.185a3.095 3.095 0 003.055-2.609l9.004-57.053a1.855 1.855 0 00-1.832-2.145H395.48a1.852 1.852 0 00-1.833 1.565z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

[data-clg-mode="dark"]
  .wt-overlay--has-close-icon
  .wt-btn.wt-btn--transparent.wt-overlay__close-icon {
  --wt-btn-text-color: var(
    --clg-color-app-button-transparent-on-surface-subtle-text,
    #312b36
  ) !important;
  --wt-btn-text-color-hover: var(
    --clg-color-app-button-transparent-on-surface-subtle-text,
    #312b36
  ) !important;
  --wt-btn-border-color: var(
    --clg-color-app-button-transparent-on-surface-subtle-border,
    #0000
  ) !important;
  --wt-btn-border-color-hover: var(
    --clg-color-app-button-transparent-on-surface-subtle-hovered-border,
    #0000
  ) !important;
  --wt-btn-bg-color: var(
    --clg-color-app-button-transparent-on-surface-subtle-background,
    #0000
  ) !important;
  --wt-btn-bg-color-hover: var(
    --clg-color-app-button-transparent-on-surface-subtle-hovered-background,
    #3314000d
  ) !important
;
}

[data-clg-mode="dark"] #donate-the-change-overlay {
  color: var(--clg-color-sem-text-on-surface-light, #312b36) !important;
}

[data-clg-mode="dark"]
  .wt-input-btn-group
  .wt-input-btn-group__btn.wt-input-btn-group__btn--filled {
  color: var(--clg-color-app-button-primary-on-surface-subtle-text);
  background: var(
    --clg-color-app-button-primary-on-surface-subtle-background
  ) !important;
  border-color: var(
    --clg-color-app-button-primary-on-surface-subtle-background
  ) !important;
}

[data-clg-mode="dark"]
  .wt-input-btn-group
  .wt-input-btn-group__btn.wt-input-btn-group__btn--filled:after {
  background: var(
    --clg-color-app-button-primary-on-surface-subtle-background
  ) !important;
}

[data-clg-mode="dark"]
  .wt-input-btn-group
  .wt-input-btn-group__btn.wt-input-btn-group__btn--filled:hover:after {
  background: var(
    --clg-color-app-button-primary-on-surface-subtle-hovered-background
  );
}

a:active,
a:hover,
select:focus {
  outline: 0;
}

:host([pseudo-focus]) :where(clg-focusable-scroll-container) {
  outline: var(
      --clg-focus-ring-width,
      var(--clg-shape-sem-border-width-focused, 2px)
    )
    solid
    var(--clg-focus-ring-color, var(--clg-color-sem-border-focused, #426bdb));
  outline-offset: var(
    --clg-focus-ring-offset,
    var(--clg-shape-sem-border-width-focused, 2px)
  );
}

:where(clg-focusable-scroll-container):focus {
  outline: var(
      --clg-focus-ring-width,
      var(--clg-shape-sem-border-width-focused, 2px)
    )
    solid
    var(--clg-focus-ring-color, var(--clg-color-sem-border-focused, #426bdb));
  outline-offset: var(
    --clg-focus-ring-offset,
    var(--clg-shape-sem-border-width-focused, 2px)
  );
}

:host([pseudo-focus-visible]) :where(clg-focusable-scroll-container) {
  outline: var(
      --clg-focus-ring-width,
      var(--clg-shape-sem-border-width-focused, 2px)
    )
    solid
    var(--clg-focus-ring-color, var(--clg-color-sem-border-focused, #426bdb));
  outline-offset: var(
    --clg-focus-ring-offset,
    var(--clg-shape-sem-border-width-focused, 2px)
  );
}

:where(clg-focusable-scroll-container):focus-visible {
  outline: var(
      --clg-focus-ring-width,
      var(--clg-shape-sem-border-width-focused, 2px)
    )
    solid
    var(--clg-focus-ring-color, var(--clg-color-sem-border-focused, #426bdb));
  outline-offset: var(
    --clg-focus-ring-offset,
    var(--clg-shape-sem-border-width-focused, 2px)
  );
}

:host([pseudo-focus])
  :where(clg-focusable-scroll-container):not(:focus-visible) {
  outline: none;
}

:where(clg-focusable-scroll-container):focus:not(:focus-visible) {
  outline: none;
}

@keyframes hideBriefly {
  0%,
  to {
    opacity: 0;
  }
}

body {
  font-family: var(
    --clg-typography-pal-family-sans-serif-regular,
    "ABCDiatype",
    "-apple-system",
    "Helvetica Neue",
    "Droid Sans",
    "Arial",
    "sans-serif"
  );
  font-variant-numeric: lining-nums;
}

button {
  font-variant-numeric: lining-nums;
}

a {
  color: var(--clg-color-sem-text-primary, #312b36);
}

.wt-alert {
  padding: var(--clg-dimension-pal-spacing-300, 18px);
  border: 1px var(--clg-color-pal-transparent-black-150, #33140030) solid;
  color: inherit;
  position: relative;
}

.wt-alert .wt-alert__content {
  margin-right: calc(
    var(--clg-dimension-app-button-small-height, 36px) +
      var(--clg-dimension-pal-spacing-100, 6px)
  );
}

.wt-alert .wt-alert__close-btn {
  right: var(--clg-dimension-pal-spacing-300, 18px);
  top: var(--clg-dimension-pal-spacing-300, 18px);
  position: absolute;
}

.wt-alert .wt-alert__close-btn .etsy-icon,
.wt-alert .wt-alert__close-btn .wt-icon,
.wt-alert .wt-alert__close .etsy-icon,
.wt-alert .wt-alert__close .wt-icon {
  fill: var(--clg-color-app-button-transparent-on-surface-light-text, #312b36);
}

.wt-alert.wt-alert--success-01 {
  background-color: var(
    --clg-color-sem-background-surface-success-dark,
    #4e7728
  );
  color: var(--clg-color-sem-text-on-surface-dark, #faf8f5);
}

.wt-alert.wt-alert--success-01 .wt-alert__close-btn .etsy-icon,
.wt-alert.wt-alert--success-01 .wt-alert__close-btn .wt-icon,
.wt-alert.wt-alert--success-01 .wt-alert__close .etsy-icon,
.wt-alert.wt-alert--success-01 .wt-alert__close .wt-icon {
  fill: var(--clg-color-app-button-transparent-on-surface-dark-text, #faf8f5);
}

.wt-alert.wt-alert--success-02 {
  background-color: var(--clg-color-pal-new-orange-300, #fcc7a2);
}

.wt-alert.wt-alert--status-01 {
  background-color: var(
    --clg-color-sem-background-surface-informational-subtle,
    #efecea
  );
  color: var(--clg-color-sem-text-primary, #312b36);
}

.wt-alert.wt-alert--status-01 .wt-alert__close-btn .etsy-icon,
.wt-alert.wt-alert--status-01 .wt-alert__close-btn .wt-icon,
.wt-alert.wt-alert--status-01 .wt-alert__close .etsy-icon,
.wt-alert.wt-alert--status-01 .wt-alert__close .wt-icon {
  fill: var(--clg-color-app-button-transparent-on-surface-light-text, #312b36);
}

.wt-alert.wt-alert--status-02 {
  background-color: var(
    --clg-color-sem-background-surface-warning-light,
    #ffc340
  );
  color: var(--clg-color-sem-text-on-surface-light, #312b36);
}

.wt-alert.wt-alert--error-01 {
  background-color: var(
    --clg-color-sem-background-surface-critical-dark,
    #c7102f
  );
  color: var(--clg-color-sem-text-on-surface-dark, #faf8f5);
}

.wt-alert.wt-alert--error-01 a {
  color: var(--clg-color-sem-text-on-surface-dark, #faf8f5);
}

.wt-alert.wt-alert--error-01 .wt-alert__close-btn .etsy-icon,
.wt-alert.wt-alert--error-01 .wt-alert__close-btn .wt-icon,
.wt-alert.wt-alert--error-01 .wt-alert__close .etsy-icon,
.wt-alert.wt-alert--error-01 .wt-alert__close .wt-icon {
  fill: var(--clg-color-app-button-transparent-on-surface-dark-text, #faf8f5);
}

.wt-alert.wt-alert--inline,
.wt-alert.wt-alert--fixed-floating {
  border-radius: var(--clg-shape-sem-border-radius-smaller, 4px);
}

.wt-alert.wt-alert--fixed-top,
.wt-alert.wt-alert--fixed-bottom {
  z-index: var(--clg-effect-pal-z-index-900, 90);
  position: fixed;
  left: 0;
  right: 0;
}

.wt-alert.wt-alert--fixed-top.wt-alert--fixed-floating,
.wt-alert.wt-alert--fixed-bottom.wt-alert--fixed-floating {
  margin: var(--clg-dimension-pal-spacing-200, 12px);
  max-width: calc(640px - var(--clg-dimension-pal-spacing-400, 24px));
  box-shadow: var(
    --clg-effect-sem-shadow-elevation-3,
    0px 8px 16px 0px #150a040a,
    0px 12px 20px 2px #150a040f
  );
}

@media only screen and (min-width: 640px) {
  .wt-alert.wt-alert--fixed-top.wt-alert--fixed-floating,
  .wt-alert.wt-alert--fixed-bottom.wt-alert--fixed-floating {
    margin-left: auto;
    margin-right: auto;
    margin-top: var(--clg-dimension-pal-spacing-400, 24px);
    margin-bottom: var(--clg-dimension-pal-spacing-400, 24px);
  }
}

.wt-alert.wt-alert--fixed-top {
  top: 0;
}

.wt-alert.wt-alert--fixed-bottom {
  bottom: 0;
}

.wt-alert .wt-alert__close {
  float: right;
  margin-left: var(--clg-dimension-pal-spacing-100, 6px);
  margin-bottom: var(--clg-dimension-pal-spacing-100, 6px);
}

.wt-animated {
  animation-duration: var(--clg-effect-pal-duration-300, 0.3s);
  animation-timing-function: ease-in;
  animation-fill-mode: both;
}

.wt-animated--slide-from-top,
.wt-animated--slide-from-right,
.wt-animated--slide-from-bottom,
.wt-animated--slide-from-left,
.wt-animated--slide-to-top,
.wt-animated--slide-to-right,
.wt-animated--slide-to-bottom,
.wt-animated--slide-to-left {
  animation-duration: var(--clg-effect-pal-duration-300, 0.3s);
  animation-timing-function: cubic-bezier(0.54, 0, 0.54, 1);
}

.wt-animated--slide-from-top {
  animation-name: web-toolkit-wt-animated--slide-from-top;
}

.wt-animated--slide-from-right {
  animation-name: web-toolkit-wt-animated--slide-from-right;
}

.wt-animated--slide-from-bottom {
  animation-name: web-toolkit-wt-animated--slide-from-bottom;
}

.wt-animated--slide-from-left {
  animation-name: web-toolkit-wt-animated--slide-from-left;
}

.wt-animated--slide-to-top {
  animation-name: web-toolkit-wt-animated--slide-to-top;
}

.wt-animated--slide-to-right {
  animation-name: web-toolkit-wt-animated--slide-to-right;
}

.wt-animated--slide-to-bottom {
  animation-name: web-toolkit-wt-animated--slide-to-bottom;
}

.wt-animated--slide-to-left {
  animation-name: web-toolkit-wt-animated--slide-to-left;
}

.wt-animated--is-hidden {
  opacity: 0;
  visibility: hidden;
}

.wt-animated--appear-01 {
  animation-name: web-toolkit-wt-animated--appear-01;
  animation-duration: var(--clg-effect-pal-duration-200, 0.2s);
  visibility: visible;
  animation-timing-function: ease-in;
}

.wt-animated--appear-02 {
  animation-name: web-toolkit-wt-animated--appear-02;
  animation-duration: var(--clg-effect-pal-duration-300, 0.3s);
  visibility: visible;
  animation-timing-function: cubic-bezier(0.175, 0.745, 0.425, 1.11);
}

.wt-animated--appear-02.wt-animated--appear-from-top {
  animation-name: web-toolkit-wt-animated--appear-02--from-top;
}

.wt-animated--appear-02.wt-animated--appear-from-right {
  animation-name: web-toolkit-wt-animated--appear-02--from-right;
}

.wt-animated--appear-02.wt-animated--appear-from-left {
  animation-name: web-toolkit-wt-animated--appear-02--from-left;
}

.wt-animated--appear-03 {
  animation-name: web-toolkit-wt-animated--appear-03;
  animation-duration: var(--clg-effect-pal-duration-600, 0.6s);
  visibility: visible;
  animation-timing-function: cubic-bezier(0.88, -0.98, 0.19, 2.04);
}

.wt-animated--appear-03.wt-animated--appear-from-top {
  animation-name: web-toolkit-wt-animated--appear-03--from-top;
}

.wt-animated--appear-03.wt-animated--appear-from-right {
  animation-name: web-toolkit-wt-animated--appear-03--from-right;
}

.wt-animated--appear-03.wt-animated--appear-from-left {
  animation-name: web-toolkit-wt-animated--appear-03--from-left;
}

.wt-animated--disappear-01 {
  animation-name: web-toolkit-wt-animated--disappear-01;
  animation-duration: var(--clg-effect-pal-duration-200, 0.2s);
  animation-timing-function: ease-in;
}

.wt-animated--disappear-02 {
  animation-name: web-toolkit-wt-animated--disappear-02;
  animation-duration: var(--clg-effect-pal-duration-300, 0.3s);
  animation-timing-function: cubic-bezier(0.175, 0.745, 0.425, 1.11);
}

.wt-animated--disappear-02.wt-animated--disappear-to-top {
  animation-name: web-toolkit-wt-animated--disappear-02--to-top;
}

.wt-animated--disappear-02.wt-animated--disappear-to-right {
  animation-name: web-toolkit-wt-animated--disappear-02--to-right;
}

.wt-animated--disappear-02.wt-animated--disappear-to-left {
  animation-name: web-toolkit-wt-animated--disappear-02--to-left;
}

.wt-animated--disappear-03 {
  animation-name: web-toolkit-wt-animated--disappear-03;
  animation-duration: var(--clg-effect-pal-duration-600, 0.6s);
  animation-timing-function: cubic-bezier(0.88, -0.98, 0.19, 2.04);
}

.wt-animated--disappear-03.wt-animated--disappear-to-top {
  animation-name: web-toolkit-wt-animated--disappear-03--to-top;
}

.wt-animated--disappear-03.wt-animated--disappear-to-right {
  animation-name: web-toolkit-wt-animated--disappear-03--to-right;
}

.wt-animated--disappear-03.wt-animated--disappear-to-left {
  animation-name: web-toolkit-wt-animated--disappear-03--to-left;
}

.wt-animated--sequential:nth-child(0) {
  animation-delay: calc(0 * var(--clg-effect-pal-duration-100, 0.1s));
}

.wt-animated--sequential:first-child {
  animation-delay: calc(1 * var(--clg-effect-pal-duration-100, 0.1s));
}

.wt-animated--sequential:nth-child(2) {
  animation-delay: calc(2 * var(--clg-effect-pal-duration-100, 0.1s));
}

.wt-animated--sequential:nth-child(3) {
  animation-delay: calc(3 * var(--clg-effect-pal-duration-100, 0.1s));
}

.wt-animated--sequential:nth-child(4) {
  animation-delay: calc(4 * var(--clg-effect-pal-duration-100, 0.1s));
}

.wt-animated--sequential:nth-child(5) {
  animation-delay: calc(5 * var(--clg-effect-pal-duration-100, 0.1s));
}

.wt-animated--sequential:nth-child(6) {
  animation-delay: calc(6 * var(--clg-effect-pal-duration-100, 0.1s));
}

.wt-animated--sequential:nth-child(7) {
  animation-delay: calc(7 * var(--clg-effect-pal-duration-100, 0.1s));
}

.wt-animated--sequential:nth-child(8) {
  animation-delay: calc(8 * var(--clg-effect-pal-duration-100, 0.1s));
}

.wt-animated--sequential:nth-child(9) {
  animation-delay: calc(9 * var(--clg-effect-pal-duration-100, 0.1s));
}

.wt-animated--sequential:nth-child(10) {
  animation-delay: calc(10 * var(--clg-effect-pal-duration-100, 0.1s));
}

.wt-btn {
  --wt-btn-bg-color: unset;
  --wt-btn-bg-color-hover: unset;
  --wt-btn-bg-color-active: unset;
  --wt-btn-border-color: unset;
  --wt-btn-border-color-hover: unset;
  --wt-btn-border-width: var(--clg-shape-sem-border-width-base, 2px);
  --wt-btn-text-color: unset;
  --wt-btn-text-color-hover: unset;
  --wt-btn-scale: scaleX(1) scaleY(1) perspective(1px);
  --wt-btn-scale-hover: scaleX(1.015) scaleY(1.035) perspective(1px);
  --wt-btn-scale-active: scale(0.99);
  --wt-btn-icon-size: unset;
  --wt-btn-size-width: var(--clg-dimension-sem-interaction-largest, 80px);
  color: var(--wt-btn-text-color);
  font-family: var(--clg-typography-sem-product-title-base-font-family);
  font-weight: var(--clg-typography-sem-product-title-base-font-weight);
  font-size: var(--clg-typography-sem-product-title-base-font-size);
  line-height: var(--clg-typography-sem-product-title-base-line-height);
  letter-spacing: var(--clg-typography-sem-product-title-base-letter-spacing);
  cursor: pointer;
  text-align: center;
  -webkit-tap-highlight-color: #0000;
  -webkit-appearance: none;
  border-radius: var(--clg-shape-app-button-border-radius, 24px);
  min-height: var(--clg-dimension-sem-interaction-base, 48px);
  min-width: var(--wt-btn-size-width);
  padding: var(--clg-dimension-app-button-padding-vertical, 12px)
    var(--clg-dimension-app-button-padding-horizontal, 18px);
  vertical-align: middle;
  z-index: var(--clg-effect-pal-z-index-100, 10);
  background: 0 0;
  border: none;
  outline: none;
  align-content: center;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.wt-btn:focus-visible .wt-btn.wt-is-focused {
  outline: 3px solid #0000;
}

.wt-btn--wrap-text {
  text-align: left;
  justify-content: center;
  align-items: center;
  gap: var(--clg-dimension-app-button-gap, 6px);
  --wt-btn-icon-size: var(--clg-dimension-sem-icon-core-base, 24px);
  display: flex;
}

.wt-btn--wrap-text .etsy-icon,
.wt-btn--wrap-text .wt-icon {
  width: var(--wt-btn-icon-size, 24px);
  height: var(--wt-btn-icon-size, 24px);
  flex-shrink: 0;
  align-self: center;
}

.wt-btn--wrap-text.wt-btn--small {
  --wt-btn-icon-size: var(--clg-dimension-sem-icon-core-smaller, 16px);
}

.wt-btn:before,
.wt-btn:after {
  content: "";
  border: var(--wt-btn-border-color) solid var(--wt-btn-border-width);
  border-radius: inherit;
  z-index: -1;
  transform: var(--wt-btn-scale) rotate(0.0001deg);
  -webkit-backface-visibility: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.wt-btn:before {
  border: #0000 solid var(--wt-btn-border-width);
  box-shadow: var(
    --clg-effect-app-button-floating-shadow,
    0px 0px 24px 4px #33140042
  );
  opacity: 0;
  transition:
    transform 0.2s cubic-bezier(0.345, 0.115, 0.135, 1.42),
    opacity 0.15s ease-out;
}

.wt-btn:after {
  background-color: var(--wt-btn-bg-color);
  border: var(--wt-btn-border-color) solid var(--wt-btn-border-width);
  transition:
    transform var(--clg-effect-pal-duration-200, 0.2s)
      cubic-bezier(0.345, 0.115, 0.135, 1.42),
    background 0.15s ease-out,
    box-shadow var(--clg-effect-pal-duration-200, 0.2s) ease-out;
}

.wt-btn:not(:disabled):not([aria-disabled="true"]):hover,
.wt-btn:not(:disabled):not([aria-disabled="true"]).wt-is-hovered {
  border-color: var(--wt-btn-border-color-hover);
  color: var(--wt-btn-text-color-hover);
  opacity: 1;
  text-decoration: none;
}

.wt-btn:not(:disabled):not([aria-disabled="true"]):hover:before,
.wt-btn:not(:disabled):not([aria-disabled="true"]).wt-is-hovered:before {
  transform: var(--wt-btn-scale-hover);
}

.wt-btn:not(:disabled):not([aria-disabled="true"]):hover:after,
.wt-btn:not(:disabled):not([aria-disabled="true"]).wt-is-hovered:after {
  border-color: var(--wt-btn-border-color-hover);
  background-color: var(--wt-btn-bg-color-hover);
  transform: var(--wt-btn-scale-hover);
}

.wt-btn:not(:disabled):not([aria-disabled="true"]).wt-is-focused {
  color: var(--wt-btn-text-color-hover);
  opacity: 1;
  text-decoration: none;
}

.wt-btn:not(:disabled):not([aria-disabled="true"]):focus-visible {
  color: var(--wt-btn-text-color-hover);
  opacity: 1;
  text-decoration: none;
}

.wt-btn:not(:disabled):not([aria-disabled="true"]).wt-is-focused:before {
  transform: var(--wt-btn-scale-hover);
}

.wt-btn:not(:disabled):not([aria-disabled="true"]):focus-visible:before {
  transform: var(--wt-btn-scale-hover);
}

.wt-btn:not(:disabled):not([aria-disabled="true"]).wt-is-focused:after {
  border-color: var(--wt-btn-border-color-hover);
  background-color: var(--wt-btn-bg-color-hover);
  transform: var(--wt-btn-scale-hover);
}

.wt-btn:not(:disabled):not([aria-disabled="true"]):focus-visible:after {
  border-color: var(--wt-btn-border-color-hover);
  background-color: var(--wt-btn-bg-color-hover);
  transform: var(--wt-btn-scale-hover);
}

.wt-btn:not(:disabled):not([aria-disabled="true"]):active {
  opacity: 1;
  transform: var(--wt-btn-scale-active);
  text-decoration: none;
}

.wt-btn:not(:disabled):not([aria-disabled="true"]):active:after {
  border-color: var(--wt-btn-border-color-hover);
  background-color: var(--wt-btn-bg-color-active);
}

.wt-btn.wt-is-selected,
.wt-btn.wt-is-selected:before,
.wt-btn.wt-is-selected:after {
  cursor: default;
  transform: var(--wt-btn-scale-active);
}

.wt-btn:disabled,
.wt-btn.wt-is-disabled,
.wt-btn.wt-btn--is-loading,
.wt-btn[aria-disabled="true"] {
  cursor: not-allowed;
  opacity: 0.5;
}

.wt-btn:disabled.wt-btn--primary,
.wt-btn.wt-is-disabled.wt-btn--primary,
.wt-btn.wt-btn--is-loading.wt-btn--primary,
.wt-btn[aria-disabled="true"].wt-btn--primary {
  --wt-btn-text-color: var(
    --clg-color-app-button-primary-disabled-text,
    #faf8f5
  );
  --wt-btn-text-color-hover: var(
    --clg-color-app-button-primary-disabled-text,
    #faf8f5
  );
  --wt-btn-border-color: var(
    --clg-color-app-button-primary-disabled-border,
    #0000
  );
  --wt-btn-bg-color: var(
    --clg-color-app-button-primary-disabled-background,
    #c8bdb7
  );
}

.wt-btn:disabled.wt-btn--secondary,
.wt-btn.wt-is-disabled.wt-btn--secondary,
.wt-btn.wt-btn--is-loading.wt-btn--secondary,
.wt-btn[aria-disabled="true"].wt-btn--secondary {
  --wt-btn-text-color: var(
    --clg-color-app-button-secondary-disabled-text,
    #c8bdb7
  );
  --wt-btn-text-color-hover: var(
    --clg-color-app-button-secondary-disabled-text,
    #c8bdb7
  );
  --wt-btn-border-color: var(
    --clg-color-app-button-secondary-disabled-border,
    #c8bdb7
  );
  --wt-btn-bg-color: var(
    --clg-color-app-button-secondary-disabled-background,
    #0000
  );
}

.wt-btn:disabled.wt-btn--tertiary,
.wt-btn.wt-is-disabled.wt-btn--tertiary,
.wt-btn.wt-btn--is-loading.wt-btn--tertiary,
.wt-btn[aria-disabled="true"].wt-btn--tertiary {
  --wt-btn-text-color: var(
    --clg-color-app-button-tertiary-disabled-text,
    #c8bdb7
  );
  --wt-btn-text-color-hover: var(
    --clg-color-app-button-tertiary-disabled-text,
    #c8bdb7
  );
  --wt-btn-border-color: var(
    --clg-color-app-button-tertiary-disabled-border,
    #0000
  );
  --wt-btn-bg-color: var(
    --clg-color-app-button-tertiary-disabled-background,
    #3314000d
  );
}

.wt-btn.wt-no-hover:hover:before,
.wt-btn.wt-is-disabled:hover:before,
.wt-btn[aria-disabled="true"]:hover:before {
  opacity: 0;
}

.wt-btn.wt-no-hover:focus-visible:before {
  opacity: 0;
}

.wt-btn.wt-is-disabled:focus-visible:before {
  opacity: 0;
}

.wt-btn[aria-disabled="true"]:focus-visible:before {
  opacity: 0;
}

.wt-btn.wt-no-hover:hover:after,
.wt-btn.wt-is-disabled:hover:after,
.wt-btn[aria-disabled="true"]:hover:after {
  transform: scale(1);
}

.wt-btn.wt-no-hover:focus-visible:after {
  transform: scale(1);
}

.wt-btn.wt-is-disabled:focus-visible:after {
  transform: scale(1);
}

.wt-btn[aria-disabled="true"]:focus-visible:after {
  transform: scale(1);
}

.wt-btn.wt-btn {
  color: var(--wt-btn-text-color);
  text-decoration: none;
}

.wt-btn.wt-btn:hover,
.wt-btn.wt-btn:focus,
.wt-btn.wt-btn:active {
  color: var(--wt-btn-text-color-hover);
  text-decoration: none;
}

.wt-btn.wt-btn--small {
  font-family: var(--clg-typography-sem-product-title-small-font-family);
  font-weight: var(--clg-typography-sem-product-title-small-font-weight);
  font-size: var(--clg-typography-sem-product-title-small-font-size);
  line-height: var(--clg-typography-sem-product-title-small-line-height);
  letter-spacing: var(--clg-typography-sem-product-title-small-letter-spacing);
  min-height: var(--clg-dimension-sem-interaction-small, 36px);
  min-width: var(--clg-dimension-sem-interaction-small, 36px);
  padding: calc(
      var(--clg-dimension-pal-spacing-100, 6px) +
        var(--clg-dimension-pal-spacing-050, 3px)
    )
    var(--clg-dimension-app-button-small-padding-horizontal, 15px);
}

@media only screen and (min-width: 0) {
  .wt-btn.wt-btn--small-xs {
    font-family: var(--clg-typography-sem-product-title-small-font-family);
    font-weight: var(--clg-typography-sem-product-title-small-font-weight);
    font-size: var(--clg-typography-sem-product-title-small-font-size);
    line-height: var(--clg-typography-sem-product-title-small-line-height);
    letter-spacing: var(
      --clg-typography-sem-product-title-small-letter-spacing
    );
    min-height: var(--clg-dimension-sem-interaction-small, 36px);
    min-width: var(--clg-dimension-sem-interaction-small, 36px);
    padding: calc(
        var(--clg-dimension-pal-spacing-100, 6px) +
          var(--clg-dimension-pal-spacing-050, 3px)
      )
      var(--clg-dimension-app-button-small-padding-horizontal, 15px);
  }

  .wt-btn.wt-btn--base-xs {
    font-family: var(--clg-typography-sem-product-title-base-font-family);
    font-weight: var(--clg-typography-sem-product-title-base-font-weight);
    font-size: var(--clg-typography-sem-product-title-base-font-size);
    line-height: var(--clg-typography-sem-product-title-base-line-height);
    letter-spacing: var(--clg-typography-sem-product-title-base-letter-spacing);
    min-height: var(--clg-dimension-sem-interaction-base, 48px);
    min-width: var(--clg-dimension-sem-interaction-base, 48px);
    padding: var(--clg-dimension-app-button-padding-vertical, 12px)
      var(--clg-dimension-app-button-padding-horizontal, 18px);
  }
}

@media only screen and (min-width: 480px) {
  .wt-btn.wt-btn--small-sm {
    font-family: var(--clg-typography-sem-product-title-small-font-family);
    font-weight: var(--clg-typography-sem-product-title-small-font-weight);
    font-size: var(--clg-typography-sem-product-title-small-font-size);
    line-height: var(--clg-typography-sem-product-title-small-line-height);
    letter-spacing: var(
      --clg-typography-sem-product-title-small-letter-spacing
    );
    min-height: var(--clg-dimension-sem-interaction-small, 36px);
    min-width: var(--clg-dimension-sem-interaction-small, 36px);
    padding: calc(
        var(--clg-dimension-pal-spacing-100, 6px) +
          var(--clg-dimension-pal-spacing-050, 3px)
      )
      var(--clg-dimension-app-button-small-padding-horizontal, 15px);
  }

  .wt-btn.wt-btn--base-sm {
    font-family: var(--clg-typography-sem-product-title-base-font-family);
    font-weight: var(--clg-typography-sem-product-title-base-font-weight);
    font-size: var(--clg-typography-sem-product-title-base-font-size);
    line-height: var(--clg-typography-sem-product-title-base-line-height);
    letter-spacing: var(--clg-typography-sem-product-title-base-letter-spacing);
    min-height: var(--clg-dimension-sem-interaction-base, 48px);
    min-width: var(--clg-dimension-sem-interaction-base, 48px);
    padding: var(--clg-dimension-app-button-padding-vertical, 12px)
      var(--clg-dimension-app-button-padding-horizontal, 18px);
  }
}

@media only screen and (min-width: 640px) {
  .wt-btn.wt-btn--small-md {
    font-family: var(--clg-typography-sem-product-title-small-font-family);
    font-weight: var(--clg-typography-sem-product-title-small-font-weight);
    font-size: var(--clg-typography-sem-product-title-small-font-size);
    line-height: var(--clg-typography-sem-product-title-small-line-height);
    letter-spacing: var(
      --clg-typography-sem-product-title-small-letter-spacing
    );
    min-height: var(--clg-dimension-sem-interaction-small, 36px);
    min-width: var(--clg-dimension-sem-interaction-small, 36px);
    padding: calc(
        var(--clg-dimension-pal-spacing-100, 6px) +
          var(--clg-dimension-pal-spacing-050, 3px)
      )
      var(--clg-dimension-app-button-small-padding-horizontal, 15px);
  }

  .wt-btn.wt-btn--base-md {
    font-family: var(--clg-typography-sem-product-title-base-font-family);
    font-weight: var(--clg-typography-sem-product-title-base-font-weight);
    font-size: var(--clg-typography-sem-product-title-base-font-size);
    line-height: var(--clg-typography-sem-product-title-base-line-height);
    letter-spacing: var(--clg-typography-sem-product-title-base-letter-spacing);
    min-height: var(--clg-dimension-sem-interaction-base, 48px);
    min-width: var(--clg-dimension-sem-interaction-base, 48px);
    padding: var(--clg-dimension-app-button-padding-vertical, 12px)
      var(--clg-dimension-app-button-padding-horizontal, 18px);
  }
}

@media only screen and (min-width: 900px) {
  .wt-btn.wt-btn--small-lg {
    font-family: var(--clg-typography-sem-product-title-small-font-family);
    font-weight: var(--clg-typography-sem-product-title-small-font-weight);
    font-size: var(--clg-typography-sem-product-title-small-font-size);
    line-height: var(--clg-typography-sem-product-title-small-line-height);
    letter-spacing: var(
      --clg-typography-sem-product-title-small-letter-spacing
    );
    min-height: var(--clg-dimension-sem-interaction-small, 36px);
    min-width: var(--clg-dimension-sem-interaction-small, 36px);
    padding: calc(
        var(--clg-dimension-pal-spacing-100, 6px) +
          var(--clg-dimension-pal-spacing-050, 3px)
      )
      var(--clg-dimension-app-button-small-padding-horizontal, 15px);
  }

  .wt-btn.wt-btn--base-lg {
    font-family: var(--clg-typography-sem-product-title-base-font-family);
    font-weight: var(--clg-typography-sem-product-title-base-font-weight);
    font-size: var(--clg-typography-sem-product-title-base-font-size);
    line-height: var(--clg-typography-sem-product-title-base-line-height);
    letter-spacing: var(--clg-typography-sem-product-title-base-letter-spacing);
    min-height: var(--clg-dimension-sem-interaction-base, 48px);
    min-width: var(--clg-dimension-sem-interaction-base, 48px);
    padding: var(--clg-dimension-app-button-padding-vertical, 12px)
      var(--clg-dimension-app-button-padding-horizontal, 18px);
  }
}

@media only screen and (min-width: 1200px) {
  .wt-btn.wt-btn--small-xl {
    font-family: var(--clg-typography-sem-product-title-small-font-family);
    font-weight: var(--clg-typography-sem-product-title-small-font-weight);
    font-size: var(--clg-typography-sem-product-title-small-font-size);
    line-height: var(--clg-typography-sem-product-title-small-line-height);
    letter-spacing: var(
      --clg-typography-sem-product-title-small-letter-spacing
    );
    min-height: var(--clg-dimension-sem-interaction-small, 36px);
    min-width: var(--clg-dimension-sem-interaction-small, 36px);
    padding: calc(
        var(--clg-dimension-pal-spacing-100, 6px) +
          var(--clg-dimension-pal-spacing-050, 3px)
      )
      var(--clg-dimension-app-button-small-padding-horizontal, 15px);
  }

  .wt-btn.wt-btn--base-xl {
    font-family: var(--clg-typography-sem-product-title-base-font-family);
    font-weight: var(--clg-typography-sem-product-title-base-font-weight);
    font-size: var(--clg-typography-sem-product-title-base-font-size);
    line-height: var(--clg-typography-sem-product-title-base-line-height);
    letter-spacing: var(--clg-typography-sem-product-title-base-letter-spacing);
    min-height: var(--clg-dimension-sem-interaction-base, 48px);
    min-width: var(--clg-dimension-sem-interaction-base, 48px);
    padding: var(--clg-dimension-app-button-padding-vertical, 12px)
      var(--clg-dimension-app-button-padding-horizontal, 18px);
  }
}

@media only screen and (min-width: 1400px) {
  .wt-btn.wt-btn--small-tv {
    font-family: var(--clg-typography-sem-product-title-small-font-family);
    font-weight: var(--clg-typography-sem-product-title-small-font-weight);
    font-size: var(--clg-typography-sem-product-title-small-font-size);
    line-height: var(--clg-typography-sem-product-title-small-line-height);
    letter-spacing: var(
      --clg-typography-sem-product-title-small-letter-spacing
    );
    min-height: var(--clg-dimension-sem-interaction-small, 36px);
    min-width: var(--clg-dimension-sem-interaction-small, 36px);
    padding: calc(
        var(--clg-dimension-pal-spacing-100, 6px) +
          var(--clg-dimension-pal-spacing-050, 3px)
      )
      var(--clg-dimension-app-button-small-padding-horizontal, 15px);
  }

  .wt-btn.wt-btn--base-tv {
    font-family: var(--clg-typography-sem-product-title-base-font-family);
    font-weight: var(--clg-typography-sem-product-title-base-font-weight);
    font-size: var(--clg-typography-sem-product-title-base-font-size);
    line-height: var(--clg-typography-sem-product-title-base-line-height);
    letter-spacing: var(--clg-typography-sem-product-title-base-letter-spacing);
    min-height: var(--clg-dimension-sem-interaction-base, 48px);
    min-width: var(--clg-dimension-sem-interaction-base, 48px);
    padding: var(--clg-dimension-app-button-padding-vertical, 12px)
      var(--clg-dimension-app-button-padding-horizontal, 18px);
  }
}

.wt-btn.wt-btn--primary,
.wt-btn.wt-btn--filled {
  --wt-btn-text-color: var(--clg-color-sem-text-on-surface-strong, #faf8f5);
  --wt-btn-text-color-hover: var(
    --clg-color-sem-text-on-surface-strong,
    #faf8f5
  );
  --wt-btn-border-color: var(--clg-color-app-button-primary-border, #0000);
  --wt-btn-border-color-hover: var(
    --clg-color-app-button-primary-hovered-border,
    #0000
  );
  --wt-btn-border-width: var(--clg-shape-app-button-primary-border-width, 0px);
  --wt-btn-bg-color: var(--clg-color-app-button-primary-background, #312b36);
  --wt-btn-bg-color-hover: var(
    --clg-color-app-button-primary-hovered-background,
    #534d4c
  );
  --wt-btn-bg-color-active: var(
    --clg-color-app-button-primary-pressed-background,
    #605957
  );
}

.wt-btn.wt-btn--primary.wt-is-focused:after,
.wt-btn.wt-btn--filled.wt-is-focused:after {
  box-shadow:
    0 0 0 var(--clg-shape-pal-border-width-200, 2px)
      var(--clg-color-sem-background-elevation-0, #faf8f5),
    0 0 0 var(--clg-shape-pal-border-width-300, 4px)
      var(--clg-color-sem-border-focused, #426bdb),
    0 0 0 var(--clg-shape-pal-border-width-400, 6px)
      var(--clg-color-sem-background-elevation-0, #faf8f5);
}

.wt-btn.wt-btn--primary:focus-visible:after {
  box-shadow:
    0 0 0 var(--clg-shape-pal-border-width-200, 2px)
      var(--clg-color-sem-background-elevation-0, #faf8f5),
    0 0 0 var(--clg-shape-pal-border-width-300, 4px)
      var(--clg-color-sem-border-focused, #426bdb),
    0 0 0 var(--clg-shape-pal-border-width-400, 6px)
      var(--clg-color-sem-background-elevation-0, #faf8f5);
}

.wt-btn.wt-btn--filled:focus-visible:after {
  box-shadow:
    0 0 0 var(--clg-shape-pal-border-width-200, 2px)
      var(--clg-color-sem-background-elevation-0, #faf8f5),
    0 0 0 var(--clg-shape-pal-border-width-300, 4px)
      var(--clg-color-sem-border-focused, #426bdb),
    0 0 0 var(--clg-shape-pal-border-width-400, 6px)
      var(--clg-color-sem-background-elevation-0, #faf8f5);
}

.wt-btn.wt-btn--primary.wt-is-selected,
.wt-btn.wt-btn--primary.wt-is-selected:before,
.wt-btn.wt-btn--primary.wt-is-selected:after,
.wt-btn.wt-btn--filled.wt-is-selected,
.wt-btn.wt-btn--filled.wt-is-selected:before,
.wt-btn.wt-btn--filled.wt-is-selected:after {
  --wt-btn-bg-color: var(
    --clg-color-app-button-primary-pressed-background,
    #605957
  );
}

.wt-btn.wt-btn--primary.wt-btn--light,
.wt-btn.wt-btn--filled.wt-btn--light {
  --wt-btn-text-color: var(
    --clg-color-app-button-primary-on-surface-dark-text,
    #312b36
  );
  --wt-btn-text-color-hover: var(
    --clg-color-app-button-primary-on-surface-dark-text,
    #312b36
  );
  --wt-btn-border-color: var(
    --clg-color-app-button-primary-on-surface-dark-border,
    #0000
  );
  --wt-btn-border-color-hover: var(
    --clg-color-app-button-primary-on-surface-dark-hovered-border,
    #0000
  );
  --wt-btn-border-width: var(--clg-shape-app-button-primary-border-width, 0px);
  --wt-btn-bg-color: var(
    --clg-color-app-button-primary-on-surface-dark-background,
    #faf8f5
  );
  --wt-btn-bg-color-hover: var(
    --clg-color-app-button-primary-on-surface-dark-hovered-background,
    #d5cdc8
  );
  --wt-btn-bg-color-active: var(
    --clg-color-app-button-primary-pressed-background,
    #605957
  );
}

.wt-btn.wt-btn--primary.wt-btn--light.wt-is-focused:after,
.wt-btn.wt-btn--filled.wt-btn--light.wt-is-focused:after {
  box-shadow:
    0 0 0 var(--clg-shape-pal-border-width-200, 2px)
      var(--clg-color-sem-border-focused, #426bdb),
    0 0 0 var(--clg-shape-pal-border-width-300, 4px)
      var(--clg-color-sem-background-elevation-0, #faf8f5);
}

.wt-btn.wt-btn--primary.wt-btn--light:focus-visible:after {
  box-shadow:
    0 0 0 var(--clg-shape-pal-border-width-200, 2px)
      var(--clg-color-sem-border-focused, #426bdb),
    0 0 0 var(--clg-shape-pal-border-width-300, 4px)
      var(--clg-color-sem-background-elevation-0, #faf8f5);
}

.wt-btn.wt-btn--filled.wt-btn--light:focus-visible:after {
  box-shadow:
    0 0 0 var(--clg-shape-pal-border-width-200, 2px)
      var(--clg-color-sem-border-focused, #426bdb),
    0 0 0 var(--clg-shape-pal-border-width-300, 4px)
      var(--clg-color-sem-background-elevation-0, #faf8f5);
}

.wt-btn.wt-btn--secondary,
.wt-btn.wt-btn--outline {
  --wt-btn-text-color: var(--clg-color-sem-text-on-surface-subtle, #312b36);
  --wt-btn-text-color-hover: var(
    --clg-color-sem-text-on-surface-subtle,
    #312b36
  );
  --wt-btn-border-color: var(--clg-color-app-button-secondary-border, #312b36);
  --wt-btn-border-color-hover: var(
    --clg-color-app-button-secondary-hovered-border,
    #312b36
  );
  --wt-btn-border-width: var(
    --clg-shape-app-button-secondary-border-width,
    1px
  );
  --wt-btn-bg-color: var(--clg-color-app-button-secondary-background, #0000);
  --wt-btn-bg-color-hover: var(
    --clg-color-app-button-secondary-hovered-background,
    #3314000d
  );
  --wt-btn-bg-color-active: var(
    --clg-color-app-button-secondary-pressed-background,
    #33140030
  );
}

.wt-btn.wt-btn--secondary.wt-is-focused:after,
.wt-btn.wt-btn--outline.wt-is-focused:after {
  box-shadow:
    0 0 0 var(--clg-shape-pal-border-width-200, 2px)
      var(--clg-color-sem-background-elevation-0, #faf8f5),
    0 0 0 var(--clg-shape-pal-border-width-300, 4px)
      var(--clg-color-sem-border-focused, #426bdb);
}

.wt-btn.wt-btn--secondary:focus-visible:after {
  box-shadow:
    0 0 0 var(--clg-shape-pal-border-width-200, 2px)
      var(--clg-color-sem-background-elevation-0, #faf8f5),
    0 0 0 var(--clg-shape-pal-border-width-300, 4px)
      var(--clg-color-sem-border-focused, #426bdb);
}

.wt-btn.wt-btn--outline:focus-visible:after {
  box-shadow:
    0 0 0 var(--clg-shape-pal-border-width-200, 2px)
      var(--clg-color-sem-background-elevation-0, #faf8f5),
    0 0 0 var(--clg-shape-pal-border-width-300, 4px)
      var(--clg-color-sem-border-focused, #426bdb);
}

.wt-btn.wt-btn--secondary.wt-is-selected,
.wt-btn.wt-btn--secondary.wt-is-selected:before,
.wt-btn.wt-btn--secondary.wt-is-selected:after,
.wt-btn.wt-btn--outline.wt-is-selected,
.wt-btn.wt-btn--outline.wt-is-selected:before,
.wt-btn.wt-btn--outline.wt-is-selected:after {
  --wt-btn-bg-color: var(
    --clg-color-app-button-secondary-pressed-background,
    #33140030
  );
}

.wt-btn.wt-btn--secondary.wt-btn--light,
.wt-btn.wt-btn--outline.wt-btn--light {
  --wt-btn-text-color: var(
    --clg-color-app-button-secondary-on-surface-dark-text,
    #faf8f5
  );
  --wt-btn-text-color-hover: var(
    --clg-color-app-button-secondary-on-surface-dark-text,
    #faf8f5
  );
  --wt-btn-border-color: var(
    --clg-color-app-button-secondary-on-surface-dark-border,
    #faf8f5
  );
  --wt-btn-border-color-hover: var(
    --clg-color-app-button-secondary-on-surface-dark-hovered-border,
    #faf8f5
  );
  --wt-btn-border-width: var(
    --clg-shape-app-button-secondary-border-width,
    1px
  );
  --wt-btn-bg-color: var(
    --clg-color-app-button-secondary-on-surface-dark-background,
    #0000
  );
  --wt-btn-bg-color-hover: var(
    --clg-color-app-button-secondary-on-surface-dark-hovered-background,
    #ffffff21
  );
  --wt-btn-bg-color-active: var(
    --clg-color-app-button-secondary-pressed-background,
    #33140030
  );
}

.wt-btn.wt-btn--secondary.wt-btn--light.wt-is-focused:after,
.wt-btn.wt-btn--outline.wt-btn--light.wt-is-focused:after {
  box-shadow:
    0 0 0 var(--clg-shape-pal-border-width-200, 2px)
      var(--clg-color-sem-border-focused, #426bdb),
    0 0 0 var(--clg-shape-pal-border-width-300, 4px)
      var(--clg-color-sem-background-elevation-0, #faf8f5);
}

.wt-btn.wt-btn--secondary.wt-btn--light:focus-visible:after {
  box-shadow:
    0 0 0 var(--clg-shape-pal-border-width-200, 2px)
      var(--clg-color-sem-border-focused, #426bdb),
    0 0 0 var(--clg-shape-pal-border-width-300, 4px)
      var(--clg-color-sem-background-elevation-0, #faf8f5);
}

.wt-btn.wt-btn--outline.wt-btn--light:focus-visible:after {
  box-shadow:
    0 0 0 var(--clg-shape-pal-border-width-200, 2px)
      var(--clg-color-sem-border-focused, #426bdb),
    0 0 0 var(--clg-shape-pal-border-width-300, 4px)
      var(--clg-color-sem-background-elevation-0, #faf8f5);
}

.wt-btn.wt-btn--tertiary {
  --wt-btn-text-color: var(--clg-color-sem-text-on-surface-subtle, #312b36);
  --wt-btn-text-color-hover: var(
    --clg-color-sem-text-on-surface-subtle,
    #312b36
  );
  --wt-btn-border-color: var(--clg-color-app-button-tertiary-border, #0000);
  --wt-btn-border-color-hover: var(
    --clg-color-app-button-tertiary-hovered-border,
    #0000
  );
  --wt-btn-border-width: var(--clg-shape-app-button-tertiary-border-width, 0px);
  --wt-btn-bg-color: var(--clg-color-app-button-tertiary-background, #3314000d);
  --wt-btn-bg-color-hover: var(
    --clg-color-app-button-tertiary-hovered-background,
    #33140030
  );
  --wt-btn-bg-color-active: var(
    --clg-color-app-button-tertiary-pressed-background,
    #33140042
  );
}

.wt-btn.wt-btn--tertiary.wt-is-focused:after {
  box-shadow:
    0 0 0 var(--clg-shape-pal-border-width-200, 2px)
      var(--clg-color-sem-background-elevation-0, #faf8f5),
    0 0 0 var(--clg-shape-pal-border-width-300, 4px)
      var(--clg-color-sem-border-focused, #426bdb);
}

.wt-btn.wt-btn--tertiary:focus-visible:after {
  box-shadow:
    0 0 0 var(--clg-shape-pal-border-width-200, 2px)
      var(--clg-color-sem-background-elevation-0, #faf8f5),
    0 0 0 var(--clg-shape-pal-border-width-300, 4px)
      var(--clg-color-sem-border-focused, #426bdb);
}

.wt-btn.wt-btn--tertiary.wt-is-selected,
.wt-btn.wt-btn--tertiary.wt-is-selected:before,
.wt-btn.wt-btn--tertiary.wt-is-selected:after {
  --wt-btn-bg-color: var(
    --clg-color-app-button-tertiary-pressed-background,
    #33140042
  );
}

.wt-btn.wt-btn--tertiary.wt-btn--light {
  --wt-btn-text-color: var(
    --clg-color-app-button-tertiary-on-surface-dark-text,
    #faf8f5
  );
  --wt-btn-text-color-hover: var(
    --clg-color-app-button-tertiary-on-surface-dark-text,
    #faf8f5
  );
  --wt-btn-border-color: var(
    --clg-color-app-button-tertiary-on-surface-dark-border,
    #0000
  );
  --wt-btn-border-color-hover: var(
    --clg-color-app-button-tertiary-on-surface-dark-hovered-border,
    #0000
  );
  --wt-btn-border-width: var(--clg-shape-app-button-tertiary-border-width, 0px);
  --wt-btn-bg-color: var(
    --clg-color-app-button-tertiary-on-surface-dark-background,
    #ffffff21
  );
  --wt-btn-bg-color-hover: var(
    --clg-color-app-button-tertiary-on-surface-dark-hovered-background,
    #ffffff61
  );
  --wt-btn-bg-color-active: var(
    --clg-color-app-button-tertiary-pressed-background,
    #33140042
  );
}

.wt-btn.wt-btn--tertiary.wt-btn--light.wt-is-focused:after {
  box-shadow:
    0 0 0 var(--clg-shape-pal-border-width-200, 2px)
      var(--clg-color-sem-border-focused, #426bdb),
    0 0 0 var(--clg-shape-pal-border-width-300, 4px)
      var(--clg-color-sem-background-elevation-0, #faf8f5);
}

.wt-btn.wt-btn--tertiary.wt-btn--light:focus-visible:after {
  box-shadow:
    0 0 0 var(--clg-shape-pal-border-width-200, 2px)
      var(--clg-color-sem-border-focused, #426bdb),
    0 0 0 var(--clg-shape-pal-border-width-300, 4px)
      var(--clg-color-sem-background-elevation-0, #faf8f5);
}

.wt-btn.wt-btn--transparent {
  --wt-btn-text-color: var(--clg-color-sem-text-on-surface-subtle, #312b36);
  --wt-btn-text-color-hover: var(
    --clg-color-sem-text-on-surface-subtle,
    #312b36
  );
  --wt-btn-border-color: var(--clg-color-app-button-transparent-border, #0000);
  --wt-btn-border-color-hover: var(
    --clg-color-app-button-transparent-hovered-border,
    #0000
  );
  --wt-btn-border-width: var(
    --clg-shape-app-button-transparent-border-width,
    0px
  );
  --wt-btn-bg-color: var(--clg-color-app-button-transparent-background, #0000);
  --wt-btn-bg-color-hover: var(
    --clg-color-app-button-transparent-hovered-background,
    #3314000d
  );
  --wt-btn-bg-color-active: var(
    --clg-color-app-button-transparent-pressed-background,
    #33140030
  );
  --wt-btn-scale: scaleX(0.7) scaleY(0.7) perspective(1px);
}

.wt-btn.wt-btn--transparent:before {
  box-shadow: none;
}

.wt-btn.wt-btn--transparent.wt-is-focused:after {
  box-shadow:
    0 0 0 var(--clg-shape-pal-border-width-200, 2px)
      var(--clg-color-sem-background-elevation-0, #faf8f5),
    0 0 0 var(--clg-shape-pal-border-width-300, 4px)
      var(--clg-color-sem-border-focused, #426bdb);
}

.wt-btn.wt-btn--transparent:focus-visible:after {
  box-shadow:
    0 0 0 var(--clg-shape-pal-border-width-200, 2px)
      var(--clg-color-sem-background-elevation-0, #faf8f5),
    0 0 0 var(--clg-shape-pal-border-width-300, 4px)
      var(--clg-color-sem-border-focused, #426bdb);
}

.wt-btn.wt-btn--transparent.wt-is-selected {
  --wt-btn-bg-color: $clg-color-app-button-transparent-on-surface-light-pressed-background;
}

.wt-btn.wt-btn--transparent.wt-is-selected.wt-btn--light {
  --wt-btn-bg-color: $clg-color-app-button-transparent-on-surface-dark-pressed-background;
}

.wt-btn.wt-btn--transparent.wt-btn--light {
  --wt-btn-text-color: var(
    --clg-color-app-button-transparent-on-surface-dark-text,
    #faf8f5
  );
  --wt-btn-text-color-hover: var(
    --clg-color-app-button-transparent-on-surface-dark-text,
    #faf8f5
  );
  --wt-btn-border-color: var(
    --clg-color-app-button-transparent-on-surface-dark-border,
    #0000
  );
  --wt-btn-border-color-hover: var(
    --clg-color-app-button-transparent-on-surface-dark-hovered-border,
    #0000
  );
  --wt-btn-border-width: var(
    --clg-shape-app-button-transparent-border-width,
    0px
  );
  --wt-btn-bg-color: var(
    --clg-color-app-button-transparent-on-surface-dark-background,
    #0000
  );
  --wt-btn-bg-color-hover: var(
    --clg-color-app-button-transparent-on-surface-dark-hovered-background,
    #ffffff21
  );
  --wt-btn-bg-color-active: transparent;
}

.wt-btn.wt-btn--transparent.wt-btn--light.wt-is-focused:after {
  box-shadow:
    0 0 0 var(--clg-shape-pal-border-width-200, 2px)
      var(--clg-color-sem-border-focused, #426bdb),
    0 0 0 var(--clg-shape-pal-border-width-300, 4px)
      var(--clg-color-sem-background-elevation-0, #faf8f5);
}

.wt-btn.wt-btn--transparent.wt-btn--light:focus-visible:after {
  box-shadow:
    0 0 0 var(--clg-shape-pal-border-width-200, 2px)
      var(--clg-color-sem-border-focused, #426bdb),
    0 0 0 var(--clg-shape-pal-border-width-300, 4px)
      var(--clg-color-sem-background-elevation-0, #faf8f5);
}

.wt-btn.wt-btn--transparent.wt-btn--transparent-flush-top {
  margin-top: calc(-1 * var(--clg-dimension-app-button-padding-vertical, 12px));
}

.wt-btn.wt-btn--transparent.wt-btn--transparent-flush-top.wt-btn--small {
  margin-top: calc(
    -1 *
      (
        var(--clg-dimension-pal-spacing-100, 6px) +
          var(--clg-dimension-pal-spacing-050, 3px)
      )
  );
}

@media only screen and (min-width: 0) {
  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-top.wt-btn--base-xs {
    margin-top: calc(
      -1 * var(--clg-dimension-app-button-padding-vertical, 12px)
    );
  }

  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-top.wt-btn--small-xs {
    margin-top: calc(
      -1 *
        (
          var(--clg-dimension-pal-spacing-100, 6px) +
            var(--clg-dimension-pal-spacing-050, 3px)
        )
    );
  }
}

@media only screen and (min-width: 480px) {
  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-top.wt-btn--base-sm {
    margin-top: calc(
      -1 * var(--clg-dimension-app-button-padding-vertical, 12px)
    );
  }

  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-top.wt-btn--small-sm {
    margin-top: calc(
      -1 *
        (
          var(--clg-dimension-pal-spacing-100, 6px) +
            var(--clg-dimension-pal-spacing-050, 3px)
        )
    );
  }
}

@media only screen and (min-width: 640px) {
  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-top.wt-btn--base-md {
    margin-top: calc(
      -1 * var(--clg-dimension-app-button-padding-vertical, 12px)
    );
  }

  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-top.wt-btn--small-md {
    margin-top: calc(
      -1 *
        (
          var(--clg-dimension-pal-spacing-100, 6px) +
            var(--clg-dimension-pal-spacing-050, 3px)
        )
    );
  }
}

@media only screen and (min-width: 900px) {
  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-top.wt-btn--base-lg {
    margin-top: calc(
      -1 * var(--clg-dimension-app-button-padding-vertical, 12px)
    );
  }

  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-top.wt-btn--small-lg {
    margin-top: calc(
      -1 *
        (
          var(--clg-dimension-pal-spacing-100, 6px) +
            var(--clg-dimension-pal-spacing-050, 3px)
        )
    );
  }
}

@media only screen and (min-width: 1200px) {
  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-top.wt-btn--base-xl {
    margin-top: calc(
      -1 * var(--clg-dimension-app-button-padding-vertical, 12px)
    );
  }

  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-top.wt-btn--small-xl {
    margin-top: calc(
      -1 *
        (
          var(--clg-dimension-pal-spacing-100, 6px) +
            var(--clg-dimension-pal-spacing-050, 3px)
        )
    );
  }
}

@media only screen and (min-width: 1400px) {
  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-top.wt-btn--base-tv {
    margin-top: calc(
      -1 * var(--clg-dimension-app-button-padding-vertical, 12px)
    );
  }

  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-top.wt-btn--small-tv {
    margin-top: calc(
      -1 *
        (
          var(--clg-dimension-pal-spacing-100, 6px) +
            var(--clg-dimension-pal-spacing-050, 3px)
        )
    );
  }
}

.wt-btn.wt-btn--transparent.wt-btn--transparent-flush-right {
  margin-right: calc(
    -1 * var(--clg-dimension-app-button-padding-horizontal, 18px)
  );
}

.wt-btn.wt-btn--transparent.wt-btn--transparent-flush-right.wt-btn--small {
  margin-right: calc(
    -1 * var(--clg-dimension-app-button-small-padding-horizontal, 15px)
  );
}

.wt-btn.wt-btn--transparent.wt-btn--transparent-flush-right.wt-btn--icon {
  margin-right: calc(
    -1 * var(--clg-dimension-app-button-padding-vertical, 12px)
  );
}

.wt-btn.wt-btn--transparent.wt-btn--transparent-flush-right.wt-btn--icon.wt-btn--small {
  margin-right: calc(
    -1 *
      (
        var(--clg-dimension-pal-spacing-100, 6px) +
          var(--clg-dimension-pal-spacing-050, 3px)
      )
  );
}

@media only screen and (min-width: 0) {
  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-right.wt-btn--base-xs {
    margin-right: calc(
      -1 * var(--clg-dimension-app-button-padding-horizontal, 18px)
    );
  }

  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-right.wt-btn--icon.wt-btn--base-xs {
    margin-right: calc(
      -1 * var(--clg-dimension-app-button-padding-vertical, 12px)
    );
  }

  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-right.wt-btn--small-xs {
    margin-right: calc(
      -1 * var(--clg-dimension-app-button-small-padding-horizontal, 15px)
    );
  }

  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-right.wt-btn--icon.wt-btn--small-xs {
    margin-right: calc(
      -1 *
        (
          var(--clg-dimension-pal-spacing-100, 6px) +
            var(--clg-dimension-pal-spacing-050, 3px)
        )
    );
  }
}

@media only screen and (min-width: 480px) {
  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-right.wt-btn--base-sm {
    margin-right: calc(
      -1 * var(--clg-dimension-app-button-padding-horizontal, 18px)
    );
  }

  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-right.wt-btn--icon.wt-btn--base-sm {
    margin-right: calc(
      -1 * var(--clg-dimension-app-button-padding-vertical, 12px)
    );
  }

  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-right.wt-btn--small-sm {
    margin-right: calc(
      -1 * var(--clg-dimension-app-button-small-padding-horizontal, 15px)
    );
  }

  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-right.wt-btn--icon.wt-btn--small-sm {
    margin-right: calc(
      -1 *
        (
          var(--clg-dimension-pal-spacing-100, 6px) +
            var(--clg-dimension-pal-spacing-050, 3px)
        )
    );
  }
}

@media only screen and (min-width: 640px) {
  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-right.wt-btn--base-md {
    margin-right: calc(
      -1 * var(--clg-dimension-app-button-padding-horizontal, 18px)
    );
  }

  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-right.wt-btn--icon.wt-btn--base-md {
    margin-right: calc(
      -1 * var(--clg-dimension-app-button-padding-vertical, 12px)
    );
  }

  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-right.wt-btn--small-md {
    margin-right: calc(
      -1 * var(--clg-dimension-app-button-small-padding-horizontal, 15px)
    );
  }

  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-right.wt-btn--icon.wt-btn--small-md {
    margin-right: calc(
      -1 *
        (
          var(--clg-dimension-pal-spacing-100, 6px) +
            var(--clg-dimension-pal-spacing-050, 3px)
        )
    );
  }
}

@media only screen and (min-width: 900px) {
  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-right.wt-btn--base-lg {
    margin-right: calc(
      -1 * var(--clg-dimension-app-button-padding-horizontal, 18px)
    );
  }

  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-right.wt-btn--icon.wt-btn--base-lg {
    margin-right: calc(
      -1 * var(--clg-dimension-app-button-padding-vertical, 12px)
    );
  }

  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-right.wt-btn--small-lg {
    margin-right: calc(
      -1 * var(--clg-dimension-app-button-small-padding-horizontal, 15px)
    );
  }

  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-right.wt-btn--icon.wt-btn--small-lg {
    margin-right: calc(
      -1 *
        (
          var(--clg-dimension-pal-spacing-100, 6px) +
            var(--clg-dimension-pal-spacing-050, 3px)
        )
    );
  }
}

@media only screen and (min-width: 1200px) {
  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-right.wt-btn--base-xl {
    margin-right: calc(
      -1 * var(--clg-dimension-app-button-padding-horizontal, 18px)
    );
  }

  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-right.wt-btn--icon.wt-btn--base-xl {
    margin-right: calc(
      -1 * var(--clg-dimension-app-button-padding-vertical, 12px)
    );
  }

  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-right.wt-btn--small-xl {
    margin-right: calc(
      -1 * var(--clg-dimension-app-button-small-padding-horizontal, 15px)
    );
  }

  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-right.wt-btn--icon.wt-btn--small-xl {
    margin-right: calc(
      -1 *
        (
          var(--clg-dimension-pal-spacing-100, 6px) +
            var(--clg-dimension-pal-spacing-050, 3px)
        )
    );
  }
}

@media only screen and (min-width: 1400px) {
  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-right.wt-btn--base-tv {
    margin-right: calc(
      -1 * var(--clg-dimension-app-button-padding-horizontal, 18px)
    );
  }

  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-right.wt-btn--icon.wt-btn--base-tv {
    margin-right: calc(
      -1 * var(--clg-dimension-app-button-padding-vertical, 12px)
    );
  }

  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-right.wt-btn--small-tv {
    margin-right: calc(
      -1 * var(--clg-dimension-app-button-small-padding-horizontal, 15px)
    );
  }

  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-right.wt-btn--icon.wt-btn--small-tv {
    margin-right: calc(
      -1 *
        (
          var(--clg-dimension-pal-spacing-100, 6px) +
            var(--clg-dimension-pal-spacing-050, 3px)
        )
    );
  }
}

.wt-btn.wt-btn--transparent.wt-btn--transparent-flush-bottom {
  margin-bottom: calc(
    -1 * var(--clg-dimension-app-button-padding-vertical, 12px)
  );
}

.wt-btn.wt-btn--transparent.wt-btn--transparent-flush-bottom.wt-btn--small {
  margin-bottom: calc(
    -1 *
      (
        var(--clg-dimension-pal-spacing-100, 6px) +
          var(--clg-dimension-pal-spacing-050, 3px)
      )
  );
}

@media only screen and (min-width: 0) {
  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-bottom.wt-btn--base-xs {
    margin-bottom: calc(
      -1 * var(--clg-dimension-app-button-padding-vertical, 12px)
    );
  }

  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-bottom.wt-btn--small-xs {
    margin-bottom: calc(
      -1 *
        (
          var(--clg-dimension-pal-spacing-100, 6px) +
            var(--clg-dimension-pal-spacing-050, 3px)
        )
    );
  }
}

@media only screen and (min-width: 480px) {
  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-bottom.wt-btn--base-sm {
    margin-bottom: calc(
      -1 * var(--clg-dimension-app-button-padding-vertical, 12px)
    );
  }

  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-bottom.wt-btn--small-sm {
    margin-bottom: calc(
      -1 *
        (
          var(--clg-dimension-pal-spacing-100, 6px) +
            var(--clg-dimension-pal-spacing-050, 3px)
        )
    );
  }
}

@media only screen and (min-width: 640px) {
  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-bottom.wt-btn--base-md {
    margin-bottom: calc(
      -1 * var(--clg-dimension-app-button-padding-vertical, 12px)
    );
  }

  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-bottom.wt-btn--small-md {
    margin-bottom: calc(
      -1 *
        (
          var(--clg-dimension-pal-spacing-100, 6px) +
            var(--clg-dimension-pal-spacing-050, 3px)
        )
    );
  }
}

@media only screen and (min-width: 900px) {
  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-bottom.wt-btn--base-lg {
    margin-bottom: calc(
      -1 * var(--clg-dimension-app-button-padding-vertical, 12px)
    );
  }

  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-bottom.wt-btn--small-lg {
    margin-bottom: calc(
      -1 *
        (
          var(--clg-dimension-pal-spacing-100, 6px) +
            var(--clg-dimension-pal-spacing-050, 3px)
        )
    );
  }
}

@media only screen and (min-width: 1200px) {
  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-bottom.wt-btn--base-xl {
    margin-bottom: calc(
      -1 * var(--clg-dimension-app-button-padding-vertical, 12px)
    );
  }

  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-bottom.wt-btn--small-xl {
    margin-bottom: calc(
      -1 *
        (
          var(--clg-dimension-pal-spacing-100, 6px) +
            var(--clg-dimension-pal-spacing-050, 3px)
        )
    );
  }
}

@media only screen and (min-width: 1400px) {
  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-bottom.wt-btn--base-tv {
    margin-bottom: calc(
      -1 * var(--clg-dimension-app-button-padding-vertical, 12px)
    );
  }

  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-bottom.wt-btn--small-tv {
    margin-bottom: calc(
      -1 *
        (
          var(--clg-dimension-pal-spacing-100, 6px) +
            var(--clg-dimension-pal-spacing-050, 3px)
        )
    );
  }
}

.wt-btn.wt-btn--transparent.wt-btn--transparent-flush-left {
  margin-left: calc(
    -1 * var(--clg-dimension-app-button-padding-horizontal, 18px)
  );
}

.wt-btn.wt-btn--transparent.wt-btn--transparent-flush-left.wt-btn--small {
  margin-left: calc(
    -1 * var(--clg-dimension-app-button-small-padding-horizontal, 15px)
  );
}

.wt-btn.wt-btn--transparent.wt-btn--transparent-flush-left.wt-btn--icon {
  margin-left: calc(
    -1 * var(--clg-dimension-app-button-padding-vertical, 12px)
  );
}

.wt-btn.wt-btn--transparent.wt-btn--transparent-flush-left.wt-btn--icon.wt-btn--small {
  margin-left: calc(
    -1 *
      (
        var(--clg-dimension-pal-spacing-100, 6px) +
          var(--clg-dimension-pal-spacing-050, 3px)
      )
  );
}

@media only screen and (min-width: 0) {
  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-left.wt-btn--base-xs {
    margin-left: calc(
      -1 * var(--clg-dimension-app-button-padding-horizontal, 18px)
    );
  }

  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-left.wt-btn--icon.wt-btn--base-xs {
    margin-left: calc(
      -1 * var(--clg-dimension-app-button-padding-vertical, 12px)
    );
  }

  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-left.wt-btn--small-xs {
    margin-left: calc(
      -1 * var(--clg-dimension-app-button-small-padding-horizontal, 15px)
    );
  }

  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-left.wt-btn--icon.wt-btn--small-xs {
    margin-left: calc(
      -1 *
        (
          var(--clg-dimension-pal-spacing-100, 6px) +
            var(--clg-dimension-pal-spacing-050, 3px)
        )
    );
  }
}

@media only screen and (min-width: 480px) {
  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-left.wt-btn--base-sm {
    margin-left: calc(
      -1 * var(--clg-dimension-app-button-padding-horizontal, 18px)
    );
  }

  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-left.wt-btn--icon.wt-btn--base-sm {
    margin-left: calc(
      -1 * var(--clg-dimension-app-button-padding-vertical, 12px)
    );
  }

  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-left.wt-btn--small-sm {
    margin-left: calc(
      -1 * var(--clg-dimension-app-button-small-padding-horizontal, 15px)
    );
  }

  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-left.wt-btn--icon.wt-btn--small-sm {
    margin-left: calc(
      -1 *
        (
          var(--clg-dimension-pal-spacing-100, 6px) +
            var(--clg-dimension-pal-spacing-050, 3px)
        )
    );
  }
}

@media only screen and (min-width: 640px) {
  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-left.wt-btn--base-md {
    margin-left: calc(
      -1 * var(--clg-dimension-app-button-padding-horizontal, 18px)
    );
  }

  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-left.wt-btn--icon.wt-btn--base-md {
    margin-left: calc(
      -1 * var(--clg-dimension-app-button-padding-vertical, 12px)
    );
  }

  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-left.wt-btn--small-md {
    margin-left: calc(
      -1 * var(--clg-dimension-app-button-small-padding-horizontal, 15px)
    );
  }

  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-left.wt-btn--icon.wt-btn--small-md {
    margin-left: calc(
      -1 *
        (
          var(--clg-dimension-pal-spacing-100, 6px) +
            var(--clg-dimension-pal-spacing-050, 3px)
        )
    );
  }
}

@media only screen and (min-width: 900px) {
  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-left.wt-btn--base-lg {
    margin-left: calc(
      -1 * var(--clg-dimension-app-button-padding-horizontal, 18px)
    );
  }

  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-left.wt-btn--icon.wt-btn--base-lg {
    margin-left: calc(
      -1 * var(--clg-dimension-app-button-padding-vertical, 12px)
    );
  }

  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-left.wt-btn--small-lg {
    margin-left: calc(
      -1 * var(--clg-dimension-app-button-small-padding-horizontal, 15px)
    );
  }

  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-left.wt-btn--icon.wt-btn--small-lg {
    margin-left: calc(
      -1 *
        (
          var(--clg-dimension-pal-spacing-100, 6px) +
            var(--clg-dimension-pal-spacing-050, 3px)
        )
    );
  }
}

@media only screen and (min-width: 1200px) {
  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-left.wt-btn--base-xl {
    margin-left: calc(
      -1 * var(--clg-dimension-app-button-padding-horizontal, 18px)
    );
  }

  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-left.wt-btn--icon.wt-btn--base-xl {
    margin-left: calc(
      -1 * var(--clg-dimension-app-button-padding-vertical, 12px)
    );
  }

  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-left.wt-btn--small-xl {
    margin-left: calc(
      -1 * var(--clg-dimension-app-button-small-padding-horizontal, 15px)
    );
  }

  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-left.wt-btn--icon.wt-btn--small-xl {
    margin-left: calc(
      -1 *
        (
          var(--clg-dimension-pal-spacing-100, 6px) +
            var(--clg-dimension-pal-spacing-050, 3px)
        )
    );
  }
}

@media only screen and (min-width: 1400px) {
  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-left.wt-btn--base-tv {
    margin-left: calc(
      -1 * var(--clg-dimension-app-button-padding-horizontal, 18px)
    );
  }

  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-left.wt-btn--icon.wt-btn--base-tv {
    margin-left: calc(
      -1 * var(--clg-dimension-app-button-padding-vertical, 12px)
    );
  }

  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-left.wt-btn--small-tv {
    margin-left: calc(
      -1 * var(--clg-dimension-app-button-small-padding-horizontal, 15px)
    );
  }

  .wt-btn.wt-btn--transparent.wt-btn--transparent-flush-left.wt-btn--icon.wt-btn--small-tv {
    margin-left: calc(
      -1 *
        (
          var(--clg-dimension-pal-spacing-100, 6px) +
            var(--clg-dimension-pal-spacing-050, 3px)
        )
    );
  }
}

.wt-btn.wt-btn--icon {
  padding: var(--clg-dimension-app-button-padding-vertical, 12px);
  --wt-btn-scale-hover: scaleX(1.035) scaleY(1.035) perspective(1px);
  --wt-btn-size-width: var(--clg-dimension-sem-interaction-base, 48px);
  line-height: 0;
}

.wt-btn.wt-btn--icon.wt-btn--transparent {
  --wt-btn-scale: scaleX(0.7) scaleY(0.7) perspective(1px);
  --wt-btn-scale-hover: scaleX(1.035) scaleY(1.035) perspective(1px);
}

.wt-btn.wt-btn--icon.wt-btn--small {
  padding: calc(
    var(--clg-dimension-pal-spacing-100, 6px) +
      var(--clg-dimension-pal-spacing-050, 3px)
  );
}

@media only screen and (min-width: 0) {
  .wt-btn.wt-btn--icon.wt-btn--base-xs {
    padding: var(--clg-dimension-app-button-padding-vertical, 12px);
  }

  .wt-btn.wt-btn--icon.wt-btn--small-xs {
    padding: calc(
      var(--clg-dimension-pal-spacing-100, 6px) +
        var(--clg-dimension-pal-spacing-050, 3px)
    );
  }
}

@media only screen and (min-width: 480px) {
  .wt-btn.wt-btn--icon.wt-btn--base-sm {
    padding: var(--clg-dimension-app-button-padding-vertical, 12px);
  }

  .wt-btn.wt-btn--icon.wt-btn--small-sm {
    padding: calc(
      var(--clg-dimension-pal-spacing-100, 6px) +
        var(--clg-dimension-pal-spacing-050, 3px)
    );
  }
}

@media only screen and (min-width: 640px) {
  .wt-btn.wt-btn--icon.wt-btn--base-md {
    padding: var(--clg-dimension-app-button-padding-vertical, 12px);
  }

  .wt-btn.wt-btn--icon.wt-btn--small-md {
    padding: calc(
      var(--clg-dimension-pal-spacing-100, 6px) +
        var(--clg-dimension-pal-spacing-050, 3px)
    );
  }
}

@media only screen and (min-width: 900px) {
  .wt-btn.wt-btn--icon.wt-btn--base-lg {
    padding: var(--clg-dimension-app-button-padding-vertical, 12px);
  }

  .wt-btn.wt-btn--icon.wt-btn--small-lg {
    padding: calc(
      var(--clg-dimension-pal-spacing-100, 6px) +
        var(--clg-dimension-pal-spacing-050, 3px)
    );
  }
}

@media only screen and (min-width: 1200px) {
  .wt-btn.wt-btn--icon.wt-btn--base-xl {
    padding: var(--clg-dimension-app-button-padding-vertical, 12px);
  }

  .wt-btn.wt-btn--icon.wt-btn--small-xl {
    padding: calc(
      var(--clg-dimension-pal-spacing-100, 6px) +
        var(--clg-dimension-pal-spacing-050, 3px)
    );
  }
}

@media only screen and (min-width: 1400px) {
  .wt-btn.wt-btn--icon.wt-btn--base-tv {
    padding: var(--clg-dimension-app-button-padding-vertical, 12px);
  }

  .wt-btn.wt-btn--icon.wt-btn--small-tv {
    padding: calc(
      var(--clg-dimension-pal-spacing-100, 6px) +
        var(--clg-dimension-pal-spacing-050, 3px)
    );
  }
}

.wt-btn.wt-btn--fixed-floating {
  box-shadow: var(
    --clg-effect-app-button-floating-shadow,
    0px 0px 24px 4px #33140042
  );
  z-index: var(--clg-effect-pal-z-index-700, 70);
  position: fixed;
}

.wt-btn.wt-btn--fixed-floating.wt-btn--primary.wt-btn--light:hover {
  --wt-btn-bg-color-hover: var(
    --clg-color-app-button-primary-on-surface-dark-background,
    #faf8f5
  );
}

.wt-btn.wt-btn--fixed-floating:not(:disabled):not(
    [aria-disabled="true"]
  ):focus-visible:before {
  box-shadow: var(
    --clg-effect-app-button-floating-shadow,
    0px 0px 24px 4px #33140042
  );
}

.wt-content-toggle--ellipsis-btn {
  color: inherit;
  font: inherit;
  cursor: pointer;
  text-align: left;
  -webkit-tap-highlight-color: #0000;
  -webkit-appearance: none;
  background: 0 0;
  background-color: var(--clg-color-app-button-tertiary-background, #3314000d);
  min-height: var(--clg-dimension-sem-interaction-smallest, 24px);
  height: var(--clg-dimension-sem-interaction-smallest, 24px);
  width: calc(var(--clg-dimension-sem-interaction-smallest, 24px) * 2);
  transition-property: background-color, outline-color;
  transition-timing-function: cubic-bezier(0.345, 0.115, 0.135, 1.42);
  transition-duration: var(--clg-effect-pal-duration-200, 0.2s);
  border-radius: var(--clg-shape-app-button-border-radius, 24px);
  border: none;
  outline: 1px solid #0000;
  flex-grow: 0;
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.wt-content-toggle--ellipsis-btn:focus-visible {
  outline: inherit;
}

.wt-content-toggle--ellipsis-btn:active {
  background-color: var(
    --clg-color-app-button-tertiary-hovered-background,
    #33140030
  );
}

.wt-content-toggle--ellipsis-btn:hover:not(:active) {
  background-color: var(
    --clg-color-app-button-tertiary-hovered-background,
    #33140030
  );
  outline-color: var(
    --clg-color-app-button-tertiary-hovered-background,
    #33140030
  );
}

.wt-content-toggle--ellipsis-btn:focus-visible {
  box-shadow:
    0 0 0 var(--clg-shape-pal-border-width-200, 2px)
      var(--clg-color-sem-background-elevation-0, #faf8f5),
    0 0 0 var(--clg-shape-pal-border-width-300, 4px)
      var(--clg-color-sem-border-focused, #426bdb);
}

.wt-content-toggle--btn h1,
.wt-content-toggle--btn h2,
.wt-content-toggle--btn h3,
.wt-content-toggle--btn h4,
.wt-content-toggle--btn h5,
.wt-content-toggle--btn h6 {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.wt-content-toggle--btn .wt-content-toggle--btn__icon {
  content: "";
  width: var(--clg-dimension-sem-icon-core-base, 24px);
  min-width: var(--clg-dimension-sem-icon-core-base, 24px);
  height: var(--clg-dimension-sem-icon-core-base, 24px);
  transition: transform var(--clg-effect-pal-duration-200, 0.2s) ease-in;
  margin-left: var(--clg-dimension-pal-spacing-100, 6px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22 aria-hidden%3D%22true%22 focusable%3D%22false%22%3E%3Cpath fill%3D%22var%28--clg-color-sem-text-primary, %23312B36%29%22 d%3D%22M17.303 10.799A.5.5 0 0 0 17.303 10.09L16.86 9.647A.5.5 0 0 0 16.269 9.561L12 11.859 7.73 9.561A.5.5 0 0 0 7.142 9.647L6.697 10.091A.5.5 0 0 0 6.697 10.798L11.469 15.57A.75.75 0 0 0 12.531 15.571z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  position: relative;
}

.wt-content-toggle--btn.wt-content-toggle--with-icon {
  text-align: left;
  justify-content: space-between;
  align-items: center;
  display: inline-flex;
}

.wt-content-toggle--btn[aria-expanded="true"] .wt-content-toggle--btn__icon {
  transform: rotate(-180deg);
}

.wt-content-toggle--btn.wt-content-toggle--no-animation {
  transition: none !important;
}

.wt-content-toggle--btn.wt-btn--primary .wt-content-toggle--btn__icon,
.wt-content-toggle--btn.wt-btn--filled .wt-content-toggle--btn__icon,
.wt-content-toggle--btn.wt-text-white .wt-content-toggle--btn__icon {
  content: "";
  width: var(--clg-dimension-sem-icon-core-base, 24px);
  min-width: var(--clg-dimension-sem-icon-core-base, 24px);
  height: var(--clg-dimension-sem-icon-core-base, 24px);
  transition: transform var(--clg-effect-pal-duration-200, 0.2s) ease-in;
  margin-left: var(--clg-dimension-pal-spacing-100, 6px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22 aria-hidden%3D%22true%22 focusable%3D%22false%22%3E%3Cpath fill%3D%22var%28--clg-color-sem-text-on-surface-strong, %23FAF8F5%29%22 d%3D%22M17.303 10.799A.5.5 0 0 0 17.303 10.09L16.86 9.647A.5.5 0 0 0 16.269 9.561L12 11.859 7.73 9.561A.5.5 0 0 0 7.142 9.647L6.697 10.091A.5.5 0 0 0 6.697 10.798L11.469 15.57A.75.75 0 0 0 12.531 15.571z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  position: relative;
}

.wt-content-toggle--btn.wt-sem-text-on-surface-dark
  .wt-content-toggle--btn__icon {
  content: "";
  width: var(--clg-dimension-sem-icon-core-base, 24px);
  min-width: var(--clg-dimension-sem-icon-core-base, 24px);
  height: var(--clg-dimension-sem-icon-core-base, 24px);
  transition: transform var(--clg-effect-pal-duration-200, 0.2s) ease-in;
  margin-left: var(--clg-dimension-pal-spacing-100, 6px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22 aria-hidden%3D%22true%22 focusable%3D%22false%22%3E%3Cpath fill%3D%22var%28--clg-color-sem-text-on-surface-dark, %23FAF8F5%29%22 d%3D%22M17.303 10.799A.5.5 0 0 0 17.303 10.09L16.86 9.647A.5.5 0 0 0 16.269 9.561L12 11.859 7.73 9.561A.5.5 0 0 0 7.142 9.647L6.697 10.091A.5.5 0 0 0 6.697 10.798L11.469 15.57A.75.75 0 0 0 12.531 15.571z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  position: relative;
}

.wt-content-toggle--btn.wt-btn--small {
  line-height: var(--clg-dimension-sem-interaction-smallest, 24px);
}

.wt-content-toggle--btn.wt-content-toggle--full-width {
  width: 100%;
}

.wt-content-toggle--btn.wt-content-toggle--flush {
  --wt-content-toggle-offset: var(
    --clg-dimension-app-button-padding-horizontal,
    18px
  );
  width: calc(100% + 2 * var(--wt-content-toggle-offset));
}

.wt-content-toggle--btn.wt-content-toggle--flush.wt-btn--small {
  --wt-content-toggle-offset: var(
    --clg-dimension-app-button-small-padding-horizontal,
    15px
  );
}

.wt-content-toggle--btn.wt-content-toggle--flush:not(
    .wt-content-toggle--full-width
  ) {
  margin-left: calc(-1 * var(--wt-content-toggle-offset));
  margin-right: calc(-1 * var(--wt-content-toggle-offset));
  width: auto;
}

.wt-content-toggle--btn.wt-content-toggle--flush.wt-width-full {
  width: calc(100% + 2 * var(--wt-content-toggle-offset)) !important;
}

.wt-content-toggle--truncated-inline-single,
.wt-content-toggle--truncated-inline-multi {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.wt-content-toggle--truncated-inline-single .wt-content-toggle__body-wrapper,
.wt-content-toggle--truncated-inline-multi .wt-content-toggle__body-wrapper {
  flex-grow: 1;
  min-width: 0;
}

.wt-content-toggle--truncated-inline-single .wt-content-toggle__trigger-wrapper,
.wt-content-toggle--truncated-inline-multi .wt-content-toggle__trigger-wrapper {
  flex-grow: 0;
  order: 1;
  place-content: flex-end;
  align-self: flex-start;
  display: flex;
  position: relative;
  overflow: visible;
}

.wt-content-toggle__body {
  visibility: hidden;
  max-height: 0;
  overflow: hidden;
}

.wt-content-toggle__body--condensed {
  font-family: var(--clg-typography-sem-product-body-small-font-family);
  font-weight: var(--clg-typography-sem-product-body-small-font-weight);
  font-size: var(--clg-typography-sem-product-body-small-font-size);
  line-height: var(--clg-typography-sem-product-body-small-line-height);
  letter-spacing: var(--clg-typography-sem-product-body-small-letter-spacing);
}

.wt-content-toggle__body[aria-hidden="true"] * {
  animation-play-state: paused !important;
}

.wt-content-toggle__body[aria-hidden="false"] {
  visibility: visible;
  max-height: none;
  overflow: visible;
}

.wt-content-toggle__body.wt-content-toggle--is-animating {
  transition: max-height var(--clg-effect-pal-duration-200, 0.2s) ease-in;
  overflow: hidden;
}

.wt-content-toggle__body.wt-content-toggle__body--truncated {
  visibility: visible;
  position: relative;
}

.wt-content-toggle__body.wt-content-toggle__body--truncated:after {
  opacity: 1;
  content: "";
  transition: opacity var(--clg-effect-pal-duration-200, 0.2s) ease-in;
  background-image: linear-gradient(
    to bottom,
    var(--clg-color-app-transparent-gradient-start, #fff0),
    var(--clg-color-app-transparent-gradient-end, #faf8f5)
  );
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.wt-content-toggle__body.wt-content-toggle__body--truncated.wt-content-toggle--is-animating {
  background-image: linear-gradient(
    to bottom,
    var(--clg-color-app-transparent-gradient-start, #fff0) 40%,
    var(--clg-color-app-transparent-gradient-end, #faf8f5)
  );
}

.wt-content-toggle__body.wt-content-toggle__body--truncated.wt-content-toggle--is-animating[aria-hidden="false"]:after {
  opacity: 1;
}

.wt-content-toggle__body.wt-content-toggle__body--truncated[aria-hidden="false"]:after {
  opacity: 0;
}

.wt-content-toggle__body.wt-content-toggle__body--truncated.wt-content-toggle__body--truncated-00 {
  min-height: 0;
  max-height: 0;
}

.wt-content-toggle__body.wt-content-toggle__body--truncated.wt-content-toggle__body--truncated-01 {
  max-height: var(--clg-dimension-pal-size-1000, 60px);
  min-height: var(--clg-dimension-pal-size-1000, 60px);
}

.wt-content-toggle__body.wt-content-toggle__body--truncated.wt-content-toggle__body--truncated-02 {
  max-height: calc(var(--clg-dimension-pal-size-100, 6px) * 20);
  min-height: calc(var(--clg-dimension-pal-size-100, 6px) * 20);
}

.wt-content-toggle__body.wt-content-toggle__body--truncated.wt-content-toggle__body--truncated-03 {
  max-height: calc(var(--clg-dimension-pal-size-100, 6px) * 40);
  min-height: calc(var(--clg-dimension-pal-size-100, 6px) * 40);
}

.wt-content-toggle__body.wt-content-toggle__body--truncated.wt-content-toggle__body--truncated-00[aria-hidden="false"],
.wt-content-toggle__body.wt-content-toggle__body--truncated.wt-content-toggle__body--truncated-01[aria-hidden="false"],
.wt-content-toggle__body.wt-content-toggle__body--truncated.wt-content-toggle__body--truncated-02[aria-hidden="false"],
.wt-content-toggle__body.wt-content-toggle__body--truncated.wt-content-toggle__body--truncated-03[aria-hidden="false"] {
  max-height: none;
}

fieldset {
  border: 0;
  padding: 0;
}

.wt-form__fieldset__legend h1,
.wt-form__fieldset__legend h2,
.wt-form__fieldset__legend h3,
.wt-form__fieldset__legend h4 {
  font-size: 1.25rem;
}

.wt-input,
.wt-textarea,
.wt-input-btn-group__input {
  -webkit-appearance: none;
  appearance: none;
  background: var(--clg-color-app-input-background, #0000);
  box-shadow: var(--clg-effect-app-input-shadow, 0px 0px 0px 0px #0000);
  border-color: var(--clg-color-app-input-border, #928681);
  border-style: solid;
  border-width: var(--clg-shape-app-input-border-width, 1px);
  border-radius: var(--clg-shape-app-input-border-radius, 8px);
  color: var(--clg-color-sem-text-primary, #312b36);
  font-family: var(--clg-typography-sem-product-body-base-font-family);
  font-weight: var(--clg-typography-sem-product-body-base-font-weight);
  font-size: var(--clg-typography-sem-product-body-base-font-size);
  line-height: var(--clg-typography-sem-product-body-base-line-height);
  letter-spacing: var(--clg-typography-sem-product-body-base-letter-spacing);
  height: var(--clg-dimension-sem-interaction-base, 48px);
  padding-top: var(--clg-dimension-app-input-padding-vertical, 8px);
  padding-bottom: var(--clg-dimension-app-input-padding-vertical, 8px);
  padding-left: var(--clg-dimension-app-input-padding-horizontal, 12px);
  padding-right: var(--clg-dimension-app-input-padding-horizontal, 12px);
  outline: 3px solid #0000;
  width: 100%;
  min-width: 0;
  transition:
    border 0.2s ease-out,
    background 0.2s ease-out;
  display: block;
}

.wt-input:hover,
.wt-textarea:hover,
.wt-input-btn-group__input:hover {
  border-color: var(--clg-color-app-input-hovered-border, #2314109e);
}

.wt-input:focus,
.wt-textarea:focus,
.wt-input-btn-group__input:focus {
  border-color: var(--clg-color-sem-border-active, #312b36);
  box-shadow:
    0 0 0 var(--clg-shape-pal-border-width-200, 2px)
      var(--clg-color-sem-background-elevation-0, #faf8f5),
    0 0 0 var(--clg-shape-pal-border-width-300, 4px)
      var(--clg-color-sem-border-focused, #426bdb);
}

.wt-input:disabled,
.wt-input.wt-is-disabled,
.wt-input[aria-disabled="true"],
.wt-textarea:disabled,
.wt-textarea.wt-is-disabled,
.wt-textarea[aria-disabled="true"],
.wt-input-btn-group__input:disabled,
.wt-input-btn-group__input.wt-is-disabled,
.wt-input-btn-group__input[aria-disabled="true"] {
  background-color: var(--clg-color-app-input-disabled-background, #efecea);
  border-color: var(--clg-color-app-input-border, #928681);
  color: var(--clg-color-app-input-disabled-text, #736b68);
  cursor: not-allowed;
}

.wt-input[aria-invalid="true"],
.wt-textarea[aria-invalid="true"],
.wt-input-btn-group__input[aria-invalid="true"] {
  background-color: var(
    --clg-color-sem-background-surface-critical-subtle,
    #fdecef
  );
  border-color: var(--clg-color-sem-border-critical, #c7102f);
  color: var(--clg-color-sem-text-primary, #312b36);
}

.wt-input[aria-invalid="true"]::placeholder,
.wt-textarea[aria-invalid="true"]::placeholder,
.wt-input-btn-group__input[aria-invalid="true"]::placeholder {
  color: var(--clg-color-sem-text-critical, #c7102f);
}

.wt-input::placeholder,
.wt-textarea::placeholder,
.wt-input-btn-group__input::placeholder {
  color: var(--clg-color-sem-text-placeholder, #736b68);
}

.wt-input::-ms-clear {
  display: none;
}

.wt-input-btn-group__input::-ms-clear {
  display: none;
}

.wt-input[type="number"]::-webkit-inner-spin-button {
  display: none;
}

.wt-input[type="number"]::-webkit-outer-spin-button {
  display: none;
}

.wt-input-btn-group__input[type="number"]::-webkit-inner-spin-button {
  display: none;
}

.wt-input-btn-group__input[type="number"]::-webkit-outer-spin-button {
  display: none;
}

.wt-input[type="number"],
.wt-input-btn-group__input[type="number"] {
  -webkit-appearance: textfield;
  appearance: textfield;
}

.wt-input--small,
.wt-input-btn-group__input--small {
  font-family: var(--clg-typography-sem-product-body-small-font-family);
  font-weight: var(--clg-typography-sem-product-body-small-font-weight);
  font-size: var(--clg-typography-sem-product-body-small-font-size);
  line-height: var(--clg-typography-sem-product-body-small-line-height);
  letter-spacing: var(--clg-typography-sem-product-body-small-letter-spacing);
  height: var(--clg-dimension-sem-interaction-small, 36px);
}

.wt-input__btn-input-group,
.wt-textarea__btn-input-group {
  gap: var(--clg-dimension-pal-spacing-100, 6px);
  align-items: baseline;
  display: flex;
}

.wt-input__btn-input,
.wt-textarea__btn-input-group {
  align-self: flex-end;
}

.wt-input__append-wrapper,
.wt-input__prepend-wrapper {
  position: relative;
}

.wt-input__append-wrapper .wt-input {
  padding-right: var(--clg-dimension-pal-spacing-500, 30px);
}

.wt-input__prepend-wrapper .wt-input {
  padding-left: var(--clg-dimension-pal-spacing-500, 30px);
}

.wt-input__prepend,
.wt-input__append {
  font-family: var(--clg-typography-sem-product-body-base-font-family);
  font-weight: var(--clg-typography-sem-product-body-base-font-weight);
  font-size: var(--clg-typography-sem-product-body-base-font-size);
  line-height: var(--clg-typography-sem-product-body-base-line-height);
  letter-spacing: var(--clg-typography-sem-product-body-base-letter-spacing);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.wt-input__prepend.wt-input__prepend--small,
.wt-input__append.wt-input__append--small {
  font-family: var(--clg-typography-sem-product-body-small-font-family);
  font-weight: var(--clg-typography-sem-product-body-small-font-weight);
  font-size: var(--clg-typography-sem-product-body-small-font-size);
  line-height: var(--clg-typography-sem-product-body-small-line-height);
  letter-spacing: var(--clg-typography-sem-product-body-small-letter-spacing);
}

.wt-input__prepend {
  padding-left: var(--clg-dimension-pal-spacing-200, 12px);
  pointer-events: none;
  left: 0;
}

.wt-input__append {
  padding-right: var(--clg-dimension-pal-spacing-200, 12px);
  pointer-events: none;
  right: 0;
}

.wt-textarea {
  resize: vertical;
  height: auto;
}

.wt-textarea--resize-none {
  resize: none;
}

.wt-textarea--small {
  font-family: var(--clg-typography-sem-product-body-small-font-family);
  font-weight: var(--clg-typography-sem-product-body-small-font-weight);
  font-size: var(--clg-typography-sem-product-body-small-font-size);
  line-height: var(--clg-typography-sem-product-body-small-line-height);
  letter-spacing: var(--clg-typography-sem-product-body-small-letter-spacing);
}

.wt-input-btn-group {
  border-radius: var(--clg-shape-sem-border-radius-full, 999999px);
  box-shadow: 1px 2px 4px 0
    var(--clg-color-pal-transparent-black-075, #3314000d) inset;
  background: var(--clg-color-app-input-background, #0000);
  display: flex;
  position: relative;
}

.wt-input-btn-group .wt-input-btn-group__input {
  padding-left: var(--clg-dimension-pal-spacing-300, 18px);
  border-top-left-radius: var(--clg-shape-app-input-search-border-radius, 24px);
  border-bottom-left-radius: var(
    --clg-shape-app-input-search-border-radius,
    24px
  );
  box-shadow: none;
  background: 0 0;
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  flex: 1;
}

.wt-input-btn-group .wt-input-btn-group__btn {
  color: var(--clg-color-app-button-primary-on-surface-dark-text, #312b36);
  font: inherit;
  cursor: pointer;
  text-align: left;
  -webkit-tap-highlight-color: #0000;
  -webkit-appearance: none;
  font-family: var(--clg-typography-sem-product-title-base-font-family);
  font-weight: var(--clg-typography-sem-product-title-base-font-weight);
  font-size: var(--clg-typography-sem-product-title-base-font-size);
  line-height: var(--clg-typography-sem-product-title-base-line-height);
  letter-spacing: var(--clg-typography-sem-product-title-base-letter-spacing);
  padding-right: calc(var(--clg-dimension-pal-spacing-base-unit, 6px) * 3.5);
  padding-left: calc(var(--clg-dimension-pal-spacing-base-unit, 6px) * 2.5);
  padding-top: var(--clg-dimension-pal-spacing-200, 12px);
  padding-bottom: var(--clg-dimension-pal-spacing-200, 12px);
  height: var(--clg-dimension-sem-interaction-base, 48px);
  white-space: nowrap;
  z-index: var(--clg-effect-pal-z-index-100, 10);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: var(--clg-shape-app-button-border-radius, 24px);
  border-bottom-right-radius: var(--clg-shape-app-button-border-radius, 24px);
  border: none;
  border: var(--clg-shape-app-input-border-width, 1px) solid
    var(--clg-color-app-input-border, #928681);
  background: 0 0;
  border-left: 0;
  outline: none;
  text-decoration: none;
  transition:
    border 0.2s ease-out,
    color 0.2s ease-out;
  position: relative;
}

.wt-input-btn-group .wt-input-btn-group__btn:focus-visible {
  outline: inherit;
}

.wt-input-btn-group .wt-input-btn-group__btn:after,
.wt-input-btn-group .wt-input-btn-group__btn:before {
  content: "";
  border-radius: inherit;
  z-index: -1;
  -webkit-backface-visibility: hidden;
  border: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.wt-input-btn-group .wt-input-btn-group__btn:after {
  background: var(--clg-color-app-button-primary-background, #312b36);
  opacity: 0;
  transition:
    transform 0.2s cubic-bezier(0.345, 0.115, 0.135, 1.42),
    opacity 0.15s ease-out,
    border-radius 0.2s cubic-bezier(0.345, 0.115, 0.135, 1.42),
    box-shadow 0.2s ease-out;
  transform: scale(0.7) perspective(1px);
}

.wt-input-btn-group .wt-input-btn-group__btn:hover,
.wt-input-btn-group .wt-input-btn-group__btn:focus,
.wt-input-btn-group .wt-input-btn-group__btn:active {
  text-decoration: none;
}

.wt-input-btn-group
  .wt-input-btn-group__btn:hover.wt-btn:not(:disabled):not(
    [aria-disabled="true"]
  ) {
  color: var(--clg-color-app-button-primary-hovered-text, #faf8f5);
  background: var(--clg-color-app-button-primary-hovered-background, #534d4c);
}

.wt-input-btn-group .wt-input-btn-group__btn:hover:after {
  opacity: 0.075;
  transform: scale(1) perspective(1px);
}

.wt-input-btn-group .wt-input-btn-group__btn:focus:not(.wt-is-hovered) {
  color: var(--clg-color-sem-text-on-surface-strong, #faf8f5);
}

.wt-input-btn-group .wt-input-btn-group__btn:focus:not(.wt-is-hovered):after {
  opacity: 1;
  transform: scale(1) perspective(1px);
}

body:not(.wt-focus-visible)
  .wt-input-btn-group
  .wt-input-btn-group__btn:focus:after {
  box-shadow:
    0 0 0 var(--clg-shape-pal-border-width-200, 2px)
      var(--clg-color-sem-background-elevation-0, #faf8f5),
    0 0 0 var(--clg-shape-pal-border-width-300, 4px)
      var(--clg-color-sem-border-focused, #426bdb);
}

.wt-input-btn-group
  .wt-input-btn-group__btn.wt-btn.wt-input-btn-group__btn--filled {
  color: var(--clg-color-app-button-primary-text, #faf8f5);
  border-color: var(--clg-color-app-button-primary-background, #312b36);
}

.wt-input-btn-group
  .wt-input-btn-group__btn.wt-btn.wt-input-btn-group__btn--filled:after {
  background: var(--clg-color-app-button-primary-background, #312b36);
  opacity: 1;
  transform: scale(1);
}

.wt-input-btn-group
  .wt-input-btn-group__btn.wt-btn.wt-input-btn-group__btn--filled:hover:after {
  background: var(--clg-color-app-button-primary-hovered-background, #534d4c);
  color: var(--clg-color-app-button-primary-hovered-text, #faf8f5);
  transform: none;
}

.wt-input-btn-group
  .wt-input-btn-group__btn:not(.wt-input-btn-group__btn--filled):before {
  box-shadow: none !important;
}

.wt-input-btn-group .wt-input-btn-group__btn.wt-input-btn-group__btn--small {
  height: var(--clg-dimension-app-button-small-height, 36px);
  font-family: var(--clg-typography-sem-product-body-small-font-family);
  font-weight: var(--clg-typography-sem-product-body-small-font-weight);
  font-size: var(--clg-typography-sem-product-body-small-font-size);
  line-height: var(--clg-typography-sem-product-body-small-line-height);
  letter-spacing: var(--clg-typography-sem-product-body-small-letter-spacing);
  padding-top: calc(var(--clg-dimension-pal-spacing-base-unit, 6px) * 1.5);
  padding-bottom: calc(var(--clg-dimension-pal-spacing-base-unit, 6px) * 1.5);
}

.wt-input-btn-group .wt-input-btn-group__btn--small {
  height: var(--clg-dimension-pal-spacing-600, 36px);
}

.wt-input-btn-group
  .wt-input-btn-group__input:hover
  + .wt-input-btn-group__btn:not(.wt-input-btn-group__btn--filled) {
  border-color: var(--clg-color-app-input-hovered-border, #2314109e);
}

.wt-input-btn-group .wt-input-btn-group__input:focus {
  box-shadow:
    0 0 0 var(--clg-shape-pal-border-width-200, 2px)
      var(--clg-color-sem-background-elevation-0, #faf8f5),
    0 0 0 var(--clg-shape-pal-border-width-300, 4px)
      var(--clg-color-sem-border-focused, #426bdb);
}

.wt-input-btn-group
  .wt-input-btn-group__input:focus
  ~ .wt-input-btn-group__btn:not(.wt-input-btn-group__btn--filled) {
  border-color: var(--clg-color-sem-border-active, #312b36);
  color: var(--clg-color-app-button-primary-text, #faf8f5);
}

.wt-input-btn-group
  .wt-input-btn-group__input:focus
  ~ .wt-input-btn-group__btn:not(.wt-input-btn-group__btn--filled):after {
  opacity: 1;
  transform: scale(1) perspective(1px);
}

.wt-label {
  margin-bottom: var(--clg-dimension-pal-spacing-100, 6px);
  display: block;
}

.wt-label.wt-label--small {
  font-family: var(--clg-typography-sem-product-title-small-font-family);
  font-weight: var(--clg-typography-sem-product-title-small-font-weight);
  font-size: var(--clg-typography-sem-product-title-small-font-size);
  line-height: var(--clg-typography-sem-product-title-small-line-height);
  letter-spacing: var(--clg-typography-sem-product-title-small-letter-spacing);
}

.wt-label__optional {
  font-family: var(--clg-typography-sem-product-body-small-font-family);
  font-weight: var(--clg-typography-sem-product-body-small-font-weight);
  font-size: var(--clg-typography-sem-product-body-small-font-size);
  line-height: var(--clg-typography-sem-product-body-small-line-height);
  letter-spacing: var(--clg-typography-sem-product-body-small-letter-spacing);
}

.wt-label__required:before {
  content: attr(data-required-text);
  clip: rect(0 0 0 0);
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.wt-label__required:after {
  content: "";
  width: var(--clg-dimension-app-badge-small-minimum-width, 18px);
  height: var(--clg-dimension-app-badge-small-height, 18px);
  margin-left: calc(-1 * var(--clg-dimension-pal-spacing-100, 6px));
  margin-top: calc(-1 * var(--clg-dimension-pal-spacing-100, 6px) * 0.5);
  vertical-align: text-top;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M16.89 10.49a1 1 0 0 0-1.34-.49L13 11.32V7.94a1 1 0 0 0-2 0v3.38L8.45 10a1 1 0 0 0-1.34.45 1 1 0 0 0 .44 1.34l2.76 1.38-2.14 2.18a1 1 0 0 0 0 1.42 1 1 0 0 0 .71.29 1 1 0 0 0 .71-.29L12 14.35l2.41 2.42a1 1 0 0 0 .71.29 1 1 0 0 0 .71-.29 1 1 0 0 0 0-1.42l-2.14-2.14 2.76-1.38a1 1 0 0 0 .44-1.34z%22 fill%3D%22var%28--clg-color-sem-text-critical, %23C7102F%29%22%2F%3E%3C%2Fsvg%3E");
  display: inline-block;
}

@-moz-document url-prefix() {
  select option:disabled {
    color: var(--clg-color-app-input-disabled-text, #736b68);
    text-shadow: 0 0 #fff;
  }
}

.wt-select {
  width: 100%;
  transition: all 0.2s ease-out;
  position: relative;
}

.wt-select:after {
  content: "";
  width: var(--clg-dimension-sem-icon-core-base, 24px);
  height: var(--clg-dimension-sem-icon-core-base, 24px);
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22%3E%3Cpath fill%3D%22var%28--clg-color-sem-text-primary, %23312B36%29%22 d%3D%22M15.293 10A.707.707 0 0 1 15.793 11.207L12.53 14.47A.75.75 0 0 1 11.47 14.47L8.207 11.207A.707.707 0 0 1 8.707 10z%22%2F%3E%3C%2Fsvg%3E");
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}

.wt-select .wt-select__element {
  -webkit-appearance: none;
  appearance: none;
  font-family: var(--clg-typography-sem-product-body-base-font-family);
  font-weight: var(--clg-typography-sem-product-body-base-font-weight);
  font-size: var(--clg-typography-sem-product-body-base-font-size);
  line-height: var(--clg-typography-sem-product-body-base-line-height);
  letter-spacing: var(--clg-typography-sem-product-body-base-letter-spacing);
  height: var(--clg-dimension-sem-interaction-base, 48px);
  padding-left: var(--clg-dimension-pal-spacing-200, 12px);
  padding-right: calc(
    var(--clg-dimension-pal-spacing-200, 12px) +
      var(--clg-dimension-sem-icon-core-base, 24px)
  );
  border-radius: var(--clg-shape-pal-border-radius-base-unit, 8px);
  background: var(--clg-color-app-input-background, #0000);
  border: var(--clg-shape-pal-border-width-100, 1px) solid
    var(--clg-color-app-input-border, #928681);
  color: var(--clg-color-sem-text-primary, #312b36);
  text-indent: 0.01px;
  text-overflow: "";
  cursor: pointer;
  width: 100%;
  transition:
    border-color 0.2s ease-out,
    box-shadow 0.2s ease-out;
  display: block;
}

.wt-select .wt-select__element:focus {
  box-shadow:
    0 0 0 var(--clg-shape-pal-border-width-200, 2px)
      var(--clg-color-sem-background-elevation-0, #faf8f5),
    0 0 0 var(--clg-shape-pal-border-width-300, 4px)
      var(--clg-color-sem-border-focused, #426bdb) !important;
  outline: 3px solid #0000 !important;
}

.wt-select .wt-select__element::-ms-expand {
  display: none;
}

.wt-select .wt-select__element:hover {
  border-color: var(--clg-color-app-input-hovered-border, #2314109e);
  box-shadow: var(
    --clg-effect-sem-shadow-elevation-2,
    0px 4px 12px 0px #150a040a,
    0px 8px 16px 2px #150a040f
  );
}

.wt-select .wt-select__element:focus {
  border-color: var(--clg-color-sem-border-focused, #426bdb);
}

.wt-select .wt-select__element[aria-invalid="true"] {
  background-color: var(
    --clg-color-sem-background-surface-critical-subtle,
    #fdecef
  );
  border: var(--clg-shape-app-input-border-width, 1px) solid
    var(--clg-color-sem-border-critical, #c7102f);
}

.wt-select--small .wt-select__element {
  font-family: var(--clg-typography-sem-product-body-small-font-family);
  font-weight: var(--clg-typography-sem-product-body-small-font-weight);
  font-size: var(--clg-typography-sem-product-body-small-font-size);
  line-height: var(--clg-typography-sem-product-body-small-line-height);
  letter-spacing: var(--clg-typography-sem-product-body-small-letter-spacing);
  height: var(--clg-dimension-sem-interaction-small, 36px);
  line-height: calc(var(--clg-dimension-sem-interaction-small, 36px) / 2);
}

.wt-select .wt-select__element:disabled,
.wt-select.wt-is-disabled .wt-select__element,
.wt-select .wt-select__element[aria-disabled="true"] {
  background-color: var(--clg-color-app-input-disabled-background, #efecea);
  color: var(--clg-color-app-input-disabled-text, #736b68);
  cursor: not-allowed;
  box-shadow: 0 0 #0000001a;
}

input.wt-switch {
  cursor: pointer;
  position: absolute;
  left: -9999px;
}

input.wt-switch.wt-switch--small + .wt-switch__toggle {
  width: 63px;
  height: 36px;
}

input.wt-switch + .wt-switch__toggle {
  cursor: pointer;
  height: var(--clg-dimension-sem-interaction-base, 48px);
  flex-shrink: 0;
  align-items: center;
  width: 84px;
  transition:
    box-shadow 0.2s ease-out,
    opacity 0.2s ease-out;
  display: inline-flex;
  position: relative;
}

input.wt-switch + .wt-switch__toggle:before {
  border-radius: var(--clg-shape-app-switch-border-radius, 999999px);
  background-color: var(--clg-color-app-switch-background, #0000);
  border-color: var(--clg-color-app-switch-border, #312b36);
  border-width: var(--clg-shape-app-switch-border-width, 1px);
  content: "";
  background-position-y: calc(
    var(--clg-dimension-pal-spacing-200, 12px) -
      var(--clg-shape-sem-border-width-base, 2px)
  );
  background-image: url("data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22%3E%3Cpath fill%3D%22var%28--clg-color-app-switch-foreground, %23312B36%29%22 d%3D%22M17.836 3.768A1 1 0 0 1 19.286 3.73L20.27 4.714A1 1 0 0 1 20.232 6.164L13.742 12 20.232 17.836A1 1 0 0 1 20.27 19.286L19.287 20.27A1 1 0 0 1 17.836 20.232L12 13.742 6.165 20.232A1 1 0 0 1 4.713 20.27L3.73 19.287A1 1 0 0 1 3.768 17.836L10.258 12 3.767 6.165A1 1 0 0 1 3.73 4.714L4.713 3.73A1 1 0 0 1 6.165 3.768L12 10.258z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: auto;
  border-style: solid;
  width: 84px;
  height: 48px;
  transition: opacity 0.1s ease-out;
  position: absolute;
  top: 0;
  left: 0;
}

[data-clg-mode="dark"] input.wt-switch + .wt-switch__toggle:before {
  background-image: url("data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M17.836 3.768A1 1 0 0 1 19.286 3.73L20.27 4.714A1 1 0 0 1 20.232 6.164L13.742 12 20.232 17.836A1 1 0 0 1 20.27 19.286L19.287 20.27A1 1 0 0 1 17.836 20.232L12 13.742 6.165 20.232A1 1 0 0 1 4.713 20.27L3.73 19.287A1 1 0 0 1 3.768 17.836L10.258 12 3.767 6.165A1 1 0 0 1 3.73 4.714L4.713 3.73A1 1 0 0 1 6.165 3.768L12 10.258z%22%2F%3E%3C%2Fsvg%3E");
}

[data-clg-mode="dark"][data-clg-theme="refresh"]
  input.wt-switch
  + .wt-switch__toggle:before {
  background-image: url("data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22%3E%3Cpath fill%3D%22%23faf8f5%22 d%3D%22M17.836 3.768A1 1 0 0 1 19.286 3.73L20.27 4.714A1 1 0 0 1 20.232 6.164L13.742 12 20.232 17.836A1 1 0 0 1 20.27 19.286L19.287 20.27A1 1 0 0 1 17.836 20.232L12 13.742 6.165 20.232A1 1 0 0 1 4.713 20.27L3.73 19.287A1 1 0 0 1 3.768 17.836L10.258 12 3.767 6.165A1 1 0 0 1 3.73 4.714L4.713 3.73A1 1 0 0 1 6.165 3.768L12 10.258z%22%2F%3E%3C%2Fsvg%3E");
}

input.wt-switch:not(:checked) + .wt-switch__toggle:before {
  background-position-x: var(--clg-dimension-pal-spacing-800, 48px);
}

input.wt-switch:checked + .wt-switch__toggle:before {
  background-position-x: var(--clg-dimension-pal-spacing-200, 12px);
}

body:not(.wt-focus-visible) input.wt-switch:focus + .wt-switch__toggle:before {
  box-shadow:
    0 0 0 var(--clg-shape-pal-border-width-200, 2px)
      var(--clg-color-sem-background-elevation-0, #faf8f5),
    0 0 0 var(--clg-shape-pal-border-width-300, 4px)
      var(--clg-color-sem-border-focused, #426bdb);
}

input.wt-switch:checked + .wt-switch__toggle:before {
  background-image: url("data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22%3E%3Cpath fill%3D%22var%28--clg-color-app-switch-checked-foreground, %23FAF8F5%29%22 d%3D%22M19.202 4.145A.5.5 0 0 1 19.909 4.145L20.999 5.234A.5.5 0 0 1 21.025 5.913L9.767 19.104A1 1 0 0 1 8.207 19.055L2.849 11.92A.5.5 0 0 1 2.896 11.265L4.004 10.158A.5.5 0 0 1 4.71 10.158L8.95 14.398z%22%2F%3E%3C%2Fsvg%3E");
  background-position-x: var(--clg-dimension-pal-spacing-200, 12px);
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: auto;
  background-color: var(--clg-color-app-switch-checked-background, #312b36);
}

[data-clg-mode="dark"] input.wt-switch:checked + .wt-switch__toggle:before {
  background-image: url("data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22%3E%3Cpath fill%3D%22%23222222%22 d%3D%22M19.202 4.145A.5.5 0 0 1 19.909 4.145L20.999 5.234A.5.5 0 0 1 21.025 5.913L9.767 19.104A1 1 0 0 1 8.207 19.055L2.849 11.92A.5.5 0 0 1 2.896 11.265L4.004 10.158A.5.5 0 0 1 4.71 10.158L8.95 14.398z%22%2F%3E%3C%2Fsvg%3E");
}

[data-clg-mode="dark"][data-clg-theme="refresh"]
  input.wt-switch:checked
  + .wt-switch__toggle:before {
  background-image: url("data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22%3E%3Cpath fill%3D%22%23312b36%22 d%3D%22M19.202 4.145A.5.5 0 0 1 19.909 4.145L20.999 5.234A.5.5 0 0 1 21.025 5.913L9.767 19.104A1 1 0 0 1 8.207 19.055L2.849 11.92A.5.5 0 0 1 2.896 11.265L4.004 10.158A.5.5 0 0 1 4.71 10.158L8.95 14.398z%22%2F%3E%3C%2Fsvg%3E");
}

input.wt-switch + .wt-switch__toggle:after {
  content: "";
  height: var(--clg-dimension-pal-size-600, 36px);
  width: var(--clg-dimension-pal-size-600, 36px);
  z-index: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  left: var(--clg-dimension-pal-spacing-base-unit, 6px);
  border-radius: 50%;
  transition:
    transform 0.2s cubic-bezier(0.175, 0.885, 0.4, 1.1),
    background-color 0.1s ease-out;
  display: block;
  position: absolute;
}

input.wt-switch:not(:checked) + .wt-switch__toggle:after {
  background-color: var(--clg-color-app-switch-foreground, #312b36);
}

input.wt-switch:checked + .wt-switch__toggle:after {
  background-color: var(--clg-color-app-switch-checked-foreground, #faf8f5);
  transform: translate(100%);
}

input.wt-switch.wt-switch--small {
  width: 63px;
  height: 36px;
}

input.wt-switch.wt-switch--small + .wt-switch__toggle:before {
  background-image: url("data:image/svg+xml,%3Csvg width%3D%2218%22 height%3D%2218%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22%3E%3Cpath fill%3D%22var%28--clg-color-app-switch-foreground, %23312B36%29%22 d%3D%22M17.836 3.768A1 1 0 0 1 19.286 3.73L20.27 4.714A1 1 0 0 1 20.232 6.164L13.742 12 20.232 17.836A1 1 0 0 1 20.27 19.286L19.287 20.27A1 1 0 0 1 17.836 20.232L12 13.742 6.165 20.232A1 1 0 0 1 4.713 20.27L3.73 19.287A1 1 0 0 1 3.768 17.836L10.258 12 3.767 6.165A1 1 0 0 1 3.73 4.714L4.713 3.73A1 1 0 0 1 6.165 3.768L12 10.258z%22%2F%3E%3C%2Fsvg%3E");
  background-position-x: calc(
    var(--clg-dimension-pal-spacing-base-unit, 6px) * 5.5
  );
  background-position-y: calc(
    var(--clg-dimension-pal-spacing-base-unit, 6px) * 1.5 -
      var(--clg-shape-sem-border-width-base, 2px)
  );
  width: 63px;
  height: 36px;
}

[data-clg-mode="dark"]
  input.wt-switch.wt-switch--small
  + .wt-switch__toggle:before {
  background-image: url("data:image/svg+xml,%3Csvg width%3D%2218%22 height%3D%2218%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M17.836 3.768A1 1 0 0 1 19.286 3.73L20.27 4.714A1 1 0 0 1 20.232 6.164L13.742 12 20.232 17.836A1 1 0 0 1 20.27 19.286L19.287 20.27A1 1 0 0 1 17.836 20.232L12 13.742 6.165 20.232A1 1 0 0 1 4.713 20.27L3.73 19.287A1 1 0 0 1 3.768 17.836L10.258 12 3.767 6.165A1 1 0 0 1 3.73 4.714L4.713 3.73A1 1 0 0 1 6.165 3.768L12 10.258z%22%2F%3E%3C%2Fsvg%3E");
}

[data-clg-mode="dark"][data-clg-theme="refresh"]
  input.wt-switch.wt-switch--small
  + .wt-switch__toggle:before {
  background-image: url("data:image/svg+xml,%3Csvg width%3D%2218%22 height%3D%2218%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22%3E%3Cpath fill%3D%22%23faf8f5%22 d%3D%22M17.836 3.768A1 1 0 0 1 19.286 3.73L20.27 4.714A1 1 0 0 1 20.232 6.164L13.742 12 20.232 17.836A1 1 0 0 1 20.27 19.286L19.287 20.27A1 1 0 0 1 17.836 20.232L12 13.742 6.165 20.232A1 1 0 0 1 4.713 20.27L3.73 19.287A1 1 0 0 1 3.768 17.836L10.258 12 3.767 6.165A1 1 0 0 1 3.73 4.714L4.713 3.73A1 1 0 0 1 6.165 3.768L12 10.258z%22%2F%3E%3C%2Fsvg%3E");
}

input.wt-switch.wt-switch--small:checked + .wt-switch__toggle:before {
  background-image: url("data:image/svg+xml,%3Csvg width%3D%2218%22 height%3D%2218%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22%3E%3Cpath fill%3D%22var%28--clg-color-app-switch-checked-foreground, %23FAF8F5%29%22 d%3D%22M19.202 4.145A.5.5 0 0 1 19.909 4.145L20.999 5.234A.5.5 0 0 1 21.025 5.913L9.767 19.104A1 1 0 0 1 8.207 19.055L2.849 11.92A.5.5 0 0 1 2.896 11.265L4.004 10.158A.5.5 0 0 1 4.71 10.158L8.95 14.398z%22%2F%3E%3C%2Fsvg%3E");
  background-position-x: var(--clg-dimension-pal-spacing-base-unit, 6px);
}

[data-clg-mode="dark"]
  input.wt-switch.wt-switch--small:checked
  + .wt-switch__toggle:before {
  background-image: url("data:image/svg+xml,%3Csvg width%3D%2218%22 height%3D%2218%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22%3E%3Cpath fill%3D%22%23222222%22 d%3D%22M19.202 4.145A.5.5 0 0 1 19.909 4.145L20.999 5.234A.5.5 0 0 1 21.025 5.913L9.767 19.104A1 1 0 0 1 8.207 19.055L2.849 11.92A.5.5 0 0 1 2.896 11.265L4.004 10.158A.5.5 0 0 1 4.71 10.158L8.95 14.398z%22%2F%3E%3C%2Fsvg%3E");
}

[data-clg-mode="dark"][data-clg-theme="refresh"]
  input.wt-switch.wt-switch--small:checked
  + .wt-switch__toggle:before {
  background-image: url("data:image/svg+xml,%3Csvg width%3D%2218%22 height%3D%2218%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22%3E%3Cpath fill%3D%22%23312b36%22 d%3D%22M19.202 4.145A.5.5 0 0 1 19.909 4.145L20.999 5.234A.5.5 0 0 1 21.025 5.913L9.767 19.104A1 1 0 0 1 8.207 19.055L2.849 11.92A.5.5 0 0 1 2.896 11.265L4.004 10.158A.5.5 0 0 1 4.71 10.158L8.95 14.398z%22%2F%3E%3C%2Fsvg%3E");
}

input.wt-switch.wt-switch--small + .wt-switch__toggle:after {
  width: calc(
    var(--clg-dimension-sem-icon-core-smaller, 16px) +
      var(--clg-dimension-pal-spacing-base-unit, 6px) * 1.5 +
      var(--clg-shape-sem-border-width-thin, 1px)
  );
  height: calc(
    var(--clg-dimension-sem-icon-core-smaller, 16px) +
      var(--clg-dimension-pal-spacing-base-unit, 6px) * 1.5 +
      var(--clg-shape-sem-border-width-thin, 1px)
  );
  left: calc(
    var(--clg-dimension-pal-spacing-100, 6px) -
      var(--clg-shape-sem-border-width-base, 2px)
  );
}

input.wt-switch.wt-switch--small:checked + .wt-switch__toggle:after {
  left: calc(var(--clg-shape-sem-border-width-base, 2px) * 1.5);
}

input.wt-switch:disabled,
input.wt-switch[aria-disabled="true"] {
  cursor: not-allowed;
}

input.wt-switch:disabled + label,
input.wt-switch[aria-disabled="true"] + label {
  opacity: 0.5;
  cursor: not-allowed;
}

input.wt-switch.wt-switch--is-loading,
input.wt-switch.wt-switch--is-loading + label {
  cursor: progress;
}

input.wt-switch.wt-switch--is-loading.wt-switch--small:not(:checked)
  + .wt-switch__toggle:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2218%22 height%3D%2218%22 viewBox%3D%220 0 24 24%22%3E%3Cpath style%3D%22opacity%3A 0.2%3B%22 fill%3D%22var%28--clg-color-app-switch-foreground, %23312B36%29%22 d%3D%22M12,0v4c4.4,0,8,3.6,8,8c0,2.1-0.8,4.1-2.3,5.7C16.1,19.2,14.1,20,12,20c-4.4,0-8-3.6-8-8 c0-2.1,0.8-4.1,2.3-5.7C7.9,4.8,9.9,4,12,4V0 M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0L12,0z%22%2F%3E%3Cpath fill%3D%22var%28--clg-color-app-switch-foreground, %23312B36%29%22 d%3D%22M19.1,6.9c-0.5,0-1-0.2-1.4-0.6c-3.1-3.1-8.2-3.1-11.3,0c-0.8,0.8-2,0.8-2.8,0c-0.8-0.8-0.8-2,0-2.8 c4.7-4.7,12.3-4.7,17,0c0.8,0.8,0.8,2,0,2.8C20.1,6.7,19.6,6.9,19.1,6.9z%22%3E%3CanimateTransform attributeType%3D%22xml%22 attributeName%3D%22transform%22 type%3D%22rotate%22 from%3D%220 12 12%22 to%3D%22360 12 12%22 dur%3D%221s%22 calcMode%3D%22spline%22 keyTimes%3D%220%3B 1%22 keySplines%3D%220.185, 0.470, 0.990, 0.525%22 repeatCount%3D%22indefinite%22%2F%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}

[data-clg-mode="dark"]
  input.wt-switch.wt-switch--is-loading.wt-switch--small:not(:checked)
  + .wt-switch__toggle:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2218%22 height%3D%2218%22 viewBox%3D%220 0 24 24%22%3E%3Cpath style%3D%22opacity%3A 0.2%3B%22 fill%3D%22%23fff%22 d%3D%22M12,0v4c4.4,0,8,3.6,8,8c0,2.1-0.8,4.1-2.3,5.7C16.1,19.2,14.1,20,12,20c-4.4,0-8-3.6-8-8 c0-2.1,0.8-4.1,2.3-5.7C7.9,4.8,9.9,4,12,4V0 M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0L12,0z%22%2F%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M19.1,6.9c-0.5,0-1-0.2-1.4-0.6c-3.1-3.1-8.2-3.1-11.3,0c-0.8,0.8-2,0.8-2.8,0c-0.8-0.8-0.8-2,0-2.8 c4.7-4.7,12.3-4.7,17,0c0.8,0.8,0.8,2,0,2.8C20.1,6.7,19.6,6.9,19.1,6.9z%22%3E%3CanimateTransform attributeType%3D%22xml%22 attributeName%3D%22transform%22 type%3D%22rotate%22 from%3D%220 12 12%22 to%3D%22360 12 12%22 dur%3D%221s%22 calcMode%3D%22spline%22 keyTimes%3D%220%3B 1%22 keySplines%3D%220.185, 0.470, 0.990, 0.525%22 repeatCount%3D%22indefinite%22%2F%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}

[data-clg-mode="dark"][data-clg-theme="refresh"]
  input.wt-switch.wt-switch--is-loading.wt-switch--small:not(:checked)
  + .wt-switch__toggle:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2218%22 height%3D%2218%22 viewBox%3D%220 0 24 24%22%3E%3Cpath style%3D%22opacity%3A 0.2%3B%22 fill%3D%22%23faf8f5%22 d%3D%22M12,0v4c4.4,0,8,3.6,8,8c0,2.1-0.8,4.1-2.3,5.7C16.1,19.2,14.1,20,12,20c-4.4,0-8-3.6-8-8 c0-2.1,0.8-4.1,2.3-5.7C7.9,4.8,9.9,4,12,4V0 M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0L12,0z%22%2F%3E%3Cpath fill%3D%22%23faf8f5%22 d%3D%22M19.1,6.9c-0.5,0-1-0.2-1.4-0.6c-3.1-3.1-8.2-3.1-11.3,0c-0.8,0.8-2,0.8-2.8,0c-0.8-0.8-0.8-2,0-2.8 c4.7-4.7,12.3-4.7,17,0c0.8,0.8,0.8,2,0,2.8C20.1,6.7,19.6,6.9,19.1,6.9z%22%3E%3CanimateTransform attributeType%3D%22xml%22 attributeName%3D%22transform%22 type%3D%22rotate%22 from%3D%220 12 12%22 to%3D%22360 12 12%22 dur%3D%221s%22 calcMode%3D%22spline%22 keyTimes%3D%220%3B 1%22 keySplines%3D%220.185, 0.470, 0.990, 0.525%22 repeatCount%3D%22indefinite%22%2F%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}

input.wt-switch.wt-switch--is-loading.wt-switch--small:checked
  + .wt-switch__toggle:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2218%22 height%3D%2218%22 viewBox%3D%220 0 24 24%22%3E%3Cpath style%3D%22opacity%3A 0.2%3B%22 fill%3D%22var%28--clg-color-app-switch-checked-foreground, %23FAF8F5%29%22 d%3D%22M12,0v4c4.4,0,8,3.6,8,8c0,2.1-0.8,4.1-2.3,5.7C16.1,19.2,14.1,20,12,20c-4.4,0-8-3.6-8-8 c0-2.1,0.8-4.1,2.3-5.7C7.9,4.8,9.9,4,12,4V0 M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0L12,0z%22%2F%3E%3Cpath fill%3D%22var%28--clg-color-app-switch-checked-foreground, %23FAF8F5%29%22 d%3D%22M19.1,6.9c-0.5,0-1-0.2-1.4-0.6c-3.1-3.1-8.2-3.1-11.3,0c-0.8,0.8-2,0.8-2.8,0c-0.8-0.8-0.8-2,0-2.8 c4.7-4.7,12.3-4.7,17,0c0.8,0.8,0.8,2,0,2.8C20.1,6.7,19.6,6.9,19.1,6.9z%22%3E%3CanimateTransform attributeType%3D%22xml%22 attributeName%3D%22transform%22 type%3D%22rotate%22 from%3D%220 12 12%22 to%3D%22360 12 12%22 dur%3D%221s%22 calcMode%3D%22spline%22 keyTimes%3D%220%3B 1%22 keySplines%3D%220.185, 0.470, 0.990, 0.525%22 repeatCount%3D%22indefinite%22%2F%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}

[data-clg-mode="dark"]
  input.wt-switch.wt-switch--is-loading.wt-switch--small:checked
  + .wt-switch__toggle:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2218%22 height%3D%2218%22 viewBox%3D%220 0 24 24%22%3E%3Cpath style%3D%22opacity%3A 0.2%3B%22 fill%3D%22%23222%22 d%3D%22M12,0v4c4.4,0,8,3.6,8,8c0,2.1-0.8,4.1-2.3,5.7C16.1,19.2,14.1,20,12,20c-4.4,0-8-3.6-8-8 c0-2.1,0.8-4.1,2.3-5.7C7.9,4.8,9.9,4,12,4V0 M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0L12,0z%22%2F%3E%3Cpath fill%3D%22%23222%22 d%3D%22M19.1,6.9c-0.5,0-1-0.2-1.4-0.6c-3.1-3.1-8.2-3.1-11.3,0c-0.8,0.8-2,0.8-2.8,0c-0.8-0.8-0.8-2,0-2.8 c4.7-4.7,12.3-4.7,17,0c0.8,0.8,0.8,2,0,2.8C20.1,6.7,19.6,6.9,19.1,6.9z%22%3E%3CanimateTransform attributeType%3D%22xml%22 attributeName%3D%22transform%22 type%3D%22rotate%22 from%3D%220 12 12%22 to%3D%22360 12 12%22 dur%3D%221s%22 calcMode%3D%22spline%22 keyTimes%3D%220%3B 1%22 keySplines%3D%220.185, 0.470, 0.990, 0.525%22 repeatCount%3D%22indefinite%22%2F%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}

[data-clg-mode="dark"][data-clg-theme="refresh"]
  input.wt-switch.wt-switch--is-loading.wt-switch--small:checked
  + .wt-switch__toggle:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2218%22 height%3D%2218%22 viewBox%3D%220 0 24 24%22%3E%3Cpath style%3D%22opacity%3A 0.2%3B%22 fill%3D%22%23312b36%22 d%3D%22M12,0v4c4.4,0,8,3.6,8,8c0,2.1-0.8,4.1-2.3,5.7C16.1,19.2,14.1,20,12,20c-4.4,0-8-3.6-8-8 c0-2.1,0.8-4.1,2.3-5.7C7.9,4.8,9.9,4,12,4V0 M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0L12,0z%22%2F%3E%3Cpath fill%3D%22%23312b36%22 d%3D%22M19.1,6.9c-0.5,0-1-0.2-1.4-0.6c-3.1-3.1-8.2-3.1-11.3,0c-0.8,0.8-2,0.8-2.8,0c-0.8-0.8-0.8-2,0-2.8 c4.7-4.7,12.3-4.7,17,0c0.8,0.8,0.8,2,0,2.8C20.1,6.7,19.6,6.9,19.1,6.9z%22%3E%3CanimateTransform attributeType%3D%22xml%22 attributeName%3D%22transform%22 type%3D%22rotate%22 from%3D%220 12 12%22 to%3D%22360 12 12%22 dur%3D%221s%22 calcMode%3D%22spline%22 keyTimes%3D%220%3B 1%22 keySplines%3D%220.185, 0.470, 0.990, 0.525%22 repeatCount%3D%22indefinite%22%2F%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}

input.wt-switch.wt-switch--is-loading:not(.wt-switch--small):not(:checked)
  + .wt-switch__toggle:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath style%3D%22opacity%3A 0.2%3B%22 fill%3D%22var%28--clg-color-app-switch-foreground, %23312B36%29%22 d%3D%22M12,0v4c4.4,0,8,3.6,8,8c0,2.1-0.8,4.1-2.3,5.7C16.1,19.2,14.1,20,12,20c-4.4,0-8-3.6-8-8 c0-2.1,0.8-4.1,2.3-5.7C7.9,4.8,9.9,4,12,4V0 M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0L12,0z%22%2F%3E%3Cpath fill%3D%22var%28--clg-color-app-switch-foreground, %23312B36%29%22 d%3D%22M19.1,6.9c-0.5,0-1-0.2-1.4-0.6c-3.1-3.1-8.2-3.1-11.3,0c-0.8,0.8-2,0.8-2.8,0c-0.8-0.8-0.8-2,0-2.8 c4.7-4.7,12.3-4.7,17,0c0.8,0.8,0.8,2,0,2.8C20.1,6.7,19.6,6.9,19.1,6.9z%22%3E%3CanimateTransform attributeType%3D%22xml%22 attributeName%3D%22transform%22 type%3D%22rotate%22 from%3D%220 12 12%22 to%3D%22360 12 12%22 dur%3D%221s%22 calcMode%3D%22spline%22 keyTimes%3D%220%3B 1%22 keySplines%3D%220.185, 0.470, 0.990, 0.525%22 repeatCount%3D%22indefinite%22%2F%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
  background-position-y: calc(
    var(--clg-dimension-pal-spacing-200, 12px) -
      var(--clg-shape-sem-border-width-base, 2px)
  );
}

[data-clg-mode="dark"]
  input.wt-switch.wt-switch--is-loading:not(.wt-switch--small):not(:checked)
  + .wt-switch__toggle:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath style%3D%22opacity%3A 0.2%3B%22 fill%3D%22%23fff%22 d%3D%22M12,0v4c4.4,0,8,3.6,8,8c0,2.1-0.8,4.1-2.3,5.7C16.1,19.2,14.1,20,12,20c-4.4,0-8-3.6-8-8 c0-2.1,0.8-4.1,2.3-5.7C7.9,4.8,9.9,4,12,4V0 M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0L12,0z%22%2F%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M19.1,6.9c-0.5,0-1-0.2-1.4-0.6c-3.1-3.1-8.2-3.1-11.3,0c-0.8,0.8-2,0.8-2.8,0c-0.8-0.8-0.8-2,0-2.8 c4.7-4.7,12.3-4.7,17,0c0.8,0.8,0.8,2,0,2.8C20.1,6.7,19.6,6.9,19.1,6.9z%22%3E%3CanimateTransform attributeType%3D%22xml%22 attributeName%3D%22transform%22 type%3D%22rotate%22 from%3D%220 12 12%22 to%3D%22360 12 12%22 dur%3D%221s%22 calcMode%3D%22spline%22 keyTimes%3D%220%3B 1%22 keySplines%3D%220.185, 0.470, 0.990, 0.525%22 repeatCount%3D%22indefinite%22%2F%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}

[data-clg-mode="dark"][data-clg-theme="refresh"]
  input.wt-switch.wt-switch--is-loading:not(.wt-switch--small):not(:checked)
  + .wt-switch__toggle:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath style%3D%22opacity%3A 0.2%3B%22 fill%3D%22%23faf8f5%22 d%3D%22M12,0v4c4.4,0,8,3.6,8,8c0,2.1-0.8,4.1-2.3,5.7C16.1,19.2,14.1,20,12,20c-4.4,0-8-3.6-8-8 c0-2.1,0.8-4.1,2.3-5.7C7.9,4.8,9.9,4,12,4V0 M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0L12,0z%22%2F%3E%3Cpath fill%3D%22%23faf8f5%22 d%3D%22M19.1,6.9c-0.5,0-1-0.2-1.4-0.6c-3.1-3.1-8.2-3.1-11.3,0c-0.8,0.8-2,0.8-2.8,0c-0.8-0.8-0.8-2,0-2.8 c4.7-4.7,12.3-4.7,17,0c0.8,0.8,0.8,2,0,2.8C20.1,6.7,19.6,6.9,19.1,6.9z%22%3E%3CanimateTransform attributeType%3D%22xml%22 attributeName%3D%22transform%22 type%3D%22rotate%22 from%3D%220 12 12%22 to%3D%22360 12 12%22 dur%3D%221s%22 calcMode%3D%22spline%22 keyTimes%3D%220%3B 1%22 keySplines%3D%220.185, 0.470, 0.990, 0.525%22 repeatCount%3D%22indefinite%22%2F%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}

input.wt-switch.wt-switch--is-loading:not(.wt-switch--small):checked
  + .wt-switch__toggle:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath style%3D%22opacity%3A 0.2%3B%22 fill%3D%22var%28--clg-color-app-switch-checked-foreground, %23FAF8F5%29%22 d%3D%22M12,0v4c4.4,0,8,3.6,8,8c0,2.1-0.8,4.1-2.3,5.7C16.1,19.2,14.1,20,12,20c-4.4,0-8-3.6-8-8 c0-2.1,0.8-4.1,2.3-5.7C7.9,4.8,9.9,4,12,4V0 M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0L12,0z%22%2F%3E%3Cpath fill%3D%22var%28--clg-color-app-switch-checked-foreground, %23FAF8F5%29%22 d%3D%22M19.1,6.9c-0.5,0-1-0.2-1.4-0.6c-3.1-3.1-8.2-3.1-11.3,0c-0.8,0.8-2,0.8-2.8,0c-0.8-0.8-0.8-2,0-2.8 c4.7-4.7,12.3-4.7,17,0c0.8,0.8,0.8,2,0,2.8C20.1,6.7,19.6,6.9,19.1,6.9z%22%3E%3CanimateTransform attributeType%3D%22xml%22 attributeName%3D%22transform%22 type%3D%22rotate%22 from%3D%220 12 12%22 to%3D%22360 12 12%22 dur%3D%221s%22 calcMode%3D%22spline%22 keyTimes%3D%220%3B 1%22 keySplines%3D%220.185, 0.470, 0.990, 0.525%22 repeatCount%3D%22indefinite%22%2F%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
  background-position-x: calc(
    var(--clg-dimension-pal-spacing-base-unit, 6px) * 1.5
  );
  background-position-y: calc(
    var(--clg-dimension-pal-spacing-200, 12px) -
      var(--clg-shape-sem-border-width-base, 2px)
  );
}

[data-clg-mode="dark"]
  input.wt-switch.wt-switch--is-loading:not(.wt-switch--small):checked
  + .wt-switch__toggle:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath style%3D%22opacity%3A 0.2%3B%22 fill%3D%22%23222%22 d%3D%22M12,0v4c4.4,0,8,3.6,8,8c0,2.1-0.8,4.1-2.3,5.7C16.1,19.2,14.1,20,12,20c-4.4,0-8-3.6-8-8 c0-2.1,0.8-4.1,2.3-5.7C7.9,4.8,9.9,4,12,4V0 M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0L12,0z%22%2F%3E%3Cpath fill%3D%22%23222%22 d%3D%22M19.1,6.9c-0.5,0-1-0.2-1.4-0.6c-3.1-3.1-8.2-3.1-11.3,0c-0.8,0.8-2,0.8-2.8,0c-0.8-0.8-0.8-2,0-2.8 c4.7-4.7,12.3-4.7,17,0c0.8,0.8,0.8,2,0,2.8C20.1,6.7,19.6,6.9,19.1,6.9z%22%3E%3CanimateTransform attributeType%3D%22xml%22 attributeName%3D%22transform%22 type%3D%22rotate%22 from%3D%220 12 12%22 to%3D%22360 12 12%22 dur%3D%221s%22 calcMode%3D%22spline%22 keyTimes%3D%220%3B 1%22 keySplines%3D%220.185, 0.470, 0.990, 0.525%22 repeatCount%3D%22indefinite%22%2F%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}

[data-clg-mode="dark"][data-clg-theme="refresh"]
  input.wt-switch.wt-switch--is-loading:not(.wt-switch--small):checked
  + .wt-switch__toggle:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath style%3D%22opacity%3A 0.2%3B%22 fill%3D%22%23312b36%22 d%3D%22M12,0v4c4.4,0,8,3.6,8,8c0,2.1-0.8,4.1-2.3,5.7C16.1,19.2,14.1,20,12,20c-4.4,0-8-3.6-8-8 c0-2.1,0.8-4.1,2.3-5.7C7.9,4.8,9.9,4,12,4V0 M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0L12,0z%22%2F%3E%3Cpath fill%3D%22%23312b36%22 d%3D%22M19.1,6.9c-0.5,0-1-0.2-1.4-0.6c-3.1-3.1-8.2-3.1-11.3,0c-0.8,0.8-2,0.8-2.8,0c-0.8-0.8-0.8-2,0-2.8 c4.7-4.7,12.3-4.7,17,0c0.8,0.8,0.8,2,0,2.8C20.1,6.7,19.6,6.9,19.1,6.9z%22%3E%3CanimateTransform attributeType%3D%22xml%22 attributeName%3D%22transform%22 type%3D%22rotate%22 from%3D%220 12 12%22 to%3D%22360 12 12%22 dur%3D%221s%22 calcMode%3D%22spline%22 keyTimes%3D%220%3B 1%22 keySplines%3D%220.185, 0.470, 0.990, 0.525%22 repeatCount%3D%22indefinite%22%2F%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}

.wt-switch-with-label {
  font-size: var(
    --clg-typography-sem-product-body-desktop-base-font-size,
    16px
  );
  justify-content: space-between;
  align-items: center;
  display: inline-flex;
}

.wt-switch-with-label.wt-switch-list {
  width: 100%;
  display: flex;
}

.wt-switch-with-label.wt-switch-with-label--space-between {
  justify-content: space-between;
  display: flex;
}

.wt-switch__wrapper {
  font-size: var(
    --clg-typography-sem-product-body-desktop-base-font-size,
    16px
  );
  justify-content: space-between;
  align-items: center;
  display: inline-flex;
}

.wt-switch__frame {
  flex-shrink: 0;
  align-items: center;
  display: inline-flex;
  position: relative;
}

.wt-switch__frame input.wt-switch {
  z-index: 2;
  opacity: 0;
  border: none;
  outline: none;
  width: 84px;
  height: 48px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.wt-switch__frame input.wt-switch.wt-switch--small {
  width: 63px;
  height: 36px;
}

.wt-validation .wt-input[aria-invalid="true"],
.wt-validation
  .wt-input[aria-invalid="true"]
  + .wt-input-btn-group__btn:not(.wt-input-btn-group__btn--filled),
.wt-validation .wt-select__element[aria-invalid="true"],
.wt-validation
  .wt-select__element[aria-invalid="true"]
  + .wt-input-btn-group__btn:not(.wt-input-btn-group__btn--filled),
.wt-validation .wt-textarea[aria-invalid="true"],
.wt-validation
  .wt-textarea[aria-invalid="true"]
  + .wt-input-btn-group__btn:not(.wt-input-btn-group__btn--filled),
.wt-validation .wt-input-btn-group__input[aria-invalid="true"],
.wt-validation
  .wt-input-btn-group__input[aria-invalid="true"]
  + .wt-input-btn-group__btn:not(.wt-input-btn-group__btn--filled) {
  background-color: var(
    --clg-color-sem-background-surface-critical-subtle,
    #fdecef
  );
  border-color: var(--clg-color-sem-border-critical, #c7102f);
  transition: all var(--clg-effect-pal-duration-200, 0.2s) ease-in;
}

.wt-validation .wt-input[aria-invalid="true"]:hover,
.wt-validation .wt-input[aria-invalid="true"]:focus,
.wt-validation .wt-select__element[aria-invalid="true"]:hover,
.wt-validation .wt-select__element[aria-invalid="true"]:focus,
.wt-validation .wt-textarea[aria-invalid="true"]:hover,
.wt-validation .wt-textarea[aria-invalid="true"]:focus,
.wt-validation .wt-input-btn-group__input[aria-invalid="true"]:hover,
.wt-validation .wt-input-btn-group__input[aria-invalid="true"]:focus {
  border-color: var(--clg-color-sem-border-critical, #c7102f);
}

.wt-validation
  .wt-input-btn-group__input[aria-invalid="true"]:hover
  + .wt-input-btn-group__btn:not(.wt-input-btn-group__btn--filled),
.wt-validation
  .wt-input-btn-group__input[aria-invalid="true"]:focus
  + .wt-input-btn-group__btn:not(.wt-input-btn-group__btn--filled) {
  border-color: var(--clg-color-pal-red-750, #c7102f);
}

.wt-validation.wt-checkbox
  input[type="checkbox"][aria-invalid="true"]
  + .wt-checkbox__label:before,
.wt-validation.wt-checkbox
  input[type="checkbox"][aria-invalid="true"]
  + .wt-radio__label:before,
.wt-validation.wt-checkbox
  input[type="checkbox"][aria-invalid="true"]
  + label:before,
.wt-validation.wt-radio
  input[type="radio"][aria-invalid="true"]
  + .wt-checkbox__label:before,
.wt-validation.wt-radio
  input[type="radio"][aria-invalid="true"]
  + .wt-radio__label:before,
.wt-validation.wt-radio input[type="radio"][aria-invalid="true"] + label:before,
.wt-validation
  .wt-checkbox
  input[type="checkbox"][aria-invalid="true"]
  + .wt-checkbox__label:before,
.wt-validation
  .wt-checkbox
  input[type="checkbox"][aria-invalid="true"]
  + .wt-radio__label:before,
.wt-validation
  .wt-checkbox
  input[type="checkbox"][aria-invalid="true"]
  + label:before,
.wt-validation
  .wt-radio
  input[type="radio"][aria-invalid="true"]
  + .wt-checkbox__label:before,
.wt-validation
  .wt-radio
  input[type="radio"][aria-invalid="true"]
  + .wt-radio__label:before,
.wt-validation
  .wt-radio
  input[type="radio"][aria-invalid="true"]
  + label:before,
.wt-validation
  fieldset[aria-invalid="true"]
  .wt-checkbox
  input[type="checkbox"]
  + .wt-checkbox__label:before,
.wt-validation
  fieldset[aria-invalid="true"]
  .wt-checkbox
  input[type="checkbox"]
  + .wt-radio__label:before,
.wt-validation
  fieldset[aria-invalid="true"]
  .wt-checkbox
  input[type="checkbox"]
  + label:before,
.wt-validation
  fieldset[aria-invalid="true"]
  .wt-radio
  input[type="radio"]
  + .wt-checkbox__label:before,
.wt-validation
  fieldset[aria-invalid="true"]
  .wt-radio
  input[type="radio"]
  + .wt-radio__label:before,
.wt-validation
  fieldset[aria-invalid="true"]
  .wt-radio
  input[type="radio"]
  + label:before {
  border: var(--clg-shape-pal-border-width-200, 2px) solid
    var(--clg-color-sem-border-critical, #c7102f);
  background-color: var(
    --clg-color-sem-background-surface-critical-subtle,
    #fdecef
  );
}

.wt-validation.wt-checkbox
  input[type="checkbox"][aria-invalid="true"]:checked
  + .wt-checkbox__label:before,
.wt-validation.wt-checkbox
  input[type="checkbox"][aria-invalid="true"]:checked
  + .wt-radio__label:before,
.wt-validation.wt-checkbox
  input[type="checkbox"][aria-invalid="true"]:checked
  + label:before,
.wt-validation.wt-radio
  input[type="radio"][aria-invalid="true"]:checked
  + .wt-checkbox__label:before,
.wt-validation.wt-radio
  input[type="radio"][aria-invalid="true"]:checked
  + .wt-radio__label:before,
.wt-validation.wt-radio
  input[type="radio"][aria-invalid="true"]:checked
  + label:before,
.wt-validation
  .wt-checkbox
  input[type="checkbox"][aria-invalid="true"]:checked
  + .wt-checkbox__label:before,
.wt-validation
  .wt-checkbox
  input[type="checkbox"][aria-invalid="true"]:checked
  + .wt-radio__label:before,
.wt-validation
  .wt-checkbox
  input[type="checkbox"][aria-invalid="true"]:checked
  + label:before,
.wt-validation
  .wt-radio
  input[type="radio"][aria-invalid="true"]:checked
  + .wt-checkbox__label:before,
.wt-validation
  .wt-radio
  input[type="radio"][aria-invalid="true"]:checked
  + .wt-radio__label:before,
.wt-validation
  .wt-radio
  input[type="radio"][aria-invalid="true"]:checked
  + label:before,
.wt-validation
  fieldset[aria-invalid="true"]
  .wt-checkbox
  input[type="checkbox"]:checked
  + .wt-checkbox__label:before,
.wt-validation
  fieldset[aria-invalid="true"]
  .wt-checkbox
  input[type="checkbox"]:checked
  + .wt-radio__label:before,
.wt-validation
  fieldset[aria-invalid="true"]
  .wt-checkbox
  input[type="checkbox"]:checked
  + label:before,
.wt-validation
  fieldset[aria-invalid="true"]
  .wt-radio
  input[type="radio"]:checked
  + .wt-checkbox__label:before,
.wt-validation
  fieldset[aria-invalid="true"]
  .wt-radio
  input[type="radio"]:checked
  + .wt-radio__label:before,
.wt-validation
  fieldset[aria-invalid="true"]
  .wt-radio
  input[type="radio"]:checked
  + label:before {
  background: var(--clg-color-sem-background-surface-critical-strong, #c7102f);
}

.wt-validation.wt-checkbox
  input[type="checkbox"][aria-invalid="true"]:focus
  + .wt-checkbox__label:before,
.wt-validation.wt-checkbox
  input[type="checkbox"][aria-invalid="true"]:focus
  + .wt-checkbox__label:before,
.wt-validation.wt-checkbox
  input[type="checkbox"][aria-invalid="true"]:focus
  + label:before,
.wt-validation.wt-checkbox
  input[type="checkbox"][aria-invalid="true"]:active
  + .wt-checkbox__label:before,
.wt-validation.wt-checkbox
  input[type="checkbox"][aria-invalid="true"]:active
  + .wt-checkbox__label:before,
.wt-validation.wt-checkbox
  input[type="checkbox"][aria-invalid="true"]:active
  + label:before,
.wt-validation.wt-radio
  input[type="radio"][aria-invalid="true"]:focus
  + .wt-checkbox__label:before,
.wt-validation.wt-radio
  input[type="radio"][aria-invalid="true"]:focus
  + .wt-checkbox__label:before,
.wt-validation.wt-radio
  input[type="radio"][aria-invalid="true"]:focus
  + label:before,
.wt-validation.wt-radio
  input[type="radio"][aria-invalid="true"]:active
  + .wt-checkbox__label:before,
.wt-validation.wt-radio
  input[type="radio"][aria-invalid="true"]:active
  + .wt-checkbox__label:before,
.wt-validation.wt-radio
  input[type="radio"][aria-invalid="true"]:active
  + label:before,
.wt-validation
  .wt-checkbox
  input[type="checkbox"][aria-invalid="true"]:focus
  + .wt-checkbox__label:before,
.wt-validation
  .wt-checkbox
  input[type="checkbox"][aria-invalid="true"]:focus
  + .wt-checkbox__label:before,
.wt-validation
  .wt-checkbox
  input[type="checkbox"][aria-invalid="true"]:focus
  + label:before,
.wt-validation
  .wt-checkbox
  input[type="checkbox"][aria-invalid="true"]:active
  + .wt-checkbox__label:before,
.wt-validation
  .wt-checkbox
  input[type="checkbox"][aria-invalid="true"]:active
  + .wt-checkbox__label:before,
.wt-validation
  .wt-checkbox
  input[type="checkbox"][aria-invalid="true"]:active
  + label:before,
.wt-validation
  .wt-radio
  input[type="radio"][aria-invalid="true"]:focus
  + .wt-checkbox__label:before,
.wt-validation
  .wt-radio
  input[type="radio"][aria-invalid="true"]:focus
  + .wt-checkbox__label:before,
.wt-validation
  .wt-radio
  input[type="radio"][aria-invalid="true"]:focus
  + label:before,
.wt-validation
  .wt-radio
  input[type="radio"][aria-invalid="true"]:active
  + .wt-checkbox__label:before,
.wt-validation
  .wt-radio
  input[type="radio"][aria-invalid="true"]:active
  + .wt-checkbox__label:before,
.wt-validation
  .wt-radio
  input[type="radio"][aria-invalid="true"]:active
  + label:before,
.wt-validation
  fieldset[aria-invalid="true"]
  .wt-checkbox
  input[type="checkbox"]:focus
  + .wt-checkbox__label:before,
.wt-validation
  fieldset[aria-invalid="true"]
  .wt-checkbox
  input[type="checkbox"]:focus
  + .wt-checkbox__label:before,
.wt-validation
  fieldset[aria-invalid="true"]
  .wt-checkbox
  input[type="checkbox"]:focus
  + label:before,
.wt-validation
  fieldset[aria-invalid="true"]
  .wt-checkbox
  input[type="checkbox"]:active
  + .wt-checkbox__label:before,
.wt-validation
  fieldset[aria-invalid="true"]
  .wt-checkbox
  input[type="checkbox"]:active
  + .wt-checkbox__label:before,
.wt-validation
  fieldset[aria-invalid="true"]
  .wt-checkbox
  input[type="checkbox"]:active
  + label:before,
.wt-validation
  fieldset[aria-invalid="true"]
  .wt-radio
  input[type="radio"]:focus
  + .wt-checkbox__label:before,
.wt-validation
  fieldset[aria-invalid="true"]
  .wt-radio
  input[type="radio"]:focus
  + .wt-checkbox__label:before,
.wt-validation
  fieldset[aria-invalid="true"]
  .wt-radio
  input[type="radio"]:focus
  + label:before,
.wt-validation
  fieldset[aria-invalid="true"]
  .wt-radio
  input[type="radio"]:active
  + .wt-checkbox__label:before,
.wt-validation
  fieldset[aria-invalid="true"]
  .wt-radio
  input[type="radio"]:active
  + .wt-checkbox__label:before,
.wt-validation
  fieldset[aria-invalid="true"]
  .wt-radio
  input[type="radio"]:active
  + label:before {
  box-shadow:
    0 0 0 var(--clg-shape-pal-border-width-200, 2px)
      var(--clg-color-sem-background-elevation-0, #faf8f5),
    0 0 0 var(--clg-shape-pal-border-width-300, 4px)
      var(--clg-color-sem-border-focused, #426bdb);
}

.wt-validation .wt-validation__message,
.wt-validation .wt-validation__message--warning {
  color: var(--clg-color-sem-text-critical, #c7102f);
  margin-top: var(--clg-dimension-pal-spacing-100, 6px);
  font-size: var(
    --clg-typography-sem-product-body-desktop-base-font-size,
    16px
  );
  line-height: var(
    --clg-typography-sem-product-body-desktop-base-line-height,
    20px
  );
  font-weight: var(
    --clg-typography-sem-product-body-desktop-base-font-weight,
    400
  );
  font-family: var(
    --clg-typography-sem-product-body-desktop-base-font-family,
    "ABCDiatype",
    "-apple-system",
    "Helvetica Neue",
    "Droid Sans",
    "Arial",
    "sans-serif"
  );
  transition: opacity var(--clg-effect-pal-duration-200, 0.2s) ease-in;
}

.wt-validation .wt-validation__message--small,
.wt-validation .wt-validation__message--warning--small {
  font-size: var(
    --clg-typography-sem-product-body-desktop-small-font-size,
    14px
  );
  line-height: var(
    --clg-typography-sem-product-body-desktop-small-line-height,
    16px
  );
}

.wt-validation .wt-validation__message.wt-validation__message--is-hidden,
.wt-validation
  .wt-validation__message--warning.wt-validation__message--is-hidden {
  visibility: hidden;
  opacity: 0;
  height: 0;
  margin-top: 0;
  overflow: hidden;
}

.wt-validation .wt-validation__message--warning {
  color: var(--clg-color-pal-greyscale-800, #312b36);
}

.wt-validation .wt-validation__message--caption {
  color: var(--clg-color-pal-greyscale-500, #736b68);
}

.wt-validation__icon__frame {
  margin-top: calc(
    var(--clg-dimension-pal-spacing-100, 6px) -
      var(--clg-shape-sem-border-width-thin, 1px)
  );
  margin-right: var(--clg-dimension-pal-spacing-100, 6px);
  height: calc(
    var(--clg-typography-sem-product-body-desktop-base-line-height, 20px) *
      var(--clg-typography-sem-product-body-desktop-base-font-size, 16px)
  );
  width: calc(
    var(--clg-typography-sem-product-body-desktop-base-line-height, 20px) *
      var(--clg-typography-sem-product-body-desktop-base-font-size, 16px)
  );
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.wt-validation__icon__frame--small {
  height: calc(
    var(--clg-typography-sem-product-body-desktop-small-line-height, 16px) *
      var(--clg-typography-sem-product-body-desktop-small-font-size, 14px)
  );
  width: calc(
    var(--clg-typography-sem-product-body-desktop-small-line-height, 16px) *
      var(--clg-typography-sem-product-body-desktop-small-font-size, 14px)
  );
}

.wt-validation__icon {
  color: var(--clg-color-pal-greyscale-000, #fff);
  background-color: var(--clg-color-sem-text-critical, #c7102f);
  border-radius: 50%;
  flex-grow: 0;
  flex-shrink: 1;
  max-height: 100%;
}

.wt-validation__icon--warning {
  color: var(--clg-color-pal-greyscale-800, #312b36);
  background-color: var(
    --clg-color-sem-background-surface-warning-light,
    #ffc340
  );
  -webkit-clip-path: polygon(50% 0, 100% 90%, 0 90%);
  clip-path: polygon(50% 0, 100% 90%, 0 90%);
}

.wt-validation__icon--caption {
  color: var(--clg-color-pal-greyscale-500, #736b68);
  background-color: #0000;
}

@media only screen and (min-width: 0) {
  .etsy-icon.wt-icon--smallest-xs,
  .wt-icon.wt-icon--smallest-xs {
    height: var(--clg-dimension-sem-icon-core-smallest, 12px);
    width: var(--clg-dimension-sem-icon-core-smallest, 12px);
  }

  .etsy-icon.wt-icon--smallest-xs.wt-icon--logo svg,
  .wt-icon.wt-icon--smallest-xs.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-smallest, 12px);
  }

  .etsy-icon.wt-icon--smallest-xs.wt-icon--brand,
  .wt-icon.wt-icon--smallest-xs.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-smallest, 96px);
    width: var(--clg-dimension-sem-icon-brand-container-smallest, 96px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-smallest, 96px) -
            var(--clg-dimension-sem-icon-brand-smallest, 60px)
        ) /
        2
    );
  }

  .etsy-icon.wt-icon--smaller-xs,
  .wt-icon.wt-icon--smaller-xs {
    height: var(--clg-dimension-sem-icon-core-smaller, 16px);
    width: var(--clg-dimension-sem-icon-core-smaller, 16px);
  }

  .etsy-icon.wt-icon--smaller-xs.wt-icon--logo svg,
  .wt-icon.wt-icon--smaller-xs.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-smaller, 16px);
  }

  .etsy-icon.wt-icon--smaller-xs.wt-icon--brand,
  .wt-icon.wt-icon--smaller-xs.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-smaller, 120px);
    width: var(--clg-dimension-sem-icon-brand-container-smaller, 120px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-smaller, 120px) -
            var(--clg-dimension-sem-icon-brand-smaller, 84px)
        ) /
        2
    );
  }

  .etsy-icon.wt-icon--base-xs,
  .wt-icon.wt-icon--base-xs {
    height: var(--clg-dimension-sem-icon-core-base, 24px);
    width: var(--clg-dimension-sem-icon-core-base, 24px);
  }

  .etsy-icon.wt-icon--base-xs.wt-icon--logo svg,
  .wt-icon.wt-icon--base-xs.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-base, 24px);
  }

  .etsy-icon.wt-icon--base-xs.wt-icon--brand,
  .wt-icon.wt-icon--base-xs.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-base, 144px);
    width: var(--clg-dimension-sem-icon-brand-container-base, 144px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-base, 144px) -
            var(--clg-dimension-sem-icon-brand-base, 96px)
        ) /
        2
    );
  }

  .etsy-icon.wt-icon--larger-xs,
  .wt-icon.wt-icon--larger-xs {
    height: var(--clg-dimension-sem-icon-core-larger, 32px);
    width: var(--clg-dimension-sem-icon-core-larger, 32px);
  }

  .etsy-icon.wt-icon--larger-xs.wt-icon--logo svg,
  .wt-icon.wt-icon--larger-xs.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-larger, 32px);
  }

  .etsy-icon.wt-icon--larger-xs.wt-icon--brand,
  .wt-icon.wt-icon--larger-xs.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-larger, 168px);
    width: var(--clg-dimension-sem-icon-brand-container-larger, 168px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-larger, 168px) -
            var(--clg-dimension-sem-icon-brand-larger, 108px)
        ) /
        2
    );
  }

  .etsy-icon.wt-icon--largest-xs,
  .wt-icon.wt-icon--largest-xs {
    height: var(--clg-dimension-sem-icon-core-largest, 48px);
    width: var(--clg-dimension-sem-icon-core-largest, 48px);
  }

  .etsy-icon.wt-icon--largest-xs.wt-icon--logo svg,
  .wt-icon.wt-icon--largest-xs.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-largest, 48px);
  }

  .etsy-icon.wt-icon--largest-xs.wt-icon--brand,
  .wt-icon.wt-icon--largest-xs.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-largest, 192px);
    width: var(--clg-dimension-sem-icon-brand-container-largest, 192px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-largest, 192px) -
            var(--clg-dimension-sem-icon-brand-largest, 120px)
        ) /
        2
    );
  }
}

@media only screen and (min-width: 480px) {
  .etsy-icon.wt-icon--smallest-sm,
  .wt-icon.wt-icon--smallest-sm {
    height: var(--clg-dimension-sem-icon-core-smallest, 12px);
    width: var(--clg-dimension-sem-icon-core-smallest, 12px);
  }

  .etsy-icon.wt-icon--smallest-sm.wt-icon--logo svg,
  .wt-icon.wt-icon--smallest-sm.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-smallest, 12px);
  }

  .etsy-icon.wt-icon--smallest-sm.wt-icon--brand,
  .wt-icon.wt-icon--smallest-sm.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-smallest, 96px);
    width: var(--clg-dimension-sem-icon-brand-container-smallest, 96px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-smallest, 96px) -
            var(--clg-dimension-sem-icon-brand-smallest, 60px)
        ) /
        2
    );
  }

  .etsy-icon.wt-icon--smaller-sm,
  .wt-icon.wt-icon--smaller-sm {
    height: var(--clg-dimension-sem-icon-core-smaller, 16px);
    width: var(--clg-dimension-sem-icon-core-smaller, 16px);
  }

  .etsy-icon.wt-icon--smaller-sm.wt-icon--logo svg,
  .wt-icon.wt-icon--smaller-sm.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-smaller, 16px);
  }

  .etsy-icon.wt-icon--smaller-sm.wt-icon--brand,
  .wt-icon.wt-icon--smaller-sm.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-smaller, 120px);
    width: var(--clg-dimension-sem-icon-brand-container-smaller, 120px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-smaller, 120px) -
            var(--clg-dimension-sem-icon-brand-smaller, 84px)
        ) /
        2
    );
  }

  .etsy-icon.wt-icon--base-sm,
  .wt-icon.wt-icon--base-sm {
    height: var(--clg-dimension-sem-icon-core-base, 24px);
    width: var(--clg-dimension-sem-icon-core-base, 24px);
  }

  .etsy-icon.wt-icon--base-sm.wt-icon--logo svg,
  .wt-icon.wt-icon--base-sm.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-base, 24px);
  }

  .etsy-icon.wt-icon--base-sm.wt-icon--brand,
  .wt-icon.wt-icon--base-sm.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-base, 144px);
    width: var(--clg-dimension-sem-icon-brand-container-base, 144px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-base, 144px) -
            var(--clg-dimension-sem-icon-brand-base, 96px)
        ) /
        2
    );
  }

  .etsy-icon.wt-icon--larger-sm,
  .wt-icon.wt-icon--larger-sm {
    height: var(--clg-dimension-sem-icon-core-larger, 32px);
    width: var(--clg-dimension-sem-icon-core-larger, 32px);
  }

  .etsy-icon.wt-icon--larger-sm.wt-icon--logo svg,
  .wt-icon.wt-icon--larger-sm.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-larger, 32px);
  }

  .etsy-icon.wt-icon--larger-sm.wt-icon--brand,
  .wt-icon.wt-icon--larger-sm.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-larger, 168px);
    width: var(--clg-dimension-sem-icon-brand-container-larger, 168px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-larger, 168px) -
            var(--clg-dimension-sem-icon-brand-larger, 108px)
        ) /
        2
    );
  }

  .etsy-icon.wt-icon--largest-sm,
  .wt-icon.wt-icon--largest-sm {
    height: var(--clg-dimension-sem-icon-core-largest, 48px);
    width: var(--clg-dimension-sem-icon-core-largest, 48px);
  }

  .etsy-icon.wt-icon--largest-sm.wt-icon--logo svg,
  .wt-icon.wt-icon--largest-sm.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-largest, 48px);
  }

  .etsy-icon.wt-icon--largest-sm.wt-icon--brand,
  .wt-icon.wt-icon--largest-sm.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-largest, 192px);
    width: var(--clg-dimension-sem-icon-brand-container-largest, 192px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-largest, 192px) -
            var(--clg-dimension-sem-icon-brand-largest, 120px)
        ) /
        2
    );
  }
}

@media only screen and (min-width: 640px) {
  .etsy-icon.wt-icon--smallest-md,
  .wt-icon.wt-icon--smallest-md {
    height: var(--clg-dimension-sem-icon-core-smallest, 12px);
    width: var(--clg-dimension-sem-icon-core-smallest, 12px);
  }

  .etsy-icon.wt-icon--smallest-md.wt-icon--logo svg,
  .wt-icon.wt-icon--smallest-md.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-smallest, 12px);
  }

  .etsy-icon.wt-icon--smallest-md.wt-icon--brand,
  .wt-icon.wt-icon--smallest-md.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-smallest, 96px);
    width: var(--clg-dimension-sem-icon-brand-container-smallest, 96px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-smallest, 96px) -
            var(--clg-dimension-sem-icon-brand-smallest, 60px)
        ) /
        2
    );
  }

  .etsy-icon.wt-icon--smaller-md,
  .wt-icon.wt-icon--smaller-md {
    height: var(--clg-dimension-sem-icon-core-smaller, 16px);
    width: var(--clg-dimension-sem-icon-core-smaller, 16px);
  }

  .etsy-icon.wt-icon--smaller-md.wt-icon--logo svg,
  .wt-icon.wt-icon--smaller-md.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-smaller, 16px);
  }

  .etsy-icon.wt-icon--smaller-md.wt-icon--brand,
  .wt-icon.wt-icon--smaller-md.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-smaller, 120px);
    width: var(--clg-dimension-sem-icon-brand-container-smaller, 120px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-smaller, 120px) -
            var(--clg-dimension-sem-icon-brand-smaller, 84px)
        ) /
        2
    );
  }

  .etsy-icon.wt-icon--base-md,
  .wt-icon.wt-icon--base-md {
    height: var(--clg-dimension-sem-icon-core-base, 24px);
    width: var(--clg-dimension-sem-icon-core-base, 24px);
  }

  .etsy-icon.wt-icon--base-md.wt-icon--logo svg,
  .wt-icon.wt-icon--base-md.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-base, 24px);
  }

  .etsy-icon.wt-icon--base-md.wt-icon--brand,
  .wt-icon.wt-icon--base-md.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-base, 144px);
    width: var(--clg-dimension-sem-icon-brand-container-base, 144px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-base, 144px) -
            var(--clg-dimension-sem-icon-brand-base, 96px)
        ) /
        2
    );
  }

  .etsy-icon.wt-icon--larger-md,
  .wt-icon.wt-icon--larger-md {
    height: var(--clg-dimension-sem-icon-core-larger, 32px);
    width: var(--clg-dimension-sem-icon-core-larger, 32px);
  }

  .etsy-icon.wt-icon--larger-md.wt-icon--logo svg,
  .wt-icon.wt-icon--larger-md.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-larger, 32px);
  }

  .etsy-icon.wt-icon--larger-md.wt-icon--brand,
  .wt-icon.wt-icon--larger-md.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-larger, 168px);
    width: var(--clg-dimension-sem-icon-brand-container-larger, 168px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-larger, 168px) -
            var(--clg-dimension-sem-icon-brand-larger, 108px)
        ) /
        2
    );
  }

  .etsy-icon.wt-icon--largest-md,
  .wt-icon.wt-icon--largest-md {
    height: var(--clg-dimension-sem-icon-core-largest, 48px);
    width: var(--clg-dimension-sem-icon-core-largest, 48px);
  }

  .etsy-icon.wt-icon--largest-md.wt-icon--logo svg,
  .wt-icon.wt-icon--largest-md.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-largest, 48px);
  }

  .etsy-icon.wt-icon--largest-md.wt-icon--brand,
  .wt-icon.wt-icon--largest-md.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-largest, 192px);
    width: var(--clg-dimension-sem-icon-brand-container-largest, 192px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-largest, 192px) -
            var(--clg-dimension-sem-icon-brand-largest, 120px)
        ) /
        2
    );
  }
}

@media only screen and (min-width: 900px) {
  .etsy-icon.wt-icon--smallest-lg,
  .wt-icon.wt-icon--smallest-lg {
    height: var(--clg-dimension-sem-icon-core-smallest, 12px);
    width: var(--clg-dimension-sem-icon-core-smallest, 12px);
  }

  .etsy-icon.wt-icon--smallest-lg.wt-icon--logo svg,
  .wt-icon.wt-icon--smallest-lg.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-smallest, 12px);
  }

  .etsy-icon.wt-icon--smallest-lg.wt-icon--brand,
  .wt-icon.wt-icon--smallest-lg.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-smallest, 96px);
    width: var(--clg-dimension-sem-icon-brand-container-smallest, 96px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-smallest, 96px) -
            var(--clg-dimension-sem-icon-brand-smallest, 60px)
        ) /
        2
    );
  }

  .etsy-icon.wt-icon--smaller-lg,
  .wt-icon.wt-icon--smaller-lg {
    height: var(--clg-dimension-sem-icon-core-smaller, 16px);
    width: var(--clg-dimension-sem-icon-core-smaller, 16px);
  }

  .etsy-icon.wt-icon--smaller-lg.wt-icon--logo svg,
  .wt-icon.wt-icon--smaller-lg.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-smaller, 16px);
  }

  .etsy-icon.wt-icon--smaller-lg.wt-icon--brand,
  .wt-icon.wt-icon--smaller-lg.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-smaller, 120px);
    width: var(--clg-dimension-sem-icon-brand-container-smaller, 120px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-smaller, 120px) -
            var(--clg-dimension-sem-icon-brand-smaller, 84px)
        ) /
        2
    );
  }

  .etsy-icon.wt-icon--base-lg,
  .wt-icon.wt-icon--base-lg {
    height: var(--clg-dimension-sem-icon-core-base, 24px);
    width: var(--clg-dimension-sem-icon-core-base, 24px);
  }

  .etsy-icon.wt-icon--base-lg.wt-icon--logo svg,
  .wt-icon.wt-icon--base-lg.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-base, 24px);
  }

  .etsy-icon.wt-icon--base-lg.wt-icon--brand,
  .wt-icon.wt-icon--base-lg.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-base, 144px);
    width: var(--clg-dimension-sem-icon-brand-container-base, 144px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-base, 144px) -
            var(--clg-dimension-sem-icon-brand-base, 96px)
        ) /
        2
    );
  }

  .etsy-icon.wt-icon--larger-lg,
  .wt-icon.wt-icon--larger-lg {
    height: var(--clg-dimension-sem-icon-core-larger, 32px);
    width: var(--clg-dimension-sem-icon-core-larger, 32px);
  }

  .etsy-icon.wt-icon--larger-lg.wt-icon--logo svg,
  .wt-icon.wt-icon--larger-lg.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-larger, 32px);
  }

  .etsy-icon.wt-icon--larger-lg.wt-icon--brand,
  .wt-icon.wt-icon--larger-lg.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-larger, 168px);
    width: var(--clg-dimension-sem-icon-brand-container-larger, 168px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-larger, 168px) -
            var(--clg-dimension-sem-icon-brand-larger, 108px)
        ) /
        2
    );
  }

  .etsy-icon.wt-icon--largest-lg,
  .wt-icon.wt-icon--largest-lg {
    height: var(--clg-dimension-sem-icon-core-largest, 48px);
    width: var(--clg-dimension-sem-icon-core-largest, 48px);
  }

  .etsy-icon.wt-icon--largest-lg.wt-icon--logo svg,
  .wt-icon.wt-icon--largest-lg.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-largest, 48px);
  }

  .etsy-icon.wt-icon--largest-lg.wt-icon--brand,
  .wt-icon.wt-icon--largest-lg.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-largest, 192px);
    width: var(--clg-dimension-sem-icon-brand-container-largest, 192px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-largest, 192px) -
            var(--clg-dimension-sem-icon-brand-largest, 120px)
        ) /
        2
    );
  }
}

@media only screen and (min-width: 1200px) {
  .etsy-icon.wt-icon--smallest-xl,
  .wt-icon.wt-icon--smallest-xl {
    height: var(--clg-dimension-sem-icon-core-smallest, 12px);
    width: var(--clg-dimension-sem-icon-core-smallest, 12px);
  }

  .etsy-icon.wt-icon--smallest-xl.wt-icon--logo svg,
  .wt-icon.wt-icon--smallest-xl.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-smallest, 12px);
  }

  .etsy-icon.wt-icon--smallest-xl.wt-icon--brand,
  .wt-icon.wt-icon--smallest-xl.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-smallest, 96px);
    width: var(--clg-dimension-sem-icon-brand-container-smallest, 96px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-smallest, 96px) -
            var(--clg-dimension-sem-icon-brand-smallest, 60px)
        ) /
        2
    );
  }

  .etsy-icon.wt-icon--smaller-xl,
  .wt-icon.wt-icon--smaller-xl {
    height: var(--clg-dimension-sem-icon-core-smaller, 16px);
    width: var(--clg-dimension-sem-icon-core-smaller, 16px);
  }

  .etsy-icon.wt-icon--smaller-xl.wt-icon--logo svg,
  .wt-icon.wt-icon--smaller-xl.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-smaller, 16px);
  }

  .etsy-icon.wt-icon--smaller-xl.wt-icon--brand,
  .wt-icon.wt-icon--smaller-xl.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-smaller, 120px);
    width: var(--clg-dimension-sem-icon-brand-container-smaller, 120px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-smaller, 120px) -
            var(--clg-dimension-sem-icon-brand-smaller, 84px)
        ) /
        2
    );
  }

  .etsy-icon.wt-icon--base-xl,
  .wt-icon.wt-icon--base-xl {
    height: var(--clg-dimension-sem-icon-core-base, 24px);
    width: var(--clg-dimension-sem-icon-core-base, 24px);
  }

  .etsy-icon.wt-icon--base-xl.wt-icon--logo svg,
  .wt-icon.wt-icon--base-xl.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-base, 24px);
  }

  .etsy-icon.wt-icon--base-xl.wt-icon--brand,
  .wt-icon.wt-icon--base-xl.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-base, 144px);
    width: var(--clg-dimension-sem-icon-brand-container-base, 144px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-base, 144px) -
            var(--clg-dimension-sem-icon-brand-base, 96px)
        ) /
        2
    );
  }

  .etsy-icon.wt-icon--larger-xl,
  .wt-icon.wt-icon--larger-xl {
    height: var(--clg-dimension-sem-icon-core-larger, 32px);
    width: var(--clg-dimension-sem-icon-core-larger, 32px);
  }

  .etsy-icon.wt-icon--larger-xl.wt-icon--logo svg,
  .wt-icon.wt-icon--larger-xl.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-larger, 32px);
  }

  .etsy-icon.wt-icon--larger-xl.wt-icon--brand,
  .wt-icon.wt-icon--larger-xl.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-larger, 168px);
    width: var(--clg-dimension-sem-icon-brand-container-larger, 168px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-larger, 168px) -
            var(--clg-dimension-sem-icon-brand-larger, 108px)
        ) /
        2
    );
  }

  .etsy-icon.wt-icon--largest-xl,
  .wt-icon.wt-icon--largest-xl {
    height: var(--clg-dimension-sem-icon-core-largest, 48px);
    width: var(--clg-dimension-sem-icon-core-largest, 48px);
  }

  .etsy-icon.wt-icon--largest-xl.wt-icon--logo svg,
  .wt-icon.wt-icon--largest-xl.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-largest, 48px);
  }

  .etsy-icon.wt-icon--largest-xl.wt-icon--brand,
  .wt-icon.wt-icon--largest-xl.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-largest, 192px);
    width: var(--clg-dimension-sem-icon-brand-container-largest, 192px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-largest, 192px) -
            var(--clg-dimension-sem-icon-brand-largest, 120px)
        ) /
        2
    );
  }
}

@media only screen and (min-width: 1400px) {
  .etsy-icon.wt-icon--smallest-tv,
  .wt-icon.wt-icon--smallest-tv {
    height: var(--clg-dimension-sem-icon-core-smallest, 12px);
    width: var(--clg-dimension-sem-icon-core-smallest, 12px);
  }

  .etsy-icon.wt-icon--smallest-tv.wt-icon--logo svg,
  .wt-icon.wt-icon--smallest-tv.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-smallest, 12px);
  }

  .etsy-icon.wt-icon--smallest-tv.wt-icon--brand,
  .wt-icon.wt-icon--smallest-tv.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-smallest, 96px);
    width: var(--clg-dimension-sem-icon-brand-container-smallest, 96px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-smallest, 96px) -
            var(--clg-dimension-sem-icon-brand-smallest, 60px)
        ) /
        2
    );
  }

  .etsy-icon.wt-icon--smaller-tv,
  .wt-icon.wt-icon--smaller-tv {
    height: var(--clg-dimension-sem-icon-core-smaller, 16px);
    width: var(--clg-dimension-sem-icon-core-smaller, 16px);
  }

  .etsy-icon.wt-icon--smaller-tv.wt-icon--logo svg,
  .wt-icon.wt-icon--smaller-tv.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-smaller, 16px);
  }

  .etsy-icon.wt-icon--smaller-tv.wt-icon--brand,
  .wt-icon.wt-icon--smaller-tv.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-smaller, 120px);
    width: var(--clg-dimension-sem-icon-brand-container-smaller, 120px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-smaller, 120px) -
            var(--clg-dimension-sem-icon-brand-smaller, 84px)
        ) /
        2
    );
  }

  .etsy-icon.wt-icon--base-tv,
  .wt-icon.wt-icon--base-tv {
    height: var(--clg-dimension-sem-icon-core-base, 24px);
    width: var(--clg-dimension-sem-icon-core-base, 24px);
  }

  .etsy-icon.wt-icon--base-tv.wt-icon--logo svg,
  .wt-icon.wt-icon--base-tv.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-base, 24px);
  }

  .etsy-icon.wt-icon--base-tv.wt-icon--brand,
  .wt-icon.wt-icon--base-tv.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-base, 144px);
    width: var(--clg-dimension-sem-icon-brand-container-base, 144px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-base, 144px) -
            var(--clg-dimension-sem-icon-brand-base, 96px)
        ) /
        2
    );
  }

  .etsy-icon.wt-icon--larger-tv,
  .wt-icon.wt-icon--larger-tv {
    height: var(--clg-dimension-sem-icon-core-larger, 32px);
    width: var(--clg-dimension-sem-icon-core-larger, 32px);
  }

  .etsy-icon.wt-icon--larger-tv.wt-icon--logo svg,
  .wt-icon.wt-icon--larger-tv.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-larger, 32px);
  }

  .etsy-icon.wt-icon--larger-tv.wt-icon--brand,
  .wt-icon.wt-icon--larger-tv.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-larger, 168px);
    width: var(--clg-dimension-sem-icon-brand-container-larger, 168px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-larger, 168px) -
            var(--clg-dimension-sem-icon-brand-larger, 108px)
        ) /
        2
    );
  }

  .etsy-icon.wt-icon--largest-tv,
  .wt-icon.wt-icon--largest-tv {
    height: var(--clg-dimension-sem-icon-core-largest, 48px);
    width: var(--clg-dimension-sem-icon-core-largest, 48px);
  }

  .etsy-icon.wt-icon--largest-tv.wt-icon--logo svg,
  .wt-icon.wt-icon--largest-tv.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-largest, 48px);
  }

  .etsy-icon.wt-icon--largest-tv.wt-icon--brand,
  .wt-icon.wt-icon--largest-tv.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-largest, 192px);
    width: var(--clg-dimension-sem-icon-brand-container-largest, 192px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-largest, 192px) -
            var(--clg-dimension-sem-icon-brand-largest, 120px)
        ) /
        2
    );
  }
}

.wt-list {
  padding-left: var(--clg-dimension-pal-spacing-300, 18px);
  list-style-position: outside;
}

.wt-list-unstyled.wt-list-unstyled,
.wt-list-inline.wt-list-inline {
  padding-left: 0;
  list-style: none;
}

.wt-list-inline .wt-list-inline__item {
  margin-right: var(--clg-dimension-pal-spacing-200, 12px);
  display: inline-block;
}

.wt-list-inline .wt-list-inline__item:last-child {
  margin-right: 0;
}

@keyframes web-toolkit-wt-animated--slide-from-top {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }

  99% {
    opacity: 1;
    transform: translateY(0%);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes web-toolkit-wt-animated--slide-from-right {
  0% {
    opacity: 0;
    transform: translate(100%);
  }

  99% {
    opacity: 1;
    transform: translate(0%);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes web-toolkit-wt-animated--slide-from-bottom {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }

  99% {
    opacity: 1;
    transform: translateY(0%);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes web-toolkit-wt-animated--slide-from-left {
  0% {
    opacity: 0;
    transform: translate(-100%);
  }

  99% {
    opacity: 1;
    transform: translate(0%);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes web-toolkit-wt-animated--slide-to-top {
  0% {
    opacity: 1;
    transform: translateY(0%);
  }

  to {
    opacity: 0;
    transform: translateY(-100%);
  }
}

@keyframes web-toolkit-wt-animated--slide-to-right {
  0% {
    opacity: 1;
    transform: translate(0%);
  }

  to {
    opacity: 0;
    transform: translate(100%);
  }
}

@keyframes web-toolkit-wt-animated--slide-to-bottom {
  0% {
    opacity: 1;
    transform: translateY(0%);
  }

  to {
    opacity: 0;
    transform: translateY(100%);
  }
}

@keyframes web-toolkit-wt-animated--slide-to-left {
  0% {
    opacity: 1;
    transform: translate(0%);
  }

  to {
    opacity: 0;
    transform: translate(-100%);
  }
}

@keyframes web-toolkit-wt-animated--appear-01 {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes web-toolkit-wt-animated--appear-02 {
  0% {
    transform: translateY(var(--clg-dimension-pal-spacing-200, 12px))
      scale(0.98) perspective(1px);
    opacity: 0;
  }

  99% {
    opacity: 1;
    transform: translateY(0) scale(1) perspective(1px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes web-toolkit-wt-animated--appear-02--from-top {
  0% {
    transform: translateY(calc(var(--clg-dimension-pal-spacing-200, 12px) * -1))
      scale(0.98) perspective(1px);
    opacity: 0;
  }

  99% {
    opacity: 1;
    transform: translateY(0) scale(1) perspective(1px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes web-toolkit-wt-animated--appear-02--from-right {
  0% {
    transform: translateX(var(--clg-dimension-pal-spacing-200, 12px))
      scale(0.98) perspective(1px);
    opacity: 0;
  }

  99% {
    opacity: 1;
    transform: translate(0) scale(1) perspective(1px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes web-toolkit-wt-animated--appear-02--from-left {
  0% {
    transform: translateX(calc(var(--clg-dimension-pal-spacing-200, 12px) * -1))
      scale(0.98) perspective(1px);
    opacity: 0;
  }

  99% {
    opacity: 1;
    transform: translate(0) scale(1) perspective(1px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes web-toolkit-wt-animated--appear-03 {
  0% {
    transform: translateY(var(--clg-dimension-pal-spacing-600, 36px))
      scale(0.965) perspective(1px);
    opacity: 0;
  }

  99% {
    opacity: 1;
    transform: translateY(0) scale(1) perspective(1px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes web-toolkit-wt-animated--appear-03--from-top {
  0% {
    transform: translateY(calc(var(--clg-dimension-pal-spacing-600, 36px) * -1))
      scale(0.965) perspective(1px);
    opacity: 0;
  }

  99% {
    opacity: 1;
    transform: translateY(0) scale(1) perspective(1px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes web-toolkit-wt-animated--appear-03--from-right {
  0% {
    transform: translateX(var(--clg-dimension-pal-spacing-600, 36px))
      scale(0.965) perspective(1px);
    opacity: 0;
  }

  99% {
    opacity: 1;
    transform: translate(0) scale(1) perspective(1px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes web-toolkit-wt-animated--appear-03--from-left {
  0% {
    transform: translateX(calc(var(--clg-dimension-pal-spacing-600, 36px) * -1))
      scale(0.965) perspective(1px);
    opacity: 0;
  }

  99% {
    opacity: 1;
    transform: translate(0) scale(1) perspective(1px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes web-toolkit-wt-animated--disappear-01 {
  0% {
    opacity: 1;
    visibility: visible;
  }

  99% {
    opacity: 0;
    visibility: visible;
  }

  to {
    opacity: 0;
    visibility: hidden;
  }
}

@keyframes web-toolkit-wt-animated--disappear-02 {
  0% {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1) perspective(1px);
  }

  99% {
    transform: translateY(var(--clg-dimension-pal-spacing-200, 12px))
      scale(0.98) perspective(1px);
    opacity: 0;
    visibility: visible;
  }

  to {
    transform: translateY(var(--clg-dimension-pal-spacing-200, 12px))
      scale(0.98) perspective(1px);
    opacity: 0;
    visibility: hidden;
  }
}

@keyframes web-toolkit-wt-animated--disappear-02--to-top {
  0% {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1) perspective(1px);
  }

  99% {
    transform: translateY(calc(var(--clg-dimension-pal-spacing-200, 12px) * -1))
      scale(0.98) perspective(1px);
    opacity: 0;
    visibility: visible;
  }

  to {
    transform: translateY(calc(var(--clg-dimension-pal-spacing-200, 12px) * -1))
      scale(0.98) perspective(1px);
    opacity: 0;
    visibility: hidden;
  }
}

@keyframes web-toolkit-wt-animated--disappear-02--to-right {
  0% {
    opacity: 1;
    visibility: visible;
    transform: translate(0) scale(1) perspective(1px);
  }

  99% {
    transform: translateX(var(--clg-dimension-pal-spacing-200, 12px))
      scale(0.98) perspective(1px);
    opacity: 0;
    visibility: visible;
  }

  to {
    transform: translateX(var(--clg-dimension-pal-spacing-200, 12px))
      scale(0.98) perspective(1px);
    opacity: 0;
    visibility: hidden;
  }
}

@keyframes web-toolkit-wt-animated--disappear-02--to-left {
  0% {
    opacity: 1;
    visibility: visible;
    transform: translate(0) scale(1) perspective(1px);
  }

  99% {
    transform: translateX(calc(var(--clg-dimension-pal-spacing-200, 12px) * -1))
      scale(0.98) perspective(1px);
    opacity: 0;
    visibility: visible;
  }

  to {
    transform: translateX(calc(var(--clg-dimension-pal-spacing-200, 12px) * -1))
      scale(0.98) perspective(1px);
    opacity: 0;
    visibility: hidden;
  }
}

@keyframes web-toolkit-wt-animated--disappear-03 {
  0% {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1) perspective(1px);
  }

  99% {
    transform: translateY(var(--clg-dimension-pal-spacing-600, 36px))
      scale(0.965) perspective(1px);
    opacity: 0;
    visibility: visible;
  }

  to {
    transform: translateY(var(--clg-dimension-pal-spacing-600, 36px))
      scale(0.965) perspective(1px);
    opacity: 0;
    visibility: hidden;
  }
}

@keyframes web-toolkit-wt-animated--disappear-03--to-top {
  0% {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1) perspective(1px);
  }

  99% {
    transform: translateY(calc(var(--clg-dimension-pal-spacing-600, 36px) * -1))
      scale(0.965) perspective(1px);
    opacity: 0;
    visibility: visible;
  }

  to {
    transform: translateY(calc(var(--clg-dimension-pal-spacing-600, 36px) * -1))
      scale(0.965) perspective(1px);
    opacity: 0;
    visibility: hidden;
  }
}

@keyframes web-toolkit-wt-animated--disappear-03--to-right {
  0% {
    opacity: 1;
    visibility: visible;
    transform: translate(0) scale(1) perspective(1px);
  }

  99% {
    transform: translateX(var(--clg-dimension-pal-spacing-600, 36px))
      scale(0.965) perspective(1px);
    opacity: 0;
    visibility: visible;
  }

  to {
    transform: translateX(var(--clg-dimension-pal-spacing-600, 36px))
      scale(0.965) perspective(1px);
    opacity: 0;
    visibility: hidden;
  }
}

@keyframes web-toolkit-wt-animated--disappear-03--to-left {
  0% {
    opacity: 1;
    visibility: visible;
    transform: translate(0) scale(1) perspective(1px);
  }

  99% {
    transform: translateX(calc(var(--clg-dimension-pal-spacing-600, 36px) * -1))
      scale(0.965) perspective(1px);
    opacity: 0;
    visibility: visible;
  }

  to {
    transform: translateX(calc(var(--clg-dimension-pal-spacing-600, 36px) * -1))
      scale(0.965) perspective(1px);
    opacity: 0;
    visibility: hidden;
  }
}

.wt-spinner {
  font-size: 0;
  display: block;
  position: relative;
}

.wt-spinner.wt-spinner--01 .etsy-icon,
.wt-spinner.wt-spinner--01 .wt-icon,
.wt-spinner.wt-spinner--02 .etsy-icon,
.wt-spinner.wt-spinner--02 .wt-icon {
  stroke-linecap: round;
  stroke: var(--clg-color-app-spinner-on-surface-light-foreground, #312b36);
  width: 100%;
  height: 100%;
  animation-duration: 1.2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.wt-spinner.wt-spinner--01:before,
.wt-spinner.wt-spinner--02:before {
  content: "";
  border-radius: var(--clg-shape-sem-border-radius-full, 999999px);
  width: 100%;
  height: 100%;
  position: absolute;
}

.wt-spinner.wt-spinner--01 {
  width: var(--clg-dimension-sem-icon-core-base, 24px);
  height: var(--clg-dimension-sem-icon-core-base, 24px);
  margin: auto;
}

.wt-spinner.wt-spinner--01 .etsy-icon,
.wt-spinner.wt-spinner--01 .wt-icon {
  stroke-dasharray: 60;
  stroke-width: var(--clg-shape-sem-border-width-medium, 4px);
  animation-name: web-toolkit-wt-spinner--01;
}

.wt-spinner.wt-spinner--01:before {
  border: var(--clg-shape-sem-border-width-medium, 4px) solid
    var(--clg-color-app-spinner-background, #33140030);
}

.wt-spinner.wt-spinner--02 {
  width: var(--clg-dimension-sem-icon-core-largest, 48px);
  height: var(--clg-dimension-sem-icon-core-largest, 48px);
  margin: var(--clg-dimension-pal-spacing-800, 48px) auto;
}

.wt-spinner.wt-spinner--02 .etsy-icon,
.wt-spinner.wt-spinner--02 .wt-icon {
  stroke-dasharray: 128;
  stroke-width: var(--clg-shape-sem-border-width-thick, 6px);
  animation-name: web-toolkit-wt-spinner--02;
}

.wt-spinner.wt-spinner--02:before {
  border: var(--clg-shape-sem-border-width-thick, 6px) solid
    var(--clg-color-app-spinner-background, #33140030);
}

.wt-spinner.wt-spinner--03 {
  width: var(--clg-dimension-sem-icon-core-largest, 48px);
  height: var(--clg-dimension-sem-icon-core-largest, 48px);
  margin: var(--clg-dimension-pal-spacing-800, 48px) auto;
}

.wt-spinner.wt-spinner--03 .wt-spinner--03__background,
.wt-spinner.wt-spinner--03 .wt-spinner--03__item-1,
.wt-spinner.wt-spinner--03 .wt-spinner--03__item-1:after,
.wt-spinner.wt-spinner--03 .wt-spinner--03__item-2,
.wt-spinner.wt-spinner--03 .wt-spinner--03__item-2:after {
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

.wt-spinner.wt-spinner--03 .wt-spinner--03__background {
  transform-origin: 50%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 48 48%22%3E%3Cpath fill%3D%22var%28--clg-color-pal-yellow-500, %23FFCB5A%29%22 d%3D%22M48,37.3C47.1,22.8,44,2.1,37.8,0.8c-6.2-1.3-25.4,7-35.7,20.1c-3.5,4.5-2.5,10.7,2.2,13.8 c9,5.9,21.8,10.4,32.3,12.5C42.7,48.4,48.4,43.5,48,37.3%22%2F%3E%3C%2Fsvg%3E");
  width: 100%;
  height: 100%;
  animation-name: web-toolkit-wt-spinner--03__background;
}

.wt-spinner.wt-spinner--03 .wt-spinner--03__item-1 {
  width: var(--clg-dimension-pal-spacing-500, 30px);
  height: var(--clg-dimension-pal-spacing-700, 42px);
  top: var(--clg-dimension-pal-spacing-100, 6px);
  right: calc(-1 * var(--clg-dimension-pal-spacing-100, 6px));
  animation-name: web-toolkit-wt-spinner--03__item-1;
  position: absolute;
}

.wt-spinner.wt-spinner--03 .wt-spinner--03__item-1:after {
  transform-origin: 50%;
  content: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 30 42%22%3E%3Cpath fill%3D%22var%28--clg-color-pal-blue-150, %23D5DEF7%29%22 d%3D%22M20.8,34.3c-0.7-0.8-2-2.7-2-2.7L18,29.9c0,0-0.9-2.7-0.9-3.7c-0.1-2,0.4-3.5,1.2-5.3 c1.6-3.6,4.7-5.9,8.8-6.9l0.8-0.3l0.3-0.3L25.1,2.6L24,0c-0.6,0.1-1.8,0.6-2.4,0.8c-2.6,0.7-4.8,1.9-7,3c-2.4,1.5-6.3,5.3-6.3,5.3 s-3.6,3.7-4.7,6.4c-0.4,0.9-0.6,2-0.9,3.1c-0.4,1.5-0.7,4.9-0.9,6.5c-0.3,1.7,0.6,6.1,0.6,6.1s0.6,2.5,1.2,4.1C4.6,37.7,6,40,7.8,42 c0,0,5.3-2.7,5.7-3c0.4-0.3,3.6-2,3.8-2.1c0.3-0.1,2.7-1,2.7-1l1.3-0.6c0,0,0.1-0.2,0.1-0.2C21.4,35,20.8,34.3,20.8,34.3%22%2F%3E%3C%2Fsvg%3E");
  width: 100%;
  height: 100%;
  animation-name: web-toolkit-wt-spinner--03__item-1__after;
  position: absolute;
}

.wt-spinner.wt-spinner--03 .wt-spinner--03__item-2 {
  width: var(--clg-dimension-pal-spacing-300, 18px);
  height: var(--clg-dimension-pal-spacing-300, 18px);
  bottom: var(--clg-dimension-pal-spacing-100, 6px);
  left: var(--clg-dimension-pal-spacing-100, 6px);
  animation-name: web-toolkit-wt-spinner--03__item-2;
  position: absolute;
}

.wt-spinner.wt-spinner--03 .wt-spinner--03__item-2:after {
  transform-origin: 50%;
  content: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 18 18%22%3E%3Cpath fill%3D%22var%28--clg-color-pal-new-orange-500, %23F1641E%29%22 d%3D%22M8.6,1.6C3.9,0.6-0.1,5.6,0,10.5c0.1,4.9,3.5,6.1,8.4,6.1c4.9-0.1,8.9-0.5,9.5-5.3 C18.7,5.4,14,2.6,8.6,1.6%22%2F%3E%3C%2Fsvg%3E");
  width: 100%;
  height: 100%;
  animation-name: web-toolkit-wt-spinner--03__item-2__after;
  position: absolute;
}

.wt-spinner.wt-spinner--light.wt-spinner--01 .etsy-icon,
.wt-spinner.wt-spinner--light.wt-spinner--01 .wt-icon,
.wt-spinner.wt-spinner--light.wt-spinner--02 .etsy-icon,
.wt-spinner.wt-spinner--light.wt-spinner--02 .wt-icon {
  stroke: var(--clg-color-app-spinner-on-surface-strong-foreground, #faf8f5);
}

.wt-spinner.wt-spinner--light.wt-spinner--01:before,
.wt-spinner.wt-spinner--light.wt-spinner--02:before {
  border-color: var(
    --clg-color-app-spinner-on-surface-strong-background,
    #ffffff61
  );
}

.wt-btn .wt-spinner--01 {
  opacity: 0;
  visibility: hidden;
  animation-duration: var(--clg-effect-pal-duration-200, 0.2s);
  animation-timing-function: ease-in;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.wt-btn .wt-spinner--01,
.wt-btn .wt-spinner--01 * {
  animation-play-state: paused;
}

.wt-btn.wt-btn.wt-btn.wt-btn.wt-btn--is-loading {
  --wt-btn-text-color: transparent;
  --wt-btn-text-color-hover: transparent;
}

.wt-btn.wt-btn--is-loading {
  cursor: progress;
}

.wt-btn.wt-btn--is-loading .wt-spinner--01 {
  opacity: 1;
  visibility: visible;
  animation-name: web-toolkit-wt-animated--appear-01;
}

.wt-btn.wt-btn--is-loading .wt-spinner--01,
.wt-btn.wt-btn--is-loading .wt-spinner--01 * {
  animation-play-state: running;
}

.wt-btn.wt-btn--is-loading.wt-btn--light.wt-btn--secondary
  .wt-spinner--01
  .etsy-icon,
.wt-btn.wt-btn--is-loading.wt-btn--light.wt-btn--secondary
  .wt-spinner--01
  .wt-icon,
.wt-btn.wt-btn--is-loading.wt-btn--light.wt-btn--outline
  .wt-spinner--01
  .etsy-icon,
.wt-btn.wt-btn--is-loading.wt-btn--light.wt-btn--outline
  .wt-spinner--01
  .wt-icon,
.wt-btn.wt-btn--is-loading.wt-btn--light.wt-btn--transparent
  .wt-spinner--01
  .etsy-icon,
.wt-btn.wt-btn--is-loading.wt-btn--light.wt-btn--transparent
  .wt-spinner--01
  .wt-icon,
.wt-btn.wt-btn--is-loading:not(.wt-btn--light).wt-btn--primary
  .wt-spinner--01
  .etsy-icon,
.wt-btn.wt-btn--is-loading:not(.wt-btn--light).wt-btn--primary
  .wt-spinner--01
  .wt-icon,
.wt-btn.wt-btn--is-loading:not(.wt-btn--light).wt-btn--filled
  .wt-spinner--01
  .etsy-icon,
.wt-btn.wt-btn--is-loading:not(.wt-btn--light).wt-btn--filled
  .wt-spinner--01
  .wt-icon {
  stroke: var(--clg-color-app-spinner-on-surface-dark-foreground, #faf8f5);
}

.wt-btn.wt-btn--is-loading.wt-btn--light.wt-btn--secondary
  .wt-spinner--01:before,
.wt-btn.wt-btn--is-loading.wt-btn--light.wt-btn--outline .wt-spinner--01:before,
.wt-btn.wt-btn--is-loading.wt-btn--light.wt-btn--transparent
  .wt-spinner--01:before,
.wt-btn.wt-btn--is-loading:not(.wt-btn--light).wt-btn--primary
  .wt-spinner--01:before,
.wt-btn.wt-btn--is-loading:not(.wt-btn--light).wt-btn--filled
  .wt-spinner--01:before {
  border-color: var(
    --clg-color-app-spinner-on-surface-dark-background,
    #ffffff61
  );
}

@keyframes web-toolkit-wt-spinner--01 {
  0% {
    stroke-dashoffset: 60px;
    transform: rotate(-90deg);
  }

  50% {
    stroke-dashoffset: 30px;
    transform: rotate(0);
  }

  to {
    stroke-dashoffset: 60px;
    transform: rotate(270deg);
  }
}

@keyframes web-toolkit-wt-spinner--02 {
  0% {
    stroke-dashoffset: 128px;
    transform: rotate(-90deg);
  }

  50% {
    stroke-dashoffset: 64px;
    transform: rotate(0);
  }

  to {
    stroke-dashoffset: 128px;
    transform: rotate(270deg);
  }
}

@keyframes web-toolkit-wt-spinner--03__background {
  0% {
    transform: rotate(0);
  }

  33.33% {
    transform: rotate(180deg);
  }

  66.66% {
    transform: rotate(270deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes web-toolkit-wt-spinner--03__item-1 {
  0% {
    transform: translate(0);
  }

  33.33% {
    transform: translate(
      calc(-1 * var(--clg-dimension-pal-spacing-400, 24px)),
      var(--clg-dimension-pal-spacing-200, 12px)
    );
  }

  66.66% {
    transform: translate(
      calc(-1 * var(--clg-dimension-pal-spacing-100, 6px)),
      var(--clg-dimension-pal-spacing-100, 6px)
    );
  }

  to {
    transform: translate(0);
  }
}

@keyframes web-toolkit-wt-spinner--03__item-1__after {
  0% {
    transform: rotate(0);
  }

  33.33% {
    transform: rotate(140deg);
  }

  66.66% {
    transform: rotate(200deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes web-toolkit-wt-spinner--03__item-2 {
  0% {
    transform: translate(0);
  }

  33.33% {
    transform: translate(
      var(--clg-dimension-pal-spacing-300, 18px),
      calc(-1 * var(--clg-dimension-pal-spacing-400, 24px))
    );
  }

  66.66% {
    transform: translate(
      calc(-1 * var(--clg-dimension-pal-spacing-100, 6px)),
      calc(-1 * var(--clg-dimension-pal-spacing-300, 18px))
    );
  }

  to {
    transform: translate(0);
  }
}

@keyframes web-toolkit-wt-spinner--03__item-2__after {
  0% {
    transform: rotate(0);
  }

  33.33% {
    transform: rotate(150deg);
  }

  66.66% {
    transform: rotate(280deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.wt-options {
  text-align: left;
  font-family: var(
    --clg-typography-sem-product-body-desktop-base-font-family,
    "ABCDiatype",
    "-apple-system",
    "Helvetica Neue",
    "Droid Sans",
    "Arial",
    "sans-serif"
  );
  font-weight: var(
    --clg-typography-sem-product-body-desktop-base-font-weight,
    400
  );
  font-size: var(
    --clg-typography-sem-product-body-desktop-base-font-size,
    16px
  );
  line-height: inherit;
  background: 0 0;
  padding-left: 0;
  list-style: none;
  display: block;
  position: relative;
}

.wt-options--scroll {
  max-height: calc((var(--clg-dimension-pal-spacing-400, 24px) + 19px) * 6);
  overflow-y: auto;
}

.wt-options__item {
  color: var(--clg-color-sem-text-primary, #312b36);
  font: inherit;
  cursor: pointer;
  text-align: left;
  -webkit-tap-highlight-color: #0000;
  -webkit-appearance: none;
  box-sizing: border-box;
  align-items: unset;
  justify-content: unset;
  width: -ms-max-content;
  padding-top: var(--clg-dimension-pal-spacing-200, 12px);
  padding-bottom: var(--clg-dimension-pal-spacing-200, 12px);
  padding-left: var(--clg-dimension-pal-spacing-300, 18px);
  padding-right: var(--clg-dimension-pal-spacing-300, 18px);
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  text-align: left;
  font-family: var(
    --clg-typography-sem-product-body-desktop-base-font-family,
    "ABCDiatype",
    "-apple-system",
    "Helvetica Neue",
    "Droid Sans",
    "Arial",
    "sans-serif"
  );
  font-weight: var(
    --clg-typography-sem-product-body-desktop-base-font-weight,
    400
  );
  font-size: var(
    --clg-typography-sem-product-body-desktop-base-font-size,
    16px
  );
  line-height: inherit;
  background: 0 0;
  border: none;
  outline: none;
  flex-wrap: nowrap;
  width: max-content;
  min-width: 100%;
  max-width: 100%;
  text-decoration: none;
  list-style: none;
  display: flex;
}

.wt-options__item:focus-visible {
  outline: inherit;
}

.wt-options__item:disabled,
.wt-options__item[disabled="true"],
.wt-options__item[aria-disabled="true"] {
  cursor: not-allowed;
  opacity: 0.5;
}

.wt-options__item.wt-options__item--selected {
  background-color: var(
    --clg-color-sem-background-surface-selected-subtle,
    #33140022
  );
}

.wt-options__item:hover:not(:disabled):not([disabled="true"]),
body:not(.wt-focus-visible) .wt-options__item:focus,
.wt-options__item--activedescendant {
  background: var(
    --clg-color-app-button-primary-on-surface-dark-hovered-background,
    #d5cdc8
  );
}

.wt-options__item:active {
  background: var(
    --clg-color-app-button-primary-on-surface-dark-pressed-background,
    #c8bdb7
  );
}

.wt-options__item.wt-options__item--checkable:after {
  content: "";
  min-width: var(--clg-dimension-sem-icon-core-base, 24px);
  width: var(--clg-dimension-sem-icon-core-base, 24px);
  background-image: none;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-left: auto;
  margin-right: -2px;
  display: block;
}

.wt-options__item.wt-options__item--checkable.wt-options__item--selected:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22%3E%3Cpath fill%3D%22var%28--clg-color-sem-text-primary, %23312B36%29%22 d%3D%22M10.55 16.97L6.3 12.7a1 1 0 0 1 1.42-1.42l2.74 2.74 5.8-6.68a1 1 0 0 1 1.5 1.3l-7.2 8.32z%22%2F%3E%3C%2Fsvg%3E");
}

.wt-menu {
  display: inline-flex;
  position: relative;
}

.wt-menu.wt-menu--hide-trigger-on-open .wt-menu__trigger[aria-expanded="true"] {
  z-index: 0;
}

.wt-menu.wt-menu--hide-trigger-on-open
  .wt-menu__trigger[aria-expanded="true"]
  .wt-menu__trigger__label,
.wt-menu.wt-menu--hide-trigger-on-open
  .wt-menu__trigger[aria-expanded="true"]
  .wt-menu__trigger__caret {
  z-index: auto;
  position: static;
}

.wt-menu.wt-menu--hide-trigger-on-open
  .wt-menu__trigger[aria-expanded="true"]
  ~ .wt-menu-body
  ul.wt-menu__list
  li:first-child
  .wt-menu__list__item {
  padding-top: var(--clg-dimension-pal-spacing-300, 18px);
}

.wt-menu.wt-menu--hide-trigger-on-open
  .wt-menu__trigger[aria-expanded="true"]
  ~ .wt-menu-body
  ul.wt-menu__list
  li:last-child
  .wt-menu__list__item {
  padding-bottom: var(--clg-dimension-pal-spacing-300, 18px);
}

.wt-menu.wt-menu--full-width {
  width: 100%;
  display: block;
}

.wt-menu.wt-menu--full-width .wt-menu__trigger {
  width: 100%;
}

.wt-menu__trigger {
  text-align: left;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.wt-menu__trigger.wt-btn {
  text-align: left;
  display: flex;
}

.wt-menu__trigger__label {
  flex-grow: 1;
  position: relative;
}

.wt-menu__trigger__label .wt-menu__trigger-label--selected,
.wt-menu__trigger__label.wt-menu__trigger-label--selected {
  font-weight: var(--clg-typography-pal-weight-400, 400);
  word-break: break-word;
}

.wt-menu__trigger__caret {
  flex-grow: 0;
  flex-shrink: 0;
  position: relative;
}

.wt-menu__trigger[aria-expanded="true"] {
  z-index: var(--clg-effect-pal-z-index-800, 80);
}

.wt-menu__trigger[aria-expanded="true"]:after,
.wt-menu__trigger[aria-expanded="true"]:before {
  visibility: none;
  opacity: 0 !important;
}

.wt-menu__body {
  background: var(--clg-color-app-menu-background, #fff);
  border-radius: var(--clg-shape-sem-border-radius-base, 8px);
  border: var(--clg-shape-sem-border-width-thin, 1px)
    var(--clg-color-sem-border-divider, #e0dad6) solid;
  max-width: calc(var(--clg-dimension-pal-size-1000, 60px) * 5);
  box-sizing: border-box;
  font-family: var(--clg-typography-sem-product-body-base-font-family);
  font-weight: var(--clg-typography-sem-product-body-base-font-weight);
  font-size: var(--clg-typography-sem-product-body-base-font-size);
  line-height: var(--clg-typography-sem-product-body-base-line-height);
  letter-spacing: var(--clg-typography-sem-product-body-base-letter-spacing);
  max-height: calc(var(--clg-dimension-pal-size-1000, 60px) * 8);
  min-width: 160px;
  padding-left: 0;
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
}

.wt-menu__body.wt-menu__body--pinned,
.wt-menu__body.wt-menu__body--free-floating {
  position: absolute;
}

.wt-menu__body.wt-menu__body--pinned {
  padding-top: var(--clg-dimension-pal-spacing-800, 48px);
  padding-top: var(--wt-menu__anchor__height);
  padding-bottom: 0;
}

.wt-menu__body.wt-menu__body--pinned[data-popper-placement^="top"] {
  padding-top: 0;
  padding-bottom: var(--clg-dimension-pal-spacing-800, 48px);
  padding-bottom: var(--wt-menu__anchor__height);
}

.wt-menu__body.wt-menu__body--pinned
  .wt-menu__body__main.wt-menu__body__main--scroll {
  max-height: calc(
    var(--clg-dimension-pal-size-1000, 60px) * 8 -
      var(--wt-menu__anchor__height, 0px)
  );
}

.wt-menu__body.wt-menu__body--enter-from,
.wt-menu__body.wt-menu__body--leave-to {
  opacity: 0;
  visibility: hidden;
  transform: scaleX(0.5) scaleY(0.2) perspective(1px);
  box-shadow: 0 0 #0000;
}

.wt-menu__body.wt-menu__body--enter-from.wt-menu__body--pinned,
.wt-menu__body.wt-menu__body--enter-from.wt-menu__body--free-floating,
.wt-menu__body.wt-menu__body--leave-to.wt-menu__body--pinned,
.wt-menu__body.wt-menu__body--leave-to.wt-menu__body--free-floating {
  position: fixed;
}

.wt-menu__body.wt-menu__body--leave-from,
.wt-menu__body.wt-menu__body--enter-to {
  box-shadow: var(--clg-effect-app-menu-shadow, 0px 0px 24px 4px #33140042);
  opacity: 1;
  visibility: visible;
  z-index: var(--clg-effect-pal-z-index-700, 70);
  transform: scaleX(1) scaleY(1) perspective(1px);
}

.wt-menu__body.wt-menu__body--enter-active,
.wt-menu__body.wt-menu__body--leave-active {
  transform-origin: 0 0;
}

.wt-menu__body.wt-menu__body--enter-active[data-popper-placement^="top"],
.wt-menu__body.wt-menu__body--leave-active[data-popper-placement^="top"] {
  transform-origin: bottom;
}

.wt-menu__body.wt-menu__body--enter-active[data-popper-placement^="top-start"],
.wt-menu__body.wt-menu__body--leave-active[data-popper-placement^="top-start"] {
  transform-origin: 0 100%;
}

.wt-menu__body.wt-menu__body--enter-active[data-popper-placement^="top-end"],
.wt-menu__body.wt-menu__body--leave-active[data-popper-placement^="top-end"] {
  transform-origin: 100% 100%;
}

.wt-menu__body.wt-menu__body--enter-active[data-popper-placement^="bottom"],
.wt-menu__body.wt-menu__body--leave-active[data-popper-placement^="bottom"] {
  transform-origin: top;
}

.wt-menu__body.wt-menu__body--enter-active[data-popper-placement^="bottom-start"],
.wt-menu__body.wt-menu__body--leave-active[data-popper-placement^="bottom-start"] {
  transform-origin: 0 0;
}

.wt-menu__body.wt-menu__body--enter-active[data-popper-placement^="bottom-end"],
.wt-menu__body.wt-menu__body--leave-active[data-popper-placement^="bottom-end"] {
  transform-origin: 100% 0;
}

.wt-menu__body.wt-menu__body--enter-active[data-popper-placement^="left"],
.wt-menu__body.wt-menu__body--leave-active[data-popper-placement^="left"] {
  transform-origin: 100%;
}

.wt-menu__body.wt-menu__body--enter-active[data-popper-placement^="left-start"],
.wt-menu__body.wt-menu__body--leave-active[data-popper-placement^="left-start"] {
  transform-origin: 100% 0;
}

.wt-menu__body.wt-menu__body--enter-active[data-popper-placement^="left-end"],
.wt-menu__body.wt-menu__body--leave-active[data-popper-placement^="left-end"] {
  transform-origin: 100% 100%;
}

.wt-menu__body.wt-menu__body--enter-active[data-popper-placement^="right"],
.wt-menu__body.wt-menu__body--leave-active[data-popper-placement^="right"] {
  transform-origin: 0;
}

.wt-menu__body.wt-menu__body--enter-active[data-popper-placement^="right-start"],
.wt-menu__body.wt-menu__body--leave-active[data-popper-placement^="right-start"] {
  transform-origin: 0 0;
}

.wt-menu__body.wt-menu__body--enter-active[data-popper-placement^="right-end"],
.wt-menu__body.wt-menu__body--leave-active[data-popper-placement^="right-end"] {
  transform-origin: 0 100%;
}

.wt-menu__body.wt-menu__body--enter-active {
  transition:
    opacity 0.18s ease-out,
    box-shadow 0.18s cubic-bezier(0.175, 0.885, 0.4, 1.1),
    transform 0.18s cubic-bezier(0.175, 0.885, 0.4, 1.1),
    visibility 0.18s linear;
}

.wt-menu__body.wt-menu__body--leave-active {
  z-index: var(--clg-effect-pal-z-index-300, 30);
  transition:
    box-shadow 0.18s cubic-bezier(0.6, 0, 0.825, 0.115),
    opacity 0.108s cubic-bezier(0.6, 0, 0.825, 0.115) 72ms,
    transform 0.18s cubic-bezier(0.6, 0, 0.825, 0.115),
    visibility 0s linear 0.144s;
}

.wt-menu__body__main.wt-menu__body__main--scroll {
  max-height: calc(var(--clg-dimension-pal-size-1000, 60px) * 8);
  overflow: hidden auto;
}

.wt-menu:not(.wt-menu--use-animation) .wt-menu__body {
  opacity: 0;
  transform-origin: 0 0;
  visibility: hidden;
  transition:
    box-shadow 0.18s cubic-bezier(0.6, 0, 0.825, 0.115),
    opacity 0.108s cubic-bezier(0.6, 0, 0.825, 0.115) 72ms,
    transform 0.18s cubic-bezier(0.6, 0, 0.825, 0.115),
    visibility 0s linear 0.144s;
  position: absolute;
  transform: scaleX(0.5) scaleY(0.2) perspective(1px);
  box-shadow: 0 0 #0000;
}

.wt-menu:not(.wt-menu--use-animation)
  .wt-menu__body:not(.wt-menu__body--enter-active) {
  display: none;
}

.wt-menu:not(.wt-menu--use-animation)
  .wt-menu__body.wt-menu__body--will-animate {
  z-index: var(--clg-effect-pal-z-index-300, 30);
  display: block;
}

.wt-menu:not(.wt-menu--use-animation) .wt-menu__body--scroll {
  max-height: calc(var(--clg-dimension-pal-size-1000, 60px) * 8);
  overflow: hidden auto;
}

.wt-menu:not(.wt-menu--use-animation)
  .wt-menu__trigger.wt-btn
  ~ .wt-menu__body
  .wt-menu__body--scroll {
  max-height: calc(
    var(--clg-dimension-pal-size-1000, 60px) * 8 -
      var(--clg-dimension-pal-spacing-800, 48px)
  );
}

.wt-menu:not(.wt-menu--use-animation)
  .wt-menu__trigger.wt-btn.wt-btn--small
  ~ .wt-menu__body
  .wt-menu__body--scroll {
  max-height: calc(
    var(--clg-dimension-pal-size-1000, 60px) * 8 -
      var(--clg-dimension-app-button-small-height, 36px) -
      var(--clg-dimension-pal-spacing-base-unit, 6px)
  );
}

.wt-menu:not(.wt-menu--use-animation)
  .wt-menu__trigger[aria-expanded="true"]
  ~ .wt-menu__body {
  box-shadow: var(--clg-effect-app-menu-shadow, 0px 0px 24px 4px #33140042);
  opacity: 1;
  visibility: visible;
  z-index: var(--clg-effect-pal-z-index-700, 70);
  transition:
    opacity 0.18s ease-out,
    box-shadow 0.18s cubic-bezier(0.175, 0.885, 0.4, 1.1),
    transform 0.18s cubic-bezier(0.175, 0.885, 0.4, 1.1),
    visibility 0.18s linear;
  transform: scaleX(1) scaleY(1) perspective(1px);
}

.wt-menu:not(.wt-menu--use-animation)
  .wt-menu__trigger:not([aria-expanded="true"])
  ~ .wt-menu__body
  .wt-menu__item {
  transition:
    background-color var(--clg-effect-pal-duration-100, 0.1s) ease-out 0s,
    opacity 0.18s cubic-bezier(0.6, 0, 0.825, 0.115)-72ms;
  opacity: 0;
}

.wt-menu:not(.wt-menu--use-animation)
  .wt-menu__trigger.wt-menu__trigger--will-animate.wt-menu__trigger:not(
    [aria-expanded="true"]
  ) {
  z-index: var(--clg-effect-pal-z-index-400, 40);
}

.wt-menu:not(.wt-menu--use-animation)
  .wt-menu__trigger.wt-menu__trigger--will-animate:after,
.wt-menu:not(.wt-menu--use-animation)
  .wt-menu__trigger.wt-menu__trigger--will-animate:before {
  transition: opacity 60ms 0.12s;
}

.wt-menu:not(.wt-menu--use-animation)
  .wt-menu__trigger[aria-expanded="true"].wt-menu__trigger--will-animate:after,
.wt-menu:not(.wt-menu--use-animation)
  .wt-menu__trigger[aria-expanded="true"].wt-menu__trigger--will-animate:before {
  transition: opacity 60ms;
}

.wt-menu:not(.wt-menu--use-animation).wt-menu--center {
  justify-content: center;
}

.wt-menu:not(.wt-menu--use-animation).wt-menu--center .wt-menu__body {
  left: initial;
  right: initial;
  transform-origin: 50% 0;
  margin: auto;
}

.wt-menu:not(.wt-menu--use-animation).wt-menu--center.wt-menu--top
  .wt-menu__body {
  transform-origin: 50% 100%;
}

.wt-menu:not(.wt-menu--use-animation).wt-menu--right .wt-menu__body {
  transform-origin: 100% 0;
  left: auto;
  right: 0;
}

.wt-menu:not(.wt-menu--use-animation).wt-menu--top .wt-menu__body {
  transform-origin: 0 100%;
  top: auto;
  bottom: 0;
}

.wt-menu:not(.wt-menu--use-animation).wt-menu--top.wt-menu--right
  .wt-menu__body {
  transform-origin: 100% 100%;
}

.wt-menu:not(.wt-menu--use-animation).wt-menu--top.wt-menu--center
  .wt-menu__body {
  transform-origin: bottom;
}

.wt-menu:not(.wt-menu--use-animation).wt-menu--offset-below-trigger
  .wt-menu__body {
  margin-top: var(--clg-dimension-pal-spacing-200, 12px);
  top: auto;
}

.wt-menu a.wt-menu__item,
.wt-menu button.wt-menu__item,
.wt-menu li.wt-menu__item,
a.wt-menu__item,
button.wt-menu__item,
li.wt-menu__item {
  color: var(--clg-color-sem-text-primary, #312b36);
  font: inherit;
  cursor: pointer;
  text-align: left;
  -webkit-tap-highlight-color: #0000;
  -webkit-appearance: none;
  transition: background-color var(--clg-effect-pal-duration-100, 0.1s) ease-out;
  box-sizing: border-box;
  padding-top: var(--clg-dimension-app-button-padding-vertical, 12px);
  padding-bottom: var(--clg-dimension-app-button-padding-vertical, 12px);
  padding-left: var(--clg-dimension-app-button-padding-horizontal, 18px);
  padding-right: var(--clg-dimension-app-button-padding-horizontal, 18px);
  width: -ms-max-content;
  max-width: calc(
    var(--clg-dimension-pal-size-1000, 60px) * 5 -
      var(--clg-shape-sem-border-width-thin, 1px) * 2
  );
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  background: 0 0;
  border: none;
  outline: none;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  width: max-content;
  min-width: 100%;
  text-decoration: none;
  list-style: none;
  display: flex;
}

.wt-menu a.wt-menu__item:focus-visible {
  outline: inherit;
}

.wt-menu button.wt-menu__item:focus-visible {
  outline: inherit;
}

.wt-menu li.wt-menu__item:focus-visible {
  outline: inherit;
}

a.wt-menu__item:focus-visible {
  outline: inherit;
}

button.wt-menu__item:focus-visible {
  outline: inherit;
}

li.wt-menu__item:focus-visible {
  outline: inherit;
}

.wt-menu a.wt-menu__item:hover:not(:disabled):not([disabled="true"]),
body:not(.wt-focus-visible) .wt-menu a.wt-menu__item:focus,
.wt-menu button.wt-menu__item:hover:not(:disabled):not([disabled="true"]),
body:not(.wt-focus-visible) .wt-menu button.wt-menu__item:focus,
.wt-menu li.wt-menu__item:hover:not(:disabled):not([disabled="true"]),
body:not(.wt-focus-visible) .wt-menu li.wt-menu__item:focus,
a.wt-menu__item:hover:not(:disabled):not([disabled="true"]),
body:not(.wt-focus-visible) a.wt-menu__item:focus,
button.wt-menu__item:hover:not(:disabled):not([disabled="true"]),
body:not(.wt-focus-visible) button.wt-menu__item:focus,
li.wt-menu__item:hover:not(:disabled):not([disabled="true"]),
body:not(.wt-focus-visible) li.wt-menu__item:focus {
  background: var(
    --clg-color-app-button-primary-on-surface-strong-hovered-background,
    #d5cdc8
  );
}

.wt-menu a.wt-menu__item:active,
.wt-menu button.wt-menu__item:active,
.wt-menu li.wt-menu__item:active,
a.wt-menu__item:active,
button.wt-menu__item:active,
li.wt-menu__item:active {
  background: var(
    --clg-color-app-button-primary-on-surface-dark-hovered-background,
    #d5cdc8
  );
}

.wt-menu a.wt-menu__item:disabled,
.wt-menu a.wt-menu__item[disabled="true"],
.wt-menu button.wt-menu__item:disabled,
.wt-menu button.wt-menu__item[disabled="true"],
.wt-menu li.wt-menu__item:disabled,
.wt-menu li.wt-menu__item[disabled="true"],
a.wt-menu__item:disabled,
a.wt-menu__item[disabled="true"],
button.wt-menu__item:disabled,
button.wt-menu__item[disabled="true"],
li.wt-menu__item:disabled,
li.wt-menu__item[disabled="true"] {
  cursor: not-allowed;
  opacity: 0.5;
}

.wt-menu a.wt-menu__item:after,
.wt-menu button.wt-menu__item:after,
.wt-menu li.wt-menu__item:after,
a.wt-menu__item:after,
button.wt-menu__item:after,
li.wt-menu__item:after {
  content: "";
  min-width: var(--clg-dimension-sem-icon-core-base, 24px);
  width: var(--clg-dimension-sem-icon-core-base, 24px);
  height: var(--clg-dimension-sem-icon-core-base, 24px);
  background-image: none;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-right: -2px;
  display: block;
}

a.wt-menu__item.wt-is-selected,
button.wt-menu__item.wt-is-selected {
  background-color: var(
    --clg-color-sem-background-surface-selected-subtle,
    #33140022
  );
}

a.wt-menu__item.wt-is-selected:after,
button.wt-menu__item.wt-is-selected:after {
  background-color: var(--clg-color-sem-text-primary, #312b36);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22%3E%3Cpath fill%3D%22black%22 d%3D%22M10.55 16.97L6.3 12.7a1 1 0 0 1 1.42-1.42l2.74 2.74 5.8-6.68a1 1 0 0 1 1.5 1.3l-7.2 8.32z%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22%3E%3Cpath fill%3D%22black%22 d%3D%22M10.55 16.97L6.3 12.7a1 1 0 0 1 1.42-1.42l2.74 2.74 5.8-6.68a1 1 0 0 1 1.5 1.3l-7.2 8.32z%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

body:not(.wt-focus-visible) a.wt-options__item:focus,
body:not(.wt-focus-visible) button.wt-options__item:focus,
body:not(.wt-focus-visible) li.wt-options__item:focus,
body:not(.wt-focus-visible) a.wt-menu__item:focus,
body:not(.wt-focus-visible) button.wt-menu__item:focus,
body:not(.wt-focus-visible) li.wt-menu__item:focus {
  outline: 3px solid #0000 !important;
}

body:not(.wt-focus-visible) a.wt-options__item:focus:not(:hover):not(:active),
body:not(.wt-focus-visible)
  button.wt-options__item:focus:not(:hover):not(:active),
body:not(.wt-focus-visible) li.wt-options__item:focus:not(:hover):not(:active),
body:not(.wt-focus-visible) a.wt-menu__item:focus:not(:hover):not(:active),
body:not(.wt-focus-visible) button.wt-menu__item:focus:not(:hover):not(:active),
body:not(.wt-focus-visible) li.wt-menu__item:focus:not(:hover):not(:active) {
  border-color: #0000;
  transition: none;
  box-shadow:
    0 0 0 var(--clg-shape-pal-border-width-200, 2px)
      var(--clg-color-sem-background-elevation-0, #faf8f5),
    0 0 0 var(--clg-shape-pal-border-width-300, 4px)
      var(--clg-color-sem-border-focused, #426bdb) !important;
}

.wt-overlay {
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
  z-index: var(--clg-effect-pal-z-index-800, 80);
  padding: var(--clg-dimension-pal-spacing-200, 12px);
  padding-top: calc(
    var(--clg-dimension-pal-spacing-200, 12px) + env(safe-area-inset-top, 0px)
  );
  padding-bottom: calc(
    var(--clg-dimension-pal-spacing-200, 12px) +
      env(safe-area-inset-bottom, 0px)
  );
  -webkit-overflow-scrolling: auto;
  width: 100%;
  height: 100%;
  min-height: 100%;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden auto;
}

@media only screen and (min-width: 640px) {
  .wt-overlay {
    padding: var(--clg-dimension-pal-spacing-600, 36px);
    padding-top: calc(
      var(--clg-dimension-pal-spacing-600, 36px) + env(safe-area-inset-top, 0px)
    );
    padding-bottom: calc(
      var(--clg-dimension-pal-spacing-600, 36px) +
        env(safe-area-inset-bottom, 0px)
    );
  }
}

.wt-overlay:not(.wt-overlay--will-animate) {
  display: none;
}

.wt-overlay:not(.wt-overlay--will-animate) * {
  animation-play-state: paused !important;
}

@media (-ms-high-contrast: none) {
  .wt-overlay {
    display: block;
  }
}

.wt-overlay[aria-hidden="true"] {
  visibility: hidden;
  transition:
    visibility 0s linear var(--clg-effect-pal-duration-300, 0.3s),
    z-index 0s linear var(--clg-effect-pal-duration-300, 0.3s),
    background var(--clg-effect-pal-duration-300, 0.3s) ease-out;
  background: 0 0;
}

.fix-overlay-z-index-on-mission-control .wt-overlay[aria-hidden="true"] {
  z-index: -1;
}

.wt-overlay[aria-hidden="false"] {
  visibility: visible;
  background: var(--clg-color-sem-background-scrim, #33140042);
  transition-delay: 0s;
}

.wt-overlay.wt-overlay--no-animation {
  transition: none !important;
}

.wt-overlay.wt-overlay--animation-style-grow {
  transition: none;
  transform: none;
}

.wt-overlay--has-close-icon {
  padding-top: calc(
    var(--clg-dimension-sem-interaction-base, 48px) +
      calc(
        var(--clg-dimension-pal-spacing-200, 12px) +
          env(safe-area-inset-top, 0px)
      )
  );
}

@media only screen and (min-width: 640px) {
  .wt-overlay--has-close-icon {
    padding-top: calc(
      var(--clg-dimension-sem-interaction-base, 48px) +
        calc(
          var(--clg-dimension-pal-spacing-600, 36px) +
            env(safe-area-inset-top, 0px)
        )
    );
  }
}

@media only screen and (min-width: 1200px) {
  .wt-overlay--has-close-icon {
    padding-top: calc(
      var(--clg-dimension-pal-spacing-600, 36px) + env(safe-area-inset-top, 0px)
    );
  }
}

.wt-overlay__modal {
  box-shadow: var(
    --clg-effect-sem-shadow-elevation-1,
    0px 2px 8px 0px #150a040a,
    0px 4px 12px 2px #150a040f
  );
  background: var(--clg-color-sem-background-elevation-1, #fff);
  border-radius: var(--clg-shape-sem-border-radius-largest, 24px);
  z-index: var(--clg-effect-pal-z-index-100, 10);
  padding: var(--clg-dimension-pal-spacing-300, 18px);
  opacity: 0;
  transform: translateY(var(--clg-dimension-pal-spacing-500, 30px)) scale(0.965)
    perspective(1px);
  width: 100%;
  max-width: 580px;
  margin: auto;
  transition:
    opacity 0.15s ease-out,
    transform 0.255s cubic-bezier(0.175, 0.745, 0.425, 1.11);
  position: relative;
}

@media only screen and (min-width: 640px) {
  .wt-overlay__modal {
    padding: var(--clg-dimension-pal-spacing-500, 30px);
  }
}

.wt-overlay--animation-style-grow .wt-overlay__modal {
  transition: opacity var(--clg-effect-pal-duration-200, 0.2s) linear
    var(--clg-effect-pal-duration-300, 0.3s);
  transform: none;
}

.wt-overlay[aria-hidden="false"] .wt-overlay__modal {
  opacity: 1;
  transition-delay: 75ms;
  transform: translateY(0) scale(1) perspective(1px);
}

.wt-overlay.wt-overlay--animation-style-grow[aria-hidden="false"]
  .wt-overlay__modal {
  transition: opacity var(--clg-effect-pal-duration-200, 0.2s) linear
    var(--clg-effect-pal-duration-300, 0.3s);
  transform: none;
}

.wt-overlay[aria-hidden="false"] .wt-overlay__modal.wt-overlay--animation-done {
  transform: none;
}

.wt-overlay--no-animation .wt-overlay__modal {
  transition: none !important;
  transform: none !important;
}

.wt-overlay__modal--condensed {
  padding: var(--clg-dimension-pal-spacing-300, 18px);
}

.wt-overlay__header {
  padding-top: var(--clg-dimension-pal-spacing-100, 6px);
  padding-bottom: var(--clg-dimension-pal-spacing-300, 18px);
  z-index: var(--clg-effect-pal-z-index-200, 20);
  position: relative;
}

@media only screen and (min-width: 640px) {
  .wt-overlay__header {
    padding-top: 0;
    padding-bottom: var(--clg-dimension-pal-spacing-400, 24px);
  }
}

.wt-overlay__header--condensed {
  padding-bottom: var(--clg-dimension-pal-spacing-300, 18px);
}

.wt-overlay__header--image {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  margin-top: calc(-1 * var(--clg-dimension-pal-spacing-300, 18px));
  margin-right: calc(-1 * var(--clg-dimension-pal-spacing-300, 18px));
  margin-left: calc(-1 * var(--clg-dimension-pal-spacing-300, 18px));
  padding-top: 0;
  overflow: hidden;
}

@media only screen and (min-width: 640px) {
  .wt-overlay__header--image {
    margin-top: calc(-1 * var(--clg-dimension-pal-spacing-500, 30px));
    margin-right: calc(-1 * var(--clg-dimension-pal-spacing-500, 30px));
    margin-left: calc(-1 * var(--clg-dimension-pal-spacing-500, 30px));
  }
}

.wt-overlay__main {
  z-index: var(--clg-effect-pal-z-index-100, 10);
  position: relative;
}

.wt-overlay__footer {
  padding-top: var(--clg-dimension-pal-spacing-400, 24px);
  flex-direction: column-reverse;
  display: flex;
  position: relative;
}

.wt-overlay__footer
  .wt-overlay__footer__action.wt-overlay__footer__action
  > .wt-btn,
.wt-overlay__footer
  .wt-overlay__footer__cancel.wt-overlay__footer__cancel
  > .wt-btn {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.wt-overlay__footer .wt-overlay__footer__action > .wt-btn {
  margin-bottom: var(--clg-dimension-pal-spacing-300, 18px);
}

@media only screen and (min-width: 640px) {
  .wt-overlay__footer {
    padding-top: var(--clg-dimension-pal-spacing-600, 36px);
    flex-direction: row;
  }

  .wt-overlay__footer
    .wt-overlay__footer__action.wt-overlay__footer__action
    > .wt-btn,
  .wt-overlay__footer
    .wt-overlay__footer__cancel.wt-overlay__footer__cancel
    > .wt-btn {
    width: auto;
    margin: 0;
  }

  .wt-overlay__footer .wt-overlay__footer__cancel {
    flex: 1;
  }

  .wt-overlay__footer .wt-overlay__footer__action {
    margin-left: var(--clg-dimension-pal-spacing-300, 18px);
  }
}

.wt-overlay__footer--condensed {
  padding-top: var(--clg-dimension-pal-spacing-300, 18px);
}

.wt-overlay__close-icon {
  bottom: 100%;
  right: calc(-1 * var(--clg-dimension-pal-spacing-100, 6px));
  margin-bottom: var(--clg-dimension-pal-spacing-100, 6px);
  z-index: 0;
  opacity: 0;
  transition: opacity var(--clg-effect-pal-duration-600, 0.6s) ease-out;
  transform: translate(0, 0);
}

.wt-overlay__close-icon.wt-btn {
  position: absolute;
}

.wt-overlay[aria-hidden="false"] .wt-overlay__close-icon {
  opacity: 1;
  transition-delay: var(--clg-effect-pal-duration-300, 0.3s);
}

@media only screen and (min-width: 1200px) {
  .wt-overlay__close-icon {
    margin-left: var(--clg-dimension-pal-spacing-200, 12px);
    margin-bottom: auto;
    top: 0;
    bottom: auto;
    left: 100%;
    right: auto;
  }
}

.wt-overlay--no-animation .wt-overlay__close-icon {
  transition: none !important;
}

.wt-overlay__animation-placeholder {
  opacity: 0;
  background: var(--clg-color-pal-greyscale-800, #312b36);
  border-radius: var(--clg-shape-sem-border-radius-larger, 16px);
  will-change: transform;
  transform-origin: 0 0;
  transition:
    border-radius 0.35s linear,
    transform 0.35s ease-in,
    opacity 0.35s ease-in;
  position: fixed;
}

.wt-overlay__animation-placeholder.wt-overlay__animation-placeholder--open {
  border-radius: var(--clg-shape-sem-border-radius-smaller, 4px);
  opacity: 1;
}

.wt-overlay--large .wt-overlay__modal {
  max-width: 740px;
}

.wt-overlay--alert .wt-overlay__modal,
.wt-overlay--info .wt-overlay__modal {
  max-width: 420px;
}

@media only screen and (min-width: 0) {
  .wt-overlay--peek,
  .wt-overlay--peek-right,
  .wt-overlay--peek-left {
    padding: 0;
  }
}

.wt-overlay--peek .wt-overlay__modal,
.wt-overlay--peek-right .wt-overlay__modal,
.wt-overlay--peek-left .wt-overlay__modal {
  padding: var(--clg-dimension-pal-spacing-300, 18px);
  padding-top: calc(
    var(--clg-dimension-pal-spacing-300, 18px) + env(safe-area-inset-top, 0px)
  );
  padding-bottom: calc(
    var(--clg-dimension-pal-spacing-300, 18px) +
      env(safe-area-inset-bottom, 0px)
  );
  max-width: calc(
    100% - var(--clg-dimension-sem-interaction-base, 48px) +
      var(--clg-dimension-pal-spacing-200, 12px)
  );
  transform: translateX(var(--clg-dimension-pal-spacing-800, 48px))
    perspective(1px);
  border-radius: 0;
  width: 580px;
  min-height: 100%;
  margin-right: 0;
}

@media only screen and (min-width: 640px) {
  .wt-overlay--peek .wt-overlay__modal,
  .wt-overlay--peek-right .wt-overlay__modal,
  .wt-overlay--peek-left .wt-overlay__modal {
    padding: var(--clg-dimension-pal-spacing-500, 30px);
    padding-top: calc(
      var(--clg-dimension-pal-spacing-500, 30px) + env(safe-area-inset-top, 0px)
    );
    padding-bottom: calc(
      var(--clg-dimension-pal-spacing-500, 30px) +
        env(safe-area-inset-bottom, 0px)
    );
  }
}

.wt-overlay--no-animation .wt-overlay--peek .wt-overlay__modal,
.wt-overlay--no-animation .wt-overlay--peek-right .wt-overlay__modal,
.wt-overlay--no-animation .wt-overlay--peek-left .wt-overlay__modal {
  transition: none !important;
}

.wt-overlay--peek .wt-overlay__close-icon,
.wt-overlay--peek-right .wt-overlay__close-icon,
.wt-overlay--peek-left .wt-overlay__close-icon {
  right: 100%;
  top: var(--clg-dimension-pal-spacing-100, 6px);
  margin-right: var(--clg-dimension-pal-spacing-100, 6px);
  bottom: auto;
  left: auto;
}

@media only screen and (min-width: 640px) {
  .wt-overlay--peek .wt-overlay__close-icon,
  .wt-overlay--peek-right .wt-overlay__close-icon,
  .wt-overlay--peek-left .wt-overlay__close-icon {
    top: var(--clg-dimension-pal-spacing-400, 24px);
  }
}

.wt-overlay--peek-left .wt-overlay__modal {
  transform: translateX(calc(-1 * var(--clg-dimension-pal-spacing-800, 48px)))
    perspective(1px);
  margin-left: 0;
}

.wt-overlay--peek-left .wt-overlay__close-icon {
  margin-left: var(--clg-dimension-pal-spacing-100, 6px);
  margin-right: auto;
  left: 100%;
  right: auto;
}

.wt-overlay--full-screen {
  transition-delay: var(--clg-effect-pal-duration-300, 0.3s);
  padding-bottom: 0;
  overflow-y: scroll;
}

@media only screen and (min-width: 0) and (max-width: 639px) {
  .wt-overlay--full-screen {
    padding: 0;
  }

  .wt-overlay--full-screen.wt-overlay--btn-group-small .wt-overlay__modal {
    padding-bottom: calc(
      var(--clg-dimension-sem-interaction-base, 48px) * 2 +
        var(--clg-dimension-pal-spacing-1000, 60px)
    );
    padding-bottom: calc(
      calc(
          var(--clg-dimension-sem-interaction-base, 48px) * 2 +
            var(--clg-dimension-pal-spacing-1000, 60px)
        ) +
        env(safe-area-inset-bottom, 0px)
    );
  }
}

.wt-overlay--full-screen .wt-overlay__modal {
  border-radius: 0;
  max-width: 1200px;
  min-height: 100%;
  transition-delay: 0.15s;
}

@media only screen and (min-width: 0) and (max-width: 639px) {
  .wt-overlay--full-screen .wt-overlay__modal {
    padding-bottom: calc(
      var(--clg-dimension-sem-interaction-base, 48px) * 3 +
        var(--clg-dimension-pal-spacing-1300, 78px)
    );
    padding-bottom: calc(
      calc(
          var(--clg-dimension-sem-interaction-base, 48px) * 3 +
            var(--clg-dimension-pal-spacing-1300, 78px)
        ) +
        env(safe-area-inset-bottom, 0px)
    );
  }
}

@media only screen and (min-width: 640px) {
  .wt-overlay--full-screen .wt-overlay__modal {
    padding-bottom: calc(
      var(--clg-dimension-sem-interaction-base, 48px) +
        var(--clg-dimension-pal-spacing-1300, 78px)
    );
    padding-bottom: calc(
      calc(
          var(--clg-dimension-sem-interaction-base, 48px) +
            var(--clg-dimension-pal-spacing-1300, 78px)
        ) +
        env(safe-area-inset-bottom, 0px)
    );
    border-top-right-radius: var(--clg-shape-app-dialog-border-radius, 24px);
    border-top-left-radius: var(--clg-shape-app-dialog-border-radius, 24px);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
}

.wt-overlay--no-animation .wt-overlay--full-screen .wt-overlay__modal {
  transition: none !important;
}

.wt-overlay--full-screen[aria-hidden="false"],
.wt-overlay--full-screen[aria-hidden="false"] .wt-overlay__modal {
  transition-delay: 0s;
}

.wt-overlay--full-screen .wt-overlay__sticky-footer-container {
  z-index: var(--clg-effect-pal-z-index-300, 30);
  box-sizing: border-box;
  padding-right: var(--clg-dimension-pal-spacing-200, 12px);
  padding-left: var(--clg-dimension-pal-spacing-200, 12px);
  width: 100%;
  transition: transform 0.12s cubic-bezier(0.43, 0.19, 0.28, 1.105);
  position: fixed;
  bottom: 0;
  left: 0;
  overflow: hidden scroll;
  transform: translateY(100%);
}

@media only screen and (min-width: 640px) {
  .wt-overlay--full-screen .wt-overlay__sticky-footer-container {
    padding-right: var(--clg-dimension-pal-spacing-600, 36px);
    padding-left: var(--clg-dimension-pal-spacing-600, 36px);
  }
}

@media only screen and (min-width: 0) and (max-width: 639px) {
  .wt-overlay--full-screen .wt-overlay__sticky-footer-container {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (-ms-high-contrast: none) {
  .wt-overlay--full-screen .wt-overlay__sticky-footer-container {
    overflow-y: auto;
  }
}

.wt-overlay--full-screen .wt-overlay__footer {
  background: var(--clg-color-sem-background-elevation-1, #fff);
  z-index: var(--clg-effect-pal-z-index-300, 30);
  padding: var(--clg-dimension-pal-spacing-200, 12px)
    var(--clg-dimension-pal-spacing-300, 18px);
  width: 100%;
  max-width: 1200px;
  margin: auto;
  position: relative;
  overflow-y: hidden;
}

@media only screen and (min-width: 640px) {
  .wt-overlay--full-screen .wt-overlay__footer {
    padding: var(--clg-dimension-pal-spacing-400, 24px)
      var(--clg-dimension-pal-spacing-500, 30px);
  }
}

.wt-overlay--full-screen
  .wt-overlay__sticky-footer-container
  .wt-overlay__footer {
  padding-bottom: var(--clg-dimension-pal-spacing-200, 12px);
  padding-bottom: calc(
    var(--clg-dimension-pal-spacing-200, 12px) +
      env(safe-area-inset-bottom, 0px)
  );
}

@media only screen and (min-width: 640px) {
  .wt-overlay--full-screen
    .wt-overlay__sticky-footer-container
    .wt-overlay__footer {
    padding-bottom: var(--clg-dimension-pal-spacing-400, 24px);
    padding-bottom: calc(
      var(--clg-dimension-pal-spacing-400, 24px) +
        env(safe-area-inset-bottom, 0px)
    );
  }
}

.wt-overlay--full-screen
  .wt-overlay--animation-done
  .wt-overlay__sticky-footer-container {
  transition-delay: 0.12s;
  transition-duration: var(--clg-effect-pal-duration-300, 0.3s);
  transform: translateY(0%);
}

.wt-overlay--full-screen.wt-overlay--no-animation
  .wt-overlay__sticky-footer-container {
  transition: none !important;
  transform: none !important;
}

.wt-overlay--video .wt-overlay__modal {
  background: var(--clg-color-pal-greyscale-800, #312b36);
  border-radius: var(--clg-dimension-pal-spacing-100, 6px);
  width: 85%;
  max-width: none;
  padding: 0;
}

.wt-overlay--video .wt-overlay__modal__video-player {
  max-width: 160vh;
  height: 0;
  min-height: 0;
  padding: 0;
  display: none;
}

.wt-overlay__video-trigger__container,
.wt-overlay__video-trigger {
  border-radius: var(--clg-dimension-pal-spacing-300, 18px);
  width: 100%;
  max-width: 100%;
  padding: 0;
  display: block;
  position: relative;
}

.wt-overlay__video-trigger {
  color: inherit;
  font: inherit;
  cursor: pointer;
  text-align: left;
  -webkit-tap-highlight-color: #0000;
  -webkit-appearance: none;
  transition: opacity var(--clg-effect-pal-duration-100, 0.1s) ease-in;
  background: 0 0;
  border: none;
  outline: none;
  text-decoration: none;
}

.wt-overlay__video-trigger:focus-visible {
  outline: inherit;
}

.wt-overlay__video-trigger:before {
  content: "";
  padding-bottom: 56.25%;
  display: block;
}

.wt-overlay__video-trigger:focus {
  box-shadow:
    0 0 0 var(--clg-shape-pal-border-width-200, 2px)
      var(--clg-color-sem-background-elevation-0, #faf8f5),
    0 0 0 var(--clg-shape-pal-border-width-300, 4px)
      var(--clg-color-sem-border-focused, #426bdb);
}

.wt-overlay__video-trigger.wt-overlay__video-trigger--overlay-open {
  opacity: 0;
  transition: opacity 0.25s ease-out;
}

.wt-overlay__video-trigger.wt-overlay__video-trigger--with-background {
  background: var(--clg-color-pal-greyscale-800, #312b36);
}

.wt-overlay__video-trigger.wt-overlay__video-trigger--with-background:hover
  .wt-overlay__video-trigger__background {
  opacity: 0.55;
}

.wt-overlay__video-trigger__loading,
.wt-overlay__video-trigger__text {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.wt-overlay__video-trigger__loading {
  opacity: 0;
  transition-duration: 0.35s;
}

.wt-overlay__video-trigger__background {
  border-radius: inherit;
  z-index: 0;
  opacity: 0.65;
  transition: opacity var(--clg-effect-pal-duration-200, 0.2s) ease-out;
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.wt-overlay__video-trigger__pause-play-button {
  inset: auto var(--clg-dimension-pal-spacing-200, 12px)
    var(--clg-dimension-pal-spacing-200, 12px) auto;
  position: absolute !important;
}

.wt-youtube-player {
  opacity: 1;
  transition: opacity var(--clg-effect-pal-duration-300, 0.3s) ease-out;
  border-radius: inherit;
  width: 100%;
  padding-bottom: 56.25%;
  position: relative;
  overflow: hidden;
}

.wt-youtube-player.wt-youtube-player--unstarted {
  opacity: 0;
}

.wt-youtube-player__container {
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

iframe.wt-youtube-player__container {
  z-index: 0;
}

button.wt-text-link:focus-visible {
  outline: inherit;
}

button.wt-arrow-link:focus-visible {
  outline: inherit;
}

button.wt-text-link-no-underline:focus-visible {
  outline: inherit;
}

button.wt-text-link-underline-dotted:focus-visible {
  outline: inherit;
}

.wt-tooltip__popper [role="tooltip"],
.wt-tooltip__popper__overlay {
  background: var(--clg-color-app-tooltip-background, #312b36);
  border-radius: var(--clg-shape-sem-border-radius-smaller, 4px);
  color: var(--clg-color-app-tooltip-text, #faf8f5);
  padding: var(--clg-dimension-app-tooltip-padding-vertical, 8px)
    var(--clg-dimension-app-tooltip-padding-horizontal, 8px);
  white-space: nowrap;
  position: fixed;
}

.wt-tooltip__popper__overlay {
  bottom: 0;
  left: 0;
}

.wt-tooltip__popper__overlay:not(.wt-tooltip__popper__overlay--is-open) {
  pointer-events: none;
}

.wt-tooltip__popper__overlay.wt-tooltip__popper__overlay--is-open {
  visibility: visible;
  opacity: 1;
  transform: translate(0);
}

.wt-tooltip__popper__overlay .wt-tooltip__popper__arrow,
.wt-tooltip__popper__overlay .wt-tooltip__popper__arrow:before {
  width: var(--clg-dimension-pal-size-200, 12px);
  height: var(--clg-dimension-pal-size-200, 12px);
  position: absolute;
}

.wt-tooltip__popper__overlay .wt-tooltip__popper__arrow:before {
  content: "";
  background-color: var(--clg-color-app-tooltip-background, #312b36);
  border: 0 solid var(--clg-color-sem-border-active, #312b36);
  transform: rotate(45deg);
}

.wt-tooltip__popper__overlay[data-popper-placement^="top"]
  .wt-tooltip__popper__arrow {
  top: 100%;
  transform: translateY(-70%);
}

.wt-tooltip__popper__overlay[data-popper-placement^="top"].wt-tooltip__popper__overlay--is-open {
  visibility: visible;
  opacity: 1;
  transform: translate(
    0,
    calc(-1 * var(--clg-dimension-pal-spacing-200, 12px))
  );
}

.wt-tooltip__popper__overlay[data-popper-placement^="bottom"]
  .wt-tooltip__popper__arrow {
  bottom: 100%;
  transform: translateY(70%);
}

.wt-tooltip__popper__overlay[data-popper-placement^="bottom"].wt-tooltip__popper__overlay--is-open {
  visibility: visible;
  opacity: 1;
  transform: translate(0, var(--clg-dimension-pal-spacing-200, 12px));
}

.wt-tooltip__popper__overlay[data-popper-placement^="right"]
  .wt-tooltip__popper__arrow {
  right: 100%;
  transform: translate(70%);
}

.wt-tooltip__popper__overlay[data-popper-placement^="right"].wt-tooltip__popper__overlay--is-open {
  visibility: visible;
  opacity: 1;
  transform: translate(var(--clg-dimension-pal-spacing-200, 12px), 0);
}

.wt-tooltip__popper__overlay[data-popper-placement^="left"]
  .wt-tooltip__popper__arrow {
  left: 100%;
  transform: translate(-70%);
}

.wt-tooltip__popper__overlay[data-popper-placement^="left"].wt-tooltip__popper__overlay--is-open {
  visibility: visible;
  opacity: 1;
  transform: translate(
    calc(-1 * var(--clg-dimension-pal-spacing-200, 12px)),
    0
  );
}

.wt-browser-has-no-hover-support
  .wt-tooltip__popper__overlay.wt-tooltip--disabled-touch {
  transform: scale(0);
  visibility: hidden !important;
  opacity: 0 !important;
}

.wt-tooltip__popper.wt-tooltip__popper__overlay--is-open [role="tooltip"] {
  opacity: 1;
  visibility: visible;
  position: absolute;
}

.wt-tooltip__popper.wt-tooltip__popper__overlay--is-open
  [role="tooltip"]:before {
  content: "";
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.wt-tooltip__popper.wt-tooltip__popper__overlay--is-open
  [role="tooltip"][data-popper-placement^="top"] {
  transform: translate(0, calc(-1 * var(--clg-dimension-pal-spacing-200, 12px)))
    scale3d(1, 1, 1);
}

.wt-tooltip__popper.wt-tooltip__popper__overlay--is-open
  [role="tooltip"][data-popper-placement^="top"]:before {
  transform: translate(0, var(--clg-dimension-pal-spacing-300, 18px))
    scale3d(1, 1, 1);
}

.wt-tooltip__popper.wt-tooltip__popper__overlay--is-open
  [role="tooltip"][data-popper-placement^="bottom"] {
  transform: translate(0, var(--clg-dimension-pal-spacing-200, 12px))
    scale3d(1, 1, 1);
}

.wt-tooltip__popper.wt-tooltip__popper__overlay--is-open
  [role="tooltip"][data-popper-placement^="bottom"]:before {
  transform: translate(0, calc(-1 * var(--clg-dimension-pal-spacing-300, 18px)))
    scale3d(1, 1, 1);
}

.wt-tooltip__popper.wt-tooltip__popper__overlay--is-open
  [role="tooltip"][data-popper-placement^="right"] {
  transform: translate(var(--clg-dimension-pal-spacing-200, 12px), 0)
    scale3d(1, 1, 1);
}

.wt-tooltip__popper.wt-tooltip__popper__overlay--is-open
  [role="tooltip"][data-popper-placement^="right"]:before {
  transform: translate(calc(-1 * var(--clg-dimension-pal-spacing-300, 18px)), 0)
    scale3d(1, 1, 1);
}

.wt-tooltip__popper.wt-tooltip__popper__overlay--is-open
  [role="tooltip"][data-popper-placement^="left"] {
  transform: translate(calc(-1 * var(--clg-dimension-pal-spacing-200, 12px)), 0)
    scale3d(1, 1, 1);
}

.wt-tooltip__popper.wt-tooltip__popper__overlay--is-open
  [role="tooltip"][data-popper-placement^="left"]:before {
  transform: translate(var(--clg-dimension-pal-spacing-300, 18px), 0)
    scale3d(1, 1, 1);
}

.wt-tooltip__popper .wt-tooltip__popper__trigger {
  cursor: help;
  color: inherit;
  text-decoration: none;
}

.wt-tooltip__popper button.wt-tooltip__popper__trigger {
  background: 0 0;
  border: 0;
  padding-left: 0;
  padding-right: 0;
}

.wt-tooltip__popper [role="tooltip"] .wt-tooltip__popper__arrow,
.wt-tooltip__popper [role="tooltip"] .wt-tooltip__popper__arrow:before {
  width: var(--clg-dimension-pal-size-200, 12px);
  height: var(--clg-dimension-pal-size-200, 12px);
  position: absolute;
}

.wt-tooltip__popper [role="tooltip"] .wt-tooltip__popper__arrow:before {
  content: "";
  background-color: var(--clg-color-app-tooltip-background, #312b36);
  border: 0 solid var(--clg-color-sem-border-active, #312b36);
  transform: rotate(45deg);
}

.wt-tooltip__popper
  [role="tooltip"][data-popper-placement^="top"]
  .wt-tooltip__popper__arrow {
  top: 100%;
  transform: translateY(-70%);
}

.wt-tooltip__popper
  [role="tooltip"][data-popper-placement^="bottom"]
  .wt-tooltip__popper__arrow {
  bottom: 100%;
  transform: translateY(70%);
}

.wt-tooltip__popper
  [role="tooltip"][data-popper-placement^="right"]
  .wt-tooltip__popper__arrow {
  right: 100%;
  transform: translate(70%);
}

.wt-tooltip__popper
  [role="tooltip"][data-popper-placement^="left"]
  .wt-tooltip__popper__arrow {
  left: 100%;
  transform: translate(-70%);
}

.wt-browser-has-no-hover-support
  .wt-tooltip__popper
  [role="tooltip"].wt-tooltip--disabled-touch {
  transform: scale(0);
  visibility: hidden !important;
  opacity: 0 !important;
}

.wt-tooltip,
.wt-tooltip__popper,
.wt-popover {
  display: inline-block;
  position: relative;
}

.wt-tooltip [role="tooltip"],
.wt-tooltip__popper [role="tooltip"],
.wt-popover [role="tooltip"],
.wt-tooltip__overlay,
.wt-tooltip__popper__overlay {
  box-shadow: var(--clg-effect-app-tooltip-shadow, 0px 0px 24px 4px #33140042);
  z-index: var(--clg-effect-pal-z-index-600, 60);
  visibility: hidden;
  opacity: 0;
  padding: var(--clg-dimension-app-tooltip-padding-vertical, 8px)
    var(--clg-dimension-app-tooltip-padding-horizontal, 8px);
  font-family: var(--clg-typography-sem-product-body-small-font-family);
  font-weight: var(--clg-typography-sem-product-body-small-font-weight);
  font-size: var(--clg-typography-sem-product-body-small-font-size);
  line-height: var(--clg-typography-sem-product-body-small-line-height);
  letter-spacing: var(--clg-typography-sem-product-body-small-letter-spacing);
  position: absolute;
}

.wt-popover .wt-popover__trigger.wt-popover__trigger--underline,
.wt-popover .wt-popover__trigger.wt-popover__trigger--underline--light,
.wt-tooltip .wt-tooltip__trigger.wt-tooltip__trigger--underline,
.wt-tooltip .wt-tooltip__trigger.wt-tooltip__trigger--underline--light,
.wt-tooltip__popper
  .wt-tooltip__popper__trigger.wt-tooltip__popper__trigger--underline,
.wt-tooltip__popper
  .wt-tooltip__popper__trigger.wt-tooltip__popper__trigger--underline--light {
  text-underline-position: under;
  -webkit-text-decoration: underline dashed;
  text-decoration: underline dashed;
  -webkit-text-decoration-color: inherit;
  text-decoration-color: inherit;
}

.wt-popover .wt-popover__trigger.wt-popover__trigger--underline:hover,
.wt-popover .wt-popover__trigger.wt-popover__trigger--underline--light:hover,
.wt-tooltip .wt-tooltip__trigger.wt-tooltip__trigger--underline:hover,
.wt-tooltip .wt-tooltip__trigger.wt-tooltip__trigger--underline--light:hover,
.wt-tooltip__popper
  .wt-tooltip__popper__trigger.wt-tooltip__popper__trigger--underline:hover,
.wt-tooltip__popper
  .wt-tooltip__popper__trigger.wt-tooltip__popper__trigger--underline--light:hover {
  cursor: help;
}

.wt-tooltip [role="tooltip"],
.wt-tooltip__overlay {
  background: var(--clg-color-app-tooltip-background, #312b36);
  border-radius: var(--clg-shape-sem-border-radius-smaller, 4px);
  color: var(--clg-color-app-tooltip-text, #faf8f5);
  padding: var(--clg-dimension-app-tooltip-padding-vertical, 8px)
    var(--clg-dimension-app-tooltip-padding-horizontal, 8px);
  white-space: nowrap;
  transition:
    opacity var(--clg-effect-pal-duration-300, 0.3s)
      cubic-bezier(0.175, 0.745, 0.425, 1.11),
    transform var(--clg-effect-pal-duration-300, 0.3s)
      cubic-bezier(0.175, 0.745, 0.425, 1.11),
    visibility var(--clg-effect-pal-duration-300, 0.3s)
      cubic-bezier(0.175, 0.745, 0.425, 1.11);
}

.wt-tooltip__overlay {
  top: 0;
  left: 0;
}

.wt-tooltip__overlay:not(.wt-tooltip__overlay--is-open) {
  pointer-events: none;
}

.wt-tooltip__overlay.wt-tooltip__overlay--is-open {
  visibility: visible;
  opacity: 1;
  transform: translate(0);
}

.wt-tooltip__overlay .wt-tooltip__arrow,
.wt-tooltip__overlay .wt-tooltip__arrow:before {
  width: var(--clg-dimension-pal-size-200, 12px);
  height: var(--clg-dimension-pal-size-200, 12px);
  z-index: -1;
  position: absolute;
}

.wt-tooltip__overlay .wt-tooltip__arrow:before {
  content: "";
  background-color: var(--clg-color-app-tooltip-background, #312b36);
  border: 0 solid var(--clg-color-sem-border-active, #312b36);
  transform: rotate(45deg);
}

.wt-tooltip__overlay[data-popper-placement^="top"] .wt-tooltip__arrow {
  top: 100%;
  transform: translateY(-70%);
}

.wt-tooltip__overlay[data-popper-placement^="top"].wt-tooltip__overlay--is-open {
  visibility: visible;
  opacity: 1;
  transform: translate(
    0,
    calc(-1 * var(--clg-dimension-pal-spacing-200, 12px))
  );
}

.wt-tooltip__overlay[data-popper-placement^="bottom"] .wt-tooltip__arrow {
  bottom: 100%;
  transform: translateY(70%);
}

.wt-tooltip__overlay[data-popper-placement^="bottom"].wt-tooltip__overlay--is-open {
  visibility: visible;
  opacity: 1;
  transform: translate(0, var(--clg-dimension-pal-spacing-200, 12px));
}

.wt-tooltip__overlay[data-popper-placement^="right"] .wt-tooltip__arrow {
  right: 100%;
  transform: translate(70%);
}

.wt-tooltip__overlay[data-popper-placement^="right"].wt-tooltip__overlay--is-open {
  visibility: visible;
  opacity: 1;
  transform: translate(var(--clg-dimension-pal-spacing-200, 12px), 0);
}

.wt-tooltip__overlay[data-popper-placement^="left"] .wt-tooltip__arrow {
  left: 100%;
  transform: translate(-70%);
}

.wt-tooltip__overlay[data-popper-placement^="left"].wt-tooltip__overlay--is-open {
  visibility: visible;
  opacity: 1;
  transform: translate(
    calc(-1 * var(--clg-dimension-pal-spacing-200, 12px)),
    0
  );
}

.wt-browser-has-no-hover-support
  .wt-tooltip__overlay.wt-tooltip--disabled-touch {
  transform: scale(0);
  visibility: hidden !important;
  opacity: 0 !important;
}

.wt-tooltip [role="tooltip"] {
  top: calc(100% + (var(--clg-dimension-pal-spacing-base-unit, 6px) * 1.5));
  transform: translate(
    -50%,
    calc(-1 * var(--clg-dimension-pal-spacing-base-unit, 6px))
  );
  left: 50%;
}

.wt-tooltip [role="tooltip"]:after {
  content: "";
  background: inherit;
  width: calc(var(--clg-dimension-pal-size-base-unit, 6px) * 1.5);
  height: calc(var(--clg-dimension-pal-size-base-unit, 6px) * 1.5);
  top: calc(-1 * var(--clg-dimension-pal-spacing-050, 3px));
  left: calc(50% - (var(--clg-dimension-pal-spacing-base-unit, 6px) * 0.75));
  position: absolute;
  transform: rotate(45deg);
}

.wt-tooltip button.wt-tooltip__trigger {
  background: 0 0;
  border: 0;
}

.wt-tooltip .wt-tooltip__trigger {
  text-decoration: none;
}

.wt-tooltip.wt-tooltip--bottom-left [role="tooltip"] {
  transform: translate(
    0,
    calc(-1 * var(--clg-dimension-pal-spacing-base-unit, 6px))
  );
}

.wt-tooltip.wt-tooltip--top-left [role="tooltip"] {
  top: auto;
  bottom: calc(100% + (var(--clg-dimension-pal-spacing-base-unit, 6px) * 1.5));
  transform: translate(0, var(--clg-dimension-pal-spacing-base-unit, 6px));
}

.wt-tooltip.wt-tooltip--top-left [role="tooltip"]:after {
  top: auto;
  bottom: calc(-1 * var(--clg-dimension-pal-spacing-050, 3px));
}

.wt-tooltip.wt-tooltip--top-left [role="tooltip"],
.wt-tooltip.wt-tooltip--bottom-left [role="tooltip"] {
  left: auto;
  right: calc(50% - var(--clg-dimension-pal-spacing-200, 12px));
}

.wt-tooltip.wt-tooltip--top-left [role="tooltip"]:after,
.wt-tooltip.wt-tooltip--bottom-left [role="tooltip"]:after {
  left: auto;
  right: calc(var(--clg-dimension-pal-spacing-base-unit, 6px) * 1.5);
}

.wt-tooltip.wt-tooltip--top-left
  .wt-tooltip__trigger:hover:not(:focus)
  + [role="tooltip"],
body:not(.wt-focus-visible)
  .wt-tooltip.wt-tooltip--top-left
  .wt-tooltip__trigger:focus
  + [role="tooltip"],
.wt-tooltip.wt-tooltip--bottom-left
  .wt-tooltip__trigger:hover:not(:focus)
  + [role="tooltip"],
body:not(.wt-focus-visible)
  .wt-tooltip.wt-tooltip--bottom-left
  .wt-tooltip__trigger:focus
  + [role="tooltip"] {
  visibility: visible;
  opacity: 1;
  transform: translate(0);
}

.wt-tooltip.wt-tooltip--top-right [role="tooltip"] {
  top: auto;
  bottom: calc(100% + (var(--clg-dimension-pal-spacing-base-unit, 6px) * 1.5));
  transform: translate(0, var(--clg-dimension-pal-spacing-base-unit, 6px));
}

.wt-tooltip.wt-tooltip--top-right [role="tooltip"]:after {
  top: auto;
  bottom: calc(-1 * var(--clg-dimension-pal-spacing-050, 3px));
}

.wt-tooltip.wt-tooltip--bottom-right [role="tooltip"] {
  transform: translate(
    0,
    calc(-1 * var(--clg-dimension-pal-spacing-base-unit, 6px))
  );
}

.wt-tooltip.wt-tooltip--top-right [role="tooltip"],
.wt-tooltip.wt-tooltip--bottom-right [role="tooltip"] {
  left: calc(50% - var(--clg-dimension-pal-spacing-200, 12px));
}

.wt-tooltip.wt-tooltip--top-right [role="tooltip"]:after,
.wt-tooltip.wt-tooltip--bottom-right [role="tooltip"]:after {
  left: calc(var(--clg-dimension-pal-spacing-base-unit, 6px) * 1.5);
}

.wt-tooltip.wt-tooltip--top-right
  .wt-tooltip__trigger:hover:not(:focus)
  + [role="tooltip"],
body:not(.wt-focus-visible)
  .wt-tooltip.wt-tooltip--top-right
  .wt-tooltip__trigger:focus
  + [role="tooltip"],
.wt-tooltip.wt-tooltip--bottom-right
  .wt-tooltip__trigger:hover:not(:focus)
  + [role="tooltip"],
body:not(.wt-focus-visible)
  .wt-tooltip.wt-tooltip--bottom-right
  .wt-tooltip__trigger:focus
  + [role="tooltip"] {
  visibility: visible;
  opacity: 1;
  transform: translate(0);
}

.wt-tooltip.wt-tooltip--top [role="tooltip"] {
  top: auto;
  bottom: calc(100% + (var(--clg-dimension-pal-spacing-base-unit, 6px) * 1.5));
  transform: translate(-50%, var(--clg-dimension-pal-spacing-base-unit, 6px));
}

.wt-tooltip.wt-tooltip--top [role="tooltip"]:after {
  top: auto;
  bottom: calc(-1 * var(--clg-dimension-pal-spacing-050, 3px));
}

.wt-tooltip.wt-tooltip--left,
.wt-tooltip.wt-tooltip--right {
  display: inline-flex;
}

.wt-tooltip.wt-tooltip--left [role="tooltip"],
.wt-tooltip.wt-tooltip--right [role="tooltip"] {
  top: auto;
}

.wt-tooltip.wt-tooltip--left [role="tooltip"]:after,
.wt-tooltip.wt-tooltip--right [role="tooltip"]:after {
  top: calc(50% - (var(--clg-dimension-pal-spacing-base-unit, 6px) * 0.75));
  right: calc(-1 * var(--clg-dimension-pal-spacing-050, 3px));
}

.wt-tooltip.wt-tooltip--left
  .wt-tooltip__trigger:hover:not(:focus)
  + [role="tooltip"],
body:not(.wt-focus-visible)
  .wt-tooltip.wt-tooltip--left
  .wt-tooltip__trigger:focus
  + [role="tooltip"],
.wt-tooltip.wt-tooltip--right
  .wt-tooltip__trigger:hover:not(:focus)
  + [role="tooltip"],
body:not(.wt-focus-visible)
  .wt-tooltip.wt-tooltip--right
  .wt-tooltip__trigger:focus
  + [role="tooltip"] {
  visibility: visible;
  opacity: 1;
  transform: none;
}

.wt-tooltip.wt-tooltip--left [role="tooltip"] {
  left: auto;
  right: calc(100% + (var(--clg-dimension-pal-spacing-base-unit, 6px) * 1.5));
  transform: translate(var(--clg-dimension-pal-spacing-base-unit, 6px));
}

.wt-tooltip.wt-tooltip--left [role="tooltip"]:after {
  left: auto;
  right: calc(-1 * var(--clg-dimension-pal-spacing-050, 3px));
}

.wt-tooltip.wt-tooltip--right [role="tooltip"] {
  right: auto;
  left: calc(100% + (var(--clg-dimension-pal-spacing-base-unit, 6px) * 1.5));
  transform: translate(
    calc(-1 * var(--clg-dimension-pal-spacing-base-unit, 6px))
  );
}

.wt-tooltip.wt-tooltip--right [role="tooltip"]:after {
  right: auto;
  left: calc(-1 * var(--clg-dimension-pal-spacing-050, 3px));
}

.wt-tooltip .wt-tooltip__trigger:hover:not(:focus) + [role="tooltip"],
body:not(.wt-focus-visible)
  .wt-tooltip
  .wt-tooltip__trigger:focus
  + [role="tooltip"] {
  visibility: visible;
  opacity: 1;
  transform: translate(-50%);
}

.wt-browser-has-no-hover-support
  .wt-tooltip.wt-tooltip--disabled-touch
  .wt-tooltip__trigger
  + [role="tooltip"],
.wt-tooltip
  .wt-tooltip__trigger[data-wt-tooltip-escaped="true"]
  + [role="tooltip"] {
  transform: scale(0);
  visibility: hidden !important;
  opacity: 0 !important;
}

.wt-popover [role="tooltip"] {
  border: var(--clg-shape-sem-border-width-thin, 1px) solid
    var(--clg-color-sem-border-divider, #e0dad6);
  border-radius: var(--clg-shape-sem-border-radius-base, 8px);
  background: var(--clg-color-app-popover-background, #fff);
  color: var(--clg-color-sem-text-primary, #312b36);
  padding: var(--clg-dimension-pal-spacing-200, 12px);
  transition:
    opacity var(--clg-effect-pal-duration-300, 0.3s)
      cubic-bezier(0.175, 0.745, 0.425, 1.11),
    transform var(--clg-effect-pal-duration-300, 0.3s)
      cubic-bezier(0.175, 0.745, 0.425, 1.11),
    visibility var(--clg-effect-pal-duration-300, 0.3s)
      cubic-bezier(0.175, 0.745, 0.425, 1.11);
  opacity: 0;
  visibility: hidden;
  width: 18.75em;
  position: fixed;
  transform: translate(0);
}

.wt-popover.wt-popover--is-open [role="tooltip"] {
  opacity: 1;
  visibility: visible;
  position: absolute;
}

.wt-popover.wt-popover--is-open [role="tooltip"]:before {
  content: "";
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.wt-popover.wt-popover--is-open [role="tooltip"][data-popper-placement^="top"] {
  transform: translate(0, calc(-1 * var(--clg-dimension-pal-spacing-200, 12px)))
    scale3d(1, 1, 1);
}

.wt-popover.wt-popover--is-open
  [role="tooltip"][data-popper-placement^="top"]:before {
  transform: translate(0, var(--clg-dimension-pal-spacing-300, 18px))
    scale3d(1, 1, 1);
}

.wt-popover.wt-popover--is-open
  [role="tooltip"][data-popper-placement^="bottom"] {
  transform: translate(0, var(--clg-dimension-pal-spacing-200, 12px))
    scale3d(1, 1, 1);
}

.wt-popover.wt-popover--is-open
  [role="tooltip"][data-popper-placement^="bottom"]:before {
  transform: translate(0, calc(-1 * var(--clg-dimension-pal-spacing-300, 18px)))
    scale3d(1, 1, 1);
}

.wt-popover.wt-popover--is-open
  [role="tooltip"][data-popper-placement^="right"] {
  transform: translate(var(--clg-dimension-pal-spacing-200, 12px), 0)
    scale3d(1, 1, 1);
}

.wt-popover.wt-popover--is-open
  [role="tooltip"][data-popper-placement^="right"]:before {
  transform: translate(calc(-1 * var(--clg-dimension-pal-spacing-300, 18px)), 0)
    scale3d(1, 1, 1);
}

.wt-popover.wt-popover--is-open
  [role="tooltip"][data-popper-placement^="left"] {
  transform: translate(calc(-1 * var(--clg-dimension-pal-spacing-200, 12px)), 0)
    scale3d(1, 1, 1);
}

.wt-popover.wt-popover--is-open
  [role="tooltip"][data-popper-placement^="left"]:before {
  transform: translate(var(--clg-dimension-pal-spacing-300, 18px), 0)
    scale3d(1, 1, 1);
}

.wt-popover .wt-popover__trigger {
  color: inherit;
  text-decoration: none;
  cursor: help !important;
}

.wt-popover button.wt-popover__trigger {
  background: 0 0;
  border: 0;
  padding-left: 0;
  padding-right: 0;
}

.wt-popover [role="tooltip"] .wt-popover__arrow {
  width: var(--clg-dimension-pal-size-200, 12px);
  height: var(--clg-dimension-pal-size-200, 12px);
  position: absolute;
}

.wt-popover [role="tooltip"] .wt-popover__arrow:before {
  content: "";
  background-color: var(--clg-color-app-popover-background, #fff);
  border: 0 solid var(--clg-color-sem-border-divider, #e0dad6);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transform: rotate(45deg);
}

.wt-popover [role="tooltip"][data-popper-placement^="top"] .wt-popover__arrow {
  top: 100%;
  transform: translateY(-50%);
}

.wt-popover
  [role="tooltip"][data-popper-placement^="top"]
  .wt-popover__arrow:before {
  border-right-width: var(--clg-shape-sem-border-width-thin, 1px);
  border-bottom-width: var(--clg-shape-sem-border-width-thin, 1px);
}

.wt-popover
  [role="tooltip"][data-popper-placement^="bottom"]
  .wt-popover__arrow {
  bottom: 100%;
  transform: translateY(50%);
}

.wt-popover
  [role="tooltip"][data-popper-placement^="bottom"]
  .wt-popover__arrow:before {
  border-left-width: var(--clg-shape-sem-border-width-thin, 1px);
  border-top-width: var(--clg-shape-sem-border-width-thin, 1px);
}

.wt-popover
  [role="tooltip"][data-popper-placement^="right"]
  .wt-popover__arrow {
  right: 100%;
  transform: translate(50%);
}

.wt-popover
  [role="tooltip"][data-popper-placement^="right"]
  .wt-popover__arrow:before {
  border-left-width: var(--clg-shape-sem-border-width-thin, 1px);
  border-bottom-width: var(--clg-shape-sem-border-width-thin, 1px);
}

.wt-popover [role="tooltip"][data-popper-placement^="left"] .wt-popover__arrow {
  left: 100%;
  transform: translate(-50%);
}

.wt-popover
  [role="tooltip"][data-popper-placement^="left"]
  .wt-popover__arrow:before {
  border-right-width: var(--clg-shape-sem-border-width-thin, 1px);
  border-top-width: var(--clg-shape-sem-border-width-thin, 1px);
}

.wt-horizontal-center {
  margin-left: auto !important;
  margin-right: auto !important;
  display: block !important;
}

.wt-position-absolute.wt-horizontal-center {
  left: 0 !important;
  right: 0 !important;
}

.wt-vertical-center {
  position: relative !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

.wt-object-fit-cover {
  object-fit: cover;
  font-family: "object-fit: cover;";
}

.wt-object-fit-fill {
  object-fit: fill;
  font-family: "object-fit: fill;";
}

.wt-object-fit-contain {
  object-fit: contain;
  font-family: "object-fit: contain;";
}

.wt-object-fit-scale-down {
  object-fit: scale-down;
  font-family: "object-fit: scale-down;";
}

.wt-fill-orange {
  fill: var(--clg-color-pal-new-orange-500, #f1641e) !important;
}

.wt-stroke-orange {
  stroke: var(--clg-color-pal-new-orange-500, #f1641e) !important;
}

.wt-fill-orange-tint {
  fill: var(--clg-color-pal-new-orange-250, #ffe0c3) !important;
}

.wt-stroke-orange-tint {
  stroke: var(--clg-color-pal-new-orange-250, #ffe0c3) !important;
}

.wt-fill-orange-light {
  fill: var(--clg-color-pal-new-orange-300, #fcc7a2) !important;
}

.wt-stroke-orange-light {
  stroke: var(--clg-color-pal-new-orange-300, #fcc7a2) !important;
}

.wt-fill-orange-dark {
  fill: var(--clg-color-pal-new-orange-600, #cf4018) !important;
}

.wt-stroke-orange-dark {
  stroke: var(--clg-color-pal-new-orange-600, #cf4018) !important;
}

.wt-fill-denim {
  fill: var(--clg-color-pal-blue-650, #254ec1) !important;
}

.wt-stroke-denim {
  stroke: var(--clg-color-pal-blue-650, #254ec1) !important;
}

.wt-fill-denim-tint {
  fill: var(--clg-color-pal-blue-150, #d5def7) !important;
}

.wt-stroke-denim-tint {
  stroke: var(--clg-color-pal-blue-150, #d5def7) !important;
}

.wt-fill-denim-light {
  fill: var(--clg-color-pal-blue-500, #426bdb) !important;
}

.wt-stroke-denim-light {
  stroke: var(--clg-color-pal-blue-500, #426bdb) !important;
}

.wt-fill-denim-dark {
  fill: var(--clg-color-pal-blue-800, #142966) !important;
}

.wt-stroke-denim-dark {
  stroke: var(--clg-color-pal-blue-800, #142966) !important;
}

.wt-fill-lavender {
  fill: var(--clg-color-pal-purple-600, #be6aae) !important;
}

.wt-stroke-lavender {
  stroke: var(--clg-color-pal-purple-600, #be6aae) !important;
}

.wt-fill-lavender-tint {
  fill: var(--clg-color-pal-purple-250, #f6eaf4) !important;
}

.wt-stroke-lavender-tint {
  stroke: var(--clg-color-pal-purple-250, #f6eaf4) !important;
}

.wt-fill-lavender-light {
  fill: var(--clg-color-pal-purple-450, #ddb1d5) !important;
}

.wt-stroke-lavender-light {
  stroke: var(--clg-color-pal-purple-450, #ddb1d5) !important;
}

.wt-fill-lavender-dark {
  fill: var(--clg-color-pal-purple-750, #78346b) !important;
}

.wt-stroke-lavender-dark {
  stroke: var(--clg-color-pal-purple-750, #78346b) !important;
}

.wt-fill-beeswax {
  fill: var(--clg-color-pal-yellow-750, #ffb619) !important;
}

.wt-stroke-beeswax {
  stroke: var(--clg-color-pal-yellow-750, #ffb619) !important;
}

.wt-fill-beeswax-tint {
  fill: var(--clg-color-pal-yellow-250, #fff3d8) !important;
}

.wt-stroke-beeswax-tint {
  stroke: var(--clg-color-pal-yellow-250, #fff3d8) !important;
}

.wt-fill-beeswax-light {
  fill: var(--clg-color-pal-yellow-500, #ffcb5a) !important;
}

.wt-stroke-beeswax-light {
  stroke: var(--clg-color-pal-yellow-500, #ffcb5a) !important;
}

.wt-fill-beeswax-dark {
  fill: var(--clg-color-pal-yellow-850, #996900) !important;
}

.wt-stroke-beeswax-dark {
  stroke: var(--clg-color-pal-yellow-850, #996900) !important;
}

.wt-fill-slime {
  fill: var(--clg-color-pal-green-450, #86c34c) !important;
}

.wt-stroke-slime {
  stroke: var(--clg-color-pal-green-450, #86c34c) !important;
}

.wt-fill-slime-tint {
  fill: var(--clg-color-pal-green-300, #d2e9bd) !important;
}

.wt-stroke-slime-tint {
  stroke: var(--clg-color-pal-green-300, #d2e9bd) !important;
}

.wt-fill-slime-light {
  fill: var(--clg-color-pal-green-350, #b9dd97) !important;
}

.wt-stroke-slime-light {
  stroke: var(--clg-color-pal-green-350, #b9dd97) !important;
}

.wt-fill-slime-dark {
  fill: var(--clg-color-pal-green-700, #334d1a) !important;
}

.wt-stroke-slime-dark {
  stroke: var(--clg-color-pal-green-700, #334d1a) !important;
}

.wt-fill-turquoise {
  fill: var(--clg-color-pal-green-450, #86c34c) !important;
}

.wt-stroke-turquoise {
  stroke: var(--clg-color-pal-green-450, #86c34c) !important;
}

.wt-fill-turquoise-tint {
  fill: var(--clg-color-pal-green-300, #d2e9bd) !important;
}

.wt-stroke-turquoise-tint {
  stroke: var(--clg-color-pal-green-300, #d2e9bd) !important;
}

.wt-fill-turquoise-light {
  fill: var(--clg-color-pal-green-350, #b9dd97) !important;
}

.wt-stroke-turquoise-light {
  stroke: var(--clg-color-pal-green-350, #b9dd97) !important;
}

.wt-fill-turquoise-dark {
  fill: var(--clg-color-pal-green-700, #334d1a) !important;
}

.wt-stroke-turquoise-dark {
  stroke: var(--clg-color-pal-green-700, #334d1a) !important;
}

.wt-fill-bubblegum {
  fill: var(--clg-color-pal-purple-600, #be6aae) !important;
}

.wt-stroke-bubblegum {
  stroke: var(--clg-color-pal-purple-600, #be6aae) !important;
}

.wt-fill-bubblegum-tint {
  fill: var(--clg-color-pal-purple-250, #f6eaf4) !important;
}

.wt-stroke-bubblegum-tint {
  stroke: var(--clg-color-pal-purple-250, #f6eaf4) !important;
}

.wt-fill-bubblegum-light {
  fill: var(--clg-color-pal-purple-450, #ddb1d5) !important;
}

.wt-stroke-bubblegum-light {
  stroke: var(--clg-color-pal-purple-450, #ddb1d5) !important;
}

.wt-fill-bubblegum-dark {
  fill: var(--clg-color-pal-purple-750, #78346b) !important;
}

.wt-stroke-bubblegum-dark {
  stroke: var(--clg-color-pal-purple-750, #78346b) !important;
}

.wt-fill-brick {
  fill: var(--clg-color-pal-red-750, #c7102f) !important;
}

.wt-stroke-brick {
  stroke: var(--clg-color-pal-red-750, #c7102f) !important;
}

.wt-fill-brick-tint {
  fill: var(--clg-color-pal-red-300, #fce0e4) !important;
}

.wt-stroke-brick-tint {
  stroke: var(--clg-color-pal-red-300, #fce0e4) !important;
}

.wt-fill-brick-light {
  fill: var(--clg-color-pal-red-450, #f79baa) !important;
}

.wt-stroke-brick-light {
  stroke: var(--clg-color-pal-red-450, #f79baa) !important;
}

.wt-fill-brick-dark {
  fill: var(--clg-color-pal-red-850, #8e0c21) !important;
}

.wt-stroke-brick-dark {
  stroke: var(--clg-color-pal-red-850, #8e0c21) !important;
}

.wt-fill-white {
  fill: var(--clg-color-sem-background-elevation-0, #faf8f5) !important;
}

.wt-stroke-white {
  stroke: var(--clg-color-sem-background-elevation-0, #faf8f5) !important;
}

.wt-fill-gray {
  fill: var(--clg-color-pal-greyscale-075, #efecea) !important;
}

.wt-stroke-gray {
  stroke: var(--clg-color-pal-greyscale-075, #efecea) !important;
}

.wt-fill-black {
  fill: var(--clg-color-pal-greyscale-800, #312b36) !important;
}

.wt-stroke-black {
  stroke: var(--clg-color-pal-greyscale-800, #312b36) !important;
}

.wt-fill-favorite-heart {
  fill: var(--clg-color-sem-icon-favorite, #c7102f) !important;
}

.wt-stroke-favorite-heart {
  stroke: var(--clg-color-sem-icon-favorite, #c7102f) !important;
}

.wt-fill-star-seller-light {
  fill: var(
    --clg-color-sem-background-surface-star-seller-light,
    #ca86bd
  ) !important;
}

.wt-stroke-star-seller-light {
  stroke: var(
    --clg-color-sem-background-surface-star-seller-light,
    #ca86bd
  ) !important;
}

.wt-fill-star-seller-dark {
  fill: var(
    --clg-color-sem-background-surface-star-seller-dark,
    #ae4d9d
  ) !important;
}

.wt-stroke-star-seller-dark {
  stroke: var(
    --clg-color-sem-background-surface-star-seller-dark,
    #ae4d9d
  ) !important;
}

.wt-display-inline {
  display: inline !important;
}

.wt-display-inline-block {
  display: inline-block !important;
}

.wt-display-block {
  display: block !important;
}

.wt-display-table {
  display: table !important;
}

.wt-display-table-cell {
  display: table-cell !important;
}

.wt-display-none {
  display: none !important;
}

.wt-display-none * {
  animation-play-state: paused !important;
}

.wt-display-contents {
  display: contents !important;
}

@media only screen and (min-width: 0) {
  .wt-display-block-xs {
    display: block !important;
  }
}

@media only screen and (min-width: 480px) {
  .wt-display-block-sm {
    display: block !important;
  }
}

@media only screen and (min-width: 640px) {
  .wt-display-block-md {
    display: block !important;
  }
}

@media only screen and (min-width: 900px) {
  .wt-display-block-lg {
    display: block !important;
  }
}

@media only screen and (min-width: 1200px) {
  .wt-display-block-xl {
    display: block !important;
  }
}

@media only screen and (min-width: 1400px) {
  .wt-display-block-tv {
    display: block !important;
  }
}

@media only screen and (min-width: 0) {
  .wt-float-xs-left {
    float: left !important;
  }

  .wt-float-xs-right {
    float: right !important;
  }

  .wt-float-xs-none {
    float: none !important;
  }
}

@media only screen and (min-width: 480px) {
  .wt-float-sm-left {
    float: left !important;
  }

  .wt-float-sm-right {
    float: right !important;
  }

  .wt-float-sm-none {
    float: none !important;
  }
}

@media only screen and (min-width: 640px) {
  .wt-float-md-left {
    float: left !important;
  }

  .wt-float-md-right {
    float: right !important;
  }

  .wt-float-md-none {
    float: none !important;
  }
}

@media only screen and (min-width: 900px) {
  .wt-float-lg-left {
    float: left !important;
  }

  .wt-float-lg-right {
    float: right !important;
  }

  .wt-float-lg-none {
    float: none !important;
  }
}

@media only screen and (min-width: 1200px) {
  .wt-float-xl-left {
    float: left !important;
  }

  .wt-float-xl-right {
    float: right !important;
  }

  .wt-float-xl-none {
    float: none !important;
  }
}

@media only screen and (min-width: 1400px) {
  .wt-float-tv-left {
    float: left !important;
  }

  .wt-float-tv-right {
    float: right !important;
  }

  .wt-float-tv-none {
    float: none !important;
  }
}

.wt-visibility-hidden {
  visibility: hidden !important;
}

.wt-visibility-visible {
  visibility: visible !important;
}

.wt-visibility-visible * {
  animation-play-state: paused !important;
}

.wt-show-xs,
.wt-show-sm,
.wt-show-md,
.wt-show-lg,
.wt-show-xl,
.wt-show-tv {
  display: none !important;
}

@media only screen and (min-width: 0) {
  .wt-show-xs {
    display: block !important;
  }

  .wt-show-xs.wt-display-inline {
    display: inline !important;
  }

  .wt-show-xs.wt-display-inline-block {
    display: inline-block !important;
  }

  .wt-show-xs.wt-display-table {
    display: table !important;
  }

  .wt-show-xs.wt-display-table-cell {
    display: table-cell !important;
  }

  .wt-hide-xs {
    display: none !important;
  }
}

@media only screen and (min-width: 480px) {
  .wt-show-sm {
    display: block !important;
  }

  .wt-show-sm.wt-display-inline {
    display: inline !important;
  }

  .wt-show-sm.wt-display-inline-block {
    display: inline-block !important;
  }

  .wt-show-sm.wt-display-table {
    display: table !important;
  }

  .wt-show-sm.wt-display-table-cell {
    display: table-cell !important;
  }

  .wt-hide-sm {
    display: none !important;
  }
}

@media only screen and (min-width: 640px) {
  .wt-show-md {
    display: block !important;
  }

  .wt-show-md.wt-display-inline {
    display: inline !important;
  }

  .wt-show-md.wt-display-inline-block {
    display: inline-block !important;
  }

  .wt-show-md.wt-display-table {
    display: table !important;
  }

  .wt-show-md.wt-display-table-cell {
    display: table-cell !important;
  }

  .wt-hide-md {
    display: none !important;
  }
}

@media only screen and (min-width: 900px) {
  .wt-show-lg {
    display: block !important;
  }

  .wt-show-lg.wt-display-inline {
    display: inline !important;
  }

  .wt-show-lg.wt-display-inline-block {
    display: inline-block !important;
  }

  .wt-show-lg.wt-display-table {
    display: table !important;
  }

  .wt-show-lg.wt-display-table-cell {
    display: table-cell !important;
  }

  .wt-hide-lg {
    display: none !important;
  }
}

@media only screen and (min-width: 1200px) {
  .wt-show-xl {
    display: block !important;
  }

  .wt-show-xl.wt-display-inline {
    display: inline !important;
  }

  .wt-show-xl.wt-display-inline-block {
    display: inline-block !important;
  }

  .wt-show-xl.wt-display-table {
    display: table !important;
  }

  .wt-show-xl.wt-display-table-cell {
    display: table-cell !important;
  }

  .wt-hide-xl {
    display: none !important;
  }
}

@media only screen and (min-width: 1400px) {
  .wt-show-tv {
    display: block !important;
  }

  .wt-show-tv.wt-display-inline {
    display: inline !important;
  }

  .wt-show-tv.wt-display-inline-block {
    display: inline-block !important;
  }

  .wt-show-tv.wt-display-table {
    display: table !important;
  }

  .wt-show-tv.wt-display-table-cell {
    display: table-cell !important;
  }

  .wt-hide-tv {
    display: none !important;
  }
}

.screen-reader-only,
.wt-screen-reader-only {
  clip: rect(0 0 0 0) !important;
  border: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  position: absolute !important;
  overflow: hidden !important;
}

.screen-reader-only.focusable:active,
.screen-reader-only.focusable:focus,
.screen-reader-only.wt-focusable:active,
.screen-reader-only.wt-focusable:focus,
.wt-screen-reader-only.focusable:active,
.wt-screen-reader-only.focusable:focus,
.wt-screen-reader-only.wt-focusable:active,
.wt-screen-reader-only.wt-focusable:focus {
  clip: auto !important;
  border: initial !important;
  padding: initial !important;
  width: auto !important;
  height: auto !important;
  margin: auto !important;
  position: static !important;
  overflow: visible !important;
}

.wt-screen-reader-or-focus-only:not(:focus-within),
.js-focus-within .wt-screen-reader-or-focus-only:not(.focus-within) {
  clip: rect(0 0 0 0) !important;
  border: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  position: absolute !important;
  overflow: hidden !important;
}

.focus-outline:active,
.focus-outline:focus {
  border: 2px solid #00f;
}

@media only screen and (min-width: 0) {
  .wt-display-flex-xs {
    display: flex !important;
  }

  .wt-display-inline-flex-xs {
    display: inline-flex !important;
  }

  .wt-flex-xs-none {
    flex: none !important;
  }

  .wt-flex-xs-auto {
    flex: auto !important;
  }

  .wt-flex-xs-0 {
    flex: 0 !important;
  }

  .wt-flex-xs-1 {
    flex: 1 !important;
  }

  .wt-flex-xs-2 {
    flex: 2 !important;
  }

  .wt-flex-xs-3 {
    flex: 3 !important;
  }

  .wt-flex-xs-4 {
    flex: 4 !important;
  }

  .wt-flex-xs-5 {
    flex: 5 !important;
  }

  .wt-flex-xs-6 {
    flex: 6 !important;
  }

  .wt-flex-gap-xs-0 {
    gap: 0 !important;
  }

  .wt-flex-gap-xs-1 {
    gap: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-flex-gap-xs-2 {
    gap: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-flex-gap-xs-3 {
    gap: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-flex-gap-xs-4 {
    gap: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-flex-grow-xs-0 {
    flex-grow: 0 !important;
  }

  .wt-flex-grow-xs-1 {
    flex-grow: 1 !important;
  }

  .wt-flex-grow-xs-2 {
    flex-grow: 2 !important;
  }

  .wt-flex-grow-xs-3 {
    flex-grow: 3 !important;
  }

  .wt-flex-shrink-xs-0 {
    flex-shrink: 0 !important;
  }

  .wt-flex-shrink-xs-1 {
    flex-shrink: 1 !important;
  }

  .wt-flex-shrink-xs-2 {
    flex-shrink: 2 !important;
  }

  .wt-flex-basis-xs-0 {
    flex-basis: 0 !important;
  }

  .wt-flex-basis-xs-auto {
    flex-basis: auto !important;
  }

  .wt-flex-basis-xs-full {
    flex-basis: 100% !important;
  }

  .wt-order-xs-neg1 {
    order: -1 !important;
  }

  .wt-order-xs-0 {
    order: 0 !important;
  }

  .wt-order-xs-1 {
    order: 1 !important;
  }

  .wt-order-xs-2 {
    order: 2 !important;
  }

  .wt-order-xs-3 {
    order: 3 !important;
  }

  .wt-order-xs-4 {
    order: 4 !important;
  }

  .wt-order-xs-5 {
    order: 5 !important;
  }

  .wt-order-xs-6 {
    order: 6 !important;
  }

  .wt-flex-direction-row-xs {
    flex-direction: row !important;
  }

  .wt-flex-direction-column-xs {
    flex-direction: column !important;
  }

  .wt-flex-direction-row-reverse-xs {
    flex-direction: row-reverse !important;
  }

  .wt-flex-direction-column-reverse-xs {
    flex-direction: column-reverse !important;
  }
}

@media only screen and (min-width: 480px) {
  .wt-display-flex-sm {
    display: flex !important;
  }

  .wt-display-inline-flex-sm {
    display: inline-flex !important;
  }

  .wt-flex-sm-none {
    flex: none !important;
  }

  .wt-flex-sm-auto {
    flex: auto !important;
  }

  .wt-flex-sm-0 {
    flex: 0 !important;
  }

  .wt-flex-sm-1 {
    flex: 1 !important;
  }

  .wt-flex-sm-2 {
    flex: 2 !important;
  }

  .wt-flex-sm-3 {
    flex: 3 !important;
  }

  .wt-flex-sm-4 {
    flex: 4 !important;
  }

  .wt-flex-sm-5 {
    flex: 5 !important;
  }

  .wt-flex-sm-6 {
    flex: 6 !important;
  }

  .wt-flex-gap-sm-0 {
    gap: 0 !important;
  }

  .wt-flex-gap-sm-1 {
    gap: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-flex-gap-sm-2 {
    gap: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-flex-gap-sm-3 {
    gap: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-flex-gap-sm-4 {
    gap: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-flex-grow-sm-0 {
    flex-grow: 0 !important;
  }

  .wt-flex-grow-sm-1 {
    flex-grow: 1 !important;
  }

  .wt-flex-grow-sm-2 {
    flex-grow: 2 !important;
  }

  .wt-flex-grow-sm-3 {
    flex-grow: 3 !important;
  }

  .wt-flex-shrink-sm-0 {
    flex-shrink: 0 !important;
  }

  .wt-flex-shrink-sm-1 {
    flex-shrink: 1 !important;
  }

  .wt-flex-shrink-sm-2 {
    flex-shrink: 2 !important;
  }

  .wt-flex-basis-sm-0 {
    flex-basis: 0 !important;
  }

  .wt-flex-basis-sm-auto {
    flex-basis: auto !important;
  }

  .wt-flex-basis-sm-full {
    flex-basis: 100% !important;
  }

  .wt-order-sm-neg1 {
    order: -1 !important;
  }

  .wt-order-sm-0 {
    order: 0 !important;
  }

  .wt-order-sm-1 {
    order: 1 !important;
  }

  .wt-order-sm-2 {
    order: 2 !important;
  }

  .wt-order-sm-3 {
    order: 3 !important;
  }

  .wt-order-sm-4 {
    order: 4 !important;
  }

  .wt-order-sm-5 {
    order: 5 !important;
  }

  .wt-order-sm-6 {
    order: 6 !important;
  }

  .wt-flex-direction-row-sm {
    flex-direction: row !important;
  }

  .wt-flex-direction-column-sm {
    flex-direction: column !important;
  }

  .wt-flex-direction-row-reverse-sm {
    flex-direction: row-reverse !important;
  }

  .wt-flex-direction-column-reverse-sm {
    flex-direction: column-reverse !important;
  }
}

@media only screen and (min-width: 640px) {
  .wt-display-flex-md {
    display: flex !important;
  }

  .wt-display-inline-flex-md {
    display: inline-flex !important;
  }

  .wt-flex-md-none {
    flex: none !important;
  }

  .wt-flex-md-auto {
    flex: auto !important;
  }

  .wt-flex-md-0 {
    flex: 0 !important;
  }

  .wt-flex-md-1 {
    flex: 1 !important;
  }

  .wt-flex-md-2 {
    flex: 2 !important;
  }

  .wt-flex-md-3 {
    flex: 3 !important;
  }

  .wt-flex-md-4 {
    flex: 4 !important;
  }

  .wt-flex-md-5 {
    flex: 5 !important;
  }

  .wt-flex-md-6 {
    flex: 6 !important;
  }

  .wt-flex-gap-md-0 {
    gap: 0 !important;
  }

  .wt-flex-gap-md-1 {
    gap: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-flex-gap-md-2 {
    gap: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-flex-gap-md-3 {
    gap: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-flex-gap-md-4 {
    gap: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-flex-grow-md-0 {
    flex-grow: 0 !important;
  }

  .wt-flex-grow-md-1 {
    flex-grow: 1 !important;
  }

  .wt-flex-grow-md-2 {
    flex-grow: 2 !important;
  }

  .wt-flex-grow-md-3 {
    flex-grow: 3 !important;
  }

  .wt-flex-shrink-md-0 {
    flex-shrink: 0 !important;
  }

  .wt-flex-shrink-md-1 {
    flex-shrink: 1 !important;
  }

  .wt-flex-shrink-md-2 {
    flex-shrink: 2 !important;
  }

  .wt-flex-basis-md-0 {
    flex-basis: 0 !important;
  }

  .wt-flex-basis-md-auto {
    flex-basis: auto !important;
  }

  .wt-flex-basis-md-full {
    flex-basis: 100% !important;
  }

  .wt-order-md-neg1 {
    order: -1 !important;
  }

  .wt-order-md-0 {
    order: 0 !important;
  }

  .wt-order-md-1 {
    order: 1 !important;
  }

  .wt-order-md-2 {
    order: 2 !important;
  }

  .wt-order-md-3 {
    order: 3 !important;
  }

  .wt-order-md-4 {
    order: 4 !important;
  }

  .wt-order-md-5 {
    order: 5 !important;
  }

  .wt-order-md-6 {
    order: 6 !important;
  }

  .wt-flex-direction-row-md {
    flex-direction: row !important;
  }

  .wt-flex-direction-column-md {
    flex-direction: column !important;
  }

  .wt-flex-direction-row-reverse-md {
    flex-direction: row-reverse !important;
  }

  .wt-flex-direction-column-reverse-md {
    flex-direction: column-reverse !important;
  }
}

@media only screen and (min-width: 900px) {
  .wt-display-flex-lg {
    display: flex !important;
  }

  .wt-display-inline-flex-lg {
    display: inline-flex !important;
  }

  .wt-flex-lg-none {
    flex: none !important;
  }

  .wt-flex-lg-auto {
    flex: auto !important;
  }

  .wt-flex-lg-0 {
    flex: 0 !important;
  }

  .wt-flex-lg-1 {
    flex: 1 !important;
  }

  .wt-flex-lg-2 {
    flex: 2 !important;
  }

  .wt-flex-lg-3 {
    flex: 3 !important;
  }

  .wt-flex-lg-4 {
    flex: 4 !important;
  }

  .wt-flex-lg-5 {
    flex: 5 !important;
  }

  .wt-flex-lg-6 {
    flex: 6 !important;
  }

  .wt-flex-gap-lg-0 {
    gap: 0 !important;
  }

  .wt-flex-gap-lg-1 {
    gap: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-flex-gap-lg-2 {
    gap: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-flex-gap-lg-3 {
    gap: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-flex-gap-lg-4 {
    gap: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-flex-grow-lg-0 {
    flex-grow: 0 !important;
  }

  .wt-flex-grow-lg-1 {
    flex-grow: 1 !important;
  }

  .wt-flex-grow-lg-2 {
    flex-grow: 2 !important;
  }

  .wt-flex-grow-lg-3 {
    flex-grow: 3 !important;
  }

  .wt-flex-shrink-lg-0 {
    flex-shrink: 0 !important;
  }

  .wt-flex-shrink-lg-1 {
    flex-shrink: 1 !important;
  }

  .wt-flex-shrink-lg-2 {
    flex-shrink: 2 !important;
  }

  .wt-flex-basis-lg-0 {
    flex-basis: 0 !important;
  }

  .wt-flex-basis-lg-auto {
    flex-basis: auto !important;
  }

  .wt-flex-basis-lg-full {
    flex-basis: 100% !important;
  }

  .wt-order-lg-neg1 {
    order: -1 !important;
  }

  .wt-order-lg-0 {
    order: 0 !important;
  }

  .wt-order-lg-1 {
    order: 1 !important;
  }

  .wt-order-lg-2 {
    order: 2 !important;
  }

  .wt-order-lg-3 {
    order: 3 !important;
  }

  .wt-order-lg-4 {
    order: 4 !important;
  }

  .wt-order-lg-5 {
    order: 5 !important;
  }

  .wt-order-lg-6 {
    order: 6 !important;
  }

  .wt-flex-direction-row-lg {
    flex-direction: row !important;
  }

  .wt-flex-direction-column-lg {
    flex-direction: column !important;
  }

  .wt-flex-direction-row-reverse-lg {
    flex-direction: row-reverse !important;
  }

  .wt-flex-direction-column-reverse-lg {
    flex-direction: column-reverse !important;
  }
}

@media only screen and (min-width: 1200px) {
  .wt-display-flex-xl {
    display: flex !important;
  }

  .wt-display-inline-flex-xl {
    display: inline-flex !important;
  }

  .wt-flex-xl-none {
    flex: none !important;
  }

  .wt-flex-xl-auto {
    flex: auto !important;
  }

  .wt-flex-xl-0 {
    flex: 0 !important;
  }

  .wt-flex-xl-1 {
    flex: 1 !important;
  }

  .wt-flex-xl-2 {
    flex: 2 !important;
  }

  .wt-flex-xl-3 {
    flex: 3 !important;
  }

  .wt-flex-xl-4 {
    flex: 4 !important;
  }

  .wt-flex-xl-5 {
    flex: 5 !important;
  }

  .wt-flex-xl-6 {
    flex: 6 !important;
  }

  .wt-flex-gap-xl-0 {
    gap: 0 !important;
  }

  .wt-flex-gap-xl-1 {
    gap: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-flex-gap-xl-2 {
    gap: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-flex-gap-xl-3 {
    gap: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-flex-gap-xl-4 {
    gap: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-flex-grow-xl-0 {
    flex-grow: 0 !important;
  }

  .wt-flex-grow-xl-1 {
    flex-grow: 1 !important;
  }

  .wt-flex-grow-xl-2 {
    flex-grow: 2 !important;
  }

  .wt-flex-grow-xl-3 {
    flex-grow: 3 !important;
  }

  .wt-flex-shrink-xl-0 {
    flex-shrink: 0 !important;
  }

  .wt-flex-shrink-xl-1 {
    flex-shrink: 1 !important;
  }

  .wt-flex-shrink-xl-2 {
    flex-shrink: 2 !important;
  }

  .wt-flex-basis-xl-0 {
    flex-basis: 0 !important;
  }

  .wt-flex-basis-xl-auto {
    flex-basis: auto !important;
  }

  .wt-flex-basis-xl-full {
    flex-basis: 100% !important;
  }

  .wt-order-xl-neg1 {
    order: -1 !important;
  }

  .wt-order-xl-0 {
    order: 0 !important;
  }

  .wt-order-xl-1 {
    order: 1 !important;
  }

  .wt-order-xl-2 {
    order: 2 !important;
  }

  .wt-order-xl-3 {
    order: 3 !important;
  }

  .wt-order-xl-4 {
    order: 4 !important;
  }

  .wt-order-xl-5 {
    order: 5 !important;
  }

  .wt-order-xl-6 {
    order: 6 !important;
  }

  .wt-flex-direction-row-xl {
    flex-direction: row !important;
  }

  .wt-flex-direction-column-xl {
    flex-direction: column !important;
  }

  .wt-flex-direction-row-reverse-xl {
    flex-direction: row-reverse !important;
  }

  .wt-flex-direction-column-reverse-xl {
    flex-direction: column-reverse !important;
  }
}

@media only screen and (min-width: 1400px) {
  .wt-display-flex-tv {
    display: flex !important;
  }

  .wt-display-inline-flex-tv {
    display: inline-flex !important;
  }

  .wt-flex-tv-none {
    flex: none !important;
  }

  .wt-flex-tv-auto {
    flex: auto !important;
  }

  .wt-flex-tv-0 {
    flex: 0 !important;
  }

  .wt-flex-tv-1 {
    flex: 1 !important;
  }

  .wt-flex-tv-2 {
    flex: 2 !important;
  }

  .wt-flex-tv-3 {
    flex: 3 !important;
  }

  .wt-flex-tv-4 {
    flex: 4 !important;
  }

  .wt-flex-tv-5 {
    flex: 5 !important;
  }

  .wt-flex-tv-6 {
    flex: 6 !important;
  }

  .wt-flex-gap-tv-0 {
    gap: 0 !important;
  }

  .wt-flex-gap-tv-1 {
    gap: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-flex-gap-tv-2 {
    gap: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-flex-gap-tv-3 {
    gap: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-flex-gap-tv-4 {
    gap: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-flex-grow-tv-0 {
    flex-grow: 0 !important;
  }

  .wt-flex-grow-tv-1 {
    flex-grow: 1 !important;
  }

  .wt-flex-grow-tv-2 {
    flex-grow: 2 !important;
  }

  .wt-flex-grow-tv-3 {
    flex-grow: 3 !important;
  }

  .wt-flex-shrink-tv-0 {
    flex-shrink: 0 !important;
  }

  .wt-flex-shrink-tv-1 {
    flex-shrink: 1 !important;
  }

  .wt-flex-shrink-tv-2 {
    flex-shrink: 2 !important;
  }

  .wt-flex-basis-tv-0 {
    flex-basis: 0 !important;
  }

  .wt-flex-basis-tv-auto {
    flex-basis: auto !important;
  }

  .wt-flex-basis-tv-full {
    flex-basis: 100% !important;
  }

  .wt-order-tv-neg1 {
    order: -1 !important;
  }

  .wt-order-tv-0 {
    order: 0 !important;
  }

  .wt-order-tv-1 {
    order: 1 !important;
  }

  .wt-order-tv-2 {
    order: 2 !important;
  }

  .wt-order-tv-3 {
    order: 3 !important;
  }

  .wt-order-tv-4 {
    order: 4 !important;
  }

  .wt-order-tv-5 {
    order: 5 !important;
  }

  .wt-order-tv-6 {
    order: 6 !important;
  }

  .wt-flex-direction-row-tv {
    flex-direction: row !important;
  }

  .wt-flex-direction-column-tv {
    flex-direction: column !important;
  }

  .wt-flex-direction-row-reverse-tv {
    flex-direction: row-reverse !important;
  }

  .wt-flex-direction-column-reverse-tv {
    flex-direction: column-reverse !important;
  }
}

.wt-flex-nowrap {
  flex-wrap: nowrap !important;
}

.wt-flex-wrap {
  flex-wrap: wrap !important;
}

.wt-flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.wt-justify-content-flex-start {
  justify-content: flex-start !important;
}

.wt-justify-content-flex-end {
  justify-content: flex-end !important;
}

.wt-justify-content-center {
  justify-content: center !important;
}

.wt-justify-content-space-between {
  justify-content: space-between !important;
}

.wt-justify-content-space-around {
  justify-content: space-around !important;
}

.wt-justify-content-space-evenly {
  justify-content: space-evenly !important;
}

.wt-align-items-flex-start {
  align-items: flex-start !important;
}

.wt-align-items-flex-end {
  align-items: flex-end !important;
}

.wt-align-items-center {
  align-items: center !important;
}

.wt-align-items-baseline {
  align-items: baseline !important;
}

.wt-align-items-stretch {
  align-items: stretch !important;
}

.wt-align-content-flex-start {
  align-content: flex-start !important;
}

.wt-align-content-flex-end {
  align-content: flex-end !important;
}

.wt-align-content-center {
  align-content: center !important;
}

.wt-align-content-space-between {
  align-content: space-between !important;
}

.wt-align-content-space-around {
  align-content: space-around !important;
}

.wt-align-content-stretch {
  align-content: stretch !important;
}

.wt-align-self-flex-start {
  align-self: flex-start !important;
}

.wt-align-self-flex-end {
  align-self: flex-end !important;
}

.wt-align-self-center {
  align-self: center !important;
}

.wt-align-self-baseline {
  align-self: baseline !important;
}

.wt-align-self-stretch {
  align-self: stretch !important;
}

@media only screen and (min-width: 0) {
  .wt-flex-grid-gap-xs-0 {
    gap: 0 !important;
  }

  .wt-flex-grid-gap-xs-100 {
    gap: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-flex-grid-gap-xs-150 {
    gap: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-flex-grid-gap-xs-200 {
    gap: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-flex-grid-gap-xs-300 {
    gap: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-flex-grid-gap-xs-400 {
    gap: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-flex-grid-gap-xs-500 {
    gap: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-flex-grid-gap-xs-600 {
    gap: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-flex-grid-gap-xs-700 {
    gap: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-flex-grid-gap-xs-800 {
    gap: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-flex-grid-gap-xs-900 {
    gap: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-flex-grid-gap-xs-1000 {
    gap: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-flex-grid-gap-xs-1100 {
    gap: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-flex-grid-gap-xs-1200 {
    gap: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-flex-grid-gap-xs-1300 {
    gap: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-flex-grid-gap-xs-1400 {
    gap: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-flex-grid-gap-xs-1500 {
    gap: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-flex-grid-gap-xs-1600 {
    gap: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-flex-grid-gap-xs-025 {
    gap: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-flex-grid-gap-xs-050 {
    gap: var(--clg-dimension-pal-grid-050, 4px) !important;
  }
}

@media only screen and (min-width: 480px) {
  .wt-flex-grid-gap-sm-0 {
    gap: 0 !important;
  }

  .wt-flex-grid-gap-sm-100 {
    gap: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-flex-grid-gap-sm-150 {
    gap: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-flex-grid-gap-sm-200 {
    gap: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-flex-grid-gap-sm-300 {
    gap: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-flex-grid-gap-sm-400 {
    gap: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-flex-grid-gap-sm-500 {
    gap: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-flex-grid-gap-sm-600 {
    gap: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-flex-grid-gap-sm-700 {
    gap: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-flex-grid-gap-sm-800 {
    gap: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-flex-grid-gap-sm-900 {
    gap: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-flex-grid-gap-sm-1000 {
    gap: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-flex-grid-gap-sm-1100 {
    gap: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-flex-grid-gap-sm-1200 {
    gap: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-flex-grid-gap-sm-1300 {
    gap: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-flex-grid-gap-sm-1400 {
    gap: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-flex-grid-gap-sm-1500 {
    gap: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-flex-grid-gap-sm-1600 {
    gap: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-flex-grid-gap-sm-025 {
    gap: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-flex-grid-gap-sm-050 {
    gap: var(--clg-dimension-pal-grid-050, 4px) !important;
  }
}

@media only screen and (min-width: 640px) {
  .wt-flex-grid-gap-md-0 {
    gap: 0 !important;
  }

  .wt-flex-grid-gap-md-100 {
    gap: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-flex-grid-gap-md-150 {
    gap: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-flex-grid-gap-md-200 {
    gap: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-flex-grid-gap-md-300 {
    gap: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-flex-grid-gap-md-400 {
    gap: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-flex-grid-gap-md-500 {
    gap: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-flex-grid-gap-md-600 {
    gap: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-flex-grid-gap-md-700 {
    gap: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-flex-grid-gap-md-800 {
    gap: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-flex-grid-gap-md-900 {
    gap: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-flex-grid-gap-md-1000 {
    gap: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-flex-grid-gap-md-1100 {
    gap: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-flex-grid-gap-md-1200 {
    gap: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-flex-grid-gap-md-1300 {
    gap: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-flex-grid-gap-md-1400 {
    gap: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-flex-grid-gap-md-1500 {
    gap: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-flex-grid-gap-md-1600 {
    gap: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-flex-grid-gap-md-025 {
    gap: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-flex-grid-gap-md-050 {
    gap: var(--clg-dimension-pal-grid-050, 4px) !important;
  }
}

@media only screen and (min-width: 900px) {
  .wt-flex-grid-gap-lg-0 {
    gap: 0 !important;
  }

  .wt-flex-grid-gap-lg-100 {
    gap: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-flex-grid-gap-lg-150 {
    gap: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-flex-grid-gap-lg-200 {
    gap: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-flex-grid-gap-lg-300 {
    gap: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-flex-grid-gap-lg-400 {
    gap: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-flex-grid-gap-lg-500 {
    gap: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-flex-grid-gap-lg-600 {
    gap: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-flex-grid-gap-lg-700 {
    gap: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-flex-grid-gap-lg-800 {
    gap: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-flex-grid-gap-lg-900 {
    gap: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-flex-grid-gap-lg-1000 {
    gap: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-flex-grid-gap-lg-1100 {
    gap: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-flex-grid-gap-lg-1200 {
    gap: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-flex-grid-gap-lg-1300 {
    gap: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-flex-grid-gap-lg-1400 {
    gap: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-flex-grid-gap-lg-1500 {
    gap: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-flex-grid-gap-lg-1600 {
    gap: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-flex-grid-gap-lg-025 {
    gap: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-flex-grid-gap-lg-050 {
    gap: var(--clg-dimension-pal-grid-050, 4px) !important;
  }
}

@media only screen and (min-width: 1200px) {
  .wt-flex-grid-gap-xl-0 {
    gap: 0 !important;
  }

  .wt-flex-grid-gap-xl-100 {
    gap: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-flex-grid-gap-xl-150 {
    gap: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-flex-grid-gap-xl-200 {
    gap: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-flex-grid-gap-xl-300 {
    gap: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-flex-grid-gap-xl-400 {
    gap: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-flex-grid-gap-xl-500 {
    gap: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-flex-grid-gap-xl-600 {
    gap: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-flex-grid-gap-xl-700 {
    gap: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-flex-grid-gap-xl-800 {
    gap: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-flex-grid-gap-xl-900 {
    gap: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-flex-grid-gap-xl-1000 {
    gap: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-flex-grid-gap-xl-1100 {
    gap: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-flex-grid-gap-xl-1200 {
    gap: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-flex-grid-gap-xl-1300 {
    gap: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-flex-grid-gap-xl-1400 {
    gap: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-flex-grid-gap-xl-1500 {
    gap: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-flex-grid-gap-xl-1600 {
    gap: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-flex-grid-gap-xl-025 {
    gap: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-flex-grid-gap-xl-050 {
    gap: var(--clg-dimension-pal-grid-050, 4px) !important;
  }
}

@media only screen and (min-width: 1400px) {
  .wt-flex-grid-gap-tv-0 {
    gap: 0 !important;
  }

  .wt-flex-grid-gap-tv-100 {
    gap: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-flex-grid-gap-tv-150 {
    gap: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-flex-grid-gap-tv-200 {
    gap: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-flex-grid-gap-tv-300 {
    gap: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-flex-grid-gap-tv-400 {
    gap: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-flex-grid-gap-tv-500 {
    gap: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-flex-grid-gap-tv-600 {
    gap: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-flex-grid-gap-tv-700 {
    gap: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-flex-grid-gap-tv-800 {
    gap: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-flex-grid-gap-tv-900 {
    gap: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-flex-grid-gap-tv-1000 {
    gap: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-flex-grid-gap-tv-1100 {
    gap: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-flex-grid-gap-tv-1200 {
    gap: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-flex-grid-gap-tv-1300 {
    gap: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-flex-grid-gap-tv-1400 {
    gap: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-flex-grid-gap-tv-1500 {
    gap: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-flex-grid-gap-tv-1600 {
    gap: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-flex-grid-gap-tv-025 {
    gap: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-flex-grid-gap-tv-050 {
    gap: var(--clg-dimension-pal-grid-050, 4px) !important;
  }
}

@media only screen and (min-width: 0) {
  .wt-flex-sem-gap-card {
    gap: calc(
      var(--clg-dimension-pal-grid-050, 4px) +
        var(--clg-dimension-pal-grid-025, 2px)
    );
  }

  .wt-flex-sem-gap-page-margin {
    gap: var(--clg-dimension-pal-grid-200, 16px);
  }

  .wt-flex-sem-gap-page-tight {
    gap: var(--clg-dimension-pal-grid-300, 24px);
  }

  .wt-flex-sem-gap-page-base {
    gap: var(--clg-dimension-pal-grid-400, 32px);
  }

  .wt-flex-sem-gap-page-loose {
    gap: var(--clg-dimension-pal-grid-800, 64px);
  }
}

@media only screen and (min-width: 900px) {
  .wt-flex-sem-gap-card {
    gap: var(--clg-dimension-sem-spacing-card, 18px);
  }

  .wt-flex-sem-gap-page-margin {
    gap: var(--clg-dimension-sem-spacing-page-margin, 32px);
  }

  .wt-flex-sem-gap-page-tight {
    gap: var(--clg-dimension-sem-spacing-page-tight, 48px);
  }

  .wt-flex-sem-gap-page-base {
    gap: var(--clg-dimension-sem-spacing-page-base, 64px);
  }

  .wt-flex-sem-gap-page-loose {
    gap: var(--clg-dimension-sem-spacing-page-loose, 128px);
  }
}

.wt-grid {
  flex-wrap: wrap;
  display: flex !important;
}

.wt-grid.wt-grid--block {
  margin: calc(-1 * var(--clg-dimension-pal-spacing-100, 6px));
}

.wt-grid.wt-grid--block [class*="wt-grid__item-"] {
  padding: var(--clg-dimension-pal-spacing-050, 3px);
}

@media only screen and (min-width: 640px) {
  .wt-grid.wt-grid--block {
    margin: calc(-1 * var(--clg-dimension-pal-spacing-100, 6px) * 1.5);
  }

  .wt-grid.wt-grid--block [class*="wt-grid__item-"] {
    padding: calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5);
  }
}

@media only screen and (min-width: 0) and (max-width: 639px) {
  .wt-grid .wt-grid__item-sm-0,
  .wt-grid .wt-grid__item-sm-1,
  .wt-grid .wt-grid__item-sm-2,
  .wt-grid .wt-grid__item-sm-3,
  .wt-grid .wt-grid__item-sm-4,
  .wt-grid .wt-grid__item-sm-5,
  .wt-grid .wt-grid__item-sm-6,
  .wt-grid .wt-grid__item-sm-7,
  .wt-grid .wt-grid__item-sm-8,
  .wt-grid .wt-grid__item-sm-9,
  .wt-grid .wt-grid__item-sm-10,
  .wt-grid .wt-grid__item-sm-11,
  .wt-grid .wt-grid__item-sm-12 {
    flex-basis: 100%;
  }
}

@media only screen and (min-width: 0) and (max-width: 899px) {
  .wt-grid .wt-grid__item-md-0,
  .wt-grid .wt-grid__item-md-1,
  .wt-grid .wt-grid__item-md-2,
  .wt-grid .wt-grid__item-md-3,
  .wt-grid .wt-grid__item-md-4,
  .wt-grid .wt-grid__item-md-5,
  .wt-grid .wt-grid__item-md-6,
  .wt-grid .wt-grid__item-md-7,
  .wt-grid .wt-grid__item-md-8,
  .wt-grid .wt-grid__item-md-9,
  .wt-grid .wt-grid__item-md-10,
  .wt-grid .wt-grid__item-md-11,
  .wt-grid .wt-grid__item-md-12 {
    flex-basis: 100%;
  }
}

@media only screen and (min-width: 0) and (max-width: 1199px) {
  .wt-grid .wt-grid__item-lg-0,
  .wt-grid .wt-grid__item-lg-1,
  .wt-grid .wt-grid__item-lg-2,
  .wt-grid .wt-grid__item-lg-3,
  .wt-grid .wt-grid__item-lg-4,
  .wt-grid .wt-grid__item-lg-5,
  .wt-grid .wt-grid__item-lg-6,
  .wt-grid .wt-grid__item-lg-7,
  .wt-grid .wt-grid__item-lg-8,
  .wt-grid .wt-grid__item-lg-9,
  .wt-grid .wt-grid__item-lg-10,
  .wt-grid .wt-grid__item-lg-11,
  .wt-grid .wt-grid__item-lg-12 {
    flex-basis: 100%;
  }
}

@media only screen and (min-width: 0) and (max-width: 1399px) {
  .wt-grid .wt-grid__item-xl-0,
  .wt-grid .wt-grid__item-xl-1,
  .wt-grid .wt-grid__item-xl-2,
  .wt-grid .wt-grid__item-xl-3,
  .wt-grid .wt-grid__item-xl-4,
  .wt-grid .wt-grid__item-xl-5,
  .wt-grid .wt-grid__item-xl-6,
  .wt-grid .wt-grid__item-xl-7,
  .wt-grid .wt-grid__item-xl-8,
  .wt-grid .wt-grid__item-xl-9,
  .wt-grid .wt-grid__item-xl-10,
  .wt-grid .wt-grid__item-xl-11,
  .wt-grid .wt-grid__item-xl-12 {
    flex-basis: 100%;
  }
}

@media only screen and (min-width: 0) {
  .wt-grid .wt-grid__item-tv-0,
  .wt-grid .wt-grid__item-tv-1,
  .wt-grid .wt-grid__item-tv-2,
  .wt-grid .wt-grid__item-tv-3,
  .wt-grid .wt-grid__item-tv-4,
  .wt-grid .wt-grid__item-tv-5,
  .wt-grid .wt-grid__item-tv-6,
  .wt-grid .wt-grid__item-tv-7,
  .wt-grid .wt-grid__item-tv-8,
  .wt-grid .wt-grid__item-tv-9,
  .wt-grid .wt-grid__item-tv-10,
  .wt-grid .wt-grid__item-tv-11,
  .wt-grid .wt-grid__item-tv-12 {
    flex-basis: 100%;
  }

  .wt-grid .wt-grid__item-xs-1 {
    flex-grow: 1;
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }

  .wt-grid .wt-grid__item-xs-2 {
    flex-grow: 1;
    flex-basis: 16.6667%;
    max-width: 16.6667%;
  }

  .wt-grid .wt-grid__item-xs-3 {
    flex-grow: 1;
    flex-basis: 25%;
    max-width: 25%;
  }

  .wt-grid .wt-grid__item-xs-4 {
    flex-grow: 1;
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }

  .wt-grid .wt-grid__item-xs-5 {
    flex-grow: 1;
    flex-basis: 41.6667%;
    max-width: 41.6667%;
  }

  .wt-grid .wt-grid__item-xs-6 {
    flex-grow: 1;
    flex-basis: 50%;
    max-width: 50%;
  }

  .wt-grid .wt-grid__item-xs-7 {
    flex-grow: 1;
    flex-basis: 58.3333%;
    max-width: 58.3333%;
  }

  .wt-grid .wt-grid__item-xs-8 {
    flex-grow: 1;
    flex-basis: 66.6667%;
    max-width: 66.6667%;
  }

  .wt-grid .wt-grid__item-xs-9 {
    flex-grow: 1;
    flex-basis: 75%;
    max-width: 75%;
  }

  .wt-grid .wt-grid__item-xs-10 {
    flex-grow: 1;
    flex-basis: 83.3333%;
    max-width: 83.3333%;
  }

  .wt-grid .wt-grid__item-xs-11 {
    flex-grow: 1;
    flex-basis: 91.6667%;
    max-width: 91.6667%;
  }

  .wt-grid .wt-grid__item-xs-12 {
    flex-grow: 1;
    flex-basis: 100%;
    max-width: 100%;
  }

  .wt-grid .wt-grid__item-offset-xs-0 {
    margin-left: 0%;
  }

  .wt-grid .wt-grid__item-offset-xs-1 {
    margin-left: 8.33333%;
  }

  .wt-grid .wt-grid__item-offset-xs-2 {
    margin-left: 16.6667%;
  }

  .wt-grid .wt-grid__item-offset-xs-3 {
    margin-left: 25%;
  }

  .wt-grid .wt-grid__item-offset-xs-4 {
    margin-left: 33.3333%;
  }

  .wt-grid .wt-grid__item-offset-xs-5 {
    margin-left: 41.6667%;
  }

  .wt-grid .wt-grid__item-offset-xs-6 {
    margin-left: 50%;
  }

  .wt-grid .wt-grid__item-offset-xs-7 {
    margin-left: 58.3333%;
  }

  .wt-grid .wt-grid__item-offset-xs-8 {
    margin-left: 66.6667%;
  }

  .wt-grid .wt-grid__item-offset-xs-9 {
    margin-left: 75%;
  }

  .wt-grid .wt-grid__item-offset-xs-10 {
    margin-left: 83.3333%;
  }

  .wt-grid .wt-grid__item-offset-xs-11 {
    margin-left: 91.6667%;
  }

  .wt-grid .wt-grid__item-offset-xs-12 {
    margin-left: 100%;
  }
}

@media only screen and (min-width: 480px) {
  .wt-grid .wt-grid__item-sm-1 {
    flex-grow: 1;
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }

  .wt-grid .wt-grid__item-sm-2 {
    flex-grow: 1;
    flex-basis: 16.6667%;
    max-width: 16.6667%;
  }

  .wt-grid .wt-grid__item-sm-3 {
    flex-grow: 1;
    flex-basis: 25%;
    max-width: 25%;
  }

  .wt-grid .wt-grid__item-sm-4 {
    flex-grow: 1;
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }

  .wt-grid .wt-grid__item-sm-5 {
    flex-grow: 1;
    flex-basis: 41.6667%;
    max-width: 41.6667%;
  }

  .wt-grid .wt-grid__item-sm-6 {
    flex-grow: 1;
    flex-basis: 50%;
    max-width: 50%;
  }

  .wt-grid .wt-grid__item-sm-7 {
    flex-grow: 1;
    flex-basis: 58.3333%;
    max-width: 58.3333%;
  }

  .wt-grid .wt-grid__item-sm-8 {
    flex-grow: 1;
    flex-basis: 66.6667%;
    max-width: 66.6667%;
  }

  .wt-grid .wt-grid__item-sm-9 {
    flex-grow: 1;
    flex-basis: 75%;
    max-width: 75%;
  }

  .wt-grid .wt-grid__item-sm-10 {
    flex-grow: 1;
    flex-basis: 83.3333%;
    max-width: 83.3333%;
  }

  .wt-grid .wt-grid__item-sm-11 {
    flex-grow: 1;
    flex-basis: 91.6667%;
    max-width: 91.6667%;
  }

  .wt-grid .wt-grid__item-sm-12 {
    flex-grow: 1;
    flex-basis: 100%;
    max-width: 100%;
  }

  .wt-grid .wt-grid__item-offset-sm-0 {
    margin-left: 0%;
  }

  .wt-grid .wt-grid__item-offset-sm-1 {
    margin-left: 8.33333%;
  }

  .wt-grid .wt-grid__item-offset-sm-2 {
    margin-left: 16.6667%;
  }

  .wt-grid .wt-grid__item-offset-sm-3 {
    margin-left: 25%;
  }

  .wt-grid .wt-grid__item-offset-sm-4 {
    margin-left: 33.3333%;
  }

  .wt-grid .wt-grid__item-offset-sm-5 {
    margin-left: 41.6667%;
  }

  .wt-grid .wt-grid__item-offset-sm-6 {
    margin-left: 50%;
  }

  .wt-grid .wt-grid__item-offset-sm-7 {
    margin-left: 58.3333%;
  }

  .wt-grid .wt-grid__item-offset-sm-8 {
    margin-left: 66.6667%;
  }

  .wt-grid .wt-grid__item-offset-sm-9 {
    margin-left: 75%;
  }

  .wt-grid .wt-grid__item-offset-sm-10 {
    margin-left: 83.3333%;
  }

  .wt-grid .wt-grid__item-offset-sm-11 {
    margin-left: 91.6667%;
  }

  .wt-grid .wt-grid__item-offset-sm-12 {
    margin-left: 100%;
  }
}

@media only screen and (min-width: 640px) {
  .wt-grid .wt-grid__item-md-1 {
    flex-grow: 1;
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }

  .wt-grid .wt-grid__item-md-2 {
    flex-grow: 1;
    flex-basis: 16.6667%;
    max-width: 16.6667%;
  }

  .wt-grid .wt-grid__item-md-3 {
    flex-grow: 1;
    flex-basis: 25%;
    max-width: 25%;
  }

  .wt-grid .wt-grid__item-md-4 {
    flex-grow: 1;
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }

  .wt-grid .wt-grid__item-md-5 {
    flex-grow: 1;
    flex-basis: 41.6667%;
    max-width: 41.6667%;
  }

  .wt-grid .wt-grid__item-md-6 {
    flex-grow: 1;
    flex-basis: 50%;
    max-width: 50%;
  }

  .wt-grid .wt-grid__item-md-7 {
    flex-grow: 1;
    flex-basis: 58.3333%;
    max-width: 58.3333%;
  }

  .wt-grid .wt-grid__item-md-8 {
    flex-grow: 1;
    flex-basis: 66.6667%;
    max-width: 66.6667%;
  }

  .wt-grid .wt-grid__item-md-9 {
    flex-grow: 1;
    flex-basis: 75%;
    max-width: 75%;
  }

  .wt-grid .wt-grid__item-md-10 {
    flex-grow: 1;
    flex-basis: 83.3333%;
    max-width: 83.3333%;
  }

  .wt-grid .wt-grid__item-md-11 {
    flex-grow: 1;
    flex-basis: 91.6667%;
    max-width: 91.6667%;
  }

  .wt-grid .wt-grid__item-md-12 {
    flex-grow: 1;
    flex-basis: 100%;
    max-width: 100%;
  }

  .wt-grid .wt-grid__item-offset-md-0 {
    margin-left: 0%;
  }

  .wt-grid .wt-grid__item-offset-md-1 {
    margin-left: 8.33333%;
  }

  .wt-grid .wt-grid__item-offset-md-2 {
    margin-left: 16.6667%;
  }

  .wt-grid .wt-grid__item-offset-md-3 {
    margin-left: 25%;
  }

  .wt-grid .wt-grid__item-offset-md-4 {
    margin-left: 33.3333%;
  }

  .wt-grid .wt-grid__item-offset-md-5 {
    margin-left: 41.6667%;
  }

  .wt-grid .wt-grid__item-offset-md-6 {
    margin-left: 50%;
  }

  .wt-grid .wt-grid__item-offset-md-7 {
    margin-left: 58.3333%;
  }

  .wt-grid .wt-grid__item-offset-md-8 {
    margin-left: 66.6667%;
  }

  .wt-grid .wt-grid__item-offset-md-9 {
    margin-left: 75%;
  }

  .wt-grid .wt-grid__item-offset-md-10 {
    margin-left: 83.3333%;
  }

  .wt-grid .wt-grid__item-offset-md-11 {
    margin-left: 91.6667%;
  }

  .wt-grid .wt-grid__item-offset-md-12 {
    margin-left: 100%;
  }
}

@media only screen and (min-width: 900px) {
  .wt-grid .wt-grid__item-lg-1 {
    flex-grow: 1;
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }

  .wt-grid .wt-grid__item-lg-2 {
    flex-grow: 1;
    flex-basis: 16.6667%;
    max-width: 16.6667%;
  }

  .wt-grid .wt-grid__item-lg-3 {
    flex-grow: 1;
    flex-basis: 25%;
    max-width: 25%;
  }

  .wt-grid .wt-grid__item-lg-4 {
    flex-grow: 1;
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }

  .wt-grid .wt-grid__item-lg-5 {
    flex-grow: 1;
    flex-basis: 41.6667%;
    max-width: 41.6667%;
  }

  .wt-grid .wt-grid__item-lg-6 {
    flex-grow: 1;
    flex-basis: 50%;
    max-width: 50%;
  }

  .wt-grid .wt-grid__item-lg-7 {
    flex-grow: 1;
    flex-basis: 58.3333%;
    max-width: 58.3333%;
  }

  .wt-grid .wt-grid__item-lg-8 {
    flex-grow: 1;
    flex-basis: 66.6667%;
    max-width: 66.6667%;
  }

  .wt-grid .wt-grid__item-lg-9 {
    flex-grow: 1;
    flex-basis: 75%;
    max-width: 75%;
  }

  .wt-grid .wt-grid__item-lg-10 {
    flex-grow: 1;
    flex-basis: 83.3333%;
    max-width: 83.3333%;
  }

  .wt-grid .wt-grid__item-lg-11 {
    flex-grow: 1;
    flex-basis: 91.6667%;
    max-width: 91.6667%;
  }

  .wt-grid .wt-grid__item-lg-12 {
    flex-grow: 1;
    flex-basis: 100%;
    max-width: 100%;
  }

  .wt-grid .wt-grid__item-offset-lg-0 {
    margin-left: 0%;
  }

  .wt-grid .wt-grid__item-offset-lg-1 {
    margin-left: 8.33333%;
  }

  .wt-grid .wt-grid__item-offset-lg-2 {
    margin-left: 16.6667%;
  }

  .wt-grid .wt-grid__item-offset-lg-3 {
    margin-left: 25%;
  }

  .wt-grid .wt-grid__item-offset-lg-4 {
    margin-left: 33.3333%;
  }

  .wt-grid .wt-grid__item-offset-lg-5 {
    margin-left: 41.6667%;
  }

  .wt-grid .wt-grid__item-offset-lg-6 {
    margin-left: 50%;
  }

  .wt-grid .wt-grid__item-offset-lg-7 {
    margin-left: 58.3333%;
  }

  .wt-grid .wt-grid__item-offset-lg-8 {
    margin-left: 66.6667%;
  }

  .wt-grid .wt-grid__item-offset-lg-9 {
    margin-left: 75%;
  }

  .wt-grid .wt-grid__item-offset-lg-10 {
    margin-left: 83.3333%;
  }

  .wt-grid .wt-grid__item-offset-lg-11 {
    margin-left: 91.6667%;
  }

  .wt-grid .wt-grid__item-offset-lg-12 {
    margin-left: 100%;
  }
}

@media only screen and (min-width: 1200px) {
  .wt-grid .wt-grid__item-xl-1 {
    flex-grow: 1;
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }

  .wt-grid .wt-grid__item-xl-2 {
    flex-grow: 1;
    flex-basis: 16.6667%;
    max-width: 16.6667%;
  }

  .wt-grid .wt-grid__item-xl-3 {
    flex-grow: 1;
    flex-basis: 25%;
    max-width: 25%;
  }

  .wt-grid .wt-grid__item-xl-4 {
    flex-grow: 1;
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }

  .wt-grid .wt-grid__item-xl-5 {
    flex-grow: 1;
    flex-basis: 41.6667%;
    max-width: 41.6667%;
  }

  .wt-grid .wt-grid__item-xl-6 {
    flex-grow: 1;
    flex-basis: 50%;
    max-width: 50%;
  }

  .wt-grid .wt-grid__item-xl-7 {
    flex-grow: 1;
    flex-basis: 58.3333%;
    max-width: 58.3333%;
  }

  .wt-grid .wt-grid__item-xl-8 {
    flex-grow: 1;
    flex-basis: 66.6667%;
    max-width: 66.6667%;
  }

  .wt-grid .wt-grid__item-xl-9 {
    flex-grow: 1;
    flex-basis: 75%;
    max-width: 75%;
  }

  .wt-grid .wt-grid__item-xl-10 {
    flex-grow: 1;
    flex-basis: 83.3333%;
    max-width: 83.3333%;
  }

  .wt-grid .wt-grid__item-xl-11 {
    flex-grow: 1;
    flex-basis: 91.6667%;
    max-width: 91.6667%;
  }

  .wt-grid .wt-grid__item-xl-12 {
    flex-grow: 1;
    flex-basis: 100%;
    max-width: 100%;
  }

  .wt-grid .wt-grid__item-offset-xl-0 {
    margin-left: 0%;
  }

  .wt-grid .wt-grid__item-offset-xl-1 {
    margin-left: 8.33333%;
  }

  .wt-grid .wt-grid__item-offset-xl-2 {
    margin-left: 16.6667%;
  }

  .wt-grid .wt-grid__item-offset-xl-3 {
    margin-left: 25%;
  }

  .wt-grid .wt-grid__item-offset-xl-4 {
    margin-left: 33.3333%;
  }

  .wt-grid .wt-grid__item-offset-xl-5 {
    margin-left: 41.6667%;
  }

  .wt-grid .wt-grid__item-offset-xl-6 {
    margin-left: 50%;
  }

  .wt-grid .wt-grid__item-offset-xl-7 {
    margin-left: 58.3333%;
  }

  .wt-grid .wt-grid__item-offset-xl-8 {
    margin-left: 66.6667%;
  }

  .wt-grid .wt-grid__item-offset-xl-9 {
    margin-left: 75%;
  }

  .wt-grid .wt-grid__item-offset-xl-10 {
    margin-left: 83.3333%;
  }

  .wt-grid .wt-grid__item-offset-xl-11 {
    margin-left: 91.6667%;
  }

  .wt-grid .wt-grid__item-offset-xl-12 {
    margin-left: 100%;
  }
}

@media only screen and (min-width: 1400px) {
  .wt-grid .wt-grid__item-tv-1 {
    flex-grow: 1;
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }

  .wt-grid .wt-grid__item-tv-2 {
    flex-grow: 1;
    flex-basis: 16.6667%;
    max-width: 16.6667%;
  }

  .wt-grid .wt-grid__item-tv-3 {
    flex-grow: 1;
    flex-basis: 25%;
    max-width: 25%;
  }

  .wt-grid .wt-grid__item-tv-4 {
    flex-grow: 1;
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }

  .wt-grid .wt-grid__item-tv-5 {
    flex-grow: 1;
    flex-basis: 41.6667%;
    max-width: 41.6667%;
  }

  .wt-grid .wt-grid__item-tv-6 {
    flex-grow: 1;
    flex-basis: 50%;
    max-width: 50%;
  }

  .wt-grid .wt-grid__item-tv-7 {
    flex-grow: 1;
    flex-basis: 58.3333%;
    max-width: 58.3333%;
  }

  .wt-grid .wt-grid__item-tv-8 {
    flex-grow: 1;
    flex-basis: 66.6667%;
    max-width: 66.6667%;
  }

  .wt-grid .wt-grid__item-tv-9 {
    flex-grow: 1;
    flex-basis: 75%;
    max-width: 75%;
  }

  .wt-grid .wt-grid__item-tv-10 {
    flex-grow: 1;
    flex-basis: 83.3333%;
    max-width: 83.3333%;
  }

  .wt-grid .wt-grid__item-tv-11 {
    flex-grow: 1;
    flex-basis: 91.6667%;
    max-width: 91.6667%;
  }

  .wt-grid .wt-grid__item-tv-12 {
    flex-grow: 1;
    flex-basis: 100%;
    max-width: 100%;
  }

  .wt-grid .wt-grid__item-offset-tv-0 {
    margin-left: 0%;
  }

  .wt-grid .wt-grid__item-offset-tv-1 {
    margin-left: 8.33333%;
  }

  .wt-grid .wt-grid__item-offset-tv-2 {
    margin-left: 16.6667%;
  }

  .wt-grid .wt-grid__item-offset-tv-3 {
    margin-left: 25%;
  }

  .wt-grid .wt-grid__item-offset-tv-4 {
    margin-left: 33.3333%;
  }

  .wt-grid .wt-grid__item-offset-tv-5 {
    margin-left: 41.6667%;
  }

  .wt-grid .wt-grid__item-offset-tv-6 {
    margin-left: 50%;
  }

  .wt-grid .wt-grid__item-offset-tv-7 {
    margin-left: 58.3333%;
  }

  .wt-grid .wt-grid__item-offset-tv-8 {
    margin-left: 66.6667%;
  }

  .wt-grid .wt-grid__item-offset-tv-9 {
    margin-left: 75%;
  }

  .wt-grid .wt-grid__item-offset-tv-10 {
    margin-left: 83.3333%;
  }

  .wt-grid .wt-grid__item-offset-tv-11 {
    margin-left: 91.6667%;
  }

  .wt-grid .wt-grid__item-offset-tv-12 {
    margin-left: 100%;
  }
}

@media only screen and (min-width: 0) {
  .wt-block-grid-xs-1 {
    margin: calc(var(--clg-dimension-pal-spacing-100, 6px) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-xs-1 .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-100, 6px);
    flex-grow: 1;
    flex-basis: 100%;
    max-width: 100%;
  }

  .wt-block-grid-xs-1.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-xs-1.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-xs-2 {
    margin: calc(var(--clg-dimension-pal-spacing-100, 6px) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-xs-2 .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-100, 6px);
    flex-grow: 1;
    flex-basis: 50%;
    max-width: 50%;
  }

  .wt-block-grid-xs-2.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-xs-2.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-xs-3 {
    margin: calc(var(--clg-dimension-pal-spacing-100, 6px) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-xs-3 .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-100, 6px);
    flex-grow: 1;
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }

  .wt-block-grid-xs-3.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-xs-3.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-xs-4 {
    margin: calc(var(--clg-dimension-pal-spacing-100, 6px) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-xs-4 .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-100, 6px);
    flex-grow: 1;
    flex-basis: 25%;
    max-width: 25%;
  }

  .wt-block-grid-xs-4.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-xs-4.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-xs-5 {
    margin: calc(var(--clg-dimension-pal-spacing-100, 6px) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-xs-5 .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-100, 6px);
    flex-grow: 1;
    flex-basis: 20%;
    max-width: 20%;
  }

  .wt-block-grid-xs-5.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-xs-5.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-xs-6 {
    margin: calc(var(--clg-dimension-pal-spacing-100, 6px) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-xs-6 .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-100, 6px);
    flex-grow: 1;
    flex-basis: 16.6667%;
    max-width: 16.6667%;
  }

  .wt-block-grid-xs-6.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-xs-6.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-xs-7 {
    margin: calc(var(--clg-dimension-pal-spacing-100, 6px) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-xs-7 .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-100, 6px);
    flex-grow: 1;
    flex-basis: 14.2857%;
    max-width: 14.2857%;
  }

  .wt-block-grid-xs-7.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-xs-7.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-xs-8 {
    margin: calc(var(--clg-dimension-pal-spacing-100, 6px) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-xs-8 .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-100, 6px);
    flex-grow: 1;
    flex-basis: 12.5%;
    max-width: 12.5%;
  }

  .wt-block-grid-xs-8.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-xs-8.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-xs-9 {
    margin: calc(var(--clg-dimension-pal-spacing-100, 6px) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-xs-9 .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-100, 6px);
    flex-grow: 1;
    flex-basis: 11.1111%;
    max-width: 11.1111%;
  }

  .wt-block-grid-xs-9.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-xs-9.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-xs-10 {
    margin: calc(var(--clg-dimension-pal-spacing-100, 6px) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-xs-10 .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-100, 6px);
    flex-grow: 1;
    flex-basis: 10%;
    max-width: 10%;
  }

  .wt-block-grid-xs-10.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-xs-10.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-xs-11 {
    margin: calc(var(--clg-dimension-pal-spacing-100, 6px) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-xs-11 .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-100, 6px);
    flex-grow: 1;
    flex-basis: 9.09091%;
    max-width: 9.09091%;
  }

  .wt-block-grid-xs-11.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-xs-11.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-xs-12 {
    margin: calc(var(--clg-dimension-pal-spacing-100, 6px) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-xs-12 .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-100, 6px);
    flex-grow: 1;
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }

  .wt-block-grid-xs-12.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-xs-12.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }
}

@media only screen and (min-width: 480px) {
  .wt-block-grid-sm-1 {
    margin: calc(var(--clg-dimension-pal-spacing-100, 6px) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-sm-1 .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-100, 6px);
    flex-grow: 1;
    flex-basis: 100%;
    max-width: 100%;
  }

  .wt-block-grid-sm-1.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-sm-1.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-sm-2 {
    margin: calc(var(--clg-dimension-pal-spacing-100, 6px) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-sm-2 .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-100, 6px);
    flex-grow: 1;
    flex-basis: 50%;
    max-width: 50%;
  }

  .wt-block-grid-sm-2.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-sm-2.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-sm-3 {
    margin: calc(var(--clg-dimension-pal-spacing-100, 6px) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-sm-3 .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-100, 6px);
    flex-grow: 1;
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }

  .wt-block-grid-sm-3.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-sm-3.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-sm-4 {
    margin: calc(var(--clg-dimension-pal-spacing-100, 6px) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-sm-4 .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-100, 6px);
    flex-grow: 1;
    flex-basis: 25%;
    max-width: 25%;
  }

  .wt-block-grid-sm-4.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-sm-4.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-sm-5 {
    margin: calc(var(--clg-dimension-pal-spacing-100, 6px) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-sm-5 .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-100, 6px);
    flex-grow: 1;
    flex-basis: 20%;
    max-width: 20%;
  }

  .wt-block-grid-sm-5.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-sm-5.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-sm-6 {
    margin: calc(var(--clg-dimension-pal-spacing-100, 6px) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-sm-6 .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-100, 6px);
    flex-grow: 1;
    flex-basis: 16.6667%;
    max-width: 16.6667%;
  }

  .wt-block-grid-sm-6.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-sm-6.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-sm-7 {
    margin: calc(var(--clg-dimension-pal-spacing-100, 6px) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-sm-7 .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-100, 6px);
    flex-grow: 1;
    flex-basis: 14.2857%;
    max-width: 14.2857%;
  }

  .wt-block-grid-sm-7.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-sm-7.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-sm-8 {
    margin: calc(var(--clg-dimension-pal-spacing-100, 6px) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-sm-8 .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-100, 6px);
    flex-grow: 1;
    flex-basis: 12.5%;
    max-width: 12.5%;
  }

  .wt-block-grid-sm-8.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-sm-8.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-sm-9 {
    margin: calc(var(--clg-dimension-pal-spacing-100, 6px) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-sm-9 .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-100, 6px);
    flex-grow: 1;
    flex-basis: 11.1111%;
    max-width: 11.1111%;
  }

  .wt-block-grid-sm-9.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-sm-9.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-sm-10 {
    margin: calc(var(--clg-dimension-pal-spacing-100, 6px) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-sm-10 .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-100, 6px);
    flex-grow: 1;
    flex-basis: 10%;
    max-width: 10%;
  }

  .wt-block-grid-sm-10.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-sm-10.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-sm-11 {
    margin: calc(var(--clg-dimension-pal-spacing-100, 6px) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-sm-11 .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-100, 6px);
    flex-grow: 1;
    flex-basis: 9.09091%;
    max-width: 9.09091%;
  }

  .wt-block-grid-sm-11.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-sm-11.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-sm-12 {
    margin: calc(var(--clg-dimension-pal-spacing-100, 6px) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-sm-12 .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-100, 6px);
    flex-grow: 1;
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }

  .wt-block-grid-sm-12.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-sm-12.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }
}

@media only screen and (min-width: 640px) {
  .wt-block-grid-md-1 {
    margin: calc(calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-md-1 .wt-block-grid__item {
    padding: calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5);
    flex-grow: 1;
    flex-basis: 100%;
    max-width: 100%;
  }

  .wt-block-grid-md-1.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-md-1.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-md-2 {
    margin: calc(calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-md-2 .wt-block-grid__item {
    padding: calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5);
    flex-grow: 1;
    flex-basis: 50%;
    max-width: 50%;
  }

  .wt-block-grid-md-2.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-md-2.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-md-3 {
    margin: calc(calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-md-3 .wt-block-grid__item {
    padding: calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5);
    flex-grow: 1;
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }

  .wt-block-grid-md-3.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-md-3.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-md-4 {
    margin: calc(calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-md-4 .wt-block-grid__item {
    padding: calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5);
    flex-grow: 1;
    flex-basis: 25%;
    max-width: 25%;
  }

  .wt-block-grid-md-4.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-md-4.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-md-5 {
    margin: calc(calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-md-5 .wt-block-grid__item {
    padding: calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5);
    flex-grow: 1;
    flex-basis: 20%;
    max-width: 20%;
  }

  .wt-block-grid-md-5.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-md-5.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-md-6 {
    margin: calc(calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-md-6 .wt-block-grid__item {
    padding: calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5);
    flex-grow: 1;
    flex-basis: 16.6667%;
    max-width: 16.6667%;
  }

  .wt-block-grid-md-6.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-md-6.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-md-7 {
    margin: calc(calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-md-7 .wt-block-grid__item {
    padding: calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5);
    flex-grow: 1;
    flex-basis: 14.2857%;
    max-width: 14.2857%;
  }

  .wt-block-grid-md-7.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-md-7.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-md-8 {
    margin: calc(calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-md-8 .wt-block-grid__item {
    padding: calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5);
    flex-grow: 1;
    flex-basis: 12.5%;
    max-width: 12.5%;
  }

  .wt-block-grid-md-8.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-md-8.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-md-9 {
    margin: calc(calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-md-9 .wt-block-grid__item {
    padding: calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5);
    flex-grow: 1;
    flex-basis: 11.1111%;
    max-width: 11.1111%;
  }

  .wt-block-grid-md-9.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-md-9.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-md-10 {
    margin: calc(calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-md-10 .wt-block-grid__item {
    padding: calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5);
    flex-grow: 1;
    flex-basis: 10%;
    max-width: 10%;
  }

  .wt-block-grid-md-10.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-md-10.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-md-11 {
    margin: calc(calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-md-11 .wt-block-grid__item {
    padding: calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5);
    flex-grow: 1;
    flex-basis: 9.09091%;
    max-width: 9.09091%;
  }

  .wt-block-grid-md-11.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-md-11.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-md-12 {
    margin: calc(calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-md-12 .wt-block-grid__item {
    padding: calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5);
    flex-grow: 1;
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }

  .wt-block-grid-md-12.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-md-12.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }
}

@media only screen and (min-width: 900px) {
  .wt-block-grid-lg-1 {
    margin: calc(calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-lg-1 .wt-block-grid__item {
    padding: calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5);
    flex-grow: 1;
    flex-basis: 100%;
    max-width: 100%;
  }

  .wt-block-grid-lg-1.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-lg-1.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-lg-2 {
    margin: calc(calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-lg-2 .wt-block-grid__item {
    padding: calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5);
    flex-grow: 1;
    flex-basis: 50%;
    max-width: 50%;
  }

  .wt-block-grid-lg-2.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-lg-2.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-lg-3 {
    margin: calc(calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-lg-3 .wt-block-grid__item {
    padding: calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5);
    flex-grow: 1;
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }

  .wt-block-grid-lg-3.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-lg-3.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-lg-4 {
    margin: calc(calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-lg-4 .wt-block-grid__item {
    padding: calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5);
    flex-grow: 1;
    flex-basis: 25%;
    max-width: 25%;
  }

  .wt-block-grid-lg-4.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-lg-4.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-lg-5 {
    margin: calc(calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-lg-5 .wt-block-grid__item {
    padding: calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5);
    flex-grow: 1;
    flex-basis: 20%;
    max-width: 20%;
  }

  .wt-block-grid-lg-5.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-lg-5.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-lg-6 {
    margin: calc(calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-lg-6 .wt-block-grid__item {
    padding: calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5);
    flex-grow: 1;
    flex-basis: 16.6667%;
    max-width: 16.6667%;
  }

  .wt-block-grid-lg-6.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-lg-6.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-lg-7 {
    margin: calc(calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-lg-7 .wt-block-grid__item {
    padding: calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5);
    flex-grow: 1;
    flex-basis: 14.2857%;
    max-width: 14.2857%;
  }

  .wt-block-grid-lg-7.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-lg-7.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-lg-8 {
    margin: calc(calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-lg-8 .wt-block-grid__item {
    padding: calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5);
    flex-grow: 1;
    flex-basis: 12.5%;
    max-width: 12.5%;
  }

  .wt-block-grid-lg-8.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-lg-8.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-lg-9 {
    margin: calc(calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-lg-9 .wt-block-grid__item {
    padding: calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5);
    flex-grow: 1;
    flex-basis: 11.1111%;
    max-width: 11.1111%;
  }

  .wt-block-grid-lg-9.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-lg-9.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-lg-10 {
    margin: calc(calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-lg-10 .wt-block-grid__item {
    padding: calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5);
    flex-grow: 1;
    flex-basis: 10%;
    max-width: 10%;
  }

  .wt-block-grid-lg-10.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-lg-10.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-lg-11 {
    margin: calc(calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-lg-11 .wt-block-grid__item {
    padding: calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5);
    flex-grow: 1;
    flex-basis: 9.09091%;
    max-width: 9.09091%;
  }

  .wt-block-grid-lg-11.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-lg-11.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-lg-12 {
    margin: calc(calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-lg-12 .wt-block-grid__item {
    padding: calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5);
    flex-grow: 1;
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }

  .wt-block-grid-lg-12.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-lg-12.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }
}

@media only screen and (min-width: 1200px) {
  .wt-block-grid-xl-1 {
    margin: calc(calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-xl-1 .wt-block-grid__item {
    padding: calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5);
    flex-grow: 1;
    flex-basis: 100%;
    max-width: 100%;
  }

  .wt-block-grid-xl-1.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-xl-1.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-xl-2 {
    margin: calc(calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-xl-2 .wt-block-grid__item {
    padding: calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5);
    flex-grow: 1;
    flex-basis: 50%;
    max-width: 50%;
  }

  .wt-block-grid-xl-2.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-xl-2.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-xl-3 {
    margin: calc(calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-xl-3 .wt-block-grid__item {
    padding: calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5);
    flex-grow: 1;
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }

  .wt-block-grid-xl-3.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-xl-3.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-xl-4 {
    margin: calc(calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-xl-4 .wt-block-grid__item {
    padding: calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5);
    flex-grow: 1;
    flex-basis: 25%;
    max-width: 25%;
  }

  .wt-block-grid-xl-4.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-xl-4.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-xl-5 {
    margin: calc(calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-xl-5 .wt-block-grid__item {
    padding: calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5);
    flex-grow: 1;
    flex-basis: 20%;
    max-width: 20%;
  }

  .wt-block-grid-xl-5.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-xl-5.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-xl-6 {
    margin: calc(calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-xl-6 .wt-block-grid__item {
    padding: calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5);
    flex-grow: 1;
    flex-basis: 16.6667%;
    max-width: 16.6667%;
  }

  .wt-block-grid-xl-6.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-xl-6.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-xl-7 {
    margin: calc(calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-xl-7 .wt-block-grid__item {
    padding: calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5);
    flex-grow: 1;
    flex-basis: 14.2857%;
    max-width: 14.2857%;
  }

  .wt-block-grid-xl-7.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-xl-7.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-xl-8 {
    margin: calc(calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-xl-8 .wt-block-grid__item {
    padding: calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5);
    flex-grow: 1;
    flex-basis: 12.5%;
    max-width: 12.5%;
  }

  .wt-block-grid-xl-8.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-xl-8.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-xl-9 {
    margin: calc(calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-xl-9 .wt-block-grid__item {
    padding: calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5);
    flex-grow: 1;
    flex-basis: 11.1111%;
    max-width: 11.1111%;
  }

  .wt-block-grid-xl-9.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-xl-9.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-xl-10 {
    margin: calc(calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-xl-10 .wt-block-grid__item {
    padding: calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5);
    flex-grow: 1;
    flex-basis: 10%;
    max-width: 10%;
  }

  .wt-block-grid-xl-10.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-xl-10.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-xl-11 {
    margin: calc(calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-xl-11 .wt-block-grid__item {
    padding: calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5);
    flex-grow: 1;
    flex-basis: 9.09091%;
    max-width: 9.09091%;
  }

  .wt-block-grid-xl-11.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-xl-11.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-xl-12 {
    margin: calc(calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-xl-12 .wt-block-grid__item {
    padding: calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5);
    flex-grow: 1;
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }

  .wt-block-grid-xl-12.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-xl-12.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }
}

@media only screen and (min-width: 1400px) {
  .wt-block-grid-tv-1 {
    margin: calc(calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-tv-1 .wt-block-grid__item {
    padding: calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5);
    flex-grow: 1;
    flex-basis: 100%;
    max-width: 100%;
  }

  .wt-block-grid-tv-1.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-tv-1.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-tv-2 {
    margin: calc(calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-tv-2 .wt-block-grid__item {
    padding: calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5);
    flex-grow: 1;
    flex-basis: 50%;
    max-width: 50%;
  }

  .wt-block-grid-tv-2.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-tv-2.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-tv-3 {
    margin: calc(calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-tv-3 .wt-block-grid__item {
    padding: calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5);
    flex-grow: 1;
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }

  .wt-block-grid-tv-3.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-tv-3.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-tv-4 {
    margin: calc(calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-tv-4 .wt-block-grid__item {
    padding: calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5);
    flex-grow: 1;
    flex-basis: 25%;
    max-width: 25%;
  }

  .wt-block-grid-tv-4.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-tv-4.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-tv-5 {
    margin: calc(calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-tv-5 .wt-block-grid__item {
    padding: calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5);
    flex-grow: 1;
    flex-basis: 20%;
    max-width: 20%;
  }

  .wt-block-grid-tv-5.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-tv-5.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-tv-6 {
    margin: calc(calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-tv-6 .wt-block-grid__item {
    padding: calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5);
    flex-grow: 1;
    flex-basis: 16.6667%;
    max-width: 16.6667%;
  }

  .wt-block-grid-tv-6.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-tv-6.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-tv-7 {
    margin: calc(calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-tv-7 .wt-block-grid__item {
    padding: calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5);
    flex-grow: 1;
    flex-basis: 14.2857%;
    max-width: 14.2857%;
  }

  .wt-block-grid-tv-7.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-tv-7.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-tv-8 {
    margin: calc(calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-tv-8 .wt-block-grid__item {
    padding: calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5);
    flex-grow: 1;
    flex-basis: 12.5%;
    max-width: 12.5%;
  }

  .wt-block-grid-tv-8.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-tv-8.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-tv-9 {
    margin: calc(calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-tv-9 .wt-block-grid__item {
    padding: calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5);
    flex-grow: 1;
    flex-basis: 11.1111%;
    max-width: 11.1111%;
  }

  .wt-block-grid-tv-9.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-tv-9.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-tv-10 {
    margin: calc(calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-tv-10 .wt-block-grid__item {
    padding: calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5);
    flex-grow: 1;
    flex-basis: 10%;
    max-width: 10%;
  }

  .wt-block-grid-tv-10.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-tv-10.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-tv-11 {
    margin: calc(calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-tv-11 .wt-block-grid__item {
    padding: calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5);
    flex-grow: 1;
    flex-basis: 9.09091%;
    max-width: 9.09091%;
  }

  .wt-block-grid-tv-11.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-tv-11.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }

  .wt-block-grid-tv-12 {
    margin: calc(calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5) * -1);
    flex-wrap: wrap;
    display: flex !important;
  }

  .wt-block-grid-tv-12 .wt-block-grid__item {
    padding: calc(var(--clg-dimension-pal-spacing-100, 6px) * 1.5);
    flex-grow: 1;
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }

  .wt-block-grid-tv-12.wt-block-grid--smaller-gap {
    margin: calc(var(--clg-dimension-pal-spacing-050, 3px) * -1);
  }

  .wt-block-grid-tv-12.wt-block-grid--smaller-gap .wt-block-grid__item {
    padding: var(--clg-dimension-pal-spacing-050, 3px);
  }
}

.wt-width-half {
  width: 50% !important;
}

.wt-width-full {
  width: 100% !important;
}

.wt-width-auto {
  width: auto !important;
}

@media only screen and (min-width: 0) {
  .wt-width-full-xs {
    width: 100% !important;
  }

  .wt-width-auto-xs {
    width: auto !important;
  }
}

@media only screen and (min-width: 480px) {
  .wt-width-full-sm {
    width: 100% !important;
  }

  .wt-width-auto-sm {
    width: auto !important;
  }
}

@media only screen and (min-width: 640px) {
  .wt-width-full-md {
    width: 100% !important;
  }

  .wt-width-auto-md {
    width: auto !important;
  }
}

@media only screen and (min-width: 900px) {
  .wt-width-full-lg {
    width: 100% !important;
  }

  .wt-width-auto-lg {
    width: auto !important;
  }
}

@media only screen and (min-width: 1200px) {
  .wt-width-full-xl {
    width: 100% !important;
  }

  .wt-width-auto-xl {
    width: auto !important;
  }
}

@media only screen and (min-width: 1400px) {
  .wt-width-full-tv {
    width: 100% !important;
  }

  .wt-width-auto-tv {
    width: auto !important;
  }
}

.wt-height-half {
  height: 50% !important;
}

.wt-height-full {
  height: 100% !important;
}

.wt-max-width-full {
  min-width: 0 !important;
  max-width: 100% !important;
}

.wt-max-height-full {
  min-height: 0 !important;
  max-height: 100% !important;
}

.wt-max-width-sm {
  max-width: 480px;
  margin: 0 auto;
}

.wt-max-width-md {
  max-width: 640px;
  margin: 0 auto;
}

.wt-max-width-lg {
  max-width: 900px;
  margin: 0 auto;
}

.wt-max-width-xl {
  max-width: 1200px;
  margin: 0 auto;
}

.wt-body-max-width,
.wt-max-width-tv {
  max-width: 1400px;
  margin: 0 auto;
}

.wt-viewport-width-full {
  width: 100vw;
  margin-left: -50vw;
  position: relative;
  left: 50%;
}

@media only screen and (min-width: 0) {
  .wt-m-xs-auto {
    margin: auto !important;
  }

  .wt-mt-xs-auto {
    margin-top: auto !important;
  }

  .wt-mr-xs-auto {
    margin-right: auto !important;
  }

  .wt-mb-xs-auto {
    margin-bottom: auto !important;
  }

  .wt-ml-xs-auto {
    margin-left: auto !important;
  }

  .wt-m-xs-0 {
    margin: 0 !important;
  }

  .wt-mt-xs-0 {
    margin-top: 0 !important;
  }

  .wt-mr-xs-0 {
    margin-right: 0 !important;
  }

  .wt-mb-xs-0 {
    margin-bottom: 0 !important;
  }

  .wt-ml-xs-0 {
    margin-left: 0 !important;
  }

  .wt-m-xs-1 {
    margin: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-mt-xs-1 {
    margin-top: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-mr-xs-1 {
    margin-right: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-mb-xs-1 {
    margin-bottom: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-ml-xs-1 {
    margin-left: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-m-xs-2 {
    margin: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-mt-xs-2 {
    margin-top: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-mr-xs-2 {
    margin-right: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-mb-xs-2 {
    margin-bottom: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-ml-xs-2 {
    margin-left: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-m-xs-3 {
    margin: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-mt-xs-3 {
    margin-top: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-mr-xs-3 {
    margin-right: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-mb-xs-3 {
    margin-bottom: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-ml-xs-3 {
    margin-left: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-m-xs-4 {
    margin: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-mt-xs-4 {
    margin-top: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-mr-xs-4 {
    margin-right: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-mb-xs-4 {
    margin-bottom: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-ml-xs-4 {
    margin-left: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-m-xs-5 {
    margin: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-mt-xs-5 {
    margin-top: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-mr-xs-5 {
    margin-right: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-mb-xs-5 {
    margin-bottom: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-ml-xs-5 {
    margin-left: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-m-xs-6 {
    margin: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-mt-xs-6 {
    margin-top: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-mr-xs-6 {
    margin-right: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-mb-xs-6 {
    margin-bottom: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-ml-xs-6 {
    margin-left: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-m-xs-7 {
    margin: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-mt-xs-7 {
    margin-top: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-mr-xs-7 {
    margin-right: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-mb-xs-7 {
    margin-bottom: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-ml-xs-7 {
    margin-left: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-m-xs-8 {
    margin: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-mt-xs-8 {
    margin-top: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-mr-xs-8 {
    margin-right: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-mb-xs-8 {
    margin-bottom: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-ml-xs-8 {
    margin-left: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-m-xs-9 {
    margin: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-mt-xs-9 {
    margin-top: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-mr-xs-9 {
    margin-right: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-mb-xs-9 {
    margin-bottom: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-ml-xs-9 {
    margin-left: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-m-xs-10 {
    margin: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-mt-xs-10 {
    margin-top: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-mr-xs-10 {
    margin-right: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-mb-xs-10 {
    margin-bottom: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-ml-xs-10 {
    margin-left: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-m-xs-11 {
    margin: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-mt-xs-11 {
    margin-top: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-mr-xs-11 {
    margin-right: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-mb-xs-11 {
    margin-bottom: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-ml-xs-11 {
    margin-left: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-m-xs-12 {
    margin: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-mt-xs-12 {
    margin-top: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-mr-xs-12 {
    margin-right: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-mb-xs-12 {
    margin-bottom: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-ml-xs-12 {
    margin-left: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-m-xs-13 {
    margin: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-mt-xs-13 {
    margin-top: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-mr-xs-13 {
    margin-right: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-mb-xs-13 {
    margin-bottom: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-ml-xs-13 {
    margin-left: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-m-xs-14 {
    margin: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-mt-xs-14 {
    margin-top: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-mr-xs-14 {
    margin-right: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-mb-xs-14 {
    margin-bottom: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-ml-xs-14 {
    margin-left: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-m-xs-15 {
    margin: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-mt-xs-15 {
    margin-top: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-mr-xs-15 {
    margin-right: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-mb-xs-15 {
    margin-bottom: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-ml-xs-15 {
    margin-left: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-m-xs-16 {
    margin: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-mt-xs-16 {
    margin-top: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-mr-xs-16 {
    margin-right: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-mb-xs-16 {
    margin-bottom: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-ml-xs-16 {
    margin-left: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-m-xs-05 {
    margin: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }

  .wt-mt-xs-05 {
    margin-top: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }

  .wt-mr-xs-05 {
    margin-right: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }

  .wt-mb-xs-05 {
    margin-bottom: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }

  .wt-ml-xs-05 {
    margin-left: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }
}

@media only screen and (min-width: 480px) {
  .wt-m-sm-auto {
    margin: auto !important;
  }

  .wt-mt-sm-auto {
    margin-top: auto !important;
  }

  .wt-mr-sm-auto {
    margin-right: auto !important;
  }

  .wt-mb-sm-auto {
    margin-bottom: auto !important;
  }

  .wt-ml-sm-auto {
    margin-left: auto !important;
  }

  .wt-m-sm-0 {
    margin: 0 !important;
  }

  .wt-mt-sm-0 {
    margin-top: 0 !important;
  }

  .wt-mr-sm-0 {
    margin-right: 0 !important;
  }

  .wt-mb-sm-0 {
    margin-bottom: 0 !important;
  }

  .wt-ml-sm-0 {
    margin-left: 0 !important;
  }

  .wt-m-sm-1 {
    margin: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-mt-sm-1 {
    margin-top: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-mr-sm-1 {
    margin-right: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-mb-sm-1 {
    margin-bottom: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-ml-sm-1 {
    margin-left: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-m-sm-2 {
    margin: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-mt-sm-2 {
    margin-top: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-mr-sm-2 {
    margin-right: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-mb-sm-2 {
    margin-bottom: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-ml-sm-2 {
    margin-left: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-m-sm-3 {
    margin: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-mt-sm-3 {
    margin-top: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-mr-sm-3 {
    margin-right: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-mb-sm-3 {
    margin-bottom: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-ml-sm-3 {
    margin-left: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-m-sm-4 {
    margin: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-mt-sm-4 {
    margin-top: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-mr-sm-4 {
    margin-right: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-mb-sm-4 {
    margin-bottom: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-ml-sm-4 {
    margin-left: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-m-sm-5 {
    margin: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-mt-sm-5 {
    margin-top: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-mr-sm-5 {
    margin-right: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-mb-sm-5 {
    margin-bottom: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-ml-sm-5 {
    margin-left: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-m-sm-6 {
    margin: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-mt-sm-6 {
    margin-top: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-mr-sm-6 {
    margin-right: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-mb-sm-6 {
    margin-bottom: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-ml-sm-6 {
    margin-left: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-m-sm-7 {
    margin: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-mt-sm-7 {
    margin-top: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-mr-sm-7 {
    margin-right: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-mb-sm-7 {
    margin-bottom: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-ml-sm-7 {
    margin-left: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-m-sm-8 {
    margin: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-mt-sm-8 {
    margin-top: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-mr-sm-8 {
    margin-right: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-mb-sm-8 {
    margin-bottom: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-ml-sm-8 {
    margin-left: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-m-sm-9 {
    margin: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-mt-sm-9 {
    margin-top: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-mr-sm-9 {
    margin-right: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-mb-sm-9 {
    margin-bottom: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-ml-sm-9 {
    margin-left: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-m-sm-10 {
    margin: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-mt-sm-10 {
    margin-top: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-mr-sm-10 {
    margin-right: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-mb-sm-10 {
    margin-bottom: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-ml-sm-10 {
    margin-left: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-m-sm-11 {
    margin: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-mt-sm-11 {
    margin-top: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-mr-sm-11 {
    margin-right: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-mb-sm-11 {
    margin-bottom: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-ml-sm-11 {
    margin-left: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-m-sm-12 {
    margin: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-mt-sm-12 {
    margin-top: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-mr-sm-12 {
    margin-right: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-mb-sm-12 {
    margin-bottom: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-ml-sm-12 {
    margin-left: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-m-sm-13 {
    margin: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-mt-sm-13 {
    margin-top: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-mr-sm-13 {
    margin-right: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-mb-sm-13 {
    margin-bottom: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-ml-sm-13 {
    margin-left: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-m-sm-14 {
    margin: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-mt-sm-14 {
    margin-top: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-mr-sm-14 {
    margin-right: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-mb-sm-14 {
    margin-bottom: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-ml-sm-14 {
    margin-left: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-m-sm-15 {
    margin: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-mt-sm-15 {
    margin-top: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-mr-sm-15 {
    margin-right: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-mb-sm-15 {
    margin-bottom: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-ml-sm-15 {
    margin-left: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-m-sm-16 {
    margin: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-mt-sm-16 {
    margin-top: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-mr-sm-16 {
    margin-right: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-mb-sm-16 {
    margin-bottom: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-ml-sm-16 {
    margin-left: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-m-sm-05 {
    margin: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }

  .wt-mt-sm-05 {
    margin-top: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }

  .wt-mr-sm-05 {
    margin-right: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }

  .wt-mb-sm-05 {
    margin-bottom: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }

  .wt-ml-sm-05 {
    margin-left: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }
}

@media only screen and (min-width: 640px) {
  .wt-m-md-auto {
    margin: auto !important;
  }

  .wt-mt-md-auto {
    margin-top: auto !important;
  }

  .wt-mr-md-auto {
    margin-right: auto !important;
  }

  .wt-mb-md-auto {
    margin-bottom: auto !important;
  }

  .wt-ml-md-auto {
    margin-left: auto !important;
  }

  .wt-m-md-0 {
    margin: 0 !important;
  }

  .wt-mt-md-0 {
    margin-top: 0 !important;
  }

  .wt-mr-md-0 {
    margin-right: 0 !important;
  }

  .wt-mb-md-0 {
    margin-bottom: 0 !important;
  }

  .wt-ml-md-0 {
    margin-left: 0 !important;
  }

  .wt-m-md-1 {
    margin: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-mt-md-1 {
    margin-top: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-mr-md-1 {
    margin-right: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-mb-md-1 {
    margin-bottom: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-ml-md-1 {
    margin-left: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-m-md-2 {
    margin: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-mt-md-2 {
    margin-top: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-mr-md-2 {
    margin-right: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-mb-md-2 {
    margin-bottom: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-ml-md-2 {
    margin-left: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-m-md-3 {
    margin: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-mt-md-3 {
    margin-top: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-mr-md-3 {
    margin-right: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-mb-md-3 {
    margin-bottom: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-ml-md-3 {
    margin-left: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-m-md-4 {
    margin: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-mt-md-4 {
    margin-top: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-mr-md-4 {
    margin-right: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-mb-md-4 {
    margin-bottom: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-ml-md-4 {
    margin-left: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-m-md-5 {
    margin: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-mt-md-5 {
    margin-top: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-mr-md-5 {
    margin-right: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-mb-md-5 {
    margin-bottom: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-ml-md-5 {
    margin-left: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-m-md-6 {
    margin: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-mt-md-6 {
    margin-top: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-mr-md-6 {
    margin-right: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-mb-md-6 {
    margin-bottom: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-ml-md-6 {
    margin-left: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-m-md-7 {
    margin: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-mt-md-7 {
    margin-top: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-mr-md-7 {
    margin-right: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-mb-md-7 {
    margin-bottom: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-ml-md-7 {
    margin-left: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-m-md-8 {
    margin: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-mt-md-8 {
    margin-top: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-mr-md-8 {
    margin-right: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-mb-md-8 {
    margin-bottom: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-ml-md-8 {
    margin-left: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-m-md-9 {
    margin: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-mt-md-9 {
    margin-top: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-mr-md-9 {
    margin-right: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-mb-md-9 {
    margin-bottom: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-ml-md-9 {
    margin-left: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-m-md-10 {
    margin: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-mt-md-10 {
    margin-top: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-mr-md-10 {
    margin-right: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-mb-md-10 {
    margin-bottom: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-ml-md-10 {
    margin-left: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-m-md-11 {
    margin: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-mt-md-11 {
    margin-top: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-mr-md-11 {
    margin-right: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-mb-md-11 {
    margin-bottom: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-ml-md-11 {
    margin-left: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-m-md-12 {
    margin: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-mt-md-12 {
    margin-top: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-mr-md-12 {
    margin-right: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-mb-md-12 {
    margin-bottom: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-ml-md-12 {
    margin-left: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-m-md-13 {
    margin: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-mt-md-13 {
    margin-top: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-mr-md-13 {
    margin-right: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-mb-md-13 {
    margin-bottom: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-ml-md-13 {
    margin-left: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-m-md-14 {
    margin: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-mt-md-14 {
    margin-top: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-mr-md-14 {
    margin-right: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-mb-md-14 {
    margin-bottom: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-ml-md-14 {
    margin-left: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-m-md-15 {
    margin: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-mt-md-15 {
    margin-top: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-mr-md-15 {
    margin-right: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-mb-md-15 {
    margin-bottom: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-ml-md-15 {
    margin-left: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-m-md-16 {
    margin: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-mt-md-16 {
    margin-top: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-mr-md-16 {
    margin-right: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-mb-md-16 {
    margin-bottom: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-ml-md-16 {
    margin-left: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-m-md-05 {
    margin: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }

  .wt-mt-md-05 {
    margin-top: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }

  .wt-mr-md-05 {
    margin-right: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }

  .wt-mb-md-05 {
    margin-bottom: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }

  .wt-ml-md-05 {
    margin-left: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }
}

@media only screen and (min-width: 900px) {
  .wt-m-lg-auto {
    margin: auto !important;
  }

  .wt-mt-lg-auto {
    margin-top: auto !important;
  }

  .wt-mr-lg-auto {
    margin-right: auto !important;
  }

  .wt-mb-lg-auto {
    margin-bottom: auto !important;
  }

  .wt-ml-lg-auto {
    margin-left: auto !important;
  }

  .wt-m-lg-0 {
    margin: 0 !important;
  }

  .wt-mt-lg-0 {
    margin-top: 0 !important;
  }

  .wt-mr-lg-0 {
    margin-right: 0 !important;
  }

  .wt-mb-lg-0 {
    margin-bottom: 0 !important;
  }

  .wt-ml-lg-0 {
    margin-left: 0 !important;
  }

  .wt-m-lg-1 {
    margin: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-mt-lg-1 {
    margin-top: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-mr-lg-1 {
    margin-right: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-mb-lg-1 {
    margin-bottom: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-ml-lg-1 {
    margin-left: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-m-lg-2 {
    margin: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-mt-lg-2 {
    margin-top: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-mr-lg-2 {
    margin-right: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-mb-lg-2 {
    margin-bottom: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-ml-lg-2 {
    margin-left: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-m-lg-3 {
    margin: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-mt-lg-3 {
    margin-top: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-mr-lg-3 {
    margin-right: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-mb-lg-3 {
    margin-bottom: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-ml-lg-3 {
    margin-left: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-m-lg-4 {
    margin: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-mt-lg-4 {
    margin-top: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-mr-lg-4 {
    margin-right: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-mb-lg-4 {
    margin-bottom: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-ml-lg-4 {
    margin-left: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-m-lg-5 {
    margin: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-mt-lg-5 {
    margin-top: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-mr-lg-5 {
    margin-right: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-mb-lg-5 {
    margin-bottom: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-ml-lg-5 {
    margin-left: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-m-lg-6 {
    margin: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-mt-lg-6 {
    margin-top: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-mr-lg-6 {
    margin-right: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-mb-lg-6 {
    margin-bottom: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-ml-lg-6 {
    margin-left: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-m-lg-7 {
    margin: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-mt-lg-7 {
    margin-top: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-mr-lg-7 {
    margin-right: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-mb-lg-7 {
    margin-bottom: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-ml-lg-7 {
    margin-left: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-m-lg-8 {
    margin: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-mt-lg-8 {
    margin-top: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-mr-lg-8 {
    margin-right: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-mb-lg-8 {
    margin-bottom: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-ml-lg-8 {
    margin-left: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-m-lg-9 {
    margin: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-mt-lg-9 {
    margin-top: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-mr-lg-9 {
    margin-right: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-mb-lg-9 {
    margin-bottom: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-ml-lg-9 {
    margin-left: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-m-lg-10 {
    margin: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-mt-lg-10 {
    margin-top: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-mr-lg-10 {
    margin-right: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-mb-lg-10 {
    margin-bottom: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-ml-lg-10 {
    margin-left: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-m-lg-11 {
    margin: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-mt-lg-11 {
    margin-top: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-mr-lg-11 {
    margin-right: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-mb-lg-11 {
    margin-bottom: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-ml-lg-11 {
    margin-left: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-m-lg-12 {
    margin: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-mt-lg-12 {
    margin-top: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-mr-lg-12 {
    margin-right: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-mb-lg-12 {
    margin-bottom: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-ml-lg-12 {
    margin-left: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-m-lg-13 {
    margin: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-mt-lg-13 {
    margin-top: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-mr-lg-13 {
    margin-right: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-mb-lg-13 {
    margin-bottom: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-ml-lg-13 {
    margin-left: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-m-lg-14 {
    margin: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-mt-lg-14 {
    margin-top: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-mr-lg-14 {
    margin-right: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-mb-lg-14 {
    margin-bottom: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-ml-lg-14 {
    margin-left: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-m-lg-15 {
    margin: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-mt-lg-15 {
    margin-top: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-mr-lg-15 {
    margin-right: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-mb-lg-15 {
    margin-bottom: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-ml-lg-15 {
    margin-left: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-m-lg-16 {
    margin: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-mt-lg-16 {
    margin-top: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-mr-lg-16 {
    margin-right: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-mb-lg-16 {
    margin-bottom: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-ml-lg-16 {
    margin-left: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-m-lg-05 {
    margin: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }

  .wt-mt-lg-05 {
    margin-top: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }

  .wt-mr-lg-05 {
    margin-right: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }

  .wt-mb-lg-05 {
    margin-bottom: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }

  .wt-ml-lg-05 {
    margin-left: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }
}

@media only screen and (min-width: 1200px) {
  .wt-m-xl-auto {
    margin: auto !important;
  }

  .wt-mt-xl-auto {
    margin-top: auto !important;
  }

  .wt-mr-xl-auto {
    margin-right: auto !important;
  }

  .wt-mb-xl-auto {
    margin-bottom: auto !important;
  }

  .wt-ml-xl-auto {
    margin-left: auto !important;
  }

  .wt-m-xl-0 {
    margin: 0 !important;
  }

  .wt-mt-xl-0 {
    margin-top: 0 !important;
  }

  .wt-mr-xl-0 {
    margin-right: 0 !important;
  }

  .wt-mb-xl-0 {
    margin-bottom: 0 !important;
  }

  .wt-ml-xl-0 {
    margin-left: 0 !important;
  }

  .wt-m-xl-1 {
    margin: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-mt-xl-1 {
    margin-top: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-mr-xl-1 {
    margin-right: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-mb-xl-1 {
    margin-bottom: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-ml-xl-1 {
    margin-left: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-m-xl-2 {
    margin: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-mt-xl-2 {
    margin-top: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-mr-xl-2 {
    margin-right: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-mb-xl-2 {
    margin-bottom: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-ml-xl-2 {
    margin-left: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-m-xl-3 {
    margin: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-mt-xl-3 {
    margin-top: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-mr-xl-3 {
    margin-right: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-mb-xl-3 {
    margin-bottom: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-ml-xl-3 {
    margin-left: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-m-xl-4 {
    margin: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-mt-xl-4 {
    margin-top: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-mr-xl-4 {
    margin-right: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-mb-xl-4 {
    margin-bottom: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-ml-xl-4 {
    margin-left: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-m-xl-5 {
    margin: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-mt-xl-5 {
    margin-top: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-mr-xl-5 {
    margin-right: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-mb-xl-5 {
    margin-bottom: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-ml-xl-5 {
    margin-left: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-m-xl-6 {
    margin: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-mt-xl-6 {
    margin-top: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-mr-xl-6 {
    margin-right: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-mb-xl-6 {
    margin-bottom: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-ml-xl-6 {
    margin-left: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-m-xl-7 {
    margin: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-mt-xl-7 {
    margin-top: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-mr-xl-7 {
    margin-right: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-mb-xl-7 {
    margin-bottom: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-ml-xl-7 {
    margin-left: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-m-xl-8 {
    margin: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-mt-xl-8 {
    margin-top: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-mr-xl-8 {
    margin-right: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-mb-xl-8 {
    margin-bottom: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-ml-xl-8 {
    margin-left: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-m-xl-9 {
    margin: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-mt-xl-9 {
    margin-top: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-mr-xl-9 {
    margin-right: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-mb-xl-9 {
    margin-bottom: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-ml-xl-9 {
    margin-left: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-m-xl-10 {
    margin: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-mt-xl-10 {
    margin-top: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-mr-xl-10 {
    margin-right: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-mb-xl-10 {
    margin-bottom: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-ml-xl-10 {
    margin-left: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-m-xl-11 {
    margin: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-mt-xl-11 {
    margin-top: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-mr-xl-11 {
    margin-right: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-mb-xl-11 {
    margin-bottom: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-ml-xl-11 {
    margin-left: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-m-xl-12 {
    margin: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-mt-xl-12 {
    margin-top: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-mr-xl-12 {
    margin-right: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-mb-xl-12 {
    margin-bottom: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-ml-xl-12 {
    margin-left: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-m-xl-13 {
    margin: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-mt-xl-13 {
    margin-top: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-mr-xl-13 {
    margin-right: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-mb-xl-13 {
    margin-bottom: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-ml-xl-13 {
    margin-left: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-m-xl-14 {
    margin: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-mt-xl-14 {
    margin-top: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-mr-xl-14 {
    margin-right: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-mb-xl-14 {
    margin-bottom: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-ml-xl-14 {
    margin-left: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-m-xl-15 {
    margin: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-mt-xl-15 {
    margin-top: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-mr-xl-15 {
    margin-right: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-mb-xl-15 {
    margin-bottom: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-ml-xl-15 {
    margin-left: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-m-xl-16 {
    margin: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-mt-xl-16 {
    margin-top: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-mr-xl-16 {
    margin-right: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-mb-xl-16 {
    margin-bottom: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-ml-xl-16 {
    margin-left: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-m-xl-05 {
    margin: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }

  .wt-mt-xl-05 {
    margin-top: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }

  .wt-mr-xl-05 {
    margin-right: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }

  .wt-mb-xl-05 {
    margin-bottom: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }

  .wt-ml-xl-05 {
    margin-left: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }
}

@media only screen and (min-width: 1400px) {
  .wt-m-tv-auto {
    margin: auto !important;
  }

  .wt-mt-tv-auto {
    margin-top: auto !important;
  }

  .wt-mr-tv-auto {
    margin-right: auto !important;
  }

  .wt-mb-tv-auto {
    margin-bottom: auto !important;
  }

  .wt-ml-tv-auto {
    margin-left: auto !important;
  }

  .wt-m-tv-0 {
    margin: 0 !important;
  }

  .wt-mt-tv-0 {
    margin-top: 0 !important;
  }

  .wt-mr-tv-0 {
    margin-right: 0 !important;
  }

  .wt-mb-tv-0 {
    margin-bottom: 0 !important;
  }

  .wt-ml-tv-0 {
    margin-left: 0 !important;
  }

  .wt-m-tv-1 {
    margin: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-mt-tv-1 {
    margin-top: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-mr-tv-1 {
    margin-right: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-mb-tv-1 {
    margin-bottom: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-ml-tv-1 {
    margin-left: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-m-tv-2 {
    margin: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-mt-tv-2 {
    margin-top: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-mr-tv-2 {
    margin-right: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-mb-tv-2 {
    margin-bottom: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-ml-tv-2 {
    margin-left: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-m-tv-3 {
    margin: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-mt-tv-3 {
    margin-top: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-mr-tv-3 {
    margin-right: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-mb-tv-3 {
    margin-bottom: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-ml-tv-3 {
    margin-left: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-m-tv-4 {
    margin: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-mt-tv-4 {
    margin-top: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-mr-tv-4 {
    margin-right: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-mb-tv-4 {
    margin-bottom: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-ml-tv-4 {
    margin-left: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-m-tv-5 {
    margin: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-mt-tv-5 {
    margin-top: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-mr-tv-5 {
    margin-right: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-mb-tv-5 {
    margin-bottom: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-ml-tv-5 {
    margin-left: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-m-tv-6 {
    margin: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-mt-tv-6 {
    margin-top: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-mr-tv-6 {
    margin-right: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-mb-tv-6 {
    margin-bottom: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-ml-tv-6 {
    margin-left: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-m-tv-7 {
    margin: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-mt-tv-7 {
    margin-top: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-mr-tv-7 {
    margin-right: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-mb-tv-7 {
    margin-bottom: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-ml-tv-7 {
    margin-left: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-m-tv-8 {
    margin: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-mt-tv-8 {
    margin-top: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-mr-tv-8 {
    margin-right: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-mb-tv-8 {
    margin-bottom: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-ml-tv-8 {
    margin-left: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-m-tv-9 {
    margin: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-mt-tv-9 {
    margin-top: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-mr-tv-9 {
    margin-right: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-mb-tv-9 {
    margin-bottom: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-ml-tv-9 {
    margin-left: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-m-tv-10 {
    margin: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-mt-tv-10 {
    margin-top: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-mr-tv-10 {
    margin-right: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-mb-tv-10 {
    margin-bottom: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-ml-tv-10 {
    margin-left: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-m-tv-11 {
    margin: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-mt-tv-11 {
    margin-top: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-mr-tv-11 {
    margin-right: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-mb-tv-11 {
    margin-bottom: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-ml-tv-11 {
    margin-left: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-m-tv-12 {
    margin: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-mt-tv-12 {
    margin-top: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-mr-tv-12 {
    margin-right: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-mb-tv-12 {
    margin-bottom: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-ml-tv-12 {
    margin-left: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-m-tv-13 {
    margin: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-mt-tv-13 {
    margin-top: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-mr-tv-13 {
    margin-right: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-mb-tv-13 {
    margin-bottom: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-ml-tv-13 {
    margin-left: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-m-tv-14 {
    margin: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-mt-tv-14 {
    margin-top: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-mr-tv-14 {
    margin-right: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-mb-tv-14 {
    margin-bottom: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-ml-tv-14 {
    margin-left: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-m-tv-15 {
    margin: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-mt-tv-15 {
    margin-top: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-mr-tv-15 {
    margin-right: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-mb-tv-15 {
    margin-bottom: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-ml-tv-15 {
    margin-left: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-m-tv-16 {
    margin: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-mt-tv-16 {
    margin-top: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-mr-tv-16 {
    margin-right: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-mb-tv-16 {
    margin-bottom: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-ml-tv-16 {
    margin-left: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-m-tv-05 {
    margin: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }

  .wt-mt-tv-05 {
    margin-top: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }

  .wt-mr-tv-05 {
    margin-right: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }

  .wt-mb-tv-05 {
    margin-bottom: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }

  .wt-ml-tv-05 {
    margin-left: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }
}

@media only screen and (min-width: 0) {
  .wt-pal-grid-m-xs-auto {
    margin: auto !important;
  }

  .wt-pal-grid-mt-xs-auto {
    margin-top: auto !important;
  }

  .wt-pal-grid-mr-xs-auto {
    margin-right: auto !important;
  }

  .wt-pal-grid-mb-xs-auto {
    margin-bottom: auto !important;
  }

  .wt-pal-grid-ml-xs-auto {
    margin-left: auto !important;
  }

  .wt-pal-grid-m-xs-0 {
    margin: 0 !important;
  }

  .wt-pal-grid-mt-xs-0 {
    margin-top: 0 !important;
  }

  .wt-pal-grid-mr-xs-0 {
    margin-right: 0 !important;
  }

  .wt-pal-grid-mb-xs-0 {
    margin-bottom: 0 !important;
  }

  .wt-pal-grid-ml-xs-0 {
    margin-left: 0 !important;
  }

  .wt-pal-grid-m-xs-100 {
    margin: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-mt-xs-100 {
    margin-top: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-mr-xs-100 {
    margin-right: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-mb-xs-100 {
    margin-bottom: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-ml-xs-100 {
    margin-left: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-m-xs-150 {
    margin: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-mt-xs-150 {
    margin-top: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-mr-xs-150 {
    margin-right: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-mb-xs-150 {
    margin-bottom: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-ml-xs-150 {
    margin-left: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-m-xs-200 {
    margin: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-mt-xs-200 {
    margin-top: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-mr-xs-200 {
    margin-right: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-mb-xs-200 {
    margin-bottom: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-ml-xs-200 {
    margin-left: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-m-xs-300 {
    margin: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-mt-xs-300 {
    margin-top: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-mr-xs-300 {
    margin-right: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-mb-xs-300 {
    margin-bottom: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-ml-xs-300 {
    margin-left: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-m-xs-400 {
    margin: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-mt-xs-400 {
    margin-top: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-mr-xs-400 {
    margin-right: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-mb-xs-400 {
    margin-bottom: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-ml-xs-400 {
    margin-left: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-m-xs-500 {
    margin: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-mt-xs-500 {
    margin-top: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-mr-xs-500 {
    margin-right: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-mb-xs-500 {
    margin-bottom: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-ml-xs-500 {
    margin-left: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-m-xs-600 {
    margin: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-mt-xs-600 {
    margin-top: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-mr-xs-600 {
    margin-right: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-mb-xs-600 {
    margin-bottom: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-ml-xs-600 {
    margin-left: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-m-xs-700 {
    margin: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-mt-xs-700 {
    margin-top: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-mr-xs-700 {
    margin-right: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-mb-xs-700 {
    margin-bottom: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-ml-xs-700 {
    margin-left: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-m-xs-800 {
    margin: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-mt-xs-800 {
    margin-top: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-mr-xs-800 {
    margin-right: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-mb-xs-800 {
    margin-bottom: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-ml-xs-800 {
    margin-left: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-m-xs-900 {
    margin: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-mt-xs-900 {
    margin-top: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-mr-xs-900 {
    margin-right: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-mb-xs-900 {
    margin-bottom: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-ml-xs-900 {
    margin-left: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-m-xs-1000 {
    margin: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-mt-xs-1000 {
    margin-top: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-mr-xs-1000 {
    margin-right: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-mb-xs-1000 {
    margin-bottom: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-ml-xs-1000 {
    margin-left: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-m-xs-1100 {
    margin: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-mt-xs-1100 {
    margin-top: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-mr-xs-1100 {
    margin-right: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-mb-xs-1100 {
    margin-bottom: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-ml-xs-1100 {
    margin-left: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-m-xs-1200 {
    margin: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-mt-xs-1200 {
    margin-top: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-mr-xs-1200 {
    margin-right: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-mb-xs-1200 {
    margin-bottom: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-ml-xs-1200 {
    margin-left: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-m-xs-1300 {
    margin: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-mt-xs-1300 {
    margin-top: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-mr-xs-1300 {
    margin-right: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-mb-xs-1300 {
    margin-bottom: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-ml-xs-1300 {
    margin-left: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-m-xs-1400 {
    margin: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-mt-xs-1400 {
    margin-top: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-mr-xs-1400 {
    margin-right: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-mb-xs-1400 {
    margin-bottom: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-ml-xs-1400 {
    margin-left: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-m-xs-1500 {
    margin: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-mt-xs-1500 {
    margin-top: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-mr-xs-1500 {
    margin-right: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-mb-xs-1500 {
    margin-bottom: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-ml-xs-1500 {
    margin-left: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-m-xs-1600 {
    margin: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-mt-xs-1600 {
    margin-top: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-mr-xs-1600 {
    margin-right: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-mb-xs-1600 {
    margin-bottom: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-ml-xs-1600 {
    margin-left: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-m-xs-025 {
    margin: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-mt-xs-025 {
    margin-top: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-mr-xs-025 {
    margin-right: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-mb-xs-025 {
    margin-bottom: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-ml-xs-025 {
    margin-left: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-m-xs-050 {
    margin: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-mt-xs-050 {
    margin-top: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-mr-xs-050 {
    margin-right: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-mb-xs-050 {
    margin-bottom: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-ml-xs-050 {
    margin-left: var(--clg-dimension-pal-grid-050, 4px) !important;
  }
}

@media only screen and (min-width: 480px) {
  .wt-pal-grid-m-sm-auto {
    margin: auto !important;
  }

  .wt-pal-grid-mt-sm-auto {
    margin-top: auto !important;
  }

  .wt-pal-grid-mr-sm-auto {
    margin-right: auto !important;
  }

  .wt-pal-grid-mb-sm-auto {
    margin-bottom: auto !important;
  }

  .wt-pal-grid-ml-sm-auto {
    margin-left: auto !important;
  }

  .wt-pal-grid-m-sm-0 {
    margin: 0 !important;
  }

  .wt-pal-grid-mt-sm-0 {
    margin-top: 0 !important;
  }

  .wt-pal-grid-mr-sm-0 {
    margin-right: 0 !important;
  }

  .wt-pal-grid-mb-sm-0 {
    margin-bottom: 0 !important;
  }

  .wt-pal-grid-ml-sm-0 {
    margin-left: 0 !important;
  }

  .wt-pal-grid-m-sm-100 {
    margin: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-mt-sm-100 {
    margin-top: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-mr-sm-100 {
    margin-right: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-mb-sm-100 {
    margin-bottom: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-ml-sm-100 {
    margin-left: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-m-sm-150 {
    margin: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-mt-sm-150 {
    margin-top: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-mr-sm-150 {
    margin-right: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-mb-sm-150 {
    margin-bottom: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-ml-sm-150 {
    margin-left: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-m-sm-200 {
    margin: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-mt-sm-200 {
    margin-top: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-mr-sm-200 {
    margin-right: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-mb-sm-200 {
    margin-bottom: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-ml-sm-200 {
    margin-left: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-m-sm-300 {
    margin: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-mt-sm-300 {
    margin-top: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-mr-sm-300 {
    margin-right: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-mb-sm-300 {
    margin-bottom: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-ml-sm-300 {
    margin-left: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-m-sm-400 {
    margin: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-mt-sm-400 {
    margin-top: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-mr-sm-400 {
    margin-right: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-mb-sm-400 {
    margin-bottom: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-ml-sm-400 {
    margin-left: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-m-sm-500 {
    margin: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-mt-sm-500 {
    margin-top: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-mr-sm-500 {
    margin-right: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-mb-sm-500 {
    margin-bottom: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-ml-sm-500 {
    margin-left: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-m-sm-600 {
    margin: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-mt-sm-600 {
    margin-top: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-mr-sm-600 {
    margin-right: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-mb-sm-600 {
    margin-bottom: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-ml-sm-600 {
    margin-left: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-m-sm-700 {
    margin: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-mt-sm-700 {
    margin-top: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-mr-sm-700 {
    margin-right: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-mb-sm-700 {
    margin-bottom: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-ml-sm-700 {
    margin-left: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-m-sm-800 {
    margin: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-mt-sm-800 {
    margin-top: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-mr-sm-800 {
    margin-right: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-mb-sm-800 {
    margin-bottom: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-ml-sm-800 {
    margin-left: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-m-sm-900 {
    margin: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-mt-sm-900 {
    margin-top: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-mr-sm-900 {
    margin-right: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-mb-sm-900 {
    margin-bottom: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-ml-sm-900 {
    margin-left: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-m-sm-1000 {
    margin: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-mt-sm-1000 {
    margin-top: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-mr-sm-1000 {
    margin-right: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-mb-sm-1000 {
    margin-bottom: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-ml-sm-1000 {
    margin-left: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-m-sm-1100 {
    margin: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-mt-sm-1100 {
    margin-top: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-mr-sm-1100 {
    margin-right: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-mb-sm-1100 {
    margin-bottom: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-ml-sm-1100 {
    margin-left: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-m-sm-1200 {
    margin: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-mt-sm-1200 {
    margin-top: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-mr-sm-1200 {
    margin-right: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-mb-sm-1200 {
    margin-bottom: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-ml-sm-1200 {
    margin-left: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-m-sm-1300 {
    margin: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-mt-sm-1300 {
    margin-top: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-mr-sm-1300 {
    margin-right: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-mb-sm-1300 {
    margin-bottom: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-ml-sm-1300 {
    margin-left: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-m-sm-1400 {
    margin: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-mt-sm-1400 {
    margin-top: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-mr-sm-1400 {
    margin-right: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-mb-sm-1400 {
    margin-bottom: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-ml-sm-1400 {
    margin-left: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-m-sm-1500 {
    margin: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-mt-sm-1500 {
    margin-top: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-mr-sm-1500 {
    margin-right: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-mb-sm-1500 {
    margin-bottom: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-ml-sm-1500 {
    margin-left: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-m-sm-1600 {
    margin: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-mt-sm-1600 {
    margin-top: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-mr-sm-1600 {
    margin-right: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-mb-sm-1600 {
    margin-bottom: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-ml-sm-1600 {
    margin-left: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-m-sm-025 {
    margin: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-mt-sm-025 {
    margin-top: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-mr-sm-025 {
    margin-right: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-mb-sm-025 {
    margin-bottom: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-ml-sm-025 {
    margin-left: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-m-sm-050 {
    margin: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-mt-sm-050 {
    margin-top: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-mr-sm-050 {
    margin-right: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-mb-sm-050 {
    margin-bottom: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-ml-sm-050 {
    margin-left: var(--clg-dimension-pal-grid-050, 4px) !important;
  }
}

@media only screen and (min-width: 640px) {
  .wt-pal-grid-m-md-auto {
    margin: auto !important;
  }

  .wt-pal-grid-mt-md-auto {
    margin-top: auto !important;
  }

  .wt-pal-grid-mr-md-auto {
    margin-right: auto !important;
  }

  .wt-pal-grid-mb-md-auto {
    margin-bottom: auto !important;
  }

  .wt-pal-grid-ml-md-auto {
    margin-left: auto !important;
  }

  .wt-pal-grid-m-md-0 {
    margin: 0 !important;
  }

  .wt-pal-grid-mt-md-0 {
    margin-top: 0 !important;
  }

  .wt-pal-grid-mr-md-0 {
    margin-right: 0 !important;
  }

  .wt-pal-grid-mb-md-0 {
    margin-bottom: 0 !important;
  }

  .wt-pal-grid-ml-md-0 {
    margin-left: 0 !important;
  }

  .wt-pal-grid-m-md-100 {
    margin: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-mt-md-100 {
    margin-top: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-mr-md-100 {
    margin-right: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-mb-md-100 {
    margin-bottom: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-ml-md-100 {
    margin-left: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-m-md-150 {
    margin: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-mt-md-150 {
    margin-top: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-mr-md-150 {
    margin-right: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-mb-md-150 {
    margin-bottom: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-ml-md-150 {
    margin-left: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-m-md-200 {
    margin: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-mt-md-200 {
    margin-top: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-mr-md-200 {
    margin-right: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-mb-md-200 {
    margin-bottom: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-ml-md-200 {
    margin-left: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-m-md-300 {
    margin: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-mt-md-300 {
    margin-top: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-mr-md-300 {
    margin-right: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-mb-md-300 {
    margin-bottom: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-ml-md-300 {
    margin-left: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-m-md-400 {
    margin: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-mt-md-400 {
    margin-top: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-mr-md-400 {
    margin-right: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-mb-md-400 {
    margin-bottom: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-ml-md-400 {
    margin-left: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-m-md-500 {
    margin: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-mt-md-500 {
    margin-top: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-mr-md-500 {
    margin-right: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-mb-md-500 {
    margin-bottom: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-ml-md-500 {
    margin-left: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-m-md-600 {
    margin: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-mt-md-600 {
    margin-top: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-mr-md-600 {
    margin-right: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-mb-md-600 {
    margin-bottom: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-ml-md-600 {
    margin-left: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-m-md-700 {
    margin: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-mt-md-700 {
    margin-top: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-mr-md-700 {
    margin-right: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-mb-md-700 {
    margin-bottom: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-ml-md-700 {
    margin-left: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-m-md-800 {
    margin: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-mt-md-800 {
    margin-top: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-mr-md-800 {
    margin-right: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-mb-md-800 {
    margin-bottom: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-ml-md-800 {
    margin-left: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-m-md-900 {
    margin: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-mt-md-900 {
    margin-top: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-mr-md-900 {
    margin-right: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-mb-md-900 {
    margin-bottom: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-ml-md-900 {
    margin-left: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-m-md-1000 {
    margin: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-mt-md-1000 {
    margin-top: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-mr-md-1000 {
    margin-right: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-mb-md-1000 {
    margin-bottom: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-ml-md-1000 {
    margin-left: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-m-md-1100 {
    margin: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-mt-md-1100 {
    margin-top: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-mr-md-1100 {
    margin-right: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-mb-md-1100 {
    margin-bottom: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-ml-md-1100 {
    margin-left: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-m-md-1200 {
    margin: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-mt-md-1200 {
    margin-top: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-mr-md-1200 {
    margin-right: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-mb-md-1200 {
    margin-bottom: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-ml-md-1200 {
    margin-left: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-m-md-1300 {
    margin: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-mt-md-1300 {
    margin-top: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-mr-md-1300 {
    margin-right: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-mb-md-1300 {
    margin-bottom: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-ml-md-1300 {
    margin-left: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-m-md-1400 {
    margin: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-mt-md-1400 {
    margin-top: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-mr-md-1400 {
    margin-right: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-mb-md-1400 {
    margin-bottom: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-ml-md-1400 {
    margin-left: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-m-md-1500 {
    margin: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-mt-md-1500 {
    margin-top: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-mr-md-1500 {
    margin-right: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-mb-md-1500 {
    margin-bottom: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-ml-md-1500 {
    margin-left: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-m-md-1600 {
    margin: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-mt-md-1600 {
    margin-top: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-mr-md-1600 {
    margin-right: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-mb-md-1600 {
    margin-bottom: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-ml-md-1600 {
    margin-left: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-m-md-025 {
    margin: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-mt-md-025 {
    margin-top: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-mr-md-025 {
    margin-right: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-mb-md-025 {
    margin-bottom: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-ml-md-025 {
    margin-left: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-m-md-050 {
    margin: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-mt-md-050 {
    margin-top: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-mr-md-050 {
    margin-right: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-mb-md-050 {
    margin-bottom: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-ml-md-050 {
    margin-left: var(--clg-dimension-pal-grid-050, 4px) !important;
  }
}

@media only screen and (min-width: 900px) {
  .wt-pal-grid-m-lg-auto {
    margin: auto !important;
  }

  .wt-pal-grid-mt-lg-auto {
    margin-top: auto !important;
  }

  .wt-pal-grid-mr-lg-auto {
    margin-right: auto !important;
  }

  .wt-pal-grid-mb-lg-auto {
    margin-bottom: auto !important;
  }

  .wt-pal-grid-ml-lg-auto {
    margin-left: auto !important;
  }

  .wt-pal-grid-m-lg-0 {
    margin: 0 !important;
  }

  .wt-pal-grid-mt-lg-0 {
    margin-top: 0 !important;
  }

  .wt-pal-grid-mr-lg-0 {
    margin-right: 0 !important;
  }

  .wt-pal-grid-mb-lg-0 {
    margin-bottom: 0 !important;
  }

  .wt-pal-grid-ml-lg-0 {
    margin-left: 0 !important;
  }

  .wt-pal-grid-m-lg-100 {
    margin: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-mt-lg-100 {
    margin-top: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-mr-lg-100 {
    margin-right: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-mb-lg-100 {
    margin-bottom: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-ml-lg-100 {
    margin-left: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-m-lg-150 {
    margin: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-mt-lg-150 {
    margin-top: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-mr-lg-150 {
    margin-right: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-mb-lg-150 {
    margin-bottom: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-ml-lg-150 {
    margin-left: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-m-lg-200 {
    margin: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-mt-lg-200 {
    margin-top: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-mr-lg-200 {
    margin-right: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-mb-lg-200 {
    margin-bottom: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-ml-lg-200 {
    margin-left: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-m-lg-300 {
    margin: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-mt-lg-300 {
    margin-top: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-mr-lg-300 {
    margin-right: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-mb-lg-300 {
    margin-bottom: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-ml-lg-300 {
    margin-left: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-m-lg-400 {
    margin: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-mt-lg-400 {
    margin-top: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-mr-lg-400 {
    margin-right: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-mb-lg-400 {
    margin-bottom: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-ml-lg-400 {
    margin-left: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-m-lg-500 {
    margin: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-mt-lg-500 {
    margin-top: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-mr-lg-500 {
    margin-right: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-mb-lg-500 {
    margin-bottom: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-ml-lg-500 {
    margin-left: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-m-lg-600 {
    margin: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-mt-lg-600 {
    margin-top: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-mr-lg-600 {
    margin-right: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-mb-lg-600 {
    margin-bottom: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-ml-lg-600 {
    margin-left: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-m-lg-700 {
    margin: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-mt-lg-700 {
    margin-top: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-mr-lg-700 {
    margin-right: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-mb-lg-700 {
    margin-bottom: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-ml-lg-700 {
    margin-left: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-m-lg-800 {
    margin: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-mt-lg-800 {
    margin-top: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-mr-lg-800 {
    margin-right: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-mb-lg-800 {
    margin-bottom: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-ml-lg-800 {
    margin-left: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-m-lg-900 {
    margin: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-mt-lg-900 {
    margin-top: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-mr-lg-900 {
    margin-right: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-mb-lg-900 {
    margin-bottom: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-ml-lg-900 {
    margin-left: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-m-lg-1000 {
    margin: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-mt-lg-1000 {
    margin-top: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-mr-lg-1000 {
    margin-right: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-mb-lg-1000 {
    margin-bottom: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-ml-lg-1000 {
    margin-left: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-m-lg-1100 {
    margin: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-mt-lg-1100 {
    margin-top: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-mr-lg-1100 {
    margin-right: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-mb-lg-1100 {
    margin-bottom: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-ml-lg-1100 {
    margin-left: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-m-lg-1200 {
    margin: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-mt-lg-1200 {
    margin-top: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-mr-lg-1200 {
    margin-right: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-mb-lg-1200 {
    margin-bottom: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-ml-lg-1200 {
    margin-left: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-m-lg-1300 {
    margin: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-mt-lg-1300 {
    margin-top: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-mr-lg-1300 {
    margin-right: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-mb-lg-1300 {
    margin-bottom: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-ml-lg-1300 {
    margin-left: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-m-lg-1400 {
    margin: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-mt-lg-1400 {
    margin-top: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-mr-lg-1400 {
    margin-right: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-mb-lg-1400 {
    margin-bottom: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-ml-lg-1400 {
    margin-left: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-m-lg-1500 {
    margin: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-mt-lg-1500 {
    margin-top: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-mr-lg-1500 {
    margin-right: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-mb-lg-1500 {
    margin-bottom: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-ml-lg-1500 {
    margin-left: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-m-lg-1600 {
    margin: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-mt-lg-1600 {
    margin-top: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-mr-lg-1600 {
    margin-right: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-mb-lg-1600 {
    margin-bottom: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-ml-lg-1600 {
    margin-left: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-m-lg-025 {
    margin: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-mt-lg-025 {
    margin-top: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-mr-lg-025 {
    margin-right: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-mb-lg-025 {
    margin-bottom: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-ml-lg-025 {
    margin-left: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-m-lg-050 {
    margin: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-mt-lg-050 {
    margin-top: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-mr-lg-050 {
    margin-right: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-mb-lg-050 {
    margin-bottom: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-ml-lg-050 {
    margin-left: var(--clg-dimension-pal-grid-050, 4px) !important;
  }
}

@media only screen and (min-width: 1200px) {
  .wt-pal-grid-m-xl-auto {
    margin: auto !important;
  }

  .wt-pal-grid-mt-xl-auto {
    margin-top: auto !important;
  }

  .wt-pal-grid-mr-xl-auto {
    margin-right: auto !important;
  }

  .wt-pal-grid-mb-xl-auto {
    margin-bottom: auto !important;
  }

  .wt-pal-grid-ml-xl-auto {
    margin-left: auto !important;
  }

  .wt-pal-grid-m-xl-0 {
    margin: 0 !important;
  }

  .wt-pal-grid-mt-xl-0 {
    margin-top: 0 !important;
  }

  .wt-pal-grid-mr-xl-0 {
    margin-right: 0 !important;
  }

  .wt-pal-grid-mb-xl-0 {
    margin-bottom: 0 !important;
  }

  .wt-pal-grid-ml-xl-0 {
    margin-left: 0 !important;
  }

  .wt-pal-grid-m-xl-100 {
    margin: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-mt-xl-100 {
    margin-top: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-mr-xl-100 {
    margin-right: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-mb-xl-100 {
    margin-bottom: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-ml-xl-100 {
    margin-left: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-m-xl-150 {
    margin: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-mt-xl-150 {
    margin-top: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-mr-xl-150 {
    margin-right: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-mb-xl-150 {
    margin-bottom: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-ml-xl-150 {
    margin-left: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-m-xl-200 {
    margin: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-mt-xl-200 {
    margin-top: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-mr-xl-200 {
    margin-right: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-mb-xl-200 {
    margin-bottom: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-ml-xl-200 {
    margin-left: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-m-xl-300 {
    margin: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-mt-xl-300 {
    margin-top: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-mr-xl-300 {
    margin-right: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-mb-xl-300 {
    margin-bottom: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-ml-xl-300 {
    margin-left: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-m-xl-400 {
    margin: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-mt-xl-400 {
    margin-top: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-mr-xl-400 {
    margin-right: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-mb-xl-400 {
    margin-bottom: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-ml-xl-400 {
    margin-left: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-m-xl-500 {
    margin: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-mt-xl-500 {
    margin-top: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-mr-xl-500 {
    margin-right: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-mb-xl-500 {
    margin-bottom: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-ml-xl-500 {
    margin-left: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-m-xl-600 {
    margin: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-mt-xl-600 {
    margin-top: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-mr-xl-600 {
    margin-right: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-mb-xl-600 {
    margin-bottom: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-ml-xl-600 {
    margin-left: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-m-xl-700 {
    margin: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-mt-xl-700 {
    margin-top: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-mr-xl-700 {
    margin-right: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-mb-xl-700 {
    margin-bottom: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-ml-xl-700 {
    margin-left: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-m-xl-800 {
    margin: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-mt-xl-800 {
    margin-top: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-mr-xl-800 {
    margin-right: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-mb-xl-800 {
    margin-bottom: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-ml-xl-800 {
    margin-left: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-m-xl-900 {
    margin: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-mt-xl-900 {
    margin-top: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-mr-xl-900 {
    margin-right: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-mb-xl-900 {
    margin-bottom: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-ml-xl-900 {
    margin-left: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-m-xl-1000 {
    margin: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-mt-xl-1000 {
    margin-top: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-mr-xl-1000 {
    margin-right: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-mb-xl-1000 {
    margin-bottom: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-ml-xl-1000 {
    margin-left: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-m-xl-1100 {
    margin: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-mt-xl-1100 {
    margin-top: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-mr-xl-1100 {
    margin-right: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-mb-xl-1100 {
    margin-bottom: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-ml-xl-1100 {
    margin-left: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-m-xl-1200 {
    margin: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-mt-xl-1200 {
    margin-top: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-mr-xl-1200 {
    margin-right: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-mb-xl-1200 {
    margin-bottom: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-ml-xl-1200 {
    margin-left: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-m-xl-1300 {
    margin: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-mt-xl-1300 {
    margin-top: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-mr-xl-1300 {
    margin-right: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-mb-xl-1300 {
    margin-bottom: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-ml-xl-1300 {
    margin-left: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-m-xl-1400 {
    margin: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-mt-xl-1400 {
    margin-top: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-mr-xl-1400 {
    margin-right: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-mb-xl-1400 {
    margin-bottom: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-ml-xl-1400 {
    margin-left: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-m-xl-1500 {
    margin: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-mt-xl-1500 {
    margin-top: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-mr-xl-1500 {
    margin-right: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-mb-xl-1500 {
    margin-bottom: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-ml-xl-1500 {
    margin-left: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-m-xl-1600 {
    margin: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-mt-xl-1600 {
    margin-top: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-mr-xl-1600 {
    margin-right: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-mb-xl-1600 {
    margin-bottom: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-ml-xl-1600 {
    margin-left: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-m-xl-025 {
    margin: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-mt-xl-025 {
    margin-top: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-mr-xl-025 {
    margin-right: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-mb-xl-025 {
    margin-bottom: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-ml-xl-025 {
    margin-left: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-m-xl-050 {
    margin: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-mt-xl-050 {
    margin-top: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-mr-xl-050 {
    margin-right: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-mb-xl-050 {
    margin-bottom: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-ml-xl-050 {
    margin-left: var(--clg-dimension-pal-grid-050, 4px) !important;
  }
}

@media only screen and (min-width: 1400px) {
  .wt-pal-grid-m-tv-auto {
    margin: auto !important;
  }

  .wt-pal-grid-mt-tv-auto {
    margin-top: auto !important;
  }

  .wt-pal-grid-mr-tv-auto {
    margin-right: auto !important;
  }

  .wt-pal-grid-mb-tv-auto {
    margin-bottom: auto !important;
  }

  .wt-pal-grid-ml-tv-auto {
    margin-left: auto !important;
  }

  .wt-pal-grid-m-tv-0 {
    margin: 0 !important;
  }

  .wt-pal-grid-mt-tv-0 {
    margin-top: 0 !important;
  }

  .wt-pal-grid-mr-tv-0 {
    margin-right: 0 !important;
  }

  .wt-pal-grid-mb-tv-0 {
    margin-bottom: 0 !important;
  }

  .wt-pal-grid-ml-tv-0 {
    margin-left: 0 !important;
  }

  .wt-pal-grid-m-tv-100 {
    margin: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-mt-tv-100 {
    margin-top: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-mr-tv-100 {
    margin-right: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-mb-tv-100 {
    margin-bottom: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-ml-tv-100 {
    margin-left: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-m-tv-150 {
    margin: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-mt-tv-150 {
    margin-top: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-mr-tv-150 {
    margin-right: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-mb-tv-150 {
    margin-bottom: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-ml-tv-150 {
    margin-left: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-m-tv-200 {
    margin: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-mt-tv-200 {
    margin-top: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-mr-tv-200 {
    margin-right: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-mb-tv-200 {
    margin-bottom: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-ml-tv-200 {
    margin-left: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-m-tv-300 {
    margin: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-mt-tv-300 {
    margin-top: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-mr-tv-300 {
    margin-right: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-mb-tv-300 {
    margin-bottom: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-ml-tv-300 {
    margin-left: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-m-tv-400 {
    margin: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-mt-tv-400 {
    margin-top: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-mr-tv-400 {
    margin-right: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-mb-tv-400 {
    margin-bottom: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-ml-tv-400 {
    margin-left: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-m-tv-500 {
    margin: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-mt-tv-500 {
    margin-top: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-mr-tv-500 {
    margin-right: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-mb-tv-500 {
    margin-bottom: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-ml-tv-500 {
    margin-left: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-m-tv-600 {
    margin: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-mt-tv-600 {
    margin-top: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-mr-tv-600 {
    margin-right: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-mb-tv-600 {
    margin-bottom: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-ml-tv-600 {
    margin-left: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-m-tv-700 {
    margin: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-mt-tv-700 {
    margin-top: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-mr-tv-700 {
    margin-right: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-mb-tv-700 {
    margin-bottom: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-ml-tv-700 {
    margin-left: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-m-tv-800 {
    margin: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-mt-tv-800 {
    margin-top: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-mr-tv-800 {
    margin-right: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-mb-tv-800 {
    margin-bottom: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-ml-tv-800 {
    margin-left: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-m-tv-900 {
    margin: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-mt-tv-900 {
    margin-top: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-mr-tv-900 {
    margin-right: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-mb-tv-900 {
    margin-bottom: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-ml-tv-900 {
    margin-left: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-m-tv-1000 {
    margin: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-mt-tv-1000 {
    margin-top: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-mr-tv-1000 {
    margin-right: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-mb-tv-1000 {
    margin-bottom: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-ml-tv-1000 {
    margin-left: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-m-tv-1100 {
    margin: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-mt-tv-1100 {
    margin-top: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-mr-tv-1100 {
    margin-right: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-mb-tv-1100 {
    margin-bottom: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-ml-tv-1100 {
    margin-left: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-m-tv-1200 {
    margin: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-mt-tv-1200 {
    margin-top: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-mr-tv-1200 {
    margin-right: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-mb-tv-1200 {
    margin-bottom: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-ml-tv-1200 {
    margin-left: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-m-tv-1300 {
    margin: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-mt-tv-1300 {
    margin-top: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-mr-tv-1300 {
    margin-right: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-mb-tv-1300 {
    margin-bottom: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-ml-tv-1300 {
    margin-left: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-m-tv-1400 {
    margin: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-mt-tv-1400 {
    margin-top: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-mr-tv-1400 {
    margin-right: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-mb-tv-1400 {
    margin-bottom: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-ml-tv-1400 {
    margin-left: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-m-tv-1500 {
    margin: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-mt-tv-1500 {
    margin-top: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-mr-tv-1500 {
    margin-right: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-mb-tv-1500 {
    margin-bottom: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-ml-tv-1500 {
    margin-left: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-m-tv-1600 {
    margin: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-mt-tv-1600 {
    margin-top: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-mr-tv-1600 {
    margin-right: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-mb-tv-1600 {
    margin-bottom: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-ml-tv-1600 {
    margin-left: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-m-tv-025 {
    margin: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-mt-tv-025 {
    margin-top: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-mr-tv-025 {
    margin-right: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-mb-tv-025 {
    margin-bottom: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-ml-tv-025 {
    margin-left: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-m-tv-050 {
    margin: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-mt-tv-050 {
    margin-top: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-mr-tv-050 {
    margin-right: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-mb-tv-050 {
    margin-bottom: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-ml-tv-050 {
    margin-left: var(--clg-dimension-pal-grid-050, 4px) !important;
  }
}

@media only screen and (min-width: 0) {
  .wt-pal-grid-p-xs-0 {
    padding: 0 !important;
  }

  .wt-pal-grid-pt-xs-0 {
    padding-top: 0 !important;
  }

  .wt-pal-grid-pr-xs-0 {
    padding-right: 0 !important;
  }

  .wt-pal-grid-pb-xs-0 {
    padding-bottom: 0 !important;
  }

  .wt-pal-grid-pl-xs-0 {
    padding-left: 0 !important;
  }

  .wt-pal-grid-p-xs-100 {
    padding: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-pt-xs-100 {
    padding-top: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-pr-xs-100 {
    padding-right: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-pb-xs-100 {
    padding-bottom: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-pl-xs-100 {
    padding-left: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-p-xs-150 {
    padding: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-pt-xs-150 {
    padding-top: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-pr-xs-150 {
    padding-right: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-pb-xs-150 {
    padding-bottom: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-pl-xs-150 {
    padding-left: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-p-xs-200 {
    padding: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-pt-xs-200 {
    padding-top: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-pr-xs-200 {
    padding-right: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-pb-xs-200 {
    padding-bottom: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-pl-xs-200 {
    padding-left: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-p-xs-300 {
    padding: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-pt-xs-300 {
    padding-top: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-pr-xs-300 {
    padding-right: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-pb-xs-300 {
    padding-bottom: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-pl-xs-300 {
    padding-left: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-p-xs-400 {
    padding: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-pt-xs-400 {
    padding-top: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-pr-xs-400 {
    padding-right: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-pb-xs-400 {
    padding-bottom: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-pl-xs-400 {
    padding-left: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-p-xs-500 {
    padding: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-pt-xs-500 {
    padding-top: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-pr-xs-500 {
    padding-right: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-pb-xs-500 {
    padding-bottom: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-pl-xs-500 {
    padding-left: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-p-xs-600 {
    padding: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-pt-xs-600 {
    padding-top: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-pr-xs-600 {
    padding-right: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-pb-xs-600 {
    padding-bottom: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-pl-xs-600 {
    padding-left: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-p-xs-700 {
    padding: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-pt-xs-700 {
    padding-top: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-pr-xs-700 {
    padding-right: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-pb-xs-700 {
    padding-bottom: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-pl-xs-700 {
    padding-left: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-p-xs-800 {
    padding: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-pt-xs-800 {
    padding-top: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-pr-xs-800 {
    padding-right: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-pb-xs-800 {
    padding-bottom: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-pl-xs-800 {
    padding-left: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-p-xs-900 {
    padding: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-pt-xs-900 {
    padding-top: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-pr-xs-900 {
    padding-right: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-pb-xs-900 {
    padding-bottom: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-pl-xs-900 {
    padding-left: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-p-xs-1000 {
    padding: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-pt-xs-1000 {
    padding-top: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-pr-xs-1000 {
    padding-right: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-pb-xs-1000 {
    padding-bottom: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-pl-xs-1000 {
    padding-left: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-p-xs-1100 {
    padding: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-pt-xs-1100 {
    padding-top: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-pr-xs-1100 {
    padding-right: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-pb-xs-1100 {
    padding-bottom: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-pl-xs-1100 {
    padding-left: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-p-xs-1200 {
    padding: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-pt-xs-1200 {
    padding-top: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-pr-xs-1200 {
    padding-right: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-pb-xs-1200 {
    padding-bottom: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-pl-xs-1200 {
    padding-left: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-p-xs-1300 {
    padding: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-pt-xs-1300 {
    padding-top: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-pr-xs-1300 {
    padding-right: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-pb-xs-1300 {
    padding-bottom: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-pl-xs-1300 {
    padding-left: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-p-xs-1400 {
    padding: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-pt-xs-1400 {
    padding-top: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-pr-xs-1400 {
    padding-right: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-pb-xs-1400 {
    padding-bottom: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-pl-xs-1400 {
    padding-left: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-p-xs-1500 {
    padding: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-pt-xs-1500 {
    padding-top: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-pr-xs-1500 {
    padding-right: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-pb-xs-1500 {
    padding-bottom: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-pl-xs-1500 {
    padding-left: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-p-xs-1600 {
    padding: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-pt-xs-1600 {
    padding-top: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-pr-xs-1600 {
    padding-right: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-pb-xs-1600 {
    padding-bottom: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-pl-xs-1600 {
    padding-left: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-p-xs-025 {
    padding: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-pt-xs-025 {
    padding-top: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-pr-xs-025 {
    padding-right: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-pb-xs-025 {
    padding-bottom: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-pl-xs-025 {
    padding-left: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-p-xs-050 {
    padding: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-pt-xs-050 {
    padding-top: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-pr-xs-050 {
    padding-right: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-pb-xs-050 {
    padding-bottom: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-pl-xs-050 {
    padding-left: var(--clg-dimension-pal-grid-050, 4px) !important;
  }
}

@media only screen and (min-width: 480px) {
  .wt-pal-grid-p-sm-0 {
    padding: 0 !important;
  }

  .wt-pal-grid-pt-sm-0 {
    padding-top: 0 !important;
  }

  .wt-pal-grid-pr-sm-0 {
    padding-right: 0 !important;
  }

  .wt-pal-grid-pb-sm-0 {
    padding-bottom: 0 !important;
  }

  .wt-pal-grid-pl-sm-0 {
    padding-left: 0 !important;
  }

  .wt-pal-grid-p-sm-100 {
    padding: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-pt-sm-100 {
    padding-top: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-pr-sm-100 {
    padding-right: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-pb-sm-100 {
    padding-bottom: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-pl-sm-100 {
    padding-left: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-p-sm-150 {
    padding: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-pt-sm-150 {
    padding-top: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-pr-sm-150 {
    padding-right: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-pb-sm-150 {
    padding-bottom: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-pl-sm-150 {
    padding-left: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-p-sm-200 {
    padding: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-pt-sm-200 {
    padding-top: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-pr-sm-200 {
    padding-right: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-pb-sm-200 {
    padding-bottom: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-pl-sm-200 {
    padding-left: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-p-sm-300 {
    padding: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-pt-sm-300 {
    padding-top: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-pr-sm-300 {
    padding-right: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-pb-sm-300 {
    padding-bottom: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-pl-sm-300 {
    padding-left: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-p-sm-400 {
    padding: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-pt-sm-400 {
    padding-top: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-pr-sm-400 {
    padding-right: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-pb-sm-400 {
    padding-bottom: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-pl-sm-400 {
    padding-left: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-p-sm-500 {
    padding: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-pt-sm-500 {
    padding-top: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-pr-sm-500 {
    padding-right: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-pb-sm-500 {
    padding-bottom: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-pl-sm-500 {
    padding-left: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-p-sm-600 {
    padding: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-pt-sm-600 {
    padding-top: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-pr-sm-600 {
    padding-right: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-pb-sm-600 {
    padding-bottom: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-pl-sm-600 {
    padding-left: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-p-sm-700 {
    padding: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-pt-sm-700 {
    padding-top: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-pr-sm-700 {
    padding-right: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-pb-sm-700 {
    padding-bottom: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-pl-sm-700 {
    padding-left: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-p-sm-800 {
    padding: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-pt-sm-800 {
    padding-top: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-pr-sm-800 {
    padding-right: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-pb-sm-800 {
    padding-bottom: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-pl-sm-800 {
    padding-left: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-p-sm-900 {
    padding: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-pt-sm-900 {
    padding-top: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-pr-sm-900 {
    padding-right: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-pb-sm-900 {
    padding-bottom: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-pl-sm-900 {
    padding-left: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-p-sm-1000 {
    padding: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-pt-sm-1000 {
    padding-top: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-pr-sm-1000 {
    padding-right: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-pb-sm-1000 {
    padding-bottom: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-pl-sm-1000 {
    padding-left: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-p-sm-1100 {
    padding: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-pt-sm-1100 {
    padding-top: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-pr-sm-1100 {
    padding-right: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-pb-sm-1100 {
    padding-bottom: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-pl-sm-1100 {
    padding-left: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-p-sm-1200 {
    padding: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-pt-sm-1200 {
    padding-top: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-pr-sm-1200 {
    padding-right: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-pb-sm-1200 {
    padding-bottom: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-pl-sm-1200 {
    padding-left: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-p-sm-1300 {
    padding: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-pt-sm-1300 {
    padding-top: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-pr-sm-1300 {
    padding-right: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-pb-sm-1300 {
    padding-bottom: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-pl-sm-1300 {
    padding-left: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-p-sm-1400 {
    padding: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-pt-sm-1400 {
    padding-top: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-pr-sm-1400 {
    padding-right: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-pb-sm-1400 {
    padding-bottom: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-pl-sm-1400 {
    padding-left: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-p-sm-1500 {
    padding: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-pt-sm-1500 {
    padding-top: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-pr-sm-1500 {
    padding-right: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-pb-sm-1500 {
    padding-bottom: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-pl-sm-1500 {
    padding-left: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-p-sm-1600 {
    padding: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-pt-sm-1600 {
    padding-top: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-pr-sm-1600 {
    padding-right: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-pb-sm-1600 {
    padding-bottom: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-pl-sm-1600 {
    padding-left: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-p-sm-025 {
    padding: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-pt-sm-025 {
    padding-top: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-pr-sm-025 {
    padding-right: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-pb-sm-025 {
    padding-bottom: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-pl-sm-025 {
    padding-left: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-p-sm-050 {
    padding: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-pt-sm-050 {
    padding-top: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-pr-sm-050 {
    padding-right: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-pb-sm-050 {
    padding-bottom: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-pl-sm-050 {
    padding-left: var(--clg-dimension-pal-grid-050, 4px) !important;
  }
}

@media only screen and (min-width: 640px) {
  .wt-pal-grid-p-md-0 {
    padding: 0 !important;
  }

  .wt-pal-grid-pt-md-0 {
    padding-top: 0 !important;
  }

  .wt-pal-grid-pr-md-0 {
    padding-right: 0 !important;
  }

  .wt-pal-grid-pb-md-0 {
    padding-bottom: 0 !important;
  }

  .wt-pal-grid-pl-md-0 {
    padding-left: 0 !important;
  }

  .wt-pal-grid-p-md-100 {
    padding: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-pt-md-100 {
    padding-top: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-pr-md-100 {
    padding-right: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-pb-md-100 {
    padding-bottom: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-pl-md-100 {
    padding-left: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-p-md-150 {
    padding: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-pt-md-150 {
    padding-top: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-pr-md-150 {
    padding-right: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-pb-md-150 {
    padding-bottom: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-pl-md-150 {
    padding-left: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-p-md-200 {
    padding: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-pt-md-200 {
    padding-top: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-pr-md-200 {
    padding-right: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-pb-md-200 {
    padding-bottom: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-pl-md-200 {
    padding-left: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-p-md-300 {
    padding: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-pt-md-300 {
    padding-top: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-pr-md-300 {
    padding-right: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-pb-md-300 {
    padding-bottom: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-pl-md-300 {
    padding-left: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-p-md-400 {
    padding: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-pt-md-400 {
    padding-top: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-pr-md-400 {
    padding-right: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-pb-md-400 {
    padding-bottom: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-pl-md-400 {
    padding-left: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-p-md-500 {
    padding: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-pt-md-500 {
    padding-top: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-pr-md-500 {
    padding-right: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-pb-md-500 {
    padding-bottom: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-pl-md-500 {
    padding-left: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-p-md-600 {
    padding: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-pt-md-600 {
    padding-top: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-pr-md-600 {
    padding-right: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-pb-md-600 {
    padding-bottom: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-pl-md-600 {
    padding-left: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-p-md-700 {
    padding: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-pt-md-700 {
    padding-top: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-pr-md-700 {
    padding-right: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-pb-md-700 {
    padding-bottom: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-pl-md-700 {
    padding-left: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-p-md-800 {
    padding: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-pt-md-800 {
    padding-top: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-pr-md-800 {
    padding-right: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-pb-md-800 {
    padding-bottom: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-pl-md-800 {
    padding-left: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-p-md-900 {
    padding: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-pt-md-900 {
    padding-top: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-pr-md-900 {
    padding-right: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-pb-md-900 {
    padding-bottom: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-pl-md-900 {
    padding-left: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-p-md-1000 {
    padding: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-pt-md-1000 {
    padding-top: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-pr-md-1000 {
    padding-right: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-pb-md-1000 {
    padding-bottom: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-pl-md-1000 {
    padding-left: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-p-md-1100 {
    padding: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-pt-md-1100 {
    padding-top: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-pr-md-1100 {
    padding-right: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-pb-md-1100 {
    padding-bottom: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-pl-md-1100 {
    padding-left: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-p-md-1200 {
    padding: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-pt-md-1200 {
    padding-top: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-pr-md-1200 {
    padding-right: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-pb-md-1200 {
    padding-bottom: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-pl-md-1200 {
    padding-left: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-p-md-1300 {
    padding: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-pt-md-1300 {
    padding-top: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-pr-md-1300 {
    padding-right: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-pb-md-1300 {
    padding-bottom: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-pl-md-1300 {
    padding-left: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-p-md-1400 {
    padding: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-pt-md-1400 {
    padding-top: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-pr-md-1400 {
    padding-right: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-pb-md-1400 {
    padding-bottom: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-pl-md-1400 {
    padding-left: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-p-md-1500 {
    padding: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-pt-md-1500 {
    padding-top: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-pr-md-1500 {
    padding-right: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-pb-md-1500 {
    padding-bottom: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-pl-md-1500 {
    padding-left: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-p-md-1600 {
    padding: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-pt-md-1600 {
    padding-top: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-pr-md-1600 {
    padding-right: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-pb-md-1600 {
    padding-bottom: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-pl-md-1600 {
    padding-left: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-p-md-025 {
    padding: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-pt-md-025 {
    padding-top: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-pr-md-025 {
    padding-right: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-pb-md-025 {
    padding-bottom: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-pl-md-025 {
    padding-left: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-p-md-050 {
    padding: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-pt-md-050 {
    padding-top: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-pr-md-050 {
    padding-right: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-pb-md-050 {
    padding-bottom: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-pl-md-050 {
    padding-left: var(--clg-dimension-pal-grid-050, 4px) !important;
  }
}

@media only screen and (min-width: 900px) {
  .wt-pal-grid-p-lg-0 {
    padding: 0 !important;
  }

  .wt-pal-grid-pt-lg-0 {
    padding-top: 0 !important;
  }

  .wt-pal-grid-pr-lg-0 {
    padding-right: 0 !important;
  }

  .wt-pal-grid-pb-lg-0 {
    padding-bottom: 0 !important;
  }

  .wt-pal-grid-pl-lg-0 {
    padding-left: 0 !important;
  }

  .wt-pal-grid-p-lg-100 {
    padding: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-pt-lg-100 {
    padding-top: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-pr-lg-100 {
    padding-right: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-pb-lg-100 {
    padding-bottom: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-pl-lg-100 {
    padding-left: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-p-lg-150 {
    padding: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-pt-lg-150 {
    padding-top: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-pr-lg-150 {
    padding-right: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-pb-lg-150 {
    padding-bottom: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-pl-lg-150 {
    padding-left: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-p-lg-200 {
    padding: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-pt-lg-200 {
    padding-top: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-pr-lg-200 {
    padding-right: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-pb-lg-200 {
    padding-bottom: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-pl-lg-200 {
    padding-left: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-p-lg-300 {
    padding: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-pt-lg-300 {
    padding-top: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-pr-lg-300 {
    padding-right: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-pb-lg-300 {
    padding-bottom: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-pl-lg-300 {
    padding-left: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-p-lg-400 {
    padding: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-pt-lg-400 {
    padding-top: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-pr-lg-400 {
    padding-right: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-pb-lg-400 {
    padding-bottom: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-pl-lg-400 {
    padding-left: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-p-lg-500 {
    padding: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-pt-lg-500 {
    padding-top: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-pr-lg-500 {
    padding-right: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-pb-lg-500 {
    padding-bottom: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-pl-lg-500 {
    padding-left: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-p-lg-600 {
    padding: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-pt-lg-600 {
    padding-top: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-pr-lg-600 {
    padding-right: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-pb-lg-600 {
    padding-bottom: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-pl-lg-600 {
    padding-left: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-p-lg-700 {
    padding: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-pt-lg-700 {
    padding-top: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-pr-lg-700 {
    padding-right: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-pb-lg-700 {
    padding-bottom: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-pl-lg-700 {
    padding-left: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-p-lg-800 {
    padding: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-pt-lg-800 {
    padding-top: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-pr-lg-800 {
    padding-right: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-pb-lg-800 {
    padding-bottom: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-pl-lg-800 {
    padding-left: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-p-lg-900 {
    padding: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-pt-lg-900 {
    padding-top: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-pr-lg-900 {
    padding-right: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-pb-lg-900 {
    padding-bottom: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-pl-lg-900 {
    padding-left: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-p-lg-1000 {
    padding: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-pt-lg-1000 {
    padding-top: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-pr-lg-1000 {
    padding-right: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-pb-lg-1000 {
    padding-bottom: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-pl-lg-1000 {
    padding-left: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-p-lg-1100 {
    padding: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-pt-lg-1100 {
    padding-top: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-pr-lg-1100 {
    padding-right: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-pb-lg-1100 {
    padding-bottom: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-pl-lg-1100 {
    padding-left: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-p-lg-1200 {
    padding: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-pt-lg-1200 {
    padding-top: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-pr-lg-1200 {
    padding-right: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-pb-lg-1200 {
    padding-bottom: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-pl-lg-1200 {
    padding-left: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-p-lg-1300 {
    padding: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-pt-lg-1300 {
    padding-top: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-pr-lg-1300 {
    padding-right: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-pb-lg-1300 {
    padding-bottom: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-pl-lg-1300 {
    padding-left: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-p-lg-1400 {
    padding: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-pt-lg-1400 {
    padding-top: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-pr-lg-1400 {
    padding-right: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-pb-lg-1400 {
    padding-bottom: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-pl-lg-1400 {
    padding-left: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-p-lg-1500 {
    padding: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-pt-lg-1500 {
    padding-top: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-pr-lg-1500 {
    padding-right: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-pb-lg-1500 {
    padding-bottom: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-pl-lg-1500 {
    padding-left: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-p-lg-1600 {
    padding: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-pt-lg-1600 {
    padding-top: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-pr-lg-1600 {
    padding-right: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-pb-lg-1600 {
    padding-bottom: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-pl-lg-1600 {
    padding-left: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-p-lg-025 {
    padding: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-pt-lg-025 {
    padding-top: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-pr-lg-025 {
    padding-right: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-pb-lg-025 {
    padding-bottom: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-pl-lg-025 {
    padding-left: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-p-lg-050 {
    padding: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-pt-lg-050 {
    padding-top: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-pr-lg-050 {
    padding-right: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-pb-lg-050 {
    padding-bottom: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-pl-lg-050 {
    padding-left: var(--clg-dimension-pal-grid-050, 4px) !important;
  }
}

@media only screen and (min-width: 1200px) {
  .wt-pal-grid-p-xl-0 {
    padding: 0 !important;
  }

  .wt-pal-grid-pt-xl-0 {
    padding-top: 0 !important;
  }

  .wt-pal-grid-pr-xl-0 {
    padding-right: 0 !important;
  }

  .wt-pal-grid-pb-xl-0 {
    padding-bottom: 0 !important;
  }

  .wt-pal-grid-pl-xl-0 {
    padding-left: 0 !important;
  }

  .wt-pal-grid-p-xl-100 {
    padding: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-pt-xl-100 {
    padding-top: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-pr-xl-100 {
    padding-right: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-pb-xl-100 {
    padding-bottom: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-pl-xl-100 {
    padding-left: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-p-xl-150 {
    padding: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-pt-xl-150 {
    padding-top: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-pr-xl-150 {
    padding-right: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-pb-xl-150 {
    padding-bottom: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-pl-xl-150 {
    padding-left: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-p-xl-200 {
    padding: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-pt-xl-200 {
    padding-top: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-pr-xl-200 {
    padding-right: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-pb-xl-200 {
    padding-bottom: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-pl-xl-200 {
    padding-left: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-p-xl-300 {
    padding: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-pt-xl-300 {
    padding-top: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-pr-xl-300 {
    padding-right: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-pb-xl-300 {
    padding-bottom: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-pl-xl-300 {
    padding-left: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-p-xl-400 {
    padding: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-pt-xl-400 {
    padding-top: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-pr-xl-400 {
    padding-right: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-pb-xl-400 {
    padding-bottom: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-pl-xl-400 {
    padding-left: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-p-xl-500 {
    padding: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-pt-xl-500 {
    padding-top: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-pr-xl-500 {
    padding-right: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-pb-xl-500 {
    padding-bottom: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-pl-xl-500 {
    padding-left: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-p-xl-600 {
    padding: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-pt-xl-600 {
    padding-top: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-pr-xl-600 {
    padding-right: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-pb-xl-600 {
    padding-bottom: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-pl-xl-600 {
    padding-left: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-p-xl-700 {
    padding: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-pt-xl-700 {
    padding-top: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-pr-xl-700 {
    padding-right: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-pb-xl-700 {
    padding-bottom: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-pl-xl-700 {
    padding-left: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-p-xl-800 {
    padding: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-pt-xl-800 {
    padding-top: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-pr-xl-800 {
    padding-right: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-pb-xl-800 {
    padding-bottom: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-pl-xl-800 {
    padding-left: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-p-xl-900 {
    padding: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-pt-xl-900 {
    padding-top: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-pr-xl-900 {
    padding-right: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-pb-xl-900 {
    padding-bottom: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-pl-xl-900 {
    padding-left: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-p-xl-1000 {
    padding: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-pt-xl-1000 {
    padding-top: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-pr-xl-1000 {
    padding-right: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-pb-xl-1000 {
    padding-bottom: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-pl-xl-1000 {
    padding-left: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-p-xl-1100 {
    padding: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-pt-xl-1100 {
    padding-top: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-pr-xl-1100 {
    padding-right: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-pb-xl-1100 {
    padding-bottom: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-pl-xl-1100 {
    padding-left: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-p-xl-1200 {
    padding: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-pt-xl-1200 {
    padding-top: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-pr-xl-1200 {
    padding-right: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-pb-xl-1200 {
    padding-bottom: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-pl-xl-1200 {
    padding-left: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-p-xl-1300 {
    padding: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-pt-xl-1300 {
    padding-top: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-pr-xl-1300 {
    padding-right: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-pb-xl-1300 {
    padding-bottom: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-pl-xl-1300 {
    padding-left: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-p-xl-1400 {
    padding: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-pt-xl-1400 {
    padding-top: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-pr-xl-1400 {
    padding-right: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-pb-xl-1400 {
    padding-bottom: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-pl-xl-1400 {
    padding-left: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-p-xl-1500 {
    padding: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-pt-xl-1500 {
    padding-top: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-pr-xl-1500 {
    padding-right: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-pb-xl-1500 {
    padding-bottom: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-pl-xl-1500 {
    padding-left: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-p-xl-1600 {
    padding: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-pt-xl-1600 {
    padding-top: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-pr-xl-1600 {
    padding-right: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-pb-xl-1600 {
    padding-bottom: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-pl-xl-1600 {
    padding-left: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-p-xl-025 {
    padding: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-pt-xl-025 {
    padding-top: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-pr-xl-025 {
    padding-right: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-pb-xl-025 {
    padding-bottom: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-pl-xl-025 {
    padding-left: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-p-xl-050 {
    padding: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-pt-xl-050 {
    padding-top: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-pr-xl-050 {
    padding-right: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-pb-xl-050 {
    padding-bottom: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-pl-xl-050 {
    padding-left: var(--clg-dimension-pal-grid-050, 4px) !important;
  }
}

@media only screen and (min-width: 1400px) {
  .wt-pal-grid-p-tv-0 {
    padding: 0 !important;
  }

  .wt-pal-grid-pt-tv-0 {
    padding-top: 0 !important;
  }

  .wt-pal-grid-pr-tv-0 {
    padding-right: 0 !important;
  }

  .wt-pal-grid-pb-tv-0 {
    padding-bottom: 0 !important;
  }

  .wt-pal-grid-pl-tv-0 {
    padding-left: 0 !important;
  }

  .wt-pal-grid-p-tv-100 {
    padding: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-pt-tv-100 {
    padding-top: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-pr-tv-100 {
    padding-right: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-pb-tv-100 {
    padding-bottom: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-pl-tv-100 {
    padding-left: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-p-tv-150 {
    padding: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-pt-tv-150 {
    padding-top: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-pr-tv-150 {
    padding-right: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-pb-tv-150 {
    padding-bottom: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-pl-tv-150 {
    padding-left: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-p-tv-200 {
    padding: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-pt-tv-200 {
    padding-top: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-pr-tv-200 {
    padding-right: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-pb-tv-200 {
    padding-bottom: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-pl-tv-200 {
    padding-left: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-p-tv-300 {
    padding: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-pt-tv-300 {
    padding-top: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-pr-tv-300 {
    padding-right: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-pb-tv-300 {
    padding-bottom: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-pl-tv-300 {
    padding-left: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-p-tv-400 {
    padding: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-pt-tv-400 {
    padding-top: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-pr-tv-400 {
    padding-right: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-pb-tv-400 {
    padding-bottom: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-pl-tv-400 {
    padding-left: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-p-tv-500 {
    padding: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-pt-tv-500 {
    padding-top: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-pr-tv-500 {
    padding-right: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-pb-tv-500 {
    padding-bottom: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-pl-tv-500 {
    padding-left: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-p-tv-600 {
    padding: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-pt-tv-600 {
    padding-top: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-pr-tv-600 {
    padding-right: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-pb-tv-600 {
    padding-bottom: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-pl-tv-600 {
    padding-left: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-p-tv-700 {
    padding: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-pt-tv-700 {
    padding-top: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-pr-tv-700 {
    padding-right: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-pb-tv-700 {
    padding-bottom: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-pl-tv-700 {
    padding-left: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-p-tv-800 {
    padding: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-pt-tv-800 {
    padding-top: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-pr-tv-800 {
    padding-right: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-pb-tv-800 {
    padding-bottom: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-pl-tv-800 {
    padding-left: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-p-tv-900 {
    padding: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-pt-tv-900 {
    padding-top: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-pr-tv-900 {
    padding-right: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-pb-tv-900 {
    padding-bottom: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-pl-tv-900 {
    padding-left: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-p-tv-1000 {
    padding: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-pt-tv-1000 {
    padding-top: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-pr-tv-1000 {
    padding-right: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-pb-tv-1000 {
    padding-bottom: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-pl-tv-1000 {
    padding-left: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-p-tv-1100 {
    padding: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-pt-tv-1100 {
    padding-top: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-pr-tv-1100 {
    padding-right: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-pb-tv-1100 {
    padding-bottom: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-pl-tv-1100 {
    padding-left: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-p-tv-1200 {
    padding: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-pt-tv-1200 {
    padding-top: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-pr-tv-1200 {
    padding-right: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-pb-tv-1200 {
    padding-bottom: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-pl-tv-1200 {
    padding-left: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-p-tv-1300 {
    padding: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-pt-tv-1300 {
    padding-top: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-pr-tv-1300 {
    padding-right: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-pb-tv-1300 {
    padding-bottom: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-pl-tv-1300 {
    padding-left: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-p-tv-1400 {
    padding: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-pt-tv-1400 {
    padding-top: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-pr-tv-1400 {
    padding-right: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-pb-tv-1400 {
    padding-bottom: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-pl-tv-1400 {
    padding-left: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-p-tv-1500 {
    padding: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-pt-tv-1500 {
    padding-top: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-pr-tv-1500 {
    padding-right: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-pb-tv-1500 {
    padding-bottom: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-pl-tv-1500 {
    padding-left: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-p-tv-1600 {
    padding: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-pt-tv-1600 {
    padding-top: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-pr-tv-1600 {
    padding-right: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-pb-tv-1600 {
    padding-bottom: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-pl-tv-1600 {
    padding-left: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-p-tv-025 {
    padding: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-pt-tv-025 {
    padding-top: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-pr-tv-025 {
    padding-right: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-pb-tv-025 {
    padding-bottom: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-pl-tv-025 {
    padding-left: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-p-tv-050 {
    padding: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-pt-tv-050 {
    padding-top: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-pr-tv-050 {
    padding-right: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-pb-tv-050 {
    padding-bottom: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-pl-tv-050 {
    padding-left: var(--clg-dimension-pal-grid-050, 4px) !important;
  }
}

@media only screen and (min-width: 0) {
  .wt-sem-m-card {
    margin: calc(
      var(--clg-dimension-pal-grid-050, 4px) +
        var(--clg-dimension-pal-grid-025, 2px)
    );
  }

  .wt-sem-mt-card {
    margin-top: calc(
      var(--clg-dimension-pal-grid-050, 4px) +
        var(--clg-dimension-pal-grid-025, 2px)
    );
  }

  .wt-sem-mr-card {
    margin-right: calc(
      var(--clg-dimension-pal-grid-050, 4px) +
        var(--clg-dimension-pal-grid-025, 2px)
    );
  }

  .wt-sem-mb-card {
    margin-bottom: calc(
      var(--clg-dimension-pal-grid-050, 4px) +
        var(--clg-dimension-pal-grid-025, 2px)
    );
  }

  .wt-sem-ml-card {
    margin-left: calc(
      var(--clg-dimension-pal-grid-050, 4px) +
        var(--clg-dimension-pal-grid-025, 2px)
    );
  }

  .wt-sem-m-page-margin {
    margin: var(--clg-dimension-pal-grid-200, 16px);
  }

  .wt-sem-mt-page-margin {
    margin-top: var(--clg-dimension-pal-grid-200, 16px);
  }

  .wt-sem-mr-page-margin {
    margin-right: var(--clg-dimension-pal-grid-200, 16px);
  }

  .wt-sem-mb-page-margin {
    margin-bottom: var(--clg-dimension-pal-grid-200, 16px);
  }

  .wt-sem-ml-page-margin {
    margin-left: var(--clg-dimension-pal-grid-200, 16px);
  }

  .wt-sem-m-page-tight {
    margin: var(--clg-dimension-pal-grid-300, 24px);
  }

  .wt-sem-mt-page-tight {
    margin-top: var(--clg-dimension-pal-grid-300, 24px);
  }

  .wt-sem-mr-page-tight {
    margin-right: var(--clg-dimension-pal-grid-300, 24px);
  }

  .wt-sem-mb-page-tight {
    margin-bottom: var(--clg-dimension-pal-grid-300, 24px);
  }

  .wt-sem-ml-page-tight {
    margin-left: var(--clg-dimension-pal-grid-300, 24px);
  }

  .wt-sem-m-page-base {
    margin: var(--clg-dimension-pal-grid-400, 32px);
  }

  .wt-sem-mt-page-base {
    margin-top: var(--clg-dimension-pal-grid-400, 32px);
  }

  .wt-sem-mr-page-base {
    margin-right: var(--clg-dimension-pal-grid-400, 32px);
  }

  .wt-sem-mb-page-base {
    margin-bottom: var(--clg-dimension-pal-grid-400, 32px);
  }

  .wt-sem-ml-page-base {
    margin-left: var(--clg-dimension-pal-grid-400, 32px);
  }

  .wt-sem-m-page-loose {
    margin: var(--clg-dimension-pal-grid-800, 64px);
  }

  .wt-sem-mt-page-loose {
    margin-top: var(--clg-dimension-pal-grid-800, 64px);
  }

  .wt-sem-mr-page-loose {
    margin-right: var(--clg-dimension-pal-grid-800, 64px);
  }

  .wt-sem-mb-page-loose {
    margin-bottom: var(--clg-dimension-pal-grid-800, 64px);
  }

  .wt-sem-ml-page-loose {
    margin-left: var(--clg-dimension-pal-grid-800, 64px);
  }

  .wt-sem-p-card {
    padding: calc(
      var(--clg-dimension-pal-grid-050, 4px) +
        var(--clg-dimension-pal-grid-025, 2px)
    );
  }

  .wt-sem-pt-card {
    padding-top: calc(
      var(--clg-dimension-pal-grid-050, 4px) +
        var(--clg-dimension-pal-grid-025, 2px)
    );
  }

  .wt-sem-pr-card {
    padding-right: calc(
      var(--clg-dimension-pal-grid-050, 4px) +
        var(--clg-dimension-pal-grid-025, 2px)
    );
  }

  .wt-sem-pb-card {
    padding-bottom: calc(
      var(--clg-dimension-pal-grid-050, 4px) +
        var(--clg-dimension-pal-grid-025, 2px)
    );
  }

  .wt-sem-pl-card {
    padding-left: calc(
      var(--clg-dimension-pal-grid-050, 4px) +
        var(--clg-dimension-pal-grid-025, 2px)
    );
  }

  .wt-sem-p-page-margin {
    padding: var(--clg-dimension-pal-grid-200, 16px);
  }

  .wt-sem-pt-page-margin {
    padding-top: var(--clg-dimension-pal-grid-200, 16px);
  }

  .wt-sem-pr-page-margin {
    padding-right: var(--clg-dimension-pal-grid-200, 16px);
  }

  .wt-sem-pb-page-margin {
    padding-bottom: var(--clg-dimension-pal-grid-200, 16px);
  }

  .wt-sem-pl-page-margin {
    padding-left: var(--clg-dimension-pal-grid-200, 16px);
  }

  .wt-sem-p-page-tight {
    padding: var(--clg-dimension-pal-grid-300, 24px);
  }

  .wt-sem-pt-page-tight {
    padding-top: var(--clg-dimension-pal-grid-300, 24px);
  }

  .wt-sem-pr-page-tight {
    padding-right: var(--clg-dimension-pal-grid-300, 24px);
  }

  .wt-sem-pb-page-tight {
    padding-bottom: var(--clg-dimension-pal-grid-300, 24px);
  }

  .wt-sem-pl-page-tight {
    padding-left: var(--clg-dimension-pal-grid-300, 24px);
  }

  .wt-sem-p-page-base {
    padding: var(--clg-dimension-pal-grid-400, 32px);
  }

  .wt-sem-pt-page-base {
    padding-top: var(--clg-dimension-pal-grid-400, 32px);
  }

  .wt-sem-pr-page-base {
    padding-right: var(--clg-dimension-pal-grid-400, 32px);
  }

  .wt-sem-pb-page-base {
    padding-bottom: var(--clg-dimension-pal-grid-400, 32px);
  }

  .wt-sem-pl-page-base {
    padding-left: var(--clg-dimension-pal-grid-400, 32px);
  }

  .wt-sem-p-page-loose {
    padding: var(--clg-dimension-pal-grid-800, 64px);
  }

  .wt-sem-pt-page-loose {
    padding-top: var(--clg-dimension-pal-grid-800, 64px);
  }

  .wt-sem-pr-page-loose {
    padding-right: var(--clg-dimension-pal-grid-800, 64px);
  }

  .wt-sem-pb-page-loose {
    padding-bottom: var(--clg-dimension-pal-grid-800, 64px);
  }

  .wt-sem-pl-page-loose {
    padding-left: var(--clg-dimension-pal-grid-800, 64px);
  }

  .wt-flex-sem-gap-card {
    gap: calc(
      var(--clg-dimension-pal-grid-050, 4px) +
        var(--clg-dimension-pal-grid-025, 2px)
    );
  }

  .wt-flex-sem-gap-page-margin {
    gap: var(--clg-dimension-pal-grid-200, 16px);
  }

  .wt-flex-sem-gap-page-tight {
    gap: var(--clg-dimension-pal-grid-300, 24px);
  }

  .wt-flex-sem-gap-page-base {
    gap: var(--clg-dimension-pal-grid-400, 32px);
  }

  .wt-flex-sem-gap-page-loose {
    gap: var(--clg-dimension-pal-grid-800, 64px);
  }
}

@media only screen and (min-width: 900px) {
  .wt-sem-m-card {
    margin: var(--clg-dimension-sem-spacing-card, 18px);
  }

  .wt-sem-mt-card {
    margin-top: var(--clg-dimension-sem-spacing-card, 18px);
  }

  .wt-sem-mr-card {
    margin-right: var(--clg-dimension-sem-spacing-card, 18px);
  }

  .wt-sem-mb-card {
    margin-bottom: var(--clg-dimension-sem-spacing-card, 18px);
  }

  .wt-sem-ml-card {
    margin-left: var(--clg-dimension-sem-spacing-card, 18px);
  }

  .wt-sem-m-page-margin {
    margin: var(--clg-dimension-sem-spacing-page-margin, 32px);
  }

  .wt-sem-mt-page-margin {
    margin-top: var(--clg-dimension-sem-spacing-page-margin, 32px);
  }

  .wt-sem-mr-page-margin {
    margin-right: var(--clg-dimension-sem-spacing-page-margin, 32px);
  }

  .wt-sem-mb-page-margin {
    margin-bottom: var(--clg-dimension-sem-spacing-page-margin, 32px);
  }

  .wt-sem-ml-page-margin {
    margin-left: var(--clg-dimension-sem-spacing-page-margin, 32px);
  }

  .wt-sem-m-page-tight {
    margin: var(--clg-dimension-sem-spacing-page-tight, 48px);
  }

  .wt-sem-mt-page-tight {
    margin-top: var(--clg-dimension-sem-spacing-page-tight, 48px);
  }

  .wt-sem-mr-page-tight {
    margin-right: var(--clg-dimension-sem-spacing-page-tight, 48px);
  }

  .wt-sem-mb-page-tight {
    margin-bottom: var(--clg-dimension-sem-spacing-page-tight, 48px);
  }

  .wt-sem-ml-page-tight {
    margin-left: var(--clg-dimension-sem-spacing-page-tight, 48px);
  }

  .wt-sem-m-page-base {
    margin: var(--clg-dimension-sem-spacing-page-base, 64px);
  }

  .wt-sem-mt-page-base {
    margin-top: var(--clg-dimension-sem-spacing-page-base, 64px);
  }

  .wt-sem-mr-page-base {
    margin-right: var(--clg-dimension-sem-spacing-page-base, 64px);
  }

  .wt-sem-mb-page-base {
    margin-bottom: var(--clg-dimension-sem-spacing-page-base, 64px);
  }

  .wt-sem-ml-page-base {
    margin-left: var(--clg-dimension-sem-spacing-page-base, 64px);
  }

  .wt-sem-m-page-loose {
    margin: var(--clg-dimension-sem-spacing-page-loose, 128px);
  }

  .wt-sem-mt-page-loose {
    margin-top: var(--clg-dimension-sem-spacing-page-loose, 128px);
  }

  .wt-sem-mr-page-loose {
    margin-right: var(--clg-dimension-sem-spacing-page-loose, 128px);
  }

  .wt-sem-mb-page-loose {
    margin-bottom: var(--clg-dimension-sem-spacing-page-loose, 128px);
  }

  .wt-sem-ml-page-loose {
    margin-left: var(--clg-dimension-sem-spacing-page-loose, 128px);
  }

  .wt-sem-p-card {
    padding: var(--clg-dimension-sem-spacing-card, 18px);
  }

  .wt-sem-pt-card {
    padding-top: var(--clg-dimension-sem-spacing-card, 18px);
  }

  .wt-sem-pr-card {
    padding-right: var(--clg-dimension-sem-spacing-card, 18px);
  }

  .wt-sem-pb-card {
    padding-bottom: var(--clg-dimension-sem-spacing-card, 18px);
  }

  .wt-sem-pl-card {
    padding-left: var(--clg-dimension-sem-spacing-card, 18px);
  }

  .wt-sem-p-page-margin {
    padding: var(--clg-dimension-sem-spacing-page-margin, 32px);
  }

  .wt-sem-pt-page-margin {
    padding-top: var(--clg-dimension-sem-spacing-page-margin, 32px);
  }

  .wt-sem-pr-page-margin {
    padding-right: var(--clg-dimension-sem-spacing-page-margin, 32px);
  }

  .wt-sem-pb-page-margin {
    padding-bottom: var(--clg-dimension-sem-spacing-page-margin, 32px);
  }

  .wt-sem-pl-page-margin {
    padding-left: var(--clg-dimension-sem-spacing-page-margin, 32px);
  }

  .wt-sem-p-page-tight {
    padding: var(--clg-dimension-sem-spacing-page-tight, 48px);
  }

  .wt-sem-pt-page-tight {
    padding-top: var(--clg-dimension-sem-spacing-page-tight, 48px);
  }

  .wt-sem-pr-page-tight {
    padding-right: var(--clg-dimension-sem-spacing-page-tight, 48px);
  }

  .wt-sem-pb-page-tight {
    padding-bottom: var(--clg-dimension-sem-spacing-page-tight, 48px);
  }

  .wt-sem-pl-page-tight {
    padding-left: var(--clg-dimension-sem-spacing-page-tight, 48px);
  }

  .wt-sem-p-page-base {
    padding: var(--clg-dimension-sem-spacing-page-base, 64px);
  }

  .wt-sem-pt-page-base {
    padding-top: var(--clg-dimension-sem-spacing-page-base, 64px);
  }

  .wt-sem-pr-page-base {
    padding-right: var(--clg-dimension-sem-spacing-page-base, 64px);
  }

  .wt-sem-pb-page-base {
    padding-bottom: var(--clg-dimension-sem-spacing-page-base, 64px);
  }

  .wt-sem-pl-page-base {
    padding-left: var(--clg-dimension-sem-spacing-page-base, 64px);
  }

  .wt-sem-p-page-loose {
    padding: var(--clg-dimension-sem-spacing-page-loose, 128px);
  }

  .wt-sem-pt-page-loose {
    padding-top: var(--clg-dimension-sem-spacing-page-loose, 128px);
  }

  .wt-sem-pr-page-loose {
    padding-right: var(--clg-dimension-sem-spacing-page-loose, 128px);
  }

  .wt-sem-pb-page-loose {
    padding-bottom: var(--clg-dimension-sem-spacing-page-loose, 128px);
  }

  .wt-sem-pl-page-loose {
    padding-left: var(--clg-dimension-sem-spacing-page-loose, 128px);
  }

  .wt-flex-sem-gap-card {
    gap: var(--clg-dimension-sem-spacing-card, 18px);
  }

  .wt-flex-sem-gap-page-margin {
    gap: var(--clg-dimension-sem-spacing-page-margin, 32px);
  }

  .wt-flex-sem-gap-page-tight {
    gap: var(--clg-dimension-sem-spacing-page-tight, 48px);
  }

  .wt-flex-sem-gap-page-base {
    gap: var(--clg-dimension-sem-spacing-page-base, 64px);
  }

  .wt-flex-sem-gap-page-loose {
    gap: var(--clg-dimension-sem-spacing-page-loose, 128px);
  }
}

@media only screen and (min-width: 0) {
  .wt-p-xs-0 {
    padding: 0 !important;
  }

  .wt-pt-xs-0 {
    padding-top: 0 !important;
  }

  .wt-pr-xs-0 {
    padding-right: 0 !important;
  }

  .wt-pb-xs-0 {
    padding-bottom: 0 !important;
  }

  .wt-pl-xs-0 {
    padding-left: 0 !important;
  }

  .wt-p-xs-1 {
    padding: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-pt-xs-1 {
    padding-top: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-pr-xs-1 {
    padding-right: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-pb-xs-1 {
    padding-bottom: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-pl-xs-1 {
    padding-left: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-p-xs-2 {
    padding: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-pt-xs-2 {
    padding-top: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-pr-xs-2 {
    padding-right: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-pb-xs-2 {
    padding-bottom: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-pl-xs-2 {
    padding-left: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-p-xs-3 {
    padding: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-pt-xs-3 {
    padding-top: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-pr-xs-3 {
    padding-right: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-pb-xs-3 {
    padding-bottom: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-pl-xs-3 {
    padding-left: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-p-xs-4 {
    padding: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-pt-xs-4 {
    padding-top: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-pr-xs-4 {
    padding-right: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-pb-xs-4 {
    padding-bottom: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-pl-xs-4 {
    padding-left: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-p-xs-5 {
    padding: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-pt-xs-5 {
    padding-top: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-pr-xs-5 {
    padding-right: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-pb-xs-5 {
    padding-bottom: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-pl-xs-5 {
    padding-left: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-p-xs-6 {
    padding: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-pt-xs-6 {
    padding-top: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-pr-xs-6 {
    padding-right: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-pb-xs-6 {
    padding-bottom: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-pl-xs-6 {
    padding-left: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-p-xs-7 {
    padding: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-pt-xs-7 {
    padding-top: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-pr-xs-7 {
    padding-right: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-pb-xs-7 {
    padding-bottom: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-pl-xs-7 {
    padding-left: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-p-xs-8 {
    padding: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-pt-xs-8 {
    padding-top: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-pr-xs-8 {
    padding-right: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-pb-xs-8 {
    padding-bottom: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-pl-xs-8 {
    padding-left: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-p-xs-9 {
    padding: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-pt-xs-9 {
    padding-top: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-pr-xs-9 {
    padding-right: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-pb-xs-9 {
    padding-bottom: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-pl-xs-9 {
    padding-left: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-p-xs-10 {
    padding: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-pt-xs-10 {
    padding-top: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-pr-xs-10 {
    padding-right: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-pb-xs-10 {
    padding-bottom: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-pl-xs-10 {
    padding-left: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-p-xs-11 {
    padding: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-pt-xs-11 {
    padding-top: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-pr-xs-11 {
    padding-right: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-pb-xs-11 {
    padding-bottom: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-pl-xs-11 {
    padding-left: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-p-xs-12 {
    padding: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-pt-xs-12 {
    padding-top: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-pr-xs-12 {
    padding-right: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-pb-xs-12 {
    padding-bottom: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-pl-xs-12 {
    padding-left: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-p-xs-13 {
    padding: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-pt-xs-13 {
    padding-top: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-pr-xs-13 {
    padding-right: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-pb-xs-13 {
    padding-bottom: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-pl-xs-13 {
    padding-left: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-p-xs-14 {
    padding: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-pt-xs-14 {
    padding-top: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-pr-xs-14 {
    padding-right: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-pb-xs-14 {
    padding-bottom: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-pl-xs-14 {
    padding-left: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-p-xs-15 {
    padding: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-pt-xs-15 {
    padding-top: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-pr-xs-15 {
    padding-right: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-pb-xs-15 {
    padding-bottom: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-pl-xs-15 {
    padding-left: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-p-xs-16 {
    padding: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-pt-xs-16 {
    padding-top: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-pr-xs-16 {
    padding-right: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-pb-xs-16 {
    padding-bottom: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-pl-xs-16 {
    padding-left: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-p-xs-05 {
    padding: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }

  .wt-pt-xs-05 {
    padding-top: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }

  .wt-pr-xs-05 {
    padding-right: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }

  .wt-pb-xs-05 {
    padding-bottom: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }

  .wt-pl-xs-05 {
    padding-left: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }
}

@media only screen and (min-width: 480px) {
  .wt-p-sm-0 {
    padding: 0 !important;
  }

  .wt-pt-sm-0 {
    padding-top: 0 !important;
  }

  .wt-pr-sm-0 {
    padding-right: 0 !important;
  }

  .wt-pb-sm-0 {
    padding-bottom: 0 !important;
  }

  .wt-pl-sm-0 {
    padding-left: 0 !important;
  }

  .wt-p-sm-1 {
    padding: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-pt-sm-1 {
    padding-top: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-pr-sm-1 {
    padding-right: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-pb-sm-1 {
    padding-bottom: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-pl-sm-1 {
    padding-left: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-p-sm-2 {
    padding: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-pt-sm-2 {
    padding-top: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-pr-sm-2 {
    padding-right: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-pb-sm-2 {
    padding-bottom: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-pl-sm-2 {
    padding-left: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-p-sm-3 {
    padding: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-pt-sm-3 {
    padding-top: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-pr-sm-3 {
    padding-right: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-pb-sm-3 {
    padding-bottom: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-pl-sm-3 {
    padding-left: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-p-sm-4 {
    padding: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-pt-sm-4 {
    padding-top: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-pr-sm-4 {
    padding-right: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-pb-sm-4 {
    padding-bottom: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-pl-sm-4 {
    padding-left: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-p-sm-5 {
    padding: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-pt-sm-5 {
    padding-top: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-pr-sm-5 {
    padding-right: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-pb-sm-5 {
    padding-bottom: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-pl-sm-5 {
    padding-left: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-p-sm-6 {
    padding: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-pt-sm-6 {
    padding-top: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-pr-sm-6 {
    padding-right: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-pb-sm-6 {
    padding-bottom: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-pl-sm-6 {
    padding-left: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-p-sm-7 {
    padding: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-pt-sm-7 {
    padding-top: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-pr-sm-7 {
    padding-right: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-pb-sm-7 {
    padding-bottom: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-pl-sm-7 {
    padding-left: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-p-sm-8 {
    padding: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-pt-sm-8 {
    padding-top: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-pr-sm-8 {
    padding-right: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-pb-sm-8 {
    padding-bottom: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-pl-sm-8 {
    padding-left: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-p-sm-9 {
    padding: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-pt-sm-9 {
    padding-top: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-pr-sm-9 {
    padding-right: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-pb-sm-9 {
    padding-bottom: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-pl-sm-9 {
    padding-left: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-p-sm-10 {
    padding: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-pt-sm-10 {
    padding-top: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-pr-sm-10 {
    padding-right: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-pb-sm-10 {
    padding-bottom: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-pl-sm-10 {
    padding-left: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-p-sm-11 {
    padding: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-pt-sm-11 {
    padding-top: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-pr-sm-11 {
    padding-right: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-pb-sm-11 {
    padding-bottom: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-pl-sm-11 {
    padding-left: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-p-sm-12 {
    padding: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-pt-sm-12 {
    padding-top: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-pr-sm-12 {
    padding-right: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-pb-sm-12 {
    padding-bottom: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-pl-sm-12 {
    padding-left: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-p-sm-13 {
    padding: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-pt-sm-13 {
    padding-top: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-pr-sm-13 {
    padding-right: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-pb-sm-13 {
    padding-bottom: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-pl-sm-13 {
    padding-left: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-p-sm-14 {
    padding: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-pt-sm-14 {
    padding-top: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-pr-sm-14 {
    padding-right: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-pb-sm-14 {
    padding-bottom: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-pl-sm-14 {
    padding-left: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-p-sm-15 {
    padding: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-pt-sm-15 {
    padding-top: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-pr-sm-15 {
    padding-right: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-pb-sm-15 {
    padding-bottom: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-pl-sm-15 {
    padding-left: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-p-sm-16 {
    padding: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-pt-sm-16 {
    padding-top: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-pr-sm-16 {
    padding-right: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-pb-sm-16 {
    padding-bottom: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-pl-sm-16 {
    padding-left: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-p-sm-05 {
    padding: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }

  .wt-pt-sm-05 {
    padding-top: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }

  .wt-pr-sm-05 {
    padding-right: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }

  .wt-pb-sm-05 {
    padding-bottom: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }

  .wt-pl-sm-05 {
    padding-left: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }
}

@media only screen and (min-width: 640px) {
  .wt-p-md-0 {
    padding: 0 !important;
  }

  .wt-pt-md-0 {
    padding-top: 0 !important;
  }

  .wt-pr-md-0 {
    padding-right: 0 !important;
  }

  .wt-pb-md-0 {
    padding-bottom: 0 !important;
  }

  .wt-pl-md-0 {
    padding-left: 0 !important;
  }

  .wt-p-md-1 {
    padding: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-pt-md-1 {
    padding-top: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-pr-md-1 {
    padding-right: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-pb-md-1 {
    padding-bottom: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-pl-md-1 {
    padding-left: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-p-md-2 {
    padding: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-pt-md-2 {
    padding-top: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-pr-md-2 {
    padding-right: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-pb-md-2 {
    padding-bottom: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-pl-md-2 {
    padding-left: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-p-md-3 {
    padding: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-pt-md-3 {
    padding-top: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-pr-md-3 {
    padding-right: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-pb-md-3 {
    padding-bottom: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-pl-md-3 {
    padding-left: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-p-md-4 {
    padding: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-pt-md-4 {
    padding-top: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-pr-md-4 {
    padding-right: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-pb-md-4 {
    padding-bottom: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-pl-md-4 {
    padding-left: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-p-md-5 {
    padding: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-pt-md-5 {
    padding-top: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-pr-md-5 {
    padding-right: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-pb-md-5 {
    padding-bottom: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-pl-md-5 {
    padding-left: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-p-md-6 {
    padding: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-pt-md-6 {
    padding-top: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-pr-md-6 {
    padding-right: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-pb-md-6 {
    padding-bottom: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-pl-md-6 {
    padding-left: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-p-md-7 {
    padding: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-pt-md-7 {
    padding-top: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-pr-md-7 {
    padding-right: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-pb-md-7 {
    padding-bottom: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-pl-md-7 {
    padding-left: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-p-md-8 {
    padding: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-pt-md-8 {
    padding-top: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-pr-md-8 {
    padding-right: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-pb-md-8 {
    padding-bottom: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-pl-md-8 {
    padding-left: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-p-md-9 {
    padding: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-pt-md-9 {
    padding-top: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-pr-md-9 {
    padding-right: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-pb-md-9 {
    padding-bottom: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-pl-md-9 {
    padding-left: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-p-md-10 {
    padding: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-pt-md-10 {
    padding-top: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-pr-md-10 {
    padding-right: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-pb-md-10 {
    padding-bottom: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-pl-md-10 {
    padding-left: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-p-md-11 {
    padding: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-pt-md-11 {
    padding-top: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-pr-md-11 {
    padding-right: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-pb-md-11 {
    padding-bottom: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-pl-md-11 {
    padding-left: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-p-md-12 {
    padding: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-pt-md-12 {
    padding-top: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-pr-md-12 {
    padding-right: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-pb-md-12 {
    padding-bottom: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-pl-md-12 {
    padding-left: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-p-md-13 {
    padding: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-pt-md-13 {
    padding-top: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-pr-md-13 {
    padding-right: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-pb-md-13 {
    padding-bottom: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-pl-md-13 {
    padding-left: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-p-md-14 {
    padding: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-pt-md-14 {
    padding-top: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-pr-md-14 {
    padding-right: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-pb-md-14 {
    padding-bottom: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-pl-md-14 {
    padding-left: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-p-md-15 {
    padding: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-pt-md-15 {
    padding-top: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-pr-md-15 {
    padding-right: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-pb-md-15 {
    padding-bottom: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-pl-md-15 {
    padding-left: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-p-md-16 {
    padding: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-pt-md-16 {
    padding-top: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-pr-md-16 {
    padding-right: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-pb-md-16 {
    padding-bottom: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-pl-md-16 {
    padding-left: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-p-md-05 {
    padding: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }

  .wt-pt-md-05 {
    padding-top: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }

  .wt-pr-md-05 {
    padding-right: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }

  .wt-pb-md-05 {
    padding-bottom: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }

  .wt-pl-md-05 {
    padding-left: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }
}

@media only screen and (min-width: 900px) {
  .wt-p-lg-0 {
    padding: 0 !important;
  }

  .wt-pt-lg-0 {
    padding-top: 0 !important;
  }

  .wt-pr-lg-0 {
    padding-right: 0 !important;
  }

  .wt-pb-lg-0 {
    padding-bottom: 0 !important;
  }

  .wt-pl-lg-0 {
    padding-left: 0 !important;
  }

  .wt-p-lg-1 {
    padding: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-pt-lg-1 {
    padding-top: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-pr-lg-1 {
    padding-right: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-pb-lg-1 {
    padding-bottom: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-pl-lg-1 {
    padding-left: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-p-lg-2 {
    padding: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-pt-lg-2 {
    padding-top: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-pr-lg-2 {
    padding-right: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-pb-lg-2 {
    padding-bottom: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-pl-lg-2 {
    padding-left: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-p-lg-3 {
    padding: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-pt-lg-3 {
    padding-top: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-pr-lg-3 {
    padding-right: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-pb-lg-3 {
    padding-bottom: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-pl-lg-3 {
    padding-left: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-p-lg-4 {
    padding: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-pt-lg-4 {
    padding-top: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-pr-lg-4 {
    padding-right: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-pb-lg-4 {
    padding-bottom: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-pl-lg-4 {
    padding-left: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-p-lg-5 {
    padding: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-pt-lg-5 {
    padding-top: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-pr-lg-5 {
    padding-right: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-pb-lg-5 {
    padding-bottom: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-pl-lg-5 {
    padding-left: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-p-lg-6 {
    padding: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-pt-lg-6 {
    padding-top: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-pr-lg-6 {
    padding-right: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-pb-lg-6 {
    padding-bottom: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-pl-lg-6 {
    padding-left: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-p-lg-7 {
    padding: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-pt-lg-7 {
    padding-top: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-pr-lg-7 {
    padding-right: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-pb-lg-7 {
    padding-bottom: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-pl-lg-7 {
    padding-left: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-p-lg-8 {
    padding: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-pt-lg-8 {
    padding-top: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-pr-lg-8 {
    padding-right: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-pb-lg-8 {
    padding-bottom: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-pl-lg-8 {
    padding-left: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-p-lg-9 {
    padding: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-pt-lg-9 {
    padding-top: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-pr-lg-9 {
    padding-right: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-pb-lg-9 {
    padding-bottom: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-pl-lg-9 {
    padding-left: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-p-lg-10 {
    padding: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-pt-lg-10 {
    padding-top: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-pr-lg-10 {
    padding-right: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-pb-lg-10 {
    padding-bottom: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-pl-lg-10 {
    padding-left: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-p-lg-11 {
    padding: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-pt-lg-11 {
    padding-top: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-pr-lg-11 {
    padding-right: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-pb-lg-11 {
    padding-bottom: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-pl-lg-11 {
    padding-left: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-p-lg-12 {
    padding: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-pt-lg-12 {
    padding-top: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-pr-lg-12 {
    padding-right: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-pb-lg-12 {
    padding-bottom: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-pl-lg-12 {
    padding-left: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-p-lg-13 {
    padding: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-pt-lg-13 {
    padding-top: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-pr-lg-13 {
    padding-right: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-pb-lg-13 {
    padding-bottom: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-pl-lg-13 {
    padding-left: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-p-lg-14 {
    padding: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-pt-lg-14 {
    padding-top: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-pr-lg-14 {
    padding-right: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-pb-lg-14 {
    padding-bottom: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-pl-lg-14 {
    padding-left: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-p-lg-15 {
    padding: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-pt-lg-15 {
    padding-top: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-pr-lg-15 {
    padding-right: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-pb-lg-15 {
    padding-bottom: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-pl-lg-15 {
    padding-left: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-p-lg-16 {
    padding: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-pt-lg-16 {
    padding-top: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-pr-lg-16 {
    padding-right: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-pb-lg-16 {
    padding-bottom: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-pl-lg-16 {
    padding-left: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-p-lg-05 {
    padding: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }

  .wt-pt-lg-05 {
    padding-top: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }

  .wt-pr-lg-05 {
    padding-right: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }

  .wt-pb-lg-05 {
    padding-bottom: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }

  .wt-pl-lg-05 {
    padding-left: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }
}

@media only screen and (min-width: 1200px) {
  .wt-p-xl-0 {
    padding: 0 !important;
  }

  .wt-pt-xl-0 {
    padding-top: 0 !important;
  }

  .wt-pr-xl-0 {
    padding-right: 0 !important;
  }

  .wt-pb-xl-0 {
    padding-bottom: 0 !important;
  }

  .wt-pl-xl-0 {
    padding-left: 0 !important;
  }

  .wt-p-xl-1 {
    padding: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-pt-xl-1 {
    padding-top: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-pr-xl-1 {
    padding-right: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-pb-xl-1 {
    padding-bottom: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-pl-xl-1 {
    padding-left: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-p-xl-2 {
    padding: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-pt-xl-2 {
    padding-top: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-pr-xl-2 {
    padding-right: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-pb-xl-2 {
    padding-bottom: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-pl-xl-2 {
    padding-left: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-p-xl-3 {
    padding: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-pt-xl-3 {
    padding-top: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-pr-xl-3 {
    padding-right: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-pb-xl-3 {
    padding-bottom: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-pl-xl-3 {
    padding-left: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-p-xl-4 {
    padding: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-pt-xl-4 {
    padding-top: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-pr-xl-4 {
    padding-right: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-pb-xl-4 {
    padding-bottom: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-pl-xl-4 {
    padding-left: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-p-xl-5 {
    padding: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-pt-xl-5 {
    padding-top: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-pr-xl-5 {
    padding-right: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-pb-xl-5 {
    padding-bottom: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-pl-xl-5 {
    padding-left: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-p-xl-6 {
    padding: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-pt-xl-6 {
    padding-top: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-pr-xl-6 {
    padding-right: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-pb-xl-6 {
    padding-bottom: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-pl-xl-6 {
    padding-left: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-p-xl-7 {
    padding: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-pt-xl-7 {
    padding-top: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-pr-xl-7 {
    padding-right: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-pb-xl-7 {
    padding-bottom: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-pl-xl-7 {
    padding-left: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-p-xl-8 {
    padding: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-pt-xl-8 {
    padding-top: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-pr-xl-8 {
    padding-right: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-pb-xl-8 {
    padding-bottom: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-pl-xl-8 {
    padding-left: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-p-xl-9 {
    padding: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-pt-xl-9 {
    padding-top: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-pr-xl-9 {
    padding-right: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-pb-xl-9 {
    padding-bottom: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-pl-xl-9 {
    padding-left: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-p-xl-10 {
    padding: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-pt-xl-10 {
    padding-top: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-pr-xl-10 {
    padding-right: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-pb-xl-10 {
    padding-bottom: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-pl-xl-10 {
    padding-left: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-p-xl-11 {
    padding: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-pt-xl-11 {
    padding-top: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-pr-xl-11 {
    padding-right: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-pb-xl-11 {
    padding-bottom: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-pl-xl-11 {
    padding-left: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-p-xl-12 {
    padding: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-pt-xl-12 {
    padding-top: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-pr-xl-12 {
    padding-right: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-pb-xl-12 {
    padding-bottom: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-pl-xl-12 {
    padding-left: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-p-xl-13 {
    padding: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-pt-xl-13 {
    padding-top: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-pr-xl-13 {
    padding-right: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-pb-xl-13 {
    padding-bottom: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-pl-xl-13 {
    padding-left: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-p-xl-14 {
    padding: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-pt-xl-14 {
    padding-top: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-pr-xl-14 {
    padding-right: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-pb-xl-14 {
    padding-bottom: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-pl-xl-14 {
    padding-left: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-p-xl-15 {
    padding: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-pt-xl-15 {
    padding-top: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-pr-xl-15 {
    padding-right: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-pb-xl-15 {
    padding-bottom: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-pl-xl-15 {
    padding-left: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-p-xl-16 {
    padding: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-pt-xl-16 {
    padding-top: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-pr-xl-16 {
    padding-right: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-pb-xl-16 {
    padding-bottom: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-pl-xl-16 {
    padding-left: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-p-xl-05 {
    padding: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }

  .wt-pt-xl-05 {
    padding-top: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }

  .wt-pr-xl-05 {
    padding-right: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }

  .wt-pb-xl-05 {
    padding-bottom: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }

  .wt-pl-xl-05 {
    padding-left: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }
}

@media only screen and (min-width: 1400px) {
  .wt-p-tv-0 {
    padding: 0 !important;
  }

  .wt-pt-tv-0 {
    padding-top: 0 !important;
  }

  .wt-pr-tv-0 {
    padding-right: 0 !important;
  }

  .wt-pb-tv-0 {
    padding-bottom: 0 !important;
  }

  .wt-pl-tv-0 {
    padding-left: 0 !important;
  }

  .wt-p-tv-1 {
    padding: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-pt-tv-1 {
    padding-top: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-pr-tv-1 {
    padding-right: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-pb-tv-1 {
    padding-bottom: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-pl-tv-1 {
    padding-left: var(--clg-dimension-pal-spacing-100, 6px) !important;
  }

  .wt-p-tv-2 {
    padding: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-pt-tv-2 {
    padding-top: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-pr-tv-2 {
    padding-right: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-pb-tv-2 {
    padding-bottom: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-pl-tv-2 {
    padding-left: var(--clg-dimension-pal-spacing-200, 12px) !important;
  }

  .wt-p-tv-3 {
    padding: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-pt-tv-3 {
    padding-top: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-pr-tv-3 {
    padding-right: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-pb-tv-3 {
    padding-bottom: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-pl-tv-3 {
    padding-left: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }

  .wt-p-tv-4 {
    padding: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-pt-tv-4 {
    padding-top: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-pr-tv-4 {
    padding-right: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-pb-tv-4 {
    padding-bottom: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-pl-tv-4 {
    padding-left: var(--clg-dimension-pal-spacing-400, 24px) !important;
  }

  .wt-p-tv-5 {
    padding: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-pt-tv-5 {
    padding-top: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-pr-tv-5 {
    padding-right: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-pb-tv-5 {
    padding-bottom: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-pl-tv-5 {
    padding-left: var(--clg-dimension-pal-spacing-500, 30px) !important;
  }

  .wt-p-tv-6 {
    padding: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-pt-tv-6 {
    padding-top: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-pr-tv-6 {
    padding-right: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-pb-tv-6 {
    padding-bottom: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-pl-tv-6 {
    padding-left: var(--clg-dimension-pal-spacing-600, 36px) !important;
  }

  .wt-p-tv-7 {
    padding: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-pt-tv-7 {
    padding-top: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-pr-tv-7 {
    padding-right: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-pb-tv-7 {
    padding-bottom: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-pl-tv-7 {
    padding-left: var(--clg-dimension-pal-spacing-700, 42px) !important;
  }

  .wt-p-tv-8 {
    padding: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-pt-tv-8 {
    padding-top: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-pr-tv-8 {
    padding-right: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-pb-tv-8 {
    padding-bottom: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-pl-tv-8 {
    padding-left: var(--clg-dimension-pal-spacing-800, 48px) !important;
  }

  .wt-p-tv-9 {
    padding: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-pt-tv-9 {
    padding-top: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-pr-tv-9 {
    padding-right: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-pb-tv-9 {
    padding-bottom: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-pl-tv-9 {
    padding-left: var(--clg-dimension-pal-spacing-900, 54px) !important;
  }

  .wt-p-tv-10 {
    padding: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-pt-tv-10 {
    padding-top: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-pr-tv-10 {
    padding-right: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-pb-tv-10 {
    padding-bottom: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-pl-tv-10 {
    padding-left: var(--clg-dimension-pal-spacing-1000, 60px) !important;
  }

  .wt-p-tv-11 {
    padding: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-pt-tv-11 {
    padding-top: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-pr-tv-11 {
    padding-right: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-pb-tv-11 {
    padding-bottom: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-pl-tv-11 {
    padding-left: var(--clg-dimension-pal-spacing-1100, 66px) !important;
  }

  .wt-p-tv-12 {
    padding: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-pt-tv-12 {
    padding-top: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-pr-tv-12 {
    padding-right: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-pb-tv-12 {
    padding-bottom: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-pl-tv-12 {
    padding-left: var(--clg-dimension-pal-spacing-1200, 72px) !important;
  }

  .wt-p-tv-13 {
    padding: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-pt-tv-13 {
    padding-top: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-pr-tv-13 {
    padding-right: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-pb-tv-13 {
    padding-bottom: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-pl-tv-13 {
    padding-left: var(--clg-dimension-pal-spacing-1300, 78px) !important;
  }

  .wt-p-tv-14 {
    padding: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-pt-tv-14 {
    padding-top: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-pr-tv-14 {
    padding-right: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-pb-tv-14 {
    padding-bottom: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-pl-tv-14 {
    padding-left: var(--clg-dimension-pal-spacing-1400, 84px) !important;
  }

  .wt-p-tv-15 {
    padding: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-pt-tv-15 {
    padding-top: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-pr-tv-15 {
    padding-right: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-pb-tv-15 {
    padding-bottom: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-pl-tv-15 {
    padding-left: var(--clg-dimension-pal-spacing-1500, 90px) !important;
  }

  .wt-p-tv-16 {
    padding: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-pt-tv-16 {
    padding-top: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-pr-tv-16 {
    padding-right: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-pb-tv-16 {
    padding-bottom: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-pl-tv-16 {
    padding-left: var(--clg-dimension-pal-spacing-1600, 96px) !important;
  }

  .wt-p-tv-05 {
    padding: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }

  .wt-pt-tv-05 {
    padding-top: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }

  .wt-pr-tv-05 {
    padding-right: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }

  .wt-pb-tv-05 {
    padding-bottom: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }

  .wt-pl-tv-05 {
    padding-left: var(--clg-dimension-pal-spacing-050, 3px) !important;
  }
}

@media only screen and (min-width: 0) {
  .wt-pal-grid-m-xs-auto {
    margin: auto !important;
  }

  .wt-pal-grid-mt-xs-auto {
    margin-top: auto !important;
  }

  .wt-pal-grid-mr-xs-auto {
    margin-right: auto !important;
  }

  .wt-pal-grid-mb-xs-auto {
    margin-bottom: auto !important;
  }

  .wt-pal-grid-ml-xs-auto {
    margin-left: auto !important;
  }

  .wt-pal-grid-m-xs-0 {
    margin: 0 !important;
  }

  .wt-pal-grid-mt-xs-0 {
    margin-top: 0 !important;
  }

  .wt-pal-grid-mr-xs-0 {
    margin-right: 0 !important;
  }

  .wt-pal-grid-mb-xs-0 {
    margin-bottom: 0 !important;
  }

  .wt-pal-grid-ml-xs-0 {
    margin-left: 0 !important;
  }

  .wt-pal-grid-m-xs-100 {
    margin: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-mt-xs-100 {
    margin-top: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-mr-xs-100 {
    margin-right: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-mb-xs-100 {
    margin-bottom: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-ml-xs-100 {
    margin-left: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-m-xs-150 {
    margin: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-mt-xs-150 {
    margin-top: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-mr-xs-150 {
    margin-right: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-mb-xs-150 {
    margin-bottom: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-ml-xs-150 {
    margin-left: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-m-xs-200 {
    margin: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-mt-xs-200 {
    margin-top: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-mr-xs-200 {
    margin-right: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-mb-xs-200 {
    margin-bottom: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-ml-xs-200 {
    margin-left: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-m-xs-300 {
    margin: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-mt-xs-300 {
    margin-top: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-mr-xs-300 {
    margin-right: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-mb-xs-300 {
    margin-bottom: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-ml-xs-300 {
    margin-left: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-m-xs-400 {
    margin: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-mt-xs-400 {
    margin-top: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-mr-xs-400 {
    margin-right: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-mb-xs-400 {
    margin-bottom: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-ml-xs-400 {
    margin-left: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-m-xs-500 {
    margin: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-mt-xs-500 {
    margin-top: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-mr-xs-500 {
    margin-right: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-mb-xs-500 {
    margin-bottom: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-ml-xs-500 {
    margin-left: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-m-xs-600 {
    margin: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-mt-xs-600 {
    margin-top: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-mr-xs-600 {
    margin-right: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-mb-xs-600 {
    margin-bottom: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-ml-xs-600 {
    margin-left: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-m-xs-700 {
    margin: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-mt-xs-700 {
    margin-top: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-mr-xs-700 {
    margin-right: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-mb-xs-700 {
    margin-bottom: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-ml-xs-700 {
    margin-left: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-m-xs-800 {
    margin: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-mt-xs-800 {
    margin-top: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-mr-xs-800 {
    margin-right: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-mb-xs-800 {
    margin-bottom: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-ml-xs-800 {
    margin-left: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-m-xs-900 {
    margin: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-mt-xs-900 {
    margin-top: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-mr-xs-900 {
    margin-right: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-mb-xs-900 {
    margin-bottom: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-ml-xs-900 {
    margin-left: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-m-xs-1000 {
    margin: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-mt-xs-1000 {
    margin-top: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-mr-xs-1000 {
    margin-right: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-mb-xs-1000 {
    margin-bottom: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-ml-xs-1000 {
    margin-left: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-m-xs-1100 {
    margin: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-mt-xs-1100 {
    margin-top: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-mr-xs-1100 {
    margin-right: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-mb-xs-1100 {
    margin-bottom: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-ml-xs-1100 {
    margin-left: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-m-xs-1200 {
    margin: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-mt-xs-1200 {
    margin-top: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-mr-xs-1200 {
    margin-right: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-mb-xs-1200 {
    margin-bottom: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-ml-xs-1200 {
    margin-left: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-m-xs-1300 {
    margin: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-mt-xs-1300 {
    margin-top: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-mr-xs-1300 {
    margin-right: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-mb-xs-1300 {
    margin-bottom: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-ml-xs-1300 {
    margin-left: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-m-xs-1400 {
    margin: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-mt-xs-1400 {
    margin-top: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-mr-xs-1400 {
    margin-right: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-mb-xs-1400 {
    margin-bottom: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-ml-xs-1400 {
    margin-left: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-m-xs-1500 {
    margin: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-mt-xs-1500 {
    margin-top: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-mr-xs-1500 {
    margin-right: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-mb-xs-1500 {
    margin-bottom: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-ml-xs-1500 {
    margin-left: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-m-xs-1600 {
    margin: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-mt-xs-1600 {
    margin-top: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-mr-xs-1600 {
    margin-right: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-mb-xs-1600 {
    margin-bottom: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-ml-xs-1600 {
    margin-left: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-m-xs-025 {
    margin: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-mt-xs-025 {
    margin-top: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-mr-xs-025 {
    margin-right: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-mb-xs-025 {
    margin-bottom: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-ml-xs-025 {
    margin-left: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-m-xs-050 {
    margin: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-mt-xs-050 {
    margin-top: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-mr-xs-050 {
    margin-right: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-mb-xs-050 {
    margin-bottom: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-ml-xs-050 {
    margin-left: var(--clg-dimension-pal-grid-050, 4px) !important;
  }
}

@media only screen and (min-width: 480px) {
  .wt-pal-grid-m-sm-auto {
    margin: auto !important;
  }

  .wt-pal-grid-mt-sm-auto {
    margin-top: auto !important;
  }

  .wt-pal-grid-mr-sm-auto {
    margin-right: auto !important;
  }

  .wt-pal-grid-mb-sm-auto {
    margin-bottom: auto !important;
  }

  .wt-pal-grid-ml-sm-auto {
    margin-left: auto !important;
  }

  .wt-pal-grid-m-sm-0 {
    margin: 0 !important;
  }

  .wt-pal-grid-mt-sm-0 {
    margin-top: 0 !important;
  }

  .wt-pal-grid-mr-sm-0 {
    margin-right: 0 !important;
  }

  .wt-pal-grid-mb-sm-0 {
    margin-bottom: 0 !important;
  }

  .wt-pal-grid-ml-sm-0 {
    margin-left: 0 !important;
  }

  .wt-pal-grid-m-sm-100 {
    margin: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-mt-sm-100 {
    margin-top: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-mr-sm-100 {
    margin-right: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-mb-sm-100 {
    margin-bottom: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-ml-sm-100 {
    margin-left: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-m-sm-150 {
    margin: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-mt-sm-150 {
    margin-top: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-mr-sm-150 {
    margin-right: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-mb-sm-150 {
    margin-bottom: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-ml-sm-150 {
    margin-left: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-m-sm-200 {
    margin: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-mt-sm-200 {
    margin-top: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-mr-sm-200 {
    margin-right: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-mb-sm-200 {
    margin-bottom: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-ml-sm-200 {
    margin-left: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-m-sm-300 {
    margin: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-mt-sm-300 {
    margin-top: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-mr-sm-300 {
    margin-right: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-mb-sm-300 {
    margin-bottom: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-ml-sm-300 {
    margin-left: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-m-sm-400 {
    margin: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-mt-sm-400 {
    margin-top: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-mr-sm-400 {
    margin-right: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-mb-sm-400 {
    margin-bottom: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-ml-sm-400 {
    margin-left: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-m-sm-500 {
    margin: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-mt-sm-500 {
    margin-top: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-mr-sm-500 {
    margin-right: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-mb-sm-500 {
    margin-bottom: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-ml-sm-500 {
    margin-left: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-m-sm-600 {
    margin: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-mt-sm-600 {
    margin-top: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-mr-sm-600 {
    margin-right: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-mb-sm-600 {
    margin-bottom: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-ml-sm-600 {
    margin-left: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-m-sm-700 {
    margin: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-mt-sm-700 {
    margin-top: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-mr-sm-700 {
    margin-right: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-mb-sm-700 {
    margin-bottom: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-ml-sm-700 {
    margin-left: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-m-sm-800 {
    margin: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-mt-sm-800 {
    margin-top: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-mr-sm-800 {
    margin-right: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-mb-sm-800 {
    margin-bottom: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-ml-sm-800 {
    margin-left: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-m-sm-900 {
    margin: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-mt-sm-900 {
    margin-top: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-mr-sm-900 {
    margin-right: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-mb-sm-900 {
    margin-bottom: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-ml-sm-900 {
    margin-left: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-m-sm-1000 {
    margin: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-mt-sm-1000 {
    margin-top: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-mr-sm-1000 {
    margin-right: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-mb-sm-1000 {
    margin-bottom: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-ml-sm-1000 {
    margin-left: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-m-sm-1100 {
    margin: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-mt-sm-1100 {
    margin-top: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-mr-sm-1100 {
    margin-right: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-mb-sm-1100 {
    margin-bottom: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-ml-sm-1100 {
    margin-left: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-m-sm-1200 {
    margin: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-mt-sm-1200 {
    margin-top: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-mr-sm-1200 {
    margin-right: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-mb-sm-1200 {
    margin-bottom: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-ml-sm-1200 {
    margin-left: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-m-sm-1300 {
    margin: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-mt-sm-1300 {
    margin-top: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-mr-sm-1300 {
    margin-right: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-mb-sm-1300 {
    margin-bottom: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-ml-sm-1300 {
    margin-left: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-m-sm-1400 {
    margin: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-mt-sm-1400 {
    margin-top: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-mr-sm-1400 {
    margin-right: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-mb-sm-1400 {
    margin-bottom: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-ml-sm-1400 {
    margin-left: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-m-sm-1500 {
    margin: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-mt-sm-1500 {
    margin-top: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-mr-sm-1500 {
    margin-right: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-mb-sm-1500 {
    margin-bottom: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-ml-sm-1500 {
    margin-left: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-m-sm-1600 {
    margin: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-mt-sm-1600 {
    margin-top: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-mr-sm-1600 {
    margin-right: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-mb-sm-1600 {
    margin-bottom: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-ml-sm-1600 {
    margin-left: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-m-sm-025 {
    margin: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-mt-sm-025 {
    margin-top: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-mr-sm-025 {
    margin-right: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-mb-sm-025 {
    margin-bottom: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-ml-sm-025 {
    margin-left: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-m-sm-050 {
    margin: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-mt-sm-050 {
    margin-top: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-mr-sm-050 {
    margin-right: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-mb-sm-050 {
    margin-bottom: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-ml-sm-050 {
    margin-left: var(--clg-dimension-pal-grid-050, 4px) !important;
  }
}

@media only screen and (min-width: 640px) {
  .wt-pal-grid-m-md-auto {
    margin: auto !important;
  }

  .wt-pal-grid-mt-md-auto {
    margin-top: auto !important;
  }

  .wt-pal-grid-mr-md-auto {
    margin-right: auto !important;
  }

  .wt-pal-grid-mb-md-auto {
    margin-bottom: auto !important;
  }

  .wt-pal-grid-ml-md-auto {
    margin-left: auto !important;
  }

  .wt-pal-grid-m-md-0 {
    margin: 0 !important;
  }

  .wt-pal-grid-mt-md-0 {
    margin-top: 0 !important;
  }

  .wt-pal-grid-mr-md-0 {
    margin-right: 0 !important;
  }

  .wt-pal-grid-mb-md-0 {
    margin-bottom: 0 !important;
  }

  .wt-pal-grid-ml-md-0 {
    margin-left: 0 !important;
  }

  .wt-pal-grid-m-md-100 {
    margin: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-mt-md-100 {
    margin-top: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-mr-md-100 {
    margin-right: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-mb-md-100 {
    margin-bottom: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-ml-md-100 {
    margin-left: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-m-md-150 {
    margin: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-mt-md-150 {
    margin-top: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-mr-md-150 {
    margin-right: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-mb-md-150 {
    margin-bottom: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-ml-md-150 {
    margin-left: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-m-md-200 {
    margin: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-mt-md-200 {
    margin-top: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-mr-md-200 {
    margin-right: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-mb-md-200 {
    margin-bottom: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-ml-md-200 {
    margin-left: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-m-md-300 {
    margin: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-mt-md-300 {
    margin-top: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-mr-md-300 {
    margin-right: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-mb-md-300 {
    margin-bottom: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-ml-md-300 {
    margin-left: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-m-md-400 {
    margin: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-mt-md-400 {
    margin-top: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-mr-md-400 {
    margin-right: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-mb-md-400 {
    margin-bottom: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-ml-md-400 {
    margin-left: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-m-md-500 {
    margin: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-mt-md-500 {
    margin-top: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-mr-md-500 {
    margin-right: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-mb-md-500 {
    margin-bottom: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-ml-md-500 {
    margin-left: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-m-md-600 {
    margin: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-mt-md-600 {
    margin-top: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-mr-md-600 {
    margin-right: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-mb-md-600 {
    margin-bottom: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-ml-md-600 {
    margin-left: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-m-md-700 {
    margin: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-mt-md-700 {
    margin-top: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-mr-md-700 {
    margin-right: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-mb-md-700 {
    margin-bottom: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-ml-md-700 {
    margin-left: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-m-md-800 {
    margin: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-mt-md-800 {
    margin-top: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-mr-md-800 {
    margin-right: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-mb-md-800 {
    margin-bottom: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-ml-md-800 {
    margin-left: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-m-md-900 {
    margin: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-mt-md-900 {
    margin-top: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-mr-md-900 {
    margin-right: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-mb-md-900 {
    margin-bottom: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-ml-md-900 {
    margin-left: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-m-md-1000 {
    margin: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-mt-md-1000 {
    margin-top: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-mr-md-1000 {
    margin-right: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-mb-md-1000 {
    margin-bottom: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-ml-md-1000 {
    margin-left: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-m-md-1100 {
    margin: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-mt-md-1100 {
    margin-top: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-mr-md-1100 {
    margin-right: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-mb-md-1100 {
    margin-bottom: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-ml-md-1100 {
    margin-left: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-m-md-1200 {
    margin: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-mt-md-1200 {
    margin-top: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-mr-md-1200 {
    margin-right: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-mb-md-1200 {
    margin-bottom: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-ml-md-1200 {
    margin-left: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-m-md-1300 {
    margin: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-mt-md-1300 {
    margin-top: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-mr-md-1300 {
    margin-right: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-mb-md-1300 {
    margin-bottom: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-ml-md-1300 {
    margin-left: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-m-md-1400 {
    margin: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-mt-md-1400 {
    margin-top: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-mr-md-1400 {
    margin-right: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-mb-md-1400 {
    margin-bottom: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-ml-md-1400 {
    margin-left: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-m-md-1500 {
    margin: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-mt-md-1500 {
    margin-top: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-mr-md-1500 {
    margin-right: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-mb-md-1500 {
    margin-bottom: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-ml-md-1500 {
    margin-left: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-m-md-1600 {
    margin: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-mt-md-1600 {
    margin-top: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-mr-md-1600 {
    margin-right: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-mb-md-1600 {
    margin-bottom: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-ml-md-1600 {
    margin-left: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-m-md-025 {
    margin: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-mt-md-025 {
    margin-top: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-mr-md-025 {
    margin-right: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-mb-md-025 {
    margin-bottom: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-ml-md-025 {
    margin-left: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-m-md-050 {
    margin: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-mt-md-050 {
    margin-top: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-mr-md-050 {
    margin-right: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-mb-md-050 {
    margin-bottom: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-ml-md-050 {
    margin-left: var(--clg-dimension-pal-grid-050, 4px) !important;
  }
}

@media only screen and (min-width: 900px) {
  .wt-pal-grid-m-lg-auto {
    margin: auto !important;
  }

  .wt-pal-grid-mt-lg-auto {
    margin-top: auto !important;
  }

  .wt-pal-grid-mr-lg-auto {
    margin-right: auto !important;
  }

  .wt-pal-grid-mb-lg-auto {
    margin-bottom: auto !important;
  }

  .wt-pal-grid-ml-lg-auto {
    margin-left: auto !important;
  }

  .wt-pal-grid-m-lg-0 {
    margin: 0 !important;
  }

  .wt-pal-grid-mt-lg-0 {
    margin-top: 0 !important;
  }

  .wt-pal-grid-mr-lg-0 {
    margin-right: 0 !important;
  }

  .wt-pal-grid-mb-lg-0 {
    margin-bottom: 0 !important;
  }

  .wt-pal-grid-ml-lg-0 {
    margin-left: 0 !important;
  }

  .wt-pal-grid-m-lg-100 {
    margin: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-mt-lg-100 {
    margin-top: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-mr-lg-100 {
    margin-right: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-mb-lg-100 {
    margin-bottom: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-ml-lg-100 {
    margin-left: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-m-lg-150 {
    margin: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-mt-lg-150 {
    margin-top: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-mr-lg-150 {
    margin-right: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-mb-lg-150 {
    margin-bottom: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-ml-lg-150 {
    margin-left: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-m-lg-200 {
    margin: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-mt-lg-200 {
    margin-top: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-mr-lg-200 {
    margin-right: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-mb-lg-200 {
    margin-bottom: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-ml-lg-200 {
    margin-left: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-m-lg-300 {
    margin: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-mt-lg-300 {
    margin-top: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-mr-lg-300 {
    margin-right: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-mb-lg-300 {
    margin-bottom: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-ml-lg-300 {
    margin-left: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-m-lg-400 {
    margin: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-mt-lg-400 {
    margin-top: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-mr-lg-400 {
    margin-right: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-mb-lg-400 {
    margin-bottom: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-ml-lg-400 {
    margin-left: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-m-lg-500 {
    margin: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-mt-lg-500 {
    margin-top: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-mr-lg-500 {
    margin-right: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-mb-lg-500 {
    margin-bottom: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-ml-lg-500 {
    margin-left: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-m-lg-600 {
    margin: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-mt-lg-600 {
    margin-top: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-mr-lg-600 {
    margin-right: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-mb-lg-600 {
    margin-bottom: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-ml-lg-600 {
    margin-left: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-m-lg-700 {
    margin: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-mt-lg-700 {
    margin-top: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-mr-lg-700 {
    margin-right: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-mb-lg-700 {
    margin-bottom: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-ml-lg-700 {
    margin-left: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-m-lg-800 {
    margin: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-mt-lg-800 {
    margin-top: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-mr-lg-800 {
    margin-right: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-mb-lg-800 {
    margin-bottom: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-ml-lg-800 {
    margin-left: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-m-lg-900 {
    margin: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-mt-lg-900 {
    margin-top: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-mr-lg-900 {
    margin-right: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-mb-lg-900 {
    margin-bottom: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-ml-lg-900 {
    margin-left: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-m-lg-1000 {
    margin: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-mt-lg-1000 {
    margin-top: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-mr-lg-1000 {
    margin-right: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-mb-lg-1000 {
    margin-bottom: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-ml-lg-1000 {
    margin-left: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-m-lg-1100 {
    margin: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-mt-lg-1100 {
    margin-top: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-mr-lg-1100 {
    margin-right: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-mb-lg-1100 {
    margin-bottom: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-ml-lg-1100 {
    margin-left: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-m-lg-1200 {
    margin: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-mt-lg-1200 {
    margin-top: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-mr-lg-1200 {
    margin-right: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-mb-lg-1200 {
    margin-bottom: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-ml-lg-1200 {
    margin-left: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-m-lg-1300 {
    margin: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-mt-lg-1300 {
    margin-top: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-mr-lg-1300 {
    margin-right: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-mb-lg-1300 {
    margin-bottom: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-ml-lg-1300 {
    margin-left: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-m-lg-1400 {
    margin: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-mt-lg-1400 {
    margin-top: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-mr-lg-1400 {
    margin-right: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-mb-lg-1400 {
    margin-bottom: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-ml-lg-1400 {
    margin-left: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-m-lg-1500 {
    margin: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-mt-lg-1500 {
    margin-top: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-mr-lg-1500 {
    margin-right: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-mb-lg-1500 {
    margin-bottom: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-ml-lg-1500 {
    margin-left: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-m-lg-1600 {
    margin: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-mt-lg-1600 {
    margin-top: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-mr-lg-1600 {
    margin-right: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-mb-lg-1600 {
    margin-bottom: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-ml-lg-1600 {
    margin-left: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-m-lg-025 {
    margin: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-mt-lg-025 {
    margin-top: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-mr-lg-025 {
    margin-right: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-mb-lg-025 {
    margin-bottom: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-ml-lg-025 {
    margin-left: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-m-lg-050 {
    margin: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-mt-lg-050 {
    margin-top: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-mr-lg-050 {
    margin-right: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-mb-lg-050 {
    margin-bottom: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-ml-lg-050 {
    margin-left: var(--clg-dimension-pal-grid-050, 4px) !important;
  }
}

@media only screen and (min-width: 1200px) {
  .wt-pal-grid-m-xl-auto {
    margin: auto !important;
  }

  .wt-pal-grid-mt-xl-auto {
    margin-top: auto !important;
  }

  .wt-pal-grid-mr-xl-auto {
    margin-right: auto !important;
  }

  .wt-pal-grid-mb-xl-auto {
    margin-bottom: auto !important;
  }

  .wt-pal-grid-ml-xl-auto {
    margin-left: auto !important;
  }

  .wt-pal-grid-m-xl-0 {
    margin: 0 !important;
  }

  .wt-pal-grid-mt-xl-0 {
    margin-top: 0 !important;
  }

  .wt-pal-grid-mr-xl-0 {
    margin-right: 0 !important;
  }

  .wt-pal-grid-mb-xl-0 {
    margin-bottom: 0 !important;
  }

  .wt-pal-grid-ml-xl-0 {
    margin-left: 0 !important;
  }

  .wt-pal-grid-m-xl-100 {
    margin: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-mt-xl-100 {
    margin-top: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-mr-xl-100 {
    margin-right: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-mb-xl-100 {
    margin-bottom: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-ml-xl-100 {
    margin-left: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-m-xl-150 {
    margin: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-mt-xl-150 {
    margin-top: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-mr-xl-150 {
    margin-right: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-mb-xl-150 {
    margin-bottom: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-ml-xl-150 {
    margin-left: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-m-xl-200 {
    margin: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-mt-xl-200 {
    margin-top: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-mr-xl-200 {
    margin-right: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-mb-xl-200 {
    margin-bottom: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-ml-xl-200 {
    margin-left: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-m-xl-300 {
    margin: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-mt-xl-300 {
    margin-top: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-mr-xl-300 {
    margin-right: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-mb-xl-300 {
    margin-bottom: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-ml-xl-300 {
    margin-left: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-m-xl-400 {
    margin: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-mt-xl-400 {
    margin-top: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-mr-xl-400 {
    margin-right: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-mb-xl-400 {
    margin-bottom: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-ml-xl-400 {
    margin-left: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-m-xl-500 {
    margin: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-mt-xl-500 {
    margin-top: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-mr-xl-500 {
    margin-right: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-mb-xl-500 {
    margin-bottom: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-ml-xl-500 {
    margin-left: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-m-xl-600 {
    margin: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-mt-xl-600 {
    margin-top: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-mr-xl-600 {
    margin-right: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-mb-xl-600 {
    margin-bottom: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-ml-xl-600 {
    margin-left: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-m-xl-700 {
    margin: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-mt-xl-700 {
    margin-top: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-mr-xl-700 {
    margin-right: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-mb-xl-700 {
    margin-bottom: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-ml-xl-700 {
    margin-left: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-m-xl-800 {
    margin: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-mt-xl-800 {
    margin-top: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-mr-xl-800 {
    margin-right: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-mb-xl-800 {
    margin-bottom: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-ml-xl-800 {
    margin-left: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-m-xl-900 {
    margin: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-mt-xl-900 {
    margin-top: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-mr-xl-900 {
    margin-right: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-mb-xl-900 {
    margin-bottom: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-ml-xl-900 {
    margin-left: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-m-xl-1000 {
    margin: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-mt-xl-1000 {
    margin-top: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-mr-xl-1000 {
    margin-right: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-mb-xl-1000 {
    margin-bottom: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-ml-xl-1000 {
    margin-left: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-m-xl-1100 {
    margin: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-mt-xl-1100 {
    margin-top: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-mr-xl-1100 {
    margin-right: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-mb-xl-1100 {
    margin-bottom: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-ml-xl-1100 {
    margin-left: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-m-xl-1200 {
    margin: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-mt-xl-1200 {
    margin-top: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-mr-xl-1200 {
    margin-right: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-mb-xl-1200 {
    margin-bottom: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-ml-xl-1200 {
    margin-left: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-m-xl-1300 {
    margin: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-mt-xl-1300 {
    margin-top: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-mr-xl-1300 {
    margin-right: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-mb-xl-1300 {
    margin-bottom: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-ml-xl-1300 {
    margin-left: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-m-xl-1400 {
    margin: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-mt-xl-1400 {
    margin-top: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-mr-xl-1400 {
    margin-right: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-mb-xl-1400 {
    margin-bottom: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-ml-xl-1400 {
    margin-left: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-m-xl-1500 {
    margin: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-mt-xl-1500 {
    margin-top: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-mr-xl-1500 {
    margin-right: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-mb-xl-1500 {
    margin-bottom: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-ml-xl-1500 {
    margin-left: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-m-xl-1600 {
    margin: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-mt-xl-1600 {
    margin-top: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-mr-xl-1600 {
    margin-right: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-mb-xl-1600 {
    margin-bottom: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-ml-xl-1600 {
    margin-left: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-m-xl-025 {
    margin: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-mt-xl-025 {
    margin-top: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-mr-xl-025 {
    margin-right: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-mb-xl-025 {
    margin-bottom: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-ml-xl-025 {
    margin-left: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-m-xl-050 {
    margin: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-mt-xl-050 {
    margin-top: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-mr-xl-050 {
    margin-right: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-mb-xl-050 {
    margin-bottom: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-ml-xl-050 {
    margin-left: var(--clg-dimension-pal-grid-050, 4px) !important;
  }
}

@media only screen and (min-width: 1400px) {
  .wt-pal-grid-m-tv-auto {
    margin: auto !important;
  }

  .wt-pal-grid-mt-tv-auto {
    margin-top: auto !important;
  }

  .wt-pal-grid-mr-tv-auto {
    margin-right: auto !important;
  }

  .wt-pal-grid-mb-tv-auto {
    margin-bottom: auto !important;
  }

  .wt-pal-grid-ml-tv-auto {
    margin-left: auto !important;
  }

  .wt-pal-grid-m-tv-0 {
    margin: 0 !important;
  }

  .wt-pal-grid-mt-tv-0 {
    margin-top: 0 !important;
  }

  .wt-pal-grid-mr-tv-0 {
    margin-right: 0 !important;
  }

  .wt-pal-grid-mb-tv-0 {
    margin-bottom: 0 !important;
  }

  .wt-pal-grid-ml-tv-0 {
    margin-left: 0 !important;
  }

  .wt-pal-grid-m-tv-100 {
    margin: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-mt-tv-100 {
    margin-top: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-mr-tv-100 {
    margin-right: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-mb-tv-100 {
    margin-bottom: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-ml-tv-100 {
    margin-left: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-m-tv-150 {
    margin: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-mt-tv-150 {
    margin-top: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-mr-tv-150 {
    margin-right: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-mb-tv-150 {
    margin-bottom: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-ml-tv-150 {
    margin-left: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-m-tv-200 {
    margin: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-mt-tv-200 {
    margin-top: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-mr-tv-200 {
    margin-right: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-mb-tv-200 {
    margin-bottom: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-ml-tv-200 {
    margin-left: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-m-tv-300 {
    margin: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-mt-tv-300 {
    margin-top: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-mr-tv-300 {
    margin-right: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-mb-tv-300 {
    margin-bottom: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-ml-tv-300 {
    margin-left: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-m-tv-400 {
    margin: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-mt-tv-400 {
    margin-top: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-mr-tv-400 {
    margin-right: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-mb-tv-400 {
    margin-bottom: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-ml-tv-400 {
    margin-left: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-m-tv-500 {
    margin: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-mt-tv-500 {
    margin-top: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-mr-tv-500 {
    margin-right: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-mb-tv-500 {
    margin-bottom: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-ml-tv-500 {
    margin-left: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-m-tv-600 {
    margin: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-mt-tv-600 {
    margin-top: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-mr-tv-600 {
    margin-right: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-mb-tv-600 {
    margin-bottom: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-ml-tv-600 {
    margin-left: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-m-tv-700 {
    margin: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-mt-tv-700 {
    margin-top: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-mr-tv-700 {
    margin-right: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-mb-tv-700 {
    margin-bottom: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-ml-tv-700 {
    margin-left: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-m-tv-800 {
    margin: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-mt-tv-800 {
    margin-top: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-mr-tv-800 {
    margin-right: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-mb-tv-800 {
    margin-bottom: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-ml-tv-800 {
    margin-left: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-m-tv-900 {
    margin: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-mt-tv-900 {
    margin-top: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-mr-tv-900 {
    margin-right: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-mb-tv-900 {
    margin-bottom: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-ml-tv-900 {
    margin-left: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-m-tv-1000 {
    margin: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-mt-tv-1000 {
    margin-top: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-mr-tv-1000 {
    margin-right: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-mb-tv-1000 {
    margin-bottom: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-ml-tv-1000 {
    margin-left: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-m-tv-1100 {
    margin: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-mt-tv-1100 {
    margin-top: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-mr-tv-1100 {
    margin-right: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-mb-tv-1100 {
    margin-bottom: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-ml-tv-1100 {
    margin-left: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-m-tv-1200 {
    margin: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-mt-tv-1200 {
    margin-top: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-mr-tv-1200 {
    margin-right: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-mb-tv-1200 {
    margin-bottom: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-ml-tv-1200 {
    margin-left: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-m-tv-1300 {
    margin: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-mt-tv-1300 {
    margin-top: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-mr-tv-1300 {
    margin-right: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-mb-tv-1300 {
    margin-bottom: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-ml-tv-1300 {
    margin-left: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-m-tv-1400 {
    margin: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-mt-tv-1400 {
    margin-top: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-mr-tv-1400 {
    margin-right: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-mb-tv-1400 {
    margin-bottom: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-ml-tv-1400 {
    margin-left: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-m-tv-1500 {
    margin: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-mt-tv-1500 {
    margin-top: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-mr-tv-1500 {
    margin-right: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-mb-tv-1500 {
    margin-bottom: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-ml-tv-1500 {
    margin-left: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-m-tv-1600 {
    margin: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-mt-tv-1600 {
    margin-top: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-mr-tv-1600 {
    margin-right: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-mb-tv-1600 {
    margin-bottom: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-ml-tv-1600 {
    margin-left: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-m-tv-025 {
    margin: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-mt-tv-025 {
    margin-top: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-mr-tv-025 {
    margin-right: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-mb-tv-025 {
    margin-bottom: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-ml-tv-025 {
    margin-left: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-m-tv-050 {
    margin: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-mt-tv-050 {
    margin-top: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-mr-tv-050 {
    margin-right: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-mb-tv-050 {
    margin-bottom: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-ml-tv-050 {
    margin-left: var(--clg-dimension-pal-grid-050, 4px) !important;
  }
}

@media only screen and (min-width: 0) {
  .wt-pal-grid-p-xs-0 {
    padding: 0 !important;
  }

  .wt-pal-grid-pt-xs-0 {
    padding-top: 0 !important;
  }

  .wt-pal-grid-pr-xs-0 {
    padding-right: 0 !important;
  }

  .wt-pal-grid-pb-xs-0 {
    padding-bottom: 0 !important;
  }

  .wt-pal-grid-pl-xs-0 {
    padding-left: 0 !important;
  }

  .wt-pal-grid-p-xs-100 {
    padding: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-pt-xs-100 {
    padding-top: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-pr-xs-100 {
    padding-right: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-pb-xs-100 {
    padding-bottom: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-pl-xs-100 {
    padding-left: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-p-xs-150 {
    padding: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-pt-xs-150 {
    padding-top: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-pr-xs-150 {
    padding-right: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-pb-xs-150 {
    padding-bottom: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-pl-xs-150 {
    padding-left: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-p-xs-200 {
    padding: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-pt-xs-200 {
    padding-top: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-pr-xs-200 {
    padding-right: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-pb-xs-200 {
    padding-bottom: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-pl-xs-200 {
    padding-left: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-p-xs-300 {
    padding: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-pt-xs-300 {
    padding-top: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-pr-xs-300 {
    padding-right: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-pb-xs-300 {
    padding-bottom: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-pl-xs-300 {
    padding-left: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-p-xs-400 {
    padding: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-pt-xs-400 {
    padding-top: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-pr-xs-400 {
    padding-right: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-pb-xs-400 {
    padding-bottom: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-pl-xs-400 {
    padding-left: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-p-xs-500 {
    padding: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-pt-xs-500 {
    padding-top: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-pr-xs-500 {
    padding-right: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-pb-xs-500 {
    padding-bottom: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-pl-xs-500 {
    padding-left: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-p-xs-600 {
    padding: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-pt-xs-600 {
    padding-top: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-pr-xs-600 {
    padding-right: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-pb-xs-600 {
    padding-bottom: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-pl-xs-600 {
    padding-left: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-p-xs-700 {
    padding: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-pt-xs-700 {
    padding-top: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-pr-xs-700 {
    padding-right: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-pb-xs-700 {
    padding-bottom: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-pl-xs-700 {
    padding-left: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-p-xs-800 {
    padding: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-pt-xs-800 {
    padding-top: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-pr-xs-800 {
    padding-right: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-pb-xs-800 {
    padding-bottom: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-pl-xs-800 {
    padding-left: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-p-xs-900 {
    padding: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-pt-xs-900 {
    padding-top: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-pr-xs-900 {
    padding-right: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-pb-xs-900 {
    padding-bottom: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-pl-xs-900 {
    padding-left: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-p-xs-1000 {
    padding: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-pt-xs-1000 {
    padding-top: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-pr-xs-1000 {
    padding-right: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-pb-xs-1000 {
    padding-bottom: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-pl-xs-1000 {
    padding-left: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-p-xs-1100 {
    padding: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-pt-xs-1100 {
    padding-top: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-pr-xs-1100 {
    padding-right: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-pb-xs-1100 {
    padding-bottom: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-pl-xs-1100 {
    padding-left: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-p-xs-1200 {
    padding: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-pt-xs-1200 {
    padding-top: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-pr-xs-1200 {
    padding-right: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-pb-xs-1200 {
    padding-bottom: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-pl-xs-1200 {
    padding-left: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-p-xs-1300 {
    padding: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-pt-xs-1300 {
    padding-top: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-pr-xs-1300 {
    padding-right: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-pb-xs-1300 {
    padding-bottom: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-pl-xs-1300 {
    padding-left: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-p-xs-1400 {
    padding: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-pt-xs-1400 {
    padding-top: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-pr-xs-1400 {
    padding-right: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-pb-xs-1400 {
    padding-bottom: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-pl-xs-1400 {
    padding-left: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-p-xs-1500 {
    padding: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-pt-xs-1500 {
    padding-top: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-pr-xs-1500 {
    padding-right: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-pb-xs-1500 {
    padding-bottom: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-pl-xs-1500 {
    padding-left: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-p-xs-1600 {
    padding: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-pt-xs-1600 {
    padding-top: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-pr-xs-1600 {
    padding-right: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-pb-xs-1600 {
    padding-bottom: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-pl-xs-1600 {
    padding-left: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-p-xs-025 {
    padding: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-pt-xs-025 {
    padding-top: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-pr-xs-025 {
    padding-right: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-pb-xs-025 {
    padding-bottom: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-pl-xs-025 {
    padding-left: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-p-xs-050 {
    padding: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-pt-xs-050 {
    padding-top: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-pr-xs-050 {
    padding-right: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-pb-xs-050 {
    padding-bottom: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-pl-xs-050 {
    padding-left: var(--clg-dimension-pal-grid-050, 4px) !important;
  }
}

@media only screen and (min-width: 480px) {
  .wt-pal-grid-p-sm-0 {
    padding: 0 !important;
  }

  .wt-pal-grid-pt-sm-0 {
    padding-top: 0 !important;
  }

  .wt-pal-grid-pr-sm-0 {
    padding-right: 0 !important;
  }

  .wt-pal-grid-pb-sm-0 {
    padding-bottom: 0 !important;
  }

  .wt-pal-grid-pl-sm-0 {
    padding-left: 0 !important;
  }

  .wt-pal-grid-p-sm-100 {
    padding: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-pt-sm-100 {
    padding-top: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-pr-sm-100 {
    padding-right: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-pb-sm-100 {
    padding-bottom: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-pl-sm-100 {
    padding-left: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-p-sm-150 {
    padding: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-pt-sm-150 {
    padding-top: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-pr-sm-150 {
    padding-right: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-pb-sm-150 {
    padding-bottom: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-pl-sm-150 {
    padding-left: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-p-sm-200 {
    padding: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-pt-sm-200 {
    padding-top: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-pr-sm-200 {
    padding-right: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-pb-sm-200 {
    padding-bottom: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-pl-sm-200 {
    padding-left: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-p-sm-300 {
    padding: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-pt-sm-300 {
    padding-top: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-pr-sm-300 {
    padding-right: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-pb-sm-300 {
    padding-bottom: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-pl-sm-300 {
    padding-left: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-p-sm-400 {
    padding: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-pt-sm-400 {
    padding-top: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-pr-sm-400 {
    padding-right: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-pb-sm-400 {
    padding-bottom: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-pl-sm-400 {
    padding-left: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-p-sm-500 {
    padding: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-pt-sm-500 {
    padding-top: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-pr-sm-500 {
    padding-right: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-pb-sm-500 {
    padding-bottom: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-pl-sm-500 {
    padding-left: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-p-sm-600 {
    padding: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-pt-sm-600 {
    padding-top: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-pr-sm-600 {
    padding-right: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-pb-sm-600 {
    padding-bottom: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-pl-sm-600 {
    padding-left: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-p-sm-700 {
    padding: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-pt-sm-700 {
    padding-top: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-pr-sm-700 {
    padding-right: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-pb-sm-700 {
    padding-bottom: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-pl-sm-700 {
    padding-left: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-p-sm-800 {
    padding: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-pt-sm-800 {
    padding-top: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-pr-sm-800 {
    padding-right: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-pb-sm-800 {
    padding-bottom: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-pl-sm-800 {
    padding-left: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-p-sm-900 {
    padding: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-pt-sm-900 {
    padding-top: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-pr-sm-900 {
    padding-right: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-pb-sm-900 {
    padding-bottom: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-pl-sm-900 {
    padding-left: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-p-sm-1000 {
    padding: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-pt-sm-1000 {
    padding-top: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-pr-sm-1000 {
    padding-right: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-pb-sm-1000 {
    padding-bottom: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-pl-sm-1000 {
    padding-left: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-p-sm-1100 {
    padding: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-pt-sm-1100 {
    padding-top: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-pr-sm-1100 {
    padding-right: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-pb-sm-1100 {
    padding-bottom: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-pl-sm-1100 {
    padding-left: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-p-sm-1200 {
    padding: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-pt-sm-1200 {
    padding-top: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-pr-sm-1200 {
    padding-right: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-pb-sm-1200 {
    padding-bottom: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-pl-sm-1200 {
    padding-left: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-p-sm-1300 {
    padding: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-pt-sm-1300 {
    padding-top: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-pr-sm-1300 {
    padding-right: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-pb-sm-1300 {
    padding-bottom: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-pl-sm-1300 {
    padding-left: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-p-sm-1400 {
    padding: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-pt-sm-1400 {
    padding-top: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-pr-sm-1400 {
    padding-right: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-pb-sm-1400 {
    padding-bottom: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-pl-sm-1400 {
    padding-left: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-p-sm-1500 {
    padding: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-pt-sm-1500 {
    padding-top: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-pr-sm-1500 {
    padding-right: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-pb-sm-1500 {
    padding-bottom: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-pl-sm-1500 {
    padding-left: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-p-sm-1600 {
    padding: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-pt-sm-1600 {
    padding-top: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-pr-sm-1600 {
    padding-right: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-pb-sm-1600 {
    padding-bottom: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-pl-sm-1600 {
    padding-left: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-p-sm-025 {
    padding: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-pt-sm-025 {
    padding-top: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-pr-sm-025 {
    padding-right: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-pb-sm-025 {
    padding-bottom: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-pl-sm-025 {
    padding-left: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-p-sm-050 {
    padding: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-pt-sm-050 {
    padding-top: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-pr-sm-050 {
    padding-right: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-pb-sm-050 {
    padding-bottom: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-pl-sm-050 {
    padding-left: var(--clg-dimension-pal-grid-050, 4px) !important;
  }
}

@media only screen and (min-width: 640px) {
  .wt-pal-grid-p-md-0 {
    padding: 0 !important;
  }

  .wt-pal-grid-pt-md-0 {
    padding-top: 0 !important;
  }

  .wt-pal-grid-pr-md-0 {
    padding-right: 0 !important;
  }

  .wt-pal-grid-pb-md-0 {
    padding-bottom: 0 !important;
  }

  .wt-pal-grid-pl-md-0 {
    padding-left: 0 !important;
  }

  .wt-pal-grid-p-md-100 {
    padding: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-pt-md-100 {
    padding-top: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-pr-md-100 {
    padding-right: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-pb-md-100 {
    padding-bottom: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-pl-md-100 {
    padding-left: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-p-md-150 {
    padding: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-pt-md-150 {
    padding-top: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-pr-md-150 {
    padding-right: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-pb-md-150 {
    padding-bottom: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-pl-md-150 {
    padding-left: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-p-md-200 {
    padding: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-pt-md-200 {
    padding-top: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-pr-md-200 {
    padding-right: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-pb-md-200 {
    padding-bottom: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-pl-md-200 {
    padding-left: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-p-md-300 {
    padding: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-pt-md-300 {
    padding-top: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-pr-md-300 {
    padding-right: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-pb-md-300 {
    padding-bottom: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-pl-md-300 {
    padding-left: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-p-md-400 {
    padding: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-pt-md-400 {
    padding-top: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-pr-md-400 {
    padding-right: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-pb-md-400 {
    padding-bottom: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-pl-md-400 {
    padding-left: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-p-md-500 {
    padding: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-pt-md-500 {
    padding-top: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-pr-md-500 {
    padding-right: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-pb-md-500 {
    padding-bottom: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-pl-md-500 {
    padding-left: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-p-md-600 {
    padding: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-pt-md-600 {
    padding-top: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-pr-md-600 {
    padding-right: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-pb-md-600 {
    padding-bottom: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-pl-md-600 {
    padding-left: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-p-md-700 {
    padding: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-pt-md-700 {
    padding-top: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-pr-md-700 {
    padding-right: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-pb-md-700 {
    padding-bottom: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-pl-md-700 {
    padding-left: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-p-md-800 {
    padding: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-pt-md-800 {
    padding-top: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-pr-md-800 {
    padding-right: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-pb-md-800 {
    padding-bottom: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-pl-md-800 {
    padding-left: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-p-md-900 {
    padding: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-pt-md-900 {
    padding-top: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-pr-md-900 {
    padding-right: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-pb-md-900 {
    padding-bottom: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-pl-md-900 {
    padding-left: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-p-md-1000 {
    padding: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-pt-md-1000 {
    padding-top: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-pr-md-1000 {
    padding-right: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-pb-md-1000 {
    padding-bottom: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-pl-md-1000 {
    padding-left: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-p-md-1100 {
    padding: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-pt-md-1100 {
    padding-top: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-pr-md-1100 {
    padding-right: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-pb-md-1100 {
    padding-bottom: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-pl-md-1100 {
    padding-left: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-p-md-1200 {
    padding: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-pt-md-1200 {
    padding-top: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-pr-md-1200 {
    padding-right: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-pb-md-1200 {
    padding-bottom: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-pl-md-1200 {
    padding-left: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-p-md-1300 {
    padding: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-pt-md-1300 {
    padding-top: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-pr-md-1300 {
    padding-right: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-pb-md-1300 {
    padding-bottom: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-pl-md-1300 {
    padding-left: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-p-md-1400 {
    padding: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-pt-md-1400 {
    padding-top: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-pr-md-1400 {
    padding-right: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-pb-md-1400 {
    padding-bottom: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-pl-md-1400 {
    padding-left: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-p-md-1500 {
    padding: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-pt-md-1500 {
    padding-top: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-pr-md-1500 {
    padding-right: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-pb-md-1500 {
    padding-bottom: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-pl-md-1500 {
    padding-left: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-p-md-1600 {
    padding: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-pt-md-1600 {
    padding-top: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-pr-md-1600 {
    padding-right: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-pb-md-1600 {
    padding-bottom: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-pl-md-1600 {
    padding-left: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-p-md-025 {
    padding: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-pt-md-025 {
    padding-top: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-pr-md-025 {
    padding-right: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-pb-md-025 {
    padding-bottom: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-pl-md-025 {
    padding-left: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-p-md-050 {
    padding: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-pt-md-050 {
    padding-top: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-pr-md-050 {
    padding-right: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-pb-md-050 {
    padding-bottom: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-pl-md-050 {
    padding-left: var(--clg-dimension-pal-grid-050, 4px) !important;
  }
}

@media only screen and (min-width: 900px) {
  .wt-pal-grid-p-lg-0 {
    padding: 0 !important;
  }

  .wt-pal-grid-pt-lg-0 {
    padding-top: 0 !important;
  }

  .wt-pal-grid-pr-lg-0 {
    padding-right: 0 !important;
  }

  .wt-pal-grid-pb-lg-0 {
    padding-bottom: 0 !important;
  }

  .wt-pal-grid-pl-lg-0 {
    padding-left: 0 !important;
  }

  .wt-pal-grid-p-lg-100 {
    padding: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-pt-lg-100 {
    padding-top: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-pr-lg-100 {
    padding-right: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-pb-lg-100 {
    padding-bottom: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-pl-lg-100 {
    padding-left: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-p-lg-150 {
    padding: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-pt-lg-150 {
    padding-top: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-pr-lg-150 {
    padding-right: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-pb-lg-150 {
    padding-bottom: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-pl-lg-150 {
    padding-left: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-p-lg-200 {
    padding: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-pt-lg-200 {
    padding-top: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-pr-lg-200 {
    padding-right: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-pb-lg-200 {
    padding-bottom: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-pl-lg-200 {
    padding-left: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-p-lg-300 {
    padding: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-pt-lg-300 {
    padding-top: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-pr-lg-300 {
    padding-right: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-pb-lg-300 {
    padding-bottom: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-pl-lg-300 {
    padding-left: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-p-lg-400 {
    padding: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-pt-lg-400 {
    padding-top: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-pr-lg-400 {
    padding-right: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-pb-lg-400 {
    padding-bottom: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-pl-lg-400 {
    padding-left: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-p-lg-500 {
    padding: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-pt-lg-500 {
    padding-top: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-pr-lg-500 {
    padding-right: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-pb-lg-500 {
    padding-bottom: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-pl-lg-500 {
    padding-left: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-p-lg-600 {
    padding: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-pt-lg-600 {
    padding-top: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-pr-lg-600 {
    padding-right: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-pb-lg-600 {
    padding-bottom: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-pl-lg-600 {
    padding-left: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-p-lg-700 {
    padding: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-pt-lg-700 {
    padding-top: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-pr-lg-700 {
    padding-right: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-pb-lg-700 {
    padding-bottom: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-pl-lg-700 {
    padding-left: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-p-lg-800 {
    padding: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-pt-lg-800 {
    padding-top: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-pr-lg-800 {
    padding-right: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-pb-lg-800 {
    padding-bottom: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-pl-lg-800 {
    padding-left: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-p-lg-900 {
    padding: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-pt-lg-900 {
    padding-top: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-pr-lg-900 {
    padding-right: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-pb-lg-900 {
    padding-bottom: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-pl-lg-900 {
    padding-left: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-p-lg-1000 {
    padding: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-pt-lg-1000 {
    padding-top: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-pr-lg-1000 {
    padding-right: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-pb-lg-1000 {
    padding-bottom: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-pl-lg-1000 {
    padding-left: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-p-lg-1100 {
    padding: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-pt-lg-1100 {
    padding-top: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-pr-lg-1100 {
    padding-right: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-pb-lg-1100 {
    padding-bottom: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-pl-lg-1100 {
    padding-left: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-p-lg-1200 {
    padding: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-pt-lg-1200 {
    padding-top: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-pr-lg-1200 {
    padding-right: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-pb-lg-1200 {
    padding-bottom: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-pl-lg-1200 {
    padding-left: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-p-lg-1300 {
    padding: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-pt-lg-1300 {
    padding-top: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-pr-lg-1300 {
    padding-right: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-pb-lg-1300 {
    padding-bottom: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-pl-lg-1300 {
    padding-left: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-p-lg-1400 {
    padding: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-pt-lg-1400 {
    padding-top: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-pr-lg-1400 {
    padding-right: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-pb-lg-1400 {
    padding-bottom: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-pl-lg-1400 {
    padding-left: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-p-lg-1500 {
    padding: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-pt-lg-1500 {
    padding-top: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-pr-lg-1500 {
    padding-right: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-pb-lg-1500 {
    padding-bottom: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-pl-lg-1500 {
    padding-left: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-p-lg-1600 {
    padding: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-pt-lg-1600 {
    padding-top: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-pr-lg-1600 {
    padding-right: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-pb-lg-1600 {
    padding-bottom: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-pl-lg-1600 {
    padding-left: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-p-lg-025 {
    padding: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-pt-lg-025 {
    padding-top: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-pr-lg-025 {
    padding-right: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-pb-lg-025 {
    padding-bottom: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-pl-lg-025 {
    padding-left: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-p-lg-050 {
    padding: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-pt-lg-050 {
    padding-top: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-pr-lg-050 {
    padding-right: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-pb-lg-050 {
    padding-bottom: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-pl-lg-050 {
    padding-left: var(--clg-dimension-pal-grid-050, 4px) !important;
  }
}

@media only screen and (min-width: 1200px) {
  .wt-pal-grid-p-xl-0 {
    padding: 0 !important;
  }

  .wt-pal-grid-pt-xl-0 {
    padding-top: 0 !important;
  }

  .wt-pal-grid-pr-xl-0 {
    padding-right: 0 !important;
  }

  .wt-pal-grid-pb-xl-0 {
    padding-bottom: 0 !important;
  }

  .wt-pal-grid-pl-xl-0 {
    padding-left: 0 !important;
  }

  .wt-pal-grid-p-xl-100 {
    padding: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-pt-xl-100 {
    padding-top: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-pr-xl-100 {
    padding-right: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-pb-xl-100 {
    padding-bottom: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-pl-xl-100 {
    padding-left: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-p-xl-150 {
    padding: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-pt-xl-150 {
    padding-top: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-pr-xl-150 {
    padding-right: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-pb-xl-150 {
    padding-bottom: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-pl-xl-150 {
    padding-left: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-p-xl-200 {
    padding: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-pt-xl-200 {
    padding-top: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-pr-xl-200 {
    padding-right: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-pb-xl-200 {
    padding-bottom: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-pl-xl-200 {
    padding-left: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-p-xl-300 {
    padding: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-pt-xl-300 {
    padding-top: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-pr-xl-300 {
    padding-right: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-pb-xl-300 {
    padding-bottom: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-pl-xl-300 {
    padding-left: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-p-xl-400 {
    padding: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-pt-xl-400 {
    padding-top: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-pr-xl-400 {
    padding-right: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-pb-xl-400 {
    padding-bottom: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-pl-xl-400 {
    padding-left: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-p-xl-500 {
    padding: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-pt-xl-500 {
    padding-top: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-pr-xl-500 {
    padding-right: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-pb-xl-500 {
    padding-bottom: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-pl-xl-500 {
    padding-left: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-p-xl-600 {
    padding: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-pt-xl-600 {
    padding-top: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-pr-xl-600 {
    padding-right: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-pb-xl-600 {
    padding-bottom: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-pl-xl-600 {
    padding-left: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-p-xl-700 {
    padding: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-pt-xl-700 {
    padding-top: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-pr-xl-700 {
    padding-right: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-pb-xl-700 {
    padding-bottom: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-pl-xl-700 {
    padding-left: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-p-xl-800 {
    padding: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-pt-xl-800 {
    padding-top: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-pr-xl-800 {
    padding-right: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-pb-xl-800 {
    padding-bottom: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-pl-xl-800 {
    padding-left: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-p-xl-900 {
    padding: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-pt-xl-900 {
    padding-top: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-pr-xl-900 {
    padding-right: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-pb-xl-900 {
    padding-bottom: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-pl-xl-900 {
    padding-left: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-p-xl-1000 {
    padding: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-pt-xl-1000 {
    padding-top: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-pr-xl-1000 {
    padding-right: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-pb-xl-1000 {
    padding-bottom: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-pl-xl-1000 {
    padding-left: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-p-xl-1100 {
    padding: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-pt-xl-1100 {
    padding-top: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-pr-xl-1100 {
    padding-right: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-pb-xl-1100 {
    padding-bottom: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-pl-xl-1100 {
    padding-left: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-p-xl-1200 {
    padding: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-pt-xl-1200 {
    padding-top: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-pr-xl-1200 {
    padding-right: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-pb-xl-1200 {
    padding-bottom: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-pl-xl-1200 {
    padding-left: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-p-xl-1300 {
    padding: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-pt-xl-1300 {
    padding-top: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-pr-xl-1300 {
    padding-right: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-pb-xl-1300 {
    padding-bottom: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-pl-xl-1300 {
    padding-left: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-p-xl-1400 {
    padding: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-pt-xl-1400 {
    padding-top: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-pr-xl-1400 {
    padding-right: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-pb-xl-1400 {
    padding-bottom: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-pl-xl-1400 {
    padding-left: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-p-xl-1500 {
    padding: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-pt-xl-1500 {
    padding-top: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-pr-xl-1500 {
    padding-right: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-pb-xl-1500 {
    padding-bottom: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-pl-xl-1500 {
    padding-left: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-p-xl-1600 {
    padding: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-pt-xl-1600 {
    padding-top: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-pr-xl-1600 {
    padding-right: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-pb-xl-1600 {
    padding-bottom: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-pl-xl-1600 {
    padding-left: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-p-xl-025 {
    padding: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-pt-xl-025 {
    padding-top: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-pr-xl-025 {
    padding-right: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-pb-xl-025 {
    padding-bottom: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-pl-xl-025 {
    padding-left: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-p-xl-050 {
    padding: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-pt-xl-050 {
    padding-top: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-pr-xl-050 {
    padding-right: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-pb-xl-050 {
    padding-bottom: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-pl-xl-050 {
    padding-left: var(--clg-dimension-pal-grid-050, 4px) !important;
  }
}

@media only screen and (min-width: 1400px) {
  .wt-pal-grid-p-tv-0 {
    padding: 0 !important;
  }

  .wt-pal-grid-pt-tv-0 {
    padding-top: 0 !important;
  }

  .wt-pal-grid-pr-tv-0 {
    padding-right: 0 !important;
  }

  .wt-pal-grid-pb-tv-0 {
    padding-bottom: 0 !important;
  }

  .wt-pal-grid-pl-tv-0 {
    padding-left: 0 !important;
  }

  .wt-pal-grid-p-tv-100 {
    padding: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-pt-tv-100 {
    padding-top: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-pr-tv-100 {
    padding-right: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-pb-tv-100 {
    padding-bottom: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-pl-tv-100 {
    padding-left: var(--clg-dimension-pal-grid-100, 8px) !important;
  }

  .wt-pal-grid-p-tv-150 {
    padding: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-pt-tv-150 {
    padding-top: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-pr-tv-150 {
    padding-right: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-pb-tv-150 {
    padding-bottom: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-pl-tv-150 {
    padding-left: var(--clg-dimension-pal-grid-150, 12px) !important;
  }

  .wt-pal-grid-p-tv-200 {
    padding: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-pt-tv-200 {
    padding-top: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-pr-tv-200 {
    padding-right: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-pb-tv-200 {
    padding-bottom: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-pl-tv-200 {
    padding-left: var(--clg-dimension-pal-grid-200, 16px) !important;
  }

  .wt-pal-grid-p-tv-300 {
    padding: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-pt-tv-300 {
    padding-top: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-pr-tv-300 {
    padding-right: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-pb-tv-300 {
    padding-bottom: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-pl-tv-300 {
    padding-left: var(--clg-dimension-pal-grid-300, 24px) !important;
  }

  .wt-pal-grid-p-tv-400 {
    padding: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-pt-tv-400 {
    padding-top: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-pr-tv-400 {
    padding-right: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-pb-tv-400 {
    padding-bottom: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-pl-tv-400 {
    padding-left: var(--clg-dimension-pal-grid-400, 32px) !important;
  }

  .wt-pal-grid-p-tv-500 {
    padding: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-pt-tv-500 {
    padding-top: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-pr-tv-500 {
    padding-right: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-pb-tv-500 {
    padding-bottom: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-pl-tv-500 {
    padding-left: var(--clg-dimension-pal-grid-500, 40px) !important;
  }

  .wt-pal-grid-p-tv-600 {
    padding: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-pt-tv-600 {
    padding-top: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-pr-tv-600 {
    padding-right: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-pb-tv-600 {
    padding-bottom: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-pl-tv-600 {
    padding-left: var(--clg-dimension-pal-grid-600, 48px) !important;
  }

  .wt-pal-grid-p-tv-700 {
    padding: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-pt-tv-700 {
    padding-top: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-pr-tv-700 {
    padding-right: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-pb-tv-700 {
    padding-bottom: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-pl-tv-700 {
    padding-left: var(--clg-dimension-pal-grid-700, 56px) !important;
  }

  .wt-pal-grid-p-tv-800 {
    padding: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-pt-tv-800 {
    padding-top: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-pr-tv-800 {
    padding-right: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-pb-tv-800 {
    padding-bottom: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-pl-tv-800 {
    padding-left: var(--clg-dimension-pal-grid-800, 64px) !important;
  }

  .wt-pal-grid-p-tv-900 {
    padding: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-pt-tv-900 {
    padding-top: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-pr-tv-900 {
    padding-right: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-pb-tv-900 {
    padding-bottom: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-pl-tv-900 {
    padding-left: var(--clg-dimension-pal-grid-900, 72px) !important;
  }

  .wt-pal-grid-p-tv-1000 {
    padding: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-pt-tv-1000 {
    padding-top: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-pr-tv-1000 {
    padding-right: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-pb-tv-1000 {
    padding-bottom: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-pl-tv-1000 {
    padding-left: var(--clg-dimension-pal-grid-1000, 80px) !important;
  }

  .wt-pal-grid-p-tv-1100 {
    padding: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-pt-tv-1100 {
    padding-top: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-pr-tv-1100 {
    padding-right: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-pb-tv-1100 {
    padding-bottom: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-pl-tv-1100 {
    padding-left: var(--clg-dimension-pal-grid-1100, 88px) !important;
  }

  .wt-pal-grid-p-tv-1200 {
    padding: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-pt-tv-1200 {
    padding-top: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-pr-tv-1200 {
    padding-right: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-pb-tv-1200 {
    padding-bottom: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-pl-tv-1200 {
    padding-left: var(--clg-dimension-pal-grid-1200, 96px) !important;
  }

  .wt-pal-grid-p-tv-1300 {
    padding: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-pt-tv-1300 {
    padding-top: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-pr-tv-1300 {
    padding-right: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-pb-tv-1300 {
    padding-bottom: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-pl-tv-1300 {
    padding-left: var(--clg-dimension-pal-grid-1300, 104px) !important;
  }

  .wt-pal-grid-p-tv-1400 {
    padding: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-pt-tv-1400 {
    padding-top: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-pr-tv-1400 {
    padding-right: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-pb-tv-1400 {
    padding-bottom: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-pl-tv-1400 {
    padding-left: var(--clg-dimension-pal-grid-1400, 112px) !important;
  }

  .wt-pal-grid-p-tv-1500 {
    padding: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-pt-tv-1500 {
    padding-top: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-pr-tv-1500 {
    padding-right: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-pb-tv-1500 {
    padding-bottom: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-pl-tv-1500 {
    padding-left: var(--clg-dimension-pal-grid-1500, 120px) !important;
  }

  .wt-pal-grid-p-tv-1600 {
    padding: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-pt-tv-1600 {
    padding-top: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-pr-tv-1600 {
    padding-right: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-pb-tv-1600 {
    padding-bottom: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-pl-tv-1600 {
    padding-left: var(--clg-dimension-pal-grid-1600, 128px) !important;
  }

  .wt-pal-grid-p-tv-025 {
    padding: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-pt-tv-025 {
    padding-top: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-pr-tv-025 {
    padding-right: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-pb-tv-025 {
    padding-bottom: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-pl-tv-025 {
    padding-left: var(--clg-dimension-pal-grid-025, 2px) !important;
  }

  .wt-pal-grid-p-tv-050 {
    padding: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-pt-tv-050 {
    padding-top: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-pr-tv-050 {
    padding-right: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-pb-tv-050 {
    padding-bottom: var(--clg-dimension-pal-grid-050, 4px) !important;
  }

  .wt-pal-grid-pl-tv-050 {
    padding-left: var(--clg-dimension-pal-grid-050, 4px) !important;
  }
}

@media only screen and (min-width: 0) {
  .wt-sem-p-card {
    padding: calc(
      var(--clg-dimension-pal-grid-050, 4px) +
        var(--clg-dimension-pal-grid-025, 2px)
    );
  }

  .wt-sem-pt-card {
    padding-top: calc(
      var(--clg-dimension-pal-grid-050, 4px) +
        var(--clg-dimension-pal-grid-025, 2px)
    );
  }

  .wt-sem-pr-card {
    padding-right: calc(
      var(--clg-dimension-pal-grid-050, 4px) +
        var(--clg-dimension-pal-grid-025, 2px)
    );
  }

  .wt-sem-pb-card {
    padding-bottom: calc(
      var(--clg-dimension-pal-grid-050, 4px) +
        var(--clg-dimension-pal-grid-025, 2px)
    );
  }

  .wt-sem-pl-card {
    padding-left: calc(
      var(--clg-dimension-pal-grid-050, 4px) +
        var(--clg-dimension-pal-grid-025, 2px)
    );
  }

  .wt-sem-p-page-margin {
    padding: var(--clg-dimension-pal-grid-200, 16px);
  }

  .wt-sem-pt-page-margin {
    padding-top: var(--clg-dimension-pal-grid-200, 16px);
  }

  .wt-sem-pr-page-margin {
    padding-right: var(--clg-dimension-pal-grid-200, 16px);
  }

  .wt-sem-pb-page-margin {
    padding-bottom: var(--clg-dimension-pal-grid-200, 16px);
  }

  .wt-sem-pl-page-margin {
    padding-left: var(--clg-dimension-pal-grid-200, 16px);
  }

  .wt-sem-p-page-tight {
    padding: var(--clg-dimension-pal-grid-300, 24px);
  }

  .wt-sem-pt-page-tight {
    padding-top: var(--clg-dimension-pal-grid-300, 24px);
  }

  .wt-sem-pr-page-tight {
    padding-right: var(--clg-dimension-pal-grid-300, 24px);
  }

  .wt-sem-pb-page-tight {
    padding-bottom: var(--clg-dimension-pal-grid-300, 24px);
  }

  .wt-sem-pl-page-tight {
    padding-left: var(--clg-dimension-pal-grid-300, 24px);
  }

  .wt-sem-p-page-base {
    padding: var(--clg-dimension-pal-grid-400, 32px);
  }

  .wt-sem-pt-page-base {
    padding-top: var(--clg-dimension-pal-grid-400, 32px);
  }

  .wt-sem-pr-page-base {
    padding-right: var(--clg-dimension-pal-grid-400, 32px);
  }

  .wt-sem-pb-page-base {
    padding-bottom: var(--clg-dimension-pal-grid-400, 32px);
  }

  .wt-sem-pl-page-base {
    padding-left: var(--clg-dimension-pal-grid-400, 32px);
  }

  .wt-sem-p-page-loose {
    padding: var(--clg-dimension-pal-grid-800, 64px);
  }

  .wt-sem-pt-page-loose {
    padding-top: var(--clg-dimension-pal-grid-800, 64px);
  }

  .wt-sem-pr-page-loose {
    padding-right: var(--clg-dimension-pal-grid-800, 64px);
  }

  .wt-sem-pb-page-loose {
    padding-bottom: var(--clg-dimension-pal-grid-800, 64px);
  }

  .wt-sem-pl-page-loose {
    padding-left: var(--clg-dimension-pal-grid-800, 64px);
  }
}

@media only screen and (min-width: 900px) {
  .wt-sem-p-card {
    padding: var(--clg-dimension-sem-spacing-card, 18px);
  }

  .wt-sem-pt-card {
    padding-top: var(--clg-dimension-sem-spacing-card, 18px);
  }

  .wt-sem-pr-card {
    padding-right: var(--clg-dimension-sem-spacing-card, 18px);
  }

  .wt-sem-pb-card {
    padding-bottom: var(--clg-dimension-sem-spacing-card, 18px);
  }

  .wt-sem-pl-card {
    padding-left: var(--clg-dimension-sem-spacing-card, 18px);
  }

  .wt-sem-p-page-margin {
    padding: var(--clg-dimension-sem-spacing-page-margin, 32px);
  }

  .wt-sem-pt-page-margin {
    padding-top: var(--clg-dimension-sem-spacing-page-margin, 32px);
  }

  .wt-sem-pr-page-margin {
    padding-right: var(--clg-dimension-sem-spacing-page-margin, 32px);
  }

  .wt-sem-pb-page-margin {
    padding-bottom: var(--clg-dimension-sem-spacing-page-margin, 32px);
  }

  .wt-sem-pl-page-margin {
    padding-left: var(--clg-dimension-sem-spacing-page-margin, 32px);
  }

  .wt-sem-p-page-tight {
    padding: var(--clg-dimension-sem-spacing-page-tight, 48px);
  }

  .wt-sem-pt-page-tight {
    padding-top: var(--clg-dimension-sem-spacing-page-tight, 48px);
  }

  .wt-sem-pr-page-tight {
    padding-right: var(--clg-dimension-sem-spacing-page-tight, 48px);
  }

  .wt-sem-pb-page-tight {
    padding-bottom: var(--clg-dimension-sem-spacing-page-tight, 48px);
  }

  .wt-sem-pl-page-tight {
    padding-left: var(--clg-dimension-sem-spacing-page-tight, 48px);
  }

  .wt-sem-p-page-base {
    padding: var(--clg-dimension-sem-spacing-page-base, 64px);
  }

  .wt-sem-pt-page-base {
    padding-top: var(--clg-dimension-sem-spacing-page-base, 64px);
  }

  .wt-sem-pr-page-base {
    padding-right: var(--clg-dimension-sem-spacing-page-base, 64px);
  }

  .wt-sem-pb-page-base {
    padding-bottom: var(--clg-dimension-sem-spacing-page-base, 64px);
  }

  .wt-sem-pl-page-base {
    padding-left: var(--clg-dimension-sem-spacing-page-base, 64px);
  }

  .wt-sem-p-page-loose {
    padding: var(--clg-dimension-sem-spacing-page-loose, 128px);
  }

  .wt-sem-pt-page-loose {
    padding-top: var(--clg-dimension-sem-spacing-page-loose, 128px);
  }

  .wt-sem-pr-page-loose {
    padding-right: var(--clg-dimension-sem-spacing-page-loose, 128px);
  }

  .wt-sem-pb-page-loose {
    padding-bottom: var(--clg-dimension-sem-spacing-page-loose, 128px);
  }

  .wt-sem-pl-page-loose {
    padding-left: var(--clg-dimension-sem-spacing-page-loose, 128px);
  }
}

.wt-nudge-t-1,
.wt-nudge-t-2,
.wt-nudge-t-3,
.wt-nudge-t-4,
.wt-nudge-r-1,
.wt-nudge-r-2,
.wt-nudge-r-3,
.wt-nudge-r-4,
.wt-nudge-b-1,
.wt-nudge-b-2,
.wt-nudge-b-3,
.wt-nudge-b-4,
.wt-nudge-l-1,
.wt-nudge-l-2,
.wt-nudge-l-3,
.wt-nudge-l-4 {
  position: relative;
}

.wt-nudge-t-1 {
  top: 1px !important;
}

.wt-nudge-t-2 {
  top: 2px !important;
}

.wt-nudge-t-3 {
  top: 3px !important;
}

.wt-nudge-t-4 {
  top: 4px !important;
}

.wt-nudge-r-1 {
  right: 1px !important;
}

.wt-nudge-r-2 {
  right: 2px !important;
}

.wt-nudge-r-3 {
  right: 3px !important;
}

.wt-nudge-r-4 {
  right: 4px !important;
}

.wt-nudge-b-1 {
  bottom: 1px !important;
}

.wt-nudge-b-2 {
  bottom: 2px !important;
}

.wt-nudge-b-3 {
  bottom: 3px !important;
}

.wt-nudge-b-4 {
  bottom: 4px !important;
}

.wt-nudge-l-1 {
  left: 1px !important;
}

.wt-nudge-l-2 {
  left: 2px !important;
}

.wt-nudge-l-3 {
  left: 3px !important;
}

.wt-nudge-l-4 {
  left: 4px !important;
}

.wt-pointer-events-none {
  pointer-events: none;
}

.wt-pointer-events-auto {
  pointer-events: auto;
}

.wt-position-static {
  position: static !important;
}

.wt-position-relative {
  position: relative !important;
}

.wt-position-absolute {
  position: absolute !important;
}

.wt-position-fixed {
  z-index: var(--clg-effect-pal-z-index-700, 70);
  position: fixed !important;
}

.wt-position-sticky {
  position: sticky !important;
}

.wt-position-top {
  top: 0 !important;
}

.wt-position-right {
  right: 0 !important;
}

.wt-position-bottom {
  bottom: 0 !important;
}

.wt-position-left {
  left: 0 !important;
}

.wt-vertical-align-top {
  vertical-align: top !important;
}

.wt-vertical-align-middle {
  vertical-align: middle !important;
}

.wt-vertical-align-bottom {
  vertical-align: bottom !important;
}

.wt-vertical-align-text-top {
  vertical-align: text-top !important;
}

.wt-overflow-auto {
  overflow: auto !important;
}

.wt-overflow-x-auto {
  overflow-x: auto !important;
}

.wt-overflow-y-auto {
  overflow-y: auto !important;
}

.wt-overflow-hidden {
  overflow: hidden !important;
}

.wt-overflow-x-hidden {
  overflow-x: hidden !important;
}

.wt-overflow-y-hidden {
  overflow-y: hidden !important;
}

.wt-overflow-visible {
  overflow: visible !important;
}

.wt-overflow-x-visible {
  overflow-x: visible !important;
}

.wt-overflow-y-visible {
  overflow-y: visible !important;
}

.wt-overflow-scroll {
  overflow: scroll !important;
}

.wt-overflow-x-scroll {
  overflow-x: scroll !important;
}

.wt-overflow-y-scroll {
  overflow-y: scroll !important;
}

@media only screen and (min-width: 0) {
  .wt-text-left-xs {
    text-align: left !important;
  }

  .wt-text-center-xs {
    text-align: center !important;
  }

  .wt-text-right-xs {
    text-align: right !important;
  }
}

@media only screen and (min-width: 480px) {
  .wt-text-left-sm {
    text-align: left !important;
  }

  .wt-text-center-sm {
    text-align: center !important;
  }

  .wt-text-right-sm {
    text-align: right !important;
  }
}

@media only screen and (min-width: 640px) {
  .wt-text-left-md {
    text-align: left !important;
  }

  .wt-text-center-md {
    text-align: center !important;
  }

  .wt-text-right-md {
    text-align: right !important;
  }
}

@media only screen and (min-width: 900px) {
  .wt-text-left-lg {
    text-align: left !important;
  }

  .wt-text-center-lg {
    text-align: center !important;
  }

  .wt-text-right-lg {
    text-align: right !important;
  }
}

@media only screen and (min-width: 1200px) {
  .wt-text-left-xl {
    text-align: left !important;
  }

  .wt-text-center-xl {
    text-align: center !important;
  }

  .wt-text-right-xl {
    text-align: right !important;
  }
}

@media only screen and (min-width: 1400px) {
  .wt-text-left-tv {
    text-align: left !important;
  }

  .wt-text-center-tv {
    text-align: center !important;
  }

  .wt-text-right-tv {
    text-align: right !important;
  }
}

.wt-text-strikethrough {
  text-decoration: line-through;
}

.wt-line-height-tight.wt-text-heading-small {
  line-height: var(--clg-typography-sem-product-heading-small-line-height);
}

.wt-line-height-tight.wt-text-body-02 {
  line-height: var(--clg-typography-sem-product-body-large-line-height);
}

.wt-line-height-tight.wt-text-body-01 {
  line-height: var(--clg-typography-sem-product-body-base-line-height);
}

.wt-line-height-tight.wt-text-caption {
  line-height: var(--clg-typography-sem-product-body-small-line-height);
}

.wt-text-truncate {
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

.wt-text-truncate--two-line {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 0;
  display: -webkit-box;
  overflow: hidden;
}

.wt-text-truncate--multi-line {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin: 0;
  display: -webkit-box;
  overflow: hidden;
}

.wt-no-wrap {
  white-space: nowrap !important;
}

.wt-pre-wrap {
  white-space: pre-wrap !important;
}

.wt-wrap {
  white-space: normal !important;
}

.wt-cjk-no-wrap:lang(zh),
.wt-cjk-no-wrap:lang(ja),
.wt-cjk-no-wrap:lang(ko) {
  white-space: nowrap !important;
}

.wt-break-word {
  word-break: break-word !important;
  overflow-wrap: break-word !important;
  word-wrap: break-word !important;
}

.wt-break-all {
  word-break: break-all !important;
}

@media only screen and (min-width: 0) {
  .wt-b-xs {
    border: var(--clg-shape-sem-border-width-thin, 1px) solid
      var(--clg-color-sem-border-divider, #e0dad6) !important;
  }

  .wt-bt-xs {
    border-top: var(--clg-shape-sem-border-width-thin, 1px) solid
      var(--clg-color-sem-border-divider, #e0dad6) !important;
  }

  .wt-br-xs {
    border-right: var(--clg-shape-sem-border-width-thin, 1px) solid
      var(--clg-color-sem-border-divider, #e0dad6) !important;
  }

  .wt-bb-xs {
    border-bottom: var(--clg-shape-sem-border-width-thin, 1px) solid
      var(--clg-color-sem-border-divider, #e0dad6) !important;
  }

  .wt-bl-xs {
    border-left: var(--clg-shape-sem-border-width-thin, 1px) solid
      var(--clg-color-sem-border-divider, #e0dad6) !important;
  }

  .wt-b-xs-none {
    border: none !important;
  }

  .wt-bt-xs-none {
    border-top: none !important;
  }

  .wt-br-xs-none {
    border-right: none !important;
  }

  .wt-bb-xs-none {
    border-bottom: none !important;
  }

  .wt-bl-xs-none {
    border-left: none !important;
  }
}

@media only screen and (min-width: 480px) {
  .wt-b-sm {
    border: var(--clg-shape-sem-border-width-thin, 1px) solid
      var(--clg-color-sem-border-divider, #e0dad6) !important;
  }

  .wt-bt-sm {
    border-top: var(--clg-shape-sem-border-width-thin, 1px) solid
      var(--clg-color-sem-border-divider, #e0dad6) !important;
  }

  .wt-br-sm {
    border-right: var(--clg-shape-sem-border-width-thin, 1px) solid
      var(--clg-color-sem-border-divider, #e0dad6) !important;
  }

  .wt-bb-sm {
    border-bottom: var(--clg-shape-sem-border-width-thin, 1px) solid
      var(--clg-color-sem-border-divider, #e0dad6) !important;
  }

  .wt-bl-sm {
    border-left: var(--clg-shape-sem-border-width-thin, 1px) solid
      var(--clg-color-sem-border-divider, #e0dad6) !important;
  }

  .wt-b-sm-none {
    border: none !important;
  }

  .wt-bt-sm-none {
    border-top: none !important;
  }

  .wt-br-sm-none {
    border-right: none !important;
  }

  .wt-bb-sm-none {
    border-bottom: none !important;
  }

  .wt-bl-sm-none {
    border-left: none !important;
  }
}

@media only screen and (min-width: 640px) {
  .wt-b-md {
    border: var(--clg-shape-sem-border-width-thin, 1px) solid
      var(--clg-color-sem-border-divider, #e0dad6) !important;
  }

  .wt-bt-md {
    border-top: var(--clg-shape-sem-border-width-thin, 1px) solid
      var(--clg-color-sem-border-divider, #e0dad6) !important;
  }

  .wt-br-md {
    border-right: var(--clg-shape-sem-border-width-thin, 1px) solid
      var(--clg-color-sem-border-divider, #e0dad6) !important;
  }

  .wt-bb-md {
    border-bottom: var(--clg-shape-sem-border-width-thin, 1px) solid
      var(--clg-color-sem-border-divider, #e0dad6) !important;
  }

  .wt-bl-md {
    border-left: var(--clg-shape-sem-border-width-thin, 1px) solid
      var(--clg-color-sem-border-divider, #e0dad6) !important;
  }

  .wt-b-md-none {
    border: none !important;
  }

  .wt-bt-md-none {
    border-top: none !important;
  }

  .wt-br-md-none {
    border-right: none !important;
  }

  .wt-bb-md-none {
    border-bottom: none !important;
  }

  .wt-bl-md-none {
    border-left: none !important;
  }
}

@media only screen and (min-width: 900px) {
  .wt-b-lg {
    border: var(--clg-shape-sem-border-width-thin, 1px) solid
      var(--clg-color-sem-border-divider, #e0dad6) !important;
  }

  .wt-bt-lg {
    border-top: var(--clg-shape-sem-border-width-thin, 1px) solid
      var(--clg-color-sem-border-divider, #e0dad6) !important;
  }

  .wt-br-lg {
    border-right: var(--clg-shape-sem-border-width-thin, 1px) solid
      var(--clg-color-sem-border-divider, #e0dad6) !important;
  }

  .wt-bb-lg {
    border-bottom: var(--clg-shape-sem-border-width-thin, 1px) solid
      var(--clg-color-sem-border-divider, #e0dad6) !important;
  }

  .wt-bl-lg {
    border-left: var(--clg-shape-sem-border-width-thin, 1px) solid
      var(--clg-color-sem-border-divider, #e0dad6) !important;
  }

  .wt-b-lg-none {
    border: none !important;
  }

  .wt-bt-lg-none {
    border-top: none !important;
  }

  .wt-br-lg-none {
    border-right: none !important;
  }

  .wt-bb-lg-none {
    border-bottom: none !important;
  }

  .wt-bl-lg-none {
    border-left: none !important;
  }
}

@media only screen and (min-width: 1200px) {
  .wt-b-xl {
    border: var(--clg-shape-sem-border-width-thin, 1px) solid
      var(--clg-color-sem-border-divider, #e0dad6) !important;
  }

  .wt-bt-xl {
    border-top: var(--clg-shape-sem-border-width-thin, 1px) solid
      var(--clg-color-sem-border-divider, #e0dad6) !important;
  }

  .wt-br-xl {
    border-right: var(--clg-shape-sem-border-width-thin, 1px) solid
      var(--clg-color-sem-border-divider, #e0dad6) !important;
  }

  .wt-bb-xl {
    border-bottom: var(--clg-shape-sem-border-width-thin, 1px) solid
      var(--clg-color-sem-border-divider, #e0dad6) !important;
  }

  .wt-bl-xl {
    border-left: var(--clg-shape-sem-border-width-thin, 1px) solid
      var(--clg-color-sem-border-divider, #e0dad6) !important;
  }

  .wt-b-xl-none {
    border: none !important;
  }

  .wt-bt-xl-none {
    border-top: none !important;
  }

  .wt-br-xl-none {
    border-right: none !important;
  }

  .wt-bb-xl-none {
    border-bottom: none !important;
  }

  .wt-bl-xl-none {
    border-left: none !important;
  }
}

@media only screen and (min-width: 1400px) {
  .wt-b-tv {
    border: var(--clg-shape-sem-border-width-thin, 1px) solid
      var(--clg-color-sem-border-divider, #e0dad6) !important;
  }

  .wt-bt-tv {
    border-top: var(--clg-shape-sem-border-width-thin, 1px) solid
      var(--clg-color-sem-border-divider, #e0dad6) !important;
  }

  .wt-br-tv {
    border-right: var(--clg-shape-sem-border-width-thin, 1px) solid
      var(--clg-color-sem-border-divider, #e0dad6) !important;
  }

  .wt-bb-tv {
    border-bottom: var(--clg-shape-sem-border-width-thin, 1px) solid
      var(--clg-color-sem-border-divider, #e0dad6) !important;
  }

  .wt-bl-tv {
    border-left: var(--clg-shape-sem-border-width-thin, 1px) solid
      var(--clg-color-sem-border-divider, #e0dad6) !important;
  }

  .wt-b-tv-none {
    border: none !important;
  }

  .wt-bt-tv-none {
    border-top: none !important;
  }

  .wt-br-tv-none {
    border-right: none !important;
  }

  .wt-bb-tv-none {
    border-bottom: none !important;
  }

  .wt-bl-tv-none {
    border-left: none !important;
  }
}

.wt-rounded-01 {
  border-radius: var(--clg-shape-sem-border-radius-small, 8px) !important;
}

.wt-rounded-02 {
  border-radius: var(--clg-shape-sem-border-radius-base, 8px) !important;
}

.wt-rounded-03 {
  border-radius: var(--clg-shape-sem-border-radius-larger, 16px) !important;
}

.wt-rounded-04 {
  border-radius: var(--clg-shape-sem-border-radius-largest, 24px) !important;
}

.wt-rounded {
  border-radius: var(--clg-shape-sem-border-radius-small, 8px) !important;
}

.wt-circle {
  border-radius: var(--clg-shape-sem-border-radius-full, 999999px) !important;
}

.wt-sem-border-radius-card {
  border-radius: var(--clg-shape-sem-border-radius-card, 8px) !important;
}

.wt-sem-border-radius-smallest {
  border-radius: var(--clg-shape-sem-border-radius-smallest, 2px) !important;
}

.wt-sem-border-radius-smaller {
  border-radius: var(--clg-shape-sem-border-radius-smaller, 4px) !important;
}

.wt-sem-border-radius-small {
  border-radius: var(--clg-shape-sem-border-radius-small, 8px) !important;
}

.wt-sem-border-radius-base {
  border-radius: var(--clg-shape-sem-border-radius-base, 8px) !important;
}

.wt-sem-border-radius-larger {
  border-radius: var(--clg-shape-sem-border-radius-larger, 16px) !important;
}

.wt-sem-border-radius-largest {
  border-radius: var(--clg-shape-sem-border-radius-largest, 24px) !important;
}

.wt-sem-border-radius-full {
  border-radius: var(--clg-shape-sem-border-radius-full, 999999px) !important;
}

.wt-shadow-01 {
  box-shadow: var(
    --clg-effect-sem-shadow-elevation-3,
    0px 8px 16px 0px #150a040a,
    0px 12px 20px 2px #150a040f
  );
}

.wt-shadow-02 {
  box-shadow: var(
    --clg-effect-sem-shadow-elevation-4,
    0px 12px 20px 0px #150a040a,
    0px 16px 24px 2px #150a040f
  );
}

.wt-shadow-elevation-01 {
  box-shadow: var(
    --clg-effect-sem-shadow-elevation-1,
    0px 2px 8px 0px #150a040a,
    0px 4px 12px 2px #150a040f
  );
}

.wt-shadow-elevation-02 {
  box-shadow: var(
    --clg-effect-sem-shadow-elevation-2,
    0px 4px 12px 0px #150a040a,
    0px 8px 16px 2px #150a040f
  );
}

.wt-shadow-elevation-03 {
  box-shadow: var(
    --clg-effect-sem-shadow-elevation-3,
    0px 8px 16px 0px #150a040a,
    0px 12px 20px 2px #150a040f
  );
}

.wt-shadow-elevation-04 {
  box-shadow: var(
    --clg-effect-sem-shadow-elevation-4,
    0px 12px 20px 0px #150a040a,
    0px 16px 24px 2px #150a040f
  );
}

.wt-shadow-elevation-3 {
  box-shadow: var(
    --clg-effect-sem-shadow-elevation-3,
    0px 8px 16px 0px #150a040a,
    0px 12px 20px 2px #150a040f
  );
}

.wt-shadow-elevation-4 {
  box-shadow: var(
    --clg-effect-sem-shadow-elevation-4,
    0px 12px 20px 0px #150a040a,
    0px 16px 24px 2px #150a040f
  );
}

.wt-z-index-negative-1 {
  z-index: -1 !important;
}

.wt-z-index-0 {
  z-index: 0 !important;
}

.wt-z-index-1 {
  z-index: var(--clg-effect-pal-z-index-100, 10) !important;
}

.wt-z-index-2 {
  z-index: var(--clg-effect-pal-z-index-200, 20) !important;
}

.wt-z-index-3 {
  z-index: var(--clg-effect-pal-z-index-300, 30) !important;
}

.wt-z-index-4 {
  z-index: var(--clg-effect-pal-z-index-400, 40) !important;
}

.wt-z-index-5 {
  z-index: var(--clg-effect-pal-z-index-500, 50) !important;
}

.wt-z-index-6 {
  z-index: var(--clg-effect-pal-z-index-600, 60) !important;
}

.wt-z-index-7 {
  z-index: var(--clg-effect-pal-z-index-700, 70) !important;
}

.wt-z-index-8 {
  z-index: var(--clg-effect-pal-z-index-800, 80) !important;
}

.wt-z-index-9 {
  z-index: var(--clg-effect-pal-z-index-900, 90) !important;
}

.wt-z-index-10 {
  z-index: var(--clg-effect-pal-z-index-1000, 100) !important;
}

.wt-skeleton-ui {
  animation-duration: var(--clg-effect-app-skeleton-ui-duration, 2s);
  animation-name: web-toolkit-skeleton-ui-animation;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
  animation-timing-function: var(
    --clg-effect-app-skeleton-ui-curve,
    cubic-bezier(0.99, 0.01, 0.54, 0.54)
  );
  background: linear-gradient(
    to right,
    var(--clg-color-app-skeleton-ui-background-advance, #3314000d) 50%,
    var(--clg-color-app-skeleton-ui-background-idle, #33140008) 50%
  );
  background-size: 200%;
}

.wt-skeleton-ui:not(.wt-skeleton-ui--img) {
  width: 100%;
}

.wt-skeleton-ui.wt-skeleton-ui--width-80 {
  width: 80%;
}

.wt-skeleton-ui.wt-skeleton-ui--width-60 {
  width: 60%;
}

.wt-skeleton-ui.wt-skeleton-ui--width-40 {
  width: 40%;
}

.wt-skeleton-ui.atc-skeleton {
  width: 100px !important;
}

@keyframes web-toolkit-skeleton-ui-animation {
  0% {
    background-position: 100% 0;
  }

  to {
    background-position: -100% 0;
  }
}

.wt-skeleton-ui--image-landscape {
  padding-top: 79.412%;
}

.wt-skeleton-ui--image-square {
  padding-top: 100%;
}

.wt-skeleton-ui--image-aspect-ratio-3-4 {
  padding-top: 133%;
}

.wt-skeleton-ui--image-aspect-ratio-4-5 {
  padding-top: 125%;
}

.wt-skeleton-ui--button {
  height: var(--clg-dimension-pal-spacing-800, 48px);
  border-radius: var(--clg-shape-app-button-border-radius, 24px);
}

.wt-skeleton-ui--button__small {
  height: var(--clg-dimension-app-button-small-height, 36px);
  border-radius: var(--clg-shape-app-button-border-radius, 24px);
}

.wt-skeleton-ui--heading-02 {
  height: var(
    --clg-typography-sem-product-heading-mobile-large-line-height,
    32px
  );
}

@media only screen and (min-width: 640px) {
  .wt-skeleton-ui--heading-02 {
    height: var(
      --clg-typography-sem-product-heading-desktop-large-line-height,
      40px
    );
  }
}

.wt-skeleton-ui--heading-01 {
  height: var(
    --clg-typography-sem-product-heading-mobile-base-line-height,
    24px
  );
}

@media only screen and (min-width: 640px) {
  .wt-skeleton-ui--heading-01 {
    height: var(
      --clg-typography-sem-product-heading-desktop-base-line-height,
      32px
    );
  }
}

.wt-skeleton-ui--title-03 {
  height: var(
    --clg-typography-sem-product-title-mobile-larger-line-height,
    32px
  );
}

@media only screen and (min-width: 640px) {
  .wt-skeleton-ui--title-03 {
    height: var(
      --clg-typography-sem-product-title-desktop-larger-line-height,
      32px
    );
  }
}

.wt-skeleton-ui--title-02 {
  height: var(
    --clg-typography-sem-product-title-mobile-large-line-height,
    24px
  );
}

@media only screen and (min-width: 640px) {
  .wt-skeleton-ui--title-02 {
    height: var(
      --clg-typography-sem-product-title-desktop-large-line-height,
      24px
    );
  }
}

.wt-skeleton-ui--title-01 {
  height: var(
    --clg-typography-sem-product-title-desktop-base-line-height,
    20px
  );
}

.wt-skeleton-ui--body-03 {
  height: calc(
    var(--clg-typography-sem-product-heading-mobile-small-font-size, 20px) + 2px
  );
}

@media only screen and (min-width: 640px) {
  .wt-skeleton-ui--body-03 {
    height: calc(
      var(--clg-typography-sem-product-heading-desktop-small-font-size, 24px) +
        4px
    );
  }
}

.wt-skeleton-ui--body-02 {
  height: calc(
    var(--clg-typography-sem-product-body-mobile-large-font-size, 20px) + 2px
  );
}

.wt-skeleton-ui--body-01 {
  height: calc(
    var(--clg-typography-sem-product-body-mobile-base-font-size, 16px) + 2px
  );
}

[class*="wt-skeleton-ui--heading-"],
[class*="wt-skeleton-ui--title-"],
[class*="wt-skeleton-ui--body-"] {
  border-radius: var(--clg-dimension-pal-spacing-100, 6px);
}

.wt-skeleton-ui--custom-color {
  background: linear-gradient(
    to right,
    var(--clg-color-app-skeleton-ui-background-advance, #3314000d) 50%,
    transparent 50%
  );
  background-size: 200%;
}

.wt-image-placeholder__container {
  width: 100%;
  position: relative;
}

.wt-image-placeholder__container img {
  display: block;
  position: absolute;
  top: 0;
}

.wt-image-placeholder--16-9 {
  padding-top: 56.25%;
}

.wt-image-placeholder--1-1 {
  padding-top: 100%;
}

.wt-image-placeholder--3-2 {
  padding-top: 66.6667%;
}

.wt-image-placeholder--4-3 {
  padding-top: 75%;
}

.wt-image-placeholder--listing-card {
  padding-top: 79.4118%;
}

.wt-star-rating__icon__frame {
  bottom: 1px;
}

.wt-star-rating__frame {
  color: var(--clg-color-app-review-star-filled-background, #312b36);
}

.wt-star-rating__frame--title {
  font-family: var(--clg-typography-sem-product-title-large-font-family);
  font-weight: var(--clg-typography-sem-product-title-large-font-weight);
  font-size: var(--clg-typography-sem-product-title-large-font-size);
  line-height: var(--clg-typography-sem-product-title-large-line-height);
  letter-spacing: var(--clg-typography-sem-product-title-large-letter-spacing);
}

.wt-star-rating__frame--body {
  font-family: var(--clg-typography-sem-product-body-base-font-family);
  font-weight: var(--clg-typography-sem-product-body-base-font-weight);
  font-size: var(--clg-typography-sem-product-body-base-font-size);
  line-height: var(--clg-typography-sem-product-body-base-line-height);
  letter-spacing: var(--clg-typography-sem-product-body-base-letter-spacing);
}

.wt-star-rating__frame--caption {
  font-family: var(--clg-typography-sem-product-body-small-font-family);
  font-weight: var(--clg-typography-sem-product-body-small-font-weight);
  font-size: var(--clg-typography-sem-product-body-small-font-size);
  line-height: var(--clg-typography-sem-product-body-small-line-height);
  letter-spacing: var(--clg-typography-sem-product-body-small-letter-spacing);
}

.wt-star-rating__radio__frame {
  height: var(--clg-dimension-sem-interaction-base, 48px);
  width: var(--clg-dimension-sem-interaction-base, 48px);
  flex-shrink: 0;
  align-items: center;
  display: inline-flex;
  position: relative;
}

.wt-star-rating__radio__frame--smaller {
  height: var(--clg-dimension-sem-interaction-small, 36px);
  width: var(--clg-dimension-sem-interaction-small, 36px);
}

.wt-star-rating__radio__frame--smallest {
  height: var(--clg-dimension-sem-interaction-smaller, 30px);
  width: var(--clg-dimension-sem-interaction-smaller, 30px);
}

.etsy-icon.wt-star-rating__icon--largest,
.wt-icon.wt-star-rating__icon--largest {
  height: var(--clg-dimension-app-review-star-largest-size, 48px);
  width: var(--clg-dimension-app-review-star-largest-size, 48px);
}

.etsy-icon.wt-star-rating__icon--larger,
.wt-icon.wt-star-rating__icon--larger {
  height: var(--clg-dimension-app-review-star-larger-size, 32px);
  width: var(--clg-dimension-app-review-star-larger-size, 32px);
}

.etsy-icon.wt-star-rating__icon--base,
.wt-icon.wt-star-rating__icon--base {
  height: var(--clg-dimension-app-review-star-base-size, 24px);
  width: var(--clg-dimension-app-review-star-base-size, 24px);
}

.etsy-icon.wt-star-rating__icon--smaller,
.wt-icon.wt-star-rating__icon--smaller {
  height: var(--clg-dimension-app-review-star-smaller-size, 16px);
  width: var(--clg-dimension-app-review-star-smaller-size, 16px);
}

.wt-star-rating__radio__input {
  cursor: pointer;
  z-index: 2;
  opacity: 0;
  border: none;
  outline: 3px solid #0000;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.wt-star-rating__radio__label {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: inline-flex;
}

body:not(.wt-focus-visible) .wt-star-rating__radio__label:focus-within {
  box-shadow:
    0 0 0 var(--clg-shape-pal-border-width-200, 2px)
      var(--clg-color-sem-background-elevation-0, #faf8f5),
    0 0 0 var(--clg-shape-pal-border-width-300, 4px)
      var(--clg-color-sem-border-focused, #426bdb);
}

.wt-image {
  background-color: var(--clg-color-pal-greyscale-075, #efecea);
  width: 100%;
}

.wt-image.wt-image--cover {
  object-fit: cover;
}

.mweb-two-nav-scroll-padding {
  scroll-padding-top: 56px;
}

body.wt-body-no-scroll {
  position: fixed;
  left: 0;
  right: 0;
  overflow: hidden;
}

body[data-clg-theme="refresh"] #EMAP {
  min-height: 100dvh;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

legend {
  padding-left: 0;
}

audio,
canvas,
video {
  display: inline-block;
}

audio:not([controls]) {
  height: 0;
  display: none;
}

[hidden],
template {
  display: none;
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

* {
  margin: 0;
}

a {
  background: 0 0;
}

a:focus {
  outline: auto 2px Highlight;
  outline: auto 5px -webkit-focus-ring-color;
}

a:active,
a:hover,
select:focus {
  outline: 0;
}

select:-moz-focusring {
  color: #0000;
  text-shadow: 0 0 #000;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: 700;
}

dfn {
  font-style: italic;
}

mark {
  background: var(--clg-color-pal-yellow-500, #ffcb5a);
  color: var(--clg-color-sem-text-primary, #312b36);
}

pre {
  white-space: pre-wrap;
}

q {
  quotes: "“" "”" "‘" "’";
}

sub,
sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

button,
select {
  text-transform: none;
}

table {
  border-spacing: 0;
}

html {
  box-sizing: border-box;
}

*,
:before,
:after {
  box-sizing: inherit;
}

.wt-action-group.wt-action-group--image.wt-action-group--image
  input:disabled
  + label {
  cursor: not-allowed;
  opacity: 0.3;
  overflow: hidden;
}

.wt-action-group.wt-action-group--image.wt-action-group--image
  input:disabled
  + label:before,
.wt-action-group.wt-action-group--image.wt-action-group--image
  input:disabled
  + label:after,
.wt-action-group.wt-action-group--image.wt-action-group--image
  input:disabled
  + label:hover:before,
.wt-action-group.wt-action-group--image.wt-action-group--image
  input:disabled
  + label:hover:after {
  opacity: 0;
}

body:not(.wt-focus-visible)
  .wt-action-group.wt-action-group--image.wt-action-group--image
  input:focus
  + label {
  box-shadow:
    0 0 0 var(--clg-shape-pal-border-width-200, 2px)
      var(--clg-color-sem-background-elevation-0, #faf8f5),
    0 0 0 var(--clg-shape-pal-border-width-300, 4px)
      var(--clg-color-sem-border-focused, #426bdb);
  border-radius: var(--clg-shape-sem-border-radius-larger, 16px);
}

.wt-action-group.wt-action-group--image.wt-action-group--image input + label {
  cursor: pointer;
  padding: var(--clg-dimension-app-input-padding-vertical, 8px);
  max-width: 100%;
  line-height: 0;
  display: inline-block;
  position: relative;
}

.wt-action-group.wt-action-group--image.wt-action-group--image
  input
  + label:before {
  border: var(--clg-shape-sem-border-width-base, 2px) solid
    var(--clg-color-app-input-border, #928681);
  opacity: 0;
  content: "";
  top: var(--clg-dimension-pal-spacing-050, 3px);
  left: var(--clg-dimension-pal-spacing-050, 3px);
  right: var(--clg-dimension-pal-spacing-050, 3px);
  bottom: var(--clg-dimension-pal-spacing-050, 3px);
  border-radius: var(--clg-shape-sem-border-radius-larger, 16px);
  outline: none;
  transition:
    transform 0.2s cubic-bezier(0.345, 0.115, 0.135, 1.42),
    opacity 0.15s ease-out;
  position: absolute;
  transform: scale(0.95);
}

.wt-action-group.wt-action-group--image.wt-action-group--image
  input
  + label
  .wt-action-group__item--image {
  border-radius: var(--clg-shape-sem-border-radius-base, 8px);
  max-width: 100%;
}

.wt-action-group.wt-action-group--image.wt-action-group--image
  input[type="radio"]:checked
  + label:before,
.wt-action-group.wt-action-group--image.wt-action-group--image
  input[type="checkbox"]:checked
  + label:before {
  border: var(--clg-shape-sem-border-width-base, 2px) solid
    var(--clg-color-sem-border-active, #312b36);
  opacity: 1;
  transform: scale(1);
}

body:not(.wt-focus-visible)
  .wt-action-group.wt-action-group--image.wt-action-group--image
  input[type="radio"]:checked:focus
  + label:before,
.wt-action-group.wt-action-group--image.wt-action-group--image
  input[type="radio"]:checked
  + label:hover:before,
body:not(.wt-focus-visible)
  .wt-action-group.wt-action-group--image.wt-action-group--image
  input[type="checkbox"]:checked:focus
  + label:before,
.wt-action-group.wt-action-group--image.wt-action-group--image
  input[type="checkbox"]:checked
  + label:hover:before {
  transform: scale(1.015);
}

body:not(.wt-focus-visible)
  .wt-action-group.wt-action-group--image.wt-action-group--image
  input[type="radio"]:checked:focus:active
  + label:before,
.wt-action-group.wt-action-group--image.wt-action-group--image
  input[type="radio"]:checked
  + label:active:before,
body:not(.wt-focus-visible)
  .wt-action-group.wt-action-group--image.wt-action-group--image
  input[type="checkbox"]:checked:focus:active
  + label:before,
.wt-action-group.wt-action-group--image.wt-action-group--image
  input[type="checkbox"]:checked
  + label:active:before {
  transform: scale(0.99);
}

body:not(.wt-focus-visible)
  .wt-action-group.wt-action-group--image.wt-action-group--image
  input:focus
  + label:before,
.wt-action-group.wt-action-group--image.wt-action-group--image
  input
  + label:hover:before {
  opacity: 1;
  transform: scale(1);
}

body:not(.wt-focus-visible)
  .wt-action-group.wt-action-group--image.wt-action-group--image
  input:focus:active
  + label:before,
.wt-action-group.wt-action-group--image.wt-action-group--image
  input
  + label:active:before {
  opacity: 1;
  transition:
    transform 0.2s cubic-bezier(0.345, 0.115, 0.135, 1.42),
    opacity 0.15s ease-out;
  transform: scale(0.99);
}

.wt-action-group .wt-action-group__item--card,
.wt-action-group .wt-action-group__item--text {
  position: relative;
}

.wt-action-group .wt-action-group__item--card .wt-radio,
.wt-action-group .wt-action-group__item--card .wt-checkbox,
.wt-action-group .wt-action-group__item--text .wt-radio,
.wt-action-group .wt-action-group__item--text .wt-checkbox {
  flex-wrap: wrap;
}

.wt-action-group
  .wt-action-group__item--card
  .wt-radio
  input:checked
  + label
  span:before,
.wt-action-group
  .wt-action-group__item--card
  .wt-checkbox
  input:checked
  + label
  span:before,
.wt-action-group
  .wt-action-group__item--text
  .wt-radio
  input:checked
  + label
  span:before,
.wt-action-group
  .wt-action-group__item--text
  .wt-checkbox
  input:checked
  + label
  span:before {
  border: var(--clg-shape-sem-border-width-base, 2px) solid
    var(--clg-color-sem-border-selected, #312b36);
  opacity: 1;
}

.wt-action-group .wt-action-group__item--card .wt-radio input:disabled ~ *,
.wt-action-group .wt-action-group__item--card .wt-checkbox input:disabled ~ *,
.wt-action-group .wt-action-group__item--text .wt-radio input:disabled ~ *,
.wt-action-group .wt-action-group__item--text .wt-checkbox input:disabled ~ * {
  cursor: not-allowed;
  opacity: 0.3;
  overflow: hidden;
}

.wt-action-group .wt-action-group__item--card .wt-radio input:disabled ~ * a,
.wt-action-group .wt-action-group__item--card .wt-checkbox input:disabled ~ * a,
.wt-action-group .wt-action-group__item--text .wt-radio input:disabled ~ * a,
.wt-action-group
  .wt-action-group__item--text
  .wt-checkbox
  input:disabled
  ~ *
  a {
  pointer-events: none;
}

.wt-action-group .wt-action-group__item--card .wt-radio label span:before,
.wt-action-group .wt-action-group__item--card .wt-checkbox label span:before,
.wt-action-group .wt-action-group__item--text .wt-radio label span:before,
.wt-action-group .wt-action-group__item--text .wt-checkbox label span:before {
  content: "";
  position: absolute;
}

.wt-action-group .wt-action-group__item--text .wt-radio,
.wt-action-group .wt-action-group__item--text .wt-checkbox {
  padding: var(--clg-dimension-app-input-padding-horizontal, 12px);
  padding-left: var(--clg-dimension-pal-spacing-800, 48px);
}

.wt-action-group .wt-action-group__item--text .wt-radio label:before,
.wt-action-group .wt-action-group__item--text .wt-checkbox label:before {
  top: var(--clg-dimension-app-input-padding-horizontal, 12px);
  left: var(--clg-dimension-app-input-padding-horizontal, 12px);
}

.wt-action-group .wt-action-group__item--text .wt-radio label span:before,
.wt-action-group .wt-action-group__item--text .wt-checkbox label span:before {
  border-radius: var(--clg-shape-sem-border-radius-base, 8px);
  border: var(--clg-shape-sem-border-width-base, 2px) solid
    var(--clg-color-app-input-border, #928681);
  transition: box-shadow 0.15s ease-in;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.wt-action-group .wt-action-group__item--text .wt-radio--small,
.wt-action-group .wt-action-group__item--text .wt-checkbox--small {
  padding-left: var(--clg-dimension-sem-interaction-small, 36px);
}

.wt-action-group .wt-action-group__item--text .wt-radio label:after {
  top: 21px;
  left: 21px;
}

.wt-action-group .wt-action-group__item--text .wt-radio--small label:after {
  top: 17px;
  left: 17px;
}

.wt-action-group .wt-action-group__item--text .wt-checkbox label:after {
  top: 15px;
  left: 15px;
}

body:not(.wt-focus-visible)
  .wt-action-group
  .wt-action-group__item--text:focus-within
  label
  span:before {
  box-shadow: var(
    --clg-effect-sem-shadow-elevation-3,
    0px 8px 16px 0px #150a040a,
    0px 12px 20px 2px #150a040f
  );
}

body:not(.wt-focus-visible)
  .wt-action-group
  .wt-action-group__item--text:focus-within
  input:disabled
  + label
  span:before {
  box-shadow: none;
}

.wt-action-group .wt-action-group__item--text:hover label span:before,
body:not(.wt-focus-visible)
  .wt-action-group
  .wt-action-group__item--text:focus
  label
  span:before,
body:not(.wt-focus-visible)
  .wt-action-group
  .wt-action-group__item--text.focus-within
  label
  span:before {
  box-shadow: var(
    --clg-effect-sem-shadow-elevation-3,
    0px 8px 16px 0px #150a040a,
    0px 12px 20px 2px #150a040f
  );
}

.wt-action-group
  .wt-action-group__item--text:hover
  input:disabled
  + label
  span:before,
body:not(.wt-focus-visible)
  .wt-action-group
  .wt-action-group__item--text:focus
  input:disabled
  + label
  span:before,
body:not(.wt-focus-visible)
  .wt-action-group
  .wt-action-group__item--text.focus-within
  input:disabled
  + label
  span:before {
  box-shadow: none;
}

.wt-action-group .wt-action-group__item--card .wt-radio,
.wt-action-group .wt-action-group__item--card .wt-checkbox {
  padding-left: 0;
}

.wt-action-group
  .wt-action-group__item--card
  .wt-radio
  input:not(:checked)
  + label:before,
.wt-action-group
  .wt-action-group__item--card
  .wt-checkbox
  input:not(:checked)
  + label:before {
  background-color: var(--clg-color-sem-background-elevation-0, #faf8f5);
}

.wt-action-group
  .wt-action-group__item--card
  .wt-radio
  input:checked
  + label
  span:before,
.wt-action-group
  .wt-action-group__item--card
  .wt-checkbox
  input:checked
  + label
  span:before {
  transform: scale(1);
}

.wt-action-group .wt-action-group__item--card .wt-radio label:before,
.wt-action-group .wt-action-group__item--card .wt-radio label:after,
.wt-action-group .wt-action-group__item--card .wt-checkbox label:before,
.wt-action-group .wt-action-group__item--card .wt-checkbox label:after {
  margin: var(--clg-dimension-pal-spacing-200, 12px);
  z-index: 1;
}

.wt-action-group .wt-action-group__item--card .wt-radio label:before,
.wt-action-group .wt-action-group__item--card .wt-checkbox label:before {
  box-shadow: 0px 0px 0px var(--clg-dimension-pal-spacing-050, 3px)
    var(--clg-color-sem-background-elevation-0, #faf8f5);
}

.wt-action-group .wt-action-group__item--card .wt-radio label span:before,
.wt-action-group .wt-action-group__item--card .wt-checkbox label span:before {
  border-radius: var(--clg-shape-sem-border-radius-larger, 16px);
  top: calc(-1 * var(--clg-dimension-pal-spacing-base-unit, 6px));
  left: calc(-1 * var(--clg-dimension-pal-spacing-base-unit, 6px));
  right: calc(-1 * var(--clg-dimension-pal-spacing-base-unit, 6px));
  bottom: calc(-1 * var(--clg-dimension-pal-spacing-base-unit, 6px));
  padding: var(--clg-dimension-app-input-small-padding-vertical, 4px);
  border: var(--clg-shape-sem-border-width-base, 2px) solid
    var(--clg-color-app-button-secondary-border, #312b36);
  opacity: 0;
  transition:
    transform 0.2s cubic-bezier(0.345, 0.115, 0.135, 1.42),
    opacity 0.15s ease-out;
  transform: scale(0.95);
}

body:not(.wt-focus-visible)
  .wt-action-group
  .wt-action-group__item--card:focus-within
  input:checked
  + label
  span:before {
  transform: scale(1.015);
}

body:not(.wt-focus-visible)
  .wt-action-group
  .wt-action-group__item--card:focus-within
  input:not(:checked)
  + label
  span:before {
  opacity: 0.3;
  transform: scale(1);
}

body:not(.wt-focus-visible)
  .wt-action-group
  .wt-action-group__item--card:focus-within
  input
  + label:active
  span:before {
  transform: scale(0.99);
}

body:not(.wt-focus-visible)
  .wt-action-group
  .wt-action-group__item--card:focus-within
  input:disabled
  + label
  span:before {
  opacity: 0;
}

.wt-action-group
  .wt-action-group__item--card:hover
  input:checked
  + label
  span:before,
body:not(.wt-focus-visible)
  .wt-action-group
  .wt-action-group__item--card:focus
  input:checked
  + label
  span:before,
body:not(.wt-focus-visible)
  .wt-action-group
  .wt-action-group__item--card.focus-within
  input:checked
  + label
  span:before {
  transform: scale(1.015);
}

.wt-action-group
  .wt-action-group__item--card:hover
  input:not(:checked)
  + label
  span:before,
body:not(.wt-focus-visible)
  .wt-action-group
  .wt-action-group__item--card:focus
  input:not(:checked)
  + label
  span:before,
body:not(.wt-focus-visible)
  .wt-action-group
  .wt-action-group__item--card.focus-within
  input:not(:checked)
  + label
  span:before {
  opacity: 0.3;
  transform: scale(1);
}

.wt-action-group
  .wt-action-group__item--card:hover
  input
  + label:active
  span:before,
body:not(.wt-focus-visible)
  .wt-action-group
  .wt-action-group__item--card:focus
  input
  + label:active
  span:before,
body:not(.wt-focus-visible)
  .wt-action-group
  .wt-action-group__item--card.focus-within
  input
  + label:active
  span:before {
  transform: scale(0.99);
}

.wt-action-group
  .wt-action-group__item--card:hover
  input:disabled
  + label
  span:before,
body:not(.wt-focus-visible)
  .wt-action-group
  .wt-action-group__item--card:focus
  input:disabled
  + label
  span:before,
body:not(.wt-focus-visible)
  .wt-action-group
  .wt-action-group__item--card.focus-within
  input:disabled
  + label
  span:before {
  opacity: 0;
}

.wt-action-group {
  margin-bottom: calc(-1 * var(--clg-dimension-pal-spacing-base-unit, 6px));
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.wt-action-group .wt-action-group__item-container:not(:last-of-type),
.wt-action-group .wt-action-group__item:not(:last-of-type) {
  margin-right: var(--clg-dimension-pal-spacing-100, 6px);
}

.wt-action-group .wt-action-group__item {
  margin-bottom: var(--clg-dimension-pal-spacing-base-unit, 6px);
}

.wt-action-group.wt-list-inline {
  list-style-type: none;
}

.wt-action-group .wt-action-group__item:hover:before,
.wt-action-group .wt-action-group__item:focus:before,
.wt-action-group .wt-action-group__item:active:before,
.wt-action-group .wt-action-group__item:before {
  box-shadow: none;
}

body:not(.wt-focus-visible) .wt-action-group .wt-action-group__item:focus {
  outline: 3px solid #0000 !important;
}

body:not(.wt-focus-visible)
  .wt-action-group
  .wt-action-group__item:focus:not(:hover):not(:active) {
  box-shadow:
    0 0 0 var(--clg-shape-pal-border-width-200, 2px)
      var(--clg-color-sem-background-elevation-0, #faf8f5),
    0 0 0 var(--clg-shape-pal-border-width-300, 4px)
      var(--clg-color-sem-border-focused, #426bdb) !important;
}

.wt-action-group .wt-action-group__item:not(.wt-btn--transparent) {
  --wt-btn-text-color: var(--clg-color-app-button-selectable-text, #312b36);
  --wt-btn-text-color-hover: var(
    --clg-color-app-button-selectable-text,
    #312b36
  );
  --wt-btn-border-color: var(--clg-color-app-button-selectable-border, #0000);
  --wt-btn-border-color-hover: var(
    --clg-color-app-button-selectable-border,
    #0000
  );
  --wt-btn-bg-color: var(
    --clg-color-app-button-selectable-background,
    #3314000d
  );
  --wt-btn-bg-color-hover: var(
    --clg-color-app-button-selectable-background,
    #3314000d
  );
}

.wt-action-group input[type="radio"]:checked + label.wt-action-group__item,
.wt-action-group input[type="checkbox"]:checked + label.wt-action-group__item,
.wt-action-group .wt-action-group__item.wt-is-selected {
  --wt-btn-text-color: var(
    --clg-color-app-button-selectable-selected-text,
    #312b36
  );
  --wt-btn-text-color-hover: var(
    --clg-color-app-button-selectable-selected-text,
    #312b36
  );
  --wt-btn-border-color: var(
    --clg-color-app-button-selectable-selected-border,
    #312b36
  );
  --wt-btn-border-color-hover: var(
    --clg-color-app-button-selectable-selected-border,
    #312b36
  );
  --wt-btn-bg-color: var(
    --clg-color-app-button-selectable-selected-background,
    #3314000d
  );
  --wt-btn-bg-color-hover: var(
    --clg-color-app-button-selectable-selected-background,
    #3314000d
  );
  --wt-btn-border-width: var(--clg-shape-sem-border-width-base, 2px);
}

.wt-action-group input[type="radio"]:checked + label.wt-action-group__item,
.wt-action-group .wt-action-group__item.wt-is-selected {
  cursor: default;
}

.wt-action-group input[type="radio"]:disabled + label.wt-action-group__item,
.wt-action-group input[type="checkbox"]:disabled + label.wt-action-group__item,
.wt-action-group .wt-action-group__item:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.wt-action-group input[type="radio"],
.wt-action-group input[type="checkbox"] {
  opacity: 0;
  position: absolute;
}

.wt-action-group input[type="radio"]:focus + label.wt-action-group__item:after,
.wt-action-group
  input[type="checkbox"]:focus
  + label.wt-action-group__item:after {
  box-shadow:
    0 0 0 var(--clg-shape-pal-border-width-200, 2px)
      var(--clg-color-sem-background-elevation-0, #faf8f5),
    0 0 0 var(--clg-shape-pal-border-width-300, 4px)
      var(--clg-color-sem-border-focused, #426bdb) !important;
}

.wt-action-group input[type="radio"]:disabled + label.wt-action-group__item,
.wt-action-group input[type="checkbox"]:disabled + label.wt-action-group__item {
  --wt-btn-bg-color: transparent;
  --wt-btn-bg-color-hover: transparent;
  --wt-btn-text-color: var(--clg-color-sem-text-disabled, #c8bdb7);
  --wt-btn-text-color-hover: var(--clg-color-sem-text-disabled, #c8bdb7);
  --wt-btn-border-color: var(
    --clg-color-app-button-selectable-disabled-border,
    #c8bdb7
  );
  --wt-btn-border-color-hover: var(
    --clg-color-app-button-selectable-disabled-border,
    #c8bdb7
  );
  overflow: hidden;
}

.wt-action-group
  input[type="radio"]:disabled
  + label.wt-action-group__item:before,
.wt-action-group
  input[type="radio"]:disabled
  + label.wt-action-group__item:hover:before,
.wt-action-group
  input[type="checkbox"]:disabled
  + label.wt-action-group__item:before,
.wt-action-group
  input[type="checkbox"]:disabled
  + label.wt-action-group__item:hover:before {
  opacity: 1;
  content: "";
  height: var(--clg-shape-sem-border-width-base, 2px);
  --half-border: calc(var(--clg-shape-sem-border-width-base, 2px) * 0.5);
  margin-top: calc(-1 * var(--half-border));
  background: var(--clg-color-app-button-selectable-disabled-border, #c8bdb7);
  z-index: var(--clg-effect-pal-z-index-100, 10);
  width: 100%;
  position: absolute;
  top: 50%;
  transform: rotate(45deg);
}

.wt-action-group
  input[type="radio"]:disabled
  + label.wt-action-group__item:after,
.wt-action-group
  input[type="radio"]:disabled
  + label.wt-action-group__item:hover:after,
.wt-action-group
  input[type="checkbox"]:disabled
  + label.wt-action-group__item:after,
.wt-action-group
  input[type="checkbox"]:disabled
  + label.wt-action-group__item:hover:after {
  transform: scale(1) !important;
}

.wt-action-group .wt-action-group__item[aria-invalid="true"] {
  --wt-btn-bg-color: var(
    --clg-color-sem-background-surface-critical-subtle,
    #fdecef
  );
  --wt-btn-bg-color-hover: var(
    --clg-color-sem-background-surface-critical-subtle,
    #fdecef
  );
  --wt-btn-border-color: var(--clg-color-sem-border-critical, #c7102f);
  --wt-btn-border-color-hover: var(--clg-color-sem-border-critical, #c7102f);
  color: var(--clg-color-sem-text-primary, #312b36);
}

.wt-btn.wt-chip,
.wt-btn.wt-btn.wt-chip {
  --wt-btn-text-color: var(--clg-color-app-chip-selectable-text, #312b36);
  --wt-btn-text-color-hover: var(--clg-color-app-chip-selectable-text, #312b36);
  --wt-btn-border-color: var(--clg-color-app-chip-selectable-border, #0000);
  --wt-btn-border-color-hover: var(
    --clg-color-app-chip-selectable-border,
    #0000
  );
  --wt-btn-bg-color: var(--clg-color-app-chip-selectable-background, #3314000d);
  --wt-btn-bg-color-hover: var(
    --clg-color-app-chip-selectable-background,
    #3314000d
  );
  justify-content: center;
  gap: var(--clg-dimension-app-chip-gap, 8px);
  line-height: var(
    --clg-typography-sem-product-body-desktop-small-line-height,
    16px
  );
  align-items: center;
  display: flex;
}

.wt-btn.wt-chip[aria-pressed="true"],
.wt-btn.wt-btn.wt-chip[aria-pressed="true"] {
  --wt-btn-text-color: var(
    --clg-color-app-chip-selectable-selected-text,
    #faf8f5
  );
  --wt-btn-text-color-hover: var(
    --clg-color-app-chip-selectable-selected-text,
    #faf8f5
  );
  --wt-btn-border-color: var(
    --clg-color-app-chip-selectable-selected-border,
    #0000
  );
  --wt-btn-border-color-hover: var(
    --clg-color-app-chip-selectable-selected-border,
    #0000
  );
  --wt-btn-bg-color: var(
    --clg-color-app-chip-selectable-selected-background,
    #312b36
  );
  --wt-btn-bg-color-hover: var(
    --clg-color-app-chip-selectable-selected-background,
    #312b36
  );
}

.wt-btn.wt-chip:active,
.wt-btn.wt-btn.wt-chip:active {
  --wt-btn-text-color: var(
    --clg-color-app-chip-selectable-pressed-text,
    #312b36
  );
  --wt-btn-text-color-hover: var(
    --clg-color-app-chip-selectable-pressed-text,
    #312b36
  );
  --wt-btn-border-color: var(
    --clg-color-app-chip-selectable-pressed-border,
    #0000
  );
  --wt-btn-border-color-hover: var(
    --clg-color-app-chip-selectable-pressed-border,
    #0000
  );
  --wt-btn-bg-color: var(
    --clg-color-app-chip-selectable-pressed-background,
    #33140042
  );
  --wt-btn-bg-color-hover: var(
    --clg-color-app-chip-selectable-pressed-background,
    #33140042
  );
}

.wt-btn.wt-chip:disabled,
.wt-btn.wt-btn.wt-chip:disabled {
  --wt-btn-text-color: var(
    --clg-color-app-chip-selectable-disabled-text,
    #c8bdb7
  );
  --wt-btn-text-color-hover: var(
    --clg-color-app-chip-selectable-disabled-text,
    #c8bdb7
  );
  --wt-btn-border-color: var(
    --clg-color-app-chip-selectable-disabled-border,
    #0000
  );
  --wt-btn-border-color-hover: var(
    --clg-color-app-chip-selectable-disabled-border,
    #0000
  );
  --wt-btn-bg-color: var(
    --clg-color-app-chip-selectable-disabled-background,
    #3314000d
  );
  --wt-btn-bg-color-hover: var(
    --clg-color-app-chip-selectable-disabled-background,
    #3314000d
  );
  opacity: 1;
  cursor: not-allowed;
}

.wt-btn.wt-chip:before,
.wt-btn.wt-chip:after,
.wt-btn.wt-btn.wt-chip:before,
.wt-btn.wt-btn.wt-chip:after {
  border: var(--wt-btn-border-color) solid
    var(--clg-shape-app-chip-border-width, 1px);
}

body:not(.wt-focus-visible) .wt-btn.wt-chip:focus,
body:not(.wt-focus-visible) .wt-btn.wt-btn.wt-chip:focus {
  outline: 3px solid #0000 !important;
}

body:not(.wt-focus-visible) .wt-btn.wt-chip:focus:not(:hover):not(:active),
body:not(.wt-focus-visible)
  .wt-btn.wt-btn.wt-chip:focus:not(:hover):not(:active) {
  box-shadow:
    0 0 0 var(--clg-shape-pal-border-width-200, 2px)
      var(--clg-color-sem-background-elevation-0, #faf8f5),
    0 0 0 var(--clg-shape-pal-border-width-300, 4px)
      var(--clg-color-sem-border-focused, #426bdb) !important;
}

.wt-btn.wt-chip.wt-chip--small,
.wt-btn.wt-btn.wt-chip.wt-chip--small {
  border-radius: var(--clg-shape-app-chip-small-border-radius, 18px);
  font-size: var(
    --clg-typography-sem-product-body-desktop-small-font-size,
    14px
  );
  line-height: var(
    --clg-typography-sem-product-body-desktop-small-line-height,
    16px
  );
  min-height: var(--clg-dimension-app-chip-small-minimum-height, 36px);
  min-width: var(--clg-dimension-sem-interaction-small, 36px);
  padding: var(--clg-dimension-app-chip-small-padding-vertical, 9px)
    var(--clg-dimension-app-chip-small-padding-horizontal, 15px);
}

.wt-btn.wt-chip.wt-chip--small .wt-chip__icon,
.wt-btn.wt-chip.wt-chip--dropdown .wt-chip__icon,
.wt-btn.wt-btn.wt-chip.wt-chip--small .wt-chip__icon,
.wt-btn.wt-btn.wt-chip.wt-chip--dropdown .wt-chip__icon {
  height: var(--clg-dimension-sem-icon-core-smaller, 16px);
  width: var(--clg-dimension-sem-icon-core-smaller, 16px);
}

.wt-btn.wt-chip.wt-chip--icon-only,
.wt-btn.wt-btn.wt-chip.wt-chip--icon-only {
  padding-left: var(--clg-dimension-app-chip-padding-vertical, 4px);
  padding-right: var(--clg-dimension-app-chip-padding-vertical, 4px);
}

.wt-btn.wt-chip.wt-chip--icon-end,
.wt-btn.wt-btn.wt-chip.wt-chip--icon-end {
  flex-direction: row-reverse;
}

.wt-btn.wt-chip.wt-chip--dropdown,
.wt-btn.wt-btn.wt-chip.wt-chip--dropdown {
  gap: var(--clg-dimension-app-chip-filter-gap, 0px);
  padding-right: var(--clg-dimension-app-chip-filter-padding-end, 12px);
}

.wt-btn.wt-chip.wt-chip--small.wt-chip--dropdown,
.wt-btn.wt-btn.wt-chip.wt-chip--small.wt-chip--dropdown {
  padding-right: var(--clg-dimension-app-chip-small-filter-padding-end, 9px);
}

body {
  --header-search-bar-background: rgba(
    var(--clg-color-pal-greyscale-800, #312b36),
    0.05
  );
  --header-search-bar-border-color: var(--clg-color-pal-greyscale-800, #312b36);
  --header-search-bar-border-color-focus: var(
    --clg-color-pal-greyscale-800,
    #312b36
  );
  --header-search-bar-button-active-bg-color: var(
    --clg-color-pal-greyscale-800,
    #312b36
  );
  --header-search-bar-box-shadow: 1px 2px 4px 0
    var(--clg-color-pal-transparent-black-075, #3314000d) inset;
}

body.etsy-has-it-design {
  --header-search-bar-button-active-bg-color: var(
    --clg-color-pal-new-orange-500,
    #f1641e
  );
  --header-search-bar-box-shadow: inherit;
}

.search-container {
  width: 100%;
  display: block;
}

.search-container .search-bar-container {
  text-align: left;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.search-container .search-suggestions-container {
  background: var(--clg-color-pal-greyscale-000, #fff);
  border-radius: var(--clg-dimension-pal-spacing-200, 12px);
  box-sizing: border-box;
  font-size: var(
    --clg-typography-sem-product-body-desktop-base-font-size,
    16px
  );
  margin-top: var(--clg-dimension-pal-spacing-200, 12px);
  opacity: 0;
  transform-origin: 0 0;
  visibility: hidden;
  z-index: var(--clg-effect-pal-z-index-300, 30);
  max-height: 480px;
  transition:
    box-shadow 0.18s cubic-bezier(0.6, 0, 0.825, 0.115),
    opacity 0.108s cubic-bezier(0.6, 0, 0.825, 0.115),
    transform 0.18s cubic-bezier(0.6, 0, 0.825, 0.115),
    visibility 0s linear 0.144s;
  display: block;
  position: absolute;
  overflow: hidden;
  transform: scaleX(0.5) scaleY(0.2) perspective(1px);
  box-shadow: 0 0 #0000;
}

.search-container .search-item-container {
  color: var(--clg-color-sem-text-primary, #312b36);
  font: inherit;
  cursor: pointer;
  text-align: left;
  -webkit-tap-highlight-color: #0000;
  -webkit-appearance: none;
  box-sizing: border-box;
  padding: var(--clg-dimension-pal-spacing-200, 12px)
    var(--clg-dimension-pal-spacing-300, 18px);
  overflow-wrap: break-word;
  background: 0 0;
  border: none;
  outline: none;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  width: max-content;
  min-width: 100%;
  max-width: 100%;
  text-decoration: none;
  list-style: none;
  transition: background-color 60ms ease-out;
  display: flex;
}

.search-container .search-item-container:focus-visible {
  outline: inherit;
}

.search-container .giftcard-cta-suggestion {
  color: var(--clg-color-sem-text-primary, #312b36);
  font: inherit;
  cursor: pointer;
  text-align: left;
  -webkit-tap-highlight-color: #0000;
  -webkit-appearance: none;
  box-sizing: border-box;
  padding-left: var(--clg-dimension-pal-spacing-300, 18px);
  overflow-wrap: break-word;
  background: 0 0;
  border: none;
  outline: none;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  width: max-content;
  min-width: 100%;
  max-width: 100%;
  text-decoration: none;
  list-style: none;
  transition: background-color 60ms ease-out;
  display: flex;
}

.search-container .giftcard-cta-suggestion:focus-visible {
  outline: inherit;
}

.search-container
  .search-bar-container.search-bar-container--expanded
  ~ .search-suggestions-container {
  box-shadow: var(
    --clg-effect-sem-shadow-elevation-1,
    0px 2px 8px 0px #150a040a,
    0px 4px 12px 2px #150a040f
  );
  opacity: 1;
  visibility: visible;
  z-index: var(--clg-effect-pal-z-index-700, 70);
  transition:
    opacity 0.18s ease-out,
    box-shadow 0.18s cubic-bezier(0.175, 0.885, 0.4, 1.1),
    transform 0.18s cubic-bezier(0.175, 0.885, 0.4, 1.1),
    visibility 0.18s linear;
  transform: scaleX(1) scaleY(1) perspective(1px);
}

.search-container
  .search-bar-container:not(.search-bar-container--expanded)
  ~ .search-suggestions-container
  .search-item-container {
  opacity: 0;
  transition:
    background-color 60ms ease-out,
    opacity 0.18s cubic-bezier(0.6, 0, 0.825, 0.115) -72ms;
}

.search-container .autosuggest-pill-btn {
  --wt-btn-bg-color: var(
    --clg-color-app-button-selectable-background,
    #3314000d
  );
  --wt-btn-bg-color-hover: var(
    --clg-color-app-button-selectable-background,
    #3314000d
  );
}

.search-container .autosuggest-pill-btn:before {
  box-shadow: none;
}

.wt-input-btn-group.global-enhancements-search-input-btn-group {
  box-shadow: var(--header-search-bar-box-shadow);
}

.wt-input-btn-group.global-enhancements-search-input-btn-group,
.ui-toolkit .wt-input-btn-group.global-enhancements-search-input-btn-group {
  background: var(--clg-color-pal-transparent-black-075, #3314000d);
}

body:not(.etsy-has-it-design)
  .wt-input-btn-group.global-enhancements-search-input-btn-group
  .global-enhancements-search-input-btn-group__input:focus,
body:not(.etsy-has-it-design)
  .ui-toolkit
  .wt-input-btn-group.global-enhancements-search-input-btn-group
  .global-enhancements-search-input-btn-group__input:focus {
  background-color: var(--clg-color-pal-greyscale-000, #fff);
  box-shadow: var(--clg-effect-app-input-shadow, 0px 0px 0px 0px #0000);
}

body.etsy-has-it-design.wt-focus-visible
  .wt-input-btn-group.global-enhancements-search-input-btn-group
  .global-enhancements-search-input-btn-group__input:focus {
  box-shadow: none;
}

body.etsy-has-it-design
  .wt-input-btn-group.global-enhancements-search-input-btn-group
  .global-enhancements-search-input-btn-group__btn {
  color: var(--clg-color-sem-text-on-surface-strong, #faf8f5);
  padding-right: 8px;
}

body.etsy-has-it-design
  .wt-input-btn-group.global-enhancements-search-input-btn-group
  .global-enhancements-search-input-btn-group__btn:after {
  opacity: 1;
  border-radius: var(--clg-shape-sem-border-radius-full, 999999px);
  width: var(--clg-dimension-sem-interaction-base, 48px);
  height: var(--clg-dimension-sem-interaction-base, 48px);
  top: -2px;
  transform: scale(0.8) perspective(1px);
}

body.etsy-has-it-design
  .wt-input-btn-group.global-enhancements-search-input-btn-group
  .global-enhancements-search-input-btn-group__btn
  .wt-icon {
  bottom: 3px !important;
  right: 3px !important;
}

body.etsy-has-it-design
  .wt-input-btn-group.global-enhancements-search-input-btn-group
  .global-enhancements-search-input-btn-group__btn.btn-size-44:after {
  width: 44px;
  height: 44px;
}

body.etsy-has-it-design
  .wt-input-btn-group.global-enhancements-search-input-btn-group
  .global-enhancements-search-input-btn-group__btn.btn-size-44
  .wt-icon {
  right: 0 !important;
}

body.etsy-has-it-design
  .wt-input-btn-group.global-enhancements-search-input-btn-group:focus-within
  .global-enhancements-search-input-btn-group__btn:not(.hide-on-focus):after,
body.etsy-has-it-design
  .wt-input-btn-group.global-enhancements-search-input-btn-group:not(
    :focus-within
  ):hover
  .global-enhancements-search-input-btn-group__btn:not(.hide-on-focus):after {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  transform: scale(0.91) translate(1px);
}

body.etsy-has-it-design
  .wt-input-btn-group.global-enhancements-search-input-btn-group:focus-within
  .global-enhancements-search-input-btn-group__btn.btn-size-44:not(
    .hide-on-focus
  ):after,
body.etsy-has-it-design
  .wt-input-btn-group.global-enhancements-search-input-btn-group:not(
    :focus-within
  ):hover
  .global-enhancements-search-input-btn-group__btn.btn-size-44:not(
    .hide-on-focus
  ):after {
  transform: scale(0.91);
}

body.etsy-has-it-design
  .wt-input-btn-group.global-enhancements-search-input-btn-group:focus-within
  .global-enhancements-search-input-btn-group__btn.btn-size-44.hide-on-focus:after,
body.etsy-has-it-design
  .wt-input-btn-group.global-enhancements-search-input-btn-group:focus-within
  .global-enhancements-search-input-btn-group__btn.hide-on-focus:after {
  visibility: hidden;
}

body.etsy-has-it-design
  .wt-input-btn-group.global-enhancements-search-input-btn-group:focus-within
  .reduce-margin-on-focus {
  transition: margin-right 0.18s linear;
  margin-right: 6px !important;
}

body.etsy-has-it-design
  .wt-input-btn-group.global-enhancements-search-input-btn-group:not(
    :focus-within
  ):hover
  .reduce-margin-on-focus {
  margin-right: var(--clg-dimension-pal-spacing-900, 54px);
  transition: margin-right 0.18s linear;
}

body.etsy-has-it-design
  .wt-input-btn-group.global-enhancements-search-input-btn-group:focus-within
  .global-enhancements-search-input-btn-group__btn:after {
  opacity: 1;
}

body.etsy-has-it-design
  .wt-input-btn-group.global-enhancements-search-input-btn-group:not(
    :focus-within
  ):hover
  .global-enhancements-search-input-btn-group__btn:after {
  opacity: 0.65;
}

body:not(.wt-focus-visible):not(.etsy-has-it-design)
  .wt-input-btn-group.global-enhancements-search-input-btn-group.emphasized_search_bar:focus-within {
  box-shadow:
    0 0 0 var(--clg-shape-pal-border-width-200, 2px)
      var(--clg-color-sem-background-elevation-0, #faf8f5),
    0 0 0 var(--clg-shape-pal-border-width-300, 4px)
      var(--clg-color-sem-border-focused, #426bdb);
}

.wt-input-btn-group.global-enhancements-search-input-btn-group.emphasized_search_bar
  .global-enhancements-search-input-btn-group__input {
  border-width: 2px;
  border-color: var(--header-search-bar-border-color);
}

.wt-input-btn-group.global-enhancements-search-input-btn-group.emphasized_search_bar
  .global-enhancements-search-input-btn-group__btn {
  border-width: 2px;
  border-color: var(--header-search-bar-border-color);
  transition: visibility;
}

.wt-input-btn-group.global-enhancements-search-input-btn-group.emphasized_search_bar
  .global-enhancements-search-input-btn-group__btn:after {
  background: var(--header-search-bar-button-active-bg-color);
}

.wt-input-btn-group.global-enhancements-search-input-btn-group.emphasized_search_bar:focus-within
  .global-enhancements-search-input-btn-group__input,
.wt-input-btn-group.global-enhancements-search-input-btn-group.emphasized_search_bar:focus-within
  .global-enhancements-search-input-btn-group__btn {
  border-color: var(--header-search-bar-border-color-focus);
}

.wt-input-btn-group.global-enhancements-search-input-btn-group.emphasized_search_bar_grey_bg {
  background: var(--header-search-bar-background);
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  body:not(.wt-focus-visible)
    .wt-input-btn-group.global-enhancements-search-input-btn-group.emphasized_search_bar
    .global-enhancements-search-input-btn-group__input:focus {
    box-shadow:
      0 0 0 var(--clg-shape-pal-border-width-200, 2px)
        var(--clg-color-sem-background-elevation-0, #faf8f5),
      0 0 0 var(--clg-shape-pal-border-width-300, 4px)
        var(--clg-color-sem-border-focused, #426bdb);
  }
}

.search-close-btn-margin-right,
.ui-toolkit .search-close-btn-margin-right {
  margin-right: var(--clg-dimension-pal-spacing-1100, 66px);
}

body.etsy-has-it-design .search-close-btn-margin-right,
body.etsy-has-it-design.ui-toolkit .search-close-btn-margin-right {
  margin-right: var(--clg-dimension-pal-spacing-900, 54px);
}

.gnav-header .wt-menu .global-nav-menu__body,
.gnav-header .search-container .global-nav-menu__body {
  max-height: inherit;
  max-width: 100%;
}

.gnav-header .wt-menu .global-nav-menu__body li.wt-menu__item.selected,
.gnav-header .wt-menu .global-nav-menu__body li.search-item-container.selected,
.gnav-header
  .wt-menu
  .global-nav-menu__body
  li.giftcard-cta-suggestion.selected,
.gnav-header .wt-menu .global-nav-menu__body .search-dropdown-nav.selected,
.gnav-header .search-container .global-nav-menu__body li.wt-menu__item.selected,
.gnav-header
  .search-container
  .global-nav-menu__body
  li.search-item-container.selected,
.gnav-header
  .search-container
  .global-nav-menu__body
  li.giftcard-cta-suggestion.selected,
.gnav-header
  .search-container
  .global-nav-menu__body
  .search-dropdown-nav.selected {
  background: var(--clg-color-pal-greyscale-075, #efecea) !important;
}

#global-enhancements-search-suggestions li {
  min-height: unset;
}

.global-nav-menu__body .shop-suggestion-item:before,
.global-nav-menu__body .shop-suggestion-item:after {
  content: '"';
}

.global-nav-menu__body .as-search-types ul {
  padding-left: 0;
  list-style: none;
}

.global-nav-menu__body li.as-rich.as-first.wt-menu__item,
.global-nav-menu__body li.as-rich.as-first.search-item-container {
  align-items: flex-start;
}

.global-nav-menu__body li.as-rich.as-first.wt-menu__item .scoped-category,
.global-nav-menu__body
  li.as-rich.as-first.search-item-container
  .scoped-category {
  margin-left: 10px;
}

@media only screen and (min-width: 1200px) {
  .wt-grid .grid__item-xl-fifth {
    flex-basis: 20% !important;
    max-width: 20% !important;
  }
}

@media only screen and (min-width: 640px) and (max-width: 899px) {
  .wt-grid .grid__item-md-fifth {
    flex-basis: 20% !important;
    max-width: 20% !important;
  }
}

.recent-search-query {
  padding-top: 11px !important;
  padding-bottom: 11px !important;
}

.search-dropdown-hr {
  background-color: #dcdcdc;
  height: 1px;
}

.zero-pane-local-shops-image {
  aspect-ratio: 5/4;
  object-fit: cover;
}

[data-local-shops-module] .zero-pane-local-shops-nav-selected {
  box-shadow: 0 0 0 2px var(--clg-color-sem-border-focused, #426bdb);
  border-radius: var(--clg-shape-sem-border-radius-small, 8px);
}

.zero-pane-local-shops-split {
  container-type: inline-size;
}

@container (width<=490px) {
  .zero-pane-local-shops-split .zero-pane-local-shops-split__modules {
    flex-direction: column !important;
  }

  .zero-pane-local-shops-split .zero-pane-local-shops-split__modules > * {
    flex-grow: 0 !important;
    flex-basis: auto !important;
  }

  .zero-pane-local-shops-split
    .zero-pane-local-shops-split__modules
    > .wt-bl-xs {
    display: none !important;
  }

  .zero-pane-local-shops-split
    .zero-pane-local-shops-split__modules
    > [data-local-shops-module].wt-pl-sm-0 {
    padding-left: var(--clg-dimension-pal-spacing-300, 18px) !important;
  }
}

.search-dropdown-normal {
  font-weight: 400;
}

@media only screen and (min-width: 0) and (max-width: 639px) {
  .is-responsive .wt-menu__body.ge-mobile-search-dropdown-full-screen,
  .is-responsive
    .search-suggestions-container.ge-mobile-search-dropdown-full-screen {
    border-top-left-radius: initial;
    border-top-right-radius: initial;
    box-shadow: 0 20px 20px
      var(--clg-color-pal-transparent-black-150, #33140030);
    border-top: none;
    border-left: none;
    border-right: none;
    width: 100vw;
    min-width: 100vw;
    max-width: 100vw;
    left: -18px;
    right: 0;
    position: absolute !important;
  }

  .is-responsive
    .wt-menu__body.ge-mobile-search-dropdown-full-screen.sbw-no-left-padding,
  .is-responsive
    .search-suggestions-container.ge-mobile-search-dropdown-full-screen.sbw-no-left-padding {
    left: -12px;
  }
}

@media only screen and (min-width: 640px) {
  .is-responsive .wt-menu__body.ge-mobile-search-dropdown-full-screen,
  .is-responsive
    .search-suggestions-container.ge-mobile-search-dropdown-full-screen {
    width: 100%;
    max-width: 100%;
  }
}

.giftcard-cta-suggestion .giftcard-cta-icon {
  width: 48px;
  height: 48px;
}

.recent-searches-selectable:focus,
.recent-searches-selectable:active,
.recent-searches-selectable.selected {
  border-color: var(--wt-btn-border-color-hover);
  color: var(--wt-btn-text-color-hover);
  opacity: 1;
  text-decoration: none;
}

.recent-searches-selectable:focus:before,
.recent-searches-selectable:active:before,
.recent-searches-selectable.selected:before {
  opacity: 1;
  transform: var(--wt-btn-scale-hover);
}

.recent-searches-selectable:focus:after,
.recent-searches-selectable:active:after,
.recent-searches-selectable.selected:after {
  border-color: var(--wt-btn-border-color-hover);
  background-color: var(--wt-btn-bg-color-hover);
  transform: var(--wt-btn-scale-hover);
}

.position-absolute-important {
  position: absolute !important;
}

.no-top-shadow {
  box-shadow: 0 20px 20px var(--clg-color-pal-transparent-black-150, #33140030) !important;
}

.hide-with-transition[data-header-logo-container] {
  visibility: visible;
  flex: 0 0 60px;
  transition: all 0.18s ease-in-out;
}

.hide-with-transition[data-hamburger-search-container] {
  visibility: visible;
  flex: 0 0 24px;
  transition: all 0.18s ease-in-out;
}

.hide {
  visibility: hidden !important;
  flex-basis: 0 !important;
  margin-right: 0 !important;
  overflow: hidden !important;
}

#search-filter-button {
  --wt-btn-text-color: var(--clg-color-app-chip-selectable-text, #312b36);
  --wt-btn-text-color-hover: var(--clg-color-app-chip-selectable-text, #312b36);
  --wt-btn-border-color: var(--clg-color-app-chip-selectable-border, #0000);
  --wt-btn-border-color-hover: var(
    --clg-color-app-chip-selectable-border,
    #0000
  );
  --wt-btn-bg-color: var(--clg-color-app-chip-selectable-background, #3314000d);
  --wt-btn-bg-color-hover: var(
    --clg-color-app-chip-selectable-background,
    #3314000d
  );
  --clg-icon-button-bg-color: var(
    --clg-color-app-chip-selectable-background,
    #3314000d
  );
  --clg-icon-button-border-color: var(
    --clg-color-app-chip-selectable-border,
    #0000
  );
  --clg-icon-button-icon-color: var(
    --clg-color-app-chip-selectable-text,
    #312b36
  );
}

#search-filter-button.toggle-button-inactive-hover {
  --wt-btn-scale: none !important
;
}

#search-filter-button.toggle-button-active {
  --wt-btn-text-color: var(
    --clg-color-app-chip-selectable-selected-text,
    #faf8f5
  );
  --wt-btn-text-color-hover: var(
    --clg-color-app-chip-selectable-selected-text,
    #faf8f5
  );
  --wt-btn-border-color: var(
    --clg-color-app-chip-selectable-selected-border,
    #0000
  );
  --wt-btn-border-color-hover: var(
    --clg-color-app-chip-selectable-selected-border,
    #0000
  );
  --wt-btn-bg-color: var(
    --clg-color-app-chip-selectable-selected-background,
    #312b36
  );
  --wt-btn-bg-color-hover: var(
    --clg-color-app-chip-selectable-selected-background,
    #312b36
  );
}

#search-filter-button.toggle-button-active-hover {
  --wt-btn-scale: none !important
;
}

#search-filter-button:active {
  --wt-btn-text-color: var(
    --clg-color-app-chip-selectable-pressed-text,
    #312b36
  );
  --wt-btn-text-color-hover: var(
    --clg-color-app-chip-selectable-pressed-text,
    #312b36
  );
  --wt-btn-border-color: var(
    --clg-color-app-chip-selectable-pressed-border,
    #0000
  );
  --wt-btn-border-color-hover: var(
    --clg-color-app-chip-selectable-pressed-border,
    #0000
  );
  --wt-btn-bg-color: var(
    --clg-color-app-chip-selectable-pressed-background,
    #33140042
  );
  --wt-btn-bg-color-hover: var(
    --clg-color-app-chip-selectable-pressed-background,
    #33140042
  );
}

#search-filter-button.toggle-button-fixed-width {
  min-width: 125px;
}

#search-filter-button:before,
#search-filter-button:after {
  border: var(--wt-btn-border-color) solid
    var(--clg-shape-app-chip-border-width, 1px);
}

#search-filter-button-placeholder {
  --wt-btn-text-color: var(--clg-color-app-chip-selectable-text, #312b36);
  --wt-btn-text-color-hover: var(--clg-color-app-chip-selectable-text, #312b36);
  --wt-btn-border-color: var(--clg-color-app-chip-selectable-border, #0000);
  --wt-btn-border-color-hover: var(
    --clg-color-app-chip-selectable-border,
    #0000
  );
  --wt-btn-bg-color: var(--clg-color-app-chip-selectable-background, #3314000d);
  --wt-btn-bg-color-hover: var(
    --clg-color-app-chip-selectable-background,
    #3314000d
  );
  --clg-icon-button-bg-color: var(
    --clg-color-app-chip-selectable-background,
    #3314000d
  );
  --clg-icon-button-border-color: var(
    --clg-color-app-chip-selectable-border,
    #0000
  );
  --clg-icon-button-icon-color: var(
    --clg-color-app-chip-selectable-text,
    #312b36
  );
}

#search-filter-button-placeholder:before,
#search-filter-button-placeholder:after {
  border: var(--wt-btn-border-color) solid
    var(--clg-shape-app-chip-border-width, 1px);
}

.global-enhancements-skip-to-content:focus {
  outline: 0 !important;
}

@media only screen and (min-width: 0) and (max-width: 899px) {
  .is-responsive .global-enhancements-header {
    flex-wrap: wrap;
  }

  .is-responsive .global-enhancements-header .order-mobile-tablet-2 {
    order: 2;
  }
}

.gnav-header.global-nav.v2-toolkit-gnav-header.global-nav.sticky-search-bar {
  top: 0;
  left: 50%;
  transform: translate(-50%);
  position: fixed !important;
}

.gnav-header.global-nav.v2-toolkit-gnav-header.global-nav.sticky-search-bar.sticky-search-bar-shadow-01 {
  box-shadow: var(
    --clg-effect-sem-shadow-elevation-3,
    0px 8px 16px 0px #150a040a,
    0px 12px 20px 2px #150a040f
  ) !important;
}

.gnav-header.global-nav.v2-toolkit-gnav-header.global-nav .sticky-search-bar {
  background-color: var(--clg-color-sem-background-elevation-1, #fff);
  top: 0;
  padding-top: 12px !important;
  position: fixed !important;
}

.gnav-header.global-nav.v2-toolkit-gnav-header.global-nav
  .sticky-search-bar.sticky-search-bar-shadow-01 {
  box-shadow: 15px 4px 20px #22222226 !important;
}

.btn-size-44.btn-size-44.btn-size-44 {
  min-width: 44px;
  height: 44px;
  min-height: 44px;
  padding: 10px;
}

.input-size-44.input-size-44 {
  height: 44px;
}

@media only screen and (min-width: 900px) {
  .sidebar-cart {
    margin-right: 149px;
  }

  .sidebar-cart .sidebar-cart-carat {
    z-index: 80;
    position: relative;
    top: -80px;
    right: -11px;
  }

  .sidebar-cart .sidebar-cart-carat:before,
  .sidebar-cart .sidebar-cart-carat:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
  }

  .sidebar-cart .sidebar-cart-carat:before {
    border-top: 10px solid #0000;
    border-bottom: 10px solid #0000;
    border-right: 10px solid #e1e3df;
    top: -4px;
    right: 10px;
  }

  .sidebar-cart .sidebar-cart-carat:after {
    border-top: 8px solid #0000;
    border-bottom: 8px solid #0000;
    border-right: 8px solid var(--clg-color-sem-background-elevation-0, #faf8f5);
    top: -2px;
    right: 10px;
  }
}

@media only screen and (min-width: 1400px) {
  .sidebar-cart .global-enhancements-header {
    max-width: none;
  }
}

.gnav-header .gnav-user-avatar {
  width: var(--clg-dimension-sem-icon-core-base, 24px);
  height: var(--clg-dimension-sem-icon-core-base, 24px);
  vertical-align: middle;
}

body {
  --header-nav-menu-trigger-caret-color: rgba(
    var(--clg-color-pal-greyscale-800, #312b36),
    0.3
  );
}

.wt-badge.wt-badge--small.wt-badge--outset-top-right.ge-cart-badge {
  top: 0;
  right: 0;
}

.wt-badge.wt-badge--small.wt-badge--outset-top-right.ge-menu-count-badge {
  top: calc(-1 * var(--clg-dimension-pal-spacing-200, 12px));
  right: calc(-1 * var(--clg-dimension-pal-spacing-200, 12px));
}

.wt-menu.ge-menu--body-below-trigger .wt-menu__body {
  max-height: unset;
  top: 100%;
  left: auto;
  right: 0;
}

.wt-menu.ge-menu--body-below-trigger .wt-menu__trigger ~ .ge-menu__body-caret {
  opacity: 0;
}

.wt-menu.ge-menu--body-below-trigger
  .wt-menu__trigger[aria-expanded="true"]
  ~ .ge-menu__body-caret {
  content: "";
  width: var(--clg-dimension-pal-spacing-200, 12px);
  height: var(--clg-dimension-pal-spacing-200, 12px);
  opacity: 1;
  transition: opacity 0.18s ease-out;
  bottom: -6px;
  left: calc(50% - 6px);
  transform: rotate(45deg);
}

@media only screen and (min-width: 900px) {
  .wt-menu.ge-menu--body-below-trigger
    .wt-menu__trigger[aria-expanded="true"]
    ~ .ge-menu__body-caret.ge-menu__body-caret--position-lg {
    bottom: calc(-1 * var(--clg-dimension-pal-spacing-200, 12px));
  }
}

.wt-menu.ge-menu--body-below-trigger
  .wt-tooltip__trigger[aria-expanded="true"]
  + [role="tooltip"] {
  transform: scale(0);
  visibility: hidden !important;
  opacity: 0 !important;
}

.wt-menu.ge-menu--body-below-trigger .ge-help-menu-dimensions {
  min-width: calc(var(--clg-dimension-pal-spacing-100, 6px) * 45);
}

.wt-menu.ge-menu--body-below-trigger .ge-notifications-menu-dimensions {
  width: calc(var(--clg-dimension-pal-spacing-100, 6px) * 53);
  max-width: calc(var(--clg-dimension-pal-spacing-100, 6px) * 53);
  height: calc(var(--clg-dimension-pal-spacing-100, 6px) * 84);
  max-height: calc(var(--clg-dimension-pal-spacing-100, 6px) * 84);
}

.wt-menu.ge-menu--body-below-trigger
  .ge-notifications-menu-updates-preview-dimensions {
  width: calc(var(--clg-dimension-pal-spacing-100, 6px) * 53) !important;
  max-width: calc(var(--clg-dimension-pal-spacing-100, 6px) * 53) !important;
  height: calc(var(--clg-dimension-pal-spacing-100, 6px) * 54) !important;
  max-height: calc(var(--clg-dimension-pal-spacing-100, 6px) * 54) !important;
}

.wt-menu.ge-menu--body-below-trigger
  .ge-notifications-menu-updates-preview-dimensions
  .updates-preview-content-container {
  position: absolute;
  top: 50px;
  bottom: 0;
}

.wt-menu.ge-menu--body-below-trigger
  .ge-notifications-menu-updates-preview-dimensions
  .updates-preview-item {
  border-top: 1px solid #22222213;
  border-bottom: 1px solid #22222213;
}

.wt-menu.ge-menu--body-below-trigger
  .ge-notifications-menu-updates-preview-dimensions
  .updates-preview-header {
  position: relative;
  left: 35%;
}

.wt-menu.ge-menu--body-below-trigger .wt-menu__body a {
  min-height: auto;
}

.wt-menu.ge-menu--body-below-trigger .wt-menu__body a:link,
.wt-menu.ge-menu--body-below-trigger .wt-menu__body a:hover {
  color: var(--clg-color-sem-text-primary, #312b36);
  text-decoration: none;
}

.wt-menu.ge-menu--body-below-trigger .wt-menu__body a.wt-menu__item:after {
  display: none;
}

.wt-menu.ge-menu--body-below-trigger .wt-menu__body.tracking-shortcut {
  max-height: none;
}

.wt-menu.ge-menu--body-below-trigger .listing-img-outer-link {
  text-indent: 100%;
  white-space: nowrap;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  z-index: 0 !important;
  position: absolute !important;
}

.wt-menu.ge-menu--body-below-trigger .seen-notifications__header {
  border-radius: var(--clg-shape-sem-border-radius-full, 999999px);
  padding: 3px 12px;
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .wt-menu.ge-menu--body-below-trigger .seen-notifications__header {
    transform: translate(-50%, -50%);
  }
}

.wt-menu.ge-menu--body-below-trigger
  .seen-notification:not(:focus):not(:hover) {
  background: var(--clg-color-pal-transparent-black-075, #3314000d);
}

.wt-menu.ge-menu--body-below-trigger
  .seen-notifications
  li:not(:last-of-type)
  .wt-menu__item {
  border-bottom: 1px solid var(--clg-color-pal-transparent-black-150, #33140030);
}

.wt-menu.ge-menu--body-below-trigger
  .seen-notifications
  li:first-of-type
  .wt-menu__item {
  padding-top: 18px;
}

.wt-menu.ge-menu--body-below-trigger
  .unseen-notifications
  li:last-of-type
  .wt-menu__item {
  padding-bottom: 18px;
}

.global-enhancements-overlapping-icon {
  z-index: var(--clg-effect-pal-z-index-100, 10);
  margin-right: -9px;
  position: relative;
}

.global-enhancements-overlapping-icon:after {
  content: "";
  border: 2px solid var(--clg-color-sem-background-elevation-1, #fff);
  border-radius: 100px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  position: absolute;
  top: -2px;
  left: -2px;
}

.global-enhancements-header .wt-menu__trigger__caret {
  color: var(--header-nav-menu-trigger-caret-color);
}

body.etsy-has-it-design:not(.wt-focus-visible)
  :is(
    #gnav-header-inner .wt-tooltip__trigger,
    #gnav-header-inner [data-id="hamburger"],
    #gnav-header-inner .simplified-mobile-header-sign-in-icon,
    #gnav-header-inner [data-search-back-btn],
    #header-locale-picker-trigger
  ):focus {
  --header-nav-menu-trigger-caret-color: var(
    --clg-color-sem-background-surface-expressive-blue-dark,
    #545a78
  );
  --avatar-outer-shadow-color: var(--clg-color-pal-blue-800, #142966);
  --avatar-inner-shadow-color: var(--clg-color-pal-blue-150, #d5def7);
}

body.etsy-has-it-design
  :is(
    #gnav-header-inner .wt-tooltip__trigger,
    #gnav-header-inner [data-id="hamburger"],
    #gnav-header-inner .simplified-mobile-header-sign-in-icon,
    #gnav-header-inner [data-search-back-btn],
    #header-locale-picker-trigger
  ):hover {
  --header-nav-menu-trigger-caret-color: var(
    --clg-color-sem-background-surface-expressive-blue-dark,
    #545a78
  );
  --avatar-outer-shadow-color: var(--clg-color-pal-blue-800, #142966);
  --avatar-inner-shadow-color: var(--clg-color-pal-blue-150, #d5def7);
}

body.etsy-has-it-design
  :is(
    #gnav-header-inner .wt-tooltip__trigger,
    #gnav-header-inner [data-id="hamburger"],
    #gnav-header-inner .simplified-mobile-header-sign-in-icon,
    #gnav-header-inner [data-search-back-btn],
    #header-locale-picker-trigger
  )[aria-expanded="true"] {
  --header-nav-menu-trigger-caret-color: var(
    --clg-color-sem-background-surface-expressive-blue-dark,
    #545a78
  );
  --avatar-outer-shadow-color: var(--clg-color-pal-blue-800, #142966);
  --avatar-inner-shadow-color: var(--clg-color-pal-blue-150, #d5def7);
}

body.etsy-has-it-design:not(.wt-focus-visible)
  :is(
    #gnav-header-inner .wt-tooltip__trigger,
    #gnav-header-inner [data-id="hamburger"],
    #gnav-header-inner .simplified-mobile-header-sign-in-icon,
    #gnav-header-inner [data-search-back-btn],
    #header-locale-picker-trigger
  ):focus
  .etsy-icon {
  color: var(--clg-color-pal-blue-800, #142966);
}

body.etsy-has-it-design:not(.wt-focus-visible)
  :is(
    #gnav-header-inner .wt-tooltip__trigger,
    #gnav-header-inner [data-id="hamburger"],
    #gnav-header-inner .simplified-mobile-header-sign-in-icon,
    #gnav-header-inner [data-search-back-btn],
    #header-locale-picker-trigger
  ):focus
  .wt-icon {
  color: var(--clg-color-pal-blue-800, #142966);
}

body.etsy-has-it-design
  :is(
    #gnav-header-inner .wt-tooltip__trigger,
    #gnav-header-inner [data-id="hamburger"],
    #gnav-header-inner .simplified-mobile-header-sign-in-icon,
    #gnav-header-inner [data-search-back-btn],
    #header-locale-picker-trigger
  ):hover
  .etsy-icon {
  color: var(--clg-color-pal-blue-800, #142966);
}

body.etsy-has-it-design
  :is(
    #gnav-header-inner .wt-tooltip__trigger,
    #gnav-header-inner [data-id="hamburger"],
    #gnav-header-inner .simplified-mobile-header-sign-in-icon,
    #gnav-header-inner [data-search-back-btn],
    #header-locale-picker-trigger
  ):hover
  .wt-icon {
  color: var(--clg-color-pal-blue-800, #142966);
}

body.etsy-has-it-design
  :is(
    #gnav-header-inner .wt-tooltip__trigger,
    #gnav-header-inner [data-id="hamburger"],
    #gnav-header-inner .simplified-mobile-header-sign-in-icon,
    #gnav-header-inner [data-search-back-btn],
    #header-locale-picker-trigger
  )[aria-expanded="true"]
  .etsy-icon {
  color: var(--clg-color-pal-blue-800, #142966);
}

body.etsy-has-it-design
  :is(
    #gnav-header-inner .wt-tooltip__trigger,
    #gnav-header-inner [data-id="hamburger"],
    #gnav-header-inner .simplified-mobile-header-sign-in-icon,
    #gnav-header-inner [data-search-back-btn],
    #header-locale-picker-trigger
  )[aria-expanded="true"]
  .wt-icon {
  color: var(--clg-color-pal-blue-800, #142966);
}

body.etsy-has-it-design:not(.wt-focus-visible)
  :is(
    #gnav-header-inner .wt-tooltip__trigger,
    #gnav-header-inner [data-id="hamburger"],
    #gnav-header-inner .simplified-mobile-header-sign-in-icon,
    #gnav-header-inner [data-search-back-btn],
    #header-locale-picker-trigger
  ):focus
  .wt-badge--notificationPrimary {
  background-color: var(--clg-color-pal-blue-800, #142966);
  border-color: var(--clg-color-pal-blue-150, #d5def7);
}

body.etsy-has-it-design
  :is(
    #gnav-header-inner .wt-tooltip__trigger,
    #gnav-header-inner [data-id="hamburger"],
    #gnav-header-inner .simplified-mobile-header-sign-in-icon,
    #gnav-header-inner [data-search-back-btn],
    #header-locale-picker-trigger
  ):hover
  .wt-badge--notificationPrimary {
  background-color: var(--clg-color-pal-blue-800, #142966);
  border-color: var(--clg-color-pal-blue-150, #d5def7);
}

body.etsy-has-it-design
  :is(
    #gnav-header-inner .wt-tooltip__trigger,
    #gnav-header-inner [data-id="hamburger"],
    #gnav-header-inner .simplified-mobile-header-sign-in-icon,
    #gnav-header-inner [data-search-back-btn],
    #header-locale-picker-trigger
  )[aria-expanded="true"]
  .wt-badge--notificationPrimary {
  background-color: var(--clg-color-pal-blue-800, #142966);
  border-color: var(--clg-color-pal-blue-150, #d5def7);
}

body.etsy-has-it-design:not(.wt-focus-visible)
  :is(
    #gnav-header-inner .wt-tooltip__trigger,
    #gnav-header-inner [data-id="hamburger"],
    #gnav-header-inner .simplified-mobile-header-sign-in-icon,
    #gnav-header-inner [data-search-back-btn],
    #header-locale-picker-trigger
  ):focus.wt-btn--transparent:not(:disabled):not([aria-disabled="true"]):after {
  background-color: var(
    --clg-color-sem-background-surface-expressive-blue-light,
    #d2dff2
  );
  transform: scaleX(0.99) scaleY(0.99) perspective(1px);
  opacity: 1 !important;
}

body.etsy-has-it-design
  :is(
    #gnav-header-inner .wt-tooltip__trigger,
    #gnav-header-inner [data-id="hamburger"],
    #gnav-header-inner .simplified-mobile-header-sign-in-icon,
    #gnav-header-inner [data-search-back-btn],
    #header-locale-picker-trigger
  ):hover.wt-btn--transparent:not(:disabled):not([aria-disabled="true"]):after {
  background-color: var(
    --clg-color-sem-background-surface-expressive-blue-light,
    #d2dff2
  );
  transform: scaleX(0.99) scaleY(0.99) perspective(1px);
  opacity: 1 !important;
}

body.etsy-has-it-design
  :is(
    #gnav-header-inner .wt-tooltip__trigger,
    #gnav-header-inner [data-id="hamburger"],
    #gnav-header-inner .simplified-mobile-header-sign-in-icon,
    #gnav-header-inner [data-search-back-btn],
    #header-locale-picker-trigger
  )[aria-expanded="true"].wt-btn--transparent:not(:disabled):not(
    [aria-disabled="true"]
  ):after {
  background-color: var(
    --clg-color-sem-background-surface-expressive-blue-light,
    #d2dff2
  );
  transform: scaleX(0.99) scaleY(0.99) perspective(1px);
  opacity: 1 !important;
}

body.etsy-has-it-design {
  --avatar-inner-shadow-color: var(--clg-color-app-badge-border, #312b36);
  --avatar-outer-shadow-color: var(
    --clg-color-app-button-secondary-border,
    #312b36
  );
}

body.etsy-has-it-design #gnav-header-inner [role="tooltip"],
body.etsy-has-it-design #header-locale-picker-trigger + [role="tooltip"] {
  background-color: var(--clg-color-pal-blue-800, #142966);
  color: var(--clg-color-sem-text-on-surface-dark, #faf8f5);
}

body.etsy-has-it-design #gnav-header-inner .wt-menu__body {
  margin-top: var(--clg-dimension-pal-spacing-300, 18px);
}

body.etsy-has-it-design #gnav-header-inner .ge-menu__body-caret {
  bottom: calc(-1 * var(--clg-dimension-pal-spacing-400, 24px)) !important;
}

body.etsy-has-it-design:not(.wt-focus-visible)
  #gnav-header-inner
  .wt-tooltip__trigger.wt-btn--transparent:focus:after {
  box-shadow:
    0 0 0 2px #fff,
    0 0 0 4px
      var(--clg-color-sem-background-surface-expressive-blue-dark, #545a78);
}

body.etsy-has-it-design .ge-menu--you-menu .wt-menu__trigger__label {
  --box-shadow-top: var(--clg-shape-sem-border-width-base, 2px);
  --box-shadow-left: var(--clg-shape-sem-border-width-base, 2px);
}

body.etsy-has-it-design .ge-menu--you-menu .ge-menu__body-caret {
  background: var(
    --clg-color-sem-background-surface-expressive-blue-light,
    #d2dff2
  ) !important;
}

body.etsy-has-it-design .ge-menu--you-menu li.wt-list-unstyled:first-of-type {
  background: var(
    --clg-color-sem-background-surface-expressive-blue-light,
    #d2dff2
  );
  position: relative;
}

body.etsy-has-it-design
  .ge-menu--you-menu
  li.wt-list-unstyled:first-of-type:before {
  content: "";
  background: inherit;
  height: calc(100% + var(--clg-dimension-pal-spacing-300, 18px));
  top: calc(-1 * var(--clg-dimension-pal-spacing-200, 12px));
  z-index: -1;
  width: 100%;
  display: block;
  position: absolute;
}

body.etsy-has-it-design:not(.wt-focus-visible)
  .ge-menu--you-menu
  li.wt-list-unstyled:first-of-type
  .wt-menu__item:focus,
body.etsy-has-it-design
  .ge-menu--you-menu
  li.wt-list-unstyled:first-of-type
  .wt-menu__item:hover {
  background: var(--clg-color-pal-blue-050, #fbfbfe);
}

body.etsy-has-it-design
  .ge-menu--notifications:has(
    [data-notifications-body] > :first-child .wt-badge--notificationPrimary
  )
  .ge-menu__body-caret {
  background-color: var(
    --clg-color-sem-background-surface-expressive-blue-light,
    #d2dff2
  ) !important;
}

body.etsy-has-it-design
  .ge-menu--notifications:has(
    [data-notifications-body] > :first-child .wt-badge--notificationPrimary
  )
  [data-notifications-body]
  > :first-child {
  background-color: var(
    --clg-color-sem-background-surface-expressive-blue-light,
    #d2dff2
  ) !important;
}

body.etsy-has-it-design
  .ge-menu--notifications:has(
    [data-notifications-body] > :first-child .wt-badge--notificationPrimary
  )
  [data-notifications-body]
  > :first-child
  .wt-badge--notificationPrimary {
  background-color: var(
    --clg-color-sem-background-surface-expressive-blue-dark,
    #545a78
  );
  color: var(--clg-color-sem-text-on-surface-dark, #faf8f5) !important;
}

body.etsy-has-it-design #gnav-header-inner .locale-icon-svg {
  --box-shadow-top: -1px;
  --box-shadow-left: 0;
}

body.etsy-has-it-design #header-locale-picker-trigger .locale-icon-svg {
  --box-shadow-top: 0;
  --box-shadow-left: 0;
}

body.etsy-has-it-design #header-locale-picker-trigger .locale-icon-svg:after {
  box-shadow:
    0 0 0 var(--clg-shape-sem-border-width-base, 2px)
      var(--avatar-outer-shadow-color),
    0 0 0 var(--clg-shape-sem-border-width-thin, 1px)
      var(--avatar-inner-shadow-color) inset;
  content: "";
  border-radius: var(--clg-shape-sem-border-radius-full, 999999px);
  --double-border-width: calc(2 * var(--clg-shape-sem-border-width-base, 2px));
  height: calc(
    var(--clg-dimension-sem-icon-core-base, 24px) - var(--double-border-width)
  );
  width: calc(
    var(--clg-dimension-sem-icon-core-base, 24px) - var(--double-border-width)
  );
  top: var(--box-shadow-top);
  left: var(--box-shadow-left);
  position: absolute;
}

body.etsy-has-it-design .ge-menu--help .wt-menu__trigger__label {
  --box-shadow-top: var(--clg-shape-sem-border-width-base, 2px);
  --box-shadow-left: var(--clg-shape-sem-border-width-base, 2px);
}

body.etsy-has-it-design .ge-menu--help .ge-menu__body-caret {
  background: var(
    --clg-color-sem-background-surface-expressive-blue-light,
    #d2dff2
  ) !important;
}

body.etsy-has-it-design .ge-menu--help li.wt-list-unstyled:first-of-type {
  background: var(
    --clg-color-sem-background-surface-expressive-blue-light,
    #d2dff2
  );
  height: var(--clg-dimension-pal-spacing-800, 48px);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

body.etsy-has-it-design
  .ge-menu--help
  li.wt-list-unstyled:first-of-type:before {
  content: "";
  background: inherit;
  height: calc(100% + var(--clg-dimension-pal-spacing-300, 18px));
  top: calc(-1 * var(--clg-dimension-pal-spacing-200, 12px));
  z-index: -1;
  width: 100%;
  display: block;
  position: absolute;
}

.header-nav-only-bottom-shadow {
  box-shadow:
    0 3px 3px -3px #0000004d,
    0 8px 8px -1px #00000026;
}

.header-nav-shadow:after {
  content: "";
  z-index: -1;
  box-shadow: 0px 4px 20px 1px var(--clg-color-pal-greyscale-800, #312b36);
  width: 100%;
  position: absolute;
}

div.download-app-takeover {
  z-index: 71;
  background-color: #fffc;
  top: 56px;
}

div.download-app-takeover div#takeover_ui_widget {
  flex-flow: column;
  height: 361px;
}

div.download-app-takeover div#takeover_ui_widget div.app-icon {
  background: url(/assets/dist/images/mobile-landing/icon-etsy-app@2x.20250620165226.png)
    50% / contain no-repeat;
  width: 72px;
  height: 72px;
  margin-top: 28px;
}

div.download-app-takeover div#takeover_ui_widget a.button-cta {
  width: 150px;
  margin-bottom: 4px;
}

@media only screen and (min-width: 0) and (max-width: 639px) {
  .is-responsive .wt-menu__body.ge-notifications-menu-dimensions,
  .is-responsive .wt-menu__body.ge-you-menu-dimensions {
    width: calc(100vw - var(--clg-dimension-pal-spacing-300, 18px));
    min-width: calc(100vw - var(--clg-dimension-pal-spacing-300, 18px));
    max-width: calc(100vw - var(--clg-dimension-pal-spacing-300, 18px));
  }

  .is-responsive .wt-menu.ge-menu--notifications .wt-menu__trigger__caret {
    margin-left: -4px;
  }

  .is-responsive .wt-menu.ge-menu--you-menu .wt-menu__trigger__caret {
    margin-left: -2px;
  }
}

@media only screen and (min-width: 0) and (max-width: 479px) {
  .is-responsive .global-enhancements-header nav .reduced-margin-xs {
    margin-left: -2px;
    margin-right: -2px;
  }

  .is-responsive .global-enhancements-header .wt-menu__trigger__caret {
    display: none;
  }

  .is-responsive
    .global-enhancements-header
    .wt-badge.wt-badge--outset-top-right.ge-menu-count-badge {
    right: -6px;
  }
}

.header-notification-badge {
  border: none !important;
}

.header-notification-badge__deals {
  top: -8px !important;
  right: -8px !important;
}

.global-enhancements-header .logo-dimensions.logo-dimensions {
  width: calc(var(--clg-dimension-pal-spacing-1300, 78px) + 2px);
  height: calc(var(--clg-dimension-pal-spacing-600, 36px) + 4px);
}

@media only screen and (min-width: 0) and (max-width: 899px) {
  .is-responsive .global-enhancements-header .logo-dimensions.logo-dimensions {
    width: var(--clg-dimension-pal-spacing-1000, 60px);
    height: var(--clg-dimension-pal-spacing-500, 30px);
  }
}

.global-enhancements-header .etsy-icon svg {
  width: 100%;
  height: 100%;
}

.wt-text-caption-small {
  font-family: var(
    --clg-typography-pal-family-sans-serif-regular,
    "ABCDiatype",
    "-apple-system",
    "Helvetica Neue",
    "Droid Sans",
    "Arial",
    "sans-serif"
  );
  font-weight: var(--clg-typography-pal-weight-400, 400);
  font-size: var(--clg-typography-sem-ui-smallest-font-size, 10px);
  line-height: var(--clg-typography-sem-ui-smallest-line-height, 12px);
  letter-spacing: 0.1px;
}

.wt-text-display-larger {
  font-family: var(--clg-typography-sem-product-display-larger-font-family);
  font-weight: var(--clg-typography-sem-product-display-larger-font-weight);
  font-size: var(--clg-typography-sem-product-display-larger-font-size);
  line-height: var(--clg-typography-sem-product-display-larger-line-height);
  letter-spacing: var(
    --clg-typography-sem-product-display-larger-letter-spacing
  );
}

.wt-text-display-large {
  font-family: var(--clg-typography-sem-product-display-large-font-family);
  font-weight: var(--clg-typography-sem-product-display-large-font-weight);
  font-size: var(--clg-typography-sem-product-display-large-font-size);
  line-height: var(--clg-typography-sem-product-display-large-line-height);
  letter-spacing: var(
    --clg-typography-sem-product-display-large-letter-spacing
  );
}

.wt-text-display {
  font-family: var(--clg-typography-sem-product-display-base-font-family);
  font-weight: var(--clg-typography-sem-product-display-base-font-weight);
  font-size: var(--clg-typography-sem-product-display-base-font-size);
  line-height: var(--clg-typography-sem-product-display-base-line-height);
  letter-spacing: var(--clg-typography-sem-product-display-base-letter-spacing);
}

.wt-text-heading-large {
  font-family: var(--clg-typography-sem-product-heading-large-font-family);
  font-weight: var(--clg-typography-sem-product-heading-large-font-weight);
  font-size: var(--clg-typography-sem-product-heading-large-font-size);
  line-height: var(--clg-typography-sem-product-heading-large-line-height);
  letter-spacing: var(
    --clg-typography-sem-product-heading-large-letter-spacing
  );
}

.wt-text-heading {
  font-family: var(--clg-typography-sem-product-heading-base-font-family);
  font-weight: var(--clg-typography-sem-product-heading-base-font-weight);
  font-size: var(--clg-typography-sem-product-heading-base-font-size);
  line-height: var(--clg-typography-sem-product-heading-base-line-height);
  letter-spacing: var(--clg-typography-sem-product-heading-base-letter-spacing);
}

.wt-text-heading-small {
  font-family: var(--clg-typography-sem-product-heading-small-font-family);
  font-weight: var(--clg-typography-sem-product-heading-small-font-weight);
  font-size: var(--clg-typography-sem-product-heading-small-font-size);
  line-height: var(--clg-typography-sem-product-heading-small-line-height);
  letter-spacing: var(
    --clg-typography-sem-product-heading-small-letter-spacing
  );
}

.wt-text-heading-small--tight {
  font-family: var(--clg-typography-pal-family-serif-regular);
  font-weight: var(--clg-typography-pal-weight-400);
  font-size: var(--clg-typography-sem-product-heading-small-font-size);
  line-height: var(--clg-typography-sem-product-heading-small-line-height);
  letter-spacing: var(
    --clg-typography-sem-product-heading-small-letter-spacing
  );
}

.wt-text-title-larger {
  font-family: var(--clg-typography-sem-product-title-larger-font-family);
  font-weight: var(--clg-typography-sem-product-title-larger-font-weight);
  font-size: var(--clg-typography-sem-product-title-larger-font-size);
  line-height: var(--clg-typography-sem-product-title-larger-line-height);
  letter-spacing: var(--clg-typography-sem-product-title-larger-letter-spacing);
}

.wt-text-title-large {
  font-family: var(--clg-typography-sem-product-title-large-font-family);
  font-weight: var(--clg-typography-sem-product-title-large-font-weight);
  font-size: var(--clg-typography-sem-product-title-large-font-size);
  line-height: var(--clg-typography-sem-product-title-large-line-height);
  letter-spacing: var(--clg-typography-sem-product-title-large-letter-spacing);
}

.wt-text-title-large--tight {
  font-family: var(--clg-typography-pal-family-sans-serif-bold);
  font-weight: var(--clg-typography-pal-weight-700);
  font-size: var(--clg-typography-sem-product-title-large-font-size);
  line-height: var(--clg-typography-sem-product-title-large-line-height);
  letter-spacing: var(--clg-typography-sem-product-title-large-letter-spacing);
}

.wt-text-title {
  font-family: var(--clg-typography-sem-product-title-base-font-family);
  font-weight: var(--clg-typography-sem-product-title-base-font-weight);
  font-size: var(--clg-typography-sem-product-title-base-font-size);
  line-height: var(--clg-typography-sem-product-title-base-line-height);
  letter-spacing: var(--clg-typography-sem-product-title-base-letter-spacing);
}

.wt-text-title-small {
  font-family: var(--clg-typography-sem-product-title-small-font-family);
  font-weight: var(--clg-typography-sem-product-title-small-font-weight);
  font-size: var(--clg-typography-sem-product-title-small-font-size);
  line-height: var(--clg-typography-sem-product-title-small-line-height);
  letter-spacing: var(--clg-typography-sem-product-title-small-letter-spacing);
}

.wt-text-title-small--tight {
  font-family: var(--clg-typography-pal-family-sans-serif-bold);
  font-weight: var(--clg-typography-sem-product-title-small-font-weight);
  font-size: var(--clg-typography-sem-product-title-small-font-size);
  line-height: var(--clg-typography-sem-product-title-small-line-height);
  letter-spacing: var(--clg-typography-sem-product-title-small-letter-spacing);
}

.wt-text-title-smaller {
  font-family: var(--clg-typography-sem-product-title-smaller-font-family);
  font-weight: var(--clg-typography-sem-product-title-smaller-font-weight);
  font-size: var(--clg-typography-sem-product-title-smaller-font-size);
  line-height: var(--clg-typography-sem-product-title-smaller-line-height);
  letter-spacing: var(
    --clg-typography-sem-product-title-smaller-letter-spacing
  );
}

.wt-text-title-smallest {
  font-family: var(--clg-typography-sem-product-title-smallest-font-family);
  font-weight: var(--clg-typography-sem-product-title-smallest-font-weight);
  font-size: var(--clg-typography-sem-product-title-smallest-font-size);
  line-height: var(--clg-typography-sem-product-title-smallest-line-height);
  letter-spacing: var(
    --clg-typography-sem-product-title-smallest-letter-spacing
  );
}

.wt-text-body-large {
  font-family: var(--clg-typography-sem-product-body-large-font-family);
  font-weight: var(--clg-typography-sem-product-body-large-font-weight);
  font-size: var(--clg-typography-sem-product-body-large-font-size);
  line-height: var(--clg-typography-sem-product-body-large-line-height);
  letter-spacing: var(--clg-typography-sem-product-body-large-letter-spacing);
}

.wt-text-body-large--tight {
  font-family: var(--clg-typography-pal-family-sans-serif-regular);
  font-weight: var(--clg-typography-sem-product-body-large-font-weight);
  font-size: var(--clg-typography-sem-product-body-large-font-size);
  line-height: var(--clg-typography-sem-product-body-large-line-height);
  letter-spacing: var(--clg-typography-sem-product-body-large-letter-spacing);
}

.wt-text-body {
  font-family: var(--clg-typography-sem-product-body-base-font-family);
  font-weight: var(--clg-typography-sem-product-body-base-font-weight);
  font-size: var(--clg-typography-sem-product-body-base-font-size);
  line-height: var(--clg-typography-sem-product-body-base-line-height);
  letter-spacing: var(--clg-typography-sem-product-body-base-letter-spacing);
}

.wt-text-body--tight {
  font-family: var(--clg-typography-pal-family-sans-serif-regular);
  font-weight: var(--clg-typography-sem-product-body-base-font-weight);
  font-size: var(--clg-typography-sem-product-body-base-font-size);
  line-height: var(--clg-typography-sem-product-body-base-line-height);
  letter-spacing: var(--clg-typography-sem-product-body-base-letter-spacing);
}

.wt-text-body-small {
  font-family: var(--clg-typography-sem-product-body-small-font-family);
  font-weight: var(--clg-typography-sem-product-body-small-font-weight);
  font-size: var(--clg-typography-sem-product-body-small-font-size);
  line-height: var(--clg-typography-sem-product-body-small-line-height);
  letter-spacing: var(--clg-typography-sem-product-body-small-letter-spacing);
}

.wt-text-body-small--tight {
  font-family: var(--clg-typography-pal-family-sans-serif-regular);
  font-weight: var(--clg-typography-sem-product-body-small-font-weight);
  font-size: var(--clg-typography-sem-product-body-small-font-size);
  line-height: var(--clg-typography-sem-product-body-small-line-height);
  letter-spacing: var(--clg-typography-sem-product-body-small-letter-spacing);
}

.wt-text-body-smaller {
  font-family: var(--clg-typography-sem-product-body-smaller-font-family);
  font-weight: var(--clg-typography-sem-product-body-smaller-font-weight);
  font-size: var(--clg-typography-sem-product-body-smaller-font-size);
  line-height: var(--clg-typography-sem-product-body-smaller-line-height);
  letter-spacing: var(--clg-typography-sem-product-body-smaller-letter-spacing);
}

.wt-text-body-smallest {
  font-family: var(--clg-typography-sem-product-body-smallest-font-family);
  font-weight: var(--clg-typography-sem-product-body-smallest-font-weight);
  font-size: var(--clg-typography-sem-product-body-smallest-font-size);
  line-height: var(--clg-typography-sem-product-body-smallest-line-height);
  letter-spacing: var(
    --clg-typography-sem-product-body-smallest-letter-spacing
  );
}

body {
  color: var(--clg-color-sem-text-primary, #312b36);
  -webkit-font-smoothing: antialiased;
}

.wt-text-title-01,
.wt-label {
  font-family: var(--clg-typography-sem-product-title-base-font-family);
  font-weight: var(--clg-typography-sem-product-title-base-font-weight);
  font-size: var(--clg-typography-sem-product-title-base-font-size);
  line-height: var(--clg-typography-sem-product-title-base-line-height);
  letter-spacing: var(--clg-typography-sem-product-title-base-letter-spacing);
}

.wt-text-body-02 {
  font-family: var(--clg-typography-sem-product-body-large-font-family);
  font-weight: var(--clg-typography-sem-product-body-large-font-weight);
  font-size: var(--clg-typography-sem-product-body-large-font-size);
  line-height: var(--clg-typography-sem-product-body-large-line-height);
  letter-spacing: var(--clg-typography-sem-product-body-large-letter-spacing);
}

.wt-text-body-01 {
  font-family: var(--clg-typography-sem-product-body-base-font-family);
  font-weight: var(--clg-typography-sem-product-body-base-font-weight);
  font-size: var(--clg-typography-sem-product-body-base-font-size);
  line-height: var(--clg-typography-sem-product-body-base-line-height);
  letter-spacing: var(--clg-typography-sem-product-body-base-letter-spacing);
}

.wt-text-caption {
  font-family: var(--clg-typography-sem-product-body-small-font-family);
  font-weight: var(--clg-typography-sem-product-body-small-font-weight);
  font-size: var(--clg-typography-sem-product-body-small-font-size);
  line-height: var(--clg-typography-sem-product-body-small-line-height);
  letter-spacing: var(--clg-typography-sem-product-body-small-letter-spacing);
}

.wt-text-caption-title {
  font-family: var(--clg-typography-sem-product-title-small-font-family);
  font-weight: var(--clg-typography-sem-product-title-small-font-weight);
  font-size: var(--clg-typography-sem-product-title-small-font-size);
  line-height: var(--clg-typography-sem-product-title-small-line-height);
  letter-spacing: var(--clg-typography-sem-product-title-small-letter-spacing);
}

.wt-bg-turquoise-dark {
  background-color: var(--clg-color-pal-green-700, #334d1a) !important;
}

.wt-text-turquoise-dark {
  color: var(--clg-color-pal-turquoise-900, #1a3b38) !important;
}

.wt-bg-turquoise {
  background-color: var(--clg-color-pal-green-450, #86c34c) !important;
}

.wt-text-turquoise {
  color: var(--clg-color-pal-turquoise-700, #2f766d) !important;
}

.wt-bg-turquoise-light {
  background-color: var(--clg-color-pal-green-350, #b9dd97) !important;
}

.wt-text-turquoise-light {
  color: var(--clg-color-pal-turquoise-300, #7ed4bd) !important;
}

.wt-bg-turquoise-tint {
  background-color: var(--clg-color-pal-green-300, #d2e9bd) !important;
}

.wt-text-turquoise-tint {
  color: var(--clg-color-pal-turquoise-100, #ddebe3) !important;
}

.wt-bg-slime-dark {
  background-color: var(--clg-color-pal-green-700, #334d1a) !important;
}

.wt-text-slime-dark {
  color: var(--clg-color-pal-slime-900, #1c4a21) !important;
}

.wt-bg-slime {
  background-color: var(--clg-color-pal-green-450, #86c34c) !important;
}

.wt-text-slime {
  color: var(--clg-color-pal-green-650, #406221) !important;
}

.wt-bg-slime-light {
  background-color: var(--clg-color-pal-green-350, #b9dd97) !important;
}

.wt-text-slime-light {
  color: var(--clg-color-pal-slime-300, #9ec063) !important;
}

.wt-bg-slime-tint {
  background-color: var(--clg-color-pal-green-300, #d2e9bd) !important;
}

.wt-text-slime-tint {
  color: var(--clg-color-pal-slime-100, #d4e9d7) !important;
}

.wt-bg-lavender-dark {
  background-color: var(--clg-color-pal-lavender-900, #3e1c53) !important;
}

.wt-text-lavender-dark {
  color: var(--clg-color-pal-lavender-900, #3e1c53) !important;
}

.wt-bg-lavender {
  background-color: var(--clg-color-pal-lavender-700, #654b77) !important;
}

.wt-text-lavender {
  color: var(--clg-color-pal-lavender-700, #654b77) !important;
}

.wt-bg-lavender-light {
  background-color: var(--clg-color-pal-lavender-300, #9560b8) !important;
}

.wt-text-lavender-light {
  color: var(--clg-color-pal-lavender-300, #9560b8) !important;
}

.wt-bg-lavender-tint {
  background-color: var(--clg-color-pal-lavender-100, #e6e1f0) !important;
}

.wt-text-lavender-tint {
  color: var(--clg-color-pal-lavender-100, #e6e1f0) !important;
}

.wt-bg-denim-dark {
  background-color: var(--clg-color-pal-blue-800, #142966) !important;
}

.wt-text-denim-dark {
  color: var(--clg-color-pal-denim-900, #232347) !important;
}

.wt-bg-denim {
  background-color: var(--clg-color-pal-blue-650, #254ec1) !important;
}

.wt-text-denim {
  color: var(--clg-color-pal-blue-650, #254ec1) !important;
}

.wt-bg-denim-light {
  background-color: var(--clg-color-pal-blue-500, #426bdb) !important;
}

.wt-text-denim-light {
  color: var(--clg-color-pal-blue-500, #426bdb) !important;
}

.wt-bg-denim-tint {
  background-color: var(--clg-color-pal-blue-150, #d5def7) !important;
}

.wt-text-denim-tint {
  color: var(--clg-color-pal-denim-100, #d7e6f5) !important;
}

.wt-bg-bubblegum-dark {
  background-color: var(--clg-color-pal-purple-750, #78346b) !important;
}

.wt-text-bubblegum-dark {
  color: var(--clg-color-pal-bubblegum-900, #592642) !important;
}

.wt-bg-bubblegum {
  background-color: var(--clg-color-pal-purple-600, #be6aae) !important;
}

.wt-text-bubblegum {
  color: var(--clg-color-pal-bubblegum-700, #b54c82) !important;
}

.wt-bg-bubblegum-light {
  background-color: var(--clg-color-pal-purple-450, #ddb1d5) !important;
}

.wt-text-bubblegum-light {
  color: var(--clg-color-pal-bubblegum-300, #f592b8) !important;
}

.wt-bg-bubblegum-tint {
  background-color: var(--clg-color-pal-purple-250, #f6eaf4) !important;
}

.wt-text-bubblegum-tint {
  color: var(--clg-color-pal-bubblegum-100, #f5d9e3) !important;
}

.wt-bg-brick-dark {
  background-color: var(--clg-color-pal-red-850, #8e0c21) !important;
}

.wt-text-brick-dark {
  color: var(--clg-color-pal-brick-900, #540d17) !important;
}

.wt-bg-brick {
  background-color: var(--clg-color-pal-red-750, #c7102f) !important;
}

.wt-text-brick {
  color: var(--clg-color-pal-red-850, #8e0c21) !important;
}

.wt-bg-brick-light {
  background-color: var(--clg-color-pal-red-450, #f79baa) !important;
}

.wt-text-brick-light {
  color: var(--clg-color-pal-brick-300, #fd9184) !important;
}

.wt-bg-brick-tint {
  background-color: var(--clg-color-pal-red-300, #fce0e4) !important;
}

.wt-text-brick-tint {
  color: var(--clg-color-pal-brick-100, #fddcd8) !important;
}

.wt-bg-beeswax-dark {
  background-color: var(--clg-color-pal-yellow-850, #996900) !important;
}

.wt-text-beeswax-dark {
  color: var(--clg-color-pal-yellow-850, #996900) !important;
}

.wt-bg-beeswax {
  background-color: var(--clg-color-pal-yellow-750, #ffb619) !important;
}

.wt-text-beeswax {
  color: var(--clg-color-pal-beeswax-700, #faa129) !important;
}

.wt-bg-beeswax-light {
  background-color: var(--clg-color-pal-yellow-500, #ffcb5a) !important;
}

.wt-text-beeswax-light {
  color: var(--clg-color-pal-beeswax-300, #fdd95c) !important;
}

.wt-bg-beeswax-tint {
  background-color: var(--clg-color-pal-yellow-250, #fff3d8) !important;
}

.wt-text-beeswax-tint {
  color: var(--clg-color-pal-beeswax-100, #fdebd2) !important;
}

.wt-bg-orange-dark {
  background-color: var(--clg-color-pal-new-orange-600, #cf4018) !important;
}

.wt-text-orange-dark {
  color: var(--clg-color-pal-orange-900, #cf4018) !important;
}

.wt-bg-orange {
  background-color: var(--clg-color-pal-new-orange-500, #f1641e) !important;
}

.wt-text-orange {
  color: var(--clg-color-pal-orange-700, #f1641e) !important;
}

.wt-bg-orange-light {
  background-color: var(--clg-color-pal-new-orange-300, #fcc7a2) !important;
}

.wt-text-orange-light {
  color: var(--clg-color-pal-orange-300, #faa077) !important;
}

.wt-bg-orange-tint {
  background-color: var(--clg-color-pal-new-orange-250, #ffe0c3) !important;
}

.wt-text-orange-tint {
  color: var(--clg-color-pal-orange-100, #f8ebe6) !important;
}

.wt-bg-new-orange-dark {
  background-color: var(--clg-color-pal-new-orange-900, #2d0306) !important;
}

.wt-text-new-orange-dark {
  color: var(--clg-color-pal-new-orange-900, #2d0306) !important;
}

.wt-bg-new-orange {
  background-color: var(--clg-color-pal-new-orange-700, #901a12) !important;
}

.wt-text-new-orange {
  color: var(--clg-color-pal-new-orange-700, #901a12) !important;
}

.wt-bg-new-orange-light {
  background-color: var(--clg-color-pal-new-orange-300, #fcc7a2) !important;
}

.wt-text-new-orange-light {
  color: var(--clg-color-pal-new-orange-300, #fcc7a2) !important;
}

.wt-bg-new-orange-tint {
  background-color: var(--clg-color-pal-new-orange-100, #fff3e7) !important;
}

.wt-text-new-orange-tint {
  color: var(--clg-color-pal-new-orange-100, #fff3e7) !important;
}

.wt-bg-yellow-dark {
  background-color: var(--clg-color-pal-yellow-900, #694800) !important;
}

.wt-text-yellow-dark {
  color: var(--clg-color-pal-yellow-900, #694800) !important;
}

.wt-bg-yellow {
  background-color: var(--clg-color-pal-yellow-700, #ffba26) !important;
}

.wt-text-yellow {
  color: var(--clg-color-pal-yellow-700, #ffba26) !important;
}

.wt-bg-yellow-light {
  background-color: var(--clg-color-pal-yellow-300, #ffebbf) !important;
}

.wt-text-yellow-light {
  color: var(--clg-color-pal-yellow-300, #ffebbf) !important;
}

.wt-bg-yellow-tint {
  background-color: var(--clg-color-pal-yellow-100, #fffaef) !important;
}

.wt-text-yellow-tint {
  color: var(--clg-color-pal-yellow-100, #fffaef) !important;
}

.wt-bg-purple-dark {
  background-color: var(--clg-color-pal-purple-900, #30152b) !important;
}

.wt-text-purple-dark {
  color: var(--clg-color-pal-purple-900, #30152b) !important;
}

.wt-bg-purple {
  background-color: var(--clg-color-pal-purple-700, #944185) !important;
}

.wt-text-purple {
  color: var(--clg-color-pal-purple-700, #944185) !important;
}

.wt-bg-purple-light {
  background-color: var(--clg-color-pal-purple-300, #f0dcec) !important;
}

.wt-text-purple-light {
  color: var(--clg-color-pal-purple-300, #f0dcec) !important;
}

.wt-bg-purple-tint {
  background-color: var(--clg-color-pal-purple-100, #faf4f9) !important;
}

.wt-text-purple-tint {
  color: var(--clg-color-pal-purple-100, #faf4f9) !important;
}

.wt-bg-blue-dark {
  background-color: var(--clg-color-pal-blue-900, #0a1533) !important;
}

.wt-text-blue-dark {
  color: var(--clg-color-pal-blue-900, #0a1533) !important;
}

.wt-bg-blue {
  background-color: var(--clg-color-pal-blue-700, #1f41a2) !important;
}

.wt-text-blue {
  color: var(--clg-color-pal-blue-700, #1f41a2) !important;
}

.wt-bg-blue-light {
  background-color: var(--clg-color-pal-blue-300, #91a9ea) !important;
}

.wt-text-blue-light {
  color: var(--clg-color-pal-blue-300, #91a9ea) !important;
}

.wt-bg-blue-tint {
  background-color: var(--clg-color-pal-blue-100, #e2e9fa) !important;
}

.wt-text-blue-tint {
  color: var(--clg-color-pal-blue-100, #e2e9fa) !important;
}

.wt-bg-green-dark {
  background-color: var(--clg-color-pal-green-900, #0f1708) !important;
}

.wt-text-green-dark {
  color: var(--clg-color-pal-green-900, #0f1708) !important;
}

.wt-bg-green {
  background-color: var(--clg-color-pal-green-700, #334d1a) !important;
}

.wt-text-green {
  color: var(--clg-color-pal-green-700, #334d1a) !important;
}

.wt-bg-green-light {
  background-color: var(--clg-color-pal-green-300, #d2e9bd) !important;
}

.wt-text-green-light {
  color: var(--clg-color-pal-green-300, #d2e9bd) !important;
}

.wt-bg-green-tint {
  background-color: var(--clg-color-pal-green-100, #f1f8ea) !important;
}

.wt-text-green-tint {
  color: var(--clg-color-pal-green-100, #f1f8ea) !important;
}

.wt-bg-red-0tint {
  background-color: var(--clg-color-pal-red-1000, #230308) !important;
}

.wt-text-red-0tint {
  color: var(--clg-color-pal-red-1000, #230308) !important;
}

.wt-bg-red-dark {
  background-color: var(--clg-color-pal-red-900, #6a0919) !important;
}

.wt-text-red-dark {
  color: var(--clg-color-pal-red-900, #6a0919) !important;
}

.wt-bg-red {
  background-color: var(--clg-color-pal-red-700, #e41336) !important;
}

.wt-text-red {
  color: var(--clg-color-pal-red-700, #e41336) !important;
}

.wt-bg-red-light {
  background-color: var(--clg-color-pal-red-300, #fce0e4) !important;
}

.wt-text-red-light {
  color: var(--clg-color-pal-red-300, #fce0e4) !important;
}

.wt-bg-red-tint {
  background-color: var(--clg-color-pal-red-100, #fef6f7) !important;
}

.wt-text-red-tint {
  color: var(--clg-color-pal-red-100, #fef6f7) !important;
}

.wt-bg-transparent-black {
  background-color: var(
    --clg-color-pal-transparent-black-700,
    #1f1614bf
  ) !important;
}

.wt-text-transparent-black {
  color: var(--clg-color-pal-transparent-black-700, #1f1614bf) !important;
}

.wt-bg-transparent-white {
  background-color: var(
    --clg-color-pal-transparent-white-700,
    #fffffff0
  ) !important;
}

.wt-text-transparent-white {
  color: var(--clg-color-pal-transparent-white-700, #fffffff0) !important;
}

.wt-bg-greyscale-dark {
  background-color: var(--clg-color-pal-greyscale-900, #1c181f) !important;
}

.wt-text-greyscale-dark {
  color: var(--clg-color-pal-greyscale-900, #1c181f) !important;
}

.wt-bg-greyscale {
  background-color: var(--clg-color-pal-greyscale-700, #534d4c) !important;
}

.wt-text-greyscale {
  color: var(--clg-color-pal-greyscale-700, #534d4c) !important;
}

.wt-text-black {
  color: var(--clg-color-pal-greyscale-800, #312b36) !important;
}

.wt-text-gray {
  color: var(--clg-color-pal-greyscale-600, #605957) !important;
}

.wt-text-white {
  color: var(--clg-color-pal-greyscale-000, #fff) !important;
}

.wt-bg-gray {
  background-color: var(--clg-color-pal-greyscale-075, #efecea) !important;
}

.wt-bg-white {
  background-color: var(
    --clg-color-sem-background-elevation-0,
    #faf8f5
  ) !important;
}

.wt-bg-star-seller-light {
  background-color: var(
    --clg-color-sem-background-surface-star-seller-light,
    #ca86bd
  ) !important;
}

.wt-bg-star-seller-dark {
  background-color: var(
    --clg-color-sem-background-surface-star-seller-dark,
    #ae4d9d
  ) !important;
}

.wt-sem-text-action {
  color: var(--clg-color-sem-text-action, #426bdb) !important;
}

.wt-sem-text-brand {
  color: var(--clg-color-sem-text-brand, #f1641e) !important;
}

.wt-sem-text-critical {
  color: var(--clg-color-sem-text-critical, #c7102f) !important;
}

.wt-sem-text-disabled {
  color: var(--clg-color-sem-text-disabled, #c8bdb7) !important;
}

.wt-sem-text-monetary-value {
  color: var(--clg-color-sem-text-monetary-value, #4e7728) !important;
}

.wt-sem-text-placeholder {
  color: var(--clg-color-sem-text-placeholder, #736b68) !important;
}

.wt-sem-text-primary {
  color: var(--clg-color-sem-text-primary, #312b36) !important;
}

.wt-sem-text-promote {
  color: var(--clg-color-sem-text-promote, #4e7728) !important;
}

.wt-sem-text-recommendation {
  color: var(--clg-color-sem-text-recommendation, #ffc340) !important;
}

.wt-sem-text-secondary {
  color: var(--clg-color-sem-text-secondary, #665e5c) !important;
}

.wt-sem-text-star-seller {
  color: var(--clg-color-sem-text-star-seller, #ae4d9d) !important;
}

.wt-sem-text-tertiary {
  color: var(--clg-color-sem-text-tertiary, #736b68) !important;
}

.wt-sem-text-on-surface-dark {
  color: var(--clg-color-sem-text-on-surface-dark, #faf8f5) !important;
}

.wt-sem-text-on-surface-light {
  color: var(--clg-color-sem-text-on-surface-light, #312b36) !important;
}

.wt-sem-text-on-surface-strong {
  color: var(--clg-color-sem-text-on-surface-strong, #faf8f5) !important;
}

.wt-sem-text-on-surface-subtle {
  color: var(--clg-color-sem-text-on-surface-subtle, #312b36) !important;
}

.wt-sem-text-on-surface-unavailable-subtle {
  color: var(
    --clg-color-sem-text-on-surface-unavailable-subtle,
    #736b68
  ) !important;
}

.wt-sem-bg-disabled {
  background-color: var(
    --clg-color-sem-background-disabled,
    #c8bdb7
  ) !important;
}

.wt-sem-bg-scrim {
  background-color: var(--clg-color-sem-background-scrim, #33140042) !important;
}

.wt-sem-bg-overlay-dark {
  background-color: var(
    --clg-color-sem-background-overlay-dark,
    #2314109e
  ) !important;
}

.wt-sem-bg-overlay-pressed-dark {
  background-color: var(
    --clg-color-sem-background-overlay-pressed-dark,
    #1f1714b2
  ) !important;
}

.wt-sem-bg-elevation-0 {
  background-color: var(
    --clg-color-sem-background-elevation-0,
    #faf8f5
  ) !important;
}

.wt-sem-bg-elevation-1 {
  background-color: var(
    --clg-color-sem-background-elevation-1,
    #fff
  ) !important;
}

.wt-sem-bg-elevation-2 {
  background-color: var(
    --clg-color-sem-background-elevation-2,
    #fff
  ) !important;
}

.wt-sem-bg-elevation-3 {
  background-color: var(
    --clg-color-sem-background-elevation-3,
    #fff
  ) !important;
}

.wt-sem-bg-elevation-4 {
  background-color: var(
    --clg-color-sem-background-elevation-4,
    #fff
  ) !important;
}

.wt-sem-bg-elevation-neg1 {
  background-color: var(
    --clg-color-sem-background-elevation-neg1,
    #efecea
  ) !important;
}

.wt-sem-bg-surface-brand-dark {
  background-color: var(
    --clg-color-sem-background-surface-brand-dark,
    #f1641e
  ) !important;
}

.wt-sem-bg-surface-confirmed-strong {
  background-color: var(
    --clg-color-sem-background-surface-confirmed-strong,
    #334d1a
  ) !important;
}

.wt-sem-bg-surface-confirmed-subtle {
  background-color: var(
    --clg-color-sem-background-surface-confirmed-subtle,
    #d2e9bd
  ) !important;
}

.wt-sem-bg-surface-contrast-strong {
  background-color: var(
    --clg-color-sem-background-surface-contrast-strong,
    #312b36
  ) !important;
}

.wt-sem-bg-surface-critical-dark {
  background-color: var(
    --clg-color-sem-background-surface-critical-dark,
    #c7102f
  ) !important;
}

.wt-sem-bg-surface-critical-light {
  background-color: var(
    --clg-color-sem-background-surface-critical-light,
    #fdecef
  ) !important;
}

.wt-sem-bg-surface-critical-strong {
  background-color: var(
    --clg-color-sem-background-surface-critical-strong,
    #c7102f
  ) !important;
}

.wt-sem-bg-surface-critical-subtle {
  background-color: var(
    --clg-color-sem-background-surface-critical-subtle,
    #fdecef
  ) !important;
}

.wt-sem-bg-surface-dragging {
  background-color: var(
    --clg-color-sem-background-surface-dragging,
    #fff
  ) !important;
}

.wt-sem-bg-surface-expressive-blue-dark {
  background-color: var(
    --clg-color-sem-background-surface-expressive-blue-dark,
    #545a78
  ) !important;
}

.wt-sem-bg-surface-expressive-blue-darker {
  background-color: var(
    --clg-color-sem-background-surface-expressive-blue-darker,
    #1a224d
  ) !important;
}

.wt-sem-bg-surface-expressive-blue-light {
  background-color: var(
    --clg-color-sem-background-surface-expressive-blue-light,
    #d2dff2
  ) !important;
}

.wt-sem-bg-surface-expressive-blue-strong {
  background-color: var(
    --clg-color-sem-background-surface-expressive-blue-strong,
    #426bdb
  ) !important;
}

.wt-sem-bg-surface-expressive-green-dark {
  background-color: var(
    --clg-color-sem-background-surface-expressive-green-dark,
    #6a7550
  ) !important;
}

.wt-sem-bg-surface-expressive-green-darker {
  background-color: var(
    --clg-color-sem-background-surface-expressive-green-darker,
    #404632
  ) !important;
}

.wt-sem-bg-surface-expressive-green-light {
  background-color: var(
    --clg-color-sem-background-surface-expressive-green-light,
    #d2dbbd
  ) !important;
}

.wt-sem-bg-surface-expressive-green-lighter {
  background-color: var(
    --clg-color-sem-background-surface-expressive-green-lighter,
    #0000
  ) !important;
}

.wt-sem-bg-surface-expressive-green-lightest {
  background-color: var(
    --clg-color-sem-background-surface-expressive-green-lightest,
    #0000
  ) !important;
}

.wt-sem-bg-surface-expressive-orange-dark {
  background-color: var(
    --clg-color-sem-background-surface-expressive-orange-dark,
    #cf4018
  ) !important;
}

.wt-sem-bg-surface-expressive-orange-light {
  background-color: var(
    --clg-color-sem-background-surface-expressive-orange-light,
    #f1641e
  ) !important;
}

.wt-sem-bg-surface-expressive-orange-lighter {
  background-color: var(
    --clg-color-sem-background-surface-expressive-orange-lighter,
    #f79660
  ) !important;
}

.wt-sem-bg-surface-expressive-orange-lightest {
  background-color: var(
    --clg-color-sem-background-surface-expressive-orange-lightest,
    #ffe0c3
  ) !important;
}

.wt-sem-bg-surface-expressive-purple-dark {
  background-color: var(
    --clg-color-sem-background-surface-expressive-purple-dark,
    #4d3464
  ) !important;
}

.wt-sem-bg-surface-expressive-purple-darker {
  background-color: var(
    --clg-color-sem-background-surface-expressive-purple-darker,
    #2f203c
  ) !important;
}

.wt-sem-bg-surface-expressive-purple-light {
  background-color: var(
    --clg-color-sem-background-surface-expressive-purple-light,
    #ded3e8
  ) !important;
}

.wt-sem-bg-surface-expressive-purple-lighter {
  background-color: var(
    --clg-color-sem-background-surface-expressive-purple-lighter,
    #0000
  ) !important;
}

.wt-sem-bg-surface-expressive-red-dark {
  background-color: var(
    --clg-color-sem-background-surface-expressive-red-dark,
    #93150e
  ) !important;
}

.wt-sem-bg-surface-expressive-red-darker {
  background-color: var(
    --clg-color-sem-background-surface-expressive-red-darker,
    #560920
  ) !important;
}

.wt-sem-bg-surface-expressive-red-light {
  background-color: var(
    --clg-color-sem-background-surface-expressive-red-light,
    #f7d5da
  ) !important;
}

.wt-sem-bg-surface-expressive-teal-dark {
  background-color: var(
    --clg-color-sem-background-surface-expressive-teal-dark,
    #789aa2
  ) !important;
}

.wt-sem-bg-surface-expressive-teal-darker {
  background-color: var(
    --clg-color-sem-background-surface-expressive-teal-darker,
    #0d424e
  ) !important;
}

.wt-sem-bg-surface-expressive-teal-light {
  background-color: var(
    --clg-color-sem-background-surface-expressive-teal-light,
    #cadade
  ) !important;
}

.wt-sem-bg-surface-expressive-yellow-dark {
  background-color: var(
    --clg-color-sem-background-surface-expressive-yellow-dark,
    #c19502
  ) !important;
}

.wt-sem-bg-surface-expressive-yellow-darker {
  background-color: var(
    --clg-color-sem-background-surface-expressive-yellow-darker,
    #664f03
  ) !important;
}

.wt-sem-bg-surface-expressive-yellow-light {
  background-color: var(
    --clg-color-sem-background-surface-expressive-yellow-light,
    #f1e8c8
  ) !important;
}

.wt-sem-bg-surface-expressive-yellow-lighter {
  background-color: var(
    --clg-color-sem-background-surface-expressive-yellow-lighter,
    #0000
  ) !important;
}

.wt-sem-bg-surface-expressive-yellow-lightest {
  background-color: var(
    --clg-color-sem-background-surface-expressive-yellow-lightest,
    #0000
  ) !important;
}

.wt-sem-bg-surface-feedback-light {
  background-color: var(
    --clg-color-sem-background-surface-feedback-light,
    #7c98e6
  ) !important;
}

.wt-sem-bg-surface-gallery-dark {
  background-color: var(
    --clg-color-sem-background-surface-gallery-dark,
    #110f14
  ) !important;
}

.wt-sem-bg-surface-highlight-dark {
  background-color: var(
    --clg-color-sem-background-surface-highlight-dark,
    #426bdb
  ) !important;
}

.wt-sem-bg-surface-hovered-subtle {
  background-color: var(
    --clg-color-sem-background-surface-hovered-subtle,
    #3314000d
  ) !important;
}

.wt-sem-bg-surface-important-dark {
  background-color: var(
    --clg-color-sem-background-surface-important-dark,
    #cf4018
  ) !important;
}

.wt-sem-bg-surface-informational-subtle {
  background-color: var(
    --clg-color-sem-background-surface-informational-subtle,
    #efecea
  ) !important;
}

.wt-sem-bg-surface-insider-light {
  background-color: var(
    --clg-color-sem-background-surface-insider-light,
    #ffe0c3
  ) !important;
}

.wt-sem-bg-surface-monetary-value-light {
  background-color: var(
    --clg-color-sem-background-surface-monetary-value-light,
    #a3d277
  ) !important;
}

.wt-sem-bg-surface-notification-primary-strong {
  background-color: var(
    --clg-color-sem-background-surface-notification-primary-strong,
    #cf4018
  ) !important;
}

.wt-sem-bg-surface-notification-secondary-dark {
  background-color: var(
    --clg-color-sem-background-surface-notification-secondary-dark,
    #426bdb
  ) !important;
}

.wt-sem-bg-surface-notification-secondary-strong {
  background-color: var(
    --clg-color-sem-background-surface-notification-secondary-strong,
    #426bdb
  ) !important;
}

.wt-sem-bg-surface-notification-tertiary-strong {
  background-color: var(
    --clg-color-sem-background-surface-notification-tertiary-strong,
    #312b36
  ) !important;
}

.wt-sem-bg-surface-placeholder-subtle {
  background-color: var(
    --clg-color-sem-background-surface-placeholder-subtle,
    #3314000d
  ) !important;
}

.wt-sem-bg-surface-primary {
  background-color: var(
    --clg-color-sem-background-surface-primary,
    #faf8f5
  ) !important;
}

.wt-sem-bg-surface-promote-light {
  background-color: var(
    --clg-color-sem-background-surface-promote-light,
    #a3d277
  ) !important;
}

.wt-sem-bg-surface-recommendation-light {
  background-color: var(
    --clg-color-sem-background-surface-recommendation-light,
    #ffc340
  ) !important;
}

.wt-sem-bg-surface-secondary {
  background-color: var(
    --clg-color-sem-background-surface-secondary,
    #fff
  ) !important;
}

.wt-sem-bg-surface-tertiary {
  background-color: var(
    --clg-color-sem-background-surface-tertiary,
    #efecea
  ) !important;
}

.wt-sem-bg-surface-selected-strong {
  background-color: var(
    --clg-color-sem-background-surface-selected-strong,
    #312b36
  ) !important;
}

.wt-sem-bg-surface-selected-subtle {
  background-color: var(
    --clg-color-sem-background-surface-selected-subtle,
    #33140022
  ) !important;
}

.wt-sem-bg-surface-seller-dark {
  background-color: var(
    --clg-color-sem-background-surface-seller-dark,
    #426bdb
  ) !important;
}

.wt-sem-bg-surface-star-seller-dark {
  background-color: var(
    --clg-color-sem-background-surface-star-seller-dark,
    #ae4d9d
  ) !important;
}

.wt-sem-bg-surface-star-seller-light {
  background-color: var(
    --clg-color-sem-background-surface-star-seller-light,
    #ca86bd
  ) !important;
}

.wt-sem-bg-surface-success-dark {
  background-color: var(
    --clg-color-sem-background-surface-success-dark,
    #4e7728
  ) !important;
}

.wt-sem-bg-surface-trust-light {
  background-color: var(
    --clg-color-sem-background-surface-trust-light,
    #ffc340
  ) !important;
}

.wt-sem-bg-surface-trust-subtle {
  background-color: var(
    --clg-color-sem-background-surface-trust-subtle,
    #f1e8c8
  ) !important;
}

.wt-sem-bg-surface-unavailable-dark {
  background-color: var(
    --clg-color-sem-background-surface-unavailable-dark,
    #736b68
  ) !important;
}

.wt-sem-bg-surface-unavailable-subtle {
  background-color: var(
    --clg-color-sem-background-surface-unavailable-subtle,
    #efecea
  ) !important;
}

.wt-sem-bg-surface-warning-light {
  background-color: var(
    --clg-color-sem-background-surface-warning-light,
    #ffc340
  ) !important;
}

.wt-bg-ehi-orange {
  background-color: var(--clg-color-pal-new-orange-500, #f1641e) !important;
}

.wt-bg-ehi-orange-dark {
  background-color: var(--clg-color-pal-new-orange-750, #71080f) !important;
}

.wt-bg-ehi-orange-light {
  background-color: var(--clg-color-pal-new-orange-250, #ffe0c3) !important;
}

.wt-bg-ehi-blue {
  background-color: var(
    --clg-color-sem-background-surface-expressive-blue-dark,
    #545a78
  ) !important;
}

.wt-bg-ehi-blue-dark {
  background-color: var(--clg-color-pal-blue-800, #142966) !important;
}

.wt-bg-ehi-blue-light {
  background-color: var(--clg-color-pal-blue-150, #d5def7) !important;
}

.wt-bg-ehi-yellow {
  background-color: var(--clg-color-pal-yellow-500, #ffcb5a) !important;
}

.wt-bg-ehi-yellow-dark {
  background-color: var(--clg-color-pal-yellow-850, #996900) !important;
}

.wt-bg-ehi-yellow-light {
  background-color: var(--clg-color-pal-yellow-250, #fff3d8) !important;
}

.wt-bg-ehi-purple {
  background-color: var(--clg-color-pal-purple-500, #d7a3cd) !important;
}

.wt-bg-ehi-purple-dark {
  background-color: var(--clg-color-pal-purple-750, #78346b) !important;
}

.wt-bg-ehi-purple-light {
  background-color: var(--clg-color-pal-purple-250, #f6eaf4) !important;
}

.wt-text-star-seller {
  color: var(--clg-color-sem-text-star-seller, #ae4d9d) !important;
}

.wt-bg-ehi-green {
  background-color: var(--clg-color-pal-green-500, #69a036) !important;
}

.wt-bg-ehi-green-dark {
  background-color: var(--clg-color-pal-green-750, #253913) !important;
}

.wt-bg-ehi-green-light {
  background-color: var(--clg-color-pal-green-250, #dbedcb) !important;
}

.wt-text-favorite-heart {
  color: var(--clg-color-sem-icon-favorite, #c7102f) !important;
}

.wt-bg-favorite-heart {
  background-color: var(--clg-color-sem-icon-favorite, #c7102f) !important;
}

a.wt-text-link.wt-text-link,
button.wt-text-link {
  color: inherit;
  transition: opacity var(--clg-effect-pal-duration-200, 0.2s) ease-out;
  text-decoration: underline;
}

a.wt-text-link.wt-text-link:hover,
a.wt-text-link.wt-text-link:active,
button.wt-text-link:hover,
button.wt-text-link:active {
  color: inherit;
}

button.wt-text-link,
button.wt-arrow-link,
button.wt-text-link-no-underline,
button.wt-text-link-underline-dotted {
  color: inherit;
  font: inherit;
  cursor: pointer;
  text-align: left;
  -webkit-tap-highlight-color: #0000;
  -webkit-appearance: none;
  background: 0 0;
  border: none;
  outline: none;
  padding: 0;
  text-decoration: underline;
}

button.wt-text-link:focus-visible {
  outline: inherit;
}

button.wt-arrow-link:focus-visible {
  outline: inherit;
}

button.wt-text-link-no-underline:focus-visible {
  outline: inherit;
}

button.wt-text-link-underline-dotted:focus-visible {
  outline: inherit;
}

body:not(.wt-focus-visible) a.wt-text-link:focus,
body:not(.wt-focus-visible) a.wt-arrow-link:focus,
body:not(.wt-focus-visible) a.wt-text-link-no-underline:focus,
body:not(.wt-focus-visible) a.wt-text-link-no-underline-dotted:focus,
body:not(.wt-focus-visible) button.wt-text-link:focus,
body:not(.wt-focus-visible) button.wt-arrow-link:focus,
body:not(.wt-focus-visible) button.wt-text-link-no-underline:focus,
body:not(.wt-focus-visible) button.wt-text-link-no-underline-dotted:focus {
  outline: 3px solid #0000 !important;
}

body:not(.wt-focus-visible) a.wt-text-link:focus:not(:hover):not(:active),
body:not(.wt-focus-visible) a.wt-arrow-link:focus:not(:hover):not(:active),
body:not(.wt-focus-visible)
  a.wt-text-link-no-underline:focus:not(:hover):not(:active),
body:not(.wt-focus-visible)
  a.wt-text-link-no-underline-dotted:focus:not(:hover):not(:active),
body:not(.wt-focus-visible) button.wt-text-link:focus:not(:hover):not(:active),
body:not(.wt-focus-visible) button.wt-arrow-link:focus:not(:hover):not(:active),
body:not(.wt-focus-visible)
  button.wt-text-link-no-underline:focus:not(:hover):not(:active),
body:not(.wt-focus-visible)
  button.wt-text-link-no-underline-dotted:focus:not(:hover):not(:active) {
  box-shadow:
    0 0 0 var(--clg-shape-pal-border-width-200, 2px)
      var(--clg-color-sem-background-elevation-0, #faf8f5),
    0 0 0 var(--clg-shape-pal-border-width-300, 4px)
      var(--clg-color-sem-border-focused, #426bdb) !important;
}

a.wt-text-link-no-underline.wt-text-link-no-underline,
button.wt-text-link-no-underline {
  color: inherit;
  transition: opacity var(--clg-effect-pal-duration-200, 0.2s) ease-out;
  text-decoration: none;
}

a.wt-text-link-no-underline.wt-text-link-no-underline:hover,
a.wt-text-link-no-underline.wt-text-link-no-underline:focus,
a.wt-text-link-no-underline.wt-text-link-no-underline:active,
button.wt-text-link-no-underline:hover,
button.wt-text-link-no-underline:focus,
button.wt-text-link-no-underline:active {
  color: inherit;
  opacity: 1;
  text-decoration: underline;
}

.wt-browser-has-no-hover-support
  a.wt-text-link-no-underline.wt-text-link-no-underline:hover,
.wt-browser-has-no-hover-support
  a.wt-text-link-no-underline.wt-text-link-no-underline:focus,
.wt-browser-has-no-hover-support
  a.wt-text-link-no-underline.wt-text-link-no-underline:active,
.wt-browser-has-no-hover-support button.wt-text-link-no-underline:hover,
.wt-browser-has-no-hover-support button.wt-text-link-no-underline:focus,
.wt-browser-has-no-hover-support button.wt-text-link-no-underline:active {
  text-decoration: none;
}

a.wt-arrow-link.wt-arrow-link,
a .wt-arrow-link,
button.wt-arrow-link,
button .wt-arrow-link,
p.wt-arrow-link {
  font-family: var(--clg-typography-sem-product-title-base-font-family);
  font-weight: var(--clg-typography-sem-product-title-base-font-weight);
  font-size: var(--clg-typography-sem-product-title-base-font-size);
  line-height: var(--clg-typography-sem-product-title-base-line-height);
  letter-spacing: var(--clg-typography-sem-product-title-base-letter-spacing);
  color: inherit;
  transition: opacity var(--clg-effect-pal-duration-200, 0.2s) ease-out;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

a.wt-arrow-link.wt-arrow-link.wt-arrow-link--back:before,
a.wt-arrow-link.wt-arrow-link.wt-arrow-link--forward:after,
a.wt-arrow-link.wt-arrow-link.wt-arrow-link--up-right:after,
a .wt-arrow-link.wt-arrow-link--back:before,
a .wt-arrow-link.wt-arrow-link--forward:after,
a .wt-arrow-link.wt-arrow-link--up-right:after,
button.wt-arrow-link.wt-arrow-link--back:before,
button.wt-arrow-link.wt-arrow-link--forward:after,
button.wt-arrow-link.wt-arrow-link--up-right:after,
button .wt-arrow-link.wt-arrow-link--back:before,
button .wt-arrow-link.wt-arrow-link--forward:after,
button .wt-arrow-link.wt-arrow-link--up-right:after,
p.wt-arrow-link.wt-arrow-link--back:before,
p.wt-arrow-link.wt-arrow-link--forward:after,
p.wt-arrow-link.wt-arrow-link--up-right:after {
  vertical-align: middle;
  content: "";
  transition: transform var(--clg-effect-pal-duration-100, 0.1s) ease-out;
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  position: relative;
  top: -1px;
}

a.wt-arrow-link.wt-arrow-link.wt-arrow-link--forward:after,
a .wt-arrow-link.wt-arrow-link--forward:after,
button.wt-arrow-link.wt-arrow-link--forward:after,
button .wt-arrow-link.wt-arrow-link--forward:after,
p.wt-arrow-link.wt-arrow-link--forward:after {
  margin-left: calc(
    var(--clg-dimension-sem-icon-core-smaller, 16px) -
      var(--clg-dimension-sem-icon-core-smallest, 12px)
  );
  width: var(--clg-dimension-sem-icon-core-smaller, 16px);
  height: var(--clg-dimension-sem-icon-core-smaller, 16px);
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22%3E%3Cpath fill%3D%22black%22 d%3D%22M14.587 5.285A.5.5 0 0 0 13.88 5.285L13.772 5.393A.5.5 0 0 0 13.668 5.95L15.85 10.857 4.067 10.072A1 1 0 0 0 3 11.07V12.932A1 1 0 0 0 4.067 13.93L15.85 13.143 13.67 18.05A.5.5 0 0 0 13.772 18.607L13.882 18.717A.5.5 0 0 0 14.59 18.718L20.734 12.572A.75.75 0 0 0 20.953 12.041V11.96A.75.75 0 0 0 20.733 11.432z%22 %2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22%3E%3Cpath fill%3D%22black%22 d%3D%22M14.587 5.285A.5.5 0 0 0 13.88 5.285L13.772 5.393A.5.5 0 0 0 13.668 5.95L15.85 10.857 4.067 10.072A1 1 0 0 0 3 11.07V12.932A1 1 0 0 0 4.067 13.93L15.85 13.143 13.67 18.05A.5.5 0 0 0 13.772 18.607L13.882 18.717A.5.5 0 0 0 14.59 18.718L20.734 12.572A.75.75 0 0 0 20.953 12.041V11.96A.75.75 0 0 0 20.733 11.432z%22 %2F%3E%3C%2Fsvg%3E");
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

a.wt-arrow-link.wt-arrow-link.wt-arrow-link--back:before,
a .wt-arrow-link.wt-arrow-link--back:before,
button.wt-arrow-link.wt-arrow-link--back:before,
button .wt-arrow-link.wt-arrow-link--back:before,
p.wt-arrow-link.wt-arrow-link--back:before {
  margin-right: calc(
    var(--clg-dimension-sem-icon-core-smaller, 16px) -
      var(--clg-dimension-sem-icon-core-smallest, 12px)
  );
  width: var(--clg-dimension-sem-icon-core-smaller, 16px);
  height: var(--clg-dimension-sem-icon-core-smaller, 16px);
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22%3E%3Cpath fill%3D%22black%22 d%3D%22M9.413 5.285A.5.5 0 0 1 10.12 5.285L10.228 5.393A.5.5 0 0 1 10.332 5.95L8.15 10.857 19.933 10.072A1 1 0 0 1 21 11.07V12.932A1 1 0 0 1 19.933 13.93L8.15 13.143 10.332 18.05A.5.5 0 0 1 10.228 18.607L10.118 18.717A.5.5 0 0 1 9.41 18.718L3.266 12.572A.75.75 0 0 1 3.047 12.041V11.96C3.047 11.764 3.126 11.572 3.267 11.432z%22 %2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22%3E%3Cpath fill%3D%22black%22 d%3D%22M9.413 5.285A.5.5 0 0 1 10.12 5.285L10.228 5.393A.5.5 0 0 1 10.332 5.95L8.15 10.857 19.933 10.072A1 1 0 0 1 21 11.07V12.932A1 1 0 0 1 19.933 13.93L8.15 13.143 10.332 18.05A.5.5 0 0 1 10.228 18.607L10.118 18.717A.5.5 0 0 1 9.41 18.718L3.266 12.572A.75.75 0 0 1 3.047 12.041V11.96C3.047 11.764 3.126 11.572 3.267 11.432z%22 %2F%3E%3C%2Fsvg%3E");
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

a.wt-arrow-link.wt-arrow-link.wt-arrow-link--up-right,
a .wt-arrow-link.wt-arrow-link--up-right,
button.wt-arrow-link.wt-arrow-link--up-right,
button .wt-arrow-link.wt-arrow-link--up-right,
p.wt-arrow-link.wt-arrow-link--up-right {
  font-weight: 400;
  text-decoration: underline;
}

a.wt-arrow-link.wt-arrow-link.wt-arrow-link--up-right:after,
a .wt-arrow-link.wt-arrow-link--up-right:after,
button.wt-arrow-link.wt-arrow-link--up-right:after,
button .wt-arrow-link.wt-arrow-link--up-right:after,
p.wt-arrow-link.wt-arrow-link--up-right:after {
  margin-left: calc(
    var(--clg-dimension-sem-icon-core-smaller, 16px) -
      var(--clg-dimension-sem-icon-core-smallest, 12px)
  );
  width: var(--clg-dimension-sem-icon-core-smaller, 16px);
  height: var(--clg-dimension-sem-icon-core-smaller, 16px);
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22%3E%3Cpath fill%3D%22black%22 d%3D%22M18.596 14.879A.5.5 0 0 1 18.096 15.379H17.943A.5.5 0 0 1 17.476 15.059L15.55 10.045 7.772 18.932A1 1 0 0 1 6.312 18.982L4.996 17.663A1 1 0 0 1 5.045 16.204L13.932 8.429 8.92 6.502A.5.5 0 0 1 8.6 6.035V5.879A.5.5 0 0 1 9.1 5.379H17.79C17.99 5.38 18.18 5.46 18.32 5.6L18.376 5.656C18.516 5.796 18.596 5.988 18.596 6.186z%22 %2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22%3E%3Cpath fill%3D%22black%22 d%3D%22M18.596 14.879A.5.5 0 0 1 18.096 15.379H17.943A.5.5 0 0 1 17.476 15.059L15.55 10.045 7.772 18.932A1 1 0 0 1 6.312 18.982L4.996 17.663A1 1 0 0 1 5.045 16.204L13.932 8.429 8.92 6.502A.5.5 0 0 1 8.6 6.035V5.879A.5.5 0 0 1 9.1 5.379H17.79C17.99 5.38 18.18 5.46 18.32 5.6L18.376 5.656C18.516 5.796 18.596 5.988 18.596 6.186z%22 %2F%3E%3C%2Fsvg%3E");
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

a.wt-arrow-link.wt-arrow-link.wt-text-caption,
a .wt-arrow-link.wt-text-caption,
button.wt-arrow-link.wt-text-caption,
button .wt-arrow-link.wt-text-caption,
p.wt-arrow-link.wt-text-caption {
  font-size: var(
    --clg-typography-sem-product-body-desktop-small-font-size,
    14px
  );
}

a.wt-arrow-link.wt-arrow-link.wt-text-truncate,
a .wt-arrow-link.wt-text-truncate,
button.wt-arrow-link.wt-text-truncate,
button .wt-arrow-link.wt-text-truncate,
p.wt-arrow-link.wt-text-truncate {
  max-width: 100%;
  margin-top: 0;
  top: -0.33em;
  transform: translateY(50%);
}

a.wt-arrow-link.wt-arrow-link.wt-text-truncate.wt-arrow-link--back:before,
a.wt-arrow-link.wt-arrow-link.wt-text-truncate.wt-arrow-link--forward:after,
a .wt-arrow-link.wt-text-truncate.wt-arrow-link--back:before,
a .wt-arrow-link.wt-text-truncate.wt-arrow-link--forward:after,
button.wt-arrow-link.wt-text-truncate.wt-arrow-link--back:before,
button.wt-arrow-link.wt-text-truncate.wt-arrow-link--forward:after,
button .wt-arrow-link.wt-text-truncate.wt-arrow-link--back:before,
button .wt-arrow-link.wt-text-truncate.wt-arrow-link--forward:after,
p.wt-arrow-link.wt-text-truncate.wt-arrow-link--back:before,
p.wt-arrow-link.wt-text-truncate.wt-arrow-link--forward:after {
  margin: 0;
  padding: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
}

a.wt-arrow-link.wt-arrow-link.wt-text-truncate.wt-arrow-link--forward,
a .wt-arrow-link.wt-text-truncate.wt-arrow-link--forward,
button.wt-arrow-link.wt-text-truncate.wt-arrow-link--forward,
button .wt-arrow-link.wt-text-truncate.wt-arrow-link--forward,
p.wt-arrow-link.wt-text-truncate.wt-arrow-link--forward {
  padding-right: calc(var(--clg-dimension-sem-icon-core-smaller, 16px) + 4px);
}

a.wt-arrow-link.wt-arrow-link.wt-text-truncate.wt-arrow-link--forward:after,
a .wt-arrow-link.wt-text-truncate.wt-arrow-link--forward:after,
button.wt-arrow-link.wt-text-truncate.wt-arrow-link--forward:after,
button .wt-arrow-link.wt-text-truncate.wt-arrow-link--forward:after,
p.wt-arrow-link.wt-text-truncate.wt-arrow-link--forward:after {
  right: 4px;
}

a.wt-arrow-link.wt-arrow-link.wt-text-truncate.wt-arrow-link--forward:hover:after,
a .wt-arrow-link.wt-text-truncate.wt-arrow-link--forward:hover:after,
button.wt-arrow-link.wt-text-truncate.wt-arrow-link--forward:hover:after,
button .wt-arrow-link.wt-text-truncate.wt-arrow-link--forward:hover:after,
p.wt-arrow-link.wt-text-truncate.wt-arrow-link--forward:hover:after {
  transform: translate(4px) translateY(-50%);
}

a.wt-arrow-link.wt-arrow-link.wt-text-truncate.wt-arrow-link--back,
a .wt-arrow-link.wt-text-truncate.wt-arrow-link--back,
button.wt-arrow-link.wt-text-truncate.wt-arrow-link--back,
button .wt-arrow-link.wt-text-truncate.wt-arrow-link--back,
p.wt-arrow-link.wt-text-truncate.wt-arrow-link--back {
  padding-left: calc(var(--clg-dimension-sem-icon-core-smaller, 16px) + 4px);
  margin-left: -4px;
}

a.wt-arrow-link.wt-arrow-link.wt-text-truncate.wt-arrow-link--back:before,
a .wt-arrow-link.wt-text-truncate.wt-arrow-link--back:before,
button.wt-arrow-link.wt-text-truncate.wt-arrow-link--back:before,
button .wt-arrow-link.wt-text-truncate.wt-arrow-link--back:before,
p.wt-arrow-link.wt-text-truncate.wt-arrow-link--back:before {
  left: 4px;
}

a.wt-arrow-link.wt-arrow-link.wt-text-truncate.wt-arrow-link--back:hover:before,
a .wt-arrow-link.wt-text-truncate.wt-arrow-link--back:hover:before,
button.wt-arrow-link.wt-text-truncate.wt-arrow-link--back:hover:before,
button .wt-arrow-link.wt-text-truncate.wt-arrow-link--back:hover:before,
p.wt-arrow-link.wt-text-truncate.wt-arrow-link--back:hover:before {
  transform: translate(-4px) translateY(-50%);
}

a:hover .wt-arrow-link,
a:hover.wt-arrow-link,
a:focus .wt-arrow-link,
a:focus.wt-arrow-link,
a:active .wt-arrow-link,
a:active.wt-arrow-link,
button:hover .wt-arrow-link,
button:hover.wt-arrow-link,
button:focus .wt-arrow-link,
button:focus.wt-arrow-link,
button:active .wt-arrow-link,
button:active.wt-arrow-link,
p:hover .wt-arrow-link,
p:hover.wt-arrow-link,
p:focus .wt-arrow-link,
p:focus.wt-arrow-link,
p:active .wt-arrow-link,
p:active.wt-arrow-link {
  color: inherit;
  opacity: 1;
  text-decoration: none;
}

a:hover .wt-arrow-link--forward:after,
a:hover.wt-arrow-link--forward:after,
button:hover .wt-arrow-link--forward:after,
button:hover.wt-arrow-link--forward:after,
p:hover .wt-arrow-link--forward:after,
p:hover.wt-arrow-link--forward:after {
  transform: translate(4px);
}

a:hover .wt-arrow-link--back:before,
a:hover.wt-arrow-link--back:before,
button:hover .wt-arrow-link--back:before,
button:hover.wt-arrow-link--back:before,
p:hover .wt-arrow-link--back:before,
p:hover.wt-arrow-link--back:before {
  transform: translate(-4px);
}

a:hover.wt-text-truncate.wt-arrow-link--forward:after,
button:hover.wt-text-truncate.wt-arrow-link--forward:after,
p:hover.wt-text-truncate.wt-arrow-link--forward:after {
  transform: translate(4px) translateY(-50%);
}

a:hover.wt-text-truncate.wt-arrow-link--back:before,
button:hover.wt-text-truncate.wt-arrow-link--back:before,
p:hover.wt-text-truncate.wt-arrow-link--back:before {
  transform: translate(-4px) translateY(-50%);
}

a.wt-text-link,
a.wt-text-link-no-underline,
a.wt-text-link-underline-dotted,
a.wt-arrow-link {
  z-index: 0;
  position: relative;
}

a.wt-text-link.wt-arrow-link--forward:before,
a.wt-text-link.wt-arrow-link--back:after,
a.wt-text-link-no-underline.wt-arrow-link--forward:before,
a.wt-text-link-no-underline.wt-arrow-link--back:after,
a.wt-text-link-underline-dotted.wt-arrow-link--forward:before,
a.wt-text-link-underline-dotted.wt-arrow-link--back:after,
a.wt-arrow-link.wt-arrow-link--forward:before,
a.wt-arrow-link.wt-arrow-link--back:after {
  content: "";
  width: calc(
    100% + var(--clg-typography-sem-product-body-desktop-base-font-size, 16px)
  );
  height: calc(
    100% + var(--clg-typography-sem-product-body-desktop-base-font-size, 16px)
  );
  z-index: -1;
  background: 0 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

a.wt-text-link-underline-dotted,
button.wt-text-link-underline-dotted {
  text-underline-position: under;
  text-decoration-style: dashed;
}

a.wt-text-link-underline-dotted:hover,
button.wt-text-link-underline-dotted:hover {
  cursor: help;
}

.wt-card {
  z-index: 0;
  border-radius: var(--clg-shape-sem-border-radius-base, 8px);
}

.wt-card button.wt-card__button,
.wt-card button.wt-card__action-button {
  color: inherit;
  font: inherit;
  cursor: pointer;
  text-align: left;
  -webkit-tap-highlight-color: #0000;
  -webkit-appearance: none;
  background: 0 0;
  border: none;
  outline: none;
  padding: 0;
  text-decoration: none;
}

.wt-card button.wt-card__button:focus-visible {
  outline: inherit;
}

.wt-card button.wt-card__action-button:focus-visible {
  outline: inherit;
}

.wt-card.wt-card--elevated {
  box-shadow: var(
    --clg-effect-sem-shadow-elevation-1,
    0px 2px 8px 0px #150a040a,
    0px 4px 12px 2px #150a040f
  );
}

.wt-card select,
.wt-card a,
.wt-card button,
.wt-card input,
.wt-card textarea {
  z-index: var(--clg-effect-pal-z-index-100, 10);
}

.wt-card.wt-card--contained .wt-card__inner,
.wt-card.wt-card--filled .wt-card__inner,
.wt-card.wt-card--elevated .wt-card__inner,
.wt-card.wt-card--transparent .wt-card__inner {
  border-radius: var(--clg-shape-sem-border-radius-base, 8px);
  background: 0 0;
  overflow: hidden;
}

.wt-card.wt-card--contained .wt-card__inner {
  border: var(--clg-shape-sem-border-width-thin, 1px) solid
    var(--clg-color-sem-border-divider, #e0dad6);
}

.wt-card:before,
.wt-card a.wt-card__action-link,
.wt-card button.wt-card__action-button {
  border-radius: var(--clg-shape-sem-border-radius-base, 8px);
  transition:
    opacity 0.15s ease-out,
    top 0.2s cubic-bezier(0.345, 0.115, 0.135, 1.42),
    bottom 0.15s ease-out,
    left 0.2s cubic-bezier(0.345, 0.115, 0.135, 1.42),
    right 0.15s ease-out;
}

.wt-card.wt-card--contained:before {
  transition:
    opacity 0.15s ease-out,
    all cubic-bezier(0.345, 0.115, 0.135, 1.42);
}

.wt-card.wt-card--contained:hover:before {
  background: var(--clg-color-app-card-background, #fff);
}

.wt-card.wt-card--transparent:before {
  border-radius: var(--clg-dimension-pal-spacing-300, 18px);
}

.wt-card a.wt-card__action-link,
.wt-card button.wt-card__action-button,
.wt-card a.wt-card__link:after,
.wt-card button.wt-card__button:after,
.wt-card:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.wt-card:before {
  content: "";
  opacity: 0;
  box-shadow: var(
    --clg-effect-sem-shadow-elevation-1,
    0px 2px 8px 0px #150a040a,
    0px 4px 12px 2px #150a040f
  );
  inset: var(--clg-dimension-pal-spacing-050, 3px);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: -1;
}

.wt-card a.wt-card__action-link,
.wt-card button.wt-card__action-button {
  z-index: var(--clg-effect-pal-z-index-100, 10);
}

.wt-card.wt-card--elevated .wt-card:before {
  box-shadow: var(
    --clg-effect-sem-shadow-elevation-1,
    0px 2px 8px 0px #150a040a,
    0px 4px 12px 2px #150a040f
  );
}

.wt-card.wt-card--transparent .wt-card:before {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.wt-card:hover:before {
  opacity: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.wt-card.wt-card--transparent:hover:before,
.wt-card.wt-card--transparent.focus-within:before {
  inset: calc(-1 * var(--clg-dimension-pal-spacing-base-unit, 6px) * (4 / 3));
  background: var(--clg-color-app-card-background, #fff);
}

.wt-card.wt-card--transparent:focus-within:before {
  inset: calc(-1 * var(--clg-dimension-pal-spacing-base-unit, 6px) * (4 / 3));
}

.wt-card.wt-card--transparent:hover .wt-card__inner,
.wt-card.wt-card--transparent.focus-within .wt-card__inner {
  padding: calc(var(--clg-dimension-pal-spacing-base-unit, 6px) * (4 / 3));
  margin: calc(-1 * var(--clg-dimension-pal-spacing-base-unit, 6px) * (4 / 3));
  border-radius: var(--clg-shape-sem-border-radius-larger, 16px);
  background: var(--clg-color-app-card-background, #fff);
}

.wt-card.wt-card--transparent:focus-within .wt-card__inner {
  padding: calc(var(--clg-dimension-pal-spacing-base-unit, 6px) * (4 / 3));
  margin: calc(-1 * var(--clg-dimension-pal-spacing-base-unit, 6px) * (4 / 3));
  border-radius: var(--clg-shape-sem-border-radius-larger, 16px);
}

.wt-card.wt-card--transparent a.wt-card__action-link,
.wt-card.wt-card--transparent button.wt-card__action-button {
  border-radius: var(--clg-shape-sem-border-radius-larger, 16px);
}

.wt-card.wt-card--transparent a.wt-card__action-link:hover,
.wt-card.wt-card--transparent a.wt-card__action-link:focus,
.wt-card.wt-card--transparent button.wt-card__action-button:hover,
.wt-card.wt-card--transparent button.wt-card__action-button:focus {
  inset: calc(-1 * var(--clg-dimension-pal-spacing-base-unit, 6px) * (4 / 3));
}

.wt-card:active:before {
  inset: calc(var(--clg-dimension-pal-spacing-base-unit, 6px) * (2 / 3));
}

.wt-card.wt-card--transparent:active:before {
  inset: calc(-1 * var(--clg-dimension-pal-spacing-base-unit, 6px) * (2 / 3));
}

.wt-card a.wt-card__action-link:focus,
.wt-card button.wt-card__action-button:focus {
  box-shadow:
    0 0 0 var(--clg-shape-pal-border-width-200, 2px)
      var(--clg-color-sem-background-elevation-0, #faf8f5),
    0 0 0 var(--clg-shape-pal-border-width-300, 4px)
      var(--clg-color-sem-border-focused, #426bdb),
    0 0 0 var(--clg-shape-pal-border-width-400, 6px)
      var(--clg-color-sem-background-elevation-0, #faf8f5);
  outline: 3px solid #0000 !important;
}

.wt-card:hover a.wt-card__link .wt-arrow-link.wt-arrow-link--forward:after,
.wt-card:hover a.wt-card__link.wt-arrow-link.wt-arrow-link--forward:after,
.wt-card:focus-within
  a.wt-card__link
  .wt-arrow-link.wt-arrow-link--forward:after,
.wt-card:focus-within
  a.wt-card__link.wt-arrow-link.wt-arrow-link--forward:after {
  transform: translate(4px);
}

.wt-card:hover
  :not(
    :-webkit-any(a .wt-arrow-link, a)
  ).wt-arrow-link.wt-arrow-link--forward:after,
.wt-card:focus-within
  :not(
    :-webkit-any(a .wt-arrow-link, a)
  ).wt-arrow-link.wt-arrow-link--forward:after {
  transform: translate(4px);
}

.wt-card:hover
  :not(:is(a .wt-arrow-link, a)).wt-arrow-link.wt-arrow-link--forward:after,
.wt-card:focus-within
  :not(:is(a .wt-arrow-link, a)).wt-arrow-link.wt-arrow-link--forward:after {
  transform: translate(4px);
}

.wt-card a.wt-card__link,
.wt-card button.wt-card__button {
  color: inherit;
  outline: none;
  text-decoration: none;
  position: static;
}

.wt-card a.wt-card__link:after,
.wt-card button.wt-card__button:after {
  content: "";
}

.wt-card a.wt-card__link:hover,
.wt-card a.wt-card__link:active,
.wt-card a.wt-card__link:focus,
.wt-card button.wt-card__button:hover,
.wt-card button.wt-card__button:active,
.wt-card button.wt-card__button:focus {
  opacity: 1;
}

.wt-card,
a.wt-transparent-card,
div.wt-transparent-card,
button.wt-transparent-card,
a.wt-card--transparent,
div.wt-card--transparent,
button.wt-card--transparent {
  color: inherit;
  font: inherit;
  cursor: pointer;
  text-align: left;
  -webkit-tap-highlight-color: #0000;
  -webkit-appearance: none;
  cursor: pointer;
  z-index: var(--clg-effect-pal-z-index-100, 10);
  background: 0 0;
  border: none;
  outline: none;
  max-width: 100%;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.wt-card:focus-visible {
  outline: inherit;
}

a.wt-transparent-card:focus-visible {
  outline: inherit;
}

div.wt-transparent-card:focus-visible {
  outline: inherit;
}

button.wt-transparent-card:focus-visible {
  outline: inherit;
}

a.wt-card--transparent:focus-visible {
  outline: inherit;
}

div.wt-card--transparent:focus-visible {
  outline: inherit;
}

button.wt-card--transparent:focus-visible {
  outline: inherit;
}

.wt-card img,
a.wt-transparent-card img,
div.wt-transparent-card img,
button.wt-transparent-card img,
a.wt-card--transparent img,
div.wt-card--transparent img,
button.wt-card--transparent img {
  width: 100%;
  display: block;
}

a.wt-transparent-card:before,
div.wt-transparent-card:before,
button.wt-transparent-card:before {
  content: "";
  opacity: 0;
  border-radius: calc(var(--clg-dimension-pal-spacing-base-unit, 6px) * 1.5);
  top: calc(-1 * var(--clg-dimension-pal-spacing-base-unit, 6px) * 1.5);
  right: calc(-1 * var(--clg-dimension-pal-spacing-base-unit, 6px) * 1.5);
  bottom: calc(-1 * var(--clg-dimension-pal-spacing-base-unit, 6px) * 1.5);
  left: calc(-1 * var(--clg-dimension-pal-spacing-base-unit, 6px) * 1.5);
  z-index: -1;
  box-shadow: var(
    --clg-effect-sem-shadow-elevation-3,
    0px 8px 16px 0px #150a040a,
    0px 12px 20px 2px #150a040f
  );
  background: var(--clg-color-app-card-background, #fff);
  border: 1px dotted #0000;
  transition:
    transform 0.2s cubic-bezier(0.345, 0.115, 0.135, 1.42),
    opacity 0.15s ease-out,
    border-color 0.2s ease-out;
  position: absolute;
  transform: scale(0.96);
}

a.wt-transparent-card:hover,
a.wt-transparent-card:focus,
div.wt-transparent-card:hover,
div.wt-transparent-card:focus,
button.wt-transparent-card:hover,
button.wt-transparent-card:focus {
  color: var(--clg-color-sem-border-active, #312b36);
  text-decoration: none;
}

a.wt-transparent-card:hover:before,
a.wt-transparent-card:focus:before,
div.wt-transparent-card:hover:before,
div.wt-transparent-card:focus:before,
button.wt-transparent-card:hover:before,
button.wt-transparent-card:focus:before {
  opacity: 1;
  background: var(--clg-color-sem-background-elevation-1, #fff);
  transform: scale(1);
}

a.wt-transparent-card:focus,
div.wt-transparent-card:focus,
button.wt-transparent-card:focus {
  outline: none;
}

a.wt-transparent-card:focus:before,
div.wt-transparent-card:focus:before,
button.wt-transparent-card:focus:before {
  border-color: var(--clg-color-app-button-secondary-border, #312b36);
}

.cnc-enhanced-border-radius .wt-transparent-card:before {
  border-radius: var(--clg-shape-sem-border-radius-card, 8px);
}

.wt-badge {
  background-color: var(--clg-color-app-badge-background, #faf8f5);
  color: var(--clg-color-app-indicator-text, #312b36);
  border-radius: var(--clg-shape-app-signal-border-radius, 16px);
  word-break: break-word;
  line-height: 1;
  font-size: var(
    --clg-typography-sem-product-body-desktop-small-font-size,
    14px
  );
  padding: var(--clg-dimension-app-signal-large-padding-vertical, 4px)
    var(--clg-dimension-app-signal-large-padding-horizontal, 8px);
  min-width: 25px;
  font-weight: 400;
  display: inline-block;
}

.wt-badge.wt-badge--promoted {
  background-color: var(--clg-color-app-badge-ad-background, #534d4c);
  color: var(--clg-color-app-badge-ad-text, #faf8f5);
}

.wt-badge.wt-badge--default {
  background-color: var(--clg-color-app-badge-background, #faf8f5);
  color: var(--clg-color-sem-text-on-surface-light, #312b36);
}

.wt-badge.wt-badge--statusInformational {
  background-color: var(--clg-color-app-indicator-background, #efecea);
  color: var(--clg-color-sem-text-on-surface-subtle, #312b36);
}

.wt-badge.wt-badge--statusRecommendation {
  background-color: var(
    --clg-color-sem-background-surface-recommendation-light,
    #ffc340
  );
  color: var(--clg-color-app-indicator-text, #312b36);
}

.wt-badge.wt-badge--notificationTertiary {
  background-color: var(
    --clg-color-sem-background-surface-notification-tertiary-strong,
    #312b36
  );
  color: var(--clg-color-app-indicator-important-text, #faf8f5);
}

.wt-badge.wt-badge--notificationSecondary {
  background-color: var(
    --clg-color-app-indicator-highlight-background,
    #426bdb
  );
  color: var(--clg-color-app-indicator-highlight-text, #faf8f5);
}

.wt-badge.wt-badge--notificationPrimary {
  background-color: var(
    --clg-color-app-indicator-important-background,
    #cf4018
  );
  color: var(--clg-color-app-indicator-important-text, #faf8f5);
}

.wt-badge.wt-badge--statusValue {
  background-color: var(
    --clg-color-sem-background-surface-monetary-value-light,
    #a3d277
  );
  color: var(--clg-color-sem-text-on-surface-light, #312b36);
}

.wt-badge.wt-badge--outset-top-right {
  top: calc(
    -1 *
      (
        var(--clg-dimension-pal-spacing-100, 6px) -
          var(--clg-shape-sem-border-width-base, 2px)
      )
  );
  right: calc(
    -1 *
      (
        var(--clg-dimension-pal-spacing-100, 6px) -
          var(--clg-shape-sem-border-width-base, 2px)
      )
  );
  border: var(--clg-shape-sem-border-width-base, 2px) solid
    var(--clg-color-app-indicator-border, #faf8f5);
  position: absolute;
}

.wt-badge.wt-badge--small {
  min-width: 17px;
  padding: 3px 6px;
  font-size: 11px;
  font-weight: 700;
}

.wt-badge.wt-badge--small.wt-badge--outset-top-right {
  top: calc(
    -1 *
      (
        var(--clg-dimension-pal-spacing-050, 3px) -
          var(--clg-shape-sem-border-width-base, 2px)
      )
  );
  right: calc(
    -1 *
      (
        var(--clg-dimension-pal-spacing-050, 3px) -
          var(--clg-shape-sem-border-width-base, 2px)
      )
  );
  position: absolute;
}

.wt-badge.wt-badge--border {
  border: var(--clg-shape-sem-border-width-base, 2px) solid
    var(--clg-color-app-badge-border, #312b36);
}

.wt-badge.wt-badge--default.wt-badge--border {
  border: var(--clg-shape-sem-border-width-thin, 1px) solid
    var(--clg-color-app-input-border, #928681);
}

.wt-badge .wt-badge__icon {
  margin-right: var(--clg-dimension-pal-spacing-050, 3px);
  margin-bottom: calc(var(--clg-dimension-pal-spacing-100, 6px) / 3);
}

.wt-badge.wt-badge--outset-top-right.wt-badge--notification--dot {
  width: var(--clg-dimension-app-badge-dot-size, 10px);
  height: var(--clg-dimension-app-badge-dot-size, 10px);
  min-width: 0;
  padding: 0;
}

.wt-badge.wt-badge--outset-top-right.wt-badge--notification--dot.wt-badge--outset-top-right {
  top: var(--clg-shape-sem-border-width-base, 2px);
  right: calc(-1 * (var(--clg-shape-sem-border-width-base, 2px) + 1px));
}

.etsy-icon,
.wt-icon {
  fill: currentColor;
  height: var(--clg-dimension-sem-icon-core-base, 24px);
  width: var(--clg-dimension-sem-icon-core-base, 24px);
  vertical-align: middle;
  display: inline-block;
}

.etsy-icon svg,
.wt-icon svg {
  display: block;
}

.etsy-icon.wt-icon--smallest,
.wt-icon.wt-icon--smallest {
  height: var(--clg-dimension-sem-icon-core-smallest, 12px);
  width: var(--clg-dimension-sem-icon-core-smallest, 12px);
}

.etsy-icon.wt-icon--smaller,
.wt-icon.wt-icon--smaller {
  height: var(--clg-dimension-sem-icon-core-smaller, 16px);
  width: var(--clg-dimension-sem-icon-core-smaller, 16px);
}

.etsy-icon.wt-icon--larger,
.wt-icon.wt-icon--larger {
  height: var(--clg-dimension-sem-icon-core-larger, 32px);
  width: var(--clg-dimension-sem-icon-core-larger, 32px);
}

.etsy-icon.wt-icon--largest,
.wt-icon.wt-icon--largest {
  height: var(--clg-dimension-sem-icon-core-largest, 48px);
  width: var(--clg-dimension-sem-icon-core-largest, 48px);
}

.etsy-icon.wt-icon--brand,
.wt-icon.wt-icon--brand {
  height: var(--clg-dimension-sem-icon-brand-base, 96px);
  width: var(--clg-dimension-sem-icon-brand-base, 96px);
  border-radius: 50%;
}

.etsy-icon.wt-icon--logo svg,
.wt-icon.wt-icon--logo svg {
  height: var(--clg-dimension-sem-icon-core-base, 24px);
}

@media only screen and (min-width: 0) {
  .etsy-icon.wt-icon--smallest-xs,
  .wt-icon.wt-icon--smallest-xs {
    height: var(--clg-dimension-sem-icon-core-smallest, 12px);
    width: var(--clg-dimension-sem-icon-core-smallest, 12px);
  }

  .etsy-icon.wt-icon--smallest-xs.wt-icon--logo svg,
  .wt-icon.wt-icon--smallest-xs.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-smallest, 12px);
  }

  .etsy-icon.wt-icon--smallest-xs.wt-icon--brand,
  .wt-icon.wt-icon--smallest-xs.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-smallest, 96px);
    width: var(--clg-dimension-sem-icon-brand-container-smallest, 96px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-smallest, 96px) -
            var(--clg-dimension-sem-icon-brand-smallest, 60px)
        ) /
        2
    );
  }

  .etsy-icon.wt-icon--smaller-xs,
  .wt-icon.wt-icon--smaller-xs {
    height: var(--clg-dimension-sem-icon-core-smaller, 16px);
    width: var(--clg-dimension-sem-icon-core-smaller, 16px);
  }

  .etsy-icon.wt-icon--smaller-xs.wt-icon--logo svg,
  .wt-icon.wt-icon--smaller-xs.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-smaller, 16px);
  }

  .etsy-icon.wt-icon--smaller-xs.wt-icon--brand,
  .wt-icon.wt-icon--smaller-xs.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-smaller, 120px);
    width: var(--clg-dimension-sem-icon-brand-container-smaller, 120px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-smaller, 120px) -
            var(--clg-dimension-sem-icon-brand-smaller, 84px)
        ) /
        2
    );
  }

  .etsy-icon.wt-icon--base-xs,
  .wt-icon.wt-icon--base-xs {
    height: var(--clg-dimension-sem-icon-core-base, 24px);
    width: var(--clg-dimension-sem-icon-core-base, 24px);
  }

  .etsy-icon.wt-icon--base-xs.wt-icon--logo svg,
  .wt-icon.wt-icon--base-xs.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-base, 24px);
  }

  .etsy-icon.wt-icon--base-xs.wt-icon--brand,
  .wt-icon.wt-icon--base-xs.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-base, 144px);
    width: var(--clg-dimension-sem-icon-brand-container-base, 144px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-base, 144px) -
            var(--clg-dimension-sem-icon-brand-base, 96px)
        ) /
        2
    );
  }

  .etsy-icon.wt-icon--larger-xs,
  .wt-icon.wt-icon--larger-xs {
    height: var(--clg-dimension-sem-icon-core-larger, 32px);
    width: var(--clg-dimension-sem-icon-core-larger, 32px);
  }

  .etsy-icon.wt-icon--larger-xs.wt-icon--logo svg,
  .wt-icon.wt-icon--larger-xs.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-larger, 32px);
  }

  .etsy-icon.wt-icon--larger-xs.wt-icon--brand,
  .wt-icon.wt-icon--larger-xs.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-larger, 168px);
    width: var(--clg-dimension-sem-icon-brand-container-larger, 168px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-larger, 168px) -
            var(--clg-dimension-sem-icon-brand-larger, 108px)
        ) /
        2
    );
  }

  .etsy-icon.wt-icon--largest-xs,
  .wt-icon.wt-icon--largest-xs {
    height: var(--clg-dimension-sem-icon-core-largest, 48px);
    width: var(--clg-dimension-sem-icon-core-largest, 48px);
  }

  .etsy-icon.wt-icon--largest-xs.wt-icon--logo svg,
  .wt-icon.wt-icon--largest-xs.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-largest, 48px);
  }

  .etsy-icon.wt-icon--largest-xs.wt-icon--brand,
  .wt-icon.wt-icon--largest-xs.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-largest, 192px);
    width: var(--clg-dimension-sem-icon-brand-container-largest, 192px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-largest, 192px) -
            var(--clg-dimension-sem-icon-brand-largest, 120px)
        ) /
        2
    );
  }
}

@media only screen and (min-width: 480px) {
  .etsy-icon.wt-icon--smallest-sm,
  .wt-icon.wt-icon--smallest-sm {
    height: var(--clg-dimension-sem-icon-core-smallest, 12px);
    width: var(--clg-dimension-sem-icon-core-smallest, 12px);
  }

  .etsy-icon.wt-icon--smallest-sm.wt-icon--logo svg,
  .wt-icon.wt-icon--smallest-sm.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-smallest, 12px);
  }

  .etsy-icon.wt-icon--smallest-sm.wt-icon--brand,
  .wt-icon.wt-icon--smallest-sm.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-smallest, 96px);
    width: var(--clg-dimension-sem-icon-brand-container-smallest, 96px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-smallest, 96px) -
            var(--clg-dimension-sem-icon-brand-smallest, 60px)
        ) /
        2
    );
  }

  .etsy-icon.wt-icon--smaller-sm,
  .wt-icon.wt-icon--smaller-sm {
    height: var(--clg-dimension-sem-icon-core-smaller, 16px);
    width: var(--clg-dimension-sem-icon-core-smaller, 16px);
  }

  .etsy-icon.wt-icon--smaller-sm.wt-icon--logo svg,
  .wt-icon.wt-icon--smaller-sm.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-smaller, 16px);
  }

  .etsy-icon.wt-icon--smaller-sm.wt-icon--brand,
  .wt-icon.wt-icon--smaller-sm.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-smaller, 120px);
    width: var(--clg-dimension-sem-icon-brand-container-smaller, 120px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-smaller, 120px) -
            var(--clg-dimension-sem-icon-brand-smaller, 84px)
        ) /
        2
    );
  }

  .etsy-icon.wt-icon--base-sm,
  .wt-icon.wt-icon--base-sm {
    height: var(--clg-dimension-sem-icon-core-base, 24px);
    width: var(--clg-dimension-sem-icon-core-base, 24px);
  }

  .etsy-icon.wt-icon--base-sm.wt-icon--logo svg,
  .wt-icon.wt-icon--base-sm.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-base, 24px);
  }

  .etsy-icon.wt-icon--base-sm.wt-icon--brand,
  .wt-icon.wt-icon--base-sm.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-base, 144px);
    width: var(--clg-dimension-sem-icon-brand-container-base, 144px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-base, 144px) -
            var(--clg-dimension-sem-icon-brand-base, 96px)
        ) /
        2
    );
  }

  .etsy-icon.wt-icon--larger-sm,
  .wt-icon.wt-icon--larger-sm {
    height: var(--clg-dimension-sem-icon-core-larger, 32px);
    width: var(--clg-dimension-sem-icon-core-larger, 32px);
  }

  .etsy-icon.wt-icon--larger-sm.wt-icon--logo svg,
  .wt-icon.wt-icon--larger-sm.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-larger, 32px);
  }

  .etsy-icon.wt-icon--larger-sm.wt-icon--brand,
  .wt-icon.wt-icon--larger-sm.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-larger, 168px);
    width: var(--clg-dimension-sem-icon-brand-container-larger, 168px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-larger, 168px) -
            var(--clg-dimension-sem-icon-brand-larger, 108px)
        ) /
        2
    );
  }

  .etsy-icon.wt-icon--largest-sm,
  .wt-icon.wt-icon--largest-sm {
    height: var(--clg-dimension-sem-icon-core-largest, 48px);
    width: var(--clg-dimension-sem-icon-core-largest, 48px);
  }

  .etsy-icon.wt-icon--largest-sm.wt-icon--logo svg,
  .wt-icon.wt-icon--largest-sm.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-largest, 48px);
  }

  .etsy-icon.wt-icon--largest-sm.wt-icon--brand,
  .wt-icon.wt-icon--largest-sm.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-largest, 192px);
    width: var(--clg-dimension-sem-icon-brand-container-largest, 192px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-largest, 192px) -
            var(--clg-dimension-sem-icon-brand-largest, 120px)
        ) /
        2
    );
  }
}

@media only screen and (min-width: 640px) {
  .etsy-icon.wt-icon--smallest-md,
  .wt-icon.wt-icon--smallest-md {
    height: var(--clg-dimension-sem-icon-core-smallest, 12px);
    width: var(--clg-dimension-sem-icon-core-smallest, 12px);
  }

  .etsy-icon.wt-icon--smallest-md.wt-icon--logo svg,
  .wt-icon.wt-icon--smallest-md.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-smallest, 12px);
  }

  .etsy-icon.wt-icon--smallest-md.wt-icon--brand,
  .wt-icon.wt-icon--smallest-md.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-smallest, 96px);
    width: var(--clg-dimension-sem-icon-brand-container-smallest, 96px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-smallest, 96px) -
            var(--clg-dimension-sem-icon-brand-smallest, 60px)
        ) /
        2
    );
  }

  .etsy-icon.wt-icon--smaller-md,
  .wt-icon.wt-icon--smaller-md {
    height: var(--clg-dimension-sem-icon-core-smaller, 16px);
    width: var(--clg-dimension-sem-icon-core-smaller, 16px);
  }

  .etsy-icon.wt-icon--smaller-md.wt-icon--logo svg,
  .wt-icon.wt-icon--smaller-md.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-smaller, 16px);
  }

  .etsy-icon.wt-icon--smaller-md.wt-icon--brand,
  .wt-icon.wt-icon--smaller-md.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-smaller, 120px);
    width: var(--clg-dimension-sem-icon-brand-container-smaller, 120px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-smaller, 120px) -
            var(--clg-dimension-sem-icon-brand-smaller, 84px)
        ) /
        2
    );
  }

  .etsy-icon.wt-icon--base-md,
  .wt-icon.wt-icon--base-md {
    height: var(--clg-dimension-sem-icon-core-base, 24px);
    width: var(--clg-dimension-sem-icon-core-base, 24px);
  }

  .etsy-icon.wt-icon--base-md.wt-icon--logo svg,
  .wt-icon.wt-icon--base-md.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-base, 24px);
  }

  .etsy-icon.wt-icon--base-md.wt-icon--brand,
  .wt-icon.wt-icon--base-md.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-base, 144px);
    width: var(--clg-dimension-sem-icon-brand-container-base, 144px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-base, 144px) -
            var(--clg-dimension-sem-icon-brand-base, 96px)
        ) /
        2
    );
  }

  .etsy-icon.wt-icon--larger-md,
  .wt-icon.wt-icon--larger-md {
    height: var(--clg-dimension-sem-icon-core-larger, 32px);
    width: var(--clg-dimension-sem-icon-core-larger, 32px);
  }

  .etsy-icon.wt-icon--larger-md.wt-icon--logo svg,
  .wt-icon.wt-icon--larger-md.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-larger, 32px);
  }

  .etsy-icon.wt-icon--larger-md.wt-icon--brand,
  .wt-icon.wt-icon--larger-md.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-larger, 168px);
    width: var(--clg-dimension-sem-icon-brand-container-larger, 168px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-larger, 168px) -
            var(--clg-dimension-sem-icon-brand-larger, 108px)
        ) /
        2
    );
  }

  .etsy-icon.wt-icon--largest-md,
  .wt-icon.wt-icon--largest-md {
    height: var(--clg-dimension-sem-icon-core-largest, 48px);
    width: var(--clg-dimension-sem-icon-core-largest, 48px);
  }

  .etsy-icon.wt-icon--largest-md.wt-icon--logo svg,
  .wt-icon.wt-icon--largest-md.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-largest, 48px);
  }

  .etsy-icon.wt-icon--largest-md.wt-icon--brand,
  .wt-icon.wt-icon--largest-md.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-largest, 192px);
    width: var(--clg-dimension-sem-icon-brand-container-largest, 192px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-largest, 192px) -
            var(--clg-dimension-sem-icon-brand-largest, 120px)
        ) /
        2
    );
  }
}

@media only screen and (min-width: 900px) {
  .etsy-icon.wt-icon--smallest-lg,
  .wt-icon.wt-icon--smallest-lg {
    height: var(--clg-dimension-sem-icon-core-smallest, 12px);
    width: var(--clg-dimension-sem-icon-core-smallest, 12px);
  }

  .etsy-icon.wt-icon--smallest-lg.wt-icon--logo svg,
  .wt-icon.wt-icon--smallest-lg.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-smallest, 12px);
  }

  .etsy-icon.wt-icon--smallest-lg.wt-icon--brand,
  .wt-icon.wt-icon--smallest-lg.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-smallest, 96px);
    width: var(--clg-dimension-sem-icon-brand-container-smallest, 96px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-smallest, 96px) -
            var(--clg-dimension-sem-icon-brand-smallest, 60px)
        ) /
        2
    );
  }

  .etsy-icon.wt-icon--smaller-lg,
  .wt-icon.wt-icon--smaller-lg {
    height: var(--clg-dimension-sem-icon-core-smaller, 16px);
    width: var(--clg-dimension-sem-icon-core-smaller, 16px);
  }

  .etsy-icon.wt-icon--smaller-lg.wt-icon--logo svg,
  .wt-icon.wt-icon--smaller-lg.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-smaller, 16px);
  }

  .etsy-icon.wt-icon--smaller-lg.wt-icon--brand,
  .wt-icon.wt-icon--smaller-lg.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-smaller, 120px);
    width: var(--clg-dimension-sem-icon-brand-container-smaller, 120px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-smaller, 120px) -
            var(--clg-dimension-sem-icon-brand-smaller, 84px)
        ) /
        2
    );
  }

  .etsy-icon.wt-icon--base-lg,
  .wt-icon.wt-icon--base-lg {
    height: var(--clg-dimension-sem-icon-core-base, 24px);
    width: var(--clg-dimension-sem-icon-core-base, 24px);
  }

  .etsy-icon.wt-icon--base-lg.wt-icon--logo svg,
  .wt-icon.wt-icon--base-lg.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-base, 24px);
  }

  .etsy-icon.wt-icon--base-lg.wt-icon--brand,
  .wt-icon.wt-icon--base-lg.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-base, 144px);
    width: var(--clg-dimension-sem-icon-brand-container-base, 144px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-base, 144px) -
            var(--clg-dimension-sem-icon-brand-base, 96px)
        ) /
        2
    );
  }

  .etsy-icon.wt-icon--larger-lg,
  .wt-icon.wt-icon--larger-lg {
    height: var(--clg-dimension-sem-icon-core-larger, 32px);
    width: var(--clg-dimension-sem-icon-core-larger, 32px);
  }

  .etsy-icon.wt-icon--larger-lg.wt-icon--logo svg,
  .wt-icon.wt-icon--larger-lg.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-larger, 32px);
  }

  .etsy-icon.wt-icon--larger-lg.wt-icon--brand,
  .wt-icon.wt-icon--larger-lg.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-larger, 168px);
    width: var(--clg-dimension-sem-icon-brand-container-larger, 168px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-larger, 168px) -
            var(--clg-dimension-sem-icon-brand-larger, 108px)
        ) /
        2
    );
  }

  .etsy-icon.wt-icon--largest-lg,
  .wt-icon.wt-icon--largest-lg {
    height: var(--clg-dimension-sem-icon-core-largest, 48px);
    width: var(--clg-dimension-sem-icon-core-largest, 48px);
  }

  .etsy-icon.wt-icon--largest-lg.wt-icon--logo svg,
  .wt-icon.wt-icon--largest-lg.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-largest, 48px);
  }

  .etsy-icon.wt-icon--largest-lg.wt-icon--brand,
  .wt-icon.wt-icon--largest-lg.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-largest, 192px);
    width: var(--clg-dimension-sem-icon-brand-container-largest, 192px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-largest, 192px) -
            var(--clg-dimension-sem-icon-brand-largest, 120px)
        ) /
        2
    );
  }
}

@media only screen and (min-width: 1200px) {
  .etsy-icon.wt-icon--smallest-xl,
  .wt-icon.wt-icon--smallest-xl {
    height: var(--clg-dimension-sem-icon-core-smallest, 12px);
    width: var(--clg-dimension-sem-icon-core-smallest, 12px);
  }

  .etsy-icon.wt-icon--smallest-xl.wt-icon--logo svg,
  .wt-icon.wt-icon--smallest-xl.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-smallest, 12px);
  }

  .etsy-icon.wt-icon--smallest-xl.wt-icon--brand,
  .wt-icon.wt-icon--smallest-xl.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-smallest, 96px);
    width: var(--clg-dimension-sem-icon-brand-container-smallest, 96px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-smallest, 96px) -
            var(--clg-dimension-sem-icon-brand-smallest, 60px)
        ) /
        2
    );
  }

  .etsy-icon.wt-icon--smaller-xl,
  .wt-icon.wt-icon--smaller-xl {
    height: var(--clg-dimension-sem-icon-core-smaller, 16px);
    width: var(--clg-dimension-sem-icon-core-smaller, 16px);
  }

  .etsy-icon.wt-icon--smaller-xl.wt-icon--logo svg,
  .wt-icon.wt-icon--smaller-xl.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-smaller, 16px);
  }

  .etsy-icon.wt-icon--smaller-xl.wt-icon--brand,
  .wt-icon.wt-icon--smaller-xl.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-smaller, 120px);
    width: var(--clg-dimension-sem-icon-brand-container-smaller, 120px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-smaller, 120px) -
            var(--clg-dimension-sem-icon-brand-smaller, 84px)
        ) /
        2
    );
  }

  .etsy-icon.wt-icon--base-xl,
  .wt-icon.wt-icon--base-xl {
    height: var(--clg-dimension-sem-icon-core-base, 24px);
    width: var(--clg-dimension-sem-icon-core-base, 24px);
  }

  .etsy-icon.wt-icon--base-xl.wt-icon--logo svg,
  .wt-icon.wt-icon--base-xl.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-base, 24px);
  }

  .etsy-icon.wt-icon--base-xl.wt-icon--brand,
  .wt-icon.wt-icon--base-xl.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-base, 144px);
    width: var(--clg-dimension-sem-icon-brand-container-base, 144px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-base, 144px) -
            var(--clg-dimension-sem-icon-brand-base, 96px)
        ) /
        2
    );
  }

  .etsy-icon.wt-icon--larger-xl,
  .wt-icon.wt-icon--larger-xl {
    height: var(--clg-dimension-sem-icon-core-larger, 32px);
    width: var(--clg-dimension-sem-icon-core-larger, 32px);
  }

  .etsy-icon.wt-icon--larger-xl.wt-icon--logo svg,
  .wt-icon.wt-icon--larger-xl.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-larger, 32px);
  }

  .etsy-icon.wt-icon--larger-xl.wt-icon--brand,
  .wt-icon.wt-icon--larger-xl.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-larger, 168px);
    width: var(--clg-dimension-sem-icon-brand-container-larger, 168px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-larger, 168px) -
            var(--clg-dimension-sem-icon-brand-larger, 108px)
        ) /
        2
    );
  }

  .etsy-icon.wt-icon--largest-xl,
  .wt-icon.wt-icon--largest-xl {
    height: var(--clg-dimension-sem-icon-core-largest, 48px);
    width: var(--clg-dimension-sem-icon-core-largest, 48px);
  }

  .etsy-icon.wt-icon--largest-xl.wt-icon--logo svg,
  .wt-icon.wt-icon--largest-xl.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-largest, 48px);
  }

  .etsy-icon.wt-icon--largest-xl.wt-icon--brand,
  .wt-icon.wt-icon--largest-xl.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-largest, 192px);
    width: var(--clg-dimension-sem-icon-brand-container-largest, 192px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-largest, 192px) -
            var(--clg-dimension-sem-icon-brand-largest, 120px)
        ) /
        2
    );
  }
}

@media only screen and (min-width: 1400px) {
  .etsy-icon.wt-icon--smallest-tv,
  .wt-icon.wt-icon--smallest-tv {
    height: var(--clg-dimension-sem-icon-core-smallest, 12px);
    width: var(--clg-dimension-sem-icon-core-smallest, 12px);
  }

  .etsy-icon.wt-icon--smallest-tv.wt-icon--logo svg,
  .wt-icon.wt-icon--smallest-tv.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-smallest, 12px);
  }

  .etsy-icon.wt-icon--smallest-tv.wt-icon--brand,
  .wt-icon.wt-icon--smallest-tv.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-smallest, 96px);
    width: var(--clg-dimension-sem-icon-brand-container-smallest, 96px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-smallest, 96px) -
            var(--clg-dimension-sem-icon-brand-smallest, 60px)
        ) /
        2
    );
  }

  .etsy-icon.wt-icon--smaller-tv,
  .wt-icon.wt-icon--smaller-tv {
    height: var(--clg-dimension-sem-icon-core-smaller, 16px);
    width: var(--clg-dimension-sem-icon-core-smaller, 16px);
  }

  .etsy-icon.wt-icon--smaller-tv.wt-icon--logo svg,
  .wt-icon.wt-icon--smaller-tv.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-smaller, 16px);
  }

  .etsy-icon.wt-icon--smaller-tv.wt-icon--brand,
  .wt-icon.wt-icon--smaller-tv.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-smaller, 120px);
    width: var(--clg-dimension-sem-icon-brand-container-smaller, 120px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-smaller, 120px) -
            var(--clg-dimension-sem-icon-brand-smaller, 84px)
        ) /
        2
    );
  }

  .etsy-icon.wt-icon--base-tv,
  .wt-icon.wt-icon--base-tv {
    height: var(--clg-dimension-sem-icon-core-base, 24px);
    width: var(--clg-dimension-sem-icon-core-base, 24px);
  }

  .etsy-icon.wt-icon--base-tv.wt-icon--logo svg,
  .wt-icon.wt-icon--base-tv.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-base, 24px);
  }

  .etsy-icon.wt-icon--base-tv.wt-icon--brand,
  .wt-icon.wt-icon--base-tv.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-base, 144px);
    width: var(--clg-dimension-sem-icon-brand-container-base, 144px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-base, 144px) -
            var(--clg-dimension-sem-icon-brand-base, 96px)
        ) /
        2
    );
  }

  .etsy-icon.wt-icon--larger-tv,
  .wt-icon.wt-icon--larger-tv {
    height: var(--clg-dimension-sem-icon-core-larger, 32px);
    width: var(--clg-dimension-sem-icon-core-larger, 32px);
  }

  .etsy-icon.wt-icon--larger-tv.wt-icon--logo svg,
  .wt-icon.wt-icon--larger-tv.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-larger, 32px);
  }

  .etsy-icon.wt-icon--larger-tv.wt-icon--brand,
  .wt-icon.wt-icon--larger-tv.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-larger, 168px);
    width: var(--clg-dimension-sem-icon-brand-container-larger, 168px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-larger, 168px) -
            var(--clg-dimension-sem-icon-brand-larger, 108px)
        ) /
        2
    );
  }

  .etsy-icon.wt-icon--largest-tv,
  .wt-icon.wt-icon--largest-tv {
    height: var(--clg-dimension-sem-icon-core-largest, 48px);
    width: var(--clg-dimension-sem-icon-core-largest, 48px);
  }

  .etsy-icon.wt-icon--largest-tv.wt-icon--logo svg,
  .wt-icon.wt-icon--largest-tv.wt-icon--logo svg {
    height: var(--clg-dimension-sem-icon-core-largest, 48px);
  }

  .etsy-icon.wt-icon--largest-tv.wt-icon--brand,
  .wt-icon.wt-icon--largest-tv.wt-icon--brand {
    height: var(--clg-dimension-sem-icon-brand-container-largest, 192px);
    width: var(--clg-dimension-sem-icon-brand-container-largest, 192px);
    padding: calc(
      (
          var(--clg-dimension-sem-icon-brand-container-largest, 192px) -
            var(--clg-dimension-sem-icon-brand-largest, 120px)
        ) /
        2
    );
  }
}

.etsy-icon.wt-icon--logo,
.wt-icon.wt-icon--logo {
  width: auto;
}

.ui-toolkit .gnav-header,
.gnav-header {
  border-bottom: var(--clg-shape-sem-border-width-thin, 1px) solid #e1e3df;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.cat-nav {
  -webkit-font-smoothing: antialiased;
}

.cat-nav.responsive-disabled {
  margin-left: -10px;
  margin-right: -10px;
}

.cat-nav .top-nav-item {
  cursor: pointer;
  border-bottom: 3px solid #0000;
  margin-top: 0;
  margin-bottom: 4px;
}

body.etsy-has-it-design .cat-nav .top-nav-item a {
  font-weight: 700;
}

.cat-nav .top-nav-item a:hover {
  text-decoration: none;
}

.cat-nav .top-nav-item.active,
.cat-nav .top-nav-item.underlined-promo-item:hover {
  border-bottom: 3px solid #f56400;
}

.cat-nav .side-nav-item {
  cursor: pointer;
}

.cat-nav .side-nav-item > span:focus {
  outline: thin dotted;
}

.cat-nav .side-nav-item > span:focus:focus {
  box-shadow:
    0 0 0 var(--clg-shape-pal-border-width-200, 2px)
      var(--clg-color-sem-background-elevation-0, #faf8f5),
    0 0 0 var(--clg-shape-pal-border-width-300, 4px)
      var(--clg-color-sem-border-focused, #426bdb) !important;
  outline: 3px solid #0000 !important;
}

.cat-nav .side-nav-item a:hover {
  text-decoration: none;
}

.cat-nav .side-nav-item.active {
  background-color: #fff3ee;
}

.cat-nav .sub-nav-container {
  border-bottom-right-radius: var(--clg-shape-sem-border-radius-smallest, 2px);
  border-bottom-left-radius: var(--clg-shape-sem-border-radius-smallest, 2px);
}

.cat-nav .finds-promo-image-container .finds-promo-image {
  max-width: 100%;
}

@media only screen and (min-width: 0) and (max-width: 899px) {
  .cat-nav .finds-promo-image-container,
  .cat-nav .finds-promo-image-container .finds-promo-image {
    height: 100px;
  }
}

.cat-nav .tertiary-nav-registry {
  max-width: 270px;
}

.cat-nav .registry-nav-link .wt-btn.wt-btn--icon svg {
  margin-top: -1px;
  transform: none;
}

.ui-toolkit .v2-toolkit-gnav-header,
.v2-toolkit-gnav-header,
.v2-toolkit-cat-nav .top-nav-item {
  border-bottom: none;
}

.v2-toolkit-cat-nav .top-nav-item a:hover,
.v2-toolkit-cat-nav .top-nav-item a.wt-text-link-no-underline:hover {
  text-decoration: none;
}

.v2-toolkit-cat-nav .top-nav-item.active {
  border-bottom: none;
}

.v2-toolkit-cat-nav .active-nav-item-indicator {
  transition: width var(--clg-effect-pal-duration-300, 0.3s)
    cubic-bezier(0.54, 0, 0.54, 1);
  border-bottom: var(--clg-shape-sem-border-width-base, 2px) solid
    var(--clg-color-pal-greyscale-800, #312b36);
  width: 0;
  bottom: 0;
  transform: translate(-50%);
}

.v2-toolkit-cat-nav .active-nav-item-indicator.animate-all {
  transition: all var(--clg-effect-pal-duration-300, 0.3s)
    cubic-bezier(0.54, 0, 0.54, 1);
  transform: none;
}

.v2-toolkit-cat-nav .side-nav-item.active {
  background-color: var(
    --clg-color-app-button-transparent-hovered-background,
    #3314000d
  );
}

.v2-toolkit-cat-nav .sub-nav-container {
  border-bottom-right-radius: var(--clg-shape-sem-border-radius-smaller, 4px);
  border-bottom-left-radius: var(--clg-shape-sem-border-radius-smaller, 4px);
  box-shadow: var(
    --clg-effect-sem-shadow-elevation-3,
    0px 8px 16px 0px #150a040a,
    0px 12px 20px 2px #150a040f
  );
  transform: scale(1);
}

.v2-toolkit-cat-nav-tab-bar:after {
  content: "";
  border-bottom: var(--clg-shape-sem-border-width-thin, 1px) solid
    var(--clg-color-sem-border-divider, #e0dad6);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.gnav-bottom-border:after {
  content: "";
  border-bottom: var(--clg-shape-sem-border-width-base, 2px) solid #22222226;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.ellipse-separator {
  width: 4px;
  height: 4px;
}

@media only screen and (min-width: 0) and (max-width: 639px) {
  body[data-language="fr"] .gnav-header .register-link,
  body[data-language="ru"] .gnav-header .register-link,
  body[data-language="de"] .gnav-header .register-link,
  body.fr .gnav-header .register-link,
  body.ru .gnav-header .register-link,
  body.de .gnav-header .register-link {
    display: none;
  }
}

#mobile-catnav-overlay.display-none {
  display: none;
}

.mobile-catnav-wrapper .mobile-cat-nav .overlay-back,
.mobile-catnav-wrapper .mobile-cat-nav .overlay-close {
  color: #595959;
}

.mobile-catnav-wrapper .mobile-cat-nav .mobile-catnav-margin {
  margin-bottom: 120px;
}

.mobile-catnav-wrapper
  .mobile-cat-nav
  .a11y-focus-only
  .a11y-parent-hover-underline {
  text-decoration: none !important;
}

.mobile-catnav-wrapper
  .mobile-cat-nav
  .a11y-focus-only
  .a11y-parent-hover-underline:hover
  .a11y-child-hover-underline {
  text-decoration: underline !important;
}

.mobile-catnav-wrapper
  .mobile-cat-nav
  .a11y-focus-only
  a:focus:not(.focus-ring) {
  outline: none;
  text-decoration: none;
}

.mobile-catnav-wrapper
  .mobile-cat-nav
  .a11y-focus-only
  a:focus:not(.focus-ring)
  .child-hover-underline,
.mobile-catnav-wrapper
  .mobile-cat-nav
  .a11y-focus-only
  a:focus:not(.focus-ring)
  .a11y-child-hover-underline {
  text-decoration: none;
}

#etsy-modal-container .mobile-catnav-overlay-mask {
  z-index: 9998;
}

.mobile-top-nav-category-link [data-ui="mobile-category-toggle-button"] {
  border-radius: 0 !important;
}

@media only screen and (min-width: 0) and (max-width: 639px) {
  .catnav-search-bar {
    display: block;
  }

  .wt-overlay.mobile-catnav-wrapper .wt-overlay__modal.mobile-cat-nav {
    max-width: 100%;
    transform: translateY(100%) perspective(1px);
  }

  .wt-overlay.mobile-catnav-wrapper[aria-hidden="false"]
    .wt-overlay__modal.mobile-cat-nav {
    transform: translateY(0) perspective(1px);
  }
}

@media only screen and (min-width: 480px) and (max-width: 639px) {
  .mobile-cat-nav-ep-wrapper {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .mobile-cat-nav-ep-image {
    min-height: 80px;
  }
}

@media only screen and (min-width: 0) and (max-width: 899px) {
  body.is-responsive:not(.wide-extended) #gnav-search.search-nav {
    width: 100%;
  }
}

@media only screen and (min-width: 640px) {
  .mobile-cat-nav,
  .wt-overlay.mobile-catnav-wrapper .wt-overlay__modal.mobile-cat-nav {
    min-width: 320px;
    max-width: 40%;
  }
}

.catnav-animated-drift-left-in {
  animation-name: web-toolkit-drift-left-in;
}

.catnav-animated-drift-left-out {
  animation-name: web-toolkit-drift-left-out;
}

.catnav-animated-drift-right-in {
  animation-name: web-toolkit-drift-right-in;
}

.catnav-animated-drift-right-out {
  animation-name: web-toolkit-drift-right-out;
}

@keyframes web-toolkit-drift-left-in {
  0% {
    opacity: 0;
    margin-left: -30px;
  }

  50% {
    opacity: 1;
  }

  to {
    opacity: 1;
    margin-left: 0;
  }
}

@keyframes web-toolkit-drift-left-out {
  0% {
    opacity: 1;
    margin-left: 0;
  }

  50% {
    opacity: 0;
  }

  to {
    opacity: 0;
    margin-left: 30px;
  }
}

@keyframes web-toolkit-drift-right-in {
  0% {
    opacity: 0;
    margin-left: 30px;
  }

  50% {
    opacity: 1;
  }

  to {
    opacity: 1;
    margin-left: 0;
  }
}

@keyframes web-toolkit-drift-right-out {
  0% {
    opacity: 1;
    margin-left: 0;
  }

  50% {
    opacity: 0;
  }

  to {
    opacity: 0;
    margin-left: -30px;
  }
}

.undo-h6-type-styles.undo-h6-type-styles {
  text-transform: none;
  letter-spacing: normal;
}

.bg-lavender-dark {
  background-color: var(--clg-color-pal-purple-750, #78346b);
}

.bg-turquoise-dark {
  background-color: var(--clg-color-pal-green-450, #86c34c);
}

.bg-peach-dark {
  background-color: var(--clg-color-pal-yellow-750, #ffb619);
}

.bg-cyber-orange {
  background-color: #faa077;
}

.bg-cyber-yellow {
  background-color: #fdd95c;
}

.bg-cyber-navyblue {
  background-color: #232347;
}

.bg-natural-gray-tint {
  background-color: #f4f3ee !important;
}

#cyber-week-banner .bg-peach-dark a {
  color: var(--clg-color-sem-text-primary, #312b36);
}

#cyber-week-banner a {
  text-decoration: none !important;
}

#cyber-week-banner .bg-lavender-dark a,
#cyber-week-banner .bg-turquoise-dark a {
  color: var(--clg-color-sem-text-on-surface-strong, #faf8f5) !important;
}

.category-nav-button-menu ul,
.user-options-buttons-nav ul {
  padding-top: 4px;
  padding-bottom: 5px;
}

.category-nav-button-menu button.active,
.user-options-buttons-nav button.active {
  opacity: 1;
  text-decoration: none;
  background: #0e0e0e17 !important;
}

body.etsy-has-it-design
  .user-options-buttons-nav
  .user-options-buttons-nav__link-label,
body.etsy-has-it-design .user-options-buttons-nav .ge-menu-button__label {
  font-weight: 700;
}

.dropdown-category-menu__body {
  width: 330px;
  max-width: 330px;
  height: 580px;
  max-height: 580px;
  left: 0 !important;
  right: auto !important;
  overflow-y: auto !important;
}

.dropdown-category-menu a:hover:not(.has-children):not(.wt-arrow-link) {
  text-decoration: underline !important;
}

.dropdown-category-menu .has-children:after {
  background-color: currentColor;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 14px;
  right: 12px;
  -webkit-mask-image: url(/assets/type/etsy-icon/clg/core/right.svg);
  mask-image: url(/assets/type/etsy-icon/clg/core/right.svg);
  -webkit-mask-size: 16px 16px;
  mask-size: 16px 16px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

#all-categories-peek-overlay > div {
  padding: 0;
  padding-top: calc(30px + env(safe-area-inset-top, 0px));
  width: 100%;
  max-width: 1045px;
}

@media only screen and (min-width: 0) and (max-width: 1199px) {
  #all-categories-peek-overlay > div {
    max-width: 845px;
  }
}

#all-categories-peek-overlay .all-categories-peek-overlay-header {
  padding-bottom: 18px;
  padding-left: 18px;
}

@media only screen and (min-width: 640px) {
  #all-categories-peek-overlay .all-categories-peek-overlay-header {
    padding-left: 30px;
  }
}

#all-categories-peek-overlay .all-categories-peek-overlay-header-border {
  border-bottom: 1px solid var(--clg-color-pal-greyscale-075, #efecea);
}

#all-categories-peek-overlay .all-categories-peek-overlay-nodes {
  padding: 18px 0 18px 18px;
}

@media only screen and (min-width: 640px) {
  #all-categories-peek-overlay .all-categories-peek-overlay-nodes {
    padding: 30px 0 30px 30px;
  }
}

#all-categories-peek-overlay
  .all-categories-peek-overlay-nodes
  .cat-visual-node-name,
#all-categories-peek-overlay
  .all-categories-peek-overlay-nodes
  .cat-image-container {
  width: 160px;
}

.card-dropdown__menu {
  width: 69vw !important;
  min-width: 888px !important;
  max-width: 900px !important;
  max-height: 85vh !important;
  margin-right: 16px !important;
  left: 0 !important;
  right: auto !important;
}

@media only screen and (min-width: 900px) {
  .card-dropdown__menu {
    left: -86% !important;
  }
}

.card-dropdown__column {
  height: 85vh;
  min-width: 288px !important;
  max-width: 288px !important;
  max-height: 720px !important;
  overflow-y: scroll !important;
}

.card-dropdown__column::-webkit-scrollbar {
  width: 8px;
  margin-right: 8px;
}

.card-dropdown__column::-webkit-scrollbar-track {
  background: #fafafa;
}

.card-dropdown__column::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 12px;
}

.card-dropdown__sidepane {
  border-left: 1px solid var(--clg-color-pal-greyscale-075, #efecea);
  width: 100% !important;
  min-width: 588px !important;
  max-width: 612px !important;
}

.card-dropdown__image {
  border-color: #222;
  border-radius: 6px;
  aspect-ratio: 1 !important;
}

.card-dropdown__image :hover {
  box-shadow: var(
    --clg-effect-sem-shadow-elevation-3,
    0px 8px 16px 0px #150a040a,
    0px 12px 20px 2px #150a040f
  );
}

.card-dropdown__card {
  min-width: 156px !important;
  max-width: 180px !important;
}

.card-dropdown__footer-border {
  background-color: var(--clg-color-pal-greyscale-075, #efecea);
  height: 1px;
}

.card-dropdown__recommendation-item {
  padding-left: 9px !important;
}

.card-dropdown__text {
  max-width: 156px;
}

.wt-edge {
  vertical-align: middle;
}

.wt-edge svg {
  height: var(--clg-dimension-pal-size-800, 48px);
  width: 100%;
  display: block;
  transform: scale(1);
}

.wt-edge.wt-edge--smaller svg {
  height: var(--clg-dimension-pal-size-400, 24px);
}

.wt-edge.wt-edge--larger svg {
  height: calc(var(--clg-dimension-pal-size-100, 6px) * 16);
}

.wt-edge.wt-edge--top svg {
  transform: rotate(180deg);
}

.wt-edge.wt-edge--left,
.wt-edge.wt-edge--right {
  position: relative;
}

.wt-edge.wt-edge--left svg,
.wt-edge.wt-edge--right svg {
  width: var(--clg-dimension-pal-size-800, 48px);
  background-position: 50%;
  background-size: cover;
  height: 100%;
  position: absolute;
  top: 0;
  overflow: hidden;
}

.wt-edge.wt-edge--left.wt-edge--smaller svg,
.wt-edge.wt-edge--right.wt-edge--smaller svg {
  width: var(--clg-dimension-sem-icon-core-base, 24px);
}

.wt-edge.wt-edge--left.wt-edge--larger svg,
.wt-edge.wt-edge--right.wt-edge--larger svg {
  width: calc(var(--clg-dimension-pal-size-100, 6px) * 16);
}

.wt-edge.wt-edge--left {
  padding-left: var(--clg-dimension-pal-size-800, 48px);
}

.wt-edge.wt-edge--left.wt-edge--smaller {
  padding-left: var(--clg-dimension-pal-size-400, 24px);
}

.wt-edge.wt-edge--left.wt-edge--larger {
  padding-left: calc(var(--clg-dimension-pal-size-100, 6px) * 16);
}

.wt-edge.wt-edge--left svg {
  left: 0;
}

.wt-edge.wt-edge--right {
  padding-right: var(--clg-dimension-pal-size-800, 48px);
  right: 0;
  transform: rotate(180deg);
}

.wt-edge.wt-edge--right.wt-edge--smaller {
  padding-right: var(--clg-dimension-pal-size-400, 24px);
}

.wt-edge.wt-edge--right.wt-edge--larger {
  padding-right: calc(var(--clg-dimension-pal-size-100, 6px) * 16);
}

@media only screen and (min-width: 0) and (max-width: 1199px) {
  .wt-edge.wt-edge--ratio-none:not(.wt-edge--right):not(.wt-edge--left) {
    display: none;
  }
}

@media only screen and (min-width: 1200px) {
  .wt-edge.wt-edge--ratio-slice:not(.wt-edge--right):not(.wt-edge--left) {
    display: none;
  }
}

body,
.ui-toolkit body {
  background-color: var(--clg-color-sem-background-elevation-0, #faf8f5);
  padding-bottom: 0;
}

.prepended-background-shape {
  overflow: hidden;
}

.prepended-background-shape svg {
  height: var(--clg-dimension-pal-size-500, 30px);
  display: block;
}

.responsive-disabled.desktop-footer {
  min-width: 1024px;
  margin-bottom: -10px;
  margin-left: -10px;
  margin-right: -10px;
}

.responsive-disabled.desktop-footer.cart-footer {
  min-width: auto;
}

.background-shape-overlap {
  margin-bottom: calc(-1 * var(--clg-dimension-pal-spacing-500, 30px));
  padding-bottom: var(--clg-dimension-pal-spacing-800, 48px);
}

.mission-control-page-footer {
  height: 63px;
}

body.is-etsy-app .site-footer-tagline-links {
  display: none;
}

body.is-etsy-app .chrome-footer,
body.is-etsy-app .chrome-footer--ehi,
body.is-etsy-app [data-region="shop-manager-toolbar"],
body.is-etsy-app div.page-heading p.align-with-btn,
body.is-etsy-app div.alert-notice-lighter a {
  display: none !important;
}

@media only screen and (min-width: 640px) {
  .country-picker-col-space {
    margin-right: 77px;
  }
}

.chrome-footer--ehi {
  --chrome-footer__background: var(--clg-color-sem-background-elevation-neg1);
  --chrome-footer__padding-top: 0;
  --chrome-footer__final__background: var(
    --clg-color-sem-background-elevation-neg1
  );
  --chrome-footer__final__border-top: 1px solid
    var(--clg-color-sem-border-divider);
  background: var(--chrome-footer__background);
  padding-top: var(--chrome-footer__padding-top);
  margin-left: auto;
  margin-right: auto;
}

.chrome-footer--ehi#collage-footer {
  text-align: left;
  margin-top: 0;
}

.chrome-footer--ehi .chrome-footer__extra-links-app-container {
  color: var(--clg-color-sem-text-on-surface-dark, #faf8f5);
  max-width: 1400px;
  margin: 0 auto;
  overflow: hidden;
}

@media only screen and (min-width: 900px) {
  .chrome-footer--ehi .chrome-footer__extra-links-app-container {
    flex-direction: row-reverse;
    display: flex;
  }
}

.chrome-footer--ehi .chrome-footer__extra-links {
  padding: var(--clg-dimension-pal-spacing-200, 12px);
  flex: 2;
  overflow-x: hidden;
}

@media only screen and (min-width: 480px) {
  .chrome-footer--ehi .chrome-footer__extra-links {
    padding-left: var(--clg-dimension-pal-spacing-400, 24px);
  }
}

@media only screen and (min-width: 640px) {
  .chrome-footer--ehi .chrome-footer__extra-links {
    padding: var(--clg-dimension-pal-spacing-600, 36px);
    padding-bottom: var(--clg-dimension-pal-size-400, 24px);
  }
}

.chrome-footer--ehi .chrome-footer__app-link {
  background: var(--clg-color-sem-background-surface-expressive-purple-darker);
  align-items: center;
  gap: var(--clg-dimension-pal-spacing-300, 18px);
  padding: var(--clg-dimension-pal-spacing-300, 18px)
    var(--clg-dimension-pal-spacing-600, 36px);
  flex: 1;
  justify-content: center;
  display: flex;
}

@media only screen and (min-width: 900px) {
  .chrome-footer--ehi .chrome-footer__app-link {
    flex-direction: column;
    display: flex;
  }
}

@media screen and (min-width: 1400px) and (max-width: 1500px) {
  .chrome-footer--ehi .chrome-footer__app-link {
    --extra-panel-width: calc((100dvw - 1400px) / 2);
    position: relative;
  }

  .chrome-footer--ehi .chrome-footer__app-link:after {
    background: inherit;
    content: "";
    width: var(--extra-panel-width);
    height: 100%;
    display: block;
    position: absolute;
    right: 100%;
  }

  .chrome-footer--ehi .chrome-footer__app-link > * {
    transform: translate(calc(-1 * var(--extra-panel-width) / 2), 0);
  }
}

.chrome-footer--ehi .chrome-footer__app-link__logo {
  border-radius: var(--clg-shape-sem-border-radius-base, 8px);
}

.chrome-footer--ehi .chrome-footer__app-link__logo .wt-icon {
  background: var(--clg-color-pal-new-orange-500, #f1641e);
  border-radius: var(--clg-shape-sem-border-radius-base, 8px);
  padding: var(--clg-dimension-pal-spacing-100, 6px);
  width: auto;
  height: auto;
}

.chrome-footer--ehi .chrome-footer__app-link__logo svg {
  fill: var(--clg-color-sem-text-on-surface-dark, #faf8f5);
  height: var(--clg-dimension-sem-icon-core-largest, 48px);
  width: var(--clg-dimension-sem-icon-core-largest, 48px);
}

@media only screen and (min-width: 900px) {
  .chrome-footer--ehi .chrome-footer__app-link__logo svg {
    height: var(--clg-dimension-sem-icon-brand-smallest, 60px);
    width: var(--clg-dimension-sem-icon-brand-smallest, 60px);
  }
}

.chrome-footer--ehi .chrome-footer__app-link__button {
  background: var(
    --clg-color-sem-background-surface-expressive-blue-dark,
    #545a78
  );
}

.chrome-footer--ehi .chrome-footer__app-link__button,
.chrome-footer--ehi .chrome-footer__app-link__button:hover {
  color: var(--clg-color-sem-text-on-surface-dark, #faf8f5);
}

.chrome-footer--ehi .chrome-footer__final-container {
  background: var(--chrome-footer__final__background);
  border-top: var(--chrome-footer__final__border-top);
}

.chrome-footer--ehi #locale-picker-trigger span:last-child {
  color: var(--clg-color-sem-text-primary, #312b36);
}

.chrome-footer--ehi .chrome-footer__social-links clg-logo {
  width: var(--clg-dimension-pal-grid-400, 32px);
}

.chrome-footer--ehi .chrome-footer__heading h2 {
  max-width: 11em;
}

.chrome-footer--ehi .chrome-footer__heading clg-logo {
  height: var(--clg-dimension-pal-grid-800, 64px);
  width: var(--clg-dimension-pal-grid-800, 64px);
}

.chrome-footer--ehi .chrome-footer__illustration {
  bottom: calc(var(--clg-dimension-pal-grid-100, 8px) * -8.5);
  position: absolute;
  right: 0;
}

.chrome-footer--ehi .chrome-footer__regions button {
  text-decoration: none;
}

.chrome-footer--ehi .chrome-footer__regions button:hover {
  text-decoration: underline;
}

.chrome-footer--ehi .chrome-footer__bottom-links {
  justify-content: flex-end;
  align-items: center;
}

@media only screen and (min-width: 0) and (max-width: 899px) {
  .chrome-footer--ehi .chrome-footer__bottom-links {
    justify-content: center;
    align-items: flex-start;
  }
}

.chrome-footer--ehi .app-store-badge {
  border-radius: var(--clg-shape-sem-border-radius-smaller, 4px);
  text-indent: -9999px;
  background-size: 100%;
  width: 135px;
  height: 40px;
  display: inline-block;
  overflow: hidden;
}

.chrome-footer--ehi .app-store-badge-apple {
  background-image: url(/assets/dist/images/app-store-badges/apple/en_app_store.20250620165225.png);
}

@media (min-device-pixel-ratio: 1.3),
  (-webkit-min-device-pixel-ratio: 1.3),
  (min-resolution: 1.3dppx) {
  .chrome-footer--ehi .app-store-badge-apple {
    background-image: url(/assets/dist/images/app-store-badges/apple/en_app_store@2x.20250620165225.png);
  }
}

.chrome-footer--ehi .app-store-badge-google {
  background-image: url(/assets/dist/images/app-store-badges/google/en_play_store.20250620165225.png);
}

@media (min-device-pixel-ratio: 1.3),
  (-webkit-min-device-pixel-ratio: 1.3),
  (min-resolution: 1.3dppx) {
  .chrome-footer--ehi .app-store-badge-google {
    background-image: url(/assets/dist/images/app-store-badges/google/en_play_store@2x.20250620165225.png);
  }
}

html[lang|="de"] .chrome-footer--ehi .app-store-badge-apple {
  background-image: url(/assets/dist/images/app-store-badges/apple/de_app_store.20250620165225.png);
}

@media (min-device-pixel-ratio: 1.3),
  (-webkit-min-device-pixel-ratio: 1.3),
  (min-resolution: 1.3dppx) {
  html[lang|="de"] .chrome-footer--ehi .app-store-badge-apple {
    background-image: url(/assets/dist/images/app-store-badges/apple/de_app_store@2x.20250620165225.png);
  }
}

html[lang|="de"] .chrome-footer--ehi .app-store-badge-google {
  background-image: url(/assets/dist/images/app-store-badges/google/de_play_store.20250620165225.png);
}

@media (min-device-pixel-ratio: 1.3),
  (-webkit-min-device-pixel-ratio: 1.3),
  (min-resolution: 1.3dppx) {
  html[lang|="de"] .chrome-footer--ehi .app-store-badge-google {
    background-image: url(/assets/dist/images/app-store-badges/google/de_play_store@2x.20250620165225.png);
  }
}

html[lang|="es"] .chrome-footer--ehi .app-store-badge-apple {
  background-image: url(/assets/dist/images/app-store-badges/apple/es_app_store.20250620165225.png);
}

@media (min-device-pixel-ratio: 1.3),
  (-webkit-min-device-pixel-ratio: 1.3),
  (min-resolution: 1.3dppx) {
  html[lang|="es"] .chrome-footer--ehi .app-store-badge-apple {
    background-image: url(/assets/dist/images/app-store-badges/apple/es_app_store@2x.20250620165225.png);
  }
}

html[lang|="es"] .chrome-footer--ehi .app-store-badge-google {
  background-image: url(/assets/dist/images/app-store-badges/google/es_play_store.20250620165225.png);
}

@media (min-device-pixel-ratio: 1.3),
  (-webkit-min-device-pixel-ratio: 1.3),
  (min-resolution: 1.3dppx) {
  html[lang|="es"] .chrome-footer--ehi .app-store-badge-google {
    background-image: url(/assets/dist/images/app-store-badges/google/es_play_store@2x.20250620165225.png);
  }
}

html[lang|="fr"] .chrome-footer--ehi .app-store-badge-apple {
  background-image: url(/assets/dist/images/app-store-badges/apple/fr_app_store.20250620165225.png);
}

@media (min-device-pixel-ratio: 1.3),
  (-webkit-min-device-pixel-ratio: 1.3),
  (min-resolution: 1.3dppx) {
  html[lang|="fr"] .chrome-footer--ehi .app-store-badge-apple {
    background-image: url(/assets/dist/images/app-store-badges/apple/fr_app_store@2x.20250620165225.png);
  }
}

html[lang|="fr"] .chrome-footer--ehi .app-store-badge-google {
  background-image: url(/assets/dist/images/app-store-badges/google/fr_play_store.20250620165225.png);
}

@media (min-device-pixel-ratio: 1.3),
  (-webkit-min-device-pixel-ratio: 1.3),
  (min-resolution: 1.3dppx) {
  html[lang|="fr"] .chrome-footer--ehi .app-store-badge-google {
    background-image: url(/assets/dist/images/app-store-badges/google/fr_play_store@2x.20250620165225.png);
  }
}

html[lang|="it"] .chrome-footer--ehi .app-store-badge-apple {
  background-image: url(/assets/dist/images/app-store-badges/apple/it_app_store.20250620165225.png);
}

@media (min-device-pixel-ratio: 1.3),
  (-webkit-min-device-pixel-ratio: 1.3),
  (min-resolution: 1.3dppx) {
  html[lang|="it"] .chrome-footer--ehi .app-store-badge-apple {
    background-image: url(/assets/dist/images/app-store-badges/apple/it_app_store@2x.20250620165225.png);
  }
}

html[lang|="it"] .chrome-footer--ehi .app-store-badge-google {
  background-image: url(/assets/dist/images/app-store-badges/google/it_play_store.20250620165225.png);
}

@media (min-device-pixel-ratio: 1.3),
  (-webkit-min-device-pixel-ratio: 1.3),
  (min-resolution: 1.3dppx) {
  html[lang|="it"] .chrome-footer--ehi .app-store-badge-google {
    background-image: url(/assets/dist/images/app-store-badges/google/it_play_store@2x.20250620165225.png);
  }
}

html[lang|="ja"] .chrome-footer--ehi .app-store-badge-apple {
  background-image: url(/assets/dist/images/app-store-badges/apple/ja_app_store.20250620165225.png);
}

@media (min-device-pixel-ratio: 1.3),
  (-webkit-min-device-pixel-ratio: 1.3),
  (min-resolution: 1.3dppx) {
  html[lang|="ja"] .chrome-footer--ehi .app-store-badge-apple {
    background-image: url(/assets/dist/images/app-store-badges/apple/ja_app_store@2x.20250620165225.png);
  }
}

html[lang|="ja"] .chrome-footer--ehi .app-store-badge-google {
  background-image: url(/assets/dist/images/app-store-badges/google/ja_play_store.20250620165225.png);
}

@media (min-device-pixel-ratio: 1.3),
  (-webkit-min-device-pixel-ratio: 1.3),
  (min-resolution: 1.3dppx) {
  html[lang|="ja"] .chrome-footer--ehi .app-store-badge-google {
    background-image: url(/assets/dist/images/app-store-badges/google/ja_play_store@2x.20250620165225.png);
  }
}

html[lang|="nl"] .chrome-footer--ehi .app-store-badge-apple {
  background-image: url(/assets/dist/images/app-store-badges/apple/nl_app_store.20250620165225.png);
}

@media (min-device-pixel-ratio: 1.3),
  (-webkit-min-device-pixel-ratio: 1.3),
  (min-resolution: 1.3dppx) {
  html[lang|="nl"] .chrome-footer--ehi .app-store-badge-apple {
    background-image: url(/assets/dist/images/app-store-badges/apple/nl_app_store@2x.20250620165225.png);
  }
}

html[lang|="nl"] .chrome-footer--ehi .app-store-badge-google {
  background-image: url(/assets/dist/images/app-store-badges/google/nl_play_store.20250620165225.png);
}

@media (min-device-pixel-ratio: 1.3),
  (-webkit-min-device-pixel-ratio: 1.3),
  (min-resolution: 1.3dppx) {
  html[lang|="nl"] .chrome-footer--ehi .app-store-badge-google {
    background-image: url(/assets/dist/images/app-store-badges/google/nl_play_store@2x.20250620165225.png);
  }
}

html[lang|="pl"] .chrome-footer--ehi .app-store-badge-apple {
  background-image: url(/assets/dist/images/app-store-badges/apple/pl_app_store.20250620165225.png);
}

@media (min-device-pixel-ratio: 1.3),
  (-webkit-min-device-pixel-ratio: 1.3),
  (min-resolution: 1.3dppx) {
  html[lang|="pl"] .chrome-footer--ehi .app-store-badge-apple {
    background-image: url(/assets/dist/images/app-store-badges/apple/pl_app_store@2x.20250620165225.png);
  }
}

html[lang|="pl"] .chrome-footer--ehi .app-store-badge-google {
  background-image: url(/assets/dist/images/app-store-badges/google/pl_play_store.20250620165225.png);
}

@media (min-device-pixel-ratio: 1.3),
  (-webkit-min-device-pixel-ratio: 1.3),
  (min-resolution: 1.3dppx) {
  html[lang|="pl"] .chrome-footer--ehi .app-store-badge-google {
    background-image: url(/assets/dist/images/app-store-badges/google/pl_play_store@2x.20250620165225.png);
  }
}

html[lang|="pt"] .chrome-footer--ehi .app-store-badge-apple {
  background-image: url(/assets/dist/images/app-store-badges/apple/pt_app_store.20250620165225.png);
}

@media (min-device-pixel-ratio: 1.3),
  (-webkit-min-device-pixel-ratio: 1.3),
  (min-resolution: 1.3dppx) {
  html[lang|="pt"] .chrome-footer--ehi .app-store-badge-apple {
    background-image: url(/assets/dist/images/app-store-badges/apple/pt_app_store@2x.20250620165225.png);
  }
}

html[lang|="pt"] .chrome-footer--ehi .app-store-badge-google {
  background-image: url(/assets/dist/images/app-store-badges/google/pt_play_store.20250620165225.png);
}

@media (min-device-pixel-ratio: 1.3),
  (-webkit-min-device-pixel-ratio: 1.3),
  (min-resolution: 1.3dppx) {
  html[lang|="pt"] .chrome-footer--ehi .app-store-badge-google {
    background-image: url(/assets/dist/images/app-store-badges/google/pt_play_store@2x.20250620165225.png);
  }
}

html[lang|="ru"] .chrome-footer--ehi .app-store-badge-apple {
  background-image: url(/assets/dist/images/app-store-badges/apple/ru_app_store.20250620165225.png);
}

@media (min-device-pixel-ratio: 1.3),
  (-webkit-min-device-pixel-ratio: 1.3),
  (min-resolution: 1.3dppx) {
  html[lang|="ru"] .chrome-footer--ehi .app-store-badge-apple {
    background-image: url(/assets/dist/images/app-store-badges/apple/ru_app_store@2x.20250620165225.png);
  }
}

html[lang|="ru"] .chrome-footer--ehi .app-store-badge-google {
  background-image: url(/assets/dist/images/app-store-badges/google/ru_play_store.20250620165225.png);
}

@media (min-device-pixel-ratio: 1.3),
  (-webkit-min-device-pixel-ratio: 1.3),
  (min-resolution: 1.3dppx) {
  html[lang|="ru"] .chrome-footer--ehi .app-store-badge-google {
    background-image: url(/assets/dist/images/app-store-badges/google/ru_play_store@2x.20250620165225.png);
  }
}

.chrome-footer--ehi.chrome-footer--light {
  --chrome-footer__background: none;
  --chrome-footer__padding-top: var(--clg-dimension-pal-spacing-400, 24px);
  --chrome-footer__final__background: none;
  --chrome-footer__final__border-top: 1px solid
    var(--clg-color-sem-border-divider, #e0dad6);
}

@media only screen and (min-width: 900px) {
  .is-mission-control .chrome-footer--ehi.chrome-footer--light {
    display: block !important;
  }
}

.privacySettings__section {
  border-top: 1px solid var(--clg-color-sem-border-divider, #e0dad6);
  padding: var(--clg-dimension-pal-spacing-100, 6px) 0;
  font-family: var(
    --clg-typography-pal-family-sans-serif-regular,
    "ABCDiatype",
    "-apple-system",
    "Helvetica Neue",
    "Droid Sans",
    "Arial",
    "sans-serif"
  );
  flex-wrap: wrap;
  display: flex;
}

.privacySettings__section.privacySettings__section--first {
  border-top: 0;
  padding-top: 0;
}

.privacySettings__section h2 {
  font-family: var(
    --clg-typography-pal-family-sans-serif-regular,
    "ABCDiatype",
    "-apple-system",
    "Helvetica Neue",
    "Droid Sans",
    "Arial",
    "sans-serif"
  );
  flex: 1;
  order: -1;
  font-size: 16px;
}

.privacySettings__section p {
  flex-basis: 100%;
  margin-bottom: 12px;
}

.privacySettings__section ul {
  margin-bottom: 12px;
  margin-left: 6px;
}

.privacySettings__section p + ul {
  margin-top: -6px;
}

.privacySettings h2,
.privacySettings__toggleLabel,
.privacySettings__toggle {
  margin: 12px 0;
}

.privacySettings__toggleLabel {
  color: var(--clg-color-sem-text-secondary, #665e5c);
  align-self: center;
  padding-right: 12px;
}

.privacySettings__toggle {
  margin-bottom: 0;
}

.privacySettings a,
.ui-toolkit .privacySettings a,
.ui-toolkit [data-privacy-update-notice-may-2018] a,
.ui-toolkit [data-privacy-update-notice-may-2018] a:link,
[data-privacy-update-notice-may-2018] a,
[data-privacy-update-notice-may-2018] a:link {
  color: var(--clg-color-sem-text-secondary, #665e5c);
  text-decoration: underline;
}

[data-gdpr-single-choice-overlay] .gdpr-overlay-mask {
  z-index: 80;
  -webkit-overflow-scrolling: touch;
  background-color: #00000080;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-x: hidden;
}

[data-gdpr-single-choice-overlay] .nova-widget-content {
  font-family: var(
    --clg-typography-pal-family-sans-serif-regular,
    "ABCDiatype",
    "-apple-system",
    "Helvetica Neue",
    "Droid Sans",
    "Arial",
    "sans-serif"
  );
}

[data-gdpr-single-choice-overlay] .nova-widget-content h1 {
  font-family: var(
    --clg-typography-pal-family-sans-serif-regular,
    "ABCDiatype",
    "-apple-system",
    "Helvetica Neue",
    "Droid Sans",
    "Arial",
    "sans-serif"
  );
  padding-bottom: var(--clg-dimension-pal-spacing-100, 6px);
  font-size: 14px;
}

[data-gdpr-single-choice-overlay] .nova-widget-content p {
  margin: 0 0 12px;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.71429;
}

[data-gdpr-single-choice-overlay] a {
  color: var(--clg-color-sem-text-secondary, #665e5c);
  text-decoration: underline;
}

@media (max-device-width: 320px) {
  [data-gdpr-single-choice-overlay] .gdpr-overlay-illustration {
    display: none;
  }
}

@media only screen and (min-width: 640px) {
  [data-gdpr-single-choice-overlay-redux] .wt-overlay__modal {
    max-width: 800px;
    margin-bottom: auto !important;
  }
}

[data-gdpr-single-choice-overlay-redux] .wt-btn {
  margin-bottom: 0 !important;
}

[data-gdpr-single-choice-overlay-redux] .wt-overlay__footer {
  flex-direction: column;
  gap: 20px;
}

@media only screen and (min-width: 640px) {
  [data-gdpr-single-choice-overlay-redux] .wt-overlay__footer {
    flex-direction: row;
  }
}

[data-gdpr-single-choice-overlay-redux] .nova-widget-content-redux {
  font-family: var(
    --clg-typography-pal-family-sans-serif-regular,
    "ABCDiatype",
    "-apple-system",
    "Helvetica Neue",
    "Droid Sans",
    "Arial",
    "sans-serif"
  );
}

[data-gdpr-single-choice-overlay-redux] .nova-widget-content-redux h1 {
  margin-bottom: var(--clg-dimension-pal-spacing-100, 6px);
  font-size: 16px;
  line-height: 1.75;
}

[data-gdpr-single-choice-overlay-redux] .nova-widget-content-redux p {
  font-size: 16px;
  line-height: 1.5;
}

clg-profile-avatar {
  height: var(
    --clg-avatar-host-size,
    var(--clg-dimension-app-avatar-base-size, 48px)
  );
  width: var(
    --clg-avatar-host-size,
    var(--clg-dimension-app-avatar-base-size, 48px)
  );
  display: inline-block;
}

clg-profile-avatar[size="smallest"] {
  --clg-avatar-host-size: var(--clg-dimension-app-avatar-smallest-size, 24px);
}

clg-profile-avatar[size="smaller"] {
  --clg-avatar-host-size: var(--clg-dimension-app-avatar-smaller-size, 32px);
}

clg-profile-avatar[size="larger"] {
  --clg-avatar-host-size: var(--clg-dimension-app-avatar-larger-size, 64px);
}

clg-profile-avatar[size="largest"] {
  --clg-avatar-host-size: var(--clg-dimension-app-avatar-largest-size, 96px);
}

clg-shop-avatar {
  --clg-shop-avatar-size: var(--clg-dimension-app-avatar-base-size, 48px);
  width: var(--clg-shop-avatar-size);
  height: var(--clg-shop-avatar-size);
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

clg-shop-avatar[size="smaller"] {
  --clg-shop-avatar-size: var(--clg-dimension-app-avatar-smaller-size, 32px);
}

clg-shop-avatar[size="larger"] {
  --clg-shop-avatar-size: var(--clg-dimension-app-avatar-larger-size, 64px);
}

clg-shop-avatar[size="largest"] {
  --clg-shop-avatar-size: var(--clg-dimension-app-avatar-largest-size, 96px);
}

clg-icon {
  height: var(--clg-icon-size, var(--clg-dimension-sem-icon-core-base, 24px));
  width: var(--clg-icon-size, var(--clg-dimension-sem-icon-core-base, 24px));
  vertical-align: middle;
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

clg-icon[size="smallest"] {
  --clg-icon-size: var(--clg-dimension-sem-icon-core-smallest, 12px);
}

clg-icon[size="smaller"] {
  --clg-icon-size: var(--clg-dimension-sem-icon-core-smaller, 16px);
}

clg-icon[size="larger"] {
  --clg-icon-size: var(--clg-dimension-sem-icon-core-larger, 32px);
}

clg-icon[size="largest"] {
  --clg-icon-size: var(--clg-dimension-sem-icon-core-largest, 48px);
}

clg-brand-icon {
  vertical-align: middle;
  height: var(--clg-icon-size, var(--clg-dimension-sem-icon-brand-base, 96px));
  width: var(--clg-icon-size, var(--clg-dimension-sem-icon-brand-base, 96px));
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

clg-brand-icon[size="smallest"] {
  --clg-icon-container-size: var(
    --clg-dimension-sem-icon-brand-container-smallest,
    96px
  );
  --clg-icon-size: var(--clg-dimension-sem-icon-brand-smallest, 60px);
}

clg-brand-icon[size="smaller"] {
  --clg-icon-container-size: var(
    --clg-dimension-sem-icon-brand-container-smaller,
    120px
  );
  --clg-icon-size: var(--clg-dimension-sem-icon-brand-smaller, 84px);
}

clg-brand-icon[size="larger"] {
  --clg-icon-container-size: var(
    --clg-dimension-sem-icon-brand-container-larger,
    168px
  );
  --clg-icon-size: var(--clg-dimension-sem-icon-brand-larger, 108px);
}

clg-brand-icon[size="largest"] {
  --clg-icon-container-size: var(
    --clg-dimension-sem-icon-brand-container-largest,
    192px
  );
  --clg-icon-size: var(--clg-dimension-sem-icon-brand-largest, 120px);
}

clg-logo {
  vertical-align: middle;
  height: var(--clg-dimension-sem-icon-core-base, 24px);
  justify-content: center;
  align-items: center;
  width: auto;
  display: inline-flex;
}

clg-shape {
  vertical-align: middle;
  height: var(
    --clg-shape-size,
    var(--clg-dimension-app-avatar-base-size, 48px)
  );
  width: var(--clg-shape-size, var(--clg-dimension-app-avatar-base-size, 48px));
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: relative;
}

clg-shape[size="larger"] {
  --clg-shape-size: var(--clg-dimension-app-avatar-larger-size, 64px);
}

clg-shape[size="largest"] {
  --clg-shape-size: var(--clg-dimension-app-avatar-largest-size, 96px);
}

clg-feature-illustration,
clg-spot-illustration {
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  display: flex;
}

clg-feature-illustration {
  height: var(
    --clg-illustration-size,
    var(--clg-dimension-app-feature-illustration-base-size, 184px)
  );
  width: var(
    --clg-illustration-size,
    var(--clg-dimension-app-feature-illustration-base-size, 184px)
  );
  padding: var(
    --clg-illustration-padding,
    var(--clg-dimension-pal-spacing-400, 24px)
  );
}

clg-feature-illustration[size="large"] {
  --clg-illustration-size: var(
    --clg-dimension-app-feature-illustration-large-size,
    240px
  );
}

clg-feature-illustration[not-padded] {
  padding: 0;
}

clg-spot-illustration {
  height: var(
    --clg-illustration-size,
    var(--clg-dimension-app-spot-illustration-base-size, 96px)
  );
  width: var(
    --clg-illustration-size,
    var(--clg-dimension-app-spot-illustration-base-size, 96px)
  );
}

clg-spot-illustration[size="smallest"] {
  --clg-illustration-size: var(
    --clg-dimension-app-spot-illustration-smallest-size,
    56px
  );
}

clg-spot-illustration[size="small"] {
  --clg-illustration-size: var(
    --clg-dimension-app-spot-illustration-small-size,
    80px
  );
}

clg-spot-illustration[size="large"] {
  --clg-illustration-size: var(
    --clg-dimension-app-spot-illustration-large-size,
    112px
  );
}

clg-spot-illustration[size="largest"] {
  --clg-illustration-size: var(
    --clg-dimension-app-spot-illustration-largest-size,
    120px
  );
}

clg-spot-illustration:not([fill-color]) {
  color: var(--clg-color-sem-text-primary, #312b36);
}

:where(clg-focusable-scroll-container) {
  --clg-focus-ring-offset: 0;
  display: block;
}

:host([pseudo-focus]) :where(clg-focusable-scroll-container) {
  outline: var(
      --clg-focus-ring-width,
      var(--clg-shape-sem-border-width-focused, 2px)
    )
    solid
    var(--clg-focus-ring-color, var(--clg-color-sem-border-focused, #426bdb));
  outline-offset: var(
    --clg-focus-ring-offset,
    var(--clg-shape-sem-border-width-focused, 2px)
  );
}

:where(clg-focusable-scroll-container):focus {
  outline: var(
      --clg-focus-ring-width,
      var(--clg-shape-sem-border-width-focused, 2px)
    )
    solid
    var(--clg-focus-ring-color, var(--clg-color-sem-border-focused, #426bdb));
  outline-offset: var(
    --clg-focus-ring-offset,
    var(--clg-shape-sem-border-width-focused, 2px)
  );
}

:host([pseudo-focus-visible]) :where(clg-focusable-scroll-container) {
  outline: var(
      --clg-focus-ring-width,
      var(--clg-shape-sem-border-width-focused, 2px)
    )
    solid
    var(--clg-focus-ring-color, var(--clg-color-sem-border-focused, #426bdb));
  outline-offset: var(
    --clg-focus-ring-offset,
    var(--clg-shape-sem-border-width-focused, 2px)
  );
}

:where(clg-focusable-scroll-container):focus-visible {
  outline: var(
      --clg-focus-ring-width,
      var(--clg-shape-sem-border-width-focused, 2px)
    )
    solid
    var(--clg-focus-ring-color, var(--clg-color-sem-border-focused, #426bdb));
  outline-offset: var(
    --clg-focus-ring-offset,
    var(--clg-shape-sem-border-width-focused, 2px)
  );
}

:host([pseudo-focus])
  :where(clg-focusable-scroll-container):not(:focus-visible) {
  outline: none;
}

:where(clg-focusable-scroll-container):focus:not(:focus-visible) {
  outline: none;
}

[data-clg-mode="dark"] {
  container: clg-dark-mode/inline-size;
}

.clg-trigger--underline {
  text-underline-position: under;
  -webkit-text-decoration: underline dashed;
  text-decoration: underline dashed;
  -webkit-text-decoration-color: inherit;
  text-decoration-color: inherit;
  cursor: help;
  font: inherit;
  color: inherit;
  background: 0 0;
  border: none;
  padding: 0;
}

:root {
  --clg-global-styles-loaded: 1;
}

:not(:defined):not([data-no-fouce]) {
  animation: 2s step-end hideBriefly;
}