:root { --clg-typography-sem-product-body-mobile-smallest-line-height: 12.1px; --clg-typography-sem-product-body-mobile-smallest-font-family: "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"; --clg-typography-sem-product-body-mobile-smaller-line-height: 14.4px; --clg-typography-sem-product-body-mobile-smaller-font-family: "Graphik Webfont", "-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-line-height: 18.19px; --clg-typography-sem-product-body-mobile-small-font-family: "Graphik Webfont", "-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-line-height: 27.2px; --clg-typography-sem-product-body-mobile-base-font-family: "Graphik Webfont", "-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-line-height: 30.41px; --clg-typography-sem-product-body-mobile-large-font-family: "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"; --clg-typography-sem-product-body-desktop-smallest-line-height: 12.1px; --clg-typography-sem-product-body-desktop-smallest-font-family: "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"; --clg-typography-sem-product-body-desktop-smaller-line-height: 14.4px; --clg-typography-sem-product-body-desktop-smaller-font-family: "Graphik Webfont", "-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-line-height: 18.19px; --clg-typography-sem-product-body-desktop-small-font-family: "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"; --clg-typography-sem-product-body-desktop-base-tight-line-height: 24px; --clg-typography-sem-product-body-desktop-base-line-height: 27.2px; --clg-typography-sem-product-body-desktop-base-font-family: "Graphik Webfont", "-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-line-height: 34.21px; --clg-typography-sem-product-body-desktop-large-font-family: "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"; --clg-typography-sem-product-title-mobile-smallest-line-height: 12.1px; --clg-typography-sem-product-title-mobile-smallest-font-family: "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"; --clg-typography-sem-product-title-mobile-smaller-line-height: 16.89px; --clg-typography-sem-product-title-mobile-smaller-font-family: "Graphik Webfont", "-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-small-line-height: 18.19px; --clg-typography-sem-product-title-mobile-small-font-family: "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"; --clg-typography-sem-product-title-mobile-base-line-height: 20px; --clg-typography-sem-product-title-mobile-base-font-family: "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"; --clg-typography-sem-product-title-mobile-large-tight-line-height: 19.8px; --clg-typography-sem-product-title-mobile-large-line-height: 24.3px; --clg-typography-sem-product-title-mobile-large-font-family: "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"; --clg-typography-sem-product-title-mobile-larger-line-height: 32.4px; --clg-typography-sem-product-title-mobile-larger-font-family: "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"; --clg-typography-sem-product-title-desktop-smallest-line-height: 12.1px; --clg-typography-sem-product-title-desktop-smallest-font-family: "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"; --clg-typography-sem-product-title-desktop-smaller-line-height: 16.89px; --clg-typography-sem-product-title-desktop-smaller-font-family: "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"; --clg-typography-sem-product-title-desktop-small-tight-line-height: 15.59px; --clg-typography-sem-product-title-desktop-small-line-height: 18.19px; --clg-typography-sem-product-title-desktop-small-font-family: "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"; --clg-typography-sem-product-title-desktop-base-line-height: 20px; --clg-typography-sem-product-title-desktop-base-font-family: "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"; --clg-typography-sem-product-title-desktop-large-tight-line-height: 20.91px; --clg-typography-sem-product-title-desktop-large-line-height: 26.61px; --clg-typography-sem-product-title-desktop-large-font-family: "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"; --clg-typography-sem-product-title-desktop-larger-line-height: 35.11px; --clg-typography-sem-product-title-desktop-larger-font-family: "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"; --clg-typography-sem-product-heading-mobile-small-tight-line-height: 22.81px; --clg-typography-sem-product-heading-mobile-small-line-height: 30.41px; --clg-typography-sem-product-heading-mobile-small-font-family: "Guardian-EgypTT", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light", "Droid Serif", "Georgia", "serif"; --clg-typography-sem-product-heading-mobile-base-line-height: 27.6px; --clg-typography-sem-product-heading-mobile-base-font-family: "Guardian-EgypTT", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light", "Droid Serif", "Georgia", "serif"; --clg-typography-sem-product-heading-mobile-large-line-height: 34.11px; --clg-typography-sem-product-heading-mobile-large-font-family: "Guardian-EgypTT", "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-line-height: 39.99px; --clg-typography-sem-product-heading-desktop-small-font-family: "Guardian-EgypTT", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light", "Droid Serif", "Georgia", "serif"; --clg-typography-sem-product-heading-desktop-base-line-height: 34.11px; --clg-typography-sem-product-heading-desktop-base-font-family: "Guardian-EgypTT", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light", "Droid Serif", "Georgia", "serif"; --clg-typography-sem-product-heading-desktop-large-line-height: 46.2px; --clg-typography-sem-product-heading-desktop-large-font-family: "Guardian-EgypTT", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light", "Droid Serif", "Georgia", "serif"; --clg-typography-sem-product-display-mobile-base-line-height: 36.76px; --clg-typography-sem-product-display-mobile-base-font-family: "Guardian-EgypTT", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light", "Droid Serif", "Georgia", "serif"; --clg-typography-sem-product-display-mobile-large-line-height: 51.01px; --clg-typography-sem-product-display-mobile-large-font-family: "Guardian-EgypTT", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light", "Droid Serif", "Georgia", "serif"; --clg-typography-sem-product-display-mobile-larger-line-height: 59.01px; --clg-typography-sem-product-display-mobile-larger-font-family: "Guardian-EgypTT", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light", "Droid Serif", "Georgia", "serif"; --clg-typography-sem-product-display-desktop-base-line-height: 53.56px; --clg-typography-sem-product-display-desktop-base-font-family: "Guardian-EgypTT", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light", "Droid Serif", "Georgia", "serif"; --clg-typography-sem-product-display-desktop-large-line-height: 71.01px; --clg-typography-sem-product-display-desktop-large-font-family: "Guardian-EgypTT", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light", "Droid Serif", "Georgia", "serif"; --clg-typography-sem-product-display-desktop-larger-line-height: 80.99px; --clg-typography-sem-product-display-desktop-larger-font-family: "Guardian-EgypTT", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light", "Droid Serif", "Georgia", "serif"; --clg-typography-pal-letter-spacing-025: -.05; --clg-typography-pal-letter-spacing-900: .02; --clg-typography-pal-letter-spacing-850: .0175; --clg-typography-pal-letter-spacing-800: .015; --clg-typography-pal-letter-spacing-750: .0125; --clg-typography-pal-letter-spacing-700: .01; --clg-typography-pal-letter-spacing-650: .0075; --clg-typography-pal-letter-spacing-600: .005; --clg-typography-pal-letter-spacing-550: .0025; --clg-typography-pal-letter-spacing-500: 0; --clg-typography-pal-letter-spacing-450: -.0025; --clg-typography-pal-letter-spacing-400: -.005; --clg-typography-pal-letter-spacing-350: -.0075; --clg-typography-pal-letter-spacing-300: -.01; --clg-typography-pal-letter-spacing-250: -.0125; --clg-typography-pal-letter-spacing-200: -.015; --clg-typography-pal-letter-spacing-150: -.0175; --clg-typography-pal-letter-spacing-100: -.02; --clg-typography-pal-emphasis-size-100: 1.032; --clg-typography-pal-size-075: 15.01px; --clg-typography-pal-size-050: 14px; --clg-typography-pal-size-025: 12.99px; --clg-typography-pal-size-000: 12px; --clg-typography-pal-size-0000: 11px; --clg-typography-pal-size-1000: 84px; --clg-typography-pal-size-900: 98.88px; --clg-typography-pal-size-875: 95.52px; --clg-typography-pal-size-850: 92.16px; --clg-typography-pal-size-825: 88.8px; --clg-typography-pal-size-800: 85.44px; --clg-typography-pal-size-775: 82.08px; --clg-typography-pal-size-750: 80.99px; --clg-typography-pal-size-725: 76px; --clg-typography-pal-size-700: 71.01px; --clg-typography-pal-size-675: 67.01px; --clg-typography-pal-size-650: 64.83px; --clg-typography-pal-size-625: 62px; --clg-typography-pal-size-600: 59.01px; --clg-typography-pal-size-575: 55.01px; --clg-typography-pal-size-550: 51.01px; --clg-typography-pal-size-525: 48px; --clg-typography-pal-size-500: 44.99px; --clg-typography-pal-size-475: 42px; --clg-typography-pal-size-450: 40px; --clg-typography-pal-size-425: 36.99px; --clg-typography-pal-size-400: 35.01px; --clg-typography-pal-size-375: 32.99px; --clg-typography-pal-size-350: 31.01px; --clg-typography-pal-size-325: 28.99px; --clg-typography-pal-size-300: 27.01px; --clg-typography-pal-size-275: 24.99px; --clg-typography-pal-size-250: 24px; --clg-typography-pal-size-225: 22px; --clg-typography-pal-size-200: 20.99px; --clg-typography-pal-size-175: 19.01px; --clg-typography-pal-size-150: 18px; --clg-typography-pal-size-125: 16.99px; --clg-typography-pal-size-100: 16px; --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-semibold: "Graphik Webfont", "-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: "Graphik Webfont", "-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: "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"; --clg-typography-pal-family-sans-serif-letter-spacing: -.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: "Guardian-EgypTT", "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: "Guardian-EgypTT", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light", "Droid Serif", "Georgia", "serif"; --clg-typography-pal-family-serif-thin-italic: "Guardian-EgypTT", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Thin", "Droid Serif", "Georgia", "serif"; --clg-refresh-typography-pal-family-serif-bold-italic: "ABCOtto", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light", "Droid Serif", "Georgia", "serif"; --clg-refresh-typography-pal-family-serif-bold: "ABCOtto", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light", "Droid Serif", "Georgia", "serif"; --clg-refresh-typography-pal-family-serif-medium-italic: "ABCOtto", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light", "Droid Serif", "Georgia", "serif"; --clg-refresh-typography-pal-family-serif-medium: "ABCOtto", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light", "Droid Serif", "Georgia", "serif"; --clg-refresh-typography-pal-family-serif-regular-italic: "ABCOtto", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light", "Droid Serif", "Georgia", "serif"; --clg-refresh-typography-pal-family-serif-regular: "ABCOtto", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light", "Droid Serif", "Georgia", "serif"; --clg-refresh-typography-pal-family-serif-light-italic: "ABCOtto", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light", "Droid Serif", "Georgia", "serif"; --clg-refresh-typography-pal-family-serif-light: "ABCOtto", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light", "Droid Serif", "Georgia", "serif"; --clg-refresh-typography-pal-family-sans-serif-heavy-italic: "ABCDiatype", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"; --clg-refresh-typography-pal-family-sans-serif-heavy: "ABCDiatype", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"; --clg-refresh-typography-pal-family-sans-serif-bold-italic: "ABCDiatype", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"; --clg-refresh-typography-pal-family-sans-serif-bold: "ABCDiatype", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"; --clg-refresh-typography-pal-family-sans-serif-medium-italic: "ABCDiatype", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"; --clg-refresh-typography-pal-family-sans-serif-medium: "ABCDiatype", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"; --clg-refresh-typography-pal-family-sans-serif-regular-italic: "Diatype", "-apple-system", "Helvetica Neue", "Arial", "sans-serif"; --clg-refresh-typography-pal-family-sans-serif-regular: "ABCDiatype", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"; --clg-shape-sem-border-radius-full: 999999px; --clg-shape-pal-border-width-050: .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-width: 2px; --clg-shape-app-selectable-image-slash-width: 1px; --clg-shape-app-selectable-image-border-selected-outer-width: 2px; --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-outer-width: 2px; --clg-shape-app-selectable-swatch-selected-border-inner-width: 3px; --clg-shape-app-selectable-swatch-hovered-border-inner-width: 3px; --clg-shape-app-selectable-card-border-selected-inner-width: 3px; --clg-shape-app-selectable-card-border-selected-outer-width: 2px; --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-effect-sem-shadow-elevation-4: 0px 1px 5px 0px #0000004d, 0px 5px 20px 6px #00000026; --clg-effect-sem-shadow-elevation-3: 0px 1px 3px 0px #0000004d, 0px 4px 8px 3px #00000026; --clg-effect-sem-shadow-elevation-2: 0px 1px 2px 0px #0000004d, 0px 2px 6px 2px #00000026; --clg-effect-sem-shadow-elevation-1: 0px 1px 2px 0px #0000004d, 0px 1px 3px 1px #00000026; --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-700: .7s; --clg-effect-pal-duration-600: .6s; --clg-effect-pal-duration-500: .5s; --clg-effect-pal-duration-400: .4s; --clg-effect-pal-duration-300: .3s; --clg-effect-pal-duration-200: .2s; --clg-effect-pal-duration-150: .15s; --clg-effect-pal-duration-100: .1s; --clg-effect-pal-curve-symmetrical-out: cubic-bezier(.5, 0, 1, 1); --clg-effect-pal-curve-symmetrical-in: cubic-bezier(0, 0, .5, 1); --clg-effect-pal-curve-symmetrical: cubic-bezier(.5, 0, .5, 1); --clg-effect-pal-curve-long-tail: cubic-bezier(.3, 0, 0, 1); --clg-effect-pal-curve-long-out: cubic-bezier(.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-app-switch-on-color-switch-duration: 0s; --clg-effect-app-switch-off-color-switch-duration: 0s; --clg-effect-app-skeleton-ui-duration-advance: 2s; --clg-effect-app-skeleton-ui-animation: cubic-bezier(.99, .01, .54, .54); --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: .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: .6; --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-dialogs-hide-content-fade-to: 0; --clg-effect-app-dialogs-hide-content-fade-from: 1; --clg-effect-app-dialogs-hide-background-fade-to: 0; --clg-effect-app-dialogs-hide-background-fade-from: 1; --clg-effect-app-dialogs-hide-background-scale-to: .93; --clg-effect-app-dialogs-hide-background-scale-from: 1; --clg-effect-app-dialogs-show-content-fade-to: 1; --clg-effect-app-dialogs-show-content-fade-from: 0; --clg-effect-app-dialogs-show-background-fade-to: 1; --clg-effect-app-dialogs-show-background-fade-from: 0; --clg-effect-app-dialogs-show-background-scale-to: 1; --clg-effect-app-dialogs-show-background-scale-from: .93; --clg-effect-app-checkbox-unselected-scale-to: .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: .6; --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-to: .985; --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: .9; --clg-dimension-sem-spacing-button: 6px; --clg-dimension-sem-icon-core-larger: 36px; --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-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: 480px; --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: 3px; --clg-dimension-app-indicator-padding-horizontal: 6px; --clg-dimension-app-indicator-large-padding-vertical: 4px; --clg-dimension-app-indicator-large-padding-horizontal: 8px; --clg-dimension-app-indicator-large-minimum-width: 28px; --clg-dimension-app-indicator-large-minimum-height: 28px; --clg-dimension-app-indicator-dot-size: 10px; --clg-dimension-app-indicator-minimum-width: 20px; --clg-dimension-app-indicator-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-color-sem-text-brand: #f1641e; --clg-color-sem-background-surface-trust-subtle: #f1e8c8; --clg-color-sem-background-surface-selected-subtle: #0e0e0e0d; --clg-color-sem-background-surface-expressive-yellow-darker: #664f03; --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-green-darker: #404632; --clg-color-sem-background-surface-brand-dark: #f1641e; --clg-color-pal-yellow-075: #fffef7; --clg-color-pal-yellow-050: #fffef7; --clg-color-pal-yellow-950: #2b1909; --clg-color-pal-yellow-900: #563213; --clg-color-pal-yellow-850: #814c1d; --clg-color-pal-yellow-800: #b97422; --clg-color-pal-yellow-750: #f19d27; --clg-color-pal-yellow-700: #f4a931; --clg-color-pal-yellow-650: #f6b53c; --clg-color-pal-yellow-600: #f8c147; --clg-color-pal-yellow-550: #facd52; --clg-color-pal-yellow-500: #fdd95c; --clg-color-pal-yellow-450: #fde075; --clg-color-pal-yellow-400: #fee68d; --clg-color-pal-yellow-350: #feeea6; --clg-color-pal-yellow-300: #fff4bf; --clg-color-pal-yellow-250: #fffbd8; --clg-color-pal-yellow-200: #fffce0; --clg-color-pal-yellow-150: #fffde8; --clg-color-pal-yellow-100: #fffdef; --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: #fffffffa; --clg-color-pal-transparent-white-900: #fffffff2; --clg-color-pal-transparent-white-800: #ffffffeb; --clg-color-pal-transparent-white-700: #ffffffd4; --clg-color-pal-transparent-white-600: #ffffff9e; --clg-color-pal-transparent-white-550: #ffffffad; --clg-color-pal-transparent-white-500: #ffffff75; --clg-color-pal-transparent-white-400: #ffffff80; --clg-color-pal-transparent-white-350: #ffffff59; --clg-color-pal-transparent-white-200: #ffffff42; --clg-color-pal-transparent-white-150: #ffffff3d; --clg-color-pal-transparent-white-100: #ffffff1f; --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: #0e0e0e17; --clg-color-pal-transparent-black-050: #0e0e0e08; --clg-color-pal-transparent-black-000: #0e0e0e00; --clg-color-pal-transparent-black-950: #0e0e0efa; --clg-color-pal-transparent-black-900: #0e0e0ef2; --clg-color-pal-transparent-black-800: #0e0e0ee8; --clg-color-pal-transparent-black-700: #0e0e0ecc; --clg-color-pal-transparent-black-600: #0e0e0eb0; --clg-color-pal-transparent-black-550: #0e0e0ead; --clg-color-pal-transparent-black-500: #0e0e0e91; --clg-color-pal-transparent-black-400: #0e0e0e80; --clg-color-pal-transparent-black-350: #0e0e0e66; --clg-color-pal-transparent-black-200: #0e0e0e42; --clg-color-pal-transparent-black-150: #0e0e0e2e; --clg-color-pal-transparent-black-100: #0e0e0e1f; --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: #fff; --clg-color-pal-red-050: #fff; --clg-color-pal-red-1000: #260009; --clg-color-pal-red-950: #4d0013; --clg-color-pal-red-900: #73001d; --clg-color-pal-red-850: #9a0027; --clg-color-pal-red-800: #b50330; --clg-color-pal-red-750: #d00739; --clg-color-pal-red-700: #ec0b43; --clg-color-pal-red-650: #f2285a; --clg-color-pal-red-600: #f84572; --clg-color-pal-red-550: #ff638a; --clg-color-pal-red-500: #ff7b9c; --clg-color-pal-red-450: #ff93ae; --clg-color-pal-red-400: #ffacc1; --clg-color-pal-red-350: #ffc4d3; --clg-color-pal-red-300: #ffdde6; --clg-color-pal-red-250: #ffe3eb; --clg-color-pal-red-200: #ffeaf0; --clg-color-pal-red-150: #fff1f5; --clg-color-pal-red-100: #fff8fa; --clg-color-pal-purple-075: #fcf9ff; --clg-color-pal-purple-050: #fcf9ff; --clg-color-pal-purple-950: #0e071b; --clg-color-pal-purple-900: #1b0f36; --clg-color-pal-purple-850: #291651; --clg-color-pal-purple-800: #361e6c; --clg-color-pal-purple-750: #442587; --clg-color-pal-purple-700: #52399c; --clg-color-pal-purple-650: #614db1; --clg-color-pal-purple-600: #6f62c6; --clg-color-pal-purple-550: #7e75db; --clg-color-pal-purple-500: #8c8af0; --clg-color-pal-purple-450: #a09bf3; --clg-color-pal-purple-400: #b3adf6; --clg-color-pal-purple-350: #c7bef9; --clg-color-pal-purple-300: #dad0fc; --clg-color-pal-purple-250: #eee1ff; --clg-color-pal-purple-200: #f1e7ff; --clg-color-pal-purple-150: #f5edff; --clg-color-pal-purple-100: #f8f3ff; --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: #eaeaea; --clg-color-pal-greyscale-050: #f7f7f7; --clg-color-pal-greyscale-000: #fff; --clg-color-pal-greyscale-950: #121212; --clg-color-pal-greyscale-900: #0e0e0e; --clg-color-pal-greyscale-850: #0000; --clg-color-pal-greyscale-800: #222; --clg-color-pal-greyscale-750: #0000; --clg-color-pal-greyscale-700: #3e3e3e; --clg-color-pal-greyscale-650: #0000; --clg-color-pal-greyscale-600: #595959; --clg-color-pal-greyscale-550: #616161; --clg-color-pal-greyscale-500: #757575; --clg-color-pal-greyscale-450: #0000; --clg-color-pal-greyscale-400: #949494; --clg-color-pal-greyscale-350: #9e9e9e; --clg-color-pal-greyscale-300: #0000; --clg-color-pal-greyscale-250: #b8b8b8; --clg-color-pal-greyscale-200: #bfbfbf; --clg-color-pal-greyscale-150: #d3d3d3; --clg-color-pal-greyscale-100: #dbdbdb; --clg-color-pal-green-075: #fdfff1; --clg-color-pal-green-050: #fdfff1; --clg-color-pal-green-950: #010f08; --clg-color-pal-green-900: #011d10; --clg-color-pal-green-850: #022c17; --clg-color-pal-green-800: #023a1f; --clg-color-pal-green-750: #034927; --clg-color-pal-green-700: #095e31; --clg-color-pal-green-650: #0f743b; --clg-color-pal-green-600: #158a46; --clg-color-pal-green-550: #1ba050; --clg-color-pal-green-500: #21b55a; --clg-color-pal-green-450: #4bc46d; --clg-color-pal-green-400: #76d380; --clg-color-pal-green-350: #a0e193; --clg-color-pal-green-300: #dff7af; --clg-color-pal-green-250: #f5ffb9; --clg-color-pal-green-200: #f7ffc7; --clg-color-pal-green-150: #f9ffd5; --clg-color-pal-green-100: #fbffe3; --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: #eef8ff; --clg-color-pal-blue-050: #eef8ff; --clg-color-pal-blue-950: #040a1a; --clg-color-pal-blue-900: #091434; --clg-color-pal-blue-850: #0d1e4e; --clg-color-pal-blue-800: #122868; --clg-color-pal-blue-750: #182d85; --clg-color-pal-blue-700: #1f32a2; --clg-color-pal-blue-650: #2638c0; --clg-color-pal-blue-600: #2d47c8; --clg-color-pal-blue-550: #3457d0; --clg-color-pal-blue-500: #3b67d9; --clg-color-pal-blue-450: #4f79de; --clg-color-pal-blue-400: #648ce3; --clg-color-pal-blue-350: #799fe9; --clg-color-pal-blue-300: #8db2ee; --clg-color-pal-blue-250: #a2c5f4; --clg-color-pal-blue-200: #b7d8f9; --clg-color-pal-blue-150: #ccebff; --clg-color-pal-blue-100: #ddf1ff; --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-signal-strong-border: #0000; --clg-color-app-review-star-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-hovered-border: #0000; --clg-color-app-chip-selectable-selected-hovered-background: #2f2f2f; --clg-color-app-chip-selectable-selected-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-removable-hovered-border: #0000; --clg-color-app-chip-removable-hovered-background: #2f2f2f; --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-on-image-inactive-border: #0e0e0e70; --clg-color-app-carousel-dots-inactive-background: #0000; --clg-color-app-button-transparent-on-surface-subtle-border: #0000; --clg-color-app-button-transparent-on-surface-subtle-background: #0000; --clg-color-app-button-transparent-on-surface-strong-border: #0000; --clg-color-app-button-transparent-on-surface-strong-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-hovered-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-hovered-background: #0000; --clg-color-app-button-toggle-secondary-on-surface-light-selected-background: #0000; --clg-color-app-button-toggle-secondary-selected-hovered-background: #0000; --clg-color-app-button-toggle-secondary-selected-background: #0000; --clg-color-app-button-toggle-secondary-disabled-background: #0000; --clg-color-app-button-toggle-secondary-hovered-background: #0000; --clg-color-app-button-toggle-secondary-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-hovered-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-hovered-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-hovered-background: #2f2f2f; --clg-color-app-button-toggle-primary-disabled-border: #0000; --clg-color-app-button-toggle-primary-selected-hovered-background: #0000; --clg-color-app-button-toggle-primary-selected-background: #0000; --clg-color-app-button-toggle-primary-border: #0000; --clg-color-app-button-tertiary-pressed-background: #0e0e0e45; --clg-color-app-button-tertiary-on-surface-subtle-pressed-background: #0e0e0e45; --clg-color-app-button-tertiary-on-surface-subtle-border: #0000; --clg-color-app-button-tertiary-on-surface-strong-pressed-background: #ffffff45; --clg-color-app-button-tertiary-on-surface-strong-border: #0000; --clg-color-app-button-tertiary-on-surface-light-pressed-background: #0e0e0e45; --clg-color-app-button-tertiary-on-surface-light-border: #0000; --clg-color-app-button-tertiary-on-surface-dark-pressed-background: #ffffff45; --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-subtle-disabled-background: #0000; --clg-color-app-button-secondary-on-surface-subtle-background: #0000; --clg-color-app-button-secondary-on-surface-strong-disabled-background: #0000; --clg-color-app-button-secondary-on-surface-strong-background: #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-subtle-border: #0000; --clg-color-app-button-primary-on-surface-strong-border: #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-hovered-background: #2f2f2f; --clg-color-app-button-primary-border: #0000; --clg-color-app-button-icon-transparent-on-surface-subtle-border: #0000; --clg-color-app-button-icon-transparent-on-surface-subtle-background: #0000; --clg-color-app-button-icon-transparent-on-surface-strong-border: #0000; --clg-color-app-button-icon-transparent-on-surface-strong-background: #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-pressed-background: #0e0e0e45; --clg-color-app-button-icon-tertiary-on-surface-light-pressed-background: #0e0e0e45; --clg-color-app-button-icon-tertiary-on-surface-light-border: #0000; --clg-color-app-button-icon-tertiary-on-surface-dark-pressed-background: #ffffff45; --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-hovered-background: #2f2f2f; --clg-color-app-button-icon-primary-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-product-body-mobile-smallest-font-weight: var(--clg-typography-pal-weight-400); --clg-typography-sem-product-body-mobile-smallest-font-size: var(--clg-typography-pal-size-0000); --clg-typography-sem-product-body-mobile-smaller-font-weight: var(--clg-typography-pal-weight-400); --clg-typography-sem-product-body-mobile-smaller-font-size: var(--clg-typography-pal-size-000); --clg-typography-sem-product-body-mobile-small-font-weight: var(--clg-typography-pal-weight-400); --clg-typography-sem-product-body-mobile-small-font-size: var(--clg-typography-pal-size-025); --clg-typography-sem-product-body-mobile-base-font-weight: var(--clg-typography-pal-weight-400); --clg-typography-sem-product-body-mobile-base-font-size: var(--clg-typography-pal-size-100); --clg-typography-sem-product-body-mobile-large-font-weight: var(--clg-typography-pal-weight-400); --clg-typography-sem-product-body-mobile-large-font-size: var(--clg-typography-pal-size-175); --clg-typography-sem-product-body-desktop-smallest-font-weight: var(--clg-typography-pal-weight-400); --clg-typography-sem-product-body-desktop-smallest-font-size: var(--clg-typography-pal-size-0000); --clg-typography-sem-product-body-desktop-smaller-font-weight: var(--clg-typography-pal-weight-400); --clg-typography-sem-product-body-desktop-smaller-font-size: var(--clg-typography-pal-size-000); --clg-typography-sem-product-body-desktop-small-font-weight: var(--clg-typography-pal-weight-400); --clg-typography-sem-product-body-desktop-small-font-size: var(--clg-typography-pal-size-025); --clg-typography-sem-product-body-desktop-base-font-weight: var(--clg-typography-pal-weight-400); --clg-typography-sem-product-body-desktop-base-font-size: var(--clg-typography-pal-size-100); --clg-typography-sem-product-body-desktop-large-font-weight: var(--clg-typography-pal-weight-400); --clg-typography-sem-product-body-desktop-large-font-size: var(--clg-typography-pal-size-175); --clg-typography-sem-product-title-mobile-smallest-font-weight: var(--clg-typography-pal-weight-500); --clg-typography-sem-product-title-mobile-smallest-font-size: var(--clg-typography-pal-size-0000); --clg-typography-sem-product-title-mobile-smaller-font-weight: var(--clg-typography-pal-weight-500); --clg-typography-sem-product-title-mobile-smaller-font-size: var(--clg-typography-pal-size-025); --clg-typography-sem-product-title-mobile-small-font-weight: var(--clg-typography-pal-weight-500); --clg-typography-sem-product-title-mobile-small-font-size: var(--clg-typography-pal-size-025); --clg-typography-sem-product-title-mobile-base-font-weight: var(--clg-typography-pal-weight-500); --clg-typography-sem-product-title-mobile-base-font-size: var(--clg-typography-pal-size-100); --clg-typography-sem-product-title-mobile-large-font-weight: var(--clg-typography-pal-weight-500); --clg-typography-sem-product-title-mobile-large-font-size: var(--clg-typography-pal-size-150); --clg-typography-sem-product-title-mobile-larger-font-weight: var(--clg-typography-pal-weight-500); --clg-typography-sem-product-title-mobile-larger-font-size: var(--clg-typography-pal-size-250); --clg-typography-sem-product-title-desktop-smallest-font-weight: var(--clg-typography-pal-weight-500); --clg-typography-sem-product-title-desktop-smallest-font-size: var(--clg-typography-pal-size-0000); --clg-typography-sem-product-title-desktop-smaller-font-weight: var(--clg-typography-pal-weight-500); --clg-typography-sem-product-title-desktop-smaller-font-size: var(--clg-typography-pal-size-025); --clg-typography-sem-product-title-desktop-small-font-weight: var(--clg-typography-pal-weight-500); --clg-typography-sem-product-title-desktop-small-font-size: var(--clg-typography-pal-size-025); --clg-typography-sem-product-title-desktop-base-font-weight: var(--clg-typography-pal-weight-500); --clg-typography-sem-product-title-desktop-base-font-size: var(--clg-typography-pal-size-100); --clg-typography-sem-product-title-desktop-large-font-weight: var(--clg-typography-pal-weight-500); --clg-typography-sem-product-title-desktop-large-font-size: var(--clg-typography-pal-size-175); --clg-typography-sem-product-title-desktop-larger-font-weight: var(--clg-typography-pal-weight-500); --clg-typography-sem-product-title-desktop-larger-font-size: var(--clg-typography-pal-size-300); --clg-typography-sem-product-heading-mobile-small-font-weight: var(--clg-typography-pal-weight-300); --clg-typography-sem-product-heading-mobile-small-font-size: var(--clg-typography-pal-size-175); --clg-typography-sem-product-heading-mobile-base-font-weight: var(--clg-typography-pal-weight-300); --clg-typography-sem-product-heading-mobile-base-font-size: var(--clg-typography-pal-size-250); --clg-typography-sem-product-heading-mobile-large-font-weight: var(--clg-typography-pal-weight-300); --clg-typography-sem-product-heading-mobile-large-font-size: var(--clg-typography-pal-size-350); --clg-typography-sem-product-heading-desktop-small-font-weight: var(--clg-typography-pal-weight-300); --clg-typography-sem-product-heading-desktop-small-font-size: var(--clg-typography-pal-size-275); --clg-typography-sem-product-heading-desktop-base-font-weight: var(--clg-typography-pal-weight-300); --clg-typography-sem-product-heading-desktop-base-font-size: var(--clg-typography-pal-size-350); --clg-typography-sem-product-heading-desktop-large-font-weight: var(--clg-typography-pal-weight-300); --clg-typography-sem-product-heading-desktop-large-font-size: var(--clg-typography-pal-size-475); --clg-typography-sem-product-display-mobile-base-font-weight: var(--clg-typography-pal-weight-300); --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-300); --clg-typography-sem-product-display-mobile-large-font-size: var(--clg-typography-pal-size-550); --clg-typography-sem-product-display-mobile-larger-font-weight: var(--clg-typography-pal-weight-300); --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-300); --clg-typography-sem-product-display-desktop-base-font-size: var(--clg-typography-pal-size-550); --clg-typography-sem-product-display-desktop-large-font-weight: var(--clg-typography-pal-weight-300); --clg-typography-sem-product-display-desktop-large-font-size: var(--clg-typography-pal-size-700); --clg-typography-sem-product-display-desktop-larger-font-weight: var(--clg-typography-pal-weight-300); --clg-typography-sem-product-display-desktop-larger-font-size: var(--clg-typography-pal-size-750); --clg-typography-pal-family-serif-letter-spacing: var(--clg-typography-pal-letter-spacing-100); --clg-refresh-typography-pal-family-serif-letter-spacing: var(--clg-typography-pal-letter-spacing-100); --clg-refresh-typography-pal-family-sans-serif-letter-spacing: var(--clg-typography-pal-letter-spacing-300); --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)*.5); --clg-shape-pal-border-radius-025: calc(var(--clg-shape-pal-border-radius-base-unit)*.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-150); --clg-shape-app-switch-border-radius: var(--clg-shape-sem-border-radius-full); --clg-shape-app-selectable-image-border-hovered-outer-width: var(--clg-shape-pal-border-width-100); --clg-shape-app-selectable-swatch-hovered-border-outer-width: var(--clg-shape-pal-border-width-100); --clg-shape-app-input-border-width: var(--clg-shape-pal-border-width-150); --clg-shape-app-button-secondary-border-width: var(--clg-shape-pal-border-width-150); --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-150); --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-150); --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-500); --clg-effect-app-switch-on-position-curve: var(--clg-effect-pal-curve-long-in); --clg-effect-app-switch-on-color-switch-delay: var(--clg-effect-pal-duration-075); --clg-effect-app-switch-on-color-switch-curve: var(--clg-effect-pal-curve-linear); --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-500); --clg-effect-app-switch-off-position-curve: var(--clg-effect-pal-curve-long-in); --clg-effect-app-switch-off-color-switch-delay: var(--clg-effect-pal-duration-075); --clg-effect-app-switch-off-color-switch-curve: var(--clg-effect-pal-curve-linear); --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-sheets-shadow: var(--clg-effect-sem-shadow-elevation-4); --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-input-shadow: 0px 1px 4px 0px inset var(--clg-color-pal-transparent-black-075); --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-delay: var(--clg-effect-pal-duration-075); --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-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-delay: var(--clg-effect-pal-duration-075); --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-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-dialogs-hide-content-fade-delay: var(--clg-effect-pal-duration-075); --clg-effect-app-dialogs-hide-content-fade-duration: var(--clg-effect-pal-duration-075); --clg-effect-app-dialogs-hide-content-fade-curve: var(--clg-effect-pal-curve-linear); --clg-effect-app-dialogs-hide-background-fade-duration: var(--clg-effect-pal-duration-075); --clg-effect-app-dialogs-hide-background-fade-curve: var(--clg-effect-pal-curve-linear); --clg-effect-app-dialogs-hide-background-scale-duration: var(--clg-effect-pal-duration-200); --clg-effect-app-dialogs-hide-background-scale-curve: var(--clg-effect-pal-curve-long-in); --clg-effect-app-dialogs-show-content-fade-delay: var(--clg-effect-pal-duration-075); --clg-effect-app-dialogs-show-content-fade-duration: var(--clg-effect-pal-duration-075); --clg-effect-app-dialogs-show-content-fade-curve: var(--clg-effect-pal-curve-linear); --clg-effect-app-dialogs-show-background-fade-duration: var(--clg-effect-pal-duration-075); --clg-effect-app-dialogs-show-background-fade-curve: var(--clg-effect-pal-curve-linear); --clg-effect-app-dialogs-show-background-scale-duration: var(--clg-effect-pal-duration-200); --clg-effect-app-dialogs-show-background-scale-curve: var(--clg-effect-pal-curve-long-in); --clg-effect-app-dialogs-shadow: var(--clg-effect-sem-shadow-elevation-4); --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-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-duration: var(--clg-effect-pal-duration-150); --clg-effect-app-button-on-release-scale-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-release-scale-from: var(--clg-effect-app-button-on-press-scale-to); --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-duration: var(--clg-effect-pal-duration-075); --clg-effect-app-button-on-press-scale-curve: var(--clg-effect-pal-curve-long-tail); --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-toast-shadow: var(--clg-effect-sem-shadow-elevation-2); --clg-effect-app-alert-banner-show-content-fade-delay: var(--clg-effect-pal-duration-200); --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-background-fade-delay: var(--clg-effect-pal-duration-150); --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-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-525); --clg-dimension-sem-icon-core-base: var(--clg-typography-pal-size-250); --clg-dimension-sem-icon-core-smaller: var(--clg-typography-pal-size-150); --clg-dimension-sem-icon-core-smallest: var(--clg-typography-pal-size-000); --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)*.5); --clg-dimension-pal-grid-025: calc(var(--clg-dimension-pal-grid-base-unit)*.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)*.75); --clg-dimension-app-switch-small-padding-right: calc(var(--clg-dimension-pal-grid-base-unit)*.75); --clg-dimension-app-switch-small-padding-left: calc(var(--clg-dimension-pal-grid-base-unit)*.75); --clg-dimension-app-switch-small-padding-end: calc(var(--clg-dimension-pal-grid-base-unit)*.75); --clg-dimension-app-switch-small-padding-start: calc(var(--clg-dimension-pal-grid-base-unit)*.75); --clg-dimension-app-review-star-larger-size: var(--clg-dimension-sem-icon-core-larger); --clg-color-sem-text-on-surface-unavailable-subtle: var(--clg-color-pal-greyscale-600); --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-000); --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-000); --clg-color-sem-text-tertiary: var(--clg-color-pal-greyscale-500); --clg-color-sem-text-star-seller: var(--clg-color-pal-lavender-300); --clg-color-sem-text-secondary: var(--clg-color-pal-greyscale-600); --clg-color-sem-text-recommendation: var(--clg-color-pal-yellow-850); --clg-color-sem-text-promote: var(--clg-color-pal-green-650); --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-650); --clg-color-sem-text-disabled: var(--clg-color-pal-greyscale-500); --clg-color-sem-text-critical: var(--clg-color-pal-red-850); --clg-color-sem-text-action: var(--clg-color-pal-blue-500); --clg-color-sem-icon-review: var(--clg-color-pal-beeswax-700); --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-800); --clg-color-sem-icon-favorite: var(--clg-color-pal-red-800); --clg-color-sem-border-selected: var(--clg-color-pal-greyscale-800); --clg-color-sem-border-selectable: var(--clg-color-pal-greyscale-400); --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-divider: var(--clg-color-pal-transparent-black-150); --clg-color-sem-border-critical: var(--clg-color-pal-red-850); --clg-color-sem-border-active: var(--clg-color-pal-greyscale-800); --clg-color-sem-background-surface-warning-light: var(--clg-color-pal-yellow-500); --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-new-orange-300); --clg-color-sem-background-surface-success-dark: var(--clg-color-pal-green-650); --clg-color-sem-background-surface-star-seller-light: var(--clg-color-pal-lavender-100); --clg-color-sem-background-surface-star-seller-dark: var(--clg-color-pal-lavender-300); --clg-color-sem-background-surface-seller-dark: var(--clg-color-pal-blue-500); --clg-color-sem-background-surface-selected-strong: var(--clg-color-pal-greyscale-800); --clg-color-sem-background-surface-recommendation-light: var(--clg-color-pal-new-orange-300); --clg-color-sem-background-surface-promote-light: var(--clg-color-pal-green-350); --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-350); --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-hovered-subtle: var(--clg-color-pal-transparent-black-050); --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-150); --clg-color-sem-background-surface-expressive-yellow-lightest: var(--clg-color-pal-yellow-250); --clg-color-sem-background-surface-expressive-yellow-lighter: var(--clg-color-pal-yellow-500); --clg-color-sem-background-surface-expressive-yellow-light: var(--clg-color-pal-yellow-750); --clg-color-sem-background-surface-expressive-yellow-dark: var(--clg-color-pal-yellow-850); --clg-color-sem-background-surface-expressive-purple-lighter: var(--clg-color-pal-purple-250); --clg-color-sem-background-surface-expressive-purple-light: var(--clg-color-pal-purple-450); --clg-color-sem-background-surface-expressive-purple-darker: var(--clg-color-pal-purple-750); --clg-color-sem-background-surface-expressive-purple-dark: var(--clg-color-pal-purple-600); --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-green-lightest: var(--clg-color-pal-green-300); --clg-color-sem-background-surface-expressive-green-lighter: var(--clg-color-pal-green-350); --clg-color-sem-background-surface-expressive-green-light: var(--clg-color-pal-green-450); --clg-color-sem-background-surface-expressive-green-dark: var(--clg-color-pal-green-700); --clg-color-sem-background-surface-expressive-blue-strong: var(--clg-color-pal-blue-500); --clg-color-sem-background-surface-expressive-blue-light: var(--clg-color-pal-blue-150); --clg-color-sem-background-surface-expressive-blue-darker: var(--clg-color-pal-blue-800); --clg-color-sem-background-surface-expressive-blue-dark: var(--clg-color-pal-blue-650); --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-850); --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-850); --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-elevation-neg1: var(--clg-color-pal-greyscale-000); --clg-color-sem-background-elevation-4: var(--clg-color-pal-greyscale-000); --clg-color-sem-background-elevation-3: var(--clg-color-pal-greyscale-000); --clg-color-sem-background-elevation-2: var(--clg-color-pal-greyscale-000); --clg-color-sem-background-elevation-1: var(--clg-color-pal-greyscale-000); --clg-color-sem-background-elevation-0: var(--clg-color-pal-greyscale-000); --clg-color-sem-background-scrim: var(--clg-color-pal-transparent-black-500); --clg-color-app-tooltip-background: var(--clg-color-pal-greyscale-800); --clg-color-app-text-selection-background: var(--clg-color-pal-greyscale-400); --clg-color-app-tabs-track-background: var(--clg-color-pal-transparent-black-150); --clg-color-app-tabs-selected-highlight-background: var(--clg-color-sem-background-surface-brand-dark); --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-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-000); --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-000); --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-000); --clg-color-app-switch-disabled-foreground: var(--clg-color-pal-greyscale-400); --clg-color-app-switch-disabled-border: var(--clg-color-pal-greyscale-400); --clg-color-app-switch-disabled-background: var(--clg-color-pal-greyscale-000); --clg-color-app-switch-checked-disabled-foreground: var(--clg-color-pal-greyscale-000); --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-000); --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-000); --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-switch-background: var(--clg-color-pal-greyscale-000); --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-subtle-foreground: var(--clg-color-pal-greyscale-800); --clg-color-app-spinner-on-surface-subtle-background: var(--clg-color-pal-transparent-black-150); --clg-color-app-spinner-on-surface-strong-foreground: var(--clg-color-pal-greyscale-000); --clg-color-app-spinner-on-surface-strong-background: var(--clg-color-pal-transparent-white-150); --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-000); --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-075); --clg-color-app-skeleton-ui-background-advance: var(--clg-color-pal-transparent-black-100); --clg-color-app-signal-urgency-subtle-text: var(--clg-color-pal-red-850); --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-350); --clg-color-app-signal-urgency-text: var(--clg-color-pal-red-850); --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-650); --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-650); --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-600); --clg-color-app-signal-background: var(--clg-color-pal-greyscale-000); --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-selectable-card-control-background: var(--clg-color-pal-greyscale-000); --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-selected-review-stars-background: var(--clg-color-pal-beeswax-100); --clg-color-app-progress-bar-review-stars-fill: var(--clg-color-pal-beeswax-700); --clg-color-app-progress-bar-fill: var(--clg-color-pal-greyscale-800); --clg-color-app-progress-bar-background: var(--clg-color-pal-transparent-black-075); --clg-color-app-panel-background: var(--clg-color-pal-greyscale-000); --clg-color-app-menu-item-selected-background: var(--clg-color-sem-background-surface-selected-subtle); --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-000); --clg-color-app-input-search-border: var(--clg-color-pal-greyscale-800); --clg-color-app-input-search-background: var(--clg-color-pal-greyscale-000); --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-650); --clg-color-app-indicator-critical-background: var(--clg-color-pal-red-800); --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-chip-swatch-selected-border: var(--clg-color-pal-greyscale-000); --clg-color-app-chip-swatch-border: var(--clg-color-pal-greyscale-400); --clg-color-app-chip-selectable-selected-pressed-border: var(--clg-color-pal-greyscale-600); --clg-color-app-chip-selectable-selected-pressed-background: var(--clg-color-pal-greyscale-600); --clg-color-app-chip-selectable-pressed-background: var(--clg-color-pal-transparent-black-150); --clg-color-app-chip-selectable-hovered-background: var(--clg-color-pal-transparent-black-150); --clg-color-app-chip-selectable-disabled-text: var(--clg-color-pal-greyscale-350); --clg-color-app-chip-removable-pressed-border: var(--clg-color-pal-greyscale-600); --clg-color-app-chip-removable-pressed-background: var(--clg-color-pal-greyscale-550); --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-background: var(--clg-color-pal-greyscale-000); --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-card-background: var(--clg-color-pal-greyscale-000); --clg-color-app-button-transparent-pressed-border: var(--clg-color-app-button-transparent-border); --clg-color-app-button-transparent-pressed-background: var(--clg-color-pal-transparent-black-150); --clg-color-app-button-transparent-on-surface-subtle-pressed-border: var(--clg-color-app-button-transparent-on-surface-subtle-border); --clg-color-app-button-transparent-on-surface-subtle-pressed-background: var(--clg-color-pal-transparent-black-150); --clg-color-app-button-transparent-on-surface-subtle-hovered-border: var(--clg-color-app-button-transparent-on-surface-subtle-border); --clg-color-app-button-transparent-on-surface-subtle-disabled-border: var(--clg-color-app-button-transparent-on-surface-strong-border); --clg-color-app-button-transparent-on-surface-subtle-disabled-background: var(--clg-color-app-button-transparent-on-surface-subtle-background); --clg-color-app-button-transparent-on-surface-strong-pressed-border: var(--clg-color-app-button-transparent-on-surface-strong-border); --clg-color-app-button-transparent-on-surface-strong-pressed-background: var(--clg-color-pal-transparent-white-150); --clg-color-app-button-transparent-on-surface-strong-hovered-border: var(--clg-color-app-button-transparent-on-surface-strong-border); --clg-color-app-button-transparent-on-surface-strong-hovered-background: var(--clg-color-pal-transparent-white-075); --clg-color-app-button-transparent-on-surface-strong-disabled-border: var(--clg-color-app-button-transparent-on-surface-strong-border); --clg-color-app-button-transparent-on-surface-strong-disabled-background: var(--clg-color-app-button-transparent-on-surface-strong-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-pressed-background: var(--clg-color-pal-transparent-black-150); --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-light-hovered-background: var(--clg-color-pal-transparent-black-075); --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-dark-pressed-border: var(--clg-color-app-button-transparent-on-surface-dark-border); --clg-color-app-button-transparent-on-surface-dark-pressed-background: var(--clg-color-pal-transparent-white-150); --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-on-surface-dark-hovered-background: var(--clg-color-pal-transparent-white-075); --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-hovered-border: var(--clg-color-app-button-transparent-border); --clg-color-app-button-transparent-disabled-text: var(--clg-color-pal-greyscale-500); --clg-color-app-button-toggle-secondary-on-surface-dark-selected-disabled-text: var(--clg-color-pal-greyscale-500); --clg-color-app-button-toggle-secondary-on-surface-dark-selected-disabled-border: var(--clg-color-pal-greyscale-500); --clg-color-app-button-toggle-secondary-on-surface-dark-selected-pressed-border: var(--clg-color-pal-greyscale-000); --clg-color-app-button-toggle-secondary-on-surface-dark-selected-pressed-background: var(--clg-color-pal-transparent-white-150); --clg-color-app-button-toggle-secondary-on-surface-dark-selected-hovered-border: var(--clg-color-pal-greyscale-000); --clg-color-app-button-toggle-secondary-on-surface-dark-selected-border: var(--clg-color-pal-greyscale-000); --clg-color-app-button-toggle-secondary-on-surface-dark-disabled-text: var(--clg-color-pal-greyscale-500); --clg-color-app-button-toggle-secondary-on-surface-dark-disabled-border: var(--clg-color-pal-greyscale-500); --clg-color-app-button-toggle-secondary-on-surface-dark-disabled-background: var(--clg-color-pal-greyscale-900); --clg-color-app-button-toggle-secondary-on-surface-dark-pressed-border: var(--clg-color-pal-greyscale-400); --clg-color-app-button-toggle-secondary-on-surface-dark-pressed-background: var(--clg-color-pal-greyscale-600); --clg-color-app-button-toggle-secondary-on-surface-dark-hovered-border: var(--clg-color-pal-transparent-white-150); --clg-color-app-button-toggle-secondary-on-surface-dark-hovered-background: var(--clg-color-pal-greyscale-900); --clg-color-app-button-toggle-secondary-on-surface-dark-border: var(--clg-color-pal-transparent-white-150); --clg-color-app-button-toggle-secondary-on-surface-dark-background: var(--clg-color-pal-greyscale-900); --clg-color-app-button-toggle-secondary-on-surface-light-selected-disabled-text: var(--clg-color-pal-greyscale-500); --clg-color-app-button-toggle-secondary-on-surface-light-selected-disabled-border: var(--clg-color-pal-greyscale-500); --clg-color-app-button-toggle-secondary-on-surface-light-selected-pressed-border: var(--clg-color-pal-greyscale-800); --clg-color-app-button-toggle-secondary-on-surface-light-selected-pressed-background: var(--clg-color-pal-transparent-black-150); --clg-color-app-button-toggle-secondary-on-surface-light-selected-hovered-border: var(--clg-color-pal-greyscale-800); --clg-color-app-button-toggle-secondary-on-surface-light-selected-border: var(--clg-color-pal-greyscale-800); --clg-color-app-button-toggle-secondary-on-surface-light-disabled-text: var(--clg-color-pal-greyscale-500); --clg-color-app-button-toggle-secondary-on-surface-light-disabled-border: var(--clg-color-pal-greyscale-500); --clg-color-app-button-toggle-secondary-on-surface-light-disabled-background: var(--clg-color-pal-greyscale-000); --clg-color-app-button-toggle-secondary-on-surface-light-pressed-border: var(--clg-color-pal-greyscale-400); --clg-color-app-button-toggle-secondary-on-surface-light-pressed-background: var(--clg-color-pal-greyscale-150); --clg-color-app-button-toggle-secondary-on-surface-light-hovered-border: var(--clg-color-pal-transparent-black-150); --clg-color-app-button-toggle-secondary-on-surface-light-hovered-background: var(--clg-color-pal-greyscale-000); --clg-color-app-button-toggle-secondary-on-surface-light-border: var(--clg-color-pal-transparent-black-150); --clg-color-app-button-toggle-secondary-on-surface-light-background: var(--clg-color-pal-greyscale-000); --clg-color-app-button-toggle-secondary-pressed-background: var(--clg-color-pal-greyscale-150); --clg-color-app-button-toggle-secondary-selected-pressed-border: var(--clg-color-pal-greyscale-800); --clg-color-app-button-toggle-secondary-selected-pressed-background: var(--clg-color-pal-transparent-black-150); --clg-color-app-button-toggle-secondary-selected-disabled-text: var(--clg-color-pal-greyscale-500); --clg-color-app-button-toggle-secondary-selected-disabled-border: var(--clg-color-pal-greyscale-500); --clg-color-app-button-toggle-secondary-selected-disabled-background: var(--clg-color-pal-greyscale-000); --clg-color-app-button-toggle-secondary-selected-hovered-border: var(--clg-color-pal-greyscale-800); --clg-color-app-button-toggle-secondary-selected-border: var(--clg-color-pal-greyscale-800); --clg-color-app-button-toggle-primary-on-surface-dark-selected-disabled-text: var(--clg-color-pal-greyscale-500); --clg-color-app-button-toggle-primary-on-surface-dark-selected-disabled-border: var(--clg-color-pal-greyscale-500); --clg-color-app-button-toggle-primary-on-surface-dark-selected-pressed-border: var(--clg-color-pal-greyscale-000); --clg-color-app-button-toggle-primary-on-surface-dark-selected-pressed-background: var(--clg-color-pal-transparent-white-150); --clg-color-app-button-toggle-primary-on-surface-dark-selected-hovered-border: var(--clg-color-pal-greyscale-000); --clg-color-app-button-toggle-primary-on-surface-dark-selected-border: var(--clg-color-pal-greyscale-000); --clg-color-app-button-toggle-primary-on-surface-dark-disabled-background: var(--clg-color-pal-greyscale-500); --clg-color-app-button-toggle-primary-on-surface-dark-pressed-background: var(--clg-color-pal-greyscale-150); --clg-color-app-button-toggle-primary-on-surface-dark-hovered-background: var(--clg-color-pal-greyscale-075); --clg-color-app-button-toggle-primary-on-surface-dark-background: var(--clg-color-pal-greyscale-000); --clg-color-app-button-toggle-primary-on-surface-light-selected-disabled-text: var(--clg-color-pal-greyscale-500); --clg-color-app-button-toggle-primary-on-surface-light-selected-disabled-border: var(--clg-color-pal-greyscale-500); --clg-color-app-button-toggle-primary-on-surface-light-selected-pressed-border: var(--clg-color-pal-greyscale-800); --clg-color-app-button-toggle-primary-on-surface-light-selected-pressed-background: var(--clg-color-pal-transparent-black-150); --clg-color-app-button-toggle-primary-on-surface-light-selected-hovered-border: var(--clg-color-pal-greyscale-800); --clg-color-app-button-toggle-primary-on-surface-light-selected-border: var(--clg-color-pal-greyscale-800); --clg-color-app-button-toggle-primary-on-surface-light-disabled-background: var(--clg-color-pal-greyscale-500); --clg-color-app-button-toggle-primary-on-surface-light-pressed-background: var(--clg-color-pal-greyscale-600); --clg-color-app-button-toggle-primary-on-surface-light-hovered-background: var(--clg-color-pal-greyscale-700); --clg-color-app-button-toggle-primary-on-surface-light-background: var(--clg-color-pal-greyscale-800); --clg-color-app-button-toggle-primary-pressed-background: var(--clg-color-pal-greyscale-600); --clg-color-app-button-toggle-primary-disabled-background: var(--clg-color-pal-greyscale-500); --clg-color-app-button-toggle-primary-selected-pressed-border: var(--clg-color-pal-greyscale-800); --clg-color-app-button-toggle-primary-selected-pressed-background: var(--clg-color-pal-transparent-black-150); --clg-color-app-button-toggle-primary-selected-disabled-text: var(--clg-color-pal-greyscale-500); --clg-color-app-button-toggle-primary-selected-disabled-border: var(--clg-color-pal-greyscale-500); --clg-color-app-button-toggle-primary-selected-disabled-background: var(--clg-color-pal-greyscale-000); --clg-color-app-button-toggle-primary-selected-hovered-border: var(--clg-color-pal-greyscale-800); --clg-color-app-button-toggle-primary-selected-border: var(--clg-color-pal-greyscale-800); --clg-color-app-button-text-secondary-on-surface-light-disabled-text: var(--clg-color-pal-greyscale-500); --clg-color-app-button-text-secondary-on-surface-light-text: var(--clg-color-pal-greyscale-800); --clg-color-app-button-text-secondary-on-surface-dark-disabled-text: var(--clg-color-pal-greyscale-350); --clg-color-app-button-text-secondary-on-surface-dark-text: var(--clg-color-pal-greyscale-000); --clg-color-app-button-text-primary-on-surface-light-disabled-text: var(--clg-color-pal-greyscale-500); --clg-color-app-button-text-primary-on-surface-light-text: var(--clg-color-pal-blue-500); --clg-color-app-button-text-primary-on-surface-dark-disabled-text: var(--clg-color-pal-greyscale-350); --clg-color-app-button-text-primary-on-surface-dark-text: var(--clg-color-pal-blue-250); --clg-color-app-button-tertiary-pressed-border: var(--clg-color-app-button-tertiary-border); --clg-color-app-button-tertiary-on-surface-subtle-pressed-border: var(--clg-color-app-button-tertiary-on-surface-subtle-border); --clg-color-app-button-tertiary-on-surface-subtle-hovered-border: var(--clg-color-app-button-tertiary-on-surface-subtle-border); --clg-color-app-button-tertiary-on-surface-subtle-hovered-background: var(--clg-color-pal-transparent-black-150); --clg-color-app-button-tertiary-on-surface-subtle-disabled-border: var(--clg-color-app-button-tertiary-on-surface-subtle-border); --clg-color-app-button-tertiary-on-surface-subtle-text: var(--clg-color-pal-greyscale-800); --clg-color-app-button-tertiary-on-surface-subtle-background: var(--clg-color-pal-transparent-black-075); --clg-color-app-button-tertiary-on-surface-strong-pressed-border: var(--clg-color-app-button-tertiary-on-surface-strong-border); --clg-color-app-button-tertiary-on-surface-strong-hovered-border: var(--clg-color-app-button-tertiary-on-surface-strong-border); --clg-color-app-button-tertiary-on-surface-strong-hovered-background: var(--clg-color-pal-transparent-white-150); --clg-color-app-button-tertiary-on-surface-strong-disabled-border: var(--clg-color-app-button-tertiary-on-surface-strong-border); --clg-color-app-button-tertiary-on-surface-strong-text: var(--clg-color-pal-greyscale-000); --clg-color-app-button-tertiary-on-surface-strong-background: var(--clg-color-pal-transparent-white-075); --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-hovered-background: var(--clg-color-pal-transparent-black-150); --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-light-background: var(--clg-color-pal-transparent-black-075); --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-hovered-background: var(--clg-color-pal-transparent-white-150); --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-on-surface-dark-background: var(--clg-color-pal-transparent-white-075); --clg-color-app-button-tertiary-hovered-border: var(--clg-color-app-button-tertiary-border); --clg-color-app-button-tertiary-hovered-background: var(--clg-color-pal-transparent-black-150); --clg-color-app-button-tertiary-disabled-text: var(--clg-color-pal-greyscale-350); --clg-color-app-button-tertiary-disabled-background: var(--clg-color-pal-transparent-black-075); --clg-color-app-button-tertiary-background: var(--clg-color-pal-transparent-black-075); --clg-color-app-button-selectable-filter-border: var(--clg-color-pal-greyscale-400); --clg-color-app-button-selectable-disabled-border: var(--clg-color-pal-greyscale-500); --clg-color-app-button-secondary-pressed-background: var(--clg-color-pal-transparent-black-150); --clg-color-app-button-secondary-on-surface-subtle-pressed-background: var(--clg-color-pal-transparent-black-150); --clg-color-app-button-secondary-on-surface-subtle-hovered-background: var(--clg-color-app-button-secondary-on-surface-subtle-background); --clg-color-app-button-secondary-on-surface-subtle-disabled-text: var(--clg-color-pal-greyscale-500); --clg-color-app-button-secondary-on-surface-subtle-disabled-border: var(--clg-color-pal-greyscale-500); --clg-color-app-button-secondary-on-surface-subtle-border: var(--clg-color-pal-greyscale-800); --clg-color-app-button-secondary-on-surface-strong-pressed-background: var(--clg-color-pal-transparent-white-150); --clg-color-app-button-secondary-on-surface-strong-hovered-background: var(--clg-color-app-button-secondary-on-surface-strong-background); --clg-color-app-button-secondary-on-surface-strong-disabled-text: var(--clg-color-pal-greyscale-500); --clg-color-app-button-secondary-on-surface-strong-disabled-border: var(--clg-color-pal-greyscale-500); --clg-color-app-button-secondary-on-surface-strong-border: var(--clg-color-pal-greyscale-000); --clg-color-app-button-secondary-on-surface-light-pressed-background: var(--clg-color-pal-transparent-black-150); --clg-color-app-button-secondary-on-surface-light-hovered-background: var(--clg-color-app-button-secondary-on-surface-light-background); --clg-color-app-button-secondary-on-surface-light-disabled-text: var(--clg-color-pal-greyscale-500); --clg-color-app-button-secondary-on-surface-light-disabled-border: var(--clg-color-pal-greyscale-500); --clg-color-app-button-secondary-on-surface-light-border: var(--clg-color-pal-greyscale-800); --clg-color-app-button-secondary-on-surface-dark-pressed-background: var(--clg-color-pal-transparent-white-150); --clg-color-app-button-secondary-on-surface-dark-hovered-background: var(--clg-color-app-button-secondary-on-surface-dark-background); --clg-color-app-button-secondary-on-surface-dark-disabled-text: var(--clg-color-pal-greyscale-500); --clg-color-app-button-secondary-on-surface-dark-disabled-border: var(--clg-color-pal-greyscale-500); --clg-color-app-button-secondary-on-surface-dark-border: var(--clg-color-pal-greyscale-000); --clg-color-app-button-secondary-hovered-background: var(--clg-color-app-button-secondary-background); --clg-color-app-button-secondary-disabled-text: var(--clg-color-pal-greyscale-500); --clg-color-app-button-secondary-disabled-border: var(--clg-color-pal-greyscale-500); --clg-color-app-button-secondary-border: var(--clg-color-pal-greyscale-800); --clg-color-app-button-primary-pressed-border: var(--clg-color-app-button-primary-border); --clg-color-app-button-primary-pressed-background: var(--clg-color-pal-greyscale-600); --clg-color-app-button-primary-on-surface-subtle-pressed-border: var(--clg-color-app-button-primary-on-surface-subtle-border); --clg-color-app-button-primary-on-surface-subtle-pressed-background: var(--clg-color-pal-greyscale-600); --clg-color-app-button-primary-on-surface-subtle-hovered-border: var(--clg-color-app-button-primary-on-surface-subtle-border); --clg-color-app-button-primary-on-surface-subtle-hovered-background: var(--clg-color-pal-greyscale-700); --clg-color-app-button-primary-on-surface-subtle-disabled-border: var(--clg-color-app-button-primary-on-surface-subtle-border); --clg-color-app-button-primary-on-surface-subtle-disabled-background: var(--clg-color-pal-greyscale-500); --clg-color-app-button-primary-on-surface-subtle-text: var(--clg-color-pal-greyscale-000); --clg-color-app-button-primary-on-surface-subtle-background: var(--clg-color-pal-greyscale-800); --clg-color-app-button-primary-on-surface-strong-pressed-border: var(--clg-color-app-button-primary-on-surface-strong-border); --clg-color-app-button-primary-on-surface-strong-pressed-background: var(--clg-color-pal-greyscale-150); --clg-color-app-button-primary-on-surface-strong-hovered-border: var(--clg-color-app-button-primary-on-surface-strong-border); --clg-color-app-button-primary-on-surface-strong-hovered-background: var(--clg-color-pal-greyscale-075); --clg-color-app-button-primary-on-surface-strong-disabled-border: var(--clg-color-app-button-primary-on-surface-strong-border); --clg-color-app-button-primary-on-surface-strong-disabled-background: var(--clg-color-pal-greyscale-500); --clg-color-app-button-primary-on-surface-strong-text: var(--clg-color-pal-greyscale-800); --clg-color-app-button-primary-on-surface-strong-background: var(--clg-color-pal-greyscale-000); --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-pressed-background: var(--clg-color-pal-greyscale-600); --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-light-hovered-background: var(--clg-color-pal-greyscale-700); --clg-color-app-button-primary-on-surface-light-disabled-background: var(--clg-color-pal-greyscale-500); --clg-color-app-button-primary-on-surface-light-background: var(--clg-color-pal-greyscale-800); --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-pressed-background: var(--clg-color-pal-greyscale-150); --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-hovered-background: var(--clg-color-pal-greyscale-075); --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-on-surface-dark-disabled-background: var(--clg-color-pal-greyscale-500); --clg-color-app-button-primary-on-surface-dark-background: var(--clg-color-pal-greyscale-000); --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-primary-disabled-background: var(--clg-color-pal-greyscale-500); --clg-color-app-button-icon-transparent-pressed-border: var(--clg-color-app-button-icon-transparent-border); --clg-color-app-button-icon-transparent-pressed-background: var(--clg-color-pal-transparent-black-150); --clg-color-app-button-icon-transparent-on-surface-subtle-pressed-border: var(--clg-color-app-button-icon-transparent-on-surface-subtle-border); --clg-color-app-button-icon-transparent-on-surface-subtle-pressed-background: var(--clg-color-pal-transparent-black-150); --clg-color-app-button-icon-transparent-on-surface-subtle-hovered-border: var(--clg-color-app-button-icon-transparent-on-surface-subtle-border); --clg-color-app-button-icon-transparent-on-surface-subtle-disabled-border: var(--clg-color-app-button-icon-transparent-on-surface-strong-border); --clg-color-app-button-icon-transparent-on-surface-subtle-disabled-background: var(--clg-color-app-button-icon-transparent-on-surface-subtle-background); --clg-color-app-button-icon-transparent-on-surface-strong-pressed-border: var(--clg-color-app-button-icon-transparent-on-surface-strong-border); --clg-color-app-button-icon-transparent-on-surface-strong-pressed-background: var(--clg-color-pal-transparent-white-150); --clg-color-app-button-icon-transparent-on-surface-strong-hovered-border: var(--clg-color-app-button-icon-transparent-on-surface-strong-border); --clg-color-app-button-icon-transparent-on-surface-strong-hovered-background: var(--clg-color-pal-transparent-white-075); --clg-color-app-button-icon-transparent-on-surface-strong-disabled-border: var(--clg-color-app-button-icon-transparent-on-surface-strong-border); --clg-color-app-button-icon-transparent-on-surface-strong-disabled-background: var(--clg-color-app-button-icon-transparent-on-surface-strong-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-pressed-background: var(--clg-color-pal-transparent-black-150); --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-light-hovered-background: var(--clg-color-pal-transparent-black-075); --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-dark-pressed-border: var(--clg-color-app-button-icon-transparent-on-surface-dark-border); --clg-color-app-button-icon-transparent-on-surface-dark-pressed-background: var(--clg-color-pal-transparent-white-150); --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-on-surface-dark-hovered-background: var(--clg-color-pal-transparent-white-075); --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-hovered-border: var(--clg-color-app-button-icon-transparent-border); --clg-color-app-button-icon-transparent-disabled-icon: var(--clg-color-pal-greyscale-500); --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-hovered-background: var(--clg-color-pal-transparent-black-150); --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-light-background: var(--clg-color-pal-transparent-black-075); --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-hovered-background: var(--clg-color-pal-transparent-white-150); --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-on-surface-dark-background: var(--clg-color-pal-transparent-white-075); --clg-color-app-button-icon-tertiary-hovered-border: var(--clg-color-app-button-icon-tertiary-border); --clg-color-app-button-icon-tertiary-hovered-background: var(--clg-color-pal-transparent-black-150); --clg-color-app-button-icon-tertiary-disabled-icon: var(--clg-color-pal-greyscale-350); --clg-color-app-button-icon-tertiary-disabled-background: var(--clg-color-pal-transparent-black-075); --clg-color-app-button-icon-tertiary-background: var(--clg-color-pal-transparent-black-075); --clg-color-app-button-icon-secondary-subtle-pressed-background: var(--clg-color-pal-transparent-black-150); --clg-color-app-button-icon-secondary-subtle-on-surface-light-pressed-background: var(--clg-color-pal-transparent-black-150); --clg-color-app-button-icon-secondary-subtle-on-surface-light-disabled-icon: var(--clg-color-pal-greyscale-500); --clg-color-app-button-icon-secondary-subtle-on-surface-light-disabled-border: var(--clg-color-pal-greyscale-500); --clg-color-app-button-icon-secondary-subtle-on-surface-light-border: var(--clg-color-pal-greyscale-400); --clg-color-app-button-icon-secondary-subtle-on-surface-light-background: var(--clg-color-pal-greyscale-000); --clg-color-app-button-icon-secondary-subtle-on-surface-dark-pressed-background: var(--clg-color-pal-transparent-white-150); --clg-color-app-button-icon-secondary-subtle-on-surface-dark-disabled-icon: var(--clg-color-pal-greyscale-500); --clg-color-app-button-icon-secondary-subtle-on-surface-dark-disabled-border: var(--clg-color-pal-greyscale-500); --clg-color-app-button-icon-secondary-subtle-on-surface-dark-border: var(--clg-color-pal-greyscale-400); --clg-color-app-button-icon-secondary-subtle-on-surface-dark-background: var(--clg-color-pal-greyscale-900); --clg-color-app-button-icon-secondary-subtle-disabled-icon: var(--clg-color-pal-greyscale-500); --clg-color-app-button-icon-secondary-subtle-disabled-border: var(--clg-color-pal-greyscale-500); --clg-color-app-button-icon-secondary-subtle-background: var(--clg-color-pal-greyscale-000); --clg-color-app-button-icon-secondary-strong-pressed-background: var(--clg-color-pal-transparent-black-150); --clg-color-app-button-icon-secondary-strong-on-surface-light-pressed-background: var(--clg-color-pal-transparent-black-150); --clg-color-app-button-icon-secondary-strong-on-surface-light-hovered-background: var(--clg-color-app-button-icon-secondary-strong-on-surface-light-background); --clg-color-app-button-icon-secondary-strong-on-surface-light-disabled-icon: var(--clg-color-pal-greyscale-500); --clg-color-app-button-icon-secondary-strong-on-surface-light-disabled-border: var(--clg-color-pal-greyscale-500); --clg-color-app-button-icon-secondary-strong-on-surface-light-border: var(--clg-color-pal-greyscale-800); --clg-color-app-button-icon-secondary-strong-on-surface-dark-pressed-background: var(--clg-color-pal-transparent-white-150); --clg-color-app-button-icon-secondary-strong-on-surface-dark-hovered-background: var(--clg-color-app-button-icon-secondary-strong-on-surface-dark-background); --clg-color-app-button-icon-secondary-strong-on-surface-dark-disabled-icon: var(--clg-color-pal-greyscale-500); --clg-color-app-button-icon-secondary-strong-on-surface-dark-disabled-border: var(--clg-color-pal-greyscale-500); --clg-color-app-button-icon-secondary-strong-on-surface-dark-border: var(--clg-color-pal-greyscale-000); --clg-color-app-button-icon-secondary-strong-hovered-background: var(--clg-color-app-button-icon-secondary-strong-background); --clg-color-app-button-icon-secondary-strong-disabled-icon: var(--clg-color-pal-greyscale-500); --clg-color-app-button-icon-secondary-strong-disabled-border: var(--clg-color-pal-greyscale-500); --clg-color-app-button-icon-secondary-strong-border: var(--clg-color-pal-greyscale-800); --clg-color-app-button-icon-primary-pressed-border: var(--clg-color-app-button-icon-primary-border); --clg-color-app-button-icon-primary-pressed-background: var(--clg-color-pal-greyscale-600); --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-pressed-background: var(--clg-color-pal-greyscale-600); --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-light-hovered-background: var(--clg-color-pal-greyscale-700); --clg-color-app-button-icon-primary-on-surface-light-disabled-background: var(--clg-color-pal-greyscale-500); --clg-color-app-button-icon-primary-on-surface-light-background: var(--clg-color-pal-greyscale-800); --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-pressed-background: var(--clg-color-pal-greyscale-150); --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-hovered-background: var(--clg-color-pal-greyscale-075); --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-on-surface-dark-disabled-background: var(--clg-color-pal-greyscale-500); --clg-color-app-button-icon-primary-on-surface-dark-background: var(--clg-color-pal-greyscale-000); --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-icon-primary-disabled-background: var(--clg-color-pal-greyscale-500); --clg-color-app-button-icon-primary-background: var(--clg-color-pal-greyscale-800); --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-300); --clg-color-app-button-focused-border: var(--clg-color-pal-blue-500); --clg-color-app-button-favorite-pressed-background: var(--clg-color-pal-greyscale-150); --clg-color-app-button-favorite-on-surface-light-pressed-background: var(--clg-color-pal-greyscale-150); --clg-color-app-button-favorite-on-surface-light-border: var(--clg-color-pal-transparent-black-150); --clg-color-app-button-favorite-on-surface-dark-pressed-background: var(--clg-color-pal-greyscale-600); --clg-color-app-button-favorite-on-surface-dark-border: var(--clg-color-pal-transparent-white-150); --clg-color-app-brand-icon-success-02-background: var(--clg-color-pal-greyscale-000); --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-000); --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-bottom-nav-item-selected-background: var(--clg-color-pal-greyscale-075); --clg-color-app-badge-monetary-value-text: var(--clg-color-pal-green-650); --clg-color-app-badge-critical-text: var(--clg-color-pal-red-850); --clg-color-app-badge-ad-background: var(--clg-color-pal-greyscale-600); --clg-color-app-badge-border: var(--clg-color-pal-greyscale-000); --clg-color-app-badge-background: var(--clg-color-pal-greyscale-000); --clg-color-app-alert-toast-critical-icon-background: var(--clg-color-pal-greyscale-000); --clg-color-app-alert-banner-strong-icon-background: var(--clg-color-pal-greyscale-000); --clg-color-app-alert-pressed: var(--clg-color-pal-greyscale-150); --clg-typography-sem-product-body-mobile-smallest-letter-spacing: calc(var(--clg-typography-sem-product-body-mobile-smallest-font-size)*calc(var(--clg-typography-pal-letter-spacing-50)*var(--clg-typography-pal-letter-spacing-500))); --clg-typography-sem-product-body-mobile-smallest-font-color: var(--clg-color-sem-text-primary); --clg-typography-sem-product-body-mobile-smaller-letter-spacing: calc(var(--clg-typography-sem-product-body-mobile-smaller-font-size)*calc(var(--clg-typography-pal-letter-spacing-50)*var(--clg-typography-pal-letter-spacing-500))); --clg-typography-sem-product-body-mobile-smaller-font-color: var(--clg-color-sem-text-primary); --clg-typography-sem-product-body-mobile-small-letter-spacing: calc(var(--clg-typography-sem-product-body-mobile-small-font-size)*var(--clg-typography-pal-letter-spacing-700)); --clg-typography-sem-product-body-mobile-small-font-color: var(--clg-color-sem-text-primary); --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-700)); --clg-typography-sem-product-body-mobile-base-font-color: var(--clg-color-sem-text-primary); --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-700)); --clg-typography-sem-product-body-mobile-large-font-color: var(--clg-color-sem-text-primary); --clg-typography-sem-product-body-desktop-smallest-letter-spacing: calc(var(--clg-typography-sem-product-body-desktop-smallest-font-size)*calc(var(--clg-typography-pal-letter-spacing-50)*var(--clg-typography-pal-letter-spacing-500))); --clg-typography-sem-product-body-desktop-smallest-font-color: var(--clg-color-sem-text-primary); --clg-typography-sem-product-body-desktop-smaller-letter-spacing: calc(var(--clg-typography-sem-product-body-desktop-smaller-font-size)*calc(var(--clg-typography-pal-letter-spacing-50)*var(--clg-typography-pal-letter-spacing-500))); --clg-typography-sem-product-body-desktop-smaller-font-color: var(--clg-color-sem-text-primary); --clg-typography-sem-product-body-desktop-small-letter-spacing: calc(var(--clg-typography-sem-product-body-desktop-small-font-size)*var(--clg-typography-pal-letter-spacing-700)); --clg-typography-sem-product-body-desktop-small-font-color: var(--clg-color-sem-text-primary); --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-700)); --clg-typography-sem-product-body-desktop-base-font-color: var(--clg-color-sem-text-primary); --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-700)); --clg-typography-sem-product-body-desktop-large-font-color: var(--clg-color-sem-text-primary); --clg-typography-sem-product-title-mobile-smallest-letter-spacing: calc(var(--clg-typography-sem-product-title-mobile-smallest-font-size)*calc(var(--clg-typography-pal-letter-spacing-50)*var(--clg-typography-pal-letter-spacing-500))); --clg-typography-sem-product-title-mobile-smallest-font-color: var(--clg-color-sem-text-primary); --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-300)); --clg-typography-sem-product-title-mobile-smaller-font-color: var(--clg-color-sem-text-primary); --clg-typography-sem-product-title-mobile-small-letter-spacing: calc(var(--clg-typography-sem-product-title-mobile-small-font-size)*var(--clg-typography-pal-letter-spacing-700)); --clg-typography-sem-product-title-mobile-small-font-color: var(--clg-color-sem-text-primary); --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-600)); --clg-typography-sem-product-title-mobile-base-font-color: var(--clg-color-sem-text-primary); --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-600)); --clg-typography-sem-product-title-mobile-large-font-color: var(--clg-color-sem-text-primary); --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-600)); --clg-typography-sem-product-title-mobile-larger-font-color: var(--clg-color-sem-text-primary); --clg-typography-sem-product-title-desktop-smallest-letter-spacing: calc(var(--clg-typography-sem-product-title-desktop-smallest-font-size)*calc(var(--clg-typography-pal-letter-spacing-50)*var(--clg-typography-pal-letter-spacing-500))); --clg-typography-sem-product-title-desktop-smallest-font-color: var(--clg-color-sem-text-primary); --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-300)); --clg-typography-sem-product-title-desktop-smaller-font-color: var(--clg-color-sem-text-primary); --clg-typography-sem-product-title-desktop-small-letter-spacing: calc(var(--clg-typography-sem-product-title-desktop-small-font-size)*var(--clg-typography-pal-letter-spacing-700)); --clg-typography-sem-product-title-desktop-small-font-color: var(--clg-color-sem-text-primary); --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-600)); --clg-typography-sem-product-title-desktop-base-font-color: var(--clg-color-sem-text-primary); --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-600)); --clg-typography-sem-product-title-desktop-large-font-color: var(--clg-color-sem-text-primary); --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-600)); --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-750)); --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-900)); --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)*calc(var(--clg-typography-pal-letter-spacing-50)*var(--clg-typography-pal-letter-spacing-500))); --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-750)); --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-800)); --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)*calc(var(--clg-typography-pal-letter-spacing-50)*var(--clg-typography-pal-letter-spacing-500))); --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)*calc(var(--clg-typography-pal-letter-spacing-50)*var(--clg-typography-pal-letter-spacing-500))); --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)*calc(var(--clg-typography-pal-letter-spacing-50)*var(--clg-typography-pal-letter-spacing-500))); --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)*calc(var(--clg-typography-pal-letter-spacing-50)*var(--clg-typography-pal-letter-spacing-500))); --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)*calc(var(--clg-typography-pal-letter-spacing-50)*var(--clg-typography-pal-letter-spacing-500))); --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)*calc(var(--clg-typography-pal-letter-spacing-50)*var(--clg-typography-pal-letter-spacing-500))); --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)*calc(var(--clg-typography-pal-letter-spacing-50)*var(--clg-typography-pal-letter-spacing-500))); --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-150); --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-150); --clg-shape-app-signal-border-width: var(--clg-shape-sem-border-width-thin); --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-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-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-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-small-handle-size: var(--clg-dimension-pal-grid-200); --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-checked-handle-size: var(--clg-dimension-pal-grid-300); --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-group-gap-row: var(--clg-dimension-pal-grid-150); --clg-dimension-app-selectable-text-group-gap-vertical: var(--clg-dimension-pal-grid-100); --clg-dimension-app-selectable-text-group-gap-large: var(--clg-dimension-pal-grid-150); --clg-dimension-app-selectable-text-group-gap-small: var(--clg-dimension-pal-grid-150); --clg-dimension-app-selectable-text-group-gap-base: var(--clg-dimension-pal-grid-150); --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-100); --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-group-gap-row: var(--clg-dimension-pal-grid-150); --clg-dimension-app-selectable-image-group-gap-vertical: var(--clg-dimension-pal-grid-100); --clg-dimension-app-selectable-image-group-gap-large: var(--clg-dimension-pal-grid-150); --clg-dimension-app-selectable-image-group-gap-small: var(--clg-dimension-pal-grid-150); --clg-dimension-app-selectable-image-group-gap-base: var(--clg-dimension-pal-grid-150); --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-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-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-base-size: var(--clg-dimension-sem-icon-core-base); --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-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-checkbox-small-indicator-size: var(--clg-dimension-sem-icon-core-smallest); --clg-dimension-app-input-selectable-checkbox-indicator-size: var(--clg-dimension-sem-icon-core-base); --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-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: 9px; --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-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-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-text: var(--clg-color-sem-text-primary); --clg-color-app-tabs-disabled-text: var(--clg-color-sem-text-disabled); --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-text-border: var(--clg-color-sem-border-selectable); --clg-color-app-selectable-swatch-selected-border-outer: var(--clg-color-sem-border-selected); --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-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-signal-border: var(--clg-color-sem-border-divider); --clg-color-app-sheet-handle: var(--clg-color-sem-text-placeholder); --clg-color-app-transparent-gradient-end: var(--clg-color-sem-background-elevation-0); --clg-color-app-selectable-image-selected-border-outer: var(--clg-color-sem-border-selected); --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-selected-border-inner: var(--clg-color-sem-background-surface-unavailable-subtle); --clg-color-app-selectable-card-disabled-border: var(--clg-color-sem-border-selectable); --clg-color-app-selectable-card-selected-border: var(--clg-color-sem-border-selected); --clg-color-app-selectable-card-border: var(--clg-color-sem-border-selectable); --clg-color-app-scroll-overlay-background-end: var(--clg-color-sem-background-elevation-0); --clg-color-app-progress-bar-unselected-background: var(--clg-color-app-progress-bar-background); --clg-color-app-progress-bar-shop-feedback-fill: var(--clg-color-sem-background-surface-seller-dark); --clg-color-app-progress-bar-shop-feedback-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-menu-item-selected-text: var(--clg-color-sem-text-on-surface-subtle); --clg-color-app-menu-item-text: var(--clg-color-sem-text-primary); --clg-color-app-menu-background: var(--clg-color-sem-background-elevation-3); --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-light); --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-input-border: var(--clg-color-sem-border-selectable); --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-elevation-0); --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-background-surface-hovered-subtle); --clg-color-app-drag-and-drop-disabled-background: var(--clg-color-sem-background-surface-unavailable-subtle); --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-selected-strong); --clg-color-app-chip-selectable-disabled-selected-text: var(--clg-color-sem-text-on-surface-dark); --clg-color-app-chip-selectable-disabled-selected-background: var(--clg-color-sem-background-surface-unavailable-dark); --clg-color-app-chip-selectable-disabled-background: var(--clg-color-sem-background-surface-unavailable-subtle); --clg-color-app-chip-selectable-text: var(--clg-color-sem-text-on-surface-subtle); --clg-color-app-chip-selectable-border: var(--clg-color-sem-border-selectable); --clg-color-app-chip-selectable-background: var(--clg-color-sem-background-elevation-0); --clg-color-app-chip-removable-pressed-text: var(--clg-color-sem-text-on-surface-strong); --clg-color-app-chip-removable-disabled-text: var(--clg-color-sem-text-on-surface-dark); --clg-color-app-chip-removable-disabled-background: var(--clg-color-sem-background-surface-unavailable-dark); --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-selected-strong); --clg-color-app-carousel-dots-v2-container-background: var(--clg-color-sem-background-scrim); --clg-color-app-carousel-dots-inactive-border: var(--clg-color-sem-border-selectable); --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-button-transparent-on-surface-subtle-hovered-background: var(--clg-color-sem-background-surface-hovered-subtle); --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-subtle-text: var(--clg-color-sem-text-on-surface-subtle); --clg-color-app-button-transparent-on-surface-strong-disabled-text: var(--clg-color-app-button-transparent-disabled-text); --clg-color-app-button-transparent-on-surface-strong-text: var(--clg-color-sem-text-on-surface-strong); --clg-color-app-button-transparent-on-surface-light-disabled-text: var(--clg-color-app-button-transparent-disabled-text); --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-disabled-text: var(--clg-color-app-button-transparent-disabled-text); --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-background-surface-hovered-subtle); --clg-color-app-button-transparent-text: var(--clg-color-sem-text-primary); --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-hovered-text: var(--clg-color-sem-text-on-surface-dark); --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-pressed-text: var(--clg-color-sem-text-on-surface-dark); --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-text: var(--clg-color-sem-text-on-surface-dark); --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-hovered-text: var(--clg-color-sem-text-on-surface-light); --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-pressed-text: var(--clg-color-sem-text-on-surface-light); --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-text: var(--clg-color-sem-text-on-surface-light); --clg-color-app-button-toggle-secondary-pressed-text: var(--clg-color-sem-text-primary); --clg-color-app-button-toggle-secondary-pressed-border: var(--clg-color-sem-border-selectable); --clg-color-app-button-toggle-secondary-selected-pressed-text: var(--clg-color-sem-text-primary); --clg-color-app-button-toggle-secondary-selected-hovered-text: var(--clg-color-sem-text-primary); --clg-color-app-button-toggle-secondary-selected-text: var(--clg-color-sem-text-primary); --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-divider); --clg-color-app-button-toggle-secondary-hovered-text: var(--clg-color-sem-text-primary); --clg-color-app-button-toggle-secondary-hovered-border: var(--clg-color-sem-border-divider); --clg-color-app-button-toggle-secondary-text: var(--clg-color-sem-text-primary); --clg-color-app-button-toggle-secondary-border: var(--clg-color-sem-border-divider); --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-hovered-text: var(--clg-color-sem-text-on-surface-dark); --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-disabled-text: var(--clg-color-sem-text-on-surface-light); --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-hovered-text: var(--clg-color-sem-text-on-surface-light); --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-light-selected-pressed-text: var(--clg-color-sem-text-on-surface-light); --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-text: var(--clg-color-sem-text-on-surface-light); --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-pressed-text: var(--clg-color-sem-text-on-surface-dark); --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-text: var(--clg-color-sem-text-on-surface-dark); --clg-color-app-button-toggle-primary-pressed-text: var(--clg-color-sem-text-on-surface-strong); --clg-color-app-button-toggle-primary-hovered-text: var(--clg-color-sem-text-on-surface-strong); --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-hovered-text: var(--clg-color-sem-text-primary); --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-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-disabled-text: var(--clg-color-sem-text-disabled); --clg-color-app-button-text-secondary-text: var(--clg-color-sem-text-primary); --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-tertiary-on-surface-subtle-pressed-text: var(--clg-color-app-button-tertiary-on-surface-subtle-text); --clg-color-app-button-tertiary-on-surface-subtle-hovered-text: var(--clg-color-app-button-tertiary-on-surface-subtle-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-on-surface-subtle-background); --clg-color-app-button-tertiary-on-surface-strong-pressed-text: var(--clg-color-app-button-tertiary-on-surface-strong-text); --clg-color-app-button-tertiary-on-surface-strong-hovered-text: var(--clg-color-app-button-tertiary-on-surface-strong-text); --clg-color-app-button-tertiary-on-surface-strong-disabled-text: var(--clg-color-app-button-tertiary-disabled-text); --clg-color-app-button-tertiary-on-surface-strong-disabled-background: var(--clg-color-app-button-tertiary-on-surface-strong-background); --clg-color-app-button-tertiary-on-surface-light-disabled-text: var(--clg-color-app-button-tertiary-disabled-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-light-text: var(--clg-color-sem-text-on-surface-light); --clg-color-app-button-tertiary-on-surface-dark-disabled-text: var(--clg-color-app-button-tertiary-disabled-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-on-surface-dark-text: var(--clg-color-sem-text-on-surface-dark); --clg-color-app-button-tertiary-text: var(--clg-color-sem-text-on-surface-subtle); --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-selectable-background: var(--clg-color-app-button-tertiary-background); --clg-color-app-button-secondary-pressed-border: var(--clg-color-app-button-secondary-border); --clg-color-app-button-secondary-on-surface-subtle-pressed-border: var(--clg-color-app-button-secondary-on-surface-subtle-border); --clg-color-app-button-secondary-on-surface-subtle-hovered-border: var(--clg-color-app-button-secondary-on-surface-subtle-border); --clg-color-app-button-secondary-on-surface-subtle-text: var(--clg-color-sem-text-on-surface-subtle); --clg-color-app-button-secondary-on-surface-strong-pressed-border: var(--clg-color-app-button-secondary-on-surface-strong-border); --clg-color-app-button-secondary-on-surface-strong-hovered-border: var(--clg-color-app-button-secondary-on-surface-strong-border); --clg-color-app-button-secondary-on-surface-strong-text: var(--clg-color-sem-text-on-surface-strong); --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-border: var(--clg-color-app-button-secondary-on-surface-light-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-dark-pressed-border: var(--clg-color-app-button-secondary-on-surface-dark-border); --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-text: var(--clg-color-sem-text-on-surface-dark); --clg-color-app-button-secondary-hovered-border: var(--clg-color-app-button-secondary-border); --clg-color-app-button-secondary-text: var(--clg-color-sem-text-primary); --clg-color-app-button-primary-on-surface-subtle-pressed-text: var(--clg-color-app-button-primary-on-surface-subtle-text); --clg-color-app-button-primary-on-surface-subtle-hovered-text: var(--clg-color-app-button-primary-on-surface-subtle-text); --clg-color-app-button-primary-on-surface-subtle-disabled-text: var(--clg-color-app-button-primary-on-surface-subtle-text); --clg-color-app-button-primary-on-surface-strong-pressed-text: var(--clg-color-app-button-primary-on-surface-strong-text); --clg-color-app-button-primary-on-surface-strong-hovered-text: var(--clg-color-app-button-primary-on-surface-strong-text); --clg-color-app-button-primary-on-surface-strong-disabled-text: var(--clg-color-app-button-primary-on-surface-strong-text); --clg-color-app-button-primary-on-surface-light-text: var(--clg-color-sem-text-on-surface-dark); --clg-color-app-button-primary-on-surface-dark-text: var(--clg-color-sem-text-on-surface-light); --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-on-surface-subtle-hovered-background: var(--clg-color-sem-background-surface-hovered-subtle); --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-subtle-icon: var(--clg-color-sem-text-on-surface-subtle); --clg-color-app-button-icon-transparent-on-surface-strong-disabled-icon: var(--clg-color-app-button-icon-transparent-disabled-icon); --clg-color-app-button-icon-transparent-on-surface-strong-icon: var(--clg-color-sem-text-on-surface-strong); --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-light-icon: var(--clg-color-sem-text-on-surface-light); --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-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-background-surface-hovered-subtle); --clg-color-app-button-icon-transparent-icon: var(--clg-color-sem-text-primary); --clg-color-app-button-icon-tertiary-on-surface-light-disabled-icon: var(--clg-color-app-button-icon-tertiary-disabled-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-light-icon: var(--clg-color-sem-text-on-surface-light); --clg-color-app-button-icon-tertiary-on-surface-dark-disabled-icon: var(--clg-color-app-button-icon-tertiary-disabled-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-on-surface-dark-icon: var(--clg-color-sem-text-on-surface-dark); --clg-color-app-button-icon-tertiary-icon: var(--clg-color-sem-text-on-surface-subtle); --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-border: var(--clg-color-app-button-icon-secondary-subtle-on-surface-light-border); --clg-color-app-button-icon-secondary-subtle-on-surface-light-hovered-background: var(--clg-color-app-button-icon-secondary-subtle-on-surface-light-background); --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-light-icon: var(--clg-color-sem-text-on-surface-light); --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-border: var(--clg-color-app-button-icon-secondary-subtle-on-surface-dark-border); --clg-color-app-button-icon-secondary-subtle-on-surface-dark-hovered-background: var(--clg-color-app-button-icon-secondary-subtle-on-surface-dark-background); --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-on-surface-dark-icon: var(--clg-color-sem-text-on-surface-dark); --clg-color-app-button-icon-secondary-subtle-hovered-background: var(--clg-color-app-button-icon-secondary-subtle-background); --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-icon: var(--clg-color-sem-text-primary); --clg-color-app-button-icon-secondary-subtle-border: var(--clg-color-sem-border-selectable); --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-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-border: var(--clg-color-app-button-icon-secondary-strong-on-surface-light-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-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-border: var(--clg-color-app-button-icon-secondary-strong-on-surface-dark-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-hovered-border: var(--clg-color-app-button-icon-secondary-strong-border); --clg-color-app-button-icon-secondary-strong-icon: var(--clg-color-sem-text-primary); --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-dark-icon: var(--clg-color-sem-text-on-surface-light); --clg-color-app-button-icon-primary-icon: var(--clg-color-sem-text-on-surface-strong); --clg-color-app-button-favorite-selected-pressed-background: var(--clg-color-app-button-favorite-pressed-background); --clg-color-app-button-favorite-selected-icon: var(--clg-color-sem-icon-favorite); --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-icon: var(--clg-color-sem-icon-favorite-dark); --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-background: var(--clg-color-app-button-icon-secondary-subtle-on-surface-light-background); --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-icon: var(--clg-color-sem-icon-favorite-light); --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-background: var(--clg-color-app-button-icon-secondary-subtle-on-surface-dark-background); --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-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-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-elevation-3); --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-elevation-0); --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-elevation-2); --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-border: var(--clg-color-sem-border-divider); --clg-color-app-alert-banner-subtle-background: var(--clg-color-sem-background-elevation-0); --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-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-signal-border-radius: var(--clg-shape-sem-border-radius-base); --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-indicator-border-radius: var(--clg-shape-sem-border-radius-base); --clg-shape-app-dialog-border-radius: var(--clg-shape-sem-border-radius-larger); --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-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-app-switch-on-scale-to: var(--clg-dimension-app-switch-checked-handle-size); --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-switch-off-scale-from: var(--clg-dimension-app-switch-checked-handle-size); --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-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-small-size: calc(var(--clg-dimension-app-input-selectable-size)*.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)*.75; --clg-dimension-app-carousel-dots-trailing-smallest-size: var(--clg-dimension-app-carousel-dots-size)*.4; --clg-dimension-app-carousel-dots-trailing-smaller-size: var(--clg-dimension-app-carousel-dots-size)*.7; --clg-dimension-app-card-margin: var(--clg-dimension-sem-spacing-base); --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-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-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-disabled-border: var(--clg-color-app-input-border); --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-pressed-border: var(--clg-color-app-chip-selectable-border); --clg-color-app-chip-selectable-hovered-text: var(--clg-color-app-chip-selectable-text); --clg-color-app-chip-removable-hovered-text: var(--clg-color-app-chip-removable-text); --clg-color-app-button-transparent-pressed-text: var(--clg-color-app-button-transparent-text); --clg-color-app-button-transparent-on-surface-subtle-pressed-text: var(--clg-color-app-button-transparent-on-surface-subtle-text); --clg-color-app-button-transparent-on-surface-subtle-hovered-text: var(--clg-color-app-button-transparent-on-surface-subtle-text); --clg-color-app-button-transparent-on-surface-strong-pressed-text: var(--clg-color-app-button-transparent-on-surface-strong-text); --clg-color-app-button-transparent-on-surface-strong-hovered-text: var(--clg-color-app-button-transparent-on-surface-strong-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-text-secondary-pressed-text: var(--clg-color-app-button-text-secondary-text); --clg-color-app-button-text-secondary-hovered-text: var(--clg-color-app-button-text-secondary-text); --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-pressed-text: var(--clg-color-app-button-tertiary-text); --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-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-hovered-text: var(--clg-color-app-button-tertiary-text); --clg-color-app-button-selectable-selected-text: var(--clg-color-app-button-selectable-text); --clg-color-app-button-selectable-selected-background: var(--clg-color-app-button-selectable-background); --clg-color-app-button-secondary-pressed-text: var(--clg-color-app-button-secondary-text); --clg-color-app-button-secondary-on-surface-subtle-pressed-text: var(--clg-color-app-button-secondary-on-surface-subtle-text); --clg-color-app-button-secondary-on-surface-subtle-hovered-text: var(--clg-color-app-button-secondary-on-surface-subtle-text); --clg-color-app-button-secondary-on-surface-strong-pressed-text: var(--clg-color-app-button-secondary-on-surface-strong-text); --clg-color-app-button-secondary-on-surface-strong-hovered-text: var(--clg-color-app-button-secondary-on-surface-strong-text); --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-hovered-text: var(--clg-color-app-button-secondary-on-surface-light-text); --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-hovered-text: var(--clg-color-app-button-secondary-on-surface-dark-text); --clg-color-app-button-secondary-hovered-text: var(--clg-color-app-button-secondary-text); --clg-color-app-button-primary-pressed-text: var(--clg-color-app-button-primary-text); --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-icon-transparent-pressed-icon: var(--clg-color-app-button-icon-transparent-icon); --clg-color-app-button-icon-transparent-on-surface-subtle-pressed-icon: var(--clg-color-app-button-icon-transparent-on-surface-subtle-icon); --clg-color-app-button-icon-transparent-on-surface-subtle-hovered-icon: var(--clg-color-app-button-icon-transparent-on-surface-subtle-icon); --clg-color-app-button-icon-transparent-on-surface-strong-pressed-icon: var(--clg-color-app-button-icon-transparent-on-surface-strong-icon); --clg-color-app-button-icon-transparent-on-surface-strong-hovered-icon: var(--clg-color-app-button-icon-transparent-on-surface-strong-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-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-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-hovered-icon: var(--clg-color-app-button-icon-tertiary-icon); --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-pressed-border: var(--clg-color-app-button-icon-secondary-subtle-border); --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-hovered-icon: var(--clg-color-app-button-icon-secondary-subtle-on-surface-light-icon); --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-hovered-icon: var(--clg-color-app-button-icon-secondary-subtle-on-surface-dark-icon); --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-hovered-border: var(--clg-color-app-button-icon-secondary-subtle-border); --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-hovered-icon: var(--clg-color-app-button-icon-secondary-strong-on-surface-light-icon); --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-hovered-icon: var(--clg-color-app-button-icon-secondary-strong-on-surface-dark-icon); --clg-color-app-button-icon-secondary-strong-hovered-icon: var(--clg-color-app-button-icon-secondary-strong-icon); --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-favorite-selected-pressed-icon: var(--clg-color-app-button-favorite-selected-icon); --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-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-background: var(--clg-color-app-button-favorite-on-surface-light-background); --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-light-icon: var(--clg-color-app-button-icon-secondary-subtle-on-surface-light-icon); --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-background: var(--clg-color-app-button-favorite-on-surface-dark-background); --clg-color-app-button-favorite-on-surface-dark-pressed-border: var(--clg-color-app-button-icon-secondary-subtle-on-surface-dark-pressed-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-icon: var(--clg-color-app-button-icon-secondary-subtle-icon); --clg-color-app-bottom-nav-item-pressed-text: var(--clg-color-app-bottom-nav-item-text); --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-color-app-button-favorite-pressed-icon: var(--clg-color-app-button-icon-secondary-subtle-pressed-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-light-pressed-icon: var(--clg-color-app-button-favorite-on-surface-light-icon); --clg-color-app-button-favorite-on-surface-dark-selected-pressed-border: var(--clg-color-app-button-favorite-on-surface-dark-pressed-border); --clg-color-app-button-favorite-on-surface-dark-pressed-icon: var(--clg-color-app-button-favorite-on-surface-dark-icon); --clg-shape-app-button-small-focus-ring-border-radius: 20px; --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-tight-line-height)var(--clg-typography-sem-product-body-mobile-small-font-family); --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-tight-line-height)var(--clg-typography-sem-product-body-mobile-base-font-family); --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-tight-line-height)var(--clg-typography-sem-product-body-mobile-large-font-family); --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-tight-line-height)var(--clg-typography-sem-product-body-desktop-small-font-family); --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-tight-line-height)var(--clg-typography-sem-product-body-desktop-base-font-family); --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-tight-line-height)var(--clg-typography-sem-product-body-desktop-large-font-family); --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-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-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-tight-line-height)var(--clg-typography-sem-product-title-mobile-small-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-tight-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-tight-line-height)var(--clg-typography-sem-product-title-mobile-large-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-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-tight-line-height)var(--clg-typography-sem-product-title-desktop-small-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-tight-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-tight-line-height)var(--clg-typography-sem-product-title-desktop-large-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-heading-mobile-small-tight-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-tight-line-height)var(--clg-typography-sem-product-heading-mobile-small-font-family); --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-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-tight-line-height)var(--clg-typography-sem-product-heading-desktop-small-font-family); --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) } @font-face { font-family: Guardian-EgypTT; src: url(/assets/type/Guardian-EgypTT-Light.woff2)format("woff2"), url(/assets/type/Guardian-EgypTT-Light.woff)format("woff"); font-style: normal; font-weight: 300; font-stretch: 100%; font-display: swap; ascent-override: 96%; descent-override: 23% } @font-face { font-family: Guardian-EgypTT; src: url(/assets/type/StagCyr-Light-Web.woff2)format("woff2"), url(/assets/type/StagCyr-Light-Web.woff)format("woff"); font-style: normal; font-weight: 300; font-stretch: 100%; font-display: swap; ascent-override: 96%; descent-override: 23%; unicode-range: U+4?? } @font-face { font-family: Graphik Webfont; src: url(/assets/type/Graphik-Medium-Web.woff2)format("woff2"), url(/assets/type/Graphik-Medium-Web.woff)format("woff"); font-style: normal; font-weight: 500; font-stretch: 100%; font-display: swap; ascent-override: 92%; descent-override: 22% } @font-face { font-family: Graphik Webfont; src: url(/assets/type/GraphikCyr-Medium-Web.woff2)format("woff2"), url(/assets/type/GraphikCyr-Medium-Web.woff)format("woff"); font-style: normal; font-weight: 500; font-stretch: 100%; font-display: swap; ascent-override: 92%; descent-override: 22%; unicode-range: U+4?? } @font-face { font-family: Graphik Webfont; src: url(/assets/type/Graphik-Regular-Web.woff2)format("woff2"), url(/assets/type/Graphik-Regular-Web.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: Graphik Webfont; src: url(/assets/type/GraphikCyr-Regular-Web.woff2)format("woff2"), url(/assets/type/GraphikCyr-Regular-Web.woff)format("woff"); font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; ascent-override: 92%; descent-override: 22%; unicode-range: U+4?? } @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: 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: Graphik Webfont; src: url(/assets/type/Graphik-Medium-Web.woff2)format("woff2"), url(/assets/type/Graphik-Medium-Web.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: Graphik Webfont; src: url(/assets/type/GraphikCyr-Medium-Web.woff2)format("woff2"), url(/assets/type/GraphikCyr-Medium-Web.woff)format("woff"); font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; ascent-override: 92%; descent-override: 22%; unicode-range: U+4?? } @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 0px 0px 0px #0000; --clg-effect-sem-shadow-elevation-3: 0px 0px 0px 0px #0000; --clg-effect-sem-shadow-elevation-2: 0px 0px 0px 0px #0000; --clg-effect-sem-shadow-elevation-1: 0px 0px 0px 0px #0000; --clg-effect-app-input-shadow: 0px 0px 0px 0px #0000; --clg-color-sem-text-star-seller: #cebce0; --clg-color-sem-text-placeholder: #9e9e9e; --clg-color-sem-text-brand: #f1641e; --clg-color-sem-background-surface-unavailable-subtle: #2d2d2d; --clg-color-sem-background-surface-trust-subtle: #2f203c; --clg-color-sem-background-surface-selected-subtle: #ffffff14; --clg-color-sem-background-surface-expressive-yellow-darker: #664f03; --clg-color-sem-background-elevation-4: #323232; --clg-color-sem-background-elevation-3: #2b2b2b; --clg-color-sem-background-elevation-2: #242424; --clg-color-sem-background-elevation-1: #1f1f1f; --clg-color-pal-turquoise-900: #20524d; --clg-color-pal-turquoise-100: #c6d7cd; --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-075: #eeeaef; --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-skeleton-ui-background-idle: #ffffff17; --clg-color-app-progress-bar-shop-feedback-fill: #829cee; --clg-color-app-progress-bar-shop-feedback-background: #829cee; --clg-color-app-panel-background: #2b2b2b; --clg-color-app-input-background: #0000; --clg-color-app-chip-selectable-selected-hovered-background: #d0d0d0; --clg-color-app-chip-removable-hovered-background: #d0d0d0; --clg-color-app-card-background: #2b2b2b; --clg-color-app-button-toggle-primary-hovered-background: #d0d0d0; --clg-color-app-button-tertiary-pressed-background: #ffffff45; --clg-color-app-button-tertiary-on-surface-subtle-pressed-background: #ffffff45; --clg-color-app-button-tertiary-on-surface-strong-pressed-background: #0e0e0e45; --clg-color-app-button-primary-hovered-background: #d0d0d0; --clg-color-app-button-icon-tertiary-pressed-background: #ffffff45; --clg-color-app-button-icon-primary-hovered-background: #d0d0d0; --clg-color-app-brand-icon-marketing-03-background: #d7e6f5d9; --clg-color-app-brand-icon-marketing-02-background: #d7e6f528; --clg-color-app-brand-icon-empty-background: #0000; --clg-color-sem-text-on-surface-unavailable-subtle: var(--clg-color-pal-greyscale-350); --clg-color-sem-text-on-surface-subtle: var(--clg-color-pal-greyscale-000); --clg-color-sem-text-on-surface-strong: var(--clg-color-pal-greyscale-800); --clg-color-sem-text-tertiary: var(--clg-color-pal-greyscale-350); --clg-color-sem-text-secondary: var(--clg-color-pal-greyscale-150); --clg-color-sem-text-recommendation: var(--clg-color-pal-yellow-650); --clg-color-sem-text-promote: var(--clg-color-pal-green-350); --clg-color-sem-text-primary: var(--clg-color-pal-greyscale-000); --clg-color-sem-text-monetary-value: var(--clg-color-pal-green-350); --clg-color-sem-text-disabled: var(--clg-color-pal-greyscale-350); --clg-color-sem-text-critical: var(--clg-color-pal-red-400); --clg-color-sem-text-action: var(--clg-color-pal-blue-250); --clg-color-sem-icon-favorite-inverted: var(--clg-color-pal-red-800); --clg-color-sem-icon-favorite: var(--clg-color-pal-red-500); --clg-color-sem-border-selected: var(--clg-color-pal-greyscale-075); --clg-color-sem-border-placeholder: var(--clg-color-pal-transparent-white-350); --clg-color-sem-border-focused: var(--clg-color-pal-blue-300); --clg-color-sem-border-divider: var(--clg-color-pal-transparent-white-150); --clg-color-sem-border-critical: var(--clg-color-pal-red-400); --clg-color-sem-border-active: var(--clg-color-pal-greyscale-000); --clg-color-sem-background-surface-trust-light: var(--clg-color-pal-new-orange-350); --clg-color-sem-background-surface-selected-strong: var(--clg-color-pal-greyscale-075); --clg-color-sem-background-surface-recommendation-light: var(--clg-color-pal-new-orange-350); --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-000); --clg-color-sem-background-surface-notification-secondary-strong: var(--clg-color-pal-blue-250); --clg-color-sem-background-surface-notification-primary-strong: var(--clg-color-pal-new-orange-350); --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-300); --clg-color-sem-background-surface-informational-subtle: var(--clg-color-pal-greyscale-700); --clg-color-sem-background-surface-hovered-subtle: var(--clg-color-pal-transparent-white-050); --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-250); --clg-color-sem-background-surface-expressive-yellow-lightest: var(--clg-color-pal-yellow-350); --clg-color-sem-background-surface-expressive-yellow-lighter: var(--clg-color-pal-yellow-550); --clg-color-sem-background-surface-expressive-yellow-light: var(--clg-color-pal-yellow-650); --clg-color-sem-background-surface-expressive-yellow-dark: var(--clg-color-pal-yellow-850); --clg-color-sem-background-surface-expressive-purple-lighter: var(--clg-color-pal-purple-300); --clg-color-sem-background-surface-expressive-purple-darker: var(--clg-color-pal-purple-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-expressive-blue-light: var(--clg-color-pal-blue-200); --clg-color-sem-background-surface-expressive-blue-darker: var(--clg-color-pal-blue-750); --clg-color-sem-background-surface-expressive-blue-dark: var(--clg-color-pal-blue-500); --clg-color-sem-background-surface-critical-subtle: var(--clg-color-pal-red-850); --clg-color-sem-background-surface-critical-strong: var(--clg-color-pal-red-400); --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-000); --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-neg1: var(--clg-color-pal-greyscale-900); --clg-color-sem-background-elevation-0: var(--clg-color-pal-greyscale-900); --clg-color-app-tooltip-background: var(--clg-color-pal-greyscale-000); --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-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-000); --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-000); --clg-color-app-switch-inactive-foreground: var(--clg-color-pal-greyscale-000); --clg-color-app-switch-inactive-border: var(--clg-color-pal-greyscale-000); --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-foreground: var(--clg-color-pal-greyscale-800); --clg-color-app-switch-checked-border: var(--clg-color-pal-greyscale-000); --clg-color-app-switch-checked-background: var(--clg-color-pal-greyscale-000); --clg-color-app-switch-active-foreground: var(--clg-color-pal-greyscale-800); --clg-color-app-switch-active-border: var(--clg-color-pal-greyscale-000); --clg-color-app-switch-active-background: var(--clg-color-pal-greyscale-000); --clg-color-app-switch-foreground: var(--clg-color-pal-greyscale-000); --clg-color-app-switch-border: var(--clg-color-pal-greyscale-000); --clg-color-app-switch-background: var(--clg-color-pal-greyscale-800); --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-on-surface-subtle-foreground: var(--clg-color-pal-greyscale-000); --clg-color-app-spinner-on-surface-subtle-background: var(--clg-color-pal-transparent-white-150); --clg-color-app-spinner-on-surface-strong-foreground: var(--clg-color-pal-greyscale-800); --clg-color-app-spinner-on-surface-strong-background: var(--clg-color-pal-transparent-black-150); --clg-color-app-spinner-foreground: var(--clg-color-pal-greyscale-000); --clg-color-app-spinner-background: var(--clg-color-pal-transparent-white-150); --clg-color-app-skeleton-ui-background-advance: var(--clg-color-pal-transparent-white-100); --clg-color-app-signal-urgency-subtle-text: var(--clg-color-pal-red-400); --clg-color-app-signal-urgency-strong-background: var(--clg-color-pal-red-400); --clg-color-app-signal-strong-background: var(--clg-color-pal-greyscale-700); --clg-color-app-signal-promote-subtle-text: var(--clg-color-pal-green-350); --clg-color-app-signal-highlight-subtle-text: var(--clg-color-pal-blue-250); --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-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-000); --clg-color-app-review-star-filled-background: var(--clg-color-pal-greyscale-000); --clg-color-app-review-star-border: var(--clg-color-pal-greyscale-150); --clg-color-app-progress-bar-fill: var(--clg-color-pal-greyscale-000); --clg-color-app-progress-bar-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-000); --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-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-chip-swatch-selected-border: var(--clg-color-pal-greyscale-800); --clg-color-app-chip-selectable-selected-pressed-border: var(--clg-color-pal-greyscale-350); --clg-color-app-chip-selectable-selected-pressed-background: var(--clg-color-pal-greyscale-350); --clg-color-app-chip-selectable-pressed-background: var(--clg-color-pal-transparent-white-150); --clg-color-app-chip-selectable-hovered-background: var(--clg-color-pal-transparent-white-150); --clg-color-app-chip-removable-pressed-border: var(--clg-color-pal-greyscale-350); --clg-color-app-chip-removable-pressed-background: var(--clg-color-pal-greyscale-350); --clg-color-app-button-transparent-pressed-background: var(--clg-color-pal-transparent-white-150); --clg-color-app-button-transparent-on-surface-subtle-pressed-background: var(--clg-color-pal-transparent-white-150); --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-on-surface-light-disabled-background: var(--clg-color-pal-transparent-black-075); --clg-color-app-button-transparent-on-surface-dark-disabled-background: var(--clg-color-pal-transparent-black-075); --clg-color-app-button-toggle-secondary-pressed-background: var(--clg-color-pal-greyscale-600); --clg-color-app-button-toggle-secondary-selected-pressed-background: var(--clg-color-pal-transparent-white-150); --clg-color-app-button-toggle-secondary-selected-hovered-border: var(--clg-color-pal-greyscale-000); --clg-color-app-button-toggle-secondary-selected-border: var(--clg-color-pal-greyscale-000); --clg-color-app-button-toggle-primary-pressed-background: var(--clg-color-pal-greyscale-150); --clg-color-app-button-toggle-primary-selected-pressed-background: var(--clg-color-pal-transparent-white-150); --clg-color-app-button-toggle-primary-selected-hovered-border: var(--clg-color-pal-greyscale-000); --clg-color-app-button-toggle-primary-selected-border: var(--clg-color-pal-greyscale-000); --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-hovered-background: var(--clg-color-pal-transparent-white-150); --clg-color-app-button-tertiary-disabled-background: var(--clg-color-pal-transparent-white-075); --clg-color-app-button-tertiary-background: var(--clg-color-pal-transparent-white-075); --clg-color-app-button-secondary-pressed-background: var(--clg-color-pal-transparent-white-150); --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-border: var(--clg-color-pal-greyscale-000); --clg-color-app-button-primary-pressed-background: var(--clg-color-pal-greyscale-150); --clg-color-app-button-primary-on-surface-subtle-pressed-background: var(--clg-color-pal-greyscale-150); --clg-color-app-button-primary-on-surface-subtle-hovered-background: var(--clg-color-pal-greyscale-950); --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-icon-transparent-pressed-background: var(--clg-color-pal-transparent-white-150); --clg-color-app-button-icon-transparent-on-surface-subtle-pressed-background: var(--clg-color-pal-transparent-white-150); --clg-color-app-button-icon-transparent-on-surface-strong-pressed-background: var(--clg-color-pal-transparent-black-150); --clg-color-app-button-icon-transparent-on-surface-strong-hovered-background: var(--clg-color-pal-transparent-black-075); --clg-color-app-button-icon-transparent-on-surface-light-disabled-background: var(--clg-color-pal-transparent-black-075); --clg-color-app-button-icon-transparent-on-surface-dark-disabled-background: var(--clg-color-pal-transparent-black-075); --clg-color-app-button-icon-tertiary-hovered-background: var(--clg-color-pal-transparent-white-150); --clg-color-app-button-icon-tertiary-disabled-background: var(--clg-color-pal-transparent-white-075); --clg-color-app-button-icon-tertiary-background: var(--clg-color-pal-transparent-white-075); --clg-color-app-button-icon-secondary-subtle-pressed-background: var(--clg-color-pal-transparent-white-150); --clg-color-app-button-icon-secondary-subtle-background: var(--clg-color-pal-greyscale-900); --clg-color-app-button-icon-secondary-strong-pressed-background: var(--clg-color-pal-transparent-white-150); --clg-color-app-button-icon-secondary-strong-border: var(--clg-color-pal-greyscale-000); --clg-color-app-button-icon-primary-pressed-background: var(--clg-color-pal-greyscale-150); --clg-color-app-button-icon-primary-background: var(--clg-color-pal-greyscale-000); --clg-color-app-button-focused-border: var(--clg-color-pal-blue-300); --clg-color-app-button-favorite-pressed-background: var(--clg-color-pal-greyscale-600); --clg-color-app-brand-icon-success-02-background: var(--clg-color-pal-denim-100); --clg-color-app-brand-icon-marketing-03-foreground: var(--clg-color-pal-denim-300); --clg-color-app-brand-icon-marketing-02-foreground: var(--clg-color-pal-denim-300); --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-bottom-nav-item-selected-background: var(--clg-color-pal-greyscale-950); --clg-color-app-badge-border: var(--clg-color-pal-greyscale-800); --clg-color-app-input-error-background: var(--clg-color-sem-background-surface-critical-dark); --clg-color-app-chip-selectable-background: var(--clg-color-sem-background-elevation-0); --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-selected-strong); --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, #595959) !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, #595959) !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, #fff) !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, #d3d3d3) !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, #222) } [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, #0e0e0e) !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, %230E0E0E%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, #222) } [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, %23FFACC1%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, #222) } [data-clg-mode=dark] .wt-spinner.wt-spinner--01 .etsy-icon { stroke: var(--clg-color-app-spinner-on-surface-light-foreground, #222) !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, #0e0e0e2e) } [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, #0f743b) !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, #222) } [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, #0e0e0e91) } [data-clg-mode=dark] .wt-alert.wt-alert--status-02 .wt-validation__message { color: var(--clg-color-pal-red-850, #9a0027) } [data-clg-mode=dark] .wt-toast.wt-toast--success-01 { color: var(--clg-color-sem-text-on-surface-dark, #fff) } [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, #222) !important; --wt-btn-text-color-hover: var(--clg-color-app-button-transparent-on-surface-subtle-text, #222) !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, #0e0e0e08) !important } [data-clg-mode=dark] #donate-the-change-overlay { color: var(--clg-color-sem-text-on-surface-light, #222) !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 } 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, 18px) } clg-icon[size=larger] { --clg-icon-size: var(--clg-dimension-sem-icon-core-larger, 36px) } 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-brand-icon[variant=empty], clg-brand-icon[variant=success01], clg-brand-icon[variant=success02], clg-brand-icon[variant=error01], clg-brand-icon[variant=error02], clg-brand-icon[variant=marketing01], clg-brand-icon[variant=marketing02], clg-brand-icon[variant=marketing03] { height: var(--clg-icon-container-size, var(--clg-dimension-sem-icon-brand-container-base, 144px)); width: var(--clg-icon-container-size, var(--clg-dimension-sem-icon-brand-container-base, 144px)) } 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) } :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, #3b67d9)); 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, #3b67d9)); 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, #3b67d9)); 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, #3b67d9)); 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 } .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 } @keyframes hideBriefly { 0%, to { opacity: 0 } } :not(:defined) { animation: 2s step-end hideBriefly } body { font-family: var(--clg-typography-pal-family-sans-serif-regular, "Graphik Webfont", "-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, #222) } .wt-alert { padding: var(--clg-dimension-pal-spacing-300, 18px); border: 1px var(--clg-color-pal-transparent-black-150, #0e0e0e2e)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, #222) } .wt-alert.wt-alert--success-01 { background-color: var(--clg-color-sem-background-surface-success-dark, #0f743b); color: var(--clg-color-sem-text-on-surface-dark, #fff) } .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, #fff) } .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, #eaeaea); color: var(--clg-color-sem-text-primary, #222) } .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, #222) } .wt-alert.wt-alert--status-02 { background-color: var(--clg-color-sem-background-surface-warning-light, #fdd95c); color: var(--clg-color-sem-text-on-surface-light, #222) } .wt-alert.wt-alert--error-01 { background-color: var(--clg-color-sem-background-surface-critical-dark, #9a0027); color: var(--clg-color-sem-text-on-surface-dark, #fff) } .wt-alert.wt-alert--error-01 a { color: var(--clg-color-sem-text-on-surface-dark, #fff) } .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, #fff) } .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 1px 3px 0px #0000004d, 0px 4px 8px 3px #00000026) } @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, .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, .3s); animation-timing-function: cubic-bezier(.54, 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, .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, .3s); visibility: visible; animation-timing-function: cubic-bezier(.175, .745, .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, .6s); visibility: visible; animation-timing-function: cubic-bezier(.88, -.98, .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, .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, .3s); animation-timing-function: cubic-bezier(.175, .745, .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, .6s); animation-timing-function: cubic-bezier(.88, -.98, .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, .1s)) } .wt-animated--sequential:first-child { animation-delay: calc(1*var(--clg-effect-pal-duration-100, .1s)) } .wt-animated--sequential:nth-child(2) { animation-delay: calc(2*var(--clg-effect-pal-duration-100, .1s)) } .wt-animated--sequential:nth-child(3) { animation-delay: calc(3*var(--clg-effect-pal-duration-100, .1s)) } .wt-animated--sequential:nth-child(4) { animation-delay: calc(4*var(--clg-effect-pal-duration-100, .1s)) } .wt-animated--sequential:nth-child(5) { animation-delay: calc(5*var(--clg-effect-pal-duration-100, .1s)) } .wt-animated--sequential:nth-child(6) { animation-delay: calc(6*var(--clg-effect-pal-duration-100, .1s)) } .wt-animated--sequential:nth-child(7) { animation-delay: calc(7*var(--clg-effect-pal-duration-100, .1s)) } .wt-animated--sequential:nth-child(8) { animation-delay: calc(8*var(--clg-effect-pal-duration-100, .1s)) } .wt-animated--sequential:nth-child(9) { animation-delay: calc(9*var(--clg-effect-pal-duration-100, .1s)) } .wt-animated--sequential:nth-child(10) { animation-delay: calc(10*var(--clg-effect-pal-duration-100, .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(.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-mobile-base-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-mobile-base-font-weight, 500); font-size: var(--clg-typography-sem-product-title-mobile-base-font-size, 16px); line-height: var(--clg-typography-sem-product-title-mobile-base-line-height, 20px); letter-spacing: var(--clg-typography-sem-product-title-mobile-base-letter-spacing, .08px); 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 } @media only screen and (min-width:640px) { .wt-btn { font-family: var(--clg-typography-sem-product-title-desktop-base-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-desktop-base-font-weight, 500); font-size: var(--clg-typography-sem-product-title-desktop-base-font-size, 16px); line-height: var(--clg-typography-sem-product-title-desktop-base-line-height, 20px); letter-spacing: var(--clg-typography-sem-product-title-desktop-base-letter-spacing, .08px) } } .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, 18px) } .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(.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-sem-shadow-elevation-3, 0px 1px 3px 0px #0000004d, 0px 4px 8px 3px #00000026); opacity: 0; transition: transform .2s cubic-bezier(.345, .115, .135, 1.42), opacity .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, .2s)cubic-bezier(.345, .115, .135, 1.42), background .15s ease-out, box-shadow var(--clg-effect-pal-duration-200, .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 { opacity: 1; 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: .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, #fff); --wt-btn-text-color-hover: var(--clg-color-app-button-primary-disabled-text, #fff); --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, #757575) } .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, #757575); --wt-btn-text-color-hover: var(--clg-color-app-button-secondary-disabled-text, #757575); --wt-btn-border-color: var(--clg-color-app-button-secondary-disabled-border, #757575); --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, #9e9e9e); --wt-btn-text-color-hover: var(--clg-color-app-button-tertiary-disabled-text, #9e9e9e); --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, #0e0e0e17) } .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-mobile-small-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-mobile-small-font-weight, 500); font-size: var(--clg-typography-sem-product-title-mobile-small-font-size, 12.99px); line-height: var(--clg-typography-sem-product-title-mobile-small-line-height, 18.19px); letter-spacing: var(--clg-typography-sem-product-title-mobile-small-letter-spacing, .1299px); min-height: var(--clg-dimension-sem-interaction-small, 36px); min-width: var(--clg-dimension-sem-interaction-small, 36px); padding: var(--clg-dimension-app-button-small-padding-vertical, 9px)var(--clg-dimension-app-button-small-padding-horizontal, 15px) } @media only screen and (min-width:640px) { .wt-btn.wt-btn--small { font-family: var(--clg-typography-sem-product-title-desktop-small-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-desktop-small-font-weight, 500); font-size: var(--clg-typography-sem-product-title-desktop-small-font-size, 12.99px); line-height: var(--clg-typography-sem-product-title-desktop-small-line-height, 18.19px); letter-spacing: var(--clg-typography-sem-product-title-desktop-small-letter-spacing, .1299px) } } @media only screen and (min-width:0) { .wt-btn.wt-btn--small-xs { font-family: var(--clg-typography-sem-product-title-mobile-small-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-mobile-small-font-weight, 500); font-size: var(--clg-typography-sem-product-title-mobile-small-font-size, 12.99px); line-height: var(--clg-typography-sem-product-title-mobile-small-line-height, 18.19px); letter-spacing: var(--clg-typography-sem-product-title-mobile-small-letter-spacing, .1299px); min-height: var(--clg-dimension-sem-interaction-small, 36px); min-width: var(--clg-dimension-sem-interaction-small, 36px); padding: var(--clg-dimension-app-button-small-padding-vertical, 9px)var(--clg-dimension-app-button-small-padding-horizontal, 15px) } } @media only screen and (min-width:0) and (min-width:640px) { .wt-btn.wt-btn--small-xs { font-family: var(--clg-typography-sem-product-title-desktop-small-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-desktop-small-font-weight, 500); font-size: var(--clg-typography-sem-product-title-desktop-small-font-size, 12.99px); line-height: var(--clg-typography-sem-product-title-desktop-small-line-height, 18.19px); letter-spacing: var(--clg-typography-sem-product-title-desktop-small-letter-spacing, .1299px) } } @media only screen and (min-width:0) { .wt-btn.wt-btn--base-xs { font-family: var(--clg-typography-sem-product-title-mobile-base-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-mobile-base-font-weight, 500); font-size: var(--clg-typography-sem-product-title-mobile-base-font-size, 16px); line-height: var(--clg-typography-sem-product-title-mobile-base-line-height, 20px); letter-spacing: var(--clg-typography-sem-product-title-mobile-base-letter-spacing, .08px); 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:0) and (min-width:640px) { .wt-btn.wt-btn--base-xs { font-family: var(--clg-typography-sem-product-title-desktop-base-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-desktop-base-font-weight, 500); font-size: var(--clg-typography-sem-product-title-desktop-base-font-size, 16px); line-height: var(--clg-typography-sem-product-title-desktop-base-line-height, 20px); letter-spacing: var(--clg-typography-sem-product-title-desktop-base-letter-spacing, .08px) } } @media only screen and (min-width:480px) { .wt-btn.wt-btn--small-sm { font-family: var(--clg-typography-sem-product-title-mobile-small-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-mobile-small-font-weight, 500); font-size: var(--clg-typography-sem-product-title-mobile-small-font-size, 12.99px); line-height: var(--clg-typography-sem-product-title-mobile-small-line-height, 18.19px); letter-spacing: var(--clg-typography-sem-product-title-mobile-small-letter-spacing, .1299px); min-height: var(--clg-dimension-sem-interaction-small, 36px); min-width: var(--clg-dimension-sem-interaction-small, 36px); padding: var(--clg-dimension-app-button-small-padding-vertical, 9px)var(--clg-dimension-app-button-small-padding-horizontal, 15px) } } @media only screen and (min-width:480px) and (min-width:640px) { .wt-btn.wt-btn--small-sm { font-family: var(--clg-typography-sem-product-title-desktop-small-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-desktop-small-font-weight, 500); font-size: var(--clg-typography-sem-product-title-desktop-small-font-size, 12.99px); line-height: var(--clg-typography-sem-product-title-desktop-small-line-height, 18.19px); letter-spacing: var(--clg-typography-sem-product-title-desktop-small-letter-spacing, .1299px) } } @media only screen and (min-width:480px) { .wt-btn.wt-btn--base-sm { font-family: var(--clg-typography-sem-product-title-mobile-base-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-mobile-base-font-weight, 500); font-size: var(--clg-typography-sem-product-title-mobile-base-font-size, 16px); line-height: var(--clg-typography-sem-product-title-mobile-base-line-height, 20px); letter-spacing: var(--clg-typography-sem-product-title-mobile-base-letter-spacing, .08px); 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) and (min-width:640px) { .wt-btn.wt-btn--base-sm { font-family: var(--clg-typography-sem-product-title-desktop-base-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-desktop-base-font-weight, 500); font-size: var(--clg-typography-sem-product-title-desktop-base-font-size, 16px); line-height: var(--clg-typography-sem-product-title-desktop-base-line-height, 20px); letter-spacing: var(--clg-typography-sem-product-title-desktop-base-letter-spacing, .08px) } } @media only screen and (min-width:640px) { .wt-btn.wt-btn--small-md { font-family: var(--clg-typography-sem-product-title-mobile-small-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-mobile-small-font-weight, 500); font-size: var(--clg-typography-sem-product-title-mobile-small-font-size, 12.99px); line-height: var(--clg-typography-sem-product-title-mobile-small-line-height, 18.19px); letter-spacing: var(--clg-typography-sem-product-title-mobile-small-letter-spacing, .1299px); min-height: var(--clg-dimension-sem-interaction-small, 36px); min-width: var(--clg-dimension-sem-interaction-small, 36px); padding: var(--clg-dimension-app-button-small-padding-vertical, 9px)var(--clg-dimension-app-button-small-padding-horizontal, 15px) } } @media only screen and (min-width:640px) and (min-width:640px) { .wt-btn.wt-btn--small-md { font-family: var(--clg-typography-sem-product-title-desktop-small-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-desktop-small-font-weight, 500); font-size: var(--clg-typography-sem-product-title-desktop-small-font-size, 12.99px); line-height: var(--clg-typography-sem-product-title-desktop-small-line-height, 18.19px); letter-spacing: var(--clg-typography-sem-product-title-desktop-small-letter-spacing, .1299px) } } @media only screen and (min-width:640px) { .wt-btn.wt-btn--base-md { font-family: var(--clg-typography-sem-product-title-mobile-base-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-mobile-base-font-weight, 500); font-size: var(--clg-typography-sem-product-title-mobile-base-font-size, 16px); line-height: var(--clg-typography-sem-product-title-mobile-base-line-height, 20px); letter-spacing: var(--clg-typography-sem-product-title-mobile-base-letter-spacing, .08px); 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) and (min-width:640px) { .wt-btn.wt-btn--base-md { font-family: var(--clg-typography-sem-product-title-desktop-base-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-desktop-base-font-weight, 500); font-size: var(--clg-typography-sem-product-title-desktop-base-font-size, 16px); line-height: var(--clg-typography-sem-product-title-desktop-base-line-height, 20px); letter-spacing: var(--clg-typography-sem-product-title-desktop-base-letter-spacing, .08px) } } @media only screen and (min-width:900px) { .wt-btn.wt-btn--small-lg { font-family: var(--clg-typography-sem-product-title-mobile-small-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-mobile-small-font-weight, 500); font-size: var(--clg-typography-sem-product-title-mobile-small-font-size, 12.99px); line-height: var(--clg-typography-sem-product-title-mobile-small-line-height, 18.19px); letter-spacing: var(--clg-typography-sem-product-title-mobile-small-letter-spacing, .1299px); min-height: var(--clg-dimension-sem-interaction-small, 36px); min-width: var(--clg-dimension-sem-interaction-small, 36px); padding: var(--clg-dimension-app-button-small-padding-vertical, 9px)var(--clg-dimension-app-button-small-padding-horizontal, 15px) } } @media only screen and (min-width:900px) and (min-width:640px) { .wt-btn.wt-btn--small-lg { font-family: var(--clg-typography-sem-product-title-desktop-small-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-desktop-small-font-weight, 500); font-size: var(--clg-typography-sem-product-title-desktop-small-font-size, 12.99px); line-height: var(--clg-typography-sem-product-title-desktop-small-line-height, 18.19px); letter-spacing: var(--clg-typography-sem-product-title-desktop-small-letter-spacing, .1299px) } } @media only screen and (min-width:900px) { .wt-btn.wt-btn--base-lg { font-family: var(--clg-typography-sem-product-title-mobile-base-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-mobile-base-font-weight, 500); font-size: var(--clg-typography-sem-product-title-mobile-base-font-size, 16px); line-height: var(--clg-typography-sem-product-title-mobile-base-line-height, 20px); letter-spacing: var(--clg-typography-sem-product-title-mobile-base-letter-spacing, .08px); 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) and (min-width:640px) { .wt-btn.wt-btn--base-lg { font-family: var(--clg-typography-sem-product-title-desktop-base-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-desktop-base-font-weight, 500); font-size: var(--clg-typography-sem-product-title-desktop-base-font-size, 16px); line-height: var(--clg-typography-sem-product-title-desktop-base-line-height, 20px); letter-spacing: var(--clg-typography-sem-product-title-desktop-base-letter-spacing, .08px) } } @media only screen and (min-width:1200px) { .wt-btn.wt-btn--small-xl { font-family: var(--clg-typography-sem-product-title-mobile-small-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-mobile-small-font-weight, 500); font-size: var(--clg-typography-sem-product-title-mobile-small-font-size, 12.99px); line-height: var(--clg-typography-sem-product-title-mobile-small-line-height, 18.19px); letter-spacing: var(--clg-typography-sem-product-title-mobile-small-letter-spacing, .1299px); min-height: var(--clg-dimension-sem-interaction-small, 36px); min-width: var(--clg-dimension-sem-interaction-small, 36px); padding: var(--clg-dimension-app-button-small-padding-vertical, 9px)var(--clg-dimension-app-button-small-padding-horizontal, 15px) } } @media only screen and (min-width:1200px) and (min-width:640px) { .wt-btn.wt-btn--small-xl { font-family: var(--clg-typography-sem-product-title-desktop-small-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-desktop-small-font-weight, 500); font-size: var(--clg-typography-sem-product-title-desktop-small-font-size, 12.99px); line-height: var(--clg-typography-sem-product-title-desktop-small-line-height, 18.19px); letter-spacing: var(--clg-typography-sem-product-title-desktop-small-letter-spacing, .1299px) } } @media only screen and (min-width:1200px) { .wt-btn.wt-btn--base-xl { font-family: var(--clg-typography-sem-product-title-mobile-base-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-mobile-base-font-weight, 500); font-size: var(--clg-typography-sem-product-title-mobile-base-font-size, 16px); line-height: var(--clg-typography-sem-product-title-mobile-base-line-height, 20px); letter-spacing: var(--clg-typography-sem-product-title-mobile-base-letter-spacing, .08px); 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) and (min-width:640px) { .wt-btn.wt-btn--base-xl { font-family: var(--clg-typography-sem-product-title-desktop-base-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-desktop-base-font-weight, 500); font-size: var(--clg-typography-sem-product-title-desktop-base-font-size, 16px); line-height: var(--clg-typography-sem-product-title-desktop-base-line-height, 20px); letter-spacing: var(--clg-typography-sem-product-title-desktop-base-letter-spacing, .08px) } } @media only screen and (min-width:1400px) { .wt-btn.wt-btn--small-tv { font-family: var(--clg-typography-sem-product-title-mobile-small-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-mobile-small-font-weight, 500); font-size: var(--clg-typography-sem-product-title-mobile-small-font-size, 12.99px); line-height: var(--clg-typography-sem-product-title-mobile-small-line-height, 18.19px); letter-spacing: var(--clg-typography-sem-product-title-mobile-small-letter-spacing, .1299px); min-height: var(--clg-dimension-sem-interaction-small, 36px); min-width: var(--clg-dimension-sem-interaction-small, 36px); padding: var(--clg-dimension-app-button-small-padding-vertical, 9px)var(--clg-dimension-app-button-small-padding-horizontal, 15px) } } @media only screen and (min-width:1400px) and (min-width:640px) { .wt-btn.wt-btn--small-tv { font-family: var(--clg-typography-sem-product-title-desktop-small-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-desktop-small-font-weight, 500); font-size: var(--clg-typography-sem-product-title-desktop-small-font-size, 12.99px); line-height: var(--clg-typography-sem-product-title-desktop-small-line-height, 18.19px); letter-spacing: var(--clg-typography-sem-product-title-desktop-small-letter-spacing, .1299px) } } @media only screen and (min-width:1400px) { .wt-btn.wt-btn--base-tv { font-family: var(--clg-typography-sem-product-title-mobile-base-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-mobile-base-font-weight, 500); font-size: var(--clg-typography-sem-product-title-mobile-base-font-size, 16px); line-height: var(--clg-typography-sem-product-title-mobile-base-line-height, 20px); letter-spacing: var(--clg-typography-sem-product-title-mobile-base-letter-spacing, .08px); 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) and (min-width:640px) { .wt-btn.wt-btn--base-tv { font-family: var(--clg-typography-sem-product-title-desktop-base-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-desktop-base-font-weight, 500); font-size: var(--clg-typography-sem-product-title-desktop-base-font-size, 16px); line-height: var(--clg-typography-sem-product-title-desktop-base-line-height, 20px); letter-spacing: var(--clg-typography-sem-product-title-desktop-base-letter-spacing, .08px) } } .wt-btn.wt-btn--primary, .wt-btn.wt-btn--filled { --wt-btn-text-color: var(--clg-color-sem-text-on-surface-strong, #fff); --wt-btn-text-color-hover: var(--clg-color-sem-text-on-surface-strong, #fff); --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, #222); --wt-btn-bg-color-hover: var(--clg-color-app-button-primary-hovered-background, #2f2f2f); --wt-btn-bg-color-active: var(--clg-color-app-button-primary-pressed-background, #595959) } .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, #fff), 0 0 0 var(--clg-shape-pal-border-width-300, 4px)var(--clg-color-sem-border-focused, #3b67d9), 0 0 0 var(--clg-shape-pal-border-width-400, 6px)var(--clg-color-sem-background-elevation-0, #fff) } .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, #fff), 0 0 0 var(--clg-shape-pal-border-width-300, 4px)var(--clg-color-sem-border-focused, #3b67d9), 0 0 0 var(--clg-shape-pal-border-width-400, 6px)var(--clg-color-sem-background-elevation-0, #fff) } .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, #fff), 0 0 0 var(--clg-shape-pal-border-width-300, 4px)var(--clg-color-sem-border-focused, #3b67d9), 0 0 0 var(--clg-shape-pal-border-width-400, 6px)var(--clg-color-sem-background-elevation-0, #fff) } .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, #595959) } .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, #222); --wt-btn-text-color-hover: var(--clg-color-app-button-primary-on-surface-dark-text, #222); --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, #fff); --wt-btn-bg-color-hover: var(--clg-color-app-button-primary-on-surface-dark-hovered-background, #eaeaea); --wt-btn-bg-color-active: var(--clg-color-app-button-primary-pressed-background, #595959) } .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, #3b67d9), 0 0 0 var(--clg-shape-pal-border-width-300, 4px)var(--clg-color-sem-background-elevation-0, #fff) } .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, #3b67d9), 0 0 0 var(--clg-shape-pal-border-width-300, 4px)var(--clg-color-sem-background-elevation-0, #fff) } .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, #3b67d9), 0 0 0 var(--clg-shape-pal-border-width-300, 4px)var(--clg-color-sem-background-elevation-0, #fff) } .wt-btn.wt-btn--secondary, .wt-btn.wt-btn--outline { --wt-btn-text-color: var(--clg-color-sem-text-on-surface-subtle, #222); --wt-btn-text-color-hover: var(--clg-color-sem-text-on-surface-subtle, #222); --wt-btn-border-color: var(--clg-color-app-button-secondary-border, #222); --wt-btn-border-color-hover: var(--clg-color-app-button-secondary-hovered-border, #222); --wt-btn-border-width: var(--clg-shape-app-button-secondary-border-width, 1.5px); --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, #0000); --wt-btn-bg-color-active: var(--clg-color-app-button-secondary-pressed-background, #0e0e0e2e) } .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, #fff), 0 0 0 var(--clg-shape-pal-border-width-300, 4px)var(--clg-color-sem-border-focused, #3b67d9) } .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, #fff), 0 0 0 var(--clg-shape-pal-border-width-300, 4px)var(--clg-color-sem-border-focused, #3b67d9) } .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, #fff), 0 0 0 var(--clg-shape-pal-border-width-300, 4px)var(--clg-color-sem-border-focused, #3b67d9) } .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, #0e0e0e2e) } .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, #fff); --wt-btn-text-color-hover: var(--clg-color-app-button-secondary-on-surface-dark-text, #fff); --wt-btn-border-color: var(--clg-color-app-button-secondary-on-surface-dark-border, #fff); --wt-btn-border-color-hover: var(--clg-color-app-button-secondary-on-surface-dark-hovered-border, #fff); --wt-btn-border-width: var(--clg-shape-app-button-secondary-border-width, 1.5px); --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, #0000); --wt-btn-bg-color-active: var(--clg-color-app-button-secondary-pressed-background, #0e0e0e2e) } .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, #3b67d9), 0 0 0 var(--clg-shape-pal-border-width-300, 4px)var(--clg-color-sem-background-elevation-0, #fff) } .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, #3b67d9), 0 0 0 var(--clg-shape-pal-border-width-300, 4px)var(--clg-color-sem-background-elevation-0, #fff) } .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, #3b67d9), 0 0 0 var(--clg-shape-pal-border-width-300, 4px)var(--clg-color-sem-background-elevation-0, #fff) } .wt-btn.wt-btn--tertiary { --wt-btn-text-color: var(--clg-color-sem-text-on-surface-subtle, #222); --wt-btn-text-color-hover: var(--clg-color-sem-text-on-surface-subtle, #222); --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, #0e0e0e17); --wt-btn-bg-color-hover: var(--clg-color-app-button-tertiary-hovered-background, #0e0e0e2e); --wt-btn-bg-color-active: var(--clg-color-app-button-tertiary-pressed-background, #0e0e0e45) } .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, #fff), 0 0 0 var(--clg-shape-pal-border-width-300, 4px)var(--clg-color-sem-border-focused, #3b67d9) } .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, #fff), 0 0 0 var(--clg-shape-pal-border-width-300, 4px)var(--clg-color-sem-border-focused, #3b67d9) } .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, #0e0e0e45) } .wt-btn.wt-btn--tertiary.wt-btn--light { --wt-btn-text-color: var(--clg-color-app-button-tertiary-on-surface-dark-text, #fff); --wt-btn-text-color-hover: var(--clg-color-app-button-tertiary-on-surface-dark-text, #fff); --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, #ffffff3d); --wt-btn-bg-color-active: var(--clg-color-app-button-tertiary-pressed-background, #0e0e0e45) } .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, #3b67d9), 0 0 0 var(--clg-shape-pal-border-width-300, 4px)var(--clg-color-sem-background-elevation-0, #fff) } .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, #3b67d9), 0 0 0 var(--clg-shape-pal-border-width-300, 4px)var(--clg-color-sem-background-elevation-0, #fff) } .wt-btn.wt-btn--transparent { --wt-btn-text-color: var(--clg-color-sem-text-on-surface-subtle, #222); --wt-btn-text-color-hover: var(--clg-color-sem-text-on-surface-subtle, #222); --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, #0e0e0e08); --wt-btn-bg-color-active: var(--clg-color-app-button-transparent-pressed-background, #0e0e0e2e); --wt-btn-scale: scaleX(.7)scaleY(.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, #fff), 0 0 0 var(--clg-shape-pal-border-width-300, 4px)var(--clg-color-sem-border-focused, #3b67d9) } .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, #fff), 0 0 0 var(--clg-shape-pal-border-width-300, 4px)var(--clg-color-sem-border-focused, #3b67d9) } .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, #fff); --wt-btn-text-color-hover: var(--clg-color-app-button-transparent-on-surface-dark-text, #fff); --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, #3b67d9), 0 0 0 var(--clg-shape-pal-border-width-300, 4px)var(--clg-color-sem-background-elevation-0, #fff) } .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, #3b67d9), 0 0 0 var(--clg-shape-pal-border-width-300, 4px)var(--clg-color-sem-background-elevation-0, #fff) } .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-app-button-small-padding-vertical, 9px)) } @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-app-button-small-padding-vertical, 9px)) } } @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-app-button-small-padding-vertical, 9px)) } } @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-app-button-small-padding-vertical, 9px)) } } @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-app-button-small-padding-vertical, 9px)) } } @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-app-button-small-padding-vertical, 9px)) } } @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-app-button-small-padding-vertical, 9px)) } } .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-app-button-small-padding-vertical, 9px)) } @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-app-button-small-padding-vertical, 9px)) } } @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-app-button-small-padding-vertical, 9px)) } } @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-app-button-small-padding-vertical, 9px)) } } @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-app-button-small-padding-vertical, 9px)) } } @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-app-button-small-padding-vertical, 9px)) } } @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-app-button-small-padding-vertical, 9px)) } } .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-app-button-small-padding-vertical, 9px)) } @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-app-button-small-padding-vertical, 9px)) } } @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-app-button-small-padding-vertical, 9px)) } } @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-app-button-small-padding-vertical, 9px)) } } @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-app-button-small-padding-vertical, 9px)) } } @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-app-button-small-padding-vertical, 9px)) } } @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-app-button-small-padding-vertical, 9px)) } } .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-app-button-small-padding-vertical, 9px)) } @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-app-button-small-padding-vertical, 9px)) } } @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-app-button-small-padding-vertical, 9px)) } } @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-app-button-small-padding-vertical, 9px)) } } @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-app-button-small-padding-vertical, 9px)) } } @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-app-button-small-padding-vertical, 9px)) } } @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-app-button-small-padding-vertical, 9px)) } } .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(.7)scaleY(.7)perspective(1px); --wt-btn-scale-hover: scaleX(1.035)scaleY(1.035)perspective(1px) } .wt-btn.wt-btn--icon.wt-btn--small { padding: var(--clg-dimension-app-button-small-padding-vertical, 9px) } @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: var(--clg-dimension-app-button-small-padding-vertical, 9px) } } @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: var(--clg-dimension-app-button-small-padding-vertical, 9px) } } @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: var(--clg-dimension-app-button-small-padding-vertical, 9px) } } @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: var(--clg-dimension-app-button-small-padding-vertical, 9px) } } @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: var(--clg-dimension-app-button-small-padding-vertical, 9px) } } @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: var(--clg-dimension-app-button-small-padding-vertical, 9px) } } .wt-btn.wt-btn--fixed-floating { z-index: var(--clg-effect-pal-z-index-700, 70); position: fixed } .wt-btn.wt-btn--fixed-floating:before { opacity: 1; box-shadow: var(--clg-effect-sem-shadow-elevation-3, 0px 1px 3px 0px #0000004d, 0px 4px 8px 3px #00000026) } .wt-btn.wt-btn--fixed-floating:not(:disabled):not([aria-disabled=true]):hover:before { box-shadow: var(--clg-effect-sem-shadow-elevation-4, 0px 1px 5px 0px #0000004d, 0px 5px 20px 6px #00000026) } .wt-btn.wt-btn--fixed-floating:not(:disabled):not([aria-disabled=true]):focus-visible:before { box-shadow: var(--clg-effect-sem-shadow-elevation-4, 0px 1px 5px 0px #0000004d, 0px 5px 20px 6px #00000026) } .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, #0e0e0e17); 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(.345, .115, .135, 1.42); transition-duration: var(--clg-effect-pal-duration-200, .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, #0e0e0e2e) } .wt-content-toggle--ellipsis-btn:hover:not(:active) { background-color: var(--clg-color-app-button-tertiary-hovered-background, #0e0e0e2e); outline-color: var(--clg-color-app-button-tertiary-hovered-background, #0e0e0e2e) } .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, .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, %23222222%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, .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, %23FFFFFF%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, .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, %23FFFFFF%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-mobile-small-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-body-mobile-small-font-weight, 400); font-size: var(--clg-typography-sem-product-body-mobile-small-font-size, 12.99px); line-height: var(--clg-typography-sem-product-body-mobile-small-line-height, 18.19px); letter-spacing: var(--clg-typography-sem-product-body-mobile-small-letter-spacing, .1299px) } @media only screen and (min-width:640px) { .wt-content-toggle__body--condensed { font-family: var(--clg-typography-sem-product-body-desktop-small-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-body-desktop-small-font-weight, 400); font-size: var(--clg-typography-sem-product-body-desktop-small-font-size, 12.99px); line-height: var(--clg-typography-sem-product-body-desktop-small-line-height, 18.19px); letter-spacing: var(--clg-typography-sem-product-body-desktop-small-letter-spacing, .1299px) } } .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, .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, .2s)ease-in; background-image: linear-gradient(to bottom, var(--clg-color-app-transparent-gradient-start, #fff0), var(--clg-color-app-transparent-gradient-end, #fff)); 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, #fff)) } .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 1px 4px 0px inset #0e0e0e17); border-color: var(--clg-color-app-input-border, #949494); border-style: solid; border-width: var(--clg-shape-app-input-border-width, 1.5px); border-radius: var(--clg-shape-app-input-border-radius, 8px); color: var(--clg-color-sem-text-primary, #222); font-family: var(--clg-typography-sem-product-body-mobile-base-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-body-mobile-base-font-weight, 400); font-size: var(--clg-typography-sem-product-body-mobile-base-font-size, 16px); line-height: var(--clg-typography-sem-product-body-mobile-base-line-height, 27.2px); letter-spacing: var(--clg-typography-sem-product-body-mobile-base-letter-spacing, .16px); 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 .2s ease-out, background .2s ease-out; display: block } @media only screen and (min-width:640px) { .wt-input, .wt-textarea, .wt-input-btn-group__input { font-family: var(--clg-typography-sem-product-body-desktop-base-font-family, "Graphik Webfont", "-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: var(--clg-typography-sem-product-body-desktop-base-line-height, 27.2px); letter-spacing: var(--clg-typography-sem-product-body-desktop-base-letter-spacing, .16px) } } .wt-input:hover, .wt-textarea:hover, .wt-input-btn-group__input:hover { border-color: var(--clg-color-app-input-hovered-border, #0e0e0e91) } .wt-input:focus, .wt-textarea:focus, .wt-input-btn-group__input:focus { border-color: var(--clg-color-sem-border-active, #222); box-shadow: 0 0 0 var(--clg-shape-pal-border-width-200, 2px)var(--clg-color-sem-background-elevation-0, #fff), 0 0 0 var(--clg-shape-pal-border-width-300, 4px)var(--clg-color-sem-border-focused, #3b67d9) } .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, #eaeaea); border-color: var(--clg-color-app-input-border, #949494); color: var(--clg-color-app-input-disabled-text, #595959); 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, #ffeaf0); border-color: var(--clg-color-sem-border-critical, #9a0027); color: var(--clg-color-sem-text-primary, #222) } .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, #9a0027) } .wt-input::placeholder, .wt-textarea::placeholder, .wt-input-btn-group__input::placeholder { color: var(--clg-color-sem-text-placeholder, #757575) } .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-mobile-small-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-body-mobile-small-font-weight, 400); font-size: var(--clg-typography-sem-product-body-mobile-small-font-size, 12.99px); line-height: var(--clg-typography-sem-product-body-mobile-small-line-height, 18.19px); letter-spacing: var(--clg-typography-sem-product-body-mobile-small-letter-spacing, .1299px); height: var(--clg-dimension-sem-interaction-small, 36px) } @media only screen and (min-width:640px) { .wt-input--small, .wt-input-btn-group__input--small { font-family: var(--clg-typography-sem-product-body-desktop-small-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-body-desktop-small-font-weight, 400); font-size: var(--clg-typography-sem-product-body-desktop-small-font-size, 12.99px); line-height: var(--clg-typography-sem-product-body-desktop-small-line-height, 18.19px); letter-spacing: var(--clg-typography-sem-product-body-desktop-small-letter-spacing, .1299px) } } .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-mobile-base-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-body-mobile-base-font-weight, 400); font-size: var(--clg-typography-sem-product-body-mobile-base-font-size, 16px); line-height: var(--clg-typography-sem-product-body-mobile-base-line-height, 27.2px); letter-spacing: var(--clg-typography-sem-product-body-mobile-base-letter-spacing, .16px); position: absolute; top: 50%; transform: translateY(-50%) } @media only screen and (min-width:640px) { .wt-input__prepend, .wt-input__append { font-family: var(--clg-typography-sem-product-body-desktop-base-font-family, "Graphik Webfont", "-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: var(--clg-typography-sem-product-body-desktop-base-line-height, 27.2px); letter-spacing: var(--clg-typography-sem-product-body-desktop-base-letter-spacing, .16px) } } .wt-input__prepend.wt-input__prepend--small, .wt-input__append.wt-input__append--small { font-family: var(--clg-typography-sem-product-body-mobile-small-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-body-mobile-small-font-weight, 400); font-size: var(--clg-typography-sem-product-body-mobile-small-font-size, 12.99px); line-height: var(--clg-typography-sem-product-body-mobile-small-line-height, 18.19px); letter-spacing: var(--clg-typography-sem-product-body-mobile-small-letter-spacing, .1299px) } @media only screen and (min-width:640px) { .wt-input__prepend.wt-input__prepend--small, .wt-input__append.wt-input__append--small { font-family: var(--clg-typography-sem-product-body-desktop-small-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-body-desktop-small-font-weight, 400); font-size: var(--clg-typography-sem-product-body-desktop-small-font-size, 12.99px); line-height: var(--clg-typography-sem-product-body-desktop-small-line-height, 18.19px); letter-spacing: var(--clg-typography-sem-product-body-desktop-small-letter-spacing, .1299px) } } .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-mobile-small-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-body-mobile-small-font-weight, 400); font-size: var(--clg-typography-sem-product-body-mobile-small-font-size, 12.99px); line-height: var(--clg-typography-sem-product-body-mobile-small-line-height, 18.19px); letter-spacing: var(--clg-typography-sem-product-body-mobile-small-letter-spacing, .1299px) } @media only screen and (min-width:640px) { .wt-textarea--small { font-family: var(--clg-typography-sem-product-body-desktop-small-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-body-desktop-small-font-weight, 400); font-size: var(--clg-typography-sem-product-body-desktop-small-font-size, 12.99px); line-height: var(--clg-typography-sem-product-body-desktop-small-line-height, 18.19px); letter-spacing: var(--clg-typography-sem-product-body-desktop-small-letter-spacing, .1299px) } } .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, #0e0e0e17)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, #222); font: inherit; cursor: pointer; text-align: left; -webkit-tap-highlight-color: #0000; -webkit-appearance: none; font-family: var(--clg-typography-sem-product-title-mobile-base-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-mobile-base-font-weight, 500); font-size: var(--clg-typography-sem-product-title-mobile-base-font-size, 16px); line-height: var(--clg-typography-sem-product-title-mobile-base-line-height, 20px); letter-spacing: var(--clg-typography-sem-product-title-mobile-base-letter-spacing, .08px); 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, 1.5px)solid var(--clg-color-app-input-border, #949494); background: 0 0; border-left: 0; outline: none; text-decoration: none; transition: border .2s ease-out, color .2s ease-out; position: relative } .wt-input-btn-group .wt-input-btn-group__btn:focus-visible { outline: inherit } @media only screen and (min-width:640px) { .wt-input-btn-group .wt-input-btn-group__btn { font-family: var(--clg-typography-sem-product-title-desktop-base-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-desktop-base-font-weight, 500); font-size: var(--clg-typography-sem-product-title-desktop-base-font-size, 16px); line-height: var(--clg-typography-sem-product-title-desktop-base-line-height, 20px); letter-spacing: var(--clg-typography-sem-product-title-desktop-base-letter-spacing, .08px) } } .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, #222); opacity: 0; transition: transform .2s cubic-bezier(.345, .115, .135, 1.42), opacity .15s ease-out, border-radius .2s cubic-bezier(.345, .115, .135, 1.42), box-shadow .2s ease-out; transform: scale(.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, #fff); background: var(--clg-color-app-button-primary-hovered-background, #2f2f2f) } .wt-input-btn-group .wt-input-btn-group__btn:hover:after { opacity: .075; transform: scale(1)perspective(1px) } .wt-input-btn-group .wt-input-btn-group__btn:focus { color: var(--clg-color-sem-text-on-surface-strong, #fff) } .wt-input-btn-group .wt-input-btn-group__btn:focus: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, #fff), 0 0 0 var(--clg-shape-pal-border-width-300, 4px)var(--clg-color-sem-border-focused, #3b67d9) } .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, #fff); border-color: var(--clg-color-app-button-primary-background, #222) } .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, #222); 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, #2f2f2f); color: var(--clg-color-app-button-primary-hovered-text, #fff); 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-mobile-small-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-body-mobile-small-font-weight, 400); font-size: var(--clg-typography-sem-product-body-mobile-small-font-size, 12.99px); line-height: var(--clg-typography-sem-product-body-mobile-small-line-height, 18.19px); letter-spacing: var(--clg-typography-sem-product-body-mobile-small-letter-spacing, .1299px); 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) } @media only screen and (min-width:640px) { .wt-input-btn-group .wt-input-btn-group__btn.wt-input-btn-group__btn--small { font-family: var(--clg-typography-sem-product-body-desktop-small-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-body-desktop-small-font-weight, 400); font-size: var(--clg-typography-sem-product-body-desktop-small-font-size, 12.99px); line-height: var(--clg-typography-sem-product-body-desktop-small-line-height, 18.19px); letter-spacing: var(--clg-typography-sem-product-body-desktop-small-letter-spacing, .1299px) } } .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, #0e0e0e91) } .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, #fff), 0 0 0 var(--clg-shape-pal-border-width-300, 4px)var(--clg-color-sem-border-focused, #3b67d9) } .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, #222); color: var(--clg-color-app-button-primary-text, #fff) } .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-mobile-small-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-mobile-small-font-weight, 500); font-size: var(--clg-typography-sem-product-title-mobile-small-font-size, 12.99px); line-height: var(--clg-typography-sem-product-title-mobile-small-line-height, 18.19px); letter-spacing: var(--clg-typography-sem-product-title-mobile-small-letter-spacing, .1299px) } @media only screen and (min-width:640px) { .wt-label.wt-label--small { font-family: var(--clg-typography-sem-product-title-desktop-small-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-desktop-small-font-weight, 500); font-size: var(--clg-typography-sem-product-title-desktop-small-font-size, 12.99px); line-height: var(--clg-typography-sem-product-title-desktop-small-line-height, 18.19px); letter-spacing: var(--clg-typography-sem-product-title-desktop-small-letter-spacing, .1299px) } } .wt-label__optional { font-family: var(--clg-typography-sem-product-body-mobile-small-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-body-mobile-small-font-weight, 400); font-size: var(--clg-typography-sem-product-body-mobile-small-font-size, 12.99px); line-height: var(--clg-typography-sem-product-body-mobile-small-line-height, 18.19px); letter-spacing: var(--clg-typography-sem-product-body-mobile-small-letter-spacing, .1299px) } @media only screen and (min-width:640px) { .wt-label__optional { font-family: var(--clg-typography-sem-product-body-desktop-small-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-body-desktop-small-font-weight, 400); font-size: var(--clg-typography-sem-product-body-desktop-small-font-size, 12.99px); line-height: var(--clg-typography-sem-product-body-desktop-small-line-height, 18.19px); letter-spacing: var(--clg-typography-sem-product-body-desktop-small-letter-spacing, .1299px) } } .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)*.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, %239A0027%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, #595959); text-shadow: 0 0 #fff } } .wt-select { width: 100%; transition: all .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, %23222222%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-mobile-base-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-body-mobile-base-font-weight, 400); font-size: var(--clg-typography-sem-product-body-mobile-base-font-size, 16px); line-height: var(--clg-typography-sem-product-body-mobile-base-line-height, 27.2px); letter-spacing: var(--clg-typography-sem-product-body-mobile-base-letter-spacing, .16px); 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, #949494); color: var(--clg-color-sem-text-primary, #222); text-indent: .01px; text-overflow: ""; cursor: pointer; width: 100%; transition: border-color .2s ease-out, box-shadow .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, #fff), 0 0 0 var(--clg-shape-pal-border-width-300, 4px)var(--clg-color-sem-border-focused, #3b67d9) !important; outline: 3px solid #0000 !important } @media only screen and (min-width:640px) { .wt-select .wt-select__element { font-family: var(--clg-typography-sem-product-body-desktop-base-font-family, "Graphik Webfont", "-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: var(--clg-typography-sem-product-body-desktop-base-line-height, 27.2px); letter-spacing: var(--clg-typography-sem-product-body-desktop-base-letter-spacing, .16px) } } .wt-select .wt-select__element::-ms-expand { display: none } .wt-select .wt-select__element:hover { border-color: var(--clg-color-app-input-hovered-border, #0e0e0e91); box-shadow: var(--clg-effect-sem-shadow-elevation-2, 0px 1px 2px 0px #0000004d, 0px 2px 6px 2px #00000026) } .wt-select .wt-select__element:focus { border-color: var(--clg-color-sem-border-focused, #3b67d9) } .wt-select .wt-select__element[aria-invalid=true] { background-color: var(--clg-color-sem-background-surface-critical-subtle, #ffeaf0); border: var(--clg-shape-app-input-border-width, 1.5px)solid var(--clg-color-sem-border-critical, #9a0027) } .wt-select--small .wt-select__element { font-family: var(--clg-typography-sem-product-body-mobile-small-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-body-mobile-small-font-weight, 400); font-size: var(--clg-typography-sem-product-body-mobile-small-font-size, 12.99px); line-height: var(--clg-typography-sem-product-body-mobile-small-line-height, 18.19px); letter-spacing: var(--clg-typography-sem-product-body-mobile-small-letter-spacing, .1299px); height: var(--clg-dimension-sem-interaction-small, 36px); line-height: calc(var(--clg-dimension-sem-interaction-small, 36px)/2) } @media only screen and (min-width:640px) { .wt-select--small .wt-select__element { font-family: var(--clg-typography-sem-product-body-desktop-small-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-body-desktop-small-font-weight, 400); font-size: var(--clg-typography-sem-product-body-desktop-small-font-size, 12.99px); line-height: var(--clg-typography-sem-product-body-desktop-small-line-height, 18.19px); letter-spacing: var(--clg-typography-sem-product-body-desktop-small-letter-spacing, .1299px) } } .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, #eaeaea); color: var(--clg-color-app-input-disabled-text, #595959); 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 .2s ease-out, opacity .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, #fff); border-color: var(--clg-color-app-switch-border, #222); border-width: var(--clg-shape-app-switch-border-width, 1.5px); 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, %23222222%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 .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") } 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, #fff), 0 0 0 var(--clg-shape-pal-border-width-300, 4px)var(--clg-color-sem-border-focused, #3b67d9) } 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, %23FFFFFF%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, #222) } [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") } 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 .2s cubic-bezier(.175, .885, .4, 1.1), background-color .1s ease-out; display: block; position: absolute } input.wt-switch:not(:checked)+.wt-switch__toggle:after { background-color: var(--clg-color-app-switch-foreground, #222) } input.wt-switch:checked+.wt-switch__toggle:after { background-color: var(--clg-color-app-switch-checked-foreground, #fff); 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, %23222222%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") } 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, %23FFFFFF%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") } input.wt-switch.wt-switch--small+.wt-switch__toggle:after { width: calc(var(--clg-dimension-sem-icon-core-smaller, 18px) + 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, 18px) + 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: .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, %23222222%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, %23222222%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, %23FFFFFF%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, %23FFFFFF%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, %23222222%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, %23222222%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, %23FFFFFF%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, %23FFFFFF%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, #ffeaf0); border-color: var(--clg-color-sem-border-critical, #9a0027); transition: all var(--clg-effect-pal-duration-200, .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, #9a0027) } .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, #d00739) } .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, #9a0027); background-color: var(--clg-color-sem-background-surface-critical-subtle, #ffeaf0) } .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, #9a0027) } .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, #fff), 0 0 0 var(--clg-shape-pal-border-width-300, 4px)var(--clg-color-sem-border-focused, #3b67d9) } .wt-validation .wt-validation__message, .wt-validation .wt-validation__message--warning { color: var(--clg-color-sem-text-critical, #9a0027); 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, 27.2px); 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, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); transition: opacity var(--clg-effect-pal-duration-200, .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, 12.99px); line-height: var(--clg-typography-sem-product-body-desktop-small-line-height, 18.19px) } .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, #222) } .wt-validation .wt-validation__message--caption { color: var(--clg-color-pal-greyscale-500, #757575) } .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, 27.2px)*var(--clg-typography-sem-product-body-desktop-base-font-size, 16px)); width: calc(var(--clg-typography-sem-product-body-desktop-base-line-height, 27.2px)*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, 18.19px)*var(--clg-typography-sem-product-body-desktop-small-font-size, 12.99px)); width: calc(var(--clg-typography-sem-product-body-desktop-small-line-height, 18.19px)*var(--clg-typography-sem-product-body-desktop-small-font-size, 12.99px)) } .wt-validation__icon { color: var(--clg-color-pal-greyscale-000, #fff); background-color: var(--clg-color-sem-text-critical, #9a0027); border-radius: 50%; flex-grow: 0; flex-shrink: 1; max-height: 100% } .wt-validation__icon--warning { color: var(--clg-color-pal-greyscale-800, #222); background-color: var(--clg-color-sem-background-surface-warning-light, #fdd95c); -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, #757575); 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, 18px); width: var(--clg-dimension-sem-icon-core-smaller, 18px) } .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, 18px) } .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, 36px); width: var(--clg-dimension-sem-icon-core-larger, 36px) } .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, 36px) } .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, 18px); width: var(--clg-dimension-sem-icon-core-smaller, 18px) } .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, 18px) } .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, 36px); width: var(--clg-dimension-sem-icon-core-larger, 36px) } .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, 36px) } .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, 18px); width: var(--clg-dimension-sem-icon-core-smaller, 18px) } .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, 18px) } .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, 36px); width: var(--clg-dimension-sem-icon-core-larger, 36px) } .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, 36px) } .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, 18px); width: var(--clg-dimension-sem-icon-core-smaller, 18px) } .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, 18px) } .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, 36px); width: var(--clg-dimension-sem-icon-core-larger, 36px) } .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, 36px) } .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, 18px); width: var(--clg-dimension-sem-icon-core-smaller, 18px) } .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, 18px) } .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, 36px); width: var(--clg-dimension-sem-icon-core-larger, 36px) } .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, 36px) } .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, 18px); width: var(--clg-dimension-sem-icon-core-smaller, 18px) } .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, 18px) } .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, 36px); width: var(--clg-dimension-sem-icon-core-larger, 36px) } .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, 36px) } .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(.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(.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(.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(.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(.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(.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(.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(.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(.98)perspective(1px); opacity: 0; visibility: visible } to { transform: translateY(var(--clg-dimension-pal-spacing-200, 12px))scale(.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(.98)perspective(1px); opacity: 0; visibility: visible } to { transform: translateY(calc(var(--clg-dimension-pal-spacing-200, 12px)*-1))scale(.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(.98)perspective(1px); opacity: 0; visibility: visible } to { transform: translateX(var(--clg-dimension-pal-spacing-200, 12px))scale(.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(.98)perspective(1px); opacity: 0; visibility: visible } to { transform: translateX(calc(var(--clg-dimension-pal-spacing-200, 12px)*-1))scale(.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(.965)perspective(1px); opacity: 0; visibility: visible } to { transform: translateY(var(--clg-dimension-pal-spacing-600, 36px))scale(.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(.965)perspective(1px); opacity: 0; visibility: visible } to { transform: translateY(calc(var(--clg-dimension-pal-spacing-600, 36px)*-1))scale(.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(.965)perspective(1px); opacity: 0; visibility: visible } to { transform: translateX(var(--clg-dimension-pal-spacing-600, 36px))scale(.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(.965)perspective(1px); opacity: 0; visibility: visible } to { transform: translateX(calc(var(--clg-dimension-pal-spacing-600, 36px)*-1))scale(.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, #222); 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, #0e0e0e2e) } .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, #0e0e0e2e) } .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, %23FDD95C%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, %23CCEBFF%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, #fff) } .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, #ffffff3d) } .wt-btn .wt-spinner--01 { opacity: 0; visibility: hidden; animation-duration: var(--clg-effect-pal-duration-200, .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, #fff) } .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, #ffffff3d) } @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, "Graphik Webfont", "-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, #222); 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, "Graphik Webfont", "-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: .5 } .wt-options__item.wt-options__item--selected { background-color: var(--clg-color-sem-background-surface-selected-subtle, #0e0e0e0d) } .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, #eaeaea) } .wt-options__item:active { background: var(--clg-color-app-button-primary-on-surface-dark-pressed-background, #d3d3d3) } .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, %23222222%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-sem-background-elevation-1, #fff); border-radius: var(--clg-shape-sem-border-radius-base, 12px); border: var(--clg-shape-sem-border-width-thin, 1px)var(--clg-color-sem-border-divider, #0e0e0e2e)solid; max-width: calc(var(--clg-dimension-pal-size-1000, 60px)*5); box-sizing: border-box; font-family: var(--clg-typography-sem-product-body-mobile-base-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-body-mobile-base-font-weight, 400); font-size: var(--clg-typography-sem-product-body-mobile-base-font-size, 16px); line-height: var(--clg-typography-sem-product-body-mobile-base-line-height, 27.2px); letter-spacing: var(--clg-typography-sem-product-body-mobile-base-letter-spacing, .16px); 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 } @media only screen and (min-width:640px) { .wt-menu__body { font-family: var(--clg-typography-sem-product-body-desktop-base-font-family, "Graphik Webfont", "-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: var(--clg-typography-sem-product-body-desktop-base-line-height, 27.2px); letter-spacing: var(--clg-typography-sem-product-body-desktop-base-letter-spacing, .16px) } } .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(.5)scaleY(.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-sem-shadow-elevation-3, 0px 1px 3px 0px #0000004d, 0px 4px 8px 3px #00000026); 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 .18s ease-out, box-shadow .18s cubic-bezier(.175, .885, .4, 1.1), transform .18s cubic-bezier(.175, .885, .4, 1.1), visibility .18s linear } .wt-menu__body.wt-menu__body--leave-active { z-index: var(--clg-effect-pal-z-index-300, 30); transition: box-shadow .18s cubic-bezier(.6, 0, .825, .115), opacity .108s cubic-bezier(.6, 0, .825, .115) 72ms, transform .18s cubic-bezier(.6, 0, .825, .115), visibility 0s linear .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 .18s cubic-bezier(.6, 0, .825, .115), opacity .108s cubic-bezier(.6, 0, .825, .115) 72ms, transform .18s cubic-bezier(.6, 0, .825, .115), visibility 0s linear .144s; position: absolute; transform: scaleX(.5)scaleY(.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-sem-shadow-elevation-3, 0px 1px 3px 0px #0000004d, 0px 4px 8px 3px #00000026); opacity: 1; visibility: visible; z-index: var(--clg-effect-pal-z-index-700, 70); transition: opacity .18s ease-out, box-shadow .18s cubic-bezier(.175, .885, .4, 1.1), transform .18s cubic-bezier(.175, .885, .4, 1.1), visibility .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, .1s)ease-out 0s, opacity .18s cubic-bezier(.6, 0, .825, .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 .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, #222); font: inherit; cursor: pointer; text-align: left; -webkit-tap-highlight-color: #0000; -webkit-appearance: none; transition: background-color var(--clg-effect-pal-duration-100, .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, #eaeaea) } .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, #eaeaea) } .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: .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, #0e0e0e0d) } a.wt-menu__item.wt-is-selected:after, button.wt-menu__item.wt-is-selected:after { background-color: var(--clg-color-sem-text-primary, #222); -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, #fff), 0 0 0 var(--clg-shape-pal-border-width-300, 4px)var(--clg-color-sem-border-focused, #3b67d9) !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, .3s), z-index 0s linear var(--clg-effect-pal-duration-300, .3s), background var(--clg-effect-pal-duration-300, .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, #0e0e0e91); 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 1px 2px 0px #0000004d, 0px 1px 3px 1px #00000026); 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(.965)perspective(1px); width: 100%; max-width: 580px; margin: auto; transition: opacity .15s ease-out, transform .255s cubic-bezier(.175, .745, .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, .2s)linear var(--clg-effect-pal-duration-300, .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, .2s)linear var(--clg-effect-pal-duration-300, .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, .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, .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, #222); border-radius: var(--clg-shape-sem-border-radius-larger, 16px); will-change: transform; transform-origin: 0 0; transition: border-radius .35s linear, transform .35s ease-in, opacity .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, .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: .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, 16px); border-top-left-radius: var(--clg-shape-app-dialog-border-radius, 16px); 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 .12s cubic-bezier(.43, .19, .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: .12s; transition-duration: var(--clg-effect-pal-duration-300, .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, #222); 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, .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, #fff), 0 0 0 var(--clg-shape-pal-border-width-300, 4px)var(--clg-color-sem-border-focused, #3b67d9) } .wt-overlay__video-trigger.wt-overlay__video-trigger--overlay-open { opacity: 0; transition: opacity .25s ease-out } .wt-overlay__video-trigger.wt-overlay__video-trigger--with-background { background: var(--clg-color-pal-greyscale-800, #222) } .wt-overlay__video-trigger.wt-overlay__video-trigger--with-background:hover .wt-overlay__video-trigger__background { opacity: .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: .35s } .wt-overlay__video-trigger__background { border-radius: inherit; z-index: 0; opacity: .65; transition: opacity var(--clg-effect-pal-duration-200, .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, .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 } @media only screen and (min-width:640px) { 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-desktop-base-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-desktop-base-font-weight, 500); font-size: var(--clg-typography-sem-product-title-desktop-base-font-size, 16px); line-height: var(--clg-typography-sem-product-title-desktop-base-line-height, 20px); letter-spacing: var(--clg-typography-sem-product-title-desktop-base-letter-spacing, .08px) } } .wt-tooltip__popper [role=tooltip], .wt-tooltip__popper__overlay { background: var(--clg-color-app-tooltip-background, #222); border-radius: var(--clg-shape-sem-border-radius-smaller, 4px); color: var(--clg-color-app-tooltip-text, #fff); 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, #222); border: 0 solid var(--clg-color-sem-border-active, #222); 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, #222); border: 0 solid var(--clg-color-sem-border-active, #222); 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-sem-shadow-elevation-3, 0px 1px 3px 0px #0000004d, 0px 4px 8px 3px #00000026); 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-mobile-small-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-body-mobile-small-font-weight, 400); font-size: var(--clg-typography-sem-product-body-mobile-small-font-size, 12.99px); line-height: var(--clg-typography-sem-product-body-mobile-small-line-height, 18.19px); letter-spacing: var(--clg-typography-sem-product-body-mobile-small-letter-spacing, .1299px); position: absolute } @media only screen and (min-width:640px) { .wt-tooltip [role=tooltip], .wt-tooltip__popper [role=tooltip], .wt-popover [role=tooltip], .wt-tooltip__overlay, .wt-tooltip__popper__overlay { font-family: var(--clg-typography-sem-product-body-desktop-small-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-body-desktop-small-font-weight, 400); font-size: var(--clg-typography-sem-product-body-desktop-small-font-size, 12.99px); line-height: var(--clg-typography-sem-product-body-desktop-small-line-height, 18.19px); letter-spacing: var(--clg-typography-sem-product-body-desktop-small-letter-spacing, .1299px) } } .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, #222); border-radius: var(--clg-shape-sem-border-radius-smaller, 4px); color: var(--clg-color-app-tooltip-text, #fff); 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, .3s)cubic-bezier(.175, .745, .425, 1.11), transform var(--clg-effect-pal-duration-300, .3s)cubic-bezier(.175, .745, .425, 1.11), visibility var(--clg-effect-pal-duration-300, .3s)cubic-bezier(.175, .745, .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, #222); border: 0 solid var(--clg-color-sem-border-active, #222); 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)*.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)*.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, #0e0e0e2e); border-radius: var(--clg-shape-sem-border-radius-base, 12px); background: var(--clg-color-sem-background-elevation-3, #fff); color: var(--clg-color-sem-text-primary, #222); padding: var(--clg-dimension-pal-spacing-200, 12px); transition: opacity var(--clg-effect-pal-duration-300, .3s)cubic-bezier(.175, .745, .425, 1.11), transform var(--clg-effect-pal-duration-300, .3s)cubic-bezier(.175, .745, .425, 1.11), visibility var(--clg-effect-pal-duration-300, .3s)cubic-bezier(.175, .745, .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-sem-background-elevation-3, #fff); border: 0 solid var(--clg-color-sem-border-divider, #0e0e0e2e); 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) } @media only screen and (min-width:640px) { .wt-text-display-larger { font-family: var(--clg-typography-sem-product-display-desktop-larger-font-family, "Guardian-EgypTT", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light", "Droid Serif", "Georgia", "serif"); font-weight: var(--clg-typography-sem-product-display-desktop-larger-font-weight, 300); font-size: var(--clg-typography-sem-product-display-desktop-larger-font-size, 80.99px); line-height: var(--clg-typography-sem-product-display-desktop-larger-line-height, 80.99px); letter-spacing: var(--clg-typography-sem-product-display-desktop-larger-letter-spacing, 0px) } } @media only screen and (min-width:640px) { .wt-text-display-large { font-family: var(--clg-typography-sem-product-display-desktop-large-font-family, "Guardian-EgypTT", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light", "Droid Serif", "Georgia", "serif"); font-weight: var(--clg-typography-sem-product-display-desktop-large-font-weight, 300); font-size: var(--clg-typography-sem-product-display-desktop-large-font-size, 71.01px); line-height: var(--clg-typography-sem-product-display-desktop-large-line-height, 71.01px); letter-spacing: var(--clg-typography-sem-product-display-desktop-large-letter-spacing, 0px) } } @media only screen and (min-width:640px) { .wt-text-display { font-family: var(--clg-typography-sem-product-display-desktop-base-font-family, "Guardian-EgypTT", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light", "Droid Serif", "Georgia", "serif"); font-weight: var(--clg-typography-sem-product-display-desktop-base-font-weight, 300); font-size: var(--clg-typography-sem-product-display-desktop-base-font-size, 51.01px); line-height: var(--clg-typography-sem-product-display-desktop-base-line-height, 53.56px); letter-spacing: var(--clg-typography-sem-product-display-desktop-base-letter-spacing, 0px) } } @media only screen and (min-width:640px) { .wt-text-heading-large { font-family: var(--clg-typography-sem-product-heading-desktop-large-font-family, "Guardian-EgypTT", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light", "Droid Serif", "Georgia", "serif"); font-weight: var(--clg-typography-sem-product-heading-desktop-large-font-weight, 300); font-size: var(--clg-typography-sem-product-heading-desktop-large-font-size, 42px); line-height: var(--clg-typography-sem-product-heading-desktop-large-line-height, 46.2px); letter-spacing: var(--clg-typography-sem-product-heading-desktop-large-letter-spacing, 0px) } } @media only screen and (min-width:640px) { .wt-text-heading { font-family: var(--clg-typography-sem-product-heading-desktop-base-font-family, "Guardian-EgypTT", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light", "Droid Serif", "Georgia", "serif"); font-weight: var(--clg-typography-sem-product-heading-desktop-base-font-weight, 300); font-size: var(--clg-typography-sem-product-heading-desktop-base-font-size, 31.01px); line-height: var(--clg-typography-sem-product-heading-desktop-base-line-height, 34.11px); letter-spacing: var(--clg-typography-sem-product-heading-desktop-base-letter-spacing, .46515px) } } @media only screen and (min-width:640px) { .wt-text-heading-small { font-family: var(--clg-typography-sem-product-heading-desktop-small-font-family, "Guardian-EgypTT", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light", "Droid Serif", "Georgia", "serif"); font-weight: var(--clg-typography-sem-product-heading-desktop-small-font-weight, 300); font-size: var(--clg-typography-sem-product-heading-desktop-small-font-size, 24.99px); line-height: var(--clg-typography-sem-product-heading-desktop-small-line-height, 39.99px); letter-spacing: var(--clg-typography-sem-product-heading-desktop-small-letter-spacing, .31238px) } } @media only screen and (min-width:640px) { .wt-text-heading-small--tight { font-family: var(--clg-typography-sem-product-heading-desktop-small-font-family, "Guardian-EgypTT", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light", "Droid Serif", "Georgia", "serif"); font-weight: var(--clg-typography-sem-product-heading-desktop-small-font-weight, 300); font-size: var(--clg-typography-sem-product-heading-desktop-small-font-size, 24.99px); line-height: var(--clg-typography-sem-product-heading-desktop-small-tight-line-height, 29.99px); letter-spacing: var(--clg-typography-sem-product-heading-desktop-small-letter-spacing, .31238px) } } @media only screen and (min-width:640px) { .wt-text-title-larger { font-family: var(--clg-typography-sem-product-title-desktop-larger-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-desktop-larger-font-weight, 500); font-size: var(--clg-typography-sem-product-title-desktop-larger-font-size, 27.01px); line-height: var(--clg-typography-sem-product-title-desktop-larger-line-height, 35.11px); letter-spacing: var(--clg-typography-sem-product-title-desktop-larger-letter-spacing, .13505px) } } @media only screen and (min-width:640px) { .wt-text-title-large { font-family: var(--clg-typography-sem-product-title-desktop-large-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-desktop-large-font-weight, 500); font-size: var(--clg-typography-sem-product-title-desktop-large-font-size, 19.01px); line-height: var(--clg-typography-sem-product-title-desktop-large-line-height, 26.61px); letter-spacing: var(--clg-typography-sem-product-title-desktop-large-letter-spacing, .09505px) } } @media only screen and (min-width:640px) { .wt-text-title-large--tight { font-family: var(--clg-typography-sem-product-title-desktop-large-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-desktop-large-font-weight, 500); font-size: var(--clg-typography-sem-product-title-desktop-large-font-size, 19.01px); line-height: var(--clg-typography-sem-product-title-desktop-large-tight-line-height, 20.91px); letter-spacing: var(--clg-typography-sem-product-title-desktop-large-letter-spacing, .09505px) } } @media only screen and (min-width:640px) { .wt-text-title { font-family: var(--clg-typography-sem-product-title-desktop-base-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-desktop-base-font-weight, 500); font-size: var(--clg-typography-sem-product-title-desktop-base-font-size, 16px); line-height: var(--clg-typography-sem-product-title-desktop-base-line-height, 20px); letter-spacing: var(--clg-typography-sem-product-title-desktop-base-letter-spacing, .08px) } } @media only screen and (min-width:640px) { .wt-text-title-small { font-family: var(--clg-typography-sem-product-title-desktop-small-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-desktop-small-font-weight, 500); font-size: var(--clg-typography-sem-product-title-desktop-small-font-size, 12.99px); line-height: var(--clg-typography-sem-product-title-desktop-small-line-height, 18.19px); letter-spacing: var(--clg-typography-sem-product-title-desktop-small-letter-spacing, .1299px) } } @media only screen and (min-width:640px) { .wt-text-title-small--tight { font-family: var(--clg-typography-sem-product-title-desktop-small-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-desktop-small-font-weight, 500); font-size: var(--clg-typography-sem-product-title-desktop-small-font-size, 12.99px); line-height: var(--clg-typography-sem-product-title-desktop-small-tight-line-height, 15.59px); letter-spacing: var(--clg-typography-sem-product-title-desktop-small-letter-spacing, .1299px) } } @media only screen and (min-width:640px) { .wt-text-title-smaller { font-family: var(--clg-typography-sem-product-title-desktop-smaller-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-desktop-smaller-font-weight, 500); font-size: var(--clg-typography-sem-product-title-desktop-smaller-font-size, 12.99px); line-height: var(--clg-typography-sem-product-title-desktop-smaller-line-height, 16.89px); letter-spacing: var(--clg-typography-sem-product-title-desktop-smaller-letter-spacing, -.1299px) } } @media only screen and (min-width:640px) { .wt-text-title-smallest { font-family: var(--clg-typography-sem-product-title-desktop-smallest-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-desktop-smallest-font-weight, 500); font-size: var(--clg-typography-sem-product-title-desktop-smallest-font-size, 11px); line-height: var(--clg-typography-sem-product-title-desktop-smallest-line-height, 12.1px); letter-spacing: var(--clg-typography-sem-product-title-desktop-smallest-letter-spacing, 0px) } } @media only screen and (min-width:640px) { .wt-text-body-large { font-family: var(--clg-typography-sem-product-body-desktop-large-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-body-desktop-large-font-weight, 400); font-size: var(--clg-typography-sem-product-body-desktop-large-font-size, 19.01px); line-height: var(--clg-typography-sem-product-body-desktop-large-line-height, 34.21px); letter-spacing: var(--clg-typography-sem-product-body-desktop-large-letter-spacing, .1901px) } } @media only screen and (min-width:640px) { .wt-text-body-large--tight { font-family: var(--clg-typography-sem-product-body-desktop-large-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-body-desktop-large-font-weight, 400); font-size: var(--clg-typography-sem-product-body-desktop-large-font-size, 19.01px); line-height: var(--clg-typography-sem-product-body-desktop-large-tight-line-height, 26.61px); letter-spacing: var(--clg-typography-sem-product-body-desktop-large-letter-spacing, .1901px) } } @media only screen and (min-width:640px) { .wt-text-body { font-family: var(--clg-typography-sem-product-body-desktop-base-font-family, "Graphik Webfont", "-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: var(--clg-typography-sem-product-body-desktop-base-line-height, 27.2px); letter-spacing: var(--clg-typography-sem-product-body-desktop-base-letter-spacing, .16px) } } @media only screen and (min-width:640px) { .wt-text-body--tight { font-family: var(--clg-typography-sem-product-body-desktop-base-font-family, "Graphik Webfont", "-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: var(--clg-typography-sem-product-body-desktop-base-tight-line-height, 24px); letter-spacing: var(--clg-typography-sem-product-body-desktop-base-letter-spacing, .16px) } } @media only screen and (min-width:640px) { .wt-text-body-small { font-family: var(--clg-typography-sem-product-body-desktop-small-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-body-desktop-small-font-weight, 400); font-size: var(--clg-typography-sem-product-body-desktop-small-font-size, 12.99px); line-height: var(--clg-typography-sem-product-body-desktop-small-line-height, 18.19px); letter-spacing: var(--clg-typography-sem-product-body-desktop-small-letter-spacing, .1299px) } } @media only screen and (min-width:640px) { .wt-text-body-small--tight { font-family: var(--clg-typography-sem-product-body-desktop-small-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-body-desktop-small-font-weight, 400); font-size: var(--clg-typography-sem-product-body-desktop-small-font-size, 12.99px); line-height: var(--clg-typography-sem-product-body-desktop-small-tight-line-height, 15.59px); letter-spacing: var(--clg-typography-sem-product-body-desktop-small-letter-spacing, .1299px) } } @media only screen and (min-width:640px) { .wt-text-body-smaller { font-family: var(--clg-typography-sem-product-body-desktop-smaller-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-body-desktop-smaller-font-weight, 400); font-size: var(--clg-typography-sem-product-body-desktop-smaller-font-size, 12px); line-height: var(--clg-typography-sem-product-body-desktop-smaller-line-height, 14.4px); letter-spacing: var(--clg-typography-sem-product-body-desktop-smaller-letter-spacing, 0px) } } @media only screen and (min-width:640px) { .wt-text-body-smallest { font-family: var(--clg-typography-sem-product-body-desktop-smallest-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-body-desktop-smallest-font-weight, 400); font-size: var(--clg-typography-sem-product-body-desktop-smallest-font-size, 11px); line-height: var(--clg-typography-sem-product-body-desktop-smallest-line-height, 12.1px); letter-spacing: var(--clg-typography-sem-product-body-desktop-smallest-letter-spacing, 0px) } } @media only screen and (min-width:640px) { .wt-text-title-01, .wt-label { font-family: var(--clg-typography-sem-product-title-desktop-base-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-desktop-base-font-weight, 500); font-size: var(--clg-typography-sem-product-title-desktop-base-font-size, 16px); line-height: var(--clg-typography-sem-product-title-desktop-base-line-height, 20px); letter-spacing: var(--clg-typography-sem-product-title-desktop-base-letter-spacing, .08px) } } @media only screen and (min-width:640px) { .wt-text-body-02 { font-family: var(--clg-typography-sem-product-body-desktop-large-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-body-desktop-large-font-weight, 400); font-size: var(--clg-typography-sem-product-body-desktop-large-font-size, 19.01px); line-height: var(--clg-typography-sem-product-body-desktop-large-line-height, 34.21px); letter-spacing: var(--clg-typography-sem-product-body-desktop-large-letter-spacing, .1901px) } } @media only screen and (min-width:640px) { .wt-text-body-01 { font-family: var(--clg-typography-sem-product-body-desktop-base-font-family, "Graphik Webfont", "-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: var(--clg-typography-sem-product-body-desktop-base-line-height, 27.2px); letter-spacing: var(--clg-typography-sem-product-body-desktop-base-letter-spacing, .16px) } } @media only screen and (min-width:640px) { .wt-text-caption { font-family: var(--clg-typography-sem-product-body-desktop-small-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-body-desktop-small-font-weight, 400); font-size: var(--clg-typography-sem-product-body-desktop-small-font-size, 12.99px); line-height: var(--clg-typography-sem-product-body-desktop-small-line-height, 18.19px); letter-spacing: var(--clg-typography-sem-product-body-desktop-small-letter-spacing, .1299px) } } @media only screen and (min-width:640px) { .wt-text-caption-title { font-family: var(--clg-typography-sem-product-title-desktop-small-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-desktop-small-font-weight, 500); font-size: var(--clg-typography-sem-product-title-desktop-small-font-size, 12.99px); line-height: var(--clg-typography-sem-product-title-desktop-small-line-height, 18.19px); letter-spacing: var(--clg-typography-sem-product-title-desktop-small-letter-spacing, .1299px) } } .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, #2638c0) !important } .wt-stroke-denim { stroke: var(--clg-color-pal-blue-650, #2638c0) !important } .wt-fill-denim-tint { fill: var(--clg-color-pal-blue-150, #ccebff) !important } .wt-stroke-denim-tint { stroke: var(--clg-color-pal-blue-150, #ccebff) !important } .wt-fill-denim-light { fill: var(--clg-color-pal-blue-500, #3b67d9) !important } .wt-stroke-denim-light { stroke: var(--clg-color-pal-blue-500, #3b67d9) !important } .wt-fill-denim-dark { fill: var(--clg-color-pal-blue-800, #122868) !important } .wt-stroke-denim-dark { stroke: var(--clg-color-pal-blue-800, #122868) !important } .wt-fill-lavender { fill: var(--clg-color-pal-purple-600, #6f62c6) !important } .wt-stroke-lavender { stroke: var(--clg-color-pal-purple-600, #6f62c6) !important } .wt-fill-lavender-tint { fill: var(--clg-color-pal-purple-250, #eee1ff) !important } .wt-stroke-lavender-tint { stroke: var(--clg-color-pal-purple-250, #eee1ff) !important } .wt-fill-lavender-light { fill: var(--clg-color-pal-purple-450, #a09bf3) !important } .wt-stroke-lavender-light { stroke: var(--clg-color-pal-purple-450, #a09bf3) !important } .wt-fill-lavender-dark { fill: var(--clg-color-pal-purple-750, #442587) !important } .wt-stroke-lavender-dark { stroke: var(--clg-color-pal-purple-750, #442587) !important } .wt-fill-beeswax { fill: var(--clg-color-pal-yellow-750, #f19d27) !important } .wt-stroke-beeswax { stroke: var(--clg-color-pal-yellow-750, #f19d27) !important } .wt-fill-beeswax-tint { fill: var(--clg-color-pal-yellow-250, #fffbd8) !important } .wt-stroke-beeswax-tint { stroke: var(--clg-color-pal-yellow-250, #fffbd8) !important } .wt-fill-beeswax-light { fill: var(--clg-color-pal-yellow-500, #fdd95c) !important } .wt-stroke-beeswax-light { stroke: var(--clg-color-pal-yellow-500, #fdd95c) !important } .wt-fill-beeswax-dark { fill: var(--clg-color-pal-yellow-850, #814c1d) !important } .wt-stroke-beeswax-dark { stroke: var(--clg-color-pal-yellow-850, #814c1d) !important } .wt-fill-slime { fill: var(--clg-color-pal-green-450, #4bc46d) !important } .wt-stroke-slime { stroke: var(--clg-color-pal-green-450, #4bc46d) !important } .wt-fill-slime-tint { fill: var(--clg-color-pal-green-300, #dff7af) !important } .wt-stroke-slime-tint { stroke: var(--clg-color-pal-green-300, #dff7af) !important } .wt-fill-slime-light { fill: var(--clg-color-pal-green-350, #a0e193) !important } .wt-stroke-slime-light { stroke: var(--clg-color-pal-green-350, #a0e193) !important } .wt-fill-slime-dark { fill: var(--clg-color-pal-green-700, #095e31) !important } .wt-stroke-slime-dark { stroke: var(--clg-color-pal-green-700, #095e31) !important } .wt-fill-turquoise { fill: var(--clg-color-pal-green-450, #4bc46d) !important } .wt-stroke-turquoise { stroke: var(--clg-color-pal-green-450, #4bc46d) !important } .wt-fill-turquoise-tint { fill: var(--clg-color-pal-green-300, #dff7af) !important } .wt-stroke-turquoise-tint { stroke: var(--clg-color-pal-green-300, #dff7af) !important } .wt-fill-turquoise-light { fill: var(--clg-color-pal-green-350, #a0e193) !important } .wt-stroke-turquoise-light { stroke: var(--clg-color-pal-green-350, #a0e193) !important } .wt-fill-turquoise-dark { fill: var(--clg-color-pal-green-700, #095e31) !important } .wt-stroke-turquoise-dark { stroke: var(--clg-color-pal-green-700, #095e31) !important } .wt-fill-bubblegum { fill: var(--clg-color-pal-purple-600, #6f62c6) !important } .wt-stroke-bubblegum { stroke: var(--clg-color-pal-purple-600, #6f62c6) !important } .wt-fill-bubblegum-tint { fill: var(--clg-color-pal-purple-250, #eee1ff) !important } .wt-stroke-bubblegum-tint { stroke: var(--clg-color-pal-purple-250, #eee1ff) !important } .wt-fill-bubblegum-light { fill: var(--clg-color-pal-purple-450, #a09bf3) !important } .wt-stroke-bubblegum-light { stroke: var(--clg-color-pal-purple-450, #a09bf3) !important } .wt-fill-bubblegum-dark { fill: var(--clg-color-pal-purple-750, #442587) !important } .wt-stroke-bubblegum-dark { stroke: var(--clg-color-pal-purple-750, #442587) !important } .wt-fill-brick { fill: var(--clg-color-pal-red-750, #d00739) !important } .wt-stroke-brick { stroke: var(--clg-color-pal-red-750, #d00739) !important } .wt-fill-brick-tint { fill: var(--clg-color-pal-red-300, #ffdde6) !important } .wt-stroke-brick-tint { stroke: var(--clg-color-pal-red-300, #ffdde6) !important } .wt-fill-brick-light { fill: var(--clg-color-pal-red-450, #ff93ae) !important } .wt-stroke-brick-light { stroke: var(--clg-color-pal-red-450, #ff93ae) !important } .wt-fill-brick-dark { fill: var(--clg-color-pal-red-850, #9a0027) !important } .wt-stroke-brick-dark { stroke: var(--clg-color-pal-red-850, #9a0027) !important } .wt-fill-white { fill: var(--clg-color-sem-background-elevation-0, #fff) !important } .wt-stroke-white { stroke: var(--clg-color-sem-background-elevation-0, #fff) !important } .wt-fill-gray { fill: var(--clg-color-pal-greyscale-075, #eaeaea) !important } .wt-stroke-gray { stroke: var(--clg-color-pal-greyscale-075, #eaeaea) !important } .wt-fill-black { fill: var(--clg-color-pal-greyscale-800, #222) !important } .wt-stroke-black { stroke: var(--clg-color-pal-greyscale-800, #222) !important } .wt-fill-favorite-heart { fill: var(--clg-color-sem-icon-favorite, #b50330) !important } .wt-stroke-favorite-heart { stroke: var(--clg-color-sem-icon-favorite, #b50330) !important } .wt-fill-star-seller-light { fill: var(--clg-color-sem-background-surface-star-seller-light, #e6e1f0) !important } .wt-stroke-star-seller-light { stroke: var(--clg-color-sem-background-surface-star-seller-light, #e6e1f0) !important } .wt-fill-star-seller-dark { fill: var(--clg-color-sem-background-surface-star-seller-dark, #9560b8) !important } .wt-stroke-star-seller-dark { stroke: var(--clg-color-sem-background-surface-star-seller-dark, #9560b8) !important } .wt-display-inline { display: inline !important } .wt-display-inline-block { display: inline-block !important } .wt-display-block { display: block !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 } } .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 } @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 } .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 } .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 } } @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 } .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-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 } .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-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 } .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-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 } .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-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 } .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-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 } .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 } .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-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 } .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-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 } .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-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 } .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-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 } .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-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 } .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-mobile-small-tight-line-height, 22.81px) } @media only screen and (min-width:640px) { .wt-line-height-tight.wt-text-heading-small { line-height: var(--clg-typography-sem-product-heading-desktop-small-tight-line-height, 29.99px) } } .wt-line-height-tight.wt-text-body-02 { line-height: var(--clg-typography-sem-product-body-mobile-large-tight-line-height, 22.81px) } @media only screen and (min-width:640px) { .wt-line-height-tight.wt-text-body-02 { line-height: var(--clg-typography-sem-product-body-desktop-large-tight-line-height, 26.61px) } } .wt-line-height-tight.wt-text-body-01 { line-height: var(--clg-typography-sem-product-body-mobile-base-tight-line-height, 20px) } @media only screen and (min-width:640px) { .wt-line-height-tight.wt-text-body-01 { line-height: var(--clg-typography-sem-product-body-desktop-base-tight-line-height, 24px) } } .wt-line-height-tight.wt-text-caption { line-height: var(--clg-typography-sem-product-body-mobile-small-tight-line-height, 15.59px) } @media only screen and (min-width:640px) { .wt-line-height-tight.wt-text-caption { line-height: var(--clg-typography-sem-product-body-desktop-small-tight-line-height, 15.59px) } } .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, #0e0e0e2e) !important } .wt-bt-xs { border-top: var(--clg-shape-sem-border-width-thin, 1px)solid var(--clg-color-sem-border-divider, #0e0e0e2e) !important } .wt-br-xs { border-right: var(--clg-shape-sem-border-width-thin, 1px)solid var(--clg-color-sem-border-divider, #0e0e0e2e) !important } .wt-bb-xs { border-bottom: var(--clg-shape-sem-border-width-thin, 1px)solid var(--clg-color-sem-border-divider, #0e0e0e2e) !important } .wt-bl-xs { border-left: var(--clg-shape-sem-border-width-thin, 1px)solid var(--clg-color-sem-border-divider, #0e0e0e2e) !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, #0e0e0e2e) !important } .wt-bt-sm { border-top: var(--clg-shape-sem-border-width-thin, 1px)solid var(--clg-color-sem-border-divider, #0e0e0e2e) !important } .wt-br-sm { border-right: var(--clg-shape-sem-border-width-thin, 1px)solid var(--clg-color-sem-border-divider, #0e0e0e2e) !important } .wt-bb-sm { border-bottom: var(--clg-shape-sem-border-width-thin, 1px)solid var(--clg-color-sem-border-divider, #0e0e0e2e) !important } .wt-bl-sm { border-left: var(--clg-shape-sem-border-width-thin, 1px)solid var(--clg-color-sem-border-divider, #0e0e0e2e) !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, #0e0e0e2e) !important } .wt-bt-md { border-top: var(--clg-shape-sem-border-width-thin, 1px)solid var(--clg-color-sem-border-divider, #0e0e0e2e) !important } .wt-br-md { border-right: var(--clg-shape-sem-border-width-thin, 1px)solid var(--clg-color-sem-border-divider, #0e0e0e2e) !important } .wt-bb-md { border-bottom: var(--clg-shape-sem-border-width-thin, 1px)solid var(--clg-color-sem-border-divider, #0e0e0e2e) !important } .wt-bl-md { border-left: var(--clg-shape-sem-border-width-thin, 1px)solid var(--clg-color-sem-border-divider, #0e0e0e2e) !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, #0e0e0e2e) !important } .wt-bt-lg { border-top: var(--clg-shape-sem-border-width-thin, 1px)solid var(--clg-color-sem-border-divider, #0e0e0e2e) !important } .wt-br-lg { border-right: var(--clg-shape-sem-border-width-thin, 1px)solid var(--clg-color-sem-border-divider, #0e0e0e2e) !important } .wt-bb-lg { border-bottom: var(--clg-shape-sem-border-width-thin, 1px)solid var(--clg-color-sem-border-divider, #0e0e0e2e) !important } .wt-bl-lg { border-left: var(--clg-shape-sem-border-width-thin, 1px)solid var(--clg-color-sem-border-divider, #0e0e0e2e) !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, #0e0e0e2e) !important } .wt-bt-xl { border-top: var(--clg-shape-sem-border-width-thin, 1px)solid var(--clg-color-sem-border-divider, #0e0e0e2e) !important } .wt-br-xl { border-right: var(--clg-shape-sem-border-width-thin, 1px)solid var(--clg-color-sem-border-divider, #0e0e0e2e) !important } .wt-bb-xl { border-bottom: var(--clg-shape-sem-border-width-thin, 1px)solid var(--clg-color-sem-border-divider, #0e0e0e2e) !important } .wt-bl-xl { border-left: var(--clg-shape-sem-border-width-thin, 1px)solid var(--clg-color-sem-border-divider, #0e0e0e2e) !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, #0e0e0e2e) !important } .wt-bt-tv { border-top: var(--clg-shape-sem-border-width-thin, 1px)solid var(--clg-color-sem-border-divider, #0e0e0e2e) !important } .wt-br-tv { border-right: var(--clg-shape-sem-border-width-thin, 1px)solid var(--clg-color-sem-border-divider, #0e0e0e2e) !important } .wt-bb-tv { border-bottom: var(--clg-shape-sem-border-width-thin, 1px)solid var(--clg-color-sem-border-divider, #0e0e0e2e) !important } .wt-bl-tv { border-left: var(--clg-shape-sem-border-width-thin, 1px)solid var(--clg-color-sem-border-divider, #0e0e0e2e) !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, 12px) !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, 12px) !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, 12px) !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 1px 3px 0px #0000004d, 0px 4px 8px 3px #00000026) } .wt-shadow-02 { box-shadow: var(--clg-effect-sem-shadow-elevation-4, 0px 1px 5px 0px #0000004d, 0px 5px 20px 6px #00000026) } .wt-shadow-elevation-01 { box-shadow: var(--clg-effect-sem-shadow-elevation-1, 0px 1px 2px 0px #0000004d, 0px 1px 3px 1px #00000026) } .wt-shadow-elevation-02 { box-shadow: var(--clg-effect-sem-shadow-elevation-2, 0px 1px 2px 0px #0000004d, 0px 2px 6px 2px #00000026) } .wt-shadow-elevation-03 { box-shadow: var(--clg-effect-sem-shadow-elevation-3, 0px 1px 3px 0px #0000004d, 0px 4px 8px 3px #00000026) } .wt-shadow-elevation-04 { box-shadow: var(--clg-effect-sem-shadow-elevation-4, 0px 1px 5px 0px #0000004d, 0px 5px 20px 6px #00000026) } .wt-shadow-elevation-3 { box-shadow: var(--clg-effect-sem-shadow-elevation-3, 0px 1px 3px 0px #0000004d, 0px 4px 8px 3px #00000026) } .wt-shadow-elevation-4 { box-shadow: var(--clg-effect-sem-shadow-elevation-4, 0px 1px 5px 0px #0000004d, 0px 5px 20px 6px #00000026) } .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-advance, 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-animation, cubic-bezier(.99, .01, .54, .54)); background: linear-gradient(to right, var(--clg-color-app-skeleton-ui-background-advance, #0e0e0e1f)50%, var(--clg-color-app-skeleton-ui-background-idle, #0e0e0e17)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: calc(var(--clg-typography-sem-product-heading-mobile-large-line-height, 34.11px)*var(--clg-typography-sem-product-heading-mobile-large-font-size, 31.01px)) } @media only screen and (min-width:640px) { .wt-skeleton-ui--heading-02 { height: var(--clg-typography-sem-product-heading-desktop-large-font-size, 42px) } } .wt-skeleton-ui--heading-01 { height: calc(var(--clg-typography-sem-product-heading-mobile-base-line-height, 27.6px)*var(--clg-typography-sem-product-heading-mobile-base-font-size, 24px)) } @media only screen and (min-width:640px) { .wt-skeleton-ui--heading-01 { height: calc(var(--clg-typography-sem-product-heading-desktop-base-line-height, 34.11px)*var(--clg-typography-sem-product-heading-desktop-base-font-size, 31.01px)) } } .wt-skeleton-ui--title-03 { height: calc(var(--clg-typography-sem-product-title-mobile-larger-line-height, 32.4px)*var(--clg-typography-sem-product-title-mobile-larger-font-size, 24px)) } @media only screen and (min-width:640px) { .wt-skeleton-ui--title-03 { height: calc(var(--clg-typography-sem-product-title-desktop-larger-line-height, 35.11px)*var(--clg-typography-sem-product-title-desktop-larger-font-size, 27.01px)) } } .wt-skeleton-ui--title-02 { height: calc(var(--clg-typography-sem-product-title-mobile-large-line-height, 24.3px)*var(--clg-typography-sem-product-title-mobile-large-font-size, 18px)) } @media only screen and (min-width:640px) { .wt-skeleton-ui--title-02 { height: calc(var(--clg-typography-sem-product-title-desktop-large-line-height, 26.61px)*var(--clg-typography-sem-product-title-desktop-large-font-size, 19.01px)) } } .wt-skeleton-ui--title-01 { height: calc(var(--clg-typography-sem-product-title-desktop-base-line-height, 20px)*var(--clg-typography-sem-product-title-desktop-base-font-size, 16px)) } .wt-skeleton-ui--body-03 { height: calc(var(--clg-typography-sem-product-heading-mobile-small-font-size, 19.01px) + 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, 24.99px) + 4px) } } .wt-skeleton-ui--body-02 { height: calc(var(--clg-typography-sem-product-body-mobile-large-font-size, 19.01px) + 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, #0e0e0e1f)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, #222) } .wt-star-rating__frame--title { font-family: var(--clg-typography-sem-product-title-mobile-large-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-mobile-large-font-weight, 500); font-size: var(--clg-typography-sem-product-title-mobile-large-font-size, 18px); line-height: var(--clg-typography-sem-product-title-mobile-large-line-height, 24.3px); letter-spacing: var(--clg-typography-sem-product-title-mobile-large-letter-spacing, .09px) } @media only screen and (min-width:640px) { .wt-star-rating__frame--title { font-family: var(--clg-typography-sem-product-title-desktop-large-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-desktop-large-font-weight, 500); font-size: var(--clg-typography-sem-product-title-desktop-large-font-size, 19.01px); line-height: var(--clg-typography-sem-product-title-desktop-large-line-height, 26.61px); letter-spacing: var(--clg-typography-sem-product-title-desktop-large-letter-spacing, .09505px) } } .wt-star-rating__frame--body { font-family: var(--clg-typography-sem-product-body-mobile-base-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-body-mobile-base-font-weight, 400); font-size: var(--clg-typography-sem-product-body-mobile-base-font-size, 16px); line-height: var(--clg-typography-sem-product-body-mobile-base-line-height, 27.2px); letter-spacing: var(--clg-typography-sem-product-body-mobile-base-letter-spacing, .16px) } @media only screen and (min-width:640px) { .wt-star-rating__frame--body { font-family: var(--clg-typography-sem-product-body-desktop-base-font-family, "Graphik Webfont", "-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: var(--clg-typography-sem-product-body-desktop-base-line-height, 27.2px); letter-spacing: var(--clg-typography-sem-product-body-desktop-base-letter-spacing, .16px) } } .wt-star-rating__frame--caption { font-family: var(--clg-typography-sem-product-body-mobile-small-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-body-mobile-small-font-weight, 400); font-size: var(--clg-typography-sem-product-body-mobile-small-font-size, 12.99px); line-height: var(--clg-typography-sem-product-body-mobile-small-line-height, 18.19px); letter-spacing: var(--clg-typography-sem-product-body-mobile-small-letter-spacing, .1299px) } @media only screen and (min-width:640px) { .wt-star-rating__frame--caption { font-family: var(--clg-typography-sem-product-body-desktop-small-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-body-desktop-small-font-weight, 400); font-size: var(--clg-typography-sem-product-body-desktop-small-font-size, 12.99px); line-height: var(--clg-typography-sem-product-body-desktop-small-line-height, 18.19px); letter-spacing: var(--clg-typography-sem-product-body-desktop-small-letter-spacing, .1299px) } } .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, 36px); width: var(--clg-dimension-app-review-star-larger-size, 36px) } .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, 18px); width: var(--clg-dimension-app-review-star-smaller-size, 18px) } .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, #fff), 0 0 0 var(--clg-shape-pal-border-width-300, 4px)var(--clg-color-sem-border-focused, #3b67d9) } .wt-image { background-color: var(--clg-color-pal-greyscale-075, #eaeaea); 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 } [data-clg-theme=refresh] { --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-family-sans-serif-semibold: "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: "ABCDiatype", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-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: "ABCOtto", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light", "Droid Serif", "Georgia", "serif"; --clg-typography-pal-family-serif-thin-italic: "ABCOtto", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light", "Droid Serif", "Georgia", "serif"; --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-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-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-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-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-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-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-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-app-switch-background: #0000; --clg-color-app-chip-selectable-pressed-border: #0000; --clg-color-app-chip-selectable-border: #0000; --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-light-italic: "ABCOtto", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light", "Droid Serif", "Georgia", "serif"; --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-regular-italic: "Diatype", "-apple-system", "Helvetica Neue", "Arial", "sans-serif"; --clg-typography-sem-product-body-mobile-smallest-font-weight: var(--clg-typography-pal-weight-400); --clg-typography-sem-product-body-mobile-smallest-line-height: var(--clg-typography-pal-size-150); --clg-typography-sem-product-body-mobile-smallest-font-size: var(--clg-typography-pal-size-125); --clg-typography-sem-product-body-mobile-smallest-font-family: var(--clg-typography-pal-family-sans-serif-regular); --clg-typography-sem-product-body-mobile-smaller-line-height: var(--clg-typography-pal-size-200); --clg-typography-sem-product-body-mobile-smaller-font-size: var(--clg-typography-pal-size-150); --clg-typography-sem-product-body-mobile-smaller-font-family: var(--clg-typography-pal-family-sans-serif-regular); --clg-typography-sem-product-body-mobile-small-line-height: var(--clg-typography-pal-size-200); --clg-typography-sem-product-body-mobile-small-font-size: var(--clg-typography-pal-size-175); --clg-typography-sem-product-body-mobile-small-font-family: var(--clg-typography-pal-family-sans-serif-regular); --clg-typography-sem-product-body-mobile-base-line-height: var(--clg-typography-pal-size-250); --clg-typography-sem-product-body-mobile-base-font-size: var(--clg-typography-pal-size-200); --clg-typography-sem-product-body-mobile-base-font-family: var(--clg-typography-pal-family-sans-serif-regular); --clg-typography-sem-product-body-mobile-large-line-height: var(--clg-typography-pal-size-300); --clg-typography-sem-product-body-mobile-large-font-size: var(--clg-typography-pal-size-250); --clg-typography-sem-product-body-mobile-large-font-family: var(--clg-typography-pal-family-sans-serif-regular); --clg-typography-sem-product-body-desktop-smallest-line-height: var(--clg-typography-pal-size-150); --clg-typography-sem-product-body-desktop-smallest-font-size: var(--clg-typography-pal-size-125); --clg-typography-sem-product-body-desktop-smallest-font-family: var(--clg-typography-pal-family-sans-serif-regular); --clg-typography-sem-product-body-desktop-smaller-line-height: var(--clg-typography-pal-size-200); --clg-typography-sem-product-body-desktop-smaller-font-size: var(--clg-typography-pal-size-150); --clg-typography-sem-product-body-desktop-smaller-font-family: var(--clg-typography-pal-family-sans-serif-regular); --clg-typography-sem-product-body-desktop-small-line-height: var(--clg-typography-pal-size-200); --clg-typography-sem-product-body-desktop-small-font-size: var(--clg-typography-pal-size-175); --clg-typography-sem-product-body-desktop-small-font-family: var(--clg-typography-pal-family-sans-serif-regular); --clg-typography-sem-product-body-desktop-base-tight-line-height: var(--clg-typography-pal-size-250); --clg-typography-sem-product-body-desktop-base-line-height: var(--clg-typography-pal-size-250); --clg-typography-sem-product-body-desktop-base-font-size: var(--clg-typography-pal-size-200); --clg-typography-sem-product-body-desktop-base-font-family: var(--clg-typography-pal-family-sans-serif-regular); --clg-typography-sem-product-body-desktop-large-line-height: var(--clg-typography-pal-size-300); --clg-typography-sem-product-body-desktop-large-font-size: var(--clg-typography-pal-size-250); --clg-typography-sem-product-body-desktop-large-font-family: var(--clg-typography-pal-family-sans-serif-regular); --clg-typography-sem-product-title-mobile-smallest-font-weight: var(--clg-typography-pal-weight-700); --clg-typography-sem-product-title-mobile-smallest-line-height: var(--clg-typography-pal-size-150); --clg-typography-sem-product-title-mobile-smallest-font-size: var(--clg-typography-pal-size-125); --clg-typography-sem-product-title-mobile-smallest-font-family: var(--clg-typography-pal-family-sans-serif-medium); --clg-typography-sem-product-title-mobile-smaller-font-weight: var(--clg-typography-pal-weight-700); --clg-typography-sem-product-title-mobile-smaller-line-height: var(--clg-typography-pal-size-175); --clg-typography-sem-product-title-mobile-smaller-font-size: var(--clg-typography-pal-size-150); --clg-typography-sem-product-title-mobile-smaller-font-family: var(--clg-typography-pal-family-sans-serif-medium); --clg-typography-sem-product-title-mobile-small-font-weight: var(--clg-typography-pal-weight-700); --clg-typography-sem-product-title-mobile-small-line-height: var(--clg-typography-pal-size-200); --clg-typography-sem-product-title-mobile-small-font-size: var(--clg-typography-pal-size-175); --clg-typography-sem-product-title-mobile-small-font-family: var(--clg-typography-pal-family-sans-serif-medium); --clg-typography-sem-product-title-mobile-base-font-weight: var(--clg-typography-pal-weight-700); --clg-typography-sem-product-title-mobile-base-line-height: var(--clg-typography-pal-size-250); --clg-typography-sem-product-title-mobile-base-font-size: var(--clg-typography-pal-size-200); --clg-typography-sem-product-title-mobile-base-font-family: var(--clg-typography-pal-family-sans-serif-medium); --clg-typography-sem-product-title-mobile-large-font-weight: var(--clg-typography-pal-weight-700); --clg-typography-sem-product-title-mobile-large-line-height: var(--clg-typography-pal-size-300); --clg-typography-sem-product-title-mobile-large-font-size: var(--clg-typography-pal-size-250); --clg-typography-sem-product-title-mobile-large-font-family: var(--clg-typography-pal-family-sans-serif-medium); --clg-typography-sem-product-title-mobile-larger-font-weight: var(--clg-typography-pal-weight-700); --clg-typography-sem-product-title-mobile-larger-line-height: var(--clg-typography-pal-size-400); --clg-typography-sem-product-title-mobile-larger-font-size: var(--clg-typography-pal-size-300); --clg-typography-sem-product-title-mobile-larger-font-family: var(--clg-typography-pal-family-sans-serif-medium); --clg-typography-sem-product-title-desktop-smallest-font-weight: var(--clg-typography-pal-weight-700); --clg-typography-sem-product-title-desktop-smallest-line-height: var(--clg-typography-pal-size-150); --clg-typography-sem-product-title-desktop-smallest-font-size: var(--clg-typography-pal-size-125); --clg-typography-sem-product-title-desktop-smallest-font-family: var(--clg-typography-pal-family-sans-serif-medium); --clg-typography-sem-product-title-desktop-smaller-font-weight: var(--clg-typography-pal-weight-700); --clg-typography-sem-product-title-desktop-smaller-line-height: var(--clg-typography-pal-size-175); --clg-typography-sem-product-title-desktop-smaller-font-size: var(--clg-typography-pal-size-150); --clg-typography-sem-product-title-desktop-smaller-font-family: var(--clg-typography-pal-family-sans-serif-medium); --clg-typography-sem-product-title-desktop-small-font-weight: var(--clg-typography-pal-weight-700); --clg-typography-sem-product-title-desktop-small-line-height: var(--clg-typography-pal-size-200); --clg-typography-sem-product-title-desktop-small-font-size: var(--clg-typography-pal-size-175); --clg-typography-sem-product-title-desktop-small-font-family: var(--clg-typography-pal-family-sans-serif-medium); --clg-typography-sem-product-title-desktop-base-font-weight: var(--clg-typography-pal-weight-700); --clg-typography-sem-product-title-desktop-base-line-height: var(--clg-typography-pal-size-250); --clg-typography-sem-product-title-desktop-base-font-size: var(--clg-typography-pal-size-200); --clg-typography-sem-product-title-desktop-base-font-family: var(--clg-typography-pal-family-sans-serif-medium); --clg-typography-sem-product-title-desktop-large-font-weight: var(--clg-typography-pal-weight-700); --clg-typography-sem-product-title-desktop-large-line-height: var(--clg-typography-pal-size-300); --clg-typography-sem-product-title-desktop-large-font-size: var(--clg-typography-pal-size-250); --clg-typography-sem-product-title-desktop-large-font-family: var(--clg-typography-pal-family-sans-serif-medium); --clg-typography-sem-product-title-desktop-larger-font-weight: var(--clg-typography-pal-weight-700); --clg-typography-sem-product-title-desktop-larger-line-height: var(--clg-typography-pal-size-400); --clg-typography-sem-product-title-desktop-larger-font-size: var(--clg-typography-pal-size-300); --clg-typography-sem-product-title-desktop-larger-font-family: var(--clg-typography-pal-family-sans-serif-medium); --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-small-font-family: var(--clg-typography-pal-family-serif-light); --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-base-font-family: var(--clg-typography-pal-family-serif-light); --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-mobile-large-font-family: var(--clg-typography-pal-family-serif-light); --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-small-font-family: var(--clg-typography-pal-family-serif-light); --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-base-font-family: var(--clg-typography-pal-family-serif-light); --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-heading-desktop-large-font-family: var(--clg-typography-pal-family-serif-light); --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-base-font-family: var(--clg-typography-pal-family-serif-light); --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-large-font-family: var(--clg-typography-pal-family-serif-light); --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-mobile-larger-font-family: var(--clg-typography-pal-family-serif-light); --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-base-font-family: var(--clg-typography-pal-family-serif-light); --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-large-font-family: var(--clg-typography-pal-family-serif-light); --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-sem-product-display-desktop-larger-font-family: var(--clg-typography-pal-family-serif-light); --clg-effect-app-sheets-shadow: var(--clg-effect-sem-shadow-elevation-4); --clg-effect-app-input-shadow: 0px 1px 4px 0px inset var(--clg-color-pal-transparent-black-075); --clg-effect-app-dialogs-shadow: var(--clg-effect-sem-shadow-elevation-4); --clg-effect-app-alert-toast-shadow: var(--clg-effect-sem-shadow-elevation-2); --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-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-disabled: var(--clg-color-pal-greyscale-500); --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-text-action: 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-selectable: var(--clg-color-pal-greyscale-400); --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-divider: var(--clg-color-pal-greyscale-100); --clg-color-sem-border-critical: var(--clg-color-pal-red-750); --clg-color-sem-border-active: var(--clg-color-pal-greyscale-800); --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-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-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-hovered-subtle: var(--clg-color-pal-transparent-black-050); --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-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-neg1: var(--clg-color-pal-greyscale-075); --clg-color-sem-background-elevation-4: var(--clg-color-pal-greyscale-000); --clg-color-sem-background-elevation-3: var(--clg-color-pal-greyscale-000); --clg-color-sem-background-elevation-2: var(--clg-color-pal-greyscale-000); --clg-color-sem-background-elevation-1: var(--clg-color-pal-greyscale-000); --clg-color-sem-background-elevation-0: var(--clg-color-pal-greyscale-050); --clg-color-sem-background-scrim: var(--clg-color-pal-transparent-black-500); --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-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-foreground: var(--clg-color-pal-greyscale-400); --clg-color-app-switch-disabled-border: var(--clg-color-pal-greyscale-400); --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-subtle-foreground: var(--clg-color-pal-greyscale-800); --clg-color-app-spinner-on-surface-subtle-background: var(--clg-color-pal-transparent-black-150); --clg-color-app-spinner-on-surface-strong-foreground: var(--clg-color-pal-greyscale-050); --clg-color-app-spinner-on-surface-strong-background: var(--clg-color-pal-transparent-white-150); --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-background: var(--clg-color-pal-red-500); --clg-color-app-signal-urgency-text: var(--clg-color-pal-red-750); --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-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-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-selectable-card-control-background: var(--clg-color-pal-greyscale-000); --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-fill: var(--clg-color-pal-greyscale-800); --clg-color-app-progress-bar-background: var(--clg-color-pal-greyscale-150); --clg-color-app-panel-background: var(--clg-color-pal-greyscale-000); --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-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-chip-swatch-selected-border: var(--clg-color-pal-greyscale-050); --clg-color-app-chip-swatch-border: var(--clg-color-pal-greyscale-400); --clg-color-app-chip-selectable-selected-pressed-border: var(--clg-color-pal-greyscale-600); --clg-color-app-chip-selectable-selected-pressed-background: var(--clg-color-pal-greyscale-600); --clg-color-app-chip-selectable-selected-hovered-background: var(--clg-color-pal-greyscale-800); --clg-color-app-chip-selectable-selected-background: var(--clg-color-pal-greyscale-800); --clg-color-app-chip-selectable-pressed-background: var(--clg-color-pal-transparent-black-200); --clg-color-app-chip-selectable-hovered-background: var(--clg-color-pal-transparent-black-150); --clg-color-app-chip-selectable-disabled-selected-background: var(--clg-color-pal-greyscale-500); --clg-color-app-chip-selectable-disabled-text: var(--clg-color-pal-greyscale-350); --clg-color-app-chip-selectable-disabled-background: var(--clg-color-pal-transparent-black-075); --clg-color-app-chip-selectable-background: var(--clg-color-pal-transparent-black-075); --clg-color-app-chip-removable-pressed-border: var(--clg-color-pal-greyscale-600); --clg-color-app-chip-removable-pressed-background: var(--clg-color-pal-greyscale-600); --clg-color-app-chip-removable-hovered-background: var(--clg-color-pal-greyscale-800); --clg-color-app-chip-removable-disabled-background: var(--clg-color-pal-greyscale-500); --clg-color-app-chip-removable-background: var(--clg-color-pal-greyscale-800); --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-card-background: var(--clg-color-pal-greyscale-000); --clg-color-app-button-transparent-pressed-background: var(--clg-color-pal-transparent-black-150); --clg-color-app-button-transparent-on-surface-subtle-pressed-background: var(--clg-color-pal-transparent-black-150); --clg-color-app-button-transparent-on-surface-strong-pressed-background: var(--clg-color-pal-transparent-white-150); --clg-color-app-button-transparent-on-surface-strong-hovered-background: var(--clg-color-pal-transparent-white-075); --clg-color-app-button-transparent-on-surface-light-pressed-background: var(--clg-color-pal-transparent-black-150); --clg-color-app-button-transparent-on-surface-light-hovered-background: var(--clg-color-pal-transparent-black-075); --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-dark-pressed-background: var(--clg-color-pal-transparent-white-150); --clg-color-app-button-transparent-on-surface-dark-hovered-background: var(--clg-color-pal-transparent-white-075); --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-disabled-text: var(--clg-color-pal-greyscale-500); --clg-color-app-button-toggle-secondary-on-surface-dark-selected-disabled-text: var(--clg-color-pal-greyscale-500); --clg-color-app-button-toggle-secondary-on-surface-dark-selected-disabled-border: var(--clg-color-pal-greyscale-500); --clg-color-app-button-toggle-secondary-on-surface-dark-selected-pressed-border: var(--clg-color-pal-greyscale-050); --clg-color-app-button-toggle-secondary-on-surface-dark-selected-pressed-background: var(--clg-color-pal-transparent-white-150); --clg-color-app-button-toggle-secondary-on-surface-dark-selected-hovered-border: var(--clg-color-pal-greyscale-050); --clg-color-app-button-toggle-secondary-on-surface-dark-selected-border: var(--clg-color-pal-greyscale-050); --clg-color-app-button-toggle-secondary-on-surface-dark-disabled-text: var(--clg-color-pal-greyscale-500); --clg-color-app-button-toggle-secondary-on-surface-dark-disabled-border: var(--clg-color-pal-greyscale-500); --clg-color-app-button-toggle-secondary-on-surface-dark-disabled-background: var(--clg-color-pal-greyscale-900); --clg-color-app-button-toggle-secondary-on-surface-dark-pressed-border: var(--clg-color-pal-greyscale-400); --clg-color-app-button-toggle-secondary-on-surface-dark-pressed-background: var(--clg-color-pal-greyscale-600); --clg-color-app-button-toggle-secondary-on-surface-dark-hovered-border: var(--clg-color-pal-transparent-white-150); --clg-color-app-button-toggle-secondary-on-surface-dark-hovered-background: var(--clg-color-pal-greyscale-900); --clg-color-app-button-toggle-secondary-on-surface-dark-border: var(--clg-color-pal-transparent-white-150); --clg-color-app-button-toggle-secondary-on-surface-dark-background: var(--clg-color-pal-greyscale-900); --clg-color-app-button-toggle-secondary-on-surface-light-selected-disabled-text: var(--clg-color-pal-greyscale-500); --clg-color-app-button-toggle-secondary-on-surface-light-selected-disabled-border: var(--clg-color-pal-greyscale-500); --clg-color-app-button-toggle-secondary-on-surface-light-selected-pressed-border: var(--clg-color-pal-greyscale-800); --clg-color-app-button-toggle-secondary-on-surface-light-selected-pressed-background: var(--clg-color-pal-transparent-black-150); --clg-color-app-button-toggle-secondary-on-surface-light-selected-hovered-border: var(--clg-color-pal-greyscale-800); --clg-color-app-button-toggle-secondary-on-surface-light-selected-border: var(--clg-color-pal-greyscale-800); --clg-color-app-button-toggle-secondary-on-surface-light-disabled-text: var(--clg-color-pal-greyscale-500); --clg-color-app-button-toggle-secondary-on-surface-light-disabled-border: var(--clg-color-pal-greyscale-500); --clg-color-app-button-toggle-secondary-on-surface-light-disabled-background: var(--clg-color-pal-greyscale-050); --clg-color-app-button-toggle-secondary-on-surface-light-pressed-border: var(--clg-color-pal-greyscale-400); --clg-color-app-button-toggle-secondary-on-surface-light-pressed-background: var(--clg-color-pal-greyscale-150); --clg-color-app-button-toggle-secondary-on-surface-light-hovered-border: var(--clg-color-pal-greyscale-100); --clg-color-app-button-toggle-secondary-on-surface-light-hovered-background: var(--clg-color-pal-greyscale-050); --clg-color-app-button-toggle-secondary-on-surface-light-border: var(--clg-color-pal-greyscale-100); --clg-color-app-button-toggle-secondary-on-surface-light-background: var(--clg-color-pal-greyscale-050); --clg-color-app-button-toggle-secondary-pressed-background: var(--clg-color-pal-greyscale-150); --clg-color-app-button-toggle-secondary-selected-pressed-border: var(--clg-color-pal-greyscale-800); --clg-color-app-button-toggle-secondary-selected-pressed-background: var(--clg-color-pal-transparent-black-150); --clg-color-app-button-toggle-secondary-selected-disabled-text: var(--clg-color-pal-greyscale-500); --clg-color-app-button-toggle-secondary-selected-disabled-border: var(--clg-color-pal-greyscale-500); --clg-color-app-button-toggle-secondary-selected-disabled-background: var(--clg-color-pal-greyscale-000); --clg-color-app-button-toggle-secondary-selected-hovered-border: var(--clg-color-pal-greyscale-800); --clg-color-app-button-toggle-secondary-selected-border: var(--clg-color-pal-greyscale-800); --clg-color-app-button-toggle-primary-on-surface-dark-selected-disabled-text: var(--clg-color-pal-greyscale-500); --clg-color-app-button-toggle-primary-on-surface-dark-selected-disabled-border: var(--clg-color-pal-greyscale-500); --clg-color-app-button-toggle-primary-on-surface-dark-selected-pressed-border: var(--clg-color-pal-greyscale-050); --clg-color-app-button-toggle-primary-on-surface-dark-selected-pressed-background: var(--clg-color-pal-transparent-white-150); --clg-color-app-button-toggle-primary-on-surface-dark-selected-hovered-border: var(--clg-color-pal-greyscale-050); --clg-color-app-button-toggle-primary-on-surface-dark-selected-border: var(--clg-color-pal-greyscale-050); --clg-color-app-button-toggle-primary-on-surface-dark-disabled-background: var(--clg-color-pal-greyscale-500); --clg-color-app-button-toggle-primary-on-surface-dark-pressed-background: var(--clg-color-pal-greyscale-150); --clg-color-app-button-toggle-primary-on-surface-dark-hovered-background: var(--clg-color-pal-greyscale-075); --clg-color-app-button-toggle-primary-on-surface-dark-background: var(--clg-color-pal-greyscale-000); --clg-color-app-button-toggle-primary-on-surface-light-selected-disabled-text: var(--clg-color-pal-greyscale-500); --clg-color-app-button-toggle-primary-on-surface-light-selected-disabled-border: var(--clg-color-pal-greyscale-500); --clg-color-app-button-toggle-primary-on-surface-light-selected-pressed-border: var(--clg-color-pal-greyscale-800); --clg-color-app-button-toggle-primary-on-surface-light-selected-pressed-background: var(--clg-color-pal-transparent-black-150); --clg-color-app-button-toggle-primary-on-surface-light-selected-hovered-border: var(--clg-color-pal-greyscale-800); --clg-color-app-button-toggle-primary-on-surface-light-selected-border: var(--clg-color-pal-greyscale-800); --clg-color-app-button-toggle-primary-on-surface-light-disabled-background: var(--clg-color-pal-greyscale-500); --clg-color-app-button-toggle-primary-on-surface-light-pressed-background: var(--clg-color-pal-greyscale-600); --clg-color-app-button-toggle-primary-on-surface-light-hovered-background: var(--clg-color-pal-greyscale-700); --clg-color-app-button-toggle-primary-on-surface-light-background: var(--clg-color-pal-greyscale-800); --clg-color-app-button-toggle-primary-pressed-background: var(--clg-color-pal-greyscale-600); --clg-color-app-button-toggle-primary-hovered-background: var(--clg-color-pal-greyscale-800); --clg-color-app-button-toggle-primary-disabled-background: var(--clg-color-pal-greyscale-500); --clg-color-app-button-toggle-primary-selected-pressed-border: var(--clg-color-pal-greyscale-800); --clg-color-app-button-toggle-primary-selected-pressed-background: var(--clg-color-pal-transparent-black-150); --clg-color-app-button-toggle-primary-selected-disabled-text: var(--clg-color-pal-greyscale-500); --clg-color-app-button-toggle-primary-selected-disabled-border: var(--clg-color-pal-greyscale-500); --clg-color-app-button-toggle-primary-selected-disabled-background: var(--clg-color-pal-greyscale-000); --clg-color-app-button-toggle-primary-selected-hovered-border: var(--clg-color-pal-greyscale-800); --clg-color-app-button-toggle-primary-selected-border: var(--clg-color-pal-greyscale-800); --clg-color-app-button-text-secondary-on-surface-light-disabled-text: var(--clg-color-pal-greyscale-500); --clg-color-app-button-text-secondary-on-surface-light-text: var(--clg-color-pal-greyscale-800); --clg-color-app-button-text-secondary-on-surface-dark-disabled-text: var(--clg-color-pal-greyscale-350); --clg-color-app-button-text-secondary-on-surface-dark-text: var(--clg-color-pal-greyscale-050); --clg-color-app-button-text-primary-on-surface-light-disabled-text: var(--clg-color-pal-greyscale-500); --clg-color-app-button-text-primary-on-surface-light-text: var(--clg-color-pal-blue-500); --clg-color-app-button-text-primary-on-surface-dark-disabled-text: var(--clg-color-pal-greyscale-350); --clg-color-app-button-text-primary-on-surface-dark-text: var(--clg-color-pal-blue-350); --clg-color-app-button-tertiary-pressed-background: var(--clg-color-pal-transparent-black-200); --clg-color-app-button-tertiary-on-surface-subtle-pressed-background: var(--clg-color-pal-transparent-black-200); --clg-color-app-button-tertiary-on-surface-subtle-hovered-background: var(--clg-color-pal-transparent-black-150); --clg-color-app-button-tertiary-on-surface-subtle-text: var(--clg-color-pal-greyscale-800); --clg-color-app-button-tertiary-on-surface-subtle-background: var(--clg-color-pal-transparent-black-075); --clg-color-app-button-tertiary-on-surface-strong-pressed-background: var(--clg-color-pal-transparent-white-200); --clg-color-app-button-tertiary-on-surface-strong-hovered-background: var(--clg-color-pal-transparent-white-150); --clg-color-app-button-tertiary-on-surface-strong-text: var(--clg-color-pal-greyscale-050); --clg-color-app-button-tertiary-on-surface-strong-background: var(--clg-color-pal-transparent-white-075); --clg-color-app-button-tertiary-on-surface-light-pressed-background: var(--clg-color-pal-transparent-black-200); --clg-color-app-button-tertiary-on-surface-light-hovered-background: var(--clg-color-pal-transparent-black-150); --clg-color-app-button-tertiary-on-surface-light-background: var(--clg-color-pal-transparent-black-075); --clg-color-app-button-tertiary-on-surface-dark-pressed-background: var(--clg-color-pal-transparent-white-200); --clg-color-app-button-tertiary-on-surface-dark-hovered-background: var(--clg-color-pal-transparent-white-150); --clg-color-app-button-tertiary-on-surface-dark-background: var(--clg-color-pal-transparent-white-075); --clg-color-app-button-tertiary-hovered-background: var(--clg-color-pal-transparent-black-150); --clg-color-app-button-tertiary-disabled-text: var(--clg-color-pal-greyscale-350); --clg-color-app-button-tertiary-disabled-background: var(--clg-color-pal-transparent-black-075); --clg-color-app-button-tertiary-background: var(--clg-color-pal-transparent-black-075); --clg-color-app-button-selectable-filter-border: var(--clg-color-pal-greyscale-400); --clg-color-app-button-selectable-disabled-border: var(--clg-color-pal-greyscale-500); --clg-color-app-button-secondary-pressed-background: var(--clg-color-pal-transparent-black-150); --clg-color-app-button-secondary-on-surface-subtle-pressed-background: var(--clg-color-pal-transparent-black-150); --clg-color-app-button-secondary-on-surface-subtle-disabled-text: var(--clg-color-pal-greyscale-500); --clg-color-app-button-secondary-on-surface-subtle-disabled-border: var(--clg-color-pal-greyscale-500); --clg-color-app-button-secondary-on-surface-subtle-border: var(--clg-color-pal-greyscale-800); --clg-color-app-button-secondary-on-surface-strong-pressed-background: var(--clg-color-pal-transparent-white-150); --clg-color-app-button-secondary-on-surface-strong-disabled-text: var(--clg-color-pal-greyscale-500); --clg-color-app-button-secondary-on-surface-strong-disabled-border: var(--clg-color-pal-greyscale-500); --clg-color-app-button-secondary-on-surface-strong-border: var(--clg-color-pal-greyscale-050); --clg-color-app-button-secondary-on-surface-light-pressed-background: var(--clg-color-pal-transparent-black-150); --clg-color-app-button-secondary-on-surface-light-disabled-text: var(--clg-color-pal-greyscale-500); --clg-color-app-button-secondary-on-surface-light-disabled-border: var(--clg-color-pal-greyscale-500); --clg-color-app-button-secondary-on-surface-light-border: var(--clg-color-pal-greyscale-800); --clg-color-app-button-secondary-on-surface-dark-pressed-background: var(--clg-color-pal-transparent-white-150); --clg-color-app-button-secondary-on-surface-dark-disabled-text: var(--clg-color-pal-greyscale-500); --clg-color-app-button-secondary-on-surface-dark-disabled-border: var(--clg-color-pal-greyscale-500); --clg-color-app-button-secondary-on-surface-dark-border: var(--clg-color-pal-greyscale-050); --clg-color-app-button-secondary-disabled-text: var(--clg-color-pal-greyscale-500); --clg-color-app-button-secondary-disabled-border: var(--clg-color-pal-greyscale-500); --clg-color-app-button-secondary-border: var(--clg-color-pal-greyscale-800); --clg-color-app-button-primary-pressed-background: var(--clg-color-pal-greyscale-600); --clg-color-app-button-primary-on-surface-subtle-pressed-background: var(--clg-color-pal-greyscale-600); --clg-color-app-button-primary-on-surface-subtle-hovered-background: var(--clg-color-pal-greyscale-700); --clg-color-app-button-primary-on-surface-subtle-disabled-background: var(--clg-color-pal-greyscale-500); --clg-color-app-button-primary-on-surface-subtle-text: var(--clg-color-pal-greyscale-000); --clg-color-app-button-primary-on-surface-subtle-background: var(--clg-color-pal-greyscale-800); --clg-color-app-button-primary-on-surface-strong-pressed-background: var(--clg-color-pal-greyscale-150); --clg-color-app-button-primary-on-surface-strong-hovered-background: var(--clg-color-pal-greyscale-075); --clg-color-app-button-primary-on-surface-strong-disabled-background: var(--clg-color-pal-greyscale-500); --clg-color-app-button-primary-on-surface-strong-text: var(--clg-color-pal-greyscale-800); --clg-color-app-button-primary-on-surface-strong-background: var(--clg-color-pal-greyscale-000); --clg-color-app-button-primary-on-surface-light-pressed-background: var(--clg-color-pal-greyscale-600); --clg-color-app-button-primary-on-surface-light-hovered-background: var(--clg-color-pal-greyscale-700); --clg-color-app-button-primary-on-surface-light-disabled-background: var(--clg-color-pal-greyscale-500); --clg-color-app-button-primary-on-surface-light-background: var(--clg-color-pal-greyscale-800); --clg-color-app-button-primary-on-surface-dark-pressed-background: var(--clg-color-pal-greyscale-150); --clg-color-app-button-primary-on-surface-dark-hovered-background: var(--clg-color-pal-greyscale-075); --clg-color-app-button-primary-on-surface-dark-disabled-background: var(--clg-color-pal-greyscale-500); --clg-color-app-button-primary-on-surface-dark-background: var(--clg-color-pal-greyscale-000); --clg-color-app-button-primary-hovered-background: var(--clg-color-pal-greyscale-800); --clg-color-app-button-primary-disabled-background: var(--clg-color-pal-greyscale-500); --clg-color-app-button-icon-transparent-pressed-background: var(--clg-color-pal-transparent-black-150); --clg-color-app-button-icon-transparent-on-surface-subtle-pressed-background: var(--clg-color-pal-transparent-black-150); --clg-color-app-button-icon-transparent-on-surface-strong-pressed-background: var(--clg-color-pal-transparent-white-150); --clg-color-app-button-icon-transparent-on-surface-strong-hovered-background: var(--clg-color-pal-transparent-white-075); --clg-color-app-button-icon-transparent-on-surface-light-pressed-background: var(--clg-color-pal-transparent-black-150); --clg-color-app-button-icon-transparent-on-surface-light-hovered-background: var(--clg-color-pal-transparent-black-075); --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-dark-pressed-background: var(--clg-color-pal-transparent-white-150); --clg-color-app-button-icon-transparent-on-surface-dark-hovered-background: var(--clg-color-pal-transparent-white-075); --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-disabled-icon: var(--clg-color-pal-greyscale-500); --clg-color-app-button-icon-tertiary-pressed-background: var(--clg-color-pal-transparent-black-200); --clg-color-app-button-icon-tertiary-on-surface-light-pressed-background: var(--clg-color-pal-transparent-black-200); --clg-color-app-button-icon-tertiary-on-surface-light-hovered-background: var(--clg-color-pal-transparent-black-150); --clg-color-app-button-icon-tertiary-on-surface-light-background: var(--clg-color-pal-transparent-black-075); --clg-color-app-button-icon-tertiary-on-surface-dark-pressed-background: var(--clg-color-pal-transparent-white-200); --clg-color-app-button-icon-tertiary-on-surface-dark-hovered-background: var(--clg-color-pal-transparent-white-150); --clg-color-app-button-icon-tertiary-on-surface-dark-background: var(--clg-color-pal-transparent-white-075); --clg-color-app-button-icon-tertiary-hovered-background: var(--clg-color-pal-transparent-black-150); --clg-color-app-button-icon-tertiary-disabled-icon: var(--clg-color-pal-greyscale-350); --clg-color-app-button-icon-tertiary-disabled-background: var(--clg-color-pal-transparent-black-075); --clg-color-app-button-icon-tertiary-background: var(--clg-color-pal-transparent-black-075); --clg-color-app-button-icon-secondary-subtle-pressed-background: var(--clg-color-pal-transparent-black-150); --clg-color-app-button-icon-secondary-subtle-on-surface-light-pressed-background: var(--clg-color-pal-transparent-black-150); --clg-color-app-button-icon-secondary-subtle-on-surface-light-disabled-icon: var(--clg-color-pal-greyscale-500); --clg-color-app-button-icon-secondary-subtle-on-surface-light-disabled-border: var(--clg-color-pal-greyscale-500); --clg-color-app-button-icon-secondary-subtle-on-surface-light-border: var(--clg-color-pal-greyscale-400); --clg-color-app-button-icon-secondary-subtle-on-surface-light-background: var(--clg-color-pal-greyscale-050); --clg-color-app-button-icon-secondary-subtle-on-surface-dark-pressed-background: var(--clg-color-pal-transparent-white-150); --clg-color-app-button-icon-secondary-subtle-on-surface-dark-disabled-icon: var(--clg-color-pal-greyscale-500); --clg-color-app-button-icon-secondary-subtle-on-surface-dark-disabled-border: var(--clg-color-pal-greyscale-500); --clg-color-app-button-icon-secondary-subtle-on-surface-dark-border: var(--clg-color-pal-greyscale-400); --clg-color-app-button-icon-secondary-subtle-on-surface-dark-background: var(--clg-color-pal-greyscale-900); --clg-color-app-button-icon-secondary-subtle-disabled-icon: var(--clg-color-pal-greyscale-500); --clg-color-app-button-icon-secondary-subtle-disabled-border: var(--clg-color-pal-greyscale-500); --clg-color-app-button-icon-secondary-subtle-background: var(--clg-color-pal-greyscale-050); --clg-color-app-button-icon-secondary-strong-pressed-background: var(--clg-color-pal-transparent-black-150); --clg-color-app-button-icon-secondary-strong-on-surface-light-pressed-background: var(--clg-color-pal-transparent-black-150); --clg-color-app-button-icon-secondary-strong-on-surface-light-disabled-icon: var(--clg-color-pal-greyscale-500); --clg-color-app-button-icon-secondary-strong-on-surface-light-disabled-border: var(--clg-color-pal-greyscale-500); --clg-color-app-button-icon-secondary-strong-on-surface-light-border: var(--clg-color-pal-greyscale-800); --clg-color-app-button-icon-secondary-strong-on-surface-dark-pressed-background: var(--clg-color-pal-transparent-white-150); --clg-color-app-button-icon-secondary-strong-on-surface-dark-disabled-icon: var(--clg-color-pal-greyscale-500); --clg-color-app-button-icon-secondary-strong-on-surface-dark-disabled-border: var(--clg-color-pal-greyscale-500); --clg-color-app-button-icon-secondary-strong-on-surface-dark-border: var(--clg-color-pal-greyscale-050); --clg-color-app-button-icon-secondary-strong-disabled-icon: var(--clg-color-pal-greyscale-500); --clg-color-app-button-icon-secondary-strong-disabled-border: var(--clg-color-pal-greyscale-500); --clg-color-app-button-icon-secondary-strong-border: var(--clg-color-pal-greyscale-800); --clg-color-app-button-icon-primary-pressed-background: var(--clg-color-pal-greyscale-600); --clg-color-app-button-icon-primary-on-surface-light-pressed-background: var(--clg-color-pal-greyscale-600); --clg-color-app-button-icon-primary-on-surface-light-hovered-background: var(--clg-color-pal-greyscale-700); --clg-color-app-button-icon-primary-on-surface-light-disabled-background: var(--clg-color-pal-greyscale-500); --clg-color-app-button-icon-primary-on-surface-light-background: var(--clg-color-pal-greyscale-800); --clg-color-app-button-icon-primary-on-surface-dark-pressed-background: var(--clg-color-pal-greyscale-150); --clg-color-app-button-icon-primary-on-surface-dark-hovered-background: var(--clg-color-pal-greyscale-075); --clg-color-app-button-icon-primary-on-surface-dark-disabled-background: var(--clg-color-pal-greyscale-500); --clg-color-app-button-icon-primary-on-surface-dark-background: var(--clg-color-pal-greyscale-050); --clg-color-app-button-icon-primary-hovered-background: var(--clg-color-pal-greyscale-800); --clg-color-app-button-icon-primary-disabled-background: var(--clg-color-pal-greyscale-500); --clg-color-app-button-icon-primary-background: var(--clg-color-pal-greyscale-800); --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-favorite-pressed-background: var(--clg-color-pal-greyscale-150); --clg-color-app-button-favorite-on-surface-light-pressed-background: var(--clg-color-pal-greyscale-150); --clg-color-app-button-favorite-on-surface-light-border: var(--clg-color-pal-greyscale-100); --clg-color-app-button-favorite-on-surface-dark-pressed-background: var(--clg-color-pal-greyscale-600); --clg-color-app-button-favorite-on-surface-dark-border: var(--clg-color-pal-transparent-white-150); --clg-color-app-brand-icon-success-02-background: var(--clg-color-pal-greyscale-050); --clg-color-app-brand-icon-marketing-03-background: var(--clg-color-pal-greyscale-050); --clg-color-app-brand-icon-marketing-02-background: var(--clg-color-pal-orange-100); --clg-color-app-bottom-nav-item-pressed-background: var(--clg-color-pal-transparent-black-150); --clg-color-app-bottom-nav-item-selected-background: var(--clg-color-pal-greyscale-075); --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-pal-family-serif-letter-spacing: var(--clg-typography-pal-letter-spacing-100); --clg-typography-pal-family-sans-serif-letter-spacing: var(--clg-typography-pal-letter-spacing-300); --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-smallest-font-color: var(--clg-color-sem-text-primary); --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-smaller-font-color: var(--clg-color-sem-text-primary); --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-small-font-color: var(--clg-color-sem-text-primary); --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-base-font-color: var(--clg-color-sem-text-primary); --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-mobile-large-font-color: var(--clg-color-sem-text-primary); --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-smallest-font-color: var(--clg-color-sem-text-primary); --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-smaller-font-color: var(--clg-color-sem-text-primary); --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-small-font-color: var(--clg-color-sem-text-primary); --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-base-font-color: var(--clg-color-sem-text-primary); --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-body-desktop-large-font-color: var(--clg-color-sem-text-primary); --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-smallest-font-color: var(--clg-color-sem-text-primary); --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-smaller-font-color: var(--clg-color-sem-text-primary); --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-small-font-color: var(--clg-color-sem-text-primary); --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-base-font-color: var(--clg-color-sem-text-primary); --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-large-font-color: var(--clg-color-sem-text-primary); --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-mobile-larger-font-color: var(--clg-color-sem-text-primary); --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-smallest-font-color: var(--clg-color-sem-text-primary); --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-smaller-font-color: var(--clg-color-sem-text-primary); --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-small-font-color: var(--clg-color-sem-text-primary); --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-base-font-color: var(--clg-color-sem-text-primary); --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-large-font-color: var(--clg-color-sem-text-primary); --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-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-base: var(--clg-shape-pal-border-radius-100); --clg-shape-sem-border-radius-card: var(--clg-shape-pal-border-radius-100); --clg-shape-app-signal-border-radius: var(--clg-shape-pal-border-radius-200); --clg-shape-app-indicator-border-radius: var(--clg-shape-pal-border-radius-200); --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-input-selectable-checkbox-small-indicator-size: var(--clg-dimension-sem-icon-core-smallest); --clg-dimension-app-input-selectable-checkbox-indicator-size: var(--clg-dimension-sem-icon-core-base); --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-disabled-text: var(--clg-color-sem-text-disabled); --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-text-border: var(--clg-color-sem-border-selectable); --clg-color-app-selectable-swatch-selected-border-outer: var(--clg-color-sem-border-selected); --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-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-signal-border: var(--clg-color-sem-border-divider); --clg-color-app-sheet-handle: var(--clg-color-sem-text-placeholder); --clg-color-app-transparent-gradient-end: var(--clg-color-sem-background-elevation-0); --clg-color-app-selectable-image-selected-border-outer: var(--clg-color-sem-border-selected); --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-selected-border-inner: var(--clg-color-sem-background-surface-unavailable-subtle); --clg-color-app-selectable-card-disabled-border: var(--clg-color-sem-border-selectable); --clg-color-app-selectable-card-selected-border: var(--clg-color-sem-border-selected); --clg-color-app-selectable-card-border: var(--clg-color-sem-border-selectable); --clg-color-app-scroll-overlay-background-end: var(--clg-color-sem-background-elevation-0); --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-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-elevation-3); --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-input-border: var(--clg-color-sem-border-selectable); --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-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-elevation-0); --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-background-surface-hovered-subtle); --clg-color-app-drag-and-drop-disabled-background: var(--clg-color-sem-background-surface-unavailable-subtle); --clg-color-app-chip-selectable-selected-text: var(--clg-color-sem-text-on-surface-strong); --clg-color-app-chip-selectable-disabled-selected-text: var(--clg-color-sem-text-on-surface-dark); --clg-color-app-chip-selectable-text: var(--clg-color-sem-text-on-surface-subtle); --clg-color-app-chip-removable-pressed-text: var(--clg-color-sem-text-on-surface-strong); --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-carousel-dots-v2-container-background: var(--clg-color-sem-background-scrim); --clg-color-app-carousel-dots-inactive-border: var(--clg-color-sem-border-selectable); --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-button-transparent-on-surface-subtle-hovered-background: var(--clg-color-sem-background-surface-hovered-subtle); --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-subtle-text: var(--clg-color-sem-text-on-surface-subtle); --clg-color-app-button-transparent-on-surface-strong-disabled-text: var(--clg-color-app-button-transparent-disabled-text); --clg-color-app-button-transparent-on-surface-strong-text: var(--clg-color-sem-text-on-surface-strong); --clg-color-app-button-transparent-on-surface-light-disabled-text: var(--clg-color-app-button-transparent-disabled-text); --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-disabled-text: var(--clg-color-app-button-transparent-disabled-text); --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-background-surface-hovered-subtle); --clg-color-app-button-transparent-text: var(--clg-color-sem-text-primary); --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-hovered-text: var(--clg-color-sem-text-on-surface-dark); --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-pressed-text: var(--clg-color-sem-text-on-surface-dark); --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-text: var(--clg-color-sem-text-on-surface-dark); --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-hovered-text: var(--clg-color-sem-text-on-surface-light); --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-pressed-text: var(--clg-color-sem-text-on-surface-light); --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-text: var(--clg-color-sem-text-on-surface-light); --clg-color-app-button-toggle-secondary-pressed-text: var(--clg-color-sem-text-primary); --clg-color-app-button-toggle-secondary-pressed-border: var(--clg-color-sem-border-selectable); --clg-color-app-button-toggle-secondary-selected-pressed-text: var(--clg-color-sem-text-primary); --clg-color-app-button-toggle-secondary-selected-hovered-text: var(--clg-color-sem-text-primary); --clg-color-app-button-toggle-secondary-selected-text: var(--clg-color-sem-text-primary); --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-divider); --clg-color-app-button-toggle-secondary-hovered-text: var(--clg-color-sem-text-primary); --clg-color-app-button-toggle-secondary-hovered-border: var(--clg-color-sem-border-divider); --clg-color-app-button-toggle-secondary-text: var(--clg-color-sem-text-primary); --clg-color-app-button-toggle-secondary-border: var(--clg-color-sem-border-divider); --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-hovered-text: var(--clg-color-sem-text-on-surface-dark); --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-disabled-text: var(--clg-color-sem-text-on-surface-light); --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-hovered-text: var(--clg-color-sem-text-on-surface-light); --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-light-selected-pressed-text: var(--clg-color-sem-text-on-surface-light); --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-text: var(--clg-color-sem-text-on-surface-light); --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-pressed-text: var(--clg-color-sem-text-on-surface-dark); --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-text: var(--clg-color-sem-text-on-surface-dark); --clg-color-app-button-toggle-primary-pressed-text: var(--clg-color-sem-text-on-surface-strong); --clg-color-app-button-toggle-primary-hovered-text: var(--clg-color-sem-text-on-surface-strong); --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-hovered-text: var(--clg-color-sem-text-primary); --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-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-disabled-text: var(--clg-color-sem-text-disabled); --clg-color-app-button-text-secondary-text: var(--clg-color-sem-text-primary); --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-tertiary-on-surface-subtle-pressed-text: var(--clg-color-app-button-tertiary-on-surface-subtle-text); --clg-color-app-button-tertiary-on-surface-subtle-hovered-text: var(--clg-color-app-button-tertiary-on-surface-subtle-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-on-surface-subtle-background); --clg-color-app-button-tertiary-on-surface-strong-pressed-text: var(--clg-color-app-button-tertiary-on-surface-strong-text); --clg-color-app-button-tertiary-on-surface-strong-hovered-text: var(--clg-color-app-button-tertiary-on-surface-strong-text); --clg-color-app-button-tertiary-on-surface-strong-disabled-text: var(--clg-color-app-button-tertiary-disabled-text); --clg-color-app-button-tertiary-on-surface-strong-disabled-background: var(--clg-color-app-button-tertiary-on-surface-strong-background); --clg-color-app-button-tertiary-on-surface-light-disabled-text: var(--clg-color-app-button-tertiary-disabled-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-light-text: var(--clg-color-sem-text-on-surface-light); --clg-color-app-button-tertiary-on-surface-dark-disabled-text: var(--clg-color-app-button-tertiary-disabled-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-on-surface-dark-text: var(--clg-color-sem-text-on-surface-dark); --clg-color-app-button-tertiary-text: var(--clg-color-sem-text-on-surface-subtle); --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-selectable-background: var(--clg-color-app-button-tertiary-background); --clg-color-app-button-secondary-pressed-border: var(--clg-color-app-button-secondary-border); --clg-color-app-button-secondary-on-surface-subtle-pressed-border: var(--clg-color-app-button-secondary-on-surface-subtle-border); --clg-color-app-button-secondary-on-surface-subtle-hovered-border: var(--clg-color-app-button-secondary-on-surface-subtle-border); --clg-color-app-button-secondary-on-surface-subtle-text: var(--clg-color-sem-text-on-surface-subtle); --clg-color-app-button-secondary-on-surface-strong-pressed-border: var(--clg-color-app-button-secondary-on-surface-strong-border); --clg-color-app-button-secondary-on-surface-strong-hovered-border: var(--clg-color-app-button-secondary-on-surface-strong-border); --clg-color-app-button-secondary-on-surface-strong-text: var(--clg-color-sem-text-on-surface-strong); --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-border: var(--clg-color-app-button-secondary-on-surface-light-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-dark-pressed-border: var(--clg-color-app-button-secondary-on-surface-dark-border); --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-text: var(--clg-color-sem-text-on-surface-dark); --clg-color-app-button-secondary-hovered-border: var(--clg-color-app-button-secondary-border); --clg-color-app-button-secondary-text: var(--clg-color-sem-text-primary); --clg-color-app-button-primary-on-surface-subtle-pressed-text: var(--clg-color-app-button-primary-on-surface-subtle-text); --clg-color-app-button-primary-on-surface-subtle-hovered-text: var(--clg-color-app-button-primary-on-surface-subtle-text); --clg-color-app-button-primary-on-surface-subtle-disabled-text: var(--clg-color-app-button-primary-on-surface-subtle-text); --clg-color-app-button-primary-on-surface-strong-pressed-text: var(--clg-color-app-button-primary-on-surface-strong-text); --clg-color-app-button-primary-on-surface-strong-hovered-text: var(--clg-color-app-button-primary-on-surface-strong-text); --clg-color-app-button-primary-on-surface-strong-disabled-text: var(--clg-color-app-button-primary-on-surface-strong-text); --clg-color-app-button-primary-on-surface-light-text: var(--clg-color-sem-text-on-surface-dark); --clg-color-app-button-primary-on-surface-dark-text: var(--clg-color-sem-text-on-surface-light); --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-on-surface-subtle-hovered-background: var(--clg-color-sem-background-surface-hovered-subtle); --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-subtle-icon: var(--clg-color-sem-text-on-surface-subtle); --clg-color-app-button-icon-transparent-on-surface-strong-disabled-icon: var(--clg-color-app-button-icon-transparent-disabled-icon); --clg-color-app-button-icon-transparent-on-surface-strong-icon: var(--clg-color-sem-text-on-surface-strong); --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-light-icon: var(--clg-color-sem-text-on-surface-light); --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-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-background-surface-hovered-subtle); --clg-color-app-button-icon-transparent-icon: var(--clg-color-sem-text-primary); --clg-color-app-button-icon-tertiary-on-surface-light-disabled-icon: var(--clg-color-app-button-icon-tertiary-disabled-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-light-icon: var(--clg-color-sem-text-on-surface-light); --clg-color-app-button-icon-tertiary-on-surface-dark-disabled-icon: var(--clg-color-app-button-icon-tertiary-disabled-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-on-surface-dark-icon: var(--clg-color-sem-text-on-surface-dark); --clg-color-app-button-icon-tertiary-icon: var(--clg-color-sem-text-on-surface-subtle); --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-border: var(--clg-color-app-button-icon-secondary-subtle-on-surface-light-border); --clg-color-app-button-icon-secondary-subtle-on-surface-light-hovered-background: var(--clg-color-app-button-icon-secondary-subtle-on-surface-light-background); --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-light-icon: var(--clg-color-sem-text-on-surface-light); --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-border: var(--clg-color-app-button-icon-secondary-subtle-on-surface-dark-border); --clg-color-app-button-icon-secondary-subtle-on-surface-dark-hovered-background: var(--clg-color-app-button-icon-secondary-subtle-on-surface-dark-background); --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-on-surface-dark-icon: var(--clg-color-sem-text-on-surface-dark); --clg-color-app-button-icon-secondary-subtle-hovered-background: var(--clg-color-app-button-icon-secondary-subtle-background); --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-icon: var(--clg-color-sem-text-primary); --clg-color-app-button-icon-secondary-subtle-border: var(--clg-color-sem-border-selectable); --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-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-border: var(--clg-color-app-button-icon-secondary-strong-on-surface-light-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-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-border: var(--clg-color-app-button-icon-secondary-strong-on-surface-dark-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-hovered-border: var(--clg-color-app-button-icon-secondary-strong-border); --clg-color-app-button-icon-secondary-strong-icon: var(--clg-color-sem-text-primary); --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-dark-icon: var(--clg-color-sem-text-on-surface-light); --clg-color-app-button-icon-primary-icon: var(--clg-color-sem-text-on-surface-strong); --clg-color-app-button-favorite-selected-pressed-background: var(--clg-color-app-button-favorite-pressed-background); --clg-color-app-button-favorite-selected-icon: var(--clg-color-sem-icon-favorite); --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-icon: var(--clg-color-sem-icon-favorite-dark); --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-background: var(--clg-color-app-button-icon-secondary-subtle-on-surface-light-background); --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-icon: var(--clg-color-sem-icon-favorite-light); --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-background: var(--clg-color-app-button-icon-secondary-subtle-on-surface-dark-background); --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-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-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-elevation-3); --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-elevation-0); --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-elevation-2); --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-border: var(--clg-color-sem-border-divider); --clg-color-app-alert-banner-subtle-background: var(--clg-color-sem-background-elevation-0); --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-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-dialog-border-radius: var(--clg-shape-sem-border-radius-largest); --clg-shape-app-badge-border-radius: var(--clg-shape-sem-border-radius-base); --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-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-disabled-border: var(--clg-color-app-input-border); --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-removable-hovered-text: var(--clg-color-app-chip-removable-text); --clg-color-app-button-transparent-pressed-text: var(--clg-color-app-button-transparent-text); --clg-color-app-button-transparent-on-surface-subtle-pressed-text: var(--clg-color-app-button-transparent-on-surface-subtle-text); --clg-color-app-button-transparent-on-surface-subtle-hovered-text: var(--clg-color-app-button-transparent-on-surface-subtle-text); --clg-color-app-button-transparent-on-surface-strong-pressed-text: var(--clg-color-app-button-transparent-on-surface-strong-text); --clg-color-app-button-transparent-on-surface-strong-hovered-text: var(--clg-color-app-button-transparent-on-surface-strong-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-text-secondary-pressed-text: var(--clg-color-app-button-text-secondary-text); --clg-color-app-button-text-secondary-hovered-text: var(--clg-color-app-button-text-secondary-text); --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-pressed-text: var(--clg-color-app-button-tertiary-text); --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-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-hovered-text: var(--clg-color-app-button-tertiary-text); --clg-color-app-button-selectable-selected-text: var(--clg-color-app-button-selectable-text); --clg-color-app-button-selectable-selected-background: var(--clg-color-app-button-selectable-background); --clg-color-app-button-secondary-pressed-text: var(--clg-color-app-button-secondary-text); --clg-color-app-button-secondary-on-surface-subtle-pressed-text: var(--clg-color-app-button-secondary-on-surface-subtle-text); --clg-color-app-button-secondary-on-surface-subtle-hovered-text: var(--clg-color-app-button-secondary-on-surface-subtle-text); --clg-color-app-button-secondary-on-surface-strong-pressed-text: var(--clg-color-app-button-secondary-on-surface-strong-text); --clg-color-app-button-secondary-on-surface-strong-hovered-text: var(--clg-color-app-button-secondary-on-surface-strong-text); --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-hovered-text: var(--clg-color-app-button-secondary-on-surface-light-text); --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-hovered-text: var(--clg-color-app-button-secondary-on-surface-dark-text); --clg-color-app-button-secondary-hovered-text: var(--clg-color-app-button-secondary-text); --clg-color-app-button-primary-pressed-text: var(--clg-color-app-button-primary-text); --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-icon-transparent-pressed-icon: var(--clg-color-app-button-icon-transparent-icon); --clg-color-app-button-icon-transparent-on-surface-subtle-pressed-icon: var(--clg-color-app-button-icon-transparent-on-surface-subtle-icon); --clg-color-app-button-icon-transparent-on-surface-subtle-hovered-icon: var(--clg-color-app-button-icon-transparent-on-surface-subtle-icon); --clg-color-app-button-icon-transparent-on-surface-strong-pressed-icon: var(--clg-color-app-button-icon-transparent-on-surface-strong-icon); --clg-color-app-button-icon-transparent-on-surface-strong-hovered-icon: var(--clg-color-app-button-icon-transparent-on-surface-strong-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-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-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-hovered-icon: var(--clg-color-app-button-icon-tertiary-icon); --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-pressed-border: var(--clg-color-app-button-icon-secondary-subtle-border); --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-hovered-icon: var(--clg-color-app-button-icon-secondary-subtle-on-surface-light-icon); --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-hovered-icon: var(--clg-color-app-button-icon-secondary-subtle-on-surface-dark-icon); --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-hovered-border: var(--clg-color-app-button-icon-secondary-subtle-border); --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-hovered-icon: var(--clg-color-app-button-icon-secondary-strong-on-surface-light-icon); --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-hovered-icon: var(--clg-color-app-button-icon-secondary-strong-on-surface-dark-icon); --clg-color-app-button-icon-secondary-strong-hovered-icon: var(--clg-color-app-button-icon-secondary-strong-icon); --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-favorite-selected-pressed-icon: var(--clg-color-app-button-favorite-selected-icon); --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-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-background: var(--clg-color-app-button-favorite-on-surface-light-background); --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-light-icon: var(--clg-color-app-button-icon-secondary-subtle-on-surface-light-icon); --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-background: var(--clg-color-app-button-favorite-on-surface-dark-background); --clg-color-app-button-favorite-on-surface-dark-pressed-border: var(--clg-color-app-button-icon-secondary-subtle-on-surface-dark-pressed-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-icon: var(--clg-color-app-button-icon-secondary-subtle-icon); --clg-color-app-bottom-nav-item-pressed-text: var(--clg-color-app-bottom-nav-item-text); --clg-color-app-button-favorite-pressed-icon: var(--clg-color-app-button-icon-secondary-subtle-pressed-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-light-pressed-icon: var(--clg-color-app-button-favorite-on-surface-light-icon); --clg-color-app-button-favorite-on-surface-dark-selected-pressed-border: var(--clg-color-app-button-favorite-on-surface-dark-pressed-border); --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-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-pal-family-sans-serif-regular); --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-pal-family-sans-serif-regular); --clg-typography-sem-product-body-mobile-small-tight-composite: var(--clg-typography-pal-weight-400)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-pal-family-sans-serif-regular); --clg-typography-sem-product-body-mobile-base-tight-composite: var(--clg-typography-pal-weight-400)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-pal-family-sans-serif-regular); --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-pal-family-sans-serif-regular); --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-pal-family-sans-serif-regular); --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-pal-family-sans-serif-regular); --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-pal-family-sans-serif-regular); --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-pal-family-sans-serif-regular); --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-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-pal-family-sans-serif-bold); --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-pal-family-sans-serif-bold); --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-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-pal-family-sans-serif-bold); --clg-typography-sem-product-title-mobile-base-composite: var(--clg-typography-pal-weight-700)var(--clg-typography-sem-product-title-mobile-base-font-size)/var(--clg-typography-sem-product-title-mobile-base-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-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-pal-family-sans-serif-bold); --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-pal-family-sans-serif-bold); --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-pal-family-sans-serif-bold); --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-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-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-pal-family-sans-serif-bold); --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-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-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-pal-family-sans-serif-bold); --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-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-pal-family-serif-regular); --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-pal-family-serif-regular); --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-pal-family-serif-regular); --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-pal-family-serif-regular); --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-pal-family-serif-regular); --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-pal-family-serif-regular); --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-pal-family-serif-regular); --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-pal-family-serif-regular); --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-pal-family-serif-regular); --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-pal-family-serif-regular); --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-pal-family-serif-regular); --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-pal-family-serif-regular) } [data-clg-theme=refresh][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-effect-app-input-shadow: 0px 0px 0px 0px #0000; --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-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-sem-background-elevation-3: #2c2630; --clg-color-sem-background-elevation-2: #27222b; --clg-color-sem-background-elevation-1: #211d25; --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-950: #110f14fa; --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-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-800: #312b36; --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-450: #0000; --clg-color-pal-greyscale-400: #928193; --clg-color-pal-greyscale-350: #a596a7; --clg-color-pal-greyscale-250: #0000; --clg-color-pal-greyscale-200: #c3b9c4; --clg-color-pal-greyscale-150: #d2cbd2; --clg-color-pal-greyscale-100: #ded8de; --clg-color-app-switch-background: #0000; --clg-color-app-progress-bar-shop-feedback-fill: #829cee; --clg-color-app-progress-bar-shop-feedback-background: #829cee; --clg-color-app-panel-background: #2c2630; --clg-color-app-card-background: #2c2630; --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-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-recommendation: var(--clg-color-pal-yellow-600); --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-disabled: var(--clg-color-pal-greyscale-500); --clg-color-sem-text-critical: var(--clg-color-pal-red-500); --clg-color-sem-text-brand: var(--clg-color-pal-new-orange-500); --clg-color-sem-text-action: var(--clg-color-pal-blue-350); --clg-color-sem-icon-favorite-light: var(--clg-color-pal-red-500); --clg-color-sem-icon-favorite-inverted: var(--clg-color-pal-red-750); --clg-color-sem-icon-favorite-dark: 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-selectable: var(--clg-color-pal-greyscale-350); --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-divider: var(--clg-color-pal-greyscale-700); --clg-color-sem-border-critical: var(--clg-color-pal-red-500); --clg-color-sem-border-active: var(--clg-color-pal-greyscale-050); --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-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-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-recommendation-light: var(--clg-color-pal-yellow-600); --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-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-700); --clg-color-sem-background-surface-hovered-subtle: var(--clg-color-pal-transparent-white-050); --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-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-critical-dark: var(--clg-color-pal-red-750); --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-neg1: var(--clg-color-pal-greyscale-950); --clg-color-sem-background-elevation-4: var(--clg-color-pal-greyscale-800); --clg-color-sem-background-elevation-0: var(--clg-color-pal-greyscale-900); --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-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-foreground: var(--clg-color-pal-greyscale-500); --clg-color-app-switch-disabled-border: var(--clg-color-pal-greyscale-700); --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-on-surface-subtle-foreground: var(--clg-color-pal-greyscale-050); --clg-color-app-spinner-on-surface-subtle-background: var(--clg-color-pal-transparent-white-150); --clg-color-app-spinner-on-surface-strong-foreground: var(--clg-color-pal-greyscale-800); --clg-color-app-spinner-on-surface-strong-background: var(--clg-color-pal-transparent-black-150); --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-urgency-strong-background: 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-video-player-start: var(--clg-color-pal-transparent-black-000); --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-fill: var(--clg-color-pal-greyscale-050); --clg-color-app-progress-bar-background: var(--clg-color-pal-greyscale-600); --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-chip-swatch-selected-border: var(--clg-color-pal-greyscale-800); --clg-color-app-chip-selectable-selected-pressed-border: var(--clg-color-pal-greyscale-350); --clg-color-app-chip-selectable-selected-pressed-background: var(--clg-color-pal-greyscale-150); --clg-color-app-chip-selectable-selected-hovered-background: var(--clg-color-pal-greyscale-150); --clg-color-app-chip-selectable-selected-background: var(--clg-color-pal-greyscale-050); --clg-color-app-chip-selectable-pressed-background: var(--clg-color-pal-transparent-white-200); --clg-color-app-chip-selectable-hovered-background: var(--clg-color-pal-transparent-white-150); --clg-color-app-chip-selectable-disabled-selected-text: var(--clg-color-pal-greyscale-800); --clg-color-app-chip-selectable-disabled-selected-background: var(--clg-color-pal-greyscale-700); --clg-color-app-chip-selectable-disabled-text: var(--clg-color-pal-greyscale-500); --clg-color-app-chip-selectable-disabled-background: var(--clg-color-pal-transparent-white-075); --clg-color-app-chip-selectable-background: var(--clg-color-pal-transparent-white-075); --clg-color-app-chip-removable-pressed-border: var(--clg-color-pal-greyscale-350); --clg-color-app-chip-removable-pressed-background: var(--clg-color-pal-greyscale-150); --clg-color-app-chip-removable-hovered-background: var(--clg-color-pal-greyscale-150); --clg-color-app-chip-removable-disabled-background: var(--clg-color-pal-greyscale-700); --clg-color-app-chip-removable-background: var(--clg-color-pal-greyscale-050); --clg-color-app-button-transparent-pressed-background: var(--clg-color-pal-transparent-white-150); --clg-color-app-button-transparent-on-surface-subtle-pressed-background: var(--clg-color-pal-transparent-white-150); --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-on-surface-light-disabled-background: var(--clg-color-pal-transparent-black-075); --clg-color-app-button-transparent-on-surface-dark-disabled-background: var(--clg-color-pal-transparent-black-075); --clg-color-app-button-toggle-secondary-pressed-background: var(--clg-color-pal-greyscale-600); --clg-color-app-button-toggle-secondary-selected-pressed-background: var(--clg-color-pal-transparent-white-150); --clg-color-app-button-toggle-secondary-selected-disabled-border: var(--clg-color-pal-greyscale-700); --clg-color-app-button-toggle-secondary-selected-hovered-border: var(--clg-color-pal-greyscale-050); --clg-color-app-button-toggle-secondary-selected-border: var(--clg-color-pal-greyscale-050); --clg-color-app-button-toggle-primary-pressed-background: var(--clg-color-pal-greyscale-150); --clg-color-app-button-toggle-primary-hovered-background: var(--clg-color-pal-greyscale-150); --clg-color-app-button-toggle-primary-disabled-text: var(--clg-color-pal-greyscale-800); --clg-color-app-button-toggle-primary-disabled-background: var(--clg-color-pal-greyscale-700); --clg-color-app-button-toggle-primary-selected-pressed-background: var(--clg-color-pal-transparent-white-150); --clg-color-app-button-toggle-primary-selected-disabled-border: var(--clg-color-pal-greyscale-700); --clg-color-app-button-toggle-primary-selected-hovered-border: var(--clg-color-pal-greyscale-050); --clg-color-app-button-toggle-primary-selected-border: var(--clg-color-pal-greyscale-050); --clg-color-app-button-tertiary-pressed-background: var(--clg-color-pal-transparent-white-200); --clg-color-app-button-tertiary-on-surface-subtle-pressed-background: var(--clg-color-pal-transparent-white-200); --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-050); --clg-color-app-button-tertiary-on-surface-subtle-background: var(--clg-color-pal-transparent-white-075); --clg-color-app-button-tertiary-on-surface-strong-pressed-background: var(--clg-color-pal-transparent-black-200); --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-hovered-background: var(--clg-color-pal-transparent-white-150); --clg-color-app-button-tertiary-disabled-text: var(--clg-color-pal-greyscale-500); --clg-color-app-button-tertiary-disabled-background: var(--clg-color-pal-transparent-white-075); --clg-color-app-button-tertiary-background: var(--clg-color-pal-transparent-white-075); --clg-color-app-button-secondary-pressed-background: var(--clg-color-pal-transparent-white-150); --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-050); --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-disabled-border: var(--clg-color-pal-greyscale-700); --clg-color-app-button-secondary-border: var(--clg-color-pal-greyscale-050); --clg-color-app-button-primary-pressed-background: var(--clg-color-pal-greyscale-150); --clg-color-app-button-primary-on-surface-subtle-pressed-background: var(--clg-color-pal-greyscale-150); --clg-color-app-button-primary-on-surface-subtle-hovered-background: var(--clg-color-pal-greyscale-950); --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-hovered-background: var(--clg-color-pal-greyscale-150); --clg-color-app-button-primary-disabled-text: var(--clg-color-pal-greyscale-800); --clg-color-app-button-primary-disabled-background: var(--clg-color-pal-greyscale-700); --clg-color-app-button-icon-transparent-pressed-background: var(--clg-color-pal-transparent-white-150); --clg-color-app-button-icon-transparent-on-surface-subtle-pressed-background: var(--clg-color-pal-transparent-white-150); --clg-color-app-button-icon-transparent-on-surface-strong-pressed-background: var(--clg-color-pal-transparent-black-150); --clg-color-app-button-icon-transparent-on-surface-strong-hovered-background: var(--clg-color-pal-transparent-black-075); --clg-color-app-button-icon-transparent-on-surface-light-disabled-background: var(--clg-color-pal-transparent-black-075); --clg-color-app-button-icon-transparent-on-surface-dark-disabled-background: var(--clg-color-pal-transparent-black-075); --clg-color-app-button-icon-tertiary-pressed-background: var(--clg-color-pal-transparent-white-200); --clg-color-app-button-icon-tertiary-hovered-background: var(--clg-color-pal-transparent-white-150); --clg-color-app-button-icon-tertiary-disabled-icon: var(--clg-color-pal-greyscale-500); --clg-color-app-button-icon-tertiary-disabled-background: var(--clg-color-pal-transparent-white-075); --clg-color-app-button-icon-tertiary-background: var(--clg-color-pal-transparent-white-075); --clg-color-app-button-icon-secondary-subtle-pressed-background: var(--clg-color-pal-transparent-white-150); --clg-color-app-button-icon-secondary-subtle-disabled-border: var(--clg-color-pal-greyscale-700); --clg-color-app-button-icon-secondary-subtle-background: var(--clg-color-pal-greyscale-900); --clg-color-app-button-icon-secondary-strong-pressed-background: var(--clg-color-pal-transparent-white-150); --clg-color-app-button-icon-secondary-strong-disabled-border: var(--clg-color-pal-greyscale-700); --clg-color-app-button-icon-secondary-strong-border: var(--clg-color-pal-greyscale-050); --clg-color-app-button-icon-primary-pressed-background: var(--clg-color-pal-greyscale-150); --clg-color-app-button-icon-primary-hovered-background: var(--clg-color-pal-greyscale-150); --clg-color-app-button-icon-primary-disabled-background: var(--clg-color-pal-greyscale-700); --clg-color-app-button-icon-primary-background: var(--clg-color-pal-greyscale-050); --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-button-favorite-pressed-background: var(--clg-color-pal-greyscale-600); --clg-color-app-brand-icon-success-02-background: var(--clg-color-pal-blue-100); --clg-color-app-brand-icon-marketing-03-background: var(--clg-color-sem-background-surface-expressive-blue-light); --clg-color-app-brand-icon-marketing-02-background: var(--clg-color-pal-transparent-white-150); --clg-color-app-bottom-nav-item-pressed-background: var(--clg-color-pal-transparent-white-150); --clg-color-app-bottom-nav-item-selected-background: var(--clg-color-pal-greyscale-950); --clg-color-app-badge-border: var(--clg-color-pal-greyscale-050); --clg-color-app-input-error-background: var(--clg-color-sem-background-surface-critical-subtle); --clg-color-app-chip-removable-text: var(--clg-color-sem-text-on-surface-strong) } body[data-clg-theme=refresh] .clg-refresh-bg-footer-purple-light { background: var(--clg-color-sem-background-surface-expressive-purple-light) !important } body[data-clg-theme=refresh] .clg-refresh-bg-elevation-0 { background: var(--clg-color-sem-background-elevation-0) !important } body[data-clg-theme=refresh] .clg-refresh-top-border-divider-light { border-top: 1px solid var(--clg-color-sem-border-divider) !important } body[data-clg-theme=refresh] .clg-refresh-bottom-border-divider-dark { border-bottom: 1px solid var(--clg-color-pal-greyscale-700) !important } body[data-clg-theme=refresh] .clg-refresh-bg-footer-purple-darker { background: var(--clg-color-sem-background-surface-expressive-purple-darker) !important } body[data-clg-theme=refresh] .clg-refresh-top-border-divider-dark { border-top: 1px solid var(--clg-color-pal-greyscale-700) !important } body[data-clg-theme=refresh].non-refresh-footer .clg-refresh-bg-footer-purple-darker { background: unset !important } body[data-clg-theme=refresh].non-refresh-footer .clg-refresh-top-border-divider-dark { border-top: unset !important } 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, #fdd95c); color: var(--clg-color-sem-text-primary, #222) } pre { white-space: pre-wrap } q { quotes: "“" "”" "‘" "’" } sub, sup { vertical-align: baseline; font-size: 75%; line-height: 0; position: relative } sup { top: -.5em } sub { bottom: -.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: .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, #fff), 0 0 0 var(--clg-shape-pal-border-width-300, 4px)var(--clg-color-sem-border-focused, #3b67d9); 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, #949494); 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 .2s cubic-bezier(.345, .115, .135, 1.42), opacity .15s ease-out; position: absolute; transform: scale(.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, 12px); 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, #222); 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(.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 .2s cubic-bezier(.345, .115, .135, 1.42), opacity .15s ease-out; transform: scale(.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, #222); 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: .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, 12px); border: var(--clg-shape-sem-border-width-base, 2px)solid var(--clg-color-app-input-border, #949494); transition: box-shadow .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 1px 3px 0px #0000004d, 0px 4px 8px 3px #00000026) } 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 1px 3px 0px #0000004d, 0px 4px 8px 3px #00000026) } .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, #fff) } .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, #fff) } .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, #222); opacity: 0; transition: transform .2s cubic-bezier(.345, .115, .135, 1.42), opacity .15s ease-out; transform: scale(.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: .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(.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: .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(.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, #fff), 0 0 0 var(--clg-shape-pal-border-width-300, 4px)var(--clg-color-sem-border-focused, #3b67d9) !important } .wt-action-group .wt-action-group__item:not(.wt-btn--transparent) { --wt-btn-text-color: var(--clg-color-app-button-selectable-text, #222); --wt-btn-text-color-hover: var(--clg-color-app-button-selectable-text, #222); --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, #0e0e0e17); --wt-btn-bg-color-hover: var(--clg-color-app-button-selectable-background, #0e0e0e17) } .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, #222); --wt-btn-text-color-hover: var(--clg-color-app-button-selectable-selected-text, #222); --wt-btn-border-color: var(--clg-color-app-button-selectable-selected-border, #222); --wt-btn-border-color-hover: var(--clg-color-app-button-selectable-selected-border, #222); --wt-btn-bg-color: var(--clg-color-app-button-selectable-selected-background, #0e0e0e17); --wt-btn-bg-color-hover: var(--clg-color-app-button-selectable-selected-background, #0e0e0e17); --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: .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, #fff), 0 0 0 var(--clg-shape-pal-border-width-300, 4px)var(--clg-color-sem-border-focused, #3b67d9) !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, #757575); --wt-btn-text-color-hover: var(--clg-color-sem-text-disabled, #757575); --wt-btn-border-color: var(--clg-color-app-button-selectable-disabled-border, #757575); --wt-btn-border-color-hover: var(--clg-color-app-button-selectable-disabled-border, #757575); 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)*.5); margin-top: calc(-1*var(--half-border)); background: var(--clg-color-app-button-selectable-disabled-border, #757575); 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, #ffeaf0); --wt-btn-bg-color-hover: var(--clg-color-sem-background-surface-critical-subtle, #ffeaf0); --wt-btn-border-color: var(--clg-color-sem-border-critical, #9a0027); --wt-btn-border-color-hover: var(--clg-color-sem-border-critical, #9a0027); color: var(--clg-color-sem-text-primary, #222) } .wt-btn.wt-chip, .wt-btn.wt-btn.wt-chip { --wt-btn-text-color: var(--clg-color-app-chip-selectable-text, #222); --wt-btn-text-color-hover: var(--clg-color-app-chip-selectable-text, #222); --wt-btn-border-color: var(--clg-color-app-chip-selectable-border, #949494); --wt-btn-border-color-hover: var(--clg-color-app-chip-selectable-border, #949494); --wt-btn-bg-color: var(--clg-color-app-chip-selectable-background, #fff); --wt-btn-bg-color-hover: var(--clg-color-app-chip-selectable-background, #fff); justify-content: center; gap: var(--clg-dimension-app-chip-gap, 8px); line-height: var(--clg-typography-sem-product-body-desktop-small-line-height, 18.19px); 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, #fff); --wt-btn-text-color-hover: var(--clg-color-app-chip-selectable-selected-text, #fff); --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, #222); --wt-btn-bg-color-hover: var(--clg-color-app-chip-selectable-selected-background, #222) } .wt-btn.wt-chip:active, .wt-btn.wt-btn.wt-chip:active { --wt-btn-text-color: var(--clg-color-app-chip-selectable-pressed-text, #222); --wt-btn-text-color-hover: var(--clg-color-app-chip-selectable-pressed-text, #222); --wt-btn-border-color: var(--clg-color-app-chip-selectable-pressed-border, #949494); --wt-btn-border-color-hover: var(--clg-color-app-chip-selectable-pressed-border, #949494); --wt-btn-bg-color: var(--clg-color-app-chip-selectable-pressed-background, #0e0e0e2e); --wt-btn-bg-color-hover: var(--clg-color-app-chip-selectable-pressed-background, #0e0e0e2e) } .wt-btn.wt-chip:disabled, .wt-btn.wt-btn.wt-chip:disabled { --wt-btn-text-color: var(--clg-color-app-chip-selectable-disabled-text, #9e9e9e); --wt-btn-text-color-hover: var(--clg-color-app-chip-selectable-disabled-text, #9e9e9e); --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, #eaeaea); --wt-btn-bg-color-hover: var(--clg-color-app-chip-selectable-disabled-background, #eaeaea); 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, #fff), 0 0 0 var(--clg-shape-pal-border-width-300, 4px)var(--clg-color-sem-border-focused, #3b67d9) !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, 12.99px); line-height: var(--clg-typography-sem-product-body-desktop-small-line-height, 18.19px); 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, 18px); width: var(--clg-dimension-sem-icon-core-smaller, 18px) } .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, #222), .05); --header-search-bar-border-color: var(--clg-color-pal-greyscale-800, #222); --header-search-bar-border-color-focus: var(--clg-color-pal-greyscale-800, #222); --header-search-bar-button-active-bg-color: var(--clg-color-pal-greyscale-800, #222); --header-search-bar-box-shadow: 1px 2px 4px 0 var(--clg-color-pal-transparent-black-075, #0e0e0e17)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 .18s cubic-bezier(.6, 0, .825, .115), opacity .108s cubic-bezier(.6, 0, .825, .115), transform .18s cubic-bezier(.6, 0, .825, .115), visibility 0s linear .144s; display: block; position: absolute; overflow: hidden; transform: scaleX(.5)scaleY(.2)perspective(1px); box-shadow: 0 0 #0000 } .search-container .search-item-container { color: var(--clg-color-sem-text-primary, #222); 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, #222); 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 1px 2px 0px #0000004d, 0px 1px 3px 1px #00000026); opacity: 1; visibility: visible; z-index: var(--clg-effect-pal-z-index-700, 70); transition: opacity .18s ease-out, box-shadow .18s cubic-bezier(.175, .885, .4, 1.1), transform .18s cubic-bezier(.175, .885, .4, 1.1), visibility .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 .18s cubic-bezier(.6, 0, .825, .115) -72ms } .search-container .autosuggest-pill-btn { --wt-btn-bg-color: var(--clg-color-app-button-selectable-background, #0e0e0e17); --wt-btn-bg-color-hover: var(--clg-color-app-button-selectable-background, #0e0e0e17) } .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, #0e0e0e17) } 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 1px 4px 0px inset #0e0e0e17) } 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, #fff); 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(.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(.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(.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 .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 .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: .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, #fff), 0 0 0 var(--clg-shape-pal-border-width-300, 4px)var(--clg-color-sem-border-focused, #3b67d9) } .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, #fff), 0 0 0 var(--clg-shape-pal-border-width-300, 4px)var(--clg-color-sem-border-focused, #3b67d9) } } .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, #eaeaea) !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 } .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, #0e0e0e2e); 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, #0e0e0e2e) !important } .hide-with-transition[data-header-logo-container] { visibility: visible; flex: 0 0 60px; transition: all .18s ease-in-out } .hide-with-transition[data-hamburger-search-container] { visibility: visible; flex: 0 0 24px; transition: all .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, #222); --wt-btn-text-color-hover: var(--clg-color-app-chip-selectable-text, #222); --wt-btn-border-color: var(--clg-color-app-chip-selectable-border, #949494); --wt-btn-border-color-hover: var(--clg-color-app-chip-selectable-border, #949494); --wt-btn-bg-color: var(--clg-color-app-chip-selectable-background, #fff); --wt-btn-bg-color-hover: var(--clg-color-app-chip-selectable-background, #fff); --clg-icon-button-bg-color: var(--clg-color-app-chip-selectable-background, #fff); --clg-icon-button-border-color: var(--clg-color-app-chip-selectable-border, #949494); --clg-icon-button-icon-color: var(--clg-color-app-chip-selectable-text, #222) } #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, #fff); --wt-btn-text-color-hover: var(--clg-color-app-chip-selectable-selected-text, #fff); --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, #222); --wt-btn-bg-color-hover: var(--clg-color-app-chip-selectable-selected-background, #222) } #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, #222); --wt-btn-text-color-hover: var(--clg-color-app-chip-selectable-pressed-text, #222); --wt-btn-border-color: var(--clg-color-app-chip-selectable-pressed-border, #949494); --wt-btn-border-color-hover: var(--clg-color-app-chip-selectable-pressed-border, #949494); --wt-btn-bg-color: var(--clg-color-app-chip-selectable-pressed-background, #0e0e0e2e); --wt-btn-bg-color-hover: var(--clg-color-app-chip-selectable-pressed-background, #0e0e0e2e) } #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, #222); --wt-btn-text-color-hover: var(--clg-color-app-chip-selectable-text, #222); --wt-btn-border-color: var(--clg-color-app-chip-selectable-border, #949494); --wt-btn-border-color-hover: var(--clg-color-app-chip-selectable-border, #949494); --wt-btn-bg-color: var(--clg-color-app-chip-selectable-background, #fff); --wt-btn-bg-color-hover: var(--clg-color-app-chip-selectable-background, #fff); --clg-icon-button-bg-color: var(--clg-color-app-chip-selectable-background, #fff); --clg-icon-button-border-color: var(--clg-color-app-chip-selectable-border, #949494); --clg-icon-button-icon-color: var(--clg-color-app-chip-selectable-text, #222) } #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 1px 3px 0px #0000004d, 0px 4px 8px 3px #00000026) !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, #fff); 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, #222), .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 .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, #222); 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, #0e0e0e17) } .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, #0e0e0e2e) } .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, #2638c0); --avatar-outer-shadow-color: var(--clg-color-pal-blue-800, #122868); --avatar-inner-shadow-color: var(--clg-color-pal-blue-150, #ccebff) } 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, #2638c0); --avatar-outer-shadow-color: var(--clg-color-pal-blue-800, #122868); --avatar-inner-shadow-color: var(--clg-color-pal-blue-150, #ccebff) } 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, #2638c0); --avatar-outer-shadow-color: var(--clg-color-pal-blue-800, #122868); --avatar-inner-shadow-color: var(--clg-color-pal-blue-150, #ccebff) } 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, #122868) } 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, #122868) } 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, #122868) } 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, #122868) } 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, #122868) } 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, #122868) } 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, #122868); border-color: var(--clg-color-pal-blue-150, #ccebff) } 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, #122868); border-color: var(--clg-color-pal-blue-150, #ccebff) } 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, #122868); border-color: var(--clg-color-pal-blue-150, #ccebff) } 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, #ccebff); transform: scaleX(.99)scaleY(.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, #ccebff); transform: scaleX(.99)scaleY(.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, #ccebff); transform: scaleX(.99)scaleY(.99)perspective(1px); opacity: 1 !important } body.etsy-has-it-design { --avatar-inner-shadow-color: var(--clg-color-app-badge-border, #fff); --avatar-outer-shadow-color: var(--clg-color-app-button-secondary-border, #222) } 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, #122868); color: var(--clg-color-sem-text-on-surface-dark, #fff) } 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, #2638c0) } 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, #ccebff) !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, #ccebff); 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, #eef8ff) } 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, #ccebff) !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, #ccebff) !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, #2638c0); color: var(--clg-color-sem-text-on-surface-dark, #fff) !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, #ccebff) !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, #ccebff); 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, #222); 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-display-larger { font-family: var(--clg-typography-sem-product-display-mobile-larger-font-family, "Guardian-EgypTT", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light", "Droid Serif", "Georgia", "serif"); font-weight: var(--clg-typography-sem-product-display-mobile-larger-font-weight, 300); font-size: var(--clg-typography-sem-product-display-mobile-larger-font-size, 59.01px); line-height: var(--clg-typography-sem-product-display-mobile-larger-line-height, 59.01px); letter-spacing: var(--clg-typography-sem-product-display-mobile-larger-letter-spacing, 0px) } @media only screen and (min-width:640px) { .wt-text-display-larger { font-family: var(--clg-typography-sem-product-display-desktop-larger-font-family, "Guardian-EgypTT", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light", "Droid Serif", "Georgia", "serif"); font-weight: var(--clg-typography-sem-product-display-desktop-larger-font-weight, 300); font-size: var(--clg-typography-sem-product-display-desktop-larger-font-size, 80.99px); line-height: var(--clg-typography-sem-product-display-desktop-larger-line-height, 80.99px); letter-spacing: var(--clg-typography-sem-product-display-desktop-larger-letter-spacing, 0px) } } .wt-text-display-large { font-family: var(--clg-typography-sem-product-display-mobile-large-font-family, "Guardian-EgypTT", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light", "Droid Serif", "Georgia", "serif"); font-weight: var(--clg-typography-sem-product-display-mobile-large-font-weight, 300); font-size: var(--clg-typography-sem-product-display-mobile-large-font-size, 51.01px); line-height: var(--clg-typography-sem-product-display-mobile-large-line-height, 51.01px); letter-spacing: var(--clg-typography-sem-product-display-mobile-large-letter-spacing, 0px) } @media only screen and (min-width:640px) { .wt-text-display-large { font-family: var(--clg-typography-sem-product-display-desktop-large-font-family, "Guardian-EgypTT", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light", "Droid Serif", "Georgia", "serif"); font-weight: var(--clg-typography-sem-product-display-desktop-large-font-weight, 300); font-size: var(--clg-typography-sem-product-display-desktop-large-font-size, 71.01px); line-height: var(--clg-typography-sem-product-display-desktop-large-line-height, 71.01px); letter-spacing: var(--clg-typography-sem-product-display-desktop-large-letter-spacing, 0px) } } .wt-text-display { font-family: var(--clg-typography-sem-product-display-mobile-base-font-family, "Guardian-EgypTT", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light", "Droid Serif", "Georgia", "serif"); font-weight: var(--clg-typography-sem-product-display-mobile-base-font-weight, 300); font-size: var(--clg-typography-sem-product-display-mobile-base-font-size, 35.01px); line-height: var(--clg-typography-sem-product-display-mobile-base-line-height, 36.76px); letter-spacing: var(--clg-typography-sem-product-display-mobile-base-letter-spacing, 0px) } @media only screen and (min-width:640px) { .wt-text-display { font-family: var(--clg-typography-sem-product-display-desktop-base-font-family, "Guardian-EgypTT", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light", "Droid Serif", "Georgia", "serif"); font-weight: var(--clg-typography-sem-product-display-desktop-base-font-weight, 300); font-size: var(--clg-typography-sem-product-display-desktop-base-font-size, 51.01px); line-height: var(--clg-typography-sem-product-display-desktop-base-line-height, 53.56px); letter-spacing: var(--clg-typography-sem-product-display-desktop-base-letter-spacing, 0px) } } .wt-text-heading-large { font-family: var(--clg-typography-sem-product-heading-mobile-large-font-family, "Guardian-EgypTT", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light", "Droid Serif", "Georgia", "serif"); font-weight: var(--clg-typography-sem-product-heading-mobile-large-font-weight, 300); font-size: var(--clg-typography-sem-product-heading-mobile-large-font-size, 31.01px); line-height: var(--clg-typography-sem-product-heading-mobile-large-line-height, 34.11px); letter-spacing: var(--clg-typography-sem-product-heading-mobile-large-letter-spacing, 0px) } @media only screen and (min-width:640px) { .wt-text-heading-large { font-family: var(--clg-typography-sem-product-heading-desktop-large-font-family, "Guardian-EgypTT", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light", "Droid Serif", "Georgia", "serif"); font-weight: var(--clg-typography-sem-product-heading-desktop-large-font-weight, 300); font-size: var(--clg-typography-sem-product-heading-desktop-large-font-size, 42px); line-height: var(--clg-typography-sem-product-heading-desktop-large-line-height, 46.2px); letter-spacing: var(--clg-typography-sem-product-heading-desktop-large-letter-spacing, 0px) } } .wt-text-heading { font-family: var(--clg-typography-sem-product-heading-mobile-base-font-family, "Guardian-EgypTT", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light", "Droid Serif", "Georgia", "serif"); font-weight: var(--clg-typography-sem-product-heading-mobile-base-font-weight, 300); font-size: var(--clg-typography-sem-product-heading-mobile-base-font-size, 24px); line-height: var(--clg-typography-sem-product-heading-mobile-base-line-height, 27.6px); letter-spacing: var(--clg-typography-sem-product-heading-mobile-base-letter-spacing, .48px) } @media only screen and (min-width:640px) { .wt-text-heading { font-family: var(--clg-typography-sem-product-heading-desktop-base-font-family, "Guardian-EgypTT", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light", "Droid Serif", "Georgia", "serif"); font-weight: var(--clg-typography-sem-product-heading-desktop-base-font-weight, 300); font-size: var(--clg-typography-sem-product-heading-desktop-base-font-size, 31.01px); line-height: var(--clg-typography-sem-product-heading-desktop-base-line-height, 34.11px); letter-spacing: var(--clg-typography-sem-product-heading-desktop-base-letter-spacing, .46515px) } } .wt-text-heading-small { font-family: var(--clg-typography-sem-product-heading-mobile-small-font-family, "Guardian-EgypTT", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light", "Droid Serif", "Georgia", "serif"); font-weight: var(--clg-typography-sem-product-heading-mobile-small-font-weight, 300); font-size: var(--clg-typography-sem-product-heading-mobile-small-font-size, 19.01px); line-height: var(--clg-typography-sem-product-heading-mobile-small-line-height, 30.41px); letter-spacing: var(--clg-typography-sem-product-heading-mobile-small-letter-spacing, .23763px) } @media only screen and (min-width:640px) { .wt-text-heading-small { font-family: var(--clg-typography-sem-product-heading-desktop-small-font-family, "Guardian-EgypTT", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light", "Droid Serif", "Georgia", "serif"); font-weight: var(--clg-typography-sem-product-heading-desktop-small-font-weight, 300); font-size: var(--clg-typography-sem-product-heading-desktop-small-font-size, 24.99px); line-height: var(--clg-typography-sem-product-heading-desktop-small-line-height, 39.99px); letter-spacing: var(--clg-typography-sem-product-heading-desktop-small-letter-spacing, .31238px) } } .wt-text-heading-small--tight { font-family: var(--clg-typography-sem-product-heading-mobile-small-font-family, "Guardian-EgypTT", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light", "Droid Serif", "Georgia", "serif"); font-weight: var(--clg-typography-sem-product-heading-mobile-small-font-weight, 300); font-size: var(--clg-typography-sem-product-heading-mobile-small-font-size, 19.01px); line-height: var(--clg-typography-sem-product-heading-mobile-small-tight-line-height, 22.81px); letter-spacing: var(--clg-typography-sem-product-heading-mobile-small-letter-spacing, .23763px) } @media only screen and (min-width:640px) { .wt-text-heading-small--tight { font-family: var(--clg-typography-sem-product-heading-desktop-small-font-family, "Guardian-EgypTT", "Charter", "Charter Bitstream", "Cambria", "Noto Serif Light", "Droid Serif", "Georgia", "serif"); font-weight: var(--clg-typography-sem-product-heading-desktop-small-font-weight, 300); font-size: var(--clg-typography-sem-product-heading-desktop-small-font-size, 24.99px); line-height: var(--clg-typography-sem-product-heading-desktop-small-tight-line-height, 29.99px); letter-spacing: var(--clg-typography-sem-product-heading-desktop-small-letter-spacing, .31238px) } } .wt-text-title-larger { font-family: var(--clg-typography-sem-product-title-mobile-larger-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-mobile-larger-font-weight, 500); font-size: var(--clg-typography-sem-product-title-mobile-larger-font-size, 24px); line-height: var(--clg-typography-sem-product-title-mobile-larger-line-height, 32.4px); letter-spacing: var(--clg-typography-sem-product-title-mobile-larger-letter-spacing, .12px) } @media only screen and (min-width:640px) { .wt-text-title-larger { font-family: var(--clg-typography-sem-product-title-desktop-larger-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-desktop-larger-font-weight, 500); font-size: var(--clg-typography-sem-product-title-desktop-larger-font-size, 27.01px); line-height: var(--clg-typography-sem-product-title-desktop-larger-line-height, 35.11px); letter-spacing: var(--clg-typography-sem-product-title-desktop-larger-letter-spacing, .13505px) } } .wt-text-title-large { font-family: var(--clg-typography-sem-product-title-mobile-large-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-mobile-large-font-weight, 500); font-size: var(--clg-typography-sem-product-title-mobile-large-font-size, 18px); line-height: var(--clg-typography-sem-product-title-mobile-large-line-height, 24.3px); letter-spacing: var(--clg-typography-sem-product-title-mobile-large-letter-spacing, .09px) } @media only screen and (min-width:640px) { .wt-text-title-large { font-family: var(--clg-typography-sem-product-title-desktop-large-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-desktop-large-font-weight, 500); font-size: var(--clg-typography-sem-product-title-desktop-large-font-size, 19.01px); line-height: var(--clg-typography-sem-product-title-desktop-large-line-height, 26.61px); letter-spacing: var(--clg-typography-sem-product-title-desktop-large-letter-spacing, .09505px) } } .wt-text-title-large--tight { font-family: var(--clg-typography-sem-product-title-mobile-large-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-mobile-large-font-weight, 500); font-size: var(--clg-typography-sem-product-title-mobile-large-font-size, 18px); line-height: var(--clg-typography-sem-product-title-mobile-large-tight-line-height, 19.8px); letter-spacing: var(--clg-typography-sem-product-title-mobile-large-letter-spacing, .09px) } @media only screen and (min-width:640px) { .wt-text-title-large--tight { font-family: var(--clg-typography-sem-product-title-desktop-large-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-desktop-large-font-weight, 500); font-size: var(--clg-typography-sem-product-title-desktop-large-font-size, 19.01px); line-height: var(--clg-typography-sem-product-title-desktop-large-tight-line-height, 20.91px); letter-spacing: var(--clg-typography-sem-product-title-desktop-large-letter-spacing, .09505px) } } .wt-text-title { font-family: var(--clg-typography-sem-product-title-mobile-base-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-mobile-base-font-weight, 500); font-size: var(--clg-typography-sem-product-title-mobile-base-font-size, 16px); line-height: var(--clg-typography-sem-product-title-mobile-base-line-height, 20px); letter-spacing: var(--clg-typography-sem-product-title-mobile-base-letter-spacing, .08px) } @media only screen and (min-width:640px) { .wt-text-title { font-family: var(--clg-typography-sem-product-title-desktop-base-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-desktop-base-font-weight, 500); font-size: var(--clg-typography-sem-product-title-desktop-base-font-size, 16px); line-height: var(--clg-typography-sem-product-title-desktop-base-line-height, 20px); letter-spacing: var(--clg-typography-sem-product-title-desktop-base-letter-spacing, .08px) } } .wt-text-title-small { font-family: var(--clg-typography-sem-product-title-mobile-small-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-mobile-small-font-weight, 500); font-size: var(--clg-typography-sem-product-title-mobile-small-font-size, 12.99px); line-height: var(--clg-typography-sem-product-title-mobile-small-line-height, 18.19px); letter-spacing: var(--clg-typography-sem-product-title-mobile-small-letter-spacing, .1299px) } @media only screen and (min-width:640px) { .wt-text-title-small { font-family: var(--clg-typography-sem-product-title-desktop-small-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-desktop-small-font-weight, 500); font-size: var(--clg-typography-sem-product-title-desktop-small-font-size, 12.99px); line-height: var(--clg-typography-sem-product-title-desktop-small-line-height, 18.19px); letter-spacing: var(--clg-typography-sem-product-title-desktop-small-letter-spacing, .1299px) } } .wt-text-title-small--tight { font-family: var(--clg-typography-sem-product-title-mobile-small-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-mobile-small-font-weight, 500); font-size: var(--clg-typography-sem-product-title-mobile-small-font-size, 12.99px); line-height: var(--clg-typography-sem-product-title-mobile-small-tight-line-height, 15.59px); letter-spacing: var(--clg-typography-sem-product-title-mobile-small-letter-spacing, .1299px) } @media only screen and (min-width:640px) { .wt-text-title-small--tight { font-family: var(--clg-typography-sem-product-title-desktop-small-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-desktop-small-font-weight, 500); font-size: var(--clg-typography-sem-product-title-desktop-small-font-size, 12.99px); line-height: var(--clg-typography-sem-product-title-desktop-small-tight-line-height, 15.59px); letter-spacing: var(--clg-typography-sem-product-title-desktop-small-letter-spacing, .1299px) } } .wt-text-title-smaller { font-family: var(--clg-typography-sem-product-title-mobile-smaller-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-mobile-smaller-font-weight, 500); font-size: var(--clg-typography-sem-product-title-mobile-smaller-font-size, 12.99px); line-height: var(--clg-typography-sem-product-title-mobile-smaller-line-height, 16.89px); letter-spacing: var(--clg-typography-sem-product-title-mobile-smaller-letter-spacing, -.1299px) } @media only screen and (min-width:640px) { .wt-text-title-smaller { font-family: var(--clg-typography-sem-product-title-desktop-smaller-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-desktop-smaller-font-weight, 500); font-size: var(--clg-typography-sem-product-title-desktop-smaller-font-size, 12.99px); line-height: var(--clg-typography-sem-product-title-desktop-smaller-line-height, 16.89px); letter-spacing: var(--clg-typography-sem-product-title-desktop-smaller-letter-spacing, -.1299px) } } .wt-text-title-smallest { font-family: var(--clg-typography-sem-product-title-mobile-smallest-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-mobile-smallest-font-weight, 500); font-size: var(--clg-typography-sem-product-title-mobile-smallest-font-size, 11px); line-height: var(--clg-typography-sem-product-title-mobile-smallest-line-height, 12.1px); letter-spacing: var(--clg-typography-sem-product-title-mobile-smallest-letter-spacing, 0px) } @media only screen and (min-width:640px) { .wt-text-title-smallest { font-family: var(--clg-typography-sem-product-title-desktop-smallest-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-desktop-smallest-font-weight, 500); font-size: var(--clg-typography-sem-product-title-desktop-smallest-font-size, 11px); line-height: var(--clg-typography-sem-product-title-desktop-smallest-line-height, 12.1px); letter-spacing: var(--clg-typography-sem-product-title-desktop-smallest-letter-spacing, 0px) } } .wt-text-body-large { font-family: var(--clg-typography-sem-product-body-mobile-large-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-body-mobile-large-font-weight, 400); font-size: var(--clg-typography-sem-product-body-mobile-large-font-size, 19.01px); line-height: var(--clg-typography-sem-product-body-mobile-large-line-height, 30.41px); letter-spacing: var(--clg-typography-sem-product-body-mobile-large-letter-spacing, .1901px) } @media only screen and (min-width:640px) { .wt-text-body-large { font-family: var(--clg-typography-sem-product-body-desktop-large-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-body-desktop-large-font-weight, 400); font-size: var(--clg-typography-sem-product-body-desktop-large-font-size, 19.01px); line-height: var(--clg-typography-sem-product-body-desktop-large-line-height, 34.21px); letter-spacing: var(--clg-typography-sem-product-body-desktop-large-letter-spacing, .1901px) } } .wt-text-body-large--tight { font-family: var(--clg-typography-sem-product-body-mobile-large-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-body-mobile-large-font-weight, 400); font-size: var(--clg-typography-sem-product-body-mobile-large-font-size, 19.01px); line-height: var(--clg-typography-sem-product-body-mobile-large-tight-line-height, 22.81px); letter-spacing: var(--clg-typography-sem-product-body-mobile-large-letter-spacing, .1901px) } @media only screen and (min-width:640px) { .wt-text-body-large--tight { font-family: var(--clg-typography-sem-product-body-desktop-large-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-body-desktop-large-font-weight, 400); font-size: var(--clg-typography-sem-product-body-desktop-large-font-size, 19.01px); line-height: var(--clg-typography-sem-product-body-desktop-large-tight-line-height, 26.61px); letter-spacing: var(--clg-typography-sem-product-body-desktop-large-letter-spacing, .1901px) } } .wt-text-body { font-family: var(--clg-typography-sem-product-body-mobile-base-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-body-mobile-base-font-weight, 400); font-size: var(--clg-typography-sem-product-body-mobile-base-font-size, 16px); line-height: var(--clg-typography-sem-product-body-mobile-base-line-height, 27.2px); letter-spacing: var(--clg-typography-sem-product-body-mobile-base-letter-spacing, .16px) } @media only screen and (min-width:640px) { .wt-text-body { font-family: var(--clg-typography-sem-product-body-desktop-base-font-family, "Graphik Webfont", "-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: var(--clg-typography-sem-product-body-desktop-base-line-height, 27.2px); letter-spacing: var(--clg-typography-sem-product-body-desktop-base-letter-spacing, .16px) } } .wt-text-body--tight { font-family: var(--clg-typography-sem-product-body-mobile-base-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-body-mobile-base-font-weight, 400); font-size: var(--clg-typography-sem-product-body-mobile-base-font-size, 16px); line-height: var(--clg-typography-sem-product-body-mobile-base-tight-line-height, 20px); letter-spacing: var(--clg-typography-sem-product-body-mobile-base-letter-spacing, .16px) } @media only screen and (min-width:640px) { .wt-text-body--tight { font-family: var(--clg-typography-sem-product-body-desktop-base-font-family, "Graphik Webfont", "-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: var(--clg-typography-sem-product-body-desktop-base-tight-line-height, 24px); letter-spacing: var(--clg-typography-sem-product-body-desktop-base-letter-spacing, .16px) } } .wt-text-body-small { font-family: var(--clg-typography-sem-product-body-mobile-small-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-body-mobile-small-font-weight, 400); font-size: var(--clg-typography-sem-product-body-mobile-small-font-size, 12.99px); line-height: var(--clg-typography-sem-product-body-mobile-small-line-height, 18.19px); letter-spacing: var(--clg-typography-sem-product-body-mobile-small-letter-spacing, .1299px) } @media only screen and (min-width:640px) { .wt-text-body-small { font-family: var(--clg-typography-sem-product-body-desktop-small-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-body-desktop-small-font-weight, 400); font-size: var(--clg-typography-sem-product-body-desktop-small-font-size, 12.99px); line-height: var(--clg-typography-sem-product-body-desktop-small-line-height, 18.19px); letter-spacing: var(--clg-typography-sem-product-body-desktop-small-letter-spacing, .1299px) } } .wt-text-body-small--tight { font-family: var(--clg-typography-sem-product-body-mobile-small-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-body-mobile-small-font-weight, 400); font-size: var(--clg-typography-sem-product-body-mobile-small-font-size, 12.99px); line-height: var(--clg-typography-sem-product-body-mobile-small-tight-line-height, 15.59px); letter-spacing: var(--clg-typography-sem-product-body-mobile-small-letter-spacing, .1299px) } @media only screen and (min-width:640px) { .wt-text-body-small--tight { font-family: var(--clg-typography-sem-product-body-desktop-small-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-body-desktop-small-font-weight, 400); font-size: var(--clg-typography-sem-product-body-desktop-small-font-size, 12.99px); line-height: var(--clg-typography-sem-product-body-desktop-small-tight-line-height, 15.59px); letter-spacing: var(--clg-typography-sem-product-body-desktop-small-letter-spacing, .1299px) } } .wt-text-body-smaller { font-family: var(--clg-typography-sem-product-body-mobile-smaller-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-body-mobile-smaller-font-weight, 400); font-size: var(--clg-typography-sem-product-body-mobile-smaller-font-size, 12px); line-height: var(--clg-typography-sem-product-body-mobile-smaller-line-height, 14.4px); letter-spacing: var(--clg-typography-sem-product-body-mobile-smaller-letter-spacing, 0px) } @media only screen and (min-width:640px) { .wt-text-body-smaller { font-family: var(--clg-typography-sem-product-body-desktop-smaller-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-body-desktop-smaller-font-weight, 400); font-size: var(--clg-typography-sem-product-body-desktop-smaller-font-size, 12px); line-height: var(--clg-typography-sem-product-body-desktop-smaller-line-height, 14.4px); letter-spacing: var(--clg-typography-sem-product-body-desktop-smaller-letter-spacing, 0px) } } .wt-text-body-smallest { font-family: var(--clg-typography-sem-product-body-mobile-smallest-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-body-mobile-smallest-font-weight, 400); font-size: var(--clg-typography-sem-product-body-mobile-smallest-font-size, 11px); line-height: var(--clg-typography-sem-product-body-mobile-smallest-line-height, 12.1px); letter-spacing: var(--clg-typography-sem-product-body-mobile-smallest-letter-spacing, 0px) } @media only screen and (min-width:640px) { .wt-text-body-smallest { font-family: var(--clg-typography-sem-product-body-desktop-smallest-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-body-desktop-smallest-font-weight, 400); font-size: var(--clg-typography-sem-product-body-desktop-smallest-font-size, 11px); line-height: var(--clg-typography-sem-product-body-desktop-smallest-line-height, 12.1px); letter-spacing: var(--clg-typography-sem-product-body-desktop-smallest-letter-spacing, 0px) } } body { color: var(--clg-color-sem-text-primary, #222); -webkit-font-smoothing: antialiased } .wt-text-title-01, .wt-label { font-family: var(--clg-typography-sem-product-title-mobile-base-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-mobile-base-font-weight, 500); font-size: var(--clg-typography-sem-product-title-mobile-base-font-size, 16px); line-height: var(--clg-typography-sem-product-title-mobile-base-line-height, 20px); letter-spacing: var(--clg-typography-sem-product-title-mobile-base-letter-spacing, .08px) } @media only screen and (min-width:640px) { .wt-text-title-01, .wt-label { font-family: var(--clg-typography-sem-product-title-desktop-base-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-desktop-base-font-weight, 500); font-size: var(--clg-typography-sem-product-title-desktop-base-font-size, 16px); line-height: var(--clg-typography-sem-product-title-desktop-base-line-height, 20px); letter-spacing: var(--clg-typography-sem-product-title-desktop-base-letter-spacing, .08px) } } .wt-text-body-02 { font-family: var(--clg-typography-sem-product-body-mobile-large-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-body-mobile-large-font-weight, 400); font-size: var(--clg-typography-sem-product-body-mobile-large-font-size, 19.01px); line-height: var(--clg-typography-sem-product-body-mobile-large-line-height, 30.41px); letter-spacing: var(--clg-typography-sem-product-body-mobile-large-letter-spacing, .1901px) } @media only screen and (min-width:640px) { .wt-text-body-02 { font-family: var(--clg-typography-sem-product-body-desktop-large-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-body-desktop-large-font-weight, 400); font-size: var(--clg-typography-sem-product-body-desktop-large-font-size, 19.01px); line-height: var(--clg-typography-sem-product-body-desktop-large-line-height, 34.21px); letter-spacing: var(--clg-typography-sem-product-body-desktop-large-letter-spacing, .1901px) } } .wt-text-body-01 { font-family: var(--clg-typography-sem-product-body-mobile-base-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-body-mobile-base-font-weight, 400); font-size: var(--clg-typography-sem-product-body-mobile-base-font-size, 16px); line-height: var(--clg-typography-sem-product-body-mobile-base-line-height, 27.2px); letter-spacing: var(--clg-typography-sem-product-body-mobile-base-letter-spacing, .16px) } @media only screen and (min-width:640px) { .wt-text-body-01 { font-family: var(--clg-typography-sem-product-body-desktop-base-font-family, "Graphik Webfont", "-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: var(--clg-typography-sem-product-body-desktop-base-line-height, 27.2px); letter-spacing: var(--clg-typography-sem-product-body-desktop-base-letter-spacing, .16px) } } .wt-text-caption { font-family: var(--clg-typography-sem-product-body-mobile-small-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-body-mobile-small-font-weight, 400); font-size: var(--clg-typography-sem-product-body-mobile-small-font-size, 12.99px); line-height: var(--clg-typography-sem-product-body-mobile-small-line-height, 18.19px); letter-spacing: var(--clg-typography-sem-product-body-mobile-small-letter-spacing, .1299px) } @media only screen and (min-width:640px) { .wt-text-caption { font-family: var(--clg-typography-sem-product-body-desktop-small-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-body-desktop-small-font-weight, 400); font-size: var(--clg-typography-sem-product-body-desktop-small-font-size, 12.99px); line-height: var(--clg-typography-sem-product-body-desktop-small-line-height, 18.19px); letter-spacing: var(--clg-typography-sem-product-body-desktop-small-letter-spacing, .1299px) } } .wt-text-caption-title { font-family: var(--clg-typography-sem-product-title-mobile-small-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-mobile-small-font-weight, 500); font-size: var(--clg-typography-sem-product-title-mobile-small-font-size, 12.99px); line-height: var(--clg-typography-sem-product-title-mobile-small-line-height, 18.19px); letter-spacing: var(--clg-typography-sem-product-title-mobile-small-letter-spacing, .1299px) } @media only screen and (min-width:640px) { .wt-text-caption-title { font-family: var(--clg-typography-sem-product-title-desktop-small-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-desktop-small-font-weight, 500); font-size: var(--clg-typography-sem-product-title-desktop-small-font-size, 12.99px); line-height: var(--clg-typography-sem-product-title-desktop-small-line-height, 18.19px); letter-spacing: var(--clg-typography-sem-product-title-desktop-small-letter-spacing, .1299px) } } .wt-bg-turquoise-dark { background-color: var(--clg-color-pal-green-700, #095e31) !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, #4bc46d) !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, #a0e193) !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, #dff7af) !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, #095e31) !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, #4bc46d) !important } .wt-text-slime { color: var(--clg-color-pal-green-650, #0f743b) !important } .wt-bg-slime-light { background-color: var(--clg-color-pal-green-350, #a0e193) !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, #dff7af) !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, #122868) !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, #2638c0) !important } .wt-text-denim { color: var(--clg-color-pal-blue-650, #2638c0) !important } .wt-bg-denim-light { background-color: var(--clg-color-pal-blue-500, #3b67d9) !important } .wt-text-denim-light { color: var(--clg-color-pal-blue-500, #3b67d9) !important } .wt-bg-denim-tint { background-color: var(--clg-color-pal-blue-150, #ccebff) !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, #442587) !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, #6f62c6) !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, #a09bf3) !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, #eee1ff) !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, #9a0027) !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, #d00739) !important } .wt-text-brick { color: var(--clg-color-pal-red-850, #9a0027) !important } .wt-bg-brick-light { background-color: var(--clg-color-pal-red-450, #ff93ae) !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, #ffdde6) !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, #814c1d) !important } .wt-text-beeswax-dark { color: var(--clg-color-pal-yellow-850, #814c1d) !important } .wt-bg-beeswax { background-color: var(--clg-color-pal-yellow-750, #f19d27) !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, #fdd95c) !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, #fffbd8) !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, #563213) !important } .wt-text-yellow-dark { color: var(--clg-color-pal-yellow-900, #563213) !important } .wt-bg-yellow { background-color: var(--clg-color-pal-yellow-700, #f4a931) !important } .wt-text-yellow { color: var(--clg-color-pal-yellow-700, #f4a931) !important } .wt-bg-yellow-light { background-color: var(--clg-color-pal-yellow-300, #fff4bf) !important } .wt-text-yellow-light { color: var(--clg-color-pal-yellow-300, #fff4bf) !important } .wt-bg-yellow-tint { background-color: var(--clg-color-pal-yellow-100, #fffdef) !important } .wt-text-yellow-tint { color: var(--clg-color-pal-yellow-100, #fffdef) !important } .wt-bg-purple-dark { background-color: var(--clg-color-pal-purple-900, #1b0f36) !important } .wt-text-purple-dark { color: var(--clg-color-pal-purple-900, #1b0f36) !important } .wt-bg-purple { background-color: var(--clg-color-pal-purple-700, #52399c) !important } .wt-text-purple { color: var(--clg-color-pal-purple-700, #52399c) !important } .wt-bg-purple-light { background-color: var(--clg-color-pal-purple-300, #dad0fc) !important } .wt-text-purple-light { color: var(--clg-color-pal-purple-300, #dad0fc) !important } .wt-bg-purple-tint { background-color: var(--clg-color-pal-purple-100, #f8f3ff) !important } .wt-text-purple-tint { color: var(--clg-color-pal-purple-100, #f8f3ff) !important } .wt-bg-blue-dark { background-color: var(--clg-color-pal-blue-900, #091434) !important } .wt-text-blue-dark { color: var(--clg-color-pal-blue-900, #091434) !important } .wt-bg-blue { background-color: var(--clg-color-pal-blue-700, #1f32a2) !important } .wt-text-blue { color: var(--clg-color-pal-blue-700, #1f32a2) !important } .wt-bg-blue-light { background-color: var(--clg-color-pal-blue-300, #8db2ee) !important } .wt-text-blue-light { color: var(--clg-color-pal-blue-300, #8db2ee) !important } .wt-bg-blue-tint { background-color: var(--clg-color-pal-blue-100, #ddf1ff) !important } .wt-text-blue-tint { color: var(--clg-color-pal-blue-100, #ddf1ff) !important } .wt-bg-green-dark { background-color: var(--clg-color-pal-green-900, #011d10) !important } .wt-text-green-dark { color: var(--clg-color-pal-green-900, #011d10) !important } .wt-bg-green { background-color: var(--clg-color-pal-green-700, #095e31) !important } .wt-text-green { color: var(--clg-color-pal-green-700, #095e31) !important } .wt-bg-green-light { background-color: var(--clg-color-pal-green-300, #dff7af) !important } .wt-text-green-light { color: var(--clg-color-pal-green-300, #dff7af) !important } .wt-bg-green-tint { background-color: var(--clg-color-pal-green-100, #fbffe3) !important } .wt-text-green-tint { color: var(--clg-color-pal-green-100, #fbffe3) !important } .wt-bg-red-0tint { background-color: var(--clg-color-pal-red-1000, #260009) !important } .wt-text-red-0tint { color: var(--clg-color-pal-red-1000, #260009) !important } .wt-bg-red-dark { background-color: var(--clg-color-pal-red-900, #73001d) !important } .wt-text-red-dark { color: var(--clg-color-pal-red-900, #73001d) !important } .wt-bg-red { background-color: var(--clg-color-pal-red-700, #ec0b43) !important } .wt-text-red { color: var(--clg-color-pal-red-700, #ec0b43) !important } .wt-bg-red-light { background-color: var(--clg-color-pal-red-300, #ffdde6) !important } .wt-text-red-light { color: var(--clg-color-pal-red-300, #ffdde6) !important } .wt-bg-red-tint { background-color: var(--clg-color-pal-red-100, #fff8fa) !important } .wt-text-red-tint { color: var(--clg-color-pal-red-100, #fff8fa) !important } .wt-bg-transparent-black { background-color: var(--clg-color-pal-transparent-black-700, #0e0e0ecc) !important } .wt-text-transparent-black { color: var(--clg-color-pal-transparent-black-700, #0e0e0ecc) !important } .wt-bg-transparent-white { background-color: var(--clg-color-pal-transparent-white-700, #ffffffd4) !important } .wt-text-transparent-white { color: var(--clg-color-pal-transparent-white-700, #ffffffd4) !important } .wt-bg-greyscale-dark { background-color: var(--clg-color-pal-greyscale-900, #0e0e0e) !important } .wt-text-greyscale-dark { color: var(--clg-color-pal-greyscale-900, #0e0e0e) !important } .wt-bg-greyscale { background-color: var(--clg-color-pal-greyscale-700, #3e3e3e) !important } .wt-text-greyscale { color: var(--clg-color-pal-greyscale-700, #3e3e3e) !important } .wt-text-black { color: var(--clg-color-pal-greyscale-800, #222) !important } .wt-text-gray { color: var(--clg-color-pal-greyscale-600, #595959) !important } .wt-text-white { color: var(--clg-color-pal-greyscale-000, #fff) !important } .wt-bg-gray { background-color: var(--clg-color-pal-greyscale-075, #eaeaea) !important } .wt-bg-white { background-color: var(--clg-color-sem-background-elevation-0, #fff) !important } .wt-bg-star-seller-light { background-color: var(--clg-color-sem-background-surface-star-seller-light, #e6e1f0) !important } .wt-bg-star-seller-dark { background-color: var(--clg-color-sem-background-surface-star-seller-dark, #9560b8) !important } .wt-sem-text-action { color: var(--clg-color-sem-text-action, #3b67d9) !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, #9a0027) !important } .wt-sem-text-disabled { color: var(--clg-color-sem-text-disabled, #757575) !important } .wt-sem-text-monetary-value { color: var(--clg-color-sem-text-monetary-value, #0f743b) !important } .wt-sem-text-placeholder { color: var(--clg-color-sem-text-placeholder, #757575) !important } .wt-sem-text-primary { color: var(--clg-color-sem-text-primary, #222) !important } .wt-sem-text-promote { color: var(--clg-color-sem-text-promote, #0f743b) !important } .wt-sem-text-recommendation { color: var(--clg-color-sem-text-recommendation, #814c1d) !important } .wt-sem-text-secondary { color: var(--clg-color-sem-text-secondary, #595959) !important } .wt-sem-text-star-seller { color: var(--clg-color-sem-text-star-seller, #9560b8) !important } .wt-sem-text-tertiary { color: var(--clg-color-sem-text-tertiary, #757575) !important } .wt-sem-text-on-surface-dark { color: var(--clg-color-sem-text-on-surface-dark, #fff) !important } .wt-sem-text-on-surface-light { color: var(--clg-color-sem-text-on-surface-light, #222) !important } .wt-sem-text-on-surface-strong { color: var(--clg-color-sem-text-on-surface-strong, #fff) !important } .wt-sem-text-on-surface-subtle { color: var(--clg-color-sem-text-on-surface-subtle, #222) !important } .wt-sem-text-on-surface-unavailable-subtle { color: var(--clg-color-sem-text-on-surface-unavailable-subtle, #595959) !important } .wt-sem-bg-scrim { background-color: var(--clg-color-sem-background-scrim, #0e0e0e91) !important } .wt-sem-bg-elevation-0 { background-color: var(--clg-color-sem-background-elevation-0, #fff) !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, #fff) !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, #095e31) !important } .wt-sem-bg-surface-confirmed-subtle { background-color: var(--clg-color-sem-background-surface-confirmed-subtle, #dff7af) !important } .wt-sem-bg-surface-contrast-strong { background-color: var(--clg-color-sem-background-surface-contrast-strong, #222) !important } .wt-sem-bg-surface-critical-dark { background-color: var(--clg-color-sem-background-surface-critical-dark, #9a0027) !important } .wt-sem-bg-surface-critical-light { background-color: var(--clg-color-sem-background-surface-critical-light, #ffeaf0) !important } .wt-sem-bg-surface-critical-strong { background-color: var(--clg-color-sem-background-surface-critical-strong, #9a0027) !important } .wt-sem-bg-surface-critical-subtle { background-color: var(--clg-color-sem-background-surface-critical-subtle, #ffeaf0) !important } .wt-sem-bg-surface-expressive-blue-dark { background-color: var(--clg-color-sem-background-surface-expressive-blue-dark, #2638c0) !important } .wt-sem-bg-surface-expressive-blue-darker { background-color: var(--clg-color-sem-background-surface-expressive-blue-darker, #122868) !important } .wt-sem-bg-surface-expressive-blue-light { background-color: var(--clg-color-sem-background-surface-expressive-blue-light, #ccebff) !important } .wt-sem-bg-surface-expressive-blue-strong { background-color: var(--clg-color-sem-background-surface-expressive-blue-strong, #3b67d9) !important } .wt-sem-bg-surface-expressive-green-dark { background-color: var(--clg-color-sem-background-surface-expressive-green-dark, #095e31) !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, #4bc46d) !important } .wt-sem-bg-surface-expressive-green-lighter { background-color: var(--clg-color-sem-background-surface-expressive-green-lighter, #a0e193) !important } .wt-sem-bg-surface-expressive-green-lightest { background-color: var(--clg-color-sem-background-surface-expressive-green-lightest, #dff7af) !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, #6f62c6) !important } .wt-sem-bg-surface-expressive-purple-darker { background-color: var(--clg-color-sem-background-surface-expressive-purple-darker, #442587) !important } .wt-sem-bg-surface-expressive-purple-light { background-color: var(--clg-color-sem-background-surface-expressive-purple-light, #a09bf3) !important } .wt-sem-bg-surface-expressive-purple-lighter { background-color: var(--clg-color-sem-background-surface-expressive-purple-lighter, #eee1ff) !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, #814c1d) !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, #f19d27) !important } .wt-sem-bg-surface-expressive-yellow-lighter { background-color: var(--clg-color-sem-background-surface-expressive-yellow-lighter, #fdd95c) !important } .wt-sem-bg-surface-expressive-yellow-lightest { background-color: var(--clg-color-sem-background-surface-expressive-yellow-lightest, #fffbd8) !important } .wt-sem-bg-surface-feedback-light { background-color: var(--clg-color-sem-background-surface-feedback-light, #ccebff) !important } .wt-sem-bg-surface-gallery-dark { background-color: var(--clg-color-sem-background-surface-gallery-dark, #121212) !important } .wt-sem-bg-surface-highlight-dark { background-color: var(--clg-color-sem-background-surface-highlight-dark, #3b67d9) !important } .wt-sem-bg-surface-hovered-subtle { background-color: var(--clg-color-sem-background-surface-hovered-subtle, #0e0e0e08) !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, #eaeaea) !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, #a0e193) !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, #3b67d9) !important } .wt-sem-bg-surface-notification-secondary-strong { background-color: var(--clg-color-sem-background-surface-notification-secondary-strong, #3b67d9) !important } .wt-sem-bg-surface-notification-tertiary-strong { background-color: var(--clg-color-sem-background-surface-notification-tertiary-strong, #222) !important } .wt-sem-bg-surface-placeholder-subtle { background-color: var(--clg-color-sem-background-surface-placeholder-subtle, #0e0e0e17) !important } .wt-sem-bg-surface-promote-light { background-color: var(--clg-color-sem-background-surface-promote-light, #a0e193) !important } .wt-sem-bg-surface-recommendation-light { background-color: var(--clg-color-sem-background-surface-recommendation-light, #fcc7a2) !important } .wt-sem-bg-surface-selected-strong { background-color: var(--clg-color-sem-background-surface-selected-strong, #222) !important } .wt-sem-bg-surface-selected-subtle { background-color: var(--clg-color-sem-background-surface-selected-subtle, #0e0e0e0d) !important } .wt-sem-bg-surface-seller-dark { background-color: var(--clg-color-sem-background-surface-seller-dark, #3b67d9) !important } .wt-sem-bg-surface-star-seller-dark { background-color: var(--clg-color-sem-background-surface-star-seller-dark, #9560b8) !important } .wt-sem-bg-surface-star-seller-light { background-color: var(--clg-color-sem-background-surface-star-seller-light, #e6e1f0) !important } .wt-sem-bg-surface-success-dark { background-color: var(--clg-color-sem-background-surface-success-dark, #0f743b) !important } .wt-sem-bg-surface-trust-light { background-color: var(--clg-color-sem-background-surface-trust-light, #fcc7a2) !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, #757575) !important } .wt-sem-bg-surface-unavailable-subtle { background-color: var(--clg-color-sem-background-surface-unavailable-subtle, #eaeaea) !important } .wt-sem-bg-surface-warning-light { background-color: var(--clg-color-sem-background-surface-warning-light, #fdd95c) !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, #2638c0) !important } .wt-bg-ehi-blue-dark { background-color: var(--clg-color-pal-blue-800, #122868) !important } .wt-bg-ehi-blue-light { background-color: var(--clg-color-pal-blue-150, #ccebff) !important } .wt-bg-ehi-yellow { background-color: var(--clg-color-pal-yellow-500, #fdd95c) !important } .wt-bg-ehi-yellow-dark { background-color: var(--clg-color-pal-yellow-850, #814c1d) !important } .wt-bg-ehi-yellow-light { background-color: var(--clg-color-pal-yellow-250, #fffbd8) !important } .wt-bg-ehi-purple { background-color: var(--clg-color-pal-purple-500, #8c8af0) !important } .wt-bg-ehi-purple-dark { background-color: var(--clg-color-pal-purple-750, #442587) !important } .wt-bg-ehi-purple-light { background-color: var(--clg-color-pal-purple-250, #eee1ff) !important } .wt-text-star-seller { color: var(--clg-color-sem-text-star-seller, #9560b8) !important } .wt-bg-ehi-green { background-color: var(--clg-color-pal-green-500, #21b55a) !important } .wt-bg-ehi-green-dark { background-color: var(--clg-color-pal-green-750, #034927) !important } .wt-bg-ehi-green-light { background-color: var(--clg-color-pal-green-250, #f5ffb9) !important } .wt-text-favorite-heart { color: var(--clg-color-sem-icon-favorite, #b50330) !important } .wt-bg-favorite-heart { background-color: var(--clg-color-sem-icon-favorite, #b50330) !important } a.wt-text-link.wt-text-link, button.wt-text-link { color: inherit; transition: opacity var(--clg-effect-pal-duration-200, .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, #fff), 0 0 0 var(--clg-shape-pal-border-width-300, 4px)var(--clg-color-sem-border-focused, #3b67d9) !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, .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-mobile-base-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-mobile-base-font-weight, 500); font-size: var(--clg-typography-sem-product-title-mobile-base-font-size, 16px); line-height: var(--clg-typography-sem-product-title-mobile-base-line-height, 20px); letter-spacing: var(--clg-typography-sem-product-title-mobile-base-letter-spacing, .08px); color: inherit; transition: opacity var(--clg-effect-pal-duration-200, .2s)ease-out; text-decoration: none; display: inline-block; position: relative } @media only screen and (min-width:640px) { 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-desktop-base-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-weight: var(--clg-typography-sem-product-title-desktop-base-font-weight, 500); font-size: var(--clg-typography-sem-product-title-desktop-base-font-size, 16px); line-height: var(--clg-typography-sem-product-title-desktop-base-line-height, 20px); letter-spacing: var(--clg-typography-sem-product-title-desktop-base-letter-spacing, .08px) } } 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, .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, 18px) - var(--clg-dimension-sem-icon-core-smallest, 12px)); width: var(--clg-dimension-sem-icon-core-smaller, 18px); height: var(--clg-dimension-sem-icon-core-smaller, 18px); 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, 18px) - var(--clg-dimension-sem-icon-core-smallest, 12px)); width: var(--clg-dimension-sem-icon-core-smaller, 18px); height: var(--clg-dimension-sem-icon-core-smaller, 18px); 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, 18px) - var(--clg-dimension-sem-icon-core-smallest, 12px)); width: var(--clg-dimension-sem-icon-core-smaller, 18px); height: var(--clg-dimension-sem-icon-core-smaller, 18px); 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, 12.99px) } 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: -.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, 18px) + 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, 18px) + 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, 12px) } .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 1px 2px 0px #0000004d, 0px 1px 3px 1px #00000026) } .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, 12px); 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, #0e0e0e2e) } .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, 12px); transition: opacity .15s ease-out, top .2s cubic-bezier(.345, .115, .135, 1.42), bottom .15s ease-out, left .2s cubic-bezier(.345, .115, .135, 1.42), right .15s ease-out } .wt-card.wt-card--contained:before { transition: opacity .15s ease-out, all cubic-bezier(.345, .115, .135, 1.42) } .wt-card.wt-card--contained:hover:before { background: var(--clg-color-sem-background-elevation-1, #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 1px 2px 0px #0000004d, 0px 1px 3px 1px #00000026); 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 1px 2px 0px #0000004d, 0px 1px 3px 1px #00000026) } .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-sem-background-elevation-1, #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-sem-background-elevation-1, #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, #fff), 0 0 0 var(--clg-shape-pal-border-width-300, 4px)var(--clg-color-sem-border-focused, #3b67d9), 0 0 0 var(--clg-shape-pal-border-width-400, 6px)var(--clg-color-sem-background-elevation-0, #fff); 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 1px 3px 0px #0000004d, 0px 4px 8px 3px #00000026); background: var(--clg-color-sem-background-elevation-1, #fff); border: 1px dotted #0000; transition: transform .2s cubic-bezier(.345, .115, .135, 1.42), opacity .15s ease-out, border-color .2s ease-out; position: absolute; transform: scale(.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, #222); 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, #222) } .cnc-enhanced-border-radius .wt-transparent-card:before { border-radius: var(--clg-shape-sem-border-radius-card, 12px) } .wt-badge { background-color: var(--clg-color-app-badge-background, #fff); color: var(--clg-color-app-indicator-text, #222); border-radius: var(--clg-shape-app-indicator-border-radius, 12px); word-break: break-word; line-height: 1; font-size: var(--clg-typography-sem-product-body-desktop-small-font-size, 12.99px); padding: var(--clg-dimension-app-indicator-large-padding-vertical, 4px)var(--clg-dimension-app-indicator-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, #595959); color: var(--clg-color-app-badge-ad-text, #fff) } .wt-badge.wt-badge--default { background-color: var(--clg-color-app-badge-background, #fff); color: var(--clg-color-sem-text-on-surface-light, #222) } .wt-badge.wt-badge--statusInformational { background-color: var(--clg-color-app-indicator-background, #eaeaea); color: var(--clg-color-sem-text-on-surface-subtle, #222) } .wt-badge.wt-badge--statusRecommendation { background-color: var(--clg-color-sem-background-surface-recommendation-light, #fcc7a2); color: var(--clg-color-app-indicator-text, #222) } .wt-badge.wt-badge--notificationTertiary { background-color: var(--clg-color-sem-background-surface-notification-tertiary-strong, #222); color: var(--clg-color-app-indicator-important-text, #fff) } .wt-badge.wt-badge--notificationSecondary { background-color: var(--clg-color-app-indicator-highlight-background, #3b67d9); color: var(--clg-color-app-indicator-highlight-text, #fff) } .wt-badge.wt-badge--notificationPrimary { background-color: var(--clg-color-app-indicator-important-background, #cf4018); color: var(--clg-color-app-indicator-important-text, #fff) } .wt-badge.wt-badge--statusValue { background-color: var(--clg-color-sem-background-surface-monetary-value-light, #a0e193); color: var(--clg-color-sem-text-on-surface-light, #222) } .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, #fff); position: absolute } .wt-badge.wt-badge--small { padding: var(--clg-dimension-app-indicator-padding-vertical, 3px)var(--clg-dimension-app-indicator-padding-horizontal, 6px); min-width: 17px; 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, #fff) } .wt-badge.wt-badge--default.wt-badge--border { border: var(--clg-shape-sem-border-width-thin, 1px)solid var(--clg-color-app-input-border, #949494) } .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, 18px); width: var(--clg-dimension-sem-icon-core-smaller, 18px) } .etsy-icon.wt-icon--larger, .wt-icon.wt-icon--larger { height: var(--clg-dimension-sem-icon-core-larger, 36px); width: var(--clg-dimension-sem-icon-core-larger, 36px) } .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, 18px); width: var(--clg-dimension-sem-icon-core-smaller, 18px) } .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, 18px) } .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, 36px); width: var(--clg-dimension-sem-icon-core-larger, 36px) } .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, 36px) } .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, 18px); width: var(--clg-dimension-sem-icon-core-smaller, 18px) } .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, 18px) } .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, 36px); width: var(--clg-dimension-sem-icon-core-larger, 36px) } .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, 36px) } .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, 18px); width: var(--clg-dimension-sem-icon-core-smaller, 18px) } .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, 18px) } .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, 36px); width: var(--clg-dimension-sem-icon-core-larger, 36px) } .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, 36px) } .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, 18px); width: var(--clg-dimension-sem-icon-core-smaller, 18px) } .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, 18px) } .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, 36px); width: var(--clg-dimension-sem-icon-core-larger, 36px) } .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, 36px) } .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, 18px); width: var(--clg-dimension-sem-icon-core-smaller, 18px) } .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, 18px) } .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, 36px); width: var(--clg-dimension-sem-icon-core-larger, 36px) } .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, 36px) } .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, 18px); width: var(--clg-dimension-sem-icon-core-smaller, 18px) } .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, 18px) } .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, 36px); width: var(--clg-dimension-sem-icon-core-larger, 36px) } .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, 36px) } .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 } .wt-icon--brand-success-01 { background-color: var(--clg-color-sem-background-surface-expressive-blue-light, #ccebff) !important; fill: var(--clg-color-app-brand-icon-success-01-foreground, #222) !important } .wt-icon--brand-success-02 { background-color: var(--clg-color-app-brand-icon-success-02-background, #fff) !important; fill: var(--clg-color-app-brand-icon-success-02-foreground, #222) !important } .wt-icon--brand-error-01 { background-color: var(--clg-color-app-brand-icon-error-01-background, #fdd95c) !important; fill: var(--clg-color-app-brand-icon-error-01-foreground, #222) !important } .wt-icon--brand-error-02 { background-color: var(--clg-color-app-brand-icon-error-02-background, #9a0027) !important; fill: var(--clg-color-app-brand-icon-error-02-foreground, #fff) !important } .wt-icon--brand-empty { background-color: var(--clg-color-app-brand-icon-empty-background, #0000) !important; fill: var(--clg-color-app-brand-icon-empty-foreground, #222) !important } .wt-icon--brand-marketing-01 { background-color: var(--clg-color-app-brand-icon-marketing-01-background, #0000) !important; fill: var(--clg-color-app-brand-icon-marketing-01-foreground, #f1641e) !important } .wt-icon--brand-marketing-02 { background-color: var(--clg-color-app-brand-icon-marketing-02-background, #f8ebe6) !important; fill: var(--clg-color-app-brand-icon-marketing-02-foreground, #f1641e) !important } .wt-icon--brand-marketing-03 { background-color: var(--clg-color-app-brand-icon-marketing-03-background, #fff) !important; fill: var(--clg-color-app-brand-icon-marketing-03-foreground, #f1641e) !important } .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, #fff), 0 0 0 var(--clg-shape-pal-border-width-300, 4px)var(--clg-color-sem-border-focused, #3b67d9) !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, .3s)cubic-bezier(.54, 0, .54, 1); border-bottom: var(--clg-shape-sem-border-width-base, 2px)solid var(--clg-color-pal-greyscale-800, #222); 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, .3s)cubic-bezier(.54, 0, .54, 1); transform: none } .v2-toolkit-cat-nav .side-nav-item.active { background-color: var(--clg-color-app-button-transparent-hovered-background, #0e0e0e08) } .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 1px 3px 0px #0000004d, 0px 4px 8px 3px #00000026); 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, #0e0e0e2e); 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, #442587) } .bg-turquoise-dark { background-color: var(--clg-color-pal-green-450, #4bc46d) } .bg-peach-dark { background-color: var(--clg-color-pal-yellow-750, #f19d27) } .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, #222) } #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, #fff) !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, #eaeaea) } #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, #eaeaea); 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 1px 3px 0px #0000004d, 0px 4px 8px 3px #00000026) } .card-dropdown__card { min-width: 156px !important; max-width: 180px !important } .card-dropdown__footer-border { background-color: var(--clg-color-pal-greyscale-075, #eaeaea); 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, #fff); 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 } .appshell-responsive-footer-link { font-size: var(--clg-typography-sem-product-body-mobile-base-font-size, 16px) } @media only screen and (min-width:640px) { .appshell-responsive-footer-link { font-size: var(--clg-typography-sem-product-body-desktop-small-font-size, 12.99px) } .country-picker-col-space { margin-right: 77px } } .chrome-footer--ehi { --chrome-footer__background: var(--clg-color-sem-background-surface-expressive-blue-dark, #2638c0); --chrome-footer__padding-top: 0; --chrome-footer__final__background: var(--clg-color-pal-greyscale-800, #222); --chrome-footer__final__link-color: var(--clg-color-sem-text-on-surface-dark, #fff); --chrome-footer__final__border-top: none; --chrome-footer__final__margin-top: none; background: var(--chrome-footer__background); padding-top: var(--chrome-footer__padding-top); margin-left: auto; margin-right: auto } .chrome-footer--ehi#collage-footer { margin-top: 0 } .chrome-footer--ehi .chrome-footer__etsy-finds { background: var(--clg-color-pal-blue-150, #ccebff); padding-bottom: var(--clg-dimension-pal-spacing-300, 18px) } .chrome-footer--ehi .chrome-footer__extra-links-app-container { color: var(--clg-color-sem-text-on-surface-dark, #fff); 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 } } @media only screen and (min-width:640px) { .chrome-footer--ehi .chrome-footer__extra-links-group:not(:last-child) { padding-right: var(--clg-dimension-pal-spacing-300, 18px) } } .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-pal-blue-800, #122868); 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, 12px) } .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, 12px); 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, #fff); 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, #2638c0) } .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, #fff) } .chrome-footer--ehi .chrome-footer__final-container { background: var(--chrome-footer__final__background); border-top: var(--chrome-footer__final__border-top); padding: var(--clg-dimension-pal-spacing-300, 18px)var(--clg-dimension-pal-spacing-400, 24px) } .chrome-footer--ehi .chrome-footer__final { font-family: var(--clg-typography-sem-product-body-desktop-base-font-family, "Graphik Webfont", "-apple-system", "Helvetica Neue", "Droid Sans", "Arial", "sans-serif"); font-size: var(--clg-typography-sem-product-body-desktop-small-font-size, 12.99px); line-height: var(--clg-typography-sem-product-body-desktop-small-line-height, 18.19px); text-align: center; justify-content: center; align-items: center; max-width: 1400px; margin: 0 auto } @media only screen and (min-width:900px) { .chrome-footer--ehi .chrome-footer__final { padding: 0 var(--clg-dimension-pal-spacing-600, 36px); display: flex } } .chrome-footer--ehi .chrome-footer__final-col { margin-top: var(--chrome-footer__final__margin-top); padding-bottom: var(--clg-dimension-pal-spacing-300, 18px) } @media only screen and (min-width:900px) { .chrome-footer--ehi .chrome-footer__final-col { padding-bottom: 0; display: flex } } .chrome-footer--ehi .chrome-footer__final-col:last-child { flex: 1; justify-content: flex-end; padding-bottom: 0 } .chrome-footer--ehi .chrome-footer__final-links { display: inline-block } @media only screen and (min-width:640px) { .chrome-footer--ehi .chrome-footer__final-links>li { margin-right: var(--clg-dimension-pal-spacing-300, 18px) } } .chrome-footer--ehi .chrome-footer__copyright:not(:last-child) { margin-bottom: var(--clg-dimension-pal-spacing-200, 12px); display: inline-block } @media only screen and (min-width:640px) { .chrome-footer--ehi .chrome-footer__copyright:not(:last-child) { margin-right: var(--clg-dimension-pal-spacing-300, 18px) } } @media only screen and (min-width:900px) { .chrome-footer--ehi .chrome-footer__copyright:not(:last-child) { margin-bottom: 0; margin-left: var(--clg-dimension-pal-spacing-600, 36px) } } .chrome-footer--ehi .chrome-footer__copyright, .chrome-footer--ehi .chrome-footer__final-link, .chrome-footer--ehi .chrome-footer__final-link:hover { color: var(--chrome-footer__final__link-color) } .chrome-footer--ehi .chrome-footer__final-link { align-items: center; min-height: 24px; display: inline-flex } .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__link-color: var(--clg-color-sem-text-secondary, #595959); --chrome-footer__final__border-top: 1px solid var(--clg-color-sem-border-divider, #0e0e0e2e); --chrome-footer__final__margin-top: 0 } @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, #0e0e0e2e); padding: var(--clg-dimension-pal-spacing-100, 6px)0; font-family: var(--clg-typography-pal-family-sans-serif-regular, "Graphik Webfont", "-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, "Graphik Webfont", "-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, #595959); 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, #595959); 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, "Graphik Webfont", "-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, "Graphik Webfont", "-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, #595959); 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, "Graphik Webfont", "-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 }