:where(:root) {
    --fontsize-m: var(--f-m, 1rem);
    --h2-banner-overflow: clip;
    --base: 8px;
    --spacing-3xs: 2px;
    --spacing-2xs: 4px;
    --spacing-xs: 8px;
    --spacing-s: 16px;
    --spacing-m: 24px;
    --spacing-l: 32px;
    --spacing-xl: 40px;
    --spacing-2xl: 48px;
    --spacing-3xl: 56px;
    --spacing-4xl: 64px;
    --spacing-5xl: 72px;
    --spacing-6xl: 80px;
    --spacing-7xl: 88px;
    --spacing-8xl: 96px;
    --base-negative: -8px;
    --spacing-3xs-negative: -2px;
    --spacing-2xs-negative: -4px;
    --spacing-xs-negative: -8px;
    --spacing-s-negative: -16px;
    --spacing-m-negative: -24px;
    --spacing-l-negative: -32px;
    --spacing-xl-negative: -40px;
    --spacing-2xl-negative: -48px;
    --spacing-3xl-negative: -56px;
    --spacing-4xl-negative: -64px;
    --spacing-5xl-negative: -72px;
    --spacing-6xl-negative: -80px;
    --spacing-7xl-negative: -88px;
    --spacing-8xl-negative: -96px;
    --side-offset: 16px;
    --side-offset-negative: -16px;
    --f-xl: 1.25rem;
    --f-4xl: 2.25rem;
    --f-5xl: 2.5rem;
    --f-6xl: 3rem;
    --f-h6: 1.125rem;
    --f-h5: 1.375rem;
    --f-h4: 1.5rem;
    --f-h3: 1.75rem;
    --f-h2: 2rem;
    --f-h1: 2.375rem;
    --sizing-max-content: 1280px;
    --sizing-compare-nav: 60px;
    --sizing-sub-nav: 60px;
    --sizing-header: 75px;
    --margin-section: 16px;
    --z-elevate: 90;
    --z-header: 900;
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal-bg: 1040;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;
    --font-weight-button: bold;
    --elevation-0: none;
    --shadow-color: 11, 11, 18;
    --elevation-base: 0.5px 1px 1px rgba(var(--shadow-color), 0.02);
    --elevation-f: var(--elevation-base), 0 4px 4px rgba(var(--shadow-color), .08);
    --elevation-1: var(--elevation-base), 0 2px 4px rgba(var(--shadow-color), .02), 0 4px 6px rgba(var(--shadow-color), .04);
    --elevation-2: var(--elevation-1), 0 4px 8px rgba(var(--shadow-color), .04);
    --elevation-3: var(--elevation-2), 0 8px 12px rgba(var(--shadow-color), .04);
    --elevation-4: var(--elevation-3), 0 12px 16px rgba(var(--shadow-color), .04);
    --elevation-5: var(--elevation-4), 0 24px 32px rgba(var(--shadow-color), .04);
    --elevation-6: var(--elevation-5), 0 48px 64px rgba(var(--shadow-color), .04);
    --elevation-radial: 0 2px 24px 0px rgba(0, 0, 0, .08);
    --c-shadow-crisp: 230 13% 9%;
    --elevation-low: 0px 0.5px 0.5px hsl(230 13% 19.14893617%), 0px 0.8px 0.8px -1.7px hsl(230 13% 9%/0.39), 0px 2px 2px -3.4px hsl(230 13% 9%/0.3);
    --elevation-medium: 0px 0.5px 0.5px hsl(230 13% 18.36734694%), 0px 1.4px 1.4px -1.1px hsl(230 13% 9%/0.43), 0px 3.8px 3.8px -2.3px hsl(230 13% 9%/0.36), 0px 10px 9.9px -3.4px hsl(230 13% 9%/0.3);
    --elevation-high: 0px 0.5px 0.5px hsl(230 13% 19.56521739%), 0px 2.1px 2.1px -0.5px hsl(230 13% 9%/0.43), 0px 4.1px 4.1px -1px hsl(230 13% 9%/0.4), 0px 7.3px 7.2px -1.5px hsl(230 13% 9%/0.37), 0px 12.7px 12.6px -1.9px hsl(230 13% 9%/0.34), -0.1px 21px 20.8px -2.4px hsl(230 13% 9%/0.3), -0.1px 33.2px 32.9px -2.9px hsl(230 13% 9%/0.27), -0.2px 50.1px 49.6px -3.4px hsl(230 13% 9%/0.24);
    --elevation-card: inset 0 0 0.5px 1px hsl(0 0% 1250%), 0 0 0 1px hsl(230 13% 9%/0.032), 0 0.3px 0.4px hsl(230 13% 9%/0.02), 0 0.9px 1.5px hsl(230 13% 9%/0.045), 0 3.5px 6px hsl(230 13% 9%/0.09);
    --button-padding: 4px 16px;
    --button-min-width: 120px;
    --button-height: 40px;
    --vh: 100vh
}

@supports (height:100svh) {
    :where(:root) {
        --vh: 100svh
    }
}

:where(:root, .-lightmode, ._lightmode, .lightmode, .-darkmode, [data-theme*=light]) {
    --c-base: 8, 28, 32;
    --c-base-contrast: 247, 249, 250;
    --c-cta-link: var(--c-accent, currentColor);
    --c-canvas: #f5f5f5;
    --c-canvas-full: #fff;
    --c-canvas-o: #f5f5f5eb;
    --c-rating: #febd03;
    --c-body: rgba(8, 28, 32, .87);
    --c-headline: #081c20;
    --c-em-med: rgba(8, 28, 32, .87);
    --c-em-low: rgba(8, 28, 32, .68);
    --c-em-xlow: rgba(8, 28, 32, .38);
    --c-em-2xlow: rgba(8, 28, 32, .16);
    --c-em-3xlow: rgba(8, 28, 32, .08);
    --c-em-4xlow: rgba(8, 28, 32, .04);
    --c-em-high: #081c20;
    --c-em-full: #000;
    --c-bg: #f7f9fa;
    --c-body-contrast: rgba(247, 249, 250, .87);
    --c-em-med-contrast: rgba(247, 249, 250, .87);
    --c-em-low-contrast: rgba(247, 249, 250, .68);
    --c-em-xlow-contrast: rgba(247, 249, 250, .38);
    --c-em-2xlow-contrast: rgba(247, 249, 250, .16);
    --c-em-3xlow-contrast: rgba(247, 249, 250, .08);
    --c-em-4xlow-contrast: rgba(247, 249, 250, .04);
    --c-em-high-contrast: #f7f9fa;
    --c-em-full-contrast: #fff;
    --c-bg-contrast: #222;
    --bg-em-0: #f7f9fa;
    --bg-em-1: #fff;
    --bg-em-2: #eaf0f1;
    --bg-em-3: #becccf;
    --bg-em-4: #849398;
    --bg-em-5: #505f63;
    --bg-em-6: #203237;
    --bg-transluscent: rgba(247, 249, 250, .92);
    --c-form-feedback-negative: var(--c-uicolor-red, #df2d00);
    --c-form-feedback-positive: var(--c-uicolor-green, #3e8626);
    --c-form-highlight: var(--c-evergreen-cream, #f9f5ef);
    --c-product-card-cta-link: var(--c-em-l-high, #081c20);
    --c-product-card-canvas: #fff;
    --c-product-card-descriptor: var(--c-em-l-high, #081c20);
    --c-product-card-headline: var(--c-em-l-full, #000);
    --c-product-card-pricing: var(--c-em-l-high, #081c20);
    --c-product-card-pricing-msrp: var(--c-em-l-low, #081c20ad)
}

:where(.-darkmode, .colored, ._darkmode, .darkmode, [data-theme*=dark]) {
    --c-bg: #15262b;
    --c-bg-contrast: #f7f9fa;
    --c-base: 247, 249, 250;
    --c-base-contrast: 8, 28, 32;
    --shadow-color: 0, 0, 4;
    --c-cta-link: var(--c-accent, currentColor);
    --c-canvas: #212121;
    --c-canvas-full: #000;
    --c-canvas-o: #212121eb;
    --c-rating: #febd03;
    --c-body-contrast: rgba(0, 0, 0, .87);
    --c-em-med-contrast: rgba(0, 0, 0, .87);
    --c-em-low-contrast: rgba(0, 0, 0, .68);
    --c-em-xlow-contrast: rgba(0, 0, 0, .38);
    --c-em-2xlow-contrast: rgba(0, 0, 0, .16);
    --c-em-3xlow-contrast: rgba(0, 0, 0, .08);
    --c-em-4xlow-contrast: rgba(0, 0, 0, .04);
    --c-em-high-contrast: #000;
    --c-em-full-contrast: #000;
    --c-headline: var(--c-em-full, #fff);
    --c-body: hsla(0, 0%, 100%, .87);
    --c-em-med: hsla(0, 0%, 100%, .87);
    --c-em-low: hsla(0, 0%, 100%, .68);
    --c-em-xlow: hsla(0, 0%, 100%, .38);
    --c-em-2xlow: hsla(0, 0%, 100%, .16);
    --c-em-3xlow: hsla(0, 0%, 100%, .08);
    --c-em-4xlow: hsla(0, 0%, 100%, .04);
    --c-em-high: #fff;
    --c-em-full: #fff;
    --bg-em-0: #15262b;
    --bg-em-1: #25363c;
    --bg-em-2: #3e4d52;
    --bg-em-3: #707f84;
    --bg-em-4: #acbabe;
    --bg-em-5: #e7eef0;
    --bg-em-6: #f5f8f9;
    --bg-transluscent: rgba(0, 0, 0, .92);
    --c-form-feedback-negative: var(--c-texture-light-jblorange, #fa5e33);
    --c-form-feedback-positive: var(--c-texture-light-matcha, #afdf9e);
    --c-form-highlight: var(--c-em-d-4xlow, #ffffff0a);
    --c-product-card-cta-link: var(--c-em-d-high, #fff);
    --c-product-card-canvas: #000;
    --c-product-card-descriptor: var(--c-em-d-high, #fff);
    --c-product-card-headline: var(--c-em-d-full, #fff);
    --c-product-card-pricing: var(--c-em-d-high, #fff);
    --c-product-card-pricing-msrp: var(--c-em-d-low, #ffffffad)
}

@media (min-width:1024px) {
    :where(:root) {
        --sizing-product-card-ls-toggle: #ffffff00;
        --sizing-product-card-ls-toggle-bg: #ffffff00;
        --sizing-product-card-overlay-bg: var(--c-em-l-xlow);
        --sizing-product-card-overlay-color: var(--c-em-high-contrast);
        --sizing-product-card-visual-spacer: 0px;
        --sizing-form-field-padding: var(--spacing-xs);
        --sizing-prodiuct-card-overlay-spacing: var(--spacing-s);
        --sizing-product-card-headline-size: 16px;
        --sizing-margin: var(--spacing-m);
        --sizing-margin-sm: var(--spacing-s);
        --sizing-margin-lg: var(--spacing-l);
        --sizing-product-card-padding: var(--spacing-m);
        --sizing-grid: 12;
        --sizing-gutter: var(--spacing-l);
        --margin-section: 24px;
        --side-offset: 32px;
        --side-offset-negative: -32px;
        --sizing-header: 75px;
        --f-l: 1.125rem;
        --f-xl: 1.25rem;
        --f-2xl: 1.375rem;
        --f-3xl: 1.75rem;
        --f-4xl: 2.25rem;
        --f-5xl: 3rem;
        --f-6xl: 4rem;
        --f-h6: 2rem;
        --f-h5: 2.375rem;
        --f-h3: 2.625rem;
        --f-h4: 3rem;
        --f-h2: 4rem;
        --f-h1: 5rem;
        --f-h-lh: 0.8
    }
    :where(.-darkmode-d) {
        --c-body-contrast: rgba(0, 0, 0, .87);
        --c-em-med-contrast: rgba(0, 0, 0, .87);
        --c-em-low-contrast: rgba(0, 0, 0, .68);
        --c-em-xlow-contrast: rgba(0, 0, 0, .38);
        --c-em-2xlow-contrast: rgba(0, 0, 0, .16);
        --c-em-3xlow-contrast: rgba(0, 0, 0, .08);
        --c-em-4xlow-contrast: rgba(0, 0, 0, .04);
        --c-em-high-contrast: #000;
        --c-em-full-contrast: #000;
        --c-body: hsla(0, 0%, 100%, .87);
        --c-em-med: hsla(0, 0%, 100%, .87);
        --c-em-low: hsla(0, 0%, 100%, .68);
        --c-em-xlow: hsla(0, 0%, 100%, .38);
        --c-em-2xlow: hsla(0, 0%, 100%, .16);
        --c-em-3xlow: hsla(0, 0%, 100%, .08);
        --c-em-4xlow: hsla(0, 0%, 100%, .04);
        --c-em-high: #fff;
        --c-em-full: #fff;
        --c-base: 247, 249, 250;
        --c-base-contrast: 8, 28, 32;
        --shadow-color: 0, 0, 4;
        --c-headline: var(--c-em-full, #fff);
        --c-body: var(--c-em-high, #fff)
    }
}

@media (max-width:1023px) {
    :where(:root) {
        --sizing-product-card-ls-toggle: #fff;
        --sizing-product-card-ls-toggle-bg: var(--c-em-l-low);
        --sizing-product-card-overlay-bg: #081c2000;
        --sizing-product-card-overlay-color: var(--c-em-high);
        --sizing-prodiuct-card-overlay-spacing: 0px;
        --sizing-form-field-padding: var(--spacing-xs);
        --sizing-product-card-headline-size: 14px;
        --sizing-grid: 4;
        --sizing-gutter: var(--spacing-s);
        --sizing-margin: var(--spacing-s);
        --sizing-margin-sm: var(--spacing-xs);
        --sizing-margin-lg: var(--spacing-m);
        --sizing-product-card-padding: var(--spacing-s);
        --sizing-product-card-visual-spacer: var(--spacing-l);
        --f-lh: 0.9;
        --f-h-lh: 0.9
    }
    :where(.-darkmode-m) {
        --c-body-contrast: rgba(0, 0, 0, .87);
        --c-em-med-contrast: rgba(0, 0, 0, .87);
        --c-em-low-contrast: rgba(0, 0, 0, .68);
        --c-em-xlow-contrast: rgba(0, 0, 0, .38);
        --c-em-2xlow-contrast: rgba(0, 0, 0, .16);
        --c-em-3xlow-contrast: rgba(0, 0, 0, .08);
        --c-em-4xlow-contrast: rgba(0, 0, 0, .04);
        --c-em-high-contrast: #000;
        --c-em-full-contrast: #000;
        --c-body: hsla(0, 0%, 100%, .87);
        --c-em-med: hsla(0, 0%, 100%, .87);
        --c-em-low: hsla(0, 0%, 100%, .68);
        --c-em-xlow: hsla(0, 0%, 100%, .38);
        --c-em-2xlow: hsla(0, 0%, 100%, .16);
        --c-em-3xlow: hsla(0, 0%, 100%, .08);
        --c-em-4xlow: hsla(0, 0%, 100%, .04);
        --c-em-high: #fff;
        --c-em-full: #fff;
        --c-base: 247, 249, 250;
        --c-base-contrast: 8, 28, 32;
        --shadow-color: 0, 0, 4;
        --c-headline: var(--c-em-full, #fff);
        --c-body: var(--c-em-high, #fff)
    }
}

@media (min-width:1200px) {
    :root {
        --sizing-bestsellers: calc(100vw - 580px - 8px)
    }
}

:where(:root) {
    --c-bg: #f7f9fa;
    --c-bg-b: #eff2f3;
    --c-accent: #df2d00;
    --c-accent-safe: #d62c00;
    --c-accent-wcag: #df2d00;
    --c-pricing: var(--c-accent);
    --c-secondary: #7e3c24;
    --c-secondary-contrast: #ffbba2;
    --c-warning: #f79062;
    --c-error: #f04e5e;
    --c-success: #2ad175;
    --c-interface-active: #2475ff;
    --c-anchor: var(--c-accent);
    --c-highlight: #e9ecef;
    --f-button: 1.16688rem;
    --button-padding: 4px 16px 4px;
    --button-radius: 0;
    --c-button-radius: 0;
    --c-button: #df2d00;
    --c-button-border: #df2d00;
    --c-button-copy: #fff;
    --c-button-hover: var(--c-em-full);
    --c-button-hover-border: var(--c-em-full);
    --c-button-hover-copy: var(--c-em-full-contrast);
    --c-button-contrast: #fff;
    --c-button-contrast-border: #fff;
    --c-button-contrast-copy: #000;
    --c-button-secondary: transparent;
    --c-button-secondary-border: #df2d00;
    --c-button-secondary-copy: var(--c-em-high);
    --c-button-secondary-hover: #df2d00;
    --c-button-secondary-hover-border: #df2d00;
    --c-button-secondary-hover-copy: var(--c-em-high-contrast);
    --c-button--hover: var(--c-em-full);
    --c-button-copy--hover: var(--c-em-full-contrast);
    --c-button-border--hover: transparent;
    --c-button--hc: var(--c-em-full);
    --c-button-copy--hc: var(--c-em-full-contrast);
    --c-button-border--hc: transparent;
    --c-button--hc-hover: #df2d00;
    --c-button-copy--hc-hover: #fff;
    --c-button-border--hc-hover: transparent;
    --c-button--secondary: transparent;
    --c-button-copy--secondary: var(--c-em-full);
    --c-button-border--secondary: #df2d00;
    --c-button--secondary-hover: #df2d00;
    --c-button-copy--secondary-hover: #fff;
    --c-button-border--secondary-hover: #df2d00;
    --c-button--ghost: transparent;
    --c-button-copy--ghost: var(--c-em-full);
    --c-button-border--ghost: transparent;
    --c-button--ghost-hover: #df2d00;
    --c-button-copy--ghost-hover: #fff;
    --c-button-border--ghost-hover: #df2d00;
    --c-canvas: #f5f5f5;
    --c-canvas-full: #fff;
    --c-canvas-o: #f9f5efeb;
    --c-rating: #febd03;
    --c-headline: var(--c-em-full, #000);
    --c-body: var(--c-em-med, #081c20de);
    --c-form-feedback-negative: var(--c-uicolor-red, #df2d00);
    --c-form-feedback-positive: var(--c-uicolor-green, #3e8626);
    --c-form-highlight: var(--c-evergreen-cream, #f9f5ef);
    --c-product-card-cta-link: var(--c-em-high, #081c20);
    --c-product-card-canvas: #fff;
    --c-product-card-descriptor: var(--c-em-high, #081c20);
    --c-product-card-headline: var(--c-em-full, #000);
    --c-product-card-pricing: var(--c-em-high, #081c20);
    --c-product-card-pricing-msrp: var(--c-em-low, #081c20ad);
    --c-cta-link: #df2d00;
    --c-modal: var(--c-canvas-full);
    --c-modal-copy: var(--c-em-full);
    --c-modal-bg: var(--c-em-med);
    --c-navbar-pencil: #000;
    --c-navbar-pencil-bg: #fff;
    --c-navbar-pencil-border: thin solid var(--c-accent);
    --c-navbar-pencil-hover: var(--c-accent);
    --c-navbar: #000;
    --c-navbar-bg: #fff;
    --c-topstrip: #000;
    --c-topstrip-bg: var(--c-periwinkle);
    --c-footer: #fff;
    --c-footer-bg: #000;
    --c-footer-active: var(--c-accent);
    --breadcrumb-divider: "chevron_right";
    --c-breadcrumb-divider: var(--c-em-full);
    --c-breadcrumb-bg: transparent;
    --c-breadcrumb: var(--c-em-full);
    --c-breadcrumb-hover: var(--c-em-full);
    --skin-link-color-2: currentColor;
    --c-warning-element: hsla(5.63758389, 63.40425532%, 46.07843137%, 0.68);
    --font-body: "abc-diatype", "ABC Diatype", "roc-grotesk", "system-ui", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    --font-headline: "roc-grotesk", "Roc Grotesk", "system-ui", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    --font-button: "abc-diatype", "ABC Diatype", "roc-grotesk", "system-ui", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    --font-system: Arial, Helvetica, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
    --font-header: var(--font-body);
    --font-body-alt: "roc-grotesk", "ITC Avant Garde", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    --font-avant: "ITC Avant Garde", "AvantGardeGothic Web", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
    --font-helvetica: var(--font-body);
    --font-roc: var(--font-headline);
    --font-roc-wide: roc-grotesk-wide, "Helvetica Neue", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
    --font-roc-extrawide: roc-grotesk-extrawide, "Helvetica Neue", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
    --font-roc-compressed: roc-grotesk-compressed, "Helvetica Neue", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
    --font-roc-condensed: roc-grotesk-condensed, "Helvetica Neue", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
    --font-icon: "Material Symbols Outlined", "Material Icons", sans-serif;
    --font-headline-case: uppercase;
    --radius: 6px;
    --c-pdp-sidebar-bg: #fff;
    --c-pdp-sidebar: #000;
    --c-product-tile-top-bg: #f8f8f8;
    --c-pdp-hero-bg: #eff2f3;
    --c-pdp-specs-bg: #000;
    --c-pdp-specs-copy: #fff;
    --c-pdp-specs-icon: #fff;
    --c-pdp-subnav-bg: #f7f7f7;
    --c-pdp-subnav-border: #f8f9fa;
    --c-pdp-subnav-copy: var(--c-em-low);
    --c-pdp-subnav-copy--active: var(--c-em-high);
    --sizing-max-page: 2560px;
    --sizing-max-content: 2560px;
    --f-3xs: 8px;
    --f-2xs: 10px;
    --f-xs: 12px;
    --f-s: 14px;
    --f-m: 1rem;
    --f-l: 1.125rem;
    --f-xl: 1.375rem;
    --f-2xl: 1.75rem;
    --f-3xl: 2.25rem;
    --f-4xl: 2.625rem;
    --f-5xl: 3.5rem;
    --f-6xl: 4.5rem;
    --f-h1: 3.5rem;
    --f-h2: 3rem;
    --f-h3: 3rem;
    --f-h4: 2.5rem;
    --f-h5: 2rem;
    --f-h6: 1.5rem;
    --f-3xl: 1.75rem;
    --f-2xl: 1.375rem;
    --c-evergreen-black: #000;
    --c-evergreen-cream: #f9f5ef;
    --c-cream: #f9f5ef;
    --c-jblorange: #ff4713;
    --c-evergreen-jblorange: #ff4713;
    --c-evergreen-jblorange-wcag-d: #ff4713;
    --c-evergreen-jblorange-wcag-l: #df2d00;
    --c-evergreen-matcha: #8eb780;
    --c-matcha: #8eb780;
    --c-evergreen-periwinkle: #90adff;
    --c-periwinkle: #90adff;
    --c-evergreen-tangerine: #f6871f;
    --c-tangerine: #f6871f;
    --c-evergreen-white: #fff;
    --c-gaming-graphite: #2e1616;
    --c-premium-brown: #5f4233;
    --c-premium-dark-beige: #bbac9f;
    --c-premium-jblbeige: #fffef3;
    --c-beige: #fffef3;
    --c-matcha-d: #669b54;
    --c-periwinkle-d: #6c93ff;
    --c-tangerine-d: #db700c;
    --c-jblorange-l: #fa5e33;
    --c-matcha-l: #afdf9e;
    --c-periwinkle-l: #bbcbfb;
    --c-tangerine-l: #f89436;
    --c-cream-d: #dedac8;
    --c-border: var(--c-cream-d);
    --c-nav-dropdown-bg: var(--c-periwinkle);
    --c-nav-dropdown-fg: #000;
    --c-uicolor-dark-cream: #dedac8;
    --c-uicolor-gray1: #545454;
    --c-uicolor-gray2: #838383;
    --c-uicolor-gray3: #c2c2c2;
    --c-uicolor-green: #3e8626;
    --c-uicolor-red: #df2d00;
    --c-em-l-full: #000;
    --c-em-l-high: #081c20;
    --c-em-l-med: #081c20de;
    --c-em-l-low: #081c20ad;
    --c-em-l-xlow: #081c2061;
    --c-em-l-2xlow: #081c2029;
    --c-em-l-3xlow: #081c2014;
    --c-em-l-4xlow: #081c200a;
    --c-em-l-5xlow: #081c2005;
    --c-em-d-full: #fff;
    --c-em-d-high: #fff;
    --c-em-d-med: #ffffffde;
    --c-em-d-low: #ffffffad;
    --c-em-d-xlow: #ffffff61;
    --c-em-d-2xlow: #ffffff29;
    --c-em-d-3xlow: #ffffff14;
    --c-em-d-4xlow: #ffffff0a;
    --c-em-d-5xlow: #ffffff05;
    --ds-transition: 0.08s ease-in-out;
    color: var(--c-body);
    background-color: var(--bg-em-0)
}

:where(.-darkmode, .colored, ._darkmode, .darkmode, [data-theme*=dark]) {
    --c-accent-safe: #df2d00;
    --c-accent-wcag: #df2d00;
    --c-border: var(--c-em-3xlow);
    --c-warning: #c0392b;
    --c-warning-element: hsla(5.63758389, 63.40425532%, 46.07843137%, 0.68)
}

:where(.-roc) {
    --font-wide: roc-grotesk-wide, "Helvetica Neue", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
    --font-extrawide: roc-grotesk-extrawide, "Helvetica Neue", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
    --font-compressed: roc-grotesk-compressed, "Helvetica Neue", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
    --font-condensed: roc-grotesk-condensed, "Helvetica Neue", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
    --font-button: var(--font-body);
    --c-accent: #ff4713;
    --c-button-hover-copy: #000
}

:root,
[data-theme*=light] {
    --c-accent: var(--c-evergreen-jblorange-wcag-l, #df2d00);
    --c-accent-safe: #d62c00;
    --c-body: var(--c-em-l-med, #081c20de);
    --c-cta-link: var(--c-accent, #df2d00);
    --c-canvas: var(--c-evergreen-cream, #f9f5ef);
    --c-canvas-full: #fff;
    --c-canvas-o: #f9f5efeb;
    --c-headline: var(--c-em-l-full, #000);
    --c-rating: #febd03;
    --c-em-2xlow: var(--c-em-l-2xlow, #081c2029);
    --c-em-2xlow-contrast: var(--c-em-d-2xlow, #ffffff29);
    --c-em-3xlow: var(--c-em-l-3xlow, #081c2014);
    --c-em-3xlow-contrast: var(--c-em-d-3xlow, #ffffff14);
    --c-em-4xlow: var(--c-em-l-4xlow, #081c200a);
    --c-em-4xlow-contrast: var(--c-em-d-4xlow, #ffffff0a);
    --c-em-5xlow: var(--c-em-l-5xlow, #081c2005);
    --c-em-5xlow-contrast: var(--c-em-d-5xlow, #ffffff05);
    --c-em-full: var(--c-em-l-full, #000);
    --c-em-full-contrast: var(--c-em-d-full, #fff);
    --c-em-high: var(--c-em-l-high, #081c20);
    --c-em-high-contrast: var(--c-em-d-high, #fff);
    --c-em-low: var(--c-em-l-low, #081c20ad);
    --c-em-low-contrast: var(--c-em-d-low, #ffffffad);
    --c-em-med: var(--c-em-l-med, #081c20de);
    --c-em-med-contrast: var(--c-em-d-med, #ffffffde);
    --c-em-xlow: var(--c-em-l-xlow, #081c2061);
    --c-em-xlow-contrast: var(--c-em-d-xlow, #ffffff61);
    --c-form-feedback-negative: var(--c-uicolor-red, #df2d00);
    --c-form-feedback-positive: var(--c-uicolor-green, #3e8626);
    --c-form-highlight: var(--c-evergreen-cream, #f9f5ef);
    --c-product-card-cta-link: var(--c-em-l-high, #081c20);
    --c-product-card-canvas: #fff;
    --c-product-card-descriptor: var(--c-em-l-high, #081c20);
    --c-product-card-headline: var(--c-em-l-full, #000);
    --c-product-card-pricing: var(--c-em-l-high, #081c20);
    --c-product-card-pricing-msrp: var(--c-em-l-low, #081c20ad)
}

[data-theme*=dark] {
    --c-accent: var(--c-evergreen-jblorange-wcag-d, #ff4713);
    --c-body: var(--c-em-d-med, #ffffffde);
    --c-button: var(--c-evergreen-jblorange-wcag-l, #df2d00);
    --c-button-copy: #fff;
    --c-cta-link: var(--c-accent, #df2d00);
    --c-canvas: var(--c-gaming-graphite, #212121);
    --c-canvas-full: #000;
    --c-canvas-o: #212121eb;
    --c-headline: var(--c-em-d-full, #fff);
    --c-rating: #febd03;
    --c-em-2xlow: var(--c-em-d-2xlow, #ffffff29);
    --c-em-2xlow-contrast: var(--c-em-l-2xlow, #081c2029);
    --c-em-3xlow: var(--c-em-d-3xlow, #ffffff14);
    --c-em-3xlow-contrast: var(--c-em-l-3xlow, #081c2014);
    --c-em-4xlow: var(--c-em-d-4xlow, #ffffff0a);
    --c-em-4xlow-contrast: var(--c-em-l-4xlow, #081c200a);
    --c-em-5xlow: var(--c-em-d-5xlow, #ffffff05);
    --c-em-5xlow-contrast: var(--c-em-l-5xlow, #081c2005);
    --c-em-full: var(--c-em-d-full, #fff);
    --c-em-full-contrast: var(--c-em-l-full, #000);
    --c-em-high: var(--c-em-d-high, #fff);
    --c-em-high-contrast: var(--c-em-l-high, #081c20);
    --c-em-low: var(--c-em-d-low, #ffffffad);
    --c-em-low-contrast: var(--c-em-l-low, #081c20ad);
    --c-em-med: var(--c-em-d-med, #ffffffde);
    --c-em-med-contrast: var(--c-em-l-med, #081c20de);
    --c-em-xlow: var(--c-em-d-xlow, #ffffff61);
    --c-em-xlow-contrast: var(--c-em-l-xlow, #081c2061);
    --c-form-feedback-negative: var(--c-texture-light-jblorange, #fa5e33);
    --c-form-feedback-positive: var(--c-texture-light-matcha, #afdf9e);
    --c-form-highlight: var(--c-em-d-4xlow, #ffffff0a);
    --c-product-card-cta-link: var(--c-em-d-high, #fff);
    --c-product-card-canvas: #000;
    --c-product-card-descriptor: var(--c-em-d-high, #fff);
    --c-product-card-headline: var(--c-em-d-full, #fff);
    --c-product-card-pricing: var(--c-em-d-high, #fff);
    --c-product-card-pricing-msrp: var(--c-em-d-low, #ffffffad);
    --c-button-hover: var(--c-em-full);
    --c-button-hover-border: var(--c-em-full);
    --c-button-hover-copy: var(--c-em-full-contrast)
}

[data-theme*=premium] {
    --c-accent: #d72b00;
    --c-accent-safe: #d62c00;
    --c-body: var(--c-em-l-med, #081c20de);
    --c-button: var(--c-em-l-full, #000);
    --c-button-copy: #fff;
    --c-cta-link: #000;
    --c-canvas: var(--c-evergreen-cream, #f9f5ef);
    --c-canvas-full: var(--c-premium-jblbeige, #fffef3);
    --c-canvas-o: #f9f5efeb;
    --c-headline: var(--c-em-l-full, #000);
    --c-rating: #febd03;
    --c-em-2xlow: var(--c-em-l-2xlow, #081c2029);
    --c-em-2xlow-contrast: var(--c-em-d-2xlow, #ffffff29);
    --c-em-3xlow: var(--c-em-l-3xlow, #081c2014);
    --c-em-3xlow-contrast: var(--c-em-d-3xlow, #ffffff14);
    --c-em-4xlow: var(--c-em-l-4xlow, #081c200a);
    --c-em-4xlow-contrast: var(--c-em-d-4xlow, #ffffff0a);
    --c-em-5xlow: var(--c-em-l-5xlow, #081c2005);
    --c-em-5xlow-contrast: var(--c-em-d-5xlow, #ffffff05);
    --c-em-full: var(--c-em-l-full, #000);
    --c-em-full-contrast: var(--c-em-d-full, #fff);
    --c-em-high: var(--c-em-l-high, #081c20);
    --c-em-high-contrast: var(--c-em-d-high, #fff);
    --c-em-low: var(--c-em-l-low, #081c20ad);
    --c-em-low-contrast: var(--c-em-d-low, #ffffffad);
    --c-em-med: var(--c-em-l-med, #081c20de);
    --c-em-med-contrast: var(--c-em-d-med, #ffffffde);
    --c-em-xlow: var(--c-em-l-xlow, #081c2061);
    --c-em-xlow-contrast: var(--c-em-d-xlow, #ffffff61);
    --c-form-feedback-negative: var(--c-em-high, #081c20);
    --c-form-feedback-positive: var(--c-em-high, #081c20);
    --c-form-highlight: var(--c-em-d-2xlow, #ffffff29);
    --c-product-card-cta-link: var(--c-em-l-high, #081c20);
    --c-product-card-canvas: var(--c-premium-jblbeige, #fffef3);
    --c-product-card-descriptor: var(--c-em-l-high, #081c20);
    --c-product-card-headline: var(--c-em-l-full, #000);
    --c-product-card-pricing: var(--c-em-l-full, #000);
    --c-product-card-pricing-msrp: var(--c-em-l-low, #081c20ad);
    --c-button-hover: var(--c-em-full);
    --c-button-hover-border: var(--c-em-full);
    --c-button-hover-copy: var(--c-em-full-contrast)
}

@media (min-width:1024px) {
    :where(:root) {
        --f-h1: 7.5rem;
        --f-h2: 6rem;
        --f-h3: 5.25rem;
        --f-h4: 4.5rem;
        --f-h5: 3.5rem;
        --f-h6: 3rem;
        --f-6xl: 6rem;
        --f-5xl: 4.5rem;
        --f-4xl: 3.3125rem;
        --f-3xl: 2.625rem;
        --f-2xl: 2.1875rem;
        --f-xl: 1.875rem;
        --f-l: 1.125rem;
        --sizing-product-card-ls-toggle: #ffffff00;
        --sizing-product-card-ls-toggle-bg: #ffffff00;
        --sizing-product-card-overlay-bg: var(--c-em-l-xlow);
        --sizing-product-card-overlay-color: var(--c-em-high-contrast);
        --sizing-product-card-visual-spacer: 0px;
        --sizing-form-field-padding: var(--spacing-xs);
        --sizing-margin-sm: var(--spacing-s);
        --sizing-prodiuct-card-overlay-spacing: var(--spacing-s);
        --sizing-product-card-headline-size: 16px;
        --sizing-margin: var(--spacing-m);
        --sizing-product-card-padding: var(--spacing-m);
        --sizing-gutter: var(--spacing-l);
        --sizing-margin-lg: var(--spacing-l);
        --sizing-side-offset: 32px;
        --sizing-side-offset-negative: -32px;
        --side-offset: 32px;
        --side-offset-negative: -32px
    }
}

@media (min-width:1921px) {
    :where(:root) {
        --sizing-side-offset: 64px;
        --sizing-side-offset-negative: -64px;
        --side-offset: 64px;
        --side-offset-negative: -64px
    }
}

@media (max-width:1023px) {
    :where(:root) {
        --sizing-product-card-ls-toggle: #fff;
        --sizing-product-card-ls-toggle-bg: var(--c-em-l-low);
        --sizing-product-card-overlay-bg: #081c2000;
        --sizing-product-card-overlay-color: var(--c-em-high);
        --sizing-prodiuct-card-overlay-spacing: 0px;
        --sizing-form-field-padding: var(--spacing-xs);
        --sizing-margin-sm: var(--spacing-xs);
        --sizing-product-card-headline-size: 14px;
        --sizing-gutter: var(--spacing-s);
        --sizing-margin: var(--spacing-s);
        --sizing-product-card-padding: var(--spacing-s);
        --sizing-side-offset: var(--spacing-s);
        --sizing-side-offset-negative: -16px;
        --side-offset: var(--spacing-s);
        --side-offset-negative: -16px;
        --sizing-margin-lg: var(--spacing-m);
        --sizing-product-card-visual-spacer: var(--spacing-l)
    }
}

[lang*=ja] {
    --h2-banner-overflow: unset;
    --f-3xs: 6px;
    --f-2xs: 7.5px;
    --f-xs: 9px;
    --f-s: 10.5px;
    --f-xl: 0.85rem;
    --f-2xl: 1rem;
    --f-3xl: 1.3rem;
    --f-4xl: 1.6rem;
    --f-5xl: 2rem;
    --f-6xl: 2.25rem;
    --f-h6: 0.8rem;
    --f-h5: 1rem;
    --f-h4: 1.15rem;
    --f-h3: 1.30rem;
    --f-h2: 1.50rem;
    --f-h1: 1.80rem
}

@media (min-width:1024px) {
    [lang*=ja] {
        --f-3xs: 6px;
        --f-2xs: 7.5px;
        --f-xs: 9px;
        --f-s: 10.5px;
        --f-xl: 1.25rem;
        --f-2xl: 1.5rem;
        --f-3xl: 1.75rem;
        --f-4xl: 2.25rem;
        --f-5xl: 3.25rem;
        --f-6xl: 4.5rem;
        --f-h1: 5.5rem;
        --f-h2: 4.5rem;
        --f-h3: 3.5rem;
        --f-h4: 3rem;
        --f-h5: 2.5rem;
        --f-h6: 2rem
    }
}

:where(h1, .h1, .-f-h1, h2, .h2, .-f-h2, h3, .h3, .-f-h3, .ds-headline) {
    font-family: var(--font-headline);
    line-height: var(--f-h-lh, .9);
    font-stretch: condensed;
    font-variation-settings: "wdth" 75;
    font-weight: 600;
    text-wrap: balance;
    text-transform: uppercase
}

:where(h1, .h1, .-f-h1, h2, .h2, .-f-h2, h3, .h3, .-f-h3, .ds-headline) em {
    font-style: normal;
    font-stretch: normal;
    font-variation-settings: "wdth" 100
}

:where(h4, .h4, .-f-h4, h5, .h5, .-f-h5, h6, .h6, .-f-h6) {
    font-family: var(--font-headline);
    line-height: var(--f-h-lh, .9);
    font-stretch: condensed;
    font-variation-settings: "wdth" 75;
    font-weight: 600;
    text-wrap: pretty
}

:where(h1, .h1, .-f-h1) {
    font-size: var(--f-h1)
}

:where(h2, .h2, .-f-h2) {
    font-size: var(--f-h2)
}

:where(h3, .h3, .-f-h3) {
    font-size: var(--f-h3)
}

:where(h4, .h4, .-f-h4) {
    font-size: var(--f-h4)
}

:where(h5, .h5, .-f-h5) {
    font-size: var(--f-h5)
}

:where(h6, .h6, .-f-h6) {
    font-size: var(--f-h6)
}

:where(.-f-xl) {
    font-size: var(--f-xl);
    line-height: 1.2
}

:where(.-f-l) {
    font-size: var(--f-l);
    line-height: 1.4
}

:where(.-f-m) {
    font-size: var(--f-m);
    line-height: 1.4
}

:where(.-f-s) {
    font-size: var(--f-s);
    line-height: 1.4
}

:where(.-f-xs) {
    font-size: var(--f-xs);
    line-height: 1.4
}

:root {
    --blue: #0070d2;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #fa4616;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #148346;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #fa4616;
    --secondary: #6c757d;
    --success: #148346;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #a63232;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 768px;
    --breakpoint-md: 1024px;
    --breakpoint-lg: 1200px;
    --breakpoint-xl: 1400px;
    --font-family-sans-serif: var(--font-body);
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

*,
:after,
:before {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}

body {
    font-size: .875rem;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #f9f9f9
}

[tabindex="-1"]:focus {
    outline: 0 !important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[data-original-title],
abbr[title] {
    text-decoration: underline;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    text-decoration-skip-ink: none
}

address {
    font-style: normal;
    line-height: inherit
}

address,
dl,
ol,
ul {
    margin-bottom: 1rem
}

dl,
ol,
ul {
    margin-top: 0
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #333;
    text-decoration: none;
    background-color: transparent
}

a:hover {
    color: #0d0d0d;
    text-decoration: underline
}

a:not([href]):not([tabindex]),
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus {
    outline: 0
}

code,
kbd,
pre,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto
}

figure {
    margin: 0 0 1rem
}

img {
    border-style: none
}

img,
svg {
    vertical-align: middle
}

svg {
    overflow: hidden
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

select {
    word-wrap: normal
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=date],
input[type=datetime-local],
input[type=month],
input[type=time] {
    -webkit-appearance: listbox
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .5rem;
    font-weight: 600;
    line-height: var(--f-h-lh, .9)
}

.h1,
.h2,
h1,
h2 {
    font-size: var(--f-h2)
}

.h3,
h3 {
    font-size: var(--f-h3)
}

.h4,
h4 {
    font-size: var(--f-h4)
}

.h5,
h5 {
    font-size: var(--f-h5)
}

.h6,
h6 {
    font-size: var(--f-h6)
}

.lead {
    font-size: 1.09375rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem
}

.display-1,
.display-2 {
    font-weight: 300;
    line-height: var(--f-h-lh, .9)
}

.display-2 {
    font-size: 5.5rem
}

.display-3 {
    font-size: 4.5rem
}

.display-3,
.display-4 {
    font-weight: 300;
    line-height: var(--f-h-lh, .9)
}

.display-4 {
    font-size: 3.5rem
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid #ccc
}

.small,
small {
    font-size: 80%;
    font-weight: 400
}

.mark,
mark {
    padding: .2em;
    background-color: #fcf8e3
}

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

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.09375rem
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #6c757d
}

.blockquote-footer:before {
    content: "\2014\A0"
}

.img-fluid,
.img-thumbnail {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #f9f9f9;
    border: 1px solid #dee2e6;
    border-radius: .25rem
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #6c757d
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-break: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700
}

pre {
    display: block;
    font-size: 87.5%;
    color: #212529
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container,
.container-narrow {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:1400px) {
    .container,
    .container-narrow {
        max-width: 2560px
    }
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.col-2 {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.col-5 {
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.col-8 {
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.col-11 {
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    -ms-flex-order: -1;
    order: -1
}

.order-last {
    -ms-flex-order: 13;
    order: 13
}

.order-0 {
    -ms-flex-order: 0;
    order: 0
}

.order-1 {
    -ms-flex-order: 1;
    order: 1
}

.order-2 {
    -ms-flex-order: 2;
    order: 2
}

.order-3 {
    -ms-flex-order: 3;
    order: 3
}

.order-4 {
    -ms-flex-order: 4;
    order: 4
}

.order-5 {
    -ms-flex-order: 5;
    order: 5
}

.order-6 {
    -ms-flex-order: 6;
    order: 6
}

.order-7 {
    -ms-flex-order: 7;
    order: 7
}

.order-8 {
    -ms-flex-order: 8;
    order: 8
}

.order-9 {
    -ms-flex-order: 9;
    order: 9
}

.order-10 {
    -ms-flex-order: 10;
    order: 10
}

.order-11 {
    -ms-flex-order: 11;
    order: 11
}

.order-12 {
    -ms-flex-order: 12;
    order: 12
}

.offset-1 {
    margin-left: 8.33333%
}

.offset-2 {
    margin-left: 16.66667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333%
}

.offset-5 {
    margin-left: 41.66667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333%
}

.offset-8 {
    margin-left: 66.66667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333%
}

.offset-11 {
    margin-left: 91.66667%
}

@media (min-width:768px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-sm-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-sm-1 {
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .col-sm-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .col-sm-5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-7 {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .col-sm-8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .col-sm-11 {
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-sm-first {
        -ms-flex-order: -1;
        order: -1
    }
    .order-sm-last {
        -ms-flex-order: 13;
        order: 13
    }
    .order-sm-0 {
        -ms-flex-order: 0;
        order: 0
    }
    .order-sm-1 {
        -ms-flex-order: 1;
        order: 1
    }
    .order-sm-2 {
        -ms-flex-order: 2;
        order: 2
    }
    .order-sm-3 {
        -ms-flex-order: 3;
        order: 3
    }
    .order-sm-4 {
        -ms-flex-order: 4;
        order: 4
    }
    .order-sm-5 {
        -ms-flex-order: 5;
        order: 5
    }
    .order-sm-6 {
        -ms-flex-order: 6;
        order: 6
    }
    .order-sm-7 {
        -ms-flex-order: 7;
        order: 7
    }
    .order-sm-8 {
        -ms-flex-order: 8;
        order: 8
    }
    .order-sm-9 {
        -ms-flex-order: 9;
        order: 9
    }
    .order-sm-10 {
        -ms-flex-order: 10;
        order: 10
    }
    .order-sm-11 {
        -ms-flex-order: 11;
        order: 11
    }
    .order-sm-12 {
        -ms-flex-order: 12;
        order: 12
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.33333%
    }
    .offset-sm-2 {
        margin-left: 16.66667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.33333%
    }
    .offset-sm-5 {
        margin-left: 41.66667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.33333%
    }
    .offset-sm-8 {
        margin-left: 66.66667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.33333%
    }
    .offset-sm-11 {
        margin-left: 91.66667%
    }
}

@media (min-width:1024px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-md-1 {
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .col-md-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-md-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .col-md-5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-md-7 {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .col-md-8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-md-10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .col-md-11 {
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-md-first {
        -ms-flex-order: -1;
        order: -1
    }
    .order-md-last {
        -ms-flex-order: 13;
        order: 13
    }
    .order-md-0 {
        -ms-flex-order: 0;
        order: 0
    }
    .order-md-1 {
        -ms-flex-order: 1;
        order: 1
    }
    .order-md-2 {
        -ms-flex-order: 2;
        order: 2
    }
    .order-md-3 {
        -ms-flex-order: 3;
        order: 3
    }
    .order-md-4 {
        -ms-flex-order: 4;
        order: 4
    }
    .order-md-5 {
        -ms-flex-order: 5;
        order: 5
    }
    .order-md-6 {
        -ms-flex-order: 6;
        order: 6
    }
    .order-md-7 {
        -ms-flex-order: 7;
        order: 7
    }
    .order-md-8 {
        -ms-flex-order: 8;
        order: 8
    }
    .order-md-9 {
        -ms-flex-order: 9;
        order: 9
    }
    .order-md-10 {
        -ms-flex-order: 10;
        order: 10
    }
    .order-md-11 {
        -ms-flex-order: 11;
        order: 11
    }
    .order-md-12 {
        -ms-flex-order: 12;
        order: 12
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.33333%
    }
    .offset-md-2 {
        margin-left: 16.66667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.33333%
    }
    .offset-md-5 {
        margin-left: 41.66667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.33333%
    }
    .offset-md-8 {
        margin-left: 66.66667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.33333%
    }
    .offset-md-11 {
        margin-left: 91.66667%
    }
}

@media (min-width:1200px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-lg-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-lg-1 {
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .col-lg-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-lg-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .col-lg-5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-lg-7 {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .col-lg-8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-lg-10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .col-lg-11 {
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-lg-first {
        -ms-flex-order: -1;
        order: -1
    }
    .order-lg-last {
        -ms-flex-order: 13;
        order: 13
    }
    .order-lg-0 {
        -ms-flex-order: 0;
        order: 0
    }
    .order-lg-1 {
        -ms-flex-order: 1;
        order: 1
    }
    .order-lg-2 {
        -ms-flex-order: 2;
        order: 2
    }
    .order-lg-3 {
        -ms-flex-order: 3;
        order: 3
    }
    .order-lg-4 {
        -ms-flex-order: 4;
        order: 4
    }
    .order-lg-5 {
        -ms-flex-order: 5;
        order: 5
    }
    .order-lg-6 {
        -ms-flex-order: 6;
        order: 6
    }
    .order-lg-7 {
        -ms-flex-order: 7;
        order: 7
    }
    .order-lg-8 {
        -ms-flex-order: 8;
        order: 8
    }
    .order-lg-9 {
        -ms-flex-order: 9;
        order: 9
    }
    .order-lg-10 {
        -ms-flex-order: 10;
        order: 10
    }
    .order-lg-11 {
        -ms-flex-order: 11;
        order: 11
    }
    .order-lg-12 {
        -ms-flex-order: 12;
        order: 12
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.33333%
    }
    .offset-lg-2 {
        margin-left: 16.66667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.33333%
    }
    .offset-lg-5 {
        margin-left: 41.66667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.33333%
    }
    .offset-lg-8 {
        margin-left: 66.66667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.33333%
    }
    .offset-lg-11 {
        margin-left: 91.66667%
    }
}

@media (min-width:1400px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-xl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-xl-1 {
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .col-xl-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xl-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .col-xl-5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xl-7 {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .col-xl-8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xl-10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .col-xl-11 {
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-xl-first {
        -ms-flex-order: -1;
        order: -1
    }
    .order-xl-last {
        -ms-flex-order: 13;
        order: 13
    }
    .order-xl-0 {
        -ms-flex-order: 0;
        order: 0
    }
    .order-xl-1 {
        -ms-flex-order: 1;
        order: 1
    }
    .order-xl-2 {
        -ms-flex-order: 2;
        order: 2
    }
    .order-xl-3 {
        -ms-flex-order: 3;
        order: 3
    }
    .order-xl-4 {
        -ms-flex-order: 4;
        order: 4
    }
    .order-xl-5 {
        -ms-flex-order: 5;
        order: 5
    }
    .order-xl-6 {
        -ms-flex-order: 6;
        order: 6
    }
    .order-xl-7 {
        -ms-flex-order: 7;
        order: 7
    }
    .order-xl-8 {
        -ms-flex-order: 8;
        order: 8
    }
    .order-xl-9 {
        -ms-flex-order: 9;
        order: 9
    }
    .order-xl-10 {
        -ms-flex-order: 10;
        order: 10
    }
    .order-xl-11 {
        -ms-flex-order: 11;
        order: 11
    }
    .order-xl-12 {
        -ms-flex-order: 12;
        order: 12
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.33333%
    }
    .offset-xl-2 {
        margin-left: 16.66667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.33333%
    }
    .offset-xl-5 {
        margin-left: 41.66667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.33333%
    }
    .offset-xl-8 {
        margin-left: 66.66667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.33333%
    }
    .offset-xl-11 {
        margin-left: 91.66667%
    }
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529
}

.table td,
.table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #ccc
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #ccc
}

.table tbody+tbody {
    border-top: 2px solid #ccc
}

.table-sm td,
.table-sm th {
    padding: .3rem
}

.table-bordered,
.table-bordered td,
.table-bordered th {
    border: 1px solid #ccc
}

.table-bordered thead td,
.table-bordered thead th {
    border-bottom-width: 2px
}

.table-borderless tbody+tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05)
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(0, 0, 0, .075)
}

.table-primary,
.table-primary>td,
.table-primary>th {
    background-color: #fecbbe
}

.table-primary tbody+tbody,
.table-primary td,
.table-primary th,
.table-primary thead th {
    border-color: #fc9f86
}

.table-hover .table-primary:hover,
.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
    background-color: #feb7a5
}

.table-secondary,
.table-secondary>td,
.table-secondary>th {
    background-color: #d6d8db
}

.table-secondary tbody+tbody,
.table-secondary td,
.table-secondary th,
.table-secondary thead th {
    border-color: #b3b7bb
}

.table-hover .table-secondary:hover,
.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
    background-color: #c8cbcf
}

.table-success,
.table-success>td,
.table-success>th {
    background-color: #bddccb
}

.table-success tbody+tbody,
.table-success td,
.table-success th,
.table-success thead th {
    border-color: #85bf9f
}

.table-hover .table-success:hover,
.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    background-color: #acd3be
}

.table-info,
.table-info>td,
.table-info>th {
    background-color: #bee5eb
}

.table-info tbody+tbody,
.table-info td,
.table-info th,
.table-info thead th {
    border-color: #86cfda
}

.table-hover .table-info:hover,
.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
    background-color: #abdde5
}

.table-warning,
.table-warning>td,
.table-warning>th {
    background-color: #ffeeba
}

.table-warning tbody+tbody,
.table-warning td,
.table-warning th,
.table-warning thead th {
    border-color: #ffdf7e
}

.table-hover .table-warning:hover,
.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
    background-color: #ffe8a1
}

.table-danger,
.table-danger>td,
.table-danger>th {
    background-color: #e6c6c6
}

.table-danger tbody+tbody,
.table-danger td,
.table-danger th,
.table-danger thead th {
    border-color: #d19494
}

.table-hover .table-danger:hover,
.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
    background-color: #deb4b4
}

.table-light,
.table-light>td,
.table-light>th {
    background-color: #fdfdfe
}

.table-light tbody+tbody,
.table-light td,
.table-light th,
.table-light thead th {
    border-color: #fbfcfc
}

.table-hover .table-light:hover,
.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
    background-color: #ececf6
}

.table-dark,
.table-dark>td,
.table-dark>th {
    background-color: #c6c8ca
}

.table-dark tbody+tbody,
.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #95999c
}

.table-hover .table-dark:hover,
.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
    background-color: #b9bbbe
}

.table-active,
.table-active>td,
.table-active>th,
.table-hover .table-active:hover,
.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
    background-color: rgba(0, 0, 0, .075)
}

.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #ccc
}

.table-dark {
    color: #fff;
    background-color: #343a40
}

.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #454d55
}

.table-dark.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: hsla(0, 0%, 100%, .05)
}

.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: hsla(0, 0%, 100%, .075)
}

@media (max-width:767.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-sm>.table-bordered {
        border: 0
    }
}

@media (max-width:1023.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-md>.table-bordered {
        border: 0
    }
}

@media (max-width:1199.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-lg>.table-bordered {
        border: 0
    }
}

@media (max-width:1399.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-xl>.table-bordered {
        border: 0
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.table-responsive>.table-bordered {
    border: 0
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #fda993;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(250, 70, 22, .25)
}

.form-control:-ms-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.form-control-file,
.form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.125rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .8125rem;
    line-height: 1.5
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding-top: .375rem;
    padding-bottom: .375rem;
    margin-bottom: 0;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .8125rem;
    line-height: 1.5;
    border-radius: .2rem
}

.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.125rem;
    line-height: 1.5;
    border-radius: .33rem
}

select.form-control[multiple],
select.form-control[size] {
    height: auto
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.form-row>.col,
.form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

.form-check-input:disabled~.form-check-label {
    color: #6c757d
}

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #148346
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .8125rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(20, 131, 70, .9);
    border-radius: .25rem
}

.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: #148346;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23148346' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 100% calc(.375em + .1875rem);
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: #148346;
    box-shadow: 0 0 0 .2rem rgba(20, 131, 70, .25)
}

.form-control.is-valid~.valid-feedback,
.form-control.is-valid~.valid-tooltip,
.was-validated .form-control:valid~.valid-feedback,
.was-validated .form-control:valid~.valid-tooltip {
    display: block
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-valid,
.was-validated .custom-select:valid {
    border-color: #148346;
    padding-right: calc((1em + .75rem) * 3 / 4 + 1.75rem);
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23148346' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)
}

.custom-select.is-valid:focus,
.was-validated .custom-select:valid:focus {
    border-color: #148346;
    box-shadow: 0 0 0 .2rem rgba(20, 131, 70, .25)
}

.custom-select.is-valid~.valid-feedback,
.custom-select.is-valid~.valid-tooltip,
.form-control-file.is-valid~.valid-feedback,
.form-control-file.is-valid~.valid-tooltip,
.was-validated .custom-select:valid~.valid-feedback,
.was-validated .custom-select:valid~.valid-tooltip,
.was-validated .form-control-file:valid~.valid-feedback,
.was-validated .form-control-file:valid~.valid-tooltip {
    display: block
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
    color: #148346
}

.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip,
.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip {
    display: block
}

.custom-control-input.is-valid~.custom-control-label,
.was-validated .custom-control-input:valid~.custom-control-label {
    color: #148346
}

.custom-control-input.is-valid~.custom-control-label:before,
.was-validated .custom-control-input:valid~.custom-control-label:before {
    border-color: #148346
}

.custom-control-input.is-valid~.valid-feedback,
.custom-control-input.is-valid~.valid-tooltip,
.was-validated .custom-control-input:valid~.valid-feedback,
.was-validated .custom-control-input:valid~.valid-tooltip {
    display: block
}

.custom-control-input.is-valid:checked~.custom-control-label:before,
.was-validated .custom-control-input:valid:checked~.custom-control-label:before {
    border-color: #1baf5e;
    background-color: #1baf5e
}

.custom-control-input.is-valid:focus~.custom-control-label:before,
.was-validated .custom-control-input:valid:focus~.custom-control-label:before {
    box-shadow: 0 0 0 .2rem rgba(20, 131, 70, .25)
}

.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label:before,
.custom-file-input.is-valid~.custom-file-label,
.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label:before,
.was-validated .custom-file-input:valid~.custom-file-label {
    border-color: #148346
}

.custom-file-input.is-valid~.valid-feedback,
.custom-file-input.is-valid~.valid-tooltip,
.was-validated .custom-file-input:valid~.valid-feedback,
.was-validated .custom-file-input:valid~.valid-tooltip {
    display: block
}

.custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .custom-file-input:valid:focus~.custom-file-label {
    border-color: #148346;
    box-shadow: 0 0 0 .2rem rgba(20, 131, 70, .25)
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #a63232
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .8125rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(166, 50, 50, .9);
    border-radius: .25rem
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #a63232;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23a63232' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23a63232' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 100% calc(.375em + .1875rem);
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: #a63232;
    box-shadow: 0 0 0 .2rem rgba(166, 50, 50, .25)
}

.form-control.is-invalid~.invalid-feedback,
.form-control.is-invalid~.invalid-tooltip,
.was-validated .form-control:invalid~.invalid-feedback,
.was-validated .form-control:invalid~.invalid-tooltip {
    display: block
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-invalid,
.was-validated .custom-select:invalid {
    border-color: #a63232;
    padding-right: calc((1em + .75rem) * 3 / 4 + 1.75rem);
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23a63232' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23a63232' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)
}

.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus {
    border-color: #a63232;
    box-shadow: 0 0 0 .2rem rgba(166, 50, 50, .25)
}

.custom-select.is-invalid~.invalid-feedback,
.custom-select.is-invalid~.invalid-tooltip,
.form-control-file.is-invalid~.invalid-feedback,
.form-control-file.is-invalid~.invalid-tooltip,
.was-validated .custom-select:invalid~.invalid-feedback,
.was-validated .custom-select:invalid~.invalid-tooltip,
.was-validated .form-control-file:invalid~.invalid-feedback,
.was-validated .form-control-file:invalid~.invalid-tooltip {
    display: block
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
    color: #a63232
}

.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip,
.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid~.custom-control-label,
.was-validated .custom-control-input:invalid~.custom-control-label {
    color: #a63232
}

.custom-control-input.is-invalid~.custom-control-label:before,
.was-validated .custom-control-input:invalid~.custom-control-label:before {
    border-color: #a63232
}

.custom-control-input.is-invalid~.invalid-feedback,
.custom-control-input.is-invalid~.invalid-tooltip,
.was-validated .custom-control-input:invalid~.invalid-feedback,
.was-validated .custom-control-input:invalid~.invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid:checked~.custom-control-label:before,
.was-validated .custom-control-input:invalid:checked~.custom-control-label:before {
    border-color: #c74444;
    background-color: #c74444
}

.custom-control-input.is-invalid:focus~.custom-control-label:before,
.was-validated .custom-control-input:invalid:focus~.custom-control-label:before {
    box-shadow: 0 0 0 .2rem rgba(166, 50, 50, .25)
}

.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label:before,
.custom-file-input.is-invalid~.custom-file-label,
.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label:before,
.was-validated .custom-file-input:invalid~.custom-file-label {
    border-color: #a63232
}

.custom-file-input.is-invalid~.invalid-feedback,
.custom-file-input.is-invalid~.invalid-tooltip,
.was-validated .custom-file-input:invalid~.invalid-feedback,
.was-validated .custom-file-input:invalid~.invalid-tooltip {
    display: block
}

.custom-file-input.is-invalid:focus~.custom-file-label,
.was-validated .custom-file-input:invalid:focus~.custom-file-label {
    border-color: #a63232;
    box-shadow: 0 0 0 .2rem rgba(166, 50, 50, .25)
}

.form-inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center
}

.form-inline .form-check {
    width: 100%
}

@media (min-width:768px) {
    .form-inline label {
        -ms-flex-align: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .form-inline .form-group,
    .form-inline label {
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        margin-bottom: 0
    }
    .form-inline .form-group {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-align: center
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }
    .form-inline .form-control-plaintext {
        display: inline-block
    }
    .form-inline .custom-select,
    .form-inline .input-group {
        width: auto
    }
    .form-inline .form-check {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }
    .form-inline .form-check-input {
        position: relative;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }
    .form-inline .custom-control {
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.btn {
    display: inline-block;
    font-family: var(--font-headline);
    font-weight: 500;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 2px solid transparent;
    padding: .5rem 2rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: 50rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: #212529;
    text-decoration: none
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(250, 70, 22, .25)
}

.btn.disabled,
.btn:disabled {
    opacity: .65
}

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #fa4616;
    border-color: #fa4616
}

.btn-primary:hover {
    color: #fff;
    background-color: #e53405;
    border-color: #d83105
}

.btn-primary.focus,
.btn-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(251, 98, 57, .5)
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #fa4616;
    border-color: #fa4616
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #d83105;
    border-color: #cc2e04
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(251, 98, 57, .5)
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62
}

.btn-secondary.focus,
.btn-secondary:focus {
    box-shadow: 0 0 0 .2rem hsla(208, 6%, 54%, .5)
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem hsla(208, 6%, 54%, .5)
}

.btn-success {
    color: #fff;
    background-color: #148346;
    border-color: #148346
}

.btn-success:hover {
    color: #fff;
    background-color: #0f6234;
    border-color: #0d572e
}

.btn-success.focus,
.btn-success:focus {
    box-shadow: 0 0 0 .2rem rgba(55, 150, 98, .5)
}

.btn-success.disabled,
.btn-success:disabled {
    color: #fff;
    background-color: #148346;
    border-color: #148346
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #0d572e;
    border-color: #0c4c28
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(55, 150, 98, .5)
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b
}

.btn-info.focus,
.btn-info:focus {
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-info.disabled,
.btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f
}

.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00
}

.btn-warning.focus,
.btn-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

.btn-warning.disabled,
.btn-warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500
}

.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

.btn-danger {
    color: #fff;
    background-color: #a63232;
    border-color: #a63232
}

.btn-danger:hover {
    color: #fff;
    background-color: #892929;
    border-color: #7f2626
}

.btn-danger.focus,
.btn-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(179, 81, 81, .5)
}

.btn-danger.disabled,
.btn-danger:disabled {
    color: #fff;
    background-color: #a63232;
    border-color: #a63232
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #7f2626;
    border-color: #752323
}

.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(179, 81, 81, .5)
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5
}

.btn-light.focus,
.btn-light:focus {
    box-shadow: 0 0 0 .2rem hsla(220, 4%, 85%, .5)
}

.btn-light.disabled,
.btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df
}

.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem hsla(220, 4%, 85%, .5)
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124
}

.btn-dark.focus,
.btn-dark:focus {
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-dark.disabled,
.btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d
}

.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-outline-primary {
    color: #fa4616;
    border-color: #fa4616
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #fa4616;
    border-color: #fa4616
}

.btn-outline-primary.focus,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(250, 70, 22, .5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #fa4616;
    background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #fa4616;
    border-color: #fa4616
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(250, 70, 22, .5)
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
    box-shadow: 0 0 0 .2rem hsla(208, 7%, 46%, .5)
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem hsla(208, 7%, 46%, .5)
}

.btn-outline-success {
    color: #148346;
    border-color: #148346
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #148346;
    border-color: #148346
}

.btn-outline-success.focus,
.btn-outline-success:focus {
    box-shadow: 0 0 0 .2rem rgba(20, 131, 70, .5)
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #148346;
    background-color: transparent
}

.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #148346;
    border-color: #148346
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(20, 131, 70, .5)
}

.btn-outline-info {
    color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info.focus,
.btn-outline-info:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent
}

.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning.focus,
.btn-outline-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent
}

.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show>.btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-danger {
    color: #a63232;
    border-color: #a63232
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #a63232;
    border-color: #a63232
}

.btn-outline-danger.focus,
.btn-outline-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(166, 50, 50, .5)
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #a63232;
    background-color: transparent
}

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show>.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #a63232;
    border-color: #a63232
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(166, 50, 50, .5)
}

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light.focus,
.btn-outline-light:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent
}

.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.show>.btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-dark {
    color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark.focus,
.btn-outline-dark:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent
}

.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show>.btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-link {
    font-weight: 400;
    color: #333;
    text-decoration: none
}

.btn-link:hover {
    color: #0d0d0d;
    text-decoration: underline
}

.btn-link.focus,
.btn-link:focus {
    text-decoration: underline;
    box-shadow: none
}

.btn-link.disabled,
.btn-link:disabled {
    color: #6c757d;
    pointer-events: none
}

.btn-group-lg>.btn,
.btn-lg {
    padding: .75rem 2.25rem;
    font-size: 1.125rem;
    line-height: 1.5;
    border-radius: 50rem
}

.btn-group-sm>.btn,
.btn-sm {
    padding: .33rem 1.5rem;
    font-size: .8125rem;
    line-height: 1.5;
    border-radius: 50rem
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: .5rem
}

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: 100%
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.dropdown,
.dropleft,
.dropright,
.dropup {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty:after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: .875rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

@media (min-width:768px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-sm-right {
        right: 0;
        left: auto
    }
}

@media (min-width:1024px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-md-right {
        right: 0;
        left: auto
    }
}

@media (min-width:1200px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-lg-right {
        right: 0;
        left: auto
    }
}

@media (min-width:1400px) {
    .dropdown-menu-xl-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-xl-right {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropright .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropright .dropdown-toggle:after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    display: none
}

.dropleft .dropdown-toggle:before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropleft .dropdown-toggle:before {
    vertical-align: 0
}

.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=top] {
    right: auto;
    bottom: auto
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #fa4616
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .8125rem;
    color: #6c757d;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1.5rem;
    color: #212529
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:hover,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover {
    z-index: 1
}

.btn-toolbar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group>.btn-group:not(:first-child),
.btn-group>.btn:not(:first-child) {
    margin-left: -2px
}

.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: 1.5rem;
    padding-left: 1.5rem
}

.dropdown-toggle-split:after,
.dropright .dropdown-toggle-split:after,
.dropup .dropdown-toggle-split:after {
    margin-left: 0
}

.dropleft .dropdown-toggle-split:before {
    margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
    padding-right: 1.125rem;
    padding-left: 1.125rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
    padding-right: 1.6875rem;
    padding-left: 1.6875rem
}

.btn-group-vertical {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
    width: 100%
}

.btn-group-vertical>.btn-group:not(:first-child),
.btn-group-vertical>.btn:not(:first-child) {
    margin-top: -2px
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-toggle>.btn,
.btn-group-toggle>.btn-group>.btn {
    margin-bottom: 0
}

.btn-group-toggle>.btn-group>.btn input[type=checkbox],
.btn-group-toggle>.btn-group>.btn input[type=radio],
.btn-group-toggle>.btn input[type=checkbox],
.btn-group-toggle>.btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%
}

.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control,
.input-group>.form-control-plaintext {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0
}

.input-group>.custom-file+.custom-file,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.form-control,
.input-group>.custom-select+.custom-file,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.form-control,
.input-group>.form-control+.custom-file,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.form-control,
.input-group>.form-control-plaintext+.custom-file,
.input-group>.form-control-plaintext+.custom-select,
.input-group>.form-control-plaintext+.form-control {
    margin-left: -1px
}

.input-group>.custom-file .custom-file-input:focus~.custom-file-label,
.input-group>.custom-select:focus,
.input-group>.form-control:focus {
    z-index: 3
}

.input-group>.custom-file .custom-file-input:focus {
    z-index: 4
}

.input-group>.custom-select:not(:last-child),
.input-group>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.custom-select:not(:first-child),
.input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.custom-file {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.input-group>.custom-file:not(:last-child) .custom-file-label,
.input-group>.custom-file:not(:last-child) .custom-file-label:after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.custom-file:not(:first-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group-append,
.input-group-prepend {
    display: -ms-flexbox;
    display: flex
}

.input-group-append .btn,
.input-group-prepend .btn {
    position: relative;
    z-index: 2
}

.input-group-append .btn:focus,
.input-group-prepend .btn:focus {
    z-index: 3
}

.input-group-append .btn+.btn,
.input-group-append .btn+.input-group-text,
.input-group-append .input-group-text+.btn,
.input-group-append .input-group-text+.input-group-text,
.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .input-group-text+.btn,
.input-group-prepend .input-group-text+.input-group-text {
    margin-left: -1px
}

.input-group-prepend {
    margin-right: -1px
}

.input-group-append {
    margin-left: -1px
}

.input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.input-group-text input[type=checkbox],
.input-group-text input[type=radio] {
    margin-top: 0
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control:not(textarea) {
    height: calc(1.5em + 1rem + 2px)
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control,
.input-group-lg>.input-group-append>.btn,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-prepend>.input-group-text {
    padding: .5rem 1rem;
    font-size: 1.125rem;
    line-height: 1.5;
    border-radius: .33rem
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control:not(textarea) {
    height: calc(1.5em + .5rem + 2px)
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control,
.input-group-sm>.input-group-append>.btn,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-prepend>.input-group-text {
    padding: .25rem .5rem;
    font-size: .8125rem;
    line-height: 1.5;
    border-radius: .2rem
}

.input-group-lg>.custom-select,
.input-group-sm>.custom-select {
    padding-right: 1.75rem
}

.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
.input-group>.input-group-append:not(:last-child)>.btn,
.input-group>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.custom-control {
    position: relative;
    display: block;
    min-height: 1.3125rem;
    padding-left: 1.5rem
}

.custom-control-inline {
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.custom-control-input:checked~.custom-control-label:before {
    color: #fff;
    border-color: #fa4616;
    background-color: #fa4616
}

.custom-control-input:focus~.custom-control-label:before {
    box-shadow: 0 0 0 .2rem rgba(250, 70, 22, .25)
}

.custom-control-input:focus:not(:checked)~.custom-control-label:before {
    border-color: #fda993
}

.custom-control-input:not(:disabled):active~.custom-control-label:before {
    color: #fff;
    background-color: #fed1c5;
    border-color: #fed1c5
}

.custom-control-input:disabled~.custom-control-label {
    color: #6c757d
}

.custom-control-input:disabled~.custom-control-label:before {
    background-color: #e9ecef
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top
}

.custom-control-label:before {
    pointer-events: none;
    background-color: #fff;
    border: 1px solid #adb5bd
}

.custom-control-label:after,
.custom-control-label:before {
    position: absolute;
    top: .15625rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: ""
}

.custom-control-label:after {
    background: no-repeat 50%/50% 50%
}

.custom-checkbox .custom-control-label:before {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-label:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:before {
    border-color: #fa4616;
    background-color: #fa4616
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before {
    background-color: rgba(250, 70, 22, .5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label:before {
    background-color: rgba(250, 70, 22, .5)
}

.custom-radio .custom-control-label:before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-label:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label:before {
    background-color: rgba(250, 70, 22, .5)
}

.custom-switch {
    padding-left: 2.25rem
}

.custom-switch .custom-control-label:before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: .5rem
}

.custom-switch .custom-control-label:after {
    top: calc(.15625rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: .5rem;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .custom-switch .custom-control-label:after {
        transition: none
    }
}

.custom-switch .custom-control-input:checked~.custom-control-label:after {
    background-color: #fff;
    transform: translateX(.75rem)
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label:before {
    background-color: rgba(250, 70, 22, .5)
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center/8px 10px;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    appearance: none
}

.custom-select:focus {
    border-color: #fda993;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(250, 70, 22, .25)
}

.custom-select:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: .75rem;
    background-image: none
}

.custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef
}

.custom-select::-ms-expand {
    display: none
}

.custom-select-sm {
    height: calc(1.5em + .5rem + 2px);
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .8125rem
}

.custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.125rem
}

.custom-file {
    display: inline-block;
    margin-bottom: 0
}

.custom-file,
.custom-file-input {
    position: relative;
    width: 100%;
    height: calc(1.5em + .75rem + 2px)
}

.custom-file-input {
    z-index: 2;
    margin: 0;
    opacity: 0
}

.custom-file-input:focus~.custom-file-label {
    border-color: #fda993;
    box-shadow: 0 0 0 .2rem rgba(250, 70, 22, .25)
}

.custom-file-input:disabled~.custom-file-label {
    background-color: #e9ecef
}

.custom-file-input:lang(en)~.custom-file-label:after {
    content: "Browse"
}

.custom-file-input~.custom-file-label[data-browse]:after {
    content: attr(data-browse)
}

.custom-file-label {
    left: 0;
    z-index: 1;
    height: calc(1.5em + .75rem + 2px);
    font-weight: 400;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.custom-file-label,
.custom-file-label:after {
    position: absolute;
    top: 0;
    right: 0;
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057
}

.custom-file-label:after {
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + .75rem);
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0
}

.custom-range {
    width: 100%;
    height: 1.4rem;
    padding: 0;
    background-color: transparent;
    appearance: none
}

.custom-range:focus {
    outline: none
}

.custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #f9f9f9, 0 0 0 .2rem rgba(250, 70, 22, .25)
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #f9f9f9, 0 0 0 .2rem rgba(250, 70, 22, .25)
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #f9f9f9, 0 0 0 .2rem rgba(250, 70, 22, .25)
}

.custom-range::-moz-focus-outer {
    border: 0
}

.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #fa4616;
    border: 0;
    border-radius: 1rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-webkit-slider-thumb {
        transition: none
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #fed1c5
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #fa4616;
    border: 0;
    border-radius: 1rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-moz-range-thumb {
        transition: none
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #fed1c5
}

.custom-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: .2rem;
    margin-left: .2rem;
    background-color: #fa4616;
    border: 0;
    border-radius: 1rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-ms-thumb {
        transition: none
    }
}

.custom-range::-ms-thumb:active {
    background-color: #fed1c5
}

.custom-range::-ms-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: .5rem
}

.custom-range::-ms-fill-lower,
.custom-range::-ms-fill-upper {
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range::-ms-fill-upper {
    margin-right: 15px
}

.custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default
}

.custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-moz-range-track {
    cursor: default
}

.custom-range:disabled::-ms-thumb {
    background-color: #adb5bd
}

.custom-control-label:before,
.custom-file-label,
.custom-select {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .custom-control-label:before,
    .custom-file-label,
    .custom-select {
        transition: none
    }
}

.nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem
}

.nav-link:focus,
.nav-link:hover {
    text-decoration: none
}

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    border-bottom: 0 solid #dee2e6
}

.nav-tabs .nav-item {
    margin-bottom: 0
}

.nav-tabs .nav-link {
    border: 0 solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #f9f9f9;
    border-color: #dee2e6 #dee2e6 #f9f9f9
}

.nav-tabs .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills .nav-link {
    border-radius: .25rem
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #fa4616
}

.nav-fill .nav-item {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.navbar {
    position: relative;
    padding: .5rem 1rem
}

.navbar,
.navbar>.container,
.navbar>.container-fluid,
.navbar>.container-narrow {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.125rem;
    line-height: inherit;
    white-space: nowrap
}

.navbar-brand:focus,
.navbar-brand:hover {
    text-decoration: none
}

.navbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none
}

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-align: center;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.125rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 50rem
}

.navbar-toggler:focus,
.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat 50%;
    background-size: 100% 100%
}

@media (max-width:767.98px) {
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-narrow {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:768px) {
    .navbar-expand-sm {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .navbar-expand-sm .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-narrow {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .navbar-expand-sm .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
    .navbar-expand-sm .navbar-toggler {
        display: none
    }
}

@media (max-width:1023.98px) {
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-narrow {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:1024px) {
    .navbar-expand-md {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .navbar-expand-md .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }
    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-narrow {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .navbar-expand-md .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
    .navbar-expand-md .navbar-toggler {
        display: none
    }
}

@media (max-width:1199.98px) {
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-narrow {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:1200px) {
    .navbar-expand-lg {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .navbar-expand-lg .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-narrow {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .navbar-expand-lg .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
    .navbar-expand-lg .navbar-toggler {
        display: none
    }
}

@media (max-width:1399.98px) {
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-narrow {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:1400px) {
    .navbar-expand-xl {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .navbar-expand-xl .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }
    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-narrow {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .navbar-expand-xl .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
    .navbar-expand-xl .navbar-toggler {
        display: none
    }
}

.navbar-expand {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-narrow {
    padding-right: 0;
    padding-left: 0
}

.navbar-expand .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-narrow {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.navbar-expand .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-light .navbar-brand,
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, .7)
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, .3)
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .5);
    border-color: rgba(0, 0, 0, .1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-text a,
.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-dark .navbar-brand,
.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link {
    color: hsla(0, 0%, 100%, .5)
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: hsla(0, 0%, 100%, .75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: hsla(0, 0%, 100%, .25)
}

.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link {
    color: #fff
}

.navbar-dark .navbar-toggler {
    color: hsla(0, 0%, 100%, .5);
    border-color: hsla(0, 0%, 100%, .1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar-dark .navbar-text {
    color: hsla(0, 0%, 100%, .5)
}

.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
    color: #fff
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: 0
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group:first-child .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.card>.list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem
}

.card-subtitle,
.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link+.card-link {
    margin-left: 1.25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
    border-radius: -1px -1px 0 0
}

.card-header+.list-group .list-group-item:first-child {
    border-top: 0
}

.card-footer {
    padding: .75rem 1.25rem;
    background-color: #fff;
    border-top: 1px solid rgba(0, 0, 0, .125)
}

.card-footer:last-child {
    border-radius: 0 0 -1px -1px
}

.card-header-tabs {
    margin-bottom: -.75rem;
    border-bottom: 0
}

.card-header-pills,
.card-header-tabs {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem
}

.card-img {
    width: 100%;
    border-radius: -1px
}

.card-img-top {
    width: 100%;
    border-top-left-radius: -1px;
    border-top-right-radius: -1px
}

.card-img-bottom {
    width: 100%;
    border-bottom-right-radius: -1px;
    border-bottom-left-radius: -1px
}

.card-deck {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.card-deck .card {
    margin-bottom: 15px
}

@media (min-width:768px) {
    .card-deck {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px
    }
    .card-deck .card {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px
    }
}

.card-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.card-group>.card {
    margin-bottom: 15px
}

@media (min-width:768px) {
    .card-group {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
    .card-group>.card {
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        margin-bottom: 0
    }
    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }
    .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }
    .card-group>.card:not(:last-child) .card-header,
    .card-group>.card:not(:last-child) .card-img-top {
        border-top-right-radius: 0
    }
    .card-group>.card:not(:last-child) .card-footer,
    .card-group>.card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0
    }
    .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }
    .card-group>.card:not(:first-child) .card-header,
    .card-group>.card:not(:first-child) .card-img-top {
        border-top-left-radius: 0
    }
    .card-group>.card:not(:first-child) .card-footer,
    .card-group>.card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0
    }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media (min-width:768px) {
    .card-columns {
        column-count: 3;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }
    .card-columns .card {
        display: inline-block;
        width: 100%
    }
}

.accordion>.card {
    overflow: hidden
}

.accordion>.card:not(:first-of-type) .card-header:first-child {
    border-radius: 0
}

.accordion>.card:not(:first-of-type):not(:last-of-type) {
    border-bottom: 0;
    border-radius: 0
}

.accordion>.card:first-of-type {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.accordion>.card:last-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.accordion>.card .card-header {
    margin-bottom: -1px
}

.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: transparent;
    border-radius: .25rem
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item:before {
    display: inline-block;
    padding-right: .5rem;
    color: #6c757d;
    content: "/"
}

.breadcrumb-item+.breadcrumb-item:hover:before {
    text-decoration: underline;
    text-decoration: none
}

.breadcrumb-item.active {
    color: #6c757d
}

.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #333;
    background-color: #fff;
    border: 1px solid #dee2e6
}

.page-link:hover {
    z-index: 2;
    color: #0d0d0d;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(250, 70, 22, .25)
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #fa4616;
    border-color: #fa4616
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.125rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .33rem;
    border-bottom-left-radius: .33rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .33rem;
    border-bottom-right-radius: .33rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .8125rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .badge {
        transition: none
    }
}

a.badge:focus,
a.badge:hover {
    text-decoration: none
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-primary {
    color: #fff;
    background-color: #fa4616
}

a.badge-primary:focus,
a.badge-primary:hover {
    color: #fff;
    background-color: #d83105
}

a.badge-primary.focus,
a.badge-primary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(250, 70, 22, .5)
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d
}

a.badge-secondary:focus,
a.badge-secondary:hover {
    color: #fff;
    background-color: #545b62
}

a.badge-secondary.focus,
a.badge-secondary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem hsla(208, 7%, 46%, .5)
}

.badge-success {
    color: #fff;
    background-color: #148346
}

a.badge-success:focus,
a.badge-success:hover {
    color: #fff;
    background-color: #0d572e
}

a.badge-success.focus,
a.badge-success:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(20, 131, 70, .5)
}

.badge-info {
    color: #fff;
    background-color: #17a2b8
}

a.badge-info:focus,
a.badge-info:hover {
    color: #fff;
    background-color: #117a8b
}

a.badge-info.focus,
a.badge-info:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.badge-warning {
    color: #212529;
    background-color: #ffc107
}

a.badge-warning:focus,
a.badge-warning:hover {
    color: #212529;
    background-color: #d39e00
}

a.badge-warning.focus,
a.badge-warning:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.badge-danger {
    color: #fff;
    background-color: #a63232
}

a.badge-danger:focus,
a.badge-danger:hover {
    color: #fff;
    background-color: #7f2626
}

a.badge-danger.focus,
a.badge-danger:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(166, 50, 50, .5)
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa
}

a.badge-light:focus,
a.badge-light:hover {
    color: #212529;
    background-color: #dae0e5
}

a.badge-light.focus,
a.badge-light:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.badge-dark {
    color: #fff;
    background-color: #343a40
}

a.badge-dark:focus,
a.badge-dark:hover {
    color: #fff;
    background-color: #1d2124
}

a.badge-dark.focus,
a.badge-dark:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .33rem
}

@media (min-width:768px) {
    .jumbotron {
        padding: 4rem 2rem
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 3.8125rem
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: .75rem 1.25rem;
    color: inherit
}

.alert-primary {
    color: #82240b;
    background-color: #fedad0;
    border-color: #fecbbe
}

.alert-primary hr {
    border-top-color: #feb7a5
}

.alert-primary .alert-link {
    color: #531707
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

.alert-secondary hr {
    border-top-color: #c8cbcf
}

.alert-secondary .alert-link {
    color: #202326
}

.alert-success {
    color: #0a4424;
    background-color: #d0e6da;
    border-color: #bddccb
}

.alert-success hr {
    border-top-color: #acd3be
}

.alert-success .alert-link {
    color: #03180c
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb
}

.alert-info hr {
    border-top-color: #abdde5
}

.alert-info .alert-link {
    color: #062c33
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

.alert-warning hr {
    border-top-color: #ffe8a1
}

.alert-warning .alert-link {
    color: #533f03
}

.alert-danger {
    color: #561a1a;
    background-color: #edd6d6;
    border-color: #e6c6c6
}

.alert-danger hr {
    border-top-color: #deb4b4
}

.alert-danger .alert-link {
    color: #2f0e0e
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe
}

.alert-light hr {
    border-top-color: #ececf6
}

.alert-light .alert-link {
    color: #686868
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

.alert-dark hr {
    border-top-color: #b9bbbe
}

.alert-dark .alert-link {
    color: #040505
}

@keyframes progress-bar-stripes {
    0% {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

.progress {
    height: 1rem;
    overflow: hidden;
    font-size: .65625rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.progress,
.progress-bar {
    display: -ms-flexbox;
    display: flex
}

.progress-bar {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #fa4616;
    transition: width .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    animation: progress-bar-stripes 1s linear infinite
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar-animated {
        animation: none
    }
}

.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start
}

.media-body {
    -ms-flex: 1;
    flex: 1
}

.list-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa
}

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.list-group-item:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #fa4616;
    border-color: #fa4616
}

.list-group-horizontal {
    -ms-flex-direction: row;
    flex-direction: row
}

.list-group-horizontal .list-group-item {
    margin-right: -1px;
    margin-bottom: 0
}

.list-group-horizontal .list-group-item:first-child {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
}

.list-group-horizontal .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: 0
}

@media (min-width:768px) {
    .list-group-horizontal-sm {
        -ms-flex-direction: row;
        flex-direction: row
    }
    .list-group-horizontal-sm .list-group-item {
        margin-right: -1px;
        margin-bottom: 0
    }
    .list-group-horizontal-sm .list-group-item:first-child {
        border-top-left-radius: .25rem;
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-sm .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: .25rem;
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
}

@media (min-width:1024px) {
    .list-group-horizontal-md {
        -ms-flex-direction: row;
        flex-direction: row
    }
    .list-group-horizontal-md .list-group-item {
        margin-right: -1px;
        margin-bottom: 0
    }
    .list-group-horizontal-md .list-group-item:first-child {
        border-top-left-radius: .25rem;
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-md .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: .25rem;
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
}

@media (min-width:1200px) {
    .list-group-horizontal-lg {
        -ms-flex-direction: row;
        flex-direction: row
    }
    .list-group-horizontal-lg .list-group-item {
        margin-right: -1px;
        margin-bottom: 0
    }
    .list-group-horizontal-lg .list-group-item:first-child {
        border-top-left-radius: .25rem;
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-lg .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: .25rem;
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
}

@media (min-width:1400px) {
    .list-group-horizontal-xl {
        -ms-flex-direction: row;
        flex-direction: row
    }
    .list-group-horizontal-xl .list-group-item {
        margin-right: -1px;
        margin-bottom: 0
    }
    .list-group-horizontal-xl .list-group-item:first-child {
        border-top-left-radius: .25rem;
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-xl .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: .25rem;
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
}

.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.list-group-flush .list-group-item:last-child {
    margin-bottom: -1px
}

.list-group-flush:first-child .list-group-item:first-child {
    border-top: 0
}

.list-group-flush:last-child .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom: 0
}

.list-group-item-primary {
    color: #82240b;
    background-color: #fecbbe
}

.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
    color: #82240b;
    background-color: #feb7a5
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #82240b;
    border-color: #82240b
}

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db
}

.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
    color: #383d41;
    background-color: #c8cbcf
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #383d41;
    border-color: #383d41
}

.list-group-item-success {
    color: #0a4424;
    background-color: #bddccb
}

.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
    color: #0a4424;
    background-color: #acd3be
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #0a4424;
    border-color: #0a4424
}

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb
}

.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
    color: #0c5460;
    background-color: #abdde5
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #0c5460;
    border-color: #0c5460
}

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba
}

.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
    color: #856404;
    background-color: #ffe8a1
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #856404;
    border-color: #856404
}

.list-group-item-danger {
    color: #561a1a;
    background-color: #e6c6c6
}

.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
    color: #561a1a;
    background-color: #deb4b4
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #561a1a;
    border-color: #561a1a
}

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe
}

.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
    color: #818182;
    background-color: #ececf6
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182
}

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca
}

.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
    color: #1b1e21;
    background-color: #b9bbbe
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21
}

.close {
    float: right;
    font-size: 1.3125rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.close:hover {
    color: #000;
    text-decoration: none
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    opacity: .75
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    appearance: none
}

a.close.disabled {
    pointer-events: none
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translateY(-50px)
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal-dialog-scrollable {
    display: -ms-flexbox;
    display: flex;
    max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden
}

.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-dialog-centered:before {
    display: block;
    height: calc(100vh - 1rem);
    content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable:before {
    content: none
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .33rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e3e3e3;
    border-top-left-radius: .33rem;
    border-top-right-radius: .33rem
}

.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #e3e3e3;
    border-bottom-right-radius: .33rem;
    border-bottom-left-radius: .33rem
}

.modal-footer>:not(:first-child) {
    margin-left: .25rem
}

.modal-footer>:not(:last-child) {
    margin-right: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:768px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }
    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }
    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem)
    }
    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }
    .modal-dialog-centered:before {
        height: calc(100vh - 3.5rem)
    }
    .modal-sm {
        max-width: 300px
    }
}

@media (min-width:1200px) {
    .modal-lg,
    .modal-xl {
        max-width: 800px
    }
}

@media (min-width:1400px) {
    .modal-xl {
        max-width: 1140px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: var(--font-body);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .8125rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .arrow:before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-auto[x-placement^=top],
.bs-tooltip-top {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=top] .arrow,
.bs-tooltip-top .arrow {
    bottom: 0
}

.bs-tooltip-auto[x-placement^=top] .arrow:before,
.bs-tooltip-top .arrow:before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #000
}

.bs-tooltip-auto[x-placement^=right],
.bs-tooltip-right {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow,
.bs-tooltip-right .arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=right] .arrow:before,
.bs-tooltip-right .arrow:before {
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000
}

.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow,
.bs-tooltip-bottom .arrow {
    top: 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow:before,
.bs-tooltip-bottom .arrow:before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #000
}

.bs-tooltip-auto[x-placement^=left],
.bs-tooltip-left {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow,
.bs-tooltip-left .arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=left] .arrow:before,
.bs-tooltip-left .arrow:before {
    left: 0;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.popover {
    top: 0;
    left: 0;
    z-index: 1060;
    max-width: 276px;
    font-family: var(--font-body);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .8125rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .33rem
}

.popover,
.popover .arrow {
    position: absolute;
    display: block
}

.popover .arrow {
    width: 1rem;
    height: .5rem;
    margin: 0 .33rem
}

.popover .arrow:after,
.popover .arrow:before {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-popover-auto[x-placement^=top],
.bs-popover-top {
    margin-bottom: .5rem
}

.bs-popover-auto[x-placement^=top]>.arrow,
.bs-popover-top>.arrow {
    bottom: calc((.5rem + 1px) * -1)
}

.bs-popover-auto[x-placement^=top]>.arrow:before,
.bs-popover-top>.arrow:before {
    bottom: 0;
    border-width: .5rem .5rem 0;
    border-top-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=top]>.arrow:after,
.bs-popover-top>.arrow:after {
    bottom: 1px;
    border-width: .5rem .5rem 0;
    border-top-color: #fff
}

.bs-popover-auto[x-placement^=right],
.bs-popover-right {
    margin-left: .5rem
}

.bs-popover-auto[x-placement^=right]>.arrow,
.bs-popover-right>.arrow {
    left: calc((.5rem + 1px) * -1);
    width: .5rem;
    height: 1rem;
    margin: .33rem 0
}

.bs-popover-auto[x-placement^=right]>.arrow:before,
.bs-popover-right>.arrow:before {
    left: 0;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=right]>.arrow:after,
.bs-popover-right>.arrow:after {
    left: 1px;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #fff
}

.bs-popover-auto[x-placement^=bottom],
.bs-popover-bottom {
    margin-top: .5rem
}

.bs-popover-auto[x-placement^=bottom]>.arrow,
.bs-popover-bottom>.arrow {
    top: calc((.5rem + 1px) * -1)
}

.bs-popover-auto[x-placement^=bottom]>.arrow:before,
.bs-popover-bottom>.arrow:before {
    top: 0;
    border-width: 0 .5rem .5rem;
    border-bottom-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=bottom]>.arrow:after,
.bs-popover-bottom>.arrow:after {
    top: 1px;
    border-width: 0 .5rem .5rem;
    border-bottom-color: #fff
}

.bs-popover-auto[x-placement^=bottom] .popover-header:before,
.bs-popover-bottom .popover-header:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7
}

.bs-popover-auto[x-placement^=left],
.bs-popover-left {
    margin-right: .5rem
}

.bs-popover-auto[x-placement^=left]>.arrow,
.bs-popover-left>.arrow {
    right: calc((.5rem + 1px) * -1);
    width: .5rem;
    height: 1rem;
    margin: .33rem 0
}

.bs-popover-auto[x-placement^=left]>.arrow:before,
.bs-popover-left>.arrow:before {
    right: 0;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=left]>.arrow:after,
.bs-popover-left>.arrow:after {
    right: 1px;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: #fff
}

.popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: .875rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(.33rem - 1px);
    border-top-right-radius: calc(.33rem - 1px)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: .5rem .75rem;
    color: #212529
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner:after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block
}

.active.carousel-item-right,
.carousel-item-next:not(.carousel-item-left) {
    transform: translateX(100%)
}

.active.carousel-item-left,
.carousel-item-prev:not(.carousel-item-right) {
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

@media (prefers-reduced-motion:reduce) {
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        transition: none
    }
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-control-next,
    .carousel-control-prev {
        transition: none
    }
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: no-repeat 50%/100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3E%3C/svg%3E")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3E%3C/svg%3E")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-indicators li {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.bg-primary {
    background-color: #fa4616 !important
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
    background-color: #d83105 !important
}

.bg-secondary {
    background-color: #6c757d !important
}

a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
    background-color: #545b62 !important
}

.bg-success {
    background-color: #148346 !important
}

a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
    background-color: #0d572e !important
}

.bg-info {
    background-color: #17a2b8 !important
}

a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
    background-color: #117a8b !important
}

.bg-warning {
    background-color: #ffc107 !important
}

a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
    background-color: #d39e00 !important
}

.bg-danger {
    background-color: #a63232 !important
}

a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
    background-color: #7f2626 !important
}

.bg-light {
    background-color: #f8f9fa !important
}

a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
    background-color: #dae0e5 !important
}

.bg-dark {
    background-color: #343a40 !important
}

a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
    background-color: #1d2124 !important
}

.bg-white {
    background-color: #fff !important
}

.bg-transparent {
    background-color: transparent !important
}

.border {
    border: 1px solid #e3e3e3 !important
}

.border-top {
    border-top: 1px solid #e3e3e3 !important
}

.border-right {
    border-right: 1px solid #e3e3e3 !important
}

.border-bottom {
    border-bottom: 1px solid #e3e3e3 !important
}

.border-left {
    border-left: 1px solid #e3e3e3 !important
}

.border-0 {
    border: 0 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #fa4616 !important
}

.border-secondary {
    border-color: #6c757d !important
}

.border-success {
    border-color: #148346 !important
}

.border-info {
    border-color: #17a2b8 !important
}

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #a63232 !important
}

.border-light {
    border-color: #f8f9fa !important
}

.border-dark {
    border-color: #343a40 !important
}

.border-white {
    border-color: #fff !important
}

.rounded-sm {
    border-radius: .2rem !important
}

.rounded {
    border-radius: .25rem !important
}

.rounded-top {
    border-top-left-radius: .25rem !important
}

.rounded-right,
.rounded-top {
    border-top-right-radius: .25rem !important
}

.rounded-bottom,
.rounded-right {
    border-bottom-right-radius: .25rem !important
}

.rounded-bottom,
.rounded-left {
    border-bottom-left-radius: .25rem !important
}

.rounded-left {
    border-top-left-radius: .25rem !important
}

.rounded-lg {
    border-radius: .33rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: 50rem !important
}

.rounded-0 {
    border-radius: 0 !important
}

.clearfix:after {
    display: block;
    clear: both;
    content: ""
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important
}

.d-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

@media (min-width:768px) {
    .d-sm-none {
        display: none !important
    }
    .d-sm-inline {
        display: inline !important
    }
    .d-sm-inline-block {
        display: inline-block !important
    }
    .d-sm-block {
        display: block !important
    }
    .d-sm-table {
        display: table !important
    }
    .d-sm-table-row {
        display: table-row !important
    }
    .d-sm-table-cell {
        display: table-cell !important
    }
    .d-sm-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }
    .d-sm-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width:1024px) {
    .d-md-none {
        display: none !important
    }
    .d-md-inline {
        display: inline !important
    }
    .d-md-inline-block {
        display: inline-block !important
    }
    .d-md-block {
        display: block !important
    }
    .d-md-table {
        display: table !important
    }
    .d-md-table-row {
        display: table-row !important
    }
    .d-md-table-cell {
        display: table-cell !important
    }
    .d-md-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }
    .d-md-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width:1200px) {
    .d-lg-none {
        display: none !important
    }
    .d-lg-inline {
        display: inline !important
    }
    .d-lg-inline-block {
        display: inline-block !important
    }
    .d-lg-block {
        display: block !important
    }
    .d-lg-table {
        display: table !important
    }
    .d-lg-table-row {
        display: table-row !important
    }
    .d-lg-table-cell {
        display: table-cell !important
    }
    .d-lg-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }
    .d-lg-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width:1400px) {
    .d-xl-none {
        display: none !important
    }
    .d-xl-inline {
        display: inline !important
    }
    .d-xl-inline-block {
        display: inline-block !important
    }
    .d-xl-block {
        display: block !important
    }
    .d-xl-table {
        display: table !important
    }
    .d-xl-table-row {
        display: table-row !important
    }
    .d-xl-table-cell {
        display: table-cell !important
    }
    .d-xl-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }
    .d-xl-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }
    .d-print-inline {
        display: inline !important
    }
    .d-print-inline-block {
        display: inline-block !important
    }
    .d-print-block {
        display: block !important
    }
    .d-print-table {
        display: table !important
    }
    .d-print-table-row {
        display: table-row !important
    }
    .d-print-table-cell {
        display: table-cell !important
    }
    .d-print-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }
    .d-print-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive:before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9:before {
    padding-top: 42.85714%
}

.embed-responsive-16by9:before {
    padding-top: 56.25%
}

.embed-responsive-4by3:before {
    padding-top: 75%
}

.embed-responsive-1by1:before {
    padding-top: 100%
}

.flex-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.flex-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.flex-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important
}

.flex-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important
}

.flex-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important
}

.flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important
}

.justify-content-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.justify-content-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.align-items-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.align-items-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important
}

.align-items-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important
}

.align-items-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
}

.align-self-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important
}

@media (min-width:768px) {
    .flex-sm-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }
    .flex-sm-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }
    .flex-sm-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }
    .flex-sm-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }
    .flex-sm-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }
    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }
    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }
    .flex-sm-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }
    .flex-sm-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }
    .flex-sm-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }
    .flex-sm-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }
    .flex-sm-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }
    .justify-content-sm-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }
    .justify-content-sm-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
    .justify-content-sm-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
    .justify-content-sm-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }
    .justify-content-sm-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }
    .align-items-sm-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
    .align-items-sm-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }
    .align-items-sm-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }
    .align-items-sm-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }
    .align-items-sm-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }
    .align-content-sm-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }
    .align-content-sm-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }
    .align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }
    .align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }
    .align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }
    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }
    .align-self-sm-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }
    .align-self-sm-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }
    .align-self-sm-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }
    .align-self-sm-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }
    .align-self-sm-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }
    .align-self-sm-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width:1024px) {
    .flex-md-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }
    .flex-md-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }
    .flex-md-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }
    .flex-md-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }
    .flex-md-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }
    .flex-md-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }
    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }
    .flex-md-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }
    .flex-md-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }
    .flex-md-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }
    .flex-md-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }
    .flex-md-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }
    .justify-content-md-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }
    .justify-content-md-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
    .justify-content-md-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
    .justify-content-md-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }
    .justify-content-md-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }
    .align-items-md-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
    .align-items-md-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }
    .align-items-md-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }
    .align-items-md-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }
    .align-items-md-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }
    .align-content-md-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }
    .align-content-md-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }
    .align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }
    .align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }
    .align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }
    .align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }
    .align-self-md-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }
    .align-self-md-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }
    .align-self-md-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }
    .align-self-md-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }
    .align-self-md-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }
    .align-self-md-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width:1200px) {
    .flex-lg-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }
    .flex-lg-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }
    .flex-lg-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }
    .flex-lg-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }
    .flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }
    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }
    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }
    .flex-lg-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }
    .flex-lg-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }
    .flex-lg-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }
    .flex-lg-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }
    .flex-lg-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }
    .justify-content-lg-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }
    .justify-content-lg-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
    .justify-content-lg-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
    .justify-content-lg-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }
    .justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }
    .align-items-lg-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
    .align-items-lg-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }
    .align-items-lg-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }
    .align-items-lg-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }
    .align-items-lg-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }
    .align-content-lg-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }
    .align-content-lg-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }
    .align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }
    .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }
    .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }
    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }
    .align-self-lg-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }
    .align-self-lg-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }
    .align-self-lg-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }
    .align-self-lg-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }
    .align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }
    .align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width:1400px) {
    .flex-xl-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }
    .flex-xl-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }
    .flex-xl-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }
    .flex-xl-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }
    .flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }
    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }
    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }
    .flex-xl-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }
    .flex-xl-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }
    .flex-xl-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }
    .flex-xl-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }
    .flex-xl-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }
    .justify-content-xl-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }
    .justify-content-xl-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
    .justify-content-xl-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
    .justify-content-xl-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }
    .justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }
    .align-items-xl-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
    .align-items-xl-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }
    .align-items-xl-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }
    .align-items-xl-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }
    .align-items-xl-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }
    .align-content-xl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }
    .align-content-xl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }
    .align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }
    .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }
    .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }
    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }
    .align-self-xl-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }
    .align-self-xl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }
    .align-self-xl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }
    .align-self-xl-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }
    .align-self-xl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }
    .align-self-xl-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

@media (min-width:768px) {
    .float-sm-left {
        float: left !important
    }
    .float-sm-right {
        float: right !important
    }
    .float-sm-none {
        float: none !important
    }
}

@media (min-width:1024px) {
    .float-md-left {
        float: left !important
    }
    .float-md-right {
        float: right !important
    }
    .float-md-none {
        float: none !important
    }
}

@media (min-width:1200px) {
    .float-lg-left {
        float: left !important
    }
    .float-lg-right {
        float: right !important
    }
    .float-lg-none {
        float: none !important
    }
}

@media (min-width:1400px) {
    .float-xl-left {
        float: left !important
    }
    .float-xl-right {
        float: right !important
    }
    .float-xl-none {
        float: none !important
    }
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: sticky !important
}

.fixed-top {
    top: 0
}

.fixed-bottom,
.fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    bottom: 0
}

@supports (position:sticky) {
    .sticky-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
    box-shadow: none !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.vw-100 {
    width: 100vw !important
}

.vh-100 {
    height: 100vh !important
}

.stretched-link:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: transparent
}

.m-0 {
    margin: 0 !important
}

.mt-0,
.my-0 {
    margin-top: 0 !important
}

.mr-0,
.mx-0 {
    margin-right: 0 !important
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1,
.my-1 {
    margin-top: .25rem !important
}

.mr-1,
.mx-1 {
    margin-right: .25rem !important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem !important
}

.ml-1,
.mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2,
.my-2 {
    margin-top: .5rem !important
}

.mr-2,
.mx-2 {
    margin-right: .5rem !important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem !important
}

.ml-2,
.mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3,
.my-3 {
    margin-top: 1rem !important
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5,
.my-5 {
    margin-top: 3rem !important
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0,
.py-0 {
    padding-top: 0 !important
}

.pr-0,
.px-0 {
    padding-right: 0 !important
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important
}

.pl-0,
.px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1,
.py-1 {
    padding-top: .25rem !important
}

.pr-1,
.px-1 {
    padding-right: .25rem !important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem !important
}

.pl-1,
.px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2,
.py-2 {
    padding-top: .5rem !important
}

.pr-2,
.px-2 {
    padding-right: .5rem !important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem !important
}

.pl-2,
.px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3,
.py-3 {
    padding-top: 1rem !important
}

.pr-3,
.px-3 {
    padding-right: 1rem !important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important
}

.pl-3,
.px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5,
.py-5 {
    padding-top: 3rem !important
}

.pr-5,
.px-5 {
    padding-right: 3rem !important
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important
}

.pl-5,
.px-5 {
    padding-left: 3rem !important
}

.m-n1 {
    margin: -.25rem !important
}

.mt-n1,
.my-n1 {
    margin-top: -.25rem !important
}

.mr-n1,
.mx-n1 {
    margin-right: -.25rem !important
}

.mb-n1,
.my-n1 {
    margin-bottom: -.25rem !important
}

.ml-n1,
.mx-n1 {
    margin-left: -.25rem !important
}

.m-n2 {
    margin: -.5rem !important
}

.mt-n2,
.my-n2 {
    margin-top: -.5rem !important
}

.mr-n2,
.mx-n2 {
    margin-right: -.5rem !important
}

.mb-n2,
.my-n2 {
    margin-bottom: -.5rem !important
}

.ml-n2,
.mx-n2 {
    margin-left: -.5rem !important
}

.m-n3 {
    margin: -1rem !important
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important
}

.m-n4 {
    margin: -1.5rem !important
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important
}

.m-n5 {
    margin: -3rem !important
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto,
.my-auto {
    margin-top: auto !important
}

.mr-auto,
.mx-auto {
    margin-right: auto !important
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important
}

.ml-auto,
.mx-auto {
    margin-left: auto !important
}

@media (min-width:768px) {
    .m-sm-0 {
        margin: 0 !important
    }
    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important
    }
    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important
    }
    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important
    }
    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important
    }
    .m-sm-1 {
        margin: .25rem !important
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem !important
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem !important
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem !important
    }
    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem !important
    }
    .m-sm-2 {
        margin: .5rem !important
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem !important
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem !important
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem !important
    }
    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .5rem !important
    }
    .m-sm-3 {
        margin: 1rem !important
    }
    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important
    }
    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important
    }
    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important
    }
    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important
    }
    .m-sm-4 {
        margin: 1.5rem !important
    }
    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important
    }
    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important
    }
    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important
    }
    .m-sm-5 {
        margin: 3rem !important
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important
    }
    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important
    }
    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important
    }
    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important
    }
    .p-sm-0 {
        padding: 0 !important
    }
    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important
    }
    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important
    }
    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important
    }
    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important
    }
    .p-sm-1 {
        padding: .25rem !important
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem !important
    }
    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem !important
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem !important
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem !important
    }
    .p-sm-2 {
        padding: .5rem !important
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem !important
    }
    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem !important
    }
    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem !important
    }
    .pl-sm-2,
    .px-sm-2 {
        padding-left: .5rem !important
    }
    .p-sm-3 {
        padding: 1rem !important
    }
    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important
    }
    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important
    }
    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important
    }
    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important
    }
    .p-sm-4 {
        padding: 1.5rem !important
    }
    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important
    }
    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important
    }
    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important
    }
    .p-sm-5 {
        padding: 3rem !important
    }
    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important
    }
    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important
    }
    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important
    }
    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important
    }
    .m-sm-n1 {
        margin: -.25rem !important
    }
    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -.25rem !important
    }
    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -.25rem !important
    }
    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -.25rem !important
    }
    .m-sm-n2 {
        margin: -.5rem !important
    }
    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -.5rem !important
    }
    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -.5rem !important
    }
    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -.5rem !important
    }
    .m-sm-n3 {
        margin: -1rem !important
    }
    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important
    }
    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important
    }
    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important
    }
    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important
    }
    .m-sm-n4 {
        margin: -1.5rem !important
    }
    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important
    }
    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important
    }
    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important
    }
    .m-sm-n5 {
        margin: -3rem !important
    }
    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important
    }
    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important
    }
    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important
    }
    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !important
    }
    .m-sm-auto {
        margin: auto !important
    }
    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important
    }
    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important
    }
    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important
    }
    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important
    }
}

@media (min-width:1024px) {
    .m-md-0 {
        margin: 0 !important
    }
    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important
    }
    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important
    }
    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important
    }
    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important
    }
    .m-md-1 {
        margin: .25rem !important
    }
    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem !important
    }
    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem !important
    }
    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem !important
    }
    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem !important
    }
    .m-md-2 {
        margin: .5rem !important
    }
    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem !important
    }
    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem !important
    }
    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem !important
    }
    .ml-md-2,
    .mx-md-2 {
        margin-left: .5rem !important
    }
    .m-md-3 {
        margin: 1rem !important
    }
    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important
    }
    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important
    }
    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important
    }
    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important
    }
    .m-md-4 {
        margin: 1.5rem !important
    }
    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important
    }
    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important
    }
    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important
    }
    .m-md-5 {
        margin: 3rem !important
    }
    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important
    }
    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important
    }
    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important
    }
    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important
    }
    .p-md-0 {
        padding: 0 !important
    }
    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important
    }
    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important
    }
    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important
    }
    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important
    }
    .p-md-1 {
        padding: .25rem !important
    }
    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem !important
    }
    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem !important
    }
    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem !important
    }
    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem !important
    }
    .p-md-2 {
        padding: .5rem !important
    }
    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem !important
    }
    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem !important
    }
    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem !important
    }
    .pl-md-2,
    .px-md-2 {
        padding-left: .5rem !important
    }
    .p-md-3 {
        padding: 1rem !important
    }
    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important
    }
    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important
    }
    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important
    }
    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important
    }
    .p-md-4 {
        padding: 1.5rem !important
    }
    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important
    }
    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important
    }
    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important
    }
    .p-md-5 {
        padding: 3rem !important
    }
    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important
    }
    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important
    }
    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important
    }
    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important
    }
    .m-md-n1 {
        margin: -.25rem !important
    }
    .mt-md-n1,
    .my-md-n1 {
        margin-top: -.25rem !important
    }
    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -.25rem !important
    }
    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -.25rem !important
    }
    .m-md-n2 {
        margin: -.5rem !important
    }
    .mt-md-n2,
    .my-md-n2 {
        margin-top: -.5rem !important
    }
    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -.5rem !important
    }
    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -.5rem !important
    }
    .m-md-n3 {
        margin: -1rem !important
    }
    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important
    }
    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important
    }
    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important
    }
    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important
    }
    .m-md-n4 {
        margin: -1.5rem !important
    }
    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important
    }
    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important
    }
    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important
    }
    .m-md-n5 {
        margin: -3rem !important
    }
    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem !important
    }
    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important
    }
    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem !important
    }
    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem !important
    }
    .m-md-auto {
        margin: auto !important
    }
    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important
    }
    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important
    }
    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important
    }
    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important
    }
}

@media (min-width:1200px) {
    .m-lg-0 {
        margin: 0 !important
    }
    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important
    }
    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important
    }
    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important
    }
    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important
    }
    .m-lg-1 {
        margin: .25rem !important
    }
    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem !important
    }
    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem !important
    }
    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem !important
    }
    .ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem !important
    }
    .m-lg-2 {
        margin: .5rem !important
    }
    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem !important
    }
    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem !important
    }
    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem !important
    }
    .ml-lg-2,
    .mx-lg-2 {
        margin-left: .5rem !important
    }
    .m-lg-3 {
        margin: 1rem !important
    }
    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important
    }
    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important
    }
    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important
    }
    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important
    }
    .m-lg-4 {
        margin: 1.5rem !important
    }
    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important
    }
    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important
    }
    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important
    }
    .m-lg-5 {
        margin: 3rem !important
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important
    }
    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important
    }
    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important
    }
    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important
    }
    .p-lg-0 {
        padding: 0 !important
    }
    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important
    }
    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important
    }
    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important
    }
    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important
    }
    .p-lg-1 {
        padding: .25rem !important
    }
    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem !important
    }
    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem !important
    }
    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem !important
    }
    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem !important
    }
    .p-lg-2 {
        padding: .5rem !important
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem !important
    }
    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem !important
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem !important
    }
    .pl-lg-2,
    .px-lg-2 {
        padding-left: .5rem !important
    }
    .p-lg-3 {
        padding: 1rem !important
    }
    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important
    }
    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important
    }
    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important
    }
    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important
    }
    .p-lg-4 {
        padding: 1.5rem !important
    }
    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important
    }
    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important
    }
    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important
    }
    .p-lg-5 {
        padding: 3rem !important
    }
    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important
    }
    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important
    }
    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important
    }
    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important
    }
    .m-lg-n1 {
        margin: -.25rem !important
    }
    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -.25rem !important
    }
    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -.25rem !important
    }
    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -.25rem !important
    }
    .m-lg-n2 {
        margin: -.5rem !important
    }
    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -.5rem !important
    }
    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -.5rem !important
    }
    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -.5rem !important
    }
    .m-lg-n3 {
        margin: -1rem !important
    }
    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important
    }
    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important
    }
    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important
    }
    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important
    }
    .m-lg-n4 {
        margin: -1.5rem !important
    }
    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important
    }
    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important
    }
    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important
    }
    .m-lg-n5 {
        margin: -3rem !important
    }
    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem !important
    }
    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important
    }
    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem !important
    }
    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !important
    }
    .m-lg-auto {
        margin: auto !important
    }
    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important
    }
    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important
    }
    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important
    }
    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important
    }
}

@media (min-width:1400px) {
    .m-xl-0 {
        margin: 0 !important
    }
    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important
    }
    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important
    }
    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important
    }
    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important
    }
    .m-xl-1 {
        margin: .25rem !important
    }
    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem !important
    }
    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem !important
    }
    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem !important
    }
    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem !important
    }
    .m-xl-2 {
        margin: .5rem !important
    }
    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem !important
    }
    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem !important
    }
    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem !important
    }
    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .5rem !important
    }
    .m-xl-3 {
        margin: 1rem !important
    }
    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important
    }
    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important
    }
    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important
    }
    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important
    }
    .m-xl-4 {
        margin: 1.5rem !important
    }
    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important
    }
    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important
    }
    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important
    }
    .m-xl-5 {
        margin: 3rem !important
    }
    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important
    }
    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important
    }
    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important
    }
    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important
    }
    .p-xl-0 {
        padding: 0 !important
    }
    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important
    }
    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important
    }
    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important
    }
    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important
    }
    .p-xl-1 {
        padding: .25rem !important
    }
    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem !important
    }
    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem !important
    }
    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem !important
    }
    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem !important
    }
    .p-xl-2 {
        padding: .5rem !important
    }
    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem !important
    }
    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem !important
    }
    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem !important
    }
    .pl-xl-2,
    .px-xl-2 {
        padding-left: .5rem !important
    }
    .p-xl-3 {
        padding: 1rem !important
    }
    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important
    }
    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important
    }
    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important
    }
    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important
    }
    .p-xl-4 {
        padding: 1.5rem !important
    }
    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important
    }
    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important
    }
    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important
    }
    .p-xl-5 {
        padding: 3rem !important
    }
    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important
    }
    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important
    }
    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important
    }
    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important
    }
    .m-xl-n1 {
        margin: -.25rem !important
    }
    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -.25rem !important
    }
    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -.25rem !important
    }
    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -.25rem !important
    }
    .m-xl-n2 {
        margin: -.5rem !important
    }
    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -.5rem !important
    }
    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -.5rem !important
    }
    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -.5rem !important
    }
    .m-xl-n3 {
        margin: -1rem !important
    }
    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important
    }
    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important
    }
    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important
    }
    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important
    }
    .m-xl-n4 {
        margin: -1.5rem !important
    }
    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem !important
    }
    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important
    }
    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important
    }
    .m-xl-n5 {
        margin: -3rem !important
    }
    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem !important
    }
    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important
    }
    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem !important
    }
    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !important
    }
    .m-xl-auto {
        margin: auto !important
    }
    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important
    }
    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important
    }
    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important
    }
    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important
    }
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace !important
}

.text-justify {
    text-align: justify !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

@media (min-width:768px) {
    .text-sm-left {
        text-align: left !important
    }
    .text-sm-right {
        text-align: right !important
    }
    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width:1024px) {
    .text-md-left {
        text-align: left !important
    }
    .text-md-right {
        text-align: right !important
    }
    .text-md-center {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .text-lg-left {
        text-align: left !important
    }
    .text-lg-right {
        text-align: right !important
    }
    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width:1400px) {
    .text-xl-left {
        text-align: left !important
    }
    .text-xl-right {
        text-align: right !important
    }
    .text-xl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-lighter {
    font-weight: lighter !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.font-weight-bolder {
    font-weight: bolder !important
}

.font-italic {
    font-style: italic !important
}

.text-white {
    color: #fff !important
}

.text-primary {
    color: #fa4616 !important
}

a.text-primary:focus,
a.text-primary:hover {
    color: #bf2c04 !important
}

.text-secondary {
    color: #6c757d !important
}

a.text-secondary:focus,
a.text-secondary:hover {
    color: #494f54 !important
}

.text-success {
    color: #148346 !important
}

a.text-success:focus,
a.text-success:hover {
    color: #0a4123 !important
}

.text-info {
    color: #17a2b8 !important
}

a.text-info:focus,
a.text-info:hover {
    color: #0f6674 !important
}

.text-warning {
    color: #ffc107 !important
}

a.text-warning:focus,
a.text-warning:hover {
    color: #ba8b00 !important
}

.text-danger {
    color: #a63232 !important
}

a.text-danger:focus,
a.text-danger:hover {
    color: #6b2020 !important
}

.text-light {
    color: #f8f9fa !important
}

a.text-light:focus,
a.text-light:hover {
    color: #cbd3da !important
}

.text-dark {
    color: #343a40 !important
}

a.text-dark:focus,
a.text-dark:hover {
    color: #121416 !important
}

.text-body {
    color: #212529 !important
}

.text-muted {
    color: #6c757d !important
}

.text-black-50 {
    color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
    color: hsla(0, 0%, 100%, .5) !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.text-decoration-none {
    text-decoration: none !important
}

.text-break {
    word-break: break-word !important;
    overflow-wrap: break-word !important
}

.text-reset {
    color: inherit !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media print {
    *,
    :after,
    :before {
        text-shadow: none !important;
        box-shadow: none !important
    }
    a:not(.btn) {
        text-decoration: underline
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    pre {
        white-space: pre-wrap !important
    }
    blockquote,
    pre {
        border: 1px solid #adb5bd;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    img,
    tr {
        page-break-inside: avoid
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    @page {
        size: a3
    }
    .container,
    .container-narrow,
    body {
        min-width: 1200px !important
    }
    .navbar {
        display: none
    }
    .badge {
        border: 1px solid #000
    }
    .table {
        border-collapse: collapse !important
    }
    .table td,
    .table th {
        background-color: #fff !important
    }
    .table-bordered td,
    .table-bordered th {
        border: 1px solid #dee2e6 !important
    }
    .table-dark {
        color: inherit
    }
    .table-dark tbody+tbody,
    .table-dark td,
    .table-dark th,
    .table-dark thead th {
        border-color: #ccc
    }
    .table .thead-dark th {
        color: inherit;
        border-color: #ccc
    }
}

.pull-left-xs {
    float: left
}

.pull-right-xs {
    float: right
}

@media (min-width:768px) and (max-width:1023.98px) {
    .pull-left-sm {
        float: left
    }
    .pull-right-sm {
        float: right
    }
}

@media (min-width:1024px) and (max-width:1199.98px) {
    .pull-left-md {
        float: left
    }
    .pull-right-md {
        float: right
    }
}

@media (min-width:1200px) and (max-width:1399.98px) {
    .pull-left-lg {
        float: left
    }
    .pull-right-lg {
        float: right
    }
}

@media (min-width:1400px) {
    .pull-left-xl {
        float: left
    }
    .pull-right-xl {
        float: right
    }
}

@media (max-width:767.98px) {
    .hidden-xs-down {
        display: none !important
    }
}

@media (max-width:1023.98px) {
    .hidden-sm-down {
        display: none !important
    }
}

@media (max-width:1199.98px) {
    .hidden-md-down {
        display: none !important
    }
}

@media (max-width:1399.98px) {
    .hidden-lg-down {
        display: none !important
    }
}

.hidden-xl-down {
    display: none !important
}

.row.equal-height>[class^=col] {
    display: -ms-flexbox;
    display: flex
}

@font-face {
    font-family: roc-grotesk;
    src: url("https://use.typekit.net/af/2e2b50/0000000000000000774b970f/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/2e2b50/0000000000000000774b970f/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/2e2b50/0000000000000000774b970f/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 100 900;
    font-stretch: 75 100 125 150
}

@font-face {
    font-family: JBL;
    src: url("../fonts/vk.woff") format("woff")
}

@font-face {
    font-family: Material Symbols Outlined;
    font-style: normal;
    font-weight: 100 700;
    font-display: block;
    src: url(../fonts/material-symbols-outlined.woff2) format("woff2")
}

@font-face {
    font-family: abc-diatype;
    src: url("../fonts/ABCDiatype-Regular.woff2") format("woff2"), url("../fonts/ABCDiatype-Regular.woff") format("woff"), url("../fonts/ABCDiatype-Regular.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: abc-diatype;
    src: url("../fonts/ABCDiatype-RegularItalic.woff2") format("woff2"), url("../fonts/ABCDiatype-RegularItalic.woff") format("woff"), url("../fonts/ABCDiatype-RegularItalic.otf") format("opentype");
    font-weight: 400;
    font-style: italic;
    font-stretch: normal
}

@font-face {
    font-family: abc-diatype;
    src: url("../fonts/ABCDiatype-Medium.woff2") format("woff2"), url("../fonts/ABCDiatype-Medium.woff") format("woff"), url("../fonts/ABCDiatype-Medium.otf") format("opentype");
    font-weight: 500;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: abc-diatype;
    src: url("../fonts/ABCDiatype-MediumItalic.woff2") format("woff2"), url("../fonts/ABCDiatype-MediumItalic.woff") format("woff"), url("../fonts/ABCDiatype-MediumItalic.otf") format("opentype");
    font-weight: 500;
    font-style: italic;
    font-stretch: normal
}

@font-face {
    font-family: abc-diatype;
    src: url("../fonts/ABCDiatype-Bold.woff2") format("woff2"), url("../fonts/ABCDiatype-Bold.woff") format("woff"), url("../fonts/ABCDiatype-Bold.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: abc-diatype;
    src: url("../fonts/ABCDiatype-BoldItalic.woff2") format("woff2"), url("../fonts/ABCDiatype-BoldItalic.woff") format("woff"), url("../fonts/ABCDiatype-BoldItalic.otf") format("opentype");
    font-weight: 700;
    font-style: italic;
    font-stretch: normal
}

.svg-pdp-download {
    height: 34px;
    width: 34px;
    margin-left: 14px;
    margin-right: 11px
}

@media (max-width:600px) {
    .svg-pdp-download {
        margin-right: 8px
    }
}

.svg-container {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

@media (max-width:1300px) {
    .svg-container {
        -ms-flex-item-align: start;
        align-self: flex-start
    }
}

@media (max-width:600px) {
    .svg-container {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }
}

.ico-label,
.ico-label.ico-label {
    margin-left: 20px
}

ul.bullet {
    list-style: none;
    margin: 0;
    padding: 0
}

ul.bullet li {
    margin-bottom: 0;
    padding-left: 1em;
    text-indent: -.7em
}

ul.bullet li:before {
    content: "\2022   ";
    color: var(--c-accent);
    margin-right: .3em
}

.accordion-arrow.expanded:after,
.accordion-arrow:after,
.alert-danger p:first-child:before,
.alert-danger ul:first-child:before,
.banner.award .icon:before,
.banner .icon:before,
.banner.new .icon:before,
.banner.sale .icon:before,
.breadcrumbs li a:before,
.expanded .accordion-arrow:after,
.generatedcontent [id=product] .pdp.columns .details .quick-links a[href*=find-a-dealer]:before,
.generatedcontent [id=product] .pdp.columns .details .quick-links a[href*=product-specifications]:before,
.generatedcontent [id=product] .pdp.columns .details .quick-links a[href*=product-support]:before,
.jbl-slider .jbl-direction-nav.vertical a.jbl-next:before,
.jbl-slider .jbl-direction-nav.vertical a.jbl-prev:before,
.jbl-slider .jbl-direction-nav a.jbl-next:before,
.jbl-slider .jbl-direction-nav a.jbl-prev:before,
.selectBox-dropdown .selectBox-arrow:before,
.selectBox-dropdown.selectBox-menuShowing-top .selectBox-arrow:before,
.social.icons a.facebook:before,
.social.icons a.google-plus:before,
.social.icons a.instagram:before,
.social.icons a.pinterest:before,
.social.icons a.twitter:before,
[class*=" icon-"],
[class^=icon-],
[id=product] .pdp.columns .details .why-jbl-direct .feature.free-returns .icon:before,
[id=product] .pdp.columns .details .why-jbl-direct .feature.free-shipping .icon:before,
[id=product] .pdp.columns .details .why-jbl-direct .feature.lifetime-support .icon:before,
[id=product] .pdp.columns .main .buy-now .locations .driving-directions:before,
[id=product] .pdp.columns .main .buy-now .locations .view-map:before,
[id=product] .pdp.columns .main .product-specs .downloads a:before,
a.link-external:after,
a.link-offsite:after,
a.link-onpage:after {
    font-family: JBL;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    font-style: normal
}

.accordion-arrow:before:after,
.alert-danger p:first-child:before:before,
.alert-danger ul:first-child:before:before,
.banner .icon:before:before,
.breadcrumbs li a:before:before,
.generatedcontent [id=product] .pdp.columns .details .quick-links a[href*=find-a-dealer]:before:before,
.generatedcontent [id=product] .pdp.columns .details .quick-links a[href*=product-specifications]:before:before,
.generatedcontent [id=product] .pdp.columns .details .quick-links a[href*=product-support]:before:before,
.jbl-slider .jbl-direction-nav a.jbl-next:before:before,
.jbl-slider .jbl-direction-nav a.jbl-prev:before:before,
.selectBox-dropdown .selectBox-arrow:before:before,
.social.icons a.facebook:before:before,
.social.icons a.google-plus:before:before,
.social.icons a.instagram:before:before,
.social.icons a.pinterest:before:before,
.social.icons a.twitter:before:before,
[class*=" icon-"]:before,
[class^=icon-]:before,
[id=product] .pdp.columns .details .why-jbl-direct .feature.free-returns .icon:before:before,
[id=product] .pdp.columns .details .why-jbl-direct .feature.free-shipping .icon:before:before,
[id=product] .pdp.columns .details .why-jbl-direct .feature.lifetime-support .icon:before:before,
[id=product] .pdp.columns .main .buy-now .locations .driving-directions:before:before,
[id=product] .pdp.columns .main .buy-now .locations .view-map:before:before,
[id=product] .pdp.columns .main .product-specs .downloads a:before:before,
a.link-external:before:after,
a.link-offsite:before:after,
a.link-onpage:before:after {
    text-decoration: inherit;
    display: inline-block;
    speak: none
}

.alert-danger a p:first-child:before,
.alert-danger a ul:first-child:before,
.banner.award a .icon:before,
.banner.new a .icon:before,
.banner.sale a .icon:before,
.banner a .icon:before,
.breadcrumbs li a a:before,
.expanded a .accordion-arrow:after,
.generatedcontent [id=product] .pdp.columns .details .quick-links a a[href*=find-a-dealer]:before,
.generatedcontent [id=product] .pdp.columns .details .quick-links a a[href*=product-specifications]:before,
.generatedcontent [id=product] .pdp.columns .details .quick-links a a[href*=product-support]:before,
.jbl-slider .jbl-direction-nav.vertical a a.jbl-next:before,
.jbl-slider .jbl-direction-nav.vertical a a.jbl-prev:before,
.jbl-slider .jbl-direction-nav a a.jbl-next:before,
.jbl-slider .jbl-direction-nav a a.jbl-prev:before,
.selectBox-dropdown.selectBox-menuShowing-top a .selectBox-arrow:before,
.selectBox-dropdown a .selectBox-arrow:before,
.social.icons a a.facebook:before,
.social.icons a a.google-plus:before,
.social.icons a a.instagram:before,
.social.icons a a.pinterest:before,
.social.icons a a.twitter:before,
[id=product] .pdp.columns .details .why-jbl-direct .feature.free-returns a .icon:before,
[id=product] .pdp.columns .details .why-jbl-direct .feature.free-shipping a .icon:before,
[id=product] .pdp.columns .details .why-jbl-direct .feature.lifetime-support a .icon:before,
[id=product] .pdp.columns .main .buy-now .locations a .driving-directions:before,
[id=product] .pdp.columns .main .buy-now .locations a .view-map:before,
[id=product] .pdp.columns .main .product-specs .downloads a a:before,
a .accordion-arrow.expanded:after,
a .accordion-arrow:after,
a .alert-danger p:first-child:before,
a .alert-danger ul:first-child:before,
a .banner.award .icon:before,
a .banner .icon:before,
a .banner.new .icon:before,
a .banner.sale .icon:before,
a .breadcrumbs li a:before,
a .expanded .accordion-arrow:after,
a .generatedcontent [id=product] .pdp.columns .details .quick-links a[href*=find-a-dealer]:before,
a .generatedcontent [id=product] .pdp.columns .details .quick-links a[href*=product-specifications]:before,
a .generatedcontent [id=product] .pdp.columns .details .quick-links a[href*=product-support]:before,
a .jbl-slider .jbl-direction-nav.vertical a.jbl-next:before,
a .jbl-slider .jbl-direction-nav.vertical a.jbl-prev:before,
a .jbl-slider .jbl-direction-nav a.jbl-next:before,
a .jbl-slider .jbl-direction-nav a.jbl-prev:before,
a .selectBox-dropdown .selectBox-arrow:before,
a .selectBox-dropdown.selectBox-menuShowing-top .selectBox-arrow:before,
a .social.icons a.facebook:before,
a .social.icons a.google-plus:before,
a .social.icons a.instagram:before,
a .social.icons a.pinterest:before,
a .social.icons a.twitter:before,
a [class*=" icon-"],
a [class^=icon-],
a [id=product] .pdp.columns .details .why-jbl-direct .feature.free-returns .icon:before,
a [id=product] .pdp.columns .details .why-jbl-direct .feature.free-shipping .icon:before,
a [id=product] .pdp.columns .details .why-jbl-direct .feature.lifetime-support .icon:before,
a [id=product] .pdp.columns .main .buy-now .locations .driving-directions:before,
a [id=product] .pdp.columns .main .buy-now .locations .view-map:before,
a [id=product] .pdp.columns .main .product-specs .downloads a:before,
a a.link-external:after,
a a.link-offsite:after,
a a.link-onpage:after {
    display: inline
}

.alert-danger .lt-ie8 p:first-child:before,
.alert-danger .lt-ie8 ul:first-child:before,
.banner .lt-ie8 .icon:before,
.breadcrumbs li .lt-ie8 a:before,
.generatedcontent [id=product] .pdp.columns .details .quick-links .lt-ie8 a[href*=find-a-dealer]:before,
.generatedcontent [id=product] .pdp.columns .details .quick-links .lt-ie8 a[href*=product-specifications]:before,
.generatedcontent [id=product] .pdp.columns .details .quick-links .lt-ie8 a[href*=product-support]:before,
.jbl-slider .jbl-direction-nav .lt-ie8 a.jbl-next:before,
.jbl-slider .jbl-direction-nav .lt-ie8 a.jbl-prev:before,
.lt-ie8 .accordion-arrow:after,
.lt-ie8 .alert-danger p:first-child:before,
.lt-ie8 .alert-danger ul:first-child:before,
.lt-ie8 .banner .icon:before,
.lt-ie8 .breadcrumbs li a:before,
.lt-ie8 .generatedcontent [id=product] .pdp.columns .details .quick-links a[href*=find-a-dealer]:before,
.lt-ie8 .generatedcontent [id=product] .pdp.columns .details .quick-links a[href*=product-specifications]:before,
.lt-ie8 .generatedcontent [id=product] .pdp.columns .details .quick-links a[href*=product-support]:before,
.lt-ie8 .jbl-slider .jbl-direction-nav a.jbl-next:before,
.lt-ie8 .jbl-slider .jbl-direction-nav a.jbl-prev:before,
.lt-ie8 .selectBox-dropdown .selectBox-arrow:before,
.lt-ie8 .social.icons a.facebook:before,
.lt-ie8 .social.icons a.google-plus:before,
.lt-ie8 .social.icons a.instagram:before,
.lt-ie8 .social.icons a.pinterest:before,
.lt-ie8 .social.icons a.twitter:before,
.lt-ie8 [class*=" icon-"],
.lt-ie8 [class^=icon-],
.lt-ie8 [id=product] .pdp.columns .details .why-jbl-direct .feature.free-returns .icon:before,
.lt-ie8 [id=product] .pdp.columns .details .why-jbl-direct .feature.free-shipping .icon:before,
.lt-ie8 [id=product] .pdp.columns .details .why-jbl-direct .feature.lifetime-support .icon:before,
.lt-ie8 [id=product] .pdp.columns .main .buy-now .locations .driving-directions:before,
.lt-ie8 [id=product] .pdp.columns .main .buy-now .locations .view-map:before,
.lt-ie8 [id=product] .pdp.columns .main .product-specs .downloads a:before,
.lt-ie8 a.link-external:after,
.lt-ie8 a.link-offsite:after,
.lt-ie8 a.link-onpage:after,
.selectBox-dropdown .lt-ie8 .selectBox-arrow:before,
.social.icons .lt-ie8 a.facebook:before,
.social.icons .lt-ie8 a.google-plus:before,
.social.icons .lt-ie8 a.instagram:before,
.social.icons .lt-ie8 a.pinterest:before,
.social.icons .lt-ie8 a.twitter:before,
[id=product] .pdp.columns .details .why-jbl-direct .feature.free-returns .lt-ie8 .icon:before,
[id=product] .pdp.columns .details .why-jbl-direct .feature.free-shipping .lt-ie8 .icon:before,
[id=product] .pdp.columns .details .why-jbl-direct .feature.lifetime-support .lt-ie8 .icon:before,
[id=product] .pdp.columns .main .buy-now .locations .lt-ie8 .driving-directions:before,
[id=product] .pdp.columns .main .buy-now .locations .lt-ie8 .view-map:before,
[id=product] .pdp.columns .main .product-specs .downloads .lt-ie8 a:before {
    margin-right: .3em
}

.icon-google-plus:before {
    content: "A"
}

.lt-ie8 .icon-google-plus {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="A")
}

.icon-instagram:before {
    content: "B"
}

.lt-ie8 .icon-instagram {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="B")
}

.icon-twitter:before {
    content: "C"
}

.lt-ie8 .icon-twitter {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="C")
}

.icon-pinterest:before {
    content: "D"
}

.lt-ie8 .icon-pinterest {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="D")
}

.icon-facebook:before {
    content: "E"
}

.lt-ie8 .icon-facebook {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="E")
}

.icon-vine:before {
    content: "\E800"
}

.lt-ie8 .icon-vine {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="\E800")
}

.icon-youtube:before {
    content: "F"
}

.lt-ie8 .icon-youtube {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="F")
}

.icon-jbl:before {
    content: "G"
}

.lt-ie8 .icon-jbl {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="G")
}

.icon-print:before {
    content: "\E602"
}

lt-ie8 .icon-print {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="\E602")
}

.icon-angle-left:before {
    content: "H"
}

.lt-ie8 .icon-angle-left {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="H")
}

.icon-angle-down:before {
    content: "I"
}

.lt-ie8 .icon-angle-down {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="I")
}

.icon-angle-up:before {
    content: "J"
}

.lt-ie8 .icon-angle-up {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="J")
}

.icon-angle-right:before {
    content: "K"
}

.lt-ie8 .icon-angle-right {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="K")
}

.icon-upload:before {
    content: "L"
}

.lt-ie8 .icon-upload {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="L")
}

.icon-plus:before {
    content: "M"
}

.lt-ie8 .icon-plus {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="M")
}

.icon-search:before {
    content: "N"
}

.lt-ie8 .icon-search {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="N")
}

.icon-quote:before {
    content: "O"
}

.lt-ie8 .icon-quote {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="O")
}

.icon-star:before {
    content: "P"
}

.lt-ie8 .icon-star {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="P")
}

.icon-zoom:before {
    content: "Q"
}

.lt-ie8 .icon-zoom {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="Q")
}

.icon-thumb-up:before {
    content: "R"
}

.lt-ie8 .icon-thumb-up {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="R")
}

.icon-thumb-down:before {
    content: "S"
}

.lt-ie8 .icon-thumb-down {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="S")
}

.icon-checkmark:before {
    content: "T"
}

.lt-ie8 .icon-checkmark {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="T")
}

.icon-brightness:before {
    content: "U"
}

.lt-ie8 .icon-brightness {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="U")
}

.icon-bluetooth:before {
    content: "V"
}

.lt-ie8 .icon-bluetooth {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="V")
}

.icon-ribbon-circle:before {
    content: "W"
}

.lt-ie8 .icon-ribbon-circle {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="W")
}

.icon-cash-circle:before {
    content: "X"
}

.lt-ie8 .icon-cash-circle {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="X")
}

.icon-truck-circle:before {
    content: "Y"
}

.lt-ie8 .icon-truck-circle {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="Y")
}

.icon-bag-large:before,
.icon-bag:before,
.icon-cart:before,
.icon-shopping-cart:before {
    content: "Z"
}

.icon-bag-large:before,
.icon-bag:before,
.lt-ie8 .icon-shopping-cart {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="Z")
}

.icon-speaker:before {
    content: "["
}

.lt-ie8 .icon-speaker {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="[")
}

.icon-mic:before {
    content: "!"
}

.lt-ie8 .icon-mic {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="!")
}

.icon-bulb:before {
    content: "]"
}

.lt-ie8 .icon-bulb {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="]")
}

.icon-speaker-up:before {
    content: "^"
}

.lt-ie8 .icon-speaker-up {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="^")
}

.icon-speaker-right:before {
    content: "_"
}

.lt-ie8 .icon-speaker-right {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="_")
}

.icon-speaker-round:before {
    content: "`"
}

.lt-ie8 .icon-speaker-round {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="`")
}

.icon-plane-circle:before {
    content: "a"
}

.lt-ie8 .icon-plane-circle {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="a")
}

.icon-clock-circle:before {
    content: "b"
}

.lt-ie8 .icon-clock-circle {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="b")
}

.icon-thumb-up-circle:before {
    content: "c"
}

.lt-ie8 .icon-thumb-up-circle {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="c")
}

.icon-person-circle:before {
    content: "d"
}

.lt-ie8 .icon-person-circle {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="d")
}

.icon-mail-plus-circle:before {
    content: "e"
}

.lt-ie8 .icon-mail-plus-circle {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="e")
}

.icon-refresh-circle:before {
    content: "f"
}

.lt-ie8 .icon-refresh-circle {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="f")
}

.icon-question-circle:before {
    content: "t"
}

.lt-ie8 .icon-question-circle {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="t")
}

.icon-book:before {
    content: "h"
}

.lt-ie8 .icon-book {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="h")
}

.icon-quote-bubble:before {
    content: "i"
}

.lt-ie8 .icon-quote-bubble {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="i")
}

.icon-globe:before {
    content: "j"
}

.lt-ie8 .icon-globe {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="j")
}

.icon-bust:before {
    content: "k"
}

.lt-ie8 .icon-bust {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="k")
}

.icon-ribbon:before {
    content: "l"
}

.lt-ie8 .icon-ribbon {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="l")
}

.icon-compass:before {
    content: "m"
}

.lt-ie8 .icon-compass {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="m")
}

.icon-car:before {
    content: "n"
}

.lt-ie8 .icon-car {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="n")
}

.icon-clock:before {
    content: "o"
}

.lt-ie8 .icon-clock {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="o")
}

.icon-tools:before {
    content: "p"
}

.lt-ie8 .icon-tools {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="p")
}

.icon-business-person:before {
    content: "q"
}

.lt-ie8 .icon-business-person {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="q")
}

.icon-quote-inverse:before {
    content: "r"
}

.lt-ie8 .icon-quote-inverse {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="r")
}

.icon-pencil-paper:before {
    content: "s"
}

.lt-ie8 .icon-pencil-paper {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="s")
}

.icon-dollar-circle:before {
    content: "u"
}

.lt-ie8 .icon-dollar-circle {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="u")
}

.lt-ie8 .icon-trophy {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="v")
}

.icon-trophy-circle:before {
    content: "w"
}

.lt-ie8 .icon-trophy-circle {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="w")
}

.icon-android:before {
    content: "x"
}

.lt-ie8 .icon-android {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="x")
}

.icon-apple:before {
    content: "y"
}

.lt-ie8 .icon-apple {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="y")
}

.icon-battery:before {
    content: "z"
}

.lt-ie8 .icon-battery {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="z")
}

.icon-new-circle:before {
    content: "9"
}

.lt-ie8 .icon-new-circle {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="9")
}

.icon-truck:before {
    content: "#"
}

.lt-ie8 .icon-truck {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="#")
}

.icon-pencil:before {
    content: "1"
}

.lt-ie8 .icon-pencil {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="1")
}

.icon-telephone:before {
    content: "2"
}

.lt-ie8 .icon-telephone {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="2")
}

.icon-cash:before {
    content: "3"
}

.lt-ie8 .icon-cash {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="3")
}

.icon-warning:before {
    content: "4"
}

.lt-ie8 .icon-warning {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="4")
}

.icon-i-box:before {
    content: "5"
}

.lt-ie8 .icon-i-box {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="5")
}

.icon-d-box:before {
    content: "6"
}

.lt-ie8 .icon-d-box {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="6")
}

.icon-play-circle:before {
    content: "7"
}

.lt-ie8 .icon-play-circle {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="7")
}

.icon-place:before {
    content: "8"
}

.lt-ie8 .icon-place {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="8")
}

.icon-external:before {
    content: "$"
}

.lt-ie8 .icon-external {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="$")
}

.icon-square:before {
    content: "\E000"
}

.lt-ie8 .icon-square {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="\E000")
}

.icon-contacts:before {
    content: "\E600"
}

.lt-ie8 .icon-contacts {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="\E600")
}

.icon-mail:before {
    content: "\E601"
}

.lt-ie8 .icon-mail {
    zoom: expression(this.runtimeStyle["zoom"]="1", this.innerHTML="\E601")
}

.icon-snapchat-ghost:before {
    content: "\F2AC";
    font-family: snapchat-ghost
}

.icon-vk:before {
    content: "~";
    font-size: 9px
}

.icon-angle-double-up:before {
    content: "\F102";
    font-size: 35px;
    font-family: snapchat-ghost
}

.icon-Secured-page:before {
    content: "(";
    padding-left: 10px
}

.icon-time:before {
    content:"{"
}

.icon-menu:before {
    content: "\F0C9"
}

.icon-file-text-o:before {
    content: "\F0F6"
}

.icon-reply:before {
    content: "\E900"
}

.icon-menu3:before {
    content: "\E901";
    font-size: 46px
}

.icon-menu4:before {
    content: "\E902";
    font-size: 46px
}

.icon-new_releases:before {
    content: "\E031"
}

.icon-trophy:before {
    content: "v"
}

.icon-support-headphone:before {
    content: "\E616"
}

.icon-play-video:before {
    content: "\F152"
}

.icon-arrow-return:before {
    content: "\E903"
}

.icon-support-headset:before {
    content: "\E904"
}

.icon-shipping-truk:before {
    content: "\E905"
}

.icon-play:before {
    content: "\E906"
}

.icon-star-review:before {
    content: "\E63B"
}

.icon-not-satisfied:before {
    content: "\E613"
}

.icon-x-button:before {
    content: "\E60A"
}

.lt-ie8 a [class*=" icon-"],
.lt-ie8 a [class^=icon-] {
    cursor: pointer
}

[class*=" icon-group"],
[class*=" icon-page"],
[class^=icon-group],
[class^=icon-page] {
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-group-3:before {
    content: "\E903";
    color: #f30
}

.icon-group-5:before {
    content: "\E904";
    color: #f30
}

.icon-group-6:before {
    content: "\E905";
    color: #f30
}

.icon-page-13:before {
    content: "\E900"
}

.icon-page-12:before {
    content: "\E901"
}

.icon-page-1:before {
    content: "\E902"
}

.flag-icon,
.flag-icon-background {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.flag-icon {
    position: relative;
    display: inline-block;
    width: 1.33333em;
    line-height: 1em
}

.flag-icon:before {
    content: "\A0"
}

.flag-icon.flag-icon-squared {
    width: 1em
}

.flag-icon-ad {
    background-image: url(../fonts/flags//4x3/ad.svg)
}

.flag-icon-ad.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ad.svg)
}

.flag-icon-ae {
    background-image: url(../fonts/flags//4x3/ae.svg)
}

.flag-icon-ae.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ae.svg)
}

.flag-icon-af {
    background-image: url(../fonts/flags//4x3/af.svg)
}

.flag-icon-af.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/af.svg)
}

.flag-icon-ag {
    background-image: url(../fonts/flags//4x3/ag.svg)
}

.flag-icon-ag.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ag.svg)
}

.flag-icon-ai {
    background-image: url(../fonts/flags//4x3/ai.svg)
}

.flag-icon-ai.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ai.svg)
}

.flag-icon-al {
    background-image: url(../fonts/flags//4x3/al.svg)
}

.flag-icon-al.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/al.svg)
}

.flag-icon-am {
    background-image: url(../fonts/flags//4x3/am.svg)
}

.flag-icon-am.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/am.svg)
}

.flag-icon-ao {
    background-image: url(../fonts/flags//4x3/ao.svg)
}

.flag-icon-ao.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ao.svg)
}

.flag-icon-aq {
    background-image: url(../fonts/flags//4x3/aq.svg)
}

.flag-icon-aq.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/aq.svg)
}

.flag-icon-ar {
    background-image: url(../fonts/flags//4x3/ar.svg)
}

.flag-icon-ar.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ar.svg)
}

.flag-icon-as {
    background-image: url(../fonts/flags//4x3/as.svg)
}

.flag-icon-as.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/as.svg)
}

.flag-icon-at {
    background-image: url(../fonts/flags//4x3/at.svg)
}

.flag-icon-at.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/at.svg)
}

.flag-icon-au {
    background-image: url(../fonts/flags//4x3/au.svg)
}

.flag-icon-au.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/au.svg)
}

.flag-icon-aw {
    background-image: url(../fonts/flags//4x3/aw.svg)
}

.flag-icon-aw.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/aw.svg)
}

.flag-icon-ax {
    background-image: url(../fonts/flags//4x3/ax.svg)
}

.flag-icon-ax.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ax.svg)
}

.flag-icon-az {
    background-image: url(../fonts/flags//4x3/az.svg)
}

.flag-icon-az.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/az.svg)
}

.flag-icon-ba {
    background-image: url(../fonts/flags//4x3/ba.svg)
}

.flag-icon-ba.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ba.svg)
}

.flag-icon-bb {
    background-image: url(../fonts/flags//4x3/bb.svg)
}

.flag-icon-bb.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/bb.svg)
}

.flag-icon-bd {
    background-image: url(../fonts/flags//4x3/bd.svg)
}

.flag-icon-bd.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/bd.svg)
}

.flag-icon-be {
    background-image: url(../fonts/flags//4x3/be.svg)
}

.flag-icon-be.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/be.svg)
}

.flag-icon-bf {
    background-image: url(../fonts/flags//4x3/bf.svg)
}

.flag-icon-bf.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/bf.svg)
}

.flag-icon-bg {
    background-image: url(../fonts/flags//4x3/bg.svg)
}

.flag-icon-bg.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/bg.svg)
}

.flag-icon-bh {
    background-image: url(../fonts/flags//4x3/bh.svg)
}

.flag-icon-bh.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/bh.svg)
}

.flag-icon-bi {
    background-image: url(../fonts/flags//4x3/bi.svg)
}

.flag-icon-bi.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/bi.svg)
}

.flag-icon-bj {
    background-image: url(../fonts/flags//4x3/bj.svg)
}

.flag-icon-bj.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/bj.svg)
}

.flag-icon-bl {
    background-image: url(../fonts/flags//4x3/bl.svg)
}

.flag-icon-bl.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/bl.svg)
}

.flag-icon-bm {
    background-image: url(../fonts/flags//4x3/bm.svg)
}

.flag-icon-bm.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/bm.svg)
}

.flag-icon-bn {
    background-image: url(../fonts/flags//4x3/bn.svg)
}

.flag-icon-bn.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/bn.svg)
}

.flag-icon-bo {
    background-image: url(../fonts/flags//4x3/bo.svg)
}

.flag-icon-bo.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/bo.svg)
}

.flag-icon-bq {
    background-image: url(../fonts/flags//4x3/bq.svg)
}

.flag-icon-bq.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/bq.svg)
}

.flag-icon-br {
    background-image: url(../fonts/flags//4x3/br.svg)
}

.flag-icon-br.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/br.svg)
}

.flag-icon-bs {
    background-image: url(../fonts/flags//4x3/bs.svg)
}

.flag-icon-bs.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/bs.svg)
}

.flag-icon-bt {
    background-image: url(../fonts/flags//4x3/bt.svg)
}

.flag-icon-bt.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/bt.svg)
}

.flag-icon-bv {
    background-image: url(../fonts/flags//4x3/bv.svg)
}

.flag-icon-bv.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/bv.svg)
}

.flag-icon-bw {
    background-image: url(../fonts/flags//4x3/bw.svg)
}

.flag-icon-bw.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/bw.svg)
}

.flag-icon-by {
    background-image: url(../fonts/flags//4x3/by.svg)
}

.flag-icon-by.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/by.svg)
}

.flag-icon-bz {
    background-image: url(../fonts/flags//4x3/bz.svg)
}

.flag-icon-bz.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/bz.svg)
}

.flag-icon-ca {
    background-image: url(../fonts/flags//4x3/ca.svg)
}

.flag-icon-ca.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ca.svg)
}

.flag-icon-cc {
    background-image: url(../fonts/flags//4x3/cc.svg)
}

.flag-icon-cc.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/cc.svg)
}

.flag-icon-cd {
    background-image: url(../fonts/flags//4x3/cd.svg)
}

.flag-icon-cd.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/cd.svg)
}

.flag-icon-cf {
    background-image: url(../fonts/flags//4x3/cf.svg)
}

.flag-icon-cf.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/cf.svg)
}

.flag-icon-cg {
    background-image: url(../fonts/flags//4x3/cg.svg)
}

.flag-icon-cg.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/cg.svg)
}

.flag-icon-ch {
    background-image: url(../fonts/flags//4x3/ch.svg)
}

.flag-icon-ch.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ch.svg)
}

.flag-icon-ci {
    background-image: url(../fonts/flags//4x3/ci.svg)
}

.flag-icon-ci.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ci.svg)
}

.flag-icon-ck {
    background-image: url(../fonts/flags//4x3/ck.svg)
}

.flag-icon-ck.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ck.svg)
}

.flag-icon-cl {
    background-image: url(../fonts/flags//4x3/cl.svg)
}

.flag-icon-cl.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/cl.svg)
}

.flag-icon-cm {
    background-image: url(../fonts/flags//4x3/cm.svg)
}

.flag-icon-cm.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/cm.svg)
}

.flag-icon-cn {
    background-image: url(../fonts/flags//4x3/cn.svg)
}

.flag-icon-cn.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/cn.svg)
}

.flag-icon-co {
    background-image: url(../fonts/flags//4x3/co.svg)
}

.flag-icon-co.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/co.svg)
}

.flag-icon-cr {
    background-image: url(../fonts/flags//4x3/cr.svg)
}

.flag-icon-cr.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/cr.svg)
}

.flag-icon-cu {
    background-image: url(../fonts/flags//4x3/cu.svg)
}

.flag-icon-cu.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/cu.svg)
}

.flag-icon-cv {
    background-image: url(../fonts/flags//4x3/cv.svg)
}

.flag-icon-cv.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/cv.svg)
}

.flag-icon-cw {
    background-image: url(../fonts/flags//4x3/cw.svg)
}

.flag-icon-cw.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/cw.svg)
}

.flag-icon-cx {
    background-image: url(../fonts/flags//4x3/cx.svg)
}

.flag-icon-cx.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/cx.svg)
}

.flag-icon-cy {
    background-image: url(../fonts/flags//4x3/cy.svg)
}

.flag-icon-cy.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/cy.svg)
}

.flag-icon-cz {
    background-image: url(../fonts/flags//4x3/cz.svg)
}

.flag-icon-cz.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/cz.svg)
}

.flag-icon-de {
    background-image: url(../fonts/flags//4x3/de.svg)
}

.flag-icon-de.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/de.svg)
}

.flag-icon-dj {
    background-image: url(../fonts/flags//4x3/dj.svg)
}

.flag-icon-dj.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/dj.svg)
}

.flag-icon-dk {
    background-image: url(../fonts/flags//4x3/dk.svg)
}

.flag-icon-dk.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/dk.svg)
}

.flag-icon-dm {
    background-image: url(../fonts/flags//4x3/dm.svg)
}

.flag-icon-dm.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/dm.svg)
}

.flag-icon-do {
    background-image: url(../fonts/flags//4x3/do.svg)
}

.flag-icon-do.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/do.svg)
}

.flag-icon-dz {
    background-image: url(../fonts/flags//4x3/dz.svg)
}

.flag-icon-dz.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/dz.svg)
}

.flag-icon-ec {
    background-image: url(../fonts/flags//4x3/ec.svg)
}

.flag-icon-ec.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ec.svg)
}

.flag-icon-ee {
    background-image: url(../fonts/flags//4x3/ee.svg)
}

.flag-icon-ee.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ee.svg)
}

.flag-icon-eg {
    background-image: url(../fonts/flags//4x3/eg.svg)
}

.flag-icon-eg.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/eg.svg)
}

.flag-icon-eh {
    background-image: url(../fonts/flags//4x3/eh.svg)
}

.flag-icon-eh.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/eh.svg)
}

.flag-icon-er {
    background-image: url(../fonts/flags//4x3/er.svg)
}

.flag-icon-er.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/er.svg)
}

.flag-icon-es {
    background-image: url(../fonts/flags//4x3/es.svg)
}

.flag-icon-es.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/es.svg)
}

.flag-icon-et {
    background-image: url(../fonts/flags//4x3/et.svg)
}

.flag-icon-et.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/et.svg)
}

.flag-icon-fi {
    background-image: url(../fonts/flags//4x3/fi.svg)
}

.flag-icon-fi.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/fi.svg)
}

.flag-icon-fj {
    background-image: url(../fonts/flags//4x3/fj.svg)
}

.flag-icon-fj.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/fj.svg)
}

.flag-icon-fk {
    background-image: url(../fonts/flags//4x3/fk.svg)
}

.flag-icon-fk.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/fk.svg)
}

.flag-icon-fm {
    background-image: url(../fonts/flags//4x3/fm.svg)
}

.flag-icon-fm.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/fm.svg)
}

.flag-icon-fo {
    background-image: url(../fonts/flags//4x3/fo.svg)
}

.flag-icon-fo.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/fo.svg)
}

.flag-icon-fr {
    background-image: url(../fonts/flags//4x3/fr.svg)
}

.flag-icon-fr.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/fr.svg)
}

.flag-icon-ga {
    background-image: url(../fonts/flags//4x3/ga.svg)
}

.flag-icon-ga.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ga.svg)
}

.flag-icon-gb {
    background-image: url(../fonts/flags//4x3/gb.svg)
}

.flag-icon-gb.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gb.svg)
}

.flag-icon-gd {
    background-image: url(../fonts/flags//4x3/gd.svg)
}

.flag-icon-gd.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gd.svg)
}

.flag-icon-ge {
    background-image: url(../fonts/flags//4x3/ge.svg)
}

.flag-icon-ge.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ge.svg)
}

.flag-icon-gf {
    background-image: url(../fonts/flags//4x3/gf.svg)
}

.flag-icon-gf.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gf.svg)
}

.flag-icon-gg {
    background-image: url(../fonts/flags//4x3/gg.svg)
}

.flag-icon-gg.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gg.svg)
}

.flag-icon-gh {
    background-image: url(../fonts/flags//4x3/gh.svg)
}

.flag-icon-gh.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gh.svg)
}

.flag-icon-gi {
    background-image: url(../fonts/flags//4x3/gi.svg)
}

.flag-icon-gi.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gi.svg)
}

.flag-icon-gl {
    background-image: url(../fonts/flags//4x3/gl.svg)
}

.flag-icon-gl.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gl.svg)
}

.flag-icon-gm {
    background-image: url(../fonts/flags//4x3/gm.svg)
}

.flag-icon-gm.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gm.svg)
}

.flag-icon-gn {
    background-image: url(../fonts/flags//4x3/gn.svg)
}

.flag-icon-gn.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gn.svg)
}

.flag-icon-gp {
    background-image: url(../fonts/flags//4x3/gp.svg)
}

.flag-icon-gp.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gp.svg)
}

.flag-icon-gq {
    background-image: url(../fonts/flags//4x3/gq.svg)
}

.flag-icon-gq.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gq.svg)
}

.flag-icon-gr {
    background-image: url(../fonts/flags//4x3/gr.svg)
}

.flag-icon-gr.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gr.svg)
}

.flag-icon-gs {
    background-image: url(../fonts/flags//4x3/gs.svg)
}

.flag-icon-gs.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gs.svg)
}

.flag-icon-gt {
    background-image: url(../fonts/flags//4x3/gt.svg)
}

.flag-icon-gt.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gt.svg)
}

.flag-icon-gu {
    background-image: url(../fonts/flags//4x3/gu.svg)
}

.flag-icon-gu.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gu.svg)
}

.flag-icon-gw {
    background-image: url(../fonts/flags//4x3/gw.svg)
}

.flag-icon-gw.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gw.svg)
}

.flag-icon-gy {
    background-image: url(../fonts/flags//4x3/gy.svg)
}

.flag-icon-gy.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gy.svg)
}

.flag-icon-hk {
    background-image: url(../fonts/flags//4x3/hk.svg)
}

.flag-icon-hk.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/hk.svg)
}

.flag-icon-hm {
    background-image: url(../fonts/flags//4x3/hm.svg)
}

.flag-icon-hm.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/hm.svg)
}

.flag-icon-hn {
    background-image: url(../fonts/flags//4x3/hn.svg)
}

.flag-icon-hn.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/hn.svg)
}

.flag-icon-hr {
    background-image: url(../fonts/flags//4x3/hr.svg)
}

.flag-icon-hr.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/hr.svg)
}

.flag-icon-ht {
    background-image: url(../fonts/flags//4x3/ht.svg)
}

.flag-icon-ht.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ht.svg)
}

.flag-icon-hu {
    background-image: url(../fonts/flags//4x3/hu.svg)
}

.flag-icon-hu.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/hu.svg)
}

.flag-icon-id {
    background-image: url(../fonts/flags//4x3/id.svg)
}

.flag-icon-id.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/id.svg)
}

.flag-icon-ie {
    background-image: url(../fonts/flags//4x3/ie.svg)
}

.flag-icon-ie.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ie.svg)
}

.flag-icon-il {
    background-image: url(../fonts/flags//4x3/il.svg)
}

.flag-icon-il.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/il.svg)
}

.flag-icon-im {
    background-image: url(../fonts/flags//4x3/im.svg)
}

.flag-icon-im.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/im.svg)
}

.flag-icon-in {
    background-image: url(../fonts/flags//4x3/in.svg)
}

.flag-icon-in.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/in.svg)
}

.flag-icon-io {
    background-image: url(../fonts/flags//4x3/io.svg)
}

.flag-icon-io.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/io.svg)
}

.flag-icon-iq {
    background-image: url(../fonts/flags//4x3/iq.svg)
}

.flag-icon-iq.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/iq.svg)
}

.flag-icon-ir {
    background-image: url(../fonts/flags//4x3/ir.svg)
}

.flag-icon-ir.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ir.svg)
}

.flag-icon-is {
    background-image: url(../fonts/flags//4x3/is.svg)
}

.flag-icon-is.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/is.svg)
}

.flag-icon-it {
    background-image: url(../fonts/flags//4x3/it.svg)
}

.flag-icon-it.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/it.svg)
}

.flag-icon-je {
    background-image: url(../fonts/flags//4x3/je.svg)
}

.flag-icon-je.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/je.svg)
}

.flag-icon-jm {
    background-image: url(../fonts/flags//4x3/jm.svg)
}

.flag-icon-jm.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/jm.svg)
}

.flag-icon-jo {
    background-image: url(../fonts/flags//4x3/jo.svg)
}

.flag-icon-jo.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/jo.svg)
}

.flag-icon-jp {
    background-image: url(../fonts/flags//4x3/jp.svg)
}

.flag-icon-jp.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/jp.svg)
}

.flag-icon-ke {
    background-image: url(../fonts/flags//4x3/ke.svg)
}

.flag-icon-ke.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ke.svg)
}

.flag-icon-kg {
    background-image: url(../fonts/flags//4x3/kg.svg)
}

.flag-icon-kg.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/kg.svg)
}

.flag-icon-kh {
    background-image: url(../fonts/flags//4x3/kh.svg)
}

.flag-icon-kh.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/kh.svg)
}

.flag-icon-ki {
    background-image: url(../fonts/flags//4x3/ki.svg)
}

.flag-icon-ki.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ki.svg)
}

.flag-icon-km {
    background-image: url(../fonts/flags//4x3/km.svg)
}

.flag-icon-km.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/km.svg)
}

.flag-icon-kn {
    background-image: url(../fonts/flags//4x3/kn.svg)
}

.flag-icon-kn.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/kn.svg)
}

.flag-icon-kp {
    background-image: url(../fonts/flags//4x3/kp.svg)
}

.flag-icon-kp.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/kp.svg)
}

.flag-icon-kr {
    background-image: url(../fonts/flags//4x3/kr.svg)
}

.flag-icon-kr.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/kr.svg)
}

.flag-icon-kw {
    background-image: url(../fonts/flags//4x3/kw.svg)
}

.flag-icon-kw.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/kw.svg)
}

.flag-icon-ky {
    background-image: url(../fonts/flags//4x3/ky.svg)
}

.flag-icon-ky.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ky.svg)
}

.flag-icon-kz {
    background-image: url(../fonts/flags//4x3/kz.svg)
}

.flag-icon-kz.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/kz.svg)
}

.flag-icon-la {
    background-image: url(../fonts/flags//4x3/la.svg)
}

.flag-icon-la.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/la.svg)
}

.flag-icon-lb {
    background-image: url(../fonts/flags//4x3/lb.svg)
}

.flag-icon-lb.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/lb.svg)
}

.flag-icon-lc {
    background-image: url(../fonts/flags//4x3/lc.svg)
}

.flag-icon-lc.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/lc.svg)
}

.flag-icon-li {
    background-image: url(../fonts/flags//4x3/li.svg)
}

.flag-icon-li.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/li.svg)
}

.flag-icon-lk {
    background-image: url(../fonts/flags//4x3/lk.svg)
}

.flag-icon-lk.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/lk.svg)
}

.flag-icon-lr {
    background-image: url(../fonts/flags//4x3/lr.svg)
}

.flag-icon-lr.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/lr.svg)
}

.flag-icon-ls {
    background-image: url(../fonts/flags//4x3/ls.svg)
}

.flag-icon-ls.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ls.svg)
}

.flag-icon-lt {
    background-image: url(../fonts/flags//4x3/lt.svg)
}

.flag-icon-lt.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/lt.svg)
}

.flag-icon-lu {
    background-image: url(../fonts/flags//4x3/lu.svg)
}

.flag-icon-lu.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/lu.svg)
}

.flag-icon-lv {
    background-image: url(../fonts/flags//4x3/lv.svg)
}

.flag-icon-lv.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/lv.svg)
}

.flag-icon-ly {
    background-image: url(../fonts/flags//4x3/ly.svg)
}

.flag-icon-ly.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ly.svg)
}

.flag-icon-ma {
    background-image: url(../fonts/flags//4x3/ma.svg)
}

.flag-icon-ma.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ma.svg)
}

.flag-icon-mc {
    background-image: url(../fonts/flags//4x3/mc.svg)
}

.flag-icon-mc.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/mc.svg)
}

.flag-icon-md {
    background-image: url(../fonts/flags//4x3/md.svg)
}

.flag-icon-md.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/md.svg)
}

.flag-icon-me {
    background-image: url(../fonts/flags//4x3/me.svg)
}

.flag-icon-me.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/me.svg)
}

.flag-icon-mf {
    background-image: url(../fonts/flags//4x3/mf.svg)
}

.flag-icon-mf.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/mf.svg)
}

.flag-icon-mg {
    background-image: url(../fonts/flags//4x3/mg.svg)
}

.flag-icon-mg.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/mg.svg)
}

.flag-icon-mh {
    background-image: url(../fonts/flags//4x3/mh.svg)
}

.flag-icon-mh.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/mh.svg)
}

.flag-icon-mk {
    background-image: url(../fonts/flags//4x3/mk.svg)
}

.flag-icon-mk.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/mk.svg)
}

.flag-icon-ml {
    background-image: url(../fonts/flags//4x3/ml.svg)
}

.flag-icon-ml.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ml.svg)
}

.flag-icon-mm {
    background-image: url(../fonts/flags//4x3/mm.svg)
}

.flag-icon-mm.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/mm.svg)
}

.flag-icon-mn {
    background-image: url(../fonts/flags//4x3/mn.svg)
}

.flag-icon-mn.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/mn.svg)
}

.flag-icon-mo {
    background-image: url(../fonts/flags//4x3/mo.svg)
}

.flag-icon-mo.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/mo.svg)
}

.flag-icon-mp {
    background-image: url(../fonts/flags//4x3/mp.svg)
}

.flag-icon-mp.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/mp.svg)
}

.flag-icon-mq {
    background-image: url(../fonts/flags//4x3/mq.svg)
}

.flag-icon-mq.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/mq.svg)
}

.flag-icon-mr {
    background-image: url(../fonts/flags//4x3/mr.svg)
}

.flag-icon-mr.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/mr.svg)
}

.flag-icon-ms {
    background-image: url(../fonts/flags//4x3/ms.svg)
}

.flag-icon-ms.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ms.svg)
}

.flag-icon-mt {
    background-image: url(../fonts/flags//4x3/mt.svg)
}

.flag-icon-mt.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/mt.svg)
}

.flag-icon-mu {
    background-image: url(../fonts/flags//4x3/mu.svg)
}

.flag-icon-mu.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/mu.svg)
}

.flag-icon-mv {
    background-image: url(../fonts/flags//4x3/mv.svg)
}

.flag-icon-mv.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/mv.svg)
}

.flag-icon-mw {
    background-image: url(../fonts/flags//4x3/mw.svg)
}

.flag-icon-mw.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/mw.svg)
}

.flag-icon-mx {
    background-image: url(../fonts/flags//4x3/mx.svg)
}

.flag-icon-mx.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/mx.svg)
}

.flag-icon-my {
    background-image: url(../fonts/flags//4x3/my.svg)
}

.flag-icon-my.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/my.svg)
}

.flag-icon-mz {
    background-image: url(../fonts/flags//4x3/mz.svg)
}

.flag-icon-mz.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/mz.svg)
}

.flag-icon-na {
    background-image: url(../fonts/flags//4x3/na.svg)
}

.flag-icon-na.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/na.svg)
}

.flag-icon-nc {
    background-image: url(../fonts/flags//4x3/nc.svg)
}

.flag-icon-nc.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/nc.svg)
}

.flag-icon-ne {
    background-image: url(../fonts/flags//4x3/ne.svg)
}

.flag-icon-ne.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ne.svg)
}

.flag-icon-nf {
    background-image: url(../fonts/flags//4x3/nf.svg)
}

.flag-icon-nf.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/nf.svg)
}

.flag-icon-ng {
    background-image: url(../fonts/flags//4x3/ng.svg)
}

.flag-icon-ng.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ng.svg)
}

.flag-icon-ni {
    background-image: url(../fonts/flags//4x3/ni.svg)
}

.flag-icon-ni.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ni.svg)
}

.flag-icon-nl {
    background-image: url(../fonts/flags//4x3/nl.svg)
}

.flag-icon-nl.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/nl.svg)
}

.flag-icon-no {
    background-image: url(../fonts/flags//4x3/no.svg)
}

.flag-icon-no.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/no.svg)
}

.flag-icon-np {
    background-image: url(../fonts/flags//4x3/np.svg)
}

.flag-icon-np.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/np.svg)
}

.flag-icon-nr {
    background-image: url(../fonts/flags//4x3/nr.svg)
}

.flag-icon-nr.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/nr.svg)
}

.flag-icon-nu {
    background-image: url(../fonts/flags//4x3/nu.svg)
}

.flag-icon-nu.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/nu.svg)
}

.flag-icon-nz {
    background-image: url(../fonts/flags//4x3/nz.svg)
}

.flag-icon-nz.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/nz.svg)
}

.flag-icon-om {
    background-image: url(../fonts/flags//4x3/om.svg)
}

.flag-icon-om.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/om.svg)
}

.flag-icon-pa {
    background-image: url(../fonts/flags//4x3/pa.svg)
}

.flag-icon-pa.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/pa.svg)
}

.flag-icon-pe {
    background-image: url(../fonts/flags//4x3/pe.svg)
}

.flag-icon-pe.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/pe.svg)
}

.flag-icon-pf {
    background-image: url(../fonts/flags//4x3/pf.svg)
}

.flag-icon-pf.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/pf.svg)
}

.flag-icon-pg {
    background-image: url(../fonts/flags//4x3/pg.svg)
}

.flag-icon-pg.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/pg.svg)
}

.flag-icon-ph {
    background-image: url(../fonts/flags//4x3/ph.svg)
}

.flag-icon-ph.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ph.svg)
}

.flag-icon-pk {
    background-image: url(../fonts/flags//4x3/pk.svg)
}

.flag-icon-pk.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/pk.svg)
}

.flag-icon-pl {
    background-image: url(../fonts/flags//4x3/pl.svg)
}

.flag-icon-pl.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/pl.svg)
}

.flag-icon-pm {
    background-image: url(../fonts/flags//4x3/pm.svg)
}

.flag-icon-pm.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/pm.svg)
}

.flag-icon-pn {
    background-image: url(../fonts/flags//4x3/pn.svg)
}

.flag-icon-pn.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/pn.svg)
}

.flag-icon-pr {
    background-image: url(../fonts/flags//4x3/pr.svg)
}

.flag-icon-pr.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/pr.svg)
}

.flag-icon-ps {
    background-image: url(../fonts/flags//4x3/ps.svg)
}

.flag-icon-ps.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ps.svg)
}

.flag-icon-pt {
    background-image: url(../fonts/flags//4x3/pt.svg)
}

.flag-icon-pt.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/pt.svg)
}

.flag-icon-pw {
    background-image: url(../fonts/flags//4x3/pw.svg)
}

.flag-icon-pw.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/pw.svg)
}

.flag-icon-py {
    background-image: url(../fonts/flags//4x3/py.svg)
}

.flag-icon-py.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/py.svg)
}

.flag-icon-qa {
    background-image: url(../fonts/flags//4x3/qa.svg)
}

.flag-icon-qa.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/qa.svg)
}

.flag-icon-re {
    background-image: url(../fonts/flags//4x3/re.svg)
}

.flag-icon-re.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/re.svg)
}

.flag-icon-ro {
    background-image: url(../fonts/flags//4x3/ro.svg)
}

.flag-icon-ro.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ro.svg)
}

.flag-icon-rs {
    background-image: url(../fonts/flags//4x3/rs.svg)
}

.flag-icon-rs.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/rs.svg)
}

.flag-icon-ru {
    background-image: url(../fonts/flags//4x3/ru.svg)
}

.flag-icon-ru.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ru.svg)
}

.flag-icon-rw {
    background-image: url(../fonts/flags//4x3/rw.svg)
}

.flag-icon-rw.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/rw.svg)
}

.flag-icon-sa {
    background-image: url(../fonts/flags//4x3/sa.svg)
}

.flag-icon-sa.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/sa.svg)
}

.flag-icon-sb {
    background-image: url(../fonts/flags//4x3/sb.svg)
}

.flag-icon-sb.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/sb.svg)
}

.flag-icon-sc {
    background-image: url(../fonts/flags//4x3/sc.svg)
}

.flag-icon-sc.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/sc.svg)
}

.flag-icon-sd {
    background-image: url(../fonts/flags//4x3/sd.svg)
}

.flag-icon-sd.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/sd.svg)
}

.flag-icon-se {
    background-image: url(../fonts/flags//4x3/se.svg)
}

.flag-icon-se.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/se.svg)
}

.flag-icon-sg {
    background-image: url(../fonts/flags//4x3/sg.svg)
}

.flag-icon-sg.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/sg.svg)
}

.flag-icon-sh {
    background-image: url(../fonts/flags//4x3/sh.svg)
}

.flag-icon-sh.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/sh.svg)
}

.flag-icon-si {
    background-image: url(../fonts/flags//4x3/si.svg)
}

.flag-icon-si.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/si.svg)
}

.flag-icon-sj {
    background-image: url(../fonts/flags//4x3/sj.svg)
}

.flag-icon-sj.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/sj.svg)
}

.flag-icon-sk {
    background-image: url(../fonts/flags//4x3/sk.svg)
}

.flag-icon-sk.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/sk.svg)
}

.flag-icon-sl {
    background-image: url(../fonts/flags//4x3/sl.svg)
}

.flag-icon-sl.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/sl.svg)
}

.flag-icon-sm {
    background-image: url(../fonts/flags//4x3/sm.svg)
}

.flag-icon-sm.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/sm.svg)
}

.flag-icon-sn {
    background-image: url(../fonts/flags//4x3/sn.svg)
}

.flag-icon-sn.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/sn.svg)
}

.flag-icon-so {
    background-image: url(../fonts/flags//4x3/so.svg)
}

.flag-icon-so.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/so.svg)
}

.flag-icon-sr {
    background-image: url(../fonts/flags//4x3/sr.svg)
}

.flag-icon-sr.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/sr.svg)
}

.flag-icon-ss {
    background-image: url(../fonts/flags//4x3/ss.svg)
}

.flag-icon-ss.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ss.svg)
}

.flag-icon-st {
    background-image: url(../fonts/flags//4x3/st.svg)
}

.flag-icon-st.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/st.svg)
}

.flag-icon-sv {
    background-image: url(../fonts/flags//4x3/sv.svg)
}

.flag-icon-sv.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/sv.svg)
}

.flag-icon-sx {
    background-image: url(../fonts/flags//4x3/sx.svg)
}

.flag-icon-sx.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/sx.svg)
}

.flag-icon-sy {
    background-image: url(../fonts/flags//4x3/sy.svg)
}

.flag-icon-sy.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/sy.svg)
}

.flag-icon-sz {
    background-image: url(../fonts/flags//4x3/sz.svg)
}

.flag-icon-sz.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/sz.svg)
}

.flag-icon-tc {
    background-image: url(../fonts/flags//4x3/tc.svg)
}

.flag-icon-tc.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/tc.svg)
}

.flag-icon-td {
    background-image: url(../fonts/flags//4x3/td.svg)
}

.flag-icon-td.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/td.svg)
}

.flag-icon-tf {
    background-image: url(../fonts/flags//4x3/tf.svg)
}

.flag-icon-tf.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/tf.svg)
}

.flag-icon-tg {
    background-image: url(../fonts/flags//4x3/tg.svg)
}

.flag-icon-tg.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/tg.svg)
}

.flag-icon-th {
    background-image: url(../fonts/flags//4x3/th.svg)
}

.flag-icon-th.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/th.svg)
}

.flag-icon-tj {
    background-image: url(../fonts/flags//4x3/tj.svg)
}

.flag-icon-tj.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/tj.svg)
}

.flag-icon-tk {
    background-image: url(../fonts/flags//4x3/tk.svg)
}

.flag-icon-tk.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/tk.svg)
}

.flag-icon-tl {
    background-image: url(../fonts/flags//4x3/tl.svg)
}

.flag-icon-tl.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/tl.svg)
}

.flag-icon-tm {
    background-image: url(../fonts/flags//4x3/tm.svg)
}

.flag-icon-tm.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/tm.svg)
}

.flag-icon-tn {
    background-image: url(../fonts/flags//4x3/tn.svg)
}

.flag-icon-tn.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/tn.svg)
}

.flag-icon-to {
    background-image: url(../fonts/flags//4x3/to.svg)
}

.flag-icon-to.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/to.svg)
}

.flag-icon-tr {
    background-image: url(../fonts/flags//4x3/tr.svg)
}

.flag-icon-tr.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/tr.svg)
}

.flag-icon-tt {
    background-image: url(../fonts/flags//4x3/tt.svg)
}

.flag-icon-tt.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/tt.svg)
}

.flag-icon-tv {
    background-image: url(../fonts/flags//4x3/tv.svg)
}

.flag-icon-tv.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/tv.svg)
}

.flag-icon-tw {
    background-image: url(../fonts/flags//4x3/tw.svg)
}

.flag-icon-tw.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/tw.svg)
}

.flag-icon-tz {
    background-image: url(../fonts/flags//4x3/tz.svg)
}

.flag-icon-tz.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/tz.svg)
}

.flag-icon-ua {
    background-image: url(../fonts/flags//4x3/ua.svg)
}

.flag-icon-ua.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ua.svg)
}

.flag-icon-ug {
    background-image: url(../fonts/flags//4x3/ug.svg)
}

.flag-icon-ug.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ug.svg)
}

.flag-icon-um {
    background-image: url(../fonts/flags//4x3/um.svg)
}

.flag-icon-um.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/um.svg)
}

.flag-icon-us {
    background-image: url(../fonts/flags//4x3/us.svg)
}

.flag-icon-us.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/us.svg)
}

.flag-icon-uy {
    background-image: url(../fonts/flags//4x3/uy.svg)
}

.flag-icon-uy.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/uy.svg)
}

.flag-icon-uz {
    background-image: url(../fonts/flags//4x3/uz.svg)
}

.flag-icon-uz.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/uz.svg)
}

.flag-icon-va {
    background-image: url(../fonts/flags//4x3/va.svg)
}

.flag-icon-va.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/va.svg)
}

.flag-icon-vc {
    background-image: url(../fonts/flags//4x3/vc.svg)
}

.flag-icon-vc.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/vc.svg)
}

.flag-icon-ve {
    background-image: url(../fonts/flags//4x3/ve.svg)
}

.flag-icon-ve.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ve.svg)
}

.flag-icon-vg {
    background-image: url(../fonts/flags//4x3/vg.svg)
}

.flag-icon-vg.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/vg.svg)
}

.flag-icon-vi {
    background-image: url(../fonts/flags//4x3/vi.svg)
}

.flag-icon-vi.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/vi.svg)
}

.flag-icon-vn {
    background-image: url(../fonts/flags//4x3/vn.svg)
}

.flag-icon-vn.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/vn.svg)
}

.flag-icon-vu {
    background-image: url(../fonts/flags//4x3/vu.svg)
}

.flag-icon-vu.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/vu.svg)
}

.flag-icon-wf {
    background-image: url(../fonts/flags//4x3/wf.svg)
}

.flag-icon-wf.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/wf.svg)
}

.flag-icon-ws {
    background-image: url(../fonts/flags//4x3/ws.svg)
}

.flag-icon-ws.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ws.svg)
}

.flag-icon-ye {
    background-image: url(../fonts/flags//4x3/ye.svg)
}

.flag-icon-ye.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ye.svg)
}

.flag-icon-yt {
    background-image: url(../fonts/flags//4x3/yt.svg)
}

.flag-icon-yt.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/yt.svg)
}

.flag-icon-za {
    background-image: url(../fonts/flags//4x3/za.svg)
}

.flag-icon-za.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/za.svg)
}

.flag-icon-zm {
    background-image: url(../fonts/flags//4x3/zm.svg)
}

.flag-icon-zm.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/zm.svg)
}

.flag-icon-zw {
    background-image: url(../fonts/flags//4x3/zw.svg)
}

.flag-icon-zw.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/zw.svg)
}

.flag-icon-es-ct {
    background-image: url(../fonts/flags//4x3/es-ct.svg)
}

.flag-icon-es-ct.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/es-ct.svg)
}

.flag-icon-eu {
    background-image: url(../fonts/flags//4x3/eu.svg)
}

.flag-icon-eu.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/eu.svg)
}

.flag-icon-gb-eng {
    background-image: url(../fonts/flags//4x3/gb-eng.svg)
}

.flag-icon-gb-eng.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gb-eng.svg)
}

.flag-icon-gb-nir {
    background-image: url(../fonts/flags//4x3/gb-nir.svg)
}

.flag-icon-gb-nir.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gb-nir.svg)
}

.flag-icon-gb-sct {
    background-image: url(../fonts/flags//4x3/gb-sct.svg)
}

.flag-icon-gb-sct.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gb-sct.svg)
}

.flag-icon-gb-wls {
    background-image: url(../fonts/flags//4x3/gb-wls.svg)
}

.flag-icon-gb-wls.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gb-wls.svg)
}

.flag-icon-un {
    background-image: url(../fonts/flags//4x3/un.svg)
}

.flag-icon-un.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/un.svg)
}

.hero {
    height: 25vw;
    background-size: cover;
    background-position: 50%;
    position: relative
}

.hero h1.page-title {
    top: 50%;
    margin: -1em 0 0
}

@media (min-width:768px) {
    .slant-down:after {
        bottom: 0;
        right: 0;
        border: 0 solid transparent;
        border-right-width: 0;
        border-left-width: 90vw;
        border-bottom: 4vw solid #f9f9f9
    }
}

@media (min-width:768px) {
    .slant-down:after,
    .slant-up:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0
    }
    .slant-up:after {
        top: 0;
        left: 0;
        border: 0 solid transparent;
        border-left-width: 0;
        border-right-width: 90vw;
        border-top: 4vw solid #f9f9f9
    }
}

h1.page-title {
    position: relative;
    color: #fff;
    padding: .3125em .625em .3125em 15px;
    background-color: var(--skin-primary-color-1);
    display: inline-block;
    margin: .9375em 0;
    font-size: 1.5rem
}

@media (min-width:768px) {
    h1.page-title {
        font-size: 2rem
    }
}

@media (min-width:1024px) {
    h1.page-title {
        font-size: 3rem
    }
}

h1.page-title:before {
    content: "";
    background-color: var(--skin-primary-color-1);
    height: 100%;
    width: 0;
    position: absolute;
    left: 0;
    top: 0
}

@media (min-width:1400px) {
    h1.page-title:before {
        width: calc((100vw - 2560px) / 2);
        left: calc((100vw - 2560px) / 2 * -1)
    }
}

@media (min-width:1200px) and (max-width:1399.98px) {
    h1.page-title:before {
        width: calc((100vw -) / 2);
        left: calc((100vw -) / 2 * -1)
    }
}

@media (min-width:1024px) and (max-width:1199.98px) {
    h1.page-title:before {
        width: calc((100vw -) / 2);
        left: calc((100vw -) / 2 * -1)
    }
}

@media (min-width:1400px) {
    h1.page-title {
        left: calc((100% - 2560px) / 2)
    }
}

@media (min-width:1200px) and (max-width:1399.98px) {
    h1.page-title {
        left: calc((1 -) / 2)
    }
}

@media (min-width:1024px) and (max-width:1199.98px) {
    h1.page-title {
        left: calc((1 -) / 2)
    }
}

@media (max-width:1023.98px) {
    h1.page-title {
        left: 0
    }
}

.notify {
    position: fixed;
    top: 0
}

.price {
    color: #333
}

.price .strike-through {
    text-decoration: line-through;
    color: #979797;
    margin-right: .938rem
}

.price .range,
.price .sales,
.price .starting {
    font-weight: 700
}

.price .tiered {
    color: #333
}

.price .tiered table {
    border-top: 1px solid #a9a9a9;
    margin: 0 auto
}

.price .tiered table tr:nth-child(odd) {
    background-color: #e3e3e3
}

.price .tiered span.price,
.price .tiered td {
    font-size: .875rem;
    font-weight: 700
}

.price .tiered td {
    padding: .313rem
}

.price .tiered td.quantity {
    font-weight: 400;
    text-align: right
}

.price .tiered td.value {
    text-align: left
}

.price .tiered .table-header {
    font-size: 1.125rem;
    padding: .313rem
}

.price .tiered .column-header {
    font-size: 1rem;
    padding: .313rem;
    font-weight: 400
}

.price .tiered .column-header.quantity {
    text-align: right
}

.form-nav .nav-tabs .nav-link {
    color: #141414
}

.form-nav .nav-tabs .nav-link.active,
.form-nav .nav-tabs .nav-link.active:focus,
.form-nav .nav-tabs .nav-link.active:hover {
    background-color: #fff;
    color: #141414
}

.nav-tabs .nav-link.active {
    background-color: transparent
}

@media (min-width:1200px) {
    .form-nav .nav-item>.nav-link {
        color: #141414
    }
}

.veil {
    z-index: 100;
    text-align: center
}

.veil,
.veil .underlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.veil .underlay {
    opacity: .5;
    background-color: #000
}

.spinner {
    width: 80px;
    height: 80px;
    text-align: center;
    animation: sk-rotate 2s infinite linear;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -40px;
    margin-left: -40px
}

.dot1,
.dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: #fff;
    border-radius: 100%;
    animation: sk-bounce 2s infinite ease-in-out
}

.dot2 {
    top: auto;
    bottom: 0;
    animation-delay: -1s
}

@keyframes sk-rotate {
    to {
        transform: rotate(1turn)
    }
}

@keyframes sk-bounce {
    0%,
    to {
        transform: scale(0)
    }
    50% {
        transform: scale(1)
    }
}

.item-attributes {
    vertical-align: top;
    padding-left: 0
}

.line-item-attributes,
.line-item-option {
    font-size: .813rem;
    margin: 0
}

.line-item-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #141414;
    font-size: 1em;
    font-weight: 700;
    margin-bottom: .313em
}

.line-item-pricing-info {
    margin-bottom: 0
}

.line-item-pricing-info+.price,
.line-item-pricing-info+.unit-price .price {
    font-size: 1em;
    font-weight: bolder
}

.line-item-price-quantity-info {
    margin-top: .625em;
    border-top: 1px solid #a9a9a9
}

.line-item-total-text {
    font-size: .813em
}

.pricing {
    font-size: 1em;
    font-weight: bolder
}

.item-image {
    height: 5.625em;
    width: 5.625em;
    margin-right: .938em;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.item-image img.product-image {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
    max-height: 5.625em
}

.non-adjusted-price {
    display: none
}

.line-item-promo {
    color: #148346;
    font-size: .813em
}

.line-item-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.bundled-line-item+.bundled-line-item {
    margin-top: .625em
}

.bundle-includes {
    font-size: .813em;
    margin-bottom: .625em
}

.line-item-divider {
    margin: .625em -1.225em .625em -1.325em
}

.line-dotted {
    border-top: .063em dashed #ccc
}

.line-item-availability {
    font-size: .813rem
}

.product-line-item-details {
    overflow-y: auto
}

.minicart {
    position: relative
}

.minicart h1 {
    font-size: 1rem
}

.minicart .cart {
    padding-top: .625em;
    padding-bottom: .625em;
    background-color: #f9f9f9
}

.minicart .remove-btn {
    color: #979797;
    float: right;
    background-color: #fff;
    border: none;
    font-size: 1.625em;
    margin-top: -.313em;
    padding: 0
}

.minicart .product-summary {
    margin-right: -.938em;
    max-height: 21.875em;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: .938em
}

.minicart .card-body {
    padding: .625em
}

.minicart .quantity-label {
    font-size: .813em
}

.minicart .quantity {
    width: 100%
}

.minicart .popover {
    top: 100%;
    left: auto;
    right: 0;
    min-width: 23.44rem;
    max-width: 23.44rem;
    min-height: 22.7rem;
    display: none
}

.minicart .popover:before {
    left: auto;
    right: 15px
}

.minicart .popover:after {
    left: auto;
    right: 16px
}

.minicart .popover.show {
    display: block
}

.minicart .minicart-footer {
    border-top: 1px solid #a9a9a9
}

.minicart .estimated-total {
    margin-top: .625em
}

.minicart .sub-total,
.minicart .sub-total-label {
    font-size: 1em;
    font-weight: 600
}

.minicart .line-item-divider {
    margin: .625em -.625em .625em -1.325em
}

.minicart .line-item-name {
    width: 90%
}

@media (min-width:768px) and (max-width:1023.98px) {
    .hide-link-med {
        display: none
    }
}

@media (min-width:1024px) {
    .hide-no-link {
        display: none
    }
}

@media (max-width:767.98px) {
    .hide-no-link {
        display: none
    }
}

.info-icon {
    position: relative;
    cursor: pointer;
    display: inline-block;
    border: none;
    padding: 0;
    background: inherit
}

.info-icon .icon {
    border-radius: 1.25rem;
    background-color: var(--skin-primary-color-1);
    width: 1.5625rem;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-weight: 600
}

.info-icon .tooltip {
    position: absolute;
    bottom: 100%;
    padding: .312rem;
    border-radius: .25rem;
    background-color: #333;
    color: #fff;
    font-size: .928rem;
    min-width: 20rem;
    max-width: 15rem;
    transform: translate(-50%, -.625em);
    left: 50%;
    margin-left: 4px;
    animation: fade-in .5s linear forwards
}

@keyframes fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.info-icon .tooltip:before {
    content: " ";
    position: absolute;
    display: block;
    height: 1.25em;
    left: 0;
    bottom: -1.25em;
    width: 100%
}

.info-icon .tooltip:after {
    border-left: .625em solid transparent;
    border-right: .625em solid transparent;
    border-top: .625em solid #333;
    bottom: -.625em;
    content: " ";
    height: 0;
    left: 50%;
    margin-left: -13px;
    position: absolute;
    width: 0
}

.slick-slider {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list,
.slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: #fff url("./ajax-loader.gif") 50% no-repeat
}

@font-face {
    font-family: slick;
    src: url("./fonts/slick.eot");
    src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
    font-weight: 400;
    font-style: normal
}

.slick-next,
.slick-prev {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    border: none
}

.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
    background: transparent;
    color: transparent;
    outline: none
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,
.slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "\2190"
}

[dir=rtl] .slick-prev:before {
    content: "\2192"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: "\2192"
}

[dir=rtl] .slick-next:before {
    content: "\2190"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0
}

.slick-dots li,
.slick-dots li button {
    height: 20px;
    width: 20px;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: none
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "\2022";
    width: 20px;
    height: 20px;
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

.sp-icon {
    font-size: 10px
}

.sp-icon:before {
    content: " ";
    vertical-align: middle;
    display: inline-block;
    background-image: url("../images/sprites/customicons-sprite.svg");
    background-repeat: no-repeat;
    background-size: 18.4em 164em
}

.no-svg .sp-icon:before {
    background-image: url("../customicons-sprite.png")
}

.sp-icon.AKG:before {
    background-position: 0 0;
    width: 4.7em;
    height: 4em
}

.sp-icon.Account:before {
    background-position: 0 -4em;
    width: 3em;
    height: 3em
}

.sp-icon.Account-3x:before {
    background-position: 0 -7em;
    width: 2em;
    height: 2em
}

.sp-icon.Account-White:before {
    background-position: 0 -9em;
    width: 2em;
    height: 2em
}

.sp-icon.Ambient-Aware:before {
    background-position: 0 -11em;
    width: 2.4em;
    height: 2.4em
}

.sp-icon.Battery:before {
    background-position: 0 -13.4em;
    width: 2.2em;
    height: 3em
}

.sp-icon.Cart:before {
    background-position: 0 -16.4em;
    width: 2.9em;
    height: 2.9em
}

.sp-icon.Cart-3x:before {
    background-position: 0 -19.3em;
    width: 2em;
    height: 2em
}

.sp-icon.Cart-White:before {
    background-position: 0 -21.3em;
    width: 2em;
    height: 2em
}

.sp-icon.Close:before {
    background-position: 0 -23.3em;
    width: 3em;
    height: 3em
}

.sp-icon.Down-Arrow:before {
    background-position: 0 -26.3em;
    width: 3em;
    height: 1.8em
}

.sp-icon.Error:before {
    background-position: 0 -28.1em;
    width: 3em;
    height: 3em
}

.sp-icon.Fill:before {
    background-position: 0 -31.1em;
    width: 18.4em;
    height: 15.1em
}

.sp-icon.Fill-new:before {
    background-position: 0 -46.2em;
    width: 1.8em;
    height: 1.6em
}

.sp-icon.HK:before {
    background-position: 0 -47.8em;
    width: 9.8em;
    height: 7.6em
}

.sp-icon.Hamburger-Menu:before {
    background-position: 0 -55.4em;
    width: 2.8em;
    height: 2.4em
}

.sp-icon.Hamburger-Menu-Close:before {
    background-position: 0 -57.8em;
    width: 2.6em;
    height: 2.6em
}

.sp-icon.Hamburger-MenuSmall:before {
    background-position: 0 -60.4em;
    width: 1.8em;
    height: 1.6em
}

.sp-icon.Harman-primary:before {
    background-position: 0 -62em;
    width: 5.5em;
    height: 2.9em
}

.sp-icon.Infinity:before {
    background-position: 0 -64.9em;
    width: 6.3em;
    height: 4.9em
}

.sp-icon.JBL:before {
    background-position: 0 -69.8em;
    width: 1.6em;
    height: 3em
}

.sp-icon.JBL-footer:before {
    background-position: 0 -72.8em;
    width: 4.5em;
    height: 3.5em
}

.sp-icon.JBL-logo:before {
    background-position: 0 -76.3em;
    width: 5.8em;
    height: 5.5em
}

.sp-icon.LED:before {
    background-position: 0 -81.8em;
    width: 2.8em;
    height: 2.9em
}

.sp-icon.Left-Arrow:before {
    background-position: 0 -84.7em;
    width: 1.8em;
    height: 3em
}

.sp-icon.Left-Arrow-Mobile:before {
    background-position: 0 -87.7em;
    width: .8em;
    height: 1.4em
}

.sp-icon.Less:before {
    background-position: 0 -89.1em;
    width: 3em;
    height: .4em
}

.sp-icon.Lock:before {
    background-position: 0 -89.5em;
    width: 2.2em;
    height: 2.9em
}

.sp-icon.More:before {
    background-position: 0 -92.4em;
    width: 3em;
    height: 3em
}

.sp-icon.More-Info:before {
    background-position: 0 -95.4em;
    width: 3em;
    height: 3em
}

.sp-icon.Noise-Cancelling:before {
    background-position: 0 -98.4em;
    width: 2.4em;
    height: 2.4em
}

.sp-icon.Payments:before {
    background-position: 0 -100.8em;
    width: 2.4em;
    height: 1.6em
}

.sp-icon.Revel:before {
    background-position: 0 -102.4em;
    width: 6.8em;
    height: 5.2em
}

.sp-icon.Right-Arrow:before {
    background-position: 0 -107.6em;
    width: 1.8em;
    height: 3em
}

.sp-icon.Search:before {
    background-position: 0 -110.6em;
    width: 3em;
    height: 3em
}

.sp-icon.Search-3x:before {
    background-position: 0 -113.6em;
    width: 2em;
    height: 2em
}

.sp-icon.Search-White:before {
    background-position: 0 -115.6em;
    width: 2em;
    height: 2em
}

.sp-icon.Star-Filled:before {
    background-position: 0 -117.6em;
    width: 3em;
    height: 2.9em
}

.sp-icon.Star-Outline:before {
    background-position: 0 -120.5em;
    width: 3em;
    height: 2.9em
}

.sp-icon.Tick:before {
    background-position: 0 -123.4em;
    width: 2.4em;
    height: 1.8em
}

.sp-icon.Up-Arrow:before {
    background-position: 0 -125.2em;
    width: 3em;
    height: 1.8em
}

.sp-icon.VK:before {
    background-position: 0 -127em;
    width: 1.8em;
    height: 1.8em
}

.sp-icon.Waterproof:before {
    background-position: 0 -128.8em;
    width: 2.2em;
    height: 3em
}

.sp-icon.Wireless:before {
    background-position: 0 -131.8em;
    width: 2.8em;
    height: 2.2em
}

.sp-icon.bell:before {
    background-position: 0 -134em;
    width: 1.8em;
    height: 1.6em
}

.sp-icon.facebook-White:before {
    background-position: 0 -135.6em;
    width: 1em;
    height: 1.8em
}

.sp-icon.facebook-f:before {
    background-position: 0 -137.4em;
    width: 3.6em;
    height: 3.6em
}

.sp-icon.google-g:before {
    background-position: 0 -141em;
    width: 3.6em;
    height: 3.6em
}

.sp-icon.instagram:before {
    background-position: 0 -144.6em;
    width: 1.6em;
    height: 1.8em
}

.sp-icon.lexicon:before {
    background-position: 0 -146.4em;
    width: 5.3em;
    height: 4.1em
}

.sp-icon.mark-levinson:before {
    background-position: 0 -150.5em;
    width: 6.8em;
    height: 5.2em
}

.sp-icon.tiktok:before {
    background-position: 0 -155.7em;
    width: 1.6em;
    height: 1.8em
}

.sp-icon.twitter:before {
    background-position: 0 -157.5em;
    width: 1.6em;
    height: 1.4em
}

.sp-icon.youtube:before {
    background-position: 0 -158.9em;
    width: 2.3em;
    height: 1em
}

body,
html {
    padding: 0;
    margin: 0
}

body {
    background-color: #fff;
    font-family: var(--font-body);
    font-weight: 400
}

body>img[height="1"][width="1"] {
    display: none
}

img {
    max-width: 100%;
    height: auto
}

img.smaller {
    height: 12px
}

b,
strong {
    font-weight: 700
}

a {
    outline: none
}

a:not(.btn) {
    text-decoration: none
}

a:active,
a:focus,
a:hover {
    text-decoration: none;
    outline: none
}

dl,
ol,
ul {
    padding: 0;
    margin: 0
}

@media (min-width:1200px) {
    dl {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    dl dt {
        width: calc(33% - 1rem);
        margin-right: 1rem;
        font-weight: 400
    }
    dl dd {
        width: 67%
    }
    dl dd+dd {
        margin-left: 33%
    }
    dl dd,
    dl dt {
        margin-bottom: .5rem
    }
}

ul li {
    list-style-type: none
}

.container,
.container-narrow {
    width: 100%;
    max-width: 2560px;
    margin: 0 auto;
    box-sizing: border-box
}

.t-h1-style,
.t-h2-style,
.t-h3-style,
.t-h4-style,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-headline)
}

.t-h1-style {
    font-size: 1.875rem;
    line-height: 1.125;
    font-weight: 700
}

@media (min-width:768px) {
    .t-h1-style {
        font-size: 2.375rem
    }
}

@media (min-width:1024px) {
    .t-h1-style {
        font-size: 3rem
    }
}

.t-h2-style {
    font-size: 1.5rem;
    line-height: 44/36;
    font-weight: 700
}

@media (min-width:768px) {
    .t-h2-style {
        font-size: 1.875rem
    }
}

@media (min-width:1024px) {
    .t-h2-style {
        font-size: 2.25rem
    }
}

.t-h3-style {
    font-size: var(--f-m, 1rem);
    line-height: 30/22;
    font-weight: 400
}

@media (min-width:768px) {
    .t-h3-style {
        font-size: var(--f-l, 1.125rem)
    }
}

@media (min-width:1024px) {
    .t-h3-style {
        font-size: 1.375rem
    }
}

.t-h4-style {
    font-size: var(--f-s, .875rem);
    line-height: 18/14;
    font-weight: 300
}

@media (min-width:768px) {
    .t-h4-style {
        font-size: var(--f-m, 1rem)
    }
}

@media (min-width:1024px) {
    .t-h4-style {
        font-size: var(--f-l, 1.125rem)
    }
}

.invalid-error-input {
    width: 100%;
    margin-top: 10px;
    margin-left: 20px;
    font-size: var(--f-s, .875rem);
    color: #a63232
}

.contentDisable {
    background: rgba(0, 0, 0, .4);
    filter: brightness(.5)
}

.header__header {
    color: var(--c-navbar-pencil, #000);
    background-color: var(--c-navbar-pencil-bg, #fff);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 0 1.625rem;
    border-bottom: var(--c-navbar-pencil-border, 1px solid #fa4616);
    min-height: 2.5rem
}

@media (min-width:1024px) {
    .header__header {
        min-height: 2.5rem
    }
}

@media (min-width:1200px) {
    .header__header.has-pencil-nav .header-banner {
        margin: 0
    }
    .header__header.has-pencil-nav .pencilNavigatorHeader {
        margin-inline: auto 0
    }
}

.background-highlight,
header.header {
    z-index: 90;
    position: relative
}

.header {
    position: relative
}

.header [aria-controls]:focus-visible,
.header [aria-haspopup]:focus-visible {
    border-bottom: 1px solid #fa4616;
    margin-bottom: -1px
}

.close-banner {
    transform: scale(.5);
    display: inline-block
}

.minicart {
    vertical-align: top
}

.minicart .minicart-icon {
    font-size: 1.5em
}

.minicart .minicart-link {
    display: block;
    position: relative
}

.minicart .minicart-link:focus,
.minicart .minicart-link:hover {
    text-decoration: none
}

.navbar-header {
    height: 4.375em
}

.navbar-header .country-selector,
.navbar-header .minicart,
.navbar-header .search,
.navbar-header .user {
    display: inline-block;
    margin: 1.125em 0 0 .5em
}

.navbar-header .country-selector,
.navbar-header .minicart,
.navbar-header .navbar-toggler,
.navbar-header .user {
    line-height: 2.25em;
    height: auto
}

.navbar-header .navbar-toggler {
    font-size: 1.6em;
    width: auto
}

.navbar-header .user {
    position: relative
}

.navbar-header .user .popover {
    position: absolute;
    display: none;
    padding: 1em;
    top: 85%;
    left: 0
}

.navbar-header .user .popover a {
    white-space: nowrap;
    margin-bottom: .5em
}

.navbar-header .user .popover:after,
.navbar-header .user .popover:before {
    left: 1.5rem
}

.navbar-header .user .popover.show {
    display: block
}

.brand img {
    width: 100%
}

.brand.jbl-brand {
    width: 58px;
    height: 55px;
    margin-top: .625rem;
    justify-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

@media (min-width:1200px) {
    .brand.jbl-brand {
        -ms-flex-item-align: start;
        -ms-grid-row-align: start;
        align-self: start;
        justify-self: start;
        margin-top: 1.0625rem
    }
}

.main-menu {
    background-color: transparent
}

.main-menu .navbar .close-button button,
.main-menu .navbar .close-menu button {
    background-color: transparent;
    border: 0;
    -webkit-appearance: none
}

.page>header {
    z-index: 99;
    position: sticky;
    top: 0
}

.page>header.minicart-popover {
    position: sticky;
    z-index: 1060
}

.page[data-action=Product-Show]>header,
.page[data-action=Product-ShowInCategory]>header {
    position: relative;
    top: unset
}

.header-banner {
    text-align: center;
    z-index: 7;
    background-color: #fff;
    color: #000;
    position: relative;
    margin: 0 auto;
    overflow: hidden
}

.header-banner .close-button {
    width: 2.125em;
    position: absolute;
    right: 0;
    top: .625rem
}

.header-banner .close-button .close {
    opacity: 1;
    color: #fff;
    width: 100%;
    height: 100%;
    background-color: var(--skin-primary-color-1)
}

.header-banner .content {
    margin-right: 1.5em;
    padding-top: .3125em;
    padding-bottom: .3125em
}

a.normal {
    color: var(--skin-primary-color-1);
    text-decoration: underline
}

.slide-up {
    transition-duration: .5s;
    transition-timing-function: ease-in;
    max-height: 100px;
    overflow: hidden
}

.slide-up.hide {
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
    transition-timing-function: cubic-bezier(0, 1, .5, 1)
}

.dropdown-country-selector {
    margin-top: -.0625em
}

.cookie-warning-messaging.cookie-warning {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    text-align: center;
    z-index: 10;
    display: none
}

@media (max-width:1023.98px) {
    [data-action=Product-Show]~.content-asset .cookie-warning-messaging.cookie-warning {
        bottom: 4.5rem
    }
}

.valid-cookie-warning {
    background-color: var(--skin-link-color-1);
    color: #fff;
    white-space: nowrap
}

.valid-cookie-warning p {
    margin-top: 0;
    margin-bottom: .2em;
    padding-right: 2em
}

.banner-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    max-width: 45.875rem;
    font-family: var(--font-headline)
}

.banner-content .sp-icon.Left-Arrow,
.banner-content .sp-icon.Right-Arrow {
    transform: scale(.4);
    cursor: pointer
}

.banner-content .banner-asset {
    max-width: 700px;
    margin: 0 auto;
    padding: 2px 0
}

.banner-content .banner-asset.proxi-common {
    font-size: .8125rem
}

@media (min-width:768px) {
    .banner-content .banner-asset.proxi-common {
        font-size: var(--f-xs, .75rem)
    }
}

.banner-content .banner-asset.proxi-common .banner-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 2rem
}

.banner-content .banner-asset.proxi-common .banner-wrapper .content {
    display: inline-block;
    padding: 6px 0;
    line-height: 1.25rem;
    margin-right: 0
}

@media (min-width:768px) {
    .banner-content .banner-asset.proxi-common .banner-wrapper .content {
        line-height: 1rem
    }
}

.banner-content .slick-slide .countdown {
    margin-block: 0
}

.header.container,
.header.container-narrow {
    color: var(--c-navbar, #000);
    background-color: var(--c-navbar-bg, #fff)
}

.header.container-narrow .nav-item,
.header.container-narrow>.nav-link,
.header.container .nav-item,
.header.container>.nav-link {
    color: var(--c-navbar, #000)
}

.header.container-narrow .right-content button.search-icon,
.header.container .right-content button.search-icon {
    padding: 0
}

.header.container-narrow .right-content button.search-icon .sp-icon[class*=Close],
.header.container .right-content button.search-icon .sp-icon[class*=Close] {
    transform: scale(.8)
}

.header.container-narrow .right-content button.search-icon[aria-expanded=false] [class*=Close],
.header.container-narrow .right-content button.search-icon[aria-expanded=true] [class*=Search],
.header.container .right-content button.search-icon[aria-expanded=false] [class*=Close],
.header.container .right-content button.search-icon[aria-expanded=true] [class*=Search] {
    display: none
}

.header.container-narrow .right-content .sp-icon,
.header.container .right-content .sp-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .5rem
}

@media (min-width:768px) {
    .header.container-narrow .right-content .sp-icon,
    .header.container .right-content .sp-icon {
        padding: 0 .6875rem
    }
}

.header.container-narrow .right-content .sp-icon .sp-icon__label,
.header.container .right-content .sp-icon .sp-icon__label {
    font-size: .5rem;
    line-height: 1.5;
    letter-spacing: .09375rem;
    text-transform: uppercase;
    margin-top: .3125rem
}

.header.container-narrow .right-content>:last-child .sp-icon,
.header.container .right-content>:last-child .sp-icon {
    padding-right: 0
}

.header-box {
    display: -ms-grid;
    display: grid;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
    -ms-grid-columns: 1fr 4rem 1fr;
    grid-template-columns: 1fr 4rem 1fr;
    grid-template-areas: "hamburger brand navigation";
    height: 4.5625rem
}

@media (min-width:768px) and (max-width:1199.98px) {
    .search-active .header-box {
        -ms-grid-columns: 0 4rem 1fr;
        grid-template-columns: 0 4rem 1fr
    }
}

@media (min-width:1200px) {
    .header-box {
        -ms-grid-columns: 4rem max-content auto;
        grid-template-columns: 4rem max-content auto;
        grid-template-areas: "brand select navigation";
        height: 5.125rem
    }
}

.header-box .menu-toggler {
    grid-area: hamburger
}

.header-box .brand {
    grid-area: brand
}

.header-box .navbar-navigation {
    grid-area: navigation;
    justify-self: end
}

.header-box .multi-lang {
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    margin-left: 20px;
    margin-bottom: 20px;
    cursor: pointer;
    position: relative;
    padding-top: 20px
}

@media (max-width:1199.98px) {
    .header-box .multi-lang {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        padding-top: 0;
        margin-left: 50px
    }
}

.header-box .multi-lang .multi-lang__image {
    height: 16px !important;
    border: 1px solid #ccc;
    grid-area: select
}

@media (max-width:1199.98px) {
    .header-box .multi-lang .multi-lang__image {
        height: 10px !important
    }
}

.header-box .multi-lang .multi-lang__code {
    font-family: var(--font-headline);
    padding-left: 5px;
    color: #000;
    font-size: var(--f-m, 1rem);
    font-weight: 700
}

@media (max-width:1023.98px) {
    .header-box .multi-lang .multi-lang__code {
        padding-left: 0
    }
}

.header-box .multi-lang .multi-lang__code:after {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    margin: 7px 0 0 5px;
    background-color: transparent;
    border-color: #000;
    border-style: solid;
    border-width: 0 2px 2px 0;
    vertical-align: top;
    transform: rotate(45deg)
}

@media (max-width:1023.98px) {
    .header-box .multi-lang .multi-lang__code:after {
        margin: 7px 0 0 5px
    }
}

.header-box .multi-lang .lang-select {
    display: none;
    position: absolute;
    left: 20px;
    background: #fff;
    border: 1px solid #dcdcdc;
    z-index: 100
}

.header-box .multi-lang .lang-select:hover {
    display: block
}

.header-box .multi-lang .lang-select .current-lang:after {
    display: inline-block;
    margin: 0 10px;
    background-color: transparent;
    color: green;
    vertical-align: top;
    content: "T";
    font-family: JBL, sans-serif;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%)
}

.header-box .multi-lang .lang-select li {
    border-bottom: 1px solid #dcdcdc;
    padding: 5px 30px 5px 0;
    position: relative
}

.header-box .multi-lang .lang-select li a,
.header-box .multi-lang .lang-select li span {
    white-space: nowrap;
    color: #111;
    text-decoration: none;
    font-family: var(--font-header, var(--font-headline));
    padding: 0 10px
}

.header-box .multi-lang .lang-select li a:hover {
    color: #fa4616
}

.header-box .multi-lang .lang-select .not-current-lang div {
    width: 100%;
    height: 100%;
    display: inline-block
}

.header-box .multi-lang:hover .lang-select {
    display: block
}

.Account-White:before,
.Cart-White:before,
.Hamburger-Menu-Close:before,
.Hamburger-MenuSmall:before,
.header-wishlist .wishlist-link:before,
.Search-White:before {
    background-image: none;
    background-color: #333;
    -webkit-mask-image: url("../images/sprites/customicons-sprite.svg");
    mask-image: url("../images/sprites/customicons-sprite.svg")
}

.Hamburger-MenuSmall:before {
    -webkit-mask-position: 0 -60.42em;
    mask-position: 0 -60.42em
}

.Hamburger-Menu-Close:before {
    -webkit-mask-position: 0 -57.8em;
    mask-position: 0 -57.8em
}

.Search-White:before {
    -webkit-mask-position: 0 -115.6em;
    mask-position: 0 -115.6em
}

.Account-White:before {
    -webkit-mask-position: 0 -9em;
    mask-position: 0 -9em
}

.Cart-White:before {
    -webkit-mask-position: 0 -21.3em;
    mask-position: 0 -21.3em
}

.header-wishlist {
    padding: 0 .5rem
}

@media (min-width:768px) {
    .header-wishlist {
        padding: 0 .6875rem
    }
}

.header-wishlist .wishlist-link {
    display: block
}

.header-wishlist .wishlist-link:before {
    content: " ";
    margin: 0 auto;
    display: block;
    font-size: 10px;
    width: 2em;
    height: 2em;
    -webkit-mask-position: 0 -162em;
    mask-position: 0 -162em
}

.header-wishlist .wishlist-link:hover:before {
    -webkit-mask-position: 0 -160em;
    mask-position: 0 -160em
}

.header-wishlist .header-icon-text {
    display: none
}

@media (min-width:1024px) {
    .header-account:has(.sp-icon__label)~.header-wishlist .header-icon-text {
        display: block;
        font-size: .5rem;
        line-height: 1.5;
        letter-spacing: .09375rem;
        text-transform: uppercase;
        margin-top: .3125rem
    }
}

@media (min-width:1200px) {
    .header-account:has(.header-icon-text)~.header-wishlist .header-icon-text {
        display: block;
        font-size: .5rem;
        line-height: 1.5;
        letter-spacing: .09375rem;
        text-transform: uppercase;
        margin-top: .3125rem
    }
}

@media (min-width:768px) {
    .navbar-header {
        height: 3.375em
    }
    .navbar-header .navbar-toggler {
        margin-left: 26.5px
    }
    .navbar-header .Hamburger-MenuSmall {
        transform: scale(1.35) translateY(-2px);
        display: inline-block
    }
    .header-account .user {
        padding: 0;
        line-height: 0
    }
    .header-account button {
        padding: 0
    }
    .right-content .site-search {
        width: auto;
        margin-right: 0
    }
    .close-button {
        position: absolute;
        top: 10px;
        right: 0
    }
}

@media (min-width:1200px) {
    .banner-content .sp-icon.Left-Arrow,
    .banner-content .sp-icon.Right-Arrow {
        transform: scale(.6)
    }
    .banner-content .banner-asset {
        padding: 3px 0
    }
    .banner-content .banner-asset.proxi-common .banner-wrapper .content {
        line-height: .875rem
    }
    .header.container,
    .header.container-narrow {
        padding: 0 1.625rem
    }
    .header.container-narrow .right-content,
    .header.container .right-content {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }
    .header.container-narrow .right-content .site-search,
    .header.container .right-content .site-search {
        width: auto;
        margin-right: 0;
        height: auto
    }
    .header-banner .close-button {
        top: 15px
    }
}

.pencilNavigatorHeader .pencilNav_container {
    height: 2.5rem;
    -ms-flex-align: center;
    align-items: center
}

.pencilNavigatorHeader .pencilNav_container .pencil-dropdown-toggle:after {
    font-family: JBL;
    content: "I";
    font-size: var(--f-xs, 12px);
    padding-left: 5px
}

.pencilNavigatorHeader .pencilNav_container .dropdown-menu {
    padding: 10px 0;
    margin-right: 10px;
    left: auto;
    right: auto;
    top: 15px !important
}

.pencilNavigatorHeader .pencilNav_container .pencilNav {
    position: relative;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex
}

.pencilNavigatorHeader .pencilNav_container .pencilNav .pencilNav_list_container {
    -ms-flex: 1.5;
    flex: 1.5
}

.pencilNavigatorHeader .pencilNav_container .pencilNav_list {
    float: right;
    list-style: none
}

.pencilNavigatorHeader .pencilNav_container .pencilNav_list a {
    font-size: var(--f-s, 14px);
    font-weight: 600
}

.pencilNavigatorHeader .pencilNav_container .pencilNav_list.nav.nav-pills {
    margin-bottom: 0
}

.pencilNavigatorHeader .pencilNav_container .pencilNav_list.nav.nav-pills .nav-item:last-child {
    padding-right: 0
}

.second-chance-logo {
    height: 14px;
    margin: 10px 0;
    width: max-content
}

@media (min-width:768px) {
    .second-chance-logo {
        height: 16px;
        margin: 0
    }
}

.header-main-menu.-has-visual-split {
    --visual-transition: .32s ease-out
}

.header-main-menu.-has-visual-split .visual .ds-banner {
    height: 100%;
    width: 100%
}

.header-main-menu.-has-visual-split .visual .ds-banner .ds-banner--body {
    max-width: 75ch;
    text-wrap: balance
}

.header-main-menu.-has-visual-split .visual .ds-banner--picture {
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%
}

.header-main-menu.-has-visual-split .visual .ds-banner--picture img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.header-main-menu.-has-visual-split .ds-nav-feature-card {
    max-width: none;
    height: 100%
}

.header-main-menu.-has-visual-split .ds-nav-feature-card h3 {
    max-width: 48ch;
    text-wrap: balance
}

.header-main-menu.-has-visual-split .ds-nav-feature-card p {
    max-width: 75ch;
    text-wrap: balance
}

.header-main-menu.-has-visual-split .ds-nav-feature-card picture {
    overflow: clip
}

.header-main-menu.-has-visual-split .ds-nav-feature-card picture img {
    transition: var(--visual-transition);
    transform: scale(1.05)
}

.header-main-menu.-has-visual-split .ds-nav-feature-card .-desc,
.header-main-menu.-has-visual-split .ds-nav-feature-card .-top {
    transform: translateY(16px);
    opacity: 0;
    transition: var(--visual-transition)
}

.header-main-menu.-has-visual-split .ds-nav-feature-card.init picture img,
.header-main-menu.-has-visual-split .ds-nav-feature-card[data-accent] picture img {
    transform: scale(1)
}

.header-main-menu.-has-visual-split .ds-nav-feature-card.init .-desc,
.header-main-menu.-has-visual-split .ds-nav-feature-card.init .-top,
.header-main-menu.-has-visual-split .ds-nav-feature-card[data-accent] .-desc,
.header-main-menu.-has-visual-split .ds-nav-feature-card[data-accent] .-top {
    transform: translateY(0);
    opacity: 1
}

.header-main-menu.-has-visual-split .ds-nav-feature-card.init .-top,
.header-main-menu.-has-visual-split .ds-nav-feature-card[data-accent] .-top {
    transition-delay: .16s
}

.header-main-menu.-has-visual-split .ds-nav-feature-card.init .-desc,
.header-main-menu.-has-visual-split .ds-nav-feature-card[data-accent] .-desc {
    transition-delay: .24s
}

@media (min-width:1200px) and (max-width:1310px) {
    header .navbar-navigation .header-main-menu.-has-visual-split .navbar .nav-item:first-child {
        padding-left: 0;
        margin-left: -6px
    }
    header .navbar-navigation .header-main-menu.-has-visual-split .navbar .nav-item:first-child .nav-link {
        padding-left: 12px
    }
}

.header-main-menu.-has-visual-split .indicator {
    display: block;
    position: absolute;
    height: 3px;
    top: 58px;
    background: var(--c-accent);
    transition: width .24s ease-out, left .24s ease-out;
    box-sizing: border-box;
    transform: translateX(12px)
}

@media (min-width:1311px) {
    .header-main-menu.-has-visual-split .indicator {
        transform: translateX(16px)
    }
}

.header-main-menu.-has-visual-split a[role=link]:not(.nav-item),
.header-main-menu.-has-visual-split a[role=menuitem]:not(.nav-item) {
    text-decoration: none !important
}

@media (max-width:1199.98px) {
    .header-main-menu.-has-visual-split .dropdown-menu.visual-split::-webkit-scrollbar,
    .header-main-menu.-has-visual-split .menu-group::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 37px;
        height: 37px
    }
    .header-main-menu.-has-visual-split .dropdown-menu.visual-split::-webkit-scrollbar-track,
    .header-main-menu.-has-visual-split .menu-group::-webkit-scrollbar-track {
        width: 5px;
        height: 5px;
        border-radius: 4px;
        background-color: var(--c-canvas);
        background-clip: padding-box;
        -webkit-box-shadow: 0 0 1px hsla(0, 0%, 100%, .2);
        border: 16px solid transparent
    }
    .header-main-menu.-has-visual-split .dropdown-menu.visual-split::-webkit-scrollbar-thumb,
    .header-main-menu.-has-visual-split .menu-group::-webkit-scrollbar-thumb {
        width: 5px;
        height: 5px;
        border-radius: 4px;
        background-color: rgba(0, 0, 0, .48);
        background-clip: padding-box;
        -webkit-box-shadow: 0 0 1px hsla(0, 0%, 100%, .5);
        border: 16px solid transparent
    }
    header .header-main-menu.-has-visual-split.in .nav {
        height: calc(100% + -12px)
    }
    .header-main-menu.-has-visual-split .menu-group {
        overflow-x: hidden
    }
    .header-main-menu.-has-visual-split a[aria-expanded=true]~.drop-down-category-level-3-list,
    .header-main-menu.-has-visual-split a[aria-expanded=true]~.visual-split {
        left: 0
    }
    .header-main-menu.-has-visual-split a[aria-expanded=true]~.drop-down-category-level-3-list>li>.js-back,
    .header-main-menu.-has-visual-split a[aria-expanded=true]~.drop-down-category-level-3-list>li>a,
    .header-main-menu.-has-visual-split a[aria-expanded=true]~.visual-split>li>.js-back,
    .header-main-menu.-has-visual-split a[aria-expanded=true]~.visual-split>li>a {
        pointer-events: all
    }
    .header-main-menu.-has-visual-split .drop-down-category-level-2.visual-split>.dropdown-item.top-category,
    .header-main-menu.-has-visual-split .drop-down-category-level-2.visual-split>.nav-menu {
        display: none
    }
    .header-main-menu.-has-visual-split .drop-down-category-level-2-list {
        padding: 4px var(--spacing-s) 0 var(--side-offset)
    }
    .header-main-menu.-has-visual-split .drop-down-category-level-2-list a {
        padding: 8px 0;
        font-family: var(--font-body);
        text-transform: none;
        font-weight: 400;
        font-size: var(--f-m);
        display: -ms-inline-flexbox;
        display: inline-flex
    }
    .header-main-menu.-has-visual-split .drop-down-category-level-3-list {
        padding: 12px var(--spacing-s) 0 var(--side-offset);
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 9;
        background-color: var(--c-navbar-bg);
        left: -100%;
        width: 100%;
        pointer-events: none;
        transition: .24s ease-out
    }
    .header-main-menu.-has-visual-split li.category-headline {
        display: block
    }
    .header-main-menu.-has-visual-split li.category-headline .js-back {
        font-size: var(--f-s);
        display: -ms-flexbox;
        display: flex;
        cursor: pointer
    }
    .header-main-menu.-has-visual-split li.category-headline .js-back:before {
        font-family: var(--font-icon);
        transform: translateY(-2px);
        height: 21px;
        width: 21px;
        font-size: 16px;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-weight: 700;
        content: "arrow_back"
    }
    .header-main-menu.-has-visual-split li.category-headline .js-back+span {
        display: block;
        font-family: var(--font-headline);
        font-size: 24px;
        padding-top: 8px;
        padding-bottom: 0
    }
    .header-main-menu.-has-visual-split .content-visual-split>.visual {
        display: none !important
    }
}

@media (min-width:1200px) {
    .header-main-menu.-has-visual-split .ca-content-tiles li:has(>picture.fw) {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0
    }
    .header-main-menu.-has-visual-split .ca-content-tiles li:has(>picture.fw)~* {
        display: none !important
    }
    .header-main-menu.-has-visual-split .ca-content-tiles li:has(>picture.fw)>picture.fw {
        display: block;
        width: 100%;
        height: 100%
    }
    .header-main-menu.-has-visual-split .ca-content-tiles li:has(>picture.fw)>picture.fw>img {
        height: 100%;
        width: 100%;
        object-fit: cover
    }
    .header-main-menu.-has-visual-split li.category-headline {
        display: none
    }
    .header-main-menu.-has-visual-split .category-level-1-1.show>a {
        text-decoration: underline;
        text-decoration-thickness: 3px;
        text-underline-offset: 6px;
        -webkit-text-decoration-color: var(--c-accent);
        text-decoration-color: var(--c-accent)
    }
    .header-main-menu.-has-visual-split .category-level-1-1.show>.js-back,
    .header-main-menu.-has-visual-split .category-level-1-1.show>a:before {
        display: none !important
    }
    .header-main-menu.-has-visual-split .navbar .nav-item>.dropdown-menu {
        --sizing-nav-dropdown: Min(calc(100vh - var(--sizing-header, 159px)), 518px);
        height: var(--sizing-nav-dropdown);
        min-height: var(--sizing-nav-dropdown);
        max-height: var(--sizing-nav-dropdown)
    }
}

@media (min-width:1200px) and (min-width:1200px) and (max-height:680px) {
    .header-main-menu.-has-visual-split .navbar .nav-item>.dropdown-menu {
        --sizing-nav-dropdown: Min(calc(100vh - var(--sizing-header, 159px) - 18px), 518px)
    }
}

@media (min-width:1200px) {
    .header-main-menu.-has-visual-split .navbar .nav-item>.dropdown-menu.visual-split {
        padding: 0;
        left: 50%;
        right: auto;
        transform: translateX(-50%);
        width: 100vw;
        max-width: 2560px
    }
    .header-main-menu.-has-visual-split .navbar .nav-item>.dropdown-menu.visual-split:before {
        content: " ";
        display: block;
        position: fixed;
        bottom: -100vw;
        right: 0;
        left: 0;
        top: var(--sizing-header);
        background: rgba(0, 0, 0, .32);
        z-index: 0;
        pointer-events: none;
        opacity: 0;
        transition: opacity .16s ease-in
    }
    .header-main-menu.-has-visual-split .navbar .nav-item>.dropdown-menu.visual-split.show:before {
        opacity: 1
    }
    @starting-style {
        .header-main-menu.-has-visual-split .navbar .nav-item>.dropdown-menu.visual-split.show:before {
            opacity: 0
        }
    }
    .header-main-menu.-has-visual-split .navbar .nav-item>.dropdown-menu.visual-split .content-visual-split {
        height: 100%;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr minmax(var(--sizing-bestsellers), 1fr);
        grid-template-columns: 1fr minmax(var(--sizing-bestsellers), 1fr);
        padding: 0;
        max-height: var(--sizing-nav-dropdown);
        position: relative;
        background-color: inherit
    }
    .header-main-menu.-has-visual-split .navbar .nav-item>.dropdown-menu.visual-split .content-visual-split>ul {
        overflow-x: clip;
        height: 100%;
        padding-block: var(--spacing-m);
        position: relative;
        max-height: var(--sizing-nav-dropdown);
        overflow-y: auto
    }
    .header-main-menu.-has-visual-split .navbar .nav-item>.dropdown-menu.visual-split .content-visual-split>ul li {
        padding-bottom: 8px
    }
    .header-main-menu.-has-visual-split .navbar .nav-item>.dropdown-menu.visual-split .content-visual-split>ul>li {
        padding-inline: var(--side-offset) 0
    }
    .header-main-menu.-has-visual-split .navbar .nav-item>.dropdown-menu.visual-split .content-visual-split>ul>li>a {
        margin-left: 6px
    }
    .header-main-menu.-has-visual-split .navbar .nav-item>.dropdown-menu.visual-split .content-visual-split>ul:has(.more) {
        padding-right: 50%
    }
    .header-main-menu.-has-visual-split .navbar .nav-item>.dropdown-menu.visual-split .content-visual-split>ul:has(.more)>li>a {
        margin-left: 28px
    }
    .header-main-menu.-has-visual-split .navbar .nav-item>.dropdown-menu.visual-split .content-visual-split>ul a {
        display: -ms-inline-flexbox;
        display: inline-flex;
        padding: 8px 6px 4px;
        font-family: var(--font-headline);
        text-transform: var(--font-headline-case, normal);
        font-weight: 600;
        font-size: 20px;
        border-bottom: 0;
        text-decoration: none;
        line-height: .9;
        cursor: pointer;
        transform: translateX(-6px);
        gap: 8px;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative
    }
    .header-main-menu.-has-visual-split .navbar .nav-item>.dropdown-menu.visual-split .content-visual-split>ul a:after,
    .header-main-menu.-has-visual-split .navbar .nav-item>.dropdown-menu.visual-split .content-visual-split>ul a:before {
        font-family: var(--font-icon);
        transform: translateY(-2px);
        height: 21px;
        width: 21px;
        font-size: 1em;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-weight: 700
    }
    .header-main-menu.-has-visual-split .navbar .nav-item>.dropdown-menu.visual-split .content-visual-split>ul a:before {
        position: absolute;
        left: -25px;
        color: var(--c-em-full)
    }
    .header-main-menu.-has-visual-split .navbar .nav-item>.dropdown-menu.visual-split .content-visual-split>ul a:after {
        content: "arrow_forward";
        opacity: 0;
        transform: translate(-4px, -2px);
        transition: transform .16s ease-in;
        font-weight: 400
    }
    .header-main-menu.-has-visual-split .navbar .nav-item>.dropdown-menu.visual-split .content-visual-split>ul a:not(.-hover):hover {
        cursor: default
    }
    .header-main-menu.-has-visual-split .navbar .nav-item>.dropdown-menu.visual-split .content-visual-split>ul a.-hover {
        text-decoration: none;
        border: 0;
        background-color: var(--c-button);
        color: var(--c-button-copy)
    }
    .header-main-menu.-has-visual-split .navbar .nav-item>.dropdown-menu.visual-split .content-visual-split>ul a.-hover:after {
        opacity: 1;
        transform: translateY(-2px)
    }
    .header-main-menu.-has-visual-split .navbar .nav-item>.dropdown-menu.visual-split .content-visual-split>ul a.more:before {
        content: "add";
        border: thin solid;
        border-radius: 22px;
        font-size: 17px
    }
    .header-main-menu.-has-visual-split .navbar .nav-item>.dropdown-menu.visual-split .content-visual-split>ul a.more:after {
        content: "";
        display: none
    }
    .header-main-menu.-has-visual-split .navbar .nav-item>.dropdown-menu.visual-split .content-visual-split>ul a.more:has(~.-active) {
        background-color: var(--c-button);
        color: var(--c-button-copy)
    }
    .header-main-menu.-has-visual-split .navbar .nav-item>.dropdown-menu.visual-split .content-visual-split>ul a.more:has(~.-active):before {
        content: "remove"
    }
    .header-main-menu.-has-visual-split .navbar .nav-item>.dropdown-menu.visual-split .content-visual-split>ul ul {
        position: absolute;
        left: 50%;
        top: 0;
        opacity: 0;
        pointer-events: none;
        transition: .16s ease-out;
        background: var(--c-canvas);
        bottom: 0;
        right: 0;
        padding: var(--spacing-m);
        transform: translateX(16px);
        will-change: opacity, transform;
        z-index: 2
    }
    .header-main-menu.-has-visual-split .navbar .nav-item>.dropdown-menu.visual-split .content-visual-split>ul ul li {
        opacity: 0;
        transform: translateX(16px);
        transition: .24s ease-out;
        will-change: opacity, transform
    }
    .header-main-menu.-has-visual-split .navbar .nav-item>.dropdown-menu.visual-split .content-visual-split>ul ul li:nth-of-type(2) {
        transition-delay: .04s
    }
    .header-main-menu.-has-visual-split .navbar .nav-item>.dropdown-menu.visual-split .content-visual-split>ul ul li:nth-of-type(3) {
        transition-delay: .08s
    }
    .header-main-menu.-has-visual-split .navbar .nav-item>.dropdown-menu.visual-split .content-visual-split>ul ul li:nth-of-type(4) {
        transition-delay: .16s
    }
    .header-main-menu.-has-visual-split .navbar .nav-item>.dropdown-menu.visual-split .content-visual-split>ul ul li:nth-of-type(5) {
        transition-delay: .24s
    }
    .header-main-menu.-has-visual-split .navbar .nav-item>.dropdown-menu.visual-split .content-visual-split>ul ul li:nth-of-type(6) {
        transition-delay: .32s
    }
    .header-main-menu.-has-visual-split .navbar .nav-item>.dropdown-menu.visual-split .content-visual-split>ul ul li:nth-of-type(7) {
        transition-delay: .48s
    }
    .header-main-menu.-has-visual-split .navbar .nav-item>.dropdown-menu.visual-split .content-visual-split>ul ul li:nth-of-type(8) {
        transition-delay: .56s
    }
    .header-main-menu.-has-visual-split .navbar .nav-item>.dropdown-menu.visual-split .content-visual-split>ul ul li:nth-of-type(9) {
        transition-delay: .64s
    }
    .header-main-menu.-has-visual-split .navbar .nav-item>.dropdown-menu.visual-split .content-visual-split>ul ul li:nth-of-type(10) {
        transition-delay: .72s
    }
    .header-main-menu.-has-visual-split .navbar .nav-item>.dropdown-menu.visual-split .content-visual-split>ul ul li:nth-of-type(11) {
        transition-delay: .8s
    }
    .header-main-menu.-has-visual-split .navbar .nav-item>.dropdown-menu.visual-split .content-visual-split>ul ul li:nth-of-type(12) {
        transition-delay: .88s
    }
    .header-main-menu.-has-visual-split .navbar .nav-item>.dropdown-menu.visual-split .content-visual-split>ul ul li:nth-of-type(13) {
        transition-delay: .96s
    }
    .header-main-menu.-has-visual-split .navbar .nav-item>.dropdown-menu.visual-split .content-visual-split>ul ul li:nth-of-type(n+14) {
        display: none
    }
    .header-main-menu.-has-visual-split .navbar .nav-item>.dropdown-menu.visual-split .content-visual-split>ul ul li a {
        text-transform: none;
        font-family: var(--font-body);
        font-size: var(--f-m)
    }
    .header-main-menu.-has-visual-split .navbar .nav-item>.dropdown-menu.visual-split .content-visual-split>ul ul li a:after {
        font-size: 18px
    }
    .header-main-menu.-has-visual-split .navbar .nav-item>.dropdown-menu.visual-split .content-visual-split>ul ul.-active {
        opacity: 1;
        transform: translateX(0);
        pointer-events: all
    }
    .header-main-menu.-has-visual-split .navbar .nav-item>.dropdown-menu.visual-split .content-visual-split>ul ul.-active li {
        transform: translateX(0);
        opacity: 1
    }
    .header-main-menu.-has-visual-split .navbar .nav-item>.dropdown-menu.visual-split .content-visual-split>ul::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 37px;
        height: 37px
    }
    .header-main-menu.-has-visual-split .navbar .nav-item>.dropdown-menu.visual-split .content-visual-split>ul::-webkit-scrollbar-track {
        width: 5px;
        height: 5px;
        border-radius: 4px;
        background-color: rgba(0, 0, 0, .16);
        background-clip: padding-box;
        -webkit-box-shadow: 0 0 1px hsla(0, 0%, 100%, .2);
        border: 16px solid transparent
    }
    .header-main-menu.-has-visual-split .navbar .nav-item>.dropdown-menu.visual-split .content-visual-split>ul::-webkit-scrollbar-thumb {
        width: 5px;
        height: 5px;
        border-radius: 4px;
        background-color: rgba(0, 0, 0, .5);
        background-clip: padding-box;
        -webkit-box-shadow: 0 0 1px hsla(0, 0%, 100%, .5);
        border: 16px solid transparent
    }
    .header-main-menu.-has-visual-split .navbar .nav-item>.dropdown-menu.visual-split .visual {
        background-color: var(--c-canvas, #f8f8f8);
        color: var(--c-copy, var(--c-em-full));
        transition: .32s ease-in-out;
        min-height: Min(518px, 100%);
        max-height: var(--sizing-nav-dropdown);
        overflow: clip;
        position: relative
    }
    .header-main-menu.-has-visual-split .navbar-nav .nav-item:first-child {
        padding-left: 0
    }
    .header-main-menu.-has-visual-split .navbar-nav .nav-item:first-child>a {
        padding-inline: 12px
    }
}

@media (min-width:1200px) and (min-width:1311px) {
    .header-main-menu.-has-visual-split .navbar-nav .nav-item:first-child>a {
        padding-inline: 16px
    }
}

.header-main-menu.-has-visual-split .ca-content[data-content] {
    display: none
}

.header-main-menu.-has-visual-split .ca-content-tiles {
    display: -ms-flexbox;
    display: flex;
    background: var(--c-canvas);
    height: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(0, 1fr))[3];
    grid-template-columns: repeat(3, minmax(0, 1fr));
    -ms-grid-rows: 72px 1fr;
    grid-template-rows: 72px 1fr
}

@media (max-height:680px) {
    .header-main-menu.-has-visual-split .ca-content-tiles.-skus .dropdown-item {
        height: calc(var(--sizing-nav-dropdown) - 110px)
    }
}

.header-main-menu.-has-visual-split .ca-content-tiles.-skus .dropdown-item.-no-results {
    display: none
}

@media (max-height:680px) {
    .header-main-menu.-has-visual-split .ca-content-tiles.-skus .category-img {
        max-height: 14vh
    }
}

.header-main-menu.-has-visual-split .ca-content-tiles.-skus:not(:has(>.dropdown-item)) {
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' style='margin:auto;background:0 0;animation-play-state:running;animation-delay:0s' width='38' height='38' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' display='block'%3E%3Ccircle cx='84' cy='50' r='10' style='animation-play-state:running;animation-delay:0s'%3E%3Canimate attributeName='r' repeatCount='indefinite' dur='0.5208333333333334s' calcMode='spline' keyTimes='0;1' values='10;0' keySplines='0 0.5 0.5 1' begin='0s'/%3E%3Canimate attributeName='fill' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='discrete' keyTimes='0;0.25;0.5;0.75;1' values='%23000000;%23000000;%23000000;%23000000;%23000000' begin='0s'/%3E%3C/circle%3E%3Ccircle cx='16' cy='50' r='10' style='animation-play-state:running;animation-delay:0s'%3E%3Canimate attributeName='r' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='0;0;10;10;10' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='0s'/%3E%3Canimate attributeName='cx' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='16;16;16;50;84' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='0s'/%3E%3C/circle%3E%3Ccircle cx='50' cy='50' r='10' style='animation-play-state:running;animation-delay:0s'%3E%3Canimate attributeName='r' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='0;0;10;10;10' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='-0.5208333333333334s'/%3E%3Canimate attributeName='cx' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='16;16;16;50;84' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='-0.5208333333333334s'/%3E%3C/circle%3E%3Ccircle cx='84' cy='50' r='10' style='animation-play-state:running;animation-delay:0s'%3E%3Canimate attributeName='r' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='0;0;10;10;10' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='-1.0416666666666667s'/%3E%3Canimate attributeName='cx' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='16;16;16;50;84' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='-1.0416666666666667s'/%3E%3C/circle%3E%3Ccircle cx='16' cy='50' r='10' style='animation-play-state:running;animation-delay:0s'%3E%3Canimate attributeName='r' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='0;0;10;10;10' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='-1.5625s'/%3E%3Canimate attributeName='cx' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='16;16;16;50;84' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='-1.5625s'/%3E%3C/circle%3E%3C/svg%3E");
    background-size: 48px
}

.header-main-menu.-has-visual-split .ca-content-tiles li {
    outline: thin solid var(--c-accent);
    outline-offset: 0;
    background-color: var(--c-canvas) !important;
    padding: 0 !important
}

.header-main-menu.-has-visual-split .ca-content-tiles li>a {
    height: 100%
}

@media (max-height:681px) {
    .header-main-menu.-has-visual-split .ca-content-tiles li {
        max-height: 56vh
    }
    .header-main-menu.-has-visual-split .ca-content-tiles li picture img {
        max-height: none !important
    }
}

.header-main-menu.-has-visual-split .ca-content-tiles .tile-visual {
    overflow: clip
}

@media (max-width:1399.98px) and (min-height:681px) {
    .header-main-menu.-has-visual-split .ca-content-tiles .tile-visual {
        -ms-grid-row: span 2;
        grid-row: span 2
    }
}

.header-main-menu.-has-visual-split .ca-content-tiles .tile-visual img {
    transition: var(--visual-transition);
    transform: scale(1.05)
}

.header-main-menu.-has-visual-split .ca-content-tiles .dropdown-item {
    transition: var(--visual-transition);
    opacity: 0;
    transform: translateY(4px)
}

.header-main-menu.-has-visual-split .ca-content-tiles .dropdown-item .dropdown-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.header-main-menu.-has-visual-split .ca-content-tiles li.fw {
    grid-column: 1/-1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: start;
    padding: var(--spacing-s) !important;
    visibility: hidden
}

.header-main-menu.-has-visual-split .ca-content-tiles li.fw h3 {
    font-size: var(--f-2xl);
    margin: 0;
    padding: 0;
    transform: translateY(4px)
}

.header-main-menu.-has-visual-split .ca-content-tiles li.fw .cta {
    margin-inline: auto 0
}

.header-main-menu.-has-visual-split .ca-content-tiles .category-img {
    padding-inline: var(--spacing-s);
    margin-block: auto
}

.header-main-menu.-has-visual-split .ca-content-tiles .category-text {
    border-top: thin solid var(--c-accent);
    display: -ms-flexbox;
    display: flex;
    margin: auto var(--spacing-s) 0;
    padding: 8px 0;
    font-size: var(--f-m);
    font-weight: 700
}

@media (max-width:1399.98px) {
    .header-main-menu.-has-visual-split .ca-content-tiles.-pz {
        -ms-grid-columns: (minmax(0, 1fr))[3];
        grid-template-columns: repeat(3, minmax(0, 1fr));
        -ms-grid-rows: 72px (minmax(0, 1fr))[2];
        grid-template-rows: 72px repeat(2, minmax(0, 1fr))
    }
    .header-main-menu.-has-visual-split .ca-content-tiles.-pz li:nth-of-type(n+7) {
        display: none
    }
    .header-main-menu.-has-visual-split .ca-content-tiles.-pz .category-img {
        max-height: 148px
    }
    .header-main-menu.-has-visual-split .ca-content-tiles.-pz .category-text {
        font-size: var(--f-s)
    }
}

@media (min-width:1400px) and (max-width:1559.98px) {
    .header-main-menu.-has-visual-split .ca-content-tiles.-pz {
        -ms-grid-columns: (minmax(0, 1fr))[3];
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
    .header-main-menu.-has-visual-split .ca-content-tiles.-pz li:nth-of-type(n+5) {
        display: none
    }
}

@media (min-width:1560px) and (max-width:1919.98px) {
    .header-main-menu.-has-visual-split .ca-content-tiles.-pz {
        -ms-grid-columns: (minmax(0, 1fr))[4];
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
    .header-main-menu.-has-visual-split .ca-content-tiles.-pz li:nth-of-type(n+6) {
        display: none
    }
}

@media (min-width:1920px) {
    .header-main-menu.-has-visual-split .ca-content-tiles.-pz {
        -ms-grid-columns: (minmax(0, 1fr))[5];
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }
    .header-main-menu.-has-visual-split .ca-content-tiles.-pz li:nth-of-type(n+7) {
        display: none
    }
}

.header-main-menu.-has-visual-split .ca-content-tiles.-skus {
    border-left: 0;
    gap: 16px;
    padding: 0 16px 16px
}

@media (max-width:1559.98px) and (min-height:681px) {
    .header-main-menu.-has-visual-split .ca-content-tiles.-skus .tile-visual {
        -ms-grid-row: span 2;
        grid-row: span 2
    }
}

.header-main-menu.-has-visual-split .ca-content-tiles.-skus .category-img {
    max-height: Min(360px, 36vh)
}

.header-main-menu.-has-visual-split .ca-content-tiles.-skus .category-img img {
    max-width: 100%;
    height: 100%;
    width: 100%;
    object-fit: contain;
    aspect-ratio: 1/1
}

@media (max-width:1329.98px) {
    .header-main-menu.-has-visual-split .ca-content-tiles.-skus {
        -ms-grid-columns: (minmax(0, 1fr))[3];
        grid-template-columns: repeat(3, minmax(0, 1fr));
        -ms-grid-rows: 72px (minmax(0, 1fr))[2];
        grid-template-rows: 72px repeat(2, minmax(0, 1fr))
    }
}

@media (max-width:1329.98px) and (min-height:681px) {
    .header-main-menu.-has-visual-split .ca-content-tiles.-skus .category-text {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 100%;
        display: block
    }
}

@media (max-width:1329.98px) {
    .header-main-menu.-has-visual-split .ca-content-tiles.-skus:has(>li: not(.fw):not(.dropdown-item)) {
        -ms-grid-rows:72px 1fr;
        grid-template-rows: 72px 1fr
    }
}

@media (max-width:1329.98px) and (max-height:680px) {
    .header-main-menu.-has-visual-split .ca-content-tiles.-skus:has(>li: not(.fw):not(.dropdown-item)) .dropdown-item:nth-of-type(n+5) {
        display:none
    }
}

@media (max-width:1329.98px) and (min-height:681px) {
    .header-main-menu.-has-visual-split .ca-content-tiles.-skus:has(>li: not(.fw):not(.dropdown-item)) .dropdown-item:nth-of-type(n+7) {
        display:none
    }
}

@media (max-width:1329.98px) {
    .header-main-menu.-has-visual-split .ca-content-tiles.-skus:has(>li>.content-asset>a.dropdown-link.-pz-cat),
    .header-main-menu.-has-visual-split .ca-content-tiles.-skus:has(>li>ul>li.header-menu-banner-redesign-new-message-container),
    .header-main-menu.-has-visual-split .ca-content-tiles.-skus:has(>li>ul>li.header-menu-banner-redesign-new-message-container):has(>li: not(.fw):not(.dropdown-item)) {
        -ms-grid-rows:72px 1fr;
        grid-template-rows: 72px 1fr
    }
}

@media (max-width:1329.98px) and (min-height:681px) {
    .header-main-menu.-has-visual-split .ca-content-tiles.-skus:has(>li>.content-asset>a.dropdown-link.-pz-cat),
    .header-main-menu.-has-visual-split .ca-content-tiles.-skus:has(>li>ul>li.header-menu-banner-redesign-new-message-container),
    .header-main-menu.-has-visual-split .ca-content-tiles.-skus:has(>li>ul>li.header-menu-banner-redesign-new-message-container):has(>li: not(.fw):not(.dropdown-item)) {
        -ms-grid-rows:72px (minmax(0, 1fr))[2];
        grid-template-rows: 72px repeat(2, minmax(0, 1fr))
    }
}

@media (max-width:1329.98px) {
    .header-main-menu.-has-visual-split .ca-content-tiles.-skus:has(>li>.content-asset>a.dropdown-link.-pz-cat)>li:has(.header-menu-banner-redesign-new-message-container),
    .header-main-menu.-has-visual-split .ca-content-tiles.-skus:has(>li>ul>li.header-menu-banner-redesign-new-message-container):has(>li: not(.fw):not(.dropdown-item))>li:has(.header-menu-banner-redesign-new-message-container), .header-main-menu.-has-visual-split .ca-content-tiles.-skus:has(>li>ul>li.header-menu-banner-redesign-new-message-container)>li:has(.header-menu-banner-redesign-new-message-container) {
        -ms-grid-row:span 2;
        grid-row: span 2
    }
    .header-main-menu.-has-visual-split .ca-content-tiles.-skus li:nth-of-type(n+8) {
        display: none
    }
}

@media (max-width:1329.98px) and (max-height:680px) {
    .header-main-menu.-has-visual-split .ca-content-tiles.-skus li.dropdown-item:nth-of-type(n+5) {
        display: none
    }
}

@media (max-width:1329.98px) {
    .header-main-menu.-has-visual-split .ca-content-tiles.-skus .category-img {
        max-height: Min(100%, 148px)
    }
    .header-main-menu.-has-visual-split .ca-content-tiles.-skus .category-text {
        font-size: var(--f-s)
    }
}

@media (min-width:1330px) and (max-width:1919.98px) {
    .header-main-menu.-has-visual-split .ca-content-tiles.-skus {
        -ms-grid-columns: (minmax(0, 1fr))[3];
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
    .header-main-menu.-has-visual-split .ca-content-tiles.-skus li:nth-of-type(n+5) {
        display: none !important
    }
}

@media (min-width:1920px) {
    .header-main-menu.-has-visual-split .ca-content-tiles.-skus {
        -ms-grid-columns: (minmax(0, 1fr))[4];
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
    .header-main-menu.-has-visual-split .ca-content-tiles.-skus li:nth-of-type(n+6) {
        display: none !important
    }
}

.header-main-menu.-has-visual-split .ca-content-tiles.-skus li {
    outline: 0
}

.header-main-menu.-has-visual-split .ca-content-tiles.-skus li.fw {
    padding-inline: 0 !important
}

.header-main-menu.-has-visual-split .ca-content-tiles.-skus .dropdown-item {
    background-color: var(--c-canvas-full) !important;
    border-radius: 6px
}

.header-main-menu.-has-visual-split .ca-content-tiles.init .tile-visual img {
    transform: scale(1)
}

.header-main-menu.-has-visual-split .ca-content-tiles.init .dropdown-item {
    opacity: 1;
    transform: translateY(0)
}

.header-main-menu.-has-visual-split li.-headline {
    font-size: 13px;
    font-family: var(--font-body);
    font-weight: 400;
    text-transform: uppercase;
    padding-bottom: 0 !important;
    min-height: 26px;
    break-before: auto;
    break-after: avoid-column;
    color: var(--c-em-low)
}

@media (min-width:1200px) {
    .header-main-menu.-has-visual-split li.-headline {
        font-size: 14px;
        min-height: 36px;
        color: var(--c-em-full)
    }
}

.header-main-menu.-has-visual-split li:has(+li.-headline) {
    margin-bottom: var(--spacing-m)
}

@media (min-height:681px) and (max-height:780px) {
    .header-main-menu.-has-visual-split li:has(+li.-headline) {
        margin-bottom: 18px
    }
}

@media (max-width:1199.98px) {
    .header-main-menu.-has-visual-split.menu-toggleable-left.navbar-toggleable-md {
        top: var(--sizing-header)
    }
}

@media (max-width:1329.98px) and (min-height:681px) {
    .header-main-menu.-has-visual-split .ca-content-tiles.-skus:has(>li: not(.fw):not(.dropdown-item)) {
        -ms-grid-rows:71px 250px 250px;
        grid-template-rows: 71px 250px 250px
    }
    .header-main-menu.-has-visual-split .ca-content-tiles.-skus:has(>li:not(.fw):not(.dropdown-item)) div:nth-of-type(n+8),
    .header-main-menu.-has-visual-split .ca-content-tiles.-skus:has(>li:not(.fw):not(.dropdown-item)) li:nth-of-type(n+8) {
        display: none !important
    }
}

.ds-nav-feature-card {
    --c-bg: var(--c-cream);
    --c-copy: #000;
    --sizing-subnav: Max(516px, 100%);
    background-color: var(--c-bg);
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 265px auto;
    grid-template-columns: 265px auto;
    text-align: left;
    max-height: var(--sizing-subnav);
    max-width: clamp(620px, var(--sizing-bestsellers), 60%);
    margin-left: auto;
    overflow: clip;
    color: var(--c-copy)
}

@media (max-width:1199.99px) {
    .ds-nav-feature-card {
        display: none
    }
}

@media (max-height:680px) {
    .ds-nav-feature-card {
        --sizing-subnav: Min(516px, 100%)
    }
}

.drop-down-category-level-3 .ds-nav-feature-card {
    max-width: clamp(620px, var(--sizing-bestsellers), 100%)
}

.ds-nav-feature-card[data-accent=b],
.ds-nav-feature-card[data-accent=c],
.ds-nav-feature-card[data-accent=d],
.ds-nav-feature-card[data-accent=matcha],
.ds-nav-feature-card[data-accent=periwinkle],
.ds-nav-feature-card[data-accent=tangerine] {
    --c-bg: var(--c-nav-dropdown-bg, #fff);
    --c-copy: var(--c-nav-dropdown-fg, #000)
}

.ds-nav-feature-card[data-accent=b] .cta,
.ds-nav-feature-card[data-accent=c] .cta,
.ds-nav-feature-card[data-accent=d] .cta,
.ds-nav-feature-card[data-accent=matcha] .cta,
.ds-nav-feature-card[data-accent=periwinkle] .cta,
.ds-nav-feature-card[data-accent=tangerine] .cta {
    border-color: var(--c-em-full);
    background-color: var(--c-em-full);
    color: var(--c-em-full-contrast)
}

.ds-nav-feature-card[data-accent=b] .cta:hover,
.ds-nav-feature-card[data-accent=c] .cta:hover,
.ds-nav-feature-card[data-accent=d] .cta:hover,
.ds-nav-feature-card[data-accent=matcha] .cta:hover,
.ds-nav-feature-card[data-accent=periwinkle] .cta:hover,
.ds-nav-feature-card[data-accent=tangerine] .cta:hover {
    border-color: var(--c-em-full);
    background-color: transparent;
    color: var(--c-em-full)
}

.ds-nav-feature-card[data-theme=dark] .cta {
    border-color: var(--c-em-full);
    background-color: var(--c-em-full);
    color: var(--c-em-full-contrast)
}

.ds-nav-feature-card[data-theme=dark] .cta:hover {
    border-color: var(--c-em-full);
    background-color: transparent;
    color: var(--c-em-full)
}

.ds-nav-feature-card>picture {
    max-height: var(--sizing-nav-dropdown);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ds-nav-feature-card>picture img {
    aspect-ratio: 265/516;
    object-fit: cover;
    height: var(--sizing-subnav);
    width: 100%
}

.ds-nav-feature-card .cta {
    margin-bottom: var(--spacing-m);
    border-color: var(--c-button);
    background-color: var(--c-button);
    color: var(--c-button-copy)
}

.ds-nav-feature-card .cta:hover {
    border-color: var(--c-button);
    background-color: var(--c-button-hover);
    color: var(--c-button-copy-hover)
}

.ds-nav-feature-card--content {
    padding: var(--spacing-m);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: start;
    -ms-flex-pack: center;
    justify-content: center;
    overflow-y: auto;
    max-height: var(--sizing-nav-dropdown)
}

.ds-nav-feature-card--content .-desc {
    margin-block: auto 0;
    width: 100%
}

.ds-nav-feature-card--content h3 {
    color: var(--c-copy);
    display: block;
    font-size: clamp(var(--f-2xl), 2.4vw, var(--f-h3));
    font-weight: 700;
    font-family: var(--font-headline);
    padding-right: 48px;
    margin-bottom: var(--spacing-s)
}

.ds-nav-feature-card--content h4 {
    color: var(--c-copy);
    width: 100%;
    display: block;
    font-size: var(--f-m);
    font-weight: 700;
    margin-bottom: var(--spacing-xs);
    font-family: var(--font-body);
    border-top: thin solid var(--c-copy);
    padding-top: var(--spacing-s);
    margin-top: auto
}

.ds-nav-feature-card--content p {
    color: var(--c-copy);
    font-size: var(--f-s);
    max-width: none;
    white-space: normal;
    word-break: auto-phrase
}

.ds-nav-feature-card--content p:last-of-type {
    margin-bottom: 0
}

@media (max-height:680px) {
    .ds-nav-feature-card--content h4:nth-of-type(2),
    .ds-nav-feature-card--content p:nth-of-type(2) {
        display: none
    }
}

@media (max-width:1380px) {
    .ds-nav-feature-card--content h4:nth-of-type(3),
    .ds-nav-feature-card--content p:nth-of-type(3) {
        display: none
    }
}

.site-search {
    position: relative;
    height: 2.5em
}

@media (min-width:768px) {
    .site-search {
        margin-right: .5em
    }
}

@media (min-width:1400px) {
    .site-search {
        width: 20em
    }
}

@media (min-width:1024px) and (max-width:1199.98px) {
    .site-search {
        width: 14.0625em
    }
}

@media (min-width:768px) and (max-width:1023.98px) {
    .site-search {
        width: 12.5em
    }
}

.site-search .fa-close,
.site-search .fa-search {
    right: .5625em
}

.site-search .fa-close,
.site-search .fa-search,
.site-search .reset-button {
    position: absolute;
    border: none;
    top: .5625em;
    padding: 0;
    background-color: transparent
}

.site-search .reset-button {
    right: 2em
}

.site-search input {
    padding-right: 2rem;
    height: 100%
}

@media (max-width:767.98px) {
    .header-search .site-search {
        display: none
    }
}

.suggestions-wrapper {
    position: relative
}

.suggestions {
    display: block;
    position: absolute;
    border: 1px solid #a9a9a9;
    background-color: #fff;
    width: 21.875rem;
    z-index: 3
}

@media (max-width:767.98px) {
    .suggestions {
        display: -ms-flexbox;
        display: flex;
        position: fixed;
        width: 100%
    }
}

.suggestions .swatch-circle {
    width: 2.5em;
    height: 2.5em;
    background: #fff;
    border-radius: 1.25em;
    border: .063em solid rgba(0, 0, 0, .3);
    display: inline-block;
    margin-right: .313em;
    position: relative
}

.suggestions .swatch-circle.color-value[data-selected=true]:after {
    color: #000;
    content: "\F058";
    display: table-caption;
    font-family: FontAwesome;
    font-size: 1.625em;
    left: .295em;
    position: absolute
}

.suggestions .swatch-circle.color-value.selected:after {
    color: #000;
    content: "\F058";
    display: table-caption;
    font-family: FontAwesome;
    font-size: 1.625em;
    left: .31em;
    position: absolute;
    top: .35em
}

.suggestions .swatch-circle.color-value.selected:after,
.suggestions .swatch-circle i.fa-times-circle {
    background: #fff;
    border-radius: 50%;
    height: .75em;
    line-height: .8em;
    width: .8em
}

.suggestions .header {
    color: #979797;
    font-size: .875em;
    padding-top: .625em
}

.suggestions .header:not(:first-child) {
    border-top: 1px solid #a9a9a9
}

.suggestions .items {
    padding: .313em 0
}

.suggestions .item {
    padding-bottom: .625em
}

.suggestions .item .name {
    margin-top: .313em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width:767.98px) {
    .suggestions .item {
        padding-bottom: .938em
    }
}

.suggestions .category-parent {
    color: #979797;
    font-size: .875em
}

.suggestions .selected {
    background-color: #e3e3e3
}

.suggestions .container,
.suggestions .container-narrow {
    list-style-type: none
}

.more-below {
    -moz-border-radius: 1.25em;
    background: #a9a9a9;
    border: .063em solid rgba(0, 0, 0, .1);
    border-radius: 1.25em;
    bottom: 1.875em;
    box-shadow: 0 1px 7px rgba(0, 0, 0, .3);
    display: none;
    height: 2.5em;
    position: fixed;
    right: 1.875em;
    width: 2.5em
}

.more-below i.fa-long-arrow-down {
    border-radius: 50%;
    color: #fff;
    display: table-caption;
    height: .75em;
    font-size: 1.5rem;
    left: .57em;
    line-height: .8em;
    position: absolute;
    top: .4em;
    width: .8em
}

header .header {
    z-index: 7
}

header.checkout-sticky-header,
header.sticky-header {
    position: sticky;
    top: 0;
    z-index: 99
}

header.checkout-sticky-header {
    background: #fff
}

.Search-White {
    cursor: pointer
}

.header-search {
    display: none;
    position: absolute;
    left: 15px;
    width: calc(100vw - 80px)
}

@media (min-width:768px) {
    .header-search {
        left: 160px;
        width: calc(100vw - 320px)
    }
}

@media (min-width:1200px) {
    .header-search {
        width: calc(100% - 330px)
    }
}

.search-active .header-search {
    display: block
}

.header-search .site-search {
    height: auto;
    display: block
}

.header-search .site-search .search-input-field {
    position: relative;
    width: 100%;
    height: 44px;
    border: 1px solid #afafaf;
    border-radius: 0;
    padding-right: 44px;
    color: #333;
    background-color: transparent !important;
    font-size: 16px
}

@media (min-width:768px) {
    .header-search .site-search .search-input-field {
        font-size: var(--f-l, 18px)
    }
}

.header-search .site-search .search-input-field::-webkit-input-placeholder {
    color: #333
}

.header-search .site-search .search-input-field::-moz-placeholder {
    color: #333
}

.header-search .site-search .search-input-field:-ms-input-placeholder {
    color: #333
}

.header-search .site-search .reset-button {
    display: none
}

.header-search .site-search .search-button {
    position: absolute;
    width: 44px;
    height: 44px;
    right: 0;
    top: 0
}

.suggestions {
    font-family: var(--font-headline);
    color: #333;
    top: 0;
    font-size: var(--f-m, 16px);
    border: 0;
    width: 100vw;
    padding: 27px 34px;
    right: 0;
    left: 0;
    bottom: 0;
    position: fixed;
    overflow: auto
}

@media (min-width:768px) {
    .suggestions {
        position: absolute;
        bottom: unset;
        width: calc(100vw - 30px);
        left: 50%;
        transform: translateX(-50%);
        overflow: initial
    }
}

@media (min-width:1200px) {
    .suggestions {
        width: calc(100vw - 50px)
    }
}

.suggestions .suggest-container {
    padding: 0
}

.suggestions .suggest-container .s-message {
    font-weight: 600;
    padding-left: 0
}

.suggestions .suggest-container .search-not-found-text {
    margin-left: 0;
    font-size: var(--f-s, .875rem);
    line-height: 1.25rem;
    margin-top: 15px
}

.suggestions .suggest-container .top-categories {
    padding-bottom: 40px;
    border-bottom: 1px solid #afafaf
}

.suggestions .suggest-container .top-categories .suggestive-products__title {
    font-size: var(--f-m, 1rem);
    font-weight: 600;
    margin-top: 2.1875rem;
    margin-bottom: 1.25rem
}

@media (min-width:768px) {
    .suggestions .suggest-container .top-categories .suggestive-products__title {
        font-size: 1.375rem;
        margin-top: 2.375rem
    }
}

.suggestions ul {
    padding: 27px 30px 0 35px
}

.suggestions img.swatch-square {
    border: 0;
    width: 109px;
    height: 109px;
    border-radius: 0;
    margin-right: 17px
}

.suggestions .item .name {
    font-weight: 600;
    font-size: var(--f-m, 1rem);
    display: inline-block;
    margin-top: 8px;
    font-family: var(--font-headline);
    width: 100%;
    white-space: normal
}

.suggestions .product-short-description {
    font-size: var(--f-xs, 12px);
    letter-spacing: 0;
    line-height: 19px;
    font-family: var(--font-body);
    margin-top: 9px
}

.suggestions .product-min-price {
    font-size: var(--f-s, .875rem);
    font-weight: 300;
    letter-spacing: 0;
    line-height: 1.375rem
}

.suggestions .top-search {
    font-size: var(--f-m, 1rem);
    font-weight: 500;
    color: #000;
    line-height: 1.875rem;
    margin-bottom: .875rem
}

.suggestions .image-prod {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.suggestions .show-full-result-1 {
    width: 100%;
    max-width: 27rem;
    padding: 14px
}

.suggestions .header {
    padding-top: 0
}

.suggestions .header:not(:first-child) {
    border-top: 0
}

.suggestions .brand-search,
.suggestions .browse {
    padding-top: 30px
}

.suggestions .items {
    padding: 6px 0
}

.suggestions .items.people .item {
    padding-bottom: 18px
}

.suggestions .items .item {
    padding-bottom: 23px;
    font-size: var(--f-s, 14px);
    letter-spacing: 0;
    line-height: 20px;
    font-family: var(--font-body);
    text-transform: capitalize
}

.suggestions .people-space {
    padding-top: 20px
}

.suggestions .name-price {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width:768px) {
    .suggestions .name-price {
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.suggestions .name-price .price {
    font-family: var(--font-headline);
    font-size: var(--f-s, .875rem);
    margin: 5px 0 3px
}

@media (min-width:768px) {
    .suggestions .name-price .price {
        font-size: var(--f-m, 1rem);
        color: #fa4616
    }
}

.suggestions .name-price .price .sales {
    font-weight: 300;
    text-transform: lowercase
}

.suggestions .name-price .price .sales span:not(.value) {
    font-size: var(--f-2xs, .625rem)
}

@media (max-width:767.98px) {
    .suggestions .name-price .price .sales span:not(.value) {
        display: none
    }
}

.suggestions .name-price .price .sales .suggestion-each-label.latam {
    display: none
}

.suggestions .name-price .price .discount-badge {
    color: #fa4616;
    border: 1px solid #fa4616;
    padding: 2px 6px;
    background-color: #fff;
    text-transform: uppercase;
    font-size: var(--f-s, .875rem);
    vertical-align: unset
}

.suggestions .name-price .price .strike-through {
    margin-right: 0
}

.suggestions .name-price .price .promo-sec {
    display: block
}

@media (max-width:767.98px) {
    body.search-active {
        overflow: hidden;
        height: 100%;
        width: 100%;
        position: fixed
    }
}

body.search-active .header .brand {
    visibility: hidden;
    pointer-events: none
}

@media (min-width:768px) {
    body.search-active .header .brand {
        visibility: visible
    }
}

body.search-active .header .header-account,
body.search-active .header .header-minicart,
body.search-active .header .navbar-toggler {
    display: none
}

@media (min-width:768px) {
    body.search-active .header .header-account,
    body.search-active .header .header-minicart,
    body.search-active .header .navbar-toggler {
        display: block;
        visibility: hidden;
        pointer-events: none
    }
}

@media (min-width:1200px) {
    body.search-active .header .main-menu {
        visibility: hidden;
        pointer-events: none
    }
}

@media (min-width:768px) {
    body.search-active .suggestions {
        padding: 0;
        right: 0
    }
    body.search-active .suggestions .brand-search,
    body.search-active .suggestions .browse {
        padding: 31px 0 0;
        border: 0;
        margin: 0
    }
    body.search-active .suggestions .brand-search .top-search,
    body.search-active .suggestions .browse .top-search {
        padding: 0
    }
    body.search-active .suggest-container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        padding: 0
    }
    body.search-active .suggest-container .s-message {
        font-size: 1.375rem
    }
    body.search-active .suggest-container .browse-categories {
        width: 31%;
        padding: 10px 10px 20px 24px;
        background-color: #f7f7f7
    }
    body.search-active .suggest-container .browse-categories .items {
        padding: 0
    }
    body.search-active .suggest-container .top-categories {
        max-height: calc(100vh - 7.8125rem);
        width: 69%;
        padding: 1.25rem 4rem 2.1875rem;
        overflow-x: hidden;
        overflow-y: scroll
    }
    body.search-active .suggest-container .top-categories .top-search {
        font-size: var(--f-l, 18px)
    }
    body.search-active .suggest-container .top-categories .image-prod {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: stretch;
        align-items: stretch;
        height: 100%;
        border: 1px solid #e7e7e7
    }
    body.search-active .suggest-container .top-categories img.swatch-square {
        width: 100%;
        height: auto;
        margin-right: 0
    }
    body.search-active .suggest-container .top-categories .name-price {
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin: .6875rem
    }
    body.search-active .suggest-container .top-categories .name,
    body.search-active .suggest-container .top-categories .product-short-description {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden
    }
    body.search-active .suggest-container .top-categories .name {
        margin-top: 21px
    }
    body.search-active .suggest-container .top-categories .product-short-description {
        color: #979797
    }
}

@media (min-width:1200px) {
    body.search-active .suggest-container .browse-categories {
        width: 20.3%;
        padding: 0 30px 20px
    }
    body.search-active .suggest-container .top-categories {
        width: 79.7%;
        max-height: unset;
        overflow-x: unset;
        overflow-y: unset
    }
}

@media (max-width:767.98px) {
    .collapsible-xs .title {
        color: #344555 !important;
        padding-right: 15px;
        padding-bottom: 17px;
        line-height: 2.5rem
    }
    .collapsible-xs .title:after {
        display: block;
        clear: both;
        content: "";
        float: right;
        content: "\F067";
        font-size: var(--f-xl, 1.25rem);
        font-weight: 100;
        font-family: FontAwesome, sans-serif;
        height: 20px;
        width: 20px
    }
    .collapsible-xs .title:hover {
        color: #344555 !important
    }
    .collapsible-xs .title:focus {
        box-shadow: none
    }
    .collapsible-xs .card-body,
    .collapsible-xs .content {
        display: none
    }
    .collapsible-xs.active .title:after {
        content: "\F068";
        font-weight: 400;
        margin-top: 1px
    }
}

@media (max-width:767.98px) and (max-width:767.98px) {
    .collapsible-xs.active li {
        margin: 9px 0;
        line-height: 24px
    }
}

@media (max-width:767.98px) {
    .collapsible-xs.active li:last-child {
        margin-bottom: 1.0625rem
    }
    .collapsible-xs.active .card-body,
    .collapsible-xs.active .content {
        display: block
    }
}

@media (max-width:1023.98px) {
    .collapsible-sm .title {
        color: #344555 !important;
        padding-right: 15px;
        padding-bottom: 17px;
        line-height: 2.5rem
    }
    .collapsible-sm .title:after {
        display: block;
        clear: both;
        content: "";
        float: right;
        content: "\F067";
        font-size: var(--f-xl, 1.25rem);
        font-weight: 100;
        font-family: FontAwesome, sans-serif;
        height: 20px;
        width: 20px
    }
    .collapsible-sm .title:hover {
        color: #344555 !important
    }
    .collapsible-sm .title:focus {
        box-shadow: none
    }
    .collapsible-sm .card-body,
    .collapsible-sm .content {
        display: none
    }
    .collapsible-sm.active .title:after {
        content: "\F068";
        font-weight: 400;
        margin-top: 1px
    }
}

@media (max-width:1023.98px) and (max-width:767.98px) {
    .collapsible-sm.active li {
        margin: 9px 0;
        line-height: 24px
    }
}

@media (max-width:1023.98px) {
    .collapsible-sm.active li:last-child {
        margin-bottom: 1.0625rem
    }
    .collapsible-sm.active .card-body,
    .collapsible-sm.active .content {
        display: block
    }
}

@media (max-width:1199.98px) {
    .collapsible-md .title {
        color: #344555 !important;
        padding-right: 15px;
        padding-bottom: 17px;
        line-height: 2.5rem
    }
    .collapsible-md .title:after {
        display: block;
        clear: both;
        content: "";
        float: right;
        content: "\F067";
        font-size: var(--f-xl, 1.25rem);
        font-weight: 100;
        font-family: FontAwesome, sans-serif;
        height: 20px;
        width: 20px
    }
    .collapsible-md .title:hover {
        color: #344555 !important
    }
    .collapsible-md .title:focus {
        box-shadow: none
    }
    .collapsible-md .card-body,
    .collapsible-md .content {
        display: none
    }
    .collapsible-md.active .title:after {
        content: "\F068";
        font-weight: 400;
        margin-top: 1px
    }
}

@media (max-width:1199.98px) and (max-width:767.98px) {
    .collapsible-md.active li {
        margin: 9px 0;
        line-height: 24px
    }
}

@media (max-width:1199.98px) {
    .collapsible-md.active li:last-child {
        margin-bottom: 1.0625rem
    }
    .collapsible-md.active .card-body,
    .collapsible-md.active .content {
        display: block
    }
}

@media (max-width:1399.98px) {
    .collapsible-lg .title {
        color: #344555 !important;
        padding-right: 15px;
        padding-bottom: 17px;
        line-height: 2.5rem
    }
    .collapsible-lg .title:after {
        display: block;
        clear: both;
        content: "";
        float: right;
        content: "\F067";
        font-size: var(--f-xl, 1.25rem);
        font-weight: 100;
        font-family: FontAwesome, sans-serif;
        height: 20px;
        width: 20px
    }
    .collapsible-lg .title:hover {
        color: #344555 !important
    }
    .collapsible-lg .title:focus {
        box-shadow: none
    }
    .collapsible-lg .card-body,
    .collapsible-lg .content {
        display: none
    }
    .collapsible-lg.active .title:after {
        content: "\F068";
        font-weight: 400;
        margin-top: 1px
    }
}

@media (max-width:1399.98px) and (max-width:767.98px) {
    .collapsible-lg.active li {
        margin: 9px 0;
        line-height: 24px
    }
}

@media (max-width:1399.98px) {
    .collapsible-lg.active li:last-child {
        margin-bottom: 1.0625rem
    }
    .collapsible-lg.active .card-body,
    .collapsible-lg.active .content {
        display: block
    }
}

.collapsible-xl .title {
    color: #344555 !important;
    padding-right: 15px;
    padding-bottom: 17px
}

.collapsible-xl .title:after {
    content: "\F067";
    font-size: var(--f-xl, 1.25rem);
    font-weight: 100;
    font-family: FontAwesome, sans-serif;
    height: 20px;
    width: 20px
}

.collapsible-xl .title:hover {
    color: #344555 !important
}

.collapsible-xl .title:focus {
    box-shadow: none
}

.collapsible-xl.active .title:after {
    content: "\F068";
    font-weight: 400;
    margin-top: 1px
}

@media (max-width:767.98px) {
    .collapsible-xl.active li {
        margin: 9px 0;
        line-height: 24px
    }
}

.collapsible-xl.active li:last-child {
    margin-bottom: 1.0625rem
}

@media (max-width:767.98px) {
    .collapsible-xs .title {
        line-height: 2.5rem
    }
    .collapsible-xs .title:after {
        display: block;
        clear: both;
        content: "";
        float: right;
        content: "\F078";
        font-family: FontAwesome
    }
    .collapsible-xs .card-body,
    .collapsible-xs .content {
        display: none
    }
    .collapsible-xs.active .title:after {
        content: "\F077";
        margin-top: -.125em
    }
    .collapsible-xs.active .card-body,
    .collapsible-xs.active .content {
        display: block
    }
}

.container-narrow div.collapsible-xs button.title,
.container div.collapsible-xs button.title {
    color: #000;
    text-decoration: none;
    border: none;
    background-color: transparent
}

.container-narrow div.collapsible-xs button.title:hover,
.container div.collapsible-xs button.title:hover {
    text-decoration: none
}

@media (max-width:1023.98px) {
    .collapsible-sm .title {
        line-height: 2.5rem
    }
    .collapsible-sm .title:after {
        display: block;
        clear: both;
        content: "";
        float: right;
        content: "\F078";
        font-family: FontAwesome
    }
    .collapsible-sm .card-body,
    .collapsible-sm .content {
        display: none
    }
    .collapsible-sm.active .title:after {
        content: "\F077";
        margin-top: -.125em
    }
    .collapsible-sm.active .card-body,
    .collapsible-sm.active .content {
        display: block
    }
}

.container-narrow div.collapsible-sm button.title,
.container div.collapsible-sm button.title {
    color: #000;
    text-decoration: none;
    border: none;
    background-color: transparent
}

.container-narrow div.collapsible-sm button.title:hover,
.container div.collapsible-sm button.title:hover {
    text-decoration: none
}

@media (max-width:1199.98px) {
    .collapsible-md .title {
        line-height: 2.5rem
    }
    .collapsible-md .title:after {
        display: block;
        clear: both;
        content: "";
        float: right;
        content: "\F078";
        font-family: FontAwesome
    }
    .collapsible-md .card-body,
    .collapsible-md .content {
        display: none
    }
    .collapsible-md.active .title:after {
        content: "\F077";
        margin-top: -.125em
    }
    .collapsible-md.active .card-body,
    .collapsible-md.active .content {
        display: block
    }
}

.container-narrow div.collapsible-md button.title,
.container div.collapsible-md button.title {
    color: #000;
    text-decoration: none;
    border: none;
    background-color: transparent
}

.container-narrow div.collapsible-md button.title:hover,
.container div.collapsible-md button.title:hover {
    text-decoration: none
}

@media (max-width:1399.98px) {
    .collapsible-lg .title {
        line-height: 2.5rem
    }
    .collapsible-lg .title:after {
        display: block;
        clear: both;
        content: "";
        float: right;
        content: "\F078";
        font-family: FontAwesome
    }
    .collapsible-lg .card-body,
    .collapsible-lg .content {
        display: none
    }
    .collapsible-lg.active .title:after {
        content: "\F077";
        margin-top: -.125em
    }
    .collapsible-lg.active .card-body,
    .collapsible-lg.active .content {
        display: block
    }
}

.container-narrow div.collapsible-lg button.title,
.container div.collapsible-lg button.title {
    color: #000;
    text-decoration: none;
    border: none;
    background-color: transparent
}

.container-narrow div.collapsible-lg button.title:hover,
.container div.collapsible-lg button.title:hover {
    text-decoration: none
}

.collapsible-xl .title {
    line-height: 2.5rem
}

.collapsible-xl .title:after {
    display: block;
    clear: both;
    content: "";
    float: right;
    content: "\F078";
    font-family: FontAwesome
}

.collapsible-xl .card-body,
.collapsible-xl .content {
    display: none
}

.collapsible-xl.active .title:after {
    content: "\F077";
    margin-top: -.125em
}

.collapsible-xl.active .card-body,
.collapsible-xl.active .content {
    display: block
}

.container-narrow div.collapsible-xl button.title,
.container div.collapsible-xl button.title {
    color: #000;
    text-decoration: none;
    border: none;
    background-color: transparent
}

.container-narrow div.collapsible-xl button.title:hover,
.container div.collapsible-xl button.title:hover {
    text-decoration: none
}

footer {
    background-color: #e9ecef;
    padding-top: 1.25em;
    padding-bottom: 1.25em
}

footer h2 {
    font-size: .875rem;
    margin-bottom: 0;
    line-height: 2.5em
}

footer ul {
    list-style: none;
    padding-left: 0
}

footer .social h2 {
    margin-top: 0
}

footer .social:after {
    display: block;
    clear: both;
    content: ""
}

footer .copyright,
footer .social {
    margin-top: 1.25em
}

footer .footer-container .footer-item.collapsible-xs button {
    font-family: Dosis, sans-serif;
    padding: 0
}

footer .social-links {
    float: left
}

footer .social-links:after {
    display: block;
    clear: both;
    content: ""
}

@media (max-width:767.98px) {
    footer .social-links {
        width: 80%
    }
}

footer .social-links li {
    float: left;
    margin: .313em
}

@media (max-width:767.98px) {
    footer .social-links li {
        width: 20%;
        text-align: center
    }
}

footer .social-links a {
    font-size: 2.25em
}

footer .social-links a:hover {
    text-decoration: none
}

@media (max-width:767.98px) {
    footer .store {
        border-bottom: 1px solid #333
    }
    footer .store .content {
        display: none
    }
    footer .store h2:after {
        display: block;
        clear: both;
        content: "";
        font-family: FontAwesome;
        float: right;
        content: "\F041"
    }
}

footer .content {
    font-size: .875em
}

footer .content li {
    height: 1.875rem
}

footer .copyright,
footer .postscript {
    font-size: .8125em
}

footer .copyright {
    margin-bottom: .625em
}

footer .back-to-top {
    margin: .1em .313em;
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none
}

footer .back-to-top i.fa-arrow-up {
    color: rgba(0, 0, 0, .7)
}

footer .back-to-top i.fa-circle {
    text-shadow: 0 2px 10px rgba(0, 0, 0, .2)
}

@media (max-width:767.98px) {
    .footer-item {
        border-bottom: 1px solid #333
    }
}

#consent-tracking .button-wrapper button {
    margin: .5em
}

.email-signup-message {
    transform: translate(-50%, -50%);
    position: fixed;
    top: 15%;
    left: 50%
}

.email-signup-alert {
    animation: fade 5s linear forwards;
    box-shadow: 1px 1px 5px grey;
    padding: 1em
}

.email-signup-alert.show,
.show ul.dropup {
    display: block
}

#footercontent {
    --sizing-max-content: 2560px;
    background-color: var(--c-footer-bg, #000);
    color: var(--c-footer, #fff);
    padding-top: 0;
    padding-bottom: 0
}

@media (max-width:767px) {
    #footercontent {
        --side-offset: 32px
    }
}

#footercontent .footer-container {
    padding: var(--spacing-m) var(--side-offset) 0;
    box-sizing: border-box;
    color: #fff;
    border-bottom: 0
}

#footercontent .footer-container .footer-innercontainer,
#footercontent .footer-container .footer-innercopyright {
    width: 100%
}

#footercontent .footer-container .footer-innercontainer {
    max-width: var(--sizing-max-content, 2560px);
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(0, 1fr))[4];
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: var(--sizing-gutter, 32px);
    row-gap: var(--spacing-s);
    position: relative
}

@media (min-width:768px) {
    #footercontent .footer-container .footer-innercontainer {
        -ms-grid-columns: (minmax(0, 1fr))[8];
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }
}

@media (min-width:1024px) {
    #footercontent .footer-container .footer-innercontainer {
        -ms-grid-columns: (minmax(0, 1fr))[12];
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
}

#footercontent .footer-container .footer-innercontainer .footer-item {
    -ms-grid-column: span 4;
    grid-column: span 4;
    max-width: none;
    position: static
}

@media (min-width:768px) {
    #footercontent .footer-container .footer-innercontainer .footer-item {
        -ms-grid-column: span 2;
        grid-column: span 2
    }
}

@media (max-width:767px) {
    #footercontent .footer-container .footer-innercontainer .footer-item.collapsible-xs.active .menu-footer:not(.social-links) {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (minmax(0, 1fr))[2];
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding-bottom: var(--spacing-s);
        column-gap: 24px
    }
    #footercontent .footer-container .footer-innercontainer .footer-item .header--sub__nav-link {
        padding: var(--spacing-s) 0
    }
}

@media (min-width:1024px) {
    #footercontent .footer-container .footer-innercontainer .footer-item-social {
        position: absolute;
        right: var(--side-offset);
        top: 0;
        max-width: 300px
    }
}

#footercontent .footer-container .footer-innercontainer .footer-item-social .title {
    padding-inline: 0
}

#footercontent .footer-container .footer-innercontainer .footer-item-social .social-links {
    width: unset;
    display: -ms-flexbox;
    display: flex;
    column-gap: var(--spacing-xs);
    row-gap: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#footercontent .footer-container .footer-innercontainer .footer-item-social .social-links li {
    width: auto
}

#footercontent .footer-container .footer-innercontainer .footer-item-social .social-links li a {
    line-height: .8
}

#footercontent .footer-bottom {
    max-width: var(--sizing-max-content, 2560px);
    padding: 0 var(--side-offset);
    display: -ms-grid;
    display: grid;
    margin-inline: auto
}

#footercontent .footer-bottom .footer-logo-section-wrapper,
#footercontent .footer-bottom .footerbrand-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: start;
    gap: var(--spacing-s, 16px)
}

#footercontent .footer-bottom .footer-logo-section-wrapper img,
#footercontent .footer-bottom .footerbrand-wrapper img {
    object-fit: contain;
    max-width: 96px;
    max-height: 62px
}

#footercontent .footer-bottom .footer-logo-section-wrapper .footer-brandlogo img,
#footercontent .footer-bottom .footerbrand-wrapper .footer-brandlogo img {
    max-width: 55px
}

#footercontent .footer-bottom .footer-logo-section-wrapper a:hover>img,
#footercontent .footer-bottom .footerbrand-wrapper a:hover>img {
    filter: brightness(1.36)
}

#footercontent .footer-bottom .footerbrand-wrapper {
    border-top: thin solid var(--c-accent);
    padding-block: var(--spacing-s, 16px)
}

#footercontent .footer-bottom .footer-copyright {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--spacing-s, 16px);
    padding: var(--spacing-s) 0
}

#footercontent .footer-bottom .footer-copyright .flag {
    margin-right: 8px
}

@media (max-width:767px) {
    #footercontent .footer-bottom {
        display: -ms-grid;
        display: grid;
        -ms-flex-align: center;
        align-items: center;
        -ms-grid-columns: 72px 1fr;
        grid-template-columns: 72px 1fr
    }
    #footercontent .footer-bottom>* {
        grid-column: 1/-1
    }
    #footercontent .footer-bottom .footer-logo-section-wrapper {
        display: none
    }
    #footercontent .footer-bottom .footer-copyright {
        -ms-grid-column: 2;
        grid-column: 2;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: start;
        -ms-flex-pack: start;
        justify-content: start;
        -ms-grid-row: 1;
        grid-row: 1;
        margin-bottom: 0;
        padding-bottom: 32px;
        row-gap: 4px
    }
    #footercontent .footer-bottom .footer-copyright.checkout-footer .footer-our-brands {
        display: none
    }
    #footercontent .footer-bottom .footer-copyright.checkout-footer .footer-country-selector {
        margin-bottom: 24px
    }
    #footercontent .footer-bottom .footer-our-brands {
        -ms-grid-row: 1;
        grid-row: 1;
        -ms-grid-column: 1;
        grid-column: 1
    }
    #footercontent .footer-bottom .footer-our-brands .title {
        display: none
    }
    #footercontent .footer-bottom .footerbrand-wrapper {
        border: 0
    }
}

#footercontent .footer-item {
    padding: 0
}

#footercontent .footer-item ul li {
    font-weight: 400;
    font-size: var(--f-xs, .75rem);
    line-height: 1.5;
    height: auto
}

@media (min-width:1024px) {
    #footercontent .footer-item ul li {
        font-size: var(--f-s, .875rem)
    }
}

#footercontent .footer-item a {
    color: var(--c-footer, #fff);
    display: block
}

#footercontent .footer-item a:active,
#footercontent .footer-item a:focus,
#footercontent .footer-item a:hover {
    color: var(--c-footer-active, #fa4616)
}

#footercontent .row {
    margin: 0
}

#footercontent .title {
    font-family: var(--font-headline);
    color: #fff;
    font-size: var(--f-xs, .75rem);
    line-height: 1.5;
    text-transform: capitalize;
    color: var(--c-footer, #fff) !important;
    margin: 12px 0;
    border-radius: 0;
    background-color: transparent;
    border: none
}

@media (min-width:768px) {
    #footercontent .title {
        font-size: var(--f-s, .875rem)
    }
}

@media (min-width:1024px) {
    #footercontent .title {
        font-size: var(--f-m, 1rem)
    }
}

#footercontent .collapsible-xs {
    padding: 0
}

#footercontent .collapsible-xs .footer-brandlogo {
    display: none
}

#footercontent .collapsible-xs .footer-logo {
    display: inline-block;
    width: 49%
}

#footercontent .mobile-footer-follow-us {
    padding: 0 0 10px;
    border-bottom: 1px solid #fa4616
}

#footercontent .mobile-footer-follow-us .title {
    padding: 0
}

#footercontent .mobile-footer-follow-us .social-links {
    width: 100%
}

#footercontent .mobile-footer-follow-us .social-links li {
    width: auto
}

#footercontent .social-icons {
    display: inline-block;
    margin: 0 10px 0 0
}

#footercontent .social-icons .sp-icon {
    width: 20px;
    height: 20px;
    vertical-align: top
}

#footercontent .social-icons img {
    min-width: 20px
}

#footercontent .footer-copyright {
    width: 100%
}

#footercontent .footer-copyright .footer-our-brands {
    padding: 0
}

#footercontent .footer-copyright .copyright-notice {
    float: right;
    text-align: left;
    padding: 0;
    color: var(--c-em-low-contrast, #a9a9a9);
    font-size: var(--f-2xs, 10px)
}

#footercontent .footer-copyright .copyright-notice .copyright {
    margin: 0;
    font-size: inherit
}

#footercontent .footer-copyright .footer-brand-text,
#footercontent .footer-copyright .footer-logo-section-wrapper {
    display: none
}

#footercontent .footer-accessibility .footer_accessibility_message {
    text-align: center;
    color: var(--c-em-low-contrast, #aeaeae);
    padding: 35px 42px;
    letter-spacing: .1em;
    font-size: var(--f-xs, 12px);
    border-top: 3px solid #424242
}

#footercontent .footer-accessibility .footer_accessibility_message a {
    color: inherit;
    font-weight: 700
}

#footercontent .footer-country-selector {
    display: block;
    padding: 0
}

#footercontent .footer-country-selector .menu-utility .flag {
    width: 21px;
    height: 16px;
    border: 1px solid var(--c-em-low-contrast, #a9a9a9)
}

#footercontent .footer-country-selector .menu-utility .dropdown-toggle {
    display: block;
    padding: 10px 10px 10px 0;
    border-radius: 0;
    font-weight: 400;
    font-size: .8125rem;
    color: var(--c-em-low-contrast, #a9a9a9);
    background-color: transparent;
    border: none;
    text-transform: none
}

#footercontent .footer-country-selector .menu-utility .dropdown-toggle:active,
#footercontent .footer-country-selector .menu-utility .dropdown-toggle:focus,
#footercontent .footer-country-selector .menu-utility .dropdown-toggle:hover {
    color: #fff;
    background-color: transparent
}

#footercontent .footer-country-selector .menu-utility .dropdown-menu {
    color: #333;
    margin-top: 0;
    padding: 0;
    min-width: auto;
    border-radius: 0;
    border: 1px solid #a9a9a9;
    font-weight: 700
}

#footercontent .footer-country-selector .menu-utility .dropdown-menu li {
    padding: 15px;
    height: auto;
    font-size: 14px
}

#footercontent .footer-country-selector .menu-utility .dropdown-menu li:hover {
    background-color: #f5f5f5
}

.footerbrand-wrapper .Harman-primary {
    width: 49px;
    height: 28px
}

@media (max-width:1023.98px) {
    #footercontent .title {
        margin: .4375rem 0
    }
    .collapsible-xs.active button.title:after {
        content: "\F106" !important
    }
    .collapsible-xs button.title:after {
        content: "\F107" !important;
        font-size: 15px;
        width: 12px;
        margin-right: 15px;
        color: #d8d8d8
    }
}

@media (min-width:768px) {
    #footercontent .footer-container {
        padding: 38px 47px 40px
    }
    #footercontent .footer-item {
        border-bottom: none
    }
    #footercontent .footer-item ul li {
        margin: 12px 0
    }
    #footercontent .footer-item .social-links {
        margin-bottom: 4.0625rem;
        width: 100%
    }
    #footercontent .footer-item .social-links .social-icons {
        margin-right: 13px
    }
    #footercontent .footer-copyright {
        border-bottom: none;
        padding: 15px
    }
    #footercontent .footer-copyright.checkout-footer .footer-country-selector {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    #footercontent .footer-copyright.checkout-footer .footer-our-brands {
        display: none
    }
    #footercontent .footer-copyright .copyright-notice {
        margin-top: 5px;
        font-size: 11px
    }
    #footercontent .footer-copyright .footerbrand-wrapper .footer-brand-text,
    #footercontent .footer-copyright .footerbrand-wrapper .footer-country-selector,
    #footercontent .footer-copyright .footerbrand-wrapper .footer-logo-section-wrapper {
        display: block
    }
    #footercontent .footer-copyright .footerbrand-wrapper .footer-brandlogo {
        display: inline-block;
        vertical-align: top;
        width: 11%;
        max-width: 50px
    }
    #footercontent .footer-copyright .footerbrand-wrapper .footer-logo-section-wrapper {
        display: inline-block;
        vertical-align: top;
        width: 88%
    }
    #footercontent .footer-copyright .footerbrand-wrapper .footer-logo-section-wrapper .footer-logo {
        width: 12%;
        display: inline-block;
        vertical-align: top;
        margin-left: 5px
    }
    #footercontent .footer-copyright .footer-country-selector {
        display: block;
        padding: 0
    }
    #footercontent .footer-copyright .footer-country-selector .menu-utility .flag {
        width: 21px;
        height: 16px;
        border: 1px solid #a9a9a9
    }
    #footercontent .footer-copyright .footer-country-selector .menu-utility .dropdown-toggle {
        display: block;
        padding: 10px;
        border-radius: 0;
        font-weight: 400;
        font-size: .8125rem;
        color: #a9a9a9;
        background-color: transparent;
        border: none;
        text-transform: none
    }
    #footercontent .footer-copyright .footer-country-selector .menu-utility .dropdown-toggle:active,
    #footercontent .footer-copyright .footer-country-selector .menu-utility .dropdown-toggle:focus,
    #footercontent .footer-copyright .footer-country-selector .menu-utility .dropdown-toggle:hover {
        color: #fff;
        background-color: transparent
    }
    #footercontent .footer-copyright .footer-country-selector .menu-utility .dropdown-menu {
        color: #333;
        margin-top: 0;
        padding: 0;
        min-width: auto;
        border-radius: 0;
        border: 1px solid #a9a9a9;
        width: 100%;
        font-weight: 700
    }
    #footercontent .footer-copyright .footer-country-selector .menu-utility .dropdown-menu li {
        padding: 15px;
        height: auto;
        font-size: var(--f-s, 14px)
    }
    #footercontent .footer-copyright .footer-country-selector .menu-utility .dropdown-menu li:hover {
        background-color: #f5f5f5
    }
}

@media (min-width:1024px) {
    #footercontent .footer-container {
        padding-left: 0;
        padding-right: 0
    }
    #footercontent .footer-container .footer-innercontainer {
        width: 100%;
        margin: 0 auto;
        padding-inline: var(--side-offset, 16px)
    }
    #footercontent .footer-container .footer-innercopyright {
        max-width: var(--sizing-max-content, 2560px);
        margin: 0 auto;
        padding: 0 var(--side-offset)
    }
    #footercontent .footer-container .copyright,
    #footercontent .footer-container .reserved {
        display: inline-block
    }
    #footercontent .footer-copyright .copyright-notice,
    #footercontent .footer-copyright .footer-country-selector {
        margin-top: 0
    }
    #footercontent .footer-copyright .copyright-notice {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: end;
        align-items: end;
        -ms-flex-pack: center;
        justify-content: center
    }
    #footercontent .footer-copyright .copyright-notice p:empty {
        display: none
    }
    #footercontent .footer-copyright .footer-country-selector .menu-utility .dropdown-toggle {
        padding: 20px 10px
    }
    #footercontent .footer-copyright .footerbrand-wrapper .footer-brandlogo {
        margin-top: 14px
    }
    #footercontent .footer-copyright .footerbrand-wrapper .footer-logo-section-wrapper .footer-logo {
        width: 9%;
        margin-left: 4px
    }
    #footercontent .footer-accessibility .footer_accessibility_message {
        padding: 35px 0
    }
}

@media (max-width:767.98px) {
    .menu-toggleable-left.navbar-toggleable-xs {
        position: fixed;
        left: -100%;
        top: 0;
        bottom: 0;
        transition: left .2s cubic-bezier(.83, 0, .17, 1);
        display: block;
        max-width: 100%
    }
    .menu-toggleable-left.navbar-toggleable-xs.in {
        min-width: 50%;
        left: 0
    }
}

@media (max-width:1023.98px) {
    .menu-toggleable-left.navbar-toggleable-sm {
        position: fixed;
        left: -100%;
        top: 0;
        bottom: 0;
        transition: left .2s cubic-bezier(.83, 0, .17, 1);
        display: block;
        max-width: 100%
    }
    .menu-toggleable-left.navbar-toggleable-sm.in {
        min-width: 50%;
        left: 0
    }
}

@media (max-width:1199.98px) {
    .menu-toggleable-left.navbar-toggleable-md {
        position: fixed;
        left: -100%;
        top: 0;
        bottom: 0;
        transition: left .2s cubic-bezier(.83, 0, .17, 1);
        display: block;
        max-width: 100%
    }
    .menu-toggleable-left.navbar-toggleable-md.in {
        min-width: 50%;
        left: 0
    }
}

@media (max-width:1399.98px) {
    .menu-toggleable-left.navbar-toggleable-lg {
        position: fixed;
        left: -100%;
        top: 0;
        bottom: 0;
        transition: left .2s cubic-bezier(.83, 0, .17, 1);
        display: block;
        max-width: 100%
    }
    .menu-toggleable-left.navbar-toggleable-lg.in {
        min-width: 50%;
        left: 0
    }
}

.menu-toggleable-left.navbar-toggleable-xl {
    position: fixed;
    left: -100%;
    top: 0;
    bottom: 0;
    transition: left .2s cubic-bezier(.83, 0, .17, 1);
    display: block;
    max-width: 100%
}

.menu-toggleable-left.navbar-toggleable-xl.in {
    min-width: 50%;
    left: 0
}

.navbar.bg-inverse {
    background-color: transparent !important;
    padding: 0;
    overflow-y: auto
}

@media (min-width:1400px) {
    .navbar.bg-inverse .navbar-nav .nav-item+.nav-item {
        margin-left: 0
    }
    .navbar.bg-inverse .navbar-nav .nav-link {
        padding: .8rem;
        white-space: nowrap
    }
}

.navbar-expand-md .navbar-nav.nav-center {
    -ms-flex-pack: center;
    justify-content: center
}

.navbar-expand-md .navbar-nav.nav-spaced {
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.navbar-expand-md .navbar-nav.nav-right {
    -ms-flex-pack: end;
    justify-content: end
}

.nav-item .nav-link:focus,
.nav-item .nav-link:hover,
.nav-item.show .nav-link {
    background-color: #fff
}

@media (min-width:1400px) {
    .nav-item>.nav-link {
        color: #000
    }
}

@media (max-width:1199.98px) {
    .main-menu.menu-toggleable-left {
        background-color: #fff;
        z-index: 4
    }
}

.menu-toggleable-left .close-menu {
    padding: 15px;
    background-color: #e3e3e3;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

@media (min-width:1400px) {
    .menu-toggleable-left .close-menu {
        display: none
    }
}

.menu-toggleable-left .menu-group {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

.menu-toggleable-left li>.close-menu {
    margin-right: 0;
    margin-top: -.6rem;
    margin-left: 0
}

@media (max-width:1199.98px) {
    .menu-toggleable-left .bg-inverse {
        background-color: #fff !important;
        color: #333
    }
}

@media (max-width:1199.98px) and (max-width:1199.98px) {
    .menu-toggleable-left.in {
        right: 0;
        margin-right: 1.25em
    }
}

@media (max-width:1199.98px) and (max-width:1399.98px) {
    .menu-toggleable-left.in .dropdown {
        display: block;
        position: static
    }
    .menu-toggleable-left.in .dropdown-toggle {
        padding-left: 1rem
    }
    .menu-toggleable-left.in .dropdown-toggle:after {
        border-top: .3em solid transparent;
        border-bottom: .3em solid transparent;
        border-left: .3em solid;
        position: absolute;
        right: .3em;
        margin-top: .55em
    }
    .menu-toggleable-left.in .nav-item .nav-link {
        padding-left: 1rem
    }
    .menu-toggleable-left.in .show>.dropdown-menu {
        left: 0
    }
    .menu-toggleable-left.in .dropdown-menu {
        position: absolute;
        left: -100%;
        top: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        border: 0 none;
        transition: left .2s cubic-bezier(.83, 0, .17, 1);
        display: block;
        overflow-y: auto
    }
}

.multilevel-dropdown .dropdown-menu {
    top: 90%;
    border: 0;
    border-radius: 0
}

@media (min-width:1200px) {
    .multilevel-dropdown .dropdown-menu {
        box-shadow: 0 3px 5px rgba(43, 36, 25, .4)
    }
}

.multilevel-dropdown .dropdown-item.dropdown>.dropdown-toggle:after {
    border-top: .3em solid transparent;
    border-bottom: .3em solid transparent;
    border-left: .3em solid;
    position: absolute;
    right: .3em;
    margin-top: .55em
}

@media (min-width:1200px) {
    .multilevel-dropdown .dropdown-menu>.dropdown>.dropdown-menu {
        top: -.65em;
        left: 99%
    }
}

.multilevel-dropdown .navbar>.close-menu>.back {
    display: none
}

.multilevel-dropdown .close-menu .back .caret-left {
    border-top: .3em solid transparent;
    border-bottom: .3em solid transparent;
    border-right: .3em solid;
    border-left: .3 solid transparent;
    width: 0;
    height: 0;
    display: inline-block;
    margin-bottom: .125em
}

.multilevel-dropdown .dropdown-item {
    padding: 0 0 0 1em
}

@media (min-width:1200px) {
    .multilevel-dropdown .dropdown-item {
        padding: 0 1em
    }
}

.multilevel-dropdown .dropdown-item .dropdown-link {
    display: block;
    padding: .425em 0
}

.multilevel-dropdown .dropdown-item+.dropdown-item {
    border-top: 1px solid #e3e3e3
}

.multilevel-dropdown .dropdown-item.top-category {
    font-weight: 700
}

.multilevel-dropdown .dropdown-item.top-category>.nav-link {
    padding-left: 0
}

.navbar-navigation {
    width: auto;
    font-family: var(--font-headline)
}

.navbar-navigation .right-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.ham-visible-none {
    display: none
}

.ham-visible {
    display: block
}

.ham-close-button {
    position: absolute;
    top: 20px;
    left: 9px;
    transform: scale(.77)
}

@media (min-width:1200px) {
    .ham-close-button {
        display: none !important
    }
}

.menu-expanded {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden
}

.dropdown-item:active {
    background-color: transparent
}

.menu-toggler button {
    display: block;
    width: 2.5rem;
    height: 2.75rem;
    position: relative;
    border-radius: initial
}

.menu-toggler button .sp-icon {
    position: absolute;
    top: 50%;
    left: 50%
}

.menu-toggler button .sp-icon,
.menu-toggler button .sp-icon.Hamburger-MenuSmall {
    transform: translate(-50%, -50%)
}

.menu-toggler button .sp-icon.Hamburger-Menu-Close {
    transform: translate(-50%, -50%) scale(.76)
}

.menu-toggler button[aria-expanded=false] .Hamburger-Menu-Close,
.menu-toggler button[aria-expanded=true] .Hamburger-MenuSmall {
    display: none
}

@media (max-width:1199.98px) {
    .menu-toggleable-left[class*=navbar-toggleable-].in {
        width: calc(100vw - 32px);
        margin-right: 0;
        background-color: #f8f8f8
    }
    .menu-toggleable-left[class*=navbar-toggleable-].in>.container,
    .menu-toggleable-left[class*=navbar-toggleable-].in>.container-narrow {
        overflow-y: auto
    }
    .menu-toggleable-left[class*=navbar-toggleable-].in .menu-group,
    .menu-toggleable-left[class*=navbar-toggleable-].in .nav,
    .menu-toggleable-left[class*=navbar-toggleable-].in .navbar,
    .menu-toggleable-left[class*=navbar-toggleable-].in>.container,
    .menu-toggleable-left[class*=navbar-toggleable-].in>.container-narrow,
    .menu-toggleable-left[class*=navbar-toggleable-].in>.container-narrow>.row,
    .menu-toggleable-left[class*=navbar-toggleable-].in>.container>.row {
        height: 100%
    }
    .menu-toggleable-left[class*=navbar-toggleable-].in .bg-inverse {
        background-color: #f8f8f8 !important
    }
    .menu-toggleable-left[class*=navbar-toggleable-].in .menu-group {
        padding: 19px 30px
    }
    .menu-toggleable-left[class*=navbar-toggleable-].in .dropdown-toggle:after {
        display: none
    }
    .menu-toggleable-left[class*=navbar-toggleable-].in .dropdown-item+.dropdown-item {
        border-top: 0
    }
    .menu-toggleable-left[class*=navbar-toggleable-].in .dropdown-item .dropdown-link {
        padding: 0 0 10px
    }
    .menu-toggleable-left[class*=navbar-toggleable-].in .dropdown-item .dropdown-link:first-child {
        padding-top: 12px
    }
    .menu-toggleable-left[class*=navbar-toggleable-].in .dropdown-item .dropdown-link .category-text {
        position: relative
    }
    .menu-toggleable-left[class*=navbar-toggleable-].in .dropdown-item .dropdown-link .category-text:active:before,
    .menu-toggleable-left[class*=navbar-toggleable-].in .dropdown-item .dropdown-link .category-text:focus:before,
    .menu-toggleable-left[class*=navbar-toggleable-].in .dropdown-item .dropdown-link .category-text:hover:before {
        content: "";
        border-bottom: 1px solid #fa4616;
        width: 110%;
        top: 145%;
        height: 1px;
        left: -2px;
        position: absolute;
        display: block
    }
    .menu-toggleable-left[class*=navbar-toggleable-].in .close-menu {
        padding: 0
    }
    .menu-toggleable-left[class*=navbar-toggleable-].in li>.close-menu {
        padding: 15px 0 0 10px;
        background-color: #f8f8f8;
        border-bottom: 0;
        margin-top: 0
    }
    .menu-toggleable-left[class*=navbar-toggleable-].in li>.close-menu button {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding: 0;
        font-size: var(--f-s, .875rem)
    }
    .menu-toggleable-left[class*=navbar-toggleable-].in li>.close-menu button .Left-Arrow-Mobile {
        margin-top: -.1875rem;
        margin-right: 9px;
        transform: rotate(180deg)
    }
    .menu-toggleable-left[class*=navbar-toggleable-].in .show>.dropdown-menu {
        padding: 0 40px;
        background-color: #f8f8f8
    }
    .menu-toggleable-left[class*=navbar-toggleable-].in .nav-item .nav-link {
        padding: 9px 0 9px 10px;
        font-size: var(--f-m, 1rem);
        line-height: 1.875rem;
        font-weight: 500;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        color: #333 !important
    }
    .menu-toggleable-left[class*=navbar-toggleable-].in .nav-item:not(:last-child) .nav-link {
        border-bottom: 1px solid #e3e3e3
    }
}

.menu-toggleable-left[class*=navbar-toggleable-].in .Left-Arrow-Mobile {
    transform: scale(.7)
}

.menu-toggleable-left[class*=navbar-toggleable-].in .dropdown-item {
    padding-left: 0
}

.menu-toggleable-left[class*=navbar-toggleable-].in .dropdown-item.top-category {
    padding-top: 16px
}

.menu-toggleable-left[class*=navbar-toggleable-].in .dropdown-item.top-category .nav-link {
    padding-bottom: 5px
}

.menu-toggleable-left[class*=navbar-toggleable-].in .dropdown-item.top-category .dropdown-link .Left-Arrow-Mobile,
.menu-toggleable-left[class*=navbar-toggleable-].in .dropdown-item.top-category .nav-link .Left-Arrow-Mobile {
    display: none
}

.menu-toggleable-left[class*=navbar-toggleable-].in .navbar-nav {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.menu-toggleable-left[class*=navbar-toggleable-].in .navbar-nav .intoPencilNav {
    border-bottom: 1px solid #e3e3e3
}

.menu-toggleable-left[class*=navbar-toggleable-].in .navbar-nav .intoPencilNav button,
.menu-toggleable-left[class*=navbar-toggleable-].in .navbar-nav .intoPencilNav li {
    font-size: var(--f-2xs, 10px)
}

.menu-toggleable-left[class*=navbar-toggleable-].in .navbar-nav .intoPencilNav button ul .dropdown-item .dropdown-link:first-child,
.menu-toggleable-left[class*=navbar-toggleable-].in .navbar-nav .intoPencilNav li ul .dropdown-item .dropdown-link:first-child {
    padding: 0
}

.menu-toggleable-left[class*=navbar-toggleable-].in .navbar-nav .intoPencilNav button .nav-link,
.menu-toggleable-left[class*=navbar-toggleable-].in .navbar-nav .intoPencilNav li .nav-link {
    padding: 5px 0 0 10px;
    border-bottom: 0;
    font-size: var(--f-2xs, 10px)
}

.menu-toggleable-left[class*=navbar-toggleable-].in .navbar-nav .dropdown .dropdown-link,
.menu-toggleable-left[class*=navbar-toggleable-].in .navbar-nav .dropdown .nav-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 10px
}

.menu-toggleable-left[class*=navbar-toggleable-].in .navbar-nav .dropdown .dropdown-link .category-decoration,
.menu-toggleable-left[class*=navbar-toggleable-].in .navbar-nav .dropdown .nav-link .category-decoration {
    white-space: normal;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-break: break-word
}

.nav-item .nav-link:focus,
.nav-item .nav-link:hover,
.nav-item.show .nav-link {
    background-color: transparent
}

.menu-account-details .title,
.menu-country-selector .title {
    width: 100%
}

.menu-account-details.collapsible-md .title:after,
.menu-country-selector.collapsible-md .title:after {
    display: none
}

.menu-account-details.collapsible-md.active li,
.menu-country-selector.collapsible-md.active li {
    padding: 15px 0
}

.menu-account-details.collapsible-md.active .title .Left-Arrow-Mobile,
.menu-country-selector.collapsible-md.active .title .Left-Arrow-Mobile {
    transform: rotate(90deg) scale(.7)
}

.menu-account-details .country-list,
.menu-country-selector .country-list {
    padding: 0 0 10px 10px
}

.menu-account-details .country-list li a span,
.menu-country-selector .country-list li a span {
    font-size: var(--f-m, 1rem);
    font-weight: 500;
    margin-left: 5px
}

.menu-account-details img,
.menu-country-selector img {
    width: 32px;
    height: 24px
}

.menu-account-details.collapsible-md.active .account-items {
    padding: 0 0 0 10px
}

.menu-account-details.collapsible-md.active .account-items li {
    padding: 10px 0;
    margin: 0
}

.menu-account-details.collapsible-md.active .account-items li:last-child {
    margin-bottom: 0
}

.country-selector #dropdownCountrySelector {
    white-space: normal;
    display: none
}

@media (min-width:768px) and (max-width:1199.98px) {
    .ham-close-button {
        top: 19px;
        left: 29px
    }
    .menu-toggleable-left[class*=navbar-toggleable-].in {
        min-width: 32%;
        width: 32%
    }
    .menu-toggleable-left[class*=navbar-toggleable-].in .dropdown-item+.dropdown-item {
        -ms-flex-preferred-size: 48%;
        flex-basis: 48%
    }
    .menu-toggleable-left[class*=navbar-toggleable-].in .nav-item .nav-link,
    .menu-toggleable-left[class*=navbar-toggleable-].in .navbar-nav .dropdown .dropdown-link,
    .menu-toggleable-left[class*=navbar-toggleable-].in .navbar-nav .dropdown .nav-link,
    .menu-toggleable-left[class*=navbar-toggleable-].in li>.close-menu {
        padding-left: 0
    }
    .menu-toggleable-left[class*=navbar-toggleable-].in .navbar .nav-item.dropdown>.dropdown-menu .dropdown.show .dropdown-menu {
        left: 32%;
        width: 32%;
        min-width: 68%;
        position: fixed;
        top: 126px;
        border-top: 0;
        background-color: #fff;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
        column-gap: 4%;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 22px 21px 0 27px
    }
    .menu-toggleable-left[class*=navbar-toggleable-].in .navbar .nav-item.dropdown>.dropdown-menu .dropdown.show .dropdown-menu .dropdown-item.top-category,
    .menu-toggleable-left[class*=navbar-toggleable-].in .navbar .nav-item.dropdown>.dropdown-menu .dropdown.show .dropdown-menu .nav-menu {
        display: none
    }
    .menu-toggleable-left[class*=navbar-toggleable-].in .navbar .nav-item.dropdown>.dropdown-menu .dropdown.show .dropdown-menu .dropdown-item {
        padding-bottom: 35px
    }
    .menu-toggleable-left[class*=navbar-toggleable-].in .navbar .nav-item.dropdown>.dropdown-menu .dropdown.show .dropdown-menu .dropdown-item .dropdown-link {
        display: block;
        padding: 0
    }
    .menu-toggleable-left[class*=navbar-toggleable-].in .navbar .nav-item.dropdown>.dropdown-menu .dropdown.show .dropdown-menu .dropdown-item .dropdown-link .category-img {
        display: block;
        padding: 20px;
        background-color: #f8f8f8;
        text-align: center
    }
    .menu-toggleable-left[class*=navbar-toggleable-].in .navbar .nav-item.dropdown>.dropdown-menu .dropdown.show .dropdown-menu .dropdown-item .dropdown-link .category-text {
        text-align: center;
        display: block;
        padding-top: 10px;
        font-size: var(--f-m, 1rem)
    }
    .menu-toggleable-left[class*=navbar-toggleable-].in .navbar .nav-item.dropdown>.dropdown-menu .dropdown.show .dropdown-menu.drop-down-category-level-3 {
        overflow-y: auto
    }
    .dropdown-item .dropdown-link .category-decoration {
        position: relative
    }
    .dropdown-item .dropdown-link .category-decoration:before {
        content: "";
        border-bottom: 1px solid #fa4616;
        width: 100%;
        bottom: -.25rem;
        height: 10px;
        position: absolute;
        display: none
    }
    .dropdown-item .dropdown-link .category-decoration.buy-all:hover {
        border-bottom: 1px solid #fa4616;
        padding-bottom: -.25rem
    }
    .dropdown-item.show .dropdown-link .category-decoration:before {
        display: block
    }
    .menu-country-selector .country-list {
        padding: 0 0 10px
    }
    .menu-country-selector.collapsible-md.active li {
        margin: 0
    }
    .menu-country-selector.collapsible-md.active li:last-child {
        margin-bottom: 0
    }
    .menu-account-details.collapsible-md.active .account-items {
        padding: 0
    }
}

@media (min-width:1200px) {
    .navbar-navigation {
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 100%;
        margin-top: 0
    }
    .navbar-navigation .header-main-menu {
        max-height: 5.125rem;
        overflow: hidden
    }
    .navbar-navigation .header-main-menu .dropdown-toggle:after {
        display: none
    }
    .navbar-navigation .header-main-menu .navbar-nav .nav-item {
        height: 5.125rem
    }
    .navbar-navigation .header-main-menu .navbar-nav .nav-link {
        line-height: 1.5rem;
        font-size: var(--f-m, 1rem);
        letter-spacing: 0;
        font-weight: 500
    }
    .navbar-navigation .header-main-menu .navbar-nav .nav-item,
    .navbar-navigation .header-main-menu .navbar-nav .nav-link {
        padding: 0
    }
    .navbar-navigation .header-main-menu .navbar-nav .nav-item>a,
    .navbar-navigation .header-main-menu .navbar-nav .nav-link>a {
        padding: 1.75rem 1rem
    }
    .navbar-navigation .header-main-menu .dropdown,
    .navbar-navigation .header-main-menu .navbar {
        position: static
    }
    .navbar-navigation .navbar .nav-item .nav-link {
        position: relative
    }
    .navbar-navigation .navbar .nav-item .dropdown-item:focus,
    .navbar-navigation .navbar .nav-item .dropdown-item:hover {
        color: #333;
        background: none
    }
    .navbar-navigation .navbar .nav-item>.dropdown-menu {
        top: 100%;
        height: calc(100vh - 9.5rem);
        max-height: 37.5rem;
        width: calc(100% + .4375rem);
        padding: 1.875rem 0 0 .75rem;
        margin-top: 0;
        margin-left: 0;
        box-shadow: none;
        background-color: #f8f8f8 !important;
        left: calc(50% - .6875rem);
        transform: translate(calc(-50% + 1.125rem));
        font-size: var(--f-s, .875rem)
    }
    .navbar-navigation .navbar .nav-item>.dropdown-menu>.dropdown-item {
        max-width: calc(20% - .75rem)
    }
    .navbar-navigation .navbar .nav-item>.dropdown-menu>.dropdown-item>.dropdown-link {
        width: fit-content
    }
    .navbar-navigation .navbar .nav-item>.dropdown-menu>.dropdown-item>.dropdown-menu {
        top: -2px
    }
    .navbar-navigation .navbar .nav-item>.dropdown-menu>.dropdown-item a>span {
        white-space: normal;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        word-break: break-word
    }
    .navbar-navigation .navbar .nav-item>.dropdown-menu.show li {
        border: 0;
        padding-bottom: 26px
    }
    .navbar-navigation .navbar .nav-item>.dropdown-menu.show li.active .dropdown-menu {
        display: -ms-flexbox;
        display: flex
    }
    .navbar-navigation .navbar .nav-item>.dropdown-menu.show li.show .dropdown-menu.show {
        top: 4.25rem;
        display: -ms-grid;
        display: grid;
        height: calc(100% - 4.25rem);
        padding-top: 0;
        margin-top: 0
    }
    .navbar-navigation .navbar .nav-item>.dropdown-menu.show li.show .header-menu-banner-redesign-new,
    .navbar-navigation .navbar .nav-item>.dropdown-menu.show li.show .title-best-seller {
        display: block
    }
    .navbar-navigation .navbar .nav-item>.dropdown-menu.show a {
        font-weight: 500
    }
    .navbar-navigation .navbar .nav-item>.dropdown-menu.show .dropdown .dropdown-menu {
        margin-left: 0;
        width: 80%;
        left: 20%;
        padding: 30px 71px 50px;
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
        -ms-grid-rows: (45.65%)[auto-fit];
        grid-template-rows: repeat(auto-fit, 45.65%);
        column-gap: 6%;
        background-color: #fff;
        box-shadow: none
    }
    .navbar-navigation .navbar .nav-item>.dropdown-menu.show .dropdown .dropdown-menu .dropdown-item {
        height: 100%;
        padding: 0;
        margin-bottom: 0
    }
    .navbar-navigation .navbar .nav-item>.dropdown-menu.show .dropdown .dropdown-menu .dropdown-item .dropdown-link {
        height: 100%;
        padding: 0
    }
    .navbar-navigation .navbar .nav-item>.dropdown-menu.show .dropdown .dropdown-menu .dropdown-item .dropdown-link .category-img {
        height: 76.4%;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #f8f8f8;
        text-align: center
    }
    .navbar-navigation .navbar .nav-item>.dropdown-menu.show .dropdown .dropdown-menu .dropdown-item .dropdown-link .category-img img {
        max-height: 100%
    }
    .navbar-navigation .navbar .nav-item>.dropdown-menu.show .dropdown .dropdown-menu .dropdown-item .dropdown-link .category-text {
        text-align: center;
        font-size: var(--f-l, 1.125rem);
        font-weight: 400;
        display: block;
        padding-top: .5rem;
        margin-top: 0
    }
    .navbar-navigation .navbar .nav-item>.dropdown-menu.show .dropdown .dropdown-menu .dropdown-item .dropdown-link:hover {
        color: #fa4616
    }
    .navbar-navigation .navbar .nav-item>.dropdown-menu.show .dropdown .dropdown-menu .dropdown-item .temp-spinner-wrapper {
        height: 10.5rem
    }
    .dropdown-item .dropdown-link .category-decoration {
        position: relative
    }
    .dropdown-item .dropdown-link .category-decoration:before {
        content: "";
        border-bottom: 1px solid #fa4616;
        width: 100%;
        bottom: -.25rem;
        height: 10px;
        position: absolute;
        display: none
    }
    .dropdown-item .dropdown-link .category-decoration.buy-all:hover {
        border-bottom: 1px solid #fa4616;
        padding-bottom: -.25rem
    }
    .dropdown-item.show .dropdown-link .category-decoration:before {
        display: block
    }
}

.title-best-seller {
    grid-column: 1/-1;
    font-size: 22px;
    height: auto;
    font-weight: 600;
    display: none;
    position: absolute;
    left: 20%;
    padding-left: 71px;
    top: 0;
    z-index: 1001;
    width: 80%;
    padding-top: 1.5625rem;
    padding-bottom: .625rem;
    background-color: #fff
}

@media (min-width:1200px) {
    .header-menu-banner-redesign-new {
        grid-column: 1/2;
        grid-row: 1/3
    }
}

.btn-view-all {
    grid-column: 1/-1;
    width: 100%;
    margin-top: .5rem;
    margin-bottom: 2rem;
    display: none;
    place-self: end
}

@media (min-width:768px) {
    .btn-view-all {
        display: block
    }
}

.btn-view-all .center_bottom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.btn-view-all .center_bottom a {
    text-transform: none;
    width: 100%
}

@media (min-width:1024px) {
    .btn-view-all .center_bottom a {
        width: 16.875rem
    }
}

.btn-view-all .center_bottom a:hover {
    color: #fff
}

.valid-cookie-warning {
    background-color: #333
}

.newsletter-failure-error {
    color: #a63232;
    margin-top: 5px;
    font-size: var(--f-s, .875rem)
}

.home-email-signup {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    color: #fff;
    background-color: #333
}

.home-email-signup.bg-img {
    background-image: url("../images/footer-mob.png")
}

@media (min-width:768px) {
    .home-email-signup.bg-img {
        background-image: url("../images/footer_image-1.png")
    }
}

.home-email-signup.bg-img.EMEA {
    background-image: url("../images/SC04644_EMEA_JBL_SFRA_NFI_Banners_1920x650px_2.jpg")
}

.home-email-signup>.container,
.home-email-signup>.container-narrow {
    padding-top: .625em;
    padding-bottom: .625em
}

.home-email-signup .mindbox-subscription {
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 110px 0;
    font-family: var(--font-headline)
}

.home-email-signup .mindbox-subscription h3 {
    font-size: 1.5rem;
    letter-spacing: -.2px;
    line-height: 1.33;
    font-weight: 700;
    margin: 0 50px 24px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .1), 0 2px 0 rgba(0, 0, 0, .1), 0 2px 16px rgba(0, 0, 0, .24), 0 2px 32px rgba(0, 0, 0, .24), 0 2px 48px rgba(0, 0, 0, .24)
}

.home-email-signup .mindbox-subscription .content-asset {
    margin-bottom: var(--spacing-m)
}

.home-email-signup .mindbox-subscription .content-asset h3 {
    margin-bottom: var(--spacing-xs)
}

.home-email-signup .mindbox-subscription .content-asset p {
    font-size: var(--f-m, 16px);
    font-weight: 400
}

.home-email-signup .mindbox-subscription .content-asset p:last-child {
    margin-bottom: 0
}

.home-email-signup .mindbox-subscription input.form-control {
    border: 2px solid #fff;
    border-radius: 50rem 0 0 50rem;
    color: #fff;
    background-color: rgba(0, 0, 0, .6) !important;
    background-image: none;
    padding-right: 40px
}

@supports ((-webkit-backdrop-filter:none) or (backdrop-filter:none)) {
    .home-email-signup .mindbox-subscription input.form-control {
        -webkit-backdrop-filter: saturate(180%) blur(16px);
        backdrop-filter: saturate(180%) blur(16px)
    }
}

.home-email-signup .mindbox-subscription input.form-control:-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .62)
}

.home-email-signup .mindbox-subscription input.form-control::placeholder {
    color: hsla(0, 0%, 100%, .62)
}

.home-email-signup .mindbox-subscription input.form-control:not(.is-invalid):valid {
    background-position: calc(100% - 28px) 50% !important;
    padding-right: 40px !important
}

.home-email-signup .mindbox-subscription input.form-control:not(:placeholder-shown)~button[type=reset],
.home-email-signup .mindbox-subscription input.form-control:valid~button[type=reset] {
    opacity: 1
}

.home-email-signup .mindbox-subscription .home-newsletter {
    font-weight: 700
}

.home-email-signup .mindbox-subscription button[type=reset] {
    opacity: 0;
    display: block;
    width: 32px;
    margin-left: -32px;
    color: #fff;
    background: none;
    border: 0;
    outline: none;
    position: relative;
    font-size: 1.3em;
    z-index: 4
}

.home-email-signup .mindbox-subscription .invalid-feedback {
    font-weight: 700;
    min-height: 26px;
    color: #fff;
    display: block;
    border-radius: 11px;
    padding: 4px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .5), 0 1px 4px rgba(0, 0, 0, .24);
    transition: .16s ease-in-out
}

.home-email-signup .mindbox-subscription .invalid-feedback:empty {
    opacity: 0;
    translate: 0 8px
}

.home-email-signup .mindbox-subscription .invalid-feedback:not(:empty) {
    background-color: rgba(166, 50, 50, .8);
    opacity: 1;
    translate: 0 0
}

@supports ((-webkit-backdrop-filter:none) or (backdrop-filter:none)) {
    .home-email-signup .mindbox-subscription .invalid-feedback:not(:empty) {
        -webkit-backdrop-filter: saturate(180%) blur(16px);
        backdrop-filter: saturate(180%) blur(16px)
    }
}

.home-email-signup .mindbox-subscription .btn-primary {
    border-color: #fff;
    background-color: #fff;
    color: #000;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    font-size: var(--f-s, .875rem);
    font-weight: 500;
    font-family: var(--font-headline);
    height: 45px
}

.home-email-signup .mindbox-subscription .btn-primary:active,
.home-email-signup .mindbox-subscription .btn-primary:focus,
.home-email-signup .mindbox-subscription .btn-primary:hover {
    color: #fff;
    background-color: #fa4616;
    border-color: #fa4616
}

.home-email-signup .mindbox-subscription .view-policy {
    font-size: var(--f-xs, 12px);
    letter-spacing: 0;
    line-height: 22px
}

.home-email-signup .mindbox-subscription .view-policy a {
    font-weight: 700;
    text-decoration: underline;
    color: #fff
}

.home-email-signup .mindbox-subscription .view-policy .mindbox-checkbox {
    display: inline-block
}

.home-email-signup .mindbox-subscription .view-policy .mindbox-checkbox input[type=checkbox]+label:after {
    border-color: #fff
}

[class*=subscription-modal] {
    font-family: var(--font-headline)
}

[class*=subscription-modal] .modal-content {
    border-radius: 0
}

[class*=subscription-modal] .subscribe {
    color: #333;
    margin-bottom: 1rem;
    font-size: var(--f-xl, 20px);
    border-bottom: 2px solid #000;
    padding-bottom: 5px
}

[class*=subscription-modal] .modal-footer {
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-top: 0
}

[class*=subscription-modal] .modal-footer .close {
    padding: 10px 50px;
    border: 1px solid #fa4616;
    text-transform: uppercase;
    font-size: var(--f-s, 14px);
    border-radius: 30px;
    color: #fff;
    background: #fa4616;
    margin: 0
}

[class*=subscription-modal] .modal-footer .close:hover {
    color: #fa4616;
    background: #fff;
    opacity: 1
}

@media (min-width:768px) {
    .home-email-signup .mindbox-subscription {
        max-width: 499px;
        padding: 45px 0 65px
    }
    .home-email-signup .mindbox-subscription h3 {
        font-size: 30px;
        letter-spacing: -.83px;
        line-height: 38px;
        font-weight: 700;
        margin: 0 116px 36px
    }
}

@media (min-width:1024px) {
    .home-email-signup .mindbox-subscription {
        max-width: 484px;
        padding: 126px 0 144px
    }
    .home-email-signup .mindbox-subscription .sign-up-text,
    .home-email-signup .mindbox-subscription h3 {
        font-size: var(--f-4xl, 36px);
        letter-spacing: -1px;
        line-height: 44px;
        font-weight: 700;
        margin: 0 3.75rem 2.25rem
    }
    .home-email-signup .mindbox-subscription .view-policy {
        padding-top: 30px
    }
}

input.form-control,
textarea.form-control {
    width: 100%;
    color: #333;
    height: 2.8125rem;
    padding: 14px 0 16px 19px;
    border: 1px solid #979797;
    background-color: #fff !important;
    box-shadow: none;
    font-family: var(--font-headline);
    font-size: var(--f-s, .875rem);
    line-height: 16/14;
    font-weight: 300;
    border-radius: 0;
    padding: 13px 0 13px 20px
}

@media (min-width:768px) {
    input.form-control,
    textarea.form-control {
        font-size: var(--f-m, 1rem)
    }
}

input.form-control:-ms-input-placeholder,
textarea.form-control:-ms-input-placeholder {
    text-overflow: unset
}

input.form-control::placeholder,
textarea.form-control::placeholder {
    text-overflow: unset
}

input.form-control[type=search],
input.form-control[type=text],
textarea.form-control[type=search],
textarea.form-control[type=text] {
    -webkit-appearance: none
}

input.form-control[type=number],
textarea.form-control[type=number] {
    -moz-appearance: textfield
}

input.form-control:focus,
textarea.form-control:focus {
    background-color: #fff !important;
    outline: none;
    font-size: 1rem;
    box-shadow: none
}

input.form-control.error,
textarea.form-control.error {
    border: 1px solid #a63232
}

textarea.form-control {
    height: auto
}

.input-disabled {
    pointer-events: none
}

.custom-control-input.is-invalid~.custom-control-label,
.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #a63232
}

.custom-control-input.is-invalid~.custom-control-label {
    color: #a63232
}

.feedback,
.invalid-feedback {
    width: 100%;
    margin-top: 5px
}

input[type=checkbox] {
    display: none
}

input[type=checkbox]:checked+label:after {
    background-color: #fa4616;
    border: 0;
    background-image: url("../../images/check.svg");
    background-position-y: 4px
}

input[type=checkbox]+label {
    font-weight: 400;
    color: #333;
    font-size: var(--f-xs, .75rem);
    line-height: 1.5;
    cursor: pointer;
    position: relative;
    display: inline-block;
    padding-left: 1.5625rem
}

@media (min-width:768px) {
    input[type=checkbox]+label {
        font-size: var(--f-s, .875rem)
    }
}

input[type=checkbox]+label:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-top: none;
    border-right: none;
    width: 1.125rem;
    height: 1.125rem;
    border: .0625rem solid #333;
    border-radius: .125rem
}

input[type=checkbox]+label:before {
    content: none
}

select.form-control {
    width: 100%;
    display: inline-block;
    position: relative;
    border-radius: 0;
    border: 1px solid #979797;
    height: 2.5rem;
    font-size: var(--f-m, 1rem);
    color: #333;
    font-family: var(--font-headline);
    background: none;
    padding-right: 24px;
    appearance: none;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzBweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMzAgMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogc2tldGNodG9vbCA2NCAoMTAxMDEwKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT4zNUEzRjZBNC03QkUwLTQwOTUtODg4Qy00MjQ2NjQ4NEUzRkY8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIHNrZXRjaHRvb2wuPC9kZXNjPgogICAgPGcgaWQ9IlN0eWxlLUd1aWRlIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iRWxlbWVudHMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01NTguMDAwMDAwLCAtMjk3My4wMDAwMDApIiBmaWxsPSIjMzMzMzMzIj4KICAgICAgICAgICAgPGcgaWQ9Ikljb25zL0hhbWJ1cmdlci1NZW51LUNvcHktNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTU1LjAwMDAwMCwgMjk2NC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJGaWxsLTEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE4LjAwMDAwMCwgMTguMDAwMDAwKSByb3RhdGUoLTkwLjAwMDAwMCkgdHJhbnNsYXRlKC0xOC4wMDAwMDAsIC0xOC4wMDAwMDApICIgcG9pbnRzPSIyMy4xNTQwMzMyIDMgOSAxNy45OTQ2OTg2IDEyLjc3OTI0NCAyMS45OTgzMzY1IDEyLjc5MDkyMDUgMjEuOTg2MDM3MiAyMy4xODczOTQ2IDMzIDI3IDI4Ljk2MDk0ODUgMTYuNjAzNTI1OSAxNy45NDY5ODU3IDI2LjkzMzI3NzIgNy4wMDM3MDg2NCI+PC9wb2x5Z29uPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=");
    background-repeat: no-repeat;
    background-size: 10px;
    background-color: #fff !important;
    background-position: calc(100% - 10px) 50%
}

select.form-control:focus {
    border-color: #979797;
    outline: 0;
    box-shadow: none
}

.form-group {
    position: relative;
    margin-bottom: 1.5625rem
}

.form-group .Input-label {
    display: block;
    position: absolute;
    opacity: 0
}

.form-group input {
    display: block
}

.form-group input:placeholder-shown+.Input-label {
    visibility: hidden;
    z-index: -1
}

.form-group input:focus:not(:placeholder-shown)~.Input-label,
.form-group input:not(:placeholder-shown)~.Input-label,
.form-group select:focus~.Input-label,
.form-group select~.Input-label {
    visibility: visible;
    z-index: 1;
    opacity: 1;
    font-size: var(--f-xs, 12px);
    top: -.7em;
    background-color: #fff;
    color: #333
}

.form-group label.coupon-code-field {
    margin-left: .375rem;
    padding: 0
}

.form-group label.postal-code-field {
    margin-left: 1.25rem;
    padding: 0 .25rem
}

.form-group .form-control:focus {
    border: 1px solid #979797
}

.form-group .form-control.is-invalid:focus {
    box-shadow: none;
    border-color: #a63232
}

.form-group .custom-select.is-invalid,
.form-group .custom-select:invalid {
    background-size: .5rem .625rem, 1.5rem
}

.form-group.required input:not([type=password]):not(.is-invalid):valid {
    background: url("../../images/Tick.svg") no-repeat calc(100% - .5rem) 50%;
    padding-right: calc(1.5em + .75rem)
}

.form-group.required .Input-label:after {
    content: "*";
    color: #df2d00;
    margin-right: .5em
}

.form-group.required .shipping-input-icon-container input.is-invalid,
.form-group.required .shipping-input-icon-container input:not([type=password]):not(.is-invalid):valid {
    background-position: 100% calc(.375em + 2.1875rem)
}

.house-number-feedback,
.invalid-feedback {
    font-size: var(--f-xs, .75rem);
    line-height: 1.125rem;
    color: #a63232;
    font-weight: 700
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    background-size: 1.5rem
}

.custom-checkbox .custom-control-input:disabled~.custom-control-label {
    cursor: default;
    pointer-events: none
}

.custom-checkbox .custom-control-input:disabled~.custom-control-label:after {
    opacity: .3
}

.modal-background {
    background-color: #000;
    display: none;
    height: 100%;
    position: fixed;
    opacity: .5;
    width: 100%;
    top: 0;
    left: 0
}

input[placeholder] {
    text-overflow: ellipsis
}

header~#maincontent .container-narrow a:not(.btn-primary):not(.btn-outline-primary):not(.cta),
header~#maincontent .container a:not(.btn-primary):not(.btn-outline-primary):not(.cta) {
    color: var(--skin-link-color-2)
}

.hide-order-discount,
.hide-shipping-discount {
    display: none
}

.order-discount,
.shipping-discount {
    color: #148346
}

.error-messaging {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1
}

.error-hero {
    background-image: url("../images/storelocator.jpg");
    margin-bottom: .625em
}

.error-message {
    margin-top: 3.125rem;
    margin-bottom: 3.125rem
}

.error.continue-shopping {
    margin-bottom: 6.25em
}

.error-unassigned-category {
    color: #fa4616
}

.skip {
    position: absolute;
    top: -4.2em;
    overflow: hidden;
    padding: 1em 1.5em
}

.skip,
a.skip:active,
a.skip:focus,
a.skip:hover {
    left: 0;
    background: #fff;
    transition: all .2s ease-in-out
}

a.skip:active,
a.skip:focus,
a.skip:hover {
    top: 0;
    width: auto;
    height: auto;
    z-index: 10000000
}

.card-header-custom {
    font-size: 1.5rem;
    margin-bottom: 0
}

.modal-background {
    z-index: 6;
    opacity: .6
}

.hide-product-discount {
    display: none
}

.product-discount {
    color: #148346
}

.live-countdown {
    display: -ms-flexbox;
    display: flex;
    width: max-content
}

.live-countdown .countdown-group {
    text-align: center
}

.live-countdown .countdown-group+.countdown-group {
    margin-left: 1em;
    position: relative
}

.live-countdown .countdown-group+.countdown-group:before {
    content: ":";
    display: block;
    position: absolute;
    left: -.5em;
    font-size: 1.375rem;
    color: #e3e3e3
}

.live-countdown .countdown-group .digits {
    display: -ms-flexbox;
    display: flex
}

.live-countdown .countdown-group .digits span {
    display: inline-block;
    border-radius: 8px;
    padding: 6px;
    background-color: #f7f7f7;
    line-height: 1;
    font-size: 1.375rem;
    font-weight: 500
}

.live-countdown .countdown-group .digits span+span {
    margin-left: 2px
}

.live-countdown .countdown-group .label {
    margin-top: .5rem;
    font-size: var(--f-2xs, .625rem);
    text-transform: uppercase;
    font-weight: 500;
    color: #979797;
    letter-spacing: .2em
}

.live-countdown--small {
    background-color: #fa4616;
    color: #fff;
    border-radius: 6px;
    padding: 6px 0
}

.live-countdown--small .countdown-group {
    text-align: center;
    padding: 0 .75em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.live-countdown--small .countdown-group+.countdown-group {
    margin-left: 0
}

.live-countdown--small .countdown-group+.countdown-group:before {
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #fff;
    opacity: .38
}

.live-countdown--small .countdown-group .digits {
    display: block
}

.live-countdown--small .countdown-group .digits span {
    display: inline-block;
    border-radius: 0;
    padding: 0;
    background-color: transparent;
    line-height: 1;
    font-size: .8125rem
}

.live-countdown--small .countdown-group .digits span+span {
    margin-left: 0
}

.live-countdown--small .countdown-group .label {
    margin-top: -.125rem;
    font-weight: 400;
    color: inherit;
    letter-spacing: 0;
    opacity: .87
}

.countdown {
    display: -ms-flexbox;
    display: flex;
    margin: 24px 0
}

@media (max-width:600px) {
    .countdown {
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.countdown .countdown-date {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    margin-right: 8px
}

.countdown .countdown-date>span {
    font-family: var(--font-body);
    font-weight: 700;
    font-size: 1.2em
}

.countdown .countdown-date.-is-zero {
    display: none
}

.js .card {
    cursor: pointer
}

.modal-background.remove-modal {
    display: none !important
}

.search-results {
    padding: 0
}

.search-results .grid-header {
    margin: 0
}

.search-results .filter-sec {
    padding: 0
}

.search-results .filter-bar {
    padding: 0 15px;
    margin: 0
}

.search-results .filter-bar li.filter-value {
    border: none;
    background: #f8f8f8;
    border-radius: 0;
    padding: 0;
    margin: 15px 8px 0 0
}

.search-results .filter-bar li.filter-value button {
    padding: 4px 30px 3px 7px
}

.search-results .filter-bar li.filter-value button:after {
    top: 50%;
    transform: translateY(-50%);
    -webkit-text-stroke: 1.25px #f8f8f8;
    font-size: .78125rem
}

.search-results .filter-bar li .applied-filter-text {
    font-size: var(--f-s, .875rem);
    line-height: 22px;
    font-weight: lighter;
    font-family: var(--font-headline);
    color: #333
}

.search-results .filter-bar .filter-appiled-section ul {
    padding: 0
}

.search-results .filter-bar.desc-filt,
.search-results .filter-bar.tab-filt {
    width: 100%;
    display: none !important
}

.search-results .clp-section {
    width: 100%;
    display: inline-block
}

.search-results .clp-section .refine-sec {
    position: relative
}

.search-results .clp-section .refine-sec .result-count {
    display: none
}

.search-results .clp-section .grid-container {
    position: static
}

.search-results .clp-section .sortby-drop {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0
}

.search-results .clp-section .sortby-drop .form-control {
    border-right: none
}

.search-results .custom-select-box,
.search-results .filter-results {
    font-size: var(--f-m, 1rem);
    line-height: 22px;
    font-weight: 400;
    font-family: var(--font-headline);
    border-color: #979797;
    border-style: solid;
    border-width: 1px 0;
    padding: 8px 0 8px 10px;
    color: #333
}

.search-results .custom-select-box:after,
.search-results .filter-results:after {
    font-size: .9375rem;
    position: absolute;
    font-family: FontAwesome, sans-serif;
    top: 11px;
    right: 11px;
    content: "\F107";
    pointer-events: none;
    color: #333;
    font-weight: 700;
    line-height: 1
}

.search-results .filter-results.filter-display {
    border-bottom: none;
    font-weight: bolder
}

.search-results .filter-results.filter-display:after {
    transform: rotate(180deg)
}

.search-results .clear-all-mobile {
    overflow: auto;
    padding-top: 1em
}

.search-results .clear-all-mobile button {
    text-decoration: underline
}

.search-results .refinement-bar {
    position: relative;
    box-shadow: none;
    border-bottom: 1px solid #9a9a9a;
    top: 1px;
    z-index: 2
}

.search-results .refinement-bar.desc-refine {
    display: none !important;
    border-color: transparent
}

.search-results .refinement-bar.fltr-sec-shw {
    display: block !important
}

.search-results .refinement-bar.fltr-sec-shw .desc-flt-otn {
    display: none
}

.search-results .refinement-bar.fltr-sec-shw .filter-bar {
    display: inline-block;
    width: 100%
}

.search-results .refinement-bar.fltr-sec-shw .filter-option-appiled .filter-heading-mob {
    font-size: var(--f-m, 1rem);
    line-height: 30px;
    font-weight: 700;
    display: block !important;
    color: #333;
    padding-left: .9375rem
}

.search-results .refinement-bar.fltr-sec-shw .filter-option-appiled .selected-options-list {
    width: 100%;
    display: inline-block;
    padding-bottom: 1.25rem;
    border-style: solid;
    border-width: 0 0 1px;
    border-color: #979797
}

.search-results .refinement-bar .filter-header {
    margin: 0 15px
}

.search-results .refinement-bar .filter-header .header-bar {
    background: none;
    border-bottom: none;
    padding: 15px 0 0
}

.search-results .refinement-bar .filter-container {
    padding: 0 15px
}

.search-results .refinement-bar .filter-container .card-header {
    padding: 15px 19px 7px;
    border-bottom: none
}

.search-results .refinement-bar .filter-container .card-header button.title {
    padding: 0
}

.search-results .refinement-bar .filter-container .card-header button.title:focus-visible {
    text-decoration: underline 2px var(--c-button)
}

.search-results .refinement-bar .filter-container .card-header button.title span {
    font-size: var(--f-m, 1rem);
    line-height: 30px;
    font-weight: 700;
    text-transform: capitalize;
    color: #333
}

.search-results .refinement-bar .filter-container .card-header button.title span.refinement-explanation {
    background-color: #fa4616;
    height: 16px;
    width: 16px;
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
    color: #fff;
    text-align: center;
    line-height: 20px;
    font-size: 11px;
    position: relative;
    top: 3px;
    margin-left: 10px;
    font-weight: 500
}

.search-results .refinement-bar .filter-container .card-header button.title span.refinement-explanation img {
    height: .625rem;
    vertical-align: middle;
    margin-bottom: .1875rem
}

.search-results .refinement-bar .filter-container .card.refinement:first-of-type .card-header {
    padding-top: 8px
}

.search-results .refinement-bar .filter-container .refinements .refinement .refinement-color-child ul {
    max-width: 20.625rem;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -ms-grid;
    display: grid;
    overflow: inherit
}

@media (min-width:1024px) {
    .search-results .refinement-bar .filter-container .refinements .refinement .refinement-color-child ul {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr)
    }
}

.search-results .refinement-bar .filter-container .refinements .refinement .refinement-color-child ul li {
    margin: 0 0 18px;
    vertical-align: top;
    text-align: center;
    line-height: .7;
    padding: 0;
    border-radius: 50%;
    border: 1px solid transparent
}

.search-results .refinement-bar .filter-container .refinements .refinement .refinement-color-child ul li button {
    width: 28px;
    height: 28px;
    margin: 0 auto
}

.search-results .refinement-bar .filter-container .refinements .refinement .refinement-color-child ul li button:focus-visible {
    outline: 2px solid #000;
    outline-offset: 2px
}

.search-results .refinement-bar .filter-container .refinements .refinement .refinement-color-child ul li .swatch-circle {
    width: 1.375rem;
    height: 1.375rem
}

.search-results .refinement-bar .filter-container .refinements .refinement .refinement-color-child ul li .swatch-circle.selected:after {
    display: none
}

.search-results .refinement-bar .filter-container .refinements .refinement .refinement-color-child ul li.selected button {
    padding: 2px;
    border: 1px solid #313131;
    border-radius: 50%
}

.search-results .refinement-bar .filter-container .refinements .refinement .refinement-color-child ul li .har-swatch {
    border-radius: 1.25em;
    display: block;
    position: relative;
    margin: 0 auto
}

.search-results .refinement-bar .filter-container .refinements .refinement .refinement-color-child ul li .clr-name {
    font-size: .6875rem;
    line-height: 12px;
    font-weight: 300;
    font-weight: 400;
    font-family: var(--font-body);
    width: 100%;
    display: block;
    margin-top: .625rem;
    color: #000
}

.search-results .refinement-bar .filter-container .refinements .refinement ul.price-refinement {
    overflow: unset
}

.search-results .refinement-bar .filter-container .refinements .refinement ul.price-refinement li {
    padding: 0 .9375rem
}

.search-results .refinement-bar .filter-container .card-body {
    padding: 0 19px
}

.search-results .refinement-bar .filter-container .card-body ul li {
    margin: 0
}

.search-results .refinement-bar .filter-container .card-body ul li button {
    padding: 0;
    display: -ms-flexbox;
    display: flex
}

.search-results .refinement-bar .filter-container .card-body ul li button .fa-square-o {
    color: #979797;
    position: relative
}

.search-results .refinement-bar .filter-container .card-body ul li button .fa-square-o:before {
    font-size: 1.25rem
}

.search-results .refinement-bar .filter-container .card-body ul li button .check-checkbox {
    position: absolute;
    margin-left: .125rem;
    top: -.1rem
}

.search-results .refinement-bar .filter-container .card-body ul li button .check-checkbox img {
    max-width: 1rem;
    max-height: .75rem
}

.search-results .refinement-bar .filter-container .card-body ul li button span {
    font-family: var(--font-headline);
    line-height: 1.5;
    padding-left: .875rem;
    vertical-align: top
}

.search-results .refinement-bar .filter-container .card-body ul li .values {
    padding: 2px 0
}

.search-results .refinement-bar .filter-container .card-body ul li .values li {
    margin: 0 0 0 30px
}

.search-results .refinement-bar .filter-close-sec {
    padding: 2px 3.5px;
    background: #fa4616;
    border-radius: 50%;
    font-size: .9375rem;
    color: #fff;
    font-weight: 400
}

.search-results .refinement-bar .filter-close-sec:focus {
    opacity: 1
}

.search-results .refinement-bar .filter-close-sec.btn {
    float: none;
    font-size: 1.16688rem;
    font-weight: 700;
    line-height: 1.5;
    height: 100%;
    padding: .375rem 2rem .18738rem;
    border: 2px solid transparent;
    border-radius: 50rem
}

.search-results .refinement-bar .filter-close-sec i {
    -webkit-text-stroke: 2.5px #fa4616;
    color: #fff
}

.search-results .refinement-bar .card {
    border-color: #979797;
    border-style: solid;
    border-width: 0 0 1px;
    padding-bottom: .3125rem;
    margin: 0
}

.search-results .refinement-bar .card:last-child {
    border-bottom: none
}

.search-results .refinement-bar .card .card-header button:after {
    font-size: var(--f-xs, .75rem)
}

.search-results .refinement-bar .irs--round .irs-handle {
    border: 1px solid #fa4616
}

.search-results .refinement-bar .irs--round .irs-bar {
    background-color: #fa4616
}

.search-results .refinement-bar .irs--round .irs-from,
.search-results .refinement-bar .irs--round .irs-single,
.search-results .refinement-bar .irs--round .irs-to {
    background-color: #fff;
    color: #000
}

.search-results .refinement-bar .irs--round .irs-from:before,
.search-results .refinement-bar .irs--round .irs-single:before,
.search-results .refinement-bar .irs--round .irs-to:before {
    border-top-color: #fff
}

.search-results .custom-select-box {
    border-left: 1px solid #979797
}

.search-results .custom-select-box select {
    position: absolute;
    left: -9999px;
    top: 0;
    opacity: 0;
    z-index: 0
}

.search-results .custom-select-box .selection-list {
    background-color: #fff;
    list-style: none;
    display: none;
    left: 0;
    margin: 0 -1px;
    position: absolute;
    top: 41px;
    z-index: 2;
    overflow: auto;
    padding: 0 20px 48px
}

.search-results .custom-select-box.current-item {
    border-bottom: none
}

.search-results .custom-select-box.current-item .selection-list {
    display: block;
    width: 100vw;
    transform: translateX(-50%);
    border: none;
    text-align: center;
    border-bottom: 1px solid #979797
}

.search-results .custom-select-box.current-item li {
    font-size: var(--f-s, .875rem);
    line-height: 17px;
    font-family: var(--font-headline);
    color: #000;
    padding: 5px 0;
    margin-top: .9375rem
}

.search-results .custom-select-box.current-item li:active,
.search-results .custom-select-box.current-item li:focus,
.search-results .custom-select-box.current-item li:hover {
    color: #fff;
    background: #fa4616
}

.search-results .custom-select-box.current-item .selected-option {
    font-weight: bolder
}

.search-results .custom-select-box.current-item:after {
    transform: rotate(180deg)
}

.search-results .done-btn-sec {
    width: 100%;
    display: inline-block;
    text-align: center;
    margin: 50px 0 30px
}

.search-results .done-btn-sec .done-btn {
    float: none;
    opacity: 1;
    padding: 13px 35px;
    border-radius: 22px
}

.search-results .done-btn-sec .done-btn:active,
.search-results .done-btn-sec .done-btn:focus,
.search-results .done-btn-sec .done-btn:hover {
    opacity: 1
}

.search-results .done-btn-sec .done-txt {
    text-shadow: none
}

.search-results .apply-filter-button {
    display: none
}

.search-results .apply-filter-button .filter-close-sec {
    padding: 15px 35px 12px;
    opacity: 1;
    border-radius: 22px
}

.search-results .apply-filter-button .filter-close-sec:active,
.search-results .apply-filter-button .filter-close-sec:focus,
.search-results .apply-filter-button .filter-close-sec:hover {
    opacity: 1
}

.search-results .apply-filter-button .tab-apply-txt {
    text-shadow: none
}

.search-results .reset-btn {
    display: none
}

.search-results .reset-btn .clr-fltr-sec {
    padding: 0
}

.search-results .reset-btn .clr-fltr-sec .clr-fltr-btn {
    float: none;
    background: #fff;
    color: #fa4616
}

.search-results .refinement-tooltip-modal {
    overflow-y: auto
}

@media (min-width:768px) {
    .search-results .refinement-tooltip-modal {
        overflow-y: hidden
    }
}

@media (min-width:768px) {
    .search-results .refinement-tooltip-modal .modal-dialog {
        top: 10%
    }
}

.search-results .refinement-tooltip-modal .modal-dialog .modal-content {
    border: none;
    border-radius: 0
}

@media (min-width:768px) {
    .search-results .refinement-tooltip-modal .modal-dialog .modal-content {
        width: 648px;
        height: 485px
    }
}

.search-results .refinement-tooltip-modal .modal-dialog .modal-content .modal-header {
    border-bottom: 0;
    padding: 1.5rem
}

.search-results .refinement-tooltip-modal .modal-dialog .modal-content .modal-header button.close {
    background-color: transparent;
    border: none
}

.search-results .refinement-tooltip-modal .modal-dialog .modal-content .modal-header button.close .refinement-tooltip-span {
    transform: scale(.5);
    display: inline-block
}

.search-results .refinement-tooltip-modal .modal-dialog .modal-content .modal-header button.close .refinement-tooltip-span:before {
    content: " ";
    vertical-align: middle;
    display: inline-block;
    background-image: url("../images/sprites/customicons-sprite.svg");
    background-repeat: no-repeat;
    background-size: 18.4em 164em;
    background-position: 0 -23.3em;
    width: 3em;
    height: 3em
}

.search-results .refinement-tooltip-modal .modal-dialog .modal-content .modal-body {
    padding: .625rem 3.125rem .625rem 3.4375rem
}

@media (min-width:768px) {
    .search-results .refinement-tooltip-modal .modal-dialog .modal-content .modal-body {
        height: 350px
    }
}

.search-results .refinement-tooltip-modal .modal-dialog .modal-content .modal-body .bootstrap-dialog-body {
    height: 100%
}

@media (min-width:768px) {
    .search-results .refinement-tooltip-modal .modal-dialog .modal-content .modal-body .bootstrap-dialog-body {
        overflow-y: scroll
    }
    .search-results .refinement-tooltip-modal .modal-dialog .modal-content .modal-body .bootstrap-dialog-body::-webkit-scrollbar {
        width: 10px
    }
    .search-results .refinement-tooltip-modal .modal-dialog .modal-content .modal-body .bootstrap-dialog-body::-webkit-scrollbar-track {
        background-color: #f0f0f0;
        border-radius: 5px
    }
    .search-results .refinement-tooltip-modal .modal-dialog .modal-content .modal-body .bootstrap-dialog-body::-webkit-scrollbar-thumb {
        background: #5e5e5e;
        border-radius: 5px;
        height: 51px !important
    }
    .search-results .refinement-tooltip-modal .modal-dialog .modal-content .modal-body .bootstrap-dialog-body::-webkit-scrollbar-thumb:hover {
        background: #535353
    }
}

.search-results .refinement-tooltip-modal .modal-dialog .modal-content .modal-body .dialogify-close {
    margin-left: auto;
    width: auto
}

.search-results .refinement-tooltip-modal .modal-dialog .modal-content .footer-button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 1.25rem 2.25rem
}

.search-results .refinement-tooltip-modal .modal-dialog .modal-content .footer-button button {
    width: 288px;
    height: 45px
}

@media (min-width:768px) {
    .search-results .refinement-tooltip-modal .modal-dialog {
        max-width: 600px
    }
}

@media (min-width:768px) {
    .refinment-filter-seg {
        max-width: 400px
    }
    .search-results .product-grid {
        margin-top: 1rem
    }
    .search-results .custom-select-box {
        border-right: 1px solid #979797
    }
    .search-results .custom-select-box.current-item .selection-list {
        max-width: 400px;
        border-color: #979797;
        border-style: solid;
        border-width: 0 1px 1px;
        transform: translateX(-49.75%)
    }
    .search-results .filter-bar.tab-filt {
        display: inline-block !important;
        padding: 0 60px
    }
    .search-results .filter-bar.desc-filt,
    .search-results .filter-bar.device-filt {
        display: none !important
    }
    .search-results .filter-bar .applied-filter-seg {
        border-bottom: none
    }
    .search-results .clp-section .sortby-drop {
        top: 4.4375rem
    }
    .search-results .clp-section .sortby-drop .form-control {
        max-width: 200px;
        border-right: 1px solid #979797
    }
    .search-results .filter-results {
        border-left: 1px solid #979797
    }
    .search-results .refinement-bar {
        border-color: #979797;
        border-style: solid;
        border-width: 0 1px 1px
    }
    .search-results .refinement-bar .filter-container {
        max-width: 80%;
        margin: 0 auto;
        padding: 0
    }
    .search-results .filter-button-cntr {
        text-align: center;
        padding: 0 1.25rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        width: 100%;
        margin: 30px 0 0
    }
    .search-results .apply-filter-button {
        float: left;
        display: inline-block;
        max-width: calc((100% - 3.75rem) / 2)
    }
    .search-results .reset-btn {
        display: inline-block;
        text-align: right;
        max-width: calc((100% - 3.75rem) / 2)
    }
    .search-results .reset-btn .clr-fltr-sec,
    .search-results .reset-btn .clr-fltr-sec .clr-fltr-btn {
        height: 100%
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .search-results .grid-header {
        margin-top: 0 !important
    }
}

@media (min-width:1024px) {
    .plp-search .breadcrumb-wrapper .breadcrumb {
        padding-left: 4%
    }
    .breadcrumb-wrapper {
        display: inline-block
    }
    .search-results {
        margin-top: 1.25rem
    }
    .search-results .grid-header {
        margin: 0
    }
    .search-results .grid-header .sortby-drop {
        left: 50%;
        transform: translateX(-50%);
        position: absolute;
        z-index: 1;
        background: #fff;
        margin: 0 auto;
        max-width: 220px;
        cursor: pointer
    }
    .search-results .filter-button-cntr {
        margin: 0
    }
    .search-results .clp-section .sortby-drop {
        text-align: right;
        position: static;
        padding: 0 50px
    }
    .search-results .clp-section .sortby-drop .form-control {
        max-width: 33.3333%;
        padding: 0 15px
    }
    .search-results .clp-section .sortby-drop .form-control .remd {
        width: auto
    }
    .search-results .filter-bar.desc-filt {
        display: block !important;
        max-width: 80%;
        margin: 0 auto;
        padding: 0;
        margin-top: 20px
    }
    .search-results .filter-bar.desc-filt ul {
        padding-left: 30px
    }
    .search-results .filter-bar.desc-filt .filter-value {
        left: -15px;
        margin: 5px 5px 4px 0
    }
    .search-results .filter-bar.desc-filt .filter-option-appiled .clear-all,
    .search-results .filter-bar.desc-filt .filter-option-appiled .filter-heading {
        display: block !important
    }
    .search-results .filter-bar.desc-filt .filter-option-appiled .clear-all {
        padding-bottom: .625rem;
        border-bottom: 1px solid #979797;
        padding-left: 19px
    }
    .search-results .filter-bar.desc-filt .filter-option-appiled .clr-al-lnk {
        font-size: var(--f-xs, .75rem);
        line-height: .875rem;
        color: #333;
        text-decoration: underline;
        cursor: pointer;
        padding: 0
    }
    .search-results .filter-bar.desc-filt .filter-option-appiled .filter-heading {
        font-size: var(--f-l, 1.125rem);
        line-height: 1.875rem;
        font-weight: 700;
        color: #333;
        font-family: var(--font-headline);
        padding: 0 19px
    }
    .search-results .filter-bar.tab-filt {
        display: none !important
    }
    .search-results .custom-select-box:after {
        right: 18px
    }
    .search-results .custom-select-box.current-item {
        border-bottom: 1px solid #979797
    }
    .search-results .custom-select-box.current-item .selected-option {
        font-weight: 300
    }
    .search-results .custom-select-box.current-item .selection-list {
        max-width: 175px;
        transform: translateX(.5%);
        top: 0;
        padding: 0 8px 0 0;
        position: relative;
        width: 100%;
        border: none
    }
    .search-results .custom-select-box.current-item li {
        padding: 0;
        margin-top: .5rem;
        text-align: left
    }
    .search-results .custom-select-box.current-item li:hover {
        background: none;
        color: #333;
        text-decoration: underline;
        cursor: pointer
    }
    .search-results .refinement-bar {
        border-color: transparent;
        vertical-align: top;
        width: 100%
    }
    .search-results .refinement-bar .filter-container {
        position: relative;
        top: -14px
    }
    .search-results .refinement-bar .filter-container .card-header {
        border: none
    }
    .search-results .refinement-bar .filter-container .collapsible-sm button.title:after {
        float: right;
        content: "\F078";
        font-size: var(--f-xs, .75rem);
        font-weight: lighter;
        font-family: FontAwesome, sans-serif;
        height: 12px;
        width: 12px;
        margin-top: .3125rem
    }
    .search-results .refinement-bar .filter-container .collapsible-sm .content {
        display: none
    }
    .search-results .refinement-bar .filter-container .collapsible-sm.active button.title:after {
        transform: rotate(180deg);
        margin-top: .625rem
    }
    .search-results .refinement-bar .filter-container .collapsible-sm.active .content {
        display: block
    }
    .search-results .refinement-bar .card {
        border-color: #979797;
        border-style: solid;
        border-width: 0 0 1px
    }
    .search-results .apply-filter-button,
    .search-results .reset-btn {
        display: none
    }
}

#sticky-filter-line {
    border: 1px transparent;
    margin: 0
}

@media (max-width:1023.98px) {
    html[data-brand=akg] .sticky-filter-mobile button.filter-results {
        background-color: #fff !important
    }
}

.choose-bonus-product-dialog,
.quick-view-dialog {
    max-width: 56.25em
}

.choose-bonus-product-dialog .selectable-bonus-product-line-item,
.quick-view-dialog .selectable-bonus-product-line-item {
    margin-top: .2em;
    margin-bottom: .2em;
    padding-top: .3em;
    padding-bottom: .3em
}

.choose-bonus-product-dialog .beenSelected,
.quick-view-dialog .beenSelected {
    background-color: #e3e3e3
}

.choose-bonus-product-dialog .modal-header,
.quick-view-dialog .modal-header {
    background-color: #e3e3e3;
    border-bottom: 2px solid #ccc;
    border-top-left-radius: .1875rem;
    border-top-right-radius: .1875rem
}

.choose-bonus-product-dialog .modal-header .full-pdp-link,
.quick-view-dialog .modal-header .full-pdp-link {
    color: var(--skin-primary-color-1)
}

.choose-bonus-product-dialog .modal-header .close,
.quick-view-dialog .modal-header .close {
    font-size: 2rem;
    line-height: 1.5rem
}

.choose-bonus-product-dialog .modal-title,
.quick-view-dialog .modal-title {
    font-size: 1em
}

.choose-bonus-product-dialog .product-name,
.quick-view-dialog .product-name {
    font-size: 1.875em
}

.choose-bonus-product-dialog .swatch-circle,
.quick-view-dialog .swatch-circle {
    width: 2.5em;
    height: 2.5em;
    background: #fff;
    border-radius: 1.25em;
    border: .063em solid rgba(0, 0, 0, .3);
    display: inline-block;
    margin-right: .313em;
    position: relative
}

.choose-bonus-product-dialog .swatch-circle.color-value[data-selected=true]:after,
.quick-view-dialog .swatch-circle.color-value[data-selected=true]:after {
    color: #000;
    content: "\F058";
    display: table-caption;
    font-family: FontAwesome;
    font-size: 1.625em;
    left: .295em;
    position: absolute
}

.choose-bonus-product-dialog .swatch-circle.color-value.selected:after,
.quick-view-dialog .swatch-circle.color-value.selected:after {
    background: #fff;
    border-radius: 50%;
    color: #000;
    content: "\F058";
    display: table-caption;
    font-family: FontAwesome;
    font-size: 1.625em;
    height: .75em;
    left: .31em;
    line-height: .8em;
    position: absolute;
    top: .35em;
    width: .8em
}

.choose-bonus-product-dialog .swatch-circle i.fa-times-circle,
.quick-view-dialog .swatch-circle i.fa-times-circle {
    background: #fff;
    border-radius: 50%;
    height: .75em;
    line-height: .8em;
    width: .8em
}

.choose-bonus-product-dialog a[disabled] .swatch-circle,
.quick-view-dialog a[disabled] .swatch-circle {
    cursor: not-allowed
}

.choose-bonus-product-dialog a[disabled] .swatch-circle.color-value.selected:after,
.quick-view-dialog a[disabled] .swatch-circle.color-value.selected:after {
    background-color: #495057
}

.choose-bonus-product-dialog .availablity-container,
.quick-view-dialog .availablity-container {
    text-align: right
}

.choose-bonus-product-dialog .availablity-container,
.choose-bonus-product-dialog .size-chart,
.quick-view-dialog .availablity-container,
.quick-view-dialog .size-chart {
    margin-top: .938em
}

.choose-bonus-product-dialog .modal-content,
.quick-view-dialog .modal-content {
    border: 1px solid rgba(0, 0, 0, .2)
}

.choose-bonus-product-dialog .modal-body,
.quick-view-dialog .modal-body {
    max-height: 28.125em;
    overflow-y: auto
}

.choose-bonus-product-dialog button.close,
.quick-view-dialog button.close {
    font-size: 1.25em
}

.choose-bonus-product-dialog .modal-footer,
.quick-view-dialog .modal-footer {
    background-color: #fff;
    border: none;
    border-bottom-right-radius: .1875rem;
    border-bottom-left-radius: .1875rem
}

.choose-bonus-product-dialog .modal-footer .prices .price,
.quick-view-dialog .modal-footer .prices .price {
    font-size: 1.6em
}

.choose-bonus-product-dialog .prices .sales,
.quick-view-dialog .prices .sales {
    font-size: 1.5rem
}

.choose-bonus-product-dialog .promotions,
.quick-view-dialog .promotions {
    text-align: left;
    color: #fa4616
}

@media (max-width:1023.98px) {
    .choose-bonus-product-dialog .bonus-summary,
    .quick-view-dialog .bonus-summary {
        font-size: .625em
    }
}

@media (max-width:1023.98px) {
    .choose-bonus-product-dialog .bonus-summary .bonus-product-name,
    .quick-view-dialog .bonus-summary .bonus-product-name {
        padding: 0
    }
}

.choose-bonus-product-dialog .pre-cart-products,
.quick-view-dialog .pre-cart-products {
    margin-right: .125em
}

.choose-bonus-product-dialog .color-attribute,
.quick-view-dialog .color-attribute {
    border: none;
    padding: 0;
    background: none
}

.choose-bonus-product-dialog .non-input-label,
.quick-view-dialog .non-input-label {
    display: block;
    margin-bottom: .5rem
}

.product-tile {
    margin-bottom: 0
}

@media (max-width:1199.98px) {
    .product-tile {
        min-height: 23.4375em
    }
}

@media (max-width:1023.98px) {
    .product-tile {
        min-height: 19.6875em
    }
}

@media (max-width:767.98px) {
    .product-tile {
        min-height: 13.4375em
    }
}

.product-tile .tile-body {
    padding: .625em 0 1.875em
}

.product-tile .tile-body .color-swatches {
    min-height: 2.25em
}

.product-tile .tile-body .color-swatches .product-tile-color-label {
    cursor: pointer;
    font-size: 1em
}

@media (max-width:1199.98px) {
    .product-tile .tile-body .color-swatches .product-tile-color-label {
        font-size: .9375em
    }
}

@media (max-width:1023.98px) {
    .product-tile .tile-body .color-swatches .product-tile-color-label {
        font-size: .8125em
    }
}

.product-tile .tile-body .price {
    font-size: 1.125em;
    margin-bottom: 0
}

@media (max-width:1199.98px) {
    .product-tile .tile-body .price {
        font-size: 1.0625em
    }
}

@media (max-width:1023.98px) {
    .product-tile .tile-body .price {
        font-size: 1em
    }
}

.product-tile .tile-body .price .tiered {
    font-size: .875em
}

.product-tile .tile-body .price .tiered .value {
    font-weight: 700
}

.product-tile .tile-body .coming-soon-tile {
    text-align: center
}

.product-tile .tile-body .pdp-link {
    line-height: 1.2
}

.product-tile .tile-body .pdp-link a {
    font-size: 1em;
    text-decoration: none
}

@media (max-width:1199.98px) {
    .product-tile .tile-body .pdp-link a {
        font-size: .9375em
    }
}

@media (max-width:1023.98px) {
    .product-tile .tile-body .pdp-link a {
        font-size: .8125em
    }
}

.product-tile .tile-body .ratings {
    font-size: .9em
}

.product-tile .image-container {
    position: relative;
    overflow: auto
}

.product-tile .image-container .quickview {
    position: absolute;
    bottom: 1rem;
    right: 1rem
}

.product-tile .image-container .quickview i.fa-expand {
    color: rgba(0, 0, 0, .7)
}

.product-tile .image-container .quickview i.fa-circle {
    color: hsla(0, 0%, 100%, .7);
    text-shadow: 0 2px 10px rgba(0, 0, 0, .2)
}

.product-tile .image-container a {
    display: block
}

.product-tile .image-container a .tile-image {
    width: 100%
}

.product-tile .swatches a {
    text-decoration: none
}

.product-tile .swatch-circle {
    width: 1.8em;
    height: 1.8em;
    background: #fff;
    border-radius: .9em;
    border: .063em solid rgba(0, 0, 0, .3);
    display: inline-block;
    margin-right: .313em;
    position: relative
}

.product-tile .swatch-circle.color-value[data-selected=true]:after {
    color: #000;
    content: "\F058";
    display: table-caption;
    font-family: FontAwesome;
    font-size: 1.625em;
    left: .295em;
    position: absolute
}

.product-tile .swatch-circle.color-value.selected:after {
    color: #000;
    content: "\F058";
    display: table-caption;
    font-family: FontAwesome;
    font-size: 1.625em;
    left: .31em;
    position: absolute;
    top: .35em
}

.product-tile .swatch-circle.color-value.selected:after,
.product-tile .swatch-circle i.fa-times-circle {
    background: #fff;
    border-radius: 50%;
    height: .75em;
    line-height: .8em;
    width: .8em
}

#chooseBonusProductModal .modal-footer .container,
#chooseBonusProductModal .modal-footer .container-narrow {
    margin-left: 0;
    width: 100%;
    margin-right: 0
}

#chooseBonusProductModal .select-cbp-container {
    margin-top: auto;
    margin-bottom: auto
}

#chooseBonusProductModal .product-name-wrapper {
    width: 100%
}

#chooseBonusProductModal .bonus-option,
#chooseBonusProductModal .bonus-quantity {
    margin-top: .938em
}

#chooseBonusProductModal .bonus-quantity-select {
    min-width: 5em
}

#chooseBonusProductModal .select-bonus-product {
    margin-top: 1em
}

#chooseBonusProductModal .selected-pid {
    border: 1px solid #a9a9a9
}

#chooseBonusProductModal .selected-pid .bonus-product-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#chooseBonusProductModal .bonus-product-price {
    text-align: center;
    margin-top: 1em
}

.product-tile {
    margin-bottom: 1.875rem;
    box-sizing: border-box;
    border: 1px solid #e3e3e3;
    min-height: auto;
    height: calc(100% - 15px)
}

.product-tile,
.product-tile .product-badges {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.product-tile .product-badges {
    top: 10px;
    left: 10px;
    z-index: 1;
    -ms-flex-align: start;
    align-items: start
}

.product-tile .product-badges>*+* {
    margin-top: .25rem
}

.product-tile .product-badges .product-badge {
    background-color: #df2d00;
    color: #fff;
    font-size: var(--f-xs, .75rem);
    padding: .25em .5em;
    border-radius: 0
}

.product-tile .product-badges .product-badge.unavailable-badge {
    background-color: #333;
    font-size: var(--f-xs, .75rem);
    font-family: var(--font-headline);
    color: #fff;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    border-radius: 4px;
    padding: .25em .5em;
    text-transform: uppercase
}

.product-tile .product-badges .product-badge.round {
    padding: 0;
    border-radius: 999px;
    width: 2.5rem;
    height: 2.5rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    text-transform: uppercase;
    font-size: var(--f-2xs, .625rem)
}

.product-tile .product-badges .product-badge.round.new {
    width: 3.125rem;
    height: 3.125rem
}

.product-tile .product-badges .product-badge.icon-trophy-circle {
    background-color: #fff;
    color: #df2d00;
    font-size: 2.5rem
}

.product-tile .product-badges .product-badge.sold-out {
    background-color: #b8b8b8
}

.product-tile .product-badges .product-badge.authorized-dealer {
    display: -ms-flexbox;
    display: flex;
    column-gap: 8px;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.product-tile .product-badges .product-badge.authorized-dealer:before {
    width: 16px;
    height: 18px;
    content: " ";
    display: -ms-flexbox;
    display: flex;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 2V0h16v2H1zm0 14v-6H0V8l1-5h16l1 5v2h-1v6h-2v-6h-4v6H1zm2-2h6v-4H3v4z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 50%;
    background-size: contain
}

.product-tile .product-badges .product-badge.authorized-dealer .copy {
    font-size: 13px;
    font-weight: 700;
    font-family: var(--font-headline);
    max-width: fit-content;
    display: none
}

@media (min-width:1200px) {
    .product-tile .product-badges .product-badge.authorized-dealer .copy {
        font-size: 14px
    }
}

.product-tile .product-badges .product-badge.authorized-dealer:focus .copy,
.product-tile .product-badges .product-badge.authorized-dealer:hover .copy {
    display: block
}

@media (min-width:1200px) {
    .product-tile:focus .product-badges .product-badge.authorized-dealer .copy,
    .product-tile:hover .product-badges .product-badge.authorized-dealer .copy {
        display: block
    }
}

.product-tile .color-swatches,
.product-tile .image-container {
    padding: .625rem;
    background: var(--c-product-tile-top-bg, #f8f8f8)
}

.product-tile .image-container {
    overflow: hidden
}

.product-tile .image-container>a:first-of-type {
    display: block;
    position: relative;
    padding-top: 100%
}

.product-tile .image-container>a:first-of-type img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: contain
}

.product-tile .image-container a.quickview {
    display: none
}

.product-tile .tile-body {
    padding: 5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-color: #fff
}

.product-tile .tile-body .price {
    font-size: var(--f-m, 1rem)
}

.product-tile .tile-body .impAttributes {
    line-height: 24px;
    margin-bottom: .25rem
}

.product-tile .tile-body .impAttributes img {
    color: #959595;
    height: 16px;
    margin-right: 5px
}

.product-tile .tile-body .impAttributes span {
    color: #959595
}

.product-tile .tile-body .impAttributes.impAttributes_mobileOnly span {
    font-size: var(--f-xs, 12px)
}

@media (min-width:1200px) {
    .product-tile .tile-body .impAttributes.impAttributes_mobileOnly {
        display: none
    }
}

@media (max-width:1199.98px) {
    .product-tile .tile-body .impAttributes.impAttributes_desktopOnly {
        display: none
    }
    .product-tile .tile-body .impAttributes span {
        font-size: var(--f-xs, 12px)
    }
}

.product-tile .tile-body .BVInlineRatings {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: end;
    align-items: flex-end
}

.product-tile .tile-body .BVInlineRatings .custom-stars {
    margin-right: 8px
}

.product-tile .wishlistTile {
    position: absolute;
    top: 5px;
    right: 5px
}

.product-tile .wishlistTile .wishlist-icons .empty-whlst {
    width: 1.3rem
}

.product-tile .wishlistTile .wishlist-icons .empty-whlst.heart-empty-visible {
    display: none
}

.product-tile .wishlistTile .wishlist-icons .empty-whlst.smaller {
    height: 12px
}

.product-tile .wishlistTile .wishlist-icons .filled-whlst {
    display: none;
    width: 1.3rem
}

.product-tile .wishlistTile .wishlist-icons .filled-whlst.heart-visible {
    display: block
}

.product-tile .wishlistTile .wishlist-icons .filled-whlst.smaller {
    height: 12px
}

.product-tile .color-swatches {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: .4375rem 0;
    border-bottom: 2px solid #fa4616;
    padding-bottom: .5rem;
    margin-bottom: 5px;
    min-height: 3.5625rem
}

.product-tile .color-swatches .swatches {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    gap: .1875rem
}

.product-tile .color-swatches .swatches a:focus-within {
    height: 20px;
    width: 20px;
    border-radius: 20px
}

.product-tile .color-swatches .imgcss,
.product-tile .color-swatches img {
    width: 13px;
    height: 13px;
    display: block;
    margin: 0
}

.product-tile .color-swatches .jbl-swatch {
    position: relative;
    display: inline-block;
    height: 13px;
    width: 13px;
    margin-right: 2px
}

.product-tile .color-swatches .jbl-swatch.selected:before {
    content: "";
    display: block;
    width: 19px;
    height: 19px;
    border-radius: 20px;
    border: 1px solid #313131;
    position: absolute;
    top: -3px;
    left: -3px
}

.product-tile .color-swatches .unselectable img {
    opacity: .5
}

.product-tile .color-swatches .unselectable:after {
    content: "";
    position: absolute;
    width: 23px;
    top: 14px;
    border-top: 2px solid #fa4616;
    transform: rotate(-45deg);
    transform-origin: 0 0
}

.product-tile .color-swatches .view-more {
    display: inline-block;
    margin-right: .313em;
    position: relative;
    width: 13px;
    height: 13px;
    border: 1px solid #ec4826;
    border-radius: .9375rem;
    vertical-align: middle;
    margin-top: 2px
}

.product-tile .color-swatches .view-more a {
    color: #ec4826 !important;
    height: 11px;
    width: 10px;
    font-size: var(--f-m, 1rem);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400
}

.product-tile .color-swatches .customizeButton_container {
    min-width: 59px;
    height: 19px
}

.product-tile .color-swatches .customizeButton_container a {
    background-color: transparent;
    font-style: normal;
    font-weight: 700;
    font-size: .4375rem;
    line-height: 12px;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    padding: .1875rem .125rem .1875rem .063rem
}

.product-tile .color-swatches .customizeButton_container a span {
    text-transform: capitalize
}

.product-tile .color-swatches .customizeButton_container a:before {
    width: 9px;
    height: 15px;
    margin: -.20625rem .15rem;
    vertical-align: middle;
    content: " ";
    background: url("../../img/pdpv2/image.png") no-repeat 0;
    background-size: contain;
    display: inline-block;
    margin-right: 2px
}

@media (min-width:1024px) {
    .product-tile .color-swatches .customizeButton_container {
        min-width: 95px;
        height: 27px
    }
    .product-tile .color-swatches .customizeButton_container a {
        border: .125rem solid #df2d00;
        font-size: var(--f-2xs, .625rem);
        padding: .4rem
    }
    .product-tile .color-swatches .customizeButton_container a:before {
        width: 18px;
        height: 15px;
        margin: -.125rem .125rem
    }
}

.product-tile .pdp-link {
    margin-bottom: .5rem
}

.product-tile .pdp-link a {
    font-weight: 500;
    font-family: var(--font-headline);
    color: #333 !important;
    font-size: .8125rem !important
}

@media (min-width:768px) {
    .product-tile .pdp-link a {
        font-size: var(--f-m, 1rem) !important
    }
}

.product-tile .pdp-link a:focus-within {
    text-decoration: underline 2px var(--c-button)
}

.product-tile .plp-installments {
    margin-top: 10px
}

.product-tile .plp-availability {
    margin: 1rem 0
}

.product-tile .price {
    margin: 7px 0 3px;
    font-weight: 300;
    font-family: var(--font-headline);
    color: var(--c-price, #fa4616);
    font-size: var(--f-xs, .75rem);
    line-height: 22px
}

@media (min-width:768px) {
    .product-tile .price {
        font-size: var(--f-m, 1rem)
    }
}

.product-tile .price .range .starting,
.product-tile .price .sales {
    font-weight: 300
}

.product-tile .price .sales span:nth-child(2) {
    font-size: var(--f-xs, .75rem)
}

.product-tile .price del {
    text-decoration: none
}

.product-tile .price .strike-through.list {
    color: #a9a9a9;
    font-size: 9px;
    margin-right: 5px
}

.product-tile .price .promo-sec {
    display: inline-block;
    vertical-align: bottom
}

.product-tile .price .discount-badge {
    font-weight: 300;
    color: #fa4616;
    font-size: var(--f-2xs, .625rem);
    border: 1px solid #fa4616;
    padding: 2px 6px;
    background-color: #fff;
    text-transform: uppercase;
    padding-top: .375rem
}

@media (min-width:768px) {
    .product-tile .price .discount-badge {
        font-size: var(--f-xs, .75rem)
    }
}

.product-tile .price .discount-badge font {
    vertical-align: unset !important
}

.product-tile .ratings {
    margin: 10px 0;
    font-size: var(--f-xs, .75rem)
}

.product-tile .ratings i.fa {
    color: #ffc757;
    width: 10px;
    height: 10px;
    margin: 0 2px
}

.product-tile .compare .custom-checkbox {
    padding-left: 0;
    text-transform: uppercase;
    min-height: auto
}

.product-tile .compare .custom-checkbox label {
    line-height: 14px;
    padding-left: 20px;
    font-size: 11px;
    color: #8a8585
}

.product-tile .compare .custom-checkbox label:after {
    width: 14px;
    height: 14px;
    background-position-y: 3px;
    border: .0625rem solid #8a8585
}

.product-tile .compare .custom-checkbox label:before {
    width: 20px;
    height: 20px;
    background-position-y: 3px
}

.product-tile input[type=checkbox]:checked+.custom-control-label.compare-checkbox-product-tile:after {
    content: " ";
    background: none
}

.product-tile input[type=checkbox]:checked+.custom-control-label.compare-checkbox-product-tile:before {
    content: " ";
    background-color: transparent;
    background-image: url("../../images/check.png");
    background-size: .9375rem;
    border: none;
    background-repeat: no-repeat;
    top: -.25rem;
    left: .125rem;
    z-index: 1
}

.product-tile .short-description {
    font-weight: 300;
    color: #979797;
    font-size: .6875rem;
    line-height: 17px
}

@media (min-width:768px) {
    .product-tile .short-description {
        font-size: .8125rem
    }
}

.product-tile .promo-calloutMsg {
    font-weight: 700;
    font-size: .6875rem;
    line-height: 15px;
    letter-spacing: 0;
    position: relative;
    color: var(--c-em-full);
    margin-bottom: 15px
}

@media (min-width:768px) {
    .product-tile .promo-calloutMsg {
        font-size: .6875rem
    }
}

.product-tile .promo-calloutMsg .info-icon {
    position: static;
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 1px solid #fa4616;
    line-height: 12px;
    margin-left: 4px
}

.product-tile .promo-calloutMsg .info-icon .icon {
    width: auto;
    color: #fa4616
}

.product-tile .promo-calloutMsg .info-icon .tooltip {
    font-weight: 700;
    font-size: .6875rem;
    line-height: 15px;
    letter-spacing: 0;
    color: #fff;
    min-width: 100%;
    margin-left: 8px;
    text-align: center
}

@media (min-width:768px) {
    .product-tile .promo-calloutMsg .info-icon .tooltip {
        font-size: .6875rem
    }
}

.product-tile .promo-calloutMsg .info-icon .tooltip:after {
    left: 20px
}

@media (min-width:768px) {
    .product-tile .wishlistTile .wishlist-icons .empty-whlst,
    .product-tile .wishlistTile .wishlist-icons .filled-whlst {
        width: 1.3rem
    }
    .product-tile .color-swatches,
    .product-tile .image-container,
    .product-tile .tile-body {
        padding: 15px
    }
    .product-tile .price .strike-through.list {
        font-size: var(--f-m, 16px)
    }
    .product-tile .color-swatches {
        padding-bottom: .8125rem
    }
    .product-tile .color-swatches .imgcss,
    .product-tile .color-swatches img {
        width: 20px;
        height: 20px;
        position: absolute;
        left: 0;
        top: 0
    }
    .product-tile .color-swatches .jbl-swatch {
        height: 22px;
        width: 22px;
        margin-right: .2em
    }
    .product-tile .color-swatches .jbl-swatch.selected:before {
        width: 28px;
        height: 28px;
        border-radius: 28px;
        top: -4px;
        left: -4px
    }
    .product-tile .color-swatches .jbl-swatch:not(.selected):hover {
        border: 2px solid #000;
        border-radius: 20px
    }
    .product-tile .color-swatches .unselectable:after {
        width: 25px;
        top: 19px;
        right: -3px
    }
    .product-tile .color-swatches .view-more {
        width: 20px;
        height: 20px
    }
    .product-tile .color-swatches .view-more a {
        width: 18px;
        height: 18px;
        font-size: 1.5rem
    }
    .product-tile .ratings {
        font-size: .9375rem
    }
    .product-tile .ratings i.fa {
        width: 16px;
        height: 17px
    }
    .product-tile .promo-calloutMsg .info-icon .tooltip {
        margin-left: 6px
    }
}

@media (min-width:1024px) {
    .product-tile .color-swatches .view-more a {
        width: 18px;
        height: 18px
    }
    .product-tile .ratings i.fa {
        margin: 0
    }
}

.compare-products-tile .compare-product .swatches {
    gap: .625rem;
    padding: 10px auto
}

.compare-products-tile .compare-product .jbl-swatch {
    height: 25px;
    width: 25px
}

.compare-products-tile .compare-product .jbl-swatch .imgcss,
.compare-products-tile .compare-product .jbl-swatch img {
    min-width: 24px;
    left: 3px;
    height: 24px;
    top: 3px
}

.compare-products-tile .compare-product .jbl-swatch.selected:before {
    width: 30px;
    height: 30px;
    top: 0;
    left: 0
}

.compare-products-tile .compare-product .jbl-swatch.unselectable:after {
    width: 30px;
    top: 24px;
    right: -8px
}

@media (max-width:500px) {
    .compare-products-tile {
        padding-right: 3px;
        padding-left: 3px
    }
    .compare-products-tile .tile-body {
        padding: 0
    }
    .compare-products-tile .tile-body .color-swatches {
        padding: 10px .1875rem
    }
}

@media (min-width:501px) and (max-width:767px) {
    .compare-products-tile {
        padding-right: 10px;
        padding-left: 10px
    }
    .compare-products-tile .tile-body {
        padding: 5px
    }
    .compare-products-tile .tile-body .color-swatches {
        padding: 10px .3125rem
    }
}

[class*=col-]>.product {
    height: 100%
}

.category-landing-banner p {
    margin: 0
}

.category-landing-banner .category-banner {
    position: relative;
    max-width: var(--sizing-max-page, 2560px);
    margin: 0 auto
}

.category-landing-banner .category-banner img {
    max-height: 360px;
    width: 100%
}

.category-landing-banner .category-text-seg {
    position: absolute;
    bottom: 20%;
    left: 4%
}

.category-landing-banner .category-text-seg .category-banner-text {
    font-size: 1.5rem;
    line-height: 44/36;
    font-weight: 700;
    font-weight: 500;
    letter-spacing: .032em;
    font-family: var(--font-headline)
}

@media (min-width:768px) {
    .category-landing-banner .category-text-seg .category-banner-text {
        font-size: 1.875rem
    }
}

@media (min-width:1024px) {
    .category-landing-banner .category-text-seg .category-banner-text {
        font-size: 2.25rem
    }
}

@media (max-width:1023.98px) {
    .category-landing-banner .category-text-seg .category-banner-text {
        margin-left: 2.5rem;
        margin-right: 1.875rem
    }
}

.category-landing-banner .category-text-seg .subheading {
    font-size: var(--f-xl, 21px);
    font-weight: 500;
    font-family: var(--font-headline)
}

.category-landing-banner .category-text-seg .category-line {
    height: 2px;
    width: 23%;
    background-color: #fff;
    margin-top: 10px
}

.search-results .grid-container .plp-count {
    display: none
}

.search-results .grid-container .searchcount-heading {
    margin: 5px 0 0 10px;
    font-size: 1.5rem;
    line-height: 44/36;
    font-weight: 700;
    font-weight: 500;
    font-family: var(--font-headline)
}

@media (min-width:768px) {
    .search-results .grid-container .searchcount-heading {
        font-size: 1.875rem
    }
}

@media (min-width:1024px) {
    .search-results .grid-container .searchcount-heading {
        font-size: 2.25rem
    }
}

.search-results .grid-container .searchcount-heading .search-keywords {
    font-weight: 500
}

.search-results .grid-container .product-grid .product {
    height: 100%
}

.search-results .grid-container .product-grid .advert-tile:nth-of-type(odd),
.search-results .grid-container .product-grid .tile:nth-of-type(odd) {
    padding: 0 7.5px 0 15px
}

.search-results .grid-container .product-grid .advert-tile:nth-of-type(2n),
.search-results .grid-container .product-grid .tile:nth-of-type(2n) {
    padding: 0 15px 0 7.5px
}

.search-results .grid-container .product-grid .show-more {
    text-align: center
}

.search-results .grid-container .product-grid .show-more .view-count {
    color: var(--c-em-low)
}

.search-results .grid-container .product-grid .show-more .text-center {
    margin-top: 15px
}

.search-results .grid-container .product-grid .show-more .text-center .btn {
    padding: 14px 0 10px
}

.search-results .grid-container .product-grid .klarnaPdpMsg {
    display: none
}

.search-results .advert-tile .html-slot-container {
    height: calc(100% - 30px);
    display: inline-block;
    width: 100%
}

.search-results .advert-tile .advert-container {
    position: relative
}

.search-results .advert-tile .advert-text-seg {
    position: absolute;
    top: 0;
    transform: translateX(50%);
    right: 50%;
    width: 100%
}

.search-results .advert-tile .advert-head {
    margin-bottom: 2.0625rem;
    padding-top: 1.875rem
}

.search-results .advert-tile .advert-head p {
    font-size: var(--f-s, .875rem);
    line-height: 17px;
    font-family: var(--font-headline);
    font-weight: 700;
    margin: 0
}

.search-results .advert-tile .prnls-btn {
    padding: 6px 32px
}

.search-results .advert-tile .prnls-btn .prnls-txt {
    font-family: var(--font-headline);
    font-size: var(--f-2xs, .625rem);
    line-height: .75rem
}

.search-results .tile-details-btn {
    width: 100%
}

.search-results .tile-details-btn a {
    width: 90%
}

.search-results .tile-details-btn a span {
    vertical-align: sub
}

.search-results .tile-details-btn a:hover {
    background-color: #fff;
    color: #000
}

@media (min-width:768px) {
    .product-tile {
        height: calc(100% - 30px)
    }
    .category-landing-banner .category-text-seg {
        bottom: 25%
    }
    .category-landing-banner .category-text-seg .category-line {
        margin-top: 15px
    }
    .search-results .grid-container .searchcount-heading {
        margin: 20px 0 0 15px
    }
    .search-results .grid-container .product-grid .advert-tile,
    .search-results .grid-container .product-grid .tile {
        padding: 0 15px !important
    }
}

@media (min-width:1024px) {
    .search-results .grid-container .searchcount-heading {
        margin: 20px 0 0 50px
    }
    .search-results .grid-container .product-grid {
        padding: 0 35px
    }
    .search-results .advert-tile .advert-text-seg {
        top: 20px
    }
    .search-results .advert-tile .advert-tile-sec {
        margin-bottom: 1.875rem
    }
    .search-results .advert-tile .advert-head {
        margin-bottom: 1.5625rem
    }
    .search-results .advert-tile .advert-head p {
        font-size: 1.5625rem;
        line-height: 1
    }
    .search-results .advert-tile .prnls-btn {
        padding: 12px 32px 7px
    }
    .search-results .advert-tile .prnls-btn .prnls-txt {
        font-size: var(--f-m, 1rem)
    }
}

.tile-body .tile-body-footer .tile-ratings {
    margin-top: .625rem;
    line-height: 16px !important;
    color: #757575 !important
}

.tile-body .tile-body-footer .tile-ratings [data-bv-show=inline_rating] {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.tile-body .tile-body-footer .tile-ratings .bv_numReviews_component_container {
    display: none !important
}

.product-grid .col-6.col-sm-4:empty {
    display: none
}

.catlanding {
    padding: 0
}

.catlanding .category-line.clp-new-line {
    width: 70%
}

.catlanding.container-narrow,
.container.catlanding {
    background-color: #f7f7f7;
    max-width: 1400px
}

.category-Speakers {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 25px 30px 40px
}

.category-section {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-bottom: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap
}

.cat-content {
    padding: 22px 34px 30px 31px;
    background-color: #fff;
    color: #333;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.cat-content .btn {
    padding: 15px 36px 10px;
    color: #fff !important
}

.cat-header-text {
    font-size: var(--f-m, 1rem);
    line-height: 30/22;
    font-weight: 400;
    font-weight: 500;
    font-family: var(--font-headline);
    margin-bottom: 9px
}

@media (min-width:768px) {
    .cat-header-text {
        font-size: var(--f-l, 1.125rem)
    }
}

@media (min-width:1024px) {
    .cat-header-text {
        font-size: 1.375rem
    }
}

.cat-text {
    font-weight: 400;
    color: #333;
    font-size: var(--f-xs, .75rem);
    line-height: 1.5;
    margin-bottom: 9px
}

@media (min-width:768px) {
    .cat-text {
        font-size: var(--f-s, .875rem)
    }
}

@media (min-width:768px) {
    .category-section {
        -ms-flex-preferred-size: 49%;
        flex-basis: 49%
    }
    .cat-content {
        padding: 21px 20px 30px 30px;
        min-height: 223px
    }
    .cat-text {
        margin-bottom: 12px
    }
}

@media (min-width:1024px) {
    .category-Speakers {
        padding: 25px 25px 43px
    }
    .cat-content {
        padding: 31px 41px 20px 30px;
        min-height: 215px
    }
    .cat-header-text {
        font-size: 1.75rem;
        margin-bottom: 17px
    }
}

@media (max-width:768px) {
    .refine-sec .sortby-drop {
        width: 50%;
        position: static
    }
    .refine-sec .filter-drop,
    .refine-sec .sortby-drop {
        background-color: var(--c-canvas-full)
    }
    .refine-sec .refinment-filter-seg {
        position: sticky;
        top: var(--sizing-header);
        z-index: 3;
        transform: translateY(-2px)
    }
}

.filter-drop {
    background-color: #fff
}

.swatch-circle-beige {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2.5em;
    height: 2.5em;
    background: beige;
    border-radius: 1.25em;
    display: block;
    position: relative
}

.swatch-circle-beige.disabled {
    opacity: .2
}

.swatch-filter-beige {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 1.38em;
    height: 1.38em;
    background: beige;
    border-radius: .69em;
    background-color: beige;
    display: block;
    position: relative
}

.swatch-filter-beige.disabled {
    opacity: .2
}

.swatch-circle-black {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2.5em;
    height: 2.5em;
    background: #000;
    border-radius: 1.25em;
    display: block;
    position: relative
}

.swatch-circle-black.disabled {
    opacity: .2
}

.swatch-filter-black {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 1.38em;
    height: 1.38em;
    background: #000;
    border-radius: .69em;
    background-color: #000;
    display: block;
    position: relative
}

.swatch-filter-black.disabled {
    opacity: .2
}

.swatch-circle-blue {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2.5em;
    height: 2.5em;
    background: #0070d2;
    border-radius: 1.25em;
    display: block;
    position: relative
}

.swatch-circle-blue.disabled {
    opacity: .2
}

.swatch-filter-blue {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 1.38em;
    height: 1.38em;
    background: #0070d2;
    border-radius: .69em;
    background-color: #0070d2;
    display: block;
    position: relative
}

.swatch-filter-blue.disabled {
    opacity: .2
}

.swatch-circle-brown {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2.5em;
    height: 2.5em;
    background: brown;
    border-radius: 1.25em;
    display: block;
    position: relative
}

.swatch-circle-brown.disabled {
    opacity: .2
}

.swatch-filter-brown {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 1.38em;
    height: 1.38em;
    background: brown;
    border-radius: .69em;
    background-color: brown;
    display: block;
    position: relative
}

.swatch-filter-brown.disabled {
    opacity: .2
}

.swatch-circle-green {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2.5em;
    height: 2.5em;
    background: #148346;
    border-radius: 1.25em;
    display: block;
    position: relative
}

.swatch-circle-green.disabled {
    opacity: .2
}

.swatch-filter-green {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 1.38em;
    height: 1.38em;
    background: #148346;
    border-radius: .69em;
    background-color: #148346;
    display: block;
    position: relative
}

.swatch-filter-green.disabled {
    opacity: .2
}

.swatch-circle-grey {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2.5em;
    height: 2.5em;
    background: #8f979d;
    border-radius: 1.25em;
    display: block;
    position: relative
}

.swatch-circle-grey.disabled {
    opacity: .2
}

.swatch-filter-grey {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 1.38em;
    height: 1.38em;
    background: #8f979d;
    border-radius: .69em;
    background-color: #8f979d;
    display: block;
    position: relative
}

.swatch-filter-grey.disabled {
    opacity: .2
}

.swatch-circle-navy {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2.5em;
    height: 2.5em;
    background: navy;
    border-radius: 1.25em;
    display: block;
    position: relative
}

.swatch-circle-navy.disabled {
    opacity: .2
}

.swatch-filter-navy {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 1.38em;
    height: 1.38em;
    background: navy;
    border-radius: .69em;
    background-color: navy;
    display: block;
    position: relative
}

.swatch-filter-navy.disabled {
    opacity: .2
}

.swatch-circle-orange {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2.5em;
    height: 2.5em;
    background: orange;
    border-radius: 1.25em;
    display: block;
    position: relative
}

.swatch-circle-orange.disabled {
    opacity: .2
}

.swatch-filter-orange {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 1.38em;
    height: 1.38em;
    background: orange;
    border-radius: .69em;
    background-color: orange;
    display: block;
    position: relative
}

.swatch-filter-orange.disabled {
    opacity: .2
}

.swatch-circle-pink {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2.5em;
    height: 2.5em;
    background: #fe249a;
    border-radius: 1.25em;
    display: block;
    position: relative
}

.swatch-circle-pink.disabled {
    opacity: .2
}

.swatch-filter-pink {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 1.38em;
    height: 1.38em;
    background: #fe249a;
    border-radius: .69em;
    background-color: #fe249a;
    display: block;
    position: relative
}

.swatch-filter-pink.disabled {
    opacity: .2
}

.swatch-circle-purple {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2.5em;
    height: 2.5em;
    background: purple;
    border-radius: 1.25em;
    display: block;
    position: relative
}

.swatch-circle-purple.disabled {
    opacity: .2
}

.swatch-filter-purple {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 1.38em;
    height: 1.38em;
    background: purple;
    border-radius: .69em;
    background-color: purple;
    display: block;
    position: relative
}

.swatch-filter-purple.disabled {
    opacity: .2
}

.swatch-circle-red {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2.5em;
    height: 2.5em;
    background: red;
    border-radius: 1.25em;
    display: block;
    position: relative
}

.swatch-circle-red.disabled {
    opacity: .2
}

.swatch-filter-red {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 1.38em;
    height: 1.38em;
    background: red;
    border-radius: .69em;
    background-color: red;
    display: block;
    position: relative
}

.swatch-filter-red.disabled {
    opacity: .2
}

.swatch-circle-white {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2.5em;
    height: 2.5em;
    background: #fff;
    border-radius: 1.25em;
    display: block;
    position: relative
}

.swatch-circle-white.disabled {
    opacity: .2
}

.swatch-filter-white {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 1.38em;
    height: 1.38em;
    background: #fff;
    border-radius: .69em;
    background-color: #fff;
    display: block;
    position: relative
}

.swatch-filter-white.disabled {
    opacity: .2
}

.swatch-circle-yellow {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 2.5em;
    height: 2.5em;
    background: #ff0;
    border-radius: 1.25em;
    display: block;
    position: relative
}

.swatch-circle-yellow.disabled {
    opacity: .2
}

.swatch-filter-yellow {
    border: .063em solid rgba(0, 0, 0, .3);
    width: 1.38em;
    height: 1.38em;
    background: #ff0;
    border-radius: .69em;
    background-color: #ff0;
    display: block;
    position: relative
}

.swatch-filter-yellow.disabled {
    opacity: .2
}

.swatch-circle-miscellaneous {
    background: linear-gradient(0deg, #821e91, #821e91 25%, #edd134 0, #ff0 50%, #edd134 0, #59ba00 0, #59ba00 76%, #111 0, #111), linear-gradient(0deg, #0e5cd1, #0e5cd1 50%, #e20b0b 0, #e20b0b);
    background-repeat: repeat-y, repeat;
    background-size: 50% 100%, 100% 100%;
    border: .063em solid rgba(0, 0, 0, .3);
    border-radius: 1.25em;
    display: block;
    height: 2.5em;
    position: relative;
    transform: rotate(35deg);
    width: 2.5em
}

.swatch-circle-miscellaneous.disabled {
    opacity: .2
}

.swatch-circle-miscellaneous.selected:after {
    transform: rotate(-35deg)
}

.category-tile {
    position: relative
}

.category-tile h1,
.category-tile h2 {
    font-size: 1.75rem;
    position: absolute;
    bottom: 1.875rem;
    left: 1.875rem;
    color: #fff
}

.category-tile:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg, transparent 60%, rgba(0, 0, 0, .5))
}

.refinement-bar {
    overflow: auto
}

.refinement-bar ul {
    padding-left: 0
}

@media (max-width:1023.98px) {
    .refinement-bar {
        background-color: #fff;
        box-shadow: 0 .313em .938em rgba(0, 0, 0, .5);
        display: none;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 1
    }
}

@media (max-width:767.98px) {
    .refinement-bar {
        position: fixed;
        height: 100%
    }
}

@media (min-width:1024px) {
    .refinement-bar {
        display: block !important
    }
}

.filter-header {
    margin-left: -15px;
    margin-right: -15px
}

.header-bar {
    background-color: #e3e3e3;
    border-bottom: .063em solid #e3e3e3
}

.header-bar button.close {
    font-size: 1rem;
    font-weight: 400;
    opacity: 1
}

.header-bar .fa.fa-close:before {
    font-size: 1.25em
}

@media (min-width:768px) and (max-width:1023.98px) {
    .header-bar {
        padding: .938em 2.813em
    }
}

@media (max-width:767.98px) {
    .header-bar {
        padding: .938em
    }
}

.refinements .header,
.refinements .values {
    padding: .313em 0
}

@media (min-width:768px) and (max-width:1023.98px) {
    .refinements .header li,
    .refinements .values li {
        display: inline-block
    }
}

.refinements .header {
    font-size: 1.125em;
    color: #333
}

.refinements ul {
    overflow: auto
}

.refinements ul li {
    padding-left: 1px
}

.refinements ul li button {
    border: none;
    color: var(--skin-link-color-1);
    background-color: transparent
}

.refinements li {
    list-style-type: none;
    padding-left: 0
}

.refinements li.color-attribute {
    display: inline-block;
    padding-left: 0
}

.refinements li.color-attribute button {
    padding: 0
}

.refinements li.disabled {
    opacity: .5
}

@media (max-width:767.98px) {
    .refinements {
        padding: 0
    }
}

.refinements .card-header h2 {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    margin-bottom: 0
}

.secondary-bar {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 1em;
    overflow: auto
}

@media (max-width:1023.98px) {
    .secondary-bar button.reset {
        float: right
    }
}

@media (min-width:768px) and (max-width:1023.98px) {
    .secondary-bar {
        padding: .938em 2.813em
    }
}

@media (max-width:767.98px) {
    .secondary-bar {
        padding: .938em
    }
}

.refinement-header {
    overflow: auto
}

.disabled {
    pointer-events: none
}

.content-grid-header,
.grid-header {
    margin-top: 1em;
    margin-bottom: 1em
}

@media (max-width:767.98px) {
    .content-grid-header .result-count,
    .grid-header .result-count {
        padding-bottom: .938em
    }
    .content-grid-header .filter-results,
    .grid-header .filter-results {
        display: block;
        width: 100%
    }
}

.content-grid-header select,
.grid-header select {
    width: 100%
}

.result-count {
    font-size: .875rem
}

.refinement {
    margin-bottom: 1em
}

@media (max-width:1023.98px) {
    .refinement.card {
        border-top: 0 none;
        border-left: 0 none;
        border-right: 0 none;
        border-radius: 0;
        margin-bottom: 0
    }
    .refinement .card-header {
        border-bottom: 0 none;
        padding: .25rem 1rem
    }
    .refinement .card-body {
        padding: 0 1rem
    }
}

.refinement a {
    text-decoration: none
}

.refinement.refinement-category li {
    margin-left: .938em;
    display: block
}

.refinement.refinement-category>ul>li {
    margin-left: 0
}

.search-banner {
    background-image: url("../images/search.jpg");
    background-position-y: 40%
}

.search-keywords {
    font-weight: 700
}

.filter-bar ul {
    padding-left: 15px
}

.filter-bar li {
    list-style: none;
    float: left;
    margin-left: .3125em;
    margin-right: .3125em
}

.filter-bar li:first-child {
    margin-left: 0
}

.filter-bar li.filter-value {
    border: 1px solid #ccc;
    padding: .3125em;
    border-radius: 3px;
    position: relative
}

.filter-bar li.filter-value button {
    color: #000;
    border: none;
    padding: 0 2rem 0 .5rem
}

.filter-bar li.filter-value button:after {
    content: "\F00D";
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    position: absolute;
    right: 10px;
    top: 11px
}

.filter-bar li.swatch-filter {
    font-size: 1.38em;
    position: relative;
    margin-top: 4px
}

.filter-bar li.swatch-filter button {
    width: 100%;
    height: 100%;
    display: block;
    border: none
}

.filter-bar li.swatch-filter button:before {
    content: "";
    background-color: #fff;
    width: .8em;
    height: .8em;
    border-radius: .4em;
    position: absolute;
    left: .5em;
    top: .5em
}

.filter-bar li.swatch-filter button:after {
    content: "\F057";
    font: normal normal normal 14px/1 FontAwesome;
    display: inline;
    text-rendering: auto;
    position: absolute;
    left: .18em;
    top: .12em;
    font-size: 1.5em
}

@media (max-width:767.98px) {
    .tab-content {
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width:767.98px) {
    .product-grid {
        padding-top: .938em
    }
    .product-grid .col-6 {
        padding-left: 5px;
        padding-right: 5px
    }
}

.search-tips {
    text-align: left;
    margin-top: 1.875rem
}

.category-item {
    margin-bottom: .938rem
}

.show-more,
.show-more-content {
    padding: .938em;
    clear: both
}

.swatch-mark.color-value[data-selected=true]:after {
    left: .295em
}

.swatch-mark.color-value.selected:after,
.swatch-mark.color-value[data-selected=true]:after {
    color: #000;
    content: "\F058";
    display: table-caption;
    font-family: FontAwesome;
    font-size: 1.625em;
    position: absolute
}

.swatch-mark.color-value.selected:after {
    background: #fff;
    border-radius: 50%;
    height: .75em;
    left: .31em;
    line-height: .8em;
    top: .35em;
    width: .8em
}

.search-nav {
    margin-bottom: 1em;
    border-bottom: .063em solid #a9a9a9
}

.search-nav .nav-tabs-wrapper {
    padding: 0
}

@media (max-width:767.98px) {
    .search-nav .nav-tabs-wrapper {
        width: 100%
    }
}

.search-nav .nav-tabs-wrapper .nav-tabs {
    border-bottom: 0 none
}

.search-nav .nav-link:focus {
    background-color: #f7f7f7
}

.product-options .quantity {
    position: absolute;
    bottom: 0;
    right: 0
}

.no-search {
    max-width: 100%
}

.search-results .search-results__header {
    font-family: var(--font-headline);
    text-align: center;
    padding-bottom: .1875rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

@media (min-width:1024px) {
    .search-results .search-results__header {
        border-bottom: 4px solid #efefef;
        margin-top: .625rem;
        margin-bottom: 4.8125rem
    }
}

@media (min-width:1200px) {
    .search-results .search-results__header {
        margin-top: .375rem
    }
}

.search-results .search-results__header .search-results__form-container {
    font-size: var(--f-l, 1.125rem);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    height: auto;
    width: 100%;
    margin-bottom: 1.875rem
}

.search-results .search-results__header .search-results__form-container .search-results__form {
    position: relative;
    width: 39.375rem
}

.search-results .search-results__header .search-results__form-container .search-results__form .search-results__input-field {
    width: 100%;
    height: 2.75rem;
    padding: .1875rem 2.75rem 0 .9375rem;
    border: 1px solid #afafaf;
    border-radius: 0;
    outline: none
}

.search-results .search-results__header .search-results__form-container .search-results__form .search-results__input-field::-webkit-input-placeholder {
    color: #333
}

.search-results .search-results__header .search-results__form-container .search-results__form .search-results__input-field::-moz-placeholder {
    color: #333
}

.search-results .search-results__header .search-results__form-container .search-results__form .search-results__input-field:-ms-input-placeholder {
    color: #333
}

.search-results .search-results__header .search-results__form-container .search-results__form .search-results__submit-button {
    position: absolute;
    width: 2.75rem;
    height: 2.75rem;
    right: 0;
    top: 0
}

.search-results .search-results__header .search-results__count {
    font-size: 1.5rem;
    font-weight: 400;
    letter-spacing: -1px;
    text-transform: lowercase;
    color: #000;
    margin-bottom: 1.125rem
}

@media (min-width:1024px) {
    .search-results .search-results__header .search-results__count {
        font-size: 2.25rem
    }
}

.search-results .search-results__header .search-results__count .search-results__keywords {
    font-weight: 700;
    text-transform: none
}

.search-results .search-results__header .search-results__nav-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.search-results .search-results__header .search-results__nav-list .search-results__nav-item {
    color: #f30;
    margin: 0 1.4375rem
}

.search-results .search-results__header .search-results__nav-list .search-results__nav-item .search-results__nav-link {
    font-weight: 500;
    text-decoration: underline
}

.search-results #content-search-results-pane {
    font-family: var(--font-headline);
    margin-top: 1.5625rem;
    margin-bottom: 1.8125rem
}

.search-results #content-search-results-pane:before {
    display: none;
    content: "";
    width: 100%;
    border-top: 1px solid #c4c4c4;
    margin: 0 2.5rem
}

@media (min-width:1024px) {
    .search-results #content-search-results-pane:before {
        display: block
    }
}

.search-results #content-search-results-pane .content-grid-title {
    text-align: center;
    margin-top: 3.1875rem;
    margin-bottom: 1.625rem
}

.search-results #content-search-results-pane .content-grid-header {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(auto, 335px))[auto-fit];
    grid-template-columns: repeat(auto-fit, minmax(auto, 335px));
    row-gap: 1.125rem;
    column-gap: 1.25rem;
    place-content: center
}

@media (min-width:1024px) {
    .search-results #content-search-results-pane .content-grid-header {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        padding: 0 2.5rem
    }
}

.search-results #content-search-results-pane .content-grid-header .article-tile {
    border: 1px solid #e7e7e7
}

.search-results #content-search-results-pane .content-grid-header .article-tile .article-tile__aside .article-tile__figure {
    display: block;
    height: 13.25rem
}

@media (min-width:1024px) {
    .search-results #content-search-results-pane .content-grid-header .article-tile .article-tile__aside .article-tile__figure {
        height: 18.75rem
    }
}

.search-results #content-search-results-pane .content-grid-header .article-tile .article-tile__aside .article-tile__figure .article-tile__image {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top
}

.search-results #content-search-results-pane .content-grid-header .article-tile .article-tile__body {
    height: 12.625rem;
    padding: 1.5625rem 1.25rem
}

@media (min-width:1024px) {
    .search-results #content-search-results-pane .content-grid-header .article-tile .article-tile__body {
        height: 15rem
    }
}

.search-results #content-search-results-pane .content-grid-header .article-tile .article-tile__body .article-tile__title {
    font-size: .8125rem;
    line-height: 1.61;
    font-weight: 500;
    color: #ec4826;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

@media (min-width:1024px) {
    .search-results #content-search-results-pane .content-grid-header .article-tile .article-tile__body .article-tile__title {
        font-size: 1.5rem;
        line-height: 1.45
    }
}

.search-results #content-search-results-pane .content-grid-header .article-tile .article-tile__body .article-tile__copy {
    font-size: var(--f-2xs, .625rem);
    line-height: 1.8;
    color: #000;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden
}

@media (min-width:1024px) {
    .search-results #content-search-results-pane .content-grid-header .article-tile .article-tile__body .article-tile__copy {
        font-size: var(--f-s, .875rem);
        line-height: 1.71
    }
}

.search-results #content-search-results-pane .content-grid-header .article-tile .article-tile__body .article-tile__read-more {
    font-size: var(--f-xs, .75rem);
    font-weight: 500;
    text-transform: uppercase;
    color: #ec4826
}

@media (min-width:1024px) {
    .search-results #content-search-results-pane .content-grid-header .article-tile .article-tile__body .article-tile__read-more {
        font-size: var(--f-s, .875rem)
    }
}

.search-results #content-search-results-pane .content-grid-header .show-more-content {
    grid-column: 1/-1
}

.search-results #content-search-results-pane .content-grid-header .show-more-content button {
    width: 12rem;
    padding: .625rem 2rem
}

.search-results.no-search-container .clp-section .refine-sec .result-count {
    display: block
}

.search-results.no-search-container.error-page-hdng .search-tips {
    display: none
}

.search-results.no-search-container.error-page-hdng .srch-btn {
    padding: 0
}

.search-results .no-search-result {
    margin: 15px 0 0
}

.search-results .no-search-result .result-count .row:not(.support-wrapper-small) {
    margin-left: 0;
    margin-right: 0
}

.search-results .no-search-result .result-count .no-results__intro .sry-message {
    text-align: left
}

.search-results .no-search-result .result-count .no-results__intro .support-header {
    text-align: center
}

.search-results .no-search-result .result-count .no-results__intro .sry-message,
.search-results .no-search-result .result-count .no-results__intro .support-header {
    font-size: 1.5rem;
    line-height: 44/36;
    font-weight: 700;
    margin-bottom: 15px;
    font-family: var(--font-headline);
    color: #000
}

@media (min-width:768px) {
    .search-results .no-search-result .result-count .no-results__intro .sry-message,
    .search-results .no-search-result .result-count .no-results__intro .support-header {
        font-size: 1.875rem
    }
}

@media (min-width:1024px) {
    .search-results .no-search-result .result-count .no-results__intro .sry-message,
    .search-results .no-search-result .result-count .no-results__intro .support-header {
        font-size: 2.25rem
    }
}

.search-results .no-search-result .result-count .no-results__intro .noresult-message {
    font-weight: 400;
    color: #333;
    font-size: var(--f-xs, .75rem);
    line-height: 1.5;
    font-size: var(--f-s, .875rem)
}

@media (min-width:768px) {
    .search-results .no-search-result .result-count .no-results__intro .noresult-message {
        font-size: var(--f-s, .875rem)
    }
}

.search-results .no-search-result .result-count .no-results__intro .no-result-search {
    margin-top: 15px;
    margin-bottom: 15px
}

.search-results .no-search-result .result-count .no-results__intro .no-result-search .label-above {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.search-results .no-search-result .result-count .no-results__intro input {
    border: 2px solid #fa4616;
    border-radius: 50rem 0 0 50rem;
    width: 65%;
    height: 45px;
    padding: 15px;
    outline: none
}

.search-results .no-search-result .result-count .no-results__intro input:-ms-input-placeholder {
    color: #333;
    opacity: 1
}

.search-results .no-search-result .result-count .no-results__intro input::placeholder {
    color: #333;
    opacity: 1
}

.search-results .no-search-result .result-count .no-results__intro .btn {
    border-radius: 0 30px 30px 0;
    min-width: 10.1875rem;
    width: 35%
}

.search-results .no-search-result .result-count .no-results__intro .support {
    padding: 50px 30px;
    border: none;
    margin-top: 30px;
    background-color: #f6f6f6
}

.search-results .no-search-result .result-count .no-results__intro .support-text {
    font-size: var(--f-s, .875rem);
    line-height: 18/14;
    font-weight: 300;
    font-weight: 400;
    text-align: center
}

@media (min-width:768px) {
    .search-results .no-search-result .result-count .no-results__intro .support-text {
        font-size: var(--f-m, 1rem)
    }
}

@media (min-width:1024px) {
    .search-results .no-search-result .result-count .no-results__intro .support-text {
        font-size: var(--f-l, 1.125rem)
    }
}

.search-results .no-search-result .result-count .no-results__intro .jbl-support {
    width: 80%;
    margin: 30px auto 0
}

.search-results .no-search-result .result-count .no-results__intro .cta {
    width: 100%;
    color: #fff !important;
    border-radius: 35px;
    padding-top: 10px;
    padding-bottom: 10px
}

.search-results .no-search-result .result-count .search-tips {
    display: none
}

.search-results .no-search-result .result-count .recommendations {
    margin-top: 2.625rem
}

@media (min-width:1024px) {
    .search-results .no-search-result .result-count .recommendations {
        margin-top: 8.5625rem
    }
}

.search-results .no-search-result .result-count .recommendations .recommendations__title {
    font-size: 1.5rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 1.6875rem
}

@media (min-width:768px) {
    .search-results .no-search-result .result-count .recommendations .recommendations__title {
        font-size: 2.0625rem
    }
}

@media (min-width:1024px) {
    .search-results .no-search-result .result-count .recommendations .recommendations__title {
        margin-bottom: 5.875rem
    }
}

.shoy-by-category .shop-categories {
    margin-bottom: 15px
}

.shoy-by-category .category-img {
    border-radius: 50%
}

.shoy-by-category .category-img img {
    display: inline-block;
    margin: 0 auto;
    width: auto;
    border-radius: 50%
}

.shoy-by-category .category-text {
    font-family: var(--font-headline);
    font-weight: 500;
    font-size: var(--f-m, 1rem);
    margin-top: 15px
}

.shop-by {
    font-size: 1.5rem;
    line-height: 44/36;
    font-weight: 700;
    margin-bottom: 3.1875rem;
    text-align: center
}

@media (min-width:768px) {
    .shop-by {
        font-size: 1.875rem
    }
}

@media (min-width:1024px) {
    .shop-by {
        font-size: 2.25rem
    }
}

.shop-max-content {
    max-width: 375px;
    margin: 40px auto
}

@media (min-width:768px) {
    .search-results .no-result-block,
    .search-results .support {
        max-width: 500px;
        margin: 0 auto
    }
    .search-results .no-search-result .result-count .no-results__intro .support-text {
        font-size: var(--f-s, .875rem)
    }
    .shop-max-content {
        max-width: 768px
    }
    .category-text {
        margin-top: 20px;
        white-space: normal
    }
}

@media (min-width:1024px) {
    .shop-max-content {
        max-width: 1024px;
        margin: 80px auto
    }
    .shop-max-content .shop-by {
        margin-bottom: 5.25rem
    }
    .search-results .no-search-result {
        margin: 4.8125rem 0 0
    }
    .search-results .no-search-result .result-count {
        max-width: 1024px;
        margin: 0 auto;
        padding: 0
    }
    .search-results .no-search-result .result-count .no-results__intro .no-result-block {
        padding: 0;
        margin-top: 50px;
        margin-left: 0
    }
    .search-results .no-search-result .result-count .no-results__intro .no-result-block .no-result-search {
        margin-top: 30px
    }
    .search-results .no-search-result .result-count .no-results__intro .sry-message {
        text-align: left
    }
    .search-results .no-search-result .result-count .no-results__intro .support-text {
        font-size: var(--f-s, .875rem);
        margin-bottom: 0
    }
    .search-results .no-search-result .result-count .no-results__intro .support {
        max-width: 400px;
        margin: 0 0 0 100px
    }
}

.container-narrow .breadcrumb,
.container .breadcrumb {
    margin: 10px 0 0
}

.breadcrumb-wrapper .breadcrumb {
    font-size: var(--f-s, .875rem);
    line-height: 1.1875rem;
    font-weight: 700;
    color: #000 !important;
    text-transform: capitalize
}

@media (min-width:768px) {
    .breadcrumb-wrapper .breadcrumb {
        font-size: var(--f-m, 1rem);
        line-height: 1.375rem
    }
}

.breadcrumb-wrapper .breadcrumb .breadcrumb-item a,
.breadcrumb-wrapper .breadcrumb .breadcrumb-item span {
    color: var(--c-breadcrumb, #fa4616)
}

.breadcrumb-wrapper .breadcrumb .breadcrumb-item a:hover {
    color: var(--c-breadcrumb-hover, #fa4616)
}

.breadcrumb-wrapper .breadcrumb .breadcrumb-item:last-child a {
    text-decoration: underline
}

.popover-minicart {
    min-height: 15rem !important;
    border-radius: unset;
    padding-right: 0 !important;
    max-width: 27.5rem !important
}

.minicart-link .sp-icon {
    position: relative;
    z-index: 2
}

.minicart-link .minicart-quantity {
    padding: 3px;
    background-color: #fa4616;
    color: #fff;
    border-radius: 999px;
    min-width: calc(1.25em + 6px);
    height: calc(1.25em + 6px);
    line-height: 1.5;
    text-align: center;
    display: inline-block;
    font-size: var(--f-2xs, .625rem);
    position: absolute;
    top: -.625rem;
    left: calc(50% + .75rem);
    z-index: 2
}

.minicart-link .minicart-quantity:empty {
    display: none
}

.minicart[data-action-url] {
    position: static
}

.minicart:not([data-action-url]) {
    margin: 0;
    height: 100%;
    max-height: 28rem;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.minicart:not([data-action-url])>.footer,
.minicart:not([data-action-url])>.header {
    padding: 15px 25px;
    margin: 0
}

.minicart:not([data-action-url])>.footer>:last-child,
.minicart:not([data-action-url])>.header>:last-child {
    margin-bottom: 0
}

.minicart:not([data-action-url])>.header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    border-bottom: 1px solid #dee2e6;
    padding-top: 25px
}

.minicart:not([data-action-url])>.header .heading {
    font-size: 1.3125rem;
    font-weight: 700;
    margin: 0 1rem 0 0;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.minicart:not([data-action-url])>.header .close {
    margin: -15px -15px 0 0;
    padding: 0;
    width: 44px;
    height: 44px
}

.minicart:not([data-action-url])>.header .close span {
    font-size: var(--f-4xl, 36px);
    font-weight: 100
}

.minicart:not([data-action-url])>.footer {
    background-color: transparent;
    border-top: 1px solid #dee2e6
}

.minicart:not([data-action-url])>.footer>:not(:last-child) {
    margin: 0 0 1rem
}

.minicart:not([data-action-url])>.footer .estimated-total {
    font-size: calclulaterem(14px);
    font-family: var(--font-headline);
    font-weight: 700;
    text-transform: uppercase;
    display: -ms-flexbox;
    display: flex
}

.minicart:not([data-action-url])>.footer .estimated-total .sub-total-label {
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-right: 1rem;
    text-align: right
}

.minicart:not([data-action-url])>.footer .btn {
    width: 100%;
    padding-top: 13px;
    padding-bottom: 10px
}

.minicart:not([data-action-url])>.summary {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: auto
}

.minicart:not([data-action-url])>.summary>:not(.product-list) {
    text-align: center;
    margin: auto 25px
}

.minicart:not([data-action-url])>.summary .alert {
    margin-top: 1rem;
    margin-bottom: 1rem;
    text-align: left
}

.minicart:not([data-action-url]) .product-list {
    list-style: none;
    margin: 0
}

.minicart:not([data-action-url]) .product-card {
    padding: 10px 25px
}

.minicart:not([data-action-url]) .product-card+.product-card {
    border-top: 1px solid #dee2e6
}

.minicart:not([data-action-url]) .item-image {
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.minicart:not([data-action-url]) .item-attributes>* {
    margin: 0
}

.minicart:not([data-action-url]) .item-attributes>*+* {
    margin-top: .2rem
}

.minicart:not([data-action-url]) .lne-itm-prc .price {
    font-size: var(--f-s, 14px)
}

.minicart:not([data-action-url]) .lne-itm-prc .price .sales {
    font-weight: 400
}

.minicart:not([data-action-url]) .lne-itm-prc .price .non-adjusted-prices {
    display: none
}

.minicart:not([data-action-url]) .lne-itm-prc .price.striked-out-price {
    color: #fa4616;
    display: block
}

.minicart:not([data-action-url]) .lne-itm-prc .discount-badge {
    font-weight: 300;
    color: #fa4616;
    font-size: var(--f-2xs, .625rem);
    border: 1px solid #fa4616;
    padding: 2px 6px;
    background-color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 150px;
    overflow: hidden;
    display: block;
    vertical-align: text-bottom;
    font-size: var(--f-xs, 12px)
}

@media (min-width:768px) {
    .minicart:not([data-action-url]) .lne-itm-prc .discount-badge {
        font-size: var(--f-xs, .75rem)
    }
}

.minicart:not([data-action-url]) .lne-itm-prc .non-adjusted-prices {
    display: none
}

.minicart.express-buttons {
    max-height: 32rem
}

.express-checkout-buttons {
    position: relative;
    width: calc(100% - 10px);
    border: 1px solid #dee2e6;
    padding: 0 20px;
    margin-top: 10px;
    margin-bottom: 5px
}

.modal__cart-container .express-checkout-buttons {
    padding: 0 10px
}

@media (min-width:1024px) {
    .modal__cart-container .express-checkout-buttons {
        width: calc(100% - 95px)
    }
}

.express-checkout-buttons .amazon-pay-component {
    min-width: 100%
}

.express-checkout-buttons .minicart-express-buttons-label {
    position: absolute;
    line-height: var(--f-xs, 12px);
    font-size: var(--f-xs, 12px);
    top: -6px;
    transform: translateX(50%);
    right: 50%;
    background-color: #fff;
    padding: 0 5px
}

.express-checkout-buttons .row {
    padding: 5px 0
}

.express-checkout-buttons .row:nth-child(2) {
    padding-top: 15px
}

.express-checkout-buttons .row:last-child {
    padding-bottom: 10px
}

.express-checkout-buttons .minicart-paypal-checkout .paypal-btn-new {
    height: 45px;
    width: 100%;
    border-radius: 1.5rem;
    background-color: #ffc439;
    text-transform: none !important;
    text-align: center;
    font-weight: bolder;
    border-color: #ffc439
}

.express-checkout-buttons .minicart-paypal-checkout .paypal_checkout_copy {
    top: -6px;
    position: relative
}

.express-checkout-buttons .minicart-paypal-checkout .paypal_logo {
    background: url("../images/PayPal-Logo-PNG4.png");
    display: inline-block;
    width: 85px;
    height: 28px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 0 100%;
    margin-left: 7px
}

.minicart .product-line-item>.product-line-item-details {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start
}

.minicart .product-line-item>.product-line-item-details>* {
    margin: 0
}

.minicart .product-line-item>.product-line-item-details>*+* {
    margin-left: .5rem
}

.minicart .product-line-item>.product-line-item-details>.item-attributes {
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 50%
}

.minicart .product-line-item .product-name {
    font-family: var(--font-headline);
    font-weight: 500
}

.minicart .product-line-item .pricing {
    font-weight: 400
}

.minicart .product-line-item .remove-btn {
    float: none;
    font-size: var(--f-xs, .75rem);
    text-decoration: underline;
    font-family: var(--font-headline)
}

.minicart .product-line-item .remove-btn:active,
.minicart .product-line-item .remove-btn:focus,
.minicart .product-line-item .remove-btn:hover {
    color: #495057
}

.attribute {
    margin-top: .938em
}

.attribute label {
    display: block
}

.swatch a {
    text-decoration: none
}

@media (max-width:767.98px) {
    .primary-images {
        margin: 0;
        padding: 0
    }
}

.prices-add-to-cart-actions {
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 50;
    padding-right: 0;
    padding-left: 0;
    left: 0
}

@media (max-width:767.98px) {
    .prices-add-to-cart-actions {
        background-color: hsla(0, 0%, 100%, .95);
        box-shadow: 0 2px 10px rgba(0, 0, 0, .2)
    }
}

@media (min-width:768px) {
    .prices-add-to-cart-actions {
        position: static;
        padding: 0 .9375em
    }
}

.prices,
.prices-add-to-cart-actions .price {
    text-align: center
}

.prices {
    padding-bottom: .5em;
    padding-top: .5em
}

.cart-and-ipay {
    text-align: center
}

@media (max-width:767.98px) {
    .cart-and-ipay {
        padding-bottom: 26px
    }
    .cart-and-ipay .btn {
        width: 98%;
        margin: 1%;
        display: block
    }
}

.add-to-cart-messages {
    transform: translate(-50%, -50%);
    position: fixed;
    top: 15%
}

.add-to-basket-alert {
    animation: fade 5s linear forwards;
    box-shadow: 1px 1px 5px grey;
    padding: 1em
}

.add-to-basket-alert.show {
    display: block
}

.main-attributes,
.simple-quantity {
    margin-top: 1em
}

.size-chart,
div.availability {
    margin-top: 1.071em
}

.bundle-item {
    padding-bottom: 1em;
    border-bottom: 1px solid #ccc
}

.bundle-item:last-child {
    border-bottom: none
}

.container.product-detail,
.product-detail.container-narrow {
    margin-top: 2em;
    margin-bottom: 2em
}

@media (max-width:767.98px) {
    .container.product-detail,
    .product-detail.container-narrow {
        margin-top: 0;
        margin-bottom: 0
    }
}

.product-option:not(:first-child) {
    margin-top: 1.071em
}

.add-to-cart-messages {
    top: 50%;
    left: 50%;
    font-family: var(--font-headline);
    z-index: 10
}

.cart-error-messaging.cart-error {
    position: static !important
}

.cart-page .error {
    border: 2px solid #fa4616
}

.page-navigation {
    background: var(--c-pdp-subnav-bg, #f8f9fa);
    border-top: thin solid var(--c-pdp-subnav-border, #e9ecef);
    border-bottom: thin solid var(--c-pdp-subnav-border, #e9ecef);
    font-size: .9375rem;
    position: relative;
    z-index: 5
}

.page-navigation .page-navigation-wrapper {
    overflow: auto;
    position: relative;
    scrollbar-width: none;
    -ms-overflow-style: none;
    z-index: 1
}

.page-navigation .page-navigation-wrapper::-webkit-scrollbar {
    display: none
}

.page-navigation:after,
.page-navigation:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1.5rem;
    z-index: 2
}

.page-navigation:before {
    left: 0;
    background-image: linear-gradient(90deg, #f8f9fa 0, rgba(248, 249, 250, 0))
}

.page-navigation:after {
    right: 0;
    background-image: linear-gradient(270deg, #f8f9fa 0, rgba(248, 249, 250, 0))
}

.page-navigation .page-navigation-links {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin: 0 auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.page-navigation a {
    display: block;
    padding: 1rem;
    font-weight: 400;
    color: var(--c-pdp-subnav-copy, #666)
}

.page-navigation a:focus,
.page-navigation a:hover {
    color: var(--c-pdp-subnav-copy--active, #212529)
}

.page-navigation a.active {
    position: relative;
    color: var(--c-pdp-subnav-copy--active, #000);
    font-weight: 700
}

@media (min-width:1024px) {
    .page-navigation {
        position: sticky;
        top: 0;
        font-size: 1.125rem;
        background-color: var(--c-pdp-subnav-bg, #f7f7f7);
        border-color: var(--c-pdp-subnav-border, #f8f9fa);
        box-shadow: 0 12px 24px 0 rgba(0, 0, 0, .06)
    }
    .page-navigation:before {
        left: 0;
        background-image: linear-gradient(90deg, #fff 0, hsla(0, 0%, 100%, 0))
    }
    .page-navigation:after {
        right: 0;
        background-image: linear-gradient(270deg, #fff 0, hsla(0, 0%, 100%, 0))
    }
}

@media (min-width:1400px) {
    .page-navigation {
        font-size: var(--f-xl, 1.25rem)
    }
}

toggle-section {
    display: block;
    --heading-font-family: var(--font-headline);
    --heading-font-size: 1.4375rem;
    --primary-color: #fa4616
}

toggle-section[role=region] {
    border-top: 1px solid #d8d8d8
}

@media (max-width:1023.98px) {
    .reviews-section toggle-section[role=region] {
        z-index: unset !important
    }
}

html.country-selector {
    background: #fff url("../images/visual02.jpg") no-repeat fixed;
    background-position: bottom;
    background-size: cover
}

html.country-selector body {
    background: none
}

html.country-selector .country-selector-wrapper {
    font-size: var(--f-s, .875rem);
    color: #797979;
    box-sizing: border-box;
    width: 1280px;
    margin: 40px auto;
    max-width: 90%;
    padding: 20px;
    background: hsla(0, 0%, 100%, .8);
    overflow: hidden
}

html.country-selector .top {
    text-align: center;
    color: #000;
    margin-bottom: 40px
}

html.country-selector .top img {
    height: 80px
}

html.country-selector .top h1 {
    font-family: var(--font-body);
    font-size: 1.75rem;
    text-transform: uppercase;
    font-weight: 700;
    margin: revert
}

html.country-selector .top input[type=checkbox] {
    display: revert;
    margin: revert
}

html.country-selector .top label {
    color: #797979
}

html.country-selector .regions {
    overflow: hidden;
    text-align: center
}

html.country-selector .region {
    display: inline-block;
    overflow: hidden;
    vertical-align: top
}

@media (min-width:768px) {
    html.country-selector .region {
        padding: 0 10px
    }
}

html.country-selector .region h3 {
    font-family: var(--font-body);
    color: #000;
    font-size: var(--f-l, 18px);
    text-align: center;
    font-weight: 700
}

@media (min-width:768px) {
    html.country-selector .region h3 {
        text-align: left
    }
}

html.country-selector .region ul {
    display: inline-block;
    padding: 0;
    margin: 0 60px 20px 0;
    list-style: none
}

html.country-selector .region li {
    padding: 0 0 15px;
    text-align: left;
    width: 158px
}

html.country-selector .region li ul {
    padding: 0;
    margin: 0 0 0 36px
}

html.country-selector .region li ul li {
    width: auto;
    padding: 5px 0 0
}

html.country-selector .region a {
    text-decoration: none;
    color: #000;
    cursor: pointer;
    transition: color .3s
}

html.country-selector .region a:hover {
    color: #fa4616
}

html.country-selector .region span {
    line-height: 18px
}

html.country-selector .region img {
    display: inline-block;
    width: 22px;
    height: 16px;
    margin-right: 10px;
    outline: 1px solid #e3e3e3;
    vertical-align: top
}

.category-landing-banner {
    max-width: var(--sizing-max-page, 2560px);
    margin: 0 auto
}

.category-landing-banner .category-landing-banner-title-fallback {
    padding-left: 4%;
    padding-right: 4%;
    font-family: var(--font-body);
    font-weight: 900;
    font-size: 1.5rem
}

@media (min-width:768px) {
    .category-landing-banner .category-landing-banner-title-fallback {
        font-size: 2.25rem
    }
}

.category-landing-banner:has(>*)~.container.search-results .plp-rgt-sec>.row.-top:not(:has(.-headline.-persistent)) .result-count,
.category-landing-banner:has(>*)~.search-results.container-narrow .plp-rgt-sec>.row.-top:not(:has(.-headline.-persistent)) .result-count {
    display: -ms-flexbox;
    display: flex;
    font-size: var(--f-m);
    color: var(--c-em-full);
    -ms-grid-column: span 4;
    grid-column: span 4;
    -ms-flex-align: center;
    align-items: center;
    padding-block: 8px
}

@media (max-width:1023px) {
    .category-landing-banner:has(>*)~.container.search-results .plp-rgt-sec>.row.-top:not(:has(.-headline.-persistent)) .result-count,
    .category-landing-banner:has(>*)~.search-results.container-narrow .plp-rgt-sec>.row.-top:not(:has(.-headline.-persistent)) .result-count {
        padding-top: 0
    }
}

.category-landing-banner:has(>*)~.container.search-results .plp-rgt-sec>.row.-top>.-headline:has(>h1.sr-only),
.category-landing-banner:has(>*)~.search-results.container-narrow .plp-rgt-sec>.row.-top>.-headline:has(>h1.sr-only) {
    margin-bottom: -1rem
}

.category-landing-banner:has(>*)~.container.search-results .plp-rgt-sec>.row.-top>.-headline:not(.-persistent)>h1,
.category-landing-banner:has(>*)~.search-results.container-narrow .plp-rgt-sec>.row.-top>.-headline:not(.-persistent)>h1 {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.category-landing-banner:has(>*)~.container.search-results .plp-rgt-sec>.row.-top .sortby-drop,
.category-landing-banner:has(>*)~.search-results.container-narrow .plp-rgt-sec>.row.-top .sortby-drop {
    margin-inline: auto 0;
    -ms-flex-item-align: end;
    -ms-grid-row-align: end;
    align-self: end;
    justify-self: end;
    -ms-grid-column: -1;
    grid-column: -1
}

.category-landing-banner>*+.category-landing-banner-title-fallback {
    display: none
}

.search-results .clp-section ol.breadcrumb {
    margin-block: 0;
    margin-top: 0
}

@media (min-width:1024px) {
    .search-results .clp-section ol.breadcrumb {
        padding-top: 0;
        margin-bottom: 0
    }
}

.plp-rgt-sec {
    padding-top: var(--spacing-s)
}

@media (max-width:1023.98px) {
    .plp-rgt-sec,
    .plp-rgt-sec .product-grid {
        padding-top: 0
    }
}

@media (max-width:1023px) {
    .plp-rgt-sec>.row.-top {
        margin: 0;
        display: -ms-flexbox;
        display: flex;
        row-gap: 16px;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
    .plp-rgt-sec>.row.-top .-headline {
        min-width: 100%;
        text-align: center
    }
    .plp-rgt-sec>.row.-top .-headline h1 {
        font-size: 2rem;
        margin-block: .25em
    }
    .plp-rgt-sec>.row.-top .sortby-drop {
        position: absolute;
        top: 0;
        width: 100%;
        padding-left: 50%;
        pointer-events: none
    }
    .plp-rgt-sec>.row.-top .sortby-drop .select-wrapper {
        pointer-events: all
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .plp-rgt-sec>.row.-top {
        padding-top: 16px
    }
    .plp-rgt-sec>.row.-top .sortby-drop {
        top: 61px
    }
}

@media (min-width:1024px) {
    .plp-rgt-sec>.row.-top {
        margin: 0;
        padding: 0 50px;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[12];
        grid-template-columns: repeat(12, 1fr);
        column-gap: 30px
    }
    .plp-rgt-sec>.row.-top .-headline {
        padding-inline: 0;
        -ms-grid-column: span 8;
        grid-column: span 8
    }
    .plp-rgt-sec>.row.-top .-headline h1 {
        font-size: 3.5rem
    }
    .plp-rgt-sec>.row.-top .sortby-drop {
        padding-inline: 0;
        -ms-grid-column: span 4;
        grid-column: span 4
    }
    .plp-rgt-sec>.row.-top .sortby-drop :not(.input-group)>.bootstrap-select.form-control:not([class*=col-]) {
        max-width: none
    }
    .plp-rgt-sec>.row.-top .sortby-drop .dropdown {
        padding-right: 0;
        margin-right: 0
    }
}

@keyframes bs-notify-fadeOut {
    0% {
        opacity: .9
    }
    to {
        opacity: 0
    }
}

.bootstrap-select>select.bs-select-hidden,
select.bs-select-hidden,
select.selectpicker {
    display: none !important
}

.bootstrap-select {
    width: 220px \0;
    vertical-align: middle
}

.bootstrap-select>.dropdown-toggle {
    position: relative;
    width: 100%;
    text-align: right;
    white-space: nowrap;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.bootstrap-select>.dropdown-toggle:after {
    margin-top: -1px
}

.bootstrap-select>.dropdown-toggle.bs-placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    color: #999
}

.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:hover {
    color: hsla(0, 0%, 100%, .5)
}

.bootstrap-select>select {
    position: absolute !important;
    bottom: 0;
    left: 50%;
    display: block !important;
    width: .5px !important;
    height: 100% !important;
    padding: 0 !important;
    opacity: 0 !important;
    border: none;
    z-index: 0 !important
}

.bootstrap-select>select.mobile-device {
    top: 0;
    left: 0;
    display: block !important;
    width: 100% !important;
    z-index: 2 !important
}

.bootstrap-select.is-invalid .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle,
.has-error .bootstrap-select .dropdown-toggle,
.was-validated .bootstrap-select select:invalid+.dropdown-toggle {
    border-color: #b94a48
}

.bootstrap-select.is-valid .dropdown-toggle,
.was-validated .bootstrap-select select:valid+.dropdown-toggle {
    border-color: #28a745
}

.bootstrap-select.fit-width {
    width: auto !important
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 220px
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline: thin dotted #333 !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px
}

.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none;
    height: auto
}

:not(.input-group)>.bootstrap-select.form-control:not([class*=col-]) {
    width: 100%
}

.bootstrap-select.form-control.input-group-btn {
    float: none;
    z-index: auto
}

.form-inline .bootstrap-select,
.form-inline .bootstrap-select.form-control:not([class*=col-]) {
    width: auto
}

.bootstrap-select:not(.input-group-btn),
.bootstrap-select[class*=col-] {
    float: none;
    display: inline-block;
    margin-left: 0
}

.bootstrap-select.dropdown-menu-right,
.bootstrap-select[class*=col-].dropdown-menu-right,
.row .bootstrap-select[class*=col-].dropdown-menu-right {
    float: right
}

.form-group .bootstrap-select,
.form-horizontal .bootstrap-select,
.form-inline .bootstrap-select {
    margin-bottom: 0
}

.form-group-lg .bootstrap-select.form-control,
.form-group-sm .bootstrap-select.form-control {
    padding: 0
}

.form-group-lg .bootstrap-select.form-control .dropdown-toggle,
.form-group-sm .bootstrap-select.form-control .dropdown-toggle {
    height: 100%;
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit
}

.bootstrap-select.form-control-lg .dropdown-toggle,
.bootstrap-select.form-control-sm .dropdown-toggle {
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit
}

.bootstrap-select.form-control-sm .dropdown-toggle {
    padding: .25rem .5rem
}

.bootstrap-select.form-control-lg .dropdown-toggle {
    padding: .5rem 1rem
}

.form-inline .bootstrap-select .form-control {
    width: 100%
}

.bootstrap-select.disabled,
.bootstrap-select>.disabled {
    cursor: not-allowed
}

.bootstrap-select.disabled:focus,
.bootstrap-select>.disabled:focus {
    outline: none !important
}

.bootstrap-select.bs-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 0 !important;
    padding: 0 !important
}

.bootstrap-select.bs-container .dropdown-menu {
    z-index: 1060
}

.bootstrap-select .dropdown-toggle .filter-option {
    position: static;
    top: 0;
    left: 0;
    float: left;
    height: 100%;
    width: 100%;
    text-align: left;
    overflow: hidden;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.bs3.bootstrap-select .dropdown-toggle .filter-option {
    padding-right: inherit
}

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option {
    position: absolute;
    padding-top: inherit;
    padding-bottom: inherit;
    padding-left: inherit;
    float: none
}

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner {
    padding-right: inherit
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    overflow: hidden
}

.bootstrap-select .dropdown-toggle .filter-expand {
    width: 0 !important;
    float: left;
    opacity: 0 !important;
    overflow: hidden
}

.bootstrap-select .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle
}

.input-group .bootstrap-select.form-control .dropdown-toggle {
    border-radius: inherit
}

.bootstrap-select[class*=col-] .dropdown-toggle {
    width: 100%
}

.bootstrap-select .dropdown-menu {
    min-width: 100%;
    box-sizing: border-box
}

.bootstrap-select .dropdown-menu>.inner:focus {
    outline: none !important
}

.bootstrap-select .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    box-shadow: none
}

.bootstrap-select .dropdown-menu li {
    position: relative
}

.bootstrap-select .dropdown-menu li.active small {
    color: hsla(0, 0%, 100%, .5) !important
}

.bootstrap-select .dropdown-menu li.disabled a {
    cursor: not-allowed
}

.bootstrap-select .dropdown-menu li a {
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bootstrap-select .dropdown-menu li a.opt {
    position: relative;
    padding-left: 2.25em
}

.bootstrap-select .dropdown-menu li a span.check-mark {
    display: none
}

.bootstrap-select .dropdown-menu li a span.text {
    display: inline-block
}

.bootstrap-select .dropdown-menu li small {
    padding-left: .5em
}

.bootstrap-select .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    pointer-events: none;
    opacity: .9;
    box-sizing: border-box
}

.bootstrap-select .dropdown-menu .notify.fadeOut {
    animation: .3s linear .75s forwards bs-notify-fadeOut
}

.bootstrap-select .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px;
    white-space: nowrap
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option {
    position: static;
    display: inline;
    padding: 0
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
    display: inline
}

.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before {
    content: "\A0"
}

.bootstrap-select.fit-width .dropdown-toggle .caret {
    position: static;
    top: auto;
    margin-top: -1px
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    top: 5px
}

.bootstrap-select.show-tick .dropdown-menu li a span.text {
    margin-right: 34px
}

.bootstrap-select .bs-ok-default:after {
    content: "";
    display: block;
    width: .5em;
    height: 1em;
    border-style: solid;
    border-width: 0 .26em .26em 0;
    transform-style: preserve-3d;
    transform: rotate(45deg)
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle,
.bootstrap-select.show-menu-arrow.show>.dropdown-toggle {
    z-index: 1061
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before {
    content: "";
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid hsla(0, 0%, 80%, .2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after {
    content: "";
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before {
    bottom: auto;
    top: -4px;
    border-top: 7px solid hsla(0, 0%, 80%, .2);
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after {
    bottom: auto;
    top: -4px;
    border-top: 6px solid #fff;
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before {
    right: 12px;
    left: auto
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after {
    right: 13px;
    left: auto
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:before,
.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:before {
    display: block
}

.bs-actionsbox,
.bs-donebutton,
.bs-searchbox {
    padding: 4px 8px
}

.bs-actionsbox {
    width: 100%;
    box-sizing: border-box
}

.bs-actionsbox .btn-group button {
    width: 50%
}

.bs-donebutton {
    float: left;
    width: 100%;
    box-sizing: border-box
}

.bs-donebutton .btn-group button {
    width: 100%
}

.bs-searchbox+.bs-actionsbox {
    padding: 0 8px 4px
}

.bs-searchbox .form-control {
    margin-bottom: 0;
    width: 100%;
    float: none
}

.select-wrapper .dropdown.bootstrap-select {
    border-right-width: 0 !important
}

.select-wrapper .dropdown.bootstrap-select .dropdown-toggle {
    padding: .5rem .6rem .375rem .75rem;
    background-color: transparent;
    border-radius: 0;
    border: .0625rem solid #979797;
    text-transform: unset;
    font-family: var(--font-headline);
    font-size: var(--f-m, 1rem);
    height: 2.5rem
}

.select-wrapper .dropdown.bootstrap-select .dropdown-toggle:active,
.select-wrapper .dropdown.bootstrap-select .dropdown-toggle:active:focus:not(:disabled):not(.disabled),
.select-wrapper .dropdown.bootstrap-select .dropdown-toggle:focus,
.select-wrapper .dropdown.bootstrap-select .dropdown-toggle:hover {
    box-shadow: none !important;
    outline: none !important
}

.select-wrapper .dropdown.bootstrap-select .dropdown-toggle:after {
    font-size: .9375rem;
    position: absolute;
    font-family: FontAwesome, sans-serif;
    top: .6875rem;
    right: .5rem;
    content: "\F107";
    pointer-events: none;
    color: #333;
    font-weight: 700;
    line-height: 1;
    border-top: 0
}

.select-wrapper .dropdown.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    font-weight: 300
}

.select-wrapper .dropdown.bootstrap-select .dropdown-toggle .filter-option-inner-inner .bold-sort-by-dropdown-text {
    font-weight: 400
}

@media (min-width:1024px) {
    .select-wrapper .dropdown.bootstrap-select .dropdown-toggle .filter-option-inner-inner .bold-sort-by-dropdown-text {
        font-weight: 700
    }
}

.select-wrapper .dropdown.bootstrap-select div.dropdown-menu {
    font-family: var(--font-headline);
    top: -2.5rem !important;
    border: .0625rem solid #979797;
    border-radius: 0;
    padding: .3rem 0;
    margin: 0
}

.select-wrapper .dropdown.bootstrap-select div.dropdown-menu .dropdown-menu.inner {
    font-size: var(--f-m, 1rem)
}

.select-wrapper .dropdown.bootstrap-select div.dropdown-menu .dropdown-menu.inner .dropdown-item {
    padding: .25rem .8rem
}

.select-wrapper .dropdown.bootstrap-select div.dropdown-menu .dropdown-menu.inner .dropdown-item:active,
.select-wrapper .dropdown.bootstrap-select div.dropdown-menu .dropdown-menu.inner .dropdown-item:hover {
    color: #fff !important;
    text-decoration: none;
    background-color: #215cc9 !important
}

.select-wrapper .dropdown.bootstrap-select div.dropdown-menu .dropdown-menu.inner .dropdown-item.active {
    color: #000;
    text-decoration: none;
    background-color: transparent
}

.stores {
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 380px 1fr;
    grid-template-columns: 380px 1fr;
    gap: var(--spacing-xs, 8px)
}

.stores:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .3);
    z-index: 1;
    background-position: 50%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' style='margin:auto;background:0 0;animation-play-state:running;animation-delay:0s' width='38' height='38' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' display='block'%3E%3Ccircle cx='84' cy='50' r='10' fill='%23fff' style='animation-play-state:running;animation-delay:0s'%3E%3Canimate attributeName='r' repeatCount='indefinite' dur='0.5208333333333334s' calcMode='spline' keyTimes='0;1' values='10;0' keySplines='0 0.5 0.5 1' begin='0s'/%3E%3Canimate attributeName='fill' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='discrete' keyTimes='0;0.25;0.5;0.75;1' values='%23ffffff;%23ffffff;%23ffffff;%23ffffff;%23ffffff' begin='0s'/%3E%3C/circle%3E%3Ccircle cx='16' cy='50' r='10' fill='%23fff' style='animation-play-state:running;animation-delay:0s'%3E%3Canimate attributeName='r' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='0;0;10;10;10' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='0s'/%3E%3Canimate attributeName='cx' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='16;16;16;50;84' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='0s'/%3E%3C/circle%3E%3Ccircle cx='50' cy='50' r='10' fill='%23fff' style='animation-play-state:running;animation-delay:0s'%3E%3Canimate attributeName='r' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='0;0;10;10;10' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='-0.5208333333333334s'/%3E%3Canimate attributeName='cx' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='16;16;16;50;84' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='-0.5208333333333334s'/%3E%3C/circle%3E%3Ccircle cx='84' cy='50' r='10' fill='%23fff' style='animation-play-state:running;animation-delay:0s'%3E%3Canimate attributeName='r' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='0;0;10;10;10' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='-1.0416666666666667s'/%3E%3Canimate attributeName='cx' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='16;16;16;50;84' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='-1.0416666666666667s'/%3E%3C/circle%3E%3Ccircle cx='16' cy='50' r='10' fill='%23fff' style='animation-play-state:running;animation-delay:0s'%3E%3Canimate attributeName='r' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='0;0;10;10;10' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='-1.5625s'/%3E%3Canimate attributeName='cx' repeatCount='indefinite' dur='2.0833333333333335s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='16;16;16;50;84' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='-1.5625s'/%3E%3C/circle%3E%3C/svg%3E");
    background-size: 100px;
    background-repeat: no-repeat;
    pointer-events: none;
    transition: .2s;
    opacity: 0
}

.stores[data-state=loading]:before {
    opacity: 1
}

@media (max-width:1024px) {
    .stores {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }
}

.stores .refinements {
    padding: var(--spacing-m, 24px) var(--spacing-xs, 8px) 0;
    background: var(--c-em-3xlow, rgba(9, 28, 32, .08));
    border-radius: var(--spacing-2xs, 4px);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: calc(100vh - var(--sizing-header, 150px));
    min-height: calc(100vh - var(--sizing-header, 150px))
}

@media (max-width:1024px) {
    .stores .refinements {
        min-height: 50vh;
        max-height: 50vh
    }
}

@media (max-width:640px) {
    .stores .refinements {
        min-height: 75vh;
        max-height: 75vh
    }
}

.stores .refinements h2 {
    font-size: var(--f-xl, 30px);
    margin-bottom: var(--spacing-l, 32px)
}

.stores .refinements form {
    margin-bottom: var(--spacing-s, 16px)
}

.stores .refinements form>*,
.stores .refinements form input,
.stores .refinements form select {
    margin-bottom: var(--spacing-m, 24px)
}

.stores .refinements form input[type=text] {
    padding-left: var(--spacing-xs, 8px);
    background-color: #fff !important
}

.stores .refinements form select {
    padding-left: var(--spacing-xs, 8px)
}

.stores .refinements form select:disabled {
    opacity: .5
}

.stores .refinements form select:focus {
    color: #000;
    border-color: #000
}

.stores .refinements form .form-group input,
.stores .refinements form .form-group select {
    margin-bottom: 0
}

.stores .refinements .results {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-height: 0
}

.stores .refinements .results h2 {
    margin-bottom: var(--spacing-s, 16px)
}

.stores .refinements .results ul {
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-height: 0;
    overflow-y: auto;
    margin: 0;
    padding: 0
}

@media (min-width:480px) and (max-width:1024px) {
    .stores .refinements .results ul {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr
    }
    .stores .refinements .results ul li {
        background: #fff !important
    }
    .stores .refinements .results ul li:nth-child(4n),
    .stores .refinements .results ul li:nth-child(4n-1) {
        background: var(--c-em-3xlow, rgba(9, 28, 32, .08)) !important
    }
}

.stores .refinements .results ul::-webkit-scrollbar {
    -webkit-appearance: none;
    display: block;
    width: 8px
}

.stores .refinements .results ul::-webkit-scrollbar-track {
    background: transparent
}

.stores .refinements .results ul::-webkit-scrollbar-thumb {
    background-color: var(--c-em-xlow, rgba(9, 28, 32, .38));
    border-radius: 4px
}

.stores .refinements .results ul::-webkit-scrollbar-thumb:hover {
    background-color: var(--c-em-xlow, rgba(9, 28, 32, .38))
}

.stores .refinements .results ul li {
    padding: var(--spacing-s, 16px);
    background: #fff;
    cursor: pointer
}

.stores .refinements .results ul li:nth-child(2n) {
    background: var(--c-em-3xlow, rgba(9, 28, 32, .08))
}

.stores .refinements .results ul li>* {
    font-size: var(--f-m, 16px);
    margin: 0
}

@media (max-width:1024px) {
    .stores .refinements .results ul li>* {
        font-size: var(--f-s, 14px)
    }
}

.stores .refinements .results ul li h3 {
    font-family: var(--font-body, inherit);
    font-weight: 700;
    font-size: var(--f-l, 20px);
    margin-bottom: var(--spacing-xs, 4px);
    line-height: normal
}

@media (max-width:1024px) {
    .stores .refinements .results ul li h3 {
        font-size: var(--f-m, 16px)
    }
}

.stores .refinements .results ul li[data-state=active] h3 {
    text-decoration: underline
}

.stores .map {
    max-height: calc(100vh - var(--sizing-header, 150px));
    min-height: calc(100vh - var(--sizing-header, 150px))
}

@media (max-width:1024px) {
    .stores .map {
        min-height: 50vh;
        max-height: 50vh
    }
}

@media (max-width:640px) {
    .stores .map {
        min-height: 75vh;
        max-height: 75vh
    }
}

.stores .map div h4 {
    font-family: var(--font-body, inherit);
    font-weight: 700;
    font-size: var(--f-m, 16px);
    line-height: normal
}

@media (max-width:1024px) {
    .stores .map div h4 {
        font-size: var(--f-s, 14px)
    }
}

.recommendations-carousel {
    margin: 0 -.46875rem
}

@media (min-width:768px) {
    .recommendations-carousel {
        margin: 0 -.9375rem
    }
}

.recommendations-carousel .slick-arrow {
    width: 2rem;
    height: 2.25rem;
    background-size: contain;
    z-index: 1;
    opacity: .5
}

.recommendations-carousel .slick-arrow:hover {
    opacity: .25
}

.recommendations-carousel .slick-arrow:after,
.recommendations-carousel .slick-arrow:before {
    display: none
}

.recommendations-carousel .slick-prev {
    left: .46875rem;
    background: url("../images/icon-arrow-left.svg") no-repeat 50%
}

@media (min-width:768px) {
    .recommendations-carousel .slick-prev {
        left: .9375rem
    }
}

.recommendations-carousel .slick-next {
    right: .46875rem;
    background: url("../images/icon-arrow-right.svg") no-repeat 50%
}

@media (min-width:768px) {
    .recommendations-carousel .slick-next {
        right: .9375rem
    }
}

.recommendations-carousel .slick-track .slick-slide {
    margin: 0 .46875rem
}

.recommendations-carousel .slick-track .slick-slide .product {
    vertical-align: top
}

.recommendations-carousel .slick-track .slick-slide .product .tile-body .tile-body-footer .tile-ratings {
    margin-left: 0
}

@media (min-width:768px) {
    .recommendations-carousel .slick-track .slick-slide {
        margin: 0 .9375rem
    }
}

.included-weee-tax-msg {
    display: none
}

[data-visibility=auto] {
    content-visibility: auto
}

.ds-banner {
    --ds-overlay-from: rgba(247, 249, 250, .87);
    --ds-overlay-to: rgba(247, 249, 250, 0);
    color: var(--c-em-high);
    position: relative;
    text-align: center;
    padding: 0;
    perspective: 8px;
    perspective-origin: 0;
    margin: 0 auto
}

.ds-banner .ds-banner--body,
.ds-banner .ds-banner--headline,
.ds-banner .ds-banner--subheadline {
    margin-bottom: var(--spacing-s);
    color: inherit;
    pointer-events: none
}

.ds-banner .ds-banner--headline {
    font-family: var(--font-headline);
    font-size: 33px
}

.ds-banner .ds-banner--subheadline {
    font-family: var(--font-body);
    font-size: var(--f-xl, 20px)
}

.ds-banner .bg-video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    z-index: 0
}

.ds-banner .bg-video,
.ds-banner .bg-video video {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.ds-banner .bg-video video::-webkit-media-controls {
    display: none;
    opacity: 0
}

.ds-banner .bg-video video::-webkit-media-controls-start-playback-button {
    display: none
}

.ds-banner picture img,
.ds-banner picture video {
    display: block;
    min-width: 100%;
    width: auto;
    height: auto;
    max-height: 100vw;
    max-height: calc(100vh - var(--sizing-header));
    object-fit: cover;
    pointer-events: none
}

@media (min-width:1024px) {
    .ds-banner picture img,
    .ds-banner picture video {
        object-fit: contain
    }
}

.ds-banner .subheadline-imagery {
    display: block;
    margin-bottom: var(--spacing-s, 16px)
}

.ds-banner .ds-banner--copy,
.ds-banner .ds-banner--copy h2 span,
.ds-banner .subheadline-imagery img {
    display: inline-block
}

.ds-banner .ds-banner--copy ul {
    list-style-type: none
}

.ds-banner .ds-banner--copy ul li {
    padding-left: 16px;
    position: relative
}

.ds-banner .ds-banner--copy ul li:before {
    content: "\2022";
    display: inline-block;
    position: absolute;
    left: 0;
    color: var(--c-accent)
}

@media (max-width:1023px) {
    .ds-banner:not(.bullets-between) li {
        text-align: left
    }
}

.ds-banner.bullets-between .ds-banner--copy ul li {
    padding-left: 0
}

.ds-banner.bullets-between .ds-banner--copy ul li:before {
    display: block;
    position: relative;
    text-align: center;
    margin: var(--spacing-xs, 8px) 0
}

.ds-banner.bullets-between .ds-banner--copy ul li:first-of-type::before {
    display: none
}

.ds-banner.-category {
    background-color: var(--c-canvas-full);
    contain-intrinsic-height: auto 34vw
}

@media (max-width:1023px) {
    .ds-banner.-category {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: 48px 1fr;
        grid-template-rows: 48px 1fr;
        contain-intrinsic-height: auto 139vw
    }
    .ds-banner.-category .ds-banner--picture {
        grid-column: 1/-1;
        grid-row: 1/-1
    }
    .ds-banner.-category .ds-banner--inside {
        grid-column: 1/-1;
        grid-row: 2/-1;
        background: linear-gradient(0deg, var(--ds-overlay-from), var(--ds-overlay-to));
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: end;
        align-items: end;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.ds-banner.-category .ds-banner--picture img,
.ds-banner.-category .ds-banner--picture video {
    max-height: none;
    height: 100%;
    width: 100%
}

@media (min-width:1024px) {
    .ds-banner.-category .ds-banner--copy {
        max-width: 40%
    }
}

@media (max-width:1023px) {
    .ds-banner.-category .ds-banner--copy {
        padding: var(--side-offset, 16px)
    }
}

.ds-banner.-category .ds-banner--headline {
    font-size: var(--f-h3);
    line-height: var(--f-h-lh);
    margin-bottom: var(--sizing-margin-lg);
    display: block;
    text-wrap: balance
}

@media (min-width:1024px) {
    .ds-banner.-category .ds-banner--headline {
        margin-bottom: var(--sizing-margin-sm)
    }
}

.ds-banner.-category .ds-banner--body {
    font-size: var(--f-m);
    text-wrap: pretty
}

@media (max-width:1023px) {
    .ds-banner.-category .ds-banner--body {
        display: none
    }
}

.ds-banner.-category[data-theme*=dark] {
    --ds-overlay-from: rgba(34, 34, 34, .9);
    --ds-overlay-to: rgba(34, 34, 34, 0);
    color: #fff
}

@media (min-width:1024px) {
    .ds-banner {
        position: relative;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
        -ms-grid-rows: (auto)[2];
        grid-template-rows: repeat(2, auto);
        -ms-flex-align: center;
        align-items: center
    }
    .ds-banner .ds-banner--headline {
        color: var(--c-ds-headline)
    }
    .ds-banner .ds-banner--subheadline {
        color: var(--c-ds-subheadline)
    }
    .ds-banner .ds-banner--body {
        color: var(--c-ds-body, var(--c-ds-copy))
    }
    .ds-banner.-darkmode,
    .ds-banner.-darkmode-d {
        --ds-overlay-from: rgba(34, 34, 34, .9);
        --ds-overlay-to: rgba(34, 34, 34, 0);
        color: #fff
    }
    .ds-banner.-darkmode-d .ds-banner--picture,
    .ds-banner.-darkmode .ds-banner--picture {
        background-color: var(--c-bg-contrast)
    }
    .ds-banner.-darkmode-d .btn-primary,
    .ds-banner.-darkmode .btn-primary {
        color: #000;
        background-color: #fff;
        border-color: #fff
    }
    .ds-banner.-darkmode-d .btn-primary:focus,
    .ds-banner.-darkmode-d .btn-primary:hover,
    .ds-banner.-darkmode .btn-primary:focus,
    .ds-banner.-darkmode .btn-primary:hover {
        border-color: var(--c-accent);
        background-color: var(--c-accent);
        color: #fff
    }
    .ds-banner.-image-overlay:after {
        content: " ";
        background-color: var(--c-em-xlow-contrast);
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        pointer-events: none
    }
    .ds-banner.-image-overlay.-placement-right picture:after {
        background: linear-gradient(-90deg, var(--ds-overlay-from) 20%, var(--ds-overlay-to))
    }
    .ds-banner.-image-overlay.-placement-center picture:after {
        background: linear-gradient(90deg, var(--ds-overlay-to), var(--ds-overlay-from) 35%, var(--ds-overlay-from) 65%, var(--ds-overlay-to))
    }
    .ds-banner>.ds-banner--inside,
    .ds-banner>a>picture+.ds-banner--inside,
    .ds-banner>picture+.ds-banner--inside {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .ds-banner .ds-banner--copy {
        padding: var(--spacing-m, 24px) var(--spacing-l, 32px);
        min-width: 30%
    }
}

@media (min-width:1024px) and (min-width:1024px) {
    .ds-banner .ds-banner--copy {
        max-width: 40%
    }
}

@media (min-width:1024px) {
    .ds-banner.-image-placement-bottom,
    .ds-banner.-image-placement-left,
    .ds-banner.-image-placement-right,
    .ds-banner.-image-placement-top {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .ds-banner.-image-placement-bottom>.ds-banner--inside .ds-banner--copy,
    .ds-banner.-image-placement-bottom>a>picture+.ds-banner--inside .ds-banner--copy,
    .ds-banner.-image-placement-bottom>picture+.ds-banner--inside .ds-banner--copy,
    .ds-banner.-image-placement-left>.ds-banner--inside .ds-banner--copy,
    .ds-banner.-image-placement-left>a>picture+.ds-banner--inside .ds-banner--copy,
    .ds-banner.-image-placement-left>picture+.ds-banner--inside .ds-banner--copy,
    .ds-banner.-image-placement-right>.ds-banner--inside .ds-banner--copy,
    .ds-banner.-image-placement-right>a>picture+.ds-banner--inside .ds-banner--copy,
    .ds-banner.-image-placement-right>picture+.ds-banner--inside .ds-banner--copy,
    .ds-banner.-image-placement-top>.ds-banner--inside .ds-banner--copy,
    .ds-banner.-image-placement-top>a>picture+.ds-banner--inside .ds-banner--copy,
    .ds-banner.-image-placement-top>picture+.ds-banner--inside .ds-banner--copy {
        width: 100%
    }
    .ds-banner>a+.ds-banner--inside {
        pointer-events: none
    }
    .ds-banner>a+.ds-banner--inside .ds-banner--button-wrapper a {
        pointer-events: all
    }
    .ds-banner.-image-placement-bottom {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
    .ds-banner.-image-placement-left,
    .ds-banner.-image-placement-right {
        -ms-flex-direction: row;
        flex-direction: row;
        grid-gap: var(--spacing-m, 24px);
        -ms-flex-align: center;
        align-items: center
    }
    .ds-banner.-image-placement-left>*,
    .ds-banner.-image-placement-right>* {
        -ms-flex: 1;
        flex: 1
    }
    .ds-banner.-image-placement-right {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
    .ds-banner>a,
    .ds-banner picture {
        grid-area: 1/1/3/3;
        height: 100%;
        width: 100%
    }
    .ds-banner>a img,
    .ds-banner picture img {
        height: 100%;
        width: 100%;
        object-fit: cover
    }
    .ds-banner .ds-banner--inside {
        grid-area: 1/1/3/3;
        position: relative;
        inset: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: center;
        justify-content: center;
        z-index: 1;
        text-align: left
    }
    .ds-banner.-placement-center .ds-banner--inside {
        -ms-flex-align: center;
        align-items: center;
        text-align: center
    }
    .ds-banner.-placement-right .ds-banner--inside {
        -ms-flex-align: end;
        align-items: flex-end
    }
    .ds-banner.-placement-left .ds-banner--inside,
    .ds-banner.-placement-null .ds-banner--inside {
        -ms-flex-align: start;
        align-items: flex-start
    }
    .ds-banner.-placement-middle .ds-banner--inside {
        -ms-flex-pack: center;
        justify-content: center
    }
    .ds-banner.-placement-top .ds-banner--inside {
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .ds-banner.-placement-bottom .ds-banner--inside {
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media (max-width:1023px) {
    .ds-banner.-image-placement-behind-m {
        position: relative;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
        -ms-grid-rows: (auto)[2];
        grid-template-rows: repeat(2, auto);
        -ms-flex-align: center;
        align-items: center
    }
    .ds-banner.-image-placement-behind-m>a,
    .ds-banner.-image-placement-behind-m picture {
        grid-area: 1/1/3/3;
        height: 100%;
        width: 100%
    }
    .ds-banner.-image-placement-behind-m>a img,
    .ds-banner.-image-placement-behind-m picture img {
        height: 100%;
        width: 100%;
        object-fit: cover
    }
    .ds-banner.-image-placement-behind-m .ds-banner--inside {
        grid-area: 1/1/3/3;
        position: relative;
        inset: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        z-index: 1
    }
}

.ds-banner.-image-fill picture {
    overflow: hidden
}

.ds-banner.-image-fill picture img,
.ds-banner.-image-fill picture video {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    object-fit: cover;
    max-width: none;
    max-height: none
}

@media (max-width:1023px) {
    .ds-banner.-darkmode-m {
        --ds-overlay-from: rgba(34, 34, 34, .9);
        --ds-overlay-to: rgba(34, 34, 34, 0);
        color: #fff;
        background-color: var(--c-bg-contrast)
    }
    .ds-banner .ds-banner--copy {
        padding: var(--spacing-s, 16px);
        text-align: center
    }
}

@media (min-width:1024px) {
    .ds-banner[data-copydfont*=Condensed] .ds-banner--body,
    .ds-banner[data-headlinedfont*=Condensed] .ds-banner--headline,
    .ds-banner[data-subheadlinedfont*=Condensed] .ds-banner--subheadline {
        font-stretch: condensed
    }
}

@media (max-width:1023px) {
    .ds-banner[data-copymfont*=Condensed] .ds-banner--body,
    .ds-banner[data-headlinemfont*=Condensed] .ds-banner--headline,
    .ds-banner[data-subheadlinemfont*=Condensed] .ds-banner--subheadline {
        font-stretch: condensed
    }
}

@media (min-width:1024px) {
    .ds-banner[data-copydfont*=Compressed] .ds-banner--body,
    .ds-banner[data-headlinedfont*=Compressed] .ds-banner--headline,
    .ds-banner[data-subheadlinedfont*=Compressed] .ds-banner--subheadline {
        font-stretch: extra-condensed
    }
}

@media (max-width:1023px) {
    .ds-banner[data-copymfont*=Compressed] .ds-banner--body,
    .ds-banner[data-headlinemfont*=Compressed] .ds-banner--headline,
    .ds-banner[data-subheadlinemfont*=Compressed] .ds-banner--subheadline {
        font-stretch: extra-condensed
    }
}

@media (min-width:1024px) {
    .ds-banner[data-copydfont*=Wide] .ds-banner--body,
    .ds-banner[data-headlinedfont*=Wide] .ds-banner--headline,
    .ds-banner[data-subheadlinedfont*=Wide] .ds-banner--subheadline {
        font-stretch: expanded
    }
}

@media (max-width:1023px) {
    .ds-banner[data-copymfont*=Wide] .ds-banner--body,
    .ds-banner[data-headlinemfont*=Wide] .ds-banner--headline,
    .ds-banner[data-subheadlinemfont*=Wide] .ds-banner--subheadline {
        font-stretch: expanded
    }
}

@media (min-width:1024px) {
    .ds-banner[data-copydfont*=ExtraWide] .ds-banner--body,
    .ds-banner[data-headlinedfont*=ExtraWide] .ds-banner--headline,
    .ds-banner[data-subheadlinedfont*=ExtraWide] .ds-banner--subheadline {
        font-stretch: extra-expanded
    }
}

@media (max-width:1023px) {
    .ds-banner[data-copymfont*=ExtraWide] .ds-banner--body,
    .ds-banner[data-headlinemfont*=ExtraWide] .ds-banner--headline,
    .ds-banner[data-subheadlinemfont*=ExtraWide] .ds-banner--subheadline {
        font-stretch: extra-expanded
    }
}

@media (min-width:1024px) {
    .ds-banner[data-copydweight*=black] .ds-banner--body,
    .ds-banner[data-headlinedweight*=black] .ds-banner--headline,
    .ds-banner[data-subheadlinedweight*=black] .ds-banner--subheadline {
        font-weight: 900
    }
}

@media (max-width:1023px) {
    .ds-banner[data-copymweight*=black] .ds-banner--body,
    .ds-banner[data-headlinemweight*=black] .ds-banner--headline,
    .ds-banner[data-subheadlinemweight*=black] .ds-banner--subheadline {
        font-weight: 900
    }
}

@media (min-width:1024px) {
    .ds-banner[data-copydweight*=extra] .ds-banner--body,
    .ds-banner[data-headlinedweight*=extra] .ds-banner--headline,
    .ds-banner[data-subheadlinedweight*=extra] .ds-banner--subheadline {
        font-weight: 800
    }
}

@media (max-width:1023px) {
    .ds-banner[data-copymweight*=extra] .ds-banner--body,
    .ds-banner[data-headlinemweight*=extra] .ds-banner--headline,
    .ds-banner[data-subheadlinemweight*=extra] .ds-banner--subheadline {
        font-weight: 800
    }
}

@media (min-width:1024px) {
    .ds-banner[data-copydweight*=bold] .ds-banner--body,
    .ds-banner[data-headlinedweight*=bold] .ds-banner--headline,
    .ds-banner[data-subheadlinedweight*=bold] .ds-banner--subheadline {
        font-weight: 700
    }
}

@media (max-width:1023px) {
    .ds-banner[data-copymweight*=bold] .ds-banner--body,
    .ds-banner[data-headlinemweight*=bold] .ds-banner--headline,
    .ds-banner[data-subheadlinemweight*=bold] .ds-banner--subheadline {
        font-weight: 700
    }
}

@media (min-width:1024px) {
    .ds-banner[data-copydweight*=light] .ds-banner--body,
    .ds-banner[data-headlinedweight*=light] .ds-banner--headline,
    .ds-banner[data-subheadlinedweight*=light] .ds-banner--subheadline {
        font-weight: light
    }
}

@media (max-width:1023px) {
    .ds-banner[data-copymweight*=light] .ds-banner--body,
    .ds-banner[data-headlinemweight*=light] .ds-banner--headline,
    .ds-banner[data-subheadlinemweight*=light] .ds-banner--subheadline {
        font-weight: light
    }
}

@media (max-width:1023px) {
    .ds-banner[data-headlinemfont*=Roc] .ds-banner--button-wrapper .btn {
        text-transform: none
    }
}

@media (min-width:1024px) {
    .ds-banner[data-headlinedfont*=Roc] .ds-banner--button-wrapper .btn {
        text-transform: none
    }
}

@media (min-width:1024px) {
    .ds-banner[data-copydfont*=Avant] .ds-banner--body,
    .ds-banner[data-headlinedfont*=Avant] .ds-banner--button-wrapper .btn,
    .ds-banner[data-headlinedfont*=Avant] .ds-banner--headline,
    .ds-banner[data-subheadlinedfont*=Avant] .ds-banner--subheadline {
        font-family: var(--font-avant)
    }
}

@media (max-width:1023px) {
    .ds-banner[data-copymfont*=Avant] .ds-banner--body,
    .ds-banner[data-headlinemfont*=Avant] .ds-banner--button-wrapper .btn,
    .ds-banner[data-headlinemfont*=Avant] .ds-banner--headline,
    .ds-banner[data-subheadlinemfont*=Avant] .ds-banner--subheadline {
        font-family: var(--font-avant)
    }
}

@media (min-width:1024px) {
    .ds-banner[data-copydfont*=Helvetica] .ds-banner--body,
    .ds-banner[data-headlinedfont*=Helvetica] .ds-banner--headline,
    .ds-banner[data-subheadlinedfont*=Helvetica] .ds-banner--subheadline {
        font-family: var(--font-helvetica)
    }
}

@media (max-width:1023px) {
    .ds-banner[data-copymfont*=Helvetica] .ds-banner--body,
    .ds-banner[data-headlinemfont*=Helvetica] .ds-banner--headline,
    .ds-banner[data-subheadlinemfont*=Helvetica] .ds-banner--subheadline {
        font-family: var(--font-helvetica)
    }
}

@media (min-width:1024px) {
    .ds-banner[data-ht-d*=accent] .ds-banner--headline {
        color: var(--c-accent-safe)
    }
}

@media (max-width:1023px) {
    .ds-banner[data-ht-m*=accent] .ds-banner--headline {
        color: var(--c-accent-safe)
    }
}

@media (min-width:1024px) {
    .ds-banner[data-ht-d*=periwinkle] .ds-banner--headline {
        color: var(--c-periwinkle)
    }
}

@media (max-width:1023px) {
    .ds-banner[data-ht-m*=periwinkle] .ds-banner--headline {
        color: var(--c-periwinkle)
    }
}

@media (min-width:1024px) {
    .ds-banner[data-ht-d*=matcha] .ds-banner--headline {
        color: var(--c-matcha)
    }
}

@media (max-width:1023px) {
    .ds-banner[data-ht-m*=matcha] .ds-banner--headline {
        color: var(--c-matcha)
    }
}

@media (min-width:1024px) {
    .ds-banner[data-ht-d*=tangerine] .ds-banner--headline {
        color: var(--c-tangerine)
    }
}

@media (max-width:1023px) {
    .ds-banner[data-ht-m*=tangerine] .ds-banner--headline {
        color: var(--c-tangerine)
    }
}

@media (min-width:1024px) {
    .ds-banner[data-ht-d*=contrast] .ds-banner--headline {
        color: var(--c-em-high)
    }
}

@media (max-width:1023px) {
    .ds-banner[data-ht-m*=contrast] .ds-banner--headline {
        color: var(--c-em-high)
    }
}

@media (min-width:1024px) {
    .ds-banner[data-cta-d*=accent] .ds-banner--button-wrapper .btn {
        border-color: var(--c-button-border);
        background-color: var(--c-button);
        color: var(--c-button-copy)
    }
    .ds-banner[data-cta-d*=accent] .ds-banner--button-wrapper .btn:hover {
        background-color: var(--c-button-hover);
        border-color: var(--c-button-hover-border);
        color: var(--c-button-hover-copy)
    }
}

@media (max-width:1023px) {
    .ds-banner[data-cta-m*=accent] .ds-banner--button-wrapper .btn {
        border: 2px solid var(--c-button-border);
        background-color: var(--c-button);
        color: var(--c-button-copy)
    }
    .ds-banner[data-cta-m*=accent] .ds-banner--button-wrapper .btn:hover {
        background-color: var(--c-button-hover);
        border-color: var(--c-button-hover-border);
        color: var(--c-button-hover-copy)
    }
}

@media (min-width:1024px) {
    .ds-banner[data-cta-d*=high-contrast] .ds-banner--button-wrapper .btn {
        border: 2px solid var(--c-em-full);
        background-color: var(--c-em-full);
        color: var(--c-em-full-contrast)
    }
    .ds-banner[data-cta-d*=high-contrast] .ds-banner--button-wrapper .btn:hover {
        border-color: var(--c-button-border--hc-hover);
        background-color: var(--c-button--hc-hover);
        color: var(--c-button-copy--hc-hover)
    }
}

@media (max-width:1023px) {
    .ds-banner[data-cta-m*=high-contrast] .ds-banner--button-wrapper .btn {
        border: 2px solid var(--c-em-full);
        background-color: var(--c-em-full);
        color: var(--c-em-full-contrast)
    }
    .ds-banner[data-cta-m*=high-contrast] .ds-banner--button-wrapper .btn:hover {
        border-color: var(--c-button-border--hc-hover);
        background-color: var(--c-button--hc-hover);
        color: var(--c-button-copy--hc-hover)
    }
}

.ds-slideshow,
.ds-slideshow.slick-dotted.slick-slider {
    margin: 0 0 -8px
}

.ds-slideshow.slick-dotted.slick-slider[data-count="1"],
.ds-slideshow[data-count="1"] {
    margin-bottom: 0
}

.ds-slideshow:not(.slick-initialized) .ds-slideshow--item+.ds-slideshow--item {
    display: none
}

.ds-slideshow .slick-dots {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    width: fit-content
}

@media (min-width:1024px) {
    .ds-slideshow .slick-dots {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 6%
    }
}

@media (max-width:1023px) {
    .ds-slideshow .slick-dots {
        position: relative;
        -ms-flex-align: center;
        bottom: 0;
        margin: 0 auto 24px;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        padding-left: var(--side-offset);
        padding-right: var(--side-offset)
    }
}

.ds-slideshow .slick-dots li {
    width: 80px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

@media (max-width:1023px) {
    .ds-slideshow .slick-dots li {
        width: auto;
        max-width: 80px;
        -ms-flex: 1;
        flex: 1
    }
}

.ds-slideshow .slick-dots li button {
    width: 100%;
    height: 100%;
    background: transparent;
    border: none;
    font-size: 0;
    position: relative;
    outline: none
}

.ds-slideshow .slick-dots li button:before {
    position: absolute;
    top: 0;
    height: 3px;
    width: 100%;
    color: transparent;
    font-size: 0;
    border-radius: 2px;
    opacity: 1;
    background-color: var(--c-em-2xlow-contrast)
}

@media (max-width:1023px) {
    .ds-slideshow .slick-dots li button:before {
        top: 50%;
        background-color: var(--c-em-2xlow)
    }
}

@supports ((-webkit-backdrop-filter:none) or (backdrop-filter:none)) {
    .ds-slideshow .slick-dots li button:before {
        backdrop-filter: saturate(180%) blur(20px);
        -webkit-backdrop-filter: saturate(180%) blur(20px)
    }
}

.ds-slideshow .slick-dots li.slick-active button:before {
    background-color: var(--c-em-med-contrast)
}

@media (max-width:1023px) {
    .ds-slideshow .slick-dots li.slick-active button:before {
        background-color: var(--c-em-med)
    }
}

.ds-stack.-dynamic {
    --ds-banner-spacing: 8px;
    --ds-banner-radius: 11px;
    display: -ms-grid;
    display: grid;
    gap: var(--ds-banner-spacing)
}

@media (min-width:1024px) {
    .ds-stack.-dynamic {
        --ds-banner-spacing: 16px;
        padding: 0 24px var(--ds-banner-spacing);
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }
    .ds-stack.-dynamic .ds-banner {
        border-radius: var(--ds-banner-radius);
        overflow: hidden
    }
    .ds-stack.-dynamic .ds-banner.-placement-left picture img,
    .ds-stack.-dynamic .ds-banner.-placement-null picture img {
        object-position: center right
    }
    .ds-stack.-dynamic .ds-banner.-placement-right picture img {
        object-position: center left
    }
    .ds-stack.-dynamic .ds-banner.-placement-center picture img {
        object-position: center center
    }
    .ds-stack.-dynamic .ds-banner>a .ds-banner--picture {
        clip-path: inset(0 round var(--ds-banner-radius));
        display: block;
        overflow: hidden;
        transition: .16s ease-out
    }
    .ds-stack.-dynamic .ds-banner:hover>a .ds-banner--picture {
        clip-path: inset(4px 8px round var(--ds-banner-radius))
    }
    .ds-stack.-dynamic .ds-banner .ds-banner--copy {
        max-width: 46%
    }
    .ds-stack.-dynamic[data-count="1"] .ds-slideshow--item:first-of-type,
    .ds-stack.-dynamic[data-count="3"] .ds-slideshow--item:first-of-type,
    .ds-stack.-dynamic[data-count="5"] .ds-slideshow--item:first-of-type,
    .ds-stack.-dynamic[data-count="7"] .ds-slideshow--item:first-of-type,
    .ds-stack.-dynamic[data-count="9"] .ds-slideshow--item:first-of-type,
    .ds-stack.-dynamic[data-count="11"] .ds-slideshow--item:first-of-type,
    .ds-stack.-dynamic[data-count="13"] .ds-slideshow--item:first-of-type,
    .ds-stack.-dynamic[data-count="15"] .ds-slideshow--item:first-of-type {
        grid-column: 1/-1
    }
    .ds-stack.-dynamic[data-count="1"] .ds-slideshow--item:first-of-type .ds-banner .ds-banner--copy,
    .ds-stack.-dynamic[data-count="3"] .ds-slideshow--item:first-of-type .ds-banner .ds-banner--copy,
    .ds-stack.-dynamic[data-count="5"] .ds-slideshow--item:first-of-type .ds-banner .ds-banner--copy,
    .ds-stack.-dynamic[data-count="7"] .ds-slideshow--item:first-of-type .ds-banner .ds-banner--copy,
    .ds-stack.-dynamic[data-count="9"] .ds-slideshow--item:first-of-type .ds-banner .ds-banner--copy,
    .ds-stack.-dynamic[data-count="11"] .ds-slideshow--item:first-of-type .ds-banner .ds-banner--copy,
    .ds-stack.-dynamic[data-count="13"] .ds-slideshow--item:first-of-type .ds-banner .ds-banner--copy,
    .ds-stack.-dynamic[data-count="15"] .ds-slideshow--item:first-of-type .ds-banner .ds-banner--copy {
        max-width: 30%
    }
    .ds-stack.-dynamic[data-large=false] .ds-slideshow--item .ds-banner .ds-banner--copy {
        --f-2xl: 24px;
        --f-xl: 20px
    }
    .ds-stack.-dynamic[data-large=false] .ds-slideshow--item .ds-banner .ds-banner--copy .ds-banner--headline {
        font-size: 24px
    }
    .ds-stack.-dynamic[data-large=false] .ds-slideshow--item .ds-banner .ds-banner--copy .ds-banner--subheadline {
        font-size: var(--f-l, 18px)
    }
    .ds-stack.-dynamic[data-large=false] .ds-slideshow--item .ds-banner .ds-banner--copy .ds-banner--body {
        font-size: var(--f-m, 16px)
    }
}

.promo-page-container {
    background-color: #f7f9fa;
    padding: 30px
}

@media (max-width:1199.98px) {
    .promo-page-container {
        padding: 10px
    }
}

.promo-page-container .promo-code-container {
    margin: 0 auto;
    max-width: 100%;
    width: 700px
}

@media (max-width:1199.98px) {
    .promo-page-container .promo-code-container {
        width: 100%
    }
}

.promo-page-container .promo-code-container .promo-message-title {
    font-size: var(--f-xl, 20px)
}

.promo-page-container .promo-code-container .promo-code-area {
    margin-bottom: 0;
    padding-bottom: 1rem
}

.promo-page-container .promo-code-container .coupon-error-message {
    color: red
}

.promo-page-container .promo-code-container .coupon-link-home {
    color: #0073ae;
    text-decoration: underline
}

@media (max-width:1199.98px) {
    .promo-page-container .promo-code-container .coupon-code-field {
        margin-bottom: 30px
    }
}

.promo-page-container .coupon-applied {
    font-size: var(--f-xs, .75rem);
    line-height: .875rem;
    color: #1c9829;
    font-family: var(--font-headline);
    font-weight: 400
}

.promo-page-body {
    padding: 30px
}

.header-topstrip {
    position: relative;
    background-color: var(--c-topstrip-bg, #f5f5f5);
    color: var(--c-topstrip, #000);
    padding: 0 calc(var(--side-offset, 16px) + 16px) 0 var(--side-offset, 16px);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 36px
}

.header-topstrip:not(:has(>.-content>div)) {
    display: none !important
}

.header-topstrip * {
    color: inherit;
    font-family: var(--font-body, inherit);
    font-size: var(--f-s, 14px)
}

.header-topstrip a {
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 2px
}

.header-topstrip .-content {
    display: -ms-flexbox;
    display: flex;
    column-gap: var(--spacing-m, 24px);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
    max-width: 100%;
    text-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header-topstrip .-content .slick-list,
.header-topstrip .-content .slick-track {
    min-width: 100%
}

.header-topstrip .-content .slick-track {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header-topstrip .-content .slick-slide {
    padding-inline: var(--spacing-m, 24px)
}

@media (max-width:600px) {
    .header-topstrip .-content .slick-slide {
        padding-right: 0
    }
    .header-topstrip .-content .slick-slide>div {
        min-height: 52px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (min-width:1801px) {
    .header-topstrip .-content .slick-slide {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative
    }
    .header-topstrip .-content .slick-slide:not(:first-of-type):before {
        content: "|";
        display: inline-block;
        position: absolute;
        left: 0
    }
}

.header-topstrip .-content .slick-arrow {
    font-size: 0;
    bottom: 2px;
    top: auto;
    transform: none
}

.header-topstrip .-content .slick-arrow:before {
    font-size: 20px;
    font-family: var(--font-icon, "Material Symbols Outlined");
    color: inherit
}

.header-topstrip .-content .slick-arrow:hover:before {
    color: var(--c-accent)
}

.header-topstrip .-content .slick-arrow:active,
.header-topstrip .-content .slick-arrow:focus-visible,
.header-topstrip .-content .slick-arrow[aria-pressed=true] {
    outline: thin solid var(--c-accent);
    outline-offset: 0
}

.header-topstrip .-content .slick-prev {
    left: 0
}

.header-topstrip .-content .slick-prev:before {
    content: "chevron_left"
}

.header-topstrip .-content .slick-next {
    right: 0
}

@media (max-width:600px) {
    .header-topstrip .-content .slick-next {
        right: -29px
    }
}

.header-topstrip .-content .slick-next:before {
    content: "chevron_right"
}

.header-topstrip .ds-icon[data-icon=close] {
    margin-right: -20px;
    font-size: var(--f-xs, 12px);
    position: absolute;
    top: 0;
    right: var(--side-offset)
}

.header-topstrip .banner-asset {
    display: inline-block
}

@media (min-width:1024px) {
    .header-topstrip:not([data-mode=carousel]) .slick-slide:not(:first-child) {
        border-left: thin solid var(--c-em-full)
    }
}

@media (min-width:1440px) {
    .header-topstrip:not([data-mode=carousel]) .slick-slide {
        width: auto !important;
        max-width: 33vw
    }
}

.js-playback {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 48px;
    aspect-ratio: 1/1;
    position: absolute;
    top: var(--spacing-s);
    right: var(--spacing-s);
    z-index: 9;
    pointer-events: all;
    color: var(--c-em-full);
    border: 0;
    outline: 0;
    background-color: transparent;
    cursor: pointer
}

.js-playback[data-state=paused]:before {
    content: "play_arrow"
}

.js-playback:before {
    font-family: var(--font-icon);
    font-weight: 400;
    font-style: normal;
    font-size: 1em;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    vertical-align: sub;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    transition: transform var(--ds-transition);
    will-change: transform clip-path;
    content: "pause";
    font-size: 28px;
    font-variation-settings: "FILL" 1
}

.js-playback:hover:before {
    background: var(--c-button);
    color: var(--c-button-copy)
}

.ds-slideshow[data-slider-theme],
[data-slider-theme] {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: var(--side-offset) 22px 22px 1fr var(--side-offset);
    grid-template-columns: var(--side-offset) 22px 22px 1fr var(--side-offset);
    -ms-grid-rows: 1fr 36px;
    grid-template-rows: 1fr 36px;
    column-gap: 0
}

.ds-slideshow[data-slider-theme] .slick-list,
[data-slider-theme] .slick-list {
    -ms-grid-row: 1;
    grid-row: 1;
    grid-column: 1/-1
}

.ds-slideshow[data-slider-theme]:not(.slick-vertical) .slick-track,
[data-slider-theme]:not(.slick-vertical) .slick-track {
    display: -ms-flexbox !important;
    display: flex !important
}

.ds-slideshow[data-slider-theme]:not(.slick-vertical) .slick-track .slick-slide,
[data-slider-theme]:not(.slick-vertical) .slick-track .slick-slide {
    height: inherit !important
}

.ds-slideshow[data-slider-theme] .ds-banner,
[data-slider-theme] .ds-banner {
    min-height: 100%
}

.ds-slideshow[data-slider-theme] .slick-next,
.ds-slideshow[data-slider-theme] .slick-prev,
[data-slider-theme] .slick-next,
[data-slider-theme] .slick-prev {
    all: unset;
    cursor: pointer;
    font-size: 0;
    margin-top: 5px;
    min-width: 22px;
    max-width: 22px;
    -ms-grid-row: 2;
    grid-row: 2;
    z-index: 1
}

.ds-slideshow[data-slider-theme] .slick-next:before,
.ds-slideshow[data-slider-theme] .slick-prev:before,
[data-slider-theme] .slick-next:before,
[data-slider-theme] .slick-prev:before {
    font-size: 38px;
    color: var(--c-em-full);
    text-shadow: none;
    font-family: var(--font-icon);
    transform: translate(-7px, -5px);
    display: block
}

.ds-slideshow[data-slider-theme] .slick-prev,
[data-slider-theme] .slick-prev {
    -ms-flex-order: -200;
    order: -200;
    -ms-grid-column: 2;
    grid-column: 2
}

.ds-slideshow[data-slider-theme] .slick-prev:before,
[data-slider-theme] .slick-prev:before {
    content: "chevron_left"
}

.ds-slideshow[data-slider-theme] .slick-next,
[data-slider-theme] .slick-next {
    -ms-flex-order: -100;
    order: -100;
    -ms-grid-column: 3;
    grid-column: 3
}

.ds-slideshow[data-slider-theme] .slick-next:before,
[data-slider-theme] .slick-next:before {
    content: "chevron_right"
}

.ds-slideshow[data-slider-theme] .slick-dots,
[data-slider-theme] .slick-dots {
    all: unset;
    position: static;
    -ms-grid-row: 2;
    grid-row: 2;
    -ms-grid-column: 4;
    grid-column: 4;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    width: unset;
    padding-left: var(--spacing-m);
    list-style: none
}

.ds-slideshow[data-slider-theme] .slick-dots li,
[data-slider-theme] .slick-dots li {
    -ms-flex: 1;
    flex: 1;
    padding: 16px 0;
    margin-inline: 0;
    max-width: none
}

.ds-slideshow[data-slider-theme] .slick-dots li button,
[data-slider-theme] .slick-dots li button {
    border: 0;
    background-color: var(--c-em-2xlow);
    width: 100%;
    min-width: 100%;
    height: 2px;
    border-radius: 0;
    font-size: 0;
    padding: 0
}

.ds-slideshow[data-slider-theme] .slick-dots li:hover button,
[data-slider-theme] .slick-dots li:hover button {
    background-color: var(--c-em-low)
}

.ds-slideshow[data-slider-theme] .slick-dots li.slick-active button,
[data-slider-theme] .slick-dots li.slick-active button {
    background-color: var(--c-em-full)
}

.ds-slideshow[data-slider-theme] .slick-dots li:first-child:last-child,
[data-slider-theme] .slick-dots li:first-child:last-child {
    display: none
}

.ds-slideshow[data-slider-theme].-hp,
[data-slider-theme].-hp {
    -ms-grid-columns: 32px 40px 40px 1fr 32px;
    grid-template-columns: 32px 40px 40px 1fr 32px;
    -ms-grid-rows: 1fr 36px 16px;
    grid-template-rows: 1fr 36px 16px;
    width: 100%
}

.ds-slideshow[data-slider-theme].-hp .slick-dots:before,
.ds-slideshow[data-slider-theme].-hp .slick-next:before,
.ds-slideshow[data-slider-theme].-hp .slick-prev:before,
[data-slider-theme].-hp .slick-dots:before,
[data-slider-theme].-hp .slick-next:before,
[data-slider-theme].-hp .slick-prev:before {
    color: var(--c-em-full);
    transition: .16s ease-out
}

.ds-slideshow[data-slider-theme].-hp .slick-prev,
[data-slider-theme].-hp .slick-prev {
    padding-left: 0;
    -ms-grid-column: 2;
    grid-column: 2
}

.ds-slideshow[data-slider-theme].-hp .slick-next,
[data-slider-theme].-hp .slick-next {
    -ms-grid-column: 3;
    grid-column: 3
}

.ds-slideshow[data-slider-theme].-hp .slick-dots,
[data-slider-theme].-hp .slick-dots {
    margin-left: 16px;
    padding-left: 0;
    margin-right: 0;
    padding-right: 0;
    -ms-grid-column: 4;
    grid-column: 4
}

.ds-slideshow[data-slider-theme].-hp .slick-dots:hover button,
.ds-slideshow[data-slider-theme].-hp .slick-dots button,
[data-slider-theme].-hp .slick-dots:hover button,
[data-slider-theme].-hp .slick-dots button {
    background-color: var(--c-em-xlow)
}

.ds-slideshow[data-slider-theme].-hp .slick-dots li.slick-active button,
[data-slider-theme].-hp .slick-dots li.slick-active button {
    background-color: var(--c-em-high)
}

.ds-slideshow[data-slider-theme].-hp[data-slider-theme=b] li.slick-active button,
[data-slider-theme].-hp[data-slider-theme=b] li.slick-active button {
    background-color: transparent
}

.ds-slideshow[data-slider-theme].-hp[data-slider-theme=a] .slick-dots button:before,
[data-slider-theme].-hp[data-slider-theme=a] .slick-dots button:before {
    display: none
}

.ds-slideshow[data-slider-theme]:not(.slick-initialized),
[data-slider-theme]:not(.slick-initialized) {
    display: block
}

.ds-slideshow[data-slider-theme][data-slider-theme=b] .slick-dots,
[data-slider-theme][data-slider-theme=b] .slick-dots {
    z-index: 1
}

.ds-slideshow[data-slider-theme][data-slider-theme=b] .slick-dots li,
[data-slider-theme][data-slider-theme=b] .slick-dots li {
    all: unset;
    display: none
}

.ds-slideshow[data-slider-theme][data-slider-theme=b] .slick-dots li button,
[data-slider-theme][data-slider-theme=b] .slick-dots li button {
    all: unset
}

.ds-slideshow[data-slider-theme][data-slider-theme=b] .slick-dots li.slick-active,
[data-slider-theme][data-slider-theme=b] .slick-dots li.slick-active {
    display: -ms-flexbox;
    display: flex;
    font-size: 0;
    height: 36px;
    -ms-flex-align: center;
    align-items: center
}

.ds-slideshow[data-slider-theme][data-slider-theme=b] .slick-dots li.slick-active button:before,
[data-slider-theme][data-slider-theme=b] .slick-dots li.slick-active button:before {
    all: unset;
    content: attr(aria-label);
    font-size: var(--f-m);
    color: var(--c-em-full)
}

.ds-slideshow[data-slider-theme][data-slider-theme=c],
[data-slider-theme][data-slider-theme=c] {
    -ms-grid-columns: var(--side-offset) 22px 1fr 22px var(--side-offset);
    grid-template-columns: var(--side-offset) 22px 1fr 22px var(--side-offset);
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr
}

.ds-slideshow[data-slider-theme][data-slider-theme=c] .slick-list,
[data-slider-theme][data-slider-theme=c] .slick-list {
    grid-column: 2/-2
}

.ds-slideshow[data-slider-theme][data-slider-theme=c] .slick-prev,
[data-slider-theme][data-slider-theme=c] .slick-prev {
    -ms-flex-order: -1;
    order: -1;
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 1;
    grid-row: 1
}

.ds-slideshow[data-slider-theme][data-slider-theme=c] .slick-next,
[data-slider-theme][data-slider-theme=c] .slick-next {
    -ms-flex-order: 1;
    order: 1;
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 1;
    grid-row: 1
}

html .ds-pd-slideshow .slides {
    position: relative;
    padding-bottom: 36px
}

html .ds-pd-slideshow .slides .slick-next,
html .ds-pd-slideshow .slides .slick-prev.slick-arrow {
    all: unset;
    cursor: pointer;
    font-size: 0;
    margin-top: 5px;
    min-width: 22px;
    max-width: 22px;
    -ms-grid-row: 2;
    grid-row: 2;
    z-index: 1;
    position: absolute;
    top: auto;
    bottom: 0;
    height: 32px;
    width: 32px;
    padding: 0;
    margin: 0;
    transform: none;
    transform-origin: center center
}

html .ds-pd-slideshow .slides .slick-next:before,
html .ds-pd-slideshow .slides .slick-prev.slick-arrow:before {
    all: unset;
    font-size: 38px;
    color: var(--c-em-full);
    text-shadow: none;
    font-family: var(--font-icon);
    transform: translate(-7px, -12px);
    display: block;
    font-weight: 300
}

html .ds-pd-slideshow .slides .slick-prev.slick-arrow {
    left: var(--side-offset)
}

html .ds-pd-slideshow .slides .slick-prev.slick-arrow:before {
    content: "chevron_left"
}

html .ds-pd-slideshow .slides .slick-next {
    left: calc(var(--side-offset) + 32px)
}

html .ds-pd-slideshow .slides .slick-next:before {
    content: "chevron_right"
}

html .ds-pd-slideshow .slides .slick-dots {
    position: absolute;
    left: var(--side-offset);
    top: auto;
    bottom: 0;
    height: 32px;
    right: var(--side-offset);
    padding: 0;
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    width: unset;
    padding-left: 4px;
    list-style: none
}

html .ds-pd-slideshow .slides .slick-dots li {
    -ms-flex: 1;
    flex: 1;
    padding: 16px 0;
    margin-inline: 0;
    max-width: none
}

html .ds-pd-slideshow .slides .slick-dots li button {
    border: 0;
    background-color: var(--c-em-2xlow);
    width: 100%;
    min-width: 100%;
    height: 2px;
    border-radius: 0;
    font-size: 0;
    padding: 0
}

html .ds-pd-slideshow .slides .slick-dots li:hover button {
    background-color: var(--c-em-low)
}

html .ds-pd-slideshow .slides .slick-dots li.slick-active button {
    background-color: var(--c-em-full)
}

html .ds-pd-slideshow .slides .slick-dots li:first-child:last-child {
    display: none
}

html .ds-pd-slideshow .slides .slick-next~.slick-dots {
    left: calc(var(--side-offset) + 64px)
}

.ds-slider {
    --control-item-height: 56px;
    --spv: 1;
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: (minmax(var(--control-item-height), auto))[2];
    grid-template-rows: repeat(2, minmax(var(--control-item-height), auto))
}

.ds-slider:has(.ds-slide:first-child:last-child) {
    -ms-grid-rows: auto;
    grid-template-rows: auto
}

.ds-slider .ds-slides {
    --scrollbar-color-track: transparent;
    --scrollbar-color-thumb: var(--c-em-full, #000);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow-x: auto;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: contain;
    padding-bottom: 16px;
    scroll-padding: .25px;
    max-width: 100vw
}

.ds-slider .ds-slides:after {
    content: "";
    display: block;
    height: 20px;
    min-width: calc(100% - (100%/var(--spv)));
    max-width: calc(100% - (100%/var(--spv)))
}

.ds-slider .ds-slides::-webkit-scrollbar {
    width: 0;
    height: 0
}

.ds-slider .ds-slides::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-color-thumb)
}

.ds-slider .ds-slides::-webkit-scrollbar-track {
    background-color: var(--scrollbar-color-track)
}

@supports (scrollbar-width:auto) {
    .ds-slider .ds-slides {
        padding-bottom: 0;
        scrollbar-color: var(--scrollbar-color-thumb) var(--scrollbar-color-track);
        scrollbar-width: none
    }
}

.ds-slider .ds-slides>* {
    scroll-snap-align: start
}

.ds-slider .ds-slides.-no-snap {
    -ms-scroll-snap-type: unset;
    scroll-snap-type: unset
}

.ds-slider.-no-overscroll .ds-slides:after {
    display: none
}

.ds-slider .ds-slider-controls {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 var(--side-offset, 32px);
    gap: var(--spacing-xs, 8px)
}

.ds-slider .ds-slider-controls:has(>ul) {
    width: 100%
}

.ds-slider:not(:has(.ds-slide[data-visible=no],
.ds-slide[data-visible=partial])) .ds-slider-controls {
    display: none
}

.ds-slider .ds-slider-arrow {
    all: unset;
    min-height: var(--control-item-height);
    background-color: transparent;
    border: 0;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    color: var(--c-em-full);
    transition: color .16s ease-in-out
}

.ds-slider .ds-slider-arrow:before {
    content: "keyboard_arrow_right";
    font-family: var(--font-icon);
    font-size: 32px
}

.ds-slider .ds-slider-arrow.ds-slider-prev {
    margin-left: -8px
}

.ds-slider .ds-slider-arrow.ds-slider-prev:before {
    content: "keyboard_arrow_left"
}

.ds-slider .ds-slider-arrow[disabled] {
    color: var(--c-em-xlow)
}

.ds-slider .ds-slider-dots {
    all: unset;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    --active-left: 0
}

.ds-slider .ds-slider-dots:before {
    content: " ";
    display: block;
    height: 3px;
    background-color: var(--c-em-full, #000);
    left: var(--active-left);
    width: Max(6%, var(--active-width));
    transition: .32s ease-in-out;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.ds-slider .ds-slider-dots>li {
    min-height: var(--control-item-height);
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    -ms-flex: 1;
    flex: 1
}

.ds-slider .ds-slider-dots button {
    cursor: pointer;
    border: 0;
    outline: 0;
    min-height: 3px;
    min-width: 2px;
    width: 100%;
    background-color: var(--c-em-2xlow, rgba(0, 0, 0, .32));
    transition: background-color .16s ease-in-out
}

.ds-slider .ds-slider-index {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: var(--control-item-height);
    margin-right: auto;
    padding-left: var(--spacing-xs, 8px);
    color: var(--c-em-full);
    transition: color .16s ease-in-out
}

.ds-slider :where(.ds-slide) {
    max-width: calc(100%/var(--spv));
    min-width: calc(100%/var(--spv));
    overflow: clip;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ds-slider :where(.ds-slide) :where(img,
video) {
    object-fit: cover;
    max-width: 100%;
    pointer-events: none
}

.ds-slider.-centermode .ds-slide {
    scroll-snap-align: center
}

.ds-slider.-centermode .ds-slider-controls {
    -ms-flex-pack: center;
    justify-content: center
}

.ds-slider.-centermode .ds-slider-controls>* {
    margin-inline: 0
}

.ds-slider.-centermode .ds-slides:before {
    scroll-snap-align: center;
    content: " ";
    display: block;
    height: 20px;
    max-width: calc(50% - (50% / var(--spv)));
    min-width: calc(50% - (50% / var(--spv)));
    overflow: clip;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ds-video-grid.ds-slider {
    --spv: 1.15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    content-visibility: auto;
    contain-intrinsic-size: auto 540px
}

.ds-video-grid.ds-slider:not(.ds-slider) {
    content-visibility: hidden
}

.ds-video-grid.ds-slider:has([data-index="1"]) .ds-slider-controls {
    display: -ms-flexbox;
    display: flex
}

.ds-video-grid.ds-slider .ds-slides {
    gap: 8px
}

@media (min-width:1024px) {
    .ds-video-grid.ds-slider {
        --spv: 1.5
    }
    .ds-video-grid.ds-slider .ds-slides {
        gap: 16px
    }
}

@media (min-width:1600px) {
    .ds-video-grid.ds-slider {
        --spv: 1.75
    }
}

.ds-video-grid.ds-slider .ds-slider-controls {
    -ms-flex-order: -1;
    order: -1;
    padding-bottom: var(--spacing-m)
}

.ds-video-grid.ds-slider .ds-slider-controls .ds-slider-next {
    -ms-flex-order: 2;
    order: 2
}

.pdp-video-content {
    padding-block: var(--spacing-xl);
    background-color: var(--c-canvas)
}

.pdp-video-content#pdp-videos {
    display: block !important
}

.pdp-video-content h2 {
    text-align: center;
    font-size: var(--f-h4);
    font-weight: 700;
    color: var(--c-em-full);
    padding-inline: var(--side-offset)
}

.ds-video-tile {
    position: relative;
    cursor: pointer
}

.ds-video-tile picture img {
    clip-path: inset(0);
    will-change: clip-path;
    transition: clip-path .08s ease .02s;
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover
}

.ds-slide-active .ds-video-tile picture img,
.ds-slide-before-active .ds-video-tile picture img {
    clip-path: inset(0)
}

.ds-video-tile:after {
    content: " ";
    width: 60px;
    height: 60px;
    background: 50% no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 48'%3E%3Cpath class='ytp-large-play-button-bg' d='M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z' fill='red'/%3E%3Cpath d='M45 24L27 14v20' fill='%23fff'/%3E%3C/svg%3E");
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 0
}

.ds-video-tile:hover:after {
    width: 56px;
    height: 56px
}

.ds-video-tile iframe,
.ds-video-tile video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    height: 100%;
    z-index: 1
}

.pdp-media {
    position: relative
}

.pdp-media>.harman-product-video-toggle-container {
    all: unset;
    position: absolute;
    bottom: 8px;
    right: var(--spacing-m);
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 28px
}

@media (min-width:600px) {
    .pdp-media>.harman-product-video-toggle-container {
        bottom: 20px
    }
}

@media (min-width:1024px) {
    .pdp-media>.harman-product-video-toggle-container {
        bottom: 70px
    }
}

@media (min-width:1200px) {
    .pdp-media>.harman-product-video-toggle-container {
        bottom: 100px
    }
}

.pdp-media>.harman-product-video-toggle-container .harman-product-video-toggle {
    padding-bottom: 15px;
    height: 30px;
    box-sizing: content-box;
    background-position-y: 0
}

@media (min-width:1024px) {
    #maincontent .product-detail.product-wrapper .pdp-media:has(>.harman-product-video-toggle-container) .carousel-container .slick-dots {
        padding-inline: 70px
    }
}

.pdp-media:has(>.harman-product-video-toggle-container) .carousel-container {
    min-height: auto
}

.ds-modal--checkbox {
    display: none
}

.ds-modal--checkbox:checked~.ds-modal,
.ds-modal--checkbox:checked~.ds-modal--background {
    display: block;
    content-visibility: visible
}

.ds-modal--background {
    background-color: var(--c-modal-bg, var(--c-em-med));
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9998
}

.ds-modal,
.ds-modal--background {
    position: fixed;
    display: none;
    content-visibility: hidden
}

.ds-modal {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: auto;
    width: clamp(280px, 96vw, 1440px);
    background-color: var(--c-modal, var(--c-canvas-full));
    color: var(--c-modal-copy, var(--c-em-full));
    box-sizing: border-box;
    z-index: 9999;
    cursor: default
}

.ds-modal .ds-icon {
    position: absolute;
    top: -8px;
    right: 0;
    z-index: 999
}

.ds-modal :where(h2) {
    font-size: var(--f-h6)
}

.ds-modal :where(h3) {
    font-size: var(--f-xl)
}

.ds-modal :where(h4) {
    font-size: var(--f-l)
}

.ds-modal--content {
    padding: var(--spacing-m);
    overflow-y: auto;
    max-height: clamp(280px, 96vh, 1440px);
    cursor: default
}

.ds-accordion {
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
    width: 100%;
    text-align: left;
    border-bottom: thin solid var(--c-em-full)
}

.ds-accordion,
.ds-accordion .ds-accordion-label {
    display: -ms-flexbox;
    display: flex;
    color: var(--c-em-full)
}

.ds-accordion .ds-accordion-label {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: var(--spacing-s) 0 var(--spacing-xs);
    cursor: pointer;
    font-family: var(--font-headline);
    font-size: var(--f-2xl);
    font-weight: 600;
    text-transform: uppercase;
    font-stretch: condensed;
    border-top: thin solid var(--c-em-full)
}

.ds-accordion input[type=checkbox]+.ds-accordion-label:after {
    all: revert;
    content: "+";
    margin-inline: auto 0;
    font-stretch: normal
}

.ds-accordion .ds-accordion-content {
    display: none;
    padding: 0;
    border-radius: 4px;
    transition: max-height .3s ease-in-out;
    color: var(--c-em-med)
}

.ds-accordion .ds-accordion-content p {
    max-width: unset
}

.ds-accordion input:checked+:where(.ds-accordion-label)+:where(.ds-accordion-content) {
    padding: 0 0 var(--spacing-xs);
    -ms-flex-align: start;
    align-items: start;
    display: -ms-grid;
    display: grid
}

.ds-accordion input:checked+.ds-accordion-label:after {
    content: "\2013"
}

.pdp-specs-and-downloads {
    padding: var(--spacing-3xl) var(--side-offset);
    background-color: var(--c-canvas-full);
    color: var(--c-em-full)
}

.pdp-specs-and-downloads .itemid,
.pdp-specs-and-downloads h2 {
    color: var(--c-em-full);
    font-family: var(--font-headline);
    font-size: var(--f-h4);
    text-align: center;
    justify-self: center;
    font-weight: 700;
    text-transform: uppercase;
    font-stretch: condensed
}

@media (max-width:1199.98px) {
    .pdp-specs-and-downloads .itemid,
    .pdp-specs-and-downloads h2 {
        text-align: left;
        margin-inline: 0 auto
    }
}

.pdp-specs-and-downloads h2 {
    margin-bottom: var(--spacing-m)
}

.pdp-specs-and-downloads .itemid {
    font-size: var(--f-2xl)
}

.pdp-specs-and-downloads .pdp-identifiers {
    color: var(--c-em-full);
    font-family: var(--font-headline);
    font-size: 24px;
    text-align: center;
    justify-self: center;
    font-weight: 700;
    text-transform: uppercase;
    font-stretch: condensed;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 24px;
    margin-bottom: var(--spacing-m)
}

@media (max-width:1199.98px) {
    .pdp-specs-and-downloads .pdp-identifiers {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (auto)[2];
        grid-template-columns: repeat(2, auto);
        -ms-grid-rows: (auto)[2];
        grid-template-rows: repeat(2, auto);
        column-gap: 0;
        row-gap: 8px;
        text-align: left;
        margin-inline: 0 auto;
        -ms-flex-pack: start;
        justify-content: start
    }
}

.pdp-specs-and-downloads .pdp-identifiers p {
    font: inherit;
    text-transform: inherit;
    text-align: left;
    display: block;
    gap: 0;
    margin: 0;
    line-height: var(--f-h-lh)
}

@media (max-width:1199.98px) {
    .pdp-specs-and-downloads .pdp-identifiers p {
        -ms-grid-column: span 2;
        grid-column: span 2;
        display: -ms-grid;
        display: grid;
        column-gap: 8px;
        -ms-grid-columns: (auto)[2];
        grid-template-columns: repeat(2, auto)
    }
    @supports (grid-template-columns:subgrid) {
        .pdp-specs-and-downloads .pdp-identifiers p {
            -ms-grid-columns: subgrid;
            grid-template-columns: subgrid
        }
    }
}

@media (min-width:1200px) {
    .pdp-specs-and-downloads .pdp-identifiers p.-ean:before {
        content: "|";
        color: var(--c-em-xlow);
        display: inline-block;
        margin-right: 20px
    }
}

.pdp-specs-and-downloads h3,
.pdp-specs-and-downloads h4 {
    color: var(--c-em-full);
    margin-block: 0 var(--spacing-s);
    font-family: var(--font-body);
    font-size: var(--f-m);
    text-transform: none
}

@media (min-width:1024px) {
    .pdp-specs-and-downloads h3,
    .pdp-specs-and-downloads h4 {
        font-size: var(--f-l)
    }
}

@media (min-width:900px) {
    .pdp-specs-and-downloads .ds-accordion-content:has(>img) {
        padding-right: 348px;
        position: relative;
        min-height: 290px
    }
    .pdp-specs-and-downloads .ds-accordion-content:has(>img)>img {
        position: absolute;
        width: 300px;
        max-width: 100%;
        top: -10px;
        right: 0;
        pointer-events: none
    }
}

.pdp-specs-and-downloads .ds-accordion-content:last-of-type {
    padding-bottom: var(--spacing-m)
}

.pdp-specs-and-downloads .ds-accordion-content p {
    color: var(--c-em-full)
}

.pdp-specs-and-downloads .ds-accordion-content[id*=documents] {
    gap: 8px
}

@media (min-width:1024px) {
    .pdp-specs-and-downloads .ds-accordion-content[id*=documents] {
        -ms-grid-columns: (minmax(0, 250px))[auto-fit];
        grid-template-columns: repeat(auto-fit, minmax(0, 250px));
        -ms-flex-align: unset;
        align-items: unset
    }
}

.ds-specs {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: var(--spacing-m);
    display: -ms-grid;
    display: grid;
    gap: 4px
}

@media (min-width:1024px) {
    .ds-specs {
        -ms-grid-columns: 400px 1fr;
        grid-template-columns: 400px 1fr
    }
}

.ds-specs dd,
.ds-specs dt {
    all: revert;
    word-break: break-word
}

.ds-specs dt {
    -ms-grid-column: 1;
    grid-column: 1;
    color: var(--c-em-full)
}

.ds-specs dt:has(+dt),
.ds-specs dt:last-child {
    grid-column: 1/-1
}

.ds-specs .ds-tooltip {
    margin-left: -4px
}

.ds-document-card,
.ds-specs .ds-tooltip {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.ds-document-card {
    position: relative;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: var(--c-canvas);
    padding: var(--spacing-s);
    border-radius: 8px;
    width: 100%;
    text-decoration: none;
    border: thin solid var(--c-canvas);
    color: var(--c-em-full)
}

.ds-document-card:after {
    content: " ";
    display: block;
    height: 24px;
    width: 24px;
    background-size: contain;
    position: absolute;
    bottom: var(--spacing-s);
    right: var(--spacing-s)
}

.ds-document-card[data-type]:after,
.ds-document-card[data-type]:focus:after,
.ds-document-card[data-type]:hover:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_14472_2714)' stroke='%23000' stroke-width='3.5'%3E%3Cpath d='M5.562 8.875l6.125 6.126 6.126-6.126' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M11.688 13.25V1' stroke-miterlimit='10' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M3 22.25h18'/%3E%3C/g%3E%3C/svg%3E")
}

.ds-document-card[data-type=pdf]:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cmask id='b' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='25'%3E%3Cpath d='M0 0h24v24H0V0z' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23b)' stroke='%23000' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15.75.704H4.97c-.777 0-1.407.63-1.407 1.406V21.89c0 .777.63 1.406 1.407 1.406H19.03c.777 0 1.407-.63 1.407-1.406v-16.5L15.75.704z' stroke-width='2'/%3E%3Cpath d='M15.75.704V5.39h4.688L15.75.704z' fill='%23000' stroke-width='2'/%3E%3Cpath d='M12 11.764l-2.271 3.934h4.542L12 11.764zM12 11.764l1.048-1.816a1.21 1.21 0 1 0-2.096 0L12 11.764zM14.271 15.698l1.048 1.815a1.21 1.21 0 1 0 1.049-1.815H14.27zM9.729 15.698L8.68 17.513a1.21 1.21 0 1 1-1.048-1.815H9.73z' stroke-width='1.5'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

[data-theme*=dark] .ds-document-card[data-type]:after,
[data-theme*=dark] .ds-document-card[data-type]:focus:after,
[data-theme*=dark] .ds-document-card[data-type]:hover:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_14472_2714)' stroke='%23fff' stroke-width='3.5'%3E%3Cpath d='M5.562 8.875l6.125 6.126 6.126-6.126' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M11.688 13.25V1' stroke-miterlimit='10' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M3 22.25h18'/%3E%3C/g%3E%3C/svg%3E")
}

[data-theme*=dark] .ds-document-card[data-type=pdf]:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cmask id='b' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='25'%3E%3Cpath d='M0 0h24v24H0V0z' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23b)' stroke='%23fff' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15.75.704H4.97c-.777 0-1.407.63-1.407 1.406V21.89c0 .777.63 1.406 1.407 1.406H19.03c.777 0 1.407-.63 1.407-1.406v-16.5L15.75.704z' stroke-width='2'/%3E%3Cpath d='M15.75.704V5.39h4.688L15.75.704z' fill='%23fff' stroke-width='2'/%3E%3Cpath d='M12 11.764l-2.271 3.934h4.542L12 11.764zM12 11.764l1.048-1.816a1.21 1.21 0 1 0-2.096 0L12 11.764zM14.271 15.698l1.048 1.815a1.21 1.21 0 1 0 1.049-1.815H14.27zM9.729 15.698L8.68 17.513a1.21 1.21 0 1 1-1.048-1.815H9.73z' stroke-width='1.5'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.ds-document-card .ds-document-card--title {
    font-size: var(--f-m);
    margin-bottom: 4px
}

.ds-document-card .ds-document-card--size {
    font-size: var(--f-s);
    margin-block: auto 0;
    color: var(--c-em-med);
    min-height: 24px;
    line-height: 24px;
    padding-right: 32px
}

.ds-document-card:focus,
.ds-document-card:hover {
    border: thin solid var(--c-em-3xlow);
    color: var(--c-em-full)
}

.ds-document-card:focus .ds-document-card--title,
.ds-document-card:hover .ds-document-card--title {
    text-decoration: underline
}

body>.ds-tooltip:has(.-pdp-specs) {
    background-color: var(--c-canvas)
}

body>.ds-tooltip:has(.-pdp-specs) .-pdp-specs {
    display: -ms-grid;
    display: grid
}

.ds-icon {
    all: unset;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    font-size: var(--f-m, 16px);
    color: var(--c-em-full, #000);
    border: thin solid transparent;
    min-width: 32px;
    min-height: 32px;
    font-weight: 600;
    text-decoration: none
}

.ds-icon:before {
    font-family: var(--font-icon, "Material Symbols Outlined");
    font-weight: 400;
    font-style: normal;
    font-size: 1.5em;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    vertical-align: sub;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    transform: translate(0);
    font-weight: 600
}

.ds-icon.-lg {
    min-width: 32px;
    min-height: 32px;
    font-size: 28px
}

.ds-icon[data-icon]:before {
    content: attr(data-icon)
}

.ds-icon:active,
.ds-icon:focus-visible,
.ds-icon[aria-pressed=true] {
    outline: thin solid var(--c-accent);
    outline-offset: 0
}

.ds-icon[disabled] {
    border-color: transparent;
    color: var(--c-em-xlow);
    pointer-events: none
}

.ds-link {
    color: inherit
}

.ds-link:after,
.ds-link:before {
    font-family: var(--font-icon);
    font-weight: 400;
    font-style: normal;
    font-size: 1em;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    vertical-align: sub;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    font-variation-settings: "FILL" 1;
    transition: transform var(--ds-transition);
    will-change: transform clip-path
}

.ds-link.-arrow:after {
    content: "arrow_forward"
}

.ds-link:focus-visible {
    outline: thin solid currentColor
}

.ds-link:focus-visible:after,
.ds-link:focus-visible:before,
.ds-link:hover:after,
.ds-link:hover:before {
    font-variation-settings: "FILL" 0
}

@media (prefers-reduced-motion:no-preference) {
    .ds-link:hover:after {
        transform: translateX(4px)
    }
}

.cta {
    font-size: var(--f-m);
    border-radius: var(--button-radius);
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    gap: 8px;
    min-height: var(--button-height, 40px);
    min-width: var(--button-min-width, 120px);
    padding: var(--button-padding, 4px 16px);
    justify-content: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    cursor: pointer;
    text-decoration: none;
    position: relative;
    font-weight: var(--font-weight-button, bold);
    font-family: var(--font-button);
    text-transform: none;
    transition: .08s ease-in-out;
    letter-spacing: 0;
    border: 2px solid var(--c-button-border);
    background-color: var(--c-button);
    color: var(--c-button-copy)
}

.cta.-hc {
    border-color: var(--c-em-full);
    background-color: var(--c-em-full);
    color: var(--c-em-full-contrast)
}

.cta.-hc:hover {
    border-color: var(--c-button-border--hc-hover);
    background-color: var(--c-button--hc-hover);
    color: var(--c-button-copy--hc-hover)
}

.cta.-hc[pending]:after,
.cta.-hc[pending]:before {
    color: var(--c-em-full-contrast)
}

.cta.-secondary {
    border-color: var(--c-button-border--secondary);
    background-color: var(--c-button--secondary);
    color: var(--c-em-full)
}

.cta.-secondary:hover {
    border-color: var(--c-button-border--secondary-hover);
    background-color: var(--c-button--secondary-hover);
    color: var(--c-button-copy--secondary-hover)
}

.cta.-secondary[pending]:after,
.cta.-secondary[pending]:before {
    color: var(--c-em-high)
}

.cta.-ghost {
    border-color: transparent;
    background-color: transparent;
    color: var(--c-em-full)
}

.cta.-ghost:hover {
    border-color: var(--c-button-border--ghost-hover);
    background-color: var(--c-button--ghost-hover);
    color: var(--c-button-copy--ghost-hover)
}

.cta.-ghost[pending]:after,
.cta.-ghost[pending]:before {
    color: var(--c-em-high)
}

.cta.-ghost[disabled] {
    color: var(--c-em-xlow);
    background-color: transparent
}

.cta:hover {
    background-color: var(--c-button-hover);
    border-color: var(--c-button-hover-border);
    color: var(--c-button-hover-copy)
}

.cta:active,
.cta:focus-visible,
.cta[aria-pressed=true] {
    outline: 1px solid var(--c-accent);
    outline-offset: 1px
}

.cta[disabled] {
    border-color: transparent;
    color: var(--c-em-low);
    background: var(--c-em-2xlow);
    pointer-events: none
}

.cta[disabled][pending]:after,
.cta[disabled][pending]:before {
    color: var(--c-em-high)
}

.cta.-arrow:after,
.cta[pending]:after,
.cta[pending]:before {
    content: "arrow_forward";
    font-family: var(--font-icon, "Material Symbols Outlined");
    font-weight: 400;
    font-style: normal;
    font-size: 1.1em;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    vertical-align: sub;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    transform: translate(0)
}

.cta[pending] {
    color: transparent;
    pointer-events: none
}

.cta[pending]:after,
.cta[pending]:before {
    content: "circle";
    color: var(--c-button-copy);
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -12px;
    margin-left: -12px;
    font-size: 24px
}

.cta[pending]:before {
    opacity: .38
}

.cta[pending]:after {
    content: "progress_activity";
    animation: dsPending 1.8s linear infinite
}

.cta.-arrow:after {
    content: "arrow_forward"
}

@keyframes dsPending {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.ds-tooltip {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0;
    padding: 0;
    outline: none
}

.ds-tooltip[data-mode=click] {
    cursor: pointer
}

.ds-tooltip:before {
    font-size: var(--f-m);
    color: var(--c-accent);
    border-radius: 50%;
    height: 26px;
    width: 26px;
    background: transparent;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: var(--font-icon);
    content: "info"
}

.ds-tooltip:hover:before {
    background-color: var(--c-em-3xlow);
    color: var(--c-em-high)
}

.ds-tooltip>span,
body>.ds-tooltip {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    visibility: visible
}

body>.ds-tooltip {
    transform: translate(-50%, calc(-100% + var(--spacing-2xs)));
    background-color: var(--c-em-med-contrast);
    color: var(--c-em-med);
    padding: var(--spacing-xs);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    border-radius: var(--radius);
    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .16);
    font-size: var(--f-s);
    transition: .16s ease-in-out;
    z-index: 999999;
    text-align: center;
    font-family: var(--font-body);
    margin-left: 10px;
    width: auto
}

body>.ds-tooltip>span {
    color: var(--c-em-high);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

body>.ds-tooltip :where(p),
body>.ds-tooltip>span {
    font-size: var(--f-s);
    line-height: 1.3
}

body>.ds-tooltip:before {
    display: none
}

body>.ds-tooltip.-active {
    visibility: visible;
    opacity: 1;
    transform: translate(-50%, calc(-100% - var(--spacing-2xs)))
}

body>.ds-tooltip.-active>span {
    position: relative;
    opacity: 1;
    pointer-events: all;
    visibility: visible
}

body>.ds-tooltip p:has(+style),
body>.ds-tooltip p:last-child {
    margin-bottom: 0
}

.recommended-retail-price .ds-tooltip .icon {
    display: none
}

.recommended-retail-price .ds-tooltip>.tooltip {
    pointer-events: none;
    opacity: 0;
    visibility: hidden
}

.ds-product-series-package {
    background-color: var(--c-canvas-full);
    display: -ms-grid;
    display: grid;
    width: 100%;
    border-bottom: thin solid var(--c-accent);
    border-top: thin solid var(--c-accent);
    margin-top: -2px;
    max-width: 100vw
}

@media (min-width:1024px) {
    .ds-product-series-package {
        -ms-grid-columns: (minmax(0, 1fr))[2];
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .ds-product-series-package:has(.ds-banner:first-child:last-child) {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }
}

.ds-product-series-package.-clp .product-grid {
    padding-top: 0
}

.ds-product-series-package.-clp .product-grid .bottom,
.ds-product-series-package.-clp .product-grid .product-pricing {
    display: none
}

.ds-product-series-package.-clp:has(.product-grid>.grid-tile:empty) {
    min-height: calc(50cqw + 152px)
}

@media (min-width:1024px) {
    .ds-product-series-package.-clp:has(.product-grid>.grid-tile: empty) {
        min-height:calc(25cqw + 152px)
    }
}

.ds-product-series-package .product-grid {
    padding: 0;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 1px
}

.ds-product-series-package .product-grid>.grid-tile {
    outline: 1px solid var(--c-accent);
    height: 100%;
    background-color: var(--c-canvas-full)
}

.ds-product-series-package:has(.ds-banner+.ds-banner) .ds-banner>.inside {
    height: 100%
}

.ds-product-series-package:has(.ds-banner+.ds-banner) .ds-banner>.inside .copy {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.ds-product-series-package:has(.ds-banner+.ds-banner) .ds-banner>.inside .copy .ds-link {
    margin-top: auto;
    margin-bottom: 0
}

.ds-product-series-package .product-tile .image-container>a:first-of-type {
    display: block;
    position: relative;
    height: 270px;
    max-width: 100%;
    margin-inline: auto;
    padding: 0;
    aspect-ratio: 1/1
}

.ds-product-series-package .product-tile .image-container>a:first-of-type img {
    object-fit: cover
}

.ds-product-series-package .product-tile .image-container>a:first-of-type:has(img[data-type=lifestyleProductImage]) {
    width: 100%;
    margin-top: var(--spacing-m)
}

.ds-product-series-package .product-grid:not(:has(.color-swatches>.swatches>*)) .color-swatches,
.ds-product-series-package .tile-ratings:not(:has(.inlineRatings-container>*)) {
    display: none
}

.ds-product-series-package .ds-banner {
    text-align: left;
    width: 100%
}

.ds-product-series-package .ds-banner.-image-placement-left,
.ds-product-series-package .ds-banner.-image-placement-right {
    column-gap: 0
}

@media (max-width:1023px) {
    .ds-product-series-package .ds-banner:not(:last-child) {
        border-bottom: thin solid var(--c-accent)
    }
}

@media (min-width:1024px) {
    .ds-product-series-package .ds-banner:not(:last-child) {
        border-right: thin solid var(--c-accent)
    }
}

.ds-product-series-package .ds-banner h2 {
    font-size: var(--f-h4);
    font-variation-settings: "wght" 700, "wdth" 75;
    color: var(--c-em-full)
}

.ds-product-series-package .ds-banner p {
    font-size: var(--f-m);
    color: var(--c-em-full);
    text-wrap: pretty
}

.ds-product-series-package .ds-banner p:last-child {
    margin-bottom: 0
}

.ds-product-series-package .ds-banner:has(.inside:first-child:last-child) {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr
}

.ds-product-series-package .ds-banner>.inside .copy {
    padding: var(--spacing-m) var(--side-offset)
}

.ds-product-series-package .cta,
.ds-product-series-package .ds-link {
    text-decoration: none;
    font-weight: 500
}

.ds-product-series-package:has(.grid-tile:empty) {
    min-height: calc(50cqw + 182px)
}

@media (min-width:1024px) {
    .ds-product-series-package:has(.grid-tile: empty) {
        min-height:calc(25cqw + 182px)
    }
}

.ds-product-series-package .grid-tile:empty {
    background: linear-gradient(90deg, var(--c-canvas-full) 5%, var(--c-canvas) 20%, var(--c-canvas-full) 35%);
    background-size: 400% 100%;
    animation: placeholderShimmer 2.4s ease infinite
}

.ds-product-series-package .product-tile .image-container {
    padding-block: 0
}

.ds-product-series-package .product-tile .color-swatches {
    padding-top: 4px
}

.ds-product-series-package .product-tile .tile-body-footer .compare[data-enabled=null] {
    display: none
}

.ds-product-series-package .ds-banner--picture img,
.ds-product-series-package .ds-banner--picture video {
    display: block;
    width: 100%;
    max-width: 100%;
    object-fit: cover;
    margin-bottom: -2px;
    aspect-ratio: 1280/952
}

@media (max-width:1023px) {
    .ds-product-series-package .ds-banner--picture img,
    .ds-product-series-package .ds-banner--picture video {
        aspect-ratio: 824/778
    }
}

.ds-product-series-package .ds-banner--picture[data-ar=slim] img,
.ds-product-series-package .ds-banner--picture[data-ar=slim] video {
    aspect-ratio: 16/9
}

@media (max-width:1023px) {
    .ds-product-series-package .ds-banner--picture[data-ar=slim] img,
    .ds-product-series-package .ds-banner--picture[data-ar=slim] video {
        aspect-ratio: 16/9
    }
}

.ds-product-series-package .ds-banner--picture[data-ar=free] img,
.ds-product-series-package .ds-banner--picture[data-ar=free] video {
    aspect-ratio: revert
}

@media (max-width:1023px) {
    .ds-product-series-package .ds-banner--picture[data-ar=free] img,
    .ds-product-series-package .ds-banner--picture[data-ar=free] video {
        aspect-ratio: revert
    }
}

.ds-product-series-package .ds-banner--picture:after {
    display: none
}

@media (max-width:1023px) {
    .ds-product-series-package .ds-banner--picture {
        -ms-grid-row: 2;
        grid-row: 2
    }
}

.ds-product-series-package .copy {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: start
}

@media (max-width:1023px) {
    .ds-product-series-package .copy {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .ds-product-series-package .copy .ds-headline,
    .ds-product-series-package .copy p {
        text-align: center
    }
    .ds-product-series-package .copy .cta {
        margin-inline: auto
    }
}

.ds-repairindex-stack {
    --skin-link-color-2: var(--c-accent);
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    column-gap: Max(2vw, var(--spacing-m));
    row-gap: var(--spacing-m);
    padding: var(--spacing-m) var(--side-offset)
}

@media (max-width:1199.98px) {
    .ds-repairindex-stack {
        -ms-flex-direction: column;
        flex-direction: column
    }
    .ds-repairindex-stack .ds-repairindex--col-2 p {
        margin-bottom: var(--spacing-m)
    }
}

.ds-repairindex-stack .ds-repairindex--col-2 {
    display: -ms-flexbox;
    display: flex;
    column-gap: var(--spacing-m);
    row-gap: var(--spacing-s);
    -ms-flex-align: start;
    align-items: start
}

@media (max-width:1599.98px) {
    .ds-repairindex-stack .ds-repairindex--col-2 {
        -ms-flex-direction: column;
        flex-direction: column
    }
    .ds-repairindex-stack .ds-repairindex--col-2 p {
        text-wrap: balance
    }
}

@media (max-width:1199.98px) {
    .ds-repairindex-stack .ds-repairindex--col-2 {
        row-gap: 0
    }
}

.ds-repairindex-stack .ds-repairindex--col-1 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: start;
    column-gap: var(--spacing-m)
}

.ds-repairindex-stack p {
    margin-bottom: var(--spacing-2xs);
    line-height: 1.2;
    text-wrap: pretty
}

.ds-repairindex-stack p strong {
    line-height: inherit
}

.ds-repairindex-stack .ds-link {
    display: inline;
    text-decoration: underline;
    text-underline-offset: 2px;
    color: var(--c-accent)
}

.ds-repairindex-stack .ds-link:after {
    clip-path: polygon(0 0, 100% 0, 100% 94%, 0 94%)
}

.ds-repairindex {
    --theme: #ffc723;
    position: relative;
    margin-inline: 0;
    border: 2px solid var(--theme);
    color: var(--c-em-full);
    border-radius: 8px;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-width: Max(60px, 3.75vw);
    margin-block: var(--spacing-s);
    overflow: visible;
    cursor: default
}

.ds-repairindex[score*="6,"],
.ds-repairindex[score*="6."],
.ds-repairindex[score*="7,"],
.ds-repairindex[score*="7."] {
    --theme: #94c83e
}

.ds-repairindex[score*="8,"],
.ds-repairindex[score*="8."],
.ds-repairindex[score*="9,"],
.ds-repairindex[score*="9."],
.ds-repairindex[score*="10"] {
    --theme: #149d4f
}

.ds-repairindex>span {
    display: block;
    text-align: center
}

.ds-repairindex .ds-repairindex--score {
    margin-block: 2px 0;
    font-size: Max(28px, 1.75vw);
    font-family: var(--font-headline);
    font-weight: 700;
    font-stretch: condensed;
    height: Max(30px, 1.875vw);
    margin-top: -3%
}

.ds-repairindex .ds-repairindex--total {
    font-size: Max(16px, 1vw);
    font-family: var(--font-headline);
    font-stretch: condensed;
    margin-block: 0 auto;
    height: Max(20px, 1.25vw)
}

.ds-repairindex .ds-repairindex--label {
    font-family: var(--font-body);
    background-color: var(--theme);
    color: #000;
    padding: 4px 4px 2px;
    text-transform: uppercase;
    font-size: Max(7px, .43vw);
    margin-bottom: 0;
    margin-top: auto;
    width: 100%;
    font-weight: 700
}

.ds-repairindex:has(.ds-tooltip) {
    margin-right: 18px
}

.ds-repairindex .ds-tooltip {
    position: absolute;
    right: -25px;
    top: -8px
}

.sidebar .ds-repairindex {
    display: -ms-inline-grid;
    display: inline-grid;
    -ms-grid-columns: auto auto;
    grid-template-columns: auto auto;
    -ms-flex-line-pack: end;
    align-content: end;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    text-align: center;
    min-width: Max(75px, 3.75vw);
    min-height: 53px;
    max-height: 53px;
    column-gap: 3px;
    overflow: visible
}

.sidebar .ds-repairindex .ds-repairindex--score {
    font-size: 28px;
    text-align: right;
    height: auto;
    margin-bottom: -5px
}

.sidebar .ds-repairindex .ds-repairindex--total {
    font-size: 16px;
    margin-top: 0;
    text-align: left;
    transform: translateY(6px)
}

.sidebar .ds-repairindex .ds-repairindex--label {
    padding-bottom: 1px;
    height: 16px;
    grid-column: 1/-1
}

.sidebar .ds-repairindex .ds-repairindex--score,
.sidebar .ds-repairindex .ds-repairindex--total {
    display: inline-block
}

.repairindex-tooltip {
    text-align: left;
    padding-block: var(--spacing-2xs)
}

.repairindex-tooltip p {
    margin-bottom: var(--spacing-s)
}

.repairindex-tooltip .ds-link {
    display: inline-block;
    font-size: var(--f-s)
}

.repairindex-tooltip .terms {
    font-size: var(--f-xs)
}

.repairindex-tooltip .cta {
    font-size: var(--f-s)
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.ds-slideshow[data-slider-theme] {
    display: -ms-grid;
    display: grid
}

.ds-slideshow[data-slider-theme].-hp .slick-list {
    grid-row: 1/-1
}

.ds-slideshow[data-slider-theme].-hp .ds-slider-controls {
    margin-top: -16px
}

.ds-slideshow.-hp {
    padding-bottom: 56px
}

.ds-slideshow.-hp.-initialized,
.ds-slideshow.-hp[data-count="1"] {
    padding-bottom: 0
}

.ds-slideshow:not(.-initialized) .ds-slide~.ds-slide,
.ds-slideshow:not(.-initialized) [data-id*=Slide]~[data-id*=Slide]:not([data-sfcc-pd-component-info]) {
    display: none
}

.ds-banner {
    background-color: var(--c-em-full-contrast);
    --c-highlight: var(--c-button);
    --c-highlight-color: var(--c-button-copy)
}

.ds-banner[data-dim=light] .ds-banner--picture img,
.ds-banner[data-dim=light] .ds-banner--picture video,
.ds-banner[data-dim=true] .ds-banner--picture img,
.ds-banner[data-dim=true] .ds-banner--picture video,
.ds-banner[data-dim=yes] .ds-banner--picture img,
.ds-banner[data-dim=yes] .ds-banner--picture video {
    opacity: .6
}

.ds-banner[data-dim=heavy] .ds-banner--picture img,
.ds-banner[data-dim=heavy] .ds-banner--picture video {
    opacity: .38
}

.ds-banner[data-accent=periwinkle] {
    --c-highlight: var(--c-periwinkle);
    --c-highlight-color: #000
}

.ds-banner[data-accent=matcha] {
    --c-highlight: var(--c-matcha);
    --c-highlight-color: #000
}

.ds-banner[data-accent=tangerine] {
    --c-highlight: var(--c-tangerine);
    --c-highlight-color: #000
}

.ds-banner[data-accent=pride] {
    --c-highlight: linear-gradient(90deg, #ff1313, #ffc700 33.33%, #7fe200 66.67%, #00a3ff);
    --c-highlight-color: #000
}

.ds-banner.-hp {
    aspect-ratio: 824/1466
}

@media (max-width:1023px) and (orientation:landscape) {
    .ds-banner.-hp {
        aspect-ratio: 2560/1387
    }
}

@media (min-width:1024px) {
    .ds-banner.-hp {
        aspect-ratio: 2560/1387
    }
}

.ds-banner.-general,
.ds-banner.-hp {
    -ms-grid-rows: 50px 1fr 50px;
    grid-template-rows: 50px 1fr 50px;
    contain-intrinsic-height: auto 178vw
}

@media (max-width:1023px) and (orientation:portrait) {
    .ds-banner.-general,
    .ds-banner.-hp {
        max-height: calc(var(--vh, 100vh) - var(--sizing-header));
        min-width: 100vw
    }
}

@media (max-width:1023px) and (orientation:landscape) {
    .ds-banner.-general,
    .ds-banner.-hp {
        contain-intrinsic-height: auto 54vw
    }
}

@media (min-width:1024px) {
    .ds-banner.-general,
    .ds-banner.-hp {
        contain-intrinsic-height: auto 54vw
    }
}

.ds-banner.-general .breadcrumbs,
.ds-banner.-hp .breadcrumbs {
    -ms-grid-row: 1;
    grid-row: 1;
    grid-column: 1/-1;
    max-width: none;
    text-align: left;
    padding: var(--spacing-s) var(--side-offset);
    margin: 0;
    z-index: 2;
    color: var(--c-em-full);
    font-size: var(--f-m)
}

.ds-banner.-general .breadcrumbs a,
.ds-banner.-general .breadcrumbs span,
.ds-banner.-hp .breadcrumbs a,
.ds-banner.-hp .breadcrumbs span {
    color: inherit
}

.ds-banner.-general .breadcrumbs a[href]:hover,
.ds-banner.-hp .breadcrumbs a[href]:hover {
    text-decoration: underline;
    text-underline-offset: 2px
}

.ds-banner.-general h2,
.ds-banner.-hp h2 {
    display: inline-block;
    font-size: clamp(3.5rem, calc(9.7vw - 1.2rem), 7.5rem);
    font-size: clamp(3.5rem, calc(7cqw - 1.2rem), 7.5rem);
    font-weight: 800;
    color: var(--c-em-full);
    font-stretch: normal;
    font-variation-settings: "wdth" 100;
    font-family: var(--font-headline);
    word-break: break-word;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

@media (min-width:1024px) {
    .ds-banner.-general h2.-m,
    .ds-banner.-hp h2.-m {
        display: none !important
    }
}

@media (max-width:1023.98px) {
    .ds-banner.-general h2.-m+.ds-headline,
    .ds-banner.-hp h2.-m+.ds-headline {
        display: none !important
    }
}

@media (max-width:1023px) {
    .ds-banner.-general[data-headlineSizeSm=m] h2,
    .ds-banner.-hp[data-headlineSizeSm=m] h2 {
        font-size: var(--f-h5)
    }
}

@media (min-width:1024px) {
    .ds-banner.-general[data-headlineSizeLg=m] h2,
    .ds-banner.-hp[data-headlineSizeLg=m] h2 {
        font-size: var(--f-h5)
    }
}

@media (max-width:1023px) {
    .ds-banner.-general[data-headlineSizeSm=l] h2,
    .ds-banner.-hp[data-headlineSizeSm=l] h2 {
        font-size: var(--f-h3)
    }
}

@media (min-width:1024px) {
    .ds-banner.-general[data-headlineSizeLg=l] h2,
    .ds-banner.-hp[data-headlineSizeLg=l] h2 {
        font-size: var(--f-h3)
    }
}

@media (max-width:1023px) {
    .ds-banner.-general[data-headlineSizeSm=xl] h2,
    .ds-banner.-hp[data-headlineSizeSm=xl] h2 {
        font-size: clamp(3.5rem, calc(7cqw - 1.2rem), 7.5rem)
    }
}

@media (min-width:1024px) {
    .ds-banner.-general[data-headlineSizeLg=xl] h2,
    .ds-banner.-hp[data-headlineSizeLg=xl] h2 {
        font-size: clamp(3.5rem, calc(7cqw - 1.2rem), 7.5rem)
    }
}

.ds-banner.-general[data-headline-size=sm] h2,
.ds-banner.-hp[data-headline-size=sm] h2 {
    font-size: var(--f-h6)
}

.ds-banner.-general[data-headline-size=md] h2,
.ds-banner.-hp[data-headline-size=md] h2 {
    font-size: clamp(var(--f-h6), 8vw, var(--f-h5))
}

@media (min-width:1024px) {
    .ds-banner.-general[data-headline-size=md] h2,
    .ds-banner.-hp[data-headline-size=md] h2 {
        font-size: clamp(var(--f-3xl), 3.2vw, var(--f-h5))
    }
}

.ds-banner.-general[data-headline-size=lg] .ds-banner--headline,
.ds-banner.-general[data-headline-size=lg] h2,
.ds-banner.-hp[data-headline-size=lg] .ds-banner--headline,
.ds-banner.-hp[data-headline-size=lg] h2 {
    font-size: clamp(var(--f-h6), 10vw, var(--f-h4))
}

@media (min-width:1024px) {
    .ds-banner.-general[data-headline-size=lg] .ds-banner--headline,
    .ds-banner.-general[data-headline-size=lg] h2,
    .ds-banner.-hp[data-headline-size=lg] .ds-banner--headline,
    .ds-banner.-hp[data-headline-size=lg] h2 {
        font-size: clamp(var(--f-3xl), 4.3vw, var(--f-h4))
    }
}

.ds-banner.-general[data-headline-size=xl] h2,
.ds-banner.-hp[data-headline-size=xl] h2 {
    font-size: clamp(3.5rem, calc(7cqw - 1.2rem), 7.5rem)
}

.ds-banner.-general .ds-banner--picture,
.ds-banner.-hp .ds-banner--picture {
    grid-row: 1/-1
}

@media (min-width:1024px) {
    .ds-banner.-general.-plp .ds-banner--picture,
    .ds-banner.-general:has(>picture.-fg) .ds-banner--picture,
    .ds-banner.-hp.-plp .ds-banner--picture,
    .ds-banner.-hp:has(>picture.-fg) .ds-banner--picture {
        max-height: 320px
    }
}

@media (min-width:900px) {
    .ds-banner.-general.-plp .ds-banner--picture,
    .ds-banner.-general:has(>picture.-fg) .ds-banner--picture,
    .ds-banner.-hp.-plp .ds-banner--picture,
    .ds-banner.-hp:has(>picture.-fg) .ds-banner--picture {
        max-height: 480px
    }
}

.ds-banner.-general.-plp .ds-banner--inside,
.ds-banner.-general:has(>picture.-fg) .ds-banner--inside,
.ds-banner.-hp.-plp .ds-banner--inside,
.ds-banner.-hp:has(>picture.-fg) .ds-banner--inside {
    -ms-grid-column: 1;
    grid-column: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: end;
    align-items: end
}

.ds-banner.-general.-plp .ds-banner--inside .ds-headline,
.ds-banner.-general:has(>picture.-fg) .ds-banner--inside .ds-headline,
.ds-banner.-hp.-plp .ds-banner--inside .ds-headline,
.ds-banner.-hp:has(>picture.-fg) .ds-banner--inside .ds-headline {
    font-variation-settings: "wdth" 100;
    font-weight: 750;
    font-size: clamp(48px, 5.5cqw, 80px)
}

@media (min-width:1024px) {
    .ds-banner.-general.-plp .ds-banner--inside .ds-banner--copy,
    .ds-banner.-general:has(>picture.-fg) .ds-banner--inside .ds-banner--copy,
    .ds-banner.-hp.-plp .ds-banner--inside .ds-banner--copy,
    .ds-banner.-hp:has(>picture.-fg) .ds-banner--inside .ds-banner--copy {
        text-align: left
    }
}

@media (max-width:1023.98px) {
    .ds-banner.-general.-plp picture.-fg~.ds-banner--inside,
    .ds-banner.-general:has(>picture.-fg) picture.-fg~.ds-banner--inside,
    .ds-banner.-hp.-plp picture.-fg~.ds-banner--inside,
    .ds-banner.-hp:has(>picture.-fg) picture.-fg~.ds-banner--inside {
        padding-top: 48%
    }
}

.ds-banner.-general picture.-fg,
.ds-banner.-hp picture.-fg {
    grid-row: 1/3;
    -ms-grid-column: 1;
    grid-column: 1;
    z-index: 1;
    aspect-ratio: revert
}

@media (max-width:1023.98px) {
    .ds-banner.-general picture.-fg,
    .ds-banner.-hp picture.-fg {
        max-width: 100vw;
        max-height: Min(100vw, 230px)
    }
}

@media (min-width:1024px) {
    .ds-banner.-general picture.-fg,
    .ds-banner.-hp picture.-fg {
        grid-row: 1/3;
        -ms-grid-column: 2;
        grid-column: 2;
        max-height: 320px
    }
}

@media (min-width:1600px) {
    .ds-banner.-general picture.-fg,
    .ds-banner.-hp picture.-fg {
        max-height: 380px
    }
}

.ds-banner.-general picture.-fg img,
.ds-banner.-hp picture.-fg img {
    object-fit: contain;
    min-height: auto
}

.ds-banner.-general .ds-banner--inside,
.ds-banner.-hp .ds-banner--inside {
    grid-row: 2/2
}

.ds-banner.-general .ds-banner--copy,
.ds-banner.-hp .ds-banner--copy {
    max-width: 100%;
    min-width: 100%;
    text-align: center;
    padding: var(--side-offset);
    color: var(--c-em-full);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.ds-banner.-general .ds-banner--copy .ds-headline,
.ds-banner.-general .ds-banner--copy h2,
.ds-banner.-hp .ds-banner--copy .ds-headline,
.ds-banner.-hp .ds-banner--copy h2 {
    -ms-flex-order: 100;
    order: 100
}

@media (min-width:1024px) {
    .ds-banner.-general .ds-banner--copy .ds-headline.-m,
    .ds-banner.-general .ds-banner--copy h2.-m,
    .ds-banner.-hp .ds-banner--copy .ds-headline.-m,
    .ds-banner.-hp .ds-banner--copy h2.-m {
        display: none !important
    }
}

@media (max-width:1023.98px) {
    .ds-banner.-general .ds-banner--copy .ds-headline.-m+.ds-headline,
    .ds-banner.-general .ds-banner--copy h2.-m+.ds-headline,
    .ds-banner.-hp .ds-banner--copy .ds-headline.-m+.ds-headline,
    .ds-banner.-hp .ds-banner--copy h2.-m+.ds-headline {
        display: none !important
    }
}

.ds-banner.-general .ds-banner--copy .ds-banner--subheadline,
.ds-banner.-hp .ds-banner--copy .ds-banner--subheadline {
    -ms-flex-order: 200;
    order: 200
}

.ds-banner.-general .ds-banner--copy .ds-banner--body,
.ds-banner.-hp .ds-banner--copy .ds-banner--body {
    -ms-flex-order: 300;
    order: 300
}

.ds-banner.-general .ds-banner--copy .ds-banner--button-wrapper,
.ds-banner.-hp .ds-banner--copy .ds-banner--button-wrapper {
    -ms-flex-order: 400;
    order: 400
}

.ds-banner.-general .ds-banner--copy img,
.ds-banner.-hp .ds-banner--copy img {
    margin-inline: auto;
    max-height: 300px;
    max-height: calc(36cqh - 170px)
}

.ds-banner.-general .ds-banner--copy p,
.ds-banner.-hp .ds-banner--copy p {
    max-width: none;
    color: currentColor
}

.ds-banner.-general .ds-banner--subheadline-imagery,
.ds-banner.-general[data-subheadline-image-order="1"] .ds-banner--subheadline-imagery,
.ds-banner.-hp .ds-banner--subheadline-imagery,
.ds-banner.-hp[data-subheadline-image-order="1"] .ds-banner--subheadline-imagery {
    -ms-flex-order: 50;
    order: 50
}

.ds-banner.-general[data-subheadline-image-order="2"] .ds-banner--subheadline-imagery,
.ds-banner.-hp[data-subheadline-image-order="2"] .ds-banner--subheadline-imagery {
    -ms-flex-order: 150;
    order: 150
}

.ds-banner.-general[data-subheadline-image-order="3"] .ds-banner--subheadline-imagery,
.ds-banner.-hp[data-subheadline-image-order="3"] .ds-banner--subheadline-imagery {
    -ms-flex-order: 250;
    order: 250
}

.ds-banner.-general[data-subheadline-image-order="4"] .ds-banner--subheadline-imagery,
.ds-banner.-hp[data-subheadline-image-order="4"] .ds-banner--subheadline-imagery {
    -ms-flex-order: 350;
    order: 350
}

.ds-banner.-general[data-subheadline-image-order="5"] .ds-banner--subheadline-imagery,
.ds-banner.-hp[data-subheadline-image-order="5"] .ds-banner--subheadline-imagery {
    -ms-flex-order: 450;
    order: 450
}

.ds-banner .ds-banner--subheadline-imagery {
    margin-block: var(--spacing-s) var(--spacing-m)
}

.ds-banner:not(.-justified).-placement-left .ds-banner--inside .ds-banner--copy {
    text-align: left;
    margin-inline: 0 auto
}

.ds-banner:not(.-justified).-placement-left .ds-banner--inside .ds-banner--copy>* {
    margin-inline: 0 auto
}

.ds-banner:not(.-justified).-placement-right .ds-banner--inside .ds-banner--copy {
    text-align: right;
    margin-inline: auto 0
}

.ds-banner:not(.-justified).-placement-right .ds-banner--inside .ds-banner--copy>* {
    margin-inline: auto 0
}

.ds-banner:not(.-justified).-placement-bottom .ds-banner--inside {
    position: sticky;
    -ms-flex-item-align: end;
    -ms-grid-row-align: end;
    align-self: end;
    bottom: 0
}

.ds-banner:not(.-justified).-placement-top .ds-banner--inside {
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start
}

.ds-banner.-general {
    -ms-grid-rows: 50px 1fr;
    grid-template-rows: 50px 1fr;
    width: 100%;
    max-width: 100vw;
    overflow: clip
}

@media (min-width:900px) and (min-width:900px) {
    .ds-banner.-general:has(>picture.-fg) .ds-banner--picture {
        max-height: 480px
    }
}

@media (min-width:900px) {
    .ds-banner.-general:has(>picture.-fg) .ds-banner--picture:not(.-fg) {
        max-height: 100%
    }
}

@media (max-width:899.98px) {
    .ds-banner.-general .ds-banner--inside {
        -ms-grid-row: -2;
        grid-row: -2
    }
}

.ds-banner.-general .breadcrumbs {
    text-shadow: 1px 1px var(--c-em-xlow-contrast), 2px 2px var(--c-em-2xlow-contrast), 3px 3px var(--c-em-4xlow-contrast), -1px -1px var(--c-em-3xlow-contrast), -2px -2px var(--c-em-4xlow-contrast)
}

.ds-banner.-general .ds-banner--headline {
    font-size: clamp(var(--f-h4), 7cqw, var(--f-h2));
    font-weight: 750
}

.ds-banner.-general .ds-banner--body {
    font-size: var(--f-l);
    text-wrap: pretty
}

.ds-banner.-general .ds-banner--copy {
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:900px) {
    .ds-banner.-general .ds-banner--copy {
        -ms-flex-align: start;
        align-items: start
    }
}

.ds-banner.-general .ds-banner--copy .ds-headline {
    font-size: clamp(48px, 8vw, 80px);
    margin-bottom: .5rem;
    font-weight: 750;
    font-stretch: normal;
    font-variation-settings: "wdth" 100;
    word-break: break-word
}

.ds-banner.-general .ds-banner--copy .button-wrapper,
.ds-banner.-general .ds-banner--copy .cta {
    -ms-flex-order: 500;
    order: 500;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

@media (min-width:900px) {
    .ds-banner.-general .ds-banner--copy .cta {
        margin-left: 0;
        margin-right: auto
    }
}

@media (max-width:1023.98px) {
    .ds-banner .-clp {
        -ms-grid-rows: 50px auto auto;
        grid-template-rows: 50px auto auto
    }
    .ds-banner .-clp:has(>picture.-fg) picture.-fg {
        -ms-grid-row: 2;
        grid-row: 2;
        margin-inline: auto
    }
    .ds-banner .-clp:has(>picture.-fg) picture.-fg img {
        height: auto;
        max-height: Min(calc(var(--vh, 100vh) - var(--sizing-header)), 100%)
    }
    .ds-banner .-clp:has(>picture.-fg) picture.-fg~.ds-banner--inside {
        padding-top: 0;
        -ms-grid-row: 3;
        grid-row: 3;
        margin-inline: auto;
        text-align: center
    }
}

@media (max-width:1023.98px) and (orientation:landscape) and (max-height:500px) {
    .ds-banner .-clp:has(>picture.-fg) picture.-fg~.ds-banner--inside {
        padding-top: 28%
    }
}

.ds-banner.-justified,
.ds-banner.-v3 {
    -ms-grid-rows: 50px 1fr;
    grid-template-rows: 50px 1fr
}

.ds-slideshow--item .ds-banner.-justified,
.ds-slideshow--item .ds-banner.-v3 {
    -ms-grid-rows: 50px 1fr 50px;
    grid-template-rows: 50px 1fr 50px
}

.ds-banner.-justified .ds-banner--inside,
.ds-banner.-v3 .ds-banner--inside {
    justify-self: stretch;
    -ms-flex-item-align: end;
    -ms-grid-row-align: end;
    align-self: end;
    position: relative
}

.ds-banner.-justified .ds-banner--inside .ds-banner--copy,
.ds-banner.-v3 .ds-banner--inside .ds-banner--copy {
    padding: var(--spacing-m) var(--side-offset);
    text-align: left
}

.ds-banner.-justified .ds-banner--inside .ds-banner--body,
.ds-banner.-v3 .ds-banner--inside .ds-banner--body {
    -webkit-line-clamp: 3;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden
}

@media (max-width:1023.98px) {
    .ds-banner.-justified .ds-banner--inside .ds-banner--body.-m+.ds-banner--body,
    .ds-banner.-v3 .ds-banner--inside .ds-banner--body.-m+.ds-banner--body {
        display: none
    }
}

@media (min-width:1024px) {
    .ds-banner.-justified .ds-banner--inside .ds-banner--body.-m,
    .ds-banner.-v3 .ds-banner--inside .ds-banner--body.-m {
        display: none
    }
}

.ds-banner.-justified.-justified-alt .ds-banner--headline,
.ds-banner.-justified.-justified-alt h2,
.ds-banner.-v3 .ds-banner--headline,
.ds-banner.-v3 h2 {
    font-size: clamp(var(--f-h6), 10vw, var(--f-h4));
    font-weight: 700 !important;
    font-stretch: condensed !important;
    font-variation-settings: "wdth" 75 !important;
    min-height: auto;
    overflow: var(--h2-banner-overflow);
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.page>.ds-slideshow--item>.ds-banner.-justified.-justified-alt .ds-banner--headline,
.page>.ds-slideshow--item>.ds-banner.-justified.-justified-alt h2,
.page>.ds-slideshow--item>.ds-banner.-v3 .ds-banner--headline,
.page>.ds-slideshow--item>.ds-banner.-v3 h2 {
    font-variation-settings: "wdth" 75 !important
}

.ds-banner.-justified.-justified-alt .ds-banner--headline em,
.ds-banner.-justified.-justified-alt h2 em,
.ds-banner.-v3 .ds-banner--headline em,
.ds-banner.-v3 h2 em {
    font-stretch: inherit;
    font-variation-settings: inherit
}

@media (min-width:1024px) {
    .ds-banner.-justified.-justified-alt .ds-banner--headline,
    .ds-banner.-justified.-justified-alt h2,
    .ds-banner.-v3 .ds-banner--headline,
    .ds-banner.-v3 h2 {
        font-size: clamp(var(--f-3xl), 4.3vw, var(--f-h4));
        -webkit-line-clamp: 2
    }
}

@media (max-width:1023.98px) {
    .ds-banner.-justified.-justified-alt .ds-banner--headline,
    .ds-banner.-justified.-justified-alt h2,
    .ds-banner.-v3 .ds-banner--headline,
    .ds-banner.-v3 h2 {
        margin-bottom: var(--spacing-s);
        -webkit-line-clamp: 3
    }
}

@media (min-width:1024px) {
    .ds-banner.-justified.-justified-alt[data-headline-size=md] .ds-banner--headline,
    .ds-banner.-justified.-justified-alt[data-headline-size=md] h2,
    .ds-banner.-justified.-justified-alt[data-headline-size=sm] .ds-banner--headline,
    .ds-banner.-justified.-justified-alt[data-headline-size=sm] h2,
    .ds-banner.-justified.-justified-alt[data-headlineSizeLg=m] .ds-banner--headline,
    .ds-banner.-justified.-justified-alt[data-headlineSizeLg=m] h2,
    .ds-banner.-justified.-justified-alt[data-headlineSizeLg=md] .ds-banner--headline,
    .ds-banner.-justified.-justified-alt[data-headlineSizeLg=md] h2,
    .ds-banner.-justified.-justified-alt[data-headlineSizeLg=sm] .ds-banner--headline,
    .ds-banner.-justified.-justified-alt[data-headlineSizeLg=sm] h2,
    .ds-banner.-v3[data-headline-size=md] .ds-banner--headline,
    .ds-banner.-v3[data-headline-size=md] h2,
    .ds-banner.-v3[data-headline-size=sm] .ds-banner--headline,
    .ds-banner.-v3[data-headline-size=sm] h2,
    .ds-banner.-v3[data-headlineSizeLg=m] .ds-banner--headline,
    .ds-banner.-v3[data-headlineSizeLg=m] h2,
    .ds-banner.-v3[data-headlineSizeLg=md] .ds-banner--headline,
    .ds-banner.-v3[data-headlineSizeLg=md] h2,
    .ds-banner.-v3[data-headlineSizeLg=sm] .ds-banner--headline,
    .ds-banner.-v3[data-headlineSizeLg=sm] h2 {
        font-size: clamp(var(--f-2xl), 3vw, var(--f-h6));
        -webkit-line-clamp: 3
    }
}

@media (max-width:1023.98px) {
    .ds-banner.-justified.-justified-alt[data-headline-size=md] .ds-banner--headline,
    .ds-banner.-justified.-justified-alt[data-headline-size=md] h2,
    .ds-banner.-justified.-justified-alt[data-headline-size=sm] .ds-banner--headline,
    .ds-banner.-justified.-justified-alt[data-headline-size=sm] h2,
    .ds-banner.-justified.-justified-alt[data-headlineSizeSm=m] .ds-banner--headline,
    .ds-banner.-justified.-justified-alt[data-headlineSizeSm=m] h2,
    .ds-banner.-justified.-justified-alt[data-headlineSizeSm=md] .ds-banner--headline,
    .ds-banner.-justified.-justified-alt[data-headlineSizeSm=md] h2,
    .ds-banner.-justified.-justified-alt[data-headlineSizeSm=sm] .ds-banner--headline,
    .ds-banner.-justified.-justified-alt[data-headlineSizeSm=sm] h2,
    .ds-banner.-v3[data-headline-size=md] .ds-banner--headline,
    .ds-banner.-v3[data-headline-size=md] h2,
    .ds-banner.-v3[data-headline-size=sm] .ds-banner--headline,
    .ds-banner.-v3[data-headline-size=sm] h2,
    .ds-banner.-v3[data-headlineSizeSm=m] .ds-banner--headline,
    .ds-banner.-v3[data-headlineSizeSm=m] h2,
    .ds-banner.-v3[data-headlineSizeSm=md] .ds-banner--headline,
    .ds-banner.-v3[data-headlineSizeSm=md] h2,
    .ds-banner.-v3[data-headlineSizeSm=sm] .ds-banner--headline,
    .ds-banner.-v3[data-headlineSizeSm=sm] h2 {
        font-size: clamp(var(--f-h6), 8vw, var(--f-h5));
        -webkit-line-clamp: 4
    }
}

.ds-banner.-justified.-justified-alt .ds-banner--picture,
.ds-banner.-v3 .ds-banner--picture {
    transition: none
}

.ds-banner.-v3 {
    --sizing-wbd: 48px;
    --sizing-hero-paging: 0px;
    --c-overlay: rgba(8, 28, 32, .48);
    aspect-ratio: 21/9;
    max-height: calc(var(--vh, 100vh) - var(--sizing-header) - var(--sizing-wbd, 68px) - var(--sizing-hero-paging, 0px));
    min-height: 420px;
    width: 100%;
    overflow: hidden
}

.ds-banner.-v3[data-theme=light] {
    --c-desktop: #000;
    --c-mobile: #000;
    --c-overlay: hsla(0, 0%, 100%, .54)
}

.ds-slideshow.-hp.ds-slider:has(.ds-banner.-v3) .ds-slider-controls {
    --c-em-xlow: var(--c-em-l-xlow);
    --c-em-low: var(--c-em-l-low);
    --c-em-med: var(--c-em-l-med);
    --c-em-high: var(--c-em-l-high);
    --c-em-full: var(--c-em-l-full, #000);
    transform: translateY(-4px)
}

.ds-banner.-v3:has(~.ds-banner) {
    margin-bottom: 50px
}

.ds-banner.-v3~.ds-banner {
    display: none
}

@media (max-width:1023.98px) {
    .ds-banner.-v3 {
        aspect-ratio: 21/9
    }
}

@media (max-width:1023.98px) and (orientation:portrait) {
    .ds-banner.-v3 {
        max-height: calc(var(--vh, 100vh) - var(--sizing-header) - var(--sizing-wbd, 68px) - var(--sizing-hero-paging, 0px))
    }
}

@media (max-width:899.98px) {
    .ds-banner.-v3 {
        aspect-ratio: 5/4
    }
}

@media (max-height:580px) and (orientation:landscape) {
    .ds-banner.-v3 {
        max-height: calc(var(--vh, 100vh) - var(--sizing-header) - var(--sizing-wbd, 68px) - var(--sizing-hero-paging, 0px));
        min-height: 288px
    }
}

@media (min-width:1024px) {
    .ds-banner.-v3 {
        aspect-ratio: 21/9
    }
}

@media (min-width:1200px) {
    .ds-banner.-v3 {
        --sizing-wbd: 68px;
        min-height: 346px;
        aspect-ratio: 21/9
    }
}

@media (min-width:1200px) and (min-aspect-ratio:563262703395435/281474976710656) {
    .ds-banner.-v3 {
        aspect-ratio: 24/9
    }
}

@media (min-width:1680px) {
    .ds-banner.-v3 {
        aspect-ratio: 24/9
    }
}

@media (max-width:559px),
(max-width:899.98px) and (orientation:portrait) {
    .ds-banner.-v3 {
        --c-mobile: #000;
        background: transparent;
        aspect-ratio: revert;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        max-height: none;
        min-height: auto
    }
    .ds-banner.-v3 .ds-banner--picture {
        aspect-ratio: 5/4;
        grid-row: 1/2
    }
}

@media (max-width:559px) and (min-width:601px),
(max-width:899.98px) and (orientation:portrait) and (min-width:601px) {
    .ds-banner.-v3 .ds-banner--picture {
        aspect-ratio: 18/9
    }
    .ds-banner.-v3 .ds-banner--picture img {
        object-position: center center
    }
}

@media (max-width:559px),
(max-width:899.98px) and (orientation:portrait) {
    .ds-banner.-v3 .ds-banner--inside {
        -ms-grid-row: 3;
        grid-row: 3;
        position: relative;
        width: 100%
    }
    .ds-banner.-v3 .ds-banner--inside .ds-banner--copy {
        background-color: transparent;
        -webkit-backdrop-filter: revert;
        backdrop-filter: revert
    }
}

@media (min-width:660px) and (max-width:960px) and (orientation:landscape) {
    .ds-banner.-v3 .ds-banner--copy {
        min-width: 65%;
        max-width: 65%
    }
}

@media (max-width:600px) {
    .ds-banner.-v3 .ds-banner--picture {
        aspect-ratio: 5/4
    }
}

.ds-banner.-v3 .ds-banner--inside {
    grid-row: 2/-1
}

@media (max-width:1023.98px) {
    .ds-banner.-v3 .ds-banner--inside {
        -ms-flex-pack: revert;
        justify-content: revert
    }
}

@media (max-width:1024px) {
    .ds-banner.-v3 .ds-banner--inside {
        -ms-flex-align: start;
        align-items: start
    }
}

.ds-banner.-v3 .ds-banner--inside .ds-banner--copy {
    font-weight: 650
}

@media (max-width:899.98px) {
    .ds-banner.-v3 .ds-banner--inside .ds-banner--copy {
        padding-block: 16px
    }
}

@media (max-width:599.98px) {
    .ds-banner.-v3 .ds-banner--inside .ds-banner--copy {
        text-align: center
    }
    .ds-banner.-v3 .ds-banner--inside .ds-banner--copy .ds-banner--body {
        -webkit-box-pack: center;
        text-align: center
    }
}

@media (max-width:899.98px) {
    .ds-banner.-v3 .ds-banner--inside .ds-banner--copy .cta {
        --c-button-hover: var(--c-em-full-contrast);
        --c-button-hover-border: var(--c-em-full-contrast);
        --c-button-hover-copy: var(--c-em-full)
    }
    .ds-banner.-v3 .ds-banner--inside .ds-banner--copy .cta.-hc {
        border-color: var(--c-button-border);
        background-color: var(--c-button);
        color: var(--c-button-copy)
    }
}

@media (min-width:900px) {
    .ds-banner.-v3 .ds-banner--inside .ds-banner--copy {
        text-align: left;
        max-width: 50%;
        min-width: 50%;
        padding-right: 0
    }
}

@media (min-width:1200px) {
    .ds-banner.-v3 .ds-banner--inside .ds-banner--copy {
        font-size: clamp(var(--f-m), 1.5vw, var(--f-l))
    }
    .ds-banner.-v3 .ds-banner--inside .ds-banner--copy.-m {
        display: none !important
    }
}

@media (max-width:1199.98px) {
    .ds-banner.-v3 .ds-banner--inside .ds-banner--copy {
        font-size: var(--f-s)
    }
    .ds-banner.-v3 .ds-banner--inside .ds-banner--copy.-m+.ds-banner--body {
        display: none !important
    }
}

.ds-banner.-v3 .ds-banner--inside .ds-banner--copy .ds-banner--headline,
.ds-banner.-v3 .ds-banner--inside .ds-banner--copy h2 {
    -webkit-line-clamp: unset;
    margin-bottom: 4px
}

@media (max-width:1023.98px) {
    .ds-banner.-v3 .ds-banner--inside .ds-banner--copy .ds-banner--headline,
    .ds-banner.-v3 .ds-banner--inside .ds-banner--copy h2 {
        color: var(--c-mobile, var(--c-em-full))
    }
}

@media (min-width:1024px) {
    .ds-banner.-v3 .ds-banner--inside .ds-banner--copy .ds-banner--headline,
    .ds-banner.-v3 .ds-banner--inside .ds-banner--copy h2 {
        color: var(--c-desktop, var(--c-em-full))
    }
}

.ds-banner.-v3 .ds-banner--inside .ds-banner--copy .ds-banner--body,
.ds-banner.-v3 .ds-banner--inside .ds-banner--copy p {
    text-wrap: pretty
}

@media (max-width:1023.98px) {
    .ds-banner.-v3 .ds-banner--inside .ds-banner--copy .ds-banner--body,
    .ds-banner.-v3 .ds-banner--inside .ds-banner--copy p {
        color: var(--c-mobile, var(--c-em-full))
    }
}

@media (min-width:1024px) {
    .ds-banner.-v3 .ds-banner--inside .ds-banner--copy .ds-banner--body,
    .ds-banner.-v3 .ds-banner--inside .ds-banner--copy p {
        color: var(--c-desktop, var(--c-em-full))
    }
}

@media (max-width:899.98px) {
    .ds-slideshow.-hp:not([data-count="1"]) .ds-banner.-v3 .ds-banner--inside .ds-banner--copy {
        padding-bottom: 4px
    }
}

.ds-banner.-v3.-justified .ds-banner--inside .ds-banner--copy {
    background-color: var(--c-overlay);
    -webkit-backdrop-filter: saturate(180%) blur(4px);
    backdrop-filter: saturate(180%) blur(4px)
}

@media (min-width:900px) {
    .ds-banner.-v3.-justified .ds-banner--inside .ds-banner--copy {
        max-width: 100%;
        min-width: 100%;
        padding-right: var(--side-offset);
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width:900px) and (max-width:1199.98px) {
    .ds-banner.-v3.-justified .ds-banner--inside .ds-banner--copy {
        -ms-flex-align: start;
        align-items: start
    }
}

@media (min-width:900px) and (min-width:1200px) {
    .ds-banner.-v3.-justified .ds-banner--inside .ds-banner--copy .ds-col h2 {
        margin-bottom: -4px
    }
}

.ds-banner.-v3.-justified .ds-banner--picture:after {
    display: none
}

@media (min-width:900px) {
    .ds-banner.-v3[data-dim=light] .ds-banner--picture:after,
    .ds-banner.-v3[data-dim=yes] .ds-banner--picture:after {
        content: " ";
        display: block;
        position: absolute;
        inset: 0;
        background-image: linear-gradient(12deg, rgba(0, 0, 0, .5), transparent 70%)
    }
    .ds-banner.-v3[data-dim=light] .ds-banner--picture img,
    .ds-banner.-v3[data-dim=light] .ds-banner--picture video,
    .ds-banner.-v3[data-dim=yes] .ds-banner--picture img,
    .ds-banner.-v3[data-dim=yes] .ds-banner--picture video {
        opacity: 1
    }
}

@media (max-width:899.98px) {
    .ds-banner.-v3[data-dim=light] .ds-banner--picture:after,
    .ds-banner.-v3[data-dim=yes] .ds-banner--picture:after {
        display: none
    }
    .ds-banner.-v3[data-dim=light] .ds-banner--picture img,
    .ds-banner.-v3[data-dim=light] .ds-banner--picture video,
    .ds-banner.-v3[data-dim=yes] .ds-banner--picture img,
    .ds-banner.-v3[data-dim=yes] .ds-banner--picture video {
        opacity: 1
    }
}

@media (min-width:900px) {
    .ds-banner.-v3[data-dim=heavy] .ds-banner--picture img,
    .ds-banner.-v3[data-dim=heavy] .ds-banner--picture video {
        opacity: .58
    }
}

@media (max-width:899.98px) {
    .ds-banner.-v3[data-dim=heavy] .ds-banner--picture img,
    .ds-banner.-v3[data-dim=heavy] .ds-banner--picture video {
        opacity: 1
    }
    .ds-banner.-v3[data-dim=heavy] .ds-banner--picture:after {
        display: none
    }
}

.ds-banner.-v3 .ds-banner--picture img,
.ds-banner.-v3 .ds-banner--picture video {
    height: 100%;
    max-height: none;
    aspect-ratio: inherit
}

@media (min-height:500px) {
    .ds-slideshow.-hp .ds-banner.-v3 {
        --sizing-hero-paging: 48px
    }
}

.ds-banner.-justified .ds-banner--inside .ds-banner--copy p {
    text-wrap: balance
}

@media (min-width:1024px) {
    .ds-banner.-justified .ds-banner--inside .ds-banner--copy {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 8fr 4fr;
        grid-template-columns: 8fr 4fr;
        text-align: left;
        -ms-flex-align: end;
        align-items: end;
        column-gap: var(--sizing-gutter)
    }
    .ds-banner.-justified .ds-banner--inside .ds-banner--copy img {
        margin-inline: 0 auto
    }
    .ds-banner.-justified .ds-banner--inside .ds-banner--copy h1,
    .ds-banner.-justified .ds-banner--inside .ds-banner--copy h2 {
        margin-bottom: -13px;
        padding-top: 16px;
        margin-top: -16px
    }
}

@media (max-width:1200px) {
    .ds-banner.-justified .ds-banner--inside .ds-banner--copy br {
        display: none
    }
}

.ds-banner.-justified.-justified-alt {
    --sizing-wbd: 78px;
    --sizing-hero-paging: 0px;
    --sizing-hero-copy: 206px;
    -ms-grid-rows: 50px auto auto;
    grid-template-rows: 50px auto auto;
    max-width: 2560px;
    aspect-ratio: unset;
    max-height: none
}

@media (min-width:1024px) {
    .ds-banner.-justified.-justified-alt {
        --sizing-wbd: 68px;
        --sizing-hero-copy: 182px;
        -ms-grid-rows: 50px auto auto;
        grid-template-rows: 50px auto auto;
        aspect-ratio: unset
    }
}

@media (min-width:660px) and (max-width:960px) and (orientation:landscape),
(min-width:961px) and (max-height:680px) and (orientation:landscape) {
    .ds-banner.-justified.-justified-alt {
        -ms-grid-columns: (minmax(0, 1fr))[2];
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media (min-height:500px) {
    .ds-slideshow.-hp .ds-banner.-justified.-justified-alt {
        --sizing-hero-paging: 48px
    }
}

@media (min-height:500px) and (max-width:1023.98px) {
    .ds-slideshow.-hp .ds-banner.-justified.-justified-alt .ds-banner--inside .ds-banner--copy {
        padding-bottom: 4px;
        margin-bottom: 0
    }
    .ds-slideshow.-hp .ds-banner.-justified.-justified-alt .ds-banner--inside .ds-banner--copy+.ds-banner--button-wrapper {
        margin-top: 16px
    }
}

.ds-banner.-justified.-justified-alt .ds-banner--picture {
    grid-row: 1/3;
    overflow: clip;
    max-height: 100%;
    width: 100%;
    transition: max-height .32s ease-in-out;
    max-height: calc(var(--vh, 100vh) - var(--sizing-header) - var(--sizing-wbd, 68px) - var(--sizing-hero-paging, 0px) - var(--sizing-hero-copy, 208px))
}

@media (max-width:799.98px) {
    .ds-banner.-justified.-justified-alt .ds-banner--picture {
        aspect-ratio: 375/530;
        min-height: 180px
    }
}

@media (max-width:799.98px) and (max-height:850px) {
    .ds-banner.-justified.-justified-alt .ds-banner--picture {
        min-height: 170px
    }
}

@media (min-width:800px) {
    .ds-banner.-justified.-justified-alt .ds-banner--picture {
        aspect-ratio: 1440/530;
        min-height: 152px
    }
    .experience-harman_assets-contentAsset [data-type="Content Slot 1"]>.ds-slideshow--item>.ds-banner.-justified.-justified-alt .ds-banner--picture,
    .page>.ds-slideshow--item>.ds-banner.-justified.-justified-alt .ds-banner--picture,
    [data-count="1"].-hp.ds-slider .ds-banner.-justified.-justified-alt .ds-banner--picture {
        --sizing-hero-paging: 0px
    }
}

@media (min-width:660px) and (max-width:960px) and (orientation:landscape) {
    .ds-banner.-justified.-justified-alt .ds-banner--picture {
        -ms-grid-column: 1;
        grid-column: 1;
        grid-row: 1/3;
        min-height: calc(var(--vh, 100vh) - var(--sizing-header) - 48px)
    }
}

@media (min-width:961px) and (max-height:680px) and (orientation:landscape) {
    .ds-banner.-justified.-justified-alt .ds-banner--picture {
        --sizing-hero-copy: 0px;
        -ms-grid-column: 1;
        grid-column: 1;
        grid-row: 1/3;
        min-height: calc(var(--vh, 100vh) - var(--sizing-header) - 116px)
    }
    .ds-banner.-justified.-justified-alt .ds-banner--picture+.ds-banner--inside .ds-banner--copy {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        row-gap: var(--spacing-s)
    }
    .ds-banner.-justified.-justified-alt .ds-banner--picture+.ds-banner--inside .ds-banner--copy h2 {
        font-size: clamp(var(--f-3xl), 3.3vw, var(--f-h4))
    }
}

@media (min-width:961px) and (max-height:680px) and (orientation:landscape) and (max-height:530px) {
    .ds-banner.-justified.-justified-alt .ds-banner--picture {
        min-height: 234px
    }
}

.ds-banner.-justified.-justified-alt .ds-banner--picture:after {
    display: none
}

.ds-banner.-justified.-justified-alt .ds-banner--picture img,
.ds-banner.-justified.-justified-alt .ds-banner--picture video {
    height: 100%;
    max-height: none;
    aspect-ratio: inherit
}

.page>.ds-slideshow--item .ds-banner.-justified.-justified-alt .ds-banner--inside {
    grid-row: 3/3
}

.ds-banner.-justified.-justified-alt .ds-banner--inside {
    grid-row: 3/3;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    position: relative
}

@media (max-width:1023.98px) {
    .ds-banner.-justified.-justified-alt .ds-banner--inside {
        max-height: 345px
    }
}

@media (min-width:800px) and (orientation:landscape) {
    .ds-banner.-justified.-justified-alt .ds-banner--inside {
        max-height: 160px;
        min-height: 160px
    }
}

@media (min-width:1360px) {
    .ds-banner.-justified.-justified-alt .ds-banner--inside {
        max-height: 182px;
        min-height: 182px
    }
}

@media (min-width:660px) and (max-width:960px) and (orientation:landscape),
(min-width:961px) and (max-height:680px) and (orientation:landscape) {
    .ds-banner.-justified.-justified-alt .ds-banner--inside {
        -ms-grid-column: 2;
        grid-column: 2;
        grid-row: 1/3;
        max-height: none
    }
    .ds-banner.-justified.-justified-alt .ds-banner--inside>.ds-banner--copy {
        padding-block: 0
    }
}

@media (min-width:1024px) {
    .ds-banner.-justified.-justified-alt .ds-banner--inside .ds-banner--copy {
        -ms-flex-align: center;
        align-items: center;
        -ms-grid-columns: 4fr 3fr;
        grid-template-columns: 4fr 3fr
    }
}

@media (max-width:1023.98px) {
    .ds-banner.-justified.-justified-alt .ds-banner--inside .ds-banner--copy {
        text-align: center
    }
}

.ds-banner.-justified.-justified-alt h2 {
    font-size: clamp(var(--f-h6), 10vw, var(--f-h4));
    font-weight: 700 !important;
    font-stretch: condensed !important;
    min-height: auto;
    overflow: var(--h2-banner-overflow);
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.ds-banner.-justified.-justified-alt h2,
.page>.ds-slideshow--item>.ds-banner.-justified.-justified-alt h2 {
    font-variation-settings: "wdth" 75 !important
}

.ds-banner.-justified.-justified-alt h2 em {
    font-stretch: inherit;
    font-variation-settings: inherit
}

@media (min-width:1024px) {
    .ds-banner.-justified.-justified-alt h2 {
        font-size: clamp(var(--f-3xl), 4.3vw, var(--f-h4));
        -webkit-line-clamp: 2
    }
}

@media (max-width:1023.98px) {
    .ds-banner.-justified.-justified-alt h2 {
        margin-bottom: var(--spacing-s);
        -webkit-line-clamp: 3
    }
}

.ds-banner.-justified.-justified-alt .ds-banner--body {
    font-weight: 650;
    text-wrap: pretty !important;
    overflow: clip;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

@media (min-width:1024px) {
    .ds-banner.-justified.-justified-alt .ds-banner--body {
        -webkit-line-clamp: 3;
        font-size: clamp(var(--f-m), 1.5vw, var(--f-l));
        text-wrap: pretty
    }
    .ds-banner.-justified.-justified-alt .ds-banner--body.-m {
        display: none !important
    }
}

@media (max-width:1023.98px) {
    .ds-banner.-justified.-justified-alt .ds-banner--body {
        -webkit-line-clamp: 4;
        font-size: var(--f-s);
        padding-block: 4px;
        margin-bottom: var(--spacing-m)
    }
    .ds-banner.-justified.-justified-alt .ds-banner--body.-m+.ds-banner--body {
        display: none !important
    }
}

@media (min-width:1024px) {
    .ds-banner.-justified.-justified-alt[data-headline-size=md] h2,
    .ds-banner.-justified.-justified-alt[data-headline-size=sm] h2,
    .ds-banner.-justified.-justified-alt[data-headlineSizeLg=m] h2,
    .ds-banner.-justified.-justified-alt[data-headlineSizeLg=md] h2,
    .ds-banner.-justified.-justified-alt[data-headlineSizeLg=sm] h2 {
        font-size: clamp(var(--f-2xl), 3vw, var(--f-h6));
        -webkit-line-clamp: 3
    }
}

@media (max-width:1023.98px) {
    .ds-banner.-justified.-justified-alt[data-headline-size=md] h2,
    .ds-banner.-justified.-justified-alt[data-headline-size=sm] h2,
    .ds-banner.-justified.-justified-alt[data-headlineSizeSm=m] h2,
    .ds-banner.-justified.-justified-alt[data-headlineSizeSm=md] h2,
    .ds-banner.-justified.-justified-alt[data-headlineSizeSm=sm] h2 {
        font-size: clamp(var(--f-h6), 8vw, var(--f-h5));
        -webkit-line-clamp: 4
    }
}

.ds-banner.-justified.-justified-alt.-fixedtype h2 {
    font-size: var(--f-h4)
}

@media (min-width:1024px) {
    .ds-banner.-justified.-justified-alt.-fixedtype h2 {
        font-size: var(--f-h4)
    }
}

@media (min-width:1024px) {
    .ds-banner.-justified.-justified-alt.-fixedtype[data-headline-size=md] h2,
    .ds-banner.-justified.-justified-alt.-fixedtype[data-headline-size=sm] h2,
    .ds-banner.-justified.-justified-alt.-fixedtype[data-headlineSizeLg=m] h2,
    .ds-banner.-justified.-justified-alt.-fixedtype[data-headlineSizeLg=md] h2,
    .ds-banner.-justified.-justified-alt.-fixedtype[data-headlineSizeLg=sm] h2 {
        font-size: var(--f-h6)
    }
}

@media (max-width:1023.98px) {
    .ds-banner.-justified.-justified-alt.-fixedtype[data-headline-size=md] h2,
    .ds-banner.-justified.-justified-alt.-fixedtype[data-headline-size=sm] h2,
    .ds-banner.-justified.-justified-alt.-fixedtype[data-headlineSizeSm=m] h2,
    .ds-banner.-justified.-justified-alt.-fixedtype[data-headlineSizeSm=md] h2,
    .ds-banner.-justified.-justified-alt.-fixedtype[data-headlineSizeSm=sm] h2 {
        font-size: var(--f-h5)
    }
}

.ds-slideshow.-hp.ds-slider:has(.ds-banner.-justified.-justified-alt) {
    background-color: var(--c-canvas-full);
    max-width: var(--sizing-max-page, 2560px);
    margin-inline: auto
}

.ds-slideshow.-hp.ds-slider:has(.ds-banner.-justified.-justified-alt) .ds-slider-controls .ds-slider-prev {
    -ms-flex-order: 1;
    order: 1
}

.ds-slideshow.-hp.ds-slider:has(.ds-banner.-justified.-justified-alt) .ds-slider-controls .ds-slider-index {
    -ms-flex-order: 2;
    order: 2
}

.ds-slideshow.-hp.ds-slider:has(.ds-banner.-justified.-justified-alt) .ds-slider-controls .ds-slider-next {
    -ms-flex-order: 3;
    order: 3
}

.ds-slideshow.-hp.ds-slider:has(.ds-banner.-justified.-justified-alt) .ds-slider-controls .ds-slider-dots {
    -ms-flex-order: 4;
    order: 4
}

.ds-banner.-split {
    --c-bg: var(--c-canvas);
    --c-fg: var(--c-em-full);
    --f-headline: clamp(32px, 3.6cqw, var(--f-h5));
    background: var(--c-bg) no-repeat 50%/cover;
    color: var(--c-fg);
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 0;
    min-height: 320px
}

@media (min-width:1024px) {
    .ds-banner.-split {
        display: -ms-grid;
        display: grid;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-grid-columns: (auto)[2];
        grid-template-columns: repeat(2, auto);
        column-gap: clamp(16px, 4vw, 96px)
    }
    .ds-banner.-split[data-text-alignment*=left] {
        text-align: left
    }
    .ds-banner.-split[data-text-alignment*=right] {
        text-align: right
    }
    .ds-banner.-split[data-text-alignment*=center] {
        text-align: center
    }
    .ds-banner.-split[data-visual-placement-d*=right] .ds-banner--picture.-fg {
        -ms-flex-order: 2;
        order: 2
    }
}

@media (max-width:1023.98px) {
    .ds-banner.-split {
        row-gap: 16px
    }
    .ds-banner.-split .ds-banner--inside {
        margin-inline: 0;
        min-width: 100%
    }
    .ds-banner.-split .ds-banner--inside .ds-banner--copy {
        min-width: 100%
    }
    .ds-banner.-split[data-visual-placement-m*=bottom] .ds-banner--picture.-fg {
        -ms-flex-order: 2;
        order: 2
    }
    .ds-banner.-split[data-text-alignment-m*=left] .ds-banner--inside .ds-banner--copy {
        text-align: left
    }
    .ds-banner.-split[data-text-alignment-m*=right] .ds-banner--inside .ds-banner--copy {
        text-align: right
    }
    .ds-banner.-split[data-text-alignment-m*=center] .ds-banner--inside .ds-banner--copy {
        text-align: center
    }
}

@media (max-width:1023px) {
    .ds-banner.-split[data-headlineSizeSm=m] .ds-banner--headline {
        --f-headline: clamp(32px, 3.6cqw, var(--f-h5))
    }
}

@media (min-width:1024px) {
    .ds-banner.-split[data-headlineSizeLg=m] .ds-banner--headline {
        --f-headline: clamp(32px, 3.6cqw, var(--f-h5))
    }
}

@media (max-width:1023px) {
    .ds-banner.-split[data-headlineSizeSm=l] .ds-banner--headline {
        --f-headline: clamp(32px, 4.4cqw, var(--f-h4))
    }
}

@media (min-width:1024px) {
    .ds-banner.-split[data-headlineSizeLg=l] .ds-banner--headline {
        --f-headline: clamp(32px, 4.4cqw, var(--f-h4))
    }
}

@media (max-width:1023px) {
    .ds-banner.-split[data-headlineSizeSm=xl] .ds-banner--headline {
        --f-headline: clamp(32px, 5.5cqw, var(--f-h3))
    }
}

@media (min-width:1024px) {
    .ds-banner.-split[data-headlineSizeLg=xl] .ds-banner--headline {
        --f-headline: clamp(32px, 5.5cqw, var(--f-h3))
    }
}

.ds-banner.-split[data-justify=space-between] {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ds-banner.-split .ds-banner--picture.-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden
}

@media (min-width:1024px) {
    .ds-banner.-split .ds-banner--picture.-bg {
        position: static;
        grid-column: 1/-1;
        grid-row: 1/-1
    }
}

.ds-banner.-split .ds-banner--picture.-fg {
    min-height: 100%;
    max-height: Min(256px, calc(var(--vh, 100vh) - var(--sizing-header)));
    width: auto;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -ms-flexbox;
    display: flex;
    margin-inline: auto;
    padding: 8px var(--spacing-m, 24px) 16px;
    grid-row: 1/2;
    grid-column: 1/-1
}

@media (min-width:1024px) {
    .ds-banner.-split .ds-banner--picture.-fg {
        margin-inline: auto 0;
        -ms-flex-pack: start;
        justify-content: start;
        grid-row: 1/-1;
        -ms-grid-column: 2;
        grid-column: 2;
        width: 100%
    }
    .ds-banner.-split .ds-banner--picture.-fg img {
        min-height: 100%;
        min-width: 100%
    }
}

.ds-banner.-split .ds-banner--picture.-fg img {
    min-width: auto;
    min-height: auto;
    max-width: 100%;
    max-height: inherit;
    width: auto;
    height: auto;
    object-fit: contain
}

.ds-banner.-split .ds-banner--inside {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -ms-flexbox;
    display: flex;
    padding-top: 0 !important;
    margin-inline: auto;
    grid-row: 2/-1;
    grid-column: 1/-1
}

@media (min-width:1024px) {
    .ds-banner.-split .ds-banner--inside {
        margin-inline: 0 auto;
        -ms-flex-pack: start;
        justify-content: start;
        grid-row: 2/-1;
        -ms-grid-column: 1;
        grid-column: 1
    }
}

.ds-banner.-split .ds-banner--inside .ds-banner--copy {
    min-width: auto;
    max-width: 100%
}

.ds-banner.-split .ds-banner--inside .ds-banner--copy .ds-banner--headline {
    font-size: var(--f-headline);
    color: var(--c-ds-headline, var(--c-fg))
}

.ds-banner.-split .ds-banner--inside .ds-banner--copy .ds-banner--subheadline {
    font-size: var(--f-l);
    font-weight: 700;
    margin-bottom: var(--spacing-s);
    color: var(--c-ds-subheadline, var(--c-fg))
}

.ds-banner.-split .ds-banner--inside .ds-banner--copy .ds-banner--body {
    font-size: var(--f-m);
    margin-bottom: var(--spacing-s);
    color: var(--c-ds-body, var(--c-fg))
}

.ds-banner[data-theme*=premium] h2 {
    font-stretch: condensed;
    font-variation-settings: "wdth" 75
}

.ds-banner h2 {
    line-height: .9
}

.ds-banner h2 em {
    font-style: normal;
    background: var(--c-highlight);
    color: var(--c-highlight-color);
    padding: .06em 8px 0;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone
}

.ds-banner h2 span {
    display: inline-block
}

.ds-banner .ds-banner--picture {
    position: relative
}

.ds-banner .ds-banner--picture img,
.ds-banner .ds-banner--picture video {
    object-fit: cover;
    min-height: 100%;
    min-width: 100%;
    max-width: 100%;
    max-height: calc(var(--vh, 100vh) - var(--sizing-header))
}

@media (max-width:1024px) {
    .ds-banner {
        display: -ms-grid;
        display: grid
    }
    .ds-banner .ds-banner--inside {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .ds-banner .ds-banner--inside,
    .ds-banner .ds-banner--picture {
        grid-column: 1/-1;
        grid-row: 1/-1;
        position: relative
    }
}

@media (min-width:1024px) {
    .ds-banner .ds-banner--body.-m {
        display: none
    }
}

@media (max-width:1023px) {
    .ds-banner .ds-banner--body.-m+.ds-banner--body {
        display: none
    }
}

.ds-banner .ds-headline {
    padding-top: 16px;
    margin-top: -16px
}

@media (min-width:1024px) {
    .ds-banner .ds-headline.-m {
        display: none
    }
}

@media (max-width:1023px) {
    .ds-banner .ds-headline.-m+.ds-headline {
        display: none
    }
}

@media (min-width:1024px) {
    .ds-banner .ds-banner--headline.-m {
        display: none
    }
}

@media (max-width:1023px) {
    .ds-banner .ds-banner--headline.-m+.ds-banner--headline {
        display: none
    }
}

@media (min-width:1024px) {
    .ds-banner .ds-banner--subheadline.-m {
        display: none
    }
}

@media (max-width:1023px) {
    .ds-banner .ds-banner--subheadline.-m+.ds-banner--subheadline {
        display: none
    }
}

.ds-slideshow--item[data-large=false] .ds-banner--headline {
    font-size: 24px
}

.ds-slideshow--item[data-large=false] .ds-banner--subheadline {
    font-size: 18px
}

.ds-slideshow--item[data-large=false] .ds-banner--body {
    font-size: 16px
}

[id=maincontent]:has(.experience-region) .experience-component .ds-themed-product-carousel {
    content-visibility: auto;
    contain-intrinsic-size: 100vw 171vw
}

@media (min-width:1024px) {
    [id=maincontent]:has(.experience-region) .experience-component .ds-themed-product-carousel {
        contain-intrinsic-size: 100vw 42vw
    }
}

[id=maincontent]:has(.experience-region) .experience-component .ds-fcp-wrapper {
    content-visibility: auto;
    contain-intrinsic-size: 100vw 186vw
}

@media (min-width:1024px) {
    [id=maincontent]:has(.experience-region) .experience-component .ds-fcp-wrapper {
        contain-intrinsic-size: 100vw 54vw
    }
}

[id=maincontent]:has(.experience-region) .experience-component .ds-technology-cards-package {
    content-visibility: auto;
    contain-intrinsic-size: 100vw 184vw
}

@media (min-width:1024px) {
    [id=maincontent]:has(.experience-region) .experience-component .ds-technology-cards-package {
        contain-intrinsic-size: 100vw 47vw
    }
}

[id=maincontent]:has(.experience-region) .experience-component .ds-banner.-history-callout {
    content-visibility: auto;
    contain-intrinsic-size: 100vw 125vw
}

@media (min-width:1024px) {
    [id=maincontent]:has(.experience-region) .experience-component .ds-banner.-history-callout {
        contain-intrinsic-size: 100vw 25vw
    }
}

[id=maincontent]:has(.experience-region)~.subscribe-form .mindbox-subscription {
    content-visibility: auto;
    contain-intrinsic-size: 100vw 75vw
}

@media (min-width:1024px) {
    [id=maincontent]:has(.experience-region)~.subscribe-form .mindbox-subscription {
        contain-intrinsic-size: 100vw 13.6vw
    }
}

[id=maincontent]:has(.experience-region)~footer {
    content-visibility: auto;
    contain-intrinsic-size: 100vw 341vw
}

@media (min-width:1024px) {
    [id=maincontent]:has(.experience-region)~footer {
        contain-intrinsic-size: 100vw 39vw
    }
}

@keyframes placeholderShimmer {
    0% {
        background-position: 200% 0
    }
    to {
        background-position: -200% 0
    }
}

.clp-wrapper {
    display: -ms-grid;
    display: grid;
    max-width: var(--sizing-max-page, 2560px);
    margin-inline: auto
}

.clp-wrapper>[data-type] {
    content-visibility: auto
}

.clp-wrapper .ds-banner--picture.-fg {
    aspect-ratio: 207/95
}

.clp-wrapper .ds-product-series-package {
    content-visibility: auto;
    contain-intrinsic-size: auto calc(50cqw + 182px)
}

@media (min-width:1024px) {
    .clp-wrapper .ds-product-series-package {
        contain-intrinsic-size: auto calc(25cqw + 182px)
    }
}

.clp-wrapper>.seo-heading {
    padding: var(--side-offset) var(--side-offset) 6rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: end;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--c-button);
    color: var(--c-button-copy);
    font-size: clamp(48px, 8vw, 80px);
    margin-bottom: .5rem;
    font-weight: 750;
    font-stretch: normal;
    font-variation-settings: "wdth" 100;
    aspect-ratio: 375/362
}

@media (min-width:900px) {
    .clp-wrapper>.seo-heading {
        aspect-ratio: 9/2;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: start;
        justify-content: start;
        padding-bottom: var(--side-offset);
        padding-right: 50%
    }
}

.clp-wrapper:not([data-state=loaded]) .ds-banner.-general.-clp {
    aspect-ratio: 375/362;
    background-color: var(--c-canvas)
}

@media (min-width:900px) {
    .clp-wrapper:not([data-state=loaded]) .ds-banner.-general.-clp {
        aspect-ratio: 9/2
    }
}

.clp-wrapper:not([data-state=loaded]) .ds-product-series-package {
    aspect-ratio: 5/4
}

@media (min-width:1024px) {
    .clp-wrapper:not([data-state=loaded]) .ds-product-series-package {
        aspect-ratio: 32/9
    }
}

.clp-wrapper .ds-banner.-fcp[data-theme] .ds-banner--copy .ds-headline {
    font-stretch: normal;
    font-weight: 700;
    font-size: clamp(2.5rem, 6vw, 96px)
}

.clp-wrapper .ds-banner.-fcp[data-theme] .ds-banner--copy .button-wrapper {
    -ms-flex-order: 500;
    order: 500
}

.clp-wrapper .ds-technology-cards-package .ds-slider {
    margin-inline: var(--side-offset-negative)
}

@media (min-width:1024px) {
    .clp-wrapper .ds-technology-cards-package .ds-slider {
        max-width: Max(82vw, 1200px);
        margin-inline: auto
    }
}

.clp-wrapper .ds-technology-cards-package .ds-slider .ds-slides.ds-technology-cards {
    --spv: 1.5;
    gap: 0
}

@media (min-width:600px) {
    .clp-wrapper .ds-technology-cards-package .ds-slider .ds-slides.ds-technology-cards {
        --spv: 2.5
    }
}

@media (min-width:1024px) {
    .clp-wrapper .ds-technology-cards-package .ds-slider .ds-slides.ds-technology-cards {
        --spv: 4
    }
}

.clp-wrapper .ds-technology-cards-package .ds-slider .ds-slides.ds-technology-cards .ds-slide {
    padding: 0 var(--spacing-xs)
}

@media (min-width:1024px) {
    .clp-wrapper .ds-technology-cards-package .ds-slider .ds-slides.ds-technology-cards .ds-slide {
        padding: 0 var(--spacing-s)
    }
}

.ds-banner--picture {
    position: relative
}

.ds-banner--picture .js-playback {
    -ms-flex-item-align: end;
    -ms-grid-row-align: end;
    align-self: end;
    justify-self: end;
    position: absolute;
    bottom: var(--spacing-xs);
    right: var(--spacing-xs);
    background-color: var(--c-em-full-contrast);
    border-radius: 22px;
    color: var(--c-em-full)
}

.ds-banner--picture .js-playback:hover {
    background-color: var(--c-button);
    color: var(--c-button-copy)
}

.ds-banner--picture .js-playback:hover:before {
    background-color: inherit;
    color: inherit
}

.ds-category-recirculation {
    background-color: var(--c-canvas-full);
    color: var(--c-em-full)
}

.ds-category-recirculation * {
    color: inherit
}

.ds-category-recirculation .ds-headline {
    padding: var(--spacing-xl) var(--side-offset) var(--spacing-m);
    margin: 0
}

.ds-category-recirculation [data-slider-theme].ds-slider {
    --spv: 2.5
}

@media (max-width:599.98px) {
    .ds-category-recirculation [data-slider-theme].ds-slider {
        --spv: 1.5
    }
}

@media (min-width:1024px) {
    .ds-category-recirculation [data-slider-theme].ds-slider {
        --spv: 4
    }
}

.ds-category-recirculation [data-slider-theme] .ds-category-recirculation-item {
    padding: 16px;
    border: thin solid var(--c-accent);
    border-width: thin thin thin 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    color: var(--c-em-full)
}

.ds-category-recirculation [data-slider-theme] .ds-category-recirculation-item img,
.ds-category-recirculation [data-slider-theme] .ds-category-recirculation-item picture {
    aspect-ratio: 1/1;
    object-fit: cover;
    width: 100%;
    height: auto
}

.ds-category-recirculation [data-slider-theme] .ds-category-recirculation-item:not(:has(.ds-copy)) {
    height: 100%;
    padding: 0
}

.ds-category-recirculation [data-slider-theme] .ds-category-recirculation-item:not(:has(.ds-copy)) img,
.ds-category-recirculation [data-slider-theme] .ds-category-recirculation-item:not(:has(.ds-copy)) picture {
    height: 100%
}

.ds-category-recirculation [data-slider-theme] .ds-category-recirculation-item span.ds-copy {
    display: block;
    text-align: center;
    padding: 16px 16px 0;
    font-weight: 700;
    font-size: var(--f-m, 16px)
}

@media (max-width:1023.98px) {
    .ds-category-recirculation [data-slider-theme] .ds-category-recirculation-item span.ds-copy {
        text-decoration: underline;
        text-underline-offset: 4px
    }
}

.ds-category-recirculation [data-slider-theme] .ds-category-recirculation-item span.ds-copy:after {
    content: "arrow_forward";
    font-family: var(--font-icon);
    margin-left: 5px;
    transform: translateY(2px);
    display: inline-block;
    transition: transform .3s ease
}

.ds-category-recirculation [data-slider-theme] .ds-category-recirculation-item:hover .ds-copy {
    text-decoration: underline;
    text-underline-offset: 4px
}

.ds-category-recirculation [data-slider-theme] .ds-category-recirculation-item:hover .ds-copy:after {
    transform: translate(4px, 2px)
}

.ds-sbs-banners {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: center;
    align-items: center;
    padding-block: var(--spacing-2xl) var(--spacing-3xl);
    overflow: clip
}

@media (min-width:1024px) {
    .ds-sbs-banners {
        padding-inline: var(--side-offset)
    }
}

@media (min-width:1024px) {
    .ds-sbs-banners .ds-swipe-container {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (minmax(0, 1fr))[12];
        grid-template-columns: repeat(12, minmax(0, 1fr));
        gap: clamp(var(--spacing-m), 4vw, var(--side-offset));
        width: 100%
    }
    .ds-sbs-banners .ds-swipe-container .ds-banner.-sbs {
        -ms-grid-column: span 4;
        grid-column: span 4;
        gap: 0
    }
    .ds-sbs-banners .ds-swipe-container:has(.ds-banner.-sbs:first-child:nth-last-child(2)) {
        column-gap: clamp(80px, 8vw, 160px)
    }
    .ds-sbs-banners .ds-swipe-container:has(.ds-banner.-sbs:first-child:nth-last-child(2)) .ds-banner.-sbs {
        -ms-grid-column: span 5;
        grid-column: span 5
    }
    .ds-sbs-banners .ds-swipe-container:has(.ds-banner.-sbs:first-child:nth-last-child(2)) .ds-banner.-sbs:first-child {
        -ms-grid-column-span: 5;
        -ms-grid-column: 2;
        grid-column: 2/span 5
    }
    .ds-sbs-banners .ds-swipe-container:has(.ds-banner.-sbs:first-child:last-child) .ds-banner.-sbs {
        -ms-grid-column-span: 6;
        -ms-grid-column: 4;
        grid-column: 4/span 6
    }
}

@media (max-width:1023.98px) {
    .ds-sbs-banners .ds-swipe-container[data-layout=justified] {
        overflow-x: clip;
        -ms-scroll-snap-type: revert;
        scroll-snap-type: revert;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        padding: 0 var(--side-offset);
        margin-top: -48px
    }
    .ds-sbs-banners .ds-swipe-container[data-layout=justified] .ds-banner.-sbs {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        min-width: Min(500px, 100%);
        max-width: 100%
    }
}

.ds-sbs-banners h2 {
    text-align: center;
    font-variation-settings: "wdth" 75;
    font-weight: 700;
    margin-bottom: var(--spacing-3xl);
    font-size: var(--f-h4);
    color: var(--c-em-full)
}

@media (max-width:1023.98px) {
    .ds-swipe-container {
        --scrollbar-color-track: transparent;
        --scrollbar-color-thumb: var(--c-em-full, #000);
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start;
        overflow-x: auto;
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
        scroll-padding: var(--spacing-s);
        overscroll-behavior-x: contain;
        gap: var(--spacing-s);
        max-width: 100cqw;
        padding-bottom: 0
    }
    .ds-swipe-container>* {
        scroll-snap-align: start
    }
    .ds-swipe-container:after,
    .ds-swipe-container:before {
        display: inline-block;
        content: " ";
        min-width: var(--side-offset);
        min-height: var(--side-offset)
    }
    .ds-swipe-container::-webkit-scrollbar {
        width: 0;
        height: 0
    }
    .ds-swipe-container::-webkit-scrollbar-thumb {
        background-color: var(--scrollbar-color-thumb)
    }
    .ds-swipe-container::-webkit-scrollbar-track {
        background-color: var(--scrollbar-color-track)
    }
    @supports (scrollbar-width:auto) {
        .ds-swipe-container {
            padding-bottom: 0;
            scrollbar-color: var(--scrollbar-color-thumb) var(--scrollbar-color-track);
            scrollbar-width: none
        }
    }
}

.ds-banner.-sbs {
    background-color: var(--c-canvas);
    display: -ms-grid;
    display: grid;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    max-width: Min(500px, 70vw);
    overflow: clip;
    text-align: left;
    -ms-flex-pack: start;
    justify-content: start;
    -ms-flex-align: start;
    align-items: start;
    text-decoration: none;
    contain-intrinsic-height: auto Min(500px, 74vw)
}

[data-theme*=dark] .ds-banner.-sbs {
    background-color: var(--c-canvas-full)
}

@media (max-width:1023.98px) {
    .ds-banner.-sbs {
        min-width: Min(500px, 70vw)
    }
}

.ds-banner.-sbs:nth-of-type(n+4) {
    display: none !important
}

.ds-banner.-sbs .ds-banner--picture {
    height: auto;
    -ms-grid-row: 1;
    grid-row: 1;
    padding: var(--spacing-s) var(--spacing-s) 0;
    grid-column: 1/-1;
    aspect-ratio: 4/3
}

.ds-banner.-sbs .ds-banner--picture>img,
.ds-banner.-sbs .ds-banner--picture>video {
    aspect-ratio: 4/3;
    object-fit: cover;
    transition: clip-path .16s ease-in-out;
    clip-path: inset(0)
}

.ds-banner.-sbs .ds-banner--inside {
    -ms-grid-row: 2;
    grid-row: 2;
    height: 100%;
    -ms-flex-pack: start;
    justify-content: start
}

.ds-banner.-sbs .ds-banner--inside .ds-banner--copy {
    text-align: left;
    -ms-flex-pack: start;
    justify-content: start;
    -ms-flex-align: start;
    align-items: start;
    max-width: none;
    padding: var(--spacing-s) var(--spacing-s) var(--spacing-m);
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.ds-banner.-sbs .ds-banner--inside .ds-banner--copy .ds-banner--button-wrapper {
    margin-top: auto;
    margin-bottom: 0
}

.ds-banner.-sbs .ds-headline {
    margin-bottom: var(--spacing-s);
    color: var(--c-em-full);
    font-size: clamp(32px, 6vw, 40px);
    text-wrap: pretty
}

.ds-banner.-sbs:focus-within .ds-banner--picture>img,
.ds-banner.-sbs:focus-within .ds-banner--picture>video,
.ds-banner.-sbs:hover .ds-banner--picture>img,
.ds-banner.-sbs:hover .ds-banner--picture>video {
    clip-path: inset(8px)
}

.ds-banner.-sbs:focus-within .cta,
.ds-banner.-sbs:hover .cta {
    border-color: var(--c-em-full);
    background-color: var(--c-em-full);
    color: var(--c-em-full-contrast)
}

.ds-banner.-sbs-v2 {
    display: -ms-grid;
    display: grid;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    overflow: clip;
    text-align: left;
    -ms-flex-pack: start;
    justify-content: start;
    -ms-flex-align: start;
    align-items: start;
    text-decoration: none;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    contain-intrinsic-height: auto Min(824px, 100vw)
}

@media (max-width:1023.98px) {
    .ds-banner.-sbs-v2 {
        max-width: Min(824px, 100vw);
        border-top: 2px solid #fff
    }
}

@media (min-width:1024px) {
    .ds-banner.-sbs-v2 {
        max-width: Min(1280px, 70vw);
        min-width: 40%;
        -ms-grid-column: span 2;
        grid-column: span 2
    }
    .ds-banner.-sbs-v2:first-child:last-child {
        -ms-grid-column-span: 2;
        -ms-grid-column: 2;
        grid-column: 2/span 2
    }
}

.ds-banner.-sbs-v2 .ds-banner--picture {
    height: auto;
    grid-row: 1/-1;
    grid-column: 1/-1;
    padding: 0;
    aspect-ratio: 375/443
}

@media (min-width:800px) {
    .ds-banner.-sbs-v2 .ds-banner--picture {
        aspect-ratio: 16/10
    }
}

.ds-banner.-sbs-v2 .ds-banner--picture>img,
.ds-banner.-sbs-v2 .ds-banner--picture>video {
    aspect-ratio: inherit;
    object-fit: cover;
    transition: clip-path .16s ease-in-out;
    clip-path: inset(0)
}

.ds-banner.-sbs-v2 .ds-banner--inside {
    grid-row: 1/-1;
    height: 100%;
    -ms-flex-pack: start;
    justify-content: start;
    background: linear-gradient(70deg, rgba(0, 0, 0, .75), transparent 75%);
    transition: 2s ease-in-out
}

.ds-banner.-sbs-v2 .ds-banner--inside .ds-banner--copy {
    text-align: left;
    -ms-flex-pack: start;
    justify-content: start;
    -ms-flex-align: start;
    align-items: start;
    max-width: none;
    padding: var(--spacing-s) var(--spacing-s) var(--spacing-m);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-block: auto 0;
    width: 100%;
    padding-right: Max(5%, 8px);
    background: linear-gradient(0deg, rgba(0, 0, 0, .5) 30%, transparent)
}

@media (min-width:1024px) {
    .ds-banner.-sbs-v2 .ds-banner--inside .ds-banner--copy {
        padding-right: Max(33%, 120px)
    }
}

.ds-banner.-sbs-v2 .ds-banner--inside .ds-banner--copy .ds-banner--button-wrapper {
    margin-block: auto 0
}

.ds-banner.-sbs-v2[data-theme*=light] .ds-banner--inside,
.ds-banner.-sbs-v2[data-theme*=premium] .ds-banner--inside {
    background: linear-gradient(70deg, hsla(0, 0%, 100%, .75), hsla(0, 0%, 100%, 0) 75%)
}

.ds-banner.-sbs-v2[data-theme*=light] .ds-banner--inside .ds-banner--copy,
.ds-banner.-sbs-v2[data-theme*=premium] .ds-banner--inside .ds-banner--copy {
    background: linear-gradient(0deg, hsla(0, 0%, 100%, .5) 30%, hsla(0, 0%, 100%, 0))
}

.ds-banner.-sbs-v2 .ds-headline {
    margin-bottom: var(--spacing-xs);
    color: var(--c-em-full);
    font-size: clamp(40px, 4.5vw, 56px);
    text-wrap: pretty;
    padding-top: 14px;
    margin-top: -10px;
    overflow: clip;
    align-content: end;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4
}

@media (min-width:1024px) {
    .ds-banner.-sbs-v2 .ds-headline {
        max-height: 3.2em
    }
    .ds-banner.-sbs-v2 .ds-headline+.ds-headline {
        height: auto !important
    }
}

@media (min-width:1024px) {
    .ds-banner.-sbs-v2 .ds-headline.-m {
        display: none
    }
}

@media (max-width:1023.98px) {
    .ds-banner.-sbs-v2 .ds-headline.-m+.ds-headline {
        display: none
    }
}

.ds-banner.-sbs-v2 .ds-description {
    margin-bottom: var(--spacing-s);
    font-size: var(--f-m);
    text-wrap: pretty;
    color: var(--c-em-full)
}

@media (min-width:1024px) {
    .ds-banner.-sbs-v2 .ds-description.-m {
        display: none
    }
}

@media (max-width:1023.98px) {
    .ds-banner.-sbs-v2 .ds-description.-m+.ds-description {
        display: none
    }
}

.ds-banner.-sbs-v2 .cta {
    padding-bottom: 2px
}

.ds-banner.-sbs-v2:focus-within .cta,
.ds-banner.-sbs-v2:hover .cta {
    border-color: var(--c-em-full);
    background-color: transparent;
    color: var(--c-em-full)
}

@supports ((-webkit-backdrop-filter:none) or (backdrop-filter:none)) {
    .ds-banner.-sbs-v2:focus-within .cta,
    .ds-banner.-sbs-v2:hover .cta {
        backdrop-filter: saturate(180%) blur(20px);
        -webkit-backdrop-filter: saturate(180%) blur(20px)
    }
}

.ds-sbs-banners:has(.ds-banner.-sbs-v2) {
    padding: var(--spacing-xs)
}

@media (max-width:823.98px) {
    .ds-sbs-banners:has(.ds-banner.-sbs-v2) {
        padding: 0
    }
}

@media (min-width:824px) and (max-width:1023.98px) {
    .ds-sbs-banners:has(.ds-banner.-sbs-v2) {
        padding: var(--spacing-m) 0 0
    }
}

@media (min-width:1024px) {
    .ds-sbs-banners:has(.ds-banner.-sbs-v2) {
        -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, 1fr);
        display: -ms-grid;
        display: grid;
        gap: var(--spacing-xs)
    }
}

.ds-account-hero,
.ds-banner.-account,
.hero.account-image {
    background: no-repeat 100%;
    background-color: var(--c-canvas);
    background-size: cover;
    aspect-ratio: 2.2/1;
    max-height: 364px;
    max-width: 2560px;
    margin-inline: auto;
    width: 100%;
    object-fit: cover;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: start;
    -ms-flex-pack: end;
    justify-content: end;
    margin-bottom: var(--spacing-l)
}

.ds-account-hero:not(:has(.ds-banner--inside)),
.ds-banner.-account:not(:has(.ds-banner--inside)),
.hero.account-image:not(:has(.ds-banner--inside)) {
    padding: 60px var(--side-offset) var(--spacing-m)
}

@media (min-width:680px) {
    .ds-account-hero,
    .ds-banner.-account,
    .hero.account-image {
        aspect-ratio: 6/1;
        background-size: auto 150%
    }
}

.ds-account-hero .ds-headline,
.ds-account-hero h1,
.ds-banner.-account .ds-headline,
.ds-banner.-account h1,
.hero.account-image .ds-headline,
.hero.account-image h1 {
    color: var(--c-em-full);
    font-size: var(--f-h2);
    font-weight: 750;
    font-stretch: normal
}

.ds-account-hero .ds-headline:not(:has(+p)),
.ds-account-hero h1:not(:has(+p)),
.ds-banner.-account .ds-headline:not(:has(+p)),
.ds-banner.-account h1:not(:has(+p)),
.hero.account-image .ds-headline:not(:has(+p)),
.hero.account-image h1:not(:has(+p)) {
    margin-bottom: 0
}

.ds-account-hero .ds-banner--inside,
.ds-banner.-account .ds-banner--inside,
.hero.account-image .ds-banner--inside {
    margin-block: auto 0;
    margin-inline: 0 auto;
    padding-top: 60px
}

.ds-account-hero .ds-banner--copy,
.ds-banner.-account .ds-banner--copy,
.hero.account-image .ds-banner--copy {
    max-width: none;
    margin-block: auto 0;
    padding-inline: var(--side-offset)
}

.ds-account-hero+.container-narrow .page-breadcrumb,
.ds-account-hero+.page-breadcrumb,
.ds-banner.-account+.container-narrow .page-breadcrumb,
.ds-banner.-account+.page-breadcrumb,
.hero.account-image+.container-narrow .page-breadcrumb,
.hero.account-image+.page-breadcrumb {
    position: absolute;
    top: 0
}

.ds-account-hero.-vip-login,
.ds-banner.-account.-vip-login,
.hero.account-image.-vip-login {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ds-account-hero.-vip-login p,
.ds-banner.-account.-vip-login p,
.hero.account-image.-vip-login p {
    font-size: var(--f-m)
}

.hero.account-image {
    height: auto
}

.hero.account-image.slant-down:after {
    display: none
}

.hero.account-image.slant-down h1 {
    margin: 0;
    padding: 0;
    top: revert;
    position: static;
    left: revert
}

.hero.account-image+.container-narrow .container-narrow .page-breadcrumb,
.hero.account-image+.container .container-narrow .page-breadcrumb {
    position: absolute;
    top: 0
}

.my-account {
    padding: var(--side-offset);
    background-color: var(--c-canvas-full)
}

.my-account h2 {
    font-size: var(--f-h5);
    font-family: var(--font-headline);
    font-weight: 700;
    font-stretch: condensed;
    text-transform: uppercase;
    word-break: break-word
}

.my-account.-sub {
    display: -ms-grid;
    display: grid;
    gap: var(--spacing-s);
    -ms-flex-align: start;
    align-items: start
}

@media (min-width:1200px) {
    .my-account.-sub {
        -ms-grid-columns: (minmax(0, 1fr))[12];
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
}

@media (max-width:1199.98px) {
    .my-account.-sub .my-account--nav {
        -ms-flex-order: 2;
        order: 2
    }
    .my-account.-sub .my-account--nav .description,
    .my-account.-sub .my-account--nav .ds-link {
        display: none
    }
    .my-account.-sub .my-account--nav .headline:after {
        font-family: var(--font-icon);
        font-weight: 400;
        font-style: normal;
        font-size: 1em;
        line-height: 1;
        letter-spacing: normal;
        text-transform: none;
        display: inline-block;
        white-space: nowrap;
        word-wrap: normal;
        direction: ltr;
        vertical-align: sub;
        -webkit-font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
        transform: translate(4px, -2px);
        content: "arrow_forward"
    }
}

@media (min-width:1200px) {
    .my-account.-sub .my-account--nav {
        -ms-grid-column: span 3;
        grid-column: span 3;
        position: sticky;
        top: var(--sizing-header)
    }
    .my-account.-sub .my-account--nav+* {
        -ms-grid-column-span: 8;
        -ms-grid-column: 5;
        grid-column: 5/span 8;
        padding-top: var(--spacing-m)
    }
    .my-account.-sub .my-account--nav .account-card {
        border-right: 0
    }
}

@media (min-width:800px) {
    .my-account.-sub .my-account--nav .headline {
        font-size: var(--f-l)
    }
}

.my-account .order-overview.-empty {
    padding-bottom: var(--spacing-l)
}

@media (min-width:1200px) {
    .my-account .order-overview.-empty {
        min-height: 300px
    }
}

.my-account.-lander {
    display: -ms-grid;
    display: grid;
    gap: var(--spacing-s);
    -ms-flex-align: start;
    align-items: start
}

@media (min-width:600px) {
    .my-account.-lander .my-account--nav .cta.-logout,
    .my-account.-lander .my-account--nav li:has(.cta.-logout) {
        display: none
    }
}

@media (min-width:1200px) {
    .my-account.-lander {
        -ms-grid-columns: (minmax(0, 1fr))[12];
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
}

.my-account.-lander .my-account--welcome {
    padding-block: var(--spacing-m)
}

@media (min-width:1200px) {
    .my-account.-lander .my-account--welcome {
        -ms-grid-column: span 5;
        grid-column: span 5;
        padding-right: var(--spacing-l)
    }
}

@media (max-width:599.98px) {
    .my-account.-lander .my-account--welcome .cta.-logout {
        display: none
    }
}

.my-account.-lander .my-account--nav {
    display: -ms-grid;
    display: grid
}

@media (min-width:600px) {
    .my-account.-lander .my-account--nav {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
        padding-right: 1px
    }
}

@media (min-width:1200px) {
    .my-account.-lander .my-account--nav {
        -ms-grid-column: span 7;
        grid-column: span 7;
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (min-width:600px) {
    .my-account.-lander .my-account--nav .account-card {
        padding: var(--spacing-s)
    }
}

.my-account .my-account--nav {
    list-style: none;
    margin: 0;
    padding: 0;
    clip-path: inset(0 0 2px 0);
    font-size: var(--f-m);
    color: var(--c-em-full)
}

.my-account .my-account--nav li:has(.cta.-logout) {
    padding: var(--spacing-m) 0
}

@media (max-width:599.98px) {
    .my-account .my-account--nav li:has(.cta.-logout) .cta {
        width: 100%
    }
}

.my-account .my-account--nav .account-card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: var(--spacing-s);
    padding: var(--spacing-s) 0;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    border: 1px solid var(--c-accent);
    border-width: 0 0 1px
}

@media (min-width:600px) {
    .my-account .my-account--nav .account-card {
        padding-block: var(--spacing-s)
    }
}

@media (min-width:1200px) {
    .my-account .my-account--nav .account-card {
        border-width: 0 1px 1px 0
    }
}

.my-account .my-account--nav .account-card:focus .headline,
.my-account .my-account--nav .account-card:hover .headline {
    text-decoration: underline;
    text-underline-offset: 2px;
    -webkit-text-decoration-color: var(--c-accent);
    text-decoration-color: var(--c-accent);
    text-decoration-thickness: 2px
}

.my-account .my-account--nav .account-card:focus .ds-link:after,
.my-account .my-account--nav .account-card:hover .ds-link:after {
    transform: translateX(4px)
}

.my-account .my-account--nav .account-card .headline {
    font-size: var(--f-h6);
    font-family: var(--font-headline);
    font-weight: 700;
    font-stretch: condensed;
    text-transform: uppercase;
    word-break: break-word
}

@media (min-width:800px) {
    .my-account .my-account--nav .account-card .headline {
        font-size: var(--f-2xl)
    }
}

.my-account .my-account--nav .account-card .ds-link {
    color: var(--c-accent);
    margin-block: auto 0
}

.my-account .my-products--grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 180px 1fr auto;
    grid-template-columns: 180px 1fr auto;
    gap: 0 var(--spacing-m);
    margin-bottom: var(--spacing-m)
}

.my-account .my-products--grid[data-state=collapsed] .my-products--order-info:after {
    content: "keyboard_arrow_down"
}

.my-account .my-products--grid[data-state=collapsed] .my-products--item {
    position: absolute;
    pointer-events: none;
    opacity: 0;
    content-visibility: hidden
}

@media (max-width:699.98px) {
    .my-account .my-products--grid {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }
}

.my-account .my-products--grid>* {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr auto;
    grid-template-columns: auto 1fr auto
}

@supports (grid-template-rows:subgrid) {
    .my-account .my-products--grid>* {
        -ms-grid-columns: subgrid;
        grid-template-columns: subgrid;
        -ms-grid-column: span 3;
        grid-column: span 3
    }
}

@media (max-width:699.98px) {
    .my-account .my-products--grid>* {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-column: span 1;
        grid-column: span 1;
        row-gap: var(--spacing-xs);
        margin-inline: var(--side-offset-negative);
        padding-inline: var(--side-offset)
    }
}

.my-account .my-products--order-info {
    background: var(--c-canvas, var(--c-em-3xlow));
    padding: var(--spacing-s) var(--spacing-3xl) var(--spacing-s) var(--spacing-m);
    -ms-grid-columns: (minmax(150px, 50%))[auto-fill];
    grid-template-columns: repeat(auto-fill, minmax(150px, 50%));
    position: relative;
    cursor: pointer;
    font-size: var(--f-m)
}

@media (max-width:699.98px) {
    .my-account .my-products--order-info {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-column: 1/-1
    }
    .my-account .my-products--order-info>div:nth-of-type(4) {
        -ms-flex-order: 3;
        order: 3;
        padding-top: var(--spacing-s)
    }
    .my-account .my-products--order-info>div:nth-of-type(2) {
        -ms-flex-order: 4;
        order: 4
    }
}

@media (min-width:700px) {
    .my-account .my-products--order-info>div:nth-of-type(2n) {
        text-align: right
    }
}

.my-account .my-products--order-info:after {
    content: "keyboard_arrow_up";
    font-family: var(--font-icon);
    font-size: 24px;
    position: absolute;
    top: var(--spacing-s);
    right: var(--spacing-s)
}

.my-account .my-products--order-info .ds-link {
    --skin-link-color-2: var(--c-button);
    color: var(--c-button);
    text-decoration: none;
    font-weight: 700
}

.my-account .my-products--order-info .ds-link:focus,
.my-account .my-products--order-info .ds-link:hover {
    text-decoration: underline
}

.my-account .my-products--order-info .ds-link:after {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.my-account .my-products--order-info strong {
    font-family: var(--font-body);
    display: inline-block
}

@media (min-width:700px) {
    .my-account .my-products--order-info strong {
        min-width: 112px
    }
}

.my-account .my-products--item {
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
    border-bottom: 1px solid var(--c-em-3xlow);
    padding: var(--spacing-s) var(--spacing-m)
}

@media (max-width:699.98px) {
    .my-account .my-products--item {
        font-size: var(--f-s);
        gap: 0;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 96px 1fr;
        grid-template-columns: 96px 1fr;
        column-gap: var(--spacing-m)
    }
    .my-account .my-products--item>picture {
        margin-bottom: var(--spacing-m);
        -ms-grid-row: span 2;
        grid-row: span 2
    }
    .my-account .my-products--item .serial {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.my-account .my-products--item>picture {
    display: -ms-flexbox;
    display: flex;
    object-fit: contain;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.my-account .my-products--item[data-state=unconfirmed] .product-details,
.my-account .my-products--item[data-state=unconfirmed]>picture {
    opacity: .5;
    pointer-events: none
}

.my-account .my-products--item[data-state=unconfirmed] .serial {
    display: none
}

.my-account .my-products--item .serial button {
    background: transparent;
    border: 0;
    padding: 0;
    margin: 0
}

.my-account .my-products--item .product-details {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.my-account .my-products--item .product-details table {
    margin-right: auto
}

.my-account .my-products--item .product-details table td,
.my-account .my-products--item .product-details table th {
    padding-right: 16px;
    text-align: left
}

.my-account .my-products--item .product-details strong {
    font-size: 24px;
    font-family: var(--font-headline);
    font-stretch: condensed;
    font-weight: 750;
    text-transform: uppercase
}

.my-account .my-products--item .product-details strong+p {
    color: var(--c-em-med)
}

.my-account .my-products--item .product-pricing {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: var(--spacing-s)
}

@media (min-width:700px) {
    .my-account .my-products--item .product-pricing {
        -ms-flex-align: end;
        align-items: end
    }
}

.my-account .my-products--item .product-pricing .cta {
    font-size: inherit
}

.my-account .my-products--item .ds-link {
    display: inline-block
}

.ds-banner-register {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: var(--c-button);
    color: var(--c-button-copy);
    padding: var(--spacing-xl);
    text-decoration: none;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: var(--f-m)
}

.ds-banner-register ul {
    margin: 0 0 var(--spacing-m)
}

.ds-banner-register .cta {
    border-color: var(--c-button-copy);
    background-color: var(--c-button-copy);
    color: var(--c-button)
}

.ds-banner-register .cta:focus,
.ds-banner-register .cta:hover {
    border-color: var(--c-button-copy);
    background-color: var(--c-button);
    color: var(--c-button-copy)
}

.ds-banner-register .ds-headline {
    font-size: clamp(40px, 4vw, 72px);
    line-height: .8;
    text-align: center;
    margin-bottom: var(--spacing-m)
}

.ds-banner-register .ds-headline.-sub {
    font-size: clamp(24px, 2.4vw, 48px)
}

.login-page-vip-registration,
[data-action=Account-FindOrder],
[data-action=Login-Show],
[data-action=Partner-Show] {
    max-width: 100vw
}

.login-page-vip-registration .account-login-page .login-left-panel,
[data-action=Account-FindOrder] .account-login-page .login-left-panel,
[data-action=Login-Show] .account-login-page .login-left-panel,
[data-action=Partner-Show] .account-login-page .login-left-panel {
    display: none;
    content-visibility: hidden
}

.login-page-vip-registration .account-login-page .right-login-panel,
[data-action=Account-FindOrder] .account-login-page .right-login-panel,
[data-action=Login-Show] .account-login-page .right-login-panel,
[data-action=Partner-Show] .account-login-page .right-login-panel {
    padding-inline: 0;
    margin-inline: auto;
    max-width: 1376px;
    -ms-flex: 1;
    flex: 1
}

.login-page-vip-registration .btn-outline-primary:not(:focus-visible),
[data-action=Account-FindOrder] .btn-outline-primary:not(:focus-visible),
[data-action=Login-Show] .btn-outline-primary:not(:focus-visible),
[data-action=Partner-Show] .btn-outline-primary:not(:focus-visible) {
    outline: none
}

.login-page-vip-registration #login,
[data-action=Account-FindOrder] #login,
[data-action=Login-Show] #login,
[data-action=Partner-Show] #login {
    background-image: none;
    width: 100%;
    padding: 0;
    border: 0
}

@media (min-width:1200px) {
    .login-page-vip-registration[data-querystring*=register] .registration,
    [data-action=Account-FindOrder][data-querystring*=register] .registration,
    [data-action=Login-Show][data-querystring*=register] .registration,
    [data-action=Partner-Show][data-querystring*=register] .registration {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        column-gap: var(--spacing-m)
    }
    .login-page-vip-registration[data-querystring*=register] .registration .clearfix,
    .login-page-vip-registration[data-querystring*=register] .registration .forgot-password,
    .login-page-vip-registration[data-querystring*=register] .registration button,
    [data-action=Account-FindOrder][data-querystring*=register] .registration .clearfix,
    [data-action=Account-FindOrder][data-querystring*=register] .registration .forgot-password,
    [data-action=Account-FindOrder][data-querystring*=register] .registration button,
    [data-action=Login-Show][data-querystring*=register] .registration .clearfix,
    [data-action=Login-Show][data-querystring*=register] .registration .forgot-password,
    [data-action=Login-Show][data-querystring*=register] .registration button,
    [data-action=Partner-Show][data-querystring*=register] .registration .clearfix,
    [data-action=Partner-Show][data-querystring*=register] .registration .forgot-password,
    [data-action=Partner-Show][data-querystring*=register] .registration button {
        -ms-grid-column: 1;
        grid-column: 1;
        justify-self: start
    }
    .login-page-vip-registration[data-querystring*=register] .registration>.custom-checkbox,
    .login-page-vip-registration[data-querystring*=register] .registration>:not(.form-group),
    [data-action=Account-FindOrder][data-querystring*=register] .registration>.custom-checkbox,
    [data-action=Account-FindOrder][data-querystring*=register] .registration>:not(.form-group),
    [data-action=Login-Show][data-querystring*=register] .registration>.custom-checkbox,
    [data-action=Login-Show][data-querystring*=register] .registration>:not(.form-group),
    [data-action=Partner-Show][data-querystring*=register] .registration>.custom-checkbox,
    [data-action=Partner-Show][data-querystring*=register] .registration>:not(.form-group) {
        grid-column: 1/-1
    }
}

.login-page-vip-registration .login-page,
[data-action=Account-FindOrder] .login-page,
[data-action=Login-Show] .login-page,
[data-action=Partner-Show] .login-page {
    margin-top: 0
}

.login-page-vip-registration .login-page .new-cust-desc,
[data-action=Account-FindOrder] .login-page .new-cust-desc,
[data-action=Login-Show] .login-page .new-cust-desc,
[data-action=Partner-Show] .login-page .new-cust-desc {
    text-wrap: pretty
}

@media (min-width:1200px) {
    .trackorder .btn-block {
        margin-right: auto;
        width: auto
    }
}

.ewell-label {
    text-align: left
}

.ewell-container {
    display: -ms-flexbox;
    display: flex
}

.ewell-container .ewellinput-left {
    display: inline-block;
    width: 30%
}

.ewell-container .ewellinput-right {
    display: inline-block;
    width: 70%
}

.ewell-container .ewell-span {
    vertical-align: top;
    display: inline-block;
    margin: 5px
}

.btn {
    text-transform: uppercase;
    font-family: var(--font-button)
}

.btn [class*=icon] {
    display: inline-block;
    margin: 0 .5rem 0 0;
    font-size: 1.4em;
    line-height: 1
}

.btn>.wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    max-width: 100%;
    margin: 0 auto
}

.btn:disabled {
    pointer-events: none;
    opacity: .35
}

button {
    -webkit-appearance: none;
    border: none;
    background-color: transparent
}

button:active,
button:focus,
button:focus-within,
button:hover,
button:visited {
    outline: none
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary.focus,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn.focus,
.btn:focus,
.show>.btn-outline-primary.dropdown-toggle:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none
}

.nav.nav-pills {
    font-family: var(--font-headline);
    font-size: var(--f-m, 16px);
    font-weight: 500;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 2rem;
    overflow-x: auto;
    overflow-y: hidden;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

.container-narrow .nav.nav-pills,
.container .nav.nav-pills {
    margin-left: -15px;
    margin-right: -15px
}

.nav.nav-pills::-webkit-scrollbar {
    display: none
}

.nav.nav-pills>* {
    scroll-snap-align: start
}

@media (min-width:768px) {
    .nav.nav-pills {
        font-size: var(--f-l, 18px)
    }
}

@media (min-width:1200px) {
    .nav.nav-pills {
        font-size: 22px
    }
}

.nav.nav-pills .nav-item {
    padding-left: 15px;
    padding-right: 15px
}

.nav.nav-pills .nav-link {
    padding: 0;
    color: inherit;
    background-color: transparent;
    border-radius: 0
}

.nav.nav-pills .nav-link.active {
    color: #fa4616 !important;
    border-bottom: 4px solid #fa4616
}

.nav.nav-pills .nav-link:not(.active):focus,
.nav.nav-pills .nav-link:not(.active):hover {
    color: #fa4616
}

.header .main-div-row {
    margin-right: 0
}

.experience-component .slider-container.container,
.experience-component .slider-container.container-narrow {
    padding: 0
}

.experience-component .slider-container.container-narrow .slider>.experience-component:not(:first-child),
.experience-component .slider-container.container .slider>.experience-component:not(:first-child) {
    display: none
}

.experience-component .slider-container.container-narrow .slick-dotted.slick-slider,
.experience-component .slider-container.container .slick-dotted.slick-slider {
    margin-bottom: 0
}

.experience-component .slider-container.container-narrow .slick-dots,
.experience-component .slider-container.container .slick-dots {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    bottom: 6%;
    margin: 0;
    width: fit-content;
    left: 50%;
    transform: translateX(-50%)
}

.experience-component .slider-container.container-narrow .slick-dots li,
.experience-component .slider-container.container .slick-dots li {
    width: 80px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.experience-component .slider-container.container-narrow .slick-dots li:not(.slick-active) button:before,
.experience-component .slider-container.container .slick-dots li:not(.slick-active) button:before {
    background-color: hsla(0, 0%, 100%, .2);
    opacity: 1
}

.experience-component .slider-container.container-narrow .slick-dots li.slick-active button:before,
.experience-component .slider-container.container .slick-dots li.slick-active button:before {
    background-color: #fff
}

.experience-component .slider-container.container-narrow .slick-dots li button,
.experience-component .slider-container.container .slick-dots li button {
    width: 100%;
    height: 100%;
    background: transparent;
    border: none;
    font-size: 0;
    position: relative;
    outline: none
}

.experience-component .slider-container.container-narrow .slick-dots li button:before,
.experience-component .slider-container.container .slick-dots li button:before {
    content: "";
    height: 2px;
    width: 100%;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    left: 0;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .03)
}

@media (max-width:1023.98px) {
    .experience-component.experience-commerce_layouts-carousel {
        min-height: auto
    }
}

@media (max-width:1023px) {
    .experience-component.experience-commerce_layouts-carousel .slider-container.container-narrow .slick-dots,
    .experience-component.experience-commerce_layouts-carousel .slider-container.container .slick-dots {
        position: absolute;
        bottom: var(--spacing-xs);
        padding: var(--spacing-2xs) var(--side-offset);
        left: 0;
        right: 0;
        transform: none;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%
    }
    .experience-component.experience-commerce_layouts-carousel .slider-container.container-narrow .slick-dots li.slick-active,
    .experience-component.experience-commerce_layouts-carousel .slider-container.container-narrow .slick-dots li:not(.slick-active),
    .experience-component.experience-commerce_layouts-carousel .slider-container.container .slick-dots li.slick-active,
    .experience-component.experience-commerce_layouts-carousel .slider-container.container .slick-dots li:not(.slick-active) {
        width: auto;
        max-width: 80px;
        -ms-flex: 1;
        flex: 1
    }
    .experience-component.experience-commerce_layouts-carousel .slider-container.container-narrow .slick-dots li.slick-active button:before,
    .experience-component.experience-commerce_layouts-carousel .slider-container.container-narrow .slick-dots li:not(.slick-active) button:before,
    .experience-component.experience-commerce_layouts-carousel .slider-container.container .slick-dots li.slick-active button:before,
    .experience-component.experience-commerce_layouts-carousel .slider-container.container .slick-dots li:not(.slick-active) button:before {
        background-color: hsla(0, 0%, 100%, .32);
        opacity: 1;
        mix-blend-mode: difference
    }
    .experience-component.experience-commerce_layouts-carousel .slider-container.container-narrow .slick-dots li.slick-active button:before,
    .experience-component.experience-commerce_layouts-carousel .slider-container.container .slick-dots li.slick-active button:before {
        background-color: #fff
    }
    .experience-component.experience-commerce_layouts-carousel .hero-banner-slot {
        padding-bottom: var(--spacing-m)
    }
}

.experience-component.experience-commerce_layouts-mobileGrid2r3c {
    padding-bottom: 24px
}

.experience-component.experience-commerce_layouts-mobileGrid2r3c .mobile-2r-3c .row {
    margin: 0 auto
}

.experience-component.experience-commerce_layouts-mobileGrid2r3c .slick-next:before,
.experience-component.experience-commerce_layouts-mobileGrid2r3c .slick-prev:before {
    display: none
}

.experience-component.experience-commerce_layouts-mobileGrid2r3c .slick-next,
.experience-component.experience-commerce_layouts-mobileGrid2r3c .slick-prev {
    opacity: .25
}

.experience-component.experience-commerce_layouts-mobileGrid2r3c .slick-next:focus,
.experience-component.experience-commerce_layouts-mobileGrid2r3c .slick-next:hover,
.experience-component.experience-commerce_layouts-mobileGrid2r3c .slick-prev:focus,
.experience-component.experience-commerce_layouts-mobileGrid2r3c .slick-prev:hover {
    opacity: .5
}

.experience-component.experience-commerce_layouts-mobileGrid2r3c .slick-prev {
    background: url("../images/icon-arrow-left.svg") no-repeat 50%;
    left: -3px
}

@media (min-width:1200px) {
    .experience-component.experience-commerce_layouts-mobileGrid2r3c .slick-prev {
        left: 24px
    }
}

.experience-component.experience-commerce_layouts-mobileGrid2r3c .slick-next {
    background: url("../images/icon-arrow-right.svg") no-repeat 50%;
    right: -3px
}

@media (min-width:1200px) {
    .experience-component.experience-commerce_layouts-mobileGrid2r3c .slick-next {
        right: 24px
    }
}

.experience-component.experience-commerce_layouts-mobileGrid2r3c .slick-arrow {
    background-size: contain;
    z-index: 3;
    width: 32px;
    height: 36px;
    cursor: pointer
}

.experience-component.experience-commerce_layouts-mobileGrid2r3c .slick-track {
    display: -ms-flexbox !important;
    display: flex !important
}

.experience-component.experience-commerce_layouts-mobileGrid2r3c .slick-slide {
    height: inherit !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-direction: column;
    flex-direction: column
}

.experience-component.experience-commerce_layouts-mobileGrid2r3c .slick-slide .region,
.experience-component.experience-commerce_layouts-mobileGrid2r3c .slick-slide>div {
    height: 100%
}

.experience-component.experience-commerce_layouts-mobileGrid2r3c .slick-slide .product-tile {
    margin-bottom: 0
}

.experience-component.experience-commerce_layouts-mobileGrid2r3c .slick-slide .product-tile .promo-calloutMsg:not(:has(>*)) {
    margin: 0
}

.experience-component.experience-commerce_layouts-mobileGrid2r3c .slick-slide .product-tile .tile-body :last-child {
    margin-bottom: 0
}

@media (min-width:1024px) {
    [class*=experience-commerce_layouts-mobileGrid][data-sfcc-pd-component-info] [class*=mobile-1r] .js-carouselExperience>[class*=col-],
    [class*=experience-commerce_layouts-mobileGrid][data-sfcc-pd-component-info] [class*=mobile-2r] .js-carouselExperience>[class*=col-],
    [class*=experience-commerce_layouts-mobileGrid][data-sfcc-pd-component-info] [class*=mobile-3r] .js-carouselExperience>[class*=col-] {
        -ms-flex: 1;
        flex: 1
    }
}

.popular-categories {
    padding: 40px 15px
}

.popular-categories>.header {
    text-align: center;
    margin-bottom: 1.75rem
}

.popular-categories>.categories {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 1400px;
    margin: 0 auto
}

.popular-categories>.categories>* {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%
}

@media (min-width:1024px) {
    .popular-categories>.categories>* {
        width: 33.3%
    }
}

@media (min-width:1200px) {
    .popular-categories>.categories>* {
        width: 20%
    }
}

.popular-category {
    text-align: center;
    font-family: var(--font-headline);
    font-weight: 500
}

.popular-category strong {
    font-weight: inherit
}

.popular-category>a {
    display: block;
    border-radius: 8px;
    padding: 1rem;
    border: 1px solid transparent;
    transition: all .2s ease-in-out
}

.popular-category>a:active,
.popular-category>a:focus,
.popular-category>a:hover {
    border-color: #f7f7f7;
    box-shadow: 15px 15px 30px 0 rgba(0, 0, 0, .15)
}

.popular-category .category-image {
    width: 120px;
    height: 120px;
    margin: 0 auto 1rem
}

@media (min-width:1200px) {
    .popular-category .category-image {
        width: 140px;
        height: 140px
    }
}

.popular-category .category-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.popular-category .category-name {
    margin: 0
}

@media (min-width:768px) {
    .popular-category .category-name {
        font-size: 1.375rem
    }
}

.stinger-block {
    background-color: #141414;
    color: #fff;
    font-family: var(--font-headline);
    text-transform: uppercase;
    border-top: 1px solid #979797;
    font-weight: 500;
    font-size: .8125rem;
    padding: 0
}

@media (max-width:1023.98px) {
    .stinger-block {
        font-size: var(--f-xs, .75rem)
    }
}

.stinger-block strong {
    font-weight: inherit
}

.stinger-block .stingers {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.stinger-block .stingers>* {
    -ms-flex: 1 0 33.3%;
    flex: 1 0 33.3%
}

.stinger-block .stingers>:not(:first-child) {
    border-left: 1px solid #979797
}

.stinger-block .stinger {
    margin: 0;
    padding: 10px;
    text-align: center
}

@media (min-width:768px) {
    .stinger-block .stinger {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%
    }
}

.stinger-block .stinger a {
    display: block;
    padding: 10px;
    margin: -10px
}

.stinger-block .stinger a:active,
.stinger-block .stinger a:focus,
.stinger-block .stinger a:hover {
    color: #fa4616 !important
}

@media (min-width:768px) {
    .stinger-block .stinger a {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%
    }
}

.stinger-block .stinger img {
    display: block;
    margin: 0 auto;
    max-width: 50px
}

@media (min-width:768px) {
    .stinger-block .stinger img {
        margin: 0 5px 0 0
    }
}

.team-promotion-block {
    padding: 0
}

.team-promotion-block>.header {
    background-color: #fa4616;
    color: #fff;
    text-align: center;
    padding: 30px
}

.team-promotion-block>.header>:last-child {
    margin-bottom: 0
}

.team-promotion-block>.header.background-black {
    background-color: #141414
}

.team-promotion-block>.header.background-white {
    background-color: #fff;
    color: #000
}

.team-promotion-block>.players {
    display: -ms-flexbox;
    display: flex
}

.team-promotion-block>.players>* {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

@media (max-width:767.98px) {
    .team-promotion-block>.players {
        overflow-x: auto;
        overflow-y: hidden;
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch
    }
    .team-promotion-block>.players::-webkit-scrollbar {
        display: none
    }
    .team-promotion-block>.players>* {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 66.6%;
        scroll-snap-align: start
    }
}

@media (min-width:1200px) {
    .team-promotion-block {
        display: -ms-flexbox;
        display: flex
    }
    .team-promotion-block>* {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
    .team-promotion-block>.header {
        width: 25%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center
    }
    .team-promotion-block>.players {
        width: 75%;
        -ms-flex-order: -1;
        order: -1
    }
}

.events-news-block {
    padding: 0
}

.events-news-block>.header {
    background-color: #fa4616;
    color: #fff;
    text-align: center;
    padding: 30px
}

.events-news-block>.header>:last-child {
    margin-bottom: 0
}

.events-news-block>.header.background-black {
    background-color: #141414
}

.events-news-block>.header.background-gray {
    background-color: #f7f7f7
}

.events-news-block>.header.background-white {
    background-color: #fff;
    color: #000
}

@media (min-width:768px) {
    .events-news-block>.articles {
        display: -ms-flexbox;
        display: flex
    }
    .events-news-block>.articles>* {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 50%
    }
}

.events-news-block.allow-wrap>.articles {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.events-news-block.allow-wrap>.articles>* {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media (min-width:768px) {
    .events-news-block.allow-wrap>.articles>* {
        width: 50%
    }
}

@media (min-width:1024px) {
    .events-news-block.allow-wrap>.articles>* {
        width: 33.333%
    }
}

@media (min-width:1200px) {
    .events-news-block.allow-wrap>.articles>* {
        width: 25%
    }
}

@media (min-width:1400px) {
    .events-news-block.allow-wrap>.articles>* {
        width: 20%
    }
}

@media (min-width:1200px) {
    .events-news-block:not(.allow-wrap) {
        display: -ms-flexbox;
        display: flex
    }
    .events-news-block:not(.allow-wrap)>* {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
    .events-news-block:not(.allow-wrap)>.header {
        width: 25%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center
    }
    .events-news-block:not(.allow-wrap)>.articles {
        width: 75%
    }
}

.page-navigation-section {
    margin-bottom: 2rem
}

.page-navigation-section .heading {
    font-size: var(--f-m, 1rem)
}

.page-navigation-section .page-navigation-link {
    display: block;
    padding: .25rem 0
}

.page-navigation-section .page-navigation-link[href]:active,
.page-navigation-section .page-navigation-link[href]:focus,
.page-navigation-section .page-navigation-link[href]:hover {
    text-decoration: underline
}

.generic-layout-block {
    padding-top: 2rem;
    padding-bottom: 2rem
}

@media (min-width:1024px) {
    .generic-layout-block {
        padding: 2rem 4.375rem
    }
}

.generic-layout-block .header h2 {
    text-transform: uppercase;
    font-weight: 700
}

.generic-layout-block.background-color-white {
    background-color: #fff
}

.generic-layout-block.background-color-gray {
    background-color: #f7f7f7
}

.generic-layout-block.background-color-orange {
    background-color: #fa4616;
    color: #fff
}

.generic-layout-block.background-color-black {
    background-color: #141414;
    color: #fff
}

.hero-banner-slot {
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    -ms-grid-rows: (auto)[2];
    grid-template-rows: repeat(2, auto);
    -ms-flex-align: center;
    align-items: center
}

.hero-banner-slot.text-color-black {
    color: #000;
    background-color: #fff
}

@media (min-width:1200px) {
    .hero-banner-slot.text-color-black.text-bg-yes .image:after {
        background: linear-gradient(0deg, #fff 0, hsla(0, 0%, 100%, .738) 19%, hsla(0, 0%, 100%, .541) 34%, hsla(0, 0%, 100%, .382) 47%, hsla(0, 0%, 100%, .278) 56.5%, hsla(0, 0%, 100%, .194) 65%, hsla(0, 0%, 100%, .126) 73%, hsla(0, 0%, 100%, .075) 80.2%, hsla(0, 0%, 100%, .042) 86.1%, hsla(0, 0%, 100%, .021) 91%, hsla(0, 0%, 100%, .008) 95.2%, hsla(0, 0%, 100%, .002) 98.2%, hsla(0, 0%, 100%, 0))
    }
}

.hero-banner-slot.text-color-white {
    color: #fff;
    background-color: #000
}

@media (min-width:1200px) {
    .hero-banner-slot.text-color-white.text-bg-yes .image:after {
        background: linear-gradient(0deg, #000 0, rgba(0, 0, 0, .738) 19%, rgba(0, 0, 0, .541) 34%, rgba(0, 0, 0, .382) 47%, rgba(0, 0, 0, .278) 56.5%, rgba(0, 0, 0, .194) 65%, rgba(0, 0, 0, .126) 73%, rgba(0, 0, 0, .075) 80.2%, rgba(0, 0, 0, .042) 86.1%, rgba(0, 0, 0, .021) 91%, rgba(0, 0, 0, .008) 95.2%, rgba(0, 0, 0, .002) 98.2%, transparent)
    }
}

.hero-banner-slot.text-alignment-left {
    text-align: left
}

.hero-banner-slot.text-alignment-center {
    text-align: center
}

.hero-banner-slot.text-alignment-right {
    text-align: right
}

.hero-banner-slot .image {
    -ms-flex-order: -1;
    order: -1;
    position: relative;
    margin: 0;
    grid-area: 1/1/2/3;
    height: 100%;
    width: 100%
}

@media (min-width:1200px) {
    .hero-banner-slot .image {
        grid-area: 1/1/3/3
    }
}

.hero-banner-slot .image img {
    display: block;
    object-position: center;
    height: 100%;
    width: 100%;
    object-fit: cover;
    aspect-ratio: 6/5
}

@media (min-width:1200px) {
    .hero-banner-slot .image img {
        aspect-ratio: 32/9
    }
}

.hero-banner-slot .image:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 20%
}

@media (min-width:768px) and (max-width:1399.98px) {
    .hero-banner-slot .image {
        height: 345px
    }
}

.hero-banner-slot .text {
    padding: 24px;
    grid-area: 2/1/3/3;
    position: relative;
    inset: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1
}

.hero-banner-slot .text p:last-child {
    margin-bottom: 0
}

@media (max-width:1023.98px) {
    .hero-banner-slot .text p a {
        padding-top: 10px
    }
}

@media (min-width:1200px) {
    .hero-banner-slot .text {
        grid-area: 1/1/3/3;
        height: 100%
    }
}

@media (min-width:1200px) {
    .hero-banner-slot {
        padding: 10px 40px 40px
    }
    .hero-banner-slot .description {
        font-size: var(--f-m, 1rem)
    }
}

@media (min-width:1200px) {
    .hero-banner-slot {
        padding: 0
    }
    .hero-banner-slot .image img {
        height: 100%
    }
    .hero-banner-slot .image:after {
        display: none
    }
    .hero-banner-slot .text {
        position: relative;
        z-index: 2;
        padding: 40px
    }
    .hero-banner-slot .text>* {
        max-width: 40%
    }
    .hero-banner-slot.text-position-top,
    .hero-banner-slot.text-position-top .text {
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .hero-banner-slot.text-position-top.text-color-white.text-bg-yes .text {
        background: linear-gradient(180deg, #000 0, rgba(0, 0, 0, .738) 19%, rgba(0, 0, 0, .541) 34%, rgba(0, 0, 0, .382) 47%, rgba(0, 0, 0, .278) 56.5%, rgba(0, 0, 0, .194) 65%, rgba(0, 0, 0, .126) 73%, rgba(0, 0, 0, .075) 80.2%, rgba(0, 0, 0, .042) 86.1%, rgba(0, 0, 0, .021) 91%, rgba(0, 0, 0, .008) 95.2%, rgba(0, 0, 0, .002) 98.2%, transparent)
    }
    .hero-banner-slot.text-position-top.text-color-black.text-bg-yes .text {
        background: linear-gradient(180deg, #fff 0, hsla(0, 0%, 100%, .738) 19%, hsla(0, 0%, 100%, .541) 34%, hsla(0, 0%, 100%, .382) 47%, hsla(0, 0%, 100%, .278) 56.5%, hsla(0, 0%, 100%, .194) 65%, hsla(0, 0%, 100%, .126) 73%, hsla(0, 0%, 100%, .075) 80.2%, hsla(0, 0%, 100%, .042) 86.1%, hsla(0, 0%, 100%, .021) 91%, hsla(0, 0%, 100%, .008) 95.2%, hsla(0, 0%, 100%, .002) 98.2%, hsla(0, 0%, 100%, 0))
    }
    .hero-banner-slot.text-position-bottom,
    .hero-banner-slot.text-position-bottom .text {
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    .hero-banner-slot.text-position-bottom.text-color-white.text-bg-yes .text {
        background: linear-gradient(0deg, #000 0, rgba(0, 0, 0, .738) 19%, rgba(0, 0, 0, .541) 34%, rgba(0, 0, 0, .382) 47%, rgba(0, 0, 0, .278) 56.5%, rgba(0, 0, 0, .194) 65%, rgba(0, 0, 0, .126) 73%, rgba(0, 0, 0, .075) 80.2%, rgba(0, 0, 0, .042) 86.1%, rgba(0, 0, 0, .021) 91%, rgba(0, 0, 0, .008) 95.2%, rgba(0, 0, 0, .002) 98.2%, transparent)
    }
    .hero-banner-slot.text-position-bottom.text-color-black.text-bg-yes .text {
        background: linear-gradient(0deg, #fff 0, hsla(0, 0%, 100%, .738) 19%, hsla(0, 0%, 100%, .541) 34%, hsla(0, 0%, 100%, .382) 47%, hsla(0, 0%, 100%, .278) 56.5%, hsla(0, 0%, 100%, .194) 65%, hsla(0, 0%, 100%, .126) 73%, hsla(0, 0%, 100%, .075) 80.2%, hsla(0, 0%, 100%, .042) 86.1%, hsla(0, 0%, 100%, .021) 91%, hsla(0, 0%, 100%, .008) 95.2%, hsla(0, 0%, 100%, .002) 98.2%, hsla(0, 0%, 100%, 0))
    }
    .hero-banner-slot.text-alignment-center .text>* {
        margin-left: auto;
        margin-right: auto
    }
    .hero-banner-slot.text-alignment-right .text>* {
        margin-left: auto
    }
}

.promotion-banner {
    background-color: #141414;
    padding: 30px;
    font-family: var(--font-headline);
    position: relative
}

.promotion-banner>.text {
    position: relative;
    z-index: 2
}

.promotion-banner>.text>* {
    margin-bottom: .5rem
}

.promotion-banner>.text>:last-child {
    margin-bottom: 0
}

.promotion-banner>.text .heading {
    font-size: 2rem
}

.promotion-banner>.text .heading em {
    display: block;
    margin-bottom: .5rem;
    font-size: .875rem;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 500
}

.promotion-banner>.text time {
    margin-bottom: 1.5rem
}

.promotion-banner>.image {
    margin: -30px -30px 0;
    -ms-flex-order: -1;
    order: -1
}

@media (min-width:768px) {
    .promotion-banner>.image {
        margin-top: 0
    }
}

.promotion-banner>.image img {
    display: block;
    width: 100%
}

.promotion-banner.text-color-white {
    color: #fff
}

.promotion-banner.text-color-white .live-countdown .countdown-group .digits span {
    background-color: #212529
}

.promotion-banner.has-featured-image {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width:768px) {
    .promotion-banner.has-featured-image {
        padding-left: 60px;
        padding-right: 60px
    }
}

@media (min-width:1200px) {
    .promotion-banner.has-featured-image {
        padding: 130px 30px
    }
}

.promotion-banner.has-featured-image>.text {
    background-color: #fff;
    margin-top: -15px;
    border-bottom: 3px solid #fa4616;
    padding: 30px
}

@media (min-width:768px) {
    .promotion-banner.has-featured-image>.text {
        padding: 40px
    }
}

@media (min-width:1200px) {
    .promotion-banner.has-featured-image>.text {
        padding: 60px;
        max-width: 475px
    }
}

.promotion-banner.has-featured-image>.text .heading em {
    color: #fa4616
}

.promotion-banner.has-featured-image.text-color-white>.text {
    background-color: #141414
}

@media (min-width:1200px) {
    .promotion-banner.has-featured-image {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .promotion-banner.has-featured-image .heading {
        font-weight: 900;
        font-size: 2.5rem
    }
    .promotion-banner.has-featured-image>* {
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        position: relative
    }
    .promotion-banner.has-featured-image>.text {
        margin-left: -120px
    }
    .promotion-banner.has-featured-image>.image {
        width: calc(100% - 355px);
        max-width: 790px;
        z-index: 1
    }
    .promotion-banner.has-featured-image.text-container-left>.text {
        margin-left: 0;
        margin-right: -120px
    }
    .promotion-banner.has-featured-image.text-container-left>.image {
        -ms-flex-order: unset;
        order: unset
    }
}

.promotion-banner:not(.has-featured-image) {
    padding-top: 320px
}

@media (min-width:768px) {
    .promotion-banner:not(.has-featured-image) {
        padding-bottom: 45px
    }
}

@media (min-width:1200px) {
    .promotion-banner:not(.has-featured-image) {
        padding-bottom: 60px
    }
}

.promotion-banner:not(.has-featured-image):before {
    content: "";
    display: block;
    position: absolute;
    top: 33%;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(0deg, #000 0, rgba(0, 0, 0, .738) 19%, rgba(0, 0, 0, .541) 34%, rgba(0, 0, 0, .382) 47%, rgba(0, 0, 0, .278) 56.5%, rgba(0, 0, 0, .194) 65%, rgba(0, 0, 0, .126) 73%, rgba(0, 0, 0, .075) 80.2%, rgba(0, 0, 0, .042) 86.1%, rgba(0, 0, 0, .021) 91%, rgba(0, 0, 0, .008) 95.2%, rgba(0, 0, 0, .002) 98.2%, transparent)
}

.promotion-banner:not(.has-featured-image).text-color-black:before {
    background: linear-gradient(0deg, #fff 0, hsla(0, 0%, 100%, .738) 19%, hsla(0, 0%, 100%, .541) 34%, hsla(0, 0%, 100%, .382) 47%, hsla(0, 0%, 100%, .278) 56.5%, hsla(0, 0%, 100%, .194) 65%, hsla(0, 0%, 100%, .126) 73%, hsla(0, 0%, 100%, .075) 80.2%, hsla(0, 0%, 100%, .042) 86.1%, hsla(0, 0%, 100%, .021) 91%, hsla(0, 0%, 100%, .008) 95.2%, hsla(0, 0%, 100%, .002) 98.2%, hsla(0, 0%, 100%, 0))
}

.promotion-banner:not(.has-featured-image).text-container-center>.text {
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.promotion-banner:not(.has-featured-image).text-container-center>.text p {
    -ms-flex-pack: center;
    justify-content: center;
    display: -ms-flexbox;
    display: flex
}

.promotion-banner:not(.has-featured-image).text-container-right>.text {
    margin-left: auto;
    text-align: right
}

.promotion-banner:not(.has-featured-image).text-container-right>.text p {
    -ms-flex-pack: right;
    justify-content: right;
    display: -ms-flexbox;
    display: flex
}

.advert-tile {
    width: 100%
}

@media (min-width:768px) {
    .advert-tile {
        max-width: calc(50vw - 24px)
    }
}

.advert-tile .module-tile-slides {
    position: relative;
    height: calc(100% - 15px);
    background-color: #000
}

@media (min-width:768px) {
    .advert-tile .module-tile-slides {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 1.875rem;
        height: calc(100% - 30px);
        width: auto
    }
}

.advert-tile .module-tile-slides>:has(>[data-theme=darkmode]) {
    background-color: #000
}

.advert-tile .module-tile-slides>:has(>[data-theme=lightmode]) {
    background-color: #fff
}

.advert-tile .module-tile-slides .-tile-promo-desktop,
.advert-tile .module-tile-slides .-tile-promo-mobile {
    height: 100%
}

.advert-tile .module-tile-slides a {
    display: block;
    z-index: 1;
    height: 100%;
    width: 100%;
    position: relative
}

.advert-tile .module-tile-slides a img {
    width: 100%;
    height: 100%
}

.advert-tile .module-tile-slides a video {
    max-width: 100%;
    height: 100%;
    width: 100%;
    object-fit: cover
}

.advert-tile .module-tile-slides a video::-internal-media-controls-overlay-cast-button {
    display: none
}

.advert-tile .module-tile-slides .promo-container {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 1rem;
    color: #fff;
    text-align: center;
    z-index: 2;
    pointer-events: none
}

@media (min-width:768px) {
    .advert-tile .module-tile-slides .promo-container[data-overlay-theme=default] {
        bottom: .875rem;
        padding: .375rem 1.5rem
    }
}

.advert-tile .module-tile-slides .promo-container[data-overlay-theme=default] .promo-title,
.advert-tile .module-tile-slides .promo-container[data-overlay-theme=default]>p {
    text-shadow: 2px 5px 6px rgba(0, 0, 0, .32)
}

.advert-tile .module-tile-slides .promo-container a {
    pointer-events: all;
    font-size: .8125rem;
    padding: .375rem .875rem
}

@media (min-width:768px) {
    .advert-tile .module-tile-slides .promo-container a {
        font-size: .9375rem;
        padding: .375rem 1.5rem
    }
}

.advert-tile .module-tile-slides .promo-container .promo-title {
    color: inherit;
    text-align: inherit;
    font-family: var(--font-body-alt);
    line-height: 1;
    padding-bottom: 16px;
    font-weight: 600;
    font-size: 22px;
    font-size: clamp(22px, calc(1.75rem + 4 * ((100vw - 768px)/ 1152)), 30px);
    text-wrap: balance;
    word-break: break-word
}

.advert-tile .module-tile-slides .promo-container>p {
    text-align: inherit;
    color: inherit;
    font-size: var(--f-m, 16px);
    line-height: 1.3
}

.advert-tile .module-tile-slides .promo-container .promo-container-button {
    max-width: none;
    width: 100%;
    font-weight: 600;
    font-size: var(--f-m, 16px);
    text-transform: none;
    background-color: var(--c-button);
    border: 2px solid var(--c-button-border);
    color: var(--c-button-copy)
}

.advert-tile .module-tile-slides .promo-container .promo-container-button:focus-visible,
.advert-tile .module-tile-slides .promo-container .promo-container-button:hover {
    background-color: var(--c-button-hover);
    border: 2px solid var(--c-button-hover-border);
    color: var(--c-button-hover-copy)
}

.advert-tile .module-tile-slides .promo-container[data-overlay-theme=opaque] {
    background-color: var(--c-canvas, #000);
    color: var(--c-em-full)
}

.advert-tile .module-tile-slides .promo-container[data-overlay-theme=seethrough] {
    background-color: var(--c-em-low-contrast, rgba(0, 0, 0, .4));
    color: var(--c-em-full, #fff)
}

@supports ((-webkit-backdrop-filter:none) or (backdrop-filter:none)) {
    .advert-tile .module-tile-slides .promo-container[data-overlay-theme=seethrough] {
        backdrop-filter: saturate(180%) blur(20px);
        -webkit-backdrop-filter: saturate(180%) blur(20px)
    }
}

.advert-tile .module-tile-slides .promo-container[data-overlay-theme=accent] {
    background-color: var(--c-button);
    color: var(--c-button-copy)
}

.advert-tile .module-tile-slides .promo-container[data-overlay-theme=accent] .promo-container-button {
    background-color: #fff;
    border-color: #fff;
    color: #000
}

.advert-tile .module-tile-slides .promo-container[data-overlay-theme=accent] .promo-container-button:focus-visible,
.advert-tile .module-tile-slides .promo-container[data-overlay-theme=accent] .promo-container-button:hover {
    background-color: #000;
    border-color: #fff;
    color: #fff
}

.advert-tile .module-tile-slides .promo-container[data-overlay-theme=periwinkle] {
    background-color: var(--c-periwinkle, var(--c-accent));
    color: var(--c-em-full)
}

.advert-tile .module-tile-slides .promo-container[data-overlay-theme=tangerine] {
    background-color: var(--c-tangerine, var(--c-accent));
    color: var(--c-em-full)
}

.advert-tile .module-tile-slides .promo-container[data-overlay-theme=tangerine] .promo-container-button {
    background-color: #fff;
    border-color: #fff;
    color: #000
}

.advert-tile .module-tile-slides .promo-container[data-overlay-theme=tangerine] .promo-container-button:focus-visible,
.advert-tile .module-tile-slides .promo-container[data-overlay-theme=tangerine] .promo-container-button:hover {
    background-color: #000;
    border-color: #fff;
    color: #fff
}

.advert-tile .module-tile-slides .promo-container[data-overlay-theme=matcha] {
    background-color: var(--c-matcha, var(--c-accent));
    color: var(--c-em-full)
}

.advert-tile .module-tile-slides .promo-container[data-overlay-theme=default] {
    padding: .375rem .875rem;
    bottom: .625rem
}

.advert-tile .module-tile-slides .promo-container[data-theme=darkmode] {
    color: #fff
}

.advert-tile .module-tile-slides .promo-container[data-theme=darkmode] .promo-container-button {
    background-color: #fff;
    border-color: #fff;
    color: #000
}

.advert-tile .module-tile-slides .promo-container[data-theme=darkmode] .promo-container-button:focus-visible,
.advert-tile .module-tile-slides .promo-container[data-theme=darkmode] .promo-container-button:hover {
    background-color: #000;
    border-color: #fff;
    color: #fff
}

.advert-tile .module-tile-slides .promo-container[data-theme=lightmode] {
    color: #000
}

.advert-tile .module-tile-slides .promo-container[data-theme=lightmode][data-overlay-theme=default] .promo-title,
.advert-tile .module-tile-slides .promo-container[data-theme=lightmode][data-overlay-theme=default]>p {
    text-shadow: 2px 5px 6px hsla(0, 0%, 100%, .32)
}

.advert-tile .module-tile-slides .promo-container[data-theme=lightmode] .promo-container-button {
    background-color: #000;
    border-color: #000;
    color: #fff
}

.advert-tile .module-tile-slides .promo-container[data-theme=lightmode] .promo-container-button:focus-visible,
.advert-tile .module-tile-slides .promo-container[data-theme=lightmode] .promo-container-button:hover {
    background-color: #fff;
    border-color: #000;
    color: #000
}

.advert-tile .module-tile-slides .promo-container[data-position=top] {
    top: 0;
    bottom: auto
}

.advert-tile .module-tile-slides .promo-container[data-position=top][data-overlay-theme=default] {
    top: .625rem
}

.article-card {
    padding-top: 133.33%;
    background-color: #141414;
    position: relative;
    color: #fff;
    height: 100%
}

.experience-component .article-card.card {
    cursor: pointer
}

.experience-component .article-card.card>.image {
    transition: .16s ease-in;
    clip-path: inset(0)
}

.experience-component .article-card.card:hover>.image {
    clip-path: inset(16px)
}

.article-card.background-highlight {
    background-color: #fa4616
}

.article-card.background-gray {
    background-color: #f7f7f7
}

.article-card.background-white {
    background-color: #fff;
    color: #000
}

.article-card.headline-align-left {
    text-align: left
}

.article-card.headline-align-center {
    text-align: center
}

.article-card.headline-align-right {
    text-align: right
}

.players .article-card {
    padding-top: 115%;
    text-align: center
}

.article-card>* {
    position: absolute
}

.article-card>.image {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

.article-card>.image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.article-card>.headline {
    padding: 30px;
    margin: 0;
    left: 0;
    right: 0;
    z-index: 2;
    font-size: var(--f-l, 1.125rem);
    font-size: 1.375rem
}

.article-card.headline-position-top>.headline {
    top: 0
}

.article-card.headline-position-top>.headline.has-background-image {
    background: linear-gradient(180deg, #000 0, rgba(0, 0, 0, .738) 19%, rgba(0, 0, 0, .541) 34%, rgba(0, 0, 0, .382) 47%, rgba(0, 0, 0, .278) 56.5%, rgba(0, 0, 0, .194) 65%, rgba(0, 0, 0, .126) 73%, rgba(0, 0, 0, .075) 80.2%, rgba(0, 0, 0, .042) 86.1%, rgba(0, 0, 0, .021) 91%, rgba(0, 0, 0, .008) 95.2%, rgba(0, 0, 0, .002) 98.2%, transparent)
}

.article-card.headline-position-center>.headline {
    top: 50%;
    transform: translateY(-50%)
}

.article-card.headline-position-bottom>.headline {
    bottom: 0;
    background: linear-gradient(0deg, #000 0, rgba(0, 0, 0, .738) 19%, rgba(0, 0, 0, .541) 34%, rgba(0, 0, 0, .382) 47%, rgba(0, 0, 0, .278) 56.5%, rgba(0, 0, 0, .194) 65%, rgba(0, 0, 0, .126) 73%, rgba(0, 0, 0, .075) 80.2%, rgba(0, 0, 0, .042) 86.1%, rgba(0, 0, 0, .021) 91%, rgba(0, 0, 0, .008) 95.2%, rgba(0, 0, 0, .002) 98.2%, transparent)
}

@media only screen and (max-width:1023px) {
    .experience-harman_assets-productHighlight .product {
        padding-inline: var(--side-offset, 16px)
    }
}

.experience-harman_assets-productHighlight .product .thumb-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.experience-harman_assets-productHighlight .product .product-tile {
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (min-width:1024px) {
    .experience-harman_assets-productHighlight .product .product-tile {
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.experience-harman_assets-productHighlight .product .product-tile .color-swatches {
    margin-inline: 0;
    margin-bottom: var(--spacing-m);
    max-width: 500px
}

.experience-harman_assets-productHighlight .product .product-tile .image-container {
    width: 100%;
    padding: 0;
    background: transparent
}

@media only screen and (min-width:1024px) {
    .experience-harman_assets-productHighlight .product .product-tile .image-container {
        width: 40%
    }
}

.experience-harman_assets-productHighlight .product .product-tile .tile-body {
    width: 100%;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 0
}

@media only screen and (min-width:1024px) {
    .experience-harman_assets-productHighlight .product .product-tile .tile-body {
        width: 60%
    }
}

.experience-harman_assets-productHighlight .product .product-tile .tile-body ul {
    font-family: var(--font-body);
    font-size: var(--f-l);
    margin: 0;
    padding-left: 20px;
    margin-right: 20px;
    margin-bottom: var(--spacing-l)
}

.experience-harman_assets-productHighlight .product .product-tile .tile-body ul li {
    list-style-type: circle;
    font-size: var(--f-m);
    font-weight: 400
}

.experience-harman_assets-productHighlight .product .product-tile .tile-body .short-description {
    font-weight: 400;
    font-size: var(--f-l);
    color: var(--color-primary);
    line-height: 17px;
    font-family: var(--font-body)
}

.experience-harman_assets-productHighlight .product .product-tile .tile-body .short-description a {
    color: var(--color-primary);
    font-size: var(--f-m);
    font-weight: 400
}

.experience-harman_assets-productHighlight .product .product-tile .tile-body .btn {
    max-width: 200px
}

.experience-harman_assets-productHighlight .product .product-tile .tile-body .price {
    margin-bottom: var(--spacing-m);
    font-size: 18px
}

@media only screen and (min-width:1024px) {
    .experience-harman_assets-productHighlight .product .product-tile .tile-body .price {
        font-size: 30px
    }
}

.experience-harman_assets-productHighlight .product .product-tile .tile-body .pdp-link {
    margin-top: var(--spacing-l);
    margin-bottom: var(--spacing-l)
}

.experience-harman_assets-productHighlight .product .product-tile .tile-body .pdp-link a {
    font-size: var(--f-m) !important;
    color: var(--color-primary);
    font-family: var(--font-headline)
}

@media (min-width:768px) {
    .experience-harman_assets-productHighlight .product .product-tile .tile-body .pdp-link a {
        font-size: var(--f-xl) !important
    }
}

.experience-component .einstein-carousel.container-narrow>.header,
.experience-component .einstein-carousel.container>.header {
    display: none
}

.experience-component .einstein-carousel.container-narrow .slick-list,
.experience-component .einstein-carousel.container .slick-list {
    margin: 0 -10px
}

.experience-component .einstein-carousel.container-narrow .slick-track,
.experience-component .einstein-carousel.container .slick-track {
    padding: 15px 0 60px
}

.experience-component .einstein-carousel.container-narrow .slick-track>*>*,
.experience-component .einstein-carousel.container .slick-track>*>* {
    margin: 0 10px
}

.experience-component .einstein-carousel.container-narrow .product-tile,
.experience-component .einstein-carousel.container .product-tile {
    background-color: #fff;
    border-radius: 8px;
    padding: 1px;
    border: 1px solid transparent;
    transition: all .2s ease-in-out;
    margin: 0;
    display: -ms-flexbox !important;
    display: flex !important
}

.experience-component .einstein-carousel.container-narrow .product-tile:active,
.experience-component .einstein-carousel.container-narrow .product-tile:focus,
.experience-component .einstein-carousel.container-narrow .product-tile:hover,
.experience-component .einstein-carousel.container .product-tile:active,
.experience-component .einstein-carousel.container .product-tile:focus,
.experience-component .einstein-carousel.container .product-tile:hover {
    border-color: #f7f7f7;
    box-shadow: 15px 15px 30px 0 rgba(0, 0, 0, .15)
}

.experience-component .einstein-carousel.container-narrow .slick-next:before,
.experience-component .einstein-carousel.container-narrow .slick-prev:before,
.experience-component .einstein-carousel.container .slick-next:before,
.experience-component .einstein-carousel.container .slick-prev:before {
    display: none
}

.experience-component .einstein-carousel.container-narrow .slick-next,
.experience-component .einstein-carousel.container-narrow .slick-prev,
.experience-component .einstein-carousel.container .slick-next,
.experience-component .einstein-carousel.container .slick-prev {
    opacity: .25
}

.experience-component .einstein-carousel.container-narrow .slick-next:focus,
.experience-component .einstein-carousel.container-narrow .slick-next:hover,
.experience-component .einstein-carousel.container-narrow .slick-prev:focus,
.experience-component .einstein-carousel.container-narrow .slick-prev:hover,
.experience-component .einstein-carousel.container .slick-next:focus,
.experience-component .einstein-carousel.container .slick-next:hover,
.experience-component .einstein-carousel.container .slick-prev:focus,
.experience-component .einstein-carousel.container .slick-prev:hover {
    opacity: .5
}

.experience-component .einstein-carousel.container-narrow .slick-prev,
.experience-component .einstein-carousel.container .slick-prev {
    background: url("../images/icon-arrow-left.svg") no-repeat 50%;
    left: 0
}

@media (min-width:1200px) {
    .experience-component .einstein-carousel.container-narrow .slick-prev,
    .experience-component .einstein-carousel.container .slick-prev {
        left: 10px
    }
}

.experience-component .einstein-carousel.container-narrow .slick-next,
.experience-component .einstein-carousel.container .slick-next {
    background: url("../images/icon-arrow-right.svg") no-repeat 50%;
    right: 0
}

@media (min-width:1200px) {
    .experience-component .einstein-carousel.container-narrow .slick-next,
    .experience-component .einstein-carousel.container .slick-next {
        right: 10px
    }
}

.experience-component .einstein-carousel.container-narrow .slick-arrow,
.experience-component .einstein-carousel.container .slick-arrow {
    background-size: contain;
    z-index: 3;
    height: 24px;
    width: 32px;
    cursor: pointer
}

.experience-component .einstein-carousel.container-narrow .slick-arrow.slick-disabled,
.experience-component .einstein-carousel.container .slick-arrow.slick-disabled {
    opacity: .3
}

@media (min-width:1024px) {
    .experience-component .einstein-carousel.container-narrow .slick-arrow,
    .experience-component .einstein-carousel.container .slick-arrow {
        height: 36px
    }
}

.experience-component .einstein-carousel.container-narrow .slick-dots,
.experience-component .einstein-carousel.container .slick-dots {
    padding: 0 0 16px;
    bottom: 0
}

@media (min-width:1400px) {
    .experience-component .einstein-carousel.container-narrow .slick-dots,
    .experience-component .einstein-carousel.container .slick-dots {
        bottom: auto;
        top: -72px;
        right: 0;
        display: inline-block;
        width: auto;
        left: unset;
        transform: unset
    }
}

.experience-component .einstein-carousel.container-narrow .slick-dots>li,
.experience-component .einstein-carousel.container .slick-dots>li {
    width: 45px
}

.experience-component .einstein-carousel.container-narrow .slick-dots>li:after,
.experience-component .einstein-carousel.container .slick-dots>li:after {
    content: "";
    height: 3px;
    background-color: #e3e3e3;
    opacity: 1;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.experience-component .einstein-carousel.container-narrow .slick-dots>li button:before,
.experience-component .einstein-carousel.container .slick-dots>li button:before {
    display: none
}

.experience-component .einstein-carousel.container-narrow .slick-dots>li.slick-active:after,
.experience-component .einstein-carousel.container .slick-dots>li.slick-active:after {
    background-color: #a9a9a9
}

@media (min-width:1400px) {
    .experience-component .einstein-carousel.container-narrow .slick-dots>li,
    .experience-component .einstein-carousel.container .slick-dots>li {
        width: 90px
    }
    .experience-component .einstein-carousel.container-narrow .slick-dots>li:after,
    .experience-component .einstein-carousel.container .slick-dots>li:after {
        height: 6px
    }
}

.experience-component.experience-einstein-einsteinCarousel .slick-track,
.experience-component.experience-einstein-einsteinCarouselCategory .slick-track,
.experience-component.experience-einstein-einsteinCarouselProduct .slick-track {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-pack: center;
    justify-content: center
}

.experience-component.experience-einstein-einsteinCarousel .slick-track:after,
.experience-component.experience-einstein-einsteinCarousel .slick-track:before,
.experience-component.experience-einstein-einsteinCarouselCategory .slick-track:after,
.experience-component.experience-einstein-einsteinCarouselCategory .slick-track:before,
.experience-component.experience-einstein-einsteinCarouselProduct .slick-track:after,
.experience-component.experience-einstein-einsteinCarouselProduct .slick-track:before {
    display: -ms-flexbox;
    display: flex;
    content: " ";
    width: 16px;
    height: 16px
}

.experience-component.experience-einstein-einsteinCarousel .slick-slide,
.experience-component.experience-einstein-einsteinCarouselCategory .slick-slide,
.experience-component.experience-einstein-einsteinCarouselProduct .slick-slide {
    height: inherit !important;
    display: -ms-flexbox !important;
    display: flex !important;
    margin: 0 !important;
    -ms-flex: 1;
    flex: 1
}

.experience-component.experience-einstein-einsteinCarousel .slick-slide .region,
.experience-component.experience-einstein-einsteinCarousel .slick-slide>div,
.experience-component.experience-einstein-einsteinCarouselCategory .slick-slide .region,
.experience-component.experience-einstein-einsteinCarouselCategory .slick-slide>div,
.experience-component.experience-einstein-einsteinCarouselProduct .slick-slide .region,
.experience-component.experience-einstein-einsteinCarouselProduct .slick-slide>div {
    height: 100%;
    width: 100%
}

.experience-component.experience-einstein-einsteinCarousel .product-tile,
.experience-component.experience-einstein-einsteinCarouselCategory .product-tile,
.experience-component.experience-einstein-einsteinCarouselProduct .product-tile {
    height: 100%
}

.experience-component.experience-einstein-einsteinCarousel .product-tile .image-container,
.experience-component.experience-einstein-einsteinCarouselCategory .product-tile .image-container,
.experience-component.experience-einstein-einsteinCarouselProduct .product-tile .image-container {
    aspect-ratio: 1/1;
    margin: 0
}

.experience-component.experience-einstein-einsteinCarousel .product-tile .short-description+.link,
.experience-component.experience-einstein-einsteinCarouselCategory .product-tile .short-description+.link,
.experience-component.experience-einstein-einsteinCarouselProduct .product-tile .short-description+.link {
    margin-top: auto;
    padding-top: 4px;
    margin-bottom: 0
}

.experience-component.experience-einstein-einsteinCarousel .product-tile .color-swatches .swatches,
.experience-component.experience-einstein-einsteinCarouselCategory .product-tile .color-swatches .swatches,
.experience-component.experience-einstein-einsteinCarouselProduct .product-tile .color-swatches .swatches {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width:1601px) {
    .experience-component.experience-einstein-einsteinCarousel .product-tile .color-swatches .swatches>a:nth-child(n+5),
    .experience-component.experience-einstein-einsteinCarouselCategory .product-tile .color-swatches .swatches>a:nth-child(n+5),
    .experience-component.experience-einstein-einsteinCarouselProduct .product-tile .color-swatches .swatches>a:nth-child(n+5) {
        display: none
    }
}

@media (min-width:767px) and (max-width:1600px) {
    .experience-component.experience-einstein-einsteinCarousel .product-tile .color-swatches .swatches>a:nth-child(n+4),
    .experience-component.experience-einstein-einsteinCarouselCategory .product-tile .color-swatches .swatches>a:nth-child(n+4),
    .experience-component.experience-einstein-einsteinCarouselProduct .product-tile .color-swatches .swatches>a:nth-child(n+4) {
        display: none
    }
}

@media (min-width:767px) and (max-width:1330px) {
    .experience-component.experience-einstein-einsteinCarousel .product-tile .color-swatches .swatches>a:nth-child(n+3),
    .experience-component.experience-einstein-einsteinCarouselCategory .product-tile .color-swatches .swatches>a:nth-child(n+3),
    .experience-component.experience-einstein-einsteinCarouselProduct .product-tile .color-swatches .swatches>a:nth-child(n+3) {
        display: none
    }
}

@media (min-width:767px) and (max-width:1200px) {
    .experience-component.experience-einstein-einsteinCarousel .product-tile .color-swatches .swatches>a:nth-child(n+2),
    .experience-component.experience-einstein-einsteinCarouselCategory .product-tile .color-swatches .swatches>a:nth-child(n+2),
    .experience-component.experience-einstein-einsteinCarouselProduct .product-tile .color-swatches .swatches>a:nth-child(n+2) {
        display: none
    }
}

.article-page .content,
.article-page .nav {
    padding-top: 20px;
    padding-bottom: 20px
}

@media (min-width:768px) {
    .article-page .content,
    .article-page .nav {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

.article-page .page-navigation-block {
    position: sticky;
    top: 1rem;
    padding: 0 1rem
}

.article-page .page-navigation-block .nav-heading {
    font-size: var(--f-m, 1rem);
    margin: 0 0 .25rem
}

.article-page .page-navigation-block ul+.nav-heading {
    margin-top: 2rem
}

.article-page .page-navigation-block a {
    display: block;
    padding: .25rem 0
}

.article-page .content.background-white {
    background-color: #fff
}

.article-page .content.background-gray {
    background-color: #f7f7f7
}

.article-page .content.background-black {
    background-color: #141414;
    color: #fff
}

@media (min-width:768px) {
    .article-page .content[class*=col-sm-] {
        padding-left: 30px;
        padding-right: 30px;
        padding-left: 50px;
        padding-right: 50px
    }
}

@media (min-width:1200px) {
    .article-page .content[class*=col-sm-] {
        padding-left: 80px;
        padding-right: 80px
    }
}

@keyframes dsHistoryBg4 {
    0%,
    15% {
        opacity: 0;
        transform: translateY(-4%)
    }
    40%,
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.ds-banner.-history-callout {
    background: var(--c-jblorange) no-repeat 0 50%;
    aspect-ratio: 4/5;
    background-size: cover;
    width: 100%;
    overflow: clip;
    text-decoration: none
}

@media (min-width:1200px),
(orientation:landscape) {
    .ds-banner.-history-callout {
        aspect-ratio: 4/1
    }
}

@supports (animation-timeline:--true) {
    @media (prefers-reduced-motion: no-preference) {
        .ds-banner.-history-callout {
            view-timeline-name:--dsHistory;
            view-timeline-axis: block
        }
    }
}

.ds-banner.-history-callout:after,
.ds-banner.-history-callout:before {
    content: " ";
    display: block;
    grid-column: 1/-1;
    grid-row: 1/-1;
    width: 100%;
    height: 100%;
    background: no-repeat 0;
    background-size: cover
}

html.js .ds-banner.-history-callout:before {
    background-image: url("../media/history/history-e-m.webp")
}

@media (min-width:1200px),
(orientation:landscape) {
    html.js .ds-banner.-history-callout:before {
        background-image: url("../media/history/history-e-d.webp")
    }
}

html.js .ds-banner.-history-callout:after {
    background-image: url("../media/history/history-f-m.webp")
}

@supports (animation-timeline:--true) {
    @media (prefers-reduced-motion: no-preference) {
        .ds-banner.-history-callout:after {
            animation:linear dsHistoryBg4 both;
            animation-timeline: --dsHistory;
            animation-range: entry 0 cover 100%
        }
    }
}

@media (min-width:1200px),
(orientation:landscape) {
    html.js .ds-banner.-history-callout:after {
        background-image: url("../media/history/history-f-d.webp")
    }
}

.ds-banner.-history-callout .ds-banner--inside {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:1200px),
(orientation:landscape) {
    .ds-banner.-history-callout .ds-banner--inside {
        -ms-flex-pack: start;
        justify-content: start;
        -ms-flex-align: start;
        align-items: start
    }
}

.ds-banner.-history-callout .ds-banner--copy {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: auto 0;
    width: 100%;
    max-width: 79%;
    z-index: 1;
    text-align: center
}

@media (min-width:1200px),
(orientation:landscape) {
    .ds-banner.-history-callout .ds-banner--copy {
        margin: auto 4.2%;
        max-width: 42.2%;
        padding: var(--spacing-m) Max(var(--spacing-m), 1.6%);
        text-align: left
    }
}

@media (orientation:landscape) and (max-width:930px) {
    .ds-banner.-history-callout .ds-banner--copy {
        margin: 8.3% 9.6%;
        max-width: Max(72%, 460px);
        padding: var(--spacing-s);
        text-align: left
    }
}

.ds-banner.-history-callout h2 {
    color: var(--c-em-full);
    font-size: clamp(var(--f-h5), 10vw, var(--f-h1));
    font-style: normal;
    font-weight: 750;
    line-height: var(--f-h-lh);
    text-transform: uppercase;
    font-stretch: normal;
    font-variation-settings: "wdth" 100
}

@media (min-width:1200px),
(orientation:landscape) {
    .ds-banner.-history-callout h2 {
        font-size: clamp(var(--f-xl), 2.7vw, var(--f-h4))
    }
}

.ds-banner.-history-callout .ds-banner--subtitle {
    -ms-flex-order: -1;
    order: -1;
    font-size: var(--f-xs);
    text-transform: uppercase;
    letter-spacing: .72px;
    font-weight: 700;
    color: var(--c-accent)
}

@media (orientation:portrait) and (max-width:1199.98px) {
    .ds-banner.-history-callout .ds-banner--subtitle {
        margin-inline: auto
    }
}

.ds-wbd {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(0, 1fr))[4];
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border: thin solid var(--c-accent);
    border-width: thin 0 0;
    gap: 0;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    container: dsWbd/inline-size;
    min-width: 100%;
    max-width: var(--sizing-max-page);
    margin-inline: auto
}

.ds-wbd,
.ds-wbd h2 {
    background-color: var(--c-canvas-full)
}

.ds-wbd h2 {
    margin: 0;
    color: var(--c-accent);
    font-size: clamp(18px, 2.4cqw, 48px);
    display: block;
    font-weight: 600;
    font-stretch: condensed;
    font-variation-settings: "wdth" 75;
    text-align: left
}

.ds-wbd h2 em {
    font-weight: 750
}

.ds-wbd .ds-wbd-item {
    border: thin solid var(--c-accent);
    border-width: 0 thin thin 0
}

.ds-wbd.-v2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    gap: 0
}

@media (min-width:1200px) {
    .ds-wbd.-v2 {
        -ms-grid-columns: (auto)[5];
        grid-template-columns: repeat(5, auto);
        row-gap: 0
    }
}

@media (min-width:1380px) {
    .ds-wbd.-v2 {
        -ms-grid-columns: (auto)[5];
        grid-template-columns: repeat(5, auto);
        row-gap: 0
    }
}

.experience-component.experience-jbl_layouts-whyBuyDirectCalloutBlock,
.experience-component:has(.ds-wbd.-v2) {
    position: sticky;
    bottom: var(--wbd-offset, 0)
}

@media (max-height:655px) {
    .embeddedMessagingConversationButton.embeddedMessagingBottomTabBar {
        --eswButtonBottom: 48px;
        --eswButtonRight: var(--side-offset)
    }
}

.ds-wbd-item {
    background-color: var(--c-canvas-full);
    color: var(--c-em-full);
    padding: var(--spacing-s);
    display: -ms-grid;
    display: grid;
    column-gap: 16px
}

.ds-wbd-item:hover .ds-headline {
    text-decoration: underline;
    -webkit-text-decoration-color: var(--c-accent);
    text-decoration-color: var(--c-accent);
    text-underline-offset: 1px;
    text-decoration-thickness: 1px
}

@media (prefers-reduced-motion:no-preference) {
    .ds-wbd-item:hover .ds-link:after {
        transform: translateX(4px)
    }
}

@media (min-width:1024px) {
    .ds-wbd-item {
        -ms-grid-columns: 1fr 84px;
        grid-template-columns: 1fr 84px;
        -ms-grid-rows: 1fr;
        grid-template-rows: 1fr
    }
    @container dsWbd (max-width:1220px) {
        .ds-wbd-item {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            -ms-grid-rows: 1fr 84px;
            grid-template-rows: 1fr 84px;
            -ms-grid-column: span 2;
            grid-column: span 2
        }
    }
}

@media (max-width:1023px) {
    .ds-wbd-item {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-rows: 1fr 62px;
        grid-template-rows: 1fr 62px;
        -ms-grid-column: span 2;
        grid-column: span 2
    }
}

.ds-wbd-item:has(h2) {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width:1023px) {
    .ds-wbd-item:has(h2) h2 {
        font-size: 40px
    }
}

@media (min-width:1024px) {
    @container dsWbd (max-width: 1220px) {
        .ds-wbd-item:has(h2) h2 {
            font-size:40px
        }
    }
}

.ds-wbd-item .-copy {
    -ms-flex-order: -1;
    order: -1;
    text-align: left;
    -ms-flex-item-align: auto;
    align-self: auto;
    justify-self: start;
    display: -ms-flexbox;
    display: flex;
    row-gap: 4px;
    -ms-flex-direction: column;
    flex-direction: column
}

.ds-wbd-item .-copy .ds-headline {
    margin-block: 0 auto
}

.ds-wbd-item .-copy .ds-link {
    margin-block: auto 0;
    color: var(--c-accent);
    font-size: var(--f-m);
    font-weight: 600
}

.ds-wbd-item .-copy .ds-link:after {
    font-weight: 600;
    font-size: 1.2em;
    margin-left: 4px
}

.ds-wbd-item picture {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: end;
    align-self: end;
    justify-self: end;
    max-height: 100%;
    pointer-events: none
}

.ds-wbd-item picture img {
    max-height: inherit
}

@media (max-width:1023px) {
    .ds-wbd-item picture img {
        object-position: right bottom
    }
}

.ds-wbd-item .ds-headline {
    font-size: clamp(18px, 1.8cqw, 32px)
}

@media (min-width:1024px) {
    @container dsWbd (max-width: 1220px) {
        .ds-wbd-item .ds-headline {
            font-size:32px
        }
    }
}

.ds-wbd-item.-accent {
    background-color: var(--c-jblorange);
    color: #000
}

.ds-wbd-item.-accent:hover .ds-headline {
    -webkit-text-decoration-color: currentColor;
    text-decoration-color: currentColor
}

.ds-wbd-item.-accent .ds-link {
    color: #000
}

.ds-wbd-item.-accent:not([href]) h2 {
    background-color: transparent;
    color: #000
}

@media (max-width:1023px) {
    .ds-wbd-item.-accent {
        -ms-flex-order: 5;
        order: 5
    }
}

@media (min-width:1024px) {
    .ds-wbd-item.-accent .ds-link {
        margin-block: 0 auto
    }
    @container dsWbd (max-width:1220px) {
        .ds-wbd-item.-accent {
            -ms-flex-order: 5;
            order: 5
        }
    }
}

.ds-wbd-item.-lg {
    -ms-grid-row: span 2;
    grid-row: span 2
}

@media (min-width:1024px) {
    .ds-wbd-item.-lg {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }
    .ds-wbd-item.-lg picture {
        max-width: 70%
    }
    @container dsWbd (max-width:1220px) {
        .ds-wbd-item.-lg {
            -ms-grid-columns: 1fr 192px;
            grid-template-columns: 1fr 192px;
            -ms-grid-rows: 1fr;
            grid-template-rows: 1fr;
            -ms-grid-row: span 1;
            grid-row: span 1;
            -ms-grid-column: span 4;
            grid-column: span 4
        }
    }
}

@media (max-width:1023px) {
    .ds-wbd-item.-lg {
        -ms-grid-row: span 1;
        grid-row: span 1;
        -ms-grid-column: span 4;
        grid-column: span 4;
        -ms-grid-columns: 1fr 192px;
        grid-template-columns: 1fr 192px;
        -ms-grid-rows: 1fr;
        grid-template-rows: 1fr
    }
}

.ds-wbd.-v2 .ds-wbd-item {
    border: thin solid var(--c-accent);
    border-width: 0 0 thin;
    padding: 12px clamp(8px, 1vw, 24px);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 700;
    text-wrap: pretty;
    -ms-flex: 1;
    flex: 1
}

.ds-wbd.-v2 .ds-wbd-item:not(:first-child) {
    border-left-width: thin
}

@media (min-width:1200px) {
    .ds-wbd.-v2 .ds-wbd-item {
        padding-inline: 16px
    }
}

@media (min-width:1200px) and (max-width:1380px) {
    .ds-wbd.-v2 .ds-wbd-item h2 {
        font-size: 20px;
        display: block
    }
    .ds-wbd.-v2 .ds-wbd-item .ds-headline {
        font-size: var(--f-s)
    }
}

@media (max-width:1199.98px) and (min-width:800px) {
    .ds-wbd.-v2 .ds-wbd-item:has(h2) {
        grid-column: 1/-1;
        min-width: 100%;
        max-width: 100vw
    }
}

@media (max-width:799.98px) {
    .ds-wbd.-v2 .ds-wbd-item {
        min-width: 50%;
        max-width: 50vw
    }
    .ds-wbd.-v2 .ds-wbd-item:first-child:has(h2) h2 {
        -ms-flex-pack: start;
        justify-content: start;
        padding-left: 4px
    }
    .ds-wbd.-v2 .ds-wbd-item:nth-last-child(odd):first-child:has(h2) {
        grid-column: 1/-1;
        min-width: 100%;
        max-width: 100vw
    }
    .ds-wbd.-v2 .ds-wbd-item:nth-last-child(odd):first-child:has(h2)~.ds-wbd-item:nth-child(2n) {
        border-left-width: 0
    }
    .ds-wbd.-v2 .ds-wbd-item:nth-last-child(2n):first-child:has(h2) {
        min-width: auto;
        max-width: none
    }
    .ds-wbd.-v2 .ds-wbd-item:nth-last-child(2n):first-child:has(h2)~.ds-wbd-item:nth-child(odd) {
        border-left-width: 0
    }
    .ds-wbd.-v2 .ds-wbd-item:nth-last-child(2n):first-child:has(h2) h2 {
        -ms-flex-pack: start;
        justify-content: start;
        padding-left: 4px
    }
}

@media (max-width:600px) {
    .ds-wbd.-v2 .ds-wbd-item {
        -ms-flex-pack: start;
        justify-content: start;
        gap: 6px
    }
}

@media (max-width:310px) {
    .ds-wbd.-v2 .ds-wbd-item {
        min-width: 100%;
        max-width: 100vw
    }
}

.ds-wbd.-v2 .ds-wbd-item h2 {
    color: var(--c-em-full);
    line-height: .8;
    font-size: 24px;
    font-weight: 500;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    transform: translateY(2px)
}

@media (max-width:1199.98px) {
    .ds-wbd.-v2 .ds-wbd-item h2 {
        font-size: clamp(16.5px, 4vw, 30px);
        margin-inline: auto
    }
}

.ds-wbd.-v2 .ds-wbd-item h2 em,
.ds-wbd.-v2 .ds-wbd-item h2 strong {
    font-weight: 750
}

@media (min-width:1200px) {
    .ds-wbd.-v2 .ds-wbd-item .-copy {
        width: max-content
    }
}

.ds-wbd.-v2 .ds-wbd-item .ds-headline {
    font: revert;
    color: var(--c-em-full);
    display: inline-block;
    text-wrap: pretty;
    line-height: 1.2;
    text-decoration: none;
    text-wrap: balance
}

@media (min-width:1200px) {
    .ds-wbd.-v2 .ds-wbd-item .ds-headline {
        text-transform: revert;
        font-family: var(--font-body);
        font-size: var(--f-m)
    }
}

@media (max-width:1199.98px) {
    .ds-wbd.-v2 .ds-wbd-item .ds-headline {
        font-size: clamp(11.5px, 3.4vw, 16px);
        font-style: normal;
        font-weight: 700;
        line-height: 1.3;
        text-transform: none
    }
}

@media (min-width:800px) {
    .ds-wbd.-v2 .ds-wbd-item .ds-headline:after {
        font-family: var(--font-icon);
        font-weight: 400;
        font-style: normal;
        font-size: 1em;
        line-height: 1;
        letter-spacing: normal;
        text-transform: none;
        display: inline-block;
        white-space: nowrap;
        word-wrap: normal;
        direction: ltr;
        vertical-align: sub;
        -webkit-font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
        font-variation-settings: "FILL" 1;
        transition: transform var(--ds-transition);
        will-change: transform clip-path;
        margin-left: 4px;
        font-weight: 700;
        content: "arrow_forward"
    }
}

.ds-wbd.-v2 .ds-wbd-item[href] {
    text-decoration: none
}

.ds-wbd.-v2 .ds-wbd-item[href]:focus,
.ds-wbd.-v2 .ds-wbd-item[href]:hover {
    background-color: var(--c-canvas)
}

.ds-wbd.-v2 .ds-wbd-item[href]:focus-visible {
    outline: 2px solid var(--c-accent);
    outline-offset: -2px
}

.ds-wbd.-v2 .ds-wbd-item picture {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    justify-self: center
}

@media (max-width:1199.98px) {
    .ds-wbd.-v2 .ds-wbd-item picture {
        -ms-flex-order: -1;
        order: -1
    }
}

.ds-wbd.-v2 .ds-wbd-item picture img {
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    object-fit: contain
}

@media (min-width:1024px) {
    .ds-wbd.-v2 .ds-wbd-item picture img {
        min-width: 42px;
        max-width: 42px;
        min-height: 42px;
        max-height: 42px
    }
}

.ds-wbd.-v2 .ds-wbd-item .ds-link,
.ds-wbd.-v2 .ds-wbd-item:nth-of-type(n+5) {
    display: none
}

.ds-category-navigation-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-block: var(--spacing-2xl) var(--spacing-m);
    max-width: 100vw;
    background-color: var(--c-canvas-full);
    border-bottom: thin solid var(--c-accent)
}

.ds-category-navigation-wrapper h1,
.ds-category-navigation-wrapper h2,
.ds-category-navigation-wrapper h3,
.ds-category-navigation-wrapper h4 {
    text-align: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: var(--f-h5);
    font-stretch: condensed;
    font-variation-settings: "wdth" 75;
    font-weight: 600;
    padding-inline: var(--side-offset);
    padding-bottom: var(--spacing-m);
    color: var(--c-em-full)
}

.ds-category-navigation {
    width: 100%
}

.ds-category-navigation:not(.slick-initialized) {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: start;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 var(--side-offset)
}

.ds-category-navigation.slick-slider,
.ds-category-navitem {
    display: -ms-grid;
    display: grid
}

.ds-category-navitem {
    text-align: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-grid-rows: 72px 1fr;
    grid-template-rows: 72px 1fr;
    row-gap: var(--spacing-xs);
    padding-inline: var(--spacing-s);
    max-width: 200px;
    margin-inline: auto
}

.ds-category-navitem picture {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ds-category-navitem picture img {
    object-fit: contain;
    max-width: 100%;
    max-height: 100%
}

.ds-category-navitem:focus-visible,
.ds-category-navitem:hover {
    text-decoration: underline;
    -webkit-text-decoration-color: var(--c-accent);
    text-decoration-color: var(--c-accent)
}

.ds-category-navitem:focus-visible {
    outline: thin solid var(--c-accent);
    outline-offset: 0
}

.ds-category-navitem .ds-headline {
    color: var(--c-em-full);
    font-size: var(--f-m)
}

.ds-category-navigation-wrapper.-clp {
    padding-block: var(--spacing-s) var(--spacing-s);
    background-color: var(--c-canvas-full);
    color: var(--c-em-full)
}

.ds-category-navigation-wrapper.-clp * {
    color: inherit
}

.ds-category-navigation-wrapper.-clp .ds-category-navitem {
    text-underline-offset: 4px;
    padding-bottom: 3px;
    max-width: 159px
}

.ds-category-navigation-wrapper.-clp .ds-category-navitem:focus-visible,
.ds-category-navigation-wrapper.-clp .ds-category-navitem:hover {
    text-underline-offset: 4px
}

.ds-category-navigation-wrapper.-clp .ds-category-navigation {
    display: -ms-flexbox !important;
    display: flex !important;
    gap: var(--spacing-m);
    overflow-x: auto;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    min-height: 105px
}

.ds-category-navigation-wrapper.-clp .ds-category-navigation.ds-slider {
    --spv: 3;
    display: -ms-grid;
    display: grid;
    padding: 0;
    position: relative;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
}

.ds-category-navigation-wrapper.-clp .ds-category-navigation.ds-slider:has(.ds-slides) {
    overflow: visible;
    display: -ms-grid !important;
    display: grid !important;
    -ms-scroll-snap-type: revert;
    scroll-snap-type: revert;
    gap: 0
}

.ds-category-navigation-wrapper.-clp .ds-category-navigation.ds-slider .ds-slides {
    width: 100%
}

.ds-category-navigation-wrapper.-clp .ds-category-navigation.ds-slider .ds-slide {
    min-width: auto
}

@media (min-width:600px) {
    .ds-category-navigation-wrapper.-clp .ds-category-navigation.ds-slider {
        --spv: 4
    }
}

@media (min-width:900px) {
    .ds-category-navigation-wrapper.-clp .ds-category-navigation.ds-slider {
        --spv: 5
    }
}

.ds-category-navigation-wrapper.-clp .ds-category-navigation.ds-slider .ds-slider-dots {
    display: none
}

.ds-category-navigation-wrapper.-clp .ds-category-navigation.ds-slider .ds-slider-next,
.ds-category-navigation-wrapper.-clp .ds-category-navigation.ds-slider .ds-slider-prev {
    position: absolute;
    top: 50%;
    left: 2px;
    transform: translateY(-50%)
}

.ds-category-navigation-wrapper.-clp .ds-category-navigation.ds-slider .ds-slider-next {
    left: auto;
    right: 2px
}

.ds-category-navigation-wrapper.-clp .ds-category-navigation.ds-slider .ds-slider-controls {
    position: static
}

.ds-category-navigation-wrapper.-clp .ds-category-navigation.ds-slider:not(:has(.ds-slide[data-visible=no],
.ds-slide[data-visible=partial])) {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-align: safe center;
    align-items: safe center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-pack: safe center;
    justify-content: safe center;
    margin-inline: auto
}

.ds-category-navigation-wrapper.-clp .ds-category-navigation.ds-slider:not(:has(.ds-slide[data-visible=no],
.ds-slide[data-visible=partial])) .ds-slides {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-align: safe center;
    align-items: safe center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-pack: safe center;
    justify-content: safe center;
    margin-inline: auto
}

.ds-category-navigation-wrapper.-clp .ds-category-navigation.ds-slider:not(:has(.ds-slide[data-visible=no],
.ds-slide[data-visible=partial])) .ds-slider-controls {
    display: none
}

.ds-category-navigation-wrapper.-clp .ds-category-navigation .ds-headline {
    color: var(--c-em-full);
    text-decoration: none;
    font-size: var(--f-s);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: var(--font-body);
    text-transform: none
}

.ds-category-navigation-wrapper.-clp .ds-slider--item {
    min-width: 124px
}

.ds-category-navigation-wrapper.-clp .ds-slider--item .-copy {
    display: block;
    min-height: 12px;
    -ms-grid-row: 2;
    grid-row: 2
}

.ds-category-navigation-wrapper.-clp .ds-slider--item.placeholder {
    min-width: 92px;
    max-width: 200px;
    background-color: var(--c-canvas);
    border-radius: 11px;
    margin-inline: 16px;
    overflow: clip
}

.ds-category-navigation-wrapper.-clp .ds-slider--item.placeholder * {
    display: none
}

.ds-category-navigation-wrapper.-clp .ds-slider--item.placeholder:before {
    content: " ";
    display: block;
    width: 100%;
    animation: placeholder-pulse 1.5s infinite;
    height: 92px;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 5%, var(--c-em-3xlow) 20%, hsla(0, 0%, 100%, 0) 35%);
    background-size: 400% 100%;
    animation: placeholderShimmer 2.4s
}

.ds-themed-product-carousel {
    width: 100%;
    color: var(--c-em-med);
    padding-top: var(--spacing-xl);
    margin-block: var(--spacing-m)
}

.ds-themed-product-carousel :where(h2,
h3,
h4) {
    padding-inline: var(--side-offset);
    font-family: var(--font-headline);
    font-stretch: condensed;
    font-variation-settings: "wdth" 75;
    font-size: var(--f-h4);
    font-weight: 600;
    color: var(--c-em-full);
    text-align: left;
    margin-bottom: var(--spacing-xl)
}

@media (min-width:1024px) {
    .ds-themed-product-carousel :where(h2,
    h3,
    h4) {
        padding-inline: var(--side-offset) calc(var(--side-offset) + 80px)
    }
}

.ds-themed-product-carousel:not(:has(.ds-slider)) :where(h2,
h3,
h4) {
    text-align: left;
    font-size: var(--f-h4);
    margin-bottom: var(--spacing-m)
}

.ds-themed-product-carousel .tile-body .price {
    padding-bottom: 8px
}

.ds-themed-product-carousel .ds-link.-learnmore {
    display: inline-block
}

.ds-themed-product-carousel .ds-slides .ds-slide .themed-product-carousel--item {
    height: 100%
}

.ds-themed-product-carousel .ds-slider-controls .ds-slider-prev {
    -ms-flex-order: -2;
    order: -2
}

.ds-themed-product-carousel .ds-slider-controls .ds-slider-index {
    -ms-flex-order: -1;
    order: -1;
    padding-inline: 0
}

@media (max-width:679px) {
    .ds-themed-product-carousel .ds-slider-controls .ds-slider-index {
        display: none
    }
}

@media (min-width:1200px) {
    .ds-themed-product-carousel .themed-product-carousel--slides[data-slider-lg=true] {
        --spv: 1.5
    }
}

@media (min-width:1200px) and (min-width:1200px) {
    .ds-themed-product-carousel .themed-product-carousel--slides[data-slider-lg=true] {
        --spv: 4.5
    }
}

@media (min-width:1200px) and (min-width:1600px) {
    .ds-themed-product-carousel .themed-product-carousel--slides[data-slider-lg=true] {
        --spv: 5.5
    }
}

@media (min-width:1200px) {
    .ds-themed-product-carousel .themed-product-carousel--slides[data-slider-lg=true] .slick-dots li button:before {
        display: none
    }
    .ds-themed-product-carousel .themed-product-carousel--slides[data-slider-lg=true][data-sfcc-pd-region-info] {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, 1fr);
        -ms-grid-rows: auto;
        grid-template-rows: auto
    }
    .ds-themed-product-carousel .themed-product-carousel--slides[data-slider-lg=true] .ds-slides .ds-slide {
        padding: var(--spacing-xs)
    }
    .ds-themed-product-carousel .themed-product-carousel--slides[data-slider-lg=true] .ds-slides .ds-slide .themed-product-carousel--item {
        height: 100%;
        padding: var(--spacing-2xs);
        background-color: var(--c-canvas);
        border-radius: 6px;
        border: 0
    }
    .ds-themed-product-carousel .themed-product-carousel--slides[data-slider-lg=true] .ds-slides .ds-slide .themed-product-carousel--item .product-tile {
        --c-product-card-canvas: var(--c-canvas);
        background-color: var(--c-canvas)
    }
}

@media (max-width:1199.98px) {
    .ds-themed-product-carousel .themed-product-carousel--slides[data-slider-sm=true] {
        --spv: 1.5
    }
}

@media (max-width:1199.98px) and (min-width:680px) {
    .ds-themed-product-carousel .themed-product-carousel--slides[data-slider-sm=true] {
        --spv: 2.5
    }
}

@media (max-width:1199.98px) and (min-width:1024px) {
    .ds-themed-product-carousel .themed-product-carousel--slides[data-slider-sm=true] {
        --spv: 3.5
    }
}

@media (max-width:1199.98px) {
    .ds-themed-product-carousel .themed-product-carousel--slides[data-slider-sm=true] .slick-dots li button:before {
        display: none
    }
    .ds-themed-product-carousel .themed-product-carousel--slides[data-slider-sm=true][data-sfcc-pd-region-info] {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, 1fr);
        -ms-grid-rows: auto;
        grid-template-rows: auto
    }
    .ds-themed-product-carousel .themed-product-carousel--slides[data-slider-sm=true] .ds-slides .ds-slide {
        padding: var(--spacing-xs)
    }
    .ds-themed-product-carousel .themed-product-carousel--slides[data-slider-sm=true] .ds-slides .ds-slide .themed-product-carousel--item {
        height: 100%;
        padding: var(--spacing-2xs);
        background-color: var(--c-canvas);
        border-radius: 6px;
        border: 0
    }
    .ds-themed-product-carousel .themed-product-carousel--slides[data-slider-sm=true] .ds-slides .ds-slide .themed-product-carousel--item .product-tile {
        --c-product-card-canvas: var(--c-canvas);
        background-color: var(--c-canvas)
    }
}

@media (max-width:1199.98px) {
    .ds-themed-product-carousel .themed-product-carousel--slides[data-slider-sm=false] .ds-slides {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: 1fr;
        grid-template-rows: 1fr;
        border-top: thin solid var(--c-border, var(--c-accent));
        -ms-grid-columns: (minmax(0, 1fr))[2];
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .ds-themed-product-carousel .themed-product-carousel--slides[data-slider-sm=false] .ds-slides>div:nth-child(n+7) {
        display: none
    }
}

@media (max-width:1199.98px) and (min-width:800px) and (max-width:1023.98px) {
    .ds-themed-product-carousel .themed-product-carousel--slides[data-slider-sm=false] .ds-slides {
        -ms-grid-columns: (minmax(0, 1fr))[3];
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

@media (max-width:1199.98px) and (min-width:1024px) and (max-width:1200px) {
    .ds-themed-product-carousel .themed-product-carousel--slides[data-slider-sm=false] .ds-slides {
        -ms-grid-columns: (minmax(0, 1fr))[4];
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
    .ds-themed-product-carousel .themed-product-carousel--slides[data-slider-sm=false] .ds-slides>div:nth-child(n+5) {
        display: none
    }
}

@media (max-width:1199.98px) {
    .ds-themed-product-carousel .themed-product-carousel--slides[data-slider-sm=false] .ds-slider-controls {
        display: none !important
    }
}

@media (min-width:1200px) {
    .ds-themed-product-carousel .themed-product-carousel--slides[data-slider-lg=false][data-sfcc-pd-region-info] {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, 1fr);
        -ms-grid-rows: auto;
        grid-template-rows: auto
    }
    .ds-themed-product-carousel .themed-product-carousel--slides[data-slider-lg=false] .ds-slides {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (minmax(0, 1fr))[4];
        grid-template-columns: repeat(4, minmax(0, 1fr));
        -ms-grid-rows: 1fr;
        grid-template-rows: 1fr;
        border-top: thin solid var(--c-border, var(--c-accent))
    }
}

@media (min-width:1200px) and (min-width:1024px) and (max-width:1439.98px) {
    .ds-themed-product-carousel .themed-product-carousel--slides[data-slider-lg=false] .ds-slides {
        -ms-grid-columns: (minmax(0, 1fr))[4];
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
    .ds-themed-product-carousel .themed-product-carousel--slides[data-slider-lg=false] .ds-slides>div:nth-child(n+5) {
        display: none
    }
}

@media (min-width:1200px) and (min-width:1440px) and (max-width:1919.98px) {
    .ds-themed-product-carousel .themed-product-carousel--slides[data-slider-lg=false] .ds-slides {
        -ms-grid-columns: (minmax(0, 1fr))[5];
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }
    .ds-themed-product-carousel .themed-product-carousel--slides[data-slider-lg=false] .ds-slides>div:nth-child(n+6) {
        display: none
    }
}

@media (min-width:1200px) and (min-width:1920px) {
    .ds-themed-product-carousel .themed-product-carousel--slides[data-slider-lg=false] .ds-slides {
        -ms-grid-columns: (minmax(0, 1fr))[6];
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }
    .ds-themed-product-carousel .themed-product-carousel--slides[data-slider-lg=false] .ds-slides>div:nth-child(n+7) {
        display: none
    }
}

@media (min-width:1200px) {
    .ds-themed-product-carousel .themed-product-carousel--slides[data-slider-lg=false] .ds-slider-controls {
        display: none !important
    }
}

.ds-themed-product-carousel .themed-product-carousel--item {
    background: var(--c-canvas-full);
    min-height: 200px;
    min-width: 200px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: clip;
    border: 0 solid var(--c-border, var(--c-accent));
    border-width: 0 thin thin 0;
    margin-bottom: 0;
    padding-bottom: 0
}

@media (max-width:1023px) {
    .ds-themed-product-carousel .themed-product-carousel--item {
        -ms-grid-column: span 2;
        grid-column: span 2;
        margin-bottom: 0;
        padding-bottom: 0
    }
    .ds-themed-product-carousel .themed-product-carousel--item:nth-child(5n+2),
    .ds-themed-product-carousel .themed-product-carousel--item:nth-child(5n+4),
    .ds-themed-product-carousel .themed-product-carousel--item:nth-child(5n+6) {
        border-right: 0
    }
}

.ds-themed-product-carousel .product {
    width: 100%;
    height: 100%
}

.ds-themed-product-carousel .product .product-tile {
    margin: auto;
    height: 100%;
    width: 100%
}

.ds-themed-product-carousel .product .product-tile .pdp-link .link {
    min-height: 45px
}

.ds-themed-product-carousel .product .product-tile .tile-body {
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 0;
    margin-bottom: auto
}

.ds-themed-product-carousel .product .product-tile .tile-body .formatted-price {
    min-height: 44px
}

.ds-themed-product-carousel .product .product-tile .image-container {
    -ms-flex-positive: 0;
    flex-grow: 0
}

.ds-themed-product-carousel .product .product-tile .image-container .image-container>a:first-of-type {
    height: 100%
}

.ds-banner.-fcp {
    --bg: var(--c-periwinkle);
    --canvas: var(--c-accent);
    --color: var(--c-em-full);
    --color-vis: var(--color);
    --color-tag: var(--color);
    background-color: var(--bg);
    grid-gap: 0;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    font-size: var(--f-m);
    text-decoration: none
}

.ds-banner.-fcp[data-visibility=auto] {
    content-visibility: auto
}

@media (max-width:1024px) {
    .ds-banner.-fcp.-hp .ds-banner--inside {
        z-index: 1
    }
}

@media (min-width:800px) {
    .ds-banner.-fcp.-image-placement-left,
    .ds-banner.-fcp.-image-placement-right,
    .ds-banner.-fcp:not([class*=-image-placement]) {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        grid-gap: 0
    }
    .ds-banner.-fcp.-image-placement-left>*,
    .ds-banner.-fcp.-image-placement-right>*,
    .ds-banner.-fcp:not([class*=-image-placement])>* {
        min-width: 50%;
        max-width: 50%
    }
}

@media (min-width:1024px) {
    .ds-banner.-fcp.-image-placement-right {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

.ds-banner.-fcp:not([data-theme]),
.ds-banner.-fcp[data-theme=a],
.ds-banner.-fcp[data-theme=null],
.ds-banner.-fcp[data-theme=periwinkle] {
    --c-button: #fff;
    --c-button-border: #fff;
    --c-button-copy: #000;
    --canvas: var(--c-accent);
    --color: #fff
}

.ds-banner.-fcp[data-theme=c],
.ds-banner.-fcp[data-theme=tangerine] {
    --bg: var(--c-tangerine);
    --canvas: #fff;
    --color: #000
}

.ds-banner.-fcp[data-theme=b],
.ds-banner.-fcp[data-theme=matcha] {
    --bg: var(--c-matcha);
    --canvas: #000;
    --color: #fff;
    --color-tag: #000;
    --c-button-border-hover: #fff;
    --c-button-hover-border: #fff
}

.ds-banner.-fcp[data-theme*="matcha alt"],
.ds-banner.-fcp[data-theme=h],
.ds-banner.-fcp[data-theme=matcha-alt] {
    --bg: var(--c-matcha);
    --color: #fff;
    --color-tag: #000;
    --c-button: #fff;
    --c-button-border: #fff;
    --c-button-copy: #000;
    --c-button-hover: #000;
    --c-button-hover-border: #000;
    --c-button-hover-copy: #fff
}

.ds-banner.-fcp[data-theme*=arrival] {
    --bg: #fff;
    --canvas: #fff;
    --color: #000
}

.ds-banner.-fcp[data-theme=d],
.ds-banner.-fcp[data-theme=premium],
[data-theme=premium] .ds-banner.-fcp {
    background-image: none;
    --bg: var(--c-cream);
    --canvas: var(--c-cream);
    --color: var(--c-em-full);
    --c-button: #000;
    --c-button-border: #000;
    --c-button-copy: #fff;
    --c-button-hover: #fff;
    --c-button-hover-border: #000;
    --c-button-hover-copy: #000
}

.ds-banner.-fcp[data-theme=d] .ds-banner--inside>.bg-video video[data-src-d=cymatics],
.ds-banner.-fcp[data-theme=d] .ds-banner--inside>.bg-visual video[data-src-d=cymatics],
.ds-banner.-fcp[data-theme=d] .ds-sticker,
.ds-banner.-fcp[data-theme=premium] .ds-banner--inside>.bg-video video[data-src-d=cymatics],
.ds-banner.-fcp[data-theme=premium] .ds-banner--inside>.bg-visual video[data-src-d=cymatics],
.ds-banner.-fcp[data-theme=premium] .ds-sticker,
[data-theme=premium] .ds-banner.-fcp .ds-banner--inside>.bg-video video[data-src-d=cymatics],
[data-theme=premium] .ds-banner.-fcp .ds-banner--inside>.bg-visual video[data-src-d=cymatics],
[data-theme=premium] .ds-banner.-fcp .ds-sticker {
    display: none
}

.ds-banner.-fcp[data-theme=d][data-headline-size=lg] .ds-headline,
.ds-banner.-fcp[data-theme=d][data-headline-size=xl] .ds-headline,
.ds-banner.-fcp[data-theme=premium][data-headline-size=lg] .ds-headline,
.ds-banner.-fcp[data-theme=premium][data-headline-size=xl] .ds-headline,
[data-theme=premium] .ds-banner.-fcp[data-headline-size=lg] .ds-headline,
[data-theme=premium] .ds-banner.-fcp[data-headline-size=xl] .ds-headline {
    font-stretch: condensed;
    font-variation-settings: "wdth" 75;
    font-weight: 600
}

.ds-banner.-fcp[data-theme=e] {
    --bg: var(--c-em-full);
    --canvas: #000;
    --color: #fff;
    --c-button: #fff;
    --c-button-border: #fff;
    --c-button-border-hover: #fff;
    --c-button-copy: #000;
    --c-button-hover-border: #fff
}

.ds-banner.-fcp[data-theme=e] .ds-banner--inside {
    background: var(--bg) url(../media/fcp-dark-bg.webp) no-repeat;
    background-size: cover
}

.ds-banner.-fcp[data-theme=e] :where(h2,
h3,
.ds-headline) {
    color: var(--c-periwinkle-l)
}

.ds-banner.-fcp[data-theme=e] .ds-banner--inside>.bg-video,
.ds-banner.-fcp[data-theme=e] .ds-banner--inside>.bg-visual {
    display: none
}

.ds-banner.-fcp[data-theme=dark],
[data-theme=dark] .ds-banner.-fcp {
    --bg: var(--c-em-full-contrast);
    --canvas: #000;
    --color: #fff
}

.ds-banner.-fcp[data-theme=dark] :where(h2,
h3,
.ds-headline),
[data-theme=dark] .ds-banner.-fcp :where(h2,
h3,
.ds-headline) {
    color: var(--c-periwinkle-l)
}

.ds-banner.-fcp[data-theme=f],
.ds-banner.-fcp[data-theme=light] {
    --bg: var(--c-canvas-full);
    --canvas: #fff;
    --color: #000
}

.ds-banner.-fcp[data-theme=f] :where(h2,
h3,
.ds-headline),
.ds-banner.-fcp[data-theme=light] :where(h2,
h3,
.ds-headline) {
    color: var(--c-accent)
}

.ds-banner.-fcp[data-theme*="dark alt"],
.ds-banner.-fcp[data-theme=dark-alt],
.ds-banner.-fcp[data-theme=g] {
    --bg: #000;
    --canvas: #000;
    --color: #fff;
    --c-button-hover: #fff;
    --c-button-hover-border: #fff;
    --c-button-hover-copy: #000
}

.ds-banner.-fcp .ds-banner--inside {
    padding: clamp(64px, 5vw, 96px);
    padding: clamp(64px, 5cqw, 96px);
    position: relative
}

@media (max-width:599.98px) {
    .ds-banner.-fcp .ds-banner--inside {
        padding: clamp(40px, 5vw, 96px);
        padding: clamp(40px, 5cqw, 96px)
    }
}

.ds-banner.-fcp .ds-banner--inside>.bg-visual,
.ds-banner.-fcp .ds-banner--inside>video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    height: 100%;
    width: 100%;
    object-fit: cover;
    z-index: 0
}

.ds-banner.-fcp .ds-banner--inside>.bg-visual img,
.ds-banner.-fcp .ds-banner--inside>.bg-visual video {
    height: 100%;
    width: 100%;
    object-fit: cover;
    display: block;
    max-height: none
}

.ds-banner.-fcp .ds-banner--inside:has(.product),
.ds-fcp-wrapper.-has-product .ds-banner.-fcp .ds-banner--inside {
    padding: 0;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-align: safe center;
    align-items: safe center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-pack: safe center;
    justify-content: safe center;
    background: var(--c-canvas-full)
}

.ds-banner.-fcp .ds-banner--inside:has(.product) .product,
.ds-fcp-wrapper.-has-product .ds-banner.-fcp .ds-banner--inside .product {
    height: 100%;
    width: 100%
}

.ds-banner.-fcp .ds-banner--inside:has(.product) .product .product-tile,
.ds-fcp-wrapper.-has-product .ds-banner.-fcp .ds-banner--inside .product .product-tile {
    margin: 0;
    height: 100%;
    width: 100%;
    border: 0
}

.ds-banner.-fcp .ds-banner--inside:has(.product) .product .product-tile .tile-body,
.ds-fcp-wrapper.-has-product .ds-banner.-fcp .ds-banner--inside .product .product-tile .tile-body {
    -ms-flex-positive: unset;
    flex-grow: unset
}

.ds-banner.-fcp .ds-banner--inside:has(.product) .product .product-tile .tile-body .short-description,
.ds-fcp-wrapper.-has-product .ds-banner.-fcp .ds-banner--inside .product .product-tile .tile-body .short-description {
    min-height: 34px
}

.ds-banner.-fcp .ds-banner--inside:has(.product) .product .product-tile .image-container,
.ds-fcp-wrapper.-has-product .ds-banner.-fcp .ds-banner--inside .product .product-tile .image-container {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.ds-banner.-fcp .ds-banner--inside:has(.product) .product .product-tile .image-container .image-container>a:first-of-type,
.ds-fcp-wrapper.-has-product .ds-banner.-fcp .ds-banner--inside .product .product-tile .image-container .image-container>a:first-of-type {
    height: 100%
}

.ds-banner.-fcp .ds-banner--inside:has(.product) .product .product-tile .image-container>a:first-of-type,
.ds-fcp-wrapper.-has-product .ds-banner.-fcp .ds-banner--inside .product .product-tile .image-container>a:first-of-type {
    padding-top: 0
}

.ds-banner.-fcp .ds-banner--inside:has(.product) .product .product-tile .image-container>a:first-of-type>img,
.ds-fcp-wrapper.-has-product .ds-banner.-fcp .ds-banner--inside .product .product-tile .image-container>a:first-of-type>img {
    max-height: Min(600px, 80vh);
    position: relative
}

.ds-banner.-fcp .ds-banner--picture {
    height: unset
}

@media (min-width:1024px) {
    .ds-banner.-fcp .ds-banner--picture {
        aspect-ratio: 144/48
    }
}

.ds-banner.-fcp .ds-banner--picture img,
.ds-banner.-fcp .ds-banner--picture video {
    max-height: none;
    aspect-ratio: inherit
}

.ds-banner.-fcp div.ds-banner--picture {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: var(--spacing-s) 1fr var(--spacing-s);
    grid-template-columns: var(--spacing-s) 1fr var(--spacing-s);
    -ms-grid-rows: var(--spacing-s) 1fr var(--spacing-s);
    grid-template-rows: var(--spacing-s) 1fr var(--spacing-s)
}

.ds-banner.-fcp .ds-banner-picture-bg,
.ds-banner.-fcp .ds-banner-picture-fg {
    grid-area: 1/1/-1/-1
}

.ds-banner.-fcp .ds-banner--picture-copy {
    grid-area: 2/2/3/3;
    display: -ms-grid;
    display: grid;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-grid-rows: auto auto auto auto;
    grid-template-rows: auto auto auto auto;
    row-gap: var(--spacing-xs);
    min-height: 0;
    min-width: 0
}

.ds-banner.-fcp .ds-banner--picture-copy .ds-vis-headline {
    --f-vis: 17vw;
    word-break: break-word;
    font-family: var(--font-headline);
    font-weight: 800;
    text-transform: uppercase;
    line-height: .8;
    color: var(--color-vis);
    font-size: clamp(20px, var(--f-vis), 340px);
    grid-column: 1/-1;
    -ms-grid-row: 1;
    grid-row: 1;
    margin-block: auto 0;
    transform: translateY(45%)
}

@media (min-width:800px) {
    .ds-banner.-fcp .ds-banner--picture-copy .ds-vis-headline {
        transform: translateY(35%);
        --f-vis: 8vw
    }
}

.ds-banner.-fcp .ds-banner--picture-copy .ds-banner-picture-fg {
    -ms-grid-row: 2;
    grid-row: 2;
    grid-column: 1/-1;
    min-height: 0;
    min-width: 0;
    z-index: 1;
    max-height: 500px
}

.ds-banner.-fcp .ds-banner--picture-copy .ds-banner-picture-fg img {
    object-fit: contain !important
}

.ds-banner.-fcp .ds-banner--picture-copy .-copy {
    color: var(--color-tag);
    font-size: var(--f-m);
    -ms-grid-row: 4;
    grid-row: 4;
    grid-column: 1/-1;
    z-index: 2
}

.ds-banner.-fcp .ds-banner--picture-copy .-copy a {
    -webkit-text-decoration-color: currentColor;
    text-decoration-color: currentColor
}

.ds-banner.-fcp .ds-banner--picture-copy .ds-vis-headline.-bottom {
    -ms-grid-row: 3;
    grid-row: 3;
    margin-block: 0 auto;
    transform: translateY(-25%)
}

.ds-banner.-fcp[data-vis-size=xl] .ds-banner--picture-copy .ds-vis-headline {
    --f-vis: 19vw
}

@media (min-width:800px) {
    .ds-banner.-fcp[data-vis-size=xl] .ds-banner--picture-copy .ds-vis-headline {
        --f-vis: 11vw
    }
}

.ds-banner.-fcp[data-vis-size=l] .ds-banner--picture-copy .ds-vis-headline {
    --f-vis: 16vw
}

@media (min-width:800px) {
    .ds-banner.-fcp[data-vis-size=l] .ds-banner--picture-copy .ds-vis-headline {
        --f-vis: 8vw
    }
}

.ds-banner.-fcp[data-vis-size=m] .ds-banner--picture-copy .ds-vis-headline {
    --f-vis: 13vw
}

@media (min-width:800px) {
    .ds-banner.-fcp[data-vis-size=m] .ds-banner--picture-copy .ds-vis-headline {
        --f-vis: 6vw
    }
}

.ds-banner.-fcp[data-vis-size=s] .ds-banner--picture-copy .ds-vis-headline {
    --f-vis: 10vw
}

@media (min-width:800px) {
    .ds-banner.-fcp[data-vis-size=s] .ds-banner--picture-copy .ds-vis-headline {
        --f-vis: 4vw
    }
}

@media (max-width:1023px) {
    .ds-banner.-fcp .ds-banner--inside,
    .ds-banner.-fcp .ds-banner--picture {
        -ms-grid-row: unset;
        grid-row: unset
    }
}

@media (max-width:1023px) {
    .ds-banner.-fcp.-image-placement-bottom .ds-banner--picture,
    .ds-banner.-fcp.-image-placement-right .ds-banner--picture {
        -ms-flex-order: 2;
        order: 2
    }
}

.ds-banner.-fcp .ds-banner--copy {
    padding: clamp(32px, 4cqw, 80px);
    background-color: var(--canvas);
    color: var(--color);
    max-width: 100%;
    min-width: 100%;
    position: relative;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-pack: safe center;
    justify-content: safe center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-align: safe center;
    align-items: safe center;
    aspect-ratio: 4/3.36;
    overflow-y: clip
}

@media (min-width:800px) and (max-width:1024px) and (orientation:portrait) {
    .ds-banner.-fcp .ds-banner--copy {
        aspect-ratio: 3.36/4
    }
}

@media (max-width:599.98px) {
    .ds-banner.-fcp .ds-banner--copy {
        aspect-ratio: revert;
        min-height: 300px
    }
}

.ds-banner.-fcp .ds-banner--copy .ds-headline {
    font-size: clamp(28px, 3cqw, var(--f-h5));
    font-family: var(--font-headline);
    font-stretch: condensed;
    font-variation-settings: "wdth" 75;
    font-weight: 600;
    text-wrap: balance;
    -ms-flex-order: 100;
    order: 100;
    margin-bottom: .25em
}

@media (min-width:1024px) {
    .ds-banner.-fcp .ds-banner--copy .ds-headline.-m {
        display: none
    }
}

@media (max-width:1023.98px) {
    .ds-banner.-fcp .ds-banner--copy .ds-headline.-m+.ds-headline {
        display: none
    }
}

.ds-banner.-fcp .ds-banner--copy .ds-banner--subheadline {
    -ms-flex-order: 200;
    order: 200;
    line-height: 1.1
}

.ds-banner.-fcp .ds-banner--copy .ds-banner--body {
    -ms-flex-order: 300;
    order: 300
}

.ds-banner.-fcp .ds-banner--copy .ds-banner--button-wrapper {
    -ms-flex-order: 400;
    order: 400
}

.ds-banner.-fcp .ds-banner--copy p {
    text-wrap: balance
}

.ds-banner.-fcp.-hero {
    overflow: clip;
    min-width: Min(100%, 100vw)
}

@media (min-width:800px) {
    .ds-banner.-fcp.-hero {
        aspect-ratio: 824/1466;
        max-height: calc(100vh - var(--sizing-header))
    }
}

@media (max-width:799.98px) {
    .ds-banner.-fcp.-hero {
        -ms-grid-rows: auto auto;
        grid-template-rows: auto auto
    }
}

@media (max-width:1023px) and (orientation:landscape) {
    .ds-banner.-fcp.-hero {
        aspect-ratio: 144/48
    }
}

@media (min-width:1024px) {
    .ds-banner.-fcp.-hero {
        aspect-ratio: 144/48
    }
}

.ds-banner.-fcp.-hero .ds-banner--copy {
    max-height: 100%
}

.ds-banner.-fcp.-hero .ds-banner--copy .ds-headline {
    font-stretch: normal;
    font-weight: 800
}

.ds-banner.-fcp.-hero[data-headline-size=xl] .ds-headline {
    font-size: clamp(40px, 3.5cqw, var(--f-h2))
}

.ds-banner.-fcp.-hero[data-headline-size=lg] .ds-headline {
    font-size: clamp(40px, 2.5cqw, var(--f-h3))
}

.ds-banner.-fcp.-hero[data-headline-size=md] .ds-headline {
    font-size: clamp(32px, 2cqw, var(--f-h4))
}

@media (min-width:1024px) {
    .ds-banner.-fcp.-hero .ds-sticker {
        width: 84px;
        height: 84px
    }
}

@media (max-width:1023.98px) {
    .ds-banner.-fcp.-hero .ds-sticker {
        width: 64px;
        height: 64px
    }
}

.ds-banner.-fcp.-hero .ds-banner--picture img,
.ds-banner.-fcp.-hero .ds-banner--picture video {
    object-fit: cover;
    max-height: 100%
}

@media (max-width:799.98px) {
    .ds-banner.-fcp.-hero .ds-banner--picture img,
    .ds-banner.-fcp.-hero .ds-banner--picture video {
        aspect-ratio: revert
    }
}

.ds-banner.-fcp[data-headline-size=md] .ds-headline {
    font-size: clamp(32px, 4cqw, var(--f-h4));
    font-stretch: condensed;
    font-variation-settings: "wdth" 75;
    font-weight: 600
}

.ds-banner.-fcp[data-headline-size=lg] .ds-headline {
    font-size: clamp(40px, 4.5cqw, var(--f-h3));
    font-stretch: normal;
    font-variation-settings: "wdth" 100;
    font-weight: 800
}

.ds-banner.-fcp[data-headline-size=xl] .ds-headline {
    font-size: clamp(40px, 5cqw, var(--f-h2));
    font-stretch: normal;
    font-variation-settings: "wdth" 100;
    font-weight: 800
}

.ds-banner.-fcp .ds-banner--subheadline-imagery {
    -ms-flex-order: 250;
    order: 250
}

.ds-banner.-fcp .ds-banner--subheadline-imagery img {
    margin-inline: auto;
    margin-block: var(--spacing-s)
}

.ds-banner.-fcp[data-subheadline-image-order="1"] .ds-banner--subheadline-imagery {
    -ms-flex-order: 50;
    order: 50
}

.ds-banner.-fcp[data-subheadline-image-order="2"] .ds-banner--subheadline-imagery {
    -ms-flex-order: 150;
    order: 150
}

.ds-banner.-fcp[data-subheadline-image-order="3"] .ds-banner--subheadline-imagery {
    -ms-flex-order: 250;
    order: 250
}

.ds-banner.-fcp[data-subheadline-image-order="4"] .ds-banner--subheadline-imagery {
    -ms-flex-order: 350;
    order: 350
}

.ds-banner.-fcp[data-subheadline-image-order="5"] .ds-banner--subheadline-imagery {
    -ms-flex-order: 450;
    order: 450
}

.ds-banner.-fcp .ds-sticker {
    position: absolute
}

.ds-banner.-fcp .ds-sticker[data-location*=top] {
    top: var(--spacing-s)
}

.ds-banner.-fcp .ds-sticker[data-location*=bottom] {
    bottom: var(--spacing-xs)
}

.ds-banner.-fcp .ds-sticker[data-location*=left] {
    left: calc(-2cqw - 16px)
}

.ds-banner.-fcp .ds-sticker[data-location*=right] {
    right: calc(-2cqw - 16px)
}

.ds-banner.-fcp .ds-sticker img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.ds-fcp-wrapper.-has-product>h2 {
    padding: var(--spacing-2xl) var(--side-offset) var(--spacing-l);
    font-size: var(--f-h4);
    font-family: var(--font-headline);
    font-stretch: condensed;
    font-variation-settings: "wdth" 75;
    font-weight: 600;
    text-wrap: balance
}

.ds-fcp-wrapper.-has-product .experience-product {
    width: 100%;
    height: 100%
}

.ds-sticker {
    pointer-events: none;
    display: inline-block;
    background: no-repeat;
    background-size: contain;
    width: 80px;
    height: 80px
}

@media (min-width:1024px) {
    .ds-sticker {
        width: 120px;
        height: 120px
    }
}

.ds-sticker[data-sticker=melt] {
    background-image: url(../media/sticker/melt.webp)
}

.ds-sticker[data-sticker=fire] {
    background-image: url(../media/sticker/fire.webp)
}

.ds-sticker[data-sticker=Airplane] {
    background-image: url(../media/emoji/Airplane.svg)
}

.ds-sticker[data-sticker=Alarm_Clock] {
    background-image: url(../media/emoji/Alarm_Clock.svg)
}

.ds-sticker[data-sticker=Aloe] {
    background-image: url(../media/emoji/Aloe.svg)
}

.ds-sticker[data-sticker=Armchair] {
    background-image: url(../media/emoji/Armchair.svg)
}

.ds-sticker[data-sticker=Balloons] {
    background-image: url(../media/emoji/Balloons.svg)
}

.ds-sticker[data-sticker=Beach_Umbrella] {
    background-image: url(../media/emoji/Beach_Umbrella.svg)
}

.ds-sticker[data-sticker=Bee] {
    background-image: url(../media/emoji/Bee.svg)
}

.ds-sticker[data-sticker=Bike] {
    background-image: url(../media/emoji/Bike.svg)
}

.ds-sticker[data-sticker=Bongo] {
    background-image: url(../media/emoji/Bongo.svg)
}

.ds-sticker[data-sticker=Butterfly] {
    background-image: url(../media/emoji/Butterfly.svg)
}

.ds-sticker[data-sticker=Campfire] {
    background-image: url(../media/emoji/Campfire.svg)
}

.ds-sticker[data-sticker=Cart] {
    background-image: url(../media/emoji/Cart.svg)
}

.ds-sticker[data-sticker=Cassette_Player] {
    background-image: url(../media/emoji/Cassette_Player.svg)
}

.ds-sticker[data-sticker=CD] {
    background-image: url(../media/emoji/CD.svg)
}

.ds-sticker[data-sticker=Christmas_Tree] {
    background-image: url(../media/emoji/Christmas_Tree.svg)
}

.ds-sticker[data-sticker=Clap] {
    background-image: url(../media/emoji/Clap.svg)
}

.ds-sticker[data-sticker=Cocktail] {
    background-image: url(../media/emoji/Cocktail.svg)
}

.ds-sticker[data-sticker=Concert_Tickets] {
    background-image: url(../media/emoji/Concert_Tickets.svg)
}

.ds-sticker[data-sticker=Crystals] {
    background-image: url(../media/emoji/Crystals.svg)
}

.ds-sticker[data-sticker=Disco_Ball] {
    background-image: url(../media/emoji/Disco_Ball.svg)
}

.ds-sticker[data-sticker=Dove] {
    background-image: url(../media/emoji/Dove.svg)
}

.ds-sticker[data-sticker=Ear] {
    background-image: url(../media/emoji/Ear.svg)
}

.ds-sticker[data-sticker=Earbuds] {
    background-image: url(../media/emoji/Earbuds.svg)
}

.ds-sticker[data-sticker=Electricity] {
    background-image: url(../media/emoji/Electricity.svg)
}

.ds-sticker[data-sticker=Equalizer] {
    background-image: url(../media/emoji/Equalizer.svg)
}

.ds-sticker[data-sticker=Eyes] {
    background-image: url(../media/emoji/Eyes.svg)
}

.ds-sticker[data-sticker=Ferris_Wheel] {
    background-image: url(../media/emoji/Ferris_Wheel.svg)
}

.ds-sticker[data-sticker=Festival_Tent] {
    background-image: url(../media/emoji/Festival_Tent.svg)
}

.ds-sticker[data-sticker=Fitted_Cap] {
    background-image: url(../media/emoji/Fitted_Cap.svg)
}

.ds-sticker[data-sticker=Flight] {
    background-image: url(../media/emoji/Flight.svg)
}

.ds-sticker[data-sticker=Flip_Flops] {
    background-image: url(../media/emoji/Flip_Flops.svg)
}

.ds-sticker[data-sticker=Friend] {
    background-image: url(../media/emoji/Friend.svg)
}

.ds-sticker[data-sticker=Friends] {
    background-image: url(../media/emoji/Friends.svg)
}

.ds-sticker[data-sticker=Frog] {
    background-image: url(../media/emoji/Frog.svg)
}

.ds-sticker[data-sticker=Gender] {
    background-image: url(../media/emoji/Gender.svg)
}

.ds-sticker[data-sticker=Gift] {
    background-image: url(../media/emoji/Gift.svg)
}

.ds-sticker[data-sticker=Globe] {
    background-image: url(../media/emoji/Globe.svg)
}

.ds-sticker[data-sticker=Gramophone] {
    background-image: url(../media/emoji/Gramophone.svg)
}

.ds-sticker[data-sticker=Green_Energy] {
    background-image: url(../media/emoji/Green_Energy.svg)
}

.ds-sticker[data-sticker=Guitar_Pick] {
    background-image: url(../media/emoji/Guitar_Pick.svg)
}

.ds-sticker[data-sticker=Happy_Lock] {
    background-image: url(../media/emoji/Happy_Lock.svg)
}

.ds-sticker[data-sticker=Happy_Mind] {
    background-image: url(../media/emoji/Happy_Mind.svg)
}

.ds-sticker[data-sticker=Headphones] {
    background-image: url(../media/emoji/Headphones.svg)
}

.ds-sticker[data-sticker=Heart_Eye] {
    background-image: url(../media/emoji/Heart_Eye.svg)
}

.ds-sticker[data-sticker=Heart_Eyes] {
    background-image: url(../media/emoji/Heart_Eyes.svg)
}

.ds-sticker[data-sticker=Heart_Wings] {
    background-image: url(../media/emoji/Heart_Wings.svg)
}

.ds-sticker[data-sticker=Heart_World] {
    background-image: url(../media/emoji/Heart_World.svg)
}

.ds-sticker[data-sticker=Heart] {
    background-image: url(../media/emoji/Heart.svg)
}

.ds-sticker[data-sticker=Infinity] {
    background-image: url(../media/emoji/Infinity.svg)
}

.ds-sticker[data-sticker=Kayak] {
    background-image: url(../media/emoji/Kayak.svg)
}

.ds-sticker[data-sticker=Keys] {
    background-image: url(../media/emoji/Keys.svg)
}

.ds-sticker[data-sticker=Leaf] {
    background-image: url(../media/emoji/Leaf.svg)
}

.ds-sticker[data-sticker=Lips] {
    background-image: url(../media/emoji/Lips.svg)
}

.ds-sticker[data-sticker=Lotus] {
    background-image: url(../media/emoji/Lotus.svg)
}

.ds-sticker[data-sticker=Magnifine_Happy] {
    background-image: url(../media/emoji/Magnifine_Happy.svg)
}

.ds-sticker[data-sticker=Maneki_Neko] {
    background-image: url(../media/emoji/Maneki_Neko.svg)
}

.ds-sticker[data-sticker=Maple_Leaf] {
    background-image: url(../media/emoji/Maple_Leaf.svg)
}

.ds-sticker[data-sticker=Megaphone] {
    background-image: url(../media/emoji/Megaphone.svg)
}

.ds-sticker[data-sticker=Microphone] {
    background-image: url(../media/emoji/Microphone.svg)
}

.ds-sticker[data-sticker=Mixer] {
    background-image: url(../media/emoji/Mixer.svg)
}

.ds-sticker[data-sticker=Mountain] {
    background-image: url(../media/emoji/Mountain.svg)
}

.ds-sticker[data-sticker=Mouth] {
    background-image: url(../media/emoji/Mouth.svg)
}

.ds-sticker[data-sticker=Movie_Popcorn] {
    background-image: url(../media/emoji/Movie_Popcorn.svg)
}

.ds-sticker[data-sticker=Music_Note] {
    background-image: url(../media/emoji/Music_Note.svg)
}

.ds-sticker[data-sticker=Ornament] {
    background-image: url(../media/emoji/Ornament.svg)
}

.ds-sticker[data-sticker=Palm_Tree] {
    background-image: url(../media/emoji/Palm_Tree.svg)
}

.ds-sticker[data-sticker=Paper_airplane] {
    background-image: url(../media/emoji/Paper_airplane.svg)
}

.ds-sticker[data-sticker=Party_Balloons] {
    background-image: url(../media/emoji/Party_Balloons.svg)
}

.ds-sticker[data-sticker=Peace_Glasses] {
    background-image: url(../media/emoji/Peace_Glasses.svg)
}

.ds-sticker[data-sticker=Peace_Heart] {
    background-image: url(../media/emoji/Peace_Heart.svg)
}

.ds-sticker[data-sticker=Peace] {
    background-image: url(../media/emoji/Peace.svg)
}

.ds-sticker[data-sticker=Phone] {
    background-image: url(../media/emoji/Phone.svg)
}

.ds-sticker[data-sticker=Planet] {
    background-image: url(../media/emoji/Planet.svg)
}

.ds-sticker[data-sticker=Pumpkin] {
    background-image: url(../media/emoji/Pumpkin.svg)
}

.ds-sticker[data-sticker=Radio] {
    background-image: url(../media/emoji/Radio.svg)
}

.ds-sticker[data-sticker=Rainbow] {
    background-image: url(../media/emoji/Rainbow.svg)
}

.ds-sticker[data-sticker=Record_player] {
    background-image: url(../media/emoji/Record_player.svg)
}

.ds-sticker[data-sticker=Recycle_Bag] {
    background-image: url(../media/emoji/Recycle_Bag.svg)
}

.ds-sticker[data-sticker=Recycle] {
    background-image: url(../media/emoji/Recycle.svg)
}

.ds-sticker[data-sticker=Ring] {
    background-image: url(../media/emoji/Ring.svg)
}

.ds-sticker[data-sticker=Rock_on] {
    background-image: url(../media/emoji/Rock_on.svg)
}

.ds-sticker[data-sticker=Roller_Skates] {
    background-image: url(../media/emoji/Roller_Skates.svg)
}

.ds-sticker[data-sticker=Rose] {
    background-image: url(../media/emoji/Rose.svg)
}

.ds-sticker[data-sticker=Shopping_Bag] {
    background-image: url(../media/emoji/Shopping_Bag.svg)
}

.ds-sticker[data-sticker=Signpost] {
    background-image: url(../media/emoji/Signpost.svg)
}

.ds-sticker[data-sticker=Snowflake] {
    background-image: url(../media/emoji/Snowflake.svg)
}

.ds-sticker[data-sticker=Snowflake-Alt] {
    background-image: url(../media/emoji/Snowflake-alt.svg)
}

.ds-sticker[data-sticker=Soccer_Ball] {
    background-image: url(../media/emoji/Soccer_Ball.svg)
}

.ds-sticker[data-sticker=Sound_System] {
    background-image: url(../media/emoji/Sound_System.svg)
}

.ds-sticker[data-sticker=Speaker] {
    background-image: url(../media/emoji/Speaker.svg)
}

.ds-sticker[data-sticker=Spiral] {
    background-image: url(../media/emoji/Spiral.svg)
}

.ds-sticker[data-sticker=Spotlights] {
    background-image: url(../media/emoji/Spotlights.svg)
}

.ds-sticker[data-sticker=Suitcase] {
    background-image: url(../media/emoji/Suitcase.svg)
}

.ds-sticker[data-sticker=Sun] {
    background-image: url(../media/emoji/Sun.svg)
}

.ds-sticker[data-sticker=Sunflower] {
    background-image: url(../media/emoji/Sunflower.svg)
}

.ds-sticker[data-sticker=Sunglasses] {
    background-image: url(../media/emoji/Sunglasses.svg)
}

.ds-sticker[data-sticker=Surfboard] {
    background-image: url(../media/emoji/Surfboard.svg)
}

.ds-sticker[data-sticker=T-shirt] {
    background-image: url(../media/emoji/T-shirt.svg)
}

.ds-sticker[data-sticker=Tamborine] {
    background-image: url(../media/emoji/Tamborine.svg)
}

.ds-sticker[data-sticker=Theater_Mask] {
    background-image: url(../media/emoji/Theater_Mask.svg)
}

.ds-sticker[data-sticker=Thumbs_Up] {
    background-image: url(../media/emoji/Thumbs_Up.svg)
}

.ds-sticker[data-sticker=Trees] {
    background-image: url(../media/emoji/Trees.svg)
}

.ds-sticker[data-sticker=Trophy] {
    background-image: url(../media/emoji/Trophy.svg)
}

.ds-sticker[data-sticker=Turtle] {
    background-image: url(../media/emoji/Turtle.svg)
}

.ds-sticker[data-sticker=Verified] {
    background-image: url(../media/emoji/Verified.svg)
}

.ds-sticker[data-sticker=Volume] {
    background-image: url(../media/emoji/Volume.svg)
}

.ds-sticker[data-sticker=World_Love] {
    background-image: url(../media/emoji/World_Love.svg)
}

.ds-sticker[data-sticker=Wrist_Watch] {
    background-image: url(../media/emoji/Wrist_Watch.svg)
}

.ds-sticker[data-sticker=Yin_Yang] {
    background-image: url(../media/emoji/Yin_Yang.svg)
}

.ds-banner.-fcp .ds-banner--inside:has(.product) .product .product-tile .image-container>a:first-of-type,
.ds-fcp-wrapper.-has-product .ds-banner.-fcp .ds-banner--inside .product .product-tile .image-container>a:first-of-type {
    margin: 0;
    height: 100%;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-align: safe center;
    align-items: safe center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-pack: safe center;
    justify-content: safe center;
    display: -ms-flexbox;
    display: flex
}

.ds-ticker {
    border-block: thin solid var(--c-accent);
    background-color: var(--c-canvas-full);
    position: relative;
    max-width: 100%;
    overflow: clip;
    height: 60px;
    width: 100%;
    max-width: var(--sizing-max-page);
    margin-inline: auto
}

@media (prefers-reduced-motion:no-preference) {
    .ds-ticker[data-state=ready]:not(.-static) .ds-ticker--item {
        animation: dsTicker 6s linear infinite
    }
}

@keyframes dsTicker {
    0% {
        transform: translateX(0)
    }
    to {
        transform: translateX(-100%)
    }
}

.ds-ticker .ds-ticker--track {
    position: absolute;
    width: 100%;
    max-width: 100%;
    height: inherit;
    margin: 0 auto;
    white-space: nowrap;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    pointer-events: none
}

.ds-ticker .ds-ticker--track[data-is-clickable=true] {
    pointer-events: auto
}

.ds-ticker .ds-ticker--item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: var(--f-xl);
    color: var(--c-em-full);
    font-weight: 400;
    font-family: var(--font-headline);
    font-stretch: condensed;
    font-variation-settings: "wdth" 75;
    text-transform: uppercase;
    padding-inline: 8px;
    gap: 16px
}

.ds-ticker .ds-ticker--item .-copy {
    display: inline-block;
    padding-top: 4px
}

.ds-ticker .ds-ticker--item picture img {
    max-height: 60px;
    max-width: none;
    object-fit: contain
}

@media (prefers-reduced-motion:reduce) {
    .ds-ticker .ds-ticker--item[aria-hidden=true] {
        display: none
    }
}

.ds-ticker .ds-ticker--item em {
    font-weight: 700;
    font-style: normal;
    font-stretch: expanded;
    font-variation-settings: "wdth" 125
}

.ds-technology-cards {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: var(--spacing-m);
    -ms-flex-align: start;
    align-items: start;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: clip;
    min-width: 100%
}

.ds-technology-cards[data-visibility=auto] {
    content-visibility: auto
}

.experience-main>div>.ds-technology-cards {
    padding-top: var(--sizing-margin);
    padding-inline: var(--side-offset)
}

.ds-technology-cards .ds-technology-card-row {
    grid-column: 1/-1;
    display: inherit;
    -ms-flex-direction: inherit;
    flex-direction: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
    -ms-flex-pack: inherit;
    justify-content: inherit;
    -ms-flex-wrap: inherit;
    flex-wrap: inherit;
    row-gap: inherit;
    column-gap: inherit;
    -ms-grid-columns: inherit;
    grid-template-columns: inherit;
    -ms-grid-rows: inherit;
    grid-template-rows: inherit
}

.ds-technology-cards:has(.ds-technology-card>.ds-modal--checkbox:checked) {
    container: revert
}

.ds-technology-cards:has(.ds-technology-card>.ds-modal--checkbox:checked) .slick-list,
.ds-technology-cards:has(.ds-technology-card>.ds-modal--checkbox:checked) .slick-slide,
.ds-technology-cards:has(.ds-technology-card>.ds-modal--checkbox:checked) .slick-track {
    transform: none !important
}

.ds-technology-cards.slick-initialized {
    display: -ms-grid;
    display: grid;
    row-gap: var(--spacing-s);
    column-gap: 0
}

.ds-technology-cards.slick-initialized .slick-slide {
    padding-inline: var(--spacing-m)
}

.ds-technology-cards {
    display: -ms-flexbox !important;
    display: flex !important
}

@container dsTechnologyCards (max-width:600px) {
    .ds-technology-cards :where(.ds-technology-card) {
        max-width: calc(50% - var(--spacing-s));
        min-width: 180px
    }
}

.ds-technology-cards.ds-slider {
    --spv: 1.25
}

.ds-technology-cards.ds-slider .ds-technology-card {
    max-width: none
}

.ds-technology-cards.ds-slider .ds-slide {
    padding-inline: var(--spacing-xs);
    transition: padding .8s ease
}

@media (min-width:1024px) {
    .ds-technology-cards.ds-slider .ds-slide {
        padding-inline: var(--spacing-xs)
    }
}

@media (min-width:1600px) {
    .ds-technology-cards.ds-slider .ds-slide {
        padding-inline: var(--spacing-s)
    }
}

@media (min-width:1920px) {
    .ds-technology-cards.ds-slider .ds-slide {
        padding-inline: var(--spacing-m)
    }
}

@media (min-width:2100px) {
    .ds-technology-cards.ds-slider .ds-slide {
        padding-inline: var(--spacing-l)
    }
}

@media (min-width:600px) {
    .ds-technology-cards.ds-slider {
        --spv: 2.5
    }
}

@media (min-width:900px) {
    .ds-technology-cards.ds-slider {
        --spv: 3.5
    }
}

@media (min-width:1024px) {
    .ds-technology-cards.ds-slider {
        --spv: 4
    }
}

.ds-technology-cards.-slim {
    display: -ms-grid !important;
    display: grid !important
}

.ds-technology-cards.-slim .-copy {
    padding: 0 var(--side-offset);
    margin: 0
}

@supports (grid-template-rows:subgrid) {
    .ds-technology-cards.-slim:not(:has(.ds-technology-card-row)) {
        -ms-grid-rows: (auto)[3];
        grid-template-rows: repeat(3, auto)
    }
    .ds-technology-cards.-slim .ds-technology-card-row {
        -ms-grid-rows: (auto)[3];
        grid-template-rows: repeat(3, auto)
    }
}

@media (max-width:1023px) {
    .ds-technology-cards.-slim {
        row-gap: 0;
        margin-bottom: var(--spacing-m)
    }
    .ds-technology-cards.-slim .-copy {
        margin-bottom: var(--spacing-l)
    }
}

@media (min-width:1024px) {
    .ds-technology-cards.-slim {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (min-width:1400px) {
    .ds-technology-cards.-slim {
        -ms-grid-columns: (1fr)[8];
        grid-template-columns: repeat(8, 1fr)
    }
}

:where(.ds-technology-card) {
    max-width: Min(100%, 375px)
}

.slick-slide :where(.ds-technology-card) {
    max-width: Min(100%, 800px)
}

.ds-technology-card {
    border: unset;
    padding: unset;
    margin: unset;
    box-sizing: border-box;
    display: -ms-grid;
    display: grid;
    background-color: var(--c-periwinkle);
    border-radius: 10px;
    overflow: clip;
    text-decoration: none
}

.ds-technology-card[data-visibility=auto] {
    content-visibility: auto
}

.ds-technology-card:has(>.ds-icon) {
    cursor: pointer
}

.ds-technology-card .ds-icon {
    grid-row: 1/-1;
    grid-column: 1/-1;
    max-width: 32px;
    max-height: 32px;
    -ms-flex-item-align: start;
    align-self: start;
    justify-self: end;
    background-color: var(--c-em-full-contrast);
    margin: var(--spacing-s);
    padding: 0;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.ds-technology-card .ds-icon:after {
    display: none
}

.ds-technology-card>picture {
    background-color: var(--c-canvas);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    grid-row: 1/-1;
    grid-column: 1/-1
}

.ds-technology-card>picture img,
.ds-technology-card>picture video {
    aspect-ratio: 9/12;
    object-fit: cover;
    max-width: 100%;
    width: 100%
}

.ds-technology-card>picture video::-internal-media-controls-overlay-cast-button {
    display: none
}

.ds-technology-card .-description,
.ds-technology-card .-headline {
    overflow: clip;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4
}

.ds-technology-card>.-copy {
    display: -ms-grid;
    display: grid;
    -ms-flex-align: start;
    align-items: start;
    -ms-flex-pack: start;
    justify-content: start;
    text-align: left;
    gap: 8px;
    z-index: 1;
    grid-row: 1/-1;
    grid-column: 1/-1;
    -ms-grid-row-align: end;
    align-self: end;
    justify-self: stretch;
    background-color: var(--c-canvas-full);
    margin: var(--spacing-s);
    padding: var(--spacing-s)
}

.ds-technology-card :where(.-headline,
.ds-headline) {
    font-weight: 700;
    font-size: clamp(var(--f-xl), 3vw, var(--f-3xl));
    color: var(--c-em-full);
    margin-bottom: 0;
    display: block;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: end;
    align-items: end;
    word-break: break-word;
    place-content: end
}

.ds-technology-card :where(.-headline,
.ds-headline) .non-latin {
    display: inline;
    font-size: .72em
}

@media (min-width:1024px) {
    .ds-technology-card :where(.-headline,
    .ds-headline) {
        font-size: clamp(var(--f-xl), 2.45vw, var(--f-3xl))
    }
}

.ds-technology-card .-description {
    color: var(--c-body)
}

.ds-technology-card .ds-link {
    color: var(--c-em-full);
    font-weight: 600;
    font-size: var(--f-s)
}

.ds-technology-card .ds-link:after {
    color: var(--c-accent);
    transform: translate(3px, -1px)
}

.ds-technology-card .ds-link:focucs:after,
.ds-technology-card .ds-link:hover:after {
    transform: translate(7px, -1px)
}

.ds-technology-card.-texture {
    --c-theme: var(--c-periwinkle);
    --c-body: #000;
    --c-em-full: #000;
    position: relative;
    background-color: var(--c-theme)
}

.ds-technology-card.-texture:after {
    background: linear-gradient(0deg, #90adff, rgba(144, 173, 255, 0));
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none
}

.ds-technology-card.-texture .-copy {
    background-color: transparent;
    margin: 0
}

.ds-technology-card.-texture[data-theme=b] {
    --c-theme: var(--c-matcha)
}

.ds-technology-card.-texture[data-theme=b]:after {
    background: linear-gradient(0deg, #8eb780, rgba(142, 183, 128, 0))
}

.ds-technology-card.-texture[data-theme=c] {
    --c-theme: var(--c-tangerine)
}

.ds-technology-card.-texture[data-theme=c]:after {
    background: linear-gradient(0deg, #f6871f, rgba(246, 135, 31, 0))
}

.ds-technology-card.-slim,
.ds-technology-cards.-slim .ds-technology-card {
    background-color: transparent
}

.ds-technology-card.-slim picture:has(img[src=""]),
.ds-technology-cards.-slim .ds-technology-card picture:has(img[src=""]) {
    display: none
}

@supports (grid-template-rows:subgrid) {
    .ds-technology-card.-slim,
    .ds-technology-cards.-slim .ds-technology-card {
        display: -ms-grid;
        display: grid;
        -ms-grid-row: span 3;
        grid-row: span 3;
        -ms-grid-rows: subgrid;
        grid-template-rows: subgrid;
        max-width: none
    }
}

.ds-technology-card.-slim:not(:nth-child(-n+4)),
.ds-technology-cards.-slim .ds-technology-card:not(:nth-child(-n+4)) {
    display: none !important
}

@media (min-width:1400px) {
    .ds-technology-card.-slim,
    .ds-technology-cards.-slim .ds-technology-card {
        -ms-grid-column: span 2;
        grid-column: span 2
    }
    .ds-technology-card.-slim:first-child,
    .ds-technology-cards.-slim .ds-technology-card:first-child {
        -ms-grid-column-span: 2;
        -ms-grid-column: 2;
        grid-column: 2/span 2
    }
    .ds-technology-card.-slim:first-child:nth-last-child(2),
    .ds-technology-cards.-slim .ds-technology-card:first-child:nth-last-child(2) {
        -ms-grid-column-span: 2;
        -ms-grid-column: 3;
        grid-column: 3/span 2
    }
    .ds-technology-card.-slim:first-child:last-child,
    .ds-technology-cards.-slim .ds-technology-card:first-child:last-child {
        -ms-grid-column-span: 2;
        -ms-grid-column: 4;
        grid-column: 4/span 2
    }
    .ds-technology-card.-slim:first-child:nth-last-child(4),
    .ds-technology-cards.-slim .ds-technology-card:first-child:nth-last-child(4) {
        -ms-grid-column-span: 2;
        -ms-grid-column: 1;
        grid-column: 1/span 2
    }
}

.ds-technology-card.-slim .-copy,
.ds-technology-cards.-slim .ds-technology-card .-copy {
    background-color: transparent;
    row-gap: var(--spacing-m);
    display: -ms-grid;
    display: grid
}

@supports (grid-template-rows:subgrid) {
    .ds-technology-card.-slim .-copy,
    .ds-technology-cards.-slim .ds-technology-card .-copy {
        -ms-grid-row: span 3;
        grid-row: span 3;
        -ms-grid-rows: subgrid;
        grid-template-rows: subgrid
    }
}

.ds-technology-card.-slim .ds-headline,
.ds-technology-cards.-slim .ds-technology-card .ds-headline {
    font-family: var(--font-body);
    text-transform: none;
    font-size: var(--f-xl)
}

.ds-technology-card.-slim .ds-link,
.ds-technology-cards.-slim .ds-technology-card .ds-link {
    color: var(--c-accent);
    font-weight: 600
}

.ds-technology-card:active .ds-icon,
.ds-technology-card:focus-visible .ds-icon,
.ds-technology-card:hover .ds-icon,
.ds-technology-card[aria-pressed=true] .ds-icon {
    color: var(--c-accent)
}

.ds-technology-card:active .ds-link,
.ds-technology-card:focus-visible .ds-link,
.ds-technology-card:hover .ds-link,
.ds-technology-card[aria-pressed=true] .ds-link {
    text-decoration: underline;
    text-underline-offset: 2px
}

.ds-technology-card:active .ds-link:after,
.ds-technology-card:focus-visible .ds-link:after,
.ds-technology-card:hover .ds-link:after,
.ds-technology-card[aria-pressed=true] .ds-link:after {
    clip-path: polygon(0 0, 100% 0, 100% 94%, 0 94%)
}

.ds-technology-card[href]:active,
.ds-technology-card[href]:focus-visible,
.ds-technology-card[href][aria-pressed=true] {
    outline: thin solid var(--c-accent);
    outline-offset: -1px
}

.ds-technology-overlay {
    container: dsTechnologyOverlay/inline-size;
    --bg: var(--c-modal, var(--c-canvas-full));
    --copy: var(--c-em-full);
    --accent: var(--c-accent);
    background-color: var(--bg);
    color: var(--copy);
    max-height: 90vh;
    overflow-y: scroll
}

.ds-technology-overlay[data-theme],
.ds-technology-overlay[data-theme] .ds-technology-overlay {
    --accent: #000;
    --color: #000;
    --c-button: #000;
    --c-button-copy: #fff;
    --c-button-border: #000
}

.ds-technology-overlay[data-theme=a],
.ds-technology-overlay[data-theme=a] .ds-technology-overlay {
    --bg: var(--c-tangerine)
}

.ds-technology-overlay[data-theme=b],
.ds-technology-overlay[data-theme=b] .ds-technology-overlay {
    --bg: var(--c-matcha)
}

.ds-technology-overlay[data-theme=c],
.ds-technology-overlay[data-theme=c] .ds-technology-overlay {
    --bg: var(--c-periwinkle)
}

.ds-technology-overlay[data-theme=d],
.ds-technology-overlay[data-theme=d] .ds-technology-overlay,
[data-theme*=premium] .ds-technology-overlay {
    background-image: none;
    --bg: var(--c-cream);
    --accent: #000
}

.ds-technology-overlay[data-theme=e],
.ds-technology-overlay[data-theme=e] .ds-technology-overlay,
[data-theme*=dark] .ds-technology-overlay {
    --bg: #000;
    --accent: #fff;
    --color: #fff;
    --c-button: #fff;
    --c-button-copy: #000;
    --c-button-border: #fff
}

.ds-technology-overlay:not(.ds-modal) {
    width: 100%
}

.ds-technology-overlay :where(h2,
h3,
h4,
h5) {
    color: var(--accent);
    font-size: var(--f-h3)
}

.ds-technology-overlay .-content {
    color: var(--color);
    font-size: var(--f-m);
    padding: 0;
    -ms-flex-align: start;
    align-items: start;
    -ms-flex-pack: start;
    justify-content: start;
    text-align: left
}

.ds-technology-overlay .-content :where(p,
li) {
    color: inherit
}

.ds-technology-overlay .-content .-copy {
    padding: var(--spacing-m)
}

.ds-technology-overlay .-content video {
    width: 100%
}

.ds-technology-overlay .-content iframe[src*=youtu] {
    width: 100%;
    aspect-ratio: 16/9
}

@media (min-width:1024px) {
    .ds-technology-overlay[data-orientation=landscape] .-content {
        -ms-grid-columns: 1fr 200px 1fr;
        grid-template-columns: 1fr 200px 1fr;
        -ms-grid-rows: auto 48px auto;
        grid-template-rows: auto 48px auto;
        display: -ms-grid;
        display: grid
    }
    .ds-technology-overlay[data-orientation=landscape] .-content>picture {
        grid-column: 1/3;
        grid-row: 1/3
    }
    .ds-technology-overlay[data-orientation=landscape] .-content>picture+.-copy {
        grid-column: 2/4;
        grid-row: 2/4;
        z-index: 2;
        position: relative;
        pointer-events: none
    }
    .ds-technology-overlay[data-orientation=landscape] .-content>picture+.-copy :where(h1,
    h2,
    h3,
    h4,
    h5) {
        pointer-events: none
    }
    .ds-technology-overlay[data-orientation=landscape] .-content>picture+.-copy :where(p) {
        pointer-events: all
    }
}

@media (min-width:1024px) {
    .ds-technology-overlay[data-orientation=portrait] .-content {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        gap: var(--spacing-m);
        display: -ms-grid;
        display: grid
    }
    .ds-technology-overlay[data-orientation=portrait] .-content .-copy {
        margin-block: auto 0
    }
}

@media (min-width:1024px) {
    @container dsTechnologyOverlay (max-width: 680px) {
        .ds-technology-overlay[data-orientation] .-content {
            display:-ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column
        }
    }
}

.ds-technology-cards-package {
    position: relative;
    background-color: var(--c-canvas-full);
    padding: var(--spacing-4xl) var(--side-offset) var(--spacing-l);
    min-width: 100%;
    overflow: clip
}

@media (max-width:1023px) {
    .ds-technology-cards-package {
        padding-top: 68px
    }
}

.ds-technology-cards-package.-solid-background-color {
    background-color: var(--c-canvas-o)
}

.ds-technology-cards-package .-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none
}

.ds-technology-cards-package .-bg img,
.ds-technology-cards-package .-bg video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    grid-column: 1/-1;
    grid-row: 1/-1
}

.ds-technology-cards-package .-top {
    text-align: center;
    position: relative
}

.ds-technology-cards-package .-top :where(h2,
h3,
h4) {
    color: var(--c-accent);
    font-weight: 800;
    font-stretch: normal;
    font-variation-settings: "wdth" 100;
    font-size: clamp(var(--f-h5), 10cqw, var(--f-h2));
    -ms-flex-pack: center;
    justify-content: center
}

.ds-technology-cards-package .-top :where(h2,
h3,
h4),
.ds-technology-cards-package .-top p {
    margin-inline: auto;
    text-wrap: balance
}

.ds-technology-cards-package .-top p {
    color: var(--c-em-med);
    font-size: var(--f-m)
}

@media (min-width:1024px) {
    .ds-technology-cards-package .-top,
    .ds-technology-cards-package .ds-technology-cards.-slim {
        padding-bottom: 48px
    }
}

@media (max-width:1023.98px) {
    .ds-technology-cards-package [data-slider-theme] {
        margin-inline: var(--side-offset-negative)
    }
}

.ds-subcategory-cards {
    display: -ms-grid;
    display: grid;
    gap: var(--spacing-m);
    width: 100%;
    padding-block: var(--sizing-margin)
}

.experience-main>div>.ds-subcategory-cards {
    padding-inline: var(--side-offset)
}

@supports (grid-template-rows:subgrid) {
    .ds-subcategory-cards {
        -ms-grid-rows: (auto)[4];
        grid-template-rows: repeat(4, auto)
    }
}

@media (min-width:460px) and (min-width:1024px) {
    .ds-subcategory-cards {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (minmax(0, 1fr))[2];
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media (min-width:1024px) {
    .ds-subcategory-cards {
        -ms-grid-columns: (324px)[auto-fit];
        grid-template-columns: repeat(auto-fit, 324px);
        -ms-flex-pack: center;
        justify-content: center
    }
}

@supports (grid-template-rows:subgrid) {
    .ds-subcategory-cards>.experience-component {
        display: -ms-grid;
        display: grid;
        -ms-grid-row: span 4;
        grid-row: span 4;
        -ms-grid-rows: subgrid;
        grid-template-rows: subgrid
    }
}

@media (min-width:1024px) {
    :where(.ds-subcategory-card) {
        max-width: clamp(324px, 100%, calc(50% - var(--spacing-s)))
    }
}

.ds-subcategory-card {
    --spacing: var(--spacing-s);
    display: -ms-grid;
    display: grid;
    background-color: var(--c-canvas-full);
    border: thin solid var(--c-em-3xlow);
    padding: var(--spacing);
    gap: var(--spacing);
    text-decoration: none;
    max-width: 400px;
    margin-inline: auto
}

@supports (grid-template-rows:subgrid) {
    .ds-subcategory-card {
        -ms-grid-row: span 4;
        grid-row: span 4;
        -ms-grid-rows: subgrid;
        grid-template-rows: subgrid
    }
}

.ds-subcategory-card picture {
    background-color: var(--c-canvas);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ds-subcategory-card picture img {
    object-fit: cover;
    aspect-ratio: 1/1;
    max-width: 100%
}

.ds-subcategory-card .-description,
.ds-subcategory-card .-headline {
    overflow: clip;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2
}

.ds-subcategory-card .-copy {
    display: -ms-grid;
    display: grid;
    -ms-flex-align: start;
    align-items: start;
    -ms-flex-pack: start;
    justify-content: start;
    text-align: left;
    gap: 8px
}

@supports (grid-template-rows:subgrid) {
    .ds-subcategory-card .-copy {
        -ms-grid-row: span 4;
        grid-row: span 4;
        -ms-grid-rows: subgrid;
        grid-template-rows: subgrid
    }
}

.ds-subcategory-card .-headline {
    font-weight: 700;
    font-size: var(--f-l);
    color: var(--c-em-full)
}

.ds-subcategory-card .-description {
    color: var(--c-body)
}

.ds-subcategory-card .ds-link {
    margin-top: var(--spacing-xs);
    font-weight: 700;
    color: var(--c-accent)
}

.ds-subcategory-card .ds-link:after {
    font-size: 1.2em;
    will-change: clip-path
}

.ds-subcategory-card:active .ds-link,
.ds-subcategory-card:focus-visible .ds-link,
.ds-subcategory-card:hover .ds-link,
.ds-subcategory-card[aria-pressed=true] .ds-link {
    text-decoration: underline;
    text-underline-offset: 2px
}

.ds-subcategory-card:active .ds-link:after,
.ds-subcategory-card:focus-visible .ds-link:after,
.ds-subcategory-card:hover .ds-link:after,
.ds-subcategory-card[aria-pressed=true] .ds-link:after {
    clip-path: polygon(0 0, 100% 0, 100% 94%, 0 94%)
}

.ds-subcategory-card:active,
.ds-subcategory-card:focus-visible,
.ds-subcategory-card[aria-pressed=true] {
    outline: thin solid var(--c-accent);
    outline-offset: -1px
}

.ds-product-offering-package {
    position: relative;
    background-color: var(--c-jblorange);
    background-image: url("../media//grain.webp");
    background-size: 100%;
    background-attachment: fixed;
    width: 100%;
    overflow: clip
}

.ds-product-offering-package .ds-banner--picture {
    display: none
}

.ds-product-offering-package .-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    overflow: clip;
    clip-path: inset(0 0 0 0)
}

@media (max-width:1199.98px) {
    .ds-product-offering-package .-bg {
        bottom: 400px
    }
}

.ds-product-offering-package .-bg img,
.ds-product-offering-package .-bg video {
    width: 100%;
    height: Min(100%, 100vh);
    object-fit: cover;
    object-position: 40% center;
    position: sticky;
    top: 0;
    left: 0
}

@keyframes dsProductOffering {
    0% {
        opacity: .92;
        transform: translateY(-25%);
        z-index: 0
    }
    30%,
    70% {
        opacity: 1;
        transform: translateY(0)
    }
    45%,
    55% {
        z-index: 1
    }
    to {
        opacity: .92;
        transform: translateY(-25%);
        z-index: 0
    }
}

@media (min-width:1200px) {
    .ds-product-offering-package {
        padding: 0 var(--side-offset);
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 4fr 8fr;
        grid-template-columns: 4fr 8fr;
        grid-gap: var(--sizing-gutter)
    }
}

.ds-product-offering-package .ds-banner--copy {
    padding: var(--spacing-xl) var(--side-offset);
    text-align: left;
    position: relative
}

@media (min-width:1200px) {
    .ds-product-offering-package .ds-banner--copy {
        position: sticky;
        top: 40%;
        grid-row: 1/-1;
        padding-inline: 0;
        -ms-flex-item-align: start;
        -ms-grid-row-align: start;
        align-self: start
    }
}

.ds-product-offering-package .ds-banner--copy h2 {
    font-size: var(--f-h4);
    font-weight: 700;
    font-stretch: condensed;
    font-variation-settings: "wdth" 75
}

.ds-product-offering-package .ds-banner--copy p:last-child {
    margin-bottom: 0
}

.ds-product-offering-package .ds-subcategory-cards {
    position: relative
}

@media (max-width:1199.98px) {
    .ds-product-offering-package .ds-subcategory-cards:not(.slick-initialized) {
        padding: 0 var(--side-offset) var(--spacing-s)
    }
    .ds-product-offering-package .ds-subcategory-cards.slick-initialized .ds-subcategory-card {
        margin-left: Min(var(--side-offset), 32px)
    }
}

@media (min-width:1200px) {
    .ds-product-offering-package .ds-subcategory-cards {
        display: -ms-grid !important;
        display: grid !important;
        -ms-grid-row-align: start;
        align-self: start;
        -ms-grid-columns: (minmax(0, 1fr))[8];
        grid-template-columns: repeat(8, minmax(0, 1fr));
        -ms-grid-rows: 1fr;
        grid-template-rows: 1fr;
        grid-gap: var(--sizing-gutter);
        column-gap: 32px;
        padding-bottom: var(--spacing-xl)
    }
    .ds-product-offering-package .ds-subcategory-cards .ds-subcategory-card {
        -ms-grid-column: span 3;
        grid-column: span 3;
        -ms-grid-row: span 3;
        grid-row: span 3;
        -ms-grid-rows: unset;
        grid-template-rows: unset
    }
    .ds-product-offering-package .ds-subcategory-cards .ds-subcategory-card:hover {
        z-index: 2;
        opacity: 1
    }
    .ds-product-offering-package .ds-subcategory-cards .ds-subcategory-card:nth-child(6n+1) {
        -ms-grid-column-span: 3;
        -ms-grid-column: 3;
        grid-column: 3/span 3
    }
    .ds-product-offering-package .ds-subcategory-cards .ds-subcategory-card:nth-child(6n+2) {
        -ms-grid-column-span: 3;
        -ms-grid-column: 6;
        grid-column: 6/span 3;
        -ms-grid-row-span: 3;
        -ms-grid-row: 2;
        grid-row: 2/span 3
    }
    .ds-product-offering-package .ds-subcategory-cards .ds-subcategory-card:nth-child(6n+3) {
        -ms-grid-column-span: 3;
        -ms-grid-column: 2;
        grid-column: 2/span 3;
        -ms-grid-row-span: 3;
        -ms-grid-row: 4;
        grid-row: 4/span 3
    }
    .ds-product-offering-package .ds-subcategory-cards .ds-subcategory-card:nth-child(6n+4) {
        -ms-grid-column-span: 3;
        -ms-grid-column: 5;
        grid-column: 5/span 3;
        -ms-grid-row-span: 3;
        -ms-grid-row: 5;
        grid-row: 5/span 3
    }
    .ds-product-offering-package .ds-subcategory-cards .ds-subcategory-card:nth-child(6n+5) {
        -ms-grid-column-span: 3;
        -ms-grid-column: 1;
        grid-column: 1/span 3;
        -ms-grid-row-span: 3;
        -ms-grid-row: 7;
        grid-row: 7/span 3
    }
    .ds-product-offering-package .ds-subcategory-cards .ds-subcategory-card:nth-child(6n+6) {
        -ms-grid-column-span: 3;
        -ms-grid-column: 6;
        grid-column: 6/span 3;
        -ms-grid-row-span: 3;
        -ms-grid-row: 8;
        grid-row: 8/span 3
    }
}

@media (min-width:1200px) {
    @supports (animation-timeline: --true) {
        @media (prefers-reduced-motion:no-preference) {
            .ds-product-offering-package.-parallax .ds-subcategory-cards .ds-subcategory-card {
                view-timeline-name:--dsProductOffering;
                view-timeline-axis: block;
                animation: linear dsProductOffering both;
                animation-timeline: --dsProductOffering;
                animation-range: entry 0 cover 100%
            }
        }
    }
}

.ds-product-offering-package.-pdp {
    background-color: var(--c-canvas-full)
}

@media (max-width:1199.98px) {
    .ds-product-offering-package.-pdp .ds-banner--copy {
        min-height: Min(100vw, 400px)
    }
}

.ds-product-offering-package.-pdp .ds-banner--copy h2,
.ds-product-offering-package.-pdp .ds-banner--copy p {
    color: var(--c-em-full)
}

@media (min-width:1200px) {
    .ds-product-offering-package.-pdp {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr
    }
    .ds-product-offering-package.-pdp .ds-subcategory-cards {
        -ms-grid-columns: (minmax(0, 1fr))[2];
        grid-template-columns: repeat(2, minmax(0, 1fr));
        -ms-grid-rows: 1fr;
        grid-template-rows: 1fr
    }
    .ds-product-offering-package.-pdp .ds-subcategory-cards .ds-subcategory-card {
        -ms-grid-column: span 1;
        grid-column: span 1;
        -ms-grid-row: span 3;
        grid-row: span 3;
        -ms-grid-rows: unset;
        grid-template-rows: unset
    }
    @supports (animation-timeline:--true) {
        @media (prefers-reduced-motion: no-preference) {
            .ds-product-offering-package.-pdp .ds-subcategory-cards .ds-subcategory-card {
                view-timeline-name:--dsProductOffering;
                view-timeline-axis: block;
                animation: linear dsRevealSection both;
                animation-timeline: --dsProductOffering;
                animation-range: entry 0 cover 100%
            }
        }
    }
    .ds-product-offering-package.-pdp .ds-subcategory-cards .ds-subcategory-card:first-of-type {
        -ms-grid-row-span: 3;
        -ms-grid-row: 1;
        grid-row: 1/span 3
    }
    .ds-product-offering-package.-pdp .ds-subcategory-cards .ds-subcategory-card:nth-of-type(2) {
        -ms-grid-row-span: 3;
        -ms-grid-row: 2;
        grid-row: 2/span 3
    }
}

.ds-product-offering-package.-lander {
    background: none no-repeat 50%;
    background-color: var(--c-canvas-full);
    background-attachment: scroll;
    background-size: cover;
    padding-block: var(--spacing-l) var(--spacing-s);
    color: var(--c-em-full)
}

.ds-product-offering-package.-lander[data-theme*=light] {
    background-color: #f9f9f9;
    background-image: url("../media//pop-bg-light-m.webp")
}

@media (orientation:landscape) and (max-width:1199.98px) {
    .ds-product-offering-package.-lander[data-theme*=light] {
        background-image: url("../media//pop-bg-light-d.webp")
    }
}

@media (min-width:1200px) {
    .ds-product-offering-package.-lander[data-theme*=light] {
        background-image: url("../media//pop-bg-light-d.webp")
    }
}

@media (max-width:1199.98px) {
    .ds-product-offering-package.-lander {
        background-position: 50% -2px
    }
}

@media (min-width:1200px) {
    .ds-product-offering-package.-lander {
        padding-block: var(--spacing-4xl) var(--spacing-l);
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        row-gap: 0
    }
}

.ds-product-offering-package.-lander .ds-banner--copy {
    text-align: center;
    padding-block: var(--spacing-xs) var(--spacing-l)
}

@media (min-width:1200px) {
    .ds-product-offering-package.-lander .ds-banner--copy {
        padding-block: var(--spacing-xs) var(--spacing-2xl);
        -ms-grid-row: 1;
        grid-row: 1;
        position: static
    }
}

.ds-product-offering-package.-lander .ds-banner--copy h2 {
    margin-bottom: var(--spacing-xs);
    color: var(--c-accent);
    font-weight: 750;
    font-stretch: normal;
    font-variation-settings: "wdth" 100;
    justify-self: center;
    text-wrap: balance
}

@media (min-width:1200px) {
    .ds-product-offering-package.-lander .ds-banner--copy h2 {
        font-size: var(--f-h3)
    }
}

.ds-product-offering-package.-lander .ds-banner--copy p {
    margin-inline: auto;
    font-size: var(--f-m);
    color: var(--c-em-full);
    text-wrap: balance;
    max-width: 100ch
}

.ds-product-offering-package.-lander .ds-subcategory-cards {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    column-gap: var(--spacing-s);
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    padding-inline: var(--side-offset);
    padding-block: 0
}

@media (min-width:600px) and (max-width:1199.98px) {
    .ds-product-offering-package.-lander .ds-subcategory-cards {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (min-width:1200px) {
    .ds-product-offering-package.-lander .ds-subcategory-cards {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 1900px;
        margin-inline: auto
    }
}

.ds-product-offering-package.-lander .ds-subcategory-cards .ds-subcategory-card {
    padding: 0;
    width: 100%;
    -ms-grid-row: unset;
    grid-row: unset;
    -ms-grid-rows: unset;
    grid-template-rows: unset;
    row-gap: 0;
    border-color: var(--c-em-xlow);
    max-width: none
}

.ds-product-offering-package.-lander .ds-subcategory-cards .ds-subcategory-card .-description,
.ds-product-offering-package.-lander .ds-subcategory-cards .ds-subcategory-card .-headline {
    display: none
}

.ds-product-offering-package.-lander .ds-subcategory-cards .ds-subcategory-card:focus-visible {
    outline: 2px solid var(--c-accent);
    outline-offset: 4px
}

.ds-product-offering-package.-lander .ds-subcategory-cards .ds-subcategory-card:nth-of-type(n+7) {
    display: none
}

@supports (grid-template-rows:subgrid) {
    .ds-product-offering-package.-lander .ds-subcategory-cards .ds-subcategory-card {
        -ms-grid-rows: subgrid;
        grid-template-rows: subgrid;
        -ms-grid-row: span 2;
        grid-row: span 2
    }
}

@media (min-width:1024px) {
    .ds-product-offering-package.-lander .ds-subcategory-cards .ds-subcategory-card {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-inline: 0
    }
    .ds-product-offering-package.-lander .ds-subcategory-cards .ds-subcategory-card .-copy {
        margin-block: auto
    }
}

@media (min-width:1200px) {
    .ds-product-offering-package.-lander .ds-subcategory-cards .ds-subcategory-card {
        -ms-grid-column: auto;
        grid-column: auto;
        min-width: 16.6666%;
        max-width: 16.6666%
    }
}

.ds-product-offering-package.-lander .ds-subcategory-cards .ds-subcategory-card>picture {
    aspect-ratio: 1/1;
    object-fit: cover;
    max-width: 100%
}

.ds-product-offering-package.-lander .ds-subcategory-cards .ds-subcategory-card>picture>img {
    aspect-ratio: inherit;
    object-fit: inherit
}

.ds-product-offering-package.-lander .ds-subcategory-cards .ds-subcategory-card .-copy {
    padding: var(--spacing-m) var(--spacing);
    -ms-grid-row: unset;
    grid-row: unset;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    text-align: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.ds-product-offering-package.-lander .ds-subcategory-cards .ds-subcategory-card .-copy .ds-link {
    font-weight: 500;
    color: var(--c-em-full);
    display: inline-block;
    text-align: center;
    margin: 0;
    text-wrap: balance
}

.ds-product-offering-package.-lander .ds-subcategory-cards .ds-subcategory-card .-copy .ds-link:after {
    break-before: avoid;
    display: inline
}

@media (max-width:1023.98px) {
    .ds-product-offering-package.-lander .ds-subcategory-cards .ds-subcategory-card .-copy .ds-link {
        font-size: var(--f-s)
    }
}

@media (max-width:599.98px) {
    .ds-product-offering-package.-lander[data-sm-count="2"] .ds-subcategory-cards .ds-subcategory-card:nth-of-type(n+3),
    .ds-product-offering-package.-lander[data-sm-count="4"] .ds-subcategory-cards .ds-subcategory-card:nth-of-type(n+5),
    .ds-product-offering-package.-lander[data-sm-count="6"] .ds-subcategory-cards .ds-subcategory-card:nth-of-type(n+7) {
        display: none !important
    }
}

@media (min-width:600px) and (max-width:1199.98px) {
    .ds-product-offering-package.-lander[data-md-count="3"] .ds-subcategory-cards .ds-subcategory-card:nth-of-type(n+4),
    .ds-product-offering-package.-lander[data-md-count="6"] .ds-subcategory-cards .ds-subcategory-card:nth-of-type(n+7) {
        display: none !important
    }
}

.ds-product-offering-package.-lander[data-accent] {
    background-color: var(--c-canvas);
    background-position: center -2px;
    background-color: var(--c-periwinkle);
    background-image: url("../media//pop-bg-accent-m.svg?2")
}

.ds-product-offering-package.-lander[data-accent] .ds-banner--copy h2 {
    color: var(--c-em-full)
}

.ds-product-offering-package.-lander[data-accent][data-theme*=dark] .ds-banner--copy h2,
.ds-product-offering-package.-lander[data-accent][data-theme*=dark] .ds-banner--copy p {
    color: #000
}

@media (orientation:landscape) and (max-width:1199.98px) {
    .ds-product-offering-package.-lander[data-accent] {
        background-image: url("../media//pop-bg-accent-d.svg")
    }
}

@media (min-width:1200px) {
    .ds-product-offering-package.-lander[data-accent] {
        background-image: url("../media//pop-bg-accent-d.svg")
    }
}

.ds-product-offering-package.-lander[data-accent] .ds-subcategory-cards .ds-subcategory-card {
    border: 0
}

[lang=ja] .ds-product-offering-package h2 {
    line-height: 1
}

@keyframes dsStoriesPackageHeadline {
    0%,
    15% {
        transform: scale(1)
    }
    45%,
    to {
        transform: scale(.75)
    }
}

@keyframes dsStoriesPackageSection {
    0% {
        transform: scale(.9);
        opacity: 1
    }
    30%,
    60% {
        transform: scale(1);
        opacity: 1
    }
    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes dsStoriesPackageSectionLast {
    0% {
        transform: scale(.9);
        opacity: 1
    }
    30%,
    to {
        transform: scale(1);
        opacity: 1
    }
}

.ds-am-stories-package {
    --control-item-height: 40px;
    --packageSize: auto;
    background-color: var(--c-jblorange, var(--c-accent));
    max-width: Min(100vw, 100%);
    margin-inline: auto;
    overflow-x: clip;
    padding-top: var(--sizing-margin-lg);
    display: block;
    position: relative;
    transition: background-color 2s ease-in;
    content-visibility: auto;
    contain-intrinsic-height: auto calc(75vh + (100vh * var(--package-count)));
    padding-bottom: var(--spacing-l);
    margin-bottom: 0
}

.ds-am-stories-package.in-view {
    content-visibility: visible
}

@media (min-width:1024px) {
    .ds-am-stories-package {
        clip-path: inset(0)
    }
}

@media (max-width:11199.98px) {
    .ds-am-stories-package {
        padding-bottom: var(--spacing-2xl)
    }
}

.ds-am-stories-package[data-theme=b],
.ds-am-stories-package[data-theme=periwinkle] {
    background-color: var(--c-periwinkle)
}

.ds-am-stories-package[data-theme=c],
.ds-am-stories-package[data-theme=matcha] {
    background-color: var(--c-matcha)
}

.ds-am-stories-package[data-theme=tangerine] {
    background-color: var(--c-tangerine)
}

.ds-am-stories-package[data-theme=d],
.ds-am-stories-package[data-theme=premium],
[data-theme=premium] .ds-am-stories-package {
    background-color: var(--c-cream)
}

.ds-am-stories-package[data-theme=e] {
    background-color: var(--c-em-full)
}

.ds-am-stories-package>.-package {
    display: -ms-grid;
    display: grid
}

.ds-am-stories-package :where(h2,
h3,
h4) {
    padding: var(--spacing-m) var(--side-offset) 0;
    font-size: var(--f-h3);
    font-stretch: normal;
    font-weight: 750;
    transform-origin: top center;
    margin-block: 24px;
    left: 0;
    right: 0;
    color: var(--c-em-full);
    text-align: center
}

@supports (animation-timeline:--true) {
    @media (prefers-reduced-motion: no-preference) {
        .ds-am-stories-package :where(h2, h3, h4) {
            view-timeline-name:--dsStoriesPackageHeadline;
            view-timeline-axis: block;
            animation: linear dsStoriesPackageHeadline both;
            animation-timeline: --dsStoriesPackageHeadline;
            animation-range: entry 0 cover 100%
        }
    }
}

.ds-am-stories-package .-package-item {
    min-height: var(--packageSize);
    contain-intrinsic-height: auto var(--packageSize);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: start;
    -ms-flex-pack: center;
    justify-content: center;
    object-fit: contain;
    position: sticky;
    top: calc(var(--sizing-header) + 16px);
    margin-bottom: var(--spacing-s-negative)
}

.ds-am-stories-package .-package-item+.-package-item {
    top: calc(var(--sizing-header) + 20px)
}

.ds-am-stories-package .-package-item+.-package-item+.-package-item {
    top: calc(var(--sizing-header) + 24px)
}

@media (min-width:1200px) {
    .ds-am-stories-package .-package-item {
        top: calc(var(--sizing-header) + 32px)
    }
    .ds-am-stories-package .-package-item+.-package-item {
        top: calc(var(--sizing-header) + 36px)
    }
    .ds-am-stories-package .-package-item+.-package-item+.-package-item {
        top: calc(var(--sizing-header) + 40px)
    }
}

@supports (animation-timeline:--true) {
    @media (prefers-reduced-motion: no-preference) {
        .ds-am-stories-package .-package-item:last-child .ds-am-story-card {
            animation-name:dsStoriesPackageSectionLast
        }
    }
}

@media (min-width:1024px) {
    .ds-am-stories-package .-package-item {
        content-visibility: auto
    }
    .ds-am-stories-package .-package-item.ds-slide-active,
    .ds-am-stories-package .-package-item.ds-slide-active+.-package-item {
        content-visibility: visible
    }
}

.ds-am-stories-package .-package-item .ds-am-story-card {
    object-fit: cover;
    position: sticky;
    will-change: scale;
    width: 100%;
    max-width: Min(calc((90vw - var(--side-offset) - var(--side-offset))), 2432px);
    content-visibility: auto;
    top: calc(var(--sizing-header) + 32px);
    height: auto;
    transform-origin: top center
}

@media (orientation:landscape) {
    .ds-am-stories-package .-package-item .ds-am-story-card {
        contain-intrinsic-height: auto 56.25vw;
        max-height: Min(calc(100vh - var(--sizing-header) - 64px), calc(57vw - var(--side-offset) - var(--side-offset)));
        aspect-ratio: 2560/1492
    }
}

@media (orientation:landscape) and (max-height:57vw) {
    .ds-am-stories-package .-package-item .ds-am-story-card {
        width: auto;
        max-height: calc(133vw - var(--side-offset) - var(--side-offset));
        contain-intrinsic-height: auto 96vh
    }
}

@media (orientation:portrait) {
    .ds-am-stories-package .-package-item .ds-am-story-card {
        contain-intrinsic-height: auto 133vw;
        width: auto;
        max-height: calc(133vw - 64px);
        aspect-ratio: 325/482
    }
    .ds-am-stories-package .-package-item .ds-am-story-card img,
    .ds-am-stories-package .-package-item .ds-am-story-card picture {
        object-fit: cover;
        aspect-ratio: inherit
    }
    .ds-am-stories-package .-package-item .ds-am-story-card .ds-am-mini-card,
    .ds-am-stories-package .-package-item .ds-am-story-card>picture {
        grid-row: 1/-1;
        grid-column: 1/-1
    }
    .ds-am-stories-package .-package-item .ds-am-story-card .ds-am-mini-card {
        margin: auto var(--spacing-m) var(--spacing-m);
        gap: var(--spacing-m);
        max-width: calc(100% - var(--spacing-2xl));
        border-radius: 6px;
        bottom: var(--spacing-xs)
    }
}

@media (orientation:portrait) and (max-height:699.98px) and (orientation:landscape) {
    .ds-am-stories-package .-package-item .ds-am-story-card .ds-am-mini-card {
        gap: var(--spacing-xs);
        margin: -16px 0 0 -16px;
        padding: 20px 16px
    }
}

@media (orientation:portrait) and (max-height:699.98px) and (orientation:portrait) {
    .ds-am-stories-package .-package-item .ds-am-story-card .ds-am-mini-card {
        gap: var(--spacing-xs)
    }
}

@media (orientation:portrait) {
    .ds-am-stories-package .-package-item .ds-am-story-card .ds-am-mini-card .ds-headline {
        font-size: 32px
    }
}

@media (orientation:portrait) and (max-width:600px) {
    .ds-am-stories-package .-package-item .ds-am-story-card {
        max-width: calc((100vw - var(--side-offset) - var(--side-offset)))
    }
}

@supports (animation-timeline:--true) {
    @media (prefers-reduced-motion: no-preference) {
        .ds-am-stories-package .-package-item .ds-am-story-card {
            view-timeline-name:--revealing-asp;
            view-timeline-axis: block;
            animation: linear dsStoriesPackageSection both;
            animation-timeline: --revealing-asp;
            animation-range: entry 0 cover 100%
        }
    }
}

.ds-am-stories-package .-package-item .ds-am-story-card>picture img {
    max-height: calc(100vh - var(--sizing-header) - 30px)
}

@media (min-height:700px) and (orientation:landscape) {
    .ds-am-stories-package .-package-item .ds-am-story-card>picture img {
        max-height: calc(100vh - var(--sizing-header) - 60px)
    }
}

.ds-am-stories-package[style*="package-count: 1;"] {
    min-height: auto;
    gap: 32px;
    clip-path: unset
}

.ds-am-stories-package[style*="package-count: 1;"] h2 {
    min-height: auto
}

.ds-am-stories-package[style*="package-count: 1;"]>.package {
    margin-bottom: 0
}

.ds-am-stories-package[style*="package-count: 1;"] .-package-item {
    min-height: auto;
    padding-bottom: var(--spacing-4xl)
}

.ds-am-stories-package[style*="package-count: 1;"] .-package-item .ds-am-story-card {
    top: unset !important;
    transform: unset !important
}

.ds-am-story-card {
    --spacing: var(--sizing-margin-lg, 24px);
    display: -ms-grid;
    display: grid;
    text-decoration: none;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: left
}

.ds-am-story-card[href],
.ds-am-story-card[href] * {
    cursor: pointer
}

.ds-am-story-card[data-visibility=auto] {
    content-visibility: auto
}

@media (min-width:1024px) {
    .ds-am-story-card {
        -ms-grid-columns: var(--spacing, 24px) 1fr var(--spacing, 24px);
        grid-template-columns: var(--spacing, 24px) 1fr var(--spacing, 24px);
        -ms-grid-rows: var(--spacing, 24px) 1fr var(--spacing, 24px);
        grid-template-rows: var(--spacing, 24px) 1fr var(--spacing, 24px)
    }
    .ds-am-story-card[data-placement*=center] .ds-am-mini-card {
        justify-self: center
    }
    .ds-am-story-card[data-placement*=right] .ds-am-mini-card {
        justify-self: end
    }
    .ds-am-story-card[data-placement*=left] .ds-am-mini-card {
        justify-self: start
    }
    .ds-am-story-card[data-placement*=middle] .ds-am-mini-card {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }
    .ds-am-story-card[data-placement*=top] .ds-am-mini-card {
        -ms-flex-item-align: start;
        align-self: flex-start
    }
    .ds-am-story-card[data-placement*=bottom] .ds-am-mini-card {
        -ms-flex-item-align: end;
        align-self: flex-end;
        position: sticky;
        bottom: var(--spacing-s)
    }
}

.ds-am-story-card>picture {
    background-color: #000;
    width: 100%;
    position: relative
}

@media (min-width:1024px) {
    .ds-am-story-card>picture {
        grid-column: 1/-1;
        grid-row: 1/-1
    }
    .ds-am-story-card>picture img {
        opacity: .8
    }
}

.ds-am-story-card>picture img {
    width: 100%;
    object-fit: cover
}

[data-theme=premium] .ds-am-story-card>picture:after {
    display: none
}

.ds-am-story-card>.ds-am-mini-card {
    position: relative
}

@media (min-width:1024px) {
    .ds-am-story-card>.ds-am-mini-card {
        -ms-grid-column: 2;
        grid-column: 2;
        -ms-grid-row: 2;
        grid-row: 2
    }
}

.ds-am-story-card:focus-visible .ds-am-mini-card,
.ds-am-story-card:hover .ds-am-mini-card {
    background-color: var(--bg-hover)
}

@media (prefers-reduced-motion:no-preference) {
    .ds-am-story-card:focus-visible .ds-am-mini-card .ds-link:after,
    .ds-am-story-card:hover .ds-am-mini-card .ds-link:after {
        transform: translateX(4px)
    }
}

.ds-am-story-card:focus .ds-am-mini-card {
    outline: thin solid var(--c-em-full);
    outline-offset: 0
}

.ds-am-mini-card {
    --color: var(--c-em-full);
    --bg: var(--c-tangerine, var(--c-em-full-contrast));
    --bg-hover: var(--c-tangerine-l, var(--c-em-med-contrast));
    --spacing: var(--sizing-margin, 16px);
    display: -ms-flexbox;
    display: flex;
    padding: var(--sizing-margin);
    -ms-flex-direction: column;
    flex-direction: column;
    text-decoration: none;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: left;
    background: no-repeat;
    background-size: cover;
    background-color: var(--bg);
    border: thin solid var(--c-em-full);
    color: var(--color);
    gap: var(--spacing-xs)
}

@media (min-width:1024px) {
    .ds-am-mini-card {
        --spacing: var(--sizing-margin-lg, 24px);
        gap: var(--spacing-m)
    }
}

.ds-am-mini-card[href] {
    cursor: pointer
}

.ds-am-mini-card:focus-visible,
.ds-am-mini-card:hover {
    background-color: var(--bg-hover)
}

@media (prefers-reduced-motion:no-preference) {
    .ds-am-mini-card:focus-visible .ds-link:after,
    .ds-am-mini-card:hover .ds-link:after {
        transform: translateX(4px)
    }
}

.ds-am-mini-card:focus {
    outline: thin solid var(--c-em-full);
    outline-offset: 0
}

@media (min-width:1024px) {
    .ds-am-mini-card {
        min-width: 280px;
        max-width: 280px;
        border-radius: 8px
    }
}

@media (max-width:1023px) {
    .ds-am-mini-card {
        width: 100%;
        border-radius: 0 0 8px 8px
    }
}

.ds-am-mini-card :where(.ds-headline) {
    margin: 0;
    padding: 0;
    color: var(--color);
    font-size: var(--f-2xl);
    border-bottom: 0;
    word-break: break-word
}

@media (min-width:1024px) {
    .ds-am-mini-card .ds-headline.-m {
        display: none
    }
}

@media (max-width:1023px) {
    .ds-am-mini-card .ds-headline.-m+.ds-headline {
        display: none
    }
}

.ds-am-mini-card :where(.ds-link) {
    margin: 0;
    color: var(--color);
    font-size: var(--f-l);
    font-weight: 700;
    font-family: var(--font-body);
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.ds-am-mini-card :where(.ds-link):after {
    font-size: 1.2em;
    font-weight: 600
}

.ds-am-mini-card[data-theme=b],
.ds-am-mini-card[data-theme=periwinkle],
.ds-am-story-card[data-theme=b] .ds-am-mini-card {
    --bg: var(--c-periwinkle, var(--c-em-full-contrast));
    --bg-hover: var(--c-periwinkle-l, var(--c-em-med-contrast));
    --color: var(--c-em-full)
}

.ds-am-mini-card[data-theme=c],
.ds-am-mini-card[data-theme=matcha],
.ds-am-story-card[data-theme=c] .ds-am-mini-card {
    --bg: var(--c-matcha, var(--c-em-full-contrast));
    --bg-hover: var(--c-matcha-l, var(--c-em-med-contrast));
    --color: var(--c-em-full)
}

.ds-am-mini-card[data-theme=d],
.ds-am-mini-card[data-theme=premium],
.ds-am-story-card[data-theme=d] .ds-am-mini-card,
[data-theme=premium] .ds-am-mini-card {
    background-image: none;
    --bg: var(--c-cream, var(--c-em-full-contrast));
    --bg-hover: var(--c-cream-d, var(--c-em-med-contrast));
    --color: var(--c-em-full)
}

.ds-am-mini-card[data-theme=e],
.ds-am-story-card[data-theme=e] .ds-am-mini-card {
    --bg: var(--c-em-full);
    --bg-hover: var(--c-em-med);
    --color: var(--c-em-full-contrast)
}

.ds-am-mini-card[data-theme=dark],
[data-theme=dark] .ds-am-mini-card {
    --bg: var(--c-em-full-contrast);
    --bg-hover: var(--c-em-med-contrast);
    --color: var(--c-em-full)
}

.-product-features-package {
    display: -ms-grid;
    display: grid;
    width: 100%;
    background-color: var(--c-canvas-full);
    color: var(--c-em-full)
}

.-product-features-package.-image-placement-bottom>picture,
.-product-features-package.-image-placement-right>picture {
    -ms-flex-order: 3;
    order: 3
}

@media (min-width:1024px) {
    .-product-features-package.-image-placement-left,
    .-product-features-package.-image-placement-right,
    .-product-features-package:not([class*=-image-placement]) {
        -ms-grid-columns: (minmax(0, 1fr))[12];
        grid-template-columns: repeat(12, minmax(0, 1fr));
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .-product-features-package.-image-placement-left>.inside,
    .-product-features-package.-image-placement-right>.inside,
    .-product-features-package:not([class*=-image-placement])>.inside {
        grid-column: 1/-1
    }
    .-product-features-package.-image-placement-left>picture,
    .-product-features-package.-image-placement-right>picture,
    .-product-features-package:not([class*=-image-placement])>picture {
        -ms-grid-column: span 4;
        grid-column: span 4
    }
    .-product-features-package.-image-placement-left>[data-slider-theme],
    .-product-features-package.-image-placement-right>[data-slider-theme],
    .-product-features-package:not([class*=-image-placement])>[data-slider-theme] {
        -ms-grid-column: span 8;
        grid-column: span 8
    }
    .-product-features-package>[data-slider-theme] {
        padding-inline: calc(var(--side-offset) - var(--spacing-s))
    }
    .-product-features-package .slick-track {
        padding-top: 40px
    }
}

.-product-features-package .tile-body .price {
    padding-bottom: 8px
}

.-product-features-package .ds-link.-learnmore {
    display: inline-block
}

.-product-features-package>.inside {
    text-align: center
}

.-product-features-package>.inside>.copy {
    padding-block: var(--spacing-2xl);
    padding-inline: var(--side-offset);
    color: var(--c-em-high)
}

.-product-features-package>.inside>.copy h2 {
    font-size: var(--f-h3);
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-stretch: condensed;
    font-variation-settings: "wdth" 75;
    font-weight: 700;
    text-transform: uppercase
}

.-product-features-package>.inside>.copy p {
    max-width: 75ch;
    margin-inline: auto;
    text-wrap: balance;
    color: currentColor
}

@media (min-width:1024px) {
    .-product-features-package:not(.-lander) .-grid-tile-wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-grid-column: span 8;
        grid-column: span 8;
        gap: var(--spacing-m);
        padding: 40px var(--spacing-m)
    }
    .-product-features-package:not(.-lander) .-grid-tile-wrapper>div {
        -ms-flex: 1;
        flex: 1
    }
    .-product-features-package:not(.-lander) .-grid-tile-wrapper>div:nth-of-type(2n)>.grid-tile {
        transform: translateY(-40px)
    }
}

@media (max-width:1023px) {
    .-product-features-package:not(.-lander) .-grid-tile-wrapper {
        --scrollbar-color-track: transparent;
        --scrollbar-color-thumb: var(--c-em-full, #000);
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start;
        overflow-x: auto;
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
        scroll-padding: var(--spacing-s);
        scroll-padding: .25px;
        overscroll-behavior-x: contain;
        gap: var(--spacing-m);
        padding-block: var(--spacing-2xl)
    }
    .-product-features-package:not(.-lander) .-grid-tile-wrapper ::-webkit-scrollbar {
        width: 0;
        height: 0
    }
    .-product-features-package:not(.-lander) .-grid-tile-wrapper ::-webkit-scrollbar-thumb {
        background-color: var(--scrollbar-color-thumb)
    }
    .-product-features-package:not(.-lander) .-grid-tile-wrapper ::-webkit-scrollbar-track {
        background-color: var(--scrollbar-color-track)
    }
    @supports (scrollbar-width:auto) {
        .-product-features-package:not(.-lander) .-grid-tile-wrapper {
            scrollbar-color: var(--scrollbar-color-thumb) var(--scrollbar-color-track);
            scrollbar-width: none
        }
    }
    .-product-features-package:not(.-lander) .-grid-tile-wrapper>* {
        scroll-snap-align: start
    }
    .-product-features-package:not(.-lander) .-grid-tile-wrapper :after,
    .-product-features-package:not(.-lander) .-grid-tile-wrapper :before {
        display: inline-block;
        content: " ";
        min-width: 0;
        min-height: var(--spacing-m);
        scroll-snap-align: start
    }
    .-product-features-package:not(.-lander) .-grid-tile-wrapper .grid-tile {
        width: Min(50vw, 342px);
        min-width: Min(75vw, 250px)
    }
}

.-product-features-package:not(.-lander) .-grid-tile-wrapper .grid-tile {
    background-color: var(--c-canvas)
}

.-product-features-package:not(.-lander) .-grid-tile-wrapper>div:nth-of-type(n+4) {
    display: none
}

.-product-features-package:not(.-lander) .-grid-tile-wrapper.ds-slider {
    --spacing: var(--side-offset)
}

@media (min-width:1024px) {
    .-product-features-package:not(.-lander) .-grid-tile-wrapper.ds-slider {
        --spv: 3;
        --spacing: var(--spacing-m);
        -ms-grid-column: span 8;
        grid-column: span 8;
        padding-right: var(--spacing);
        position: relative;
        left: -50%;
        transform: translateX(50%)
    }
    .-product-features-package:not(.-lander) .-grid-tile-wrapper.ds-slider .ds-slides {
        padding-block: 40px
    }
    .-product-features-package:not(.-lander) .-grid-tile-wrapper.ds-slider .ds-slides>div {
        padding-inline: var(--spacing) 0
    }
    .-product-features-package:not(.-lander) .-grid-tile-wrapper.ds-slider .ds-slide:nth-of-type(2n) {
        transform: translateY(-40px)
    }
    .-product-features-package:not(.-lander) .-grid-tile-wrapper.ds-slider .ds-slider-controls {
        padding-inline: var(--spacing)
    }
}

@media (max-width:1023px) {
    .-product-features-package:not(.-lander) .-grid-tile-wrapper.ds-slider {
        --spv: 1.5
    }
    .-product-features-package:not(.-lander) .-grid-tile-wrapper.ds-slider .ds-slides {
        padding-block: 40px var(--spacing-xs)
    }
    .-product-features-package:not(.-lander) .-grid-tile-wrapper.ds-slider .ds-slides>div {
        padding-inline: var(--spacing) 0
    }
}

@media (min-width:600px) and (max-width:1023px) {
    .-product-features-package:not(.-lander) .-grid-tile-wrapper.ds-slider {
        --spv: 2.5
    }
}

.-product-features-package.-lander .grid-tile,
.-product-features-package:not(.-lander) .-grid-tile-wrapper.ds-slider .grid-tile {
    background-color: var(--c-canvas)
}

.-product-features-package.-lander .product-tile {
    --c-product-card-canvas: var(--c-canvas);
    border-radius: 6px;
    overflow: clip
}

@media (max-width:1080px) {
    .-product-features-package.-lander .product-tile .color-swatches .swatches>a:nth-of-type(n+5) {
        display: none
    }
}

@media (min-width:1024px) {
    .-product-features-package.-lander>picture {
        aspect-ratio: 4/5;
        object-fit: cover
    }
    .-product-features-package.-lander>picture img,
    .-product-features-package.-lander>picture video {
        aspect-ratio: inherit;
        object-fit: inherit
    }
    .-product-features-package.-lander>.inside>.copy p {
        font-size: var(--f-m)
    }
}

@media (max-width:1023px) {
    .-product-features-package.-lander {
        -ms-grid-rows: auto auto;
        grid-template-rows: auto auto;
        margin-top: var(--spacing-l)
    }
    .-product-features-package.-lander>.inside,
    .-product-features-package.-lander>picture {
        -ms-grid-row: 1;
        grid-row: 1;
        grid-column: 1/-1
    }
}

@media (max-width:1023px) and (max-width:680px) {
    .-product-features-package.-lander>.inside,
    .-product-features-package.-lander>picture {
        aspect-ratio: 376/436
    }
}

@media (max-width:1023px) {
    .-product-features-package.-lander>.inside {
        z-index: 1
    }
    .-product-features-package.-lander>.inside>.copy {
        height: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: end;
        justify-content: end;
        padding-block: var(--spacing-m)
    }
    .-product-features-package.-lander>.inside>.copy h2 {
        font-size: var(--f-h4);
        margin-bottom: var(--spacing-s)
    }
    .-product-features-package.-lander>.inside>.copy p {
        font-size: var(--f-s)
    }
    .-product-features-package.-lander>.inside>.copy h2,
    .-product-features-package.-lander>.inside>.copy p {
        color: #fff
    }
    .-product-features-package.-lander>picture {
        background-color: #000;
        aspect-ratio: 376/436;
        object-fit: cover
    }
    .-product-features-package.-lander>picture img,
    .-product-features-package.-lander>picture video {
        aspect-ratio: inherit;
        object-fit: inherit;
        opacity: .58;
        height: 100%;
        width: 100%
    }
}

@media (min-width:1024px) {
    .-product-features-package.-lander .-grid-tile-wrapper {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr)
    }
    .-product-features-package.-lander .-grid-tile-wrapper .product {
        height: 100%
    }
}

@media (min-width:1024px) {
    .-product-features-package.-lander .-grid-tile-wrapper {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
        -ms-grid-column: span 8;
        grid-column: span 8;
        gap: var(--spacing-m);
        padding: 0 var(--spacing-m)
    }
    .-product-features-package.-lander .-grid-tile-wrapper .product {
        height: 100%
    }
    .-product-features-package.-lander .-grid-tile-wrapper>div {
        -ms-flex: 1;
        flex: 1
    }
}

@media (min-width:681px) and (max-width:1023px) {
    .-product-features-package.-lander .-grid-tile-wrapper {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr)
    }
    .-product-features-package.-lander .-grid-tile-wrapper>div:first-of-type,
    .-product-features-package.-lander .-grid-tile-wrapper>div:nth-of-type(2) {
        border-right: thin solid var(--c-accent)
    }
}

@media (max-width:680px) {
    .-product-features-package.-lander .-grid-tile-wrapper {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }
    .-product-features-package.-lander .-grid-tile-wrapper>div:nth-of-type(2) {
        border-right: thin solid var(--c-accent)
    }
    .-product-features-package.-lander .-grid-tile-wrapper>div:first-of-type {
        -ms-grid-column: span 2;
        grid-column: span 2;
        border-bottom: thin solid var(--c-accent)
    }
}

.-product-features-package.-lander .-grid-tile-wrapper>div:nth-of-type(n+4) {
    display: none
}

.-product-features-package>[data-slider-theme] {
    overflow: clip
}

@media (min-width:1024px) {
    .-product-features-package>[data-slider-theme]>[data-slider-theme] {
        -ms-grid-columns: 8px 22px 22px 1fr 16px;
        grid-template-columns: 8px 22px 22px 1fr 16px
    }
}

.-product-features-package .slick-list {
    overflow: visible
}

.-product-features-package .slick-slide>div {
    padding: var(--spacing-s)
}

@media (min-width:1024px) {
    .-product-features-package .slick-slide:nth-of-type(2n)>div {
        transform: translateY(-40px)
    }
}

.-product-features-package .slick-slide .grid-tile {
    outline: 0;
    background-color: var(--c-canvas)
}

@media (min-width:1024px) {
    .-product-features-package .slick-slide .grid-tile {
        padding: var(--spacing-m)
    }
}

.-product-features-package.-clp .grid-tile:empty {
    min-height: calc(25cqw + 224px);
    background: linear-gradient(90deg, var(--c-canvas-full) 5%, var(--c-canvas) 20%, var(--c-canvas-full) 35%);
    background-size: 400% 100%;
    animation: placeholderShimmer 2.4s ease infinite;
    --c-product-card-canvas: transparent
}

.-product-features-package.-clp .copy {
    font-size: var(--f-m, 16px)
}

@media (max-width:1023px) {
    .-product-features-package.-clp .copy {
        padding-block: var(--spacing-m) !important
    }
    .-product-features-package.-clp .copy p:last-child {
        margin-bottom: 0
    }
    .-product-features-package.-clp .inside {
        -ms-flex-order: -2;
        order: -2
    }
    .-product-features-package.-clp .-grid-tile-wrapper {
        -ms-flex-order: -1;
        order: -1;
        padding-block: 0 var(--spacing-m) !important
    }
    .-product-features-package.-clp .-grid-tile-wrapper :after,
    .-product-features-package.-clp .-grid-tile-wrapper :before {
        display: none !important
    }
}

.-product-features-package.-clp:not(.-lander) .-grid-tile-wrapper .grid-tile {
    background-color: var(--c-canvas);
    --c-product-card-canvas: var(--c-canvas);
    border-radius: 11px
}

.-product-features-package.-clp:not(.-lander) .-grid-tile-wrapper .grid-tile .tile-ratings:not(:has(.inlineRatings-container>*)) {
    display: none
}

.-product-features-package.-clp:not(.-lander) .-grid-tile-wrapper .grid-tile .product-tile .image-container {
    border-radius: 11px 11px 0 0
}

.-product-features-package.-clp:not(.-lander) .-grid-tile-wrapper .grid-tile .product-tile .tile-body {
    border-radius: 0 0 11px 11px
}

.-product-features-package.-clp picture img,
.-product-features-package.-clp picture video {
    width: 100%;
    max-width: 100%;
    object-fit: cover;
    aspect-ratio: 854/1174
}

@media (max-width:1023px) {
    .-product-features-package.-clp picture img,
    .-product-features-package.-clp picture video {
        aspect-ratio: 1023/518
    }
}

.-product-features-package.-clp.-carousel {
    grid-column: 1/-1
}

@media (min-width:1024px) {
    .-product-features-package.-clp.-carousel {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }
}

.-product-features-package.-clp.-carousel picture {
    grid-column: 1/-1
}

@media (max-width:1023.98px) {
    .-product-features-package.-clp.-carousel picture {
        padding-bottom: var(--spacing-m)
    }
}

.-product-features-package.-clp.-carousel picture img,
.-product-features-package.-clp.-carousel picture video {
    aspect-ratio: revert
}

.-product-features-package.-clp.-carousel .ds-slider {
    --spv: 2
}

@media (min-width:640px) {
    .-product-features-package.-clp.-carousel .ds-slider {
        --spv: 3
    }
}

@media (min-width:1024px) {
    .-product-features-package.-clp.-carousel .ds-slider {
        --spv: 4
    }
}

@media (min-width:1200px) {
    .-product-features-package.-clp.-carousel .ds-slider {
        --spv: 4
    }
}

@media (min-width:1600px) {
    .-product-features-package.-clp.-carousel .ds-slider {
        --spv: 5
    }
}

@media (min-width:1920px) {
    .-product-features-package.-clp.-carousel .ds-slider {
        --spv: 6
    }
}

@media (min-width:2240px) {
    .-product-features-package.-clp.-carousel .ds-slider {
        --spv: 7
    }
}

.-product-features-package.-clp.-carousel .ds-slider .ds-slider-dots:before {
    width: Max(50%, var(--active-width))
}

.-product-features-package.-clp.-carousel .ds-slider:not(:has(.ds-slide[data-visible=no],
.ds-slide[data-visible=partial])) .ds-slides {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-pack: safe center;
    justify-content: safe center
}

.-product-features-package.-clp.-carousel .ds-slider .ds-slide {
    --c-product-card-canvas: var(--c-canvas);
    --radius: 6px;
    padding-inline: 8px
}

.-product-features-package.-clp.-carousel .ds-slider .ds-slide .grid-tile {
    width: 100%;
    height: 100%;
    background-color: var(--c-product-card-canvas);
    border-radius: var(--radius)
}

.-product-features-package.-clp.-carousel .ds-slider .ds-slide .grid-tile:empty {
    min-height: 500px;
    background: linear-gradient(90deg, var(--c-canvas-full) 5%, var(--c-canvas) 20%, var(--c-canvas-full) 35%);
    background-size: 400% 100%;
    animation: placeholderShimmer 2.4s ease infinite;
    --c-product-card-canvas: transparent
}

.-product-features-package.-clp.-carousel .ds-slider .ds-slide .grid-tile .product-tile {
    border-radius: var(--radius)
}

.-product-features-package.-clp.-carousel .ds-slider .ds-slide .grid-tile .product-tile .image-container {
    border-radius: var(--radius) var(--radius) 0 0
}

.-product-features-package.-clp.-carousel .ds-slider .ds-slide .grid-tile .product-tile .tile-body {
    border-radius: 0 0 var(--radius) var(--radius)
}

@media (max-width:1023.98px) {
    .-product-features-package.-clp.-carousel .ds-slider .ds-slide .grid-tile .product-tile .tile-body {
        padding-bottom: var(--spacing-s)
    }
}

.-product-features-package.-clp.-carousel .ds-slider:not(.-initialized) .ds-slides {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-pack: safe center;
    justify-content: safe center
}

.-product-features-package.-clp.-carousel .ds-slider:not(.-initialized) .ds-slides:after,
.-product-features-package.-clp.-carousel .ds-slider:not(.-initialized) .ds-slides:before {
    display: none
}

.experience-component .product-tile .tile-body .promo-calloutMsg p:has(+.info-icon) {
    display: inline
}

@media (max-width:600px) {
    .experience-component .product-tile .color-swatches .swatches>a:nth-of-type(n+5) {
        display: none
    }
}

.form-group-text {
    font-size: var(--f-s, .875rem);
    line-height: 18/14;
    font-weight: 300;
    font-weight: 700;
    margin-bottom: 15px
}

@media (min-width:768px) {
    .form-group-text {
        font-size: var(--f-m, 1rem)
    }
}

@media (min-width:1024px) {
    .form-group-text {
        font-size: var(--f-l, 1.125rem)
    }
}

.js .card {
    cursor: auto
}

.btn-account:hover,
.btn-add-address:hover {
    background-color: transparent;
    color: #fa4616;
    border: 2px solid #fa4616
}

.btn-add-address {
    padding-top: 13px;
    padding-bottom: 10px
}

.account-login-page {
    margin-bottom: 0
}

.account-login-page .partner-login #formError,
.account-login-page .vip-form-label {
    padding-bottom: 5px
}

.account-login-page .inner-right.create-login-account {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

.account-login-page .inner-right.create-login-account .return-cust-heading {
    margin-top: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d3d3d3
}

.account-login-page .inner-right.create-login-account .account-term {
    font-weight: 700;
    color: #fa4616 !important
}

.account-login-page .inner-right.create-login-account .custom-control {
    padding-left: 0;
    margin-bottom: .625rem
}

.account-login-page .inner-right.create-login-account .signin-sec {
    border-bottom: none
}

.account-login-page .inner-right.create-login-account .btn-create-account {
    padding-top: 13px;
    padding-bottom: 10px;
    margin-top: 10px
}

.account-login-page .login-left-panel {
    -webkit-order: 2
}

.account-login-page .login-left-panel .account-nav-asset,
.account-login-page .login-left-panel .secondary-navigation {
    width: 100%;
    display: inline-block
}

.account-login-page .login-left-panel .acc-set-head {
    font-size: var(--f-s, .875rem);
    line-height: 1.25rem;
    line-height: 1;
    color: #000;
    text-transform: uppercase;
    padding-bottom: .8125rem;
    position: relative;
    cursor: pointer;
    border-bottom: 1px solid #d3d3d3;
    margin: 20px 0 10px;
    font-weight: 700
}

.account-login-page .login-left-panel .acc-set-head span {
    padding-left: 1.25rem;
    position: relative
}

.account-login-page .login-left-panel .acc-set-head span:before {
    border-style: solid;
    border-width: 9px 5px 0;
    border-color: #000 transparent transparent;
    content: "";
    height: 0;
    margin-top: -6px;
    left: 0;
    position: absolute;
    top: 9px;
    width: 0
}

.account-login-page .login-left-panel .acc-options {
    margin: 8px 0 10px 10px
}

.account-login-page .login-left-panel .acc-options.hidden {
    display: none
}

.account-login-page .login-left-panel .acc-options li {
    padding-bottom: .75rem
}

.account-login-page .login-left-panel .acc-options li a {
    font-size: var(--f-s, .875rem);
    line-height: 1.25rem;
    color: #000 !important;
    font-weight: 700
}

.account-login-page .login-left-panel .account-nav-asset {
    padding: 30px 20px 36px;
    margin-top: .9375rem;
    text-align: center;
    background: hsla(0, 0%, 66%, .2);
    margin-bottom: 1.875rem
}

.account-login-page .login-left-panel .account-nav-asset p {
    font-size: var(--f-s, .875rem);
    line-height: 1.25rem;
    margin-bottom: 1.5625rem;
    color: #000
}

.account-login-page .login-left-panel .account-nav-asset p a {
    font-weight: 700;
    text-decoration: underline
}

.account-login-page .login-left-panel .account-nav-asset .title {
    font-size: var(--f-l, 1.125rem);
    line-height: 1.375rem;
    font-weight: 700;
    line-height: 1.5625rem;
    font-weight: 500;
    color: #000
}

.account-login-page .login-left-panel .account-nav-asset hr {
    border: 1px solid #000;
    width: 40px;
    margin: 15px auto 21px;
    border-radius: 2px
}

.account-login-page .right-login-panel {
    -webkit-order: 1
}

.account-login-page .right-login-panel .account-flow-msg {
    color: #fa4616;
    margin: 20px 0 10px
}

.account-login-page .right-login-panel .btn-account-flow {
    padding-top: 13px;
    padding-bottom: 10px
}

.account-login-page .account-page-heading {
    font-size: 1.875rem;
    line-height: 2.0625rem;
    font-weight: 700;
    border-bottom: 1px solid #d3d3d3;
    padding: 4px 0 15px;
    width: 100%
}

.account-login-page .card,
.account-login-page .card-body,
.account-login-page .rtn-cust-details,
.account-login-page .signin-sec {
    padding: 0;
    border: none
}

.account-login-page .sign-in-btn {
    padding-top: 13px;
    padding-bottom: 10px;
    min-width: 188px;
    width: auto
}

.account-login-page .login-page-header {
    font-size: var(--f-l, 1.125rem);
    line-height: 1.375rem;
    font-weight: 700
}

.account-login-page .return-cust-heading {
    margin: 38px 0 8px
}

.account-login-page .acc-bnfts-heading,
.account-login-page .new-customer-txt,
.account-login-page .rtn-etr-dtls,
.account-login-page .rtn-note {
    font-size: var(--f-s, .875rem);
    line-height: 1.25rem;
    color: #000
}

.account-login-page .rtn-note {
    font-weight: 700
}

.account-login-page .form-group,
.account-login-page .rtn-etr-dtls {
    margin-bottom: 1.5625rem
}

.account-login-page .remember-me {
    padding: 0;
    margin-bottom: 1.4375rem
}

.account-login-page .remember-me .custom-control-label {
    font-size: var(--f-s, .875rem);
    line-height: 1.25rem
}

.account-login-page .remember-me-text {
    width: 100%;
    display: inline-block;
    max-width: 100px;
    padding: 12px 0 8px
}

.account-login-page .forgot-password {
    font-size: var(--f-s, .875rem);
    line-height: 1.25rem;
    font-weight: 700;
    width: 100%;
    display: inline-block;
    text-decoration: underline;
    padding: 20px 0 40px;
    border-bottom: 1px solid #d3d3d3;
    color: #000
}

.account-login-page .check-order-status {
    padding-bottom: .9375rem;
    border-bottom: 1px solid #d3d3d3
}

.account-login-page .track-order-header {
    padding: 0;
    border: none;
    margin: 10px 0
}

.account-login-page .check-trkodr {
    padding-top: 13px;
    padding-bottom: 10px
}

.account-login-page .new-cust-heading {
    margin: 16px 0 10px
}

.account-login-page .acc-bnfts-heading {
    line-height: .9375rem;
    font-weight: 700;
    margin-bottom: .9375rem
}

.account-login-page .crt-acc {
    margin: 25px 0 38px;
    color: #fff !important;
    padding-top: 13px;
    padding-bottom: 10px
}

.account-login-page .crt-acc:hover {
    color: #fa4616 !important
}

.account-login-page .new-cust-benefits {
    font-size: var(--f-s, .875rem);
    line-height: 1.25rem;
    font-weight: 700;
    margin-bottom: .625rem
}

.account-login-page .new-cust-benefits .benefits-sub-heading {
    margin-bottom: .9375rem
}

.account-login-page .new-cust-benefits ul li {
    list-style: disc;
    font-weight: 400;
    width: calc(100% - 18px);
    margin: 9px 0 15px 18px
}

.account-login-page .new-cust-benefits ul .read-more-txt {
    font-weight: 700;
    text-decoration: underline;
    display: inline-block;
    text-transform: capitalize
}

.mobile-account-dashboard {
    background-color: #f8f8f8
}

.mobile-account-dashboard .logout-user {
    display: inline-block;
    padding-bottom: 30px
}

.account-landing-left-side {
    max-width: 245px;
    width: 100%;
    margin: 0 auto
}

.account-landing-left-side .account-options li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 24px
}

.account-landing-left-side .account-options li span {
    margin-right: 21px;
    padding-bottom: 26px
}

.account-landing-left-side .account-options li a {
    width: 100%;
    padding-bottom: 26px;
    border-bottom: 2px solid #d3d3d3;
    font-family: var(--font-headline);
    font-size: var(--f-m, 1rem);
    line-height: 1.5rem;
    font-weight: 500
}

.account-landing-left-side .account-options li a.active {
    color: #fa4616 !important
}

.account-landing-left-side .account-options li a p {
    font-weight: 100;
    font-size: .875rem;
    line-height: 22px;
    font-family: var(--font-body)
}

.account-landing-left-side .account-options li:last-child a {
    border-bottom: 0
}

.account-landing-left-side .welcome-user-name {
    font-size: var(--f-l, 1.125rem);
    line-height: 1.375rem;
    font-weight: 700;
    font-weight: 300;
    font-size: var(--f-s, 14px);
    padding: 47px 0 52px
}

.account-landing-left-side .logout-user {
    font-size: var(--f-xs, .75rem);
    line-height: 1.125rem;
    color: #a9a9a9 !important;
    font-family: var(--font-headline);
    text-decoration: underline
}

.account-landing-left-side .profile-img:before {
    width: 23px;
    content: " ";
    background-image: url("../images/profile-user.png");
    height: 23px;
    display: inline-block;
    background-size: cover
}

.account-landing-left-side .myorders-img:before {
    width: 23px;
    content: " ";
    background-image: url("../images/myorder.png");
    height: 23px;
    display: inline-block
}

.account-landing-left-side .mywishlist-img:before {
    width: 23px;
    content: " ";
    background-image: url("../images/Star-Outline.svg");
    height: 23px;
    display: inline-block
}

.account-landing-left-side .cust-service-img:before {
    width: 23px;
    content: " ";
    background-image: url("../images/support.png");
    height: 23px;
    display: inline-block
}

.account-landing-left-side .warranty-img:before {
    width: 23px;
    content: " ";
    background-image: url("../images/warranty.png");
    height: 23px;
    display: inline-block
}

.account-landing-left-side .paymentInstruments-img:before {
    width: 23px;
    content: " ";
    background-image: url("../images/payInstrument.png");
    height: 23px;
    display: inline-block
}

.account-landing-left-side .perso-img:before {
    width: 28px;
    content: " ";
    background-image: url("../images/perosnalization.png");
    height: 26px;
    display: inline-block;
    background-size: 27px
}

.account-landing-left-side .wishlist-img:before {
    width: 23px;
    content: " ";
    background-image: url("../images/whislist-img.png");
    height: 21px;
    display: inline-block;
    background-size: 23px
}

@media (min-width:768px) {
    .account-login-page {
        margin-top: 20px
    }
    .account-login-page .account-page-heading {
        padding-top: 0
    }
    .account-login-page .login-left-panel {
        -webkit-order: 1;
        padding-left: 1.125rem
    }
    .account-login-page .login-left-panel.account-dashboard-left {
        padding: 0 30px;
        margin-bottom: 25px
    }
    .account-login-page .login-left-panel .account-landing-left-side {
        max-width: 206px
    }
    .account-login-page .login-left-panel .account-landing-left-side .welcome-user-name {
        font-size: var(--f-l, 18px)
    }
    .account-login-page .right-login-panel {
        -webkit-order: 2;
        padding: 0 15px 0 35px
    }
    .account-login-page .signin-sec {
        margin-right: 7.5rem;
        border-bottom: 1px solid #d3d3d3
    }
    .account-login-page .login-form-nav .tab-content {
        padding: 0
    }
    .account-login-page .new-cust-heading {
        margin-top: 0
    }
    .account-login-page .forgot-password {
        border: none
    }
    .account-login-page .check-order-status {
        border-bottom: none;
        padding-top: 1.875rem
    }
    .account-login-page .check-trkodr,
    .account-login-page .crt-acc,
    .account-login-page .remember-me-text,
    .account-login-page .sign-in-btn {
        display: inline-block
    }
    .account-login-page .crt-acc {
        margin: 20px 0 35px
    }
}

@media (min-width:1024px) {
    .account-login-page .login-left-panel {
        width: 100%;
        padding: 0 20px 0 0
    }
    .account-login-page .login-left-panel .account-landing-left-side {
        max-width: 225px;
        margin-left: var(--side-offset)
    }
    .account-login-page .right-login-panel {
        padding: 0 14px
    }
    .account-login-page .inner-right {
        padding-right: 2.8125rem
    }
    .account-login-page .forgot-password {
        padding-bottom: 1.25rem
    }
    .account-login-page .new-cust-heading {
        margin-top: 2.375rem
    }
}

.deletePaymentMethod {
    font-size: var(--f-s, 14px);
    background: no-repeat;
    color: #fa4616 !important;
    text-decoration: underline;
    font-weight: 600
}

.center-element {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.login-page {
    margin-top: 1em
}

.login-page .login-form-nav {
    margin-bottom: 1.25em
}

.login-page .login-form-nav .tab-pane {
    margin-top: 1em
}

.login-page .login {
    margin-bottom: .938em
}

.login-page .login .error-message-form {
    padding: .625em;
    background-color: #a63232;
    color: #fff;
    border-radius: .188em
}

.registration-page .privacy-policy {
    margin-top: 1rem
}

.login-banner {
    background-image: url("../images/account.jpg");
    background-position-y: 40%
}

.equal-height .card {
    width: 100%
}

.track-order-header {
    font-size: 1.75rem
}

.request-password-title {
    font-size: 1.5rem
}

.bg-none-pwd:not(.is-invalid) {
    background: none !important
}

#currentPassword::-ms-reveal,
#login-form-password::-ms-reveal,
#newPassword::-ms-reveal,
#newPasswordConfirm::-ms-reveal,
#registration-form-password-confirm::-ms-reveal,
#registration-form-password::-ms-reveal {
    display: none !important
}

.pwd-show-icon {
    position: absolute;
    top: 12px;
    right: 30px;
    cursor: pointer
}

.order-confirm-create-account .pwd-show-icon {
    top: 45px
}

#submitEmailButton.btn-block {
    padding-top: 13px;
    padding-bottom: 10px
}

#requestPasswordResetModal .modal-dialog {
    margin: 0
}

#requestPasswordResetModal .modal-dialog .modal-content {
    border: none;
    border-radius: 0;
    padding: 20px 20px 20px 30px
}

#requestPasswordResetModal .modal-header {
    border-bottom: none;
    padding: 0
}

#requestPasswordResetModal .modal-body {
    padding: 15px 10px 70px 0
}

#requestPasswordResetModal .request-password-title {
    font-family: var(--font-headline);
    font-size: var(--f-l, 1.125rem);
    line-height: 30px;
    font-weight: 500;
    color: #333;
    margin-top: 3.75rem
}

@media (min-width:768px) {
    #requestPasswordResetModal .request-password-title {
        font-size: 1.375rem
    }
}

#requestPasswordResetModal .close {
    padding: 0;
    margin: 0
}

#requestPasswordResetModal .close span {
    background: url("../images/Close.png") no-repeat;
    width: 20px;
    height: 20px;
    display: block
}

#requestPasswordResetModal .request-password-body .form-group {
    margin-bottom: 2.125rem
}

#requestPasswordResetModal .request-password-body p {
    font-weight: 400;
    color: #333;
    font-size: var(--f-xs, .75rem);
    line-height: 1.5;
    font-family: var(--font-body);
    letter-spacing: 0;
    line-height: 1.1875rem;
    margin-bottom: 1.25rem
}

@media (min-width:768px) {
    #requestPasswordResetModal .request-password-body p {
        font-size: var(--f-s, .875rem)
    }
}

#requestPasswordResetModal .request-password-body input.form-control {
    font-size: var(--f-m, 1rem);
    padding: 14px 0 10px 19px
}

#requestPasswordResetModal .send-email-btn .passwordreset {
    font-weight: 400;
    color: #333;
    font-size: var(--f-xs, .75rem);
    line-height: 1.5;
    font-weight: 700;
    font-family: var(--font-body);
    color: #fa4616 !important;
    text-decoration: underline
}

@media (min-width:768px) {
    #requestPasswordResetModal .send-email-btn .passwordreset {
        font-size: var(--f-s, .875rem)
    }
}

.new-password .new-password-form {
    margin-top: 20px
}

.new-password .new-password-form .new-password-btn {
    margin: 20px 0
}

.new-password .new-password-form .new-password-btn .btn-account {
    padding-top: 13px;
    padding-bottom: 10px
}

@media (min-width:768px) {
    #requestPasswordResetModal {
        top: 14%
    }
    #requestPasswordResetModal .modal-dialog {
        margin: 0 auto;
        max-width: 450px;
        width: 100%
    }
    #requestPasswordResetModal .modal-dialog .modal-content {
        padding: 20px
    }
    #requestPasswordResetModal .modal-header {
        margin-left: 30px;
        padding: 0
    }
    #requestPasswordResetModal .modal-body {
        padding: 20px 30px 40px
    }
    #requestPasswordResetModal .request-password-title {
        margin-top: 2.5rem
    }
    #submitEmailButton.btn-block {
        width: auto;
        padding: 13px 40px 10px
    }
}

.page {
    background-color: #fff !important
}

.login-page {
    margin-top: 0
}

.myorder-text {
    font-family: var(--font-headline);
    font-size: 1.375rem;
    line-height: 1.875rem;
    letter-spacing: 0;
    margin-bottom: 5px
}

body .custom-wishlist .title-item-name,
body .wishlistItemCards .custom-wishlist-btn .add-to-cart {
    margin: 0
}

.account-dashboard,
.myorder-container,
.payment-dashboard {
    padding: 0
}

.account-dashboard .breadcrumb,
.myorder-container .breadcrumb,
.payment-dashboard .breadcrumb {
    margin: 0;
    padding: 23px 25px 35px
}

.account-dashboard .page-breadcrumb,
.myorder-container .page-breadcrumb,
.payment-dashboard .page-breadcrumb {
    display: block !important
}

.myorders {
    color: #333
}

.myorders .account-login-page {
    margin-top: 0;
    padding: 0
}

.myorders .account-login-page .card {
    border: 0
}

@media (max-width:767.98px) {
    .myorders .account-login-page .card {
        background-color: inherit
    }
}

.myorders .right-login-panel {
    padding: 30px 25px;
    background-color: #f7f7f7
}

.myorders .right-login-panel .confirm-details .single-shipping .summary-section-label {
    text-transform: uppercase !important
}

.myorders .right-login-panel .confirm-details .single-shipping .leading-lines .start-lines .shipping-method {
    white-space: normal;
    overflow: visible
}

.myorders .right-login-panel .row .card {
    border-bottom: 6px solid #e3e3e3
}

.myorders .right-login-panel .row:last-child .card:not(.with-border) {
    border-bottom: 1px solid #e3e3e3 !important
}

.myorders .order-place-date {
    font-family: var(--font-headline);
    font-size: 1.375rem;
    line-height: 1.875rem;
    letter-spacing: 0;
    font-size: var(--f-m, 1rem);
    font-weight: 500;
    margin-bottom: 5px
}

@media (min-width:768px) {
    .myorders .order-place-date {
        font-size: var(--f-s, .875rem);
        line-height: 1.375rem
    }
}

.myorders .card-header {
    padding: 0;
    background-color: #f7f7f7;
    padding-bottom: 30px;
    border-bottom: 0
}

.myorders .card-header .order-date {
    padding-top: 20px
}

.myorders .card-body {
    padding: 0;
    background-color: #f7f7f7;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #e3e3e3
}

.myorders .card-body.last {
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 1.875rem
}

@media (min-width:768px) {
    .myorders .card-body.last {
        border-bottom: none;
        margin-bottom: 0
    }
}

.myorders .order-date {
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.myorders .order-date .pad-zero,
.myorders .order-date .pad-zero.order-price-details {
    padding: 0
}

.myorders .order-date .pad-zero.order-price-details .price {
    font-size: var(--f-s, .875rem);
    line-height: 1.375rem;
    font-weight: 300;
    font-family: var(--font-headline);
    white-space: nowrap
}

.myorders .order-date .pad-zero.order-price-details.order-price-view {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

@media (max-width:1023.98px) {
    .myorders .order-date .pad-zero.order-price-details .dashboard-order-card-footer-columns {
        text-align: left
    }
}

.myorders .order-date .pad-zero.order-price-details .dashboard-order-card-footer-columns .dashboard-order-card-footer-value {
    text-wrap: wrap
}

.myorders .view-details {
    font-weight: 400;
    font-size: var(--f-xs, .75rem);
    line-height: 1.5;
    color: #fa4616 !important;
    text-decoration: underline;
    font-family: var(--font-headline);
    font-weight: 500
}

@media (min-width:1024px) {
    .myorders .view-details {
        font-size: var(--f-s, .875rem)
    }
}

.myorders .dashboard-order-card-footer-value {
    font-family: var(--font-headline);
    font-size: 1.375rem;
    line-height: 1.875rem;
    letter-spacing: 0;
    font-size: var(--f-m, 1rem);
    font-weight: 500;
    white-space: nowrap
}

@media (min-width:768px) {
    .myorders .dashboard-order-card-footer-value {
        font-size: var(--f-s, .875rem);
        line-height: 1.375rem
    }
}

.myorders .order-prod-name {
    margin-left: 15px
}

.myorders .order-prod-name .prod-name {
    font-size: var(--f-m, 1rem);
    line-height: 30px;
    font-weight: 700;
    margin-bottom: 0;
    font-weight: 500
}

.myorders .order-prod-name .color-var {
    font-weight: 400;
    color: #333;
    font-size: var(--f-xs, .75rem);
    line-height: 1.5
}

@media (min-width:768px) {
    .myorders .order-prod-name .color-var {
        font-size: var(--f-s, .875rem)
    }
}

.myorders .order-prod-img {
    width: 90px;
    height: 90px
}

.myorders.order-details .card-body {
    padding: 25px 3px;
    -ms-flex: 0;
    flex: 0;
    border-top: 0
}

.myorders.order-details .bottom-space,
.myorders.order-details .summary-details,
.myorders.order-details .summary-details .address-summary {
    margin-bottom: 40px
}

.myorders.order-details .summary-details .payment-details .message-description {
    display: none
}

.myorders.order-details .detail-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.myorders.order-details .confirm-details {
    margin-right: 0
}

.myorders.order-details .confirm-details .card-body {
    display: block
}

.myorders.order-details .checkout-order-total-summary {
    margin-left: 0
}

.myorders.order-details .checkout-order-total-summary .card-body {
    padding: 25px 3px
}

.myorders.order-details .checkout-order-total-summary .order-total-summary .leading-lines .start-lines span {
    font-size: var(--f-s, 14px)
}

.myorders.order-details .checkout-order-total-summary .order-total-summary .leading-lines .end-lines {
    text-align: right
}

.myorders.order-details .checkout-order-total-summary .order-total-summary .leading-lines .end-lines span {
    background-color: transparent
}

.myorders.order-details .checkout-order-total-summary .card.order-product-summary {
    margin-bottom: 0
}

.myorders.order-details .checkout-order-total-summary .card.order-product-summary .card-body {
    border-top: 0
}

.myorders.order-details .grand-total-text {
    font-family: var(--font-headline);
    font-size: var(--f-m, 1rem);
    line-height: 1.5rem;
    font-weight: 500
}

.myorders.order-details .multi-shipping+.product-line-item:before,
.myorders.order-details .product-line-item+.product-line-item:before {
    display: none
}

.myorders.order-details .item-image {
    height: 90px;
    width: 90px;
    margin-right: 16px
}

.myorders.order-details .item-image img.product-image {
    width: 90px;
    max-height: 90px
}

.myorders.order-details .product-line-item {
    margin-top: 30px
}

.myorders.order-details .line-item-name {
    margin-bottom: 0
}

.myorders.order-details .leading-lines .start-lines span {
    background-color: #f7f7f7
}

.back-to-account .normal {
    font-weight: 400;
    font-size: var(--f-xs, .75rem);
    line-height: 1.5;
    color: #333 !important;
    text-decoration: underline;
    font-family: var(--font-headline)
}

@media (min-width:1024px) {
    .back-to-account .normal {
        font-size: var(--f-s, .875rem)
    }
}

.back-to-account .normal:hover {
    color: #fa4616 !important
}

.myorder-detail {
    font-family: var(--font-headline);
    font-size: 1.375rem;
    line-height: 1.875rem;
    letter-spacing: 0;
    margin-bottom: 0
}

@media (min-width:1024px) {
    .myorder-detail {
        font-size: 1.5rem;
        line-height: 1.8125rem
    }
}

.common-order-head {
    font-size: var(--f-s, .875rem);
    line-height: 22px;
    font-weight: lighter;
    font-weight: 500;
    font-family: var(--font-headline);
    margin-bottom: 12px;
    text-transform: uppercase;
    line-height: 19px
}

.estimated-date {
    text-transform: none !important
}

.confirm-details .single-shipping .summary-section-label {
    font-size: var(--f-s, .875rem);
    line-height: 22px;
    font-weight: lighter;
    font-weight: 500;
    font-family: var(--font-headline);
    margin-bottom: 12px;
    text-transform: uppercase
}

.address-summary,
.har-text-normal,
.leading-lines .start-lines span,
.order-summary-email,
.order-summary-phone,
.payment-details {
    font-weight: 400;
    color: #333;
    font-size: var(--f-xs, .75rem);
    line-height: 1.5;
    line-height: 20px;
    display: inline-block
}

@media (min-width:768px) {
    .address-summary,
    .har-text-normal,
    .leading-lines .start-lines span,
    .order-summary-email,
    .order-summary-phone,
    .payment-details {
        font-size: var(--f-s, .875rem)
    }
}

.address-summary .message-description,
.har-text-normal .message-description,
.leading-lines .start-lines:before,
.leading-lines .start-lines span .message-description,
.order-summary-email .message-description,
.order-summary-phone .message-description,
.payment-details .message-description {
    display: none
}

.order-details-normal-text,
.pricing {
    font-weight: 400;
    color: #333;
    font-size: var(--f-xs, .75rem);
    line-height: 1.5;
    font-weight: 300
}

@media (min-width:768px) {
    .order-details-normal-text,
    .pricing {
        font-size: var(--f-s, .875rem)
    }
}

.pricing {
    white-space: unset
}

.card-body-details {
    border-top: 1px solid #e3e3e3;
    padding-top: 27px;
    margin-top: 12px
}

.my-account {
    padding-top: 20px
}

.container-rectangle {
    width: 458px;
    height: 195px;
    background: #fff;
    box-sizing: border-box;
    border: 1px solid #e3e3e3
}

.title-item-name {
    margin: 32px 0 0 20px
}

.qty-title {
    margin: 5px 0 17px
}

.image-personalized {
    margin: 53px 20px 0 27px
}

.edit-personalization {
    width: 28px;
    height: 22px;
    left: 707px;
    top: 306px;
    font-style: normal;
    font-weight: 600;
    font-size: var(--f-s, 14px);
    line-height: 22px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #ec4826;
    float: right
}

.delete-product-p {
    height: 1px;
    width: 8px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    float: right;
    margin: 8px -41px 1px 1px
}

.delete-product-p:after,
.delete-product-p:before {
    position: absolute;
    content: "";
    width: 12px;
    height: 1px;
    background-color: #3e3e3e
}

.delete-product-p:before {
    transform: rotate(45deg)
}

.delete-product-p:after {
    transform: rotate(-45deg)
}

@media (max-width:1199.98px) {
    .container-rectangle {
        width: 458px;
        height: 195px;
        background: #fff;
        box-sizing: border-box;
        border: 1px solid #e3e3e3
    }
    .title-item-name {
        margin: 32px 0 0 20px
    }
    .qty-title {
        margin: 5px 0 17px
    }
    .image-personalized {
        margin: 53px 20px 0 27px
    }
    .edit-personalization {
        width: 28px;
        height: 22px;
        left: 707px;
        top: 306px;
        font-style: normal;
        font-weight: 600;
        font-size: var(--f-s, 14px);
        line-height: 22px;
        -webkit-text-decoration-line: underline;
        text-decoration-line: underline;
        color: #ec4826;
        float: right
    }
    .delete-product-p {
        height: 1px;
        width: 8px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        float: right;
        margin: 8px -41px 1px 1px
    }
    .delete-product-p:after,
    .delete-product-p:before {
        position: absolute;
        content: "";
        width: 12px;
        height: 1px;
        background-color: #3e3e3e
    }
    .delete-product-p:before {
        transform: rotate(45deg)
    }
    .delete-product-p:after {
        transform: rotate(-45deg)
    }
}

@media (max-width:1023.98px) {
    .container-rectangle {
        width: 100%;
        height: 195px;
        border-top: 1px solid #e3e3e3;
        border-bottom: 1px solid #e3e3e3;
        box-sizing: border-box;
        border-right: none;
        border-left: none
    }
    .mob-rectangle {
        margin: 0 0 0 -13px
    }
    .delete-product-p {
        margin: 8px 0 1px 1px
    }
    .image-personalized {
        margin: 38px 12px 0 9px
    }
    .title-item-name {
        margin: 24px 0 0
    }
    .no-gutters.right-login-panel {
        background: #fff
    }
    .edit-personalization {
        width: 28px;
        height: 22px;
        left: 707px;
        top: 306px;
        font-style: normal;
        font-weight: 600;
        font-size: var(--f-s, 14px);
        line-height: 22px;
        -webkit-text-decoration-line: underline;
        text-decoration-line: underline;
        color: #ec4826;
        float: right
    }
    .qty-container {
        margin: 0 0 24px
    }
}

.custom-titles-attributes {
    margin: 32px 0 0
}

.delete-product-wishlist {
    height: 1px;
    width: 8px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    float: right;
    margin: 38px -41px 1px 1px
}

.remove-link-account {
    cursor: pointer;
    font-size: .75rem;
    line-height: .875rem;
    color: #3e3e3e;
    display: inline;
    width: 12px;
    height: .71px;
    margin: 32px 0 0
}

.color-text-account {
    font-family: Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: var(--f-xs, 12px);
    line-height: 19px;
    color: #7b7b7b
}

@media (max-width:1023.98px) {
    .card-wishlist {
        border-bottom: 1px solid #e3e3e3 !important;
        border-top: 1px solid #e3e3e3 !important
    }
    .card {
        border: none
    }
    body .wishlistItemCards .custom-wishlist-btn .add-to-cart {
        margin: 0 0 41px
    }
}

@media (min-width:768px) {
    .myorder-text {
        margin-bottom: 32px
    }
    .myorders .right-login-panel {
        padding: 41px 30px 66px;
        background-color: #f7f7f7
    }
    .myorders .right-login-panel .row .card {
        border-bottom: 1px solid #e3e3e3
    }
    .myorders .right-login-panel .form-group {
        margin-top: -9px
    }
    .myorders.order-details .confirm-details {
        margin-right: 24px
    }
    .myorders.order-details .confirm-details .card-body {
        display: -ms-flexbox;
        display: flex
    }
    .myorders.order-details .card-body {
        padding: 25px 30px
    }
    .myorders.order-details .checkout-order-total-summary .order-total-summary .leading-lines .start-lines span {
        font-weight: 500
    }
    .myorders.order-details .checkout-order-total-summary .order-total-summary .leading-lines .end-lines {
        text-align: left
    }
    .myorders.order-details .checkout-order-total-summary .card-body {
        padding: 25px 30px
    }
    .myorders.order-details .leading-lines .start-lines span {
        background-color: #fff
    }
    .myorders .order-date .pad-zero.order-price-details {
        padding: 0
    }
    .myorders .order-date .pad-zero.order-price-details .price {
        font-weight: 500
    }
    .myorders .account-login-page .card {
        border: 1px solid #e3e3e3;
        margin-bottom: 30px
    }
    .myorders .card-title {
        margin-bottom: 30px
    }
    .myorders .card-body,
    .myorders .card-header {
        padding: 21px;
        background-color: #fff;
        border-top: 0
    }
    .myorders .card-body .order-date,
    .myorders .card-header .order-date {
        padding-top: 20px
    }
    .myorders .card-body .order-date:first-child,
    .myorders .card-header .order-date:first-child {
        padding-top: 0
    }
    .myorders .card-body .card-button,
    .myorders .card-header .card-button {
        margin: 16px auto
    }
    .myorders .card-body .item-list,
    .myorders .card-header .item-list {
        list-style-type: disc;
        margin-left: 20px
    }
    .myorders .card-body .collapseBtn,
    .myorders .card-header .collapseBtn {
        float: right
    }
    .myorders .card-header {
        border-bottom: 1px solid #e3e3e3
    }
    .myorders .order-place-date {
        margin-bottom: 0
    }
    .myorder-detail {
        margin-bottom: 30px
    }
    .my-account {
        padding-top: 0
    }
    .account-dashboard .page-breadcrumb,
    .myorder-container .page-breadcrumb,
    .payment-dashboard .page-breadcrumb {
        display: none !important
    }
}

@media (min-width:1024px) {
    .myorder-text {
        margin-bottom: 60px
    }
    .myorders .account-login-page {
        margin-top: 0
    }
    .myorders .account-login-page .card {
        margin-bottom: 62px
    }
    .myorders .right-login-panel {
        padding-top: 46px;
        padding-left: 60px;
        background-color: #f7f7f7
    }
    .myorders .card-body,
    .myorders .card-header {
        padding: 21px
    }
    .myorders .order-date {
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .myorders .order-date .pad-zero {
        padding: 0
    }
    .myorders .order-date .pad-zero.order-price-details {
        padding: 0 0 0 50px
    }
    .myorders .order-date .pad-zero.order-price-details.order-price-view {
        display: block;
        text-align: right
    }
    .myorders .order-prod-name {
        margin-left: 34px
    }
    .myorders .order-prod-name .prod-name {
        margin-bottom: 8px
    }
    .myorders .order-prod-img {
        width: 90px;
        height: 90px
    }
    .myorders.order-details .detail-content {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .myorders.order-details .checkout-order-total-summary {
        margin-left: 24px
    }
    .myorders.order-details .card-body {
        padding: 25px 44px
    }
    .myorders.order-details .confirm-details .card-body {
        display: block
    }
    .myorders.order-details .right-login-panel {
        padding-left: 80px
    }
    .myorders .myorder-detail {
        margin-bottom: 55px
    }
}

.arrow {
    border: solid #a9a9a9;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px
}

.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg)
}

.returnStyleOrder {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 67%;
    margin-left: -10px;
    -ms-flex-align: center;
    align-items: center
}

.returnStyleOrder .back-to-account {
    min-width: 275px;
    margin-left: 10px;
    text-align: center;
    padding-top: 27px
}

.returnStyleOrder .flexStyle {
    margin-top: 20px;
    margin-left: 10px
}

.returnStyleOrder .flexStyle button {
    min-width: 275px
}

@media screen and (max-width:1368px) {
    .returnStyleOrder {
        width: 82%
    }
}

@media screen and (max-width:720px) {
    .returnStyleOrder {
        display: block;
        width: 100%;
        margin-left: 0
    }
    .returnStyleOrder .flexStyle {
        margin-top: 20px;
        margin-left: 0
    }
    .returnStyleOrder .flexStyle button {
        width: 100%
    }
}

.dashboard-head {
    font-family: var(--font-headline);
    font-size: 1.375rem;
    line-height: 1.875rem;
    letter-spacing: 0;
    margin-bottom: 12px;
    font-weight: 500
}

.phone-number {
    margin-top: 10px
}

.dash-content-head {
    font-weight: 400;
    color: #333;
    font-size: var(--f-xs, .75rem);
    line-height: 1.5;
    margin-bottom: 0
}

@media (min-width:768px) {
    .dash-content-head {
        font-size: var(--f-s, .875rem)
    }
}

.dash-content-head.dashboard-cards-block-title {
    font-family: var(--font-headline);
    font-size: 1.375rem;
    line-height: 1.875rem;
    letter-spacing: 0;
    font-size: var(--f-m, 1rem);
    font-weight: 500;
    margin-bottom: 6px
}

@media (min-width:768px) {
    .dash-content-head.dashboard-cards-block-title {
        font-size: var(--f-s, .875rem);
        line-height: 1.375rem
    }
}

.user-email {
    font-weight: 400;
    color: #333;
    font-size: var(--f-xs, .75rem);
    line-height: 1.5
}

@media (min-width:768px) {
    .user-email {
        font-size: var(--f-s, .875rem)
    }
}

.edit-link {
    font-family: var(--font-headline);
    font-size: var(--f-xs, .75rem);
    line-height: 1.1875rem;
    font-weight: 500;
    width: auto;
    color: #fa4616 !important;
    text-decoration: underline !important
}

@media (min-width:768px) {
    .edit-link {
        font-size: var(--f-s, .875rem);
        line-height: 1.375rem
    }
}

.edit-link a,
.edit-link button {
    color: #fa4616 !important;
    text-decoration: underline !important;
    font-family: var(--font-headline);
    font-weight: 500
}

.edit-link a.edit-add-link,
.edit-link button.edit-add-link {
    padding-right: 35px
}

.edit-link.edit-delete-links {
    width: 100%
}

.edit-link.edit-link-desktop {
    width: auto
}

.account-dashboard {
    padding: 0
}

.mobile-name {
    font-size: var(--f-s, .875rem);
    line-height: 22px;
    font-weight: lighter;
    font-weight: 700
}

.myorders.dashboard-profile .card-header {
    padding: 0 0 30px;
    border-bottom: 0
}

.myorders.dashboard-profile .card-header .card-link {
    color: #fa4616 !important;
    float: right !important;
    width: auto
}

.myorders.dashboard-profile .card-body {
    padding: 0;
    border-top: 0
}

.myorders.dashboard-profile .card {
    padding-bottom: 30px;
    border-bottom: 1px solid #d3d3d3;
    margin-bottom: 37px;
    background-color: #f7f7f7
}

@media (max-width:1023.98px) {
    .myorders.dashboard-profile .card {
        padding: 15px 15px 0
    }
}

.myorders.dashboard-profile .card .card-header+.card-body .address-details {
    padding-top: 0;
    border-top: 0
}

.myorders.dashboard-profile .order-payment .card-header {
    padding-bottom: 35px;
    border-bottom: 0
}

.myorders.dashboard-profile .view-all-address {
    max-width: 220px;
    width: 100%;
    margin: 0 auto
}

.myorders.dashboard-profile .address-details {
    font-weight: 400;
    color: #333;
    font-size: var(--f-xs, .75rem);
    line-height: 1.5;
    padding-top: 30px;
    border-top: 1px solid #d3d3d3;
    margin-bottom: 55px
}

@media (min-width:768px) {
    .myorders.dashboard-profile .address-details {
        font-size: var(--f-s, .875rem)
    }
}

.myorders.dashboard-profile .address-details .dashboard-info {
    font-weight: 700;
    font-size: var(--f-s, 14px);
    margin-bottom: 10px
}

@media (min-width:768px) {
    .myorders.dashboard-profile .card-header {
        padding: 35px 25px;
        border-bottom: 0
    }
    .myorders.dashboard-profile .card-header .card-link {
        color: #fa4616 !important;
        float: left
    }
    .myorders.dashboard-profile .card-body {
        padding: 25px;
        border-top: 0
    }
    .myorders.dashboard-profile .card {
        padding-bottom: 0;
        margin-bottom: 60px;
        background-color: #fff
    }
    .myorders.dashboard-profile .order-payment .card-header {
        padding-bottom: 35px;
        border-bottom: 1px solid #e3e3e3
    }
    .myorders.dashboard-profile .view-all-address {
        max-width: 220px;
        width: 100%;
        margin: 0 auto 25px
    }
    .myorders.dashboard-profile .address-details {
        padding-top: 0;
        border-top: none;
        margin-bottom: 0
    }
    .myorders.dashboard-profile .address-details .dashboard-info {
        font-weight: 300;
        margin-bottom: 10px
    }
    .edit-link a.edit-add-link {
        padding-right: 35px
    }
    .dashboard-head {
        margin-bottom: 25px
    }
    .dash-content-head {
        font-weight: 500
    }
    .mobile-name {
        font-weight: 400
    }
    .user {
        padding: 15px 0
    }
    .user.nav-item {
        position: relative
    }
    .user.nav-item .popover {
        left: auto;
        right: 0;
        top: calc(100% + 4px);
        width: 12.5rem;
        border-radius: 0
    }
    .user.nav-item .popover .nav {
        -ms-flex-direction: column;
        flex-direction: column
    }
    .user.nav-item .popover .nav li {
        background-color: #fff
    }
    .user.nav-item .popover .nav li a {
        padding: 10px;
        font-weight: 700;
        display: block
    }
    .user.nav-item .popover .nav li a:active,
    .user.nav-item .popover .nav li a:focus,
    .user.nav-item .popover .nav li a:hover {
        background-color: #e9ecef
    }
    .anonymous-user {
        margin-top: 105px
    }
}

@media (min-width:1024px) {
    .myorders.dashboard-profile .right-login-panel {
        padding-left: 80px
    }
    .anonymous-user {
        margin-top: 130px
    }
}

.myorders.dashboard-profile .card-body.address-details-block {
    padding-top: 0
}

.cp-right {
    background-color: #f7f7f7
}

.add-edit-address,
.change-password,
.edit-profile {
    padding: 0
}

.add-edit-address .page-breadcrumb,
.change-password .page-breadcrumb,
.edit-profile .page-breadcrumb {
    display: block !important
}

.add-edit-address .breadcrumb,
.change-password .breadcrumb,
.edit-profile .breadcrumb {
    margin: 0;
    padding: 23px 25px 35px
}

.add-edit-address .account-login-page,
.change-password .account-login-page,
.edit-profile .account-login-page {
    margin-top: 0;
    padding: 0
}

.add-edit-address .cp-right,
.change-password .cp-right,
.edit-profile .cp-right {
    padding: 30px 25px
}

.add-edit-address .cp-right .address-form,
.add-edit-address .cp-right .change-password-form,
.add-edit-address .cp-right .edit-profile-form,
.change-password .cp-right .address-form,
.change-password .cp-right .change-password-form,
.change-password .cp-right .edit-profile-form,
.edit-profile .cp-right .address-form,
.edit-profile .cp-right .change-password-form,
.edit-profile .cp-right .edit-profile-form {
    width: 100%
}

.add-edit-address .cp-right .address-form .form-error,
.add-edit-address .cp-right .change-password-form .form-error,
.add-edit-address .cp-right .edit-profile-form .form-error,
.change-password .cp-right .address-form .form-error,
.change-password .cp-right .change-password-form .form-error,
.change-password .cp-right .edit-profile-form .form-error,
.edit-profile .cp-right .address-form .form-error,
.edit-profile .cp-right .change-password-form .form-error,
.edit-profile .cp-right .edit-profile-form .form-error {
    display: none;
    color: #df2d00
}

.add-edit-address .cp-right .address-form .form-error .fa,
.add-edit-address .cp-right .change-password-form .form-error .fa,
.add-edit-address .cp-right .edit-profile-form .form-error .fa,
.change-password .cp-right .address-form .form-error .fa,
.change-password .cp-right .change-password-form .form-error .fa,
.change-password .cp-right .edit-profile-form .form-error .fa,
.edit-profile .cp-right .address-form .form-error .fa,
.edit-profile .cp-right .change-password-form .form-error .fa,
.edit-profile .cp-right .edit-profile-form .form-error .fa {
    font-size: 22px
}

.add-edit-address .cp-right .custom-checkbox,
.change-password .cp-right .custom-checkbox,
.edit-profile .cp-right .custom-checkbox {
    padding-left: 0
}

.add-edit-address .cp-right .cp-header,
.change-password .cp-right .cp-header,
.edit-profile .cp-right .cp-header {
    margin-bottom: 20px
}

.add-edit-address .cp-right .btn-cancel,
.add-edit-address .cp-right .btn-save,
.change-password .cp-right .btn-cancel,
.change-password .cp-right .btn-save,
.edit-profile .cp-right .btn-cancel,
.edit-profile .cp-right .btn-save {
    padding-top: 13px;
    padding-bottom: 10px
}

.add-edit-address .cp-right .my-account,
.change-password .cp-right .my-account,
.edit-profile .cp-right .my-account {
    margin-top: 20px
}

@media (max-width:767.98px) {
    .btn-cancel,
    .btn-save {
        padding: .5rem
    }
}

@media (min-width:768px) {
    .add-edit-address .page-breadcrumb,
    .change-password .page-breadcrumb,
    .edit-profile .page-breadcrumb {
        display: none !important
    }
    .add-edit-address .cp-right,
    .change-password .cp-right,
    .edit-profile .cp-right {
        padding: 41px 30px 66px
    }
}

.card-make-default-link {
    margin-bottom: 10px
}

.add-address {
    margin-bottom: 35px
}

.dashboard-profile.address-book .btn-light,
.dashboard-profile.address-book .right-login-panel {
    background-color: #f7f7f7
}

.dashboard-profile.address-book .right-login-panel .row .card {
    background-color: #f7f7f7;
    border: none;
    padding-bottom: 40px;
    border-bottom: 1px solid #979797;
    margin-bottom: 40px
}

.dashboard-profile.address-book .right-login-panel .row.last-address-row .card {
    border-bottom: none;
    margin-bottom: 0
}

.dashboard-profile.address-book .edit-link.edit-delete-links {
    width: 24%
}

.dashboard-profile.address-book .edit-link.edit-delete-links .edit-link {
    width: 65%
}

.dashboard-profile.address-book .address-heading {
    font-family: var(--font-headline);
    font-size: var(--f-m, 1rem);
    line-height: 1.5rem;
    font-weight: 500
}

@media (min-width:768px) {
    .dashboard-profile.address-book .btn-light,
    .dashboard-profile.address-book .right-login-panel,
    .dashboard-profile.address-book .right-login-panel .row .card {
        background-color: #f7f7f7
    }
    .dashboard-profile.address-book .edit-link.edit-delete-links {
        width: 40%
    }
    .dashboard-profile.address-book .edit-link.edit-delete-links .edit-link {
        width: 50%
    }
}

@media (min-width:1024px) {
    .dashboard-profile.address-book .edit-link.edit-delete-links {
        width: 70%
    }
    .dashboard-profile.address-book .edit-link.edit-delete-links .edit-link {
        width: 23%
    }
}

.card .card-body .link-special {
    font-size: 24px;
    text-decoration: underline
}

.myaccount-wishlist .card-info-group div {
    margin-bottom: 0
}

.myaccount-wishlist .view-all {
    color: #fff !important;
    padding-top: 13px;
    padding-bottom: 10px;
    width: 165px;
    margin: 0 auto
}

.myaccount-wishlist .view-all:hover {
    color: #fa4616 !important
}

.myaccount-wishlist .account-wishlist-item {
    margin: 0;
    border-bottom: 1px solid #e3e3e3;
    padding: 30px 0
}

.myaccount-wishlist .account-wishlist-item .account-wl-attributes .line-item-header .line-item-name {
    text-overflow: unset;
    white-space: unset;
    font-weight: 500;
    font-size: var(--f-s, .875rem);
    line-height: 17px;
    font-family: var(--font-headline);
    color: #333
}

.myaccount-wishlist .account-wishlist-item .account-wl-attributes .line-item-availability,
.myaccount-wishlist .account-wishlist-item .account-wl-attributes .myaccount-remove-wishlist {
    color: #7b7b7b
}

.myaccount-wishlist .account-wishlist-item .account-wl-attributes .myaccount-remove-wishlist .remove-from-wishlist {
    position: static;
    background-color: transparent;
    font-size: var(--f-xs, .75rem);
    line-height: .875rem;
    font-family: var(--font-headline)
}

.myaccount-wishlist .account-wishlist-item .account-wl-attributes .myaccount-remove-wishlist .remove-from-wishlist span {
    text-decoration: underline
}

.myaccount-wishlist .account-wishlist-item .account-wl-attributes .myaccount-remove-wishlist .remove-from-wishlist :hover {
    color: #fa4616
}

@media (min-width:768px) {
    .myaccount-wishlist .account-wishlist-item:first-child {
        padding-top: 0
    }
    .myaccount-wishlist .account-wishlist-item:last-child {
        padding-bottom: 0
    }
    .myaccount-wishlist .view-all {
        margin-bottom: 25px
    }
}

.pwd-policy {
    margin: 5px 0 15px;
    position: relative
}

.pwd-policy ul {
    background: transparent;
    list-style: none;
    margin: 0;
    padding: 0
}

.pwd-container {
    background: #f5f5f5;
    border-radius: 3px
}

.pwd-container:after {
    clear: both;
    content: "";
    display: table
}

.character-limits {
    -ms-flex-order: 3;
    order: 3;
    -ms-flex-positive: 0.2;
    flex-grow: 0.2
}

.character-constraints.active,
.character-limits.active {
    background: #e0fae0
}

.character-gap {
    background: #fff;
    width: 2px;
    -ms-flex-order: 2;
    order: 2
}

.requirement-heading {
    color: #505050;
    font-size: var(--f-xs, 12px)
}

.password-requirements {
    display: -ms-flexbox;
    display: flex
}

.password-requirements>li ul {
    font-size: 0
}

.password-requirements>li li {
    display: inline-block;
    font-size: var(--f-s, 14px)
}

.password-requirements>li li+li {
    margin-left: 8px
}

.password-requirements>li:first-child {
    padding: 10px 15px
}

.password-requirements>li:last-child {
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 10px 15px
}

.password-requirements.empty .fa-close {
    display: none
}

.password-requirements.empty .fa-check-circle.fa {
    display: inline-block
}

.password-requirement {
    padding: 5px 0 0;
    position: relative
}

.password-requirement .fa-close {
    color: #a63232;
    font-size: var(--f-s, 14px)
}

.password-requirement.active .fa-close {
    display: none
}

.password-requirement.active span {
    color: #7aa677
}

.password-requirement:not(.active) .fa-check-circle {
    display: none
}

.password-requirement span {
    color: #505050
}

.password-requirement span .fa {
    font-size: var(--f-s, 14px)
}

.order-support-content .mod_article section {
    padding: 60px 46px;
    transition: .2s
}

.order-support-content .returns section.top {
    background: url("../images/returns-visual.jpeg") no-repeat center 37%;
    background-size: cover;
    color: #fff;
    padding-top: 80px;
    padding-bottom: 80px
}

.order-support-content section.top {
    position: relative
}

.order-support-content .top .breadcrumb {
    position: absolute;
    top: 0;
    color: #fff;
    font-size: var(--f-xs, 12px);
    text-shadow: 0 2px rgba(0, 0, 0, .5);
    line-height: 2em
}

.order-support-content .breadcrumb {
    background-color: transparent;
    font-family: var(--font-body);
    color: #000;
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none
}

.order-support-content .top .breadcrumb a:after,
.order-support-content .top .breadcrumb a:not(.breadcrumb-last):not(.breadcrumb-relax):after {
    top: 4px
}

.order-support-content .breadcrumb a:not(.breadcrumb-last):not(.breadcrumb-relax):after {
    font-family: JBL, sans-serif;
    font-size: var(--f-2xs, 10px);
    bottom: 0;
    content: "K";
    line-height: 1.9em;
    position: absolute;
    right: -13px;
    top: 7px
}

.order-support-content .mod_article a {
    cursor: pointer;
    font-family: inherit;
    font-weight: inherit
}

.order-support-content .breadcrumb a {
    color: #fff;
    display: inline-block;
    line-height: 2em;
    margin-right: 16px;
    position: relative;
    text-decoration: none
}

@media (min-width:980px) {
    .order-support-content br.mbreak {
        display: none
    }
}

.order-support-content .returns section.top h1,
.order-support-content .returns section.top h2 {
    text-shadow: 0 2px rgba(0, 0, 0, .5);
    text-align: center
}

.order-support-content .returns .top h1 {
    margin-bottom: 0;
    text-transform: uppercase
}

.order-support-content section.form {
    background: linear-gradient(90deg, #f1f3f5 0, #f2f5f1)
}

.order-support-content .returns section.top+section {
    padding-top: 40px;
    padding-bottom: 40px
}

.order-support-content .mod_article form {
    overflow: hidden;
    padding-bottom: 40px
}

.order-support-content section.form form {
    margin-bottom: 0
}

.order-support-content .midwidth {
    width: 100%;
    max-width: 800px;
    margin: 0 auto
}

.order-support-content section.form form h2 {
    margin-bottom: 60px;
    text-align: center
}

.order-support-content .mod_article form>.segment,
.order-support-content .mod_article form>h2,
.order-support-content .mod_article form>h3,
.order-support-content .mod_article form>p {
    margin-left: 1%
}

.order-support-content .mod_article form .segment>* {
    width: 100%
}

.order-support-content .mod_article form .segment {
    position: relative;
    margin: 0 1% 20px
}

@media (min-width:980px) {
    .order-support-content .mod_article form .segment {
        width: 48%;
        float: left
    }
    .order-support-content .mod_article form .segment.large {
        float: none;
        width: 98%;
        clear: both
    }
}

.order-support-content .mod_article form .segment label {
    color: #7c7e81;
    margin-bottom: 5px;
    pointer-events: none;
    font-weight: 700
}

.order-support-content .mod_article label {
    font-family: var(--font-body), HelveticaNeueW01-75Bold, Helvetica, sans-serif;
    font-weight: 700
}

.order-support-content .mod_article form .segment .chosen-default,
.order-support-content .mod_article form .segment .chosen-single,
.order-support-content .mod_article form .segment input[type=email],
.order-support-content .mod_article form .segment input[type=file],
.order-support-content .mod_article form .segment input[type=number],
.order-support-content .mod_article form .segment input[type=text],
.order-support-content .mod_article form .segment select,
.order-support-content .mod_article form .segment textarea {
    border-radius: 3px;
    padding: 6px 10px;
    border: 2px solid #ddd;
    background: #fcfcfc;
    transition: .2s;
    height: 40px;
    border-width: 0 0 2px
}

.order-support-content .button,
.order-support-content .submit {
    display: inline-block;
    padding: 6px 10px;
    border-radius: 3px;
    cursor: pointer;
    background: #f30;
    color: #fff;
    transition: .2s;
    text-align: center;
    text-decoration: none;
    border: 2px solid #f30;
    font-family: var(--font-body), HelveticaNeueW01-75Bold, Helvetica, sans-serif;
    font-weight: 700
}

.order-support-content .button:active,
.order-support-content .button:focus,
.order-support-content .button:hover,
.order-support-content .submit:active,
.order-support-content .submit:focus,
.order-support-content .submit:hover {
    outline: 0;
    color: #f30;
    background-color: #fff;
    border: 2px solid #f30
}

.order-support-content .mod_article form .segment .button {
    width: auto;
    padding: 10px 20px
}

.order-support-content .mod_article form .segment .chosen-default:focus,
.order-support-content .mod_article form .segment .chosen-single:focus,
.order-support-content .mod_article form .segment input[type=email]:focus,
.order-support-content .mod_article form .segment input[type=file]:focus,
.order-support-content .mod_article form .segment input[type=number]:focus,
.order-support-content .mod_article form .segment input[type=text]:focus,
.order-support-content .mod_article form .segment select:focus,
.order-support-content .mod_article form .segment textarea:focus {
    border-color: #f30;
    outline: 0
}

.order-support-content section.navigation {
    position: relative;
    background: #dae0e3 url("../images/visual08b.jpeg") 50% no-repeat;
    background-size: 100%;
    color: #35383a;
    border-top: 1px solid #ddd;
    padding-bottom: 40px
}

@media (max-width:980px) {
    .order-support-content section.navigation {
        background: linear-gradient(270deg, #dae0e3 0, #dce3da);
        background-size: cover
    }
}

.order-support-content section.navigation ul {
    max-width: 1140px;
    padding-bottom: 10px;
    margin: 0 auto;
    overflow: hidden
}

@media (min-width:980px) {
    .order-support-content section.navigation ul {
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width:980px) {
    .order-support-content section.navigation ul li {
        -ms-flex: 1;
        flex: 1
    }
    .order-support-content section.navigation li {
        float: left;
        width: 25%
    }
}

@media (min-width:640px) {
    .order-support-content section.navigation li {
        float: left;
        width: 50%
    }
}

.order-support-content section.navigation ul a.active,
.order-support-content section.navigation ul a.f-active {
    background: hsla(0, 0%, 96%, .92)
}

@media (min-width:980px) {
    .order-support-content section.navigation ul li a {
        height: 100%
    }
}

.order-support-content section.navigation ul a {
    display: block;
    cursor: pointer;
    text-align: center;
    transition: .2s;
    color: #f30;
    min-height: 200px;
    position: relative;
    border-radius: 3px;
    overflow: hidden;
    background: hsla(0, 0%, 100%, .92);
    margin: 0 10px 20px
}

@media (max-width:980px) {
    .order-support-content section.navigation ul a {
        min-height: 0
    }
}

.order-support-content section.navigation .visual {
    width: 128px;
    height: 128px;
    margin: 40px auto 10px;
    display: block;
    background: url("../images/icon-navigation-sprite.png") no-repeat;
    background-size: auto 200%;
    position: relative
}

@media (max-width:980px) {
    .order-support-content section.navigation .visual {
        float: left;
        margin: 15px;
        width: 68px;
        height: 68px
    }
}

.order-support-content section.navigation ul a.active .visual:after,
.order-support-content section.navigation ul a.f-active .visual:after {
    opacity: 1
}

.order-support-content section.navigation .visual:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url("../images/icon-navigation-sprite.png") no-repeat;
    background-size: auto 200%;
    background-position: 0 bottom;
    content: " ";
    opacity: 0;
    transition: .2s
}

.order-support-content section.navigation ul a .copy {
    position: relative;
    padding: 20px 10px 40px;
    display: inline-block;
    background: rgba(225, 102, 0, 0)
}

@media (max-width:980px) {
    .order-support-content section.navigation ul a .copy {
        padding: 40px 10px;
        max-width: calc(100% - 98px);
        float: left;
        text-align: left
    }
}

.order-support-content section.navigation ul .copy {
    color: #35383a;
    font-size: var(--f-m, 16px);
    text-transform: uppercase
}

.order-support-content section.navigation .copy {
    font-family: var(--font-headline), sans-serif;
    font-weight: 700
}

.order-support-content section.navigation ul a .copy .gt {
    color: #f30;
    line-height: 1.4;
    vertical-align: text-bottom
}

.order-support-content section.navigation ul a .copy:after {
    content: " ";
    background: #f30;
    width: var(--pasive, 0);
    position: absolute;
    bottom: 20px;
    height: 2px;
    left: 50%;
    transform: translateX(-50%);
    transition: .2s
}

.order-support-content section.navigation ul a.active .copy:after,
.order-support-content section.navigation ul a.f-active .copy:after {
    width: 100%;
    width: calc(100% - 10px)
}

.order-support-content section.navigation li.product .visual {
    background-position: 16.6667% 0
}

.order-support-content section.navigation li.randw .visual {
    background-position: 33.3333% 0
}

.order-support-content section.navigation li.knowledgebase .visual {
    background-position: 66.6667% 0
}

.order-support-content section.navigation ul a.active,
.order-support-content section.navigation ul a:hover {
    box-shadow: 0 6px 6px rgba(0, 0, 0, .7), 0 3px 3px rgba(0, 0, 0, .1)
}

.order-support-content section.navigation ul a:hover {
    background: hsla(0, 0%, 96%, .92)
}

.order-support-content section.contact {
    border-top: 1px solid #ddd;
    background: linear-gradient(90deg, #f1f3f5 0, #f2f5f1);
    color: inherit
}

.order-support-content section.contact h2 {
    text-align: center;
    font-weight: 100;
    margin: 0 0 30px
}

@media (min-width:980px) {
    .order-support-content section.contact .blocks {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -10px
    }
}

.order-support-content section.contact .block {
    text-align: center;
    background: #fff;
    padding: 30px 20px 20px;
    border-radius: 3px;
    border: 0;
    margin: 0 0 20px;
    transition: .2s
}

@media (min-width:980px) {
    .order-support-content section.contact .block {
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        margin: 0 10px 20px;
        width: 30%
    }
}

.order-support-content section.contact .visualicon {
    text-align: center;
    margin-bottom: 20px;
    display: inline-block
}

.order-support-content section.contact .info {
    max-width: 380px;
    margin: 0 auto
}

.order-support-content section.contact h3 {
    font-size: var(--f-l, 18px);
    text-align: center;
    vertical-align: middle;
    color: grey;
    margin-bottom: 20px
}

.order-support-content section.contact h4 {
    font-size: var(--f-s, 14px);
    min-height: 1.4em;
    height: auto
}

.order-support-content .nobreaks {
    display: inline-block
}

.order-support-content .mod_article a.link-telephone {
    text-decoration: none
}

.order-support-content section.contact .support-call-open,
.order-support-content section.contact .support-chat-open,
.order-support-content section.contact hr {
    display: none
}

.order-support-content section.contact .visualicon img {
    width: 100px;
    max-width: 100%
}

@media (max-width:600px) {
    .order-support-content .mod_article section {
        padding: 40px 20px
    }
}

.cat-seo-container {
    padding-left: var(--pdp-sideOffset);
    padding-right: var(--pdp-sideOffset);
    max-width: 1400px;
    margin-bottom: 3.125rem
}

.cat-seo-container h2 {
    margin: 1.25rem 0;
    text-align: left;
    font-size: 1.375rem;
    font-weight: 700
}

@media (min-width:1024px) {
    .cat-seo-container h2 {
        font-size: 1.75rem
    }
}

.cat-seo-container h2:after {
    content: " ";
    height: .25rem;
    background: #fa4616;
    width: 6.875rem;
    max-width: 100%;
    display: block;
    margin: 1.25rem 0 0
}

.cat-seo-container a {
    color: #fa4616;
    font-weight: 700
}

.cat-seo-container p {
    margin: 0 0 .625rem;
    margin-bottom: 1.4em
}

.cat-seo-container .cat-seo-more {
    color: #fa4616;
    text-decoration: underline;
    font-weight: 700;
    display: inline-block;
    cursor: pointer
}

.cat-seo-container .cat-seo-more:hover {
    text-decoration: none
}

.cat-seo-container .cat-seo-body {
    display: none
}

.compare-bar-wrapper {
    border: 1px solid #141414;
    display: none;
    width: 100%;
    z-index: 1;
    background-color: rgba(0, 0, 0, .65)
}

.compare-bar-wrapper .product-slots {
    height: 6.25em
}

.compare-bar-wrapper .slot {
    background-color: #333;
    height: 5em;
    margin: 0 auto;
    position: relative;
    width: 6.788em;
    border-radius: 3px
}

.compare-bar-wrapper .slot:not([data-pid]) {
    border: 1px dashed #ccc
}

.compare-bar-wrapper .slot img {
    float: left;
    height: 100%;
    position: static;
    border-radius: 3px 0 0 3px
}

.compare-bar-wrapper .slot i {
    color: #333;
    float: left;
    font-size: 1rem;
    position: relative;
    top: 50%;
    transform: translate(65%, -50%)
}

.compare-bar-wrapper .slot .close {
    background-color: #e3e3e3;
    height: 100%;
    width: 25%;
    border-radius: 0 3px 3px 0;
    opacity: 1
}

.compare-bar-wrapper .slot .action {
    text-align: center
}

.compare-bar-wrapper .clear-all {
    color: #e3e3e3
}

.compare-bar-wrapper .min-products-msg {
    color: #fff;
    font-size: .75em;
    line-height: 1.375rem;
    padding: .438rem
}

.product-comparison .back-to-results {
    margin: 1em 0
}

.product-comparison .product-header>.col {
    padding: 0
}

.product-tile .tile-body .compare {
    font-size: .875em
}

.table-striped-column td:nth-of-type(odd) {
    background-color: #e3e3e3
}

.compare-feature .info-icon {
    display: inline-block;
    vertical-align: middle;
    width: .875rem;
    height: .875rem;
    border-radius: 50%;
    line-height: .75rem;
    margin-left: .25rem;
    background-color: #7b7b7b
}

.compare-feature .info-icon .icon {
    width: auto;
    color: #fff;
    font-size: .625rem;
    margin-top: 2px
}

.compare-feature .info-icon .tooltip:after {
    bottom: -8px
}

@media (min-width:768px) {
    .compare-feature .info-icon .tooltip {
        transform: translate(20px, 50%)
    }
    .compare-feature .info-icon .tooltip:after {
        left: 0;
        transform: rotate(90deg);
        top: calc(50% - 3px)
    }
}

.compare {
    margin: 8px 0
}

.compare-products-form {
    padding: 10px 0 0
}

.compare-products-form.page {
    display: none
}

.device-width {
    max-width: 375px;
    margin: 0 auto
}

.compare-item-name {
    display: inline-block;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    letter-spacing: 0;
    line-height: 22px;
    color: #333;
    font-family: var(--font-headline);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 150px
}

.compare-bar-wrapper {
    background-color: var(--c-canvas);
    box-shadow: none;
    border: thin solid var(--c-em-3xlow);
    z-index: 3;
    bottom: 0;
    right: var(--side-offset, 16px);
    width: 375px;
    left: auto;
    margin: 0 0 0 auto;
    border-radius: 6px 6px 0 0;
    padding: 0;
    position: fixed
}

.compare-bar-wrapper:has(.compare-qty-headline.-expanded) {
    z-index: 1001
}

@media (max-width:460px) {
    .compare-bar-wrapper {
        width: 100%;
        left: 0;
        right: 0;
        position: sticky
    }
}

.compare-bar-wrapper .compare-qty-headline {
    color: var(--c-em-full);
    padding: 16px 48px 12px 16px;
    text-align: left;
    font-size: 24px;
    line-height: var(--f-h-lh);
    display: block;
    cursor: pointer;
    position: relative
}

.compare-bar-wrapper .compare-qty-headline:before {
    font-family: var(--font-icon);
    content: "expand_more";
    font-size: 21px;
    padding-left: 0;
    line-height: 1em;
    transform: translateY(3px);
    display: inline-block;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%)
}

.compare-bar-wrapper .compare-qty-headline:has(+.compare-products-form [name*=pid]):after {
    font-family: var(--font-body);
    content: " ";
    font-size: 14px;
    color: var(--c-button-copy);
    background-color: var(--c-button);
    padding: 3px 5px 2px;
    transform: translateY(-3px);
    display: inline-block
}

.compare-bar-wrapper .compare-qty-headline:has(+.compare-products-form [name=pid0]):after {
    content: "1"
}

.compare-bar-wrapper .compare-qty-headline:has(+.compare-products-form [name=pid1]):after {
    content: "2"
}

.compare-bar-wrapper .compare-qty-headline:has(+.compare-products-form [name=pid2]):after {
    content: "3"
}

.compare-bar-wrapper .compare-qty-headline+.compare-products-form {
    display: none
}

.compare-bar-wrapper .compare-qty-headline.-expanded:before {
    content: "expand_less"
}

.compare-bar-wrapper .compare-qty-headline.-expanded+.compare-products-form {
    display: block
}

.compare-bar-wrapper .compare-products-form {
    padding: 0 16px 16px
}

.compare-bar-wrapper .compare-products-form .compare-qty-txt {
    color: var(--c-em-full);
    font-family: var(--font-body);
    font-size: var(--f-m);
    font-weight: 500;
    text-wrap: pretty
}

@media (min-width:1200px) {
    .compare-bar-wrapper .compare-products-form .compare-qty-txt.-m {
        display: none
    }
}

@media (max-width:1199.98px) {
    .compare-bar-wrapper .compare-products-form .compare-qty-txt.-m+.compare-qty-txt {
        display: none
    }
}

.compare-bar-wrapper .compare-item-cancel a {
    --skin-link-color-2: var(--c-accent);
    color: var(--c-accent);
    font-family: var(--font-body);
    font-size: var(--f-m);
    text-underline-offset: 2px
}

.compare-bar-wrapper .compare-item-cancel a:hover {
    --skin-link-color-2: var(--c-em-full) !important;
    color: var(--c-em-full) !important
}

.compare-bar-wrapper .compare-item-cancel .compare-items-btn {
    padding: var(--button-padding);
    font-size: var(--f-m);
    font-weight: 500
}

.compare-bar-wrapper .selected-product {
    min-width: 100%;
    max-width: 100%;
    padding: 0
}

.compare-bar-wrapper .product-slots {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    margin: 16px 0;
    gap: 8px;
    padding: 0
}

@media (min-width:1024px) {
    .compare-bar-wrapper .product-slots {
        margin: 16px 0;
        height: auto
    }
}

.compare-bar-wrapper .product-slots .selected-product:nth-of-type(n+4) {
    display: none
}

@media (max-width:767.98px) {
    .compare-bar-wrapper .product-slots .selected-product:nth-of-type(n+3) {
        display: none
    }
}

.compare-bar-wrapper .slot {
    background-color: var(--c-canvas-full);
    border-radius: 6px;
    padding: 0 8px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 64px 1fr 16px;
    grid-template-columns: 64px 1fr 16px;
    column-gap: 4px;
    width: unset;
    margin: 0;
    height: auto
}

.compare-bar-wrapper .slot .compare-item-name {
    font-family: var(--font-body);
    color: var(--c-em-full);
    text-align: left;
    font-weight: 500;
    font-size: var(--f-s);
    line-height: 1.3;
    text-wrap: pretty;
    align-self: center;
    padding: 0;
    white-space: normal;
    width: 100%;
    -webkit-line-clamp: 2;
    max-height: 36.38px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.compare-bar-wrapper .slot img {
    border: none;
    border-radius: 0;
    height: 64px;
    width: 64px
}

.compare-bar-wrapper .slot:not([data-pid]) {
    display: none
}

.compare-bar-wrapper .slot .close {
    position: absolute;
    top: 5px;
    right: 5px;
    height: 25px;
    width: 25px;
    border-radius: 100%;
    cursor: pointer;
    background-color: transparent;
    box-shadow: 0 0 0 1px #fff
}

.compare-bar-wrapper .slot .close:focus,
.compare-bar-wrapper .slot .close:hover {
    box-shadow: 0 0 0 3px #fff
}

.compare-bar-wrapper .slot .close .compare-bucket-close:before {
    width: 25px;
    content: " ";
    background-image: url("../images/compare-bucket_close-icon.png");
    height: 25px;
    display: block;
    background-size: contain;
    opacity: .75
}

.compare-bar-wrapper .compare-item-cancel {
    margin: 0;
    height: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 16px
}

.compare-bar-wrapper .compare-item-cancel>* {
    -ms-flex: 1;
    flex: 1
}

.compare-bucket-close-page {
    right: 20px;
    top: 1px;
    z-index: 2;
    position: absolute;
    display: none
}

.compare-bucket-close-page:before {
    width: 25px;
    content: " ";
    background-image: url("../images/compare-bucket_close-icon.png");
    height: 25px;
    display: block;
    background-size: contain
}

.compare-item-cancel {
    margin-top: 0;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width:767.98px) {
    .compare-item-cancel {
        margin-top: -10px
    }
}

.compare-item-cancel .compare-qty-txt {
    padding: 15px 0;
    margin-top: -40px
}

@media (max-width:768px) {
    .compare-item-cancel .compare-qty-txt {
        padding: 0;
        margin-top: 0;
        display: none !important
    }
}

@media (max-width:1024px) {
    .compare-item-cancel .compare-qty-txt {
        padding: 0;
        margin-top: 20px
    }
}

@media (max-width:767.98px) {
    .compare-item-cancel .compare-items-btn {
        padding-top: 0;
        padding-bottom: 0
    }
    .compare-item-cancel .compare.compare-items-btn {
        padding-top: 5px;
        font-size: var(--f-xs, 13px)
    }
}

@media (min-width:768px) {
    .compare-item-cancel .compare-qty {
        margin: 10px auto
    }
}

.compare-item-cancel * {
    margin: 0 auto
}

.compare-item-cancel a {
    color: #fa4616 !important;
    font-size: var(--f-s, 14px);
    font-weight: 500;
    letter-spacing: 0;
    line-height: 35px;
    text-decoration: underline;
    font-family: var(--font-headline)
}

.compare-item-cancel span {
    font-family: var(--font-headline);
    font-weight: 700
}

.compare-wrapper {
    font-family: var(--font-headline);
    margin-bottom: 35px
}

.compare-wrapper .container-narrow {
    max-width: 100%;
    border-bottom: 1px solid #b8b8b8
}

@media (max-width:1023.98px) {
    .compare-wrapper .container-narrow {
        max-width: calc(100% - 30px)
    }
}

.compare-wrapper .container-narrow .breadcrumb-item:not(.none) a {
    text-decoration: underline
}

.compare-wrapper .container-narrow .breadcrumb-item:not(.none):after {
    content: "/ ";
    margin-right: 5px;
    margin-left: 5px;
    color: #fa4616 !important
}

.compare-wrapper .container-narrow .breadcrumb-item.none {
    text-decoration: none;
    margin-left: -.7rem;
    padding: 0
}

.compare-wrapper .container-narrow .breadcrumb-item.none a {
    text-decoration: none
}

.compare-wrapper .container-narrow .breadcrumb-item.none:before {
    content: ""
}

.compare-wrapper .go-back-cat-page {
    font-size: var(--f-s, .875rem);
    line-height: 18/14;
    font-weight: 300;
    padding: 20px 0 0 20px;
    cursor: pointer;
    text-decoration: underline
}

@media (min-width:768px) {
    .compare-wrapper .go-back-cat-page {
        font-size: var(--f-m, 1rem)
    }
}

@media (min-width:1024px) {
    .compare-wrapper .go-back-cat-page {
        font-size: var(--f-l, 1.125rem)
    }
}

.compare-wrapper .header-compare-mesage {
    font-size: 1.5rem;
    line-height: 44/36;
    margin: 22px 0 30px;
    color: #000
}

@media (min-width:768px) {
    .compare-wrapper .header-compare-mesage {
        font-size: 1.875rem
    }
}

@media (min-width:1024px) {
    .compare-wrapper .header-compare-mesage {
        font-size: 2.25rem
    }
}

.compare-wrapper .checkboxandclearbtn,
.compare-wrapper .checkboxandclearbtn .checkbox {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.compare-wrapper .checkboxandclearbtn .checkbox {
    max-width: 700px;
    width: 100%
}

@media screen and (max-width:768px) {
    .compare-wrapper .checkboxandclearbtn {
        -ms-flex-direction: column;
        flex-direction: column
    }
    .compare-wrapper .checkboxandclearbtn .text-right {
        text-align: center !important
    }
}

.compare-wrapper .compare-filters .filters {
    border-top: 1px solid #b8b8b8;
    border-bottom: 1px solid #b8b8b8;
    padding: 16px 0 12px
}

.compare-wrapper .compare-filters .filters .filter button {
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    text-align: left
}

.compare-wrapper .compare-filters .filters .filter button .fa-square-o {
    font-size: var(--f-m, 1rem)
}

.compare-wrapper .compare-filters .filters .filter button .check-checkbox {
    font-size: var(--f-m, 1rem);
    position: absolute;
    top: -.2rem
}

.compare-wrapper .compare-filters .filters .filter button .check-checkbox img {
    max-width: 1rem;
    max-height: .75rem
}

.compare-wrapper .compare-filters .filters .filter button span {
    padding-left: 5px;
    text-transform: uppercase
}

.compare-wrapper .compare-filters .filters .filter .col.pdt-txt button,
.compare-wrapper .compare-filters .filters .filter .col.qty-txt button,
.compare-wrapper .compare-filters .filters .filter .col.unt-txt button {
    font-weight: unset
}

@media (max-width:1023.98px) {
    .compare-wrapper .compare-filters .filters .filter .col.pdt-txt,
    .compare-wrapper .compare-filters .filters .filter .col.qty-txt,
    .compare-wrapper .compare-filters .filters .filter .col.unt-txt {
        padding-left: 0;
        padding-right: 0
    }
    .compare-wrapper .compare-filters .filters .filter .col.pdt-txt span,
    .compare-wrapper .compare-filters .filters .filter .col.qty-txt span,
    .compare-wrapper .compare-filters .filters .filter .col.unt-txt span {
        font-size: var(--f-xs, 12px)
    }
}

.compare-wrapper .compare-filters .filters .text-center {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.compare-wrapper .compare-filters .filters .backToCatergory,
.compare-wrapper .compare-filters .filters .clearFilter {
    color: #fa4616;
    font-weight: 500;
    text-decoration: underline
}

@media (max-width:1023.98px) {
    .compare-wrapper .compare-filters .filters .backToCatergory span,
    .compare-wrapper .compare-filters .filters .clearFilter span {
        font-size: var(--f-xs, 12px)
    }
}

.compare-wrapper .compare-product {
    height: 100%
}

.compare-wrapper .compare-products .jbl-swatch:not(.selected):hover {
    border: 0;
    border-radius: 20px
}

.compare-wrapper .compare-products .price,
.compare-wrapper .compare-products .product-name {
    color: #333;
    font-size: var(--f-m, 1rem);
    line-height: 22px;
    padding: 23px 0 14px
}

.compare-wrapper .compare-products .product-name {
    font-weight: 500
}

.compare-wrapper .compare-products .price {
    color: #fa4616;
    font-size: var(--f-l, 18px)
}

.compare-wrapper .compare-products .price .sales {
    font-weight: 300
}

.compare-wrapper .compare-products .tile-body-footer .compare {
    display: none
}

.compare-wrapper .product-tile {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    border: none
}

.compare-wrapper .product-tile .image-container {
    width: 100%;
    height: 100%;
    max-width: 120px;
    max-height: 120px;
    margin: 0 auto;
    background: transparent;
    padding: 0
}

.compare-wrapper .product-tile .image-container .wishlistTile {
    display: none
}

.compare-wrapper .product-tile .tile-body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.compare-wrapper .product-tile .tile-body .tile-ratings {
    margin-bottom: .625rem
}

.compare-wrapper .product-tile .learn-more-link {
    margin-top: auto;
    display: block;
    text-align: center
}

.compare-wrapper .product-tile .learn-more-link .link {
    padding-top: 14px;
    width: 100%;
    border-radius: 50rem
}

.compare-wrapper .product-tile .btn-add-to-cart {
    margin-top: 10px;
    display: block;
    text-align: center
}

.compare-wrapper .product-tile .btn-add-to-cart .add-to-cart {
    padding-top: 14px;
    width: 100%;
    border-radius: 50rem
}

.compare-wrapper .compare-products [data-column=compare-column-0],
.compare-wrapper .compare-row [data-column=compare-column-0] {
    -ms-flex-order: 0;
    order: 0
}

.compare-wrapper .compare-products [data-column=compare-column-1],
.compare-wrapper .compare-row [data-column=compare-column-1] {
    -ms-flex-order: 1;
    order: 1
}

.compare-wrapper .compare-products [data-column=compare-column-2],
.compare-wrapper .compare-row [data-column=compare-column-2] {
    -ms-flex-order: 2;
    order: 2
}

.compare-wrapper .compare-products [data-column=compare-column-3],
.compare-wrapper .compare-row [data-column=compare-column-3] {
    -ms-flex-order: 3;
    order: 3
}

@media (max-width:1023.98px) {
    .compare-wrapper .compare-products .btn-add-to-cart .btn,
    .compare-wrapper .compare-products .learn-more-link .btn,
    .compare-wrapper .compare-row .btn-add-to-cart .btn,
    .compare-wrapper .compare-row .learn-more-link .btn {
        padding-left: 5px;
        padding-right: 5px
    }
}

.compare-wrapper .compare-products .color-swatches,
.compare-wrapper .compare-row .color-swatches {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 0;
    background: transparent
}

.compare-wrapper .compare-products .color-swatches .swatches,
.compare-wrapper .compare-row .color-swatches .swatches {
    -ms-flex-pack: center;
    justify-content: center
}

.compare-wrapper .compare-row:before {
    pointer-events: none;
    position: absolute;
    content: " ";
    top: var(--spacing-2xs);
    bottom: var(--spacing-2xs);
    left: 0;
    right: 100%;
    border-radius: 24px;
    background-color: #0000;
    transition: background-color .2s ease-in-out, right .4s ease-in-out;
    z-index: -1;
    width: 100%
}

.compare-filters .filters .filter button[data-state=unchecked] .check-checkbox {
    display: none
}

.compare-feature .toggler {
    color: #000;
    font-size: var(--f-m, 16px);
    font-weight: 500;
    letter-spacing: 0;
    line-height: 30px;
    padding: 8px 0;
    margin-bottom: 0;
    background-color: #f8f8f8;
    text-align: center
}

.compare-feature .compare-row {
    position: relative;
    z-index: 0
}

.compare-feature .compare-row.row {
    margin-left: 0;
    margin-right: 0
}

.compare-feature .compare-row .compare-label {
    color: #333;
    font-size: var(--f-s, .875rem);
    line-height: 22px;
    font-weight: lighter;
    text-align: center;
    padding: 13px 0;
    border-bottom: 1px solid #b8b8b8
}

.compare-feature .compare-row .values {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: 13px 0;
    border-bottom: 1px solid #b8b8b8
}

.compare-feature .compare-row .values .compare-row-value {
    text-align: center
}

.compare-feature .compare-unit .compare-row:first-child .values,
.compare-feature .compare-unit .compare-row:last-child .values {
    border: none
}

.compare-feature .angle-down {
    display: inline-block;
    margin-left: 30px;
    vertical-align: middle;
    transition: .2s
}

.compare-feature .icon-checkmark-compare {
    color: #fa4616
}

.compare-feature .icon-checkmark-compare .fa-check {
    transform: scale(1.5)
}

.highlight-differences .compare-row:not([data-similar]):not(.js-highlight-off):before {
    right: 0;
    background-color: #fff0004d
}

.show-differences .compare-row[data-similar]:not(.js-highlight-off),
.show-differences .compare-unit:not(:has(.compare-row:not([data-similar]:not(.js-highlight-off)))) {
    display: none
}

@media (min-width:768px) {
    .compare-item-cancel {
        height: 80px;
        margin-top: 10px
    }
    .compare-products-form {
        padding: 20px 35px
    }
    .device-width {
        max-width: 768px;
        margin: 0 auto
    }
    .compare-wrapper .compare-products {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    .compare-wrapper .compare-products .color-swatches {
        background-color: #fff
    }
    .compare-wrapper .compare-product-top {
        padding-left: 20px
    }
    .compare-wrapper .product-tile {
        width: auto;
        margin: 0 auto
    }
    .compare-wrapper .product-tile .image-container {
        max-width: 120px;
        max-height: 120px
    }
    .compare-feature .toggler {
        font-size: var(--f-l, 18px);
        padding: 13px 0 13px 20px;
        margin-bottom: 0;
        text-align: left;
        cursor: pointer
    }
    .compare-feature .toggler.collapsed .angle-down {
        transform: rotate(-90deg)
    }
    .compare-feature .compare-row {
        padding: 13px 0 13px 20px;
        border-bottom: 1px solid #b8b8b8
    }
    .compare-feature .compare-row.row {
        margin: 0
    }
    .compare-feature .compare-row .compare-label {
        border-bottom: none;
        text-align: left
    }
    .compare-feature .compare-row .values {
        display: -ms-flexbox;
        display: flex;
        border-bottom: none
    }
}

@media (min-width:1024px) {
    .compare-products-form,
    .compare-products-form .selected-product {
        padding: 0
    }
    .center-class {
        -ms-flex-align: center;
        align-items: center
    }
    .compare-item-cancel {
        margin-top: 20px;
        height: auto
    }
    .compare-item-cancel .clear-all {
        margin-top: 0
    }
    .device-width {
        max-width: 1024px;
        margin: 0 auto
    }
    .compare-wrapper .go-back-cat-page {
        padding: 50px 0 0 113px
    }
    .compare-wrapper .header-compare-mesage {
        margin: 38px 0 40px
    }
    .compare-wrapper .compare-products .price,
    .compare-wrapper .compare-products .product-name {
        padding: 24px 0 18px
    }
    .compare-wrapper .compare-products .price {
        padding: 0
    }
    .compare-wrapper .compare-products .color-swatches {
        width: 220px;
        margin: auto;
        border-bottom: none
    }
    .compare-wrapper .compare-products .color-swatches .jbl-swatch {
        margin: 8px;
        height: 24px;
        width: 24px
    }
    .compare-wrapper .compare-products[data-itemproduct=four] .color-swatches {
        width: auto
    }
    .compare-wrapper .compare-products[data-itemproduct=four] .color-swatches .jbl-swatch {
        height: 22px;
        width: 22px
    }
    .compare-wrapper .compare-products[data-itemproduct=two] .btn-add-to-cart .add-to-cart,
    .compare-wrapper .compare-products[data-itemproduct=two] .btn-add-to-cart .link,
    .compare-wrapper .compare-products[data-itemproduct=two] .learn-more-link .add-to-cart,
    .compare-wrapper .compare-products[data-itemproduct=two] .learn-more-link .link {
        width: 70%
    }
    .compare-wrapper .product-tile .image-container {
        max-width: 160px;
        max-height: 160px
    }
}

@media (min-width:1200px) {
    .compare-feature .toggler {
        padding: 13px 0 13px 118px
    }
    .compare-feature .compare-row {
        padding: 0 0 0 118px
    }
    .compare-wrapper .compare-product-top {
        padding-left: 118px
    }
    .compare-wrapper .product-tile .image-container {
        max-width: 180px;
        max-height: 180px
    }
}

.stickyProductBar,
.stickyProductName {
    position: sticky;
    background-color: #fff;
    z-index: 3;
    display: none
}

@media (max-width:1199.98px) {
    .stickyProductBar,
    .stickyProductName {
        margin-top: -20px
    }
}

.stickyProductBar {
    padding-bottom: 5px
}

.contents .content-header {
    background-color: unset
}

#maincontent>.product-detail>.sidebar,
#pdpMain>.sidebar {
    padding: 15px
}

#maincontent>.product-detail>.sidebar .product-details .sidebar-descriptions,
#pdpMain>.sidebar .product-details .sidebar-descriptions {
    margin-bottom: var(--spacing-s)
}

#maincontent>.product-detail>.sidebar .product-details .sidebar-descriptions .short-description,
#pdpMain>.sidebar .product-details .sidebar-descriptions .short-description {
    margin-bottom: 1rem
}

#maincontent>.product-detail>.sidebar .product-details .sidebar-descriptions .short-description p,
#pdpMain>.sidebar .product-details .sidebar-descriptions .short-description p {
    line-height: 1.4;
    font-size: var(--f-m, 16px);
    padding-bottom: 0;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

#maincontent>.product-detail>.sidebar .product-details .sidebar-descriptions .short-description>a,
#maincontent>.product-detail>.sidebar .product-details .sidebar-descriptions .short-description>a:link,
#maincontent>.product-detail>.sidebar .product-details .sidebar-descriptions .short-description>a:visited,
#pdpMain>.sidebar .product-details .sidebar-descriptions .short-description>a,
#pdpMain>.sidebar .product-details .sidebar-descriptions .short-description>a:link,
#pdpMain>.sidebar .product-details .sidebar-descriptions .short-description>a:visited {
    display: none;
    color: var(--c-accent);
    text-decoration: underline;
    text-underline-offset: 4px;
    text-transform: lowercase;
    -webkit-text-decoration-color: var(--c-accent);
    text-decoration-color: var(--c-accent);
    margin-top: var(--spacing-xs)
}

#maincontent>.product-detail>.sidebar .product-details .sidebar-descriptions .short-description>a:hover,
#pdpMain>.sidebar .product-details .sidebar-descriptions .short-description>a:hover {
    color: var(--c-em-full)
}

#maincontent>.product-detail>.sidebar .product-details .sidebar-descriptions .short-description a:first-letter,
#pdpMain>.sidebar .product-details .sidebar-descriptions .short-description a:first-letter {
    text-transform: uppercase
}

#maincontent>.product-detail>.sidebar .product-details .outletlink,
#pdpMain>.sidebar .product-details .outletlink {
    color: var(--c-accent, #fa4616);
    font-weight: 700
}

@media (min-width:1024px) {
    #maincontent>.product-detail>.sidebar .product-details .prices,
    #pdpMain>.sidebar .product-details .prices {
        min-height: 2.8125rem
    }
}

@media (max-width:1023.98px) {
    #maincontent>.product-detail>.sidebar .product-details,
    #pdpMain>.sidebar .product-details {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }
    #maincontent>.product-detail>.sidebar .product-details .variation-attribute,
    #pdpMain>.sidebar .product-details .variation-attribute {
        -ms-flex-order: -1;
        order: -1
    }
    #maincontent>.product-detail>.sidebar .product-details .variation-attribute .pdp-swatches,
    #pdpMain>.sidebar .product-details .variation-attribute .pdp-swatches {
        margin-top: 0
    }
}

#maincontent>.product-detail>.sidebar .product-details .pdp-installments,
#pdpMain>.sidebar .product-details .pdp-installments {
    font-size: 16px;
    line-height: 22px;
    margin-top: 8px
}

@media (min-width:1024px) {
    #maincontent>.product-detail>.sidebar .product-details .pdp-installments,
    #pdpMain>.sidebar .product-details .pdp-installments {
        font-size: 18px;
        line-height: 25px
    }
}

#maincontent>.product-detail .recommendations>div,
#pdpMain .recommendations>div {
    margin: 0
}

#maincontent>.product-detail .largescreen-only,
#pdpMain .largescreen-only {
    display: none
}

@media (min-width:1024px) {
    #maincontent>.product-detail .largescreen-only,
    #pdpMain .largescreen-only {
        display: block
    }
}

#maincontent>.product-detail .smallscreen-only,
#pdpMain .smallscreen-only {
    display: block;
    overflow: hidden
}

#maincontent>.product-detail .smallscreen-only.pdp-media,
#pdpMain .smallscreen-only.pdp-media {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 1rem
}

@media (min-width:1024px) {
    #maincontent>.product-detail .smallscreen-only,
    #pdpMain .smallscreen-only {
        display: none
    }
}

#maincontent>.product-detail .content-header h2,
#pdpMain .content-header h2 {
    text-align: center;
    margin: 1.3em auto;
    font-size: var(--f-3xl, 1.75rem);
    font-weight: 700
}

@media (min-width:1200px) {
    #maincontent>.product-detail .content-header h2,
    #pdpMain .content-header h2 {
        font-size: var(--f-5xl, 2.9375rem)
    }
    #maincontent>.product-detail .content-header h2:after,
    #pdpMain .content-header h2:after {
        width: 160px
    }
}

#maincontent>.product-detail .product-name,
#pdpMain .product-name {
    border: none;
    font-size: var(--f-l, 1.125rem);
    font-weight: 700;
    margin: 0
}

@media (min-width:1024px) {
    #maincontent>.product-detail .product-name,
    #pdpMain .product-name {
        font-size: 48px
    }
}

@media (max-width:1199.98px) {
    #maincontent>.product-detail .product-name,
    #pdpMain .product-name {
        font-family: var(--font-headline);
        font-stretch: condensed;
        font-variation-settings: "wdth" 75;
        font-weight: 700;
        text-wrap: balance;
        text-transform: uppercase;
        line-height: 16px
    }
}

#maincontent>.product-detail .eol-message .-message,
#pdpMain .eol-message .-message {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - (var(--side-offset)*4));
    max-width: 800px;
    background: var(--c-canvas-o);
    padding: var(--side-offset);
    text-align: left;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    border: thin solid var(--c-em-5xlow);
    border-radius: 5px;
    font-family: var(--font-headline);
    font-size: var(--f-2xl);
    text-wrap: balance;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .16)
}

#maincontent>.product-detail .eol,
#pdpMain .eol {
    font-family: var(--font-body);
    font-size: var(--f-m);
    margin-top: 2rem
}

#maincontent>.product-detail .eol h3,
#pdpMain .eol h3 {
    font-size: var(--f-xl)
}

#maincontent>.product-detail .eol .ds-slider,
#pdpMain .eol .ds-slider {
    --spv: 2;
    --sidebarPadding: 15px;
    margin-inline: calc(var(--sidebarPadding) * -1)
}

@media (min-width:1024px) {
    #maincontent>.product-detail .eol .ds-slider,
    #pdpMain .eol .ds-slider {
        --sidebarPadding: 30px
    }
}

@media (max-width:315px) {
    #maincontent>.product-detail .eol .ds-slider,
    #pdpMain .eol .ds-slider {
        --spv: 1
    }
}

@media (min-width:600px) and (max-width:767.98px) {
    #maincontent>.product-detail .eol .ds-slider,
    #pdpMain .eol .ds-slider {
        --spv: 4
    }
}

@media (min-width:768px) and (max-width:1023.98px) {
    #maincontent>.product-detail .eol .ds-slider,
    #pdpMain .eol .ds-slider {
        --spv: 4
    }
}

#maincontent>.product-detail .eol .ds-slider .ds-slider-controls,
#pdpMain .eol .ds-slider .ds-slider-controls {
    padding-inline: var(--sidebarPadding)
}

#maincontent>.product-detail .eol.-related-products .card .card-img,
#pdpMain .eol.-related-products .card .card-img {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

#maincontent>.product-detail .eol.-related-products .card .card-body a,
#maincontent>.product-detail .eol.-related-products .card .card-body p,
#pdpMain .eol.-related-products .card .card-body a,
#pdpMain .eol.-related-products .card .card-body p {
    font-size: var(--f-xs, .75rem)
}

#maincontent>.product-detail .eol.-related-products .card .card-body a,
#pdpMain .eol.-related-products .card .card-body a {
    font-weight: 500;
    color: #fa4616
}

#maincontent>.product-detail .eol.-links,
#pdpMain .eol.-links {
    font-weight: 600
}

#maincontent>.product-detail .eol.-links a,
#pdpMain .eol.-links a {
    color: var(--c-em-high);
    text-decoration: none;
    font-weight: 400;
    font-family: var(--font-body);
    font-size: var(--f-m);
    display: inline-block;
    margin-bottom: var(--spacing-xs)
}

#maincontent>.product-detail .eol.-links a:focus,
#maincontent>.product-detail .eol.-links a:hover,
#pdpMain .eol.-links a:focus,
#pdpMain .eol.-links a:hover {
    text-decoration: underline
}

#maincontent>.product-detail .eol.-links a:after,
#pdpMain .eol.-links a:after {
    color: var(--c-accent)
}

@media (max-width:1199.98px) {
    #maincontent>.product-detail .product-short-description,
    #pdpMain .product-short-description {
        display: none
    }
}

#maincontent>.product-detail .impAttributes img,
#pdpMain .impAttributes img {
    width: 16px;
    margin-right: 8px
}

#maincontent>.product-detail .product-number-rating,
#pdpMain .product-number-rating {
    border: none
}

#maincontent>.product-detail .product-number-rating .custom-stars,
#pdpMain .product-number-rating .custom-stars {
    display: inline-block;
    cursor: pointer
}

#maincontent>.product-detail .product-number-rating .inlineRatings-container,
#pdpMain .product-number-rating .inlineRatings-container {
    display: inline-block;
    position: relative;
    background: #f7f7f7;
    border-radius: .4em;
    margin-left: .3125rem;
    padding: 0 .3125rem
}

#maincontent>.product-detail .product-number-rating .inlineRatings-container:after,
#pdpMain .product-number-rating .inlineRatings-container:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 0;
    height: 0;
    border: .375rem solid transparent;
    border-right-color: #f7f7f7;
    border-left: 0;
    margin-top: -.375rem;
    margin-left: -.3125rem
}

#maincontent>.product-detail .product-number-rating .bv_button_buttonMinimalist,
#maincontent>.product-detail .product-number-rating .inlineRatings-container,
#pdpMain .product-number-rating .bv_button_buttonMinimalist,
#pdpMain .product-number-rating .inlineRatings-container {
    color: #0066b4;
    cursor: pointer
}

#maincontent>.product-detail .product-number-rating .bv_button_buttonMinimalist:hover,
#pdpMain .product-number-rating .bv_button_buttonMinimalist:hover {
    color: var(--c-accent, #f30) !important
}

@media (max-width:1199.98px) {
    #maincontent>.product-detail .product-number-rating .bv_button_buttonMinimalist,
    #pdpMain .product-number-rating .bv_button_buttonMinimalist {
        display: none
    }
}

#maincontent>.product-detail .product-number-rating .fa,
#pdpMain .product-number-rating .fa {
    color: #ffc757
}

#maincontent>.product-detail .product-meta hr,
#pdpMain .product-meta hr {
    display: none
}

#maincontent>.product-detail .product-features.EMEA-features,
#pdpMain .product-features.EMEA-features {
    margin-left: 0;
    margin-bottom: 10px
}

@media (max-width:1023.98px) {
    #maincontent>.product-detail .product-features.EMEA-features,
    #pdpMain .product-features.EMEA-features {
        margin-top: 20px
    }
}

#maincontent>.product-detail .product-features.EMEA-features .fa-plus-circle,
#pdpMain .product-features.EMEA-features .fa-plus-circle {
    color: #148346;
    font-size: var(--f-l, 18px)
}

#maincontent>.product-detail .product-features.EMEA-features li,
#pdpMain .product-features.EMEA-features li {
    padding-left: 26px
}

#maincontent>.product-detail .product-features.personalized-border,
#pdpMain .product-features.personalized-border {
    border-bottom: 1px solid #c4c4c4;
    padding-bottom: 8px
}

@media (max-width:1023.98px) {
    #maincontent>.product-detail .product-features.personalized-border,
    #pdpMain .product-features.personalized-border {
        text-align: center;
        margin-bottom: 15px
    }
}

#maincontent>.product-detail .product-features.personalized-border ul,
#pdpMain .product-features.personalized-border ul {
    padding-bottom: 15px
}

#maincontent>.product-detail .product-features.personalized-border li,
#pdpMain .product-features.personalized-border li {
    margin-bottom: 12px
}

#maincontent>.product-detail .product-features li,
#pdpMain .product-features li {
    position: relative;
    padding-left: var(--spacing-m)
}

#maincontent>.product-detail .product-features li .fa,
#pdpMain .product-features li .fa {
    color: #fa4616;
    position: absolute;
    top: .2rem;
    left: 0
}

#maincontent>.product-detail .prices,
#pdpMain .prices {
    text-align: right;
    padding: 0;
    line-height: 1.2
}

#maincontent>.product-detail .prices .price,
#pdpMain .prices .price {
    font-size: inherit
}

#maincontent>.product-detail .prices .price>*,
#pdpMain .prices .price>* {
    display: block
}

#maincontent>.product-detail .prices .divider,
#maincontent>.product-detail .prices .strike-through,
#pdpMain .prices .divider,
#pdpMain .prices .strike-through {
    font-weight: 300
}

#maincontent>.product-detail .prices .sales,
#pdpMain .prices .sales {
    color: var(--c-pricing, #fa4616);
    font-size: var(--f-l, 1.125rem);
    font-weight: 500;
    font-family: var(--font-headline);
    white-space: nowrap
}

@media (min-width:1024px) {
    #maincontent>.product-detail .prices .sales,
    #pdpMain .prices .sales {
        font-size: 1.875rem
    }
}

@media (max-width:1199.98px) {
    #maincontent>.product-detail .prices .sales,
    #pdpMain .prices .sales {
        white-space: normal
    }
}

#maincontent>.product-detail .prices .non-adjusted-prices,
#pdpMain .prices .non-adjusted-prices {
    display: none
}

#maincontent>.product-detail .prices .included-weee-tax-msg,
#pdpMain .prices .included-weee-tax-msg {
    display: block;
    font-size: var(--f-xs, .75rem)
}

#maincontent>.product-detail .prices del,
#pdpMain .prices del {
    text-decoration: none
}

#maincontent>.product-detail .prices .strike-through,
#pdpMain .prices .strike-through {
    font-size: var(--f-s, .875rem);
    margin: 0;
    white-space: nowrap
}

@media (min-width:1024px) {
    #maincontent>.product-detail .prices .strike-through,
    #pdpMain .prices .strike-through {
        font-size: var(--f-l, 1.125rem)
    }
}

#maincontent>.product-detail .prices .discount-badge,
#pdpMain .prices .discount-badge {
    display: inline-block;
    text-transform: uppercase;
    font-weight: 300;
    color: #fa4616;
    font-size: var(--f-2xs, .625rem);
    border: 1px solid #fa4616;
    padding: 2px 6px;
    background-color: #fff;
    font-size: var(--f-xs, .75rem);
    font-weight: 700
}

@media (min-width:768px) {
    #maincontent>.product-detail .prices .discount-badge,
    #pdpMain .prices .discount-badge {
        font-size: var(--f-xs, .75rem)
    }
}

@media (min-width:1024px) {
    #maincontent>.product-detail .prices .discount-badge,
    #pdpMain .prices .discount-badge {
        font-size: var(--f-s, .875rem)
    }
}

#maincontent>.product-detail .prices .range,
#pdpMain .prices .range {
    display: -ms-flexbox;
    display: flex;
    font-size: var(--f-l, 1.125rem)
}

#maincontent>.product-detail .prices .range>*,
#pdpMain .prices .range>* {
    font-size: inherit !important
}

#maincontent>.product-detail .prices .range .divider,
#pdpMain .prices .range .divider {
    color: #adb5bd;
    margin: 0 .25rem
}

#maincontent>.product-detail .d-price-lg .klarnaPdpMsg,
#pdpMain .d-price-lg .klarnaPdpMsg {
    display: block
}

@media (max-width:1023.98px) {
    #maincontent>.product-detail .d-price-lg .priceValues,
    #maincontent>.product-detail .d-price-lg .recommended-retail-price,
    #pdpMain .d-price-lg .priceValues,
    #pdpMain .d-price-lg .recommended-retail-price {
        display: none
    }
}

#maincontent>.product-detail h2,
#pdpMain h2 {
    margin-top: 1.5rem
}

#maincontent>.product-detail .add-to-cart-container .add-to-cart-global.btn:disabled,
#maincontent>.product-detail .add-to-cart-container .add-to-cart.btn:disabled,
#maincontent>.product-detail .add-to-cart-container .pz-add-to-cart.btn:disabled,
#pdpMain .add-to-cart-container .add-to-cart-global.btn:disabled,
#pdpMain .add-to-cart-container .add-to-cart.btn:disabled,
#pdpMain .add-to-cart-container .pz-add-to-cart.btn:disabled {
    background: #b2b2b2;
    border-color: #b2b2b2;
    opacity: 1
}

#maincontent>.product-detail .product-meta,
#pdpMain .product-meta {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto;
    grid-template-areas: "name price" "rating price" "promotion-timer promotion-timer";
    column-gap: 10px;
    row-gap: 5px;
    margin-bottom: .6875rem
}

#maincontent>.product-detail .product-meta .product-name,
#pdpMain .product-meta .product-name {
    grid-area: name
}

@media (min-width:1024px) {
    #maincontent>.product-detail .product-meta .product-name,
    #pdpMain .product-meta .product-name {
        margin-bottom: 1.25rem
    }
}

#maincontent>.product-detail .product-meta .prices,
#pdpMain .product-meta .prices {
    grid-area: price
}

@media (min-width:1024px) {
    #maincontent>.product-detail .product-meta .prices,
    #pdpMain .product-meta .prices {
        display: none
    }
}

#maincontent>.product-detail .product-meta .prices .promo-sec,
#pdpMain .product-meta .prices .promo-sec {
    display: block;
    margin-top: .25rem
}

#maincontent>.product-detail .product-meta .product-number-rating,
#pdpMain .product-meta .product-number-rating {
    grid-area: rating
}

#maincontent>.product-detail .product-meta .promotion-timer,
#pdpMain .product-meta .promotion-timer {
    grid-area: promotion-timer
}

#maincontent>.product-detail .product-meta .recommended-retail-price,
#pdpMain .product-meta .recommended-retail-price {
    text-align: right;
    margin-right: -4px;
    font-size: var(--f-s, 12px)
}

#maincontent>.product-detail .product-meta .recommended-retail-price .ds-tooltip,
#pdpMain .product-meta .recommended-retail-price .ds-tooltip {
    margin-left: -4px
}

#maincontent>.product-detail .promotion-timer,
#pdpMain .promotion-timer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 5px
}

#maincontent>.product-detail .promotion-timer>span,
#pdpMain .promotion-timer>span {
    white-space: nowrap;
    display: inline-block;
    margin: 5px .5rem 5px 0
}

#maincontent>.product-detail .promotion-timer .live-countdown,
#pdpMain .promotion-timer .live-countdown {
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width:1200px) {
    #maincontent>.product-detail .promotion-timer,
    #pdpMain .promotion-timer {
        margin-bottom: 1rem
    }
    #maincontent>.product-detail .promotion-timer .live-countdown,
    #maincontent>.product-detail .promotion-timer>span,
    #pdpMain .promotion-timer .live-countdown,
    #pdpMain .promotion-timer>span {
        -ms-flex-positive: 0;
        flex-grow: 0
    }
}

#maincontent>.product-detail .multi-vendor-container,
#pdpMain .multi-vendor-container {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 20px
}

#maincontent>.product-detail .multi-vendor-container .vendor-button-container,
#maincontent>.product-detail .multi-vendor-container .vendor-image-container,
#pdpMain .multi-vendor-container .vendor-button-container,
#pdpMain .multi-vendor-container .vendor-image-container {
    margin: 10px;
    max-width: 200px
}

#maincontent>.product-detail .multi-vendor-container .button-vendor,
#pdpMain .multi-vendor-container .button-vendor {
    max-width: 200px;
    border-radius: 0;
    font-size: 14px;
    height: 44px;
    padding: .5rem 1.375rem;
    width: 150px
}

@media (min-width:0px) and (max-width:720px) {
    #maincontent>.product-detail .swatches-panel,
    #pdpMain .swatches-panel {
        position: relative;
        width: 100%;
        overflow: hidden;
        height: 3.5625rem;
        display: -ms-flexbox;
        display: flex
    }
    #maincontent>.product-detail .swatches-panel .btn-swatches,
    #pdpMain .swatches-panel .btn-swatches {
        position: relative;
        padding-top: .3125rem;
        width: 1.375rem;
        height: 100%;
        background: #222;
        color: #fff;
        z-index: 6
    }
    #maincontent>.product-detail .swatches-panel .btn-swatches.swatches-left,
    #pdpMain .swatches-panel .btn-swatches.swatches-left {
        position: absolute;
        display: block;
        min-width: 1.3rem;
        padding-right: 0;
        padding-left: 0;
        left: 0
    }
    #maincontent>.product-detail .swatches-panel .btn-swatches.swatches-right,
    #pdpMain .swatches-panel .btn-swatches.swatches-right {
        position: absolute;
        display: block;
        padding-right: 0;
        padding-left: 0;
        min-width: 1.3rem;
        right: 0
    }
    #maincontent>.product-detail .swatches-panel .pdp-swatches,
    #pdpMain .swatches-panel .pdp-swatches {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
        justify-content: flex-start;
        position: relative;
        padding-top: 1rem;
        margin-bottom: -1rem;
        margin-left: .3125rem;
        overflow-x: scroll;
        padding-left: .3125rem;
        padding-right: .3125rem;
        transition: .3s
    }
    #maincontent>.product-detail .swatches-panel .pdp-swatches>.color-attribute,
    #pdpMain .swatches-panel .pdp-swatches>.color-attribute {
        display: block;
        margin: 0 .3125rem .5rem;
        background-size: cover;
        min-width: 1.8125rem;
        padding: 0;
        width: 28px;
        height: 28px;
        background: #fff;
        border-radius: 14px;
        border: .063em solid rgba(0, 0, 0, .3);
        display: inline-block;
        margin-right: .313em;
        position: relative
    }
    #maincontent>.product-detail .swatches-panel .pdp-swatches>.color-attribute.color-value[data-selected=true]:after,
    #pdpMain .swatches-panel .pdp-swatches>.color-attribute.color-value[data-selected=true]:after {
        color: #000;
        content: "\F058";
        display: table-caption;
        font-family: FontAwesome;
        font-size: 1.625em;
        left: .295em;
        position: absolute
    }
    #maincontent>.product-detail .swatches-panel .pdp-swatches>.color-attribute.color-value.selected:after,
    #pdpMain .swatches-panel .pdp-swatches>.color-attribute.color-value.selected:after {
        background: #fff;
        border-radius: 50%;
        color: #000;
        content: "\F058";
        display: table-caption;
        font-family: FontAwesome;
        font-size: 1.625em;
        height: .75em;
        left: .31em;
        line-height: .8em;
        position: absolute;
        top: .35em;
        width: .8em
    }
    #maincontent>.product-detail .swatches-panel .pdp-swatches>.color-attribute i.fa-times-circle,
    #pdpMain .swatches-panel .pdp-swatches>.color-attribute i.fa-times-circle {
        background: #fff;
        border-radius: 50%;
        height: .75em;
        line-height: .8em;
        width: .8em
    }
    #maincontent>.product-detail .swatches-panel .pdp-swatches>.color-attribute .imgcss,
    #maincontent>.product-detail .swatches-panel .pdp-swatches>.color-attribute img,
    #pdpMain .swatches-panel .pdp-swatches>.color-attribute .imgcss,
    #pdpMain .swatches-panel .pdp-swatches>.color-attribute img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 28px
    }
    #maincontent>.product-detail .swatches-panel .pdp-swatches>.color-attribute.selected,
    #pdpMain .swatches-panel .pdp-swatches>.color-attribute.selected {
        position: relative
    }
    #maincontent>.product-detail .swatches-panel .pdp-swatches>.color-attribute.selected:before,
    #pdpMain .swatches-panel .pdp-swatches>.color-attribute.selected:before {
        content: "";
        display: block;
        border-radius: 36px;
        border: 2px solid #fa4616;
        position: absolute;
        width: 140%;
        height: 140%;
        top: -20%;
        left: -20%
    }
    #maincontent>.product-detail .swatches-panel .pdp-swatches>.color-attribute.unselectable,
    #pdpMain .swatches-panel .pdp-swatches>.color-attribute.unselectable {
        cursor: not-allowed;
        position: relative
    }
    #maincontent>.product-detail .swatches-panel .pdp-swatches>.color-attribute.unselectable img,
    #pdpMain .swatches-panel .pdp-swatches>.color-attribute.unselectable img {
        opacity: .5
    }
    #maincontent>.product-detail .swatches-panel .pdp-swatches>.color-attribute.unselectable:after,
    #pdpMain .swatches-panel .pdp-swatches>.color-attribute.unselectable:after {
        content: "";
        position: absolute;
        width: 36px;
        top: 25px;
        right: -9px;
        border-top: 2px solid #fa4616;
        transform: rotate(-45deg);
        transform-origin: 0 0
    }
}

@media (min-width:0px) and (max-width:720px) and (max-width:1199.98px) {
    #maincontent>.product-detail .swatches-panel .pdp-swatches>.color-attribute,
    #pdpMain .swatches-panel .pdp-swatches>.color-attribute {
        margin: 0 .5rem .5rem
    }
}

@media (min-width:0px) and (max-width:720px) and (max-width:1199.98px) {
    #maincontent>.product-detail .swatches-panel .pdp-swatches,
    #pdpMain .swatches-panel .pdp-swatches {
        overflow-x: auto;
        display: -ms-flexbox;
        display: flex
    }
    #maincontent>.product-detail .swatches-panel .pdp-swatches::-webkit-scrollbar,
    #pdpMain .swatches-panel .pdp-swatches::-webkit-scrollbar {
        width: 0
    }
}

@media screen and (min-width:721px) {
    #maincontent>.product-detail .swatches-panel,
    #pdpMain .swatches-panel {
        position: relative;
        width: 100%;
        overflow: hidden;
        height: 3.5625rem
    }
    #maincontent>.product-detail .swatches-panel .btn-swatches,
    #pdpMain .swatches-panel .btn-swatches {
        position: absolute;
        padding-top: .3125rem;
        width: 1.375rem;
        height: 100%;
        background: #222;
        color: #fff;
        z-index: 9
    }
    #maincontent>.product-detail .swatches-panel .btn-swatches.swatches-left,
    #pdpMain .swatches-panel .btn-swatches.swatches-left {
        position: absolute;
        padding-right: 0;
        padding-left: 0;
        left: 0
    }
    #maincontent>.product-detail .swatches-panel .btn-swatches.swatches-right,
    #pdpMain .swatches-panel .btn-swatches.swatches-right {
        position: absolute;
        padding-right: 0;
        padding-left: 0;
        right: 0
    }
    #maincontent>.product-detail .swatches-panel .pdp-swatches,
    #pdpMain .swatches-panel .pdp-swatches {
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        padding-top: 1rem;
        margin-left: .3125rem;
        transition: .3s
    }
    #maincontent>.product-detail .swatches-panel .pdp-swatches>.color-attribute,
    #pdpMain .swatches-panel .pdp-swatches>.color-attribute {
        display: block;
        margin: 0 .3125rem .5rem;
        background-size: cover;
        width: 28px;
        height: 28px;
        background: #fff;
        border-radius: 14px;
        border: .063em solid rgba(0, 0, 0, .3);
        display: inline-block;
        margin-right: .313em;
        position: relative
    }
    #maincontent>.product-detail .swatches-panel .pdp-swatches>.color-attribute:focus-within,
    #pdpMain .swatches-panel .pdp-swatches>.color-attribute:focus-within {
        outline: 1px solid #000;
        border-radius: 20px
    }
    #maincontent>.product-detail .swatches-panel .pdp-swatches>.color-attribute.color-value[data-selected=true]:after,
    #pdpMain .swatches-panel .pdp-swatches>.color-attribute.color-value[data-selected=true]:after {
        color: #000;
        content: "\F058";
        display: table-caption;
        font-family: FontAwesome;
        font-size: 1.625em;
        left: .295em;
        position: absolute
    }
    #maincontent>.product-detail .swatches-panel .pdp-swatches>.color-attribute.color-value.selected:after,
    #pdpMain .swatches-panel .pdp-swatches>.color-attribute.color-value.selected:after {
        background: #fff;
        border-radius: 50%;
        color: #000;
        content: "\F058";
        display: table-caption;
        font-family: FontAwesome;
        font-size: 1.625em;
        height: .75em;
        left: .31em;
        line-height: .8em;
        position: absolute;
        top: .35em;
        width: .8em
    }
    #maincontent>.product-detail .swatches-panel .pdp-swatches>.color-attribute i.fa-times-circle,
    #pdpMain .swatches-panel .pdp-swatches>.color-attribute i.fa-times-circle {
        background: #fff;
        border-radius: 50%;
        height: .75em;
        line-height: .8em;
        width: .8em
    }
    #maincontent>.product-detail .swatches-panel .pdp-swatches>.color-attribute .imgcss,
    #maincontent>.product-detail .swatches-panel .pdp-swatches>.color-attribute img,
    #pdpMain .swatches-panel .pdp-swatches>.color-attribute .imgcss,
    #pdpMain .swatches-panel .pdp-swatches>.color-attribute img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 28px
    }
    #maincontent>.product-detail .swatches-panel .pdp-swatches>.color-attribute.selected,
    #pdpMain .swatches-panel .pdp-swatches>.color-attribute.selected {
        position: relative
    }
    #maincontent>.product-detail .swatches-panel .pdp-swatches>.color-attribute.selected:before,
    #pdpMain .swatches-panel .pdp-swatches>.color-attribute.selected:before {
        content: "";
        display: block;
        border-radius: 36px;
        border: 2px solid #fa4616;
        position: absolute;
        width: 140%;
        height: 140%;
        top: -20%;
        left: -20%
    }
    #maincontent>.product-detail .swatches-panel .pdp-swatches>.color-attribute.unselectable,
    #pdpMain .swatches-panel .pdp-swatches>.color-attribute.unselectable {
        cursor: not-allowed;
        position: relative
    }
    #maincontent>.product-detail .swatches-panel .pdp-swatches>.color-attribute.unselectable img,
    #pdpMain .swatches-panel .pdp-swatches>.color-attribute.unselectable img {
        opacity: .5
    }
    #maincontent>.product-detail .swatches-panel .pdp-swatches>.color-attribute.unselectable:after,
    #pdpMain .swatches-panel .pdp-swatches>.color-attribute.unselectable:after {
        content: "";
        position: absolute;
        width: 36px;
        top: 25px;
        right: -9px;
        border-top: 2px solid #fa4616;
        transform: rotate(-45deg);
        transform-origin: 0 0
    }
}

@media screen and (min-width:721px) and (max-width:1199.98px) {
    #maincontent>.product-detail .swatches-panel .pdp-swatches>.color-attribute,
    #pdpMain .swatches-panel .pdp-swatches>.color-attribute {
        margin: 0 .5rem .5rem
    }
}

@media screen and (min-width:721px) and (max-width:1199.98px) {
    #maincontent>.product-detail .swatches-panel .pdp-swatches,
    #pdpMain .swatches-panel .pdp-swatches {
        overflow-x: auto;
        display: -ms-flexbox;
        display: flex
    }
    #maincontent>.product-detail .swatches-panel .pdp-swatches::-webkit-scrollbar,
    #pdpMain .swatches-panel .pdp-swatches::-webkit-scrollbar {
        width: 0
    }
}

#maincontent>.product-detail .sidebar .personalize-wrapper .tab-navigation li.-active,
#pdpMain .sidebar .personalize-wrapper .tab-navigation li.-active {
    border-color: #fa4616
}

#maincontent>.product-detail .sidebar .personalize-wrapper .tab-navigation li.-active:after,
#pdpMain .sidebar .personalize-wrapper .tab-navigation li.-active:after {
    border-top: 7px solid #fa4616
}

#maincontent>.product-detail .sidebar .personalize-wrapper .tab-navigation li:hover,
#pdpMain .sidebar .personalize-wrapper .tab-navigation li:hover {
    border-color: #fa4616
}

#maincontent>.product-detail .sidebar .personalize-wrapper .customizeButtom .customizeLink,
#maincontent>.product-detail .sidebar .personalize-wrapper .list-unstyled .customizeLink,
#pdpMain .sidebar .personalize-wrapper .customizeButtom .customizeLink,
#pdpMain .sidebar .personalize-wrapper .list-unstyled .customizeLink {
    border: 1px solid #fa4616;
    text-transform: uppercase
}

#maincontent>.product-detail .sidebar .personalize-wrapper .customizeButtom .customizeLink:hover,
#maincontent>.product-detail .sidebar .personalize-wrapper .list-unstyled .customizeLink:hover,
#pdpMain .sidebar .personalize-wrapper .customizeButtom .customizeLink:hover,
#pdpMain .sidebar .personalize-wrapper .list-unstyled .customizeLink:hover {
    border-color: #fa4616;
    background-color: #fa4616
}

#maincontent>.product-detail .availability>*,
#maincontent>.product-detail .pz-product-availability>*,
#pdpMain .availability>*,
#pdpMain .pz-product-availability>* {
    margin-bottom: 1rem;
    font-size: var(--f-l, 1.125rem)
}

#maincontent>.product-detail .availability>:not(.select-style),
#maincontent>.product-detail .pz-product-availability>:not(.select-style),
#pdpMain .availability>:not(.select-style),
#pdpMain .pz-product-availability>:not(.select-style) {
    color: #148346
}

#maincontent>.product-detail .availability .outStock,
#maincontent>.product-detail .pz-product-availability .outStock,
#pdpMain .availability .outStock,
#pdpMain .pz-product-availability .outStock {
    font-size: var(--f-l, 1.125rem)
}

#maincontent>.product-detail .availability .outStock:not(.select-style),
#maincontent>.product-detail .pz-product-availability .outStock:not(.select-style),
#pdpMain .availability .outStock:not(.select-style),
#pdpMain .pz-product-availability .outStock:not(.select-style) {
    color: red
}

#maincontent>.product-detail .extend-container,
#pdpMain .extend-container {
    margin-top: 10px
}

#maincontent>.product-detail .promotions,
#pdpMain .promotions {
    height: auto;
    margin: 1rem 0;
    padding-bottom: 1rem;
    border-bottom: 2px solid #e9ecef;
    font-weight: 700;
    text-align: left
}

#maincontent>.product-detail .promotions .promotion,
#pdpMain .promotions .promotion {
    font-size: var(--f-m, 1rem);
    position: relative
}

@media (min-width:1024px) {
    #maincontent>.product-detail .promotions .promotion,
    #pdpMain .promotions .promotion {
        font-size: var(--f-m, 1rem)
    }
}

#maincontent>.product-detail .promotions .promotion a.learn-more,
#pdpMain .promotions .promotion a.learn-more {
    font-size: var(--f-xs, .75rem);
    text-decoration: underline;
    color: #fa4616;
    font-weight: 400
}

#maincontent>.product-detail .promotions .promotion a.learn-more:active,
#maincontent>.product-detail .promotions .promotion a.learn-more:focus,
#maincontent>.product-detail .promotions .promotion a.learn-more:hover,
#pdpMain .promotions .promotion a.learn-more:active,
#pdpMain .promotions .promotion a.learn-more:focus,
#pdpMain .promotions .promotion a.learn-more:hover {
    text-decoration: none
}

#maincontent>.product-detail .promotions .promotion .promotion-text,
#maincontent>.product-detail .promotions .promotion .promotion-text>p,
#pdpMain .promotions .promotion .promotion-text,
#pdpMain .promotions .promotion .promotion-text>p {
    display: inline
}

#maincontent>.product-detail .promotions .promotion~.promotion,
#pdpMain .promotions .promotion~.promotion {
    margin-top: 1rem
}

#maincontent>.product-detail #_GUARANTEE_Kicker:empty,
#pdpMain #_GUARANTEE_Kicker:empty {
    margin: 0 !important
}

#maincontent>.product-detail .bundle-items,
#pdpMain .bundle-items {
    margin-top: 1.5rem;
    padding-bottom: 3.125rem
}

@media (min-width:1024px) {
    #maincontent>.product-detail .bundle-items,
    #pdpMain .bundle-items {
        margin-top: 2.1875rem
    }
}

#maincontent>.product-detail .bundle-items .klarnaPdpMsg,
#pdpMain .bundle-items .klarnaPdpMsg {
    display: none !important
}

#maincontent>.product-detail .bundle-items .bundle-item,
#pdpMain .bundle-items .bundle-item {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 10.125rem;
    border: none
}

#maincontent>.product-detail .bundle-items .bundle-item:not(:last-child):after,
#pdpMain .bundle-items .bundle-item:not(:last-child):after {
    content: "";
    position: absolute;
    top: 7rem;
    left: 2rem;
    width: 1rem;
    height: 1rem;
    background-image: url("../images/bundle-plus-icon.svg");
    background-size: cover
}

#maincontent>.product-detail .bundle-items .bundle-item:last-child,
#pdpMain .bundle-items .bundle-item:last-child {
    height: 7.125rem
}

#maincontent>.product-detail .bundle-items .bundle-item .bundle-item__aside,
#pdpMain .bundle-items .bundle-item .bundle-item__aside {
    margin-right: 1.0625rem
}

#maincontent>.product-detail .bundle-items .bundle-item .bundle-item__aside .bundle-item__figure,
#pdpMain .bundle-items .bundle-item .bundle-item__aside .bundle-item__figure {
    width: 5rem;
    height: 5rem;
    border: 1px solid hsla(0, 0%, 59%, .5)
}

#maincontent>.product-detail .bundle-items .bundle-item .bundle-item__aside .bundle-item__figure .bundle-item__img,
#pdpMain .bundle-items .bundle-item .bundle-item__aside .bundle-item__figure .bundle-item__img {
    object-fit: cover;
    object-position: top
}

#maincontent>.product-detail .bundle-items .bundle-item .bundle-item__body .bundle-item__title,
#pdpMain .bundle-items .bundle-item .bundle-item__body .bundle-item__title {
    color: #333;
    margin-bottom: .25rem
}

#maincontent>.product-detail .bundle-items .bundle-item .bundle-item__body .bundle-item__description,
#pdpMain .bundle-items .bundle-item .bundle-item__body .bundle-item__description {
    margin-bottom: .25rem;
    color: #979797;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

#maincontent>.product-detail .bundle-items .bundle-item .bundle-item__body .bundle-item__quantity,
#pdpMain .bundle-items .bundle-item .bundle-item__body .bundle-item__quantity {
    font-size: var(--f-3xs, .5625rem);
    color: #333
}

#maincontent>.product-detail .bundle-items .bundle-item .bundle-item__body .bundle-item__quantity .quantity,
#pdpMain .bundle-items .bundle-item .bundle-item__body .bundle-item__quantity .quantity {
    margin-bottom: .125rem
}

#maincontent>.product-detail .bundle-items .bundle-item .bundle-item__body .bundle-item__prices .prices,
#pdpMain .bundle-items .bundle-item .bundle-item__body .bundle-item__prices .prices {
    text-align: left;
    margin: 0
}

#maincontent>.product-detail .bundle-items .bundle-item .bundle-item__body .bundle-item__prices .prices .sales,
#pdpMain .bundle-items .bundle-item .bundle-item__body .bundle-item__prices .prices .sales {
    font-size: var(--f-xs, .75rem);
    font-weight: 400;
    vertical-align: baseline
}

#maincontent>.product-detail .bundle-items .bundle-item .bundle-item__body .bundle-item__prices .prices .sales .each-label,
#pdpMain .bundle-items .bundle-item .bundle-item__body .bundle-item__prices .prices .sales .each-label {
    font-size: var(--f-3xs, .5625rem)
}

#maincontent>.product-detail .bundle-items .bundle-item .bundle-item__body .bundle-item__prices .prices .strike-through,
#pdpMain .bundle-items .bundle-item .bundle-item__body .bundle-item__prices .prices .strike-through {
    font-size: var(--f-3xs, .5625rem);
    margin: 0 .5556em 0 .2778em
}

#maincontent>.product-detail .bundle-items .bundle-item .bundle-item__body .bundle-item__prices .prices .promo-sec,
#pdpMain .bundle-items .bundle-item .bundle-item__body .bundle-item__prices .prices .promo-sec {
    vertical-align: middle
}

#maincontent>.product-detail .bundle-items .bundle-item .bundle-item__body .bundle-item__prices .prices .promo-sec .discount-badge,
#pdpMain .bundle-items .bundle-item .bundle-item__body .bundle-item__prices .prices .promo-sec .discount-badge {
    font-size: var(--f-3xs, .5rem);
    position: relative;
    bottom: .125rem
}

#maincontent>.product-detail .set-items,
#pdpMain .set-items {
    margin-top: 1.5rem;
    margin-bottom: 1.875rem
}

@media (min-width:1024px) {
    #maincontent>.product-detail .set-items,
    #pdpMain .set-items {
        margin-top: 2.1875rem;
        margin-bottom: 2.8125rem
    }
}

#maincontent>.product-detail .set-items .set-items__instruction,
#pdpMain .set-items .set-items__instruction {
    margin-bottom: 1.25rem
}

#maincontent>.product-detail .set-items .set-item,
#pdpMain .set-items .set-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 7.5rem;
    border: 1px solid #a9a9a9;
    border-radius: .75rem;
    margin-bottom: 1.125rem
}

#maincontent>.product-detail .set-items .set-item:last-child,
#pdpMain .set-items .set-item:last-child {
    margin-bottom: 0
}

#maincontent>.product-detail .set-items .set-item .set-item__aside,
#pdpMain .set-items .set-item .set-item__aside {
    margin-right: .625rem
}

#maincontent>.product-detail .set-items .set-item .set-item__aside .set-item__figure,
#pdpMain .set-items .set-item .set-item__aside .set-item__figure {
    width: 7.375rem;
    height: 7.375rem
}

#maincontent>.product-detail .set-items .set-item .set-item__aside .set-item__figure .set-item__img,
#pdpMain .set-items .set-item .set-item__aside .set-item__figure .set-item__img {
    object-fit: cover;
    object-position: top
}

#maincontent>.product-detail .set-items .set-item .set-item__body,
#pdpMain .set-items .set-item .set-item__body {
    padding-right: .9375rem
}

#maincontent>.product-detail .set-items .set-item .set-item__body .set-item__title,
#pdpMain .set-items .set-item .set-item__body .set-item__title {
    font-size: var(--f-xs, .75rem);
    color: #333;
    margin-bottom: .25rem
}

#maincontent>.product-detail .set-items .set-item .set-item__body .set-item__description,
#pdpMain .set-items .set-item .set-item__body .set-item__description {
    font-size: var(--f-xs, .75rem);
    margin-bottom: .375rem;
    color: #979797;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

#maincontent>.product-detail .set-items .set-item .set-item__body .set-item__qty-price-wrapper,
#pdpMain .set-items .set-item .set-item__body .set-item__qty-price-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

#maincontent>.product-detail .set-items .set-item .set-item__body .set-item__quantity .quantity-selector,
#pdpMain .set-items .set-item .set-item__body .set-item__quantity .quantity-selector {
    margin-right: .5625rem
}

#maincontent>.product-detail .set-items .set-item .set-item__body .set-item__quantity .qty,
#pdpMain .set-items .set-item .set-item__body .set-item__quantity .qty {
    height: 1.3125rem;
    border: 1px solid #cdcdcd;
    border-radius: 0;
    background-color: transparent
}

#maincontent>.product-detail .set-items .set-item .set-item__body .set-item__quantity .qty .sub,
#pdpMain .set-items .set-item .set-item__body .set-item__quantity .qty .sub {
    width: 1.1875rem;
    padding-left: .375rem;
    padding-right: .375rem;
    background-color: #cdcdcd
}

#maincontent>.product-detail .set-items .set-item .set-item__body .set-item__quantity .qty .sub:not(:disabled):active,
#maincontent>.product-detail .set-items .set-item .set-item__body .set-item__quantity .qty .sub:not(:disabled):focus,
#maincontent>.product-detail .set-items .set-item .set-item__body .set-item__quantity .qty .sub:not(:disabled):hover,
#pdpMain .set-items .set-item .set-item__body .set-item__quantity .qty .sub:not(:disabled):active,
#pdpMain .set-items .set-item .set-item__body .set-item__quantity .qty .sub:not(:disabled):focus,
#pdpMain .set-items .set-item .set-item__body .set-item__quantity .qty .sub:not(:disabled):hover {
    border-radius: 0
}

#maincontent>.product-detail .set-items .set-item .set-item__body .set-item__quantity .qty .add,
#pdpMain .set-items .set-item .set-item__body .set-item__quantity .qty .add {
    width: 1.1875rem;
    padding-left: .375rem;
    padding-right: .375rem;
    background-color: #cdcdcd
}

#maincontent>.product-detail .set-items .set-item .set-item__body .set-item__quantity .qty .add:not(:disabled):active,
#maincontent>.product-detail .set-items .set-item .set-item__body .set-item__quantity .qty .add:not(:disabled):focus,
#maincontent>.product-detail .set-items .set-item .set-item__body .set-item__quantity .qty .add:not(:disabled):hover,
#pdpMain .set-items .set-item .set-item__body .set-item__quantity .qty .add:not(:disabled):active,
#pdpMain .set-items .set-item .set-item__body .set-item__quantity .qty .add:not(:disabled):focus,
#pdpMain .set-items .set-item .set-item__body .set-item__quantity .qty .add:not(:disabled):hover {
    border-radius: 0
}

#maincontent>.product-detail .set-items .set-item .set-item__body .set-item__quantity .qty input[type=number],
#pdpMain .set-items .set-item .set-item__body .set-item__quantity .qty input[type=number] {
    width: 1.75rem;
    font-size: var(--f-xs, .75rem);
    background-color: #fff !important
}

#maincontent>.product-detail .set-items .set-item .set-item__body .set-item__prices .prices,
#pdpMain .set-items .set-item .set-item__body .set-item__prices .prices {
    text-align: left;
    margin: 0
}

#maincontent>.product-detail .set-items .set-item .set-item__body .set-item__prices .prices .sales,
#pdpMain .set-items .set-item .set-item__body .set-item__prices .prices .sales {
    font-size: var(--f-xs, .75rem);
    font-weight: 400;
    vertical-align: baseline
}

#maincontent>.product-detail .set-items .set-item .set-item__body .set-item__prices .prices .sales .each-label,
#pdpMain .set-items .set-item .set-item__body .set-item__prices .prices .sales .each-label {
    font-size: var(--f-3xs, .5625rem)
}

#maincontent>.product-detail .set-items .set-item .set-item__body .set-item__prices .prices .strike-through,
#pdpMain .set-items .set-item .set-item__body .set-item__prices .prices .strike-through {
    font-size: var(--f-3xs, .5625rem);
    margin: 0 .5556em 0 .2778em
}

#maincontent>.product-detail .set-items .set-item .set-item__body .set-item__prices .prices .promo-sec,
#pdpMain .set-items .set-item .set-item__body .set-item__prices .prices .promo-sec {
    vertical-align: middle
}

#maincontent>.product-detail .set-items .set-item .set-item__body .set-item__prices .prices .promo-sec .discount-badge,
#pdpMain .set-items .set-item .set-item__body .set-item__prices .prices .promo-sec .discount-badge {
    font-size: var(--f-3xs, .5rem);
    position: relative;
    bottom: .125rem
}

#maincontent>.product-detail .bundle-description,
#pdpMain .bundle-description {
    font-family: Arial, sans-serif;
    line-height: 1.8571;
    padding-bottom: 1rem
}

#maincontent>.product-detail .set-description,
#pdpMain .set-description {
    font-family: Arial, sans-serif;
    line-height: 1.8571;
    margin: 3.6875rem;
    margin-top: 1.75rem
}

@media (min-width:1024px) {
    #maincontent>.product-detail .set-description,
    #pdpMain .set-description {
        margin-top: 3.6875rem
    }
}

#maincontent>.product-detail .notifyinstock-btn .btn-notifyme,
#maincontent>.product-detail .notifyinstock-btn a:not([href]):not([tabindex]),
#pdpMain .notifyinstock-btn .btn-notifyme,
#pdpMain .notifyinstock-btn a:not([href]):not([tabindex]) {
    padding: 0;
    color: #000
}

#maincontent>.product-detail .notifyinstock-btn:hover,
#pdpMain .notifyinstock-btn:hover {
    background-color: #fff;
    color: #000;
    cursor: pointer
}

#maincontent>.product-detail .notifyinstock-btn:active #maincontent>.product-detail .notifyinstock-btn:focus,
#maincontent>.product-detail .notifyinstock-btn:active #pdpMain .notifyinstock-btn:focus,
#pdpMain .notifyinstock-btn:active #maincontent>.product-detail .notifyinstock-btn:focus,
#pdpMain .notifyinstock-btn:active #pdpMain .notifyinstock-btn:focus {
    background-color: none;
    color: #fff
}

@media (min-width:768px) {
    #maincontent>.product-detail #notificationModal .modal-dialog,
    #pdpMain #notificationModal .modal-dialog {
        width: 24.5625rem
    }
}

#maincontent>.product-detail #notificationModal .modal-dialog .modal-content .modal-header,
#pdpMain #notificationModal .modal-dialog .modal-content .modal-header {
    border-bottom: 0
}

#maincontent>.product-detail #notificationModal .modal-dialog .modal-content .modal-body,
#pdpMain #notificationModal .modal-dialog .modal-content .modal-body {
    padding: 1.5rem 1.375rem
}

@media (min-width:1024px) {
    #maincontent>.product-detail #notificationModal .modal-dialog .modal-content .modal-body,
    #pdpMain #notificationModal .modal-dialog .modal-content .modal-body {
        padding: 0 2.8125rem 1.875rem
    }
}

#maincontent>.product-detail #notificationModal .modal-dialog .modal-content .modal-body .modal-title,
#pdpMain #notificationModal .modal-dialog .modal-content .modal-body .modal-title {
    font-size: var(--f-xl, 1.25rem);
    font-weight: 700;
    margin-bottom: .5rem
}

#maincontent>.product-detail #notificationModal .modal-dialog .modal-content .modal-body p,
#pdpMain #notificationModal .modal-dialog .modal-content .modal-body p {
    font-family: var(--font-body, "Arial");
    font-size: var(--f-xs, .75rem);
    font-weight: 400;
    margin-bottom: .625rem
}

@media (min-width:1024px) {
    #maincontent>.product-detail #notificationModal .modal-dialog .modal-content .modal-body p,
    #pdpMain #notificationModal .modal-dialog .modal-content .modal-body p {
        margin-bottom: 1.0625rem
    }
}

#maincontent>.product-detail #notificationModal .modal-dialog .modal-content .modal-body .swatches-container,
#pdpMain #notificationModal .modal-dialog .modal-content .modal-body .swatches-container {
    padding-bottom: 1.5625rem
}

#maincontent>.product-detail #notificationModal .modal-dialog .modal-content .modal-body .swatches-container .swatches-panel .pdp-swatches,
#pdpMain #notificationModal .modal-dialog .modal-content .modal-body .swatches-container .swatches-panel .pdp-swatches {
    padding-top: .9375rem;
    padding-bottom: .9375rem
}

#maincontent>.product-detail #notificationModal .modal-dialog .modal-content .modal-body .swatches-container .swatches-panel .pdp-swatches .color-attribute,
#pdpMain #notificationModal .modal-dialog .modal-content .modal-body .swatches-container .swatches-panel .pdp-swatches .color-attribute {
    margin-left: .9375rem
}

#maincontent>.product-detail #notificationModal .modal-dialog .modal-content .modal-body form #notify-email,
#pdpMain #notificationModal .modal-dialog .modal-content .modal-body form #notify-email {
    margin-top: 0;
    font-size: var(--f-xs, .75rem);
    width: 100%
}

#maincontent>.product-detail #notificationModal .modal-dialog .modal-content .modal-body form .checkbox-container,
#pdpMain #notificationModal .modal-dialog .modal-content .modal-body form .checkbox-container {
    padding-right: 0
}

@media (min-width:1024px) {
    #maincontent>.product-detail #notificationModal .modal-dialog .modal-content .modal-body form .checkbox-container,
    #pdpMain #notificationModal .modal-dialog .modal-content .modal-body form .checkbox-container {
        padding-top: .3125rem
    }
}

#maincontent>.product-detail #notificationModal .modal-dialog .modal-content .modal-body form .checkbox-container label,
#pdpMain #notificationModal .modal-dialog .modal-content .modal-body form .checkbox-container label {
    font-size: var(--f-xs, .75rem);
    font-family: var(--font-body, "Arial");
    padding-bottom: 1.6875rem
}

#maincontent>.product-detail #notificationModal .modal-dialog .modal-content .modal-body form .checkbox-container #requiredNotify,
#pdpMain #notificationModal .modal-dialog .modal-content .modal-body form .checkbox-container #requiredNotify {
    padding-top: .3125rem
}

#maincontent>.product-detail #notificationModal .modal-dialog .modal-content .modal-body form .notify-email-containor,
#pdpMain #notificationModal .modal-dialog .modal-content .modal-body form .notify-email-containor {
    font-family: var(--font-body, "Arial")
}

@media (min-width:1024px) {
    #maincontent>.product-detail #notificationModal .modal-dialog .modal-content .modal-body form .notify-email-containor,
    #pdpMain #notificationModal .modal-dialog .modal-content .modal-body form .notify-email-containor {
        margin-left: .3125rem;
        margin-right: .3125rem
    }
}

#maincontent>.product-detail #notificationModal .modal-dialog .modal-content .modal-body form .notify-email-containor .btn-notify-submit,
#pdpMain #notificationModal .modal-dialog .modal-content .modal-body form .notify-email-containor .btn-notify-submit {
    white-space: normal
}

#maincontent>.product-detail #notificationModal .checkbox-container,
#pdpMain #notificationModal .checkbox-container {
    padding-right: 50px
}

#maincontent>.product-detail #notificationModal .checkbox-container input[type=checkbox]+label:after,
#pdpMain #notificationModal .checkbox-container input[type=checkbox]+label:after {
    border: 2px solid red;
    border-radius: 4px;
    width: 16px;
    height: 17px
}

#maincontent>.product-detail #notificationModal #notify-email,
#pdpMain #notificationModal #notify-email {
    margin-top: 20px
}

#maincontent>.product-detail #notificationModal .btn-notify-submit,
#pdpMain #notificationModal .btn-notify-submit {
    width: 100%;
    margin-top: 15px
}

#maincontent>.product-detail #notificationSuccess .modal-body,
#pdpMain #notificationSuccess .modal-body {
    padding: 30px 70px
}

#maincontent>.product-detail #notificationSuccess .body-success,
#pdpMain #notificationSuccess .body-success {
    margin-bottom: 150px
}

#maincontent>.product-detail #notificationSuccess .got-it-btn,
#maincontent>.product-detail #notificationSuccess a:not([href]):not([tabindex]),
#pdpMain #notificationSuccess .got-it-btn,
#pdpMain #notificationSuccess a:not([href]):not([tabindex]) {
    width: 100%;
    color: #fff
}

#maincontent>.product-detail .wishlist-icons,
#pdpMain .wishlist-icons {
    position: absolute;
    right: 1.375rem;
    bottom: 4rem
}

@media (min-width:1024px) {
    #maincontent>.product-detail .wishlist-icons,
    #pdpMain .wishlist-icons {
        right: 1.25rem;
        bottom: 5.9375rem
    }
}

#maincontent>.product-detail .wishlist-icons .move .empty-whlst,
#pdpMain .wishlist-icons .move .empty-whlst {
    width: 1.5rem;
    height: auto
}

@media (min-width:1024px) {
    #maincontent>.product-detail .wishlist-icons .move .empty-whlst,
    #pdpMain .wishlist-icons .move .empty-whlst {
        width: 2.125rem
    }
}

#maincontent>.product-detail .wishlist-icons .move .empty-whlst.smaller,
#pdpMain .wishlist-icons .move .empty-whlst.smaller {
    height: .75rem
}

#maincontent>.product-detail .wishlist-icons .move .filled-whlst,
#pdpMain .wishlist-icons .move .filled-whlst {
    visibility: visible;
    width: 1.5rem;
    height: auto
}

@media (min-width:1024px) {
    #maincontent>.product-detail .wishlist-icons .move .filled-whlst,
    #pdpMain .wishlist-icons .move .filled-whlst {
        width: 2.125rem
    }
}

#maincontent>.product-detail .wishlist-icons .move .filled-whlst.smaller,
#pdpMain .wishlist-icons .move .filled-whlst.smaller {
    height: .75rem
}

#maincontent>.product-detail .wishlist-icons .add-to-wish-list.heart-empty-visible,
#pdpMain .wishlist-icons .add-to-wish-list.heart-empty-visible {
    visibility: hidden
}

#maincontent>.product-detail .wishlist-icons .remove-to-wish-list.heart-visible,
#pdpMain .wishlist-icons .remove-to-wish-list.heart-visible {
    visibility: visible
}

#maincontent>.product-bundle-container.product-detail h2,
.product-bundle-container#pdpMain h2 {
    font-size: var(--f-2xl, 1.375rem)
}

@media (min-width:1024px) {
    #maincontent>.product-detail,
    #pdpMain {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: calc(100% - 400px) 400px;
        grid-template-columns: calc(100% - 400px) 400px;
        grid-template-areas: "main sidebar";
        position: relative;
        transition: all .12s ease-in-out
    }
    #maincontent>.gallery-expanded.product-detail,
    .gallery-expanded#pdpMain {
        -ms-grid-columns: 100% 400px;
        grid-template-columns: 100% 400px;
        overflow-x: hidden
    }
    #maincontent>.product-detail .product-name,
    #pdpMain .product-name {
        font-size: clamp(36px, 2.8vw, 48px)
    }
    #maincontent>.product-detail .product-meta,
    #pdpMain .product-meta {
        display: block;
        margin-bottom: .9375rem
    }
    #maincontent>.product-detail .prices,
    #pdpMain .prices {
        text-align: left;
        padding: 0;
        margin: 1rem 0
    }
    #maincontent>.product-detail .prices .price,
    #pdpMain .prices .price {
        display: block
    }
    #maincontent>.product-detail .prices .range,
    #maincontent>.product-detail .prices .sales,
    #pdpMain .prices .range,
    #pdpMain .prices .sales {
        font-size: 1.875rem;
        vertical-align: middle
    }
    #maincontent>.product-detail .prices .range,
    #pdpMain .prices .range {
        grid-area: sales;
        font-size: var(--f-3xl, 1.75rem)
    }
    #maincontent>.product-detail .prices .strike-through,
    #pdpMain .prices .strike-through {
        margin: 0 .5556em 0 .2778em;
        font-size: var(--f-l, 1.125rem);
        -ms-flex-item-align: start;
        align-self: flex-start;
        justify-self: flex-end
    }
    #maincontent>.product-detail .prices .discount-badge,
    #pdpMain .prices .discount-badge {
        position: relative;
        bottom: .125rem;
        font-size: var(--f-s, .875rem);
        font-weight: 700
    }
    #maincontent>.product-detail .prices .klarnaPdpMsg,
    #pdpMain .prices .klarnaPdpMsg {
        margin-top: 20px;
        margin-left: -10px
    }
    #maincontent>.product-detail .pdp-swatches,
    #pdpMain .pdp-swatches {
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-left: -4px
    }
    #maincontent>.product-detail>.sidebar,
    #pdpMain>.sidebar {
        grid-area: sidebar;
        position: relative;
        background-color: #fff;
        padding: 0
    }
    #maincontent>.product-detail>.sidebar>.wrapper,
    #pdpMain>.sidebar>.wrapper {
        padding: 20px 30px;
        position: sticky;
        top: 0
    }
    #maincontent>.product-detail>.main,
    #pdpMain>.main {
        grid-area: main
    }
}

@media (min-width:1200px) {
    #maincontent>.product-detail,
    #pdpMain {
        -ms-grid-columns: calc(100% - 460px) 460px;
        grid-template-columns: calc(100% - 460px) 460px
    }
    #maincontent>.gallery-expanded.product-detail,
    .gallery-expanded#pdpMain {
        -ms-grid-columns: 100% 460px;
        grid-template-columns: 100% 460px
    }
    #maincontent>.product-detail>.sidebar>.wrapper,
    #pdpMain>.sidebar>.wrapper {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
}

#maincontent>.product-detail .dealer_content_redirection a span,
#pdpMain .dealer_content_redirection a span {
    vertical-align: sub
}

#maincontent>.product-detail .dealer_content_redirection a:hover,
#pdpMain .dealer_content_redirection a:hover {
    background-color: #fff;
    color: #000
}

@media (min-width:1200px) {
    #maincontent>.product-detail .impAttributes.impAttributes_mobileOnly,
    #pdpMain .impAttributes.impAttributes_mobileOnly {
        display: none
    }
}

@media (max-width:1199.98px) {
    #maincontent>.product-detail .impAttributes.impAttributes_desktopOnly,
    #maincontent>.product-detail .pdp-page-navigation,
    #pdpMain .impAttributes.impAttributes_desktopOnly,
    #pdpMain .pdp-page-navigation {
        display: none
    }
}

#maincontent>.product-detail .pdp-magnify,
#maincontent>.product-detail .pdp-magnify-controls,
#pdpMain .pdp-magnify,
#pdpMain .pdp-magnify-controls {
    display: none
}

#maincontent>.product-detail .carousel-container .close-btn,
#pdpMain .carousel-container .close-btn {
    position: absolute
}

@media (max-width:1199.98px) {
    #maincontent>.product-detail .pdp-magnify,
    #pdpMain .pdp-magnify {
        position: absolute;
        display: -ms-inline-flexbox;
        display: inline-flex;
        top: 0;
        right: 0;
        background: 50% no-repeat;
        background-size: contain;
        padding: 20px;
        height: 40px;
        width: 40px;
        z-index: 1;
        pointer-events: all
    }
    #maincontent>.product-detail .pdp-magnify.-zoom,
    #pdpMain .pdp-magnify.-zoom {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)' stroke='%23081C20' stroke-width='3' stroke-miterlimit='10' stroke-linecap='square'%3E%3Cpath d='M30.085 15.085V10H25'/%3E%3Cpath d='M28.5 11.5L23 17' stroke-linejoin='round'/%3E%3Cpath d='M10 24.915V30h5.085'/%3E%3Cpath d='M17 23l-5.5 5.5' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' transform='translate(8 8)' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
    }
    #maincontent>.product-detail .pdp-magnify.-reset,
    #pdpMain .pdp-magnify.-reset {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.987 25.17l-9.9-9.9M15.27 24.987l9.9-9.9' stroke='%23000' stroke-width='4' stroke-miterlimit='10' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E")
    }
    #maincontent>.product-detail .pdp-image-carousel,
    #pdpMain .pdp-image-carousel {
        -ms-touch-action: auto !important;
        touch-action: auto !important
    }
    #maincontent>.product-detail .pdp-image-carousel.mobileMagnifying,
    #pdpMain .pdp-image-carousel.mobileMagnifying {
        position: relative;
        background: var(--c-canvas-full);
        overflow: hidden;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        width: 100vw;
        -webkit-touch-callout: revert
    }
    #maincontent>.product-detail .pdp-image-carousel.mobileMagnifying .carousel-images-container,
    #pdpMain .pdp-image-carousel.mobileMagnifying .carousel-images-container {
        width: 100%;
        height: 100%;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: grab;
        position: relative;
        pointer-events: all
    }
    #maincontent>.product-detail .pdp-image-carousel.mobileMagnifying .carousel-images-container img,
    #pdpMain .pdp-image-carousel.mobileMagnifying .carousel-images-container img {
        -ms-touch-action: inherit;
        touch-action: inherit
    }
    #maincontent>.product-detail .pdp-image-carousel.mobileMagnifying .carousel-images-container:active,
    #pdpMain .pdp-image-carousel.mobileMagnifying .carousel-images-container:active {
        cursor: grabbing
    }
    #maincontent>.product-detail .pdp-image-carousel.mobileMagnifying .carousel-images-container img,
    #pdpMain .pdp-image-carousel.mobileMagnifying .carousel-images-container img {
        display: block;
        width: 100%;
        height: auto;
        transform-origin: 0 0;
        transition: transform .05s linear
    }
    #maincontent>.product-detail .pdp-image-carousel.mobileMagnifying .pdp-magnify-controls,
    #pdpMain .pdp-image-carousel.mobileMagnifying .pdp-magnify-controls {
        position: absolute;
        bottom: 84px;
        left: 50%;
        display: -ms-flexbox;
        display: flex;
        gap: 8px;
        z-index: 10;
        transform: translateX(-50%);
        pointer-events: all
    }
    #maincontent>.product-detail .pdp-image-carousel.mobileMagnifying .pdp-magnify-controls button,
    #pdpMain .pdp-image-carousel.mobileMagnifying .pdp-magnify-controls button {
        display: block;
        width: 32px;
        height: 32px;
        font-size: 23px;
        font-weight: 700;
        border: none;
        background: var(--c-button);
        color: var(--c-button-copy);
        border-radius: 50%;
        cursor: pointer;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        -ms-grid-column-align: center;
        justify-items: center;
        padding: 0;
        text-align: center;
        line-height: 0
    }
    #maincontent>.product-detail .pdp-image-carousel.mobileMagnifying .slick-next,
    #maincontent>.product-detail .pdp-image-carousel.mobileMagnifying .slick-prev,
    #maincontent>.product-detail .pdp-image-carousel.mobileMagnifying .slick-slide .pdp-magnify-controls,
    #pdpMain .pdp-image-carousel.mobileMagnifying .slick-next,
    #pdpMain .pdp-image-carousel.mobileMagnifying .slick-prev,
    #pdpMain .pdp-image-carousel.mobileMagnifying .slick-slide .pdp-magnify-controls {
        display: none !important
    }
}

.sidebar .desktop-sticky-name-container:not(.is-specialty) {
    position: sticky;
    top: -1px;
    background: #fff;
    z-index: 99;
    display: none
}

@media (min-width:1024px) {
    .sidebar .desktop-sticky-name-container:not(.is-specialty) {
        display: block;
        padding: 20px 30px 0 38px;
        margin: -20px -30px 0
    }
}

@media (min-width:1200px) {
    .sidebar .desktop-sticky-name-container:not(.is-specialty) {
        padding: 20px 2.5rem 0;
        margin: -20px -2.5rem 0
    }
}

.sidebar .desktop-sticky-name-container.is-specialty {
    padding-left: 8px;
    color: #f7f9fa
}

#pdpMain {
    position: relative;
    grid-area: sidebar;
    display: block
}

#pdpMain>.sidebar {
    position: static;
    height: 100%
}

.product-detail .product-number-rating.rating {
    min-height: 0;
    transition: min-height 2s ease 1s
}

.product-detail .product-number-rating.rating.min-height {
    min-height: 24px
}

.product-detail .bulk-order-message {
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-family: var(--font-body);
    text-align: left;
    font-size: var(--f-s)
}

.product-detail .klarnaPdpMsg {
    margin: 1rem -8px;
    min-height: 0;
    transition: min-height 2s ease 1s
}

.product-detail .klarnaPdpMsg.min-height {
    min-height: 39px
}

@media (min-width:1024px) {
    .product-detail .klarnaPdpMsg.min-height {
        min-height: 42px
    }
}

.product-detail #iframe-listener-cart .extend-container {
    min-height: 0;
    transition: min-height 2s ease 1s
}

.product-detail #iframe-listener-cart .extend-container.min-height {
    min-height: 31px
}

.product-detail #express-payment-buttons {
    min-height: 0;
    transition: min-height 2s ease 1s
}

@media (min-width:1024px) {
    .product-detail #express-payment-buttons.min-height {
        min-height: 76px
    }
}

.product-detail #express-payment-buttons #googlepay-pdp {
    padding-top: 20px
}

.js-extend-product-protection {
    height: 1.25rem;
    width: 1.25rem;
    background: url("../../images/icon-help.svg") no-repeat;
    display: inline-block;
    opacity: 1;
    vertical-align: middle;
    transform: translateY(-2px);
    margin-left: 4px;
    background-size: contain;
    z-index: 1;
    cursor: pointer;
    position: static
}

.checkbox-element input[type=checkbox]+label:after {
    top: .0625rem;
    border: 2px solid #df2d00;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-size: .6875rem;
    background-position: 50%
}

.checkbox-element input[type=checkbox]:checked+label:after {
    background-color: #df2d00
}

.hidden {
    display: none
}

.refurbished-detailsIcon {
    font-family: var(--font-headline);
    color: #000;
    font-size: var(--f-xs, .75rem)
}

.refurbished-detailsIcon .us-bullets {
    margin-bottom: .9375rem
}

@media (max-width:1199.98px) {
    .refurbished-detailsIcon .us-bullets {
        text-align: center
    }
}

#cartModal .product-name {
    font-weight: 700;
    margin-right: auto;
    padding: .1875rem
}

#cartModal .line-item-pricing-info {
    display: none
}

#cartModal .estimated-total {
    font-weight: 700;
    font-size: 1em
}

#cartModal .product-qty {
    width: 50%;
    color: #7b7b7b;
    border: none;
    background: transparent;
    margin-right: auto;
    padding: .1875rem;
    padding-left: 0
}

#cartModal .quantity-selector-small {
    margin-right: auto;
    padding: .1875rem
}

#cartModal .btn-outline-primary,
#cartModal .btn-primary {
    width: 80%;
    height: 2.8125rem;
    margin: .3125rem 0;
    line-height: 2rem
}

#cartModal .modal__cart-title {
    font-size: var(--f-2xl, 1.375rem);
    font-weight: 700;
    line-height: 1.5625rem;
    text-align: center;
    width: 100%
}

@media (min-width:1024px) {
    #cartModal .modal__cart-title {
        font-size: 1.1rem
    }
}

#cartModal .modal__sub-total-label {
    font-size: var(--f-s, .875rem);
    font-family: var(--font-headline);
    margin-right: .625rem;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.0625rem
}

#cartModal .modal__btn-cart-checkout {
    width: 100%
}

@media (min-width:1024px) {
    #cartModal .modal__btn-cart-checkout {
        width: 80%
    }
}

#cartModal .modal__btn-cart-shopping {
    width: 100%
}

@media (min-width:1024px) {
    #cartModal .modal__btn-cart-shopping {
        width: 80%
    }
}

#cartModal .modal__cart_footer {
    padding: 0 1rem 1rem;
    border-top: none
}

#cartModal .modal__cart_footer>:not(:first-child) {
    margin-left: 0
}

#cartModal .modal__cart-close-img {
    width: .75rem;
    height: .75rem
}

#cartModal .modal__cart-container {
    width: 100%
}

@media (min-width:1024px) {
    #cartModal .modal__cart-container {
        width: 90%
    }
}

#cartModal .modal__cart-container .modal-header {
    border-bottom: none
}

#cartModal .modal__cart-container .quantity-selector .btn-quantity {
    background-color: #cdcdcd
}

#cartModal .modal__cart-container .quantity-selector .quantity {
    background-color: #fff !important
}

#cartModal .modal__cart-container .quantity-wrapper {
    height: 21px
}

#cartModal .modal__cart-container .quantity-wrapper .add,
#cartModal .modal__cart-container .quantity-wrapper .sub {
    font-weight: 400;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0
}

#cartModal .modal__cart-container .quantity-wrapper .add:hover,
#cartModal .modal__cart-container .quantity-wrapper .sub:hover {
    border-radius: 0
}

#cartModal .modal__cart-container .quantity-wrapper .add img,
#cartModal .modal__cart-container .quantity-wrapper .sub img {
    width: .6875rem
}

@media (max-width:767.98px) {
    #cartModal .modal__cart-container .modal-body {
        max-height: calc(100vh - 320px);
        overflow-y: auto
    }
}

#cartModal .modal__cart-items {
    -ms-flex-direction: column;
    flex-direction: column
}

#cartModal .modal__cart-brand-title,
#cartModal .modal__cart-color-title {
    color: #7b7b7b;
    display: inline-block;
    margin-right: auto;
    padding: .1875rem
}

#cartModal .modal__cart-products-card {
    padding: 1rem;
    border-top: .0625rem solid #e3e3e3;
    border-bottom: .0625rem solid #e3e3e3
}

#cartModal .modal__cart-products-card .product-name {
    width: 165%;
    margin-bottom: 0
}

#cartModal .modal__cart-components {
    margin-bottom: 0;
    width: 100%
}

#cartModal .modal__cart-price {
    padding: 0
}

@media (min-width:1024px) {
    #cartModal .modal__cart-price {
        padding: 0 .4375rem
    }
}

#cartModal .modal__cart-price .item-price {
    margin-bottom: 0;
    margin-top: 3.375rem
}

#cartModal .sub-total {
    font-size: var(--f-s, .875rem);
    font-family: var(--font-headline);
    font-weight: 700;
    line-height: 1.0625rem
}

.custom-opacity {
    opacity: .5 !important
}

@media screen and (min-width:721px) {
    .pdp-swatches {
        display: block;
        position: absolute
    }
}

@media screen and (max-width:720px) {
    .pdp-swatches {
        display: -ms-flexbox;
        display: flex;
        position: relative
    }
    .pdp-swatches button {
        min-width: 18px
    }
}

.product-details .pallet-shipment-icon .info-icon .tooltip {
    transform: translate(-95%, -.625em)
}

@media (min-width:1200px) {
    .product-details .pallet-shipment-icon .info-icon .tooltip {
        transform: translate(-72%, -.625em)
    }
}

.product-details .pallet-shipment-icon .info-icon .tooltip:after {
    left: 93%
}

@media (min-width:1200px) {
    .product-details .pallet-shipment-icon .info-icon .tooltip:after {
        left: 72%
    }
}

.product-details .availability.product-availability {
    -ms-flex-align: baseline;
    align-items: baseline
}

.product-details .availability.product-availability .pallet-shipment-icon .info-icon .tooltip {
    transform: translate(-9%, -.625em)
}

.product-details .availability.product-availability .pallet-shipment-icon .info-icon .tooltip:after {
    left: 8%
}

.availability.product-availability {
    display: -ms-flexbox;
    display: flex
}

.availability.product-availability .pallet-shipment-icon .tooltip {
    z-index: 9 !important;
    width: auto;
    background-color: #000;
    min-width: 195px !important
}

.shipping-input-icon-container.pallet-shipment-icon .shipping-icon-tooltip {
    margin: -2px 10px 10px;
    background-image: url("../images/shipping-info-icon.png");
    background-size: 1.2625rem;
    background-repeat: no-repeat;
    width: 1.2625rem;
    height: 1.2625rem
}

@media (max-width:1023.98px) {
    .shipping-input-icon-container.pallet-shipment-icon .shipping-icon-tooltip .productAttrs .tooltip {
        left: 1.3625em
    }
}

.order-total-summary .cart-shipping-msg.leading-lines {
    overflow: unset
}

.order-total-summary .cart-shipping-msg.leading-lines .pallet-shipment-icon .shipping-icon-tooltip {
    top: 0
}

#checkout-main .shipping-item.leading-lines .pallet-shipment-icon .shipping-icon-tooltip {
    top: -10px;
    right: auto;
    z-index: 9
}

@media (max-width:1023.98px) {
    #checkout-main .shipping-item.leading-lines .pallet-shipment-icon .shipping-icon-tooltip .tooltip {
        left: -5.6375rem
    }
}

#checkout-main .shipping-item.leading-lines {
    overflow: unset
}

#checkout-main .end-lines span.tooltip.order-total-tooltip {
    background-color: #000 !important;
    z-index: 999;
    width: auto
}

#maincontent .product-detail.product-wrapper {
    max-width: 2560px
}

#maincontent .product-detail.product-wrapper .sidebar .swatches-panel:has(.pdp-selected-attribute) {
    --swatch-size: 36px;
    height: auto;
    min-height: var(--swatch-size);
    margin-block: var(--spacing-s) var(--spacing-xs)
}

@media (max-width:1199.98px) {
    #maincontent .product-detail.product-wrapper .sidebar .swatches-panel:has(.pdp-selected-attribute) {
        -ms-flex-order: -1;
        order: -1;
        margin-block: var(--spacing-xs) 0
    }
}

#maincontent .product-detail.product-wrapper .sidebar .swatches-panel:has(.pdp-selected-attribute) .pdp-selected-attribute {
    min-width: 100%
}

#maincontent .product-detail.product-wrapper .sidebar .swatches-panel:has(.pdp-selected-attribute) .pdp-swatches {
    margin: 0;
    padding: 0;
    position: relative;
    -ms-flex-pack: start;
    justify-content: start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px
}

#maincontent .product-detail.product-wrapper .sidebar .swatches-panel:has(.pdp-selected-attribute) .pdp-swatches .unselectable:after {
    width: 100%;
    top: 50%;
    left: 50%;
    height: 100%;
    right: auto;
    transform: translate(-50%, -50%);
    border: 0;
    background: linear-gradient(-45deg, rgba(255, 0, 0, 0), rgba(255, 0, 0, 0) 48%, var(--c-warning) 50%, rgba(255, 0, 0, 0) 52%, rgba(255, 0, 0, 0))
}

#maincontent .product-detail.product-wrapper .sidebar .swatches-panel:has(.pdp-selected-attribute) .pdp-swatches button.color-attribute {
    margin: 0;
    height: var(--swatch-size);
    width: var(--swatch-size);
    padding: 0;
    border-radius: 0;
    border: 0;
    background-color: transparent
}

@media (min-width:768px) {
    #maincontent .product-detail.product-wrapper .sidebar .swatches-panel:has(.pdp-selected-attribute) .pdp-swatches button.color-attribute {
        height: var(--swatch-size);
        width: var(--swatch-size)
    }
}

#maincontent .product-detail.product-wrapper .sidebar .swatches-panel:has(.pdp-selected-attribute) .pdp-swatches button.color-attribute img {
    width: var(--swatch-size);
    height: var(--swatch-size);
    border-radius: 0;
    background-size: cover;
    border: .063em solid rgba(0, 0, 0, .1)
}

#maincontent .product-detail.product-wrapper .sidebar .swatches-panel:has(.pdp-selected-attribute) .pdp-swatches button.color-attribute.selectable:hover,
#maincontent .product-detail.product-wrapper .sidebar .swatches-panel:has(.pdp-selected-attribute) .pdp-swatches button.color-attribute.selected,
#maincontent .product-detail.product-wrapper .sidebar .swatches-panel:has(.pdp-selected-attribute) .pdp-swatches button.color-attribute:focus {
    width: var(--swatch-size);
    height: var(--swatch-size);
    border-radius: 0;
    top: 0;
    left: 0;
    border: 0
}

#maincontent .product-detail.product-wrapper .sidebar .swatches-panel:has(.pdp-selected-attribute) .pdp-swatches button.color-attribute.selectable:hover:before,
#maincontent .product-detail.product-wrapper .sidebar .swatches-panel:has(.pdp-selected-attribute) .pdp-swatches button.color-attribute.selected:before,
#maincontent .product-detail.product-wrapper .sidebar .swatches-panel:has(.pdp-selected-attribute) .pdp-swatches button.color-attribute:focus:before {
    display: none
}

#maincontent .product-detail.product-wrapper .sidebar .swatches-panel:has(.pdp-selected-attribute) .pdp-swatches button.color-attribute.selectable:hover img,
#maincontent .product-detail.product-wrapper .sidebar .swatches-panel:has(.pdp-selected-attribute) .pdp-swatches button.color-attribute.selected img,
#maincontent .product-detail.product-wrapper .sidebar .swatches-panel:has(.pdp-selected-attribute) .pdp-swatches button.color-attribute:focus img {
    outline: 2px solid var(--c-em-high);
    outline-offset: -2px;
    padding: 2px;
    border: 2px solid var(--c-product-card-canvas)
}

.customer-reviews {
    position: relative
}

.rrp-tooltip {
    min-width: 274px
}

[lang=ja] #maincontent>.product-detail .product-name,
[lang=ja] #pdpMain .product-name {
    font-size: var(--f-2xl)
}

@media (min-width:1024px) {
    [lang=ja] #maincontent>.product-detail .product-name,
    [lang=ja] #pdpMain .product-name {
        font-size: var(--f-5xl)
    }
}

html:has(.mobileMagnifying) {
    overflow: hidden
}

html:has(.mobileMagnifying) body {
    overflow: hidden
}

.quantity-selector {
    display: -ms-flexbox;
    display: flex;
    width: min-content;
    margin-right: .6875rem
}

.quantity-selector input[type=number] {
    border: none;
    width: 2.3125rem;
    height: 100%;
    padding: .25rem 0 0;
    text-align: center;
    appearance: textfield;
    font-size: var(--f-l, 1.125rem);
    color: #000;
    min-width: 0;
    background-color: #f3f3f3 !important
}

.quantity-selector input[type=number]::-webkit-inner-spin-button,
.quantity-selector input[type=number]::-webkit-outer-spin-button {
    appearance: none;
    margin: 0
}

.quantity-selector .btn-qty,
.quantity-selector .btn-quantity {
    display: -ms-flexbox;
    display: flex;
    color: #7b7b7b;
    font-size: var(--f-2xl, 1.375rem);
    font-weight: 700;
    width: 1.5625rem;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.quantity-selector .btn-qty:not(:disabled):active,
.quantity-selector .btn-qty:not(:disabled):focus,
.quantity-selector .btn-qty:not(:disabled):hover,
.quantity-selector .btn-quantity:not(:disabled):active,
.quantity-selector .btn-quantity:not(:disabled):focus,
.quantity-selector .btn-quantity:not(:disabled):hover {
    background-color: #e9ecef
}

.quantity-selector .btn-qty:disabled,
.quantity-selector .btn-quantity:disabled {
    cursor: default
}

.quantity-selector .add {
    padding-right: .625rem
}

.quantity-selector .add img {
    max-width: unset
}

.quantity-selector .add:not(:disabled):active,
.quantity-selector .add:not(:disabled):focus,
.quantity-selector .add:not(:disabled):hover {
    border-radius: 0 6px 6px 0
}

.quantity-selector .sub {
    padding-left: .625rem
}

.quantity-selector .sub img {
    max-width: unset
}

.quantity-selector .sub:not(:disabled):active,
.quantity-selector .sub:not(:disabled):focus,
.quantity-selector .sub:not(:disabled):hover {
    border-radius: 6px 0 0 6px
}

.quantity-selector>.qty {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 2.75rem;
    border-radius: 6px;
    background-color: #f3f3f3
}

.quantity-selector>.qty .btn-qty+.btn-quantity,
.quantity-selector>.qty .btn-qty .btn-qty,
.quantity-selector>.qty .btn-quantity+.btn-quantity,
.quantity-selector>.qty .btn-quantity .btn-qty {
    margin-top: 2px
}

.quantity-selector-small {
    border: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: var(--f-xs, .75rem);
    margin: .25rem 0
}

.quantity-selector-small .quantity-form {
    margin: 0
}

.quantity-selector-small .quantity-label {
    font-size: inherit;
    margin-right: .5rem;
    white-space: nowrap
}

.quantity-selector-small .quantity-wrapper {
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #dee2e6;
    -ms-flex-align: stretch;
    align-items: stretch
}

.quantity-selector-small .quantity-wrapper input[type=number] {
    height: auto;
    width: 4ch;
    border: none;
    font-size: inherit
}

.add-to-cart-container {
    position: fixed;
    background-color: hsla(0, 0%, 97%, .94);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    padding: 5px 10px max(5px, env(safe-area-inset-bottom));
    border-top: 1px solid #cdcdcd;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 6
}

@media (max-width:1023.98px) {
    .add-to-cart-container {
        z-index: 99999
    }
    .add-to-cart-container.pz-customizer-on {
        z-index: 1049
    }
}

.add-to-cart-container.back-order .add-to-cart {
    display: none !important
}

.add-to-cart-container .cart-and-ipay {
    padding: 0;
    display: -ms-flexbox;
    display: flex
}

.add-to-cart-container .cart-and-ipay .js-applePayContainer.has-applepay {
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 1%;
    margin-right: .625rem;
    margin-left: 0
}

.add-to-cart-container .cart-and-ipay>.btn,
.add-to-cart-container .cart-and-ipay>.js-applePayContainer,
.add-to-cart-container .cart-and-ipay>button {
    margin-right: .625rem;
    margin-left: 0
}

.add-to-cart-container .cart-and-ipay .btn {
    width: auto
}

.add-to-cart-container .cart-and-ipay .add-to-cart,
.add-to-cart-container .cart-and-ipay .pz-add-to-cart {
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-top: .5rem
}

@media (max-width:1023.98px) {
    .add-to-cart-container .cart-and-ipay .add-to-cart,
    .add-to-cart-container .cart-and-ipay .pz-add-to-cart {
        width: 100%;
        font-size: var(--f-s, .875rem);
        padding-left: 0;
        padding-right: 0
    }
}

.add-to-cart-container .cart-and-ipay .add-to-cart,
.add-to-cart-container .cart-and-ipay .add-to-cart-global {
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-position-y: 50%
}

.add-to-cart-container .cart-and-ipay [href*="#top"] {
    text-indent: -999rem;
    padding-left: 0;
    padding-right: 0;
    width: 2.8125rem;
    height: 2.8125rem;
    background-color: #dee2e6;
    border-color: #dee2e6;
    background-image: url("../images/icon-up.svg");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 1rem;
    margin-right: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.add-to-cart-container .cart-and-ipay [href*="#top"]:active,
.add-to-cart-container .cart-and-ipay [href*="#top"]:focus,
.add-to-cart-container .cart-and-ipay [href*="#top"]:hover {
    background-color: #e9ecef
}

.add-to-cart-container .quantity {
    display: none
}

@media (min-width:1024px) {
    .add-to-cart-container {
        position: relative;
        z-index: inherit;
        padding: 0;
        background-color: transparent;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        border-top: none
    }
    .add-to-cart-container .quantity {
        display: block
    }
    .add-to-cart-container .cart-button {
        display: -ms-flexbox;
        display: flex
    }
    .add-to-cart-container .cart-button br {
        display: none
    }
    .add-to-cart-container .cart-button .button-buy-now {
        margin-left: .6875rem
    }
    .add-to-cart-container .btn {
        width: auto;
        padding: .5rem 1.375rem;
        font-size: var(--f-m, 1rem);
        border-radius: 1.40625rem
    }
}

.carousel-container {
    background-color: var(--c-pdp-hero-bg, #eff2f3);
    position: relative;
    width: 100%;
    min-height: 28.3125rem
}

@media (min-width:1024px) {
    .carousel-container {
        max-height: 600px;
        height: 600px
    }
}

@media (min-width:1400px) {
    .carousel-container {
        max-height: 800px;
        height: 800px
    }
}

.carousel-container.spare-part-carousel {
    max-height: none;
    height: auto
}

.carousel-container.spare-part-carousel .carousel-item img {
    height: auto;
    max-height: none;
    padding-bottom: 0
}

.carousel-container .breadcrumb {
    background-color: #eff2f3
}

.carousel-container .close-btn {
    z-index: 2;
    position: relative;
    float: right;
    top: 35px;
    right: 64px;
    background-color: #df2d00;
    border: 2px solid #df2d00;
    color: #fff;
    border-radius: 100%;
    width: 44px;
    height: 44px;
    font-size: 22px;
    font-weight: 700
}

.carousel-container .close-btn:hover {
    background-color: #fff;
    color: #000
}

.carousel-container .close-btn:before {
    content: "\2715";
    display: block
}

.carousel-container .carousel-item {
    height: inherit;
    object-fit: contain
}

@media (min-width:1024px) {
    .carousel-container .carousel-item {
        cursor: url("../images/cursor-resize-up.svg") 24 24, auto;
        padding-bottom: 60px
    }
}

.carousel-container .carousel-item img {
    margin-left: auto;
    margin-right: auto;
    max-height: 100%;
    width: auto;
    height: auto;
    padding-bottom: 10%
}

.carousel-container .pdp-image-carousel,
.carousel-container .slick-list,
.carousel-container .slick-list .slick-track,
.carousel-container .slick-slide>div {
    max-height: inherit;
    height: inherit
}

.carousel-container .slick-slide[tabindex="-1"] #webarplayer {
    display: none
}

.carousel-container .slick-slide.slick-active #webarplayer {
    display: block
}

.carousel-container .slick-dots {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: end;
    align-items: flex-end;
    bottom: 0;
    padding-bottom: 24px
}

@media (min-width:1024px) {
    .carousel-container .slick-dots {
        position: absolute;
        bottom: 60px !important
    }
}

.carousel-container .slick-dots>li {
    height: 60px;
    width: 60px;
    margin: 0;
    background-color: #fff
}

@media (min-width:1200px) {
    .carousel-container .slick-dots>li.harman-product-video-toggle-container {
        margin-left: .625rem
    }
}

@media (max-width:1199.98px) {
    .carousel-container .slick-dots>li {
        height: inherit;
        width: 1.4375rem;
        margin: 0 .0625rem
    }
    .carousel-container .slick-dots>li img {
        display: none
    }
}

.carousel-container .slick-dots>li:not(.harman-product-video-toggle-container):after {
    content: "";
    height: .125rem;
    background-color: #cfcfcf;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

@media (max-width:1199.98px) {
    .carousel-container .slick-dots>li:not(.harman-product-video-toggle-container):after {
        background-color: #c4c4c4;
        bottom: 5px
    }
}

.carousel-container .slick-dots>li.slick-active:not(.harman-product-video-toggle-container):after {
    background-color: #fa4616;
    opacity: 1
}

.carousel-container .slick-dotted.slick-slider {
    margin-bottom: 0
}

.carousel-container .slick-next:before,
.carousel-container .slick-prev:before {
    display: none
}

.carousel-container .slick-next,
.carousel-container .slick-prev {
    opacity: .25
}

.carousel-container .slick-next:focus,
.carousel-container .slick-next:hover,
.carousel-container .slick-prev:focus,
.carousel-container .slick-prev:hover {
    opacity: .5
}

.carousel-container .slick-prev {
    background: url("../images/icon-arrow-left.svg") no-repeat 50%;
    left: -3px
}

@media (min-width:1200px) {
    .carousel-container .slick-prev {
        left: 24px
    }
}

.carousel-container .slick-next {
    background: url("../images/icon-arrow-right.svg") no-repeat 50%;
    right: -3px
}

@media (min-width:1200px) {
    .carousel-container .slick-next {
        right: 24px
    }
}

.carousel-container .slick-arrow {
    background-size: contain;
    z-index: 3;
    width: 32px;
    height: 36px;
    cursor: pointer
}

.carousel-container .pdp-wishlist {
    position: absolute;
    bottom: 3.75rem;
    right: 5%;
    padding-bottom: 1.5rem
}

.carousel-container .pdp-wishlist .btn-outline-primary:hover {
    background-color: transparent
}

.carousel-container .pdp-wishlist .wishlist-icon {
    background-image: url("../images/heart.svg");
    width: 3.125rem;
    height: 3.125rem;
    display: block;
    background-repeat: no-repeat;
    background-size: 3.125rem
}

.carousel-container .pdp-wishlist .wishlist-icon:hover {
    background-image: url("../images/hearthover.svg")
}

@media (max-width:1199.98px) {
    .carousel-container .pdp-wishlist {
        bottom: 1.25rem
    }
    .carousel-container .pdp-wishlist .wishlist-icon {
        width: 1.875rem;
        height: 1.875rem;
        background-size: 1.875rem
    }
}

.carousel-container .eol-message {
    width: 100%;
    height: 100%;
    background: hsla(0, 0%, 95%, .5);
    position: absolute;
    z-index: 2
}

.carousel-container .eol-message .pdp-badg {
    position: absolute;
    top: .8rem;
    left: 1.5rem;
    z-index: 2
}

.carousel-container .eol-message .pdp-badg .pdp-badged {
    background-color: #333;
    font-size: var(--f-xs, .8125rem);
    font-family: var(--font-headline);
    color: #fff;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    border-radius: 4px;
    padding: .5rem;
    text-transform: uppercase
}

.gallery-expanded .carousel-item {
    cursor: url("../images/cursor-plus.svg") 24 24, auto
}

.gallery-expanded .carousel-item>img {
    padding-bottom: 3%
}

@media (min-width:1024px) {
    .gallery-expanded .slick-dots {
        bottom: 0 !important;
        padding-bottom: 0
    }
}

.gallery-expanded .breadcrumb-wrapper {
    display: none
}

.magnifying .carousel-item {
    cursor: url("../images/cursor-minus.svg") 24 24, auto
}

.hero-gallery.-main,
.hero-gallery.-main .inside.-pz,
.hero-gallery.-main .inside.-pz .personalization-media {
    height: 100%
}

.hero-gallery.-main .inside.-pz .personalization-media .personalization-media-item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:1024px) {
    .hero-gallery.-main .inside.-pz .personalization-media .personalization-media-item {
        height: calc(90% - 3.75rem)
    }
}

.hero-gallery.-main .inside.-pz .personalization-media .personalization-media-item>span {
    width: 50%;
    height: 50%
}

.hero-gallery.-main .inside.-pz .personalization-media .personalization-media-item>span img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center
}

.harman-product-video-toggle-container {
    text-align: center;
    border-radius: 7px
}

.harman-product-video-toggle-container .harman-product-video-toggle {
    color: #000;
    font-family: var(--font-headline);
    font-weight: 700;
    font-size: var(--f-2xs, .625rem);
    text-decoration: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: end;
    align-items: flex-end;
    height: 30px;
    background-image: url("../images/video_icon.svg");
    background-repeat: no-repeat;
    background-position-x: center
}

@media (min-width:1200px) {
    .harman-product-video-toggle-container .harman-product-video-toggle {
        font-size: var(--f-2xs, .6875rem);
        height: 100%;
        padding-bottom: .5rem;
        background-position-y: 1rem;
        background-size: 1.8125rem auto
    }
}

@media (max-width:1199.98px) {
    .slick-dots>li.harman-product-video-toggle-container {
        position: absolute;
        height: auto;
        width: auto;
        right: 1.375rem;
        bottom: 1.1875rem;
        background-color: unset
    }
}

.video-container {
    padding: 0
}

.video-container .video-close-container {
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    height: 146px;
    width: auto;
    background-color: #f3f3f3;
    margin-left: -15px;
    margin-right: -15px
}

@media (min-width:1024px) {
    .video-container .video-close-container {
        max-width: 100%;
        margin: 0 auto
    }
}

.video-container .video-close {
    color: #000;
    font-family: var(--font-headline);
    font-weight: 700;
    font-size: var(--f-2xs, .625rem);
    text-decoration: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: end;
    align-items: flex-end;
    height: 60px;
    width: 60px;
    padding-bottom: .5rem;
    border-radius: 7px;
    margin-top: 1rem;
    background-image: url("../images/photo_icon.svg");
    background-repeat: no-repeat;
    background-position-y: .6875rem;
    background-position-x: center;
    background-color: #fff
}

@media (min-width:1200px) {
    .video-container .video-close {
        font-size: var(--f-2xs, .6875rem);
        background-size: 1.3125rem auto
    }
}

.video-container .harman-product-video-selector {
    background-color: #000;
    border-top: 84px solid #f3f3f3
}

@media (min-width:1024px) {
    .video-container .harman-product-video-selector {
        max-width: 100%;
        margin: 0 auto
    }
}

.video-container .harman-product-video-selector .harman-product-video-thumbnail {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
    opacity: .5
}

.video-container .harman-product-video-selector .harman-product-video-thumbnail img {
    width: 100%
}

.video-container .harman-product-video-selector .harman-product-video-thumbnail:hover {
    opacity: 1;
    cursor: pointer
}

.video-container .harman-product-video-selector .harman-product-video-thumbnail:after {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: url("../images/icon-youtube-play.svg") no-repeat 50%;
    background-size: 56px;
    transition: .16s
}

.video-container .harman-product-video-selector .harman-product-video-thumbnail-active {
    opacity: 1
}

.video-container .harman-product-video-selector+.harman-product-video-player {
    border: none
}

.video-container .harman-product-video-player {
    position: relative;
    padding-bottom: 50%;
    padding-top: 25px;
    height: 0;
    background-color: #f3f3f3;
    border-top: 84px solid #f3f3f3
}

.video-container .harman-product-video-player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media (min-width:768px) {
    .video-container .harman-product-video-player {
        padding-bottom: 53%
    }
}

@media (min-width:1024px) {
    .video-container .harman-product-video-player {
        margin: 0 auto
    }
}

@media (min-width:1200px) {
    .video-container .harman-product-video-player {
        padding-bottom: 55%
    }
}

@media (min-width:1024px) {
    #pdp-videos-smallscreen {
        display: none !important
    }
}

@media (max-width:1023.98px) {
    #pdp-videos {
        display: none !important
    }
}

.cart-empty {
    margin: 33px 0 47px
}

.cart-empty .emt-crt-txt {
    font-size: 1.5rem;
    line-height: 44/36;
    font-weight: 700;
    font-size: var(--f-m, 16px)
}

@media (min-width:768px) {
    .cart-empty .emt-crt-txt {
        font-size: 1.875rem
    }
}

@media (min-width:1024px) {
    .cart-empty .emt-crt-txt {
        font-size: 2.25rem;
        font-size: var(--f-3xl, 26px)
    }
}

.cart-empty .cnt-shp-txt {
    margin-top: 1.25rem
}

.cart-empty .cnt-shp-txt .continue-shopping-link .return_btn {
    width: 18.875rem;
    height: 2.8125rem;
    font-size: var(--f-s, .875rem);
    padding: 11px
}

.grand-total-text-vat {
    text-transform: none
}

.d-flex {
    width: 100%
}

.crt-lft-pnl {
    max-width: calc(100% - 30px);
    margin: 0 auto
}

.cart-titles {
    padding: 0 0 7px;
    border-bottom: 1px solid hsla(0, 0%, 59%, .39)
}

@media (max-width:1023.98px) {
    .cart-titles .cart-heading {
        font-size: var(--f-3xl, 30px)
    }
}

.cart-section .btn-desk-paypal {
    width: 306px;
    margin: 0 auto;
    border: 1px solid;
    margin-bottom: 15px
}

@media (max-width:1023.98px) {
    .cart-section .btn-desk-paypal {
        width: 100%
    }
}

.msg-shipping-return {
    color: #979797;
    font-style: italic;
    font-weight: 400;
    font-family: var(--font-headline);
    line-height: 16px;
    font-size: var(--f-xs, .75rem);
    margin-top: 7px
}

@media (min-width:1024px) {
    .msg-shipping-return {
        margin-bottom: 26px;
        margin-top: 0
    }
}

.cart-page .cart-section .bonus-line-item-row+.bonus-line-item-msg:before,
.cart-page .cart-section .bundled-line-item+.bundled-line-item:before {
    margin: .625em 0
}

.cart-section {
    margin: 33px 0 47px
}

.cart-section .tax-shipping-separator {
    border-bottom: 1px solid hsla(0, 0%, 59%, .5);
    margin: 0 30px
}

.cart-section .line-itm-cntnt p:not(.line-item-attributes) {
    margin-bottom: 0
}

@media (max-width:1023.98px) {
    .cart-section .line-itm-cntnt .quantity-selector-small {
        margin-right: 20px
    }
}

@media (max-width:1023.98px) {
    .cart-section .line-itm-cntnt a.move {
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width:768px) {
    .cart-section .line-itm-cntnt .wishlist-instockmsg-container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: baseline;
        align-items: baseline
    }
    .cart-section .line-itm-cntnt .wishlist-instockmsg-container .wishlist-border {
        border-left: 2px solid #dde2e6
    }
    .cart-section .line-itm-cntnt .wishlist-instockmsg-container .cart-add-wishlist img {
        height: 16px;
        width: 16px;
        margin-left: 10px
    }
}

.cart-section .line-itm-cntnt .wishlist-instockmsg-container .product-availability {
    text-transform: uppercase;
    font-size: var(--f-2xs, 10px)
}

@media (min-width:768px) {
    .cart-section .line-itm-cntnt .wishlist-instockmsg-container .product-availability {
        margin-right: 15px
    }
}

@media (max-width:1023.98px) {
    .cart-section .card-body.order-cart-promocode,
    .cart-section .card-body.order-shipping-method,
    .cart-section .order-cart-promocode.mobile-promo {
        -ms-flex-order: unset !important;
        order: unset !important;
        background: #f8f8f8
    }
}

@media (max-width:1023.98px) {
    .cart-section .qty-remove-container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: baseline;
        align-items: baseline
    }
}

@media (min-width:768px) {
    .cart-section .line-item-total-price {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
    .cart-section .line-item-total-price .line-item-total-price-amount {
        margin-right: 20px
    }
    .cart-section .line-item-total-price .cross-icon button {
        text-decoration: none
    }
    .cart-section .line-item-total-price .cross-icon span {
        font-size: 34px;
        font-weight: 100
    }
}

.cart-section .homepage-product-listing .product .klarnaPdpMsg {
    display: none
}

.cart-section .title-shipping {
    border-bottom: 1px solid hsla(0, 0%, 59%, .5)
}

.cart-section .priceValues .discount-badge {
    display: none
}

.cart-section .product-info {
    padding: 0;
    border: none
}

.cart-section .product-info .bundle-card-footer {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 35px
}

.cart-section .product-info .bundle-card-footer .priceValues {
    width: min-content
}

.cart-section .product-info .bundle-card-footer .bundle-edit,
.cart-section .product-info .bundle-card-footer .bundle-misc .line-item-availability {
    -ms-flex-item-align: baseline;
    align-self: baseline
}

@media (min-width:768px) {
    .cart-section .product-info .bundle-card-footer {
        margin-bottom: 0
    }
}

.cart-section .product-info .total {
    font-size: var(--f-xs, .8125rem);
    font-weight: 700;
    color: #000;
    margin-top: 15px;
    margin-bottom: 5px;
    text-transform: uppercase
}

.cart-section .price .priceValues {
    text-align: right
}

@media (min-width:1024px) {
    .cart-section .price .priceValues {
        text-align: inherit
    }
}

.cart-section .quantity-selector .quantity-label {
    display: none
}

.cart-section .line-item-header {
    border-top: 1px solid hsla(0, 0%, 59%, .5);
    border-bottom: 1px solid hsla(0, 0%, 59%, .5);
    padding: 10px 0
}

.cart-section .line-item-header .pdt-desc {
    font-size: var(--f-xs, .75rem);
    line-height: 1.375rem;
    font-weight: 700;
    color: #333
}

.cart-section .line-itm-cntnt {
    padding: 33px 0 10px;
    border-bottom: 1px solid hsla(0, 0%, 59%, .39)
}

.cart-section .line-itm-cntnt .price.striked-out-price .strike-through {
    margin-right: 0
}

.cart-section .line-itm-cntnt.list-count {
    border: none
}

.cart-section .line-itm-cntnt .line-item-name {
    font-family: var(--font-headline);
    color: #333;
    margin-bottom: .5rem;
    font-weight: 500;
    text-overflow: unset;
    white-space: unset;
    overflow: auto
}

.cart-section .line-itm-cntnt .item-number,
.cart-section .line-itm-cntnt .line-item-attributes {
    font-size: var(--f-xs, .75rem);
    line-height: 1.1875rem;
    color: #7b7b7b
}

.cart-section .line-itm-cntnt .product-discount-message {
    font-size: var(--f-xs, .75rem);
    line-height: .875rem;
    color: #1c9829;
    font-family: var(--font-headline);
    font-weight: 400;
    font-style: italic;
    margin-top: 5px
}

.cart-section .line-itm-cntnt .cart-add-wishlist,
.cart-section .line-itm-cntnt .remove-line-item {
    display: inline-block
}

.cart-section .line-itm-cntnt .remove-line-item {
    width: 35%
}

@media (max-width:720px) {
    .cart-section .line-itm-cntnt .remove-line-item {
        width: 100%
    }
}

.cart-section .line-itm-cntnt .move,
.cart-section .line-itm-cntnt .remove-btn {
    font-size: var(--f-xs, .75rem);
    line-height: .875rem;
    width: 100%;
    display: inline-block;
    position: static;
    margin: 14px 0 20px;
    text-align: left;
    text-decoration: underline;
    color: #7b7b7b !important;
    font-weight: 500;
    font-family: var(--font-headline)
}

.cart-section .line-itm-cntnt .pdt-detls-sec .item-image {
    width: 92px;
    height: 92px;
    background-color: #eff2f3;
    margin-right: .5625rem
}

@media (min-width:768px) {
    .cart-section .line-itm-cntnt .pdt-detls-sec .item-image {
        width: 120px;
        height: 120px
    }
}

.cart-section .line-itm-cntnt .pdt-detls-sec .item-image img.product-image {
    max-height: fit-content
}

.cart-section .unit-price .non-adjusted-prices,
.cart-section .unit-price .strike-through,
.cart-section .unit-price .value {
    line-height: 22px;
    font-weight: lighter;
    font-size: var(--f-xs, .75rem);
    font-family: var(--font-headline);
    font-weight: 400;
    text-decoration: none
}

.cart-section .unit-price .non-adjusted-prices.final-unit-price,
.cart-section .unit-price .strike-through.final-unit-price,
.cart-section .unit-price .value.final-unit-price {
    display: none !important
}

.cart-section .unit-price .strike-through .value.strike-price {
    text-decoration: line-through
}

.cart-section .unit-price .sales {
    font-size: var(--f-s, .875rem);
    line-height: 22px;
    font-weight: lighter;
    font-size: var(--f-xs, .75rem);
    font-family: var(--font-headline);
    font-weight: 400;
    display: none !important
}

.cart-section .unit-price .sales .value {
    font-weight: 400 !important
}

.cart-section .unit-price .sales.final-unit-price {
    display: block !important
}

.cart-section .unit-price .discount-badge {
    font-weight: 300;
    color: #fa4616;
    font-size: var(--f-2xs, .625rem);
    border: 1px solid #fa4616;
    padding: 2px 6px;
    background-color: #fff;
    vertical-align: text-bottom;
    margin-left: -15px
}

@media (min-width:768px) {
    .cart-section .unit-price .discount-badge {
        font-size: var(--f-xs, .75rem);
        margin-left: 0
    }
}

.cart-section .line-item-total-price-amount,
.cart-section .strike-through {
    font-size: var(--f-s, .875rem);
    line-height: 22px;
    font-weight: lighter
}

.cart-section .line-item-total-price-amount {
    text-align: right;
    padding-right: 1rem;
    font-weight: 600;
    font-family: var(--font-headline)
}

.cart-section .item-total-non-adjusted.strike-through {
    font-size: var(--f-m, 1rem);
    font-family: var(--font-headline);
    font-weight: 400
}

.cart-section .quantity-selector-small {
    margin-top: 0
}

.cart-section .recommendations-wrapper {
    margin-top: 2.6875rem
}

@media (min-width:1024px) {
    .cart-section .recommendations-wrapper {
        margin-top: 2.375rem
    }
}

.cart-section .recommendations-wrapper .recommendations__title {
    text-align: left;
    font-size: var(--f-3xl, 1.5rem);
    font-weight: 700;
    margin-bottom: 1.75rem;
    padding: var(--spacing-s, 16px) var(--side-offset, 16px) 0
}

@media (min-width:1024px) {
    .cart-section .recommendations-wrapper .recommendations__title {
        text-align: left;
        padding: var(--spacing-s, 16px) 0 0;
        margin-bottom: 2.5rem
    }
}

@media (min-width:1024px) {
    .cart-section .recommendations-wrapper .grid-container .product-grid.product-carousel .slick-prev {
        -ms-grid-column: 1;
        grid-column: 1
    }
    .cart-section .recommendations-wrapper .grid-container .product-grid.product-carousel .slick-next {
        -ms-grid-column: 2;
        grid-column: 2
    }
    .cart-section .recommendations-wrapper .grid-container .product-grid.product-carousel .slick-dots {
        grid-column: 3/-1
    }
}

.cart-section .recommendations-wrapper .grid-container .product-grid.product-carousel .slick-slide .product-tile {
    border-bottom: 0 !important
}

.cart-section .recommendations-wrapper .grid-container .product-grid.product-carousel .slick-list {
    border: 0 solid var(--c-accent);
    border-width: 0 1px 0 0;
    padding: 0
}

.cart-section .recommendations-wrapper .grid-container .product-grid.product-carousel .slick-list .slick-track {
    display: -ms-flexbox;
    display: flex
}

@media (min-width:1800px) {
    .cart-section .recommendations-wrapper .grid-container .product-grid.product-carousel .slick-list:has(.slick-slide: first-child:nth-last-child(3), .slick-slide:first-child:nth-last-child(2), .slick-slide:first-child:last-child) {
        border-right-width:0
    }
}

@media (min-width:768px) and (max-width:1799.98px) {
    .cart-section .recommendations-wrapper .grid-container .product-grid.product-carousel .slick-list:has(.slick-slide: first-child:nth-last-child(2), .slick-slide:first-child:last-child) {
        border-right-width:0
    }
}

.cart-section .recommendations-wrapper .grid-container .product-grid.product-carousel .tile .tile-body {
    text-align: left
}

.cart-section .recommendations-wrapper .grid-container .product-grid.product-carousel .tile .tile-body * {
    text-align: inherit
}

.cart-section .recommendations-wrapper .grid-container .product-grid.product-carousel .tile .product {
    background-color: var(--c-accent);
    padding: 0 0 1px 1px
}

.cart-section .recommendations-wrapper .grid-container .product-grid.product-carousel .tile .product .product-tile {
    background-color: var(--c-product-card-canvas)
}

.cart-section .recommendations-wrapper .grid-container .product-grid.product-carousel .tile .image-container {
    max-height: 180px
}

.cart-section .recommendations-wrapper .grid-container .product-grid.product-carousel .tile .image-container>a {
    height: 156px;
    padding-top: unset
}

.cart-section .order-summary-detail .order-summary-device {
    left: -.9375rem;
    width: calc(100% + 1.875rem);
    border-top: 1px solid #cdcdcd;
    margin-top: 0;
    background-color: #f8f8f8
}

.cart-section .order-summary-detail .order-summary-device textarea.form-control {
    background-color: #f8f8f8 !important;
    border-bottom: 1px solid hsla(0, 0%, 48%, .55)
}

.cart-section .order-summary-detail .order-summary-device .included-weee-tax-msg {
    display: block;
    font-size: var(--f-xs, .75rem);
    font-family: var(--font-body);
    font-style: italic;
    color: #979797;
    line-height: 16px;
    font-weight: 400;
    text-transform: uppercase
}

.cart-section .order-summary-detail .order-summary-device .order-total-summary .tax-cals .end-lines .tax-text .info-icon {
    display: inline-block;
    vertical-align: middle;
    width: .875rem;
    height: .875rem;
    border-radius: 50%;
    line-height: .75rem;
    margin-left: .25rem;
    background-color: #333
}

.cart-section .order-summary-detail .order-summary-device .order-total-summary .tax-cals .end-lines .tax-text .info-icon .icon {
    width: auto;
    color: #fff;
    font-size: var(--f-2xs, .625rem);
    margin-top: 2px;
    background-color: #333 !important
}

.cart-section .order-summary-detail .order-summary-device .order-total-summary .tax-cals .end-lines .tax-text .info-icon .tooltip {
    width: 100%;
    min-width: 16.25rem;
    margin-left: 7.1875rem;
    text-align: left;
    color: #333;
    background-color: #fff
}

.cart-section .order-summary-detail .order-summary-device .order-total-summary .tax-cals .end-lines .tax-text .info-icon .tooltip:after {
    display: none
}

.cart-section .order-summary-detail .order-summary-device .order-total-summary .tax-cals .end-lines .tax-text .info-icon .tooltip .msg-tooltip-tax {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: .8125rem;
    padding-left: .8125rem;
    padding-right: .8125rem
}

.cart-section .order-summary-detail .order-summary-device .order-total-summary .tax-cals .end-lines .tax-text .info-icon .tooltip .msg-tooltip-tax .ask-tax h6 {
    background-color: #fff;
    color: #333;
    font-weight: bolder;
    font-family: var(--font-body);
    font-size: 1.1rem;
    margin-top: .8125rem
}

.cart-section .order-summary-detail .order-summary-device .order-total-summary .tax-cals .end-lines .tax-text .info-icon .tooltip .msg-tooltip-tax .tax-txt {
    background-color: #fff;
    color: #333;
    font-size: .6875rem;
    font-family: var(--font-body)
}

.cart-section .card-body.order-shipping-method,
.cart-section .card-body.order-total-summary {
    padding: 18px 28px 5px;
    -ms-flex-order: 2;
    order: 2;
    z-index: 1
}

.cart-section .card-body .order-shipping-method {
    padding: 0 28px 5px
}

@media (min-width:1024px) {
    .cart-section .card-body .order-shipping-method {
        padding: 18px 28px 5px
    }
}

.cart-section input[type=radio] {
    display: none
}

.cart-section input[type=radio]+label {
    font-weight: 400;
    color: #333;
    font-size: var(--f-xs, .75rem);
    line-height: 1.5;
    cursor: pointer;
    position: relative;
    display: inline-block;
    padding-left: 2.5rem;
    color: #345
}

@media (min-width:768px) {
    .cart-section input[type=radio]+label {
        font-size: var(--f-s, .875rem)
    }
}

.cart-section input[type=radio]+label:after {
    content: "";
    position: absolute;
    top: 0;
    width: 1.25rem;
    height: 1.1875rem;
    border: .125rem solid #475666;
    border-radius: 50%
}

.cart-section input[type=radio]:checked+label:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 6px;
    width: .4375rem;
    height: .4375rem;
    background-color: #475666;
    border-radius: 50%
}

.cart-section input[type=radio]+label {
    padding-left: 2rem;
    color: #ec4826
}

.cart-section input[type=radio]+label:after {
    top: 4px;
    left: 0;
    width: .875rem;
    height: .875rem;
    border: .125rem solid #ec4826
}

.cart-section input[type=radio]:checked+label:before {
    top: 5px;
    left: 2px;
    width: .75rem;
    height: .75rem;
    background-color: #ec4826
}

.cart-section .order-shipping-method .shipping-method-block .delivery-note {
    font-size: var(--f-s, .875rem);
    line-height: 1.25rem;
    color: #333;
    margin-bottom: 19px;
    display: inline-block;
    font-family: var(--font-headline);
    font-size: var(--f-xs, .75rem);
    line-height: 1.125rem
}

.cart-section .order-shipping-method .shipping-method-block .form-check {
    margin-bottom: 17px;
    padding-left: 0
}

.cart-section .order-shipping-method .shipping-method-block .shipping-method-option {
    font-size: var(--f-s, .875rem);
    line-height: 1.25rem;
    font-weight: 600;
    color: #333;
    margin-left: 0;
    font-family: var(--font-headline);
    font-size: var(--f-xs, .75rem)
}

.cart-section .order-shipping-method .shipping-method-block .shipping-method-pricing {
    font-weight: 400;
    padding-left: 2rem;
    font-family: var(--font-headline);
    font-size: var(--f-xs, .75rem)
}

.cart-section .order-shipping-method .shipping-method-block .common-order-head {
    font-weight: 600;
    line-height: 1.05rem;
    text-transform: none
}

.cart-section .order-shipping-method .postal-error-message,
.cart-section .order-shipping-method .postal-missing-error {
    display: none
}

.cart-section .order-shipping-method .postal-error-message.error-display {
    font-size: var(--f-xs, .75rem);
    line-height: .875rem;
    color: #a63232;
    font-family: var(--font-headline);
    font-weight: 500;
    display: block;
    margin: .6875rem 0 0 .125rem
}

.cart-section .tx-shpng-sec {
    -ms-flex-order: 3;
    order: 3
}

.cart-section .leading-lines {
    overflow: hidden;
    margin: 0;
    margin-top: 8px
}

.cart-section .leading-lines.tax-cals {
    overflow: initial
}

.cart-section .leading-lines.tax-cals .tooltip-icon-section {
    width: auto;
    display: inline-block
}

.cart-section .leading-lines.order-discount .order-discount-total,
.cart-section .leading-lines.order-discount .product-discount-total,
.cart-section .leading-lines.product-discount .order-discount-total,
.cart-section .leading-lines.product-discount .product-discount-total {
    font-weight: 400;
    color: #1c9829;
    margin-bottom: .5rem
}

.cart-section .leading-lines.order-discount .order-receipt-label,
.cart-section .leading-lines.product-discount .order-receipt-label,
.cart-section .leading-lines .shipping-discount-label {
    color: #148346
}

.cart-section .leading-lines .end-lines {
    padding: .0625rem
}

.cart-section .leading-lines .end-lines span {
    background-color: #f8f8f8;
    position: relative;
    z-index: 2
}

.cart-section .leading-lines .end-lines .tooltip {
    position: absolute;
    bottom: 25px;
    padding: .312rem;
    border-radius: .25rem;
    background-color: #333;
    color: #fff;
    font-size: .928rem;
    min-width: 75px;
    max-width: 125px;
    transform: translate(-41%, -.3em);
    left: 9px;
    margin-left: 0;
    animation: fade-in .5s linear forwards;
    text-align: center
}

.cart-section .leading-lines .end-lines .tooltip:after {
    border-left: .625em solid transparent;
    border-right: .625em solid transparent;
    border-top: .625em solid #333;
    bottom: -.625em;
    content: " ";
    height: 0;
    left: 50%;
    margin-left: -13px;
    position: absolute;
    width: 0;
    top: 100%;
    margin-top: -1px
}

.cart-section .common-order-head {
    font-family: var(--font-headline);
    font-size: var(--f-s, .875rem);
    line-height: 1.0625rem;
    font-weight: 700;
    color: #000;
    font-weight: 600;
    line-height: 1.05rem;
    text-transform: none
}

.cart-section .common-order-head.order-summary {
    margin-bottom: 1.9375rem
}

.cart-section .common-order-head.valu-txt {
    font-size: var(--f-s, .875rem);
    line-height: 22px;
    font-weight: lighter
}

.cart-section .common-order-head.valu-txt .order-txt {
    font-weight: 400
}

.cart-section .common-order-head.order-receipt-label {
    font-weight: 400;
    color: #333;
    margin-bottom: .5rem
}

.cart-section .common-order-head.order-receipt-label .info-icon-tax {
    position: relative
}

.cart-section .common-order-head .grd-ttl-vlu {
    font-weight: 700
}

.cart-section .orderSummaryPayPalCheckoutForm {
    padding-right: .9375rem;
    padding-left: .9375rem
}

.cart-section .orderSummaryPayPalCheckoutForm .paypal-btn-new {
    margin-bottom: 11px;
    height: 45px;
    width: 100%;
    border-radius: 6px;
    background-color: #ffc439;
    text-transform: none !important;
    text-align: center;
    font-weight: bolder;
    border-color: #ffc439
}

.cart-section .orderSummaryPayPalCheckoutForm .paypal_checkout_copy {
    top: -6px;
    position: relative
}

.cart-section .orderSummaryPayPalCheckoutForm .paypal_logo {
    background: url("../images/PayPal-Logo-PNG4.png");
    display: inline-block;
    width: 85px;
    height: 28px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 0 100%;
    margin-left: 7px
}

.cart-section .amazonpay-wrap {
    padding-right: .9375rem;
    padding-left: .9375rem;
    padding-top: .3125rem
}

@media (max-width:1023.98px) {
    .cart-section .amazonpay-wrap {
        padding-bottom: .9375rem
    }
}

.cart-section .amazonpay-wrap .amazon-pay-component {
    width: 100% !important
}

.cart-section .gdr-ttl-sec {
    padding-bottom: .8125rem
}

@media (min-width:1024px) {
    .cart-section .gdr-ttl-sec {
        border-bottom: 1px solid hsla(0, 0%, 59%, .5)
    }
}

.cart-section .gdr-ttl-sec .grand-total-text {
    margin-bottom: 0
}

.cart-section .order-cart-product-isgift,
.cart-section .order-cart-promocode {
    padding: 0 30px
}

.cart-section .order-cart-promocode {
    -ms-flex-order: 2;
    order: 2
}

.cart-section .order-cart-promocode .grd-ttl-sec {
    border-bottom: 1px solid hsla(0, 0%, 59%, .5)
}

.cart-section .order-cart-promocode span {
    font-weight: 300
}

.cart-section .order-cart-promocode .prm-seg {
    position: relative;
    max-width: 183px
}

.cart-section .order-cart-promocode .prm-seg input {
    font-size: var(--f-xs, .75rem);
    line-height: .875rem;
    text-overflow: ellipsis;
    color: #7b7b7b;
    background-color: #f8f8f8 !important
}

.cart-section .order-cart-promocode .error-icon {
    position: absolute;
    top: 48%;
    right: 21px;
    transform: translateY(-50%);
    color: red;
    font-size: 1.625rem;
    -webkit-text-stroke: 3.5px #f8f8f8
}

.cart-section .order-cart-promocode input {
    padding: 15px 20px 12px 5px;
    background-image: none
}

.cart-section .order-cart-promocode input.is-invalid {
    border: 1px solid red
}

.cart-section .order-cart-promocode input.is-invalid+.error-icon {
    display: inline-block !important
}

.cart-section .order-cart-promocode .coupon-error-message {
    font-size: var(--f-xs, .75rem);
    line-height: .875rem;
    color: red;
    font-family: var(--font-headline);
    font-weight: 500;
    margin-top: .6875rem
}

.cart-section .order-cart-promocode .coupon-missing-error.error-display {
    font-size: var(--f-xs, .75rem);
    line-height: .875rem;
    color: red;
    font-family: var(--font-headline);
    font-weight: 500;
    display: block;
    margin: 11px 0 0 2px
}

.cart-section .order-cart-product-isgift {
    -ms-flex-order: 5;
    order: 5;
    padding-bottom: 1.25rem
}

.cart-section .order-cart-product-isgift span {
    font-weight: 300
}

.cart-section .order-cart-product-isgift .common-order-head {
    text-transform: none
}

.cart-section .gift-card,
.cart-section .postal-code,
.cart-section .promo-code {
    padding: 0;
    margin-top: 1.3125rem;
    margin-bottom: 1.4375rem
}

.cart-section .gift-card.promo-show span,
.cart-section .postal-code.promo-show span,
.cart-section .promo-code.promo-show span {
    font-weight: 600
}

.cart-section .promo-code-form {
    display: block
}

.cart-section .promo-code-form.coupon-applied {
    display: none
}

.cart-section .promo-code-form .promo-code-area {
    margin-bottom: .5625rem
}

.cart-section .promo-code-form .promo-code-area .coupon-error {
    margin-top: .375rem
}

.cart-section .promo-show .Left-Arrow-Mobile {
    transform: rotate(270deg) scale(.7);
    top: -2px;
    position: relative
}

.cart-section .Left-Arrow-Mobile {
    transform: rotate(90deg) scale(.7);
    display: inline-block;
    margin-left: .875rem
}

.cart-section .gift-message,
.cart-section .promo-section {
    display: none
}

.cart-section .gift-card {
    margin-bottom: .25rem
}

.cart-section .gift-message {
    padding-left: .1875rem
}

.cart-section .gift-message .text-area textarea {
    padding-right: 1.25rem
}

.cart-section .gift-message .box-unavbl {
    font-size: var(--f-xs, .75rem);
    line-height: 1.125rem;
    color: red;
    font-weight: 500;
    font-family: var(--font-headline);
    padding: 10px 0 0 15px
}

.cart-section .gift-message .add-gift-card .form-group {
    padding: 10px 15px 13px;
    margin: 0
}

.cart-section .gift-message .add-gift-card .form-group input[type=checkbox]:checked+label:after {
    background-position-y: 4px
}

.cart-section .gift-message .add-gift-card .form-group input[type=checkbox]+label:after {
    width: 15px;
    height: 15px
}

.cart-section .gift-message .add-gift-card .form-group .gft-txt {
    font-size: var(--f-xs, .75rem);
    line-height: .875rem;
    font-family: var(--font-headline);
    font-weight: 500;
    padding-top: .125rem
}

.cart-section .gift-message .form-group {
    margin-bottom: 2.875rem
}

.cart-section .gift-message .remaining-lines {
    font-size: var(--f-xs, .75rem);
    line-height: .875rem;
    display: inline-block;
    padding: 9px 0 16px;
    color: #333
}

.cart-section .promo-section {
    font-family: var(--font-headline);
    margin-bottom: 2.75rem;
    font-size: var(--f-xs, .75rem)
}

.cart-section .promo-section .coupons-and-promos,
.cart-section .promo-section .coupons-and-promos-smart {
    padding: 0 15px;
    line-height: 0
}

.cart-section .promo-section .coupons-and-promos-smart .coupon-price-adjustment,
.cart-section .promo-section .coupons-and-promos .coupon-price-adjustment {
    border: none;
    background: #f8f8f8;
    padding: 0;
    width: 100%
}

.cart-section .promo-section .coupons-and-promos-smart .coupon-price-adjustment .coupon-code,
.cart-section .promo-section .coupons-and-promos .coupon-price-adjustment .coupon-code {
    margin-top: 19px
}

.cart-section .promo-section .coupons-and-promos-smart .promotion-information,
.cart-section .promo-section .coupons-and-promos .promotion-information {
    display: none
}

.cart-section .promo-section .coupons-and-promos-smart .remove-coupon,
.cart-section .promo-section .coupons-and-promos .remove-coupon {
    padding: 0;
    font-size: var(--f-xs, .75rem);
    text-decoration: underline;
    color: #979797;
    margin-top: 15px
}

@media (min-width:768px) {
    .cart-section .promo-section .coupons-and-promos-smart .remove-coupon,
    .cart-section .promo-section .coupons-and-promos .remove-coupon {
        margin-top: 10px
    }
}

.cart-section .promo-section .coupons-and-promos-smart .remove-coupon span,
.cart-section .promo-section .coupons-and-promos .remove-coupon span {
    color: #148346;
    font-weight: 700;
    line-height: 1;
    display: inline-block;
    position: relative;
    top: 2px;
    padding-left: .125rem
}

.cart-section .promo-section .coupons-and-promos-smart .coupon-applied,
.cart-section .promo-section .coupons-and-promos .coupon-applied {
    font-size: var(--f-xs, .75rem);
    line-height: .875rem;
    color: #1c9829;
    font-family: var(--font-headline);
    font-weight: 400
}

.cart-section .promo-section .form-group.required input:not([type=password]):valid {
    background-position: 95%;
    padding-right: calc(1.5em + .75rem)
}

.cart-section .giftbox-head {
    font-size: var(--f-xs, .75rem);
    line-height: 1.125rem;
    color: #333;
    display: inline-block;
    padding: 15px 0 13px
}

.cart-section #giftMessage {
    height: 152px
}

.cart-section .promo-code-submit {
    padding: 0;
    max-width: 139px
}

.cart-section .promo-code-submit .promo-code-btn {
    padding: 15px 0 12px;
    line-height: .875rem;
    border-radius: 1.5625rem
}

.cart-section .postal-code-submit {
    padding: 0;
    max-width: 139px
}

.cart-section .postal-code-submit .postal-code-btn {
    padding: 15px 0 12px;
    line-height: .875rem;
    border-radius: 1.5625rem
}

.cart-section .apple-btn-checkout {
    width: 100% !important;
    margin-bottom: 12px;
    height: 2.8125rem
}

.cart-section .chkt-btn-seg {
    padding: 0 1.75rem
}

.cart-section .chkt-btn-seg .checkout-continue {
    box-shadow: none;
    background-color: hsla(0, 0%, 97%, .94);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 6;
    padding: 0;
    margin: .875rem 0
}

@media (max-width:1199.98px) {
    .cart-section .chkt-btn-seg .checkout-continue {
        position: relative
    }
}

@media (min-width:1024px) {
    .cart-section .chkt-btn-seg .checkout-continue {
        position: fixed
    }
}

.cart-section .chkt-btn-seg .checkout-continue div {
    padding: 0
}

.cart-section .chkt-btn-seg a {
    padding: 13px 0 11px
}

.cart-section .payment-method-logo-cart {
    width: calc(100% + 1.875rem);
    border-bottom: 1px solid #cdcdcd;
    margin-left: -.9375rem;
    background-color: #f8f8f8
}

.cart-section .payment-method-logo-cart .list-payment-logo-mobile,
.cart-section .payment-method-logo-cart ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .625rem 1.875rem
}

.cart-section .payment-method-logo-cart .list-payment-logo-mobile .list-group-item,
.cart-section .payment-method-logo-cart ul .list-group-item {
    background-color: #f8f8f8;
    border: 0;
    height: 23.5px;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0
}

.cart-section .payment-method-logo-cart .list-payment-logo-mobile .list-group-item img,
.cart-section .payment-method-logo-cart ul .list-group-item img {
    width: auto;
    height: 100%
}

.cart-section .single-approaching-discountmsg {
    padding-bottom: 14px;
    border-bottom: 1px solid hsla(0, 0%, 59%, .5);
    font-weight: 700;
    margin-bottom: 20px;
    text-align-last: center
}

@media (min-width:768px) {
    .crt-lft-pnl {
        max-width: calc(100% - 80px)
    }
    .cart-titles {
        border-bottom: none;
        padding-bottom: 1.4375rem
    }
    .cart-section .gdr-ttl-sec {
        padding-bottom: 1.125rem
    }
    .cart-section .card-body.order-shipping-method,
    .cart-section .card-body.order-total-summary {
        padding-top: 1.875rem
    }
    .cart-section .price .priceValues {
        text-align: left
    }
    .cart-section .line-item-header {
        display: -ms-flexbox !important;
        display: flex !important
    }
    .cart-section .line-itm-cntnt {
        padding: 27px 0 40px
    }
    .cart-section .line-itm-cntnt .move,
    .cart-section .line-itm-cntnt .remove-btn {
        margin-top: 0
    }
    .cart-section .line-itm-cntnt .pdt-detls-sec .item-image {
        margin-right: .9375rem
    }
    .cart-section .line-itm-cntnt .lne-itm-prc .sales,
    .cart-section .line-itm-cntnt .lne-itm-prc del {
        display: inline-block;
        width: 100%;
        font-size: 0;
        vertical-align: top
    }
    .cart-section .line-itm-cntnt .lne-itm-prc .promo-sec {
        margin-top: .625rem
    }
    .cart-section .order-summary-detail {
        margin: .875rem auto 0
    }
    .cart-section .common-order-head.order-receipt-label {
        color: #000;
        line-height: 1.0625rem
    }
    .cart-section .line-item-total-price-amount {
        text-align: left;
        padding-right: 0
    }
}

@media (min-width:1024px) {
    .cart-empty {
        margin: 6.25rem auto
    }
    .cart-titles .cart-heading {
        font-size: 1.5rem;
        line-height: 2rem;
        color: #000;
        font-family: var(--font-headline);
        display: inline-block;
        font-size: 1.875rem;
        line-height: 3.375rem;
        font-weight: 700
    }
    .cart-titles .need-help-asset {
        display: inline-block;
        float: right
    }
    .cart-titles .need-help-txt {
        line-height: 22px;
        font-weight: lighter;
        margin-top: 4px;
        float: right;
        color: #fa4616;
        text-decoration: underline;
        font-family: var(--font-headline);
        font-weight: 500;
        padding-top: .1875rem
    }
    .cart-titles .need-help-txt,
    .cart-titles .need-help-txt .needhelp-tooltip {
        font-size: var(--f-s, .875rem)
    }
    .cart-section {
        max-width: 1200px;
        margin: 38px auto 45px
    }
    .cart-section .remove-pdt-modal {
        z-index: 1060
    }
    .cart-section .line-item-total-price-amount {
        font-weight: 700
    }
    .cart-section .crt-lft-pnl {
        padding-right: .9375rem
    }
    .cart-section .cart-titles {
        padding-bottom: .125rem
    }
    .cart-section .need-help-txt {
        padding-top: 1.125rem
    }
    .cart-section .gift-card,
    .cart-section .postal-code,
    .cart-section .promo-code {
        margin-bottom: .25rem
    }
    .cart-section .gift-card.promo-show span,
    .cart-section .postal-code.promo-show span,
    .cart-section .promo-code.promo-show span {
        font-weight: 600
    }
    .cart-section .line-item-header .unt-txt {
        padding-left: 1.25rem
    }
    .cart-section .line-itm-cntnt.list-count {
        border-bottom: 1px solid hsla(0, 0%, 59%, .39)
    }
    .cart-section .line-itm-cntnt .pdt-detls-sec .item-attributes {
        max-width: 100%
    }
    .cart-section .line-itm-cntnt .lne-itm-prc {
        padding-left: 1.25rem
    }
    .cart-section .line-itm-cntnt .move,
    .cart-section .line-itm-cntnt .remove-btn {
        margin: 0
    }
    .cart-section .order-summary-detail {
        margin-top: 4rem
    }
    .cart-section .order-summary-detail .order-summary-device {
        left: 0;
        width: auto
    }
    .cart-section .order-summary-detail .order-summary-device.card {
        display: block;
        border: 1px solid #cdcdcd
    }
    .cart-section .order-summary-detail .order-summary-device textarea.form-control {
        font-size: var(--f-xs, .75rem);
        line-height: .875rem;
        color: #7b7b7b
    }
    .cart-section .common-order-head.order-receipt-label {
        color: #333;
        line-height: 1.0625rem
    }
    .cart-section .order-cart-product-isgift span,
    .cart-section .order-cart-promocode span {
        color: #333;
        font-weight: 500;
        line-height: 1.375rem
    }
    .cart-section .order-cart-product-isgift .order-cart-product-isgift,
    .cart-section .order-cart-promocode .order-cart-product-isgift {
        padding-bottom: 0
    }
    .cart-section .order-cart-product-isgift .giftbox-head,
    .cart-section .order-cart-product-isgift .remaining-lines,
    .cart-section .order-cart-promocode .giftbox-head,
    .cart-section .order-cart-promocode .remaining-lines {
        font-size: var(--f-xs, .75rem);
        line-height: 1.125rem;
        font-family: var(--font-headline);
        font-weight: 300
    }
    .cart-section .chkt-btn-seg .checkout-continue {
        position: relative;
        border: none;
        bottom: 0
    }
    .cart-section .chkt-btn-seg a {
        margin: 0 auto
    }
    .cart-section .payment-method-logo-cart {
        width: auto;
        margin-left: 0;
        border-bottom: 0
    }
    .cart-section .payment-method-logo-cart .list-payment-logo,
    .cart-section .payment-method-logo-cart .list-payment-logo-mobile,
    .cart-section .payment-method-logo-cart ul {
        padding: 0;
        border-top: 0;
        margin: 1.4375rem
    }
    .cart-section .payment-method-logo-cart .list-payment-logo-mobile li.list-group-item,
    .cart-section .payment-method-logo-cart .list-payment-logo li.list-group-item,
    .cart-section .payment-method-logo-cart ul li.list-group-item {
        max-width: 4.6875rem;
        border: none
    }
    .cart-section .card-body.order-shipping-method,
    .cart-section .card-body.order-total-summary {
        padding-top: 1.75rem;
        padding-bottom: .3125rem
    }
    .cart-section .gdr-ttl-sec {
        padding-bottom: .5625rem
    }
    .cart-section .promo-section {
        font-family: var(--font-headline);
        margin-top: .125rem;
        margin-bottom: 1.875rem
    }
    .cart-section .postal-code,
    .cart-section .promo-code {
        margin-bottom: .875rem
    }
    .cart-section .gift-message .remaining-lines {
        padding-top: .875rem
    }
    .cart-section .order-cart-product-isgift {
        padding-bottom: 0
    }
}

.cart-page .order-summary-device .kec-container-cart {
    margin-bottom: 10px
}

.cart-recommendations {
    margin: 3rem -15px
}

.cart-recommendations .grid-container .klarnaPdpMsg {
    display: none
}

.cart-recommendations .heading {
    margin: 3rem 15px;
    font-weight: 700;
    font-size: var(--f-3xl, 1.875rem)
}

@media (min-width:1024px) {
    .cart-recommendations {
        margin-left: 0;
        margin-right: 0
    }
    .cart-recommendations .heading {
        padding-left: 0;
        padding-right: 0
    }
}

.cart-recommendations .grid-container {
    background-color: #f8f9fa;
    padding: 0;
    overflow: hidden;
    width: 100%
}

.cart-recommendations .slick-track {
    padding: 15px 0 40px
}

.cart-recommendations .slick-track>*>* {
    margin: 0
}

.cart-recommendations .einstein-carousel:not(.slick-initialized) {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: auto
}

.cart-recommendations .product {
    width: calc(40% - 15px)
}

.cart-recommendations .product-tile {
    background-color: #fff;
    border-radius: 8px;
    padding: 1px;
    border: 1px solid transparent;
    transition: all .2s ease-in-out;
    margin: 15px;
    display: -ms-flexbox !important;
    display: flex !important
}

.cart-recommendations .product-tile:focus-within,
.cart-recommendations .product-tile:hover {
    border-color: #f7f7f7;
    box-shadow: 15px 15px 30px 0 rgba(0, 0, 0, .15)
}

.cart-recommendations .slick-dots {
    bottom: -10px
}

.neadHelpLink {
    color: #fa4616;
    text-decoration: underline;
    cursor: pointer;
    display: inline-block;
    margin-top: 10px;
    padding-left: 0;
    position: inherit;
    padding-right: 0;
    text-align: center
}

@media (min-width:1024px) {
    .neadHelpLink {
        padding-left: 15px;
        position: relative;
        text-align: left;
        padding-right: 50px
    }
}

.neadHelpLink:hover .needhelp-tooltip {
    display: block
}

.needhelp-tooltip {
    display: none;
    position: absolute;
    padding-bottom: 0;
    top: 63px;
    width: 100%;
    right: 1%;
    z-index: 300
}

@media (min-width:1024px) {
    .needhelp-tooltip {
        left: 85%;
        top: -6px
    }
}

@media (min-width:1200px) {
    .needhelp-tooltip {
        left: 85%;
        top: -6px
    }
}

.tip {
    width: 100%;
    left: 0;
    right: 0;
    padding: .5em .5em 1em;
    background: #fff;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .65);
    border-radius: 5px;
    font-weight: 500;
    font-family: var(--font-headline);
    cursor: default;
    margin-left: 0
}

@media (min-width:1024px) {
    .tip {
        width: 350px;
        padding: 1em
    }
}

.tip a {
    cursor: pointer
}

.needhelp-tooltip:hover .needhelp-tooltip {
    display: block
}

.tip-title {
    font-size: 18px !important;
    margin-bottom: 15px;
    font-weight: 600
}

.tip-description,
.tip-title {
    color: #000;
    font-family: var(--font-headline)
}

.tip-description {
    padding-bottom: 15px
}

.tip-description .contactLink {
    --skin-link-color-2: #fa4616;
    text-decoration: underline
}

.tip-hours {
    color: #000;
    padding-bottom: 5px
}

.tip:before {
    content: "";
    border: 1rem solid transparent;
    position: absolute;
    left: 90%;
    transform: translate(-50%) rotate(45deg);
    top: -9px;
    bottom: auto;
    background: #fff;
    box-shadow: -1px -1px 0 rgba(0, 0, 0, .45)
}

@media (min-width:1024px) {
    .tip:before {
        left: -16px;
        top: 18px;
        transform: rotate(315deg)
    }
}

.prm-seg .postal-code-field {
    font-size: var(--f-xs, .75rem);
    padding: 12px 16px 14px 12px
}

@media (min-width:1024px) {
    header~#maincontent .container-narrow .terms-and-conditions,
    header~#maincontent .container .terms-and-conditions {
        margin-bottom: 15px;
        margin-top: 0
    }
}

header~#maincontent .container-narrow .terms-and-conditions .term_conditions,
header~#maincontent .container .terms-and-conditions .term_conditions {
    font-family: var(--font-headline);
    font-weight: 400;
    font-size: var(--f-2xs, .625rem);
    margin: 1.25rem 1.5rem .625rem;
    color: #000;
    line-height: 1rem
}

@media (min-width:1024px) {
    header~#maincontent .container-narrow .terms-and-conditions .term_conditions,
    header~#maincontent .container .terms-and-conditions .term_conditions {
        margin-bottom: 15px;
        margin-top: 0
    }
}

header~#maincontent .container-narrow .terms-and-conditions .term_conditions .privacity-policy,
header~#maincontent .container-narrow .terms-and-conditions .term_conditions .term_of_sale,
header~#maincontent .container-narrow .terms-and-conditions .term_conditions .term_of_use,
header~#maincontent .container .terms-and-conditions .term_conditions .privacity-policy,
header~#maincontent .container .terms-and-conditions .term_conditions .term_of_sale,
header~#maincontent .container .terms-and-conditions .term_conditions .term_of_use {
    text-decoration: underline;
    --skin-link-color-2: #fa4616
}

header~#maincontent .container-narrow .terms-and-conditions .term-condition-msg,
header~#maincontent .container .terms-and-conditions .term-condition-msg {
    color: #979797;
    font-size: var(--f-xs, .75rem);
    margin-bottom: 10px;
    font-weight: 400;
    font-family: var(--font-headline);
    font-style: italic;
    margin-top: 25px
}

@media (min-width:1024px) {
    header~#maincontent .container-narrow .terms-and-conditions .term-condition-msg,
    header~#maincontent .container .terms-and-conditions .term-condition-msg {
        margin-top: 0
    }
}

header~#maincontent .container-narrow .terms-and-conditions .grd-ttl-sec,
header~#maincontent .container .terms-and-conditions .grd-ttl-sec {
    border-bottom: 1px solid hsla(0, 0%, 59%, .5);
    opacity: .5;
    margin-left: 15px;
    margin-right: 15px
}

.keb-cart {
    margin-top: 5px;
    margin-bottom: 15px
}

@media (min-width:1024px) {
    .keb-cart {
        margin-top: 0
    }
}

.payment-methods {
    -ms-flex-order: 5;
    order: 5;
    margin-bottom: 19px
}

@media (min-width:1024px) {
    .payment-methods {
        margin-top: 26px
    }
}

.payment-methods .iconT-pay {
    display: -ms-flexbox;
    display: flex;
    margin-left: 1.0625rem;
    margin-right: 1.0625rem
}

.payment-methods .iconT-pay .payment-icons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
    margin-left: .625rem;
    margin-right: .625rem;
    gap: 2.5%
}

@media (min-width:1024px) {
    .payment-methods .iconT-pay .payment-icons {
        margin-left: 0;
        margin-right: 0
    }
}

.payment-methods .iconT-pay .payment-icons .paymentMethod_img {
    width: 12.14286%
}

.payment-methods .iconT-pay .payment-icons :nth-of-type(n+8) {
    margin-top: .3125rem
}

.payment-methods .grd-ttl-sec1 {
    border-bottom: 1px solid hsla(0, 0%, 59%, .5);
    opacity: .5;
    margin-bottom: 27px;
    margin-left: 30px;
    margin-right: 30px
}

@media (min-width:1024px) {
    .payment-methods .grd-ttl-sec1 {
        border-bottom: 0;
        opacity: .5;
        margin-top: 0;
        margin-left: 0;
        margin-right: 0
    }
}

.payment-methods .grd-ttl-sec {
    border-bottom: 1px solid hsla(0, 0%, 59%, .5);
    opacity: .5;
    margin-top: 27px;
    margin-left: 30px;
    margin-right: 30px
}

@media (min-width:1024px) {
    .payment-methods .grd-ttl-sec {
        margin-top: 19px
    }
}

.billme-later-banner .grd-ttl-sec {
    border-bottom: 1px solid hsla(0, 0%, 59%, .5);
    margin-top: 15px;
    margin-left: 17px;
    margin-right: 17px
}

@media (min-width:1024px) {
    .billme-later-banner .grd-ttl-sec {
        border-bottom: 0;
        margin-top: 0
    }
}

.billme-later-banner .message__logo {
    width: 100%
}

.shipping-method-title-total-summary {
    font-style: italic;
    font-family: var(--font-body);
    font-size: var(--f-xs, .75rem);
    line-height: 16px
}

.recommendations .product-tile .button-buy-now {
    display: none
}

@media (max-width:1199.98px) {
    .promotion-timer span {
        font-size: var(--f-xs, .75rem)
    }
    .promotion-timer .live-countdown {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }
    .promotion-timer .live-countdown .countdown-seconds {
        display: none
    }
    .promotion-timer .live-countdown .countdown-group {
        width: 100%;
        padding: 0
    }
    .promotion-timer .live-countdown .countdown-group .digits .notranslate {
        font-size: var(--f-xs, .8125rem)
    }
    .promotion-timer .live-countdown .countdown-group .label {
        font-size: var(--f-2xs, .625rem)
    }
    .promotion-timer .live-countdown--small {
        padding-top: .125rem;
        padding-bottom: .1875rem
    }
}

@media (max-width:1199.98px) {
    .payment-method-logo-cart ul li.list-group-item {
        border: none
    }
    .cart-section .postal-code {
        font-weight: 400;
        margin-top: .3125rem;
        margin-bottom: .3125rem
    }
    .btn-desk-paypal {
        margin: 0
    }
    .billme-later-banner .grd-ttl-sec {
        display: none
    }
    .order-summary-device>.col-12:has(.apple-btn-checkout) {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

.pp-message-cart {
    padding: 8px 0;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media (min-width:1024px) {
    .pp-message-cart {
        padding: 10px 0
    }
}

.pp-message {
    padding-top: 10px
}

@media (max-width:1023.98px) {
    .pp-message {
        padding-bottom: 10px
    }
}

@media screen and (max-width:400px) {
    .pp-message span {
        max-width: calc(100% - 10px) !important
    }
}

html[data-brand=jbl] .cart-section .apple-btn-checkout,
html[data-brand=jbl] .cart-section .orderSummaryPayPalCheckoutForm .paypal-btn-new {
    border-radius: 1.5rem !important
}

html:not([data-brand=jbl]) .cart-paypal-container {
    padding: 0 15px
}

.order-cart-promocode #discount-applied-header {
    display: none
}

.pdp-smallscreen-page-navigation {
    background-color: hsla(0, 0%, 97%, .94);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    border-bottom: 2px solid #e9ecef;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 5px 10px;
    z-index: 100;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: var(--f-s, .9375rem);
    transition: transform .12s ease-in-out;
    transform: translateY(-100%)
}

.pdp-smallscreen-page-navigation.pdp-ha.show,
.pdp-smallscreen-page-navigation.show {
    transform: translateY(0)
}

.pdp-smallscreen-page-navigation .custom-stars {
    display: block !important;
    margin-top: -.3125rem
}

.pdp-smallscreen-page-navigation .title {
    display: block;
    font-size: 1.1rem
}

.pdp-smallscreen-page-navigation .pricing {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end
}

.pdp-smallscreen-page-navigation .prices {
    text-align: left;
    font-size: var(--f-s, .9375rem);
    margin-right: .5rem
}

.pdp-smallscreen-page-navigation .prices .price,
.pdp-smallscreen-page-navigation .prices .sales {
    font-size: var(--f-s, .9rem);
    font-weight: 400
}

.pdp-smallscreen-page-navigation .prices .strike-through,
.pdp-smallscreen-page-navigation .prices del {
    display: none
}

.pdp-smallscreen-page-navigation .product-availability {
    font-size: var(--f-2xs, .6875rem);
    margin: 0
}

.pdp-smallscreen-page-navigation .product-availability>* {
    font-size: inherit !important;
    margin: 0;
    font-weight: 500
}

.pdp-smallscreen-page-navigation .page-navigation-links {
    margin-left: 10px;
    font-size: var(--f-s, .9rem);
    background-color: #fff;
    border: 1px solid #a9a9a9;
    border-radius: 4px;
    padding: 10px;
    width: 100px;
    color: #797979
}

.pdp-smallscreen-page-navigation .top_flex {
    display: -ms-flexbox;
    display: flex
}

@media (min-width:1024px) {
    .pdp-smallscreen-page-navigation {
        display: none
    }
}

#maincontent>.product-detail div.product-meta {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 8px 0 0 8px;
    row-gap: 0
}

#maincontent>.product-detail div.product-meta .top_prices .price,
#maincontent>.product-detail div.product-meta .top_prices .sales {
    font-size: var(--f-s, .9rem)
}

#maincontent>.product-detail div.product-meta .top_prices .discount-badge {
    display: none
}

#maincontent>.product-detail div.product-meta div.top_rating #data-bv-show {
    display: block !important
}

#maincontent>.product-detail div.product-meta div.top_rating #data-bv-show .bv_avgRating_component_container,
#maincontent>.product-detail div.product-meta div.top_rating #data-bv-show .bv_button_component_container,
#maincontent>.product-detail div.product-meta div.top_rating #data-bv-show .bv_numReviews_text {
    display: none !important
}

.pdp-special-features-container {
    width: 100%
}

.pdp-special-features-container .pdp-special-feature {
    max-width: 100%;
    text-align: center;
    padding: 0 32px
}

@media (min-width:1200px) {
    .pdp-special-features-container .pdp-special-feature {
        padding: 0 48px
    }
}

.pdp-special-features-container .pdp-special-feature .image-container {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 16px
}

.pdp-special-features-container .pdp-special-feature .text-container {
    padding: 0 0 16px
}

.pdp-special-features-container .pdp-special-feature .text-container p {
    font-size: var(--f-m, 1rem)
}

.pdp-special-features-container .pdp-special-feature .text-container a {
    text-decoration: underline;
    color: currentColor;
    -webkit-text-decoration-color: var(--c-accent);
    text-decoration-color: var(--c-accent);
    text-underline-offset: 2px
}

.pdp-special-features-container .pdp-special-feature a {
    text-decoration: underline
}

.category-carrousel {
    margin: 1.875rem 0
}

.pdp-lifestyle-features-container {
    width: 100%;
    background-color: #eff2f3;
    overflow: hidden
}

.pdp-lifestyle-features-container .lifestyle-feature {
    max-width: 100%
}

.pdp-lifestyle-features-container .lifestyle-feature .feature-text {
    text-align: inherit;
    padding: 16px var(--side-offset, 16px)
}

@media (max-width:1023.98px) {
    .pdp-lifestyle-features-container .lifestyle-feature .feature-text h3 {
        font-weight: 700;
        font-size: 28px;
        margin-bottom: var(--spacing-m)
    }
}

.pdp-lifestyle-features-container .lifestyle-feature .feature-text .textLine {
    margin: 1rem auto 1rem 0
}

.pdp-lifestyle-features-container .lifestyle-feature .feature-text p {
    margin: 0 0 16px;
    font-size: var(--f-m, 1rem)
}

.pdp-lifestyle-features-container .lifestyle-feature .carousel-images-container {
    width: 100%
}

@media (max-width:1023.98px) {
    .pdp-lifestyle-features-container .lifestyle-feature .carousel-images-container {
        display: block;
        padding: var(--side-offset) var(--side-offset) 0
    }
}

.pdp-lifestyle-features-container .lifestyle-feature img {
    width: 100%
}

@media (min-width:1024px) {
    .pdp-lifestyle-features-container .lifestyle-feature {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-align: start;
        align-items: flex-start;
        margin: 0;
        position: relative
    }
    .pdp-lifestyle-features-container .lifestyle-feature:before {
        position: absolute;
        content: " ";
        width: 100%;
        height: 100%;
        background: linear-gradient(-90deg, transparent, transparent 40%, #000)
    }
    .pdp-lifestyle-features-container .lifestyle-feature:nth-child(odd) {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        text-align: right
    }
    .pdp-lifestyle-features-container .lifestyle-feature:nth-child(odd) p {
        margin: 0 0 16px auto
    }
    .pdp-lifestyle-features-container .lifestyle-feature:nth-child(odd) .textLine {
        margin: 1rem 0 1rem auto
    }
    .pdp-lifestyle-features-container .lifestyle-feature:nth-child(odd):before {
        position: absolute;
        content: " ";
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, transparent 40%, #000)
    }
    .pdp-lifestyle-features-container .lifestyle-feature:nth-child(odd) .feature-text {
        right: 0
    }
    .pdp-lifestyle-features-container .lifestyle-feature .feature-text {
        color: #fff;
        padding: 0;
        width: 50%;
        position: absolute;
        margin: 0 2rem;
        margin-top: 5%
    }
    .pdp-lifestyle-features-container .lifestyle-feature .feature-text h3 {
        font-size: 40px;
        font-weight: 700;
        margin-bottom: var(--spacing-m)
    }
    .pdp-lifestyle-features-container .lifestyle-feature .feature-text .textLine {
        width: 50%;
        border: 1px solid #fa4616
    }
    .pdp-lifestyle-features-container .lifestyle-feature .feature-text p {
        margin-right: 0;
        width: 70%
    }
}

.contents .slick-next:before,
.contents .slick-prev:before {
    display: none
}

.contents .slick-next,
.contents .slick-prev {
    opacity: .25
}

.contents .slick-next:focus,
.contents .slick-next:hover,
.contents .slick-prev:focus,
.contents .slick-prev:hover {
    opacity: .5
}

.contents .slick-prev {
    background: url("../images/icon-arrow-left.svg") no-repeat 50%;
    left: 0
}

@media (min-width:1200px) {
    .contents .slick-prev {
        left: 10px
    }
}

.contents .slick-next {
    background: url("../images/icon-arrow-right.svg") no-repeat 50%;
    right: 0
}

@media (min-width:1200px) {
    .contents .slick-next {
        right: 10px
    }
}

.contents .slick-arrow {
    background-size: contain;
    z-index: 3;
    height: 24px;
    width: 32px;
    cursor: pointer
}

.contents .slick-arrow.slick-disabled {
    opacity: .3
}

@media (min-width:1024px) {
    .contents .slick-arrow {
        height: 36px
    }
}

.contents .slick-dots {
    bottom: 0;
    padding: 0 0 16px
}

.contents .slick-dots>li:after {
    content: "";
    height: 3px;
    background-color: #fa4616;
    opacity: .3;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.contents .slick-dots>li button:before {
    display: none
}

.contents .slick-dots>.slick-active:after {
    opacity: 1
}

.contents .product-grid.product-carousel .slick-dots {
    display: none !important
}

.pz-add-to-cart-error {
    color: #df2d00;
    padding: 10px 0
}

.pdp-sidebar-slots {
    width: 100%;
    margin-top: .75rem
}

.personalize-social-share {
    width: 100%;
    margin-top: 24px
}

.personalize-social-share .jbl-custom-buttons--share-icons {
    margin-top: 16px;
    border: 0;
    padding: 0
}

.personalize-social-share .jbl-custom-buttons--share-icons .jbl-custom-buttons--share-header {
    font-weight: 700
}

.personalize-social-share .jbl-custom-buttons--share-icons ul {
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width:600px) {
    .personalize-social-share .jbl-custom-buttons--share-icons ul {
        -ms-flex-pack: center;
        justify-content: center
    }
}

.personalize-social-share .jbl-custom-buttons--share-icons ul .jbl-custom-buttons--share-icon {
    background: url("../../img/pdpv2/icons-social.svg") no-repeat 0 0;
    background-size: 400% 200%;
    width: 49px;
    height: 48px;
    display: block;
    cursor: pointer;
    color: transparent;
    margin: 0 4px
}

.personalize-social-share .jbl-custom-buttons--share-icons ul .jbl-custom-buttons--share-icon.jbl-custom-buttons--share-icons-facebook {
    background-position-x: -49px
}

.personalize-social-share .jbl-custom-buttons--share-icons ul .jbl-custom-buttons--share-icon.jbl-custom-buttons--share-icons-email {
    background-position-x: -98px
}

.personalize-social-share .jbl-custom-buttons--share-icons ul .jbl-custom-buttons--share-icon.jbl-custom-buttons--share-icons-copy {
    background-position-x: -147px
}

.personalize-social-share .jbl-custom-buttons--share-icons ul .jbl-custom-buttons--share-icon:hover {
    background-position-y: bottom
}

.whybuy {
    margin: 1rem auto
}

@media (min-width:1024px) {
    .whybuy {
        margin: 1.875rem auto
    }
}

.whybuy #whybuy-pdp .row .whybuy-reason {
    padding: 0 .75rem
}

.whybuy #whybuy-pdp .row .whybuy-reason a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

@media (min-width:1024px) {
    .whybuy #whybuy-pdp .row .whybuy-reason a {
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: row;
        flex-direction: row;
        text-align: left
    }
}

.whybuy #whybuy-pdp .row .whybuy-reason a img {
    width: 1.875rem;
    padding-bottom: .625rem
}

@media (min-width:1024px) {
    .whybuy #whybuy-pdp .row .whybuy-reason a img {
        width: 3.125rem;
        padding-top: .3125rem
    }
}

.whybuy #whybuy-pdp .row .whybuy-reason a div {
    font-family: var(--font-headline);
    margin-left: .3125rem
}

.whybuy #whybuy-pdp .row .whybuy-reason a div span {
    font-size: var(--f-xs, .8125rem);
    font-weight: 500
}

.whybuy #whybuy-pdp .row .whybuy-reason a div p {
    font-size: var(--f-3xs, .5rem);
    text-decoration: underline;
    margin-bottom: 0
}

.whybuy #whybuy-pdp .row .whybuy-reason:nth-child(2) {
    padding: 0
}

.pdp-lifestyle-gallery .image {
    padding-top: 100%;
    position: relative
}

.pdp-lifestyle-gallery .image img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

@media (min-width:768px) {
    .pdp-lifestyle-gallery .gallery-wrapper {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr
    }
}

.product-detail .content-specifications {
    background-color: var(--c-pdp-specs-bg, #111);
    padding: 1rem;
    color: var(--c-pdp-specs-copy, #fff)
}

.product-detail .content-specifications h2 {
    font-size: 1.5rem;
    color: inherit
}

@media (min-width:1024px) {
    .product-detail .content-specifications {
        padding: 1.875rem
    }
    .product-detail .content-specifications .specs {
        margin-top: 3.75rem
    }
}

@media (min-width:1400px) {
    .product-detail .content-specifications {
        padding: 3.75rem 1.875rem
    }
}

.product-detail .content-specifications .item-number {
    font-family: var(--font-headline);
    font-weight: 700;
    font-size: var(--f-l, 1.125rem);
    text-align: center;
    margin: 1.5em 0
}

@media (min-width:1200px) {
    .product-detail .content-specifications .item-number {
        font-size: var(--f-3xl, 1.75rem)
    }
}

.product-detail .content-specifications .content-header .itemid {
    font-size: var(--f-xl, 1.25rem);
    text-align: center;
    margin-bottom: 1.25rem
}

.product-detail .content-specifications .content-body {
    position: relative
}

.product-detail .content-specifications .content-body toggle-section {
    position: relative;
    z-index: 2
}

.product-detail .content-specifications .content-body .spec-body {
    padding: 0;
    font-family: var(--font-body, "Arial")
}

.product-detail .content-specifications .content-body .spec-body h6 {
    font-weight: 700
}

.product-detail .content-specifications .content-body .spec-body .spec-list dt {
    margin-bottom: .3rem
}

@media (min-width:1024px) {
    .product-detail .content-specifications .content-body .spec-body {
        padding: 0 1.2rem
    }
}

.product-detail .content-specifications .content-body .background-product-image {
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    width: 50%;
    opacity: .075;
    top: -2rem;
    bottom: -2rem;
    z-index: 0;
    display: none
}

@media (min-width:1024px) {
    .product-detail .content-specifications .content-body .background-product-image {
        display: block;
        right: -30px;
        right: -60px
    }
}

.product-detail .content-specifications .content-body .box-contents ul li {
    position: relative;
    padding-left: 16px;
    margin-bottom: 4px
}

.product-detail .content-specifications .content-body .box-contents ul li:before {
    content: "\2022";
    position: absolute;
    left: 0;
    font-size: var(--f-m, 1rem);
    color: #fa4616
}

@media (min-width:1024px) {
    .product-detail .content-specifications .content-body .box-contents {
        display: -ms-flexbox;
        display: flex
    }
    .product-detail .content-specifications .content-body .box-contents .box-image,
    .product-detail .content-specifications .content-body .box-contents ul {
        -ms-flex: 1;
        flex: 1
    }
}

.product-detail .content-specifications .content-body .documents-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    row-gap: 16px
}

@media (min-width:1024px) {
    .product-detail .content-specifications .content-body .documents-grid {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
        column-gap: 10px
    }
}

.product-detail .content-specifications .content-body .documents-grid .harman-document {
    background-color: var(--c-pdp-specs-copy, #fff);
    box-shadow: 0 12px 24px 0 rgba(0, 0, 0, .06)
}

.product-detail .content-specifications .content-body .documents-grid .harman-document a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    padding: 1rem 1rem 1rem 2.5rem
}

.product-detail .content-specifications .content-body .documents-grid .harman-document i.fa {
    color: var(--c-pdp-specs-icon, #fa4616);
    padding-right: .5rem;
    margin-left: 1.5rem
}

.product-detail .content-specifications .content-body .documents-grid .harman-document .document-details {
    width: fit-content
}

.product-detail .content-specifications .content-body .documents-grid .harman-document .document-details h4 {
    font-size: var(--f-m, 16px);
    font-weight: 400
}

.product-detail .content-specifications .content-body .documents-grid .harman-document .document-details span {
    color: var(--c-em-xlow, #a9a9a9)
}

.product-bundle-container .dw-apple-pay-button,
.variation-attribute .dw-apple-pay-button {
    width: auto !important;
    min-width: unset;
    padding: .75rem 2.25rem;
    margin: 0;
    line-height: 1.5;
    border-radius: 50rem
}

.product-bundle-container .dw-apple-pay-button:active,
.product-bundle-container .dw-apple-pay-button:hover,
.variation-attribute .dw-apple-pay-button:active,
.variation-attribute .dw-apple-pay-button:hover {
    padding: .75rem 2.25rem;
    margin: 0;
    margin-right: 0;
    line-height: 1.5;
    border-radius: 50rem
}

.product-bundle-container .dw-apple-pay-button.dw-apple-pay-logo-white,
.variation-attribute .dw-apple-pay-button.dw-apple-pay-logo-white {
    border-color: #000
}

.applepay_tc {
    display: none;
    font-size: var(--f-xs, 12px)
}

.applepay_tc a {
    color: #f30;
    text-decoration: none
}

isapplepay.apple-btn-checkout {
    display: none !important
}

.product-detail .pdp-support {
    background: #f7f7f7;
    overflow: hidden;
    padding-bottom: 1rem
}

.product-detail .pdp-support .pdp-support-columns {
    padding: 1rem
}

.product-detail .pdp-support .pdp-support-columns .pdp-faqs {
    color: #fff;
    margin-bottom: 1rem
}

.product-detail .pdp-support .pdp-support-columns .pdp-faqs .enter-faq-label,
.product-detail .pdp-support .pdp-support-columns .pdp-faqs .searchedforInfo {
    display: none
}

.product-detail .pdp-support .pdp-support-columns .pdp-faqs .faq-components {
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.product-detail .pdp-support .pdp-support-columns .pdp-faqs .faq-components #estimateFaqData {
    margin-right: -2rem;
    border-radius: 24px 0 0 24px;
    height: 48px;
    border: 3px solid #000;
    background: #fff;
    padding: .125rem 1.5rem;
    width: 100%;
    max-width: 520px;
    color: #000;
    outline: none
}

@media (min-width:1024px) {
    .product-detail .pdp-support .pdp-support-columns .pdp-faqs .faq-components #estimateFaqData {
        width: 40%
    }
}

.product-detail .pdp-support .pdp-support-columns .pdp-faqs .faq-components .find-faq-data {
    font-weight: 600;
    padding: .5rem 2.3rem;
    text-transform: uppercase;
    width: auto;
    height: 48px;
    border-radius: 0 24px 24px 0;
    transform: translate(-1px);
    background-color: #000;
    color: #fff;
    border: 3px solid #000
}

.product-detail .pdp-support .pdp-support-columns .pdp-faqs .faq-components .find-faq-data:hover {
    color: #000;
    background: #fff
}

@media (min-width:1024px) {
    .product-detail .pdp-support .pdp-support-columns .pdp-faqs .faq-components .find-faq-data {
        border-radius: 24px
    }
}

.product-detail .pdp-support .pdp-support-columns .pdp-faqs .faq-data {
    padding: 2rem 0
}

.product-detail .pdp-support .pdp-support-columns .pdp-faqs .faq-data ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap
}

@media (min-width:1024px) {
    .product-detail .pdp-support .pdp-support-columns .pdp-faqs .faq-data ul {
        display: -ms-grid;
        display: grid;
        grid-gap: 1rem;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr
    }
}

.product-detail .pdp-support .pdp-support-columns .pdp-faqs .faq-data .tabcontent {
    border: 1px solid #c4c4c4;
    color: #000;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 12px 24px 0 rgba(0, 0, 0, .06);
    padding: 1rem;
    margin-bottom: 1rem;
    cursor: pointer
}

@media (min-width:1024px) {
    .product-detail .pdp-support .pdp-support-columns .pdp-faqs .faq-data .tabcontent:hover h4 {
        text-decoration: underline;
        -webkit-text-decoration-color: #fa4616;
        text-decoration-color: #fa4616
    }
    .product-detail .pdp-support .pdp-support-columns .pdp-faqs .faq-data .tabcontent.-active {
        -ms-grid-column: 1;
        grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column-end: span 2
    }
}

.product-detail .pdp-support .pdp-support-columns .pdp-faqs .faq-data .tabcontent .faqQuestion {
    margin: 0;
    background: url("../images/sprites/icon-kba.svg") 0 no-repeat;
    background-size: 48px;
    min-height: 48px;
    padding-left: 3.875rem;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--f-xs, .8125rem);
    font-weight: 700;
    -ms-flex-align: center;
    align-items: center
}

.product-detail .pdp-support .pdp-support-columns .pdp-faqs .faq-data .tabcontent .faqQuestion:before {
    display: none
}

.product-detail .pdp-support .pdp-support-columns .pdp-faqs .faq-data .tabcontent .content {
    margin-top: 2rem
}

.product-detail .pdp-support .pdp-support-columns .pdp-faqs .faq-data .tabcontent .content .toggle>* {
    color: #000
}

.product-detail .pdp-support .pdp-support-columns .pdp-faqs .faq-data .tabcontent .content .toggle>:hover {
    color: #fa4616
}

.product-detail .pdp-support .pdp-support-columns .pdp-faqs .faq-data .tabcontent .content * {
    width: auto !important
}

.product-detail .pdp-support .pdp-support-columns .pdp-faqs .faq-data .error {
    color: #000
}

.product-detail .pdp-support .pdp-support-columns .load-more button {
    padding: .5rem 2.5rem;
    width: 11.375rem
}

.product-detail .pdp-support .pdp-support-columns .cards {
    margin-top: 2rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

@media (min-width:1024px) {
    .product-detail .pdp-support .pdp-support-columns .cards {
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 1rem
    }
}

.product-detail .pdp-support .pdp-support-columns .cards .card {
    padding: 2rem 1rem;
    background-color: #fff;
    box-shadow: 0 12px 24px 0 rgba(0, 0, 0, .06);
    color: #000;
    border-radius: 6px;
    line-height: 1.4;
    margin: 1rem 0;
    -ms-flex-align: center;
    align-items: center
}

.product-detail .pdp-support .pdp-support-columns .cards .card h3 {
    font-size: 1.3rem;
    text-align: center;
    font-weight: 700
}

.product-detail .pdp-support .pdp-support-columns .cards .card p {
    text-align: center
}

@media (min-width:1024px) {
    .product-detail .pdp-support .pdp-support-columns .cards .card {
        margin: 1rem
    }
    .product-detail .pdp-support .pdp-support-columns .cards .card p {
        margin: 1.5rem 2rem
    }
}

.product-detail .pdp-support .pdp-support-columns .cards .card .btn {
    padding: .5rem 2rem
}

.product-detail .pdp-support .pdp-support-columns .cards .-darkmode {
    background: linear-gradient(180deg, #000, #000);
    border-radius: 4px
}

.product-detail .pdp-support .pdp-support-columns .cards .-darkmode h3 {
    color: #fff
}

.product-detail .pdp-support .pdp-support-columns .cards .-darkmode p {
    color: #fff;
    margin: 1.5rem 0
}

.product-detail .pdp-support .pdp-support-columns .cards .-darkmode p:before {
    content: " ";
    background: linear-gradient(270deg, #fa4616, #df2d00);
    border-radius: 16px;
    width: 80%;
    position: absolute;
    height: 4px;
    top: 4rem;
    left: 10%
}

@media (min-width:1024px) {
    .product-detail .pdp-support .pdp-support-columns .cards {
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media (max-width:1199.98px) {
    .product-detail .pdp-support {
        padding-bottom: 0
    }
    .product-detail .pdp-support .content-header {
        overflow: auto
    }
    .product-detail .pdp-support .pdp-support-columns {
        padding: 0
    }
    .product-detail .pdp-support .pdp-support-columns .cards,
    .product-detail .pdp-support .pdp-support-columns .load-more,
    .product-detail .pdp-support .pdp-support-columns .pdp-faqs {
        padding: 0 1rem
    }
    .product-detail .pdp-support .pdp-support-columns .cards {
        background-color: #fff
    }
}

.pdp-badges {
    position: absolute;
    top: .8rem;
    left: 1.5rem;
    z-index: 2
}

@media (min-width:1024px) {
    .pdp-badges {
        top: 1.2rem
    }
}

.gallery-expanded .pdp-badges {
    display: none
}

.pdp-badges>* {
    margin: 0
}

.pdp-badges>*+* {
    margin-top: .25rem
}

.pdp-badges .pdp-badge {
    width: fit-content;
    background-color: #333;
    font-size: var(--f-xs, .8125rem);
    font-family: var(--font-headline);
    color: #fff;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    border-radius: 4px;
    padding: .5rem;
    text-transform: uppercase
}

.pdp-badges .pdp-badge.sold-out {
    background-color: #b8b8b8
}

.pdp-badges .pdp-badge [class*=icon] {
    margin-right: .5em
}

.pdp-badges .pdp-badge.no-flag {
    border-radius: 4px
}

.pdp-hero--badges-awards {
    position: absolute;
    top: .8rem;
    left: 1.5rem;
    z-index: 2;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 8px
}

@media (min-width:1024px) {
    .pdp-hero--badges-awards {
        top: 1.2rem
    }
}

.pdp-hero--badges-awards .pdp-badges {
    position: unset;
    top: unset;
    left: unset;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.pdp-hero--badges-awards .pdp-badges>* {
    margin: unset
}

.pdp-hero--badges-awards .pdp-hero-award-logo {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-height: min(280px, 90vw);
    pointer-events: none
}

@media (min-width:1024px) {
    .pdp-hero--badges-awards .pdp-hero-award-logo {
        max-height: 360px
    }
}

@media (min-width:1400px) {
    .pdp-hero--badges-awards .pdp-hero-award-logo {
        max-height: 300px
    }
}

.pdp-hero--badges-awards .pdp-hero-award-logo li {
    display: -ms-flexbox;
    display: flex
}

.pdp-hero--badges-awards .pdp-hero-award-logo img {
    border-radius: 6px;
    width: 72px;
    width: min(72px, 20vw);
    object-fit: contain;
    max-width: 100%;
    display: block;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .06)
}

@media (min-width:1024px) {
    .pdp-hero--badges-awards .pdp-hero-award-logo img {
        width: 110px;
        width: min(110px, 10vw);
        max-height: 110px
    }
}

.product-tiles-slot {
    width: 100%
}

.product-tiles-slot .quickview {
    display: none !important
}

.product-tiles-slot .klarnaPdpMsg {
    display: none
}

.product-tile .tile-body .tile-body-footer .tile-ratings .bv_stars_svg_no_wrap svg {
    height: .718rem !important;
    width: .718rem !important
}

@media (min-width:768px) {
    .product-tile .tile-body .tile-body-footer .tile-ratings .bv_stars_svg_no_wrap svg {
        height: .984rem !important;
        width: .984rem !important
    }
}

.product-tile .tile-body .tile-body-footer .tile-ratings .bv_stars_svg_no_wrap svg stop:first-child {
    stop-color: #f5bf03 !important
}

.product-tile .tile-body .tile-body-footer .tile-ratings .bv_stars_svg_no_wrap svg stop:not(:first-child) {
    stop-color: #ccc !important
}

.product-tile .tile-body .tile-body-footer .tile-ratings .bv_stars_svg_no_wrap svg:not(:first-child) {
    margin-left: .266rem !important
}

@media (min-width:768px) {
    .product-tile .tile-body .tile-body-footer .tile-ratings .bv_stars_svg_no_wrap svg:not(:first-child) {
        margin-left: .194rem !important
    }
}

.bannerImageNew {
    height: 277px;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-position: 100%
}

.btn-banner-default {
    color: #fff;
    font-family: var(--font-headline);
    background-color: #fa4616;
    border-color: #fa4616;
    border: 2px solid #fa4616;
    font-size: 102%;
    font-weight: 600;
    margin-bottom: 0;
    overflow: hidden;
    padding: .7em 1.46em;
    text-align: center;
    vertical-align: middle;
    border-radius: 30px
}

.btn-banner-default:hover {
    background-color: #fff;
    border-color: red !important;
    color: #fa4616;
    text-decoration: none
}

.bannerContainer {
    position: relative
}

.imageData-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.imageData .copy,
.imageData .headline {
    margin-left: 2.5rem;
    margin-right: 1.875rem
}

.imageData .copy-1 {
    margin-left: 0
}

.imageData .copy {
    width: 43%
}

.imageData p {
    margin-bottom: .75rem
}

.imageData .btns {
    margin-left: 1.875rem;
    margin-right: 1.875rem
}

.imageData .btns-margin-0 {
    margin-left: 0
}

.imageData h4.subheadline {
    margin-left: 2.5rem;
    margin-right: 1.875rem
}

.headline {
    margin-bottom: 8px;
    margin-top: 4px;
    font-size: var(--f-2xl, 24px);
    letter-spacing: .032em
}

@media (min-width:768px) {
    .headline {
        font-size: var(--f-3xl, 30px)
    }
}

@media (min-width:1024px) {
    .headline {
        font-size: var(--f-4xl, 36px)
    }
}

.category-line-banner {
    height: 2px;
    width: 23%;
    background-color: #000;
    margin: .9375rem 0 .9375rem 2.6875rem
}

.product-detail .content-recommendations {
    padding: 16px
}

@media (min-width:1024px) {
    .product-detail .content-recommendations {
        padding: 30px
    }
}

@media (min-width:1400px) {
    .product-detail .content-recommendations {
        padding: 60px
    }
}

.seo-long-description {
    background-color: #f8f9fa;
    padding: 1.5rem;
    margin: 0 auto
}

.seo-long-description h2 {
    margin: 0 0 16px;
    text-align: left
}

.seo-long-description p {
    text-align: left
}

.seo-long-description a {
    color: #df2d00;
    text-decoration: underline
}

.seo-long-description a:after {
    content: "\BB"
}

@media (min-width:1024px) {
    .seo-long-description h2 {
        margin: 0 0 46px;
        text-align: center
    }
}

.c-white {
    color: #fff
}

.c-white use {
    fill: #fff
}

.bgc-white {
    background-color: #fff
}

.bdc-white {
    border: 1px solid #fff
}

.c-black {
    color: #000
}

.c-black use {
    fill: #000
}

.bgc-black {
    background-color: #000
}

.bdc-black {
    border: 1px solid #000
}

.c-primary {
    color: #fa4616
}

.c-primary use {
    fill: #fa4616
}

.bgc-primary {
    background-color: #fa4616
}

.bdc-primary {
    border: 1px solid #fa4616
}

.c-success {
    color: #148346
}

.c-success use {
    fill: #148346
}

.bgc-success {
    background-color: #148346
}

.bdc-success {
    border: 1px solid #148346
}

.c-error {
    color: #a63232
}

.c-error use {
    fill: #a63232
}

.bgc-error {
    background-color: #a63232
}

.bdc-error {
    border: 1px solid #a63232
}

.c-charcoal {
    color: #333
}

.c-charcoal use {
    fill: #333
}

.bgc-charcoal {
    background-color: #333
}

.bdc-charcoal {
    border: 1px solid #333
}

.c-graphite {
    color: #979797
}

.c-graphite use {
    fill: #979797
}

.bgc-graphite {
    background-color: #979797
}

.bdc-graphite {
    border: 1px solid #979797
}

.c-smoke {
    color: #a9a9a9
}

.c-smoke use {
    fill: #a9a9a9
}

.bgc-smoke {
    background-color: #a9a9a9
}

.bdc-smoke {
    border: 1px solid #a9a9a9
}

.c-steam {
    color: #e3e3e3
}

.c-steam use {
    fill: #e3e3e3
}

.bgc-steam {
    background-color: #e3e3e3
}

.bdc-steam {
    border: 1px solid #e3e3e3
}

.c-mist {
    color: #f7f7f7
}

.c-mist use {
    fill: #f7f7f7
}

.bgc-mist {
    background-color: #f7f7f7
}

.bdc-mist {
    border: 1px solid #f7f7f7
}

.find-ship-estimate {
    display: inline-block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 5px;
    margin-top: -4px;
    text-decoration: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    background-image: none;
    border: 1px solid #000;
    cursor: pointer;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: .125em;
    margin-bottom: 0;
    overflow: hidden;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    color: var(--c-button-copy, #000);
    background-color: var(--c-button, #ce3b12);
    border-color: var(--c-button-border, #ce3b12)
}

.find-ship-estimate:hover {
    color: var(--c-button-hover-copy, #fff);
    background-color: var(--c-button-hover, #ce3b12);
    border-color: var(--c-button-hover-border, #ce3b12);
    text-decoration: none
}

.find-ship-estimate:focus {
    outline: 0
}

.estimate-header {
    font-weight: 700;
    color: #6d6e71;
    padding: 8px 14px;
    margin: 0;
    font-size: var(--f-xs, 13px);
    line-height: 18px;
    background-color: #fff;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
    width: 273px
}

.estimate-template-header {
    color: #0070d2
}

.estimate-body {
    font-size: var(--f-xs, 12px)
}

.estimate-footer {
    font-size: 11px;
    color: #28a4c9;
    padding-top: 5px
}

.popover-content {
    padding: 0 14px 9px;
    width: 276px
}

.popover-close {
    float: right;
    color: #ef1212;
    padding-right: 8px;
    padding-top: 5px;
    cursor: pointer
}

.shipping-estimate-anchor {
    padding-bottom: 10px
}

.shipping-estimate-anchor a:not(.popover-close) {
    padding: 0 8px;
    text-decoration: underline
}

.ship-estimate-components {
    padding: 12px;
    margin-bottom: 36px;
    margin-top: 12px
}

@media (max-width:1199.98px) {
    .ship-estimate-components {
        text-align: center
    }
}

.ship-estimate-components #estimateZipCode {
    height: 30px
}

.ship-estimate-components .cancel-button {
    padding: 0 10px;
    text-decoration: underline;
    font-weight: 700;
    color: #47484a;
    cursor: pointer
}

.ship-estimate-components .cancel-button:hover {
    color: #000
}

.ship-estimate-components .zipcode-error-message {
    display: block;
    color: #ef1212
}

.ship-estimate-components .enter-zip-label {
    display: block;
    font-weight: 400;
    margin-bottom: 0
}

.ship-estimate-components .ups-error-msj {
    display: block;
    color: #ef1212;
    margin-bottom: 0
}

.change-zip-button,
.ship-info-button {
    cursor: pointer
}

.estimate-msj-container {
    display: none;
    margin-top: 10px
}

.estimate-msj-container .edit-zip-code {
    text-decoration: underline;
    cursor: pointer;
    color: #00395a
}

html[data-brand=ha] .product-bundle-container {
    overflow: hidden
}

.product-bundle-container .ship-estimate-components {
    margin-top: 0;
    margin-bottom: 0
}

@media (min-width:1024px) {
    .product-bundle-container .ship-estimate-components {
        margin-top: 12px;
        margin-bottom: 12px
    }
}

.product-bundle-container .carousel-container {
    height: 535px !important;
    max-height: 800px !important;
    min-height: 453px !important
}

.product-bundle-container .carousel-container img {
    padding-bottom: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
    width: auto !important
}

.product-bundle-container .carousel-container .carousel-item {
    padding-bottom: 0 !important
}

#maincontent>.product-bundle-container .product-name {
    line-height: .9
}

.product-bundle-container .slick-dots {
    display: none !important
}

.product-bundle-container .bundle-read-more-link,
.product-bundle-container .bundle-read-more-link:link,
.product-bundle-container .bundle-read-more-link:visited {
    display: none;
    color: var(--c-accent);
    text-decoration: underline;
    text-underline-offset: 4px;
    text-transform: lowercase
}

.product-bundle-container .bundle-read-more-link:hover {
    color: #000
}

.product-bundle-container .bundle-read-more-link:first-letter {
    text-transform: uppercase
}

.product-bundle-container .bundle-description {
    margin-bottom: 1rem
}

.product-bundle-container .bundle-description p {
    line-height: 1.4;
    font-size: var(--f-m, 16px);
    padding-bottom: 0;
    margin-bottom: 0
}

@media (min-width:1024px) {
    .product-bundle-container .bundle-description p {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        overflow: hidden
    }
}

.product-bundle-container div:has(>.js-applePayContainer) {
    line-height: 0
}

.product-bundle-container .js-applePayContainer {
    display: -ms-inline-flexbox;
    display: inline-flex;
    transform: translateY(2px)
}

.product-bundle-container .js-applePayContainer .dw-apple-pay-button {
    border-radius: 0;
    min-height: var(--button-height);
    background-color: transparent;
    border: 1px solid var(--c-em-full);
    color: var(--c-em-full);
    background-image: -webkit-named-image(apple-pay-logo-black);
    padding: 4px 16px;
    font-family: var(--font-body);
    font-size: var(--f-m);
    font-weight: 600;
    min-width: -webkit-fill-available
}

.product-bundle-container .js-applePayContainer .dw-apple-pay-button:active,
.product-bundle-container .js-applePayContainer .dw-apple-pay-button:focus,
.product-bundle-container .js-applePayContainer .dw-apple-pay-button:hover {
    background-image: -webkit-named-image(apple-pay-logo-white);
    border-radius: 0;
    min-height: var(--button-height);
    background-color: var(--c-em-full);
    border: 1px solid var(--c-em-full-contrast);
    color: var(--c-em-full);
    padding: 4px 16px;
    font-family: var(--font-body);
    font-size: var(--f-m);
    font-weight: 600
}

.product-bundle-container .applepay_tc {
    margin-top: var(--spacing-xs)
}

.bundle-products {
    margin: var(--side-offset);
    background-color: var(--c-canvas-full, #fff);
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-gap: 10px;
    overflow: hidden
}

@media (max-width:1023.98px) {
    .bundle-products {
        max-width: calc(100vw - 32px)
    }
}

@media (min-width:1024px) {
    .bundle-products {
        max-width: calc(100vw - 490px)
    }
}

.bundle-products .bundle-content {
    margin-top: 75px
}

.bundle-products .background {
    margin-left: var(--sizing-side-offset-negative);
    margin-right: var(--sizing-side-offset-negative);
    position: relative;
    display: -ms-grid;
    display: grid;
    padding-top: 75px;
    padding-bottom: 50px;
    background-position: top;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-color: #f9f9f9;
    overflow: hidden
}

@media (max-width:1023.98px) {
    .bundle-products .background {
        max-width: calc(100vw - 32px)
    }
}

@media (min-width:1024px) {
    .bundle-products .background {
        max-width: calc(100vw - 490px)
    }
}

.bundle-products .background>h2 {
    justify-self: center;
    font-size: clamp(28px, 3vw, 56px) !important;
    text-align: center
}

.bundle-products .content-pdp-slots-top {
    padding-bottom: 3.125rem;
    padding-inline: 0
}

.bundle-products .bundle-item-select {
    border: 0
}

.bundle-products .bundle-images {
    justify-self: center
}

.bundle-products .bundle-images>div {
    text-align: center;
    display: none
}

.bundle-products .bundle-images h3 {
    font-size: var(--f-h3);
    color: var(--c-jblorange, var(--c-accent))
}

.bundle-products .bundle-features {
    justify-self: center
}

.bundle-products .bundle-features>div {
    display: none
}

.bundle-products .bundle-features h4 {
    text-transform: uppercase;
    font-size: clamp(28px, 3vw, 56px)
}

.bundle-products .bundled-product-content,
.bundle-products .bundled-product-content h2 {
    display: none
}

.bundle-products .bundled-product-content h4,
.bundle-products .bundled-product-content h5 {
    text-align: center;
    text-transform: uppercase
}

.bundle-products .bundled-product-content h5 {
    font-size: 24px
}

.bundle-products .bundled-product-content .content-header {
    display: none
}

.bundle-products .itemid {
    margin-top: 15px
}

.bundle-products label {
    color: var --c-em-full;
    font-size: 18px;
    cursor: pointer;
    float: left;
    padding: 15px;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.bundle-products label:hover {
    color: var(--c-accent)
}

.bundle-products .contents .content-specifications {
    padding: 0 !important;
    padding-inline: 0 !important
}

.bundle-products .key-features {
    text-align: center;
    padding: 40px 20px;
    padding-bottom: 0;
    width: 100%;
    max-width: 1200px
}

.bundle-products .key-features h2 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 40px
}

.bundle-products .features-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px
}

.bundle-products .feature {
    -ms-flex: 1;
    flex: 1;
    padding: 20px;
    max-width: 300px
}

.bundle-products .feature h3 {
    margin-bottom: 10px;
    font-size: 24px;
    height: 70px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.bundle-products .feature p {
    color: #666
}

.bundle-products .switch-buttons {
    margin-top: 1.25rem;
    width: 100%;
    max-width: 1100px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 5px;
    justify-self: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: start
}

.bundle-products .switch-buttons .button-container {
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 125px
}

.bundle-products .switch-buttons .button-container .switch-button {
    margin: 0 auto;
    width: 70px;
    height: 70px;
    background-color: var(--c-evergreen-cream, var(--c-em-3xlow));
    border-radius: 100px;
    border: 2px solid var(--c-evergreen-cream, var(--c-em-3xlow));
    padding: 5px
}

.bundle-products .switch-buttons .button-container.highlighted .switch-button,
.bundle-products .switch-buttons .button-container:hover .switch-button {
    background-color: var(--c-jblorange, var(--c-accent));
    border-color: var(--c-jblorange, var(--c-accent))
}

.bundle-products .switch-buttons .button-container p {
    text-align: center;
    margin-top: 5px
}

@media (max-width:768px) {
    .bundle-products .features-container {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 40px
    }
    .bundle-products .feature {
        margin-bottom: 0;
        max-width: 90%;
        padding: 0
    }
    .bundle-products .feature h3 {
        height: auto
    }
}

.bundle-component-wrapper {
    max-width: var(--mb-maxwidth);
    margin: 0 auto;
    color: var(--c-em-med);
    position: relative;
    font-size: 16px;
    line-height: 1.4;
    font-family: var(--font-body, var(--font-body-system));
    padding: var(--spacing-m) var(--side-offset)
}

.bundle-component-wrapper .bundle-component-standard h2 {
    font-size: var(--f-5xl)
}

.bundle-component-wrapper .bundle-component-standard p {
    font-size: 1.5rem
}

.bundle-component-wrapper .bundle-component-columns {
    margin-bottom: 0;
    gap: 0
}

.bundle-component-wrapper .bundle-component-columns.\--bundle {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.bundle-component-wrapper .bundle-component-columns.\--bundle .bundle-component-column {
    -ms-flex: initial;
    flex: initial;
    max-width: none
}

.bundle-component-wrapper .bundle-component-columns.\--bundle .bundle-component-column:has(.bundle-component-banner) .copy {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px
}

.bundle-component-wrapper .bundle-component-columns.\--bundle .bundle-component-column:has(.bundle-component-banner) picture {
    margin-bottom: 0
}

.bundle-component-wrapper .bundle-component-columns.\--bundle .bundle-component-column:has(.bundle-component-banner) .copy .subtitle {
    font-size: clamp(36px, 3vw, 64px);
    font-family: var(--font-headline);
    font-variation-settings: "wght" 750, "wdth" 100;
    text-transform: uppercase
}

.bundle-component-wrapper .bundle-component-columns.\--bundle .bundle-component-column:has(.bundle-component-banner) .copy h2 {
    font-family: var(--font-headline);
    font-variation-settings: "wght" 750, "wdth" 100;
    text-transform: uppercase
}

.bundle-component-wrapper .bundle-component-columns.\--bundle .bundle-component-column:has(.bundle-component-banner) .copy .subtitle {
    margin-top: auto;
    color: var(--c-accent);
    margin-bottom: 0
}

.bundle-component-wrapper .bundle-component-columns.\--bundle .bundle-component-column:has(.bundle-component-banner) .copy h2 {
    font-size: clamp(30px, 2vw, 50px)
}

@media (max-width:1400px) {
    .bundle-component-wrapper .bundle-component-columns.\--bundle {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.bundle-component-wrapper .bundle-component-columns.\--bundle .copy .subtitle,
.bundle-component-wrapper .bundle-component-columns.\--bundle .copy h2 {
    font-family: var(--font-headline);
    font-variation-settings: "wght" 750, "wdth" 100;
    text-transform: uppercase
}

.bundle-component-wrapper .copy h2,
.bundle-component-wrapper .copy p {
    color: var(--c-em-full)
}

.bundle-component-wrapper .bundle-component-columns.\--bundle .bundle-component-column:has(div[data-type=products]) .ds-slides {
    gap: 30px;
    margin-bottom: 15px
}

.bundle-component-wrapper .bundle-component-columns.\--bundle .bundle-component-column:has(div[data-type=products]) {
    width: 100%
}

.bundle-component-wrapper .ds-slider {
    --spv: 2
}

.bundle-component-wrapper .ds-slider .ds-slides {
    --scrollbar-color-track: transparent;
    --scrollbar-color-thumb: var(--c-em-full, #000);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow-x: auto;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: contain;
    padding-bottom: 16px;
    scroll-padding: .25px
}

.bundle-component-wrapper .product-tile,
.bundle-component-wrapper .product-tile .image-container,
.bundle-component-wrapper .tile-body {
    background-color: var(--c-canvas-o)
}

.bundle-component-wrapper .product-tile .image-container .wishlistTile,
.bundle-component-wrapper .product-tile .price,
.bundle-component-wrapper .product-tile .product-badges,
.bundle-component-wrapper .product-tile .promo-calloutMsg {
    display: none
}

.bundle-component-wrapper .product-tile .image-container a {
    border-bottom: 1px solid var(--c-accent)
}

.bundle-component-wrapper .ds-slider .ds-slides>* {
    scroll-snap-align: start
}

.bundle-component-wrapper .cta {
    border: 2px solid var(--c-em-full);
    background-color: #fff;
    color: var(--c-em-full)
}

.bundle-component-wrapper .bundle-component-banner {
    background-color: #f9f9f9
}

.bundle-component-wrapper .bundle-component-banner .copy * {
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

@media (min-width:750px) {
    .bundle-component-wrapper .bundle-component-wrapper .bundle-component-columns {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
    .bundle-component-wrapper .bundle-component-columns.\--bundle .bundle-component-column:has(.bundle-component-banner) {
        width: 50%;
        margin: 0 auto
    }
}

@media (min-width:1024px) {
    .bundle-component-wrapper .ds-slides {
        padding-top: 40px
    }
    .bundle-component-wrapper .bundle-component-columns.\--bundle .bundle-component-column:has(div[data-type=products]) .ds-slide:nth-child(odd) {
        transform: translateY(-40px)
    }
    .bundle-component-wrapper .bundle-component-banner .inside {
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        height: 100%;
        grid-area: 1/1/3/3;
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        justify-content: center;
        z-index: 1
    }
    .bundle-component-wrapper .bundle-component-columns .bundle-component-column .inside {
        min-height: 100%
    }
    .bundle-component-wrapper .bundle-component-banner {
        position: relative;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
        -ms-grid-rows: (auto)[2];
        grid-template-rows: repeat(2, auto);
        height: 100%
    }
    .bundle-component-wrapper .bundle-component-banner,
    .bundle-component-wrapper .bundle-component-banner>.inside {
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .bundle-component-wrapper .bundle-component-banner picture {
        grid-area: 1/1/3/3;
        height: 100%;
        width: 100%;
        display: block
    }
    .bundle-component-wrapper .bundle-component-columns {
        grid-gap: var(--spacing-s);
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center
    }
    .bundle-component-wrapper .bundle-component-columns.\--bundle .bundle-component-column:has(div[data-type=products]) {
        width: 66.66666%
    }
    .bundle-component-wrapper .bundle-component-columns>* {
        -ms-flex: 1;
        flex: 1;
        min-width: 21%;
        max-width: 50%
    }
}

@media (min-width:1400x) {
    .bundle-component-wrapper .bundle-component-columns.\--bundle .bundle-component-column:has(.bundle-component-banner) {
        width: 33.33333%
    }
    .bundle-component-wrapper .bundle-component-tiles-container .ds-slider {
        --spv: var(--spv-max, 3)
    }
}

@media (min-width:1024px) {
    .bundle-component-wrapper .bundle-component-columns.\--bundle .bundle-component-column:has(div[data-type=products]) {
        width: 100%
    }
    .bundle-component-wrapper .bundle-component-columns.\--bundle .bundle-component-column:has(div[data-type=products]) .ds-slide,
    .bundle-component-wrapper .bundle-component-columns.\--bundle .bundle-component-column:has(div[data-type=products]) .slick-slide {
        max-width: calc(100% / var(--spv) - 30px);
        min-width: calc(100% / var(--spv) - 30px)
    }
    .bundle-component-wrapper .bundle-component-tiles-container .ds-slider {
        --spv: 2
    }
}

@media (min-width:1920.02px) {
    .bundle-component-wrapper .bundle-component-tiles-container .ds-slider {
        --spv: var(--spv-max, 3)
    }
}

@supports (scrollbar-width:auto) {
    .bundle-component-wrapper .bundle-component-wrapper .ds-slider .ds-slides {
        padding-bottom: 0;
        scrollbar-color: var(--scrollbar-color-thumb) var(--scrollbar-color-track);
        scrollbar-width: none
    }
}

.ds-ccs {
    position: relative;
    background: 0 0 no-repeat;
    background-size: contain;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: var(--font-body);
    font-size: 8px;
    color: var(--c-em-full, #000);
    cursor: default;
    margin-block: var(--spacing-s);
    width: 80px;
    min-width: 80px;
    max-width: 80px;
    height: 53px;
    min-height: 53px;
    max-height: 53px;
    padding: 20px 7px 3px 44px;
    line-height: .9;
    gap: 2px;
    text-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    word-break: break-word;
    font-weight: 600;
    text-rendering: optimizelegibility;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='82' height='57' viewBox='0 0 82 57' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2v-.4h-.4V2H2zm38.59 0h.4v-.4h-.4V2zm0 53v.4h.4V55h-.4zM2 55h-.4v.4H2V55zM2 2.4h38.59v-.8H2v.8zM40.19 2v53h.8V2h-.8zm.4 52.6H2v.8h38.59v-.8zM2.4 55V2h-.8v53h.8zM7.883 21.664h26.7v-.8h-26.7v.8zm27.3.6v26.79h.8v-26.79h-.8zm-.6 27.39h-26.7v.8h26.7v-.8zm-27.3-.6v-26.79h-.8v26.79h.8zm.6.6a.6.6 0 0 1-.6-.6h-.8a1.4 1.4 0 0 0 1.4 1.4v-.8zm27.3-.6a.6.6 0 0 1-.6.6v.8a1.4 1.4 0 0 0 1.4-1.4h-.8zm-.6-27.39a.6.6 0 0 1 .6.6h.8a1.4 1.4 0 0 0-1.4-1.4v.8zm-26.7-.8a1.4 1.4 0 0 0-1.4 1.4h.8a.6.6 0 0 1 .6-.6v-.8z' fill='%23000'/%3E%3Cpath d='M11.646 14.058v-.4h-.4v.4h.4zm19.174 0h.4v-.4h-.4v.4zm-19.174.4H30.82v-.8H11.646v.8zm18.774-.4v7.205h.8v-7.205h-.8zm-18.374 7.205v-7.205h-.8v7.205h.8z' fill='%23000'/%3E%3Cpath d='M15.475 6.883v-.4h-.4v.4h.4zm2.14 0h.4v-.4h-.4v.4zm-2.14.4h2.14v-.8h-2.14v.8zm1.74-.4v7.175h.8V6.883h-.8zm-1.34 7.175V6.883h-.8v7.175h.8zM25 7v-.4h-.4V7h.4zm2 0h.4v-.4H27V7zm-2 .4h2v-.8h-2v.8zm1.6-.4v7h.8V7h-.8zm-1.2 7V7h-.8v7h.8zM46.59 20.054h33.234v-.8H46.589v.8zm33.834.6V54h.8V20.654h-.8zm-.6 33.946H46.589v.8h33.235v-.8zM45.989 54V20.654h-.8V54h.8zm.6.6a.6.6 0 0 1-.6-.6h-.8a1.4 1.4 0 0 0 1.4 1.4v-.8zm33.835-.6a.6.6 0 0 1-.6.6v.8a1.4 1.4 0 0 0 1.4-1.4h-.8zm-.6-33.946a.6.6 0 0 1 .6.6h.8a1.4 1.4 0 0 0-1.4-1.4v.8zm-33.235-.8a1.4 1.4 0 0 0-1.4 1.4h.8a.6.6 0 0 1 .6-.6v-.8z' fill='%23000'/%3E%3Cpath d='M51.438 10.81v-.4h-.4v.4h.4zm23.539 0h.4v-.4h-.4v.4zm-23.54.4h23.54v-.8h-23.54v.8zm23.14-.4v8.845h.8V10.81h-.8zm-22.74 8.845V10.81h-.8v8.845h.8z' fill='%23000'/%3E%3Cpath d='M56.137 2v-.4h-.4V2h.4zm2.628 0h.4v-.4h-.4V2zm-2.628.4h2.628v-.8h-2.628v.8zm2.228-.4v8.809h.8V2h-.8zm-1.828 8.809V2h-.8v8.809h.8zM67.831 2.144v-.4h-.4v.4h.4zm2.455 0h.4v-.4h-.4v.4zm-2.455.4h2.455v-.8h-2.455v.8zm2.055-.4v8.593h.8V2.144h-.8zm-1.655 8.593V2.144h-.8v8.593h.8z' fill='%23000'/%3E%3Cpath d='M2 2l38 53' stroke='%23000' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E")
}

[data-theme*=dark] .ds-ccs {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='82' height='57' viewBox='0 0 82 57' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2v-.4h-.4V2H2zm38.59 0h.4v-.4h-.4V2zm0 53v.4h.4V55h-.4zM2 55h-.4v.4H2V55zM2 2.4h38.59v-.8H2v.8zM40.19 2v53h.8V2h-.8zm.4 52.6H2v.8h38.59v-.8zM2.4 55V2h-.8v53h.8zM7.883 21.664h26.7v-.8h-26.7v.8zm27.3.6v26.79h.8v-26.79h-.8zm-.6 27.39h-26.7v.8h26.7v-.8zm-27.3-.6v-26.79h-.8v26.79h.8zm.6.6a.6.6 0 0 1-.6-.6h-.8a1.4 1.4 0 0 0 1.4 1.4v-.8zm27.3-.6a.6.6 0 0 1-.6.6v.8a1.4 1.4 0 0 0 1.4-1.4h-.8zm-.6-27.39a.6.6 0 0 1 .6.6h.8a1.4 1.4 0 0 0-1.4-1.4v.8zm-26.7-.8a1.4 1.4 0 0 0-1.4 1.4h.8a.6.6 0 0 1 .6-.6v-.8z' fill='%23fff'/%3E%3Cpath d='M11.646 14.058v-.4h-.4v.4h.4zm19.174 0h.4v-.4h-.4v.4zm-19.174.4H30.82v-.8H11.646v.8zm18.774-.4v7.205h.8v-7.205h-.8zm-18.374 7.205v-7.205h-.8v7.205h.8z' fill='%23fff'/%3E%3Cpath d='M15.475 6.883v-.4h-.4v.4h.4zm2.14 0h.4v-.4h-.4v.4zm-2.14.4h2.14v-.8h-2.14v.8zm1.74-.4v7.175h.8V6.883h-.8zm-1.34 7.175V6.883h-.8v7.175h.8zM25 7v-.4h-.4V7h.4zm2 0h.4v-.4H27V7zm-2 .4h2v-.8h-2v.8zm1.6-.4v7h.8V7h-.8zm-1.2 7V7h-.8v7h.8zM46.59 20.054h33.234v-.8H46.589v.8zm33.834.6V54h.8V20.654h-.8zm-.6 33.946H46.589v.8h33.235v-.8zM45.989 54V20.654h-.8V54h.8zm.6.6a.6.6 0 0 1-.6-.6h-.8a1.4 1.4 0 0 0 1.4 1.4v-.8zm33.835-.6a.6.6 0 0 1-.6.6v.8a1.4 1.4 0 0 0 1.4-1.4h-.8zm-.6-33.946a.6.6 0 0 1 .6.6h.8a1.4 1.4 0 0 0-1.4-1.4v.8zm-33.235-.8a1.4 1.4 0 0 0-1.4 1.4h.8a.6.6 0 0 1 .6-.6v-.8z' fill='%23fff'/%3E%3Cpath d='M51.438 10.81v-.4h-.4v.4h.4zm23.539 0h.4v-.4h-.4v.4zm-23.54.4h23.54v-.8h-23.54v.8zm23.14-.4v8.845h.8V10.81h-.8zm-22.74 8.845V10.81h-.8v8.845h.8z' fill='%23fff'/%3E%3Cpath d='M56.137 2v-.4h-.4V2h.4zm2.628 0h.4v-.4h-.4V2zm-2.628.4h2.628v-.8h-2.628v.8zm2.228-.4v8.809h.8V2h-.8zm-1.828 8.809V2h-.8v8.809h.8zM67.831 2.144v-.4h-.4v.4h.4zm2.455 0h.4v-.4h-.4v.4zm-2.455.4h2.455v-.8h-2.455v.8zm2.055-.4v8.593h.8V2.144h-.8zm-1.655 8.593V2.144h-.8v8.593h.8z' fill='%23fff'/%3E%3Cpath d='M2 2l38 53' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E")
}

.ds-ccs.-y,
.ds-ccs[data-charger*=y] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='81' height='55' viewBox='0 0 81 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1V.6H.6V1H1zm38.59 0h.4V.6h-.4V1zm0 53v.4h.4V54h-.4zM1 54H.6v.4H1V54zM1 1.4h38.59V.6H1v.8zM39.19 1v53h.8V1h-.8zm.4 52.6H1v.8h38.59v-.8zM1.4 54V1H.6v53h.8zM6.883 20.664h26.7v-.8h-26.7v.8zm27.3.6v26.79h.8v-26.79h-.8zm-.6 27.39h-26.7v.8h26.7v-.8zm-27.3-.6v-26.79h-.8v26.79h.8zm.6.6a.6.6 0 0 1-.6-.6h-.8a1.4 1.4 0 0 0 1.4 1.4v-.8zm27.3-.6a.6.6 0 0 1-.6.6v.8a1.4 1.4 0 0 0 1.4-1.4h-.8zm-.6-27.39a.6.6 0 0 1 .6.6h.8a1.4 1.4 0 0 0-1.4-1.4v.8zm-26.7-.8a1.4 1.4 0 0 0-1.4 1.4h.8a.6.6 0 0 1 .6-.6v-.8z' fill='%23000'/%3E%3Cpath d='M10.646 13.058v-.4h-.4v.4h.4zm19.175 0h.4v-.4h-.4v.4zm-19.175.4h19.175v-.8H10.646v.8zm18.775-.4v7.206h.8v-7.206h-.8zm-18.374 7.206v-7.206h-.8v7.206h.8z' fill='%23000'/%3E%3Cpath d='M14.475 5.883v-.4h-.4v.4h.4zm2.14 0h.4v-.4h-.4v.4zm-2.14.4h2.14v-.8h-2.14v.8zm1.74-.4v7.175h.8V5.883h-.8zm-1.34 7.175V5.883h-.8v7.175h.8zM24 6v-.4h-.4V6h.4zm2 0h.4v-.4H26V6zm-2 .4h2v-.8h-2v.8zm1.6-.4v7h.8V6h-.8zm-1.2 7V6h-.8v7h.8zM45.59 19.055h33.234v-.8H45.589v.8zm33.834.6V53h.8V19.655h-.8zm-.6 33.945H45.589v.8h33.235v-.8zM44.989 53V19.656h-.8V53h.8zm.6.6a.6.6 0 0 1-.6-.6h-.8a1.4 1.4 0 0 0 1.4 1.4v-.8zm33.835-.6a.6.6 0 0 1-.6.6v.8a1.4 1.4 0 0 0 1.4-1.4h-.8zm-.6-33.945a.6.6 0 0 1 .6.6h.8a1.4 1.4 0 0 0-1.4-1.4v.8zm-33.235-.8a1.4 1.4 0 0 0-1.4 1.4h.8a.6.6 0 0 1 .6-.6v-.8z' fill='%23000'/%3E%3Cpath d='M50.437 9.81v-.4h-.4v.4h.4zm23.54 0h.4v-.4h-.4v.4zm-23.54.4h23.54v-.8h-23.54v.8zm23.14-.4v8.845h.8V9.809h-.8zm-22.74 8.845V9.809h-.8v8.846h.8z' fill='%23000'/%3E%3Cpath d='M55.137 1V.6h-.4V1h.4zm2.628 0h.4V.6h-.4V1zm-2.628.4h2.628V.6h-2.628v.8zm2.228-.4v8.809h.8V1h-.8zm-1.828 8.809V1h-.8v8.809h.8zM66.83 1.144v-.4h-.4v.4h.4zm2.456 0h.4v-.4h-.4v.4zm-2.455.4h2.455v-.8h-2.455v.8zm2.055-.4v8.593h.8V1.144h-.8zm-1.655 8.593V1.144h-.8v8.593h.8z' fill='%23000'/%3E%3C/svg%3E")
}

[data-theme*=dark] .ds-ccs.-y,
[data-theme*=dark] .ds-ccs[data-charger*=y] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='81' height='55' viewBox='0 0 81 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1V.6H.6V1H1zm38.59 0h.4V.6h-.4V1zm0 53v.4h.4V54h-.4zM1 54H.6v.4H1V54zM1 1.4h38.59V.6H1v.8zM39.19 1v53h.8V1h-.8zm.4 52.6H1v.8h38.59v-.8zM1.4 54V1H.6v53h.8zM6.883 20.664h26.7v-.8h-26.7v.8zm27.3.6v26.79h.8v-26.79h-.8zm-.6 27.39h-26.7v.8h26.7v-.8zm-27.3-.6v-26.79h-.8v26.79h.8zm.6.6a.6.6 0 0 1-.6-.6h-.8a1.4 1.4 0 0 0 1.4 1.4v-.8zm27.3-.6a.6.6 0 0 1-.6.6v.8a1.4 1.4 0 0 0 1.4-1.4h-.8zm-.6-27.39a.6.6 0 0 1 .6.6h.8a1.4 1.4 0 0 0-1.4-1.4v.8zm-26.7-.8a1.4 1.4 0 0 0-1.4 1.4h.8a.6.6 0 0 1 .6-.6v-.8z' fill='%23fff'/%3E%3Cpath d='M10.646 13.058v-.4h-.4v.4h.4zm19.175 0h.4v-.4h-.4v.4zm-19.175.4h19.175v-.8H10.646v.8zm18.775-.4v7.206h.8v-7.206h-.8zm-18.374 7.206v-7.206h-.8v7.206h.8z' fill='%23fff'/%3E%3Cpath d='M14.475 5.883v-.4h-.4v.4h.4zm2.14 0h.4v-.4h-.4v.4zm-2.14.4h2.14v-.8h-2.14v.8zm1.74-.4v7.175h.8V5.883h-.8zm-1.34 7.175V5.883h-.8v7.175h.8zM24 6v-.4h-.4V6h.4zm2 0h.4v-.4H26V6zm-2 .4h2v-.8h-2v.8zm1.6-.4v7h.8V6h-.8zm-1.2 7V6h-.8v7h.8zM45.59 19.055h33.234v-.8H45.589v.8zm33.834.6V53h.8V19.655h-.8zm-.6 33.945H45.589v.8h33.235v-.8zM44.989 53V19.656h-.8V53h.8zm.6.6a.6.6 0 0 1-.6-.6h-.8a1.4 1.4 0 0 0 1.4 1.4v-.8zm33.835-.6a.6.6 0 0 1-.6.6v.8a1.4 1.4 0 0 0 1.4-1.4h-.8zm-.6-33.945a.6.6 0 0 1 .6.6h.8a1.4 1.4 0 0 0-1.4-1.4v.8zm-33.235-.8a1.4 1.4 0 0 0-1.4 1.4h.8a.6.6 0 0 1 .6-.6v-.8z' fill='%23fff'/%3E%3Cpath d='M50.437 9.81v-.4h-.4v.4h.4zm23.54 0h.4v-.4h-.4v.4zm-23.54.4h23.54v-.8h-23.54v.8zm23.14-.4v8.845h.8V9.809h-.8zm-22.74 8.845V9.809h-.8v8.846h.8z' fill='%23fff'/%3E%3Cpath d='M55.137 1V.6h-.4V1h.4zm2.628 0h.4V.6h-.4V1zm-2.628.4h2.628V.6h-2.628v.8zm2.228-.4v8.809h.8V1h-.8zm-1.828 8.809V1h-.8v8.809h.8zM66.83 1.144v-.4h-.4v.4h.4zm2.456 0h.4v-.4h-.4v.4zm-2.455.4h2.455v-.8h-2.455v.8zm2.055-.4v8.593h.8V1.144h-.8zm-1.655 8.593V1.144h-.8v8.593h.8z' fill='%23fff'/%3E%3C/svg%3E")
}

.ds-ccs:has(.ds-tooltip) {
    width: 98px;
    min-width: 98px;
    max-width: 98px;
    padding-right: 24px
}

.ds-ccs .ds-tooltip {
    position: absolute;
    right: 0;
    font-size: 16px;
    top: -6px
}

.pdp-charging-and-repair {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: var(--spacing-xs)
}

.logo-checkout {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 9px;
    padding-top: 6px;
    border-bottom: 1px solid #fa4616
}

.logo-checkout .ship-details {
    color: #000
}

.logo-checkout .need-help {
    color: #fa4616;
    padding-bottom: 5px;
    text-decoration: underline;
    font-size: var(--f-s, .875rem);
    line-height: 1rem
}

.logo-checkout .free-ground-ship {
    font-size: var(--f-xs, .75rem);
    line-height: .875rem
}

.logo-checkout .free-ship-text {
    font-size: var(--f-s, .875rem);
    line-height: 1rem
}

.logo-checkout .jbl-brand .row .col .jbl-logo {
    width: 58px;
    height: 55px
}

.logo-checkout .jbl-brand .row .col .secured-checkout {
    text-align: left;
    width: 300px;
    margin-top: 14px;
    margin-left: -18px
}

.logo-checkout .jbl-brand .row .col .secured-checkout span {
    font-size: var(--f-xs, .75rem);
    font-weight: 700;
    font-family: var(--font-headline);
    line-height: 22px
}

.logo-checkout .jbl-brand .row .col .secured-checkout .icon-Secured-page {
    margin-right: 8px;
    margin-top: -3px
}

.logo-checkout .jbl-brand .row .col .secured-checkout .min-cart-redirectParent {
    font-size: var(--f-xs, .75rem);
    font-family: var(--font-headline);
    font-weight: 500;
    line-height: 22px
}

.logo-checkout .jbl-brand .row .col .secured-checkout .min-cart-redirectParent a {
    text-decoration: underline;
    color: #fa4616
}

@media (min-width:768px) {
    .logo-checkout {
        -ms-flex-align: end;
        align-items: flex-end;
        padding-bottom: 13px
    }
}

@media (min-width:1024px) {
    .logo-checkout {
        -ms-flex-align: end;
        align-items: flex-end
    }
    .logo-checkout .ship-details {
        padding-bottom: 6px
    }
    .logo-checkout .ship-details .live-chat {
        padding-left: 20px;
        font-size: var(--f-s, .875rem);
        line-height: 1.25rem
    }
}

.icon-flex {
    margin-top: -5px;
    margin-left: -23px
}

.icon-har-flex {
    margin-top: -3px;
    margin-left: -23px
}

.shipping-createaccount-passwords {
    display: none
}

.shipping-createaccount-passwords .description {
    margin-bottom: 15px
}

.shipping-createaccount-passwords .description.create-account-fields a {
    text-decoration: underline !important
}

.checkout-page-title {
    font-size: 1.5rem;
    line-height: 1.8125rem;
    font-weight: 500;
    color: #000;
    margin: 32px 0
}

@media (min-width:1024px) {
    .checkout-page-title {
        font-size: 1.375rem;
        line-height: 1.625rem
    }
}

#checkout-main .shipping-address .handleoptionalfield .toggleoptionalshippingfield_css,
.order-confirmation .shipping-address .handleoptionalfield .toggleoptionalshippingfield_css {
    color: #fa4616;
    cursor: pointer
}

#checkout-main .shipping-address .handleoptionalfield .optional-text,
.order-confirmation .shipping-address .handleoptionalfield .optional-text {
    color: #fa4616;
    cursor: pointer;
    text-decoration: underline
}

#checkout-main .leading-lines .end-lines .tax-text .info-icon,
.order-confirmation .leading-lines .end-lines .tax-text .info-icon {
    display: inline-block;
    vertical-align: middle;
    width: .875rem;
    height: .875rem;
    border-radius: 50%;
    line-height: .75rem;
    margin-left: .25rem;
    background-color: #333
}

#checkout-main .leading-lines .end-lines .tax-text .info-icon .icon,
.order-confirmation .leading-lines .end-lines .tax-text .info-icon .icon {
    width: auto;
    color: #fff;
    font-size: var(--f-2xs, .625rem);
    margin-top: 2px;
    background-color: #333 !important
}

#checkout-main .leading-lines .end-lines .tax-text .info-icon .tooltip,
.order-confirmation .leading-lines .end-lines .tax-text .info-icon .tooltip {
    width: 100%;
    min-width: 16.25rem;
    margin-left: 7.1875rem;
    text-align: left;
    color: #333;
    background-color: #fff
}

#checkout-main .leading-lines .end-lines .tax-text .info-icon .tooltip:after,
.order-confirmation .leading-lines .end-lines .tax-text .info-icon .tooltip:after {
    display: none
}

#checkout-main .leading-lines .end-lines .tax-text .info-icon .tooltip .msg-tooltip-tax,
.order-confirmation .leading-lines .end-lines .tax-text .info-icon .tooltip .msg-tooltip-tax {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: .8125rem;
    padding-left: .8125rem;
    padding-right: .8125rem
}

#checkout-main .leading-lines .end-lines .tax-text .info-icon .tooltip .msg-tooltip-tax .ask-tax h6,
.order-confirmation .leading-lines .end-lines .tax-text .info-icon .tooltip .msg-tooltip-tax .ask-tax h6 {
    background-color: #fff;
    color: #333;
    font-weight: bolder;
    font-family: var(--font-body);
    font-size: 1.1rem;
    margin-top: .8125rem
}

#checkout-main .leading-lines .end-lines .tax-text .info-icon .tooltip .msg-tooltip-tax .tax-txt,
.order-confirmation .leading-lines .end-lines .tax-text .info-icon .tooltip .msg-tooltip-tax .tax-txt {
    background-color: #fff;
    color: #333;
    font-size: .6875rem;
    font-family: var(--font-body)
}

#checkout-main .leading-lines.sales-tax-item,
.order-confirmation .leading-lines.sales-tax-item {
    overflow: initial
}

#checkout-main .leading-lines.sales-tax-item .order-receipt-label,
.order-confirmation .leading-lines.sales-tax-item .order-receipt-label {
    overflow: initial;
    white-space: normal
}

#checkout-main .leading-lines.sales-tax-item .info-icon-tax,
.order-confirmation .leading-lines.sales-tax-item .info-icon-tax {
    position: relative
}

#checkout-main .leading-lines.sales-tax-item .tooltip-icon-section,
.order-confirmation .leading-lines.sales-tax-item .tooltip-icon-section {
    width: auto;
    display: inline-block
}

#checkout-main .leading-lines.shipping-discount .order-receipt-label.common-order-head .shipping-discount-text,
#checkout-main .leading-lines.shipping-discount .order-receipt-label.common-order-head span,
.order-confirmation .leading-lines.shipping-discount .order-receipt-label.common-order-head .shipping-discount-text,
.order-confirmation .leading-lines.shipping-discount .order-receipt-label.common-order-head span {
    color: #333
}

#checkout-main .leading-lines .start-line,
.order-confirmation .leading-lines .start-line {
    padding: 1px
}

#checkout-main .tooltip,
.order-confirmation .tooltip {
    position: absolute;
    bottom: 25px;
    padding: .312rem;
    border-radius: .25rem;
    background-color: #333;
    color: #fff;
    font-size: .928rem;
    min-width: 75px;
    max-width: 125px;
    transform: translate(-41%, -.3em);
    left: 9px;
    margin-left: 0;
    animation: fade-in .5s linear forwards;
    text-align: center
}

#checkout-main .tooltip:after,
.order-confirmation .tooltip:after {
    border-left: .625em solid transparent;
    border-right: .625em solid transparent;
    border-top: .625em solid #333;
    bottom: -.625em;
    content: " ";
    height: 0;
    left: 50%;
    margin-left: -13px;
    position: absolute;
    width: 0;
    top: 100%;
    margin-top: -1px
}

#checkout-main .card,
.order-confirmation .card {
    border: 1px solid #a9a9a9;
    margin-bottom: 1.5625rem
}

#checkout-main .card.ghost,
.order-confirmation .card.ghost {
    opacity: 1
}

#checkout-main .order-summary-detail,
.order-confirmation .order-summary-detail {
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

#checkout-main .order-summary-detail .payment-method-logo-cart,
.order-confirmation .order-summary-detail .payment-method-logo-cart {
    background-color: #fff;
    border: 0
}

#checkout-main .order-summary-detail .card,
.order-confirmation .order-summary-detail .card {
    background-color: #f8f8f8
}

#checkout-main .order-summary-device,
.order-confirmation .order-summary-device {
    display: none
}

#checkout-main .order-summary-device.card,
.order-confirmation .order-summary-device.card {
    border: 0;
    border-bottom: 1px solid #979797
}

#checkout-main .order-summary-device input.form-control,
#checkout-main .order-summary-device textarea.form-control,
.order-confirmation .order-summary-device input.form-control,
.order-confirmation .order-summary-device textarea.form-control {
    background-color: #f8f8f8 !important
}

#checkout-main .order-summary-device input.form-control,
.order-confirmation .order-summary-device input.form-control {
    padding: 15px 25px 12px 15px
}

#checkout-main .order-summary-toggle,
.order-confirmation .order-summary-toggle {
    width: 100%;
    padding: 20px 30px 16px;
    border-top: 1px solid #a9a9a9;
    border-bottom: 1px solid #a9a9a9;
    background-color: #f8f8f8
}

@media (min-width:1024px) {
    #checkout-main .order-summary-toggle,
    .order-confirmation .order-summary-toggle {
        margin-bottom: 24px
    }
}

#checkout-main .order-summary-toggle.promo-show,
.order-confirmation .order-summary-toggle.promo-show {
    margin-bottom: 0;
    border-bottom: 0
}

#checkout-main .card-header,
.order-confirmation .card-header {
    padding: 12px 28px 14px;
    border-bottom: 0
}

#checkout-main .shipping-head,
.order-confirmation .shipping-head {
    background-color: #f8f8f8
}

#checkout-main .login,
.order-confirmation .login {
    font-size: var(--f-s, .875rem);
    line-height: 1.25rem;
    font-family: var(--font-body)
}

#checkout-main .login .log-in,
.order-confirmation .login .log-in {
    --skin-link-color-2: #fa4616;
    text-decoration: underline;
    padding-left: 3px;
    font-weight: 700;
    font-size: var(--f-xs, .75rem);
    line-height: .875rem
}

@media (min-width:768px) {
    #checkout-main .login .log-in,
    .order-confirmation .login .log-in {
        display: inline-block
    }
}

#checkout-main .card-body,
.order-confirmation .card-body {
    padding: 32px 22px 30px
}

#checkout-main .card-body.shipping-summary-body,
.order-confirmation .card-body.shipping-summary-body {
    padding: 24px 28px 20px
}

#checkout-main .card-body.order-total-summary,
.order-confirmation .card-body.order-total-summary {
    padding: 35px 31px 37px
}

#checkout-main .card-body.order-cart-product-isgift,
#checkout-main .card-body.order-cart-product-summary,
#checkout-main .card-body.order-cart-promocode,
.order-confirmation .card-body.order-cart-product-isgift,
.order-confirmation .card-body.order-cart-product-summary,
.order-confirmation .card-body.order-cart-promocode {
    padding: 0 30px
}

#checkout-main .card-body .order-discount,
#checkout-main .card-body .product-discount,
.order-confirmation .card-body .order-discount,
.order-confirmation .card-body .product-discount {
    color: #000
}

#checkout-main .card-body .order-discount .order-receipt-label.valu-txt>span,
#checkout-main .card-body .product-discount .order-receipt-label.valu-txt>span,
.order-confirmation .card-body .order-discount .order-receipt-label.valu-txt>span,
.order-confirmation .card-body .product-discount .order-receipt-label.valu-txt>span {
    color: #148346
}

#checkout-main .card-body .order-discount .order-receipt-label .order-discount-total,
#checkout-main .card-body .order-discount .order-receipt-label .product-discount-total,
#checkout-main .card-body .product-discount .order-receipt-label .order-discount-total,
#checkout-main .card-body .product-discount .order-receipt-label .product-discount-total,
.order-confirmation .card-body .order-discount .order-receipt-label .order-discount-total,
.order-confirmation .card-body .order-discount .order-receipt-label .product-discount-total,
.order-confirmation .card-body .product-discount .order-receipt-label .order-discount-total,
.order-confirmation .card-body .product-discount .order-receipt-label .product-discount-total {
    font-weight: 700;
    color: #000;
    font-family: var(--font-body)
}

#checkout-main .checkout-card-header,
.order-confirmation .checkout-card-header {
    font-family: var(--font-headline);
    font-size: var(--f-m, 1rem);
    line-height: 1.5rem;
    font-weight: 500;
    color: #000;
    display: inline-block
}

#checkout-main .checkout-card-header .checkout-card-shipping-header,
.order-confirmation .checkout-card-header .checkout-card-shipping-header {
    display: -ms-flexbox;
    display: flex
}

#checkout-main .custom-control,
.order-confirmation .custom-control {
    padding-left: 0
}

#checkout-main .continue-btn,
.order-confirmation .continue-btn {
    width: 100%;
    padding-top: 14px;
    padding-bottom: 10px
}

#checkout-main .form-group,
.order-confirmation .form-group {
    margin-bottom: 1.875rem
}

#checkout-main .form-group.promo-code-area,
.order-confirmation .form-group.promo-code-area {
    margin-bottom: .3125rem
}

#checkout-main .form-group.promo-code-area .coupon-error,
.order-confirmation .form-group.promo-code-area .coupon-error {
    margin-bottom: .375rem
}

#checkout-main .options .form-group,
.order-confirmation .options .form-group {
    margin-bottom: 1rem
}

#checkout-main input[type=checkbox]+label,
.order-confirmation input[type=checkbox]+label {
    font-size: var(--f-xs, .75rem);
    line-height: .875rem;
    font-weight: 700;
    color: #000
}

#checkout-main input[type=checkbox]+label:after,
.order-confirmation input[type=checkbox]+label:after {
    width: 15px;
    height: 15px
}

#checkout-main .common-order-head,
.order-confirmation .common-order-head {
    font-family: var(--font-headline);
    font-size: var(--f-s, .875rem);
    line-height: 1.0625rem;
    font-weight: 700;
    color: #000
}

#checkout-main .common-order-head.order-receipt-label,
.order-confirmation .common-order-head.order-receipt-label {
    font-weight: 400;
    color: #333;
    margin-bottom: .9375rem;
    text-overflow: unset;
    white-space: unset
}

#checkout-main .common-order-head.order-receipt-label .shipping-method-title-total-summary,
.order-confirmation .common-order-head.order-receipt-label .shipping-method-title-total-summary {
    display: block;
    font-size: .65rem
}

#checkout-main .common-order-head.order-summary,
.order-confirmation .common-order-head.order-summary {
    margin-bottom: 1.875rem
}

#checkout-main .order-summary,
.order-confirmation .order-summary {
    line-height: 1.25rem
}

#checkout-main .grand-total .grand-total-text,
.order-confirmation .grand-total .grand-total-text {
    text-transform: none;
    margin-bottom: 0;
    margin-top: 7px
}

#checkout-main .order-cart-product-isgift .common-order-head,
.order-confirmation .order-cart-product-isgift .common-order-head {
    text-transform: none
}

#checkout-main .promo-section,
.order-confirmation .promo-section {
    display: none;
    margin-bottom: 1.875rem
}

#checkout-main .promo-section .coupon-applied,
.order-confirmation .promo-section .coupon-applied {
    font-size: var(--f-xs, .75rem);
    line-height: .875rem;
    color: #148346;
    font-family: var(--font-headline);
    font-weight: 500
}

#checkout-main .promo-section .promo-code-link,
.order-confirmation .promo-section .promo-code-link {
    margin-top: 10px
}

#checkout-main .promo-section .promo-code-link a,
.order-confirmation .promo-section .promo-code-link a {
    text-decoration: underline
}

#checkout-main .promo-section .promo-code-link a:hover,
.order-confirmation .promo-section .promo-code-link a:hover {
    text-decoration: none
}

#checkout-main .promo-section .coupon-missing-error,
.order-confirmation .promo-section .coupon-missing-error {
    display: none
}

#checkout-main .promo-section .coupon-missing-error.error-display,
.order-confirmation .promo-section .coupon-missing-error.error-display {
    font-size: var(--f-xs, .75rem);
    line-height: .875rem;
    color: red;
    font-family: var(--font-headline);
    font-weight: 500;
    display: block;
    margin: 11px 0 0 2px
}

#checkout-main .promo-section .coupon-error,
.order-confirmation .promo-section .coupon-error {
    margin-top: .4375rem
}

#checkout-main .promo-section .coupon-error-message,
.order-confirmation .promo-section .coupon-error-message {
    font-size: var(--f-xs, .75rem);
    line-height: .875rem;
    color: red;
    font-family: var(--font-headline);
    font-weight: 500
}

#checkout-main .promo-section .error-icon,
.order-confirmation .promo-section .error-icon {
    position: absolute;
    top: 48%;
    right: 21px;
    transform: translateY(-50%);
    color: red;
    font-size: 1.625rem;
    -webkit-text-stroke: 3.5px #f8f8f8
}

#checkout-main .promo-section .remove-coupon span,
.order-confirmation .promo-section .remove-coupon span {
    color: #148346;
    font-weight: 700;
    line-height: 1;
    display: inline-block;
    position: relative;
    top: 2px;
    padding-left: .125rem
}

#checkout-main .promo-section .coupons-and-promos .promotion-information,
.order-confirmation .promo-section .coupons-and-promos .promotion-information {
    display: none
}

#checkout-main .order-cart-promocode input.is-invalid,
.order-confirmation .order-cart-promocode input.is-invalid {
    border: 1px solid red;
    background-image: none
}

#checkout-main .order-cart-promocode input.is-invalid+.error-icon,
.order-confirmation .order-cart-promocode input.is-invalid+.error-icon {
    display: inline-block !important
}

#checkout-main .gift-message,
.order-confirmation .gift-message {
    padding-left: 3px
}

#checkout-main .gift-message .remaining-lines,
.order-confirmation .gift-message .remaining-lines {
    display: inline-block;
    padding: 9px 0 16px;
    color: #333;
    line-height: 1.25rem
}

#checkout-main .gift-message .form-group.text-area,
.order-confirmation .gift-message .form-group.text-area {
    margin-bottom: 2.875rem
}

#checkout-main .gift-message .box-unavbl,
.order-confirmation .gift-message .box-unavbl {
    font-size: var(--f-xs, .75rem);
    line-height: 1.125rem;
    color: #a63232;
    font-weight: 700;
    font-family: var(--font-headline);
    padding-bottom: 1.25rem
}

#checkout-main .gift-message .add-gift-card,
.order-confirmation .gift-message .add-gift-card {
    padding: 0 15px
}

#checkout-main .gift-card,
#checkout-main .promo-code,
.order-confirmation .gift-card,
.order-confirmation .promo-code {
    padding: 0;
    margin-bottom: 23px;
    font-weight: 500
}

#checkout-main .Left-Arrow-Mobile,
.order-confirmation .Left-Arrow-Mobile {
    transform: rotate(90deg) scale(.7);
    display: inline-block;
    margin-left: 14px
}

#checkout-main .promo-show .Left-Arrow-Mobile,
.order-confirmation .promo-show .Left-Arrow-Mobile {
    transform: rotate(270deg) scale(.7)
}

#checkout-main .card-body-details,
.order-confirmation .card-body-details {
    padding-top: 0;
    padding-bottom: 0;
    border-top: 0
}

@media (min-width:1024px) {
    #checkout-main .card-body-details,
    .order-confirmation .card-body-details {
        padding-top: 35px;
        border-top: 0
    }
}

@media (max-width:1199.98px) {
    #checkout-main .card-body-details .order-summary,
    .order-confirmation .card-body-details .order-summary {
        height: 42px
    }
}

#checkout-main .card-body-details .order-detail-edit .order-summary,
.order-confirmation .card-body-details .order-detail-edit .order-summary {
    font-size: 0
}

@media (min-width:1024px) {
    #checkout-main .card-body-details .order-detail-edit .order-summary,
    .order-confirmation .card-body-details .order-detail-edit .order-summary {
        font-size: var(--f-s, .875rem)
    }
}

#checkout-main .card-body-details .order-detail-edit .edit-cart,
.order-confirmation .card-body-details .order-detail-edit .edit-cart {
    margin-top: -20px
}

@media (min-width:1024px) {
    #checkout-main .card-body-details .order-detail-edit .edit-cart,
    .order-confirmation .card-body-details .order-detail-edit .edit-cart {
        margin-top: 0
    }
}

#checkout-main .cancel-button,
#checkout-main .edit-button,
#checkout-main .edit-cart,
#checkout-main .password-link,
.order-confirmation .cancel-button,
.order-confirmation .edit-button,
.order-confirmation .edit-cart,
.order-confirmation .password-link {
    --skin-link-color-2: #fa4616;
    text-decoration: underline;
    font-size: var(--f-s, .875rem);
    line-height: 1.25rem;
    font-size: var(--f-xs, .75rem)
}

#checkout-main .item-image,
.order-confirmation .item-image {
    width: 90px;
    height: 90px
}

#checkout-main .item-image img.product-image,
.order-confirmation .item-image img.product-image {
    max-height: 90px
}

#checkout-main .product-line-item,
.order-confirmation .product-line-item {
    padding-bottom: 30px
}

#checkout-main .product-line-item:before,
.order-confirmation .product-line-item:before {
    display: none
}

#checkout-main .line-item-attributes,
#checkout-main .line-item-pricing-info,
#checkout-main .order-details-normal-text,
#checkout-main .price,
#checkout-main .pricing,
.order-confirmation .line-item-attributes,
.order-confirmation .line-item-pricing-info,
.order-confirmation .order-details-normal-text,
.order-confirmation .price,
.order-confirmation .pricing {
    font-size: var(--f-xs, .75rem);
    line-height: .875rem;
    margin-bottom: 6px;
    color: #7b7b7b
}

#checkout-main .leading-lines .end-lines span,
.order-confirmation .leading-lines .end-lines span {
    background-color: #f8f8f8
}

#checkout-main #giftMessage,
.order-confirmation #giftMessage {
    height: 152px;
    font-size: var(--f-s, .875rem)
}

#checkout-main .product-summary-block,
.order-confirmation .product-summary-block {
    margin: 0
}

#checkout-main .coupon-code-field,
.order-confirmation .coupon-code-field {
    max-width: 100%;
    font-size: var(--f-s, .875rem)
}

#checkout-main .promo-code-submit,
.order-confirmation .promo-code-submit {
    padding: 0;
    max-width: 136px
}

#checkout-main .promo-code-submit .promo-code-btn,
.order-confirmation .promo-code-submit .promo-code-btn {
    padding: 15px 0 12px;
    line-height: .875rem;
    border-radius: 8px
}

#checkout-main .giftbox-head,
.order-confirmation .giftbox-head {
    color: #333;
    display: inline-block;
    padding-bottom: 20px;
    line-height: 1.25rem
}

#checkout-main .have-an-acnt,
.order-confirmation .have-an-acnt {
    display: none
}

#checkout-main .components-sign-in-section .form-group,
.order-confirmation .components-sign-in-section .form-group {
    margin-bottom: 1rem
}

#checkout-main .single-shipping .summary-section-label,
.order-confirmation .single-shipping .summary-section-label {
    margin-bottom: 10px;
    font-weight: 400;
    color: #333;
    font-size: var(--f-xs, .75rem);
    line-height: 1.5;
    font-weight: 500;
    font-family: var(--font-headline);
    color: #000
}

@media (min-width:768px) {
    #checkout-main .single-shipping .summary-section-label,
    .order-confirmation .single-shipping .summary-section-label {
        font-size: var(--f-s, .875rem)
    }
}

#checkout-main .single-shipping .summary-detail,
.order-confirmation .single-shipping .summary-detail {
    margin-bottom: 22px
}

#checkout-main .address1,
#checkout-main .address-summary,
#checkout-main .shipping-phone,
.order-confirmation .address1,
.order-confirmation .address-summary,
.order-confirmation .shipping-phone {
    font-weight: 400;
    color: #333;
    font-size: var(--f-xs, .75rem);
    line-height: 1.5;
    margin-bottom: 0
}

@media (min-width:768px) {
    #checkout-main .address1,
    #checkout-main .address-summary,
    #checkout-main .shipping-phone,
    .order-confirmation .address1,
    .order-confirmation .address-summary,
    .order-confirmation .shipping-phone {
        font-size: var(--f-s, .875rem)
    }
}

#checkout-main .tick-mark,
.order-confirmation .tick-mark {
    background: url("../../images/Tick.svg") no-repeat 97%;
    padding-right: 50px
}

#checkout-main .shipping-form .addressSelector,
.order-confirmation .shipping-form .addressSelector {
    font-size: var(--f-s, .875rem);
    line-height: 1.25rem;
    margin-bottom: 30px
}

#checkout-main .shipping-form .common-order-head,
.order-confirmation .shipping-form .common-order-head {
    margin: 30px 0 17px
}

#checkout-main .shipping-form .delivery-note,
.order-confirmation .shipping-form .delivery-note {
    font-size: var(--f-s, .875rem);
    line-height: 1.25rem;
    color: #333;
    margin-bottom: 19px;
    display: inline-block
}

#checkout-main .shipping-form .d-grid,
.order-confirmation .shipping-form .d-grid {
    display: -ms-grid;
    display: grid
}

#checkout-main .shipping-form .shipping-method-list-border,
.order-confirmation .shipping-form .shipping-method-list-border {
    margin-bottom: 1.0625rem;
    padding: 1.3125rem 2rem 1.625rem;
    border: .0625rem solid #a9a9a9
}

#checkout-main .shipping-form .shipping-method-option,
.order-confirmation .shipping-form .shipping-method-option {
    font-size: var(--f-s, .875rem);
    line-height: 1.25rem;
    font-weight: 700;
    color: #333;
    margin-left: 0;
    font-size: var(--f-xs, .75rem)
}

#checkout-main .shipping-form .shipping-method-option.grouped-option,
.order-confirmation .shipping-form .shipping-method-option.grouped-option {
    font-weight: 400;
    font-family: var(--font-body, "Arial");
    font-size: var(--f-xs, .75rem);
    padding-bottom: 0;
    width: 100%;
    border-bottom: none
}

#checkout-main .shipping-form .products-list,
.order-confirmation .shipping-form .products-list {
    width: 100%
}

#checkout-main .shipping-form .products-list .product-item,
.order-confirmation .shipping-form .products-list .product-item {
    margin-bottom: 1.3125rem
}

#checkout-main .shipping-form .products-list .product-item .detail_product,
.order-confirmation .shipping-form .products-list .product-item .detail_product {
    -ms-flex-order: 2;
    order: 2
}

#checkout-main .shipping-form .products-list .product-item .img-product,
.order-confirmation .shipping-form .products-list .product-item .img-product {
    width: 4.375rem;
    height: 4.375rem
}

#checkout-main .shipping-form .products-list .product-item .name-product,
.order-confirmation .shipping-form .products-list .product-item .name-product {
    font-family: var(--font-headline);
    font-size: var(--f-xs, .75rem);
    color: #000;
    margin-bottom: .375rem
}

#checkout-main .shipping-form .products-list .product-item .desc-product,
.order-confirmation .shipping-form .products-list .product-item .desc-product {
    font-family: var(--font-headline);
    font-size: .6875rem;
    font-weight: 400;
    color: #8c8c8c;
    margin-bottom: .375rem
}

#checkout-main .shipping-form .form-check,
.order-confirmation .shipping-form .form-check {
    margin-bottom: 17px;
    padding-left: 0
}

#checkout-main .shipping-form .form-check.adyen,
.order-confirmation .shipping-form .form-check.adyen {
    border-top: 1px solid hsla(0, 0%, 55%, .5);
    padding-top: 13px
}

#checkout-main .shipping-form .form-check.adyen .form-check-label .display-name,
#checkout-main .shipping-form .form-check.adyen .form-check-label .shipping-cost,
.order-confirmation .shipping-form .form-check.adyen .form-check-label .display-name,
.order-confirmation .shipping-form .form-check.adyen .form-check-label .shipping-cost {
    color: #797979
}

#checkout-main .shipping-form .form-check.form-check-single .shipping-method-information .shipping-method-pricing,
.order-confirmation .shipping-form .form-check.form-check-single .shipping-method-information .shipping-method-pricing {
    font-size: 11px
}

#checkout-main .shipping-form .form-check.form-check-single .shipping-method-information .shipping-method-pricing .display-name,
#checkout-main .shipping-form .form-check.form-check-single .shipping-method-information .shipping-method-pricing .shipping-cost,
.order-confirmation .shipping-form .form-check.form-check-single .shipping-method-information .shipping-method-pricing .display-name,
.order-confirmation .shipping-form .form-check.form-check-single .shipping-method-information .shipping-method-pricing .shipping-cost {
    color: #797979
}

#checkout-main .shipping-form .form-check.form-check-grouped,
.order-confirmation .shipping-form .form-check.form-check-grouped {
    margin-bottom: 1.0625rem;
    padding: 1.3125rem 2rem 1.625rem;
    border: .0625rem solid #a9a9a9
}

#checkout-main .shipping-form .form-check.form-check-grouped .shipping-method-information,
.order-confirmation .shipping-form .form-check.form-check-grouped .shipping-method-information {
    font-size: .6875rem
}

#checkout-main .shipping-form .form-check.form-check-grouped .shipping-method-information .products-list .product-item,
.order-confirmation .shipping-form .form-check.form-check-grouped .shipping-method-information .products-list .product-item {
    margin-bottom: 1.3125rem
}

#checkout-main .shipping-form .form-check.form-check-grouped .shipping-method-information .products-list .product-item .detail_product,
.order-confirmation .shipping-form .form-check.form-check-grouped .shipping-method-information .products-list .product-item .detail_product {
    -ms-flex-order: 0;
    order: 0
}

#checkout-main .shipping-form .form-check.form-check-grouped .shipping-method-information .shipping-method-pricing .display-name,
#checkout-main .shipping-form .form-check.form-check-grouped .shipping-method-information .shipping-method-pricing .shipping-cost,
.order-confirmation .shipping-form .form-check.form-check-grouped .shipping-method-information .shipping-method-pricing .display-name,
.order-confirmation .shipping-form .form-check.form-check-grouped .shipping-method-information .shipping-method-pricing .shipping-cost {
    color: #797979
}

#checkout-main .shipping-form .form-check .text-muted,
.order-confirmation .shipping-form .form-check .text-muted {
    color: #000 !important
}

#checkout-main .shipping-form .shipping-method-pricing,
.order-confirmation .shipping-form .shipping-method-pricing {
    font-weight: 400;
    padding-left: 2rem
}

#checkout-main .shipping-form .shipping-method-pricing.shipping-method-pricing-grouped,
.order-confirmation .shipping-form .shipping-method-pricing.shipping-method-pricing-grouped {
    font-weight: 700;
    font-size: var(--f-xs, .75rem);
    font-family: var(--font-headline);
    margin-top: 1.1875rem;
    margin-bottom: 1.1875rem;
    border-top: 1px solid hsla(0, 0%, 59%, .5);
    padding-top: 1.1875rem;
    padding-left: 0
}

#checkout-main .shipping-form .leading-lines .end-lines span,
.order-confirmation .shipping-form .leading-lines .end-lines span {
    background-color: #fff
}

#checkout-main .shipping-form .form-error,
.order-confirmation .shipping-form .form-error {
    display: none;
    color: #df2d00
}

#checkout-main .shipping-form .form-error .fa,
.order-confirmation .shipping-form .form-error .fa {
    font-size: 22px
}

@media (min-width:768px) {
    #checkout-main .singleship-radio-container,
    .order-confirmation .singleship-radio-container {
        padding-bottom: 0 !important
    }
}

#checkout-main .singleship-radio-container .form-check-label,
.order-confirmation .singleship-radio-container .form-check-label {
    color: #333
}

#checkout-main .pickpoint-shipping-content,
.order-confirmation .pickpoint-shipping-content {
    display: none
}

#checkout-main .pickpoint-shipping-content .pickpoint-add-summary,
.order-confirmation .pickpoint-shipping-content .pickpoint-add-summary {
    padding-bottom: 40px;
    font-weight: 700
}

#checkout-main .pickpoint-shipping-content .pickpoint-heading,
.order-confirmation .pickpoint-shipping-content .pickpoint-heading {
    text-decoration: underline
}

#checkout-main .pickpoint-shipping-content .ppsummaryaddress,
.order-confirmation .pickpoint-shipping-content .ppsummaryaddress {
    margin-bottom: 10px
}

#checkout-main .pickpoint-shipping-content .trigger-postamat,
.order-confirmation .pickpoint-shipping-content .trigger-postamat {
    color: var(--c-accent, #fa4616) !important;
    text-decoration: underline;
    font-size: .875rem;
    line-height: 1.25rem
}

#checkout-main .update-add-new .update-address,
.order-confirmation .update-add-new .update-address {
    margin-right: 10px
}

#checkout-main .update-add-new .btn,
.order-confirmation .update-add-new .btn {
    width: 49%;
    padding: 14px 0 10px;
    color: #fff
}

#checkout-main .update-add-new .btn:hover,
.order-confirmation .update-add-new .btn:hover {
    text-decoration: none
}

#checkout-main .update-add-new .add-new-address,
.order-confirmation .update-add-new .add-new-address {
    margin: 0 0 0 10px
}

#checkout-main input[type=radio],
.order-confirmation input[type=radio] {
    display: none
}

#checkout-main input[type=radio]+label,
.order-confirmation input[type=radio]+label {
    font-weight: 400;
    color: #333;
    font-size: var(--f-xs, .75rem);
    line-height: 1.5;
    cursor: pointer;
    position: relative;
    display: inline-block;
    padding-left: 2.5rem;
    color: #345
}

@media (min-width:768px) {
    #checkout-main input[type=radio]+label,
    .order-confirmation input[type=radio]+label {
        font-size: var(--f-s, .875rem)
    }
}

#checkout-main input[type=radio]+label:after,
.order-confirmation input[type=radio]+label:after {
    content: "";
    position: absolute;
    top: 0;
    width: 1.25rem;
    height: 1.1875rem;
    border: .125rem solid #475666;
    border-radius: 50%
}

#checkout-main input[type=radio]:checked+label:before,
.order-confirmation input[type=radio]:checked+label:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 6px;
    width: .4375rem;
    height: .4375rem;
    background-color: #475666;
    border-radius: 50%
}

#checkout-main input[type=radio]+label,
.order-confirmation input[type=radio]+label {
    padding-left: 2rem;
    color: #ec4826
}

#checkout-main input[type=radio]+label:after,
.order-confirmation input[type=radio]+label:after {
    top: 4px;
    left: 0;
    width: .875rem;
    height: .875rem;
    border: .125rem solid #ec4826
}

#checkout-main input[type=radio]:checked+label:before,
.order-confirmation input[type=radio]:checked+label:before {
    top: 5px;
    left: 2px;
    width: .75rem;
    height: .75rem;
    background-color: #ec4826
}

#checkout-main .line-item-name .common-order-head,
.order-confirmation .line-item-name .common-order-head {
    font-weight: 500
}

#checkout-main .line-item-name .product-name,
.order-confirmation .line-item-name .product-name {
    color: #000
}

#checkout-main .shipping-input-icon-container,
.order-confirmation .shipping-input-icon-container {
    position: relative
}

#checkout-main .shipping-input-icon-container .tooltip,
.order-confirmation .shipping-input-icon-container .tooltip {
    left: -7.6375rem;
    min-width: 16.25rem;
    bottom: 1.575rem
}

#checkout-main .shipping-input-icon-container .tooltip:after,
.order-confirmation .shipping-input-icon-container .tooltip:after {
    left: 94%
}

@media (min-width:1024px) {
    #checkout-main .shipping-input-icon-container .tooltip,
    .order-confirmation .shipping-input-icon-container .tooltip {
        left: -.6375rem
    }
    #checkout-main .shipping-input-icon-container .tooltip:after,
    .order-confirmation .shipping-input-icon-container .tooltip:after {
        left: 50%
    }
}

#checkout-main .shipping-input-icon-container .shipping-icon-tooltip,
.order-confirmation .shipping-input-icon-container .shipping-icon-tooltip {
    position: absolute;
    top: 2.5px;
    right: 0;
    margin: .625rem;
    background-image: url("../images/shipping-info-icon.png");
    background-size: 1.2625rem;
    background-repeat: no-repeat;
    width: 1.2625rem;
    height: 1.2625rem
}

#checkout-main .shipping-input-icon-container .message-optional-container,
.order-confirmation .shipping-input-icon-container .message-optional-container {
    right: 20px
}

#checkout-main .shipping-input-icon-container .company-info-icon,
.order-confirmation .shipping-input-icon-container .company-info-icon {
    right: 10px
}

#checkout-main .message-optional-container,
.order-confirmation .message-optional-container {
    position: absolute;
    right: 0;
    margin: .8125rem;
    font-style: italic;
    color: gray;
    font-size: var(--f-xs, .75rem)
}

#suggestedAddressModal .modal-dialog {
    margin: 0
}

#suggestedAddressModal .modal-dialog .modal-content {
    border: none;
    border-radius: 0;
    padding: 20px 20px 20px 30px
}

#suggestedAddressModal .modal-header {
    border-bottom: none;
    padding: 0
}

#suggestedAddressModal .modal-body {
    padding: 15px 10px 70px 0
}

#suggestedAddressModal .modal-body p {
    font-weight: 700;
    font-size: var(--f-xs, 12px)
}

#suggestedAddressModal .modal-body .suggested-Address-contents {
    max-height: 300px;
    overflow-y: auto;
    transform: translateZ(0)
}

#suggestedAddressModal .modal-body .suggested-Address-contents input[type=radio] {
    display: none
}

#suggestedAddressModal .modal-body .suggested-Address-contents input[type=radio]:checked+label:before {
    content: "";
    position: absolute;
    border-radius: 50%;
    top: 6px;
    left: 1px;
    width: .75rem;
    height: .75rem;
    background-color: #ec4826
}

#suggestedAddressModal .modal-body .suggested-Address-contents .original-address-header,
#suggestedAddressModal .modal-body .suggested-Address-contents .suggested-address-header {
    font-size: var(--f-l, 18px);
    font-weight: 700;
    text-transform: capitalize;
    font-family: var(--font-body);
    display: inline-block
}

#suggestedAddressModal .modal-body .suggested-Address-contents .radio-input {
    padding-bottom: 15px
}

#suggestedAddressModal .modal-body .suggested-Address-contents .radio-input label {
    color: #345;
    padding-left: 2rem;
    position: relative
}

#suggestedAddressModal .modal-body .suggested-Address-contents .radio-input label:after {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: .875rem;
    height: .875rem;
    border: .125rem solid #ec4826;
    border-radius: 50%
}

#suggestedAddressModal .modal-body .use-this-address-btn {
    padding-top: 10px
}

#suggestedAddressModal .modal-body .use-this-address-btn #submitAddressButton {
    padding-top: 13px;
    padding-bottom: 10px
}

#suggestedAddressModal .modal-title {
    font-family: var(--font-headline);
    font-size: var(--f-l, 1.125rem);
    line-height: 30px;
    font-weight: 500;
    color: #333;
    margin-top: 3.75rem
}

@media (min-width:768px) {
    #suggestedAddressModal .modal-title {
        font-size: 1.375rem
    }
}

#suggestedAddressModal .close {
    padding: 0;
    margin: 0
}

#suggestedAddressModal .close span {
    background: url("../images/Close.png") no-repeat;
    width: 20px;
    height: 20px;
    display: block
}

#suggestedAddressModal .request-password-body .form-group {
    margin-bottom: 2.125rem
}

#suggestedAddressModal .request-password-body p {
    font-weight: 400;
    color: #333;
    font-size: var(--f-xs, .75rem);
    line-height: 1.5;
    font-family: var(--font-body);
    letter-spacing: 0;
    line-height: 1.1875rem;
    margin-bottom: 1.25rem
}

@media (min-width:768px) {
    #suggestedAddressModal .request-password-body p {
        font-size: var(--f-s, .875rem)
    }
}

#suggestedAddressModal .request-password-body input.form-control {
    font-size: var(--f-m, 1rem);
    padding: 14px 0 10px 19px
}

#suggestedAddressModal .send-email-btn .passwordreset {
    font-weight: 400;
    color: #333;
    font-size: var(--f-xs, .75rem);
    line-height: 1.5;
    font-weight: 700;
    font-family: var(--font-body);
    color: #fa4616 !important;
    text-decoration: underline
}

@media (min-width:768px) {
    #suggestedAddressModal .send-email-btn .passwordreset {
        font-size: var(--f-s, .875rem)
    }
}

@media (min-width:768px) {
    #suggestedAddressModal {
        top: 10%
    }
    #suggestedAddressModal .modal-dialog {
        margin: 0 auto;
        max-width: 360px;
        width: 100%
    }
    #suggestedAddressModal .modal-dialog .modal-content {
        padding: 20px
    }
    #suggestedAddressModal .modal-dialog .modal-content .modal-title {
        margin-top: 2.5rem
    }
    #suggestedAddressModal .modal-header {
        padding: 0
    }
    #suggestedAddressModal .modal-body {
        padding: 20px 0
    }
    .checkout-page-title {
        margin: 55px 0 48px
    }
    #checkout-main,
    .order-confirmation {
        max-width: 577px
    }
    #checkout-main .card,
    .order-confirmation .card {
        margin-bottom: 2.625rem
    }
    #checkout-main .order-summary-detail,
    .order-confirmation .order-summary-detail {
        padding: 0 15px
    }
    #checkout-main .pad-right,
    .order-confirmation .pad-right {
        padding-right: 10px
    }
    #checkout-main .pad-left,
    .order-confirmation .pad-left {
        padding-left: 10px
    }
    #checkout-main .order-summary-toggle,
    .order-confirmation .order-summary-toggle {
        border-left: 1px solid #a9a9a9;
        border-right: 1px solid #a9a9a9;
        margin-bottom: 1.8125rem
    }
    #checkout-main .card-body,
    .order-confirmation .card-body {
        padding: 40px 33px 32px
    }
    #checkout-main .card-body.shipping-summary-body,
    .order-confirmation .card-body.shipping-summary-body {
        padding: 35px 33px 28px
    }
    #checkout-main .card-body.order-review,
    .order-confirmation .card-body.order-review {
        padding-right: 60px
    }
    #checkout-main .order-summary-device.card,
    .order-confirmation .order-summary-device.card {
        border: 1px solid #a9a9a9;
        border-top: 0
    }
    #checkout-main .have-an-acnt,
    .order-confirmation .have-an-acnt {
        display: inline-block
    }
    #checkout-main .continue-btn,
    .order-confirmation .continue-btn {
        width: auto
    }
    #checkout-main .card-header,
    .order-confirmation .card-header {
        padding: 12px 33px 14px;
        border-bottom: 0
    }
    #checkout-main .ship-payment-methods,
    .order-confirmation .ship-payment-methods {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
    #checkout-main .ship-payment-methods .shipping-method,
    .order-confirmation .ship-payment-methods .shipping-method {
        white-space: unset
    }
    #checkout-main[data-checkout-stage=payment] .card,
    #checkout-main[data-checkout-stage=placeOrder] .card,
    .order-confirmation[data-checkout-stage=payment] .card,
    .order-confirmation[data-checkout-stage=placeOrder] .card {
        margin-bottom: 2.625rem
    }
}

#checkout-main .payment-summary-section {
    margin: .25rem .6875rem 4.5rem
}

@media (min-width:1024px) {
    #checkout-main .payment-summary-section {
        margin: -.625rem 1.25rem 2.5rem
    }
}

#checkout-main .payment-summary-section .header .review-text {
    font-family: var(--font-body, "Arial");
    margin-bottom: 0
}

@media (min-width:1024px) {
    #checkout-main .payment-summary-section .header .review-text {
        margin-bottom: 1.6875rem
    }
}

#checkout-main .payment-summary-section .continue-btn {
    width: 18.9375rem;
    margin-left: .6875rem
}

@media (min-width:1024px) {
    #checkout-main .payment-summary-section .continue-btn {
        margin-left: 20%
    }
}

#checkout-main .payment-summary-section .order-review-agreement .form-group {
    margin-bottom: 1.8125rem
}

@media (min-width:1024px) {
    #checkout-main .payment-summary-section .order-review-agreement .form-group {
        margin-bottom: 2.5rem
    }
}

@media (min-width:1024px) {
    #checkout-main,
    .order-confirmation {
        max-width: 1024px;
        padding: 0 26px
    }
    #checkout-main .ship-bill-payment-pages,
    .order-confirmation .ship-bill-payment-pages {
        padding-right: 25px
    }
    #checkout-main .order-summary-detail,
    .order-confirmation .order-summary-detail {
        padding-left: 25px;
        padding-right: 15px
    }
    #checkout-main .order-summary-device,
    .order-confirmation .order-summary-device {
        display: block
    }
    #checkout-main .order-summary-device.card,
    .order-confirmation .order-summary-device.card {
        display: block;
        border: 1px solid #a9a9a9
    }
}

.order-summary .edit-cart {
    font-weight: 600;
    font-family: var(--font-headline)
}

.order-summary .content-flag .edit-section {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: end;
    text-align: right
}

@media only screen and (max-width:370px) {
    .order-summary .content-flag .edit-section {
        font-size: var(--f-2xs, 10px);
        margin-top: 10px
    }
}

.order-summary .content-flag .flag-section {
    margin-top: .25rem
}

.order-summary .content-flag .shipping-to-label {
    font-family: var(--font-body, "Arial");
    font-weight: 400;
    font-size: var(--f-xs, .75rem);
    color: #000
}

.order-summary .content-flag .ship-to-flag {
    width: auto;
    height: 1.125rem
}

.line-item-total-price-amount,
.product-line-item-qty .line-item-pricing-info .line-item-total-text {
    color: #7b7b7b;
    font-family: var(--font-body, "Arial")
}

.line-item-name .product-name {
    font-size: var(--f-s, .875rem);
    font-family: var(--font-headline);
    line-height: 16.8px;
    font-weight: 600
}

.line-item-attributes span,
.order-details-normal-text span {
    font-family: var(--font-body, "Arial")
}

.line-item-attributes span {
    color: #7b7b7b
}

.line-border {
    margin-left: 38px;
    margin-right: 38px;
    border-bottom: 1px solid #979797;
    opacity: .44
}

.order-summary-device {
    margin-top: -1rem
}

@media (min-width:1024px) {
    .order-summary-device {
        margin-top: 0
    }
}

._GUARANTEE_Kicker_Container .continue-btn {
    display: none
}

.order-detail-edit h5 {
    font-size: 0
}

@media (min-width:1024px) {
    .order-detail-edit h5 {
        font-size: var(--f-s, .875rem)
    }
}

.msg-order-shipping {
    color: #979797;
    font-size: var(--f-xs, .75rem);
    font-weight: 400;
    font-style: italic;
    line-height: 16px;
    font-family: var(--font-body, "Arial");
    margin-left: 18px
}

.flag-container {
    margin-top: .6875rem;
    margin-bottom: 1.4375rem;
    padding: 0 .9375rem;
    background-color: #f8f8f8
}

@media (min-width:1024px) {
    .flag-container {
        margin-top: 0;
        margin-bottom: 1.75rem;
        padding: 0
    }
}

.flag-container .txt-country {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.flag-container .txt-country .icon_container {
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    background-color: #979797;
    width: 1.0625rem;
    height: 1.0625rem
}

.flag-container .txt-country .icon_container p {
    color: #fff;
    line-height: 16px;
    font-size: var(--f-2xs, .625rem)
}

.flag-container .txt-country .icon_container+span {
    display: none
}

@media (min-width:768px) {
    .flag-container .txt-country .icon_container+span {
        display: inline
    }
}

.flag-container .txt-country .icon_container.active {
    background-color: #000
}

.flag-container .txt-country .icon_container.active+span {
    display: inline
}

.flag-container .txt-country span {
    font-size: var(--f-2xs, .625rem);
    font-weight: 700;
    font-family: var(--font-body, "Arial");
    color: #000
}

.exit-modal .modal-dialog {
    width: 21.6875rem
}

@media (max-width:1199.98px) {
    .exit-modal .modal-dialog {
        margin-left: .9375rem;
        margin-right: .9375rem;
        margin-top: .875rem;
        width: auto
    }
}

.exit-modal .modal-dialog .exit-checkout-content .modal-header {
    border-bottom: 0;
    padding-bottom: 0
}

.exit-modal .modal-dialog .exit-checkout-content .modal-header .title-exit-checkout {
    font-size: var(--f-m, 1rem);
    font-weight: 500;
    font-family: var(--font-headline);
    color: #000;
    margin-top: 3.8125rem;
    margin-left: .5625rem;
    width: 14.1875rem
}

.exit-modal .modal-dialog .exit-checkout-content .modal-header .close span {
    width: .75rem;
    font-weight: 300
}

.exit-modal .modal-dialog .exit-checkout-content .modal-footer {
    border-top: 0;
    padding-top: 0;
    padding-bottom: 2rem;
    margin-left: .5625rem;
    margin-right: .5625rem
}

.exit-modal .modal-dialog .exit-checkout-content .modal-footer .btn-return-to-cart {
    width: 100%;
    padding-top: 1.0625rem;
    padding-bottom: .9375rem;
    font-family: var(--font-headline);
    font-size: var(--f-s, .875rem)
}

.exit-modal .modal-dialog .exit-checkout-content .exit-checkout-body {
    margin-left: .5625rem
}

.exit-modal .modal-dialog .exit-checkout-content .exit-checkout-body p {
    font-family: var(--font-body, "Arial");
    font-size: var(--f-xs, .75rem)
}

html[data-site=EMEA] .address-summary .stateCode {
    display: none
}

html[data-site=CARIB] .shipping-address-block .pr-address1-warning {
    margin: 5px 0 0 5px;
    font-size: var(--f-s, .875rem);
    line-height: 1.25rem;
    font-family: var(--font-body)
}

.topVal .icon_containerv2.point-onev2 {
    top: -65px
}

.progres-bar-v2 .txt-countryv2.topVal {
    top: 80px
}

.progres-bar-v2[data-checkout-stage=payment] .first-step-shipping,
.progres-bar-v2[data-checkout-stage=payment] .point-threev2,
.progres-bar-v2[data-checkout-stage=submitted] .txt-countryv2 {
    display: none
}

.progres-bar-v2[data-checkout-stage=payment] .icon_containerv2.point-onev2 {
    background-color: #fff !important;
    border: 1px solid var(--c-accent);
    color: var(--c-accent);
    position: absolute;
    left: 0
}

.progres-bar-v2[data-checkout-stage=payment] .icon_containerv2.point-onev2:before {
    font-family: FontAwesome, sans-serif;
    content: "\F00C";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: lighter
}

@media (max-width:1023.98px) {
    .progres-bar-v2[data-checkout-stage=payment] .icon_containerv2.point-onev2:before {
        position: absolute;
        top: 2px;
        left: 7px
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
    .progres-bar-v2[data-checkout-stage=payment] .icon_containerv2.point-onev2:before {
        left: 4px;
        top: 0;
        position: absolute
    }
}

.progres-bar-v2[data-checkout-stage=payment] .icon_containerv2.point-onev2 .icon_number {
    display: none
}

.progres-bar-v2[data-checkout-stage=payment] .payment-formv2 .card.payment-form:after {
    content: "";
    background-color: #ccc;
    width: 1px;
    height: 100%;
    position: absolute;
    left: -23px;
    top: 15px
}

@media (min-width:1024px) {
    .progres-bar-v2[data-checkout-stage=payment] .payment-formv2 .card.payment-form:after {
        left: -45px
    }
}

.progres-bar-v2[data-checkout-stage=shipping] .point-threev2,
.progres-bar-v2[data-checkout-stage=shipping] .point-twov2 {
    display: none
}

.progres-bar-v2[data-checkout-stage=shipping] .ship-bill-payment-pagesv2:after {
    content: "";
    background-color: #ccc;
    width: 1px;
    height: 100%;
    position: absolute;
    left: -8px;
    top: 0
}

@media (min-width:1024px) {
    .progres-bar-v2[data-checkout-stage=shipping] .ship-bill-payment-pagesv2:after {
        left: -30px
    }
}

.progres-bar-v2[data-checkout-stage=placeOrder] .first-step-shipping {
    display: none
}

.progres-bar-v2[data-checkout-stage=placeOrder] .icon_containerv2.point-onev2 {
    position: absolute;
    left: 0
}

@media (max-width:1023.98px) {
    .progres-bar-v2[data-checkout-stage=placeOrder] .icon_containerv2.point-twov2:before {
        position: absolute;
        top: 20px;
        left: 23px
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
    .progres-bar-v2[data-checkout-stage=placeOrder] .icon_containerv2.point-twov2:before {
        left: 25px;
        top: 18px;
        position: absolute
    }
}

@media (max-width:1023.98px) {
    .progres-bar-v2[data-checkout-stage=placeOrder] .icon_containerv2.point-onev2:before {
        position: absolute;
        top: 2px;
        left: 7px
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
    .progres-bar-v2[data-checkout-stage=placeOrder] .icon_containerv2.point-onev2:before {
        left: 7px;
        top: 0;
        position: absolute
    }
}

.progres-bar-v2[data-checkout-stage=placeOrder] .icon_containerv2.point-onev2,
.progres-bar-v2[data-checkout-stage=placeOrder] .icon_containerv2.point-twov2 {
    background-color: #fff !important;
    border: 1px solid var(--c-accent);
    color: var(--c-accent)
}

.progres-bar-v2[data-checkout-stage=placeOrder] .icon_containerv2.point-onev2:before,
.progres-bar-v2[data-checkout-stage=placeOrder] .icon_containerv2.point-twov2:before {
    font-family: FontAwesome, sans-serif;
    content: "\F00C";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: lighter
}

.progres-bar-v2[data-checkout-stage=placeOrder] .icon_containerv2.point-onev2 .icon_number,
.progres-bar-v2[data-checkout-stage=placeOrder] .icon_containerv2.point-twov2 .icon_number {
    display: none
}

.progres-bar-v2 .flag-containerv2 {
    position: absolute;
    left: -73px;
    -ms-flex-direction: column;
    flex-direction: column
}

.progres-bar-v2 .txt-countryv2 {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    position: absolute;
    top: 0;
    left: 36px;
    z-index: 1
}

@media (min-width:1024px) {
    .progres-bar-v2 .txt-countryv2 {
        top: 0;
        left: 15px
    }
}

.progres-bar-v2 .icon_containerv2 {
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    color: #fff;
    background-color: var(--c-accent);
    width: 1.5625rem;
    height: 1.5625rem
}

@media (max-width:1023.98px) {
    .progres-bar-v2 .icon_containerv2 {
        height: 1.75rem
    }
}

.progres-bar-v2 .icon_containerv2 p {
    color: #fff;
    line-height: 23px;
    font-weight: 700;
    font-size: .9375rem
}

@media (max-width:1023.98px) {
    .progres-bar-v2 .icon_containerv2 p {
        line-height: 28px;
        position: absolute;
        top: 15px;
        left: 26px
    }
}

.progres-bar-v2 .icon_containerv2:active {
    background-color: var(--c-accent)
}

.card.payment-summaryv2:after,
.card.shipping-summaryv2:after {
    content: "";
    background-color: var(--c-accent);
    width: 1px;
    height: 120%;
    position: absolute;
    left: -23px;
    top: 0
}

@media (min-width:1024px) {
    .card.payment-summaryv2:after,
    .card.shipping-summaryv2:after {
        left: -45px
    }
}

.sign-in-user-section {
    max-width: 972px;
    border-top: 1px solid #a9a9a9;
    border-bottom: 1px solid #a9a9a9;
    padding: 15px 0;
    margin: 0 auto 25px
}

.sign-in-section {
    display: -ms-flexbox;
    display: flex
}

.sign-in-toggle {
    width: 195px;
    padding: 12px 0 9px
}

.components-sign-in-section {
    max-width: 540px;
    padding: 10px 0;
    display: none
}

.components-sign-in-section .form-group {
    margin-bottom: 1rem
}

.components-sign-in-section .forgot-password {
    margin: 0 0 15px
}

.components-sign-in-section .cancel-button {
    display: block;
    padding-top: 15px
}

.sign-in-text {
    width: 50%;
    display: inline-block;
    margin-left: 40px
}

.sign-in-btn {
    width: 100%;
    padding-top: 13px;
    padding-bottom: 10px
}

.sign-in-head {
    font-size: 1.5rem;
    line-height: 1.8125rem;
    font-weight: 500;
    color: #000;
    margin-bottom: 0
}

@media (min-width:1024px) {
    .sign-in-head {
        font-size: 1.375rem;
        line-height: 1.625rem
    }
}

.experience-msg {
    margin: 15px 0
}

.logged-in-user {
    padding: 0
}

@media (max-width:767.98px) {
    .sign-in-section {
        -ms-flex-flow: column-reverse wrap;
        flex-flow: column-reverse wrap;
        max-width: 100%;
        padding: 0 15px;
        -ms-flex-pack: center;
        justify-content: center
    }
    .sign-in-text {
        width: 100%;
        margin: 0 0 10px;
        text-align: center
    }
    .sign-in-toggle {
        width: 120px
    }
    .components-sign-in-section {
        padding: 10px 15px
    }
}

@media (min-width:768px) {
    .sign-in-user-section {
        max-width: 547px
    }
}

@media (min-width:1024px) {
    .sign-in-user-section {
        max-width: 972px
    }
}

#checkoutLoginModal {
    overflow-y: auto
}

#checkoutLoginModal .modal-dialog {
    max-width: 23.4375rem;
    max-height: 37.25rem
}

#checkoutLoginModal .modal-content {
    border: none;
    border-radius: 0;
    padding: 0 .625rem
}

#checkoutLoginModal .modal-content .modal-body {
    padding-top: 0
}

#checkoutLoginModal .modal-content .modal-body .sign-in-or {
    text-align: center
}

#checkoutLoginModal .modal-content .modal-body .modal-title {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1.875rem
}

#checkoutLoginModal .modal-content .modal-body .oauth-facebook,
#checkoutLoginModal .modal-content .modal-body .oauth-google {
    font-family: var(--font-headline);
    font-size: .875rem;
    border-radius: 1px;
    color: #fff;
    text-align: left;
    text-transform: none;
    padding-left: 0;
    max-height: 2.8125rem
}

#checkoutLoginModal .modal-content .modal-body .oauth-google {
    border-color: #4285f4;
    background-color: #4285f4
}

#checkoutLoginModal .modal-content .modal-body .oauth-google .image-logo-login-checkout-container {
    display: -ms-inline-flexbox;
    display: inline-flex;
    background-color: #fff;
    height: 2.5625rem;
    width: 2.6875rem;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

#checkoutLoginModal .modal-content .modal-body .oauth-google .image-logo-login-checkout-container img {
    width: 1.4375rem;
    height: 1.5rem
}

#checkoutLoginModal .modal-content .modal-body .oauth-facebook {
    border-color: #4267b2;
    background-color: #4267b2
}

#checkoutLoginModal .modal-content .modal-body .oauth-facebook .image-logo-login-checkout-container {
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 2.5625rem;
    width: 2.6875rem;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

#checkoutLoginModal .modal-content .modal-body .oauth-facebook .image-logo-login-checkout-container img {
    width: 1.4375rem;
    height: 1.5rem
}

#checkoutLoginModal .modal-content .modal-body .sign-in-google-facebook-container .login-oauth .form-group {
    margin-bottom: .75rem
}

#checkoutLoginModal .modal-content .modal-body .sign-in-google-facebook-container .login-oauth a {
    padding: 0;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex
}

#checkoutLoginModal .modal-content .modal-body .sign-in-google-facebook-container .login-oauth a .login-checkout-modal {
    margin-left: 1.25rem;
    margin-top: .375rem
}

#checkoutLoginModal .modal-content .checkout-login-form .form-group {
    margin-bottom: .875rem
}

#checkoutLoginModal .modal-content .modal-header {
    border-bottom: 0;
    padding: .625rem .625rem .3125rem
}

#checkoutLoginModal .modal-content .modal-header button.close {
    background-color: transparent;
    border: none
}

#checkoutLoginModal .modal-content .modal-header button.close .checkout-login-modal-span {
    transform: scale(.5);
    display: inline-block
}

#checkoutLoginModal .modal-content .modal-header button.close .checkout-login-modal-span:before {
    content: " ";
    vertical-align: middle;
    display: inline-block;
    background-image: url("../images/sprites/customicons-sprite.svg");
    background-repeat: no-repeat;
    background-size: 18.4em 164em;
    background-position: 0 -23.3em;
    width: 3em;
    height: 3em
}

#checkoutLoginModal .modal-content .modal-footer {
    border: 0;
    display: inline-block;
    padding-left: 10%
}

#checkoutLoginModal .modal-content .modal-footer .create-account-checkout {
    margin-left: 0;
    color: #a8a8a8;
    font-weight: 400
}

#checkout-main.data-checkout-stage[data-checkout-stage=payment] .card.ghost.payment {
    display: none
}

#checkout-main.data-checkout-stage[data-checkout-stage=payment] .payment-form .form-group {
    margin-bottom: 1rem
}

#checkout-main.data-checkout-stage[data-checkout-stage=payment] .payment-form .form-group input[type=checkbox] {
    display: none
}

#checkout-main.data-checkout-stage[data-checkout-stage=payment] .payment-form .form-group.agree {
    margin-bottom: 1rem
}

#checkout-main.data-checkout-stage[data-checkout-stage=payment] [data-address-mode=new] .btn-add-new,
#checkout-main.data-checkout-stage[data-checkout-stage=payment] [data-address-mode=new] .btn-show-details,
#checkout-main.data-checkout-stage[data-checkout-stage=payment] [data-address-mode=shipment] .billing-address {
    display: block
}

#checkout-main.data-checkout-stage[data-customer-type=registered] .billing-address-form {
    margin-top: 1.5625rem
}

#checkout-main.data-checkout-stage:not([show-billing-checkbox]):not([data-express=true])[data-billingsameasshipping=true] .billing-address-block {
    display: none !important
}

#checkout-main.data-checkout-stage:not([show-billing-checkbox]):not([data-express=true])[data-billingsameasshipping=true] .paymentMethod>.row {
    margin-top: 1rem
}

#checkout-main.data-checkout-stage:not([show-billing-checkbox]):not([data-express=true])[data-billingsameasshipping=false] .billing-address-block .same-as-billing {
    display: none !important
}

#checkout-main.data-checkout-stage .bopis-select-shipping-method.bopis-card-active+form.shipping-form .billingSameAsShipping {
    display: none
}

#checkout-main .payment-form .card-body {
    padding-top: 0
}

#checkout-main .payment-form .gift-certificate-card.card {
    border: 0
}

@media (max-width:1199.98px) {
    #checkout-main .payment-form .gift-certificate-card.card {
        margin-top: 1rem
    }
}

#checkout-main .payment-form .gift-certificate-card.card .card-body {
    padding: 0
}

#checkout-main .payment-form .card-label {
    padding-top: 14px;
    font-family: var(--font-headline);
    font-size: var(--f-xs, .75rem);
    line-height: 1.0625rem;
    font-weight: 700;
    color: #000
}

@media (min-width:768px) {
    #checkout-main .payment-form .card-label {
        font-size: var(--f-s, .875rem)
    }
}

#checkout-main .payment-options {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#checkout-main .payment-options .nav-item {
    margin-right: 15px
}

#checkout-main .payment-options .nav-item:last-child {
    margin-right: 0
}

#checkout-main .payment-options .nav-link {
    padding: 17px 12px 15px;
    border: 1px solid #a9a9a9
}

#checkout-main .payment-options .nav-link.active {
    border-color: #000
}

#checkout-main .payment-options .nav-link img {
    height: 35px
}

#checkout-main .payment-imgs-section {
    margin: 33px 0 29px
}

#checkout-main .secure-text {
    font-family: var(--font-headline);
    font-size: var(--f-s, .875rem);
    line-height: 1.0625rem;
    font-weight: 700;
    color: #000
}

#checkout-main .billing-add-head {
    margin: 27px 0 28px
}

#checkout-main .billing-label {
    font-size: var(--f-xs, .75rem);
    line-height: .875rem;
    font-weight: 700
}

#checkout-main .contact-info-block {
    border-bottom: 0
}

#checkout-main .pay-on-delivery-content .billing-address-block {
    min-width: 100%
}

#checkout-main .pay-on-head {
    margin: 40px 0 22px
}

#checkout-main .pod-text {
    margin-bottom: 18px
}

#checkout-main .summary-section-label {
    margin-bottom: 10px;
    font-weight: 400;
    color: #333;
    font-size: var(--f-xs, .75rem);
    line-height: 1.5;
    font-weight: 500;
    font-family: var(--font-headline);
    color: #000
}

@media (min-width:768px) {
    #checkout-main .summary-section-label {
        font-size: var(--f-s, .875rem)
    }
}

#checkout-main .billing {
    margin-bottom: 22px
}

#checkout-main .review-text {
    font-weight: 400;
    color: #333;
    font-size: var(--f-xs, .75rem);
    line-height: 1.5;
    margin-bottom: 15px
}

@media (min-width:768px) {
    #checkout-main .review-text {
        font-size: var(--f-s, .875rem)
    }
}

#checkout-main .order-terms {
    font-size: var(--f-xs, .75rem);
    text-decoration: underline !important;
    --skin-link-color-2: #fa4616
}

#checkout-main .add-payment,
#checkout-main .cancel-new-payment {
    padding-top: 14px;
    padding-bottom: 10px;
    margin-bottom: 25px
}

#checkout-main .addressSelector {
    font-size: var(--f-s, .875rem);
    line-height: 1.25rem;
    margin-bottom: 30px
}

#checkout-main .cloud-payment-content .same-as-billing {
    margin-top: 40px
}

#checkout-main .billing-address-block {
    margin-top: 1rem
}

#checkout-main #component_bcmc_mobile .bcmc_mobile-continue-cta,
#checkout-main #component_swish .swish-continue-cta {
    margin-top: 15px
}

@media (min-width:768px) {
    #checkout-main #component_bcmc_mobile .bcmc_mobile-continue-cta,
    #checkout-main #component_swish .swish-continue-cta {
        width: fit-content
    }
}

@media (max-width:767.98px) {
    #checkout-main .payment-form .card-label {
        padding-top: 6px
    }
    #checkout-main .payment-options .nav-item {
        -ms-flex-preferred-size: 33%;
        flex-basis: 33%
    }
    #checkout-main .payment-options .nav-link {
        padding: 18px 0 8px
    }
    #checkout-main .payment-options .nav-link img {
        height: 27px
    }
    #checkout-main .secure-text {
        margin-bottom: 10px
    }
    #checkout-main .pod-text {
        font-size: var(--f-xs, .75rem);
        line-height: 1rem;
        margin-bottom: 1.875rem
    }
    #checkout-main .next-step-button {
        position: static;
        background-color: transparent;
        box-shadow: none
    }
    #checkout-main .next-step-button div {
        padding-top: 0;
        padding-bottom: 0
    }
    #checkout-main .next-step-button input[type=button] {
        white-space: normal
    }
}

.order-confirmation .product-line-item+.product-line-item:before {
    margin: 0
}

.order-confirmation .order-confirmation-print {
    text-align: center;
    margin: auto 0;
    padding: 7px 0
}

.order-confirmation .order-confirmation-print .icon-print {
    zoom: 3.3;
    cursor: pointer
}

.order-confirmation .order-confirmation-print .text-print {
    font-size: var(--f-s, 14px);
    font-weight: 700;
    cursor: pointer;
    margin-top: -7px;
    text-decoration: underline
}

@media (max-width:1023.98px) {
    .order-confirmation .order-confirmation-print .text-print {
        margin-left: 1rem
    }
}

@media (max-width:1023.98px) {
    .order-confirmation .order-confirmation-print {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 20px
    }
}

@media (max-width:1023.98px) {
    .order-confirmation .order-thank-you-msg {
        margin-top: 15px;
        margin-bottom: 0
    }
}

.order-confirmation .single-shipping .shipping-addr-label {
    border-top: 1px solid #979797
}

.order-confirmation .single-shipping .pickpoint-addr-label,
.order-confirmation .single-shipping .shipping-addr-label {
    font-size: var(--f-s, .875rem);
    text-transform: uppercase !important;
    padding-top: 35px;
    font-weight: 700
}

.order-confirmation .shipping-section {
    margin-bottom: 46px
}

.order-confirmation .billing-section {
    margin-bottom: 39px
}

.order-confirmation .success-img {
    border-radius: 50px;
    background-color: #25ae88;
    width: 44px;
    height: 44px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.order-confirmation .order-confirmation-head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 40px 35px 28px;
    background-color: #f8f8f8;
    border-bottom: 2px solid #c6c6c6
}

.order-confirmation .success-img-section {
    padding-bottom: 25px
}

.order-confirmation .orderplaced-section {
    padding: 0
}

.order-confirmation .order-placed {
    margin-bottom: 30px
}

.order-confirmation .order-number {
    margin-bottom: 30px;
    font-weight: 500;
    text-transform: none
}

.order-confirmation .order-confirmation-body {
    padding: 30px 0 48px 52px
}

.order-confirmation .delivery-text {
    margin-bottom: 36px
}

.order-confirmation .delivery-text,
.order-confirmation .number-text {
    font-size: var(--f-l, 1.125rem);
    line-height: 1.375rem;
    font-weight: 700;
    font-family: var(--font-headline)
}

.order-confirmation .number-text {
    border-radius: 50px;
    background-color: #fff;
    width: 44px;
    height: 44px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 4px;
    border: 1px solid #a9a9a9;
    margin-right: 25px
}

.order-confirmation .number-text.selected {
    color: #fff;
    background-color: #000
}

.order-confirmation .shipping-process {
    display: -ms-flexbox;
    display: flex
}

.order-confirmation .shipping-process .common-order-head {
    margin-bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.order-confirmation .vertical-line {
    width: 0;
    height: 32px;
    border: 1px solid #a9a9a9;
    margin: -4px 20px 0
}

.order-confirmation .in-progress {
    padding-left: 32px;
    margin: 0 0 5px
}

.order-confirmation .in-progress,
.order-confirmation .tick-mark {
    margin: 0 0 5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.order-confirmation .return-shopping {
    display: inline-block
}

.order-confirmation .order-confirmation-details {
    margin-bottom: 0
}

.order-confirmation .return-shopping-mobile {
    width: 100%;
    margin: 43px 35px
}

.order-confirmation .order-summary-detail {
    margin-top: 48px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.order-confirmation .grand-total {
    padding-bottom: 0;
    border-bottom: 0
}

.order-confirmation .summary-details,
.order-confirmation .summary-details .address-summary {
    margin-bottom: 0
}

@media (min-width:768px) {
    .order-confirmation .order-summary-detail {
        margin-top: 0
    }
    .order-confirmation .order-confirmation-head {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding: 16px 45px 42px 52px
    }
    .order-confirmation .success-img-section {
        padding-bottom: 0
    }
    .order-confirmation .order-confirmation-body {
        padding: 45px 0 30px 118px
    }
    .order-confirmation .orderplaced-section {
        padding: 12px 0 0 25px
    }
    .order-confirmation .order-confirmation-details {
        margin-bottom: 60px
    }
    .order-confirmation .success-img {
        width: 40px;
        height: 40px
    }
    .order-confirmation .delivery-text {
        margin-bottom: 62px
    }
    .order-confirmation .vertical-line {
        height: 94px
    }
    .order-confirmation .order-number,
    .order-confirmation .order-placed {
        margin-bottom: 22px
    }
    .order-confirm-section {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

@media (min-width:1024px) {
    .order-confirmation {
        max-width: 1024px;
        padding: 0 26px
    }
    .order-confirmation .ship-bill-payment-pages {
        padding-right: 25px
    }
    .order-confirmation .order-summary-detail {
        padding-left: 25px;
        padding-right: 15px
    }
    .order-confirmation .order-summary-device {
        display: block
    }
    .order-confirmation .order-summary-device.card {
        display: block;
        border: 1px solid #a9a9a9
    }
    .order-confirm-section {
        -ms-flex-direction: unset;
        flex-direction: unset
    }
}

.form-group.required .form-control-label:before {
    content: "*";
    color: #a63232
}

.account-image {
    background-image: url(../../images/account.jpg);
    background-position-y: 40%
}

.card-footer>a,
.card-header>a {
    color: var(--skin-primary-color-1);
    text-decoration: underline
}

.card-header>a {
    float: right
}

.card-info-group p {
    margin-bottom: 0
}

.card-info-group div {
    margin-bottom: 1rem
}

.card-info-group div:last-child {
    margin-bottom: 0
}

.order-history-control h2,
.order-history h2 {
    font-weight: 700;
    margin-top: .5rem
}

.dashboard-order-card-image {
    width: 7rem;
    padding-right: 1rem
}

.dashboard-order-card-footer-columns:last-child {
    text-align: right
}

.dashboard-order-card-footer-value {
    font-weight: 700;
    font-size: 1rem
}

.card-header h2,
.card-header h3 {
    font-size: 1.5rem;
    margin-bottom: 0
}

#editWishlistProductModal .modal-dialog {
    margin: 0
}

#editWishlistProductModal .modal-dialog .modal-content {
    border: none;
    border-radius: 0;
    padding: 20px
}

#editWishlistProductModal .modal-header {
    border-bottom: none;
    padding: 0;
    background-color: transparent
}

#editWishlistProductModal .modal-body {
    padding: 0
}

@media (min-width:1024px) {
    #editWishlistProductModal .modal-body .carousel-container {
        max-height: none;
        height: auto
    }
}

@media (min-width:1400px) {
    #editWishlistProductModal .modal-body .carousel-container {
        max-height: none;
        height: auto
    }
}

#editWishlistProductModal .modal-body .carousel-container .slick-dots {
    bottom: 0 !important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

#editWishlistProductModal .modal-body .product-detail {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%
}

#editWishlistProductModal .modal-body .product-detail .pdp-image-carousel .carousel-item {
    display: block
}

@media (max-width:767.98px) {
    #editWishlistProductModal .modal-body .product-detail .pdp-image-carousel .carousel-item {
        margin: 20px 0
    }
}

#editWishlistProductModal .modal-body .product-detail .detail-panel .attributes .swatches {
    margin: 0;
    padding: 15px 0;
    border-top: 1px solid #cdcdcd;
    -ms-flex-pack: start;
    justify-content: flex-start
}

#editWishlistProductModal .modal-body .product-detail .detail-panel .attributes .availability .select-style {
    display: none
}

#editWishlistProductModal .modal-body .product-detail .detail-panel .attributes .promotions {
    border-bottom: none
}

#editWishlistProductModal .modal-body .product-detail .product-name {
    font-size: var(--f-m, 1rem);
    line-height: 30/22;
    font-weight: 400;
    font-weight: 700;
    font-family: var(--font-headline);
    margin-bottom: 15px
}

@media (min-width:768px) {
    #editWishlistProductModal .modal-body .product-detail .product-name {
        font-size: var(--f-l, 1.125rem)
    }
}

@media (min-width:1024px) {
    #editWishlistProductModal .modal-body .product-detail .product-name {
        font-size: 1.375rem
    }
}

#editWishlistProductModal .modal-footer .global-availability .select-style {
    display: none
}

.wishlist-result {
    margin-top: 30px
}

.wishlist-result .wishlist-searchtext {
    font-size: 1.5rem;
    line-height: 44/36;
    font-weight: 700;
    font-family: var(--font-headline)
}

@media (min-width:768px) {
    .wishlist-result .wishlist-searchtext {
        font-size: 1.875rem
    }
}

@media (min-width:1024px) {
    .wishlist-result .wishlist-searchtext {
        font-size: 2.25rem
    }
}

.wishlist-result .result-count {
    margin-top: 1rem
}

.search-wishlist {
    margin-top: 30px
}

.search-wishlist .wishlist-searchtext {
    font-size: 1.5rem;
    line-height: 44/36;
    font-weight: 700;
    font-family: var(--font-headline)
}

@media (min-width:768px) {
    .search-wishlist .wishlist-searchtext {
        font-size: 1.875rem
    }
}

@media (min-width:1024px) {
    .search-wishlist .wishlist-searchtext {
        font-size: 2.25rem
    }
}

.wishlist {
    padding: 0;
    margin-bottom: 30px
}

.wishlist-login .guest-wishlist-message {
    margin: 20px 0;
    font-size: var(--f-s, .875rem);
    line-height: 1.25rem;
    font-weight: 700;
    border-bottom: 1px solid hsla(0, 0%, 59%, .39);
    padding-bottom: 7px
}

.wishlist-logged-in {
    padding: 0;
    margin: 20px auto 0
}

.wishlist-logged-in .wishlist-owner {
    font-size: 1.5rem;
    line-height: 44/36;
    font-weight: 700;
    font-family: var(--font-headline)
}

@media (min-width:768px) {
    .wishlist-logged-in .wishlist-owner {
        font-size: 1.875rem
    }
}

@media (min-width:1024px) {
    .wishlist-logged-in .wishlist-owner {
        font-size: 2.25rem
    }
}

.wishlist-logged-in .wishlist-public {
    display: none
}

.wishlist-logged-in .wl-social-sharing .wl-social-sharing-text {
    color: #333 !important;
    font-size: var(--f-m, 1rem);
    line-height: 30/22;
    font-weight: 400
}

@media (min-width:768px) {
    .wishlist-logged-in .wl-social-sharing .wl-social-sharing-text {
        font-size: var(--f-l, 1.125rem)
    }
}

@media (min-width:1024px) {
    .wishlist-logged-in .wl-social-sharing .wl-social-sharing-text {
        font-size: 1.375rem
    }
}

.wishlist-logged-in .wl-social-sharing .share-icons {
    margin: 0 5px
}

.wishlist-logged-in .wl-social-sharing .share-icons i {
    color: #333
}

.wishlist-logged-in .wl-social-sharing .share-icons i:hover {
    color: #fa4616
}

.wishlist-logged-in .back-to-account {
    margin-bottom: 20px
}

.wishlist-hide {
    margin: 15px 0 0 !important;
    padding: 0
}

.wishlist-owner {
    border-bottom: 1px solid hsla(0, 0%, 59%, .39);
    padding-bottom: 0
}

.wishlistItemCards.cart-section .line-item-header {
    border: 0;
    padding: 0
}

.wishlistItemCards.cart-section .line-itm-cntnt {
    padding: 20px 0
}

.wishlistItemCards .product-info .item-image {
    width: auto;
    height: auto;
    -ms-flex-pack: center;
    justify-content: center
}

.wishlistItemCards .product-info .card {
    border: none;
    border-bottom: 1px solid #979797
}

.wishlistItemCards .product-info .card .line-item-header {
    border: none;
    padding: 0
}

.wishlistItemCards .product-info .remove-link {
    cursor: pointer;
    font-size: var(--f-xs, .75rem);
    line-height: .875rem;
    color: #7b7b7b;
    font-family: var(--font-headline);
    display: inline
}

.wishlistItemCards .product-info .remove-link span {
    text-decoration: underline
}

.wishlistItemCards .product-info .remove-link :hover {
    color: #fa4616
}

.wishlistItemCards .product-info .add-to-cart,
.wishlistItemCards .product-info .select-attributes-btn {
    padding-top: 13px;
    padding-bottom: 10px;
    width: 100%;
    float: none;
    margin: 0 auto
}

.wishlistItemCards .product-info .add-to-cart .fa-shopping-bag,
.wishlistItemCards .product-info .select-attributes-btn .fa-shopping-bag {
    display: none
}

.wishlistItemCards .product-info .line-item-name {
    font-size: var(--f-s, .875rem);
    line-height: 22px;
    font-weight: lighter;
    color: #333;
    font-family: var(--font-headline);
    font-weight: 500;
    white-space: normal
}

.wishlistItemCards .product-info .line-item-attributes {
    margin-bottom: 8px
}

.wishlistItemCards .product-info .remove-btn {
    top: -10px
}

.wishlistItemCards .select-attributes-wishList {
    margin: 10px 0
}

.wishlistItemCards .product-card-price {
    padding: 0;
    margin: 8px 0 0;
    -ms-flex: 0;
    flex: 0
}

.wishlistItemCards .product-card-price .striked-out-price del {
    display: inline-block
}

.wishlistItemCards .product-card-price .striked-out-price del .strike-through {
    margin: 0 5px
}

.wishlistItemCards .product-card-price .striked-out-price .discount-badge {
    font-weight: 300;
    color: #fa4616;
    font-size: var(--f-2xs, .625rem);
    border: 1px solid #fa4616;
    padding: 2px 6px;
    background-color: #fff;
    vertical-align: text-bottom;
    text-transform: uppercase;
    font-size: var(--f-xs, .75rem)
}

@media (min-width:768px) {
    .wishlistItemCards .product-card-price .striked-out-price .discount-badge {
        font-size: var(--f-xs, .75rem)
    }
}

.wishlistItemCards .product-card-price .line-item-price-info {
    display: none
}

.wishlistItemCards .edit-add-to-wishlist {
    margin: 10px 0
}

.wishlistItemCards .edit-add-to-wishlist .edit,
.wishlistItemCards .klarnaPdpMsg {
    display: none
}

.wishlistItemCards .line-item-quantity {
    padding: 0
}

.wishlistItemCards .line-item-quantity .quantity-form-wishlist {
    margin: 2px 0
}

.wishlistItemCards .line-item-quantity .quantity-form-wishlist .quantity-label {
    margin-right: .3125rem;
    font-size: var(--f-xs, .75rem);
    line-height: .875rem;
    color: #7b7b7b;
    display: inline-block;
    width: auto
}

.wishlistItemCards .line-item-quantity .quantity-form-wishlist.quantity-selector-small .quantity-wrapper input[type=number] {
    padding: 0 .5rem;
    width: 4.5ch
}

@media (min-width:768px) {
    .search-wishlist .wishlist,
    .wishlist-logged-in .wishlist,
    .wishlist-result .wishlist {
        max-width: 206px;
        padding-right: 15px
    }
    .search-wishlist .wishlist .welcome-user-name,
    .wishlist-logged-in .wishlist .welcome-user-name,
    .wishlist-result .wishlist .welcome-user-name {
        font-size: var(--f-l, 1.125rem);
        padding: 20px 0 30px
    }
    .search-wishlist,
    .wishlist-result {
        margin-top: 0
    }
    .search-wishlist .account-login-page .login-left-panel,
    .wishlist-result .account-login-page .login-left-panel {
        -ms-flex-order: 0;
        order: 0;
        -webkit-order: 0;
        padding-right: 30px
    }
    #editWishlistProductModal {
        top: 14%
    }
    #editWishlistProductModal .modal-dialog {
        margin: 0 auto;
        width: 85%
    }
    #editWishlistProductModal .modal-dialog .modal-content {
        padding: 20px
    }
    #editWishlistProductModal .modal-header {
        padding: 0
    }
    .wishlist-logged-in,
    .wishlist-login {
        margin-top: 10px
    }
    .wishlist-logged-in .guest-wishlist-message,
    .wishlist-login .guest-wishlist-message {
        margin: 0
    }
    .wishlist-logged-in .wishlistItemCards,
    .wishlist-login .wishlistItemCards {
        margin-top: 15px
    }
    .wishlist-logged-in .wishlistItemCards .line-itm-cntnt,
    .wishlist-login .wishlistItemCards .line-itm-cntnt {
        padding: 0 0 15px
    }
    .wishlist-logged-in .wishlistItemCards .product-info,
    .wishlist-login .wishlistItemCards .product-info {
        margin: 15px 0
    }
    .wishlist-logged-in .wishlistItemCards .product-info .add-to-cart,
    .wishlist-logged-in .wishlistItemCards .product-info .select-attributes-btn,
    .wishlist-login .wishlistItemCards .product-info .add-to-cart,
    .wishlist-login .wishlistItemCards .product-info .select-attributes-btn {
        width: auto
    }
    .wishlist-logged-in .account-login-page,
    .wishlist-login .account-login-page {
        margin-top: 0
    }
    .wishlist-logged-in .account-login-page .right-login-panel,
    .wishlist-login .account-login-page .right-login-panel {
        padding: 0
    }
    .wishlist-logged-in .account-login-page .signin-sec,
    .wishlist-login .account-login-page .signin-sec {
        border-bottom: 0
    }
    .wishlist-logged-in .account-login-page .inner-right,
    .wishlist-login .account-login-page .inner-right {
        padding: 0 10px
    }
    .wishlist-logged-in .account-login-page .create-acc-sec,
    .wishlist-login .account-login-page .create-acc-sec {
        padding: 0 10px;
        margin-top: 40px
    }
    .add-to-cart-wishList,
    .select-attributes-wishList {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media (min-width:1024px) {
    .search-wishlist .wishlist,
    .wishlist-logged-in .wishlist,
    .wishlist-result .wishlist {
        max-width: 225px;
        padding: 0
    }
    #editWishlistProductModal .modal-dialog {
        width: 50%
    }
    .wishlist {
        padding-left: 15px;
        padding-right: 15px
    }
    .wishlist-logged-in .login-page,
    .wishlist-logged-in .login-page .account-login-page,
    .wishlist-login .login-page,
    .wishlist-login .login-page .account-login-page {
        margin-top: 0
    }
    .wishlist-logged-in .login-page .account-login-page .create-acc-sec,
    .wishlist-login .login-page .account-login-page .create-acc-sec {
        padding: 0 10px;
        margin-top: 0
    }
}

#wishlist-search {
    margin-bottom: 30px
}

#wishlist-search .btn-primary {
    width: auto;
    padding-top: 13px;
    padding-bottom: 10px
}

.add-to-wishlist-messages {
    transform: translate(-50%, -50%);
    position: fixed;
    top: 50%;
    left: 50%;
    font-family: var(--font-headline);
    z-index: 10
}

.add-to-wishlist-alert {
    animation: fade 5s linear forwards;
    box-shadow: 1px 1px 5px grey;
    padding: 1em
}

@keyframes fade {
    0% {
        opacity: 0
    }
    10% {
        opacity: 1
    }
    90% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.add-to-wishlist-alert.show {
    display: block
}

#wrapper {
    margin: 0 auto;
    max-width: 1400px;
    min-width: 320px;
    padding: 0
}

.pt_vip {
    padding: 0 46px
}

.pt_vip .vip-container {
    padding-top: 90px;
    padding-bottom: 90px
}

.pt_vip .vip-container .heading-soft {
    margin-top: 20px;
    margin-bottom: 10px
}

.pt_vip .vip-container-logos {
    text-align: center
}

.pt_vip .vip-container .login-box-content {
    margin-bottom: 20px
}

.pt_vip .vip-container .login-box-content .form-group {
    width: 50%
}

.pt_vip .vip-container .h5.heading-soft {
    text-transform: none
}

.pt_vip hr.vip-hr {
    width: 42px;
    height: 3px;
    background-color: #000;
    color: #fff;
    border: 0 none;
    margin: 5px auto 15px
}

.pt_vip .program-icon .img-responsive {
    display: block;
    margin: 0 auto
}

.pt_vip .vip-logos {
    padding: 20px 0 0
}

.pt_vip .section-header {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #505050
}

.pt_vip .password-reset {
    float: left;
    margin-top: 20px
}

.pt_vip .account-remember ul li {
    margin: 1em;
    list-style: disc
}

.pt_vip .about-registration {
    background: #dfe5e8
}

.pt_vip .toggle span {
    padding-left: 20px;
    position: relative
}

.pt_vip .toggle span:before {
    border-style: solid;
    border-width: 5px 5px 5px 10px;
    border-color: transparent transparent transparent #0070d2;
    content: "";
    height: 0;
    margin-top: -6px;
    left: 0;
    position: absolute;
    top: 50%;
    width: 0
}

.pt_vip .custom-checkbox {
    padding-left: 0
}

.pt_vip .form-error {
    color: red
}

.pt_vip legend {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 20px
}

.pt_vip h5 {
    margin-top: 10px;
    margin-bottom: 10px
}

.vip-welcome-modal .header {
    padding-top: 50px
}

.vip-welcome-modal .modal-header {
    border-bottom: none
}

.vip-welcome-modal .modal-body {
    padding-bottom: 50px
}

.vip-welcome-modal .vip-buttons {
    padding-top: 40px
}

.vip-welcome-modal .vip-buttons .btn {
    margin-bottom: 20px
}

.vip-welcome-modal .close {
    color: #0070d2;
    font-size: 1.5714em;
    opacity: 1;
    position: absolute;
    right: 15px;
    top: 15px
}

.vip-welcome-modal .latestakghedfone {
    font-weight: 700
}

.vip-welcome-modal .notemsg {
    font-style: italic
}

.btn-primary {
    border-color: var(--c-button-border)
}

.btn-primary:focus-visible,
.btn-primary:hover,
.btn-primary[aria-pressed=true] {
    color: var(--c-button-hover-copy);
    background-color: var(--c-button-hover);
    border-color: var(--c-button-hover-border)
}

.btn-outline-primary,
.btn-primary {
    font-size: var(--f-button, 1.16688rem);
    font-weight: 700;
    padding-top: .375rem;
    padding-bottom: .18738rem
}

.minicart-link .minicart-quantity {
    top: -1.125rem;
    font-size: 1.16688rem;
    font-weight: 700
}

.minicart .remove-btn {
    color: #757575
}

.minicart:not([data-action-url])>.footer .btn {
    padding-top: .625rem;
    padding-bottom: .37488rem
}

.price .strike-through {
    color: #757575
}

.search-results .grid-container .product-grid .show-more .text-center .btn {
    padding-top: .625rem;
    padding-bottom: .43738rem
}

.irs--round .irs-grid-pol {
    background-color: #757575
}

.irs--round .irs-grid-text {
    color: #757575
}

.advert-tile .module-tile-slides .promo-container a {
    font-size: 1.16688rem;
    padding-top: .29688rem;
    padding-bottom: .10925rem
}

@media (min-width:768px) {
    .advert-tile .module-tile-slides .promo-container a {
        font-size: 1.16688rem;
        padding-top: .29688rem;
        padding-bottom: .10925rem
    }
}

.product-tile .customizeButton_container>a {
    --skin-link-color-2: #d73204
}

.product-tile .tile-body .impAttributes span {
    color: #757575
}

.product-tile .tile-body .price {
    color: #333
}

.product-tile .tile-body .price .strike-through.list {
    color: #757575
}

.product-tile .tile-body .price .discount-badge {
    color: #595959;
    border: 1px solid #595959
}

.product-tile .compare .custom-checkbox label,
.product-tile .short-description {
    color: #757575
}

.product-tile .product-badges .product-badge.sold-out {
    background-color: #757575
}

@media (min-width:1024px) {
    .add-to-cart-container .btn-primary {
        font-size: var(--f-button, 1.16688rem);
        padding-top: .5rem;
        padding-bottom: .24988rem
    }
}

.product-detail .pdp-support .pdp-support-columns .cards .card .btn {
    padding-top: .375rem;
    padding-bottom: .18738rem
}

.pdp-badges .pdp-badge.sold-out {
    background-color: #757575
}

.cart-section .chkt-btn-seg a {
    padding-top: .625rem;
    padding-bottom: .43738rem
}

.cart-section .need-help-txt {
    color: #000
}

.cart-section .need-help-txt .contactLink {
    --skin-link-color-2: #000
}

.cart-section .line-itm-cntnt .item-number,
.cart-section .line-itm-cntnt .line-item-attributes {
    color: #757575
}

.cart-section .line-itm-cntnt .line-item-total-price-amount {
    font-size: var(--f-s, .875rem);
    color: #757575
}

.cart-section .msg-shipping-return {
    color: #757575
}

.cart-section .unit-price .price.striked-out-price .sales .value {
    font-weight: 700
}

.cart-section .unit-price .non-adjusted-prices,
.cart-section .unit-price .strike-through,
.cart-section .unit-price .value {
    font-size: var(--f-s, .875rem)
}

#checkout-main .continue-btn,
.order-confirmation .continue-btn {
    padding-top: .625rem;
    padding-bottom: .43738rem
}

#checkout-main .edit-cart,
.order-confirmation .edit-cart {
    --skin-link-color-2: #000
}

#checkout-main .line-item-attributes,
#checkout-main .line-item-pricing-info,
#checkout-main .order-details-normal-text,
#checkout-main .price,
#checkout-main .pricing,
.order-confirmation .line-item-attributes,
.order-confirmation .line-item-pricing-info,
.order-confirmation .order-details-normal-text,
.order-confirmation .price,
.order-confirmation .pricing {
    color: #525252
}

#checkout-main .login .log-in,
.order-confirmation .login .log-in {
    --skin-link-color-2: #000
}

#checkout-main .message-optional-container,
.order-confirmation .message-optional-container {
    color: #757575;
    display: none
}

#checkout-main .shipping-form .form-check.adyen .form-check-label .display-name,
#checkout-main .shipping-form .form-check.adyen .form-check-label .shipping-cost,
#checkout-main .shipping-form .form-check.form-check-grouped .shipping-method-pricing .display-name,
#checkout-main .shipping-form .form-check.form-check-grouped .shipping-method-pricing .shipping-cost,
#checkout-main .shipping-form .form-check.form-check-single .shipping-method-information .shipping-method-pricing .display-name,
#checkout-main .shipping-form .form-check.form-check-single .shipping-method-information .shipping-method-pricing .shipping-cost,
#checkout-main .shipping-form .products-list .product-item .desc-product,
#checkout-main .shipping-form .products-list .product-item .name-product,
.order-confirmation .shipping-form .form-check.adyen .form-check-label .display-name,
.order-confirmation .shipping-form .form-check.adyen .form-check-label .shipping-cost,
.order-confirmation .shipping-form .form-check.form-check-grouped .shipping-method-pricing .display-name,
.order-confirmation .shipping-form .form-check.form-check-grouped .shipping-method-pricing .shipping-cost,
.order-confirmation .shipping-form .form-check.form-check-single .shipping-method-information .shipping-method-pricing .display-name,
.order-confirmation .shipping-form .form-check.form-check-single .shipping-method-information .shipping-method-pricing .shipping-cost,
.order-confirmation .shipping-form .products-list .product-item .desc-product,
.order-confirmation .shipping-form .products-list .product-item .name-product {
    color: #757575
}

#suggestedAddressModal .modal-body .use-this-address-btn #submitAddressButton {
    padding-top: .59375rem;
    padding-bottom: .40613rem
}

header~#maincontent .container-narrow .terms-and-conditions .term_conditions .privacity-policy,
header~#maincontent .container-narrow .terms-and-conditions .term_conditions .term_of_sale,
header~#maincontent .container-narrow .terms-and-conditions .term_conditions .term_of_use,
header~#maincontent .container .terms-and-conditions .term_conditions .privacity-policy,
header~#maincontent .container .terms-and-conditions .term_conditions .term_of_sale,
header~#maincontent .container .terms-and-conditions .term_conditions .term_of_use {
    --skin-link-color-2: #000
}

.logo-checkout .jbl-brand .row .col .secured-checkout .min-cart-redirectParent a,
.neadHelpLink {
    color: #000
}

#checkout-main .order-terms {
    --skin-link-color-2: #000
}

.flag-container .txt-country .icon_container {
    background-color: #757575
}

.msg-order-shipping {
    color: #525252
}

.slick-sr-only {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

:where([href]) {
    cursor: pointer
}

video::-internal-media-controls-overlay-cast-button {
    display: none
}

@media (max-width:1023px) {
    .dbreak {
        display: none !important
    }
}

@media (min-width:1024px) {
    .mbreak {
        display: none !important
    }
}

@keyframes dsRevealSection {
    0%,
    10% {
        opacity: 0;
        transform: translateY(32px)
    }
    20%,
    80% {
        opacity: 1;
        transform: translateY(0)
    }
    90%,
    to {
        opacity: 0;
        transform: translateY(-32px)
    }
}

.sp-icon.Cart-White:before {
    width: 2.16em
}

.sp-icon.Account-White.-n:before {
    width: 2.2em;
    -webkit-mask-image: none;
    mask-image: none;
    background: transparent url(../media/icons/profile.svg);
    background-size: contain
}

header .sp-icon.Account-White:before,
header .sp-icon.Cart-White:before {
    transform: scale(1.05);
    background-color: #000
}

.fa:before {
    font-family: var(--font-icon);
    font-weight: 400;
    font-style: normal;
    font-size: 1em;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    vertical-align: sub;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    font-variation-settings: "FILL" 1;
    transition: transform var(--ds-transition);
    will-change: transform clip-path;
    font-size: 1.1em;
    line-height: .6
}

.fa-eye:before {
    content: "visibility"
}

.fa-eye-slash:before {
    content: "visibility_off"
}

.fa-plus-circle:before {
    content: " ";
    height: 16px;
    width: 16px;
    background: no-repeat url(../media/icons/pdp-usp.svg) 50%;
    background-size: contain
}

.pwd-show-icon {
    top: 9px
}

.fa-facebook,
.fa-facebook-official,
.fa-google {
    display: -ms-inline-flexbox;
    display: inline-flex;
    line-height: 1
}

.fa-facebook-official:before,
.fa-facebook:before,
.fa-google:before {
    content: " ";
    background: currentColor no-repeat;
    -webkit-mask-image: url(../media/icons/icon-google.svg);
    mask-image: url(../media/icons/icon-google.svg);
    -webkit-mask-size: contain;
    mask-size: contain;
    width: 1em;
    height: .9em;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.fa-facebook-official:before,
.fa-facebook:before {
    -webkit-mask-image: url(../media/icons/icon-facebook.svg);
    mask-image: url(../media/icons/icon-facebook.svg)
}

@media (max-width:1023.98px) {
    .collapsible-xs .title:after,
    .collapsible-xs button.title:after {
        font-family: var(--font-icon);
        font-weight: 400;
        font-style: normal;
        font-size: 1em;
        line-height: 1;
        letter-spacing: normal;
        text-transform: none;
        display: inline-block;
        white-space: nowrap;
        word-wrap: normal;
        direction: ltr;
        vertical-align: sub;
        -webkit-font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
        font-variation-settings: "FILL" 1;
        transition: transform var(--ds-transition);
        will-change: transform clip-path;
        content: "chevron_right" !important;
        background: transparent;
        color: var(--c-em-full)
    }
    #footercontent .collapsible-xs .title:after,
    #footercontent .collapsible-xs button.title:after {
        color: var(--c-em-full-contrast)
    }
    .collapsible-xs.active .title:after,
    .collapsible-xs.active button.title:after {
        content: "expand_more" !important
    }
}

@media (max-width:767.98px) {
    .collapsible-xs .title:after,
    .collapsible-xs button.title:after {
        font-family: var(--font-icon);
        font-weight: 400;
        font-style: normal;
        font-size: 1em;
        line-height: 1;
        letter-spacing: normal;
        text-transform: none;
        display: inline-block;
        white-space: nowrap;
        word-wrap: normal;
        direction: ltr;
        vertical-align: sub;
        -webkit-font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
        font-variation-settings: "FILL" 1;
        transition: transform var(--ds-transition);
        will-change: transform clip-path;
        content: "chevron_right" !important;
        background: transparent;
        color: var(--c-em-full)
    }
    #footercontent .collapsible-xs .title:after,
    #footercontent .collapsible-xs button.title:after {
        color: var(--c-em-full-contrast)
    }
    .collapsible-xs.active .title:after,
    .collapsible-xs.active button.title:after {
        content: "expand_more" !important
    }
}

.dropdown-toggle:after,
.select-wrapper .dropdown.bootstrap-select .dropdown-toggle:after {
    font-family: var(--font-icon);
    font-weight: 400;
    font-style: normal;
    font-size: 1em;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    vertical-align: sub;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    font-variation-settings: "FILL" 1;
    transition: transform var(--ds-transition);
    will-change: transform clip-path;
    background: transparent;
    color: var(--c-em-full);
    content: "expand_more" !important;
    font-size: 18px;
    font-weight: 600
}

.fa-chevron-left:before {
    content: "chevron_left";
    font-family: var(--font-icon);
    font-size: 24px
}

.fa-chevron-right:before {
    content: "chevron_right";
    font-family: var(--font-icon);
    font-size: 24px
}

.home-email-signup.subscribe-form.container,
.home-email-signup.subscribe-form.container-narrow {
    background: var(--c-jblorange);
    color: var(--c-em-full);
    padding: 0
}

.home-email-signup.subscribe-form.container-narrow .mindbox-subscription,
.home-email-signup.subscribe-form.container .mindbox-subscription {
    max-width: none !important;
    min-width: 100%;
    padding: var(--spacing-xl) var(--side-offset);
    text-align: left
}

@media (min-width:1200px) {
    .home-email-signup.subscribe-form.container-narrow .mindbox-subscription,
    .home-email-signup.subscribe-form.container .mindbox-subscription {
        padding: var(--spacing-5xl) var(--side-offset)
    }
}

.home-email-signup.subscribe-form.container-narrow .mindbox-subscription .content-asset,
.home-email-signup.subscribe-form.container .mindbox-subscription .content-asset {
    text-align: left;
    margin: 0;
    padding: 0
}

.home-email-signup.subscribe-form.container-narrow .mindbox-subscription .form-group,
.home-email-signup.subscribe-form.container .mindbox-subscription .form-group {
    position: relative;
    -ms-flex-direction: row;
    flex-direction: row
}

.home-email-signup.subscribe-form.container-narrow .mindbox-subscription .form-group .mindbox-submit,
.home-email-signup.subscribe-form.container .mindbox-subscription .form-group .mindbox-submit {
    all: unset;
    font-size: 0;
    width: 32px;
    position: absolute;
    top: 10px;
    right: 0;
    margin: 0
}

.home-email-signup.subscribe-form.container-narrow .mindbox-subscription .form-group .mindbox-submit:before,
.home-email-signup.subscribe-form.container .mindbox-subscription .form-group .mindbox-submit:before {
    font-family: var(--font-icon);
    font-weight: 400;
    font-style: normal;
    font-size: 1em;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    vertical-align: sub;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    font-variation-settings: "FILL" 1;
    transition: transform var(--ds-transition);
    will-change: transform clip-path;
    font-size: 22px;
    font-weight: 600;
    content: "arrow_forward"
}

.home-email-signup.subscribe-form.container-narrow .mindbox-subscription .form-group button[type=reset],
.home-email-signup.subscribe-form.container .mindbox-subscription .form-group button[type=reset] {
    color: currentColor;
    position: absolute;
    top: -2px;
    right: 30px;
    transform: none;
    font-weight: 600;
    font-stretch: condensed;
    font-variation-settings: "wdth" 75;
    font-size: 32px
}

.home-email-signup.subscribe-form.container-narrow .mindbox-subscription .form-group input.form-control,
.home-email-signup.subscribe-form.container .mindbox-subscription .form-group input.form-control {
    all: unset;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    background: transparent !important;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    color: currentColor;
    border-bottom: 3px solid var(--c-em-full);
    padding: 4px 64px 4px 0;
    width: 100%;
    min-height: 44px;
    box-sizing: border-box;
    font-size: var(--f-m)
}

.home-email-signup.subscribe-form.container-narrow .mindbox-subscription .form-group input.form-control:-ms-input-placeholder,
.home-email-signup.subscribe-form.container .mindbox-subscription .form-group input.form-control:-ms-input-placeholder {
    color: currentColor
}

.home-email-signup.subscribe-form.container-narrow .mindbox-subscription .form-group input.form-control::placeholder,
.home-email-signup.subscribe-form.container .mindbox-subscription .form-group input.form-control::placeholder {
    color: currentColor
}

.home-email-signup.subscribe-form.container-narrow .mindbox-subscription .form-group input.form-control:focus,
.home-email-signup.subscribe-form.container .mindbox-subscription .form-group input.form-control:focus {
    background-color: hsla(0, 0%, 100%, .2) !important;
    padding-left: 8px
}

.home-email-signup.subscribe-form.container-narrow .mindbox-subscription .form-group .invalid-feedback,
.home-email-signup.subscribe-form.container .mindbox-subscription .form-group .invalid-feedback {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    text-shadow: none;
    text-align: left;
    background: transparent;
    border-radius: 0;
    padding: 0;
    font-size: var(--f-m);
    font-weight: 400;
    color: currentColor
}

.home-email-signup.subscribe-form.container-narrow .mindbox-subscription .form-group .invalid-feedback:not(:empty),
.home-email-signup.subscribe-form.container .mindbox-subscription .form-group .invalid-feedback:not(:empty) {
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    padding-top: 8px
}

@media (min-width:1200px) {
    .home-email-signup.subscribe-form.container-narrow .mindbox-subscription .col-sm-12,
    .home-email-signup.subscribe-form.container .mindbox-subscription .col-sm-12 {
        padding: 0;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (minmax(0, 1fr))[var];
        grid-template-columns: repeat(var(--sizing-grid), minmax(0, 1fr));
        column-gap: var(--sizing-gutter);
        -ms-flex-align: center;
        align-items: center
    }
    .home-email-signup.subscribe-form.container-narrow .mindbox-subscription .col-sm-12 .content-asset,
    .home-email-signup.subscribe-form.container-narrow .mindbox-subscription .col-sm-12 h2,
    .home-email-signup.subscribe-form.container-narrow .mindbox-subscription .col-sm-12 h3,
    .home-email-signup.subscribe-form.container .mindbox-subscription .col-sm-12 .content-asset,
    .home-email-signup.subscribe-form.container .mindbox-subscription .col-sm-12 h2,
    .home-email-signup.subscribe-form.container .mindbox-subscription .col-sm-12 h3 {
        -ms-grid-column: span 5;
        grid-column: span 5
    }
    .home-email-signup.subscribe-form.container-narrow .mindbox-subscription .col-sm-12 .form-group,
    .home-email-signup.subscribe-form.container .mindbox-subscription .col-sm-12 .form-group {
        -ms-grid-column-span: 4;
        -ms-grid-column: 8;
        grid-column: 8/span 4;
        margin: 0
    }
}

@media (max-width:1199.98px) {
    .home-email-signup.subscribe-form.container-narrow .mindbox-subscription .col-sm-12,
    .home-email-signup.subscribe-form.container .mindbox-subscription .col-sm-12 {
        padding: 0;
        display: -ms-grid;
        display: grid;
        row-gap: var(--spacing-xl)
    }
    .home-email-signup.subscribe-form.container-narrow .mindbox-subscription .col-sm-12 .form-group,
    .home-email-signup.subscribe-form.container .mindbox-subscription .col-sm-12 .form-group {
        margin-bottom: 0
    }
}

.home-email-signup.subscribe-form.container-narrow .mindbox-subscription h2,
.home-email-signup.subscribe-form.container-narrow .mindbox-subscription h3,
.home-email-signup.subscribe-form.container .mindbox-subscription h2,
.home-email-signup.subscribe-form.container .mindbox-subscription h3 {
    font-family: var(--font-headline);
    font-stretch: condensed;
    font-variation-settings: "wdth" 75;
    font-weight: 600;
    text-shadow: none;
    padding: 0;
    margin: 0;
    color: #fff;
    font-size: clamp(32px, 4.48cqw, 44.8px);
    line-height: var(--f-h-lh)
}

@media (max-width:600px) {
    .home-email-signup.subscribe-form.container-narrow .mindbox-subscription h2,
    .home-email-signup.subscribe-form.container-narrow .mindbox-subscription h3,
    .home-email-signup.subscribe-form.container .mindbox-subscription h2,
    .home-email-signup.subscribe-form.container .mindbox-subscription h3 {
        min-height: 6rem
    }
}

.home-email-signup.subscribe-form.container-narrow .mindbox-subscription h2+p,
.home-email-signup.subscribe-form.container-narrow .mindbox-subscription h3+p,
.home-email-signup.subscribe-form.container .mindbox-subscription h2+p,
.home-email-signup.subscribe-form.container .mindbox-subscription h3+p {
    margin-top: var(--spacing-m)
}

.home-email-signup.subscribe-form.container-narrow .col,
.home-email-signup.subscribe-form.container-narrow .row,
.home-email-signup.subscribe-form.container-narrow [class*=col],
.home-email-signup.subscribe-form.container .col,
.home-email-signup.subscribe-form.container .row,
.home-email-signup.subscribe-form.container [class*=col] {
    all: revert
}

.home-email-signup.subscribe-form.container-narrow .view-policy,
.home-email-signup.subscribe-form.container .view-policy {
    font-size: var(--f-s);
    color: currentColor;
    margin: 0;
    padding: 0
}

.home-email-signup.subscribe-form.container-narrow .view-policy .content-asset>:first-child,
.home-email-signup.subscribe-form.container .view-policy .content-asset>:first-child {
    padding-top: 8px
}

.home-email-signup.subscribe-form.container-narrow .view-policy .content-asset p,
.home-email-signup.subscribe-form.container .view-policy .content-asset p {
    font-size: var(--f-s)
}

.home-email-signup.subscribe-form.container-narrow .view-policy .content-asset a,
.home-email-signup.subscribe-form.container .view-policy .content-asset a {
    color: currentColor
}

[lang=ja] .home-email-signup.subscribe-form.container-narrow h3,
[lang=ja] .home-email-signup.subscribe-form.container h3 {
    line-height: 1
}

body button.chat-start-btn {
    background-color: var(--c-button);
    color: var(--c-button-copy);
    border-radius: 0;
    -ms-flex-pack: center;
    justify-content: center;
    width: 125px;
    right: -40px
}

body button.chat-start-btn:focus-visible,
body button.chat-start-btn:hover {
    background-color: var(--c-button-hover);
    color: var(--c-button-copy);
    opacity: 1
}

body button.chat-start-btn.loading {
    opacity: 1;
    background-color: var(--c-button);
    color: var(--c-button-copy)
}

body button.chat-start-btn>img {
    display: none
}

body button.chat-start-btn .chat-start-btn__label {
    font-family: var(--font-headline);
    text-transform: uppercase !important;
    font-weight: 700;
    font-stretch: condensed;
    font-variation-settings: "wdth" 75;
    font-size: 22px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px;
    min-height: 24px;
    padding-top: 4px
}

body button.chat-start-btn .chat-start-btn__label:before {
    content: " ";
    min-width: 24px;
    min-height: 24px;
    width: 24px;
    height: 24px;
    background: url(../media/footer-chat-icon.svg) no-repeat;
    background-size: contain;
    display: block;
    transform: translateY(-4px) rotate(90deg)
}

body button.chat-start-btn .chat-loading-indicator {
    gap: 4px
}

body button.chat-start-btn .chat-loading-indicator>.chat-loading-indicator__ball {
    animation-name: ds-loading-dots-animation
}

@keyframes ds-loading-dots-animation {
    0% {
        transform: scale(1)
    }
    25% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.5)
    }
    75% {
        transform: scale(1)
    }
    to {
        transform: scale(1)
    }
}

#footercontent {
    --c-footer-active: var(--c-jblorange);
    background-image: url(../media/footer-horn.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    position: relative;
    text-align: left
}

@media (min-width:1200px) {
    #footercontent {
        background-position: 0 100%;
        min-height: 220px
    }
    #footercontent .footer-container {
        padding-top: 18px
    }
}

@media (min-width:1200px) {
    #footercontent .footer-bottom {
        margin-right: calc(30% + var(--side-offset));
        margin-right: calc(Min(30%, 460px) + var(--side-offset))
    }
}

@media (min-width:1200px) and (max-width:1600px) {
    html[data-site=BR] #footercontent .footer-bottom {
        margin-right: 0
    }
    html[data-site=BR] #footercontent .footer-bottom .footer-accessibility .footer_accessibility_message {
        min-height: 21vw;
        padding-right: calc(30% + var(--side-offset));
        padding-right: calc(Min(30%, 460px) + var(--side-offset))
    }
}

#footercontent .footer-bottom:before {
    content: " ";
    display: block;
    background-image: url(../media/footer-logo.svg);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: contain;
    aspect-ratio: 443/254
}

@media (max-width:767px) {
    #footercontent .footer-bottom:before {
        -ms-grid-row: -2;
        grid-row: -2
    }
}

@media (max-width:1199.98px) {
    #footercontent .footer-bottom:before {
        width: 500px;
        max-width: calc(100vw - var(--side-offset) - var(--side-offset));
        margin-top: var(--spacing-m);
        grid-column: 1/-1
    }
}

@media (min-width:1200px) {
    #footercontent .footer-bottom:before {
        width: 30%;
        width: Min(30%, 460px);
        position: absolute;
        bottom: var(--spacing-m);
        right: var(--side-offset)
    }
    html[data-site=BR] #footercontent .footer-bottom:before {
        max-height: 360px
    }
    html[data-site=BR] .cart-page #footercontent .footer-bottom:before {
        max-height: 160px
    }
}

#footercontent .title {
    font-size: var(--f-m, 1rem);
    font-family: var(--font-body);
    color: var(--c-jblorange) !important;
    text-transform: uppercase;
    font-weight: 500;
    font-stretch: normal;
    font-variation-settings: "wdth" 75;
    margin-bottom: var(--spacing-s)
}

#footercontent .footer-item ul li {
    font-size: var(--f-m, 1rem)
}

#footercontent .footer-item ul li a:focus,
#footercontent .footer-item ul li a:hover {
    text-decoration: underline;
    text-underline-offset: 4px
}

#footercontent .footer-item-social .title {
    display: none
}

#footercontent .footer-copyright .copyright-notice .copyright,
#footercontent .footer-copyright .footer-country-selector .menu-utility .dropdown-toggle {
    font-size: var(--f-s);
    color: var(--c-em-med-contrast)
}

#footercontent .footer-accessibility .footer_accessibility_message {
    border-top-width: thin;
    text-align: left;
    color: var(--c-em-med-contrast)
}

#footercontent .footer-accessibility .footer_accessibility_message p {
    color: currentColor
}

#footercontent:has(.checkout-footer) {
    min-height: 0;
    background-image: none
}

@media (max-width:767.98px) {
    #footercontent .footer-item-social {
        padding-top: var(--spacing-m)
    }
}

#footercontent .checkout-footer .footer-innercopyright.row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 55px auto auto;
    grid-template-columns: 55px auto auto;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-pack: center;
    justify-content: center;
    column-gap: var(--spacing-m)
}

@media (max-width:800px) {
    #footercontent .checkout-footer .footer-innercopyright.row {
        -ms-grid-columns: 55px auto;
        grid-template-columns: 55px auto;
        padding-bottom: var(--spacing-s)
    }
}

#footercontent .checkout-footer .footer-innercopyright.row>* {
    grid-column: 1/-1
}

#footercontent .checkout-footer .footer-innercopyright.row .footer-our-brands {
    display: -ms-flexbox !important;
    display: flex !important;
    max-width: 100%;
    width: auto;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 55px;
    -ms-flex-order: -200;
    order: -200;
    -ms-grid-column: unset;
    grid-column: unset
}

@media (max-width:800px) {
    #footercontent .checkout-footer .footer-innercopyright.row .footer-our-brands {
        -ms-grid-row: span 2;
        grid-row: span 2
    }
}

#footercontent .checkout-footer .footer-innercopyright.row .footer-our-brands .footer-brandlogo {
    min-width: 55px
}

#footercontent .checkout-footer .footer-innercopyright.row .footer-our-brands .footerbrand-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center
}

#footercontent .checkout-footer .footer-innercopyright.row .footer-our-brands .footer-logo-section-wrapper {
    display: none !important
}

#footercontent .checkout-footer .footer-innercopyright.row .copyright-notice {
    -ms-flex-order: -100;
    order: -100;
    -ms-grid-column: unset;
    grid-column: unset;
    max-width: none;
    -ms-flex-align: start;
    align-items: start;
    text-align: left;
    width: auto;
    display: -ms-inline-flexbox;
    display: inline-flex
}

#footercontent .checkout-footer .footer-innercopyright.row .footer-country-selector {
    max-width: none !important;
    -ms-flex-order: -50;
    order: -50;
    -ms-grid-column: unset;
    grid-column: unset
}

@media (max-width:767.98px) {
    #footercontent .footer-item .menu-footer.content {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (minmax(0, 1fr))[2];
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding-bottom: var(--spacing-s);
        column-gap: 24px
    }
    #footercontent [aria-controls*=collapsible] {
        pointer-events: none
    }
    #footercontent [aria-controls*=collapsible]:after {
        display: none
    }
}

#footercontent .dropup .dropdown-toggle {
    transform: translateY(-7px)
}

#footercontent .dropup .dropdown-toggle:after {
    border: 0 !important;
    color: #fff;
    transform: translateY(9px)
}

#footercontent .dropup.show .dropdown-toggle:after {
    content: "expand_less" !important
}

header:has(.category-level-1-1.show) {
    overflow-x: clip
}

header .nav.nav-pills,
header .navbar-navigation {
    font-family: var(--font-body)
}

header .header__header {
    border: 0;
    background-color: var(--c-cream)
}

header .header__header .header-banner {
    background-color: transparent
}

header .header__header .nav {
    -ms-flex-align: center;
    align-items: center
}

header .header__header .nav.nav-pills .nav-link:not(.active):focus,
header .header__header .nav.nav-pills .nav-link:not(.active):hover {
    color: currentColor;
    text-decoration: underline
}

header .header__header .pencilNavigatorHeader .pencilNav_container .dropdown-menu {
    top: 24px !important
}

header .header__header .pencilNavigatorHeader .pencilNav_container .pencil-dropdown-toggle:after {
    font-family: var(--font-icon);
    content: "expand_more";
    font-size: var(--f-m, 16px);
    padding-left: 0;
    line-height: 1em;
    transform: translateY(3px);
    display: inline-block
}

header .header__header .dropdown-menu {
    border-top: 0
}

header .brand.jbl-brand {
    margin-top: 2px
}

header .header.container-narrow .multi-lang,
header .header.container .multi-lang {
    -ms-grid-row: 1;
    grid-row: 1;
    z-index: 2;
    -ms-grid-column: 1;
    grid-column: 1;
    width: 78px
}

@media (min-width:1200px) {
    header .header.container-narrow .multi-lang,
    header .header.container .multi-lang {
        -ms-grid-column: 2;
        grid-column: 2;
        position: relative
    }
}

@media (max-width:1199.98) {
    header .header.container-narrow .multi-lang,
    header .header.container .multi-lang {
        left: 50px;
        margin-left: 0
    }
}

header .header.container-narrow .multi-lang .lang-select li a,
header .header.container-narrow .multi-lang .lang-select li span,
header .header.container .multi-lang .lang-select li a,
header .header.container .multi-lang .lang-select li span {
    font-family: var(--font-body);
    font-size: var(--f-s);
    color: var(--c-em-full)
}

header .header.container-narrow .multi-lang .multi-lang__code,
header .header.container .multi-lang .multi-lang__code {
    font-family: var(--font-body);
    padding-left: 5px;
    color: var(--c-em-full);
    font-size: var(--f-m);
    font-weight: 700;
    font-stretch: normal;
    font-variation-settings: "wdth" 100
}

@media (min-width:1200px) {
    header .header.container-narrow .multi-lang~.navbar-navigation,
    header .header.container .multi-lang~.navbar-navigation {
        padding-left: 84px
    }
}

@media (max-width:1199.98px) {
    header .menu-toggleable-left[class*=navbar-toggleable-].in {
        width: 100vw;
        max-width: 500px
    }
    header .menu-toggleable-left[class*=navbar-toggleable-].in .nav {
        height: calc(100% + 32px)
    }
    header .menu-toggleable-left[class*=navbar-toggleable-].in li>.close-menu {
        background-color: transparent;
        padding-left: 0
    }
    header .menu-toggleable-left[class*=navbar-toggleable-].in li>.close-menu .button {
        font-size: 13px;
        text-transform: uppercase;
        color: var(--c-accent)
    }
    header .menu-toggleable-left[class*=navbar-toggleable-].in li>.close-menu .button:before {
        transform: translateY(-3px);
        color: var(--c-em-full)
    }
    header .menu-toggleable-left[class*=navbar-toggleable-].in .dropdown-item:hover {
        background-color: transparent
    }
    header .menu-toggleable-left[class*=navbar-toggleable-].in .bg-inverse,
    header .menu-toggleable-left[class*=navbar-toggleable-].in .show>.dropdown-menu {
        background-color: var(--c-canvas-full) !important;
        border-top: thin solid var(--c-em-3xlow)
    }
    header .menu-toggleable-left[class*=navbar-toggleable-].in .menu-group,
    header .menu-toggleable-left[class*=navbar-toggleable-].in .show>.dropdown-menu {
        padding: var(--spacing-s) var(--side-offset)
    }
    header .menu-toggleable-left[class*=navbar-toggleable-].in .menu-group.drop-down-category-level-2 .dropdown-item .dropdown-link:first-child,
    header .menu-toggleable-left[class*=navbar-toggleable-].in .show>.dropdown-menu.drop-down-category-level-2 .dropdown-item .dropdown-link:first-child {
        padding-left: 0;
        font-size: var(--f-m);
        font-weight: 700
    }
    header .menu-toggleable-left[class*=navbar-toggleable-].in .nav-item .nav-link .Left-Arrow-Mobile {
        all: unset
    }
    header .menu-toggleable-left[class*=navbar-toggleable-].in .nav-item .nav-link .Left-Arrow-Mobile:before {
        all: unset;
        font-family: var(--font-icon);
        font-weight: 400;
        font-style: normal;
        font-size: 1em;
        line-height: 1;
        letter-spacing: normal;
        text-transform: none;
        display: inline-block;
        white-space: nowrap;
        word-wrap: normal;
        direction: ltr;
        vertical-align: sub;
        -webkit-font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
        font-variation-settings: "FILL" 1;
        transition: transform var(--ds-transition);
        will-change: transform clip-path;
        transition: margin .16s ease-in-out;
        margin-left: 3px;
        margin-right: 4px;
        color: transparent;
        line-height: .6;
        content: "chevron_right";
        background: transparent;
        color: currentColor
    }
    header .menu-toggleable-left[class*=navbar-toggleable-].in .drop-down-category-level-1>.nav-item .nav-link {
        font-family: var(--font-headline);
        text-transform: uppercase;
        font-weight: 700;
        font-stretch: condensed;
        font-variation-settings: "wdth" 75;
        font-size: 32px;
        border-bottom: 0 !important;
        text-decoration: none;
        line-height: .9;
        padding-left: 0
    }
    header .menu-toggleable-left[class*=navbar-toggleable-].in .drop-down-category-level-1>.nav-item .nav-link .category-decoration {
        font-size: var(--f-m)
    }
    header .menu-toggleable-left[class*=navbar-toggleable-].in .drop-down-category-level-1>.nav-item .nav-link .category-decoration:before {
        display: none
    }
    header .menu-toggleable-left[class*=navbar-toggleable-].in .drop-down-category-level-1>.nav-item .nav-link .dropdown-link {
        font-size: var(--f-m)
    }
    header .menu-toggleable-left[class*=navbar-toggleable-].in .drop-down-category-level-1>.nav-item.show .nav-link {
        font-family: var(--font-body);
        text-transform: none;
        font-weight: 700;
        font-stretch: normal;
        font-variation-settings: "wdth" 100;
        font-size: 20px
    }
    header .menu-toggleable-left[class*=navbar-toggleable-].in .show>.dropdown-menu.drop-down-category-level-2 .dropdown-item .dropdown-link {
        padding-block: 8px;
        font-size: var(--f-l)
    }
    header .menu-toggleable-left[class*=navbar-toggleable-].in .show>.dropdown-menu.drop-down-category-level-2 .dropdown-item .dropdown-link span {
        font-size: var(--f-l)
    }
    header .menu-toggleable-left[class*=navbar-toggleable-].in .show>.dropdown-menu.drop-down-category-level-2 .dropdown-item.-level3>a {
        display: inline-block;
        padding-left: var(--spacing-s);
        padding-block: 4px;
        font-size: var(--f-l);
        font-weight: 400
    }
    header .menu-toggleable-left[class*=navbar-toggleable-].in .drop-down-category-level-1>.menu-country-selector .nav-link {
        padding: var(--spacing-2xs) 0 0;
        border-bottom: 0;
        font-size: var(--f-m, 16px);
        font-family: var(--font-body);
        font-stretch: normal;
        font-variation-settings: "wdth" 100;
        text-transform: none;
        font-weight: 400
    }
    header .menu-toggleable-left[class*=navbar-toggleable-].in .navbar-nav .intoPencilNav {
        border-top: thin solid var(--c-accent);
        padding-bottom: var(--spacing-s);
        margin-bottom: var(--spacing-m);
        padding-top: var(--spacing-s);
        margin-top: var(--spacing-s)
    }
    header .menu-toggleable-left[class*=navbar-toggleable-].in .navbar-nav .intoPencilNav li {
        font-size: var(--f-m, 16px);
        font-family: var(--font-body)
    }
    header .menu-toggleable-left[class*=navbar-toggleable-].in .navbar-nav .intoPencilNav li .nav-link {
        padding: var(--spacing-2xs) 0 0;
        border-bottom: 0;
        font-size: var(--f-m, 16px);
        font-family: var(--font-body);
        font-stretch: normal;
        font-variation-settings: "wdth" 100;
        text-transform: none;
        font-weight: 400
    }
    header .menu-toggleable-left[class*=navbar-toggleable-].in .navbar-nav .intoPencilNav li .nav-link .Left-Arrow-Mobile:before {
        content: "expand_more"
    }
    header .menu-toggleable-left[class*=navbar-toggleable-].in .navbar-nav .intoPencilNav li button.nav-link {
        font-weight: 500
    }
    header .menu-toggleable-left[class*=navbar-toggleable-].in .navbar-nav .intoPencilNav li.active .nav-link .Left-Arrow-Mobile:before {
        content: "expand_less"
    }
    header .menu-toggleable-left[class*=navbar-toggleable-].in .navbar-nav .intoPencilNav>li>.nav-link,
    header .menu-toggleable-left[class*=navbar-toggleable-].in .navbar-nav .intoPencilNav>li>button.nav-link {
        font-weight: 500
    }
    header .menu-country-selector {
        padding-bottom: var(--spacing-s)
    }
    header .header-main-menu.-has-visual-split li.category-headline .js-back+span,
    header .header-main-menu.-has-visual-split li.category-headline a>span {
        text-transform: uppercase;
        font-weight: 700;
        font-stretch: condensed;
        font-variation-settings: "wdth" 75;
        font-size: 32px;
        font-family: var(--font-headline)
    }
}

@media (min-width:1200px) {
    header {
        --sizing-bestsellers: calc(100vw - 580px - 8px)
    }
    header .header-main-menu.-has-visual-split .navbar .nav-item>.dropdown-menu.visual-split .content-visual-split>ul a {
        font-weight: 700;
        font-stretch: condensed;
        font-variation-settings: "wdth" 75;
        font-size: 24px
    }
    header .header-box .navbar-navigation {
        grid-column: 2/-1
    }
    header .navbar-navigation .navbar .nav-item .nav-link {
        height: var(--size);
        padding: 26px var(--spacing-s);
        display: inline-block
    }
    header .navbar-navigation .navbar .nav-item:nth-last-child(3) .nav-link {
        padding-right: 0
    }
}

@media (min-width:1200px) and (max-width:1310px) {
    header .navbar-navigation .navbar .nav-item .nav-link {
        padding-inline: 12px;
        font-size: 15.3px;
        font-size: clamp(.92rem, 1.2vw, 1rem)
    }
    header .navbar-navigation .navbar .nav-item:first-child .nav-link {
        padding-left: 0
    }
}

@media (min-width:1200px) {
    header .navbar-navigation .navbar .nav-item .nav-link.active,
    header .navbar-navigation .navbar .nav-item .nav-link:hover,
    header .navbar-navigation .navbar .nav-item:focus-within>.nav-link,
    header .navbar-navigation .navbar .nav-item:hover>.nav-link {
        text-decoration: underline;
        text-decoration-thickness: 3px;
        -webkit-text-decoration-color: var(--c-accent);
        text-decoration-color: var(--c-accent);
        text-underline-offset: 6px
    }
    header .navbar-navigation .navbar .nav-item .nav-link.active:before,
    header .navbar-navigation .navbar .nav-item .nav-link:hover:before,
    header .navbar-navigation .navbar .nav-item:focus-within>.nav-link:before,
    header .navbar-navigation .navbar .nav-item:hover>.nav-link:before {
        display: none
    }
    header .navbar-navigation .header-main-menu {
        max-width: calc(100vw - 384px)
    }
    header .navbar-navigation .header-main-menu .navbar-nav .nav-item {
        height: var(--size);
        padding: 0
    }
    header .navbar-navigation .navbar .nav-item:before,
    header .navbar-navigation .navbar .nav-item:hover:before {
        display: none
    }
    header .main-div-row {
        margin-inline: 0
    }
    header .header-box {
        --size: 76px;
        height: var(--size);
        padding: 0
    }
    header .brand.jbl-brand {
        margin-top: 12px
    }
    header .header.container,
    header .header.container-narrow,
    header .header__header {
        padding: 0 var(--side-offset)
    }
    header .header.container,
    header .header.container-narrow {
        border-bottom: 1px solid var(--c-em-3xlow)
    }
    header .navbar-navigation .navbar .nav-item>.dropdown-menu {
        width: 100vw;
        max-width: var(--sizing-max-page);
        padding: var(--spacing-m) var(--side-offset);
        margin: 0;
        box-shadow: none;
        background-color: var(--c-canvas-full, #fff) !important;
        left: calc(var(--side-offset)* -1);
        transform: none;
        font-size: var(--f-s, .875rem);
        border-bottom: thin solid var(--c-accent);
        border-top: thin solid var(--c-em-3xlow);
        padding-right: var(--sizing-bestsellers);
        overflow: clip
    }
}

@media (min-width:1200px) and (max-height:580px) {
    header .navbar-navigation .navbar .nav-item>.dropdown-menu.drop-down-category-level-2>.dropdown-item {
        padding-bottom: 3px
    }
    header .navbar-navigation .navbar .nav-item>.dropdown-menu li.-headline {
        min-height: 28px
    }
    header .navbar-navigation .navbar .nav-item>.dropdown-menu:has(>:nth-of-type(12)) {
        column-count: 2
    }
    header .navbar-navigation .navbar .nav-item>.dropdown-menu:has(>:nth-of-type(12)) .dropdown-link {
        max-width: calc(25vw - 60px)
    }
    header .navbar-navigation .navbar .nav-item>.dropdown-menu:has(>:nth-of-type(12))>:nth-of-type(-n+11) {
        break-before: avoid
    }
    header .navbar-navigation .navbar .nav-item>.dropdown-menu:has(>:nth-of-type(12))>:nth-of-type(-n+11).-headline.-featured,
    header .navbar-navigation .navbar .nav-item>.dropdown-menu:has(>:nth-of-type(12))>:nth-of-type(-n+11).-headline.-featured~li {
        break-before: auto
    }
}

@media (min-width:1200px) and (min-height:581px) and (max-height:680px) {
    header .navbar-navigation .navbar .nav-item>.dropdown-menu.drop-down-category-level-2>.dropdown-item {
        padding-bottom: 3px
    }
    header .navbar-navigation .navbar .nav-item>.dropdown-menu li.-headline {
        min-height: 28px
    }
    header .navbar-navigation .navbar .nav-item>.dropdown-menu:has(>:nth-of-type(13)) {
        column-count: 2
    }
    header .navbar-navigation .navbar .nav-item>.dropdown-menu:has(>:nth-of-type(13)) .dropdown-link {
        max-width: calc(25vw - 60px)
    }
    header .navbar-navigation .navbar .nav-item>.dropdown-menu:has(>:nth-of-type(13))>:nth-of-type(-n+12) {
        break-before: avoid
    }
    header .navbar-navigation .navbar .nav-item>.dropdown-menu:has(>:nth-of-type(13))>:nth-of-type(-n+12).-headline.-featured,
    header .navbar-navigation .navbar .nav-item>.dropdown-menu:has(>:nth-of-type(13))>:nth-of-type(-n+12).-headline.-featured~li {
        break-before: auto
    }
}

@media (min-width:1200px) and (min-height:681px) and (max-height:780px) {
    header .navbar-navigation .navbar .nav-item>.dropdown-menu.drop-down-category-level-2>.dropdown-item {
        padding-bottom: 6px
    }
    header .navbar-navigation .navbar .nav-item>.dropdown-menu:has(>:nth-of-type(15)) {
        column-count: 2
    }
    header .navbar-navigation .navbar .nav-item>.dropdown-menu:has(>:nth-of-type(15)) .dropdown-link {
        max-width: calc(25vw - 60px)
    }
    header .navbar-navigation .navbar .nav-item>.dropdown-menu:has(>:nth-of-type(15))>:nth-of-type(-n+14) {
        break-before: avoid
    }
    header .navbar-navigation .navbar .nav-item>.dropdown-menu:has(>:nth-of-type(15))>:nth-of-type(-n+14).-headline.-featured,
    header .navbar-navigation .navbar .nav-item>.dropdown-menu:has(>:nth-of-type(15))>:nth-of-type(-n+14).-headline.-featured~li {
        break-before: auto
    }
}

@media (min-width:1200px) and (min-height:781px) and (max-height:900px) {
    header .navbar-navigation .navbar .nav-item>.dropdown-menu:has(>: nth-of-type(18)) {
        column-count:2
    }
    header .navbar-navigation .navbar .nav-item>.dropdown-menu:has(>:nth-of-type(18)) .dropdown-link {
        max-width: calc(25vw - 60px)
    }
    header .navbar-navigation .navbar .nav-item>.dropdown-menu:has(>:nth-of-type(18))>:nth-of-type(-n+17) {
        break-before: avoid
    }
    header .navbar-navigation .navbar .nav-item>.dropdown-menu:has(>:nth-of-type(18))>:nth-of-type(-n+17).-headline.-featured,
    header .navbar-navigation .navbar .nav-item>.dropdown-menu:has(>:nth-of-type(18))>:nth-of-type(-n+17).-headline.-featured~li {
        break-before: auto
    }
}

@media (min-width:1200px) {
    header .navbar-navigation .navbar .nav-item>.dropdown-menu>.dropdown-item {
        padding-inline: 0;
        padding-bottom: var(--spacing-xs);
        border-bottom: 0;
        text-decoration: none;
        max-width: 100%;
        min-width: Max(300px, 100%)
    }
    header .navbar-navigation .navbar .nav-item>.dropdown-menu>.dropdown-item .title-best-seller {
        background: transparent;
        width: var(--sizing-bestsellers);
        max-width: var(--sizing-bestsellers);
        left: auto;
        right: 0;
        font-family: var(--font-headline);
        padding: 10px 0 0 var(--side-offset);
        font-stretch: condensed;
        font-variation-settings: "wdth" 75;
        text-transform: uppercase;
        font-size: var(--f-2xl);
        color: var(--c-em-full);
        padding-right: 380px;
        pointer-events: none
    }
    header .navbar-navigation .navbar .nav-item>.dropdown-menu>.dropdown-item li.header-menu-banner-redesign-new {
        -ms-grid-row: span 2;
        grid-row: span 2;
        background: transparent;
        border-right: thin solid var(--c-accent) !important;
        padding-bottom: 0 !important
    }
    header .navbar-navigation .navbar .nav-item>.dropdown-menu>.dropdown-item>.dropdown-link {
        font-family: var(--font-headline);
        text-transform: uppercase;
        font-weight: 700;
        font-stretch: condensed;
        font-variation-settings: "wdth" 75;
        font-size: clamp(20px, 2.7vh, 24px);
        padding: 6px 0 2px;
        border-bottom: 0;
        text-decoration: none;
        line-height: .9
    }
}

@media (min-width:1200px) and (max-height:580px) {
    header .navbar-navigation .navbar .nav-item>.dropdown-menu>.dropdown-item>.dropdown-link {
        font-size: clamp(18px, 2.7vh, 24px)
    }
}

@media (min-width:1200px) {
    header .navbar-navigation .navbar .nav-item>.dropdown-menu>.dropdown-item>.dropdown-link .category-decoration:before {
        display: none
    }
    header .navbar-navigation .navbar .nav-item>.dropdown-menu>.dropdown-item>.dropdown-link:after {
        font-family: var(--font-icon);
        font-weight: 400;
        font-style: normal;
        font-size: 1em;
        line-height: 1;
        letter-spacing: normal;
        text-transform: none;
        display: inline-block;
        white-space: nowrap;
        word-wrap: normal;
        direction: ltr;
        vertical-align: sub;
        -webkit-font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
        font-variation-settings: "FILL" 1;
        transition: transform var(--ds-transition);
        will-change: transform clip-path;
        content: "arrow_forward";
        transition: margin .16s ease-in-out;
        margin-left: 3px;
        margin-right: 4px;
        color: transparent;
        line-height: .6
    }
    header .navbar-navigation .navbar .nav-item>.dropdown-menu>.dropdown-item.show>.dropdown-link,
    header .navbar-navigation .navbar .nav-item>.dropdown-menu>.dropdown-item>.dropdown-link:focus-visible,
    header .navbar-navigation .navbar .nav-item>.dropdown-menu>.dropdown-item>.dropdown-link:hover {
        text-decoration: none;
        border: 0;
        background-color: var(--c-button);
        color: var(--c-button-copy);
        padding: 6px 6px 2px
    }
    header .navbar-navigation .navbar .nav-item>.dropdown-menu>.dropdown-item.show>.dropdown-link:after,
    header .navbar-navigation .navbar .nav-item>.dropdown-menu>.dropdown-item>.dropdown-link:focus-visible:after,
    header .navbar-navigation .navbar .nav-item>.dropdown-menu>.dropdown-item>.dropdown-link:hover:after {
        margin-left: 7px;
        margin-right: 0;
        color: currentColor;
        display: inline-block
    }
    header .navbar-navigation .navbar .nav-item>.dropdown-menu>.dropdown-item.-level3>a {
        padding: 0;
        color: var(--c-em-full);
        margin-bottom: 8px
    }
    header .navbar-navigation .navbar .nav-item>.dropdown-menu>.dropdown-item.-level3>a,
    header .navbar-navigation .navbar .nav-item>.dropdown-menu>.dropdown-item.-level3>a>span {
        font-size: var(--f-s);
        font-family: var(--font-body);
        text-transform: none;
        font-weight: 400
    }
    header .navbar-navigation .navbar .nav-item>.dropdown-menu>.dropdown-item.-level3>a:after {
        display: none
    }
    header .navbar-navigation .navbar .nav-item>.dropdown-menu>.dropdown-item.-level3>a:focus-visible,
    header .navbar-navigation .navbar .nav-item>.dropdown-menu>.dropdown-item.-level3>a:hover {
        text-decoration: underline;
        text-underline-offset: 2px;
        border: 0;
        background-color: transparent;
        color: var(--c-em-full);
        padding: 0
    }
    header .navbar-navigation .navbar .nav-item>.dropdown-menu.show .dropdown .dropdown-menu.drop-down-category-level-3 {
        background-color: var(--c-canvas);
        width: var(--sizing-bestsellers);
        max-width: var(--sizing-bestsellers);
        left: auto;
        right: 0;
        padding: 0;
        top: 0;
        height: 100%;
        -ms-grid-rows: 72px (calc(50% - 36px))[auto-fit];
        grid-template-rows: 72px repeat(auto-fit, calc(50% - 36px));
        column-gap: 0;
        border-left: thin solid var(--c-accent)
    }
}

@media (min-width:1200px) and (min-width:1400px) and (min-height:681px) {
    header .navbar-navigation .navbar .nav-item>.dropdown-menu.show .dropdown .dropdown-menu.drop-down-category-level-3 {
        -ms-grid-rows: 72px (calc(100% - 72px))[auto-fit];
        grid-template-rows: 72px repeat(auto-fit, calc(100% - 72px));
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr)
    }
    header .navbar-navigation .navbar .nav-item>.dropdown-menu.show .dropdown .dropdown-menu.drop-down-category-level-3 .category-img {
        height: 378px !important
    }
}

@media (min-width:1200px) and (min-width:1721px) {
    header .navbar-navigation .navbar .nav-item>.dropdown-menu.show .dropdown .dropdown-menu.drop-down-category-level-3 {
        -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (min-width:1200px) and (min-width:1921px) {
    header .navbar-navigation .navbar .nav-item>.dropdown-menu.show .dropdown .dropdown-menu.drop-down-category-level-3 {
        -ms-grid-columns: (1fr)[5];
        grid-template-columns: repeat(5, 1fr)
    }
}

@media (min-width:1200px) and (min-width:2201px) {
    header .navbar-navigation .navbar .nav-item>.dropdown-menu.show .dropdown .dropdown-menu.drop-down-category-level-3 {
        -ms-grid-columns: (1fr)[6];
        grid-template-columns: repeat(6, 1fr)
    }
}

@media (min-width:1200px) and (max-height:680px) {
    header .navbar-navigation .navbar .nav-item>.dropdown-menu.show .dropdown .dropdown-menu.drop-down-category-level-3 {
        -ms-grid-rows: 72px (Min(224px, calc(50vh - 130px)))[auto-fit];
        grid-template-rows: 72px repeat(auto-fit, Min(224px, calc(50vh - 130px)));
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr)
    }
    header .navbar-navigation .navbar .nav-item>.dropdown-menu.show .dropdown .dropdown-menu.drop-down-category-level-3 .dropdown-item .category-img {
        height: 160px;
        background-color: var(--c-canvas);
        max-height: calc(50vh - 196px)
    }
}

@media (min-width:1200px) {
    header .navbar-navigation .navbar .nav-item>.dropdown-menu.show .dropdown .dropdown-menu.drop-down-category-level-3 .dropdown-item {
        border: thin solid var(--c-accent);
        border-left: 0;
        border-top: 0
    }
    header .navbar-navigation .navbar .nav-item>.dropdown-menu.show .dropdown .dropdown-menu.drop-down-category-level-3 .dropdown-item:where(:nth-of-type(4),
    :nth-of-type(5),
    :nth-of-type(6)) {
        border-bottom: 0
    }
    header .navbar-navigation .navbar .nav-item>.dropdown-menu.show .dropdown .dropdown-menu.drop-down-category-level-3 .dropdown-item .category-img {
        height: 160px;
        background-color: var(--c-canvas)
    }
    header .navbar-navigation .navbar .nav-item>.dropdown-menu.show .dropdown .dropdown-menu.drop-down-category-level-3 .dropdown-item .category-text {
        color: var(--c-em-high);
        font-size: var(--f-m);
        font-weight: 700;
        text-align: left;
        margin-inline: var(--spacing-s);
        border-top: thin solid var(--c-accent);
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        max-height: 60px
    }
    header .navbar-navigation .navbar .nav-item>.dropdown-menu.show .dropdown .dropdown-menu.drop-down-category-level-3 .dropdown-item .category-text:hover,
    header .navbar-navigation .navbar .nav-item>.dropdown-menu.show .dropdown .dropdown-menu.drop-down-category-level-3 .dropdown-item:hover .category-text {
        color: var(--c-em-high);
        text-decoration: underline;
        text-underline-offset: 2px
    }
    header .navbar-navigation .navbar .nav-item>.dropdown-menu.show .dropdown .dropdown-menu.drop-down-category-level-3 .btn-view-all {
        border-bottom: thin solid var(--c-accent);
        -ms-flex-order: -1;
        order: -1;
        padding: 0;
        margin: 0;
        padding-right: var(--side-offset);
        padding-left: 400px
    }
    header .navbar-navigation .navbar .nav-item>.dropdown-menu.show .dropdown .dropdown-menu.drop-down-category-level-3 .btn-view-all .center_bottom {
        -ms-flex-pack: end;
        justify-content: end
    }
    header .navbar-navigation .navbar .nav-item>.dropdown-menu.show .dropdown .dropdown-menu.drop-down-category-level-3 .btn-view-all .btn {
        font-weight: 500;
        border-radius: 0;
        background: var(--c-button);
        color: var(--c-button-copy);
        border-color: var(--c-button);
        font-size: var(--f-m);
        width: auto;
        min-width: 120px;
        transform: translateY(-19px)
    }
    header .navbar-navigation .navbar .nav-item>.dropdown-menu.show .dropdown .dropdown-menu.drop-down-category-level-3 .btn-view-all .btn:hover {
        background: var(--c-button-hover);
        color: var(--c-button-hover-copy);
        border-color: var(--c-button-hover)
    }
    header .header-menu-banner-redesign-new-message {
        font-family: var(--font-headline);
        font-stretch: condensed;
        font-variation-settings: "wdth" 75;
        text-wrap: balance
    }
}

@media (min-width:2500px) {
    header {
        --sizing-bestsellers: calc(100vw - 720px - 8px)
    }
}

@media (min-width:2560px) {
    header {
        --sizing-bestsellers: 1832px
    }
}

header .header-account .user.nav-item .popover {
    top: calc(100% + 19px)
}

header .header-account .user.nav-item .popover .nav li a:active,
header .header-account .user.nav-item .popover .nav li a:focus,
header .header-account .user.nav-item .popover .nav li a:hover {
    background-color: var(--c-button);
    color: var(--c-button-copy);
    text-decoration: none
}

header .header__header .banner-content .sp-icon.Left-Arrow,
header .header__header .banner-content .sp-icon.Right-Arrow {
    filter: invert(1);
    transform: scale(.4)
}

header .header.container-narrow .right-content button.search-icon .sp-icon[class*=Close],
header .header.container .right-content button.search-icon .sp-icon[class*=Close] {
    transform: none;
    position: relative;
    z-index: 2;
    margin-right: -10px
}

@media (min-width:1200px) and (max-width:1280px) {
    header .header.container-narrow .right-content button.search-icon .sp-icon[class*=Close],
    header .header.container .right-content button.search-icon .sp-icon[class*=Close] {
        position: absolute;
        right: 0;
        bottom: 15px
    }
}

@media (max-width:1199.98px) {
    header .header.container-narrow .right-content button.search-icon .sp-icon[class*=Close],
    header .header.container .right-content button.search-icon .sp-icon[class*=Close] {
        margin-right: -24px
    }
}

header .header.container-narrow .right-content button.search-icon .sp-icon[class*=Close]:before,
header .header.container .right-content button.search-icon .sp-icon[class*=Close]:before {
    width: 32px;
    height: 44px;
    background: none;
    content: "close";
    font-family: var(--font-icon);
    color: var(--c-em-full);
    font-size: 27px;
    -webkit-mask: none;
    mask: none;
    padding: 2px;
    font-weight: 700;
    line-height: 1.5
}

header .header.container-narrow .right-content .header-account:focus-within .sp-icon.Account-White:before,
header .header.container-narrow .right-content .header-account:hover .sp-icon.Account-White:before,
header .header.container-narrow .right-content .header-minicart:hover .sp-icon:before,
header .header.container-narrow .right-content .header-wishlist:hover>a:before,
header .header.container-narrow .right-content .site-search .search-button:hover .sp-icon:before,
header .header.container-narrow .right-content button.search-icon:hover>.sp-icon:before,
header .header.container .right-content .header-account:focus-within .sp-icon.Account-White:before,
header .header.container .right-content .header-account:hover .sp-icon.Account-White:before,
header .header.container .right-content .header-minicart:hover .sp-icon:before,
header .header.container .right-content .header-wishlist:hover>a:before,
header .header.container .right-content .site-search .search-button:hover .sp-icon:before,
header .header.container .right-content button.search-icon:hover>.sp-icon:before {
    background-color: var(--c-accent)
}

header .header.container-narrow .right-content .sp-icon[class*=Close]:hover:before,
header .header.container .right-content .sp-icon[class*=Close]:hover:before {
    color: var(--c-accent)
}

header .header.container-narrow .right-content .site-search:focus-within .search-button:hover .sp-icon:before,
header .header.container-narrow .right-content button.search-icon:hover>.sp-icon.Hamburger-Menu-Close:before,
header .header.container .right-content .site-search:focus-within .search-button:hover .sp-icon:before,
header .header.container .right-content button.search-icon:hover>.sp-icon.Hamburger-Menu-Close:before {
    background: transparent;
    color: var(--c-accent)
}

@media (min-width:1200px) and (max-width:1428px) {
    [lang=ja] header .navbar-navigation .navbar .nav-item .nav-link {
        font-size: 12px
    }
}

.dropdown-menu {
    border: thin solid var(--c-em-3xlow);
    border-radius: 0
}

.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item:hover {
    text-decoration: underline
}

@media (min-width:1200px) {
    .dropdown-menu .dropdown-item:focus,
    .dropdown-menu .dropdown-item:hover {
        background-color: var(--c-cream)
    }
}

.banner-asset .proxi-common a {
    text-decoration: underline;
    text-underline-offset: 2px
}

.page:has(header .dropdown-menu:focus)~.modal-background,
.page:has(header .dropdown-menu:focus-within)~.modal-background,
.page:has(header .dropdown-menu:hover)~.modal-background,
.page:has(header .dropdown.category-level-1-1:focus-within)~.modal-background,
.page:has(header .nav-item.dropdown.category-level-1-1:hover)~.modal-background {
    display: block !important
}

@media (max-height:1050px) and (min-width:1200px) {
    body:has(header .navbar-nav>.show),
    html:has(header .navbar-nav>.show) {
        overflow: hidden;
        overflow: clip
    }
}

.ds-nav-feature-card[data-accent=a],
.ds-nav-feature-card[data-accent=cream] {
    --c-bg: var(--c-cream)
}

.ds-nav-feature-card[data-accent=b],
.ds-nav-feature-card[data-accent=matcha] {
    --c-bg: var(--c-matcha);
    --c-copy: var(--c-nav-dropdown-fg, #000)
}

.ds-nav-feature-card[data-accent=c],
.ds-nav-feature-card[data-accent=tangerine] {
    --c-bg: var(--c-tangerine);
    --c-copy: var(--c-nav-dropdown-fg, #000)
}

.ds-nav-feature-card[data-accent=d],
.ds-nav-feature-card[data-accent=periwinkle] {
    --c-bg: var(--c-periwinkle);
    --c-copy: var(--c-nav-dropdown-fg, #000)
}

.ds-nav-feature-card[data-theme=dark] {
    --c-bg: var(--c-canvas);
    --c-copy: #fff
}

.nav-item.welcome {
    padding: 10px;
    font-weight: 700
}

.header-search {
    width: calc(100vw - 32px)
}

.header-search .site-search .search-button {
    right: 26px
}

.header-search .site-search .search-input-field {
    background-color: transparent;
    border: 0;
    border-bottom: 3px solid var(--c-em-full);
    padding-left: 0;
    font-family: var(--font-body);
    font-size: var(--f-m);
    font-weight: 400;
    padding-right: 72px
}

.header-search .site-search .search-input-field:focus {
    border-bottom-color: var(--c-accent)
}

.header-search .site-search .search-input-field:focus+.search-button>span:before {
    background: transparent;
    -webkit-mask-image: none;
    mask-image: none;
    font-family: var(--font-icon);
    font-weight: 400;
    font-style: normal;
    font-size: 1em;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    vertical-align: sub;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    font-variation-settings: "FILL" 1;
    transition: transform var(--ds-transition);
    will-change: transform clip-path;
    font-weight: 600;
    content: "arrow_forward";
    line-height: .6;
    line-height: 1.45;
    font-size: 28px
}

.header-search .suggestions {
    width: 100vw;
    max-width: var(--sizing-max-page);
    margin: 0;
    border-top: thin solid var(--c-em-3xlow);
    border-bottom: thin solid var(--c-accent);
    background: var(--c-navbar-bg)
}

.header-search .suggestions .row {
    margin: 0
}

.header-search .suggestions .items .item {
    padding: var(--spacing-xs) 0
}

.header-search .suggestions .items .item[class*=col],
.header-search .suggestions .items .item [class*=col] {
    padding-inline: 0
}

.header-search .suggestions .top-search {
    font-family: var(--font-headline);
    text-transform: uppercase;
    font-weight: 700;
    font-stretch: condensed;
    font-variation-settings: "wdth" 75;
    font-size: 24px !important;
    border-bottom: 0;
    text-decoration: none;
    line-height: .9;
    padding: 0
}

.header-search .suggestions .items .item {
    font-size: var(--f-m)
}

.header-search .suggestions .suggest-container .browse-categories {
    padding: var(--spacing-m) var(--side-offset);
    background-color: var(--c-navbar-bg)
}

.header-search .suggestions .top-categories {
    padding: var(--spacing-m) var(--side-offset)
}

.header-search .suggestions .top-categories .image-prod {
    border: thin solid var(--c-accent);
    border-width: thin
}

.header-search .suggestions .top-categories .image-prod .swatch-circle {
    background-color: var(--c-navbar-bg);
    max-height: 280px;
    margin-inline: auto;
    object-fit: contain
}

.header-search .suggestions .top-categories .image-prod .name {
    margin-top: 4px;
    border-top: thin solid var(--c-accent);
    padding-top: var(--spacing-s);
    font-family: var(--font-body);
    font-size: var(--f-m);
    font-weight: 700
}

.header-search .suggestions .top-categories .image-prod .product-short-description {
    color: var(--c-em-low);
    -webkit-line-clamp: 2;
    font-size: var(--f-s);
    height: 2.8em;
    line-height: 1.4
}

.header-search .suggestions .top-categories .image-prod .price {
    font-size: var(--f-m, 1rem);
    color: var(--c-em-full);
    font-family: var(--font-body);
    margin-top: 12px
}

.header-search .suggestions .top-categories .items+div {
    text-align: left !important;
    padding-top: var(--spacing-s)
}

.header-search .suggestions .top-categories .items+div .btn {
    font-weight: 500;
    border-radius: 0;
    background: var(--c-button);
    color: var(--c-button-copy);
    border-color: var(--c-button-border);
    font-size: var(--f-m);
    width: auto;
    min-width: 120px;
    text-transform: none;
    padding: 6px 16px;
    transition: 0s
}

.header-search .suggestions .top-categories .items+div .btn:focus-visible,
.header-search .suggestions .top-categories .items+div .btn:hover {
    background: var(--c-button-hover);
    color: var(--c-button-hover-copy);
    border-color: var(--c-button-hover-border)
}

@media (max-width:767.98px) {
    .header-search .suggestions .suggest-container .browse-categories,
    .header-search .suggestions .top-categories {
        padding: 0
    }
    .header-search .suggestions .top-categories {
        padding-bottom: var(--spacing-l)
    }
    .header-search .suggestions .top-categories>.row.items {
        margin: 0;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (minmax(0, 1fr))[2];
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .header-search .suggestions .top-categories>.row.items .item {
        padding: 0
    }
    .header-search .suggestions .top-categories>.row.items .item:nth-of-type(3) .image-prod,
    .header-search .suggestions .top-categories>.row.items .item:nth-of-type(4) .image-prod {
        border-top: 0
    }
    .header-search .suggestions .top-categories>.row.items .item:nth-of-type(2) .image-prod,
    .header-search .suggestions .top-categories>.row.items .item:nth-of-type(4) .image-prod {
        border-left: 0
    }
    .header-search .suggestions .top-categories>.row.items .item .image-prod {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: stretch;
        align-items: stretch;
        padding: 0;
        margin: 0;
        height: 100%
    }
    .header-search .suggestions .top-categories>.row.items .item .image-prod .name-price {
        margin-inline: var(--spacing-s);
        margin-bottom: var(--spacing-s)
    }
    .header-search .suggestions .top-categories>.row.items .item .image-prod .name-price .product-short-description {
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box
    }
}

@media (min-width:768px) {
    .header-search {
        left: 120px;
        width: calc(100% - 128px)
    }
    .header-search .header-box {
        padding-right: 0
    }
    .header-search .suggestions {
        left: -120px;
        transform: none
    }
    .header-search .suggestions .suggest-container .browse-categories {
        width: Max(25%, 470px);
        border-right: thin solid var(--c-accent)
    }
    .header-search .suggestions .top-categories {
        border-bottom: 0
    }
    .header-search .suggestions .top-categories .items .item {
        padding: 0
    }
    .header-search .suggestions .top-categories .items .item .image-prod {
        border: thin solid var(--c-accent)
    }
}

@media (min-width:768px) and (min-width:1200px) {
    .header-search .suggestions .top-categories .items .item:not(:first-child) .image-prod {
        border-left-width: 0
    }
}

@media (min-width:768px) and (max-width:1199.98px) {
    .header-search .suggestions .top-categories .items .item:nth-of-type(2) .image-prod,
    .header-search .suggestions .top-categories .items .item:nth-of-type(4) .image-prod {
        border-left-width: 0
    }
    .header-search .suggestions .top-categories .items .item:nth-of-type(3) .image-prod,
    .header-search .suggestions .top-categories .items .item:nth-of-type(4) .image-prod {
        border-top-width: 0
    }
}

@media (min-width:1200px) {
    .header-search {
        left: 88px;
        width: calc(100% - 96px)
    }
}

body.search-active {
    --c-navbar-bg: var(--c-canvas)
}

body.search-active .header .header-account,
body.search-active .header .header-minicart,
body.search-active .header .header-wishlist {
    display: none !important
}

.quantity-selector,
.quantity-selector-small {
    font-size: var(--f-l, .75rem);
    font-weight: 600;
    font-family: var(--font-body);
    color: var(--c-em-full)
}

.quantity-selector-small .quantity-wrapper,
.quantity-selector .quantity-wrapper {
    border: 0;
    height: 32px
}

.quantity-selector-small .quantity-wrapper .btn-quantity,
.quantity-selector .quantity-wrapper .btn-quantity {
    color: var(--c-em-full);
    background-color: transparent;
    padding: 8px;
    height: 100%;
    width: 32px;
    border: thin solid transparent
}

.quantity-selector-small .quantity-wrapper .btn-quantity :focus,
.quantity-selector-small .quantity-wrapper .btn-quantity:hover,
.quantity-selector .quantity-wrapper .btn-quantity :focus,
.quantity-selector .quantity-wrapper .btn-quantity:hover {
    border-color: var(--c-accent)
}

.quantity-selector-small .quantity-wrapper input[type=number],
.quantity-selector .quantity-wrapper input[type=number] {
    width: 4ch;
    font-family: var(--font-body);
    font-weight: 700;
    height: 100%
}

.modal-content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 68px;
    grid-template-columns: 1fr 68px;
    max-width: 375px;
    width: 96vw
}

@media (max-width:1023.98px) {
    .modal-content {
        margin: 0 auto
    }
}

.modal-content>* {
    -ms-grid-column: span 2;
    grid-column: span 2
}

.modal-content .modal-title,
.modal-content .modal__cart-title {
    text-wrap: pretty;
    font-family: var(--font-headline);
    text-transform: uppercase;
    font-size: var(--f-xl);
    text-align: left;
    padding: var(--spacing-m) 0 var(--spacing-s) var(--spacing-m);
    margin: 0 !important;
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1
}

.modal-content .modal-header {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 1;
    grid-row: 1;
    padding: var(--spacing-m) var(--spacing-m) var(--spacing-s) 0
}

.modal-content .modal-header:has(.modal-title) {
    -ms-grid-column: span 2;
    grid-column: span 2
}

.modal-content .modal-header .close {
    -ms-grid-column: 2;
    grid-column: 2;
    opacity: 1;
    border: thin solid transparent;
    padding: 8px;
    margin: -2px 0 0 auto
}

.modal-content .modal-header .close:hover {
    border-color: var(--c-accent)
}

.modal-content .modal-header .close:before {
    font-family: var(--font-icon);
    font-weight: 400;
    font-style: normal;
    font-size: 1em;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    vertical-align: sub;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    font-variation-settings: "FILL" 1;
    transition: transform var(--ds-transition);
    will-change: transform clip-path;
    content: "close";
    font-size: 18px;
    font-weight: 700;
    color: var(--c-em-full)
}

.modal-content .modal-header .close span {
    display: none
}

.modal-content .modal-header .close span[aria-hidden=true] {
    display: none !important
}

.modal-content .modal-body {
    padding-top: 0
}

#promotionVoucherInformation .modal-header {
    padding-block: 10px;
    border: 0
}

#promotionVoucherInformation .modal-header .close {
    background-color: transparent
}

#promotionVoucherInformation .modal-header .close:before {
    display: none
}

#promotionVoucherInformation .modal-content {
    display: block
}

#promotionVoucherInformation .modal-content h3 {
    font-size: 24px
}

#promotionVoucherInformation .modal-content h5 {
    font-family: var(--font-body);
    font-size: 18px;
    text-transform: none;
    font-weight: 700;
    line-height: 1.1
}

.btn-danger {
    border-color: var(--c-button-border);
    background-color: var(--c-button);
    color: var(--c-button-copy);
    outline: none
}

.btn-danger:hover {
    background-color: var(--c-button-hover);
    border-color: var(--c-button-hover-border);
    color: var(--c-button-hover-copy)
}

#removeCouponModal h2.modal-title {
    padding: var(--spacing-xs) 0 0 var(--spacing-m)
}

#removeCouponModal .modal-header .close {
    background: transparent
}

.modal.show .modal-dialog {
    width: 100%;
    max-width: 100vw
}

.modal.show .modal-dialog .modal-content {
    margin-inline: auto
}

@media (max-width:1199.98px) {
    .exit-modal .modal-dialog {
        margin-inline: auto
    }
}

#requestPasswordResetModal .modal-content .modal-header {
    grid-column: 1/-1;
    margin-left: 0
}

#requestPasswordResetModal .modal-content .modal-header h2.request-password-title {
    margin: 0;
    padding: var(--spacing-xs) 0
}

#requestPasswordResetModal .modal-content .modal-header .close span {
    display: none
}

#requestPasswordResetModal .modal-content .modal-body {
    padding: 0
}

#checkoutLoginModal .modal-content .modal-body .modal-title {
    margin: 0;
    padding: 0 0 var(--spacing-m) !important
}

.exit-modal .modal-dialog .exit-checkout-content .modal-header .title-exit-checkout {
    font-family: var(--font-body);
    padding-top: var(--spacing-xs) !important
}

.exit-modal .modal-dialog .exit-checkout-content .exit-checkout-body p {
    font-size: var(--f-m);
    font-weight: 400;
    text-wrap: pretty
}

.exit-modal .modal-dialog .exit-checkout-content .modal-footer .btn-return-to-cart {
    font-family: var(--font-body);
    text-transform: none !important;
    font-weight: 600;
    font-size: var(--f-m);
    padding: var(--button-padding)
}

#cartModal .modal-content,
.minicart:not([data-action-url]) {
    --c-border: var(--c-cream-d)
}

#cartModal .modal-content .footer .estimated-total,
#cartModal .modal-content .modal-footer .estimated-total,
.minicart:not([data-action-url]) .footer .estimated-total,
.minicart:not([data-action-url]) .modal-footer .estimated-total {
    width: 100%;
    display: -ms-flexbox;
    display: flex
}

#cartModal .modal-content .footer .estimated-total .modal__sub-total-label,
#cartModal .modal-content .footer .estimated-total .sub-total,
#cartModal .modal-content .modal-footer .estimated-total .modal__sub-total-label,
#cartModal .modal-content .modal-footer .estimated-total .sub-total,
.minicart:not([data-action-url]) .footer .estimated-total .modal__sub-total-label,
.minicart:not([data-action-url]) .footer .estimated-total .sub-total,
.minicart:not([data-action-url]) .modal-footer .estimated-total .modal__sub-total-label,
.minicart:not([data-action-url]) .modal-footer .estimated-total .sub-total {
    font-size: var(--f-m);
    font-family: var(--font-body);
    font-weight: 700;
    line-height: 1.4;
    text-transform: none;
    color: var(--c-em-full)
}

#cartModal .modal-content .footer .estimated-total .modal__sub-total-label,
#cartModal .modal-content .modal-footer .estimated-total .modal__sub-total-label,
.minicart:not([data-action-url]) .footer .estimated-total .modal__sub-total-label,
.minicart:not([data-action-url]) .modal-footer .estimated-total .modal__sub-total-label {
    margin-inline: 0 auto
}

#cartModal .modal-content .footer .estimated-total .sub-total,
#cartModal .modal-content .modal-footer .estimated-total .sub-total,
.minicart:not([data-action-url]) .footer .estimated-total .sub-total,
.minicart:not([data-action-url]) .modal-footer .estimated-total .sub-total {
    margin-inline: auto 0;
    color: var(--c-accent)
}

#cartModal .modal-content .footer .modal__btn-cart-checkout,
#cartModal .modal-content .footer .modal__btn-cart-shopping,
#cartModal .modal-content .modal-footer .modal__btn-cart-checkout,
#cartModal .modal-content .modal-footer .modal__btn-cart-shopping,
.minicart:not([data-action-url]) .footer .modal__btn-cart-checkout,
.minicart:not([data-action-url]) .footer .modal__btn-cart-shopping,
.minicart:not([data-action-url]) .modal-footer .modal__btn-cart-checkout,
.minicart:not([data-action-url]) .modal-footer .modal__btn-cart-shopping {
    width: 100%
}

#cartModal .modal-content .footer .btn-outline-primary,
#cartModal .modal-content .modal-footer .btn-outline-primary,
.minicart:not([data-action-url]) .footer .btn-outline-primary,
.minicart:not([data-action-url]) .modal-footer .btn-outline-primary {
    border-color: var(--c-button-secondary-border);
    background-color: transparent;
    color: var(--c-button-secondary-copy)
}

#cartModal .modal-content .footer .btn-outline-primary:focus,
#cartModal .modal-content .footer .btn-outline-primary:hover,
#cartModal .modal-content .modal-footer .btn-outline-primary:focus,
#cartModal .modal-content .modal-footer .btn-outline-primary:hover,
.minicart:not([data-action-url]) .footer .btn-outline-primary:focus,
.minicart:not([data-action-url]) .footer .btn-outline-primary:hover,
.minicart:not([data-action-url]) .modal-footer .btn-outline-primary:focus,
.minicart:not([data-action-url]) .modal-footer .btn-outline-primary:hover {
    background-color: var(--c-button-secondary-hover);
    color: var(--c-button-secondary-hover-copy)
}

#cartModal .modal-content .modal-body .modal__cart-products-card,
#cartModal .modal-content .summary .product-card .product-line-item-details,
.minicart:not([data-action-url]) .modal-body .modal__cart-products-card,
.minicart:not([data-action-url]) .summary .product-card .product-line-item-details {
    display: -ms-grid;
    display: grid;
    -ms-flex-line-pack: start;
    align-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    -ms-grid-columns: 130px 1fr;
    grid-template-columns: 130px 1fr;
    padding: var(--spacing-s) var(--spacing-m);
    column-gap: var(--spacing-xs);
    border: thin solid var(--c-border);
    border-width: thin 0
}

#cartModal .modal-content .modal-body .modal__cart-products-card:last-child,
#cartModal .modal-content .summary .product-card .product-line-item-details:last-child,
.minicart:not([data-action-url]) .modal-body .modal__cart-products-card:last-child,
.minicart:not([data-action-url]) .summary .product-card .product-line-item-details:last-child {
    border-bottom: 0;
    padding-bottom: 0
}

#cartModal .modal-content .modal-body .modal__cart-products-card *,
#cartModal .modal-content .summary .product-card .product-line-item-details *,
.minicart:not([data-action-url]) .modal-body .modal__cart-products-card *,
.minicart:not([data-action-url]) .summary .product-card .product-line-item-details * {
    width: unset;
    max-width: 100%
}

#cartModal .modal-content .modal-body .modal__cart-products-card>:first-of-type,
#cartModal .modal-content .summary .product-card .product-line-item-details>:first-of-type,
.minicart:not([data-action-url]) .modal-body .modal__cart-products-card>:first-of-type,
.minicart:not([data-action-url]) .summary .product-card .product-line-item-details>:first-of-type {
    -ms-grid-row: span 5;
    grid-row: span 5
}

#cartModal .modal-content .modal-body .modal__cart-products-card>[class*=col],
#cartModal .modal-content .summary .product-card .product-line-item-details>[class*=col],
.minicart:not([data-action-url]) .modal-body .modal__cart-products-card>[class*=col],
.minicart:not([data-action-url]) .summary .product-card .product-line-item-details>[class*=col] {
    max-width: none;
    padding: unset;
    margin: unset;
    -ms-flex-pack: start !important;
    justify-content: start !important;
    -ms-flex-align: start !important;
    align-items: start !important
}

#cartModal .modal-content .modal-body .modal__cart-products-card .product-name,
#cartModal .modal-content .summary .product-card .product-line-item-details .product-name,
.minicart:not([data-action-url]) .modal-body .modal__cart-products-card .product-name,
.minicart:not([data-action-url]) .summary .product-card .product-line-item-details .product-name {
    font-size: var(--f-m);
    font-weight: 600;
    font-family: var(--font-body);
    color: var(--c-em-full)
}

#cartModal .modal-content .modal-body .modal__cart-products-card .product-name a,
#cartModal .modal-content .summary .product-card .product-line-item-details .product-name a,
.minicart:not([data-action-url]) .modal-body .modal__cart-products-card .product-name a,
.minicart:not([data-action-url]) .summary .product-card .product-line-item-details .product-name a {
    color: var(--c-em-full)
}

#cartModal .modal-content .modal-body .modal__cart-products-card .modal__cart-components .modal__cart-brand-title,
#cartModal .modal-content .modal-body .modal__cart-products-card .modal__cart-components .modal__cart-color-title,
#cartModal .modal-content .summary .product-card .product-line-item-details .modal__cart-components .modal__cart-brand-title,
#cartModal .modal-content .summary .product-card .product-line-item-details .modal__cart-components .modal__cart-color-title,
.minicart:not([data-action-url]) .modal-body .modal__cart-products-card .modal__cart-components .modal__cart-brand-title,
.minicart:not([data-action-url]) .modal-body .modal__cart-products-card .modal__cart-components .modal__cart-color-title,
.minicart:not([data-action-url]) .summary .product-card .product-line-item-details .modal__cart-components .modal__cart-brand-title,
.minicart:not([data-action-url]) .summary .product-card .product-line-item-details .modal__cart-components .modal__cart-color-title {
    color: var(--c-em-full);
    font-weight: 700
}

#cartModal .modal-content .modal-body .modal__cart-products-card .quantity-selector,
#cartModal .modal-content .modal-body .modal__cart-products-card .quantity-selector-small,
#cartModal .modal-content .summary .product-card .product-line-item-details .quantity-selector,
#cartModal .modal-content .summary .product-card .product-line-item-details .quantity-selector-small,
.minicart:not([data-action-url]) .modal-body .modal__cart-products-card .quantity-selector,
.minicart:not([data-action-url]) .modal-body .modal__cart-products-card .quantity-selector-small,
.minicart:not([data-action-url]) .summary .product-card .product-line-item-details .quantity-selector,
.minicart:not([data-action-url]) .summary .product-card .product-line-item-details .quantity-selector-small {
    width: 100px;
    margin-bottom: var(--spacing-s)
}

#cartModal .modal-content .modal-body .modal__cart-products-card .quantity-selector-small .btn-quantity,
#cartModal .modal-content .modal-body .modal__cart-products-card .quantity-selector .btn-quantity,
#cartModal .modal-content .summary .product-card .product-line-item-details .quantity-selector-small .btn-quantity,
#cartModal .modal-content .summary .product-card .product-line-item-details .quantity-selector .btn-quantity,
.minicart:not([data-action-url]) .modal-body .modal__cart-products-card .quantity-selector-small .btn-quantity,
.minicart:not([data-action-url]) .modal-body .modal__cart-products-card .quantity-selector .btn-quantity,
.minicart:not([data-action-url]) .summary .product-card .product-line-item-details .quantity-selector-small .btn-quantity,
.minicart:not([data-action-url]) .summary .product-card .product-line-item-details .quantity-selector .btn-quantity {
    color: var(--c-em-full);
    background-color: transparent
}

#cartModal .modal-content .modal-body .modal__cart-products-card .quantity-selector-small .quantity-wrapper input[type=number],
#cartModal .modal-content .modal-body .modal__cart-products-card .quantity-selector .quantity-wrapper input[type=number],
#cartModal .modal-content .summary .product-card .product-line-item-details .quantity-selector-small .quantity-wrapper input[type=number],
#cartModal .modal-content .summary .product-card .product-line-item-details .quantity-selector .quantity-wrapper input[type=number],
.minicart:not([data-action-url]) .modal-body .modal__cart-products-card .quantity-selector-small .quantity-wrapper input[type=number],
.minicart:not([data-action-url]) .modal-body .modal__cart-products-card .quantity-selector .quantity-wrapper input[type=number],
.minicart:not([data-action-url]) .summary .product-card .product-line-item-details .quantity-selector-small .quantity-wrapper input[type=number],
.minicart:not([data-action-url]) .summary .product-card .product-line-item-details .quantity-selector .quantity-wrapper input[type=number] {
    width: 4ch;
    height: 28px;
    background-color: transparent !important
}

#cartModal .modal-content .modal-body .modal__cart-products-card .quantity-selector-small .quantity-wrapper .btn-quantity,
#cartModal .modal-content .modal-body .modal__cart-products-card .quantity-selector .quantity-wrapper .btn-quantity,
#cartModal .modal-content .summary .product-card .product-line-item-details .quantity-selector-small .quantity-wrapper .btn-quantity,
#cartModal .modal-content .summary .product-card .product-line-item-details .quantity-selector .quantity-wrapper .btn-quantity,
.minicart:not([data-action-url]) .modal-body .modal__cart-products-card .quantity-selector-small .quantity-wrapper .btn-quantity,
.minicart:not([data-action-url]) .modal-body .modal__cart-products-card .quantity-selector .quantity-wrapper .btn-quantity,
.minicart:not([data-action-url]) .summary .product-card .product-line-item-details .quantity-selector-small .quantity-wrapper .btn-quantity,
.minicart:not([data-action-url]) .summary .product-card .product-line-item-details .quantity-selector .quantity-wrapper .btn-quantity {
    color: var(--c-em-full);
    background-color: transparent;
    padding: 8px;
    height: 28px;
    width: 32px;
    border: thin solid transparent;
    border-radius: 0
}

#cartModal .modal-content .modal-body .modal__cart-products-card .quantity-selector-small .quantity-wrapper .btn-quantity :focus,
#cartModal .modal-content .modal-body .modal__cart-products-card .quantity-selector-small .quantity-wrapper .btn-quantity:hover,
#cartModal .modal-content .modal-body .modal__cart-products-card .quantity-selector .quantity-wrapper .btn-quantity :focus,
#cartModal .modal-content .modal-body .modal__cart-products-card .quantity-selector .quantity-wrapper .btn-quantity:hover,
#cartModal .modal-content .summary .product-card .product-line-item-details .quantity-selector-small .quantity-wrapper .btn-quantity :focus,
#cartModal .modal-content .summary .product-card .product-line-item-details .quantity-selector-small .quantity-wrapper .btn-quantity:hover,
#cartModal .modal-content .summary .product-card .product-line-item-details .quantity-selector .quantity-wrapper .btn-quantity :focus,
#cartModal .modal-content .summary .product-card .product-line-item-details .quantity-selector .quantity-wrapper .btn-quantity:hover,
.minicart:not([data-action-url]) .modal-body .modal__cart-products-card .quantity-selector-small .quantity-wrapper .btn-quantity :focus,
.minicart:not([data-action-url]) .modal-body .modal__cart-products-card .quantity-selector-small .quantity-wrapper .btn-quantity:hover,
.minicart:not([data-action-url]) .modal-body .modal__cart-products-card .quantity-selector .quantity-wrapper .btn-quantity :focus,
.minicart:not([data-action-url]) .modal-body .modal__cart-products-card .quantity-selector .quantity-wrapper .btn-quantity:hover,
.minicart:not([data-action-url]) .summary .product-card .product-line-item-details .quantity-selector-small .quantity-wrapper .btn-quantity :focus,
.minicart:not([data-action-url]) .summary .product-card .product-line-item-details .quantity-selector-small .quantity-wrapper .btn-quantity:hover,
.minicart:not([data-action-url]) .summary .product-card .product-line-item-details .quantity-selector .quantity-wrapper .btn-quantity :focus,
.minicart:not([data-action-url]) .summary .product-card .product-line-item-details .quantity-selector .quantity-wrapper .btn-quantity:hover {
    border-color: var(--c-accent)
}

#cartModal .modal-content .modal-body .modal__cart-products-card .modal__cart-price .item-price,
#cartModal .modal-content .summary .product-card .product-line-item-details .modal__cart-price .item-price,
.minicart:not([data-action-url]) .modal-body .modal__cart-products-card .modal__cart-price .item-price,
.minicart:not([data-action-url]) .summary .product-card .product-line-item-details .modal__cart-price .item-price {
    margin: 0 auto 0 0;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
    font-size: var(--f-m);
    font-weight: 600;
    font-family: var(--font-body);
    color: var(--c-accent)
}

#cartModal .modal-content .modal-body .modal__cart-products-card .modal__cart-price.strike-through,
#cartModal .modal-content .summary .product-card .product-line-item-details .modal__cart-price.strike-through,
.minicart:not([data-action-url]) .modal-body .modal__cart-products-card .modal__cart-price.strike-through,
.minicart:not([data-action-url]) .summary .product-card .product-line-item-details .modal__cart-price.strike-through {
    text-decoration: line-through;
    -webkit-text-decoration-color: #df2d00;
    text-decoration-color: #df2d00
}

#cartModal .modal-content .modal-body .modal__cart-products-card .free-product-section,
#cartModal .modal-content .summary .product-card .product-line-item-details .free-product-section,
.minicart:not([data-action-url]) .modal-body .modal__cart-products-card .free-product-section,
.minicart:not([data-action-url]) .summary .product-card .product-line-item-details .free-product-section {
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px
}

#cartModal .modal-content .modal-body .modal__cart-products-card .free-product-section span,
#cartModal .modal-content .summary .product-card .product-line-item-details .free-product-section span,
.minicart:not([data-action-url]) .modal-body .modal__cart-products-card .free-product-section span,
.minicart:not([data-action-url]) .summary .product-card .product-line-item-details .free-product-section span {
    margin-left: 10px;
    color: #df2d00;
    font-weight: 700
}

.minicart:not([data-action-url]) {
    max-height: 41rem
}

.minicart:not([data-action-url])>.header {
    padding: 0;
    border-color: var(--c-border)
}

.minicart:not([data-action-url])>.header .heading {
    text-wrap: pretty;
    font-family: var(--font-headline);
    text-transform: uppercase;
    font-size: var(--f-xl);
    text-align: left;
    padding: var(--spacing-m) 0 var(--spacing-s) var(--spacing-m)
}

.minicart:not([data-action-url])>.header .close {
    opacity: 1;
    margin: 0 4px 0 0
}

.minicart:not([data-action-url])>.header .close span {
    font-size: 24px;
    font-weight: 400;
    color: var(--c-em-full)
}

.minicart:not([data-action-url])>.summary {
    max-height: Min(430px, calc(100vh - 296px))
}

.minicart:not([data-action-url])>.summary .product-card {
    padding: var(--spacing-s) var(--spacing-m)
}

.minicart:not([data-action-url])>.summary .product-card .product-line-item-details {
    padding: 0;
    display: -ms-grid !important;
    display: grid !important;
    border: 0
}

.minicart:not([data-action-url])>.summary .product-card .product-line-item-details>*+* {
    margin-left: 0
}

.minicart:not([data-action-url])>.summary .product-card .product-line-item-details .price {
    color: var(--c-em-full);
    font-size: var(--f-m)
}

.minicart:not([data-action-url])>.summary .product-card .product-line-item-details .promo-sec {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.minicart:not([data-action-url])>.summary .product-card .product-line-item-details .promo-sec .discount-badge {
    font-family: var(--font-body);
    font-size: var(--f-s);
    border: thin solid var(--c-accent);
    color: var(--c-em-full);
    font-weight: 700
}

.minicart:not([data-action-url])>.summary .product-card .line-item-attributes,
.minicart:not([data-action-url])>.summary .product-card .line-item-option {
    font-size: var(--f-m)
}

.minicart:not([data-action-url])>.summary .product-card .item-attributes p.remove-line-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.minicart:not([data-action-url])>.summary .product-card .item-attributes p.remove-line-item .remove-btn {
    position: static;
    text-align: left;
    margin-top: -6px
}

.minicart:not([data-action-url])>.summary .product-card .remove-btn {
    transform: translateY(-8px);
    font-size: var(--f-m);
    color: var(--c-em-low);
    text-underline-offset: 4px
}

.minicart:not([data-action-url])>.summary .product-card .remove-btn:hover {
    color: var(--c-em-full)
}

.minicart:not([data-action-url])>.summary .quantity-selector .quantity-label {
    pointer-events: none;
    position: absolute;
    opacity: 0
}

.minicart:not([data-action-url])>.footer {
    border-color: var(--c-border)
}

.minicart:not([data-action-url])>.footer .estimated-total .sub-total-label {
    text-align: left;
    font-family: var(--font-body);
    font-size: var(--f-m);
    text-transform: none
}

#cartModal .modal-content .modal-title,
#cartModal .modal-content .modal__cart-title {
    font-family: var(--font-headline);
    text-transform: uppercase;
    font-size: var(--f-xl);
    text-align: left;
    padding: var(--spacing-m) 0 var(--spacing-s) var(--spacing-m);
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1
}

#cartModal .modal-content .modal-body {
    padding-top: 0;
    max-height: 430px;
    max-height: Min(430px, calc(100vh - 278px));
    overflow-y: auto
}

@media (max-width:767.98px) {
    #cartModal .modal-content .modal-body {
        max-height: calc(100vh - 320px)
    }
}

#cartModal .modal-content .modal__cart_footer {
    padding-top: var(--spacing-s);
    border-top: thin solid var(--c-border)
}

.minicart-link .minicart-quantity {
    font-weight: 500;
    background-color: var(--c-button);
    color: var(--c-button-copy);
    border-radius: var(--button-radius);
    font-size: var(--f-s);
    left: auto;
    right: -16px;
    top: -8px;
    height: 18px;
    padding: 0 4px
}

.modal-header.delete-confirmation-header {
    -ms-grid-column: span 2;
    grid-column: span 2;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 68px;
    grid-template-columns: 1fr 68px;
    padding: 0
}

.modal-header.delete-confirmation-header .close {
    margin: var(--spacing-s) var(--spacing-s) 0 0;
    background: transparent;
    text-shadow: none
}

.modal-body.delete-confirmation-body {
    padding-top: var(--spacing-m);
    font-size: var(--f-m)
}

.btn {
    border-radius: 0
}

.btn-outline-primary,
.btn-secondary {
    font-size: var(--f-m);
    border-radius: var(--button-radius);
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    gap: 8px;
    min-height: var(--button-height, 40px);
    min-width: var(--button-min-width, 120px);
    padding: var(--button-padding, 4px 16px);
    justify-content: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    cursor: pointer;
    text-decoration: none;
    position: relative;
    font-weight: var(--font-weight-button, bold);
    font-family: var(--font-button);
    text-transform: none;
    transition: .08s ease-in-out;
    letter-spacing: 0;
    border: 2px solid var(--c-button-border--secondary);
    background-color: var(--c-button--secondary);
    color: var(--c-em-full)
}

.btn-outline-primary:hover,
.btn-secondary:hover {
    border-color: var(--c-button-border--secondary-hover);
    background-color: var(--c-button--secondary-hover);
    color: var(--c-button-copy--secondary-hover)
}

.btn-outline-primary[pending]:after,
.btn-outline-primary[pending]:before,
.btn-secondary[pending]:after,
.btn-secondary[pending]:before {
    color: var(--c-em-high)
}

.btn-outline-primary:active,
.btn-outline-primary:focus-visible,
.btn-outline-primary[aria-pressed=true],
.btn-secondary:active,
.btn-secondary:focus-visible,
.btn-secondary[aria-pressed=true] {
    outline: 1px solid var(--c-accent);
    outline-offset: 1px
}

.btn-outline-primary[disabled],
.btn-secondary[disabled] {
    border-color: transparent;
    color: var(--c-em-low);
    background: var(--c-em-2xlow);
    pointer-events: none
}

.btn-outline-primary[disabled][pending]:after,
.btn-outline-primary[disabled][pending]:before,
.btn-secondary[disabled][pending]:after,
.btn-secondary[disabled][pending]:before {
    color: var(--c-em-high)
}

.btn-outline-primary.-arrow:after,
.btn-outline-primary[pending]:after,
.btn-outline-primary[pending]:before,
.btn-secondary.-arrow:after,
.btn-secondary[pending]:after,
.btn-secondary[pending]:before {
    content: "arrow_forward";
    font-family: var(--font-icon, "Material Symbols Outlined");
    font-weight: 400;
    font-style: normal;
    font-size: 1.1em;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    vertical-align: sub;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    transform: translate(0)
}

.btn-outline-primary[pending],
.btn-secondary[pending] {
    color: transparent;
    pointer-events: none
}

.btn-outline-primary[pending]:after,
.btn-outline-primary[pending]:before,
.btn-secondary[pending]:after,
.btn-secondary[pending]:before {
    content: "circle";
    color: var(--c-button-copy);
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -12px;
    margin-left: -12px;
    font-size: 24px
}

.btn-outline-primary[pending]:before,
.btn-secondary[pending]:before {
    opacity: .38
}

.btn-outline-primary[pending]:after,
.btn-secondary[pending]:after {
    content: "progress_activity";
    animation: dsPending 1.8s linear infinite
}

.btn-outline-primary.-arrow:after,
.btn-secondary.-arrow:after {
    content: "arrow_forward"
}

.btn-primary {
    font-size: var(--f-m);
    border-radius: var(--button-radius);
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    gap: 8px;
    min-height: var(--button-height, 40px);
    min-width: var(--button-min-width, 120px);
    padding: var(--button-padding, 4px 16px);
    justify-content: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    cursor: pointer;
    text-decoration: none;
    position: relative;
    font-weight: var(--font-weight-button, bold);
    font-family: var(--font-button);
    text-transform: none;
    transition: .08s ease-in-out;
    letter-spacing: 0;
    border: 2px solid var(--c-button-border);
    background-color: var(--c-button);
    color: var(--c-button-copy)
}

.btn-primary:hover {
    background-color: var(--c-button-hover);
    border-color: var(--c-button-hover-border);
    color: var(--c-button-hover-copy)
}

.btn-primary:active,
.btn-primary:focus-visible,
.btn-primary[aria-pressed=true] {
    outline: 1px solid var(--c-accent);
    outline-offset: 1px
}

.btn-primary[disabled] {
    border-color: transparent;
    color: var(--c-em-low);
    background: var(--c-em-2xlow);
    pointer-events: none
}

.btn-primary[disabled][pending]:after,
.btn-primary[disabled][pending]:before {
    color: var(--c-em-high)
}

.btn-primary.-arrow:after,
.btn-primary[pending]:after,
.btn-primary[pending]:before {
    content: "arrow_forward";
    font-family: var(--font-icon, "Material Symbols Outlined");
    font-weight: 400;
    font-style: normal;
    font-size: 1.1em;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    vertical-align: sub;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    transform: translate(0)
}

.btn-primary[pending] {
    color: transparent;
    pointer-events: none
}

.btn-primary[pending]:after,
.btn-primary[pending]:before {
    content: "circle";
    color: var(--c-button-copy);
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -12px;
    margin-left: -12px;
    font-size: 24px
}

.btn-primary[pending]:before {
    opacity: .38
}

.btn-primary[pending]:after {
    content: "progress_activity";
    animation: dsPending 1.8s linear infinite
}

.btn-primary.-arrow:after {
    content: "arrow_forward"
}

.btn-disabled,
.btn-primary.disabled,
.btn:disabled {
    opacity: 1;
    border-color: transparent;
    color: var(--c-em-low);
    background: var(--c-em-2xlow);
    pointer-events: none
}

.btn-disabled[pending]:after,
.btn-disabled[pending]:before,
.btn-primary.disabled[pending]:after,
.btn-primary.disabled[pending]:before,
.btn:disabled[pending]:after,
.btn:disabled[pending]:before {
    color: var(--c-em-high)
}

#checkout-main .continue-btn,
.account-login-page .check-trkodr,
.account-login-page .crt-acc,
.account-login-page .inner-right.create-login-account .btn-create-account,
.account-login-page .sign-in-btn,
.add-to-cart-container .cart-and-ipay .add-to-cart,
.add-to-cart-container .cart-and-ipay .pz-add-to-cart,
.cart-section .chkt-btn-seg a,
.cat-content .btn,
.minicart:not([data-action-url])>.footer .btn,
.order-confirmation .continue-btn,
.search-results .grid-container .product-grid .show-more .text-center .btn,
.text-center .btn {
    padding: var(--button-padding);
    min-width: var(--button-min-width)
}

html[data-brand=jbl] .cart-section .apple-btn-checkout,
html[data-brand=jbl] .cart-section .orderSummaryPayPalCheckoutForm .paypal-btn-new {
    height: 40px;
    border-radius: var(--button-radius) !important
}

.account-login-page .crt-acc:hover {
    color: var(--c-button-hover-copy) !important
}

.btn-banner-default:hover {
    border-color: var(--c-button-hover-border) !important
}

.add-to-cart-container .btn-primary {
    font-size: var(--f-m);
    font-weight: var(--font-weight-button, bold);
    font-family: var(--font-button);
    padding: var(--button-padding);
    min-width: var(--button-min-width);
    border-radius: var(--button-radius)
}

@media (min-width:1024px) {
    .add-to-cart-container .btn-primary {
        font-size: var(--f-m);
        font-weight: var(--font-weight-button, bold);
        font-family: var(--font-button);
        padding: var(--button-padding);
        min-width: var(--button-min-width);
        border-radius: var(--button-radius)
    }
}

.checkout-btn[aria-pressed=true] {
    border-color: var(--c-button-border);
    background-color: var(--c-button);
    color: var(--c-button-copy);
    outline: none
}

.checkout-btn[aria-pressed=true]:focus-visible[aria-pressed=true],
.checkout-btn[aria-pressed=true]:hover {
    background-color: var(--c-button-hover);
    border-color: var(--c-button-hover-border);
    color: var(--c-button-hover-copy)
}

.checkout-btn[aria-pressed=true]:focus-visible[aria-pressed=true] {
    outline: 1px solid var(--c-accent)
}

.search-results .no-search-result .result-count .no-results__intro .cta {
    padding: var(--button-padding);
    min-width: var(--button-min-width);
    color: var(--c-button-copy);
    border-radius: var(--button-radius)
}

.glp-wrapper .cta {
    font-size: var(--f-m);
    padding: var(--button-padding);
    border-radius: var(--button-radius)
}

.find-ship-estimate {
    font-size: var(--f-m);
    min-height: var(--button-height, 40px);
    font-weight: var(--font-weight-button, bold);
    padding: var(--button-padding, 4px 16px);
    border-radius: var(--button-radius);
    letter-spacing: 0;
    text-transform: none;
    border: 2px solid var(--c-button-border--secondary);
    background-color: var(--c-button--secondary);
    color: var(--c-em-full)
}

.find-ship-estimate:hover {
    border-color: var(--c-button-border--secondary-hover);
    background-color: var(--c-button--secondary-hover);
    color: var(--c-button-copy--secondary-hover)
}

.ship-estimate-components #estimateZipCode {
    height: var(--button-height, 40px)
}

.pdp-support-columns .btn {
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start
}

.account-login-page .check-trkodr,
.account-login-page .crt-acc,
.account-login-page .remember-me-text,
.account-login-page .sign-in-btn {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.cat-seo-container .cat-seo-more,
p a {
    outline-offset: 2px;
    text-underline-offset: 2px
}

.cat-seo-container .cat-seo-more:focus-visible,
p a:focus-visible {
    outline: thin solid var(--c-accent)
}

#fluid-checkout-customer-service a {
    --skin-link-color-2: var(--c-accent);
    color: var(--c-accent)
}

.ds-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(0, 1fr))[var];
    grid-template-columns: repeat(var(--sizing-grid, 12), minmax(0, 1fr));
    column-gap: var(--sizing-gutter, 16px)
}

#footercontent,
.experience-main,
.header__header {
    max-width: var(--sizing-max-page);
    margin-inline: auto;
    overflow-x: clip
}

:where(img) {
    object-fit: contain
}

.form-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 0;
    margin-bottom: var(--spacing-m);
    text-align: left;
    font-size: var(--f-m);
    color: var(--c-em-med)
}

.form-group.input-group {
    -ms-flex-direction: row;
    flex-direction: row
}

.form-group .Input-label {
    font-size: var(--f-m);
    font-weight: 700;
    color: var(--c-em-full)
}

.form-group.floating-label,
.form-group:has(.form-control~.Input-label:not(.sr-only)) {
    --sizing-label: 0;
    margin-top: 0;
    padding-top: var(--sizing-label);
    margin-bottom: var(--spacing-xs)
}

.form-group.floating-label input,
.form-group.floating-label select,
.form-group:has(.form-control~.Input-label:not(.sr-only)) input,
.form-group:has(.form-control~.Input-label:not(.sr-only)) select {
    padding-left: 8px
}

.form-group.floating-label input:-ms-input-placeholder,
.form-group.floating-label select:-ms-input-placeholder,
.form-group:has(.form-control~.Input-label:not(.sr-only)) input:-ms-input-placeholder,
.form-group:has(.form-control~.Input-label:not(.sr-only)) select:-ms-input-placeholder {
    font-weight: 700;
    color: var(--c-em-full)
}

.form-group.floating-label input::placeholder,
.form-group.floating-label select::placeholder,
.form-group:has(.form-control~.Input-label:not(.sr-only)) input::placeholder,
.form-group:has(.form-control~.Input-label:not(.sr-only)) select::placeholder {
    font-weight: 700;
    color: var(--c-em-full)
}

.form-group.floating-label .pwd-show-icon,
.form-group:has(.form-control~.Input-label:not(.sr-only)) .pwd-show-icon {
    top: calc(var(--sizing-label) + 14px);
    right: 40px;
    margin-top: 10px
}

.account-login-page .form-group.floating-label,
.account-login-page .form-group:has(.form-control~.Input-label:not(.sr-only)) {
    margin-bottom: var(--spacing-l)
}

.form-group.floating-label .Input-label,
.form-group.floating-label input:focus:not(:placeholder-shown)~.Input-label,
.form-group.floating-label input:not(:placeholder-shown)~.Input-label,
.form-group.floating-label select:focus~.Input-label,
.form-group.floating-label select~.Input-label,
.form-group:has(.form-control~.Input-label:not(.sr-only)) .Input-label,
.form-group:has(.form-control~.Input-label:not(.sr-only)) input:focus:not(:placeholder-shown)~.Input-label,
.form-group:has(.form-control~.Input-label:not(.sr-only)) input:not(:placeholder-shown)~.Input-label,
.form-group:has(.form-control~.Input-label:not(.sr-only)) select:focus~.Input-label,
.form-group:has(.form-control~.Input-label:not(.sr-only)) select~.Input-label {
    display: none !important
}

.form-group.floating-label input:focus:not(:placeholder-shown)~.Input-label,
.form-group.floating-label input:not(:placeholder-shown)~.Input-label,
.form-group.floating-label select:focus~.Input-label,
.form-group.floating-label select~.Input-label,
.form-group:has(.form-control~.Input-label:not(.sr-only)) input:focus:not(:placeholder-shown)~.Input-label,
.form-group:has(.form-control~.Input-label:not(.sr-only)) input:not(:placeholder-shown)~.Input-label,
.form-group:has(.form-control~.Input-label:not(.sr-only)) select:focus~.Input-label,
.form-group:has(.form-control~.Input-label:not(.sr-only)) select~.Input-label {
    transform: translateY(0);
    opacity: 1
}

.form-group.floating-label {
    --sizing-label: 0;
    padding-top: var(--sizing-label);
    margin-bottom: var(--spacing-xs)
}

.form-group.floating-label .pwd-show-icon {
    top: calc(var(--sizing-label) + 14px);
    right: 16px
}

.form-group.floating-label .Input-label,
.form-group.floating-label input:focus:not(:placeholder-shown)~.Input-label,
.form-group.floating-label input:not(:placeholder-shown)~.Input-label,
.form-group.floating-label select:focus~.Input-label,
.form-group.floating-label select~.Input-label {
    font-size: var(--f-xs)
}

.form-group input.form-control,
.form-group textarea.form-control {
    color: var(--c-em-full);
    height: auto;
    min-height: var(--button-height, 40px);
    background-color: transparent !important;
    border: 0 solid var(--c-em-full);
    border-width: 0 0 3px;
    font-size: var(--f-m);
    font-family: var(--font-body);
    box-shadow: none;
    padding: var(--spacing-2xs) var(--spacing-xs) var(--spacing-2xs) 0;
    font-weight: 400;
    transition: padding .08s ease-out
}

.form-group input.form-control:focus,
.form-group input.form-control:hover,
.form-group textarea.form-control:focus,
.form-group textarea.form-control:hover {
    background-color: var(--c-form-highlight) !important;
    border-width: 0 0 3px;
    border-color: var(--c-em-full);
    outline: none
}

.form-group input.form-control:focus,
.form-group textarea.form-control:focus {
    padding-left: var(--spacing-xs)
}

.form-group input.form-control:-ms-input-placeholder,
.form-group textarea.form-control:-ms-input-placeholder {
    color: var(--c-em-low)
}

.form-group input.form-control::placeholder,
.form-group textarea.form-control::placeholder {
    color: var(--c-em-low)
}

.form-group input.form-control.is-invalid,
.form-group input.form-control:invalid:not(:placeholder-shown),
.form-group textarea.form-control.is-invalid,
.form-group textarea.form-control:invalid:not(:placeholder-shown) {
    border-color: var(--c-form-feedback-negative)
}

.form-group input.form-control::selection,
.form-group textarea.form-control::selection {
    color: var(--c-em-full-contrast);
    background: var(--c-em-full)
}

.form-group input.form-control:-webkit-autofill,
.form-group textarea.form-control:-webkit-autofill {
    box-shadow: inset 0 0 20px 20px var(--c-canvas)
}

.form-group-text {
    font-family: var(--font-headline);
    font-weight: 600;
    font-stretch: condensed;
    font-variation-settings: "wdth" 75;
    font-size: var(--f-xl);
    text-align: left;
    text-transform: uppercase
}

@media (min-width:1024px) {
    .form-group-text {
        font-size: var(--f-xl)
    }
}

form hr {
    border-color: var(--c-em-3xlow);
    margin-block: var(--spacing-xl)
}

.house-number-feedback,
.invalid-feedback {
    color: var(--c-form-feedback-negative);
    font-weight: 400;
    font-size: var(--f-m);
    margin-top: var(--spacing-xs)
}

.house-number-feedback,
.invalid-feedback,
.login-page {
    text-align: left;
    font-family: var(--font-body)
}

.account-login-page .forgot-password,
.account-login-page .inner-right.create-login-account .account-term {
    text-underline-offset: 2px;
    -webkit-text-decoration-color: var(--c-accent);
    text-decoration-color: var(--c-accent)
}

html .account-login-page .inner-right.create-login-account .account-term {
    font-weight: inherit;
    color: currentColor !important;
    text-decoration: underline
}

.cart-section .order-summary-detail .form-group {
    margin-bottom: var(--spacing-xs)
}

.cart-section .order-summary-detail .form-group .prm-seg {
    max-width: none;
    padding-right: 0;
    position: static
}

.cart-section .order-summary-detail .form-group .prm-seg .Input-label {
    padding: 0;
    margin: 0
}

.cart-section .order-summary-detail .form-group .prm-seg input {
    background-color: transparent !important;
    color: var(--c-em-full);
    font-size: var(--f-m);
    height: var(--button-height);
    box-sizing: border-box
}

.cart-section .order-summary-detail .form-group .prm-seg input.is-invalid {
    border: 0 solid var(--c-form-feedback-negative);
    border-width: 0 0 3px
}

.cart-section .order-summary-detail .form-group .prm-seg input.is-invalid~.fa.error-icon {
    display: none !important
}

.cart-section .order-summary-detail .form-group .prm-seg:has(input.is-invalid)~[class*=-submit] .btn {
    border-color: var(--c-form-feedback-negative)
}

.cart-section .order-summary-detail .form-group [class*=-submit2] {
    min-width: 32px;
    max-width: 32px;
    margin-right: 16px
}

.cart-section .order-summary-detail .form-group [class*=-submit2] .btn {
    all: unset;
    height: var(--button-height);
    border-bottom: 3px solid var(--c-em-full);
    font-size: 0;
    color: transparent;
    outline: none;
    background-color: transparent;
    border-radius: 0;
    box-sizing: border-box;
    padding: 0 8px 0 0;
    width: 32px;
    cursor: pointer
}

.cart-section .order-summary-detail .form-group [class*=-submit2] .btn:before {
    font-family: var(--font-icon);
    font-weight: 400;
    font-style: normal;
    font-size: 1em;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    vertical-align: sub;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    font-variation-settings: "FILL" 1;
    transition: transform var(--ds-transition);
    will-change: transform clip-path;
    content: "arrow_forward";
    color: var(--c-em-full);
    border: 0;
    border-radius: 0;
    font-size: 22px;
    font-weight: 700
}

select.form-control {
    border: 0 solid var(--c-em-full);
    border-bottom-width: 3px;
    height: var(--button-height);
    background-color: transparent;
    color: var(--c-em-full);
    padding-left: 0
}

select.form-control:focus,
select.form-control:hover {
    background-color: var(--c-form-highlight)
}

#checkout-main input[type=radio]+.custom-control-label.compare-checkbox-product-tile,
#checkout-main input[type=radio]+label,
.cart-section input[type=radio]+.custom-control-label.compare-checkbox-product-tile,
.cart-section input[type=radio]+label,
.custom-checkbox .custom-control-input+.custom-control-label.compare-checkbox-product-tile,
.custom-checkbox .custom-control-input+label,
.custom-radio .custom-control-input+.custom-control-label.compare-checkbox-product-tile,
.custom-radio .custom-control-input+label,
.form-group input[type=checkbox]+.custom-control-label.compare-checkbox-product-tile,
.form-group input[type=checkbox]+label,
.form-group input[type=radio]+.custom-control-label.compare-checkbox-product-tile,
.form-group input[type=radio]+label,
.order-confirmation input[type=radio]+.custom-control-label.compare-checkbox-product-tile,
.order-confirmation input[type=radio]+label,
.product-tile input[type=checkbox]+.custom-control-label.compare-checkbox-product-tile,
.product-tile input[type=checkbox]+label {
    padding-left: 28px;
    text-align: left;
    font-family: var(--font-body);
    color: var(--c-em-full);
    text-transform: none;
    font-size: var(--f-m);
    line-height: 1.3
}

#checkout-main input[type=radio]+label:after,
.cart-section input[type=radio]+label:after,
.custom-checkbox .custom-control-input+label:after,
.custom-radio .custom-control-input+label:after,
.form-group input[type=checkbox]+label:after,
.form-group input[type=radio]+label:after,
.order-confirmation input[type=radio]+label:after,
.product-tile input[type=checkbox]+label:after {
    font-family: var(--font-icon);
    font-weight: 400;
    font-style: normal;
    font-size: 1em;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    vertical-align: sub;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    font-variation-settings: "FILL" 1;
    transition: transform var(--ds-transition);
    will-change: transform clip-path;
    content: "check_box_outline_blank";
    color: var(--c-em-full);
    border: 0;
    border-radius: 0;
    font-size: 21px;
    background-image: none;
    background-color: transparent
}

@media (max-width:767.98px) {
    #checkout-main input[type=radio]+label:after,
    .cart-section input[type=radio]+label:after,
    .custom-checkbox .custom-control-input+label:after,
    .custom-radio .custom-control-input+label:after,
    .form-group input[type=checkbox]+label:after,
    .form-group input[type=radio]+label:after,
    .order-confirmation input[type=radio]+label:after,
    .product-tile input[type=checkbox]+label:after {
        transform: translateY(2px)
    }
}

#checkout-main input[type=radio]:focus+label:after,
#checkout-main input[type=radio]:hover+label:after,
.cart-section input[type=radio]:focus+label:after,
.cart-section input[type=radio]:hover+label:after,
.custom-checkbox .custom-control-input:focus+label:after,
.custom-checkbox .custom-control-input:hover+label:after,
.custom-radio .custom-control-input:focus+label:after,
.custom-radio .custom-control-input:hover+label:after,
.form-group input[type=checkbox]:focus+label:after,
.form-group input[type=checkbox]:hover+label:after,
.form-group input[type=radio]:focus+label:after,
.form-group input[type=radio]:hover+label:after,
.order-confirmation input[type=radio]:focus+label:after,
.order-confirmation input[type=radio]:hover+label:after,
.product-tile input[type=checkbox]:focus+label:after,
.product-tile input[type=checkbox]:hover+label:after {
    color: var(--c-accent)
}

#checkout-main input[type=radio]:focus-visible+label:after,
.cart-section input[type=radio]:focus-visible+label:after,
.custom-checkbox .custom-control-input:focus-visible+label:after,
.custom-radio .custom-control-input:focus-visible+label:after,
.form-group input[type=checkbox]:focus-visible+label:after,
.form-group input[type=radio]:focus-visible+label:after,
.order-confirmation input[type=radio]:focus-visible+label:after,
.product-tile input[type=checkbox]:focus-visible+label:after {
    outline: thin solid var(--c-accent);
    outline-offset: 4px
}

#checkout-main input[type=radio]:checked+label:after,
.cart-section input[type=radio]:checked+label:after,
.custom-checkbox .custom-control-input:checked+label:after,
.custom-radio .custom-control-input:checked+label:after,
.form-group input[type=checkbox]:checked+label:after,
.form-group input[type=radio]:checked+label:after,
.order-confirmation input[type=radio]:checked+label:after,
.product-tile input[type=checkbox]:checked+label:after {
    content: "check_box";
    color: var(--c-accent);
    background-image: none;
    background-color: transparent
}

#checkout-main input[type=radio].disabled,
#checkout-main input[type=radio][disabled],
.cart-section input[type=radio].disabled,
.cart-section input[type=radio][disabled],
.custom-checkbox .custom-control-input.disabled,
.custom-checkbox .custom-control-input[disabled],
.custom-radio .custom-control-input.disabled,
.custom-radio .custom-control-input[disabled],
.form-group input[type=checkbox].disabled,
.form-group input[type=checkbox][disabled],
.form-group input[type=radio].disabled,
.form-group input[type=radio][disabled],
.order-confirmation input[type=radio].disabled,
.order-confirmation input[type=radio][disabled],
.product-tile input[type=checkbox].disabled,
.product-tile input[type=checkbox][disabled] {
    pointer-events: none
}

#checkout-main input[type=radio].disabled+label,
#checkout-main input[type=radio][disabled]+label,
.cart-section input[type=radio].disabled+label,
.cart-section input[type=radio][disabled]+label,
.custom-checkbox .custom-control-input.disabled+label,
.custom-checkbox .custom-control-input[disabled]+label,
.custom-radio .custom-control-input.disabled+label,
.custom-radio .custom-control-input[disabled]+label,
.form-group input[type=checkbox].disabled+label,
.form-group input[type=checkbox][disabled]+label,
.form-group input[type=radio].disabled+label,
.form-group input[type=radio][disabled]+label,
.order-confirmation input[type=radio].disabled+label,
.order-confirmation input[type=radio][disabled]+label,
.product-tile input[type=checkbox].disabled+label,
.product-tile input[type=checkbox][disabled]+label {
    pointer-events: none;
    color: var(--c-em-xlow)
}

#checkout-main input[type=radio].disabled+label:after,
#checkout-main input[type=radio][disabled]+label:after,
.cart-section input[type=radio].disabled+label:after,
.cart-section input[type=radio][disabled]+label:after,
.custom-checkbox .custom-control-input.disabled+label:after,
.custom-checkbox .custom-control-input[disabled]+label:after,
.custom-radio .custom-control-input.disabled+label:after,
.custom-radio .custom-control-input[disabled]+label:after,
.form-group input[type=checkbox].disabled+label:after,
.form-group input[type=checkbox][disabled]+label:after,
.form-group input[type=radio].disabled+label:after,
.form-group input[type=radio][disabled]+label:after,
.order-confirmation input[type=radio].disabled+label:after,
.order-confirmation input[type=radio][disabled]+label:after,
.product-tile input[type=checkbox].disabled+label:after,
.product-tile input[type=checkbox][disabled]+label:after {
    color: var(--c-em-2xlow)
}

.search-results .refinement-bar .filter-container .card-body ul li button span {
    padding-left: var(--spacing-xs);
    text-align: left;
    font-family: var(--font-body);
    color: var(--c-em-full);
    text-transform: none;
    font-size: var(--f-m);
    line-height: 1.3
}

.search-results .refinement-bar .filter-container .card-body ul li button .fa-square-o {
    all: unset
}

.search-results .refinement-bar .filter-container .card-body ul li button .fa-square-o:before {
    all: unset;
    font-family: var(--font-icon);
    font-weight: 400;
    font-style: normal;
    font-size: 1em;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    vertical-align: sub;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    font-variation-settings: "FILL" 1;
    transition: transform var(--ds-transition);
    will-change: transform clip-path;
    font-variation-settings: "FILL" 0;
    content: "check_box_outline_blank";
    color: var(--c-em-full);
    border: 0;
    border-radius: 0;
    font-size: 21px;
    background-image: none;
    background-color: transparent
}

.search-results .refinement-bar .filter-container .card-body ul li button:focus .fa-square-o:before,
.search-results .refinement-bar .filter-container .card-body ul li button:hover .fa-square-o:before {
    color: var(--c-accent)
}

.search-results .refinement-bar .filter-container .card-body ul li button:has(.check-checkbox) .fa-square-o:before {
    content: "check_box";
    font-variation-settings: "FILL" 1;
    color: var(--c-accent)
}

.search-results .refinement-bar .filter-container .card-body ul li button:has(.check-checkbox) .check-checkbox {
    display: none
}

.product-tile .compare .custom-checkbox input[type=checkbox]+label {
    font-size: clamp(var(--f-s), 1vw, var(--f-m));
    padding-left: 21px;
    font-weight: 500
}

@media (max-width:767.98px) {
    .product-tile .compare .custom-checkbox input[type=checkbox]+label {
        padding-top: 3px
    }
}

.product-tile .compare .custom-checkbox input[type=checkbox]+label:after {
    content: "check_box_outline_blank";
    font-size: 18px;
    font-weight: 300;
    font-family: var(--font-icon);
    width: 21px;
    height: 21px;
    background-size: contain;
    border: 0;
    background-position: 0
}

.product-tile .compare .custom-checkbox input[type=checkbox]+label:before {
    display: none !important
}

.product-tile .compare .custom-checkbox input[type=checkbox]+label:hover {
    text-decoration: underline;
    text-underline-offset: 3px
}

.product-tile .compare .custom-checkbox input[type=checkbox]:checked+label:after {
    color: var(--c-accent);
    font-variation-settings: "FILL" 1;
    content: "check_box"
}

.product-tile .compare .custom-checkbox input[type=checkbox]:checked+label:hover:after {
    color: var(--c-em-med)
}

#checkout-main input[type=radio]+label:before,
.cart-section input[type=radio]+label:before,
.custom-radio .custom-control-input+label:before,
.form-group input[type=radio]+label:before,
.order-confirmation input[type=radio]+label:before {
    display: none
}

#checkout-main input[type=radio]+label:after,
.cart-section input[type=radio]+label:after,
.custom-radio .custom-control-input+label:after,
.form-group input[type=radio]+label:after,
.order-confirmation input[type=radio]+label:after {
    content: "radio_button_unchecked";
    font-variation-settings: "FILL" 0
}

#checkout-main input[type=radio]:checked+label:after,
.cart-section input[type=radio]:checked+label:after,
.custom-radio .custom-control-input:checked+label:after,
.form-group input[type=radio]:checked+label:after,
.order-confirmation input[type=radio]:checked+label:after {
    content: "radio_button_checked";
    font-variation-settings: "FILL" 0
}

#checkout-main input[type=radio].disabled+label,
#checkout-main input[type=radio][disabled]+label,
.cart-section input[type=radio].disabled+label,
.cart-section input[type=radio][disabled]+label,
.custom-radio .custom-control-input.disabled+label,
.custom-radio .custom-control-input[disabled]+label,
.form-group input[type=radio].disabled+label,
.form-group input[type=radio][disabled]+label,
.order-confirmation input[type=radio].disabled+label,
.order-confirmation input[type=radio][disabled]+label {
    color: var(--c-em-xlow);
    pointer-events: none
}

#checkout-main input[type=radio].disabled+label:after,
#checkout-main input[type=radio][disabled]+label:after,
.cart-section input[type=radio].disabled+label:after,
.cart-section input[type=radio][disabled]+label:after,
.custom-radio .custom-control-input.disabled+label:after,
.custom-radio .custom-control-input[disabled]+label:after,
.form-group input[type=radio].disabled+label:after,
.form-group input[type=radio][disabled]+label:after,
.order-confirmation input[type=radio].disabled+label:after,
.order-confirmation input[type=radio][disabled]+label:after {
    color: var(--c-em-2xlow)
}

.cart-section input[type=radio]+label:before {
    display: none
}

.custom-checkbox .custom-control-input:checked~.custom-control-label:after,
.custom-radio .custom-control-input:checked~.custom-control-label:after {
    background-image: none;
    background-color: transparent
}

#checkout-main .shipping-input-icon-container,
.order-confirmation .shipping-input-icon-container {
    position: static
}

#checkout-main .shipping-input-icon-container .shipping-icon-tooltip,
.order-confirmation .shipping-input-icon-container .shipping-icon-tooltip {
    top: var(--sizing-label)
}

#checkout-main .form-group,
.order-confirmation .form-group {
    margin-bottom: var(--spacing-m)
}

#checkout-main input[type=checkbox]+label,
.order-confirmation input[type=checkbox]+label {
    font-size: var(--f-m);
    font-weight: 400;
    line-height: 1.2
}

#checkout-main input[type=checkbox]+label a,
.order-confirmation input[type=checkbox]+label a {
    font-size: inherit !important;
    font-weight: inherit;
    line-height: inherit !important
}

#checkout-main .shipping-form input[type=radio][disabled]+.shipping-method-option,
#checkout-main .shipping-form input[type=radio][disabled]+label,
.order-confirmation .shipping-form input[type=radio][disabled]+.shipping-method-option,
.order-confirmation .shipping-form input[type=radio][disabled]+label {
    color: var(--c-em-xlow);
    pointer-events: none
}

#checkout-main .shipping-form input[type=radio][disabled]+.shipping-method-option:after,
#checkout-main .shipping-form input[type=radio][disabled]+label:after,
.order-confirmation .shipping-form input[type=radio][disabled]+.shipping-method-option:after,
.order-confirmation .shipping-form input[type=radio][disabled]+label:after {
    color: var(--c-em-2xlow)
}

.product-tile {
    --skin-link-color-2: var(--c-em-med);
    height: 100%;
    margin: 0;
    border: 0;
    background-color: var(--c-product-card-canvas);
    position: relative;
    container: dsTechnologyCards/inline-size
}

.mobile-2r-3c .product-tile,
.product-grid .product-tile,
.product-tile .ds-pd-slideshow {
    container: dsProductTile/inline-size
}

.product-tile .color-swatches,
.product-tile .image-container {
    background-color: var(--c-product-card-canvas)
}

.product-tile .image-container {
    padding: var(--sizing-product-card-padding)
}

.product-tile .color-swatches .imgcss,
.product-tile .color-swatches img {
    width: 100%;
    height: 100%;
    border-radius: 0
}

@media (min-width:768px) {
    .product-tile .color-swatches .imgcss,
    .product-tile .color-swatches img {
        width: 100%;
        height: 100%
    }
}

@media (max-width:1199.98px) {
    .product-tile .color-swatches {
        -ms-flex-direction: column;
        flex-direction: column
    }
    .product-tile .color-swatches .customizeButton_container {
        margin-bottom: 8px
    }
}

.product-tile .color-swatches .unselectable:after {
    width: 30px;
    top: 21px;
    right: -7px
}

@container dsProductTile (max-width:274px) {
    .product-tile .color-swatches .swatches>a:nth-of-type(5):has(~.view-more) {
        display: none
    }
}

@container dsProductTile (max-width:242px) {
    .product-tile .color-swatches .swatches>a:nth-of-type(4):has(~.view-more) {
        display: none
    }
}

.product-tile .color-swatches .swatches a:focus-within {
    outline: 1px solid #000;
    height: 24px;
    width: 24px;
    border-radius: 0
}

.product-tile .color-swatches .jbl-swatch {
    height: 24px;
    width: 24px
}

.product-tile .color-swatches .jbl-swatch.unselectable {
    pointer-events: none
}

.product-tile .color-swatches .jbl-swatch.unselectable:not(.selected):hover {
    border: 0;
    border-radius: 0
}

@media (min-width:768px) {
    .product-tile .color-swatches .jbl-swatch {
        height: 24px;
        width: 24px
    }
}

.product-tile .color-swatches .jbl-swatch img {
    width: 24px;
    height: 24px;
    border-radius: 0;
    background-size: cover;
    border: .063em solid rgba(0, 0, 0, .1)
}

.product-tile .color-swatches .jbl-swatch.selectable:hover,
.product-tile .color-swatches .jbl-swatch.selected,
.product-tile .color-swatches .jbl-swatch:hover,
.product-tile .color-swatches .jbl-swatch:not(.selected):hover {
    width: 24px;
    height: 24px;
    border-radius: 0;
    top: 0;
    left: 0;
    border: 0
}

.product-tile .color-swatches .jbl-swatch.selectable:hover:before,
.product-tile .color-swatches .jbl-swatch.selected:before,
.product-tile .color-swatches .jbl-swatch:hover:before,
.product-tile .color-swatches .jbl-swatch:not(.selected):hover:before {
    display: none
}

.product-tile .color-swatches .jbl-swatch.selectable:hover img,
.product-tile .color-swatches .jbl-swatch.selected img,
.product-tile .color-swatches .jbl-swatch:hover img,
.product-tile .color-swatches .jbl-swatch:not(.selected):hover img {
    outline: 1px solid var(--c-em-high);
    outline-offset: -1px;
    border: 2px solid var(--c-product-card-canvas)
}

.product-tile .color-swatches a+.view-more {
    width: 24px;
    height: 24px;
    border-radius: 0;
    margin: 0;
    padding: 2px
}

.product-tile .color-swatches .customizeButton_container .customizeLink,
.product-tile .color-swatches a+.view-more {
    border: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.product-tile .color-swatches .customizeButton_container .customizeLink {
    background: url(../media/personalize.svg) no-repeat 50%;
    background-size: contain;
    font-size: var(--f-s);
    padding: 0 12px;
    min-height: 24px
}

.product-tile .color-swatches .customizeButton_container .customizeLink:before {
    display: none
}

.product-tile .color-swatches .customizeButton_container .customizeLink .customizeLableWithImg,
.product-tile .color-swatches .customizeButton_container .customizeLink .customizeLableWithImg span {
    font-size: var(--f-s);
    font-weight: 700;
    font-family: var(--font-body);
    color: #000
}

.product-tile .color-swatches .customizeButton_container .customizeLink:focus-visible,
.product-tile .color-swatches .customizeButton_container .customizeLink:hover {
    text-decoration: underline;
    text-underline-offset: 2px
}

.product-tile .wishlistTile {
    top: var(--sizing-product-card-padding);
    right: var(--sizing-product-card-padding);
    height: 24px;
    width: 24px
}

.product-tile .wishlistTile:hover .wishlist-icons .empty-whlst {
    display: none
}

.product-tile .wishlistTile:hover .wishlist-icons .filled-whlst {
    display: block
}

@media (min-width:1200px) {
    .product-tile .wishlistTile:not(:has(.filled-whlst.heart-visible)) {
        opacity: 0;
        pointer-events: none
    }
    .product-tile:focus-within .wishlistTile:not(:has(.filled-whlst.heart-visible)),
    .product-tile:focus .wishlistTile:not(:has(.filled-whlst.heart-visible)),
    .product-tile:hover .wishlistTile:not(:has(.filled-whlst.heart-visible)) {
        opacity: 1;
        pointer-events: all
    }
}

.product-tile .product-badges {
    position: absolute;
    top: var(--sizing-product-card-padding);
    left: var(--sizing-product-card-padding)
}

.product-tile .product-badges .product-badge {
    background-color: var(--c-button);
    color: var(--c-button-copy);
    font-family: var(--font-headline);
    font-size: var(--f-s);
    font-weight: 750;
    min-height: 21px;
    text-transform: uppercase;
    border-radius: 3px;
    padding: 5px 6px 2px
}

.product-tile .product-badges .product-badge.round {
    border-radius: 3px;
    height: auto;
    width: auto;
    font-size: var(--f-s);
    padding: 3px 6px 2px
}

.product-tile .product-badges .product-badge.round.new {
    width: auto;
    height: auto;
    padding: 3px 6px 2px
}

.product-tile .product-badges .product-badge.icon-trophy-circle {
    font-size: var(--f-l);
    padding: 4px;
    background-color: var(--c-button);
    color: var(--c-button-copy)
}

.product-tile .product-badges .product-badge.icon-trophy-circle:before {
    font-family: var(--font-icon);
    font-weight: 400;
    font-style: normal;
    font-size: 1em;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    vertical-align: sub;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    font-variation-settings: "FILL" 1;
    transition: transform var(--ds-transition);
    will-change: transform clip-path;
    content: "editor_choice";
    font-variation-settings: "FILL" 0
}

.product-tile .product-badges .product-badge.bestseller-badge {
    background: var(--c-product-card-canvas, var(--c-canvas-full)) url("data:image/svg+xml;charset=utf-8,%3Csvg width='9' height='17' viewBox='0 0 9 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.428 17a2.823 2.823 0 0 1-2.877-2.767 2.823 2.823 0 0 1 2.775-2.87 2.823 2.823 0 0 1 2.878 2.767v.044A2.8 2.8 0 0 1 4.428 17zM0 0h8.857L4.428 10.259 0 0z' fill='%23FF4713'/%3E%3C/svg%3E") no-repeat 2px;
    background-size: 16px 60%;
    padding-left: 22px;
    color: var(--c-em-full)
}

.product-tile .color-swatches {
    border-bottom: thin solid var(--c-accent);
    margin-inline: var(--sizing-product-card-padding);
    padding-inline: 0
}

.product-tile .tile-body {
    --sizing-compare: 120px;
    padding: 13px var(--sizing-product-card-padding) var(--spacing-xs);
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: auto;
    margin-bottom: 0
}

@media (min-width:1200px) {
    .product-tile .tile-body {
        padding-bottom: var(--spacing-s)
    }
}

.product-tile .tile-body .promo-calloutMsg {
    margin: 0
}

.product-tile .tile-body .promo-calloutMsg:has(*) {
    padding-top: var(--spacing-s);
    margin-bottom: var(--spacing-xs)
}

.product-tile .tile-body .promo-calloutMsg+.promo-calloutMsg {
    margin-top: 0
}

.product-tile .tile-body .promo-calloutMsg p:has(+.info-icon) {
    display: inline-block
}

.product-tile .tile-body div[class^=collapsible]>div {
    text-align: left !important
}

.product-tile .tile-body .pdp-link .link,
.product-tile .tile-body .price {
    --skin-link-color-2: var(--c-em-full);
    font-family: var(--font-body);
    font-weight: 700;
    font-size: var(--sizing-product-card-headline-size, 14px);
    color: var(--c-em-full)
}

.product-tile .tile-body .pdp-link,
.product-tile .tile-body .short-description {
    margin: 0
}

.product-tile .tile-body .pdp-link a:focus-within,
.product-tile .tile-body .short-description a:focus-within {
    text-decoration: underline 2px var(--c-button)
}

.product-tile .tile-body .pdp-link .link,
.product-tile .tile-body .short-description .link {
    line-height: 1.4;
    max-height: 3em;
    margin-bottom: var(--spacing-xs);
    text-wrap: balance;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis
}

.product-tile .tile-body .short-description .link {
    font-family: var(--font-body);
    font-weight: 400;
    color: var(--c-em-high);
    font-size: var(--f-s);
    min-height: 3em;
    margin-bottom: var(--spacing-xs);
    text-wrap: pretty
}

.product-tile .tile-body>.tile-ratings:has(>*) {
    margin-bottom: var(--spacing-xs)
}

.product-tile .tile-body .tile-body-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.product-tile .tile-body .tile-body-footer .tile-ratings {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media (min-width:1024px) and (max-width:1400px) {
    .product-tile .tile-body .tile-body-footer .tile-ratings .inlineRatings-container {
        display: none
    }
}

.product-tile .tile-body .price {
    font-weight: 400
}

.product-tile .tile-body .price .sales {
    --skin-link-color-2: var(--c-em-full);
    font-weight: 600;
    color: var(--c-product-card-pricing)
}

.product-tile .tile-body .price .strike-through {
    color: var(--c-product-card-pricing-msrp);
    font-weight: 400
}

.product-tile .tile-body .price .discount-badge {
    border-color: var(--c-button-border);
    background-color: var(--c-button);
    color: var(--c-button-copy);
    padding: 2px 4px;
    border-radius: 3px
}

.product-tile .tile-body .tile-price-and-footer {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 110px;
    grid-template-columns: auto 110px;
    margin-block: auto 0
}

.product-tile .tile-body .tile-price-and-footer>* {
    -ms-grid-column: span 2;
    grid-column: span 2
}

.product-tile .tile-body .tile-price-and-footer>.link:has(.value[content=null]) {
    display: none
}

.product-tile .tile-body .tile-price-and-footer .promotion-timer {
    margin-top: var(--spacing-s);
    font-weight: 500
}

.product-tile .tile-body .tile-price-and-footer .promotion-timer .live-countdown--small {
    background-color: var(--c-accent)
}

@media (min-width:1200px) {
    .product-tile .tile-body .tile-price-and-footer .link:not(:has(.value[content=null]))~.tile-body-footer .compare[data-enabled=true] {
        margin-top: -20px;
        max-width: 110px;
        margin-bottom: 0;
        -ms-flex-order: -1;
        order: -1
    }
    .product-tile .tile-body .tile-price-and-footer .link:not(:has(.value[content=null]))~.tile-body-footer .promotion-timer~.compare[data-enabled=true] {
        margin-top: 0
    }
}

@media (min-width:600px) {
    .product-tile .tile-body:has(.compare[data-enabled=true]) .tile-price-and-footer>.link {
        -ms-grid-column: span 1;
        grid-column: span 1
    }
}

@media (min-width:1200px) {
    .product-tile .tile-body .compare {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: right;
        justify-content: right;
        margin-inline: auto 0;
        -ms-flex-order: 4;
        order: 4
    }
    .product-tile .tile-body:has(.compare[data-enabled=true]):has(.tile-ratings) .tile-body-footer {
        position: relative
    }
    .product-tile .tile-body:has(.compare[data-enabled=true]):has(.tile-ratings) .tile-body-footer .tile-ratings {
        margin-right: var(--sizing-compare);
        min-height: 18px;
        -ms-flex-order: 5;
        order: 5
    }
}

.product-tile .ds-link.-learnmore {
    --skin-link-color-2: var(--c-em-full);
    margin-top: var(--spacing-s);
    font-size: var(--f-s);
    font-weight: 700;
    margin-block: auto 0;
    -ms-flex-order: 1;
    order: 1
}

@media (min-width:1024px) {
    .product-tile .ds-link.-learnmore {
        font-size: var(--f-m)
    }
}

.search-results .grid-container .product-grid .advert-tile,
.search-results .grid-container .product-grid .tile {
    padding: 0 !important;
    margin: 0
}

.search-results .grid-container .product-grid .advert-tile .module-tile-slides,
.search-results .grid-container .product-grid .tile .module-tile-slides {
    height: 100%;
    margin-bottom: 0
}

.search-results .grid-container .product-grid .advert-tile:has(.ds-category-visual) {
    grid-column: 1/-1
}

.search-results .grid-container .product-grid .advert-tile:has(.ds-category-visual) img {
    width: 100%
}

.search-results .grid-container .product-grid .advert-tile:has(.ds-technology-card) .ds-technology-card {
    height: 100%;
    border-radius: 0;
    min-width: 100%
}

.search-results .grid-container .product-grid .advert-tile:has(.ds-technology-card) .ds-technology-card picture {
    height: 100%;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: normal;
    align-items: normal
}

.search-results .grid-container .product-grid .advert-tile:has(.ds-technology-card) .-copy {
    pointer-events: auto
}

@media (max-width:649.98px) {
    .search-results .grid-container .product-grid .advert-tile:has(.ds-technology-card) {
        grid-column: 1/-1
    }
    .search-results .grid-container .product-grid .advert-tile:has(.ds-technology-card) .ds-technology-card>picture img,
    .search-results .grid-container .product-grid .advert-tile:has(.ds-technology-card) .ds-technology-card>picture video {
        aspect-ratio: 4/5;
        max-height: calc(var(--vh) - var(--sizing-header))
    }
    .search-results .grid-container .product-grid .advert-tile:has(.ds-technology-card):first-of-type,
    .search-results .grid-container .product-grid .advert-tile:has(.ds-technology-card):nth-of-type(2),
    .search-results .grid-container .product-grid .advert-tile:has(.ds-technology-card):nth-of-type(3),
    .search-results .grid-container .product-grid .advert-tile:has(.ds-technology-card):nth-of-type(4) {
        -ms-grid-row: 2;
        grid-row: 2
    }
    .search-results .grid-container .product-grid .advert-tile:has(.ds-technology-card):nth-of-type(5),
    .search-results .grid-container .product-grid .advert-tile:has(.ds-technology-card):nth-of-type(6) {
        -ms-grid-row: 4;
        grid-row: 4
    }
    .search-results .grid-container .product-grid .advert-tile:has(.ds-technology-card):nth-of-type(7),
    .search-results .grid-container .product-grid .advert-tile:has(.ds-technology-card):nth-of-type(8) {
        -ms-grid-row: 5;
        grid-row: 5
    }
    .search-results .grid-container .product-grid .advert-tile:has(.ds-technology-card):nth-of-type(9),
    .search-results .grid-container .product-grid .advert-tile:has(.ds-technology-card):nth-of-type(10) {
        -ms-grid-row: 6;
        grid-row: 6
    }
    .search-results .grid-container .product-grid .advert-tile:has(.ds-technology-card):nth-of-type(11),
    .search-results .grid-container .product-grid .advert-tile:has(.ds-technology-card):nth-of-type(12) {
        -ms-grid-row: 7;
        grid-row: 7
    }
}

.product-grid>.advert-tile,
.product-grid>.tile {
    max-width: none;
    border: 1px solid var(--c-accent);
    margin: 0 -1px -1px 0 !important
}

@media (max-width:1199.98px) {
    .product-grid:has(.customizeButton_container) .product-tile .color-swatches {
        min-height: 92px
    }
}

.advert-tile .module-tile-slides a img {
    object-fit: cover;
    aspect-ratio: 3/4;
    object-position: top center
}

.collapsible-xl .title {
    color: var(--c-em-med);
    font-weight: 500
}

.collapsible-xl .title:after {
    content: "chevron_right";
    font-family: var(--font-icon);
    font-size: 18px !important;
    font-weight: 400
}

.collapsible-xl.active .title:after {
    content: "expand_more"
}

.price .discount-badge {
    border-color: var(--c-button-border);
    background-color: var(--c-button);
    color: var(--c-button-copy);
    padding: 2px 4px;
    border-radius: 3px
}

.search-results {
    background-color: var(--c-canvas-full);
    --skin-link-color-2: var(--c-em-full)
}

.search-results .clp-section .sortby-drop .form-control {
    background-color: var(--c-canvas-full) !important
}

.search-results .plp-rgt-sec>.row.-top .-headline h1 {
    color: var(--c-em-full)
}

.search-results .plp-rgt-sec .form-control {
    background-color: var(--c-canvas-full)
}

.search-results .plp-rgt-sec .form-control .dropdown-toggle {
    color: var(--c-em-full)
}

.search-results .plp-rgt-sec .form-control .dropdown-menu a {
    --skin-link-color-2: #000
}

.search-results .refinement-bar .filter-container .refinements .refinement .refinement-color-child ul li .clr-name {
    color: var(--c-em-full)
}

.search-results .product-tile .color-swatches .jbl-swatch img {
    border-color: var(--c-em-2xlow)
}

.product-tile .tile-body {
    background-color: var(--c-product-card-canvas)
}

.product-tile .tile-body .pdp-link a {
    color: var(--c-em-full) !important
}

.product-tile .product-badges {
    z-index: 2
}

.product-tile .image-container>a {
    z-index: 1
}

.product-tile .image-container .plp-name-scroller,
.product-tile .image-container .tile-image-alt,
.product-tile .image-container .tile-image-ls {
    opacity: 0;
    display: none;
    pointer-events: none
}

.product-tile .image-container .photography-toggle-btn {
    display: none
}

.plp-photography-toggle {
    color: var(--c-em-full);
    display: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    column-gap: 4px;
    font-size: var(--f-m);
    margin-bottom: var(--spacing-xs)
}

.plp-photography-toggle:before {
    font-family: var(--font-icon);
    font-weight: 400;
    font-style: normal;
    font-size: 21px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    vertical-align: sub;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    font-variation-settings: "FILL" 1;
    content: "image"
}

.plp-photography-toggle button {
    display: inline-block;
    border: 0;
    outline: 0;
    padding: 0;
    margin: 0 2px;
    color: var(--c-em-full);
    font-size: var(--f-m);
    cursor: pointer;
    font-size: 600
}

.plp-photography-toggle button.-active,
.plp-photography-toggle button:hover {
    color: var(--c-accent);
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-thickness: 2px
}

.product-tile .plp-name-scroller,
.product-tile .tile-image-alt,
.product-tile .tile-image-hover,
.product-tile .tile-image-ls {
    pointer-events: none;
    opacity: 0;
    content-visibility: hidden
}

@media (max-width:1199.98px) {
    .plp-rgt-sec .product-grid .product-tile .image-container .photography-toggle-btn {
        display: block;
        background: rgba(0, 0, 0, .32) no-repeat 50%;
        background-size: 70%;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='26' height='24' viewBox='0 0 26 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.966 21.5l-8.374-8.375h3.225L13.59 19.9l4.75-4.75h-2.4v-2.275h6.275v6.275h-2.274v-2.4l-4.75 4.75c-.45.433-.992.65-1.626.65-.633 0-1.166-.217-1.6-.65zm-10.2-10.375V4.85h2.276v2.4l4.75-4.75c.45-.433.983-.65 1.6-.65.633 0 1.175.217 1.625.65l8.375 8.375h-3.226L10.392 4.1l-4.75 4.75h2.4v2.275H1.767z' fill='%23fff'/%3E%3C/svg%3E");
        width: 28px;
        height: 28px;
        border-radius: 50%;
        position: absolute;
        top: var(--spacing-xs);
        right: var(--spacing-xs);
        z-index: 2
    }
    .plp-rgt-sec .product-grid .product-tile .image-container .photography-toggle-btn:focus {
        opacity: 0;
        pointer-events: none
    }
}

.plp-rgt-sec .product-grid .image-container {
    padding-bottom: 0
}

.plp-rgt-sec .product-grid .product-tile .tile-image {
    opacity: 1;
    content-visibility: visible
}

.plp-rgt-sec .product-grid .product-tile .tile-image-hover {
    opacity: 0;
    content-visibility: hidden
}

@media (min-width:1200px) {
    .plp-rgt-sec .product-grid .product-tile:hover:has(.tile-image-hover) .tile-image {
        opacity: 0
    }
    .plp-rgt-sec .product-grid .product-tile:hover:has(.tile-image-hover) .tile-image-hover {
        opacity: 1;
        content-visibility: visible
    }
    .plp-rgt-sec .product-grid .product-tile:hover:has(.tile-image-hover):has(.swatches>a:hover) .tile-image-hover {
        opacity: 0;
        content-visibility: hidden
    }
}

@media (max-width:1198px) {
    .plp-rgt-sec .product-grid .product-tile .photography-toggle-btn.-default:focus~a .tile-image {
        opacity: 0
    }
    .plp-rgt-sec .product-grid .product-tile .photography-toggle-btn.-default:focus~a .tile-image-hover {
        opacity: 1;
        content-visibility: visible
    }
}

@media (max-width:1198px) {
    .plp-rgt-sec .product-grid[data-hover=d] .product-tile .tile-image-ls {
        display: block
    }
    .plp-rgt-sec .product-grid[data-hover=d] .product-tile .photography-toggle-btn.-default:focus~a .tile-image-ls {
        opacity: 1
    }
    .plp-rgt-sec .product-grid[data-hover=d] .product-tile .photography-toggle-btn.-default:focus~a .tile-image,
    .plp-rgt-sec .product-grid[data-hover=d] .product-tile .photography-toggle-btn.-default:focus~a .tile-image-alt {
        opacity: 0
    }
}

@media (min-width:1024px) {
    .plp-rgt-sec .product-grid[data-hover=c] .tile-image-alt {
        display: block
    }
    .plp-rgt-sec .product-grid[data-hover=c] .product-tile:focus-within .plp-name-scroller,
    .plp-rgt-sec .product-grid[data-hover=c] .product-tile:focus-within .tile-image-alt,
    .plp-rgt-sec .product-grid[data-hover=c] .product-tile:hover .plp-name-scroller,
    .plp-rgt-sec .product-grid[data-hover=c] .product-tile:hover .tile-image-alt {
        opacity: 1
    }
    .plp-rgt-sec .product-grid[data-hover=c] .product-tile:focus-within .tile-image,
    .plp-rgt-sec .product-grid[data-hover=c] .product-tile:focus-within .tile-image-ls,
    .plp-rgt-sec .product-grid[data-hover=c] .product-tile:hover .tile-image,
    .plp-rgt-sec .product-grid[data-hover=c] .product-tile:hover .tile-image-ls {
        opacity: 0
    }
    .plp-rgt-sec .product-grid[data-hover=c] .product-tile:focus-within .plp-name-scroller,
    .plp-rgt-sec .product-grid[data-hover=c] .product-tile:hover .plp-name-scroller {
        display: block
    }
}

@media (min-width:1024px) and (prefers-reduced-motion:no-preference) {
    .plp-rgt-sec .product-grid[data-hover=c] .product-tile:focus-within .plp-name-scroller .ds-ticker--item,
    .plp-rgt-sec .product-grid[data-hover=c] .product-tile:hover .plp-name-scroller .ds-ticker--item {
        animation: dsTicker 6s linear infinite
    }
}

@media (min-width:1024px) {
    .plp-rgt-sec .product-grid[data-hovercta] .product-tile:focus-within .link[data-cta],
    .plp-rgt-sec .product-grid[data-hovercta] .product-tile:hover .link[data-cta] {
        --skin-link-color-2: var(--c-button-copy);
        background: var(--c-button);
        color: var(--c-button-copy);
        border-color: var(--c-button-border);
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 auto -1px 0;
        padding: var(--button-padding);
        font-size: var(--f-s);
        font-weight: 600;
        column-gap: 4px
    }
    .plp-rgt-sec .product-grid[data-hovercta] .product-tile:focus-within .link[data-cta]:before,
    .plp-rgt-sec .product-grid[data-hovercta] .product-tile:hover .link[data-cta]:before {
        content: attr(data-cta) " \2022   "
    }
    .plp-rgt-sec .product-grid[data-hovercta] .product-tile:focus-within .link[data-cta] *,
    .plp-rgt-sec .product-grid[data-hovercta] .product-tile:hover .link[data-cta] * {
        color: inherit !important;
        font-size: var(--f-s);
        margin: 0
    }
    .plp-rgt-sec .product-grid[data-hovercta] .product-tile:focus-within .link[data-cta] .promo-sec,
    .plp-rgt-sec .product-grid[data-hovercta] .product-tile:focus-within .link[data-cta] .strike-through,
    .plp-rgt-sec .product-grid[data-hovercta] .product-tile:hover .link[data-cta] .promo-sec,
    .plp-rgt-sec .product-grid[data-hovercta] .product-tile:hover .link[data-cta] .strike-through {
        display: none !important
    }
    .plp-rgt-sec .product-grid[data-hovercta] .product-tile:focus-within .link[data-cta]:hover,
    .plp-rgt-sec .product-grid[data-hovercta] .product-tile:hover .link[data-cta]:hover {
        --skin-link-color-2: var(--c-button-copy--hover);
        background: var(--c-button--hover);
        color: var(--c-button-copy--hover);
        border-color: var(--c-button-border--hover)
    }
    .plp-rgt-sec .product-grid[data-hovercta] .product-tile:focus-within:has(.compare[data-enabled=true]):not(:has(.tile-ratings)):not(:has(.promotion-timer)) .link[data-cta],
    .plp-rgt-sec .product-grid[data-hovercta] .product-tile:hover:has(.compare[data-enabled=true]):not(:has(.tile-ratings)):not(:has(.promotion-timer)) .link[data-cta] {
        margin: 0 var(--sizing-compare) -1px 0
    }
    .plp-rgt-sec .product-grid .product-tile:has(.swatches>a:hover,
    .swatches>a:focus) .tile-image-alt,
    .plp-rgt-sec .product-grid .product-tile:has(.swatches>a:hover,
    .swatches>a:focus) .tile-image-ls {
        opacity: 0
    }
    .plp-rgt-sec .product-grid .product-tile:has(.swatches>a:hover,
    .swatches>a:focus) .tile-image {
        opacity: 1
    }
}

.ds-ticker.plp-name-scroller {
    display: none
}

@media (min-width:1024px) {
    .ds-ticker.plp-name-scroller {
        border: 0;
        background-color: transparent;
        position: absolute;
        top: 8%;
        height: 100%;
        z-index: 0;
        pointer-events: none;
        margin-left: calc(var(--sizing-product-card-padding)* -1)
    }
    .ds-ticker.plp-name-scroller .ds-ticker--item {
        animation: unset;
        color: var(--c-accent);
        font-stretch: condensed;
        font-weight: 800;
        font-size: clamp(120px, 16vw, 264px);
        font-variation-settings: "wdth" 75
    }
}

[lang=ja] .product-tile .tile-body .short-description .link {
    font-size: var(--f-m)
}

@media (min-width:768px) {
    [lang=ja] .product-tile .tile-body .pdp-link a {
        font-size: var(--f-l) !important
    }
}

#maincontent .product-detail.product-detail-eol .contents {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

#maincontent .product-detail.product-detail-eol .pdp-product-recommendations {
    -ms-flex-order: -1;
    order: -1
}

#maincontent .product-detail.product-detail-eol .carousel-container img {
    padding-bottom: 0 !important;
    height: 100%
}

#maincontent .product-detail.product-detail-eol .carousel-container .carousel-item {
    padding-bottom: 0 !important
}

#maincontent .product-detail.product-detail-eol .h3 {
    font-size: var(--f-xl)
}

#maincontent .product-detail.product-detail-eol .-related-products .price {
    font-size: 1rem;
    color: var(--c-accent)
}

#maincontent .product-detail.product-detail-eol .-related-products .price .discount-badge {
    color: var(--c-accent);
    background-color: transparent;
    border: 1px solid var(--c-accent);
    text-transform: uppercase;
    text-wrap: nowrap
}

#maincontent .product-detail.product-detail-eol .-related-products .price .strike-through {
    margin-right: 2px
}

#maincontent .product-detail.product-wrapper {
    background: var(--c-canvas-full)
}

@media (max-width:1199.98px) {
    #maincontent .product-detail.product-wrapper .breadcrumb-wrapper {
        margin-top: -14px;
        min-height: 28px
    }
}

#maincontent .product-detail.product-wrapper .breadcrumb-wrapper a {
    color: var(--c-em-low)
}

@media (max-width:1199.98px) {
    #maincontent .product-detail.product-wrapper .product-name {
        line-height: var(--f-h-lh)
    }
}

#maincontent .product-detail.product-wrapper .product-tile .tile-body {
    background: var(--c-canvas-full)
}

#maincontent .product-detail.product-wrapper .product-tile .tile-body .pdp-link .link {
    color: var(--c-em-full) !important
}

@media (max-width:1199.98px) and (pointer:coarse) {
    #maincontent .product-detail.product-wrapper .pdp-media.-pinch:after {
        content: " ";
        display: block;
        position: absolute;
        right: 16px;
        top: 16px;
        width: 28px;
        height: 28px;
        background: no-repeat 50%;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.283 11.688V6.117h1.488V9.15L9.15 1.77H6.117V.284h5.57v5.571H10.2V2.821L2.82 10.2h3.034v1.488H.284zm14.613 13.795c-.272 0-.525-.048-.759-.146a2.463 2.463 0 0 1-.641-.466L7.72 19.067l1.4-1.43c.233-.213.496-.369.787-.466.292-.117.584-.136.875-.058l2.684.583V7.75c0-.72.243-1.322.729-1.808a2.503 2.503 0 0 1 1.837-.759c.72 0 1.323.253 1.809.759.505.486.758 1.089.758 1.808v5.454h.875a.96.96 0 0 1 .233.03c.078.019.166.048.263.087l4.229 1.867a2.22 2.22 0 0 1 1.08 1.108 2.48 2.48 0 0 1 .203 1.546l-1.02 5.979a2.04 2.04 0 0 1-.7 1.196c-.37.31-.798.466-1.284.466h-7.583zm0-1.896h7.67l1.021-6.154a.425.425 0 0 0-.029-.262.36.36 0 0 0-.175-.263l-4.695-2.07h-1.984V7.75a.584.584 0 0 0-.204-.467.584.584 0 0 0-.467-.204.675.675 0 0 0-.496.204.63.63 0 0 0-.175.467V20l-4.841-1.02-.117.087 4.492 4.52zm0 0h7.641-7.641z' fill='%23000'/%3E%3C/svg%3E");
        background-size: contain
    }
}

#maincontent .product-detail.product-wrapper .pdp-media .pdp-image-carousel:has(.carousel-item.-lifestyle) .slick-track {
    display: -ms-flexbox !important;
    display: flex !important
}

#maincontent .product-detail.product-wrapper .pdp-media .pdp-image-carousel:has(.carousel-item.-lifestyle) .slick-slide {
    height: inherit !important;
    margin-block: auto
}

@media (min-width:1024px) {
    #maincontent .product-detail.product-wrapper .pdp-media .carousel-container .slick-dots {
        padding-inline: var(--side-offset)
    }
}

@media (max-width:1023.98px) {
    #maincontent .product-detail.product-wrapper .pdp-media .carousel-container .slick-dots {
        padding-right: 70px;
        padding-left: var(--side-offset);
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        row-gap: 16px;
        padding-bottom: 0;
        bottom: 24px
    }
}

#maincontent .product-detail.product-wrapper .pdp-media .wishlist-icons {
    bottom: auto;
    top: var(--spacing-s)
}

@media (max-width:1023.98px) {
    #maincontent .product-detail.product-wrapper .pdp-media .wishlist-icons {
        right: var(--spacing-xs)
    }
}

#maincontent .product-detail.product-wrapper .pdp-media .pdp-hero--badges-awards .pdp-badges .pdp-badge.bestseller-badge {
    background: var(--c-product-card-canvas, var(--c-canvas-full)) url("data:image/svg+xml;charset=utf-8,%3Csvg width='9' height='17' viewBox='0 0 9 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.428 17a2.823 2.823 0 0 1-2.877-2.767 2.823 2.823 0 0 1 2.775-2.87 2.823 2.823 0 0 1 2.878 2.767v.044A2.8 2.8 0 0 1 4.428 17zM0 0h8.857L4.428 10.259 0 0z' fill='%23FF4713'/%3E%3C/svg%3E") no-repeat 2px;
    background-size: 16px 60%;
    padding-left: 22px;
    color: var(--c-em-full)
}

#maincontent .product-detail.product-wrapper .sidebar .recommended-retail-price {
    color: var(--c-em-low)
}

@media (max-width:1199.98px) {
    #maincontent .product-detail.product-wrapper .sidebar .recommended-retail-price {
        white-space: nowrap
    }
}

@media (max-width:1199.98px) {
    #maincontent .product-detail.product-wrapper .sidebar .klarnaPdpMsg.min-height {
        min-height: 0
    }
}

#maincontent .product-detail.product-wrapper .sidebar .ds-tooltip {
    --bg: var(--c-canvas-full)
}

#maincontent .product-detail.product-wrapper .eol-message .-message {
    font-weight: 700;
    text-transform: uppercase;
    font-stretch: condensed;
    line-height: var(--f-h-lh);
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

#maincontent .product-detail.product-wrapper .eol-message .-message:before {
    transform: translateY(-2px);
    display: -ms-inline-flexbox;
    display: inline-flex;
    content: "!";
    min-width: 32px;
    min-height: 32px;
    font-size: 28px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--c-button);
    color: var(--c-button-copy);
    padding-top: 6px;
    margin: 0 var(--spacing-s) 0 0
}

@media (min-width:1024px) {
    #maincontent .product-detail.product-wrapper .eol-message .-message:before {
        min-width: 40px;
        min-height: 40px
    }
}

@media (min-width:1024px) {
    #maincontent .product-detail.product-wrapper.product-bundle-container .sidebar .product-details .add-to-cart-container {
        position: sticky;
        top: var(--sizing-sticky-headline, 77px);
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        z-index: 2;
        background: var(--bg);
        padding: 8px 0;
        transform: translateY(-2px)
    }
}

#maincontent .product-detail.product-wrapper .product-bundle-container .carousel-container img {
    padding-bottom: 0 !important;
    height: 100%
}

#maincontent .product-detail.product-wrapper .product-bundle-container .carousel-container .carousel-item {
    padding-bottom: 0 !important
}

#maincontent .product-detail.product-wrapper .product-bundle-container .slick-dots {
    display: none !important
}

.carousel-container .carousel-item.-lifestyle {
    display: block;
    padding-bottom: 0
}

.carousel-container .carousel-item.-lifestyle>picture {
    position: relative
}

.carousel-container .carousel-item.-lifestyle>picture:after {
    content: " ";
    display: block;
    background: linear-gradient(0deg, hsla(36, 45%, 96%, .78), hsla(36, 45%, 96%, 0) 35%, hsla(36, 45%, 96%, 0));
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none
}

[data-theme=premium] .carousel-container .carousel-item.-lifestyle>picture:after {
    background: linear-gradient(0deg, rgba(0, 0, 0, .4), transparent 35%, transparent)
}

[data-theme=dark] .carousel-container .carousel-item.-lifestyle>picture:after {
    background: linear-gradient(0deg, rgba(0, 0, 0, .6), transparent 35%, transparent)
}

.carousel-container .carousel-item.-lifestyle img {
    padding: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center
}

@media (min-width:601px) and (max-width:900px) {
    .carousel-container .carousel-item.-lifestyle img {
        aspect-ratio: 1/1;
        height: auto
    }
}

#pdpMain[data-theme*=dark],
[data-theme*=dark] #pdpMain {
    --c-button-copy: #000;
    --c-body: hsla(0, 0%, 100%, .87);
    --c-em-med: hsla(0, 0%, 100%, .87);
    --c-em-low: hsla(0, 0%, 100%, .68);
    --c-em-xlow: hsla(0, 0%, 100%, .38);
    --c-em-2xlow: hsla(0, 0%, 100%, .16);
    --c-em-3xlow: hsla(0, 0%, 100%, .08);
    --c-em-4xlow: hsla(0, 0%, 100%, .04);
    --c-em-high: #fff;
    --c-em-high-contrast: #000
}

.page #maincontent>.product-detail .content-header.product-tiles-slot h2,
.product-tiles-slot h2 {
    padding: var(--spacing-l) var(--side-offset);
    text-align: left;
    margin: 0;
    font-size: var(--f-h4)
}

.pdp-special-features-container,
html .search-results .grid-container .product-grid.pdp-einstein-carousel {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: var(--side-offset) 22px 22px 1fr var(--side-offset);
    grid-template-columns: var(--side-offset) 22px 22px 1fr var(--side-offset);
    -ms-grid-rows: 1fr 36px;
    grid-template-rows: 1fr 36px;
    margin-inline: 0 !important
}

.pdp-special-features-container:not(.slick-slider),
html .search-results .grid-container .product-grid.pdp-einstein-carousel:not(.slick-slider) {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto
}

.pdp-special-features-container .slick-next,
.pdp-special-features-container .slick-prev,
html .search-results .grid-container .product-grid.pdp-einstein-carousel .slick-next,
html .search-results .grid-container .product-grid.pdp-einstein-carousel .slick-prev {
    all: unset;
    cursor: pointer;
    font-size: 0;
    margin-top: 5px;
    min-width: 22px;
    max-width: 22px;
    -ms-grid-row: 2;
    grid-row: 2;
    z-index: 1
}

.pdp-special-features-container .slick-next:before,
.pdp-special-features-container .slick-prev:before,
html .search-results .grid-container .product-grid.pdp-einstein-carousel .slick-next:before,
html .search-results .grid-container .product-grid.pdp-einstein-carousel .slick-prev:before {
    font-size: 38px;
    color: var(--c-em-full);
    text-shadow: none;
    font-family: var(--font-icon);
    transform: translate(-7px, -5px);
    display: block
}

.pdp-special-features-container .slick-prev,
html .search-results .grid-container .product-grid.pdp-einstein-carousel .slick-prev {
    -ms-flex-order: -200;
    order: -200;
    -ms-grid-column: 2;
    grid-column: 2
}

.pdp-special-features-container .slick-prev:before,
html .search-results .grid-container .product-grid.pdp-einstein-carousel .slick-prev:before {
    content: "chevron_left"
}

.pdp-special-features-container .slick-next,
html .search-results .grid-container .product-grid.pdp-einstein-carousel .slick-next {
    -ms-flex-order: -100;
    order: -100;
    -ms-grid-column: 3;
    grid-column: 3
}

.pdp-special-features-container .slick-next:before,
html .search-results .grid-container .product-grid.pdp-einstein-carousel .slick-next:before {
    content: "chevron_right"
}

.pdp-special-features-container .slick-dots,
html .search-results .grid-container .product-grid.pdp-einstein-carousel .slick-dots {
    all: unset;
    position: static;
    -ms-grid-row: 2;
    grid-row: 2;
    -ms-grid-column: 4;
    grid-column: 4;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    width: unset;
    padding-left: var(--spacing-m);
    list-style: none
}

.pdp-special-features-container .slick-dots li,
html .search-results .grid-container .product-grid.pdp-einstein-carousel .slick-dots li {
    -ms-flex: 1;
    flex: 1;
    padding: 16px 0;
    margin-inline: 0;
    max-width: none
}

.pdp-special-features-container .slick-dots li:after,
html .search-results .grid-container .product-grid.pdp-einstein-carousel .slick-dots li:after {
    display: none
}

.pdp-special-features-container .slick-dots li button,
html .search-results .grid-container .product-grid.pdp-einstein-carousel .slick-dots li button {
    border: 0;
    background-color: var(--c-em-2xlow);
    width: 100%;
    min-width: 100%;
    height: 2px;
    border-radius: 0;
    font-size: 0;
    padding: 0
}

.pdp-special-features-container .slick-dots li:hover button,
html .search-results .grid-container .product-grid.pdp-einstein-carousel .slick-dots li:hover button {
    background-color: var(--c-em-low)
}

.pdp-special-features-container .slick-dots li.slick-active button,
html .search-results .grid-container .product-grid.pdp-einstein-carousel .slick-dots li.slick-active button {
    background-color: var(--c-em-full)
}

.pdp-special-features-container .slick-dots li:first-child:last-child,
html .search-results .grid-container .product-grid.pdp-einstein-carousel .slick-dots li:first-child:last-child {
    display: none
}

.pdp-special-features-container .slick-list,
html .search-results .grid-container .product-grid.pdp-einstein-carousel .slick-list {
    -ms-grid-row: 1;
    grid-row: 1;
    grid-column: 1/-1;
    padding-bottom: var(--spacing-s)
}

.js-carouselExperience .slick-list .slick-slide:has(.experience-commerce_assets-productTile),
html .search-results .grid-container .product-grid.pdp-einstein-carousel .slick-list .slick-slide {
    height: inherit !important;
    border: 0;
    margin-right: -.75px
}

.js-carouselExperience .slick-list .slick-slide:has(.experience-commerce_assets-productTile) .product-tile,
html .search-results .grid-container .product-grid.pdp-einstein-carousel .slick-list .slick-slide .product-tile {
    outline: 1px solid var(--c-accent);
    border-bottom: 1px solid var(--c-accent);
    margin-top: 1px;
    margin-bottom: 1px
}

.js-carouselExperience .slick-list .slick-slide:has(.experience-commerce_assets-productTile) .region,
html .search-results .grid-container .product-grid.pdp-einstein-carousel .slick-list .slick-slide .region {
    padding-inline: 0
}

.contents .product-grid.product-carousel .slick-dots {
    display: -ms-flexbox !important;
    display: flex !important
}

.header-topstrip {
    max-width: var(--sizing-max-page);
    margin-inline: auto;
    overflow-x: clip
}

.header-topstrip[data-theme=b] {
    --c-topstrip-bg: var(--c-matcha)
}

.header-topstrip[data-theme=c] {
    --c-topstrip-bg: var(--c-tangerine)
}

.header-topstrip .js-close:focus-visible,
.header-topstrip a:focus-visible {
    outline: thin solid var(--c-em-full)
}

.header-topstrip .-content .slick-next:before,
.header-topstrip .-content .slick-next:hover:before,
.header-topstrip .-content .slick-prev:before,
.header-topstrip .-content .slick-prev:hover:before {
    color: var(--c-em-full)
}

@media (min-width:1801px) {
    .header-topstrip .-content .slick-slide:not(:first-of-type):before {
        display: none
    }
}

@media (max-width:1199.98px) {
    .header-topstrip {
        min-height: 52px
    }
}

@media (max-width:1199.98px) {
    .header__header:not(:has(.topstrip-item)) {
        min-height: auto
    }
}

#maincontent,
.filter-bar {
    position: relative
}

@media (max-width:767.98px) {
    .container-narrow .page-breadcrumb,
    .container.search-results .page-breadcrumb,
    .search-results.container-narrow .page-breadcrumb {
        display: -ms-flexbox !important;
        display: flex !important
    }
}

.category-landing-banner:has(~.container .breadcrumb-wrapper,
~.container-narrow .breadcrumb-wrapper):has(.bannerImageNew[style*=background-image]) .ds-banner .ds-banner--inside,
.category-landing-banner:has(~.container .breadcrumb-wrapper,
~.container-narrow .breadcrumb-wrapper):has(.bannerImageNew[style*=background-image])>.bannerContainer .imageData-container,
.category-landing-banner:has(~.container .breadcrumb-wrapper,
~.container-narrow .breadcrumb-wrapper):has(.category-banner) .ds-banner .ds-banner--inside,
.category-landing-banner:has(~.container .breadcrumb-wrapper,
~.container-narrow .breadcrumb-wrapper):has(.category-banner)>.bannerContainer .imageData-container,
.category-landing-banner:has(~.container .breadcrumb-wrapper,
~.container-narrow .breadcrumb-wrapper):has(.ds-banner) .ds-banner .ds-banner--inside,
.category-landing-banner:has(~.container .breadcrumb-wrapper,
~.container-narrow .breadcrumb-wrapper):has(.ds-banner)>.bannerContainer .imageData-container {
    padding-top: 58px
}

.category-landing-banner:has(~.container .breadcrumb-wrapper,
~.container-narrow .breadcrumb-wrapper):has(.bannerImageNew[style*=background-image])~.container-narrow .breadcrumb-wrapper,
.category-landing-banner:has(~.container .breadcrumb-wrapper,
~.container-narrow .breadcrumb-wrapper):has(.bannerImageNew[style*=background-image])~.container .breadcrumb-wrapper,
.category-landing-banner:has(~.container .breadcrumb-wrapper,
~.container-narrow .breadcrumb-wrapper):has(.category-banner)~.container-narrow .breadcrumb-wrapper,
.category-landing-banner:has(~.container .breadcrumb-wrapper,
~.container-narrow .breadcrumb-wrapper):has(.category-banner)~.container .breadcrumb-wrapper,
.category-landing-banner:has(~.container .breadcrumb-wrapper,
~.container-narrow .breadcrumb-wrapper):has(.ds-banner)~.container-narrow .breadcrumb-wrapper,
.category-landing-banner:has(~.container .breadcrumb-wrapper,
~.container-narrow .breadcrumb-wrapper):has(.ds-banner)~.container .breadcrumb-wrapper {
    position: absolute;
    top: 0;
    z-index: 2;
    transition: opacity .16s ease-out, transform .16s ease-out
}

.category-landing-banner:has(~.container .breadcrumb-wrapper,
~.container-narrow .breadcrumb-wrapper):has(.bannerImageNew[style*=background-image])~.container-narrow .breadcrumb-wrapper:not([data-theme]),
.category-landing-banner:has(~.container .breadcrumb-wrapper,
~.container-narrow .breadcrumb-wrapper):has(.bannerImageNew[style*=background-image])~.container .breadcrumb-wrapper:not([data-theme]),
.category-landing-banner:has(~.container .breadcrumb-wrapper,
~.container-narrow .breadcrumb-wrapper):has(.category-banner)~.container-narrow .breadcrumb-wrapper:not([data-theme]),
.category-landing-banner:has(~.container .breadcrumb-wrapper,
~.container-narrow .breadcrumb-wrapper):has(.category-banner)~.container .breadcrumb-wrapper:not([data-theme]),
.category-landing-banner:has(~.container .breadcrumb-wrapper,
~.container-narrow .breadcrumb-wrapper):has(.ds-banner)~.container-narrow .breadcrumb-wrapper:not([data-theme]),
.category-landing-banner:has(~.container .breadcrumb-wrapper,
~.container-narrow .breadcrumb-wrapper):has(.ds-banner)~.container .breadcrumb-wrapper:not([data-theme]) {
    opacity: 0
}

html.js .category-landing-banner:has(~.container .breadcrumb-wrapper,
~.container-narrow .breadcrumb-wrapper):has(.bannerImageNew[style*=background-image])~.container-narrow .breadcrumb-wrapper,
html.js .category-landing-banner:has(~.container .breadcrumb-wrapper,
~.container-narrow .breadcrumb-wrapper):has(.bannerImageNew[style*=background-image])~.container .breadcrumb-wrapper,
html.js .category-landing-banner:has(~.container .breadcrumb-wrapper,
~.container-narrow .breadcrumb-wrapper):has(.category-banner)~.container-narrow .breadcrumb-wrapper,
html.js .category-landing-banner:has(~.container .breadcrumb-wrapper,
~.container-narrow .breadcrumb-wrapper):has(.category-banner)~.container .breadcrumb-wrapper,
html.js .category-landing-banner:has(~.container .breadcrumb-wrapper,
~.container-narrow .breadcrumb-wrapper):has(.ds-banner)~.container-narrow .breadcrumb-wrapper,
html.js .category-landing-banner:has(~.container .breadcrumb-wrapper,
~.container-narrow .breadcrumb-wrapper):has(.ds-banner)~.container .breadcrumb-wrapper {
    opacity: 1
}

.container-narrow:has(.breadcrumb-wrapper):has(~.catlanding .category-landing-banner) .breadcrumb-wrapper {
    position: absolute;
    top: 0;
    z-index: 2;
    transition: opacity .16s ease-out, transform .16s ease-out
}

.container-narrow:has(.breadcrumb-wrapper):has(~.catlanding .category-landing-banner) .breadcrumb-wrapper:not([data-theme]) {
    opacity: 0
}

html.js .container-narrow:has(.breadcrumb-wrapper):has(~.catlanding .category-landing-banner) .breadcrumb-wrapper {
    opacity: 1
}

.container-narrow:has(.breadcrumb-wrapper):has(~.catlanding .category-landing-banner)~.catlanding .category-landing-banner .category-text-seg,
.container-narrow:has(.breadcrumb-wrapper):has(~.catlanding .category-landing-banner)~.catlanding .category-landing-banner .ds-banner .ds-banner--inside {
    padding-top: 58px
}

.category-landing-banner .category-banner .category-text-seg,
.category-landing-banner:has(~.container .breadcrumb-wrapper,
~.container-narrow .breadcrumb-wrapper) .category-banner .category-text-seg {
    padding-top: 68px
}

@media (min-width:1024px) and (max-width:1080px) {
    .category-landing-banner .category-banner .category-text-seg,
    .category-landing-banner:has(~.container .breadcrumb-wrapper,
    ~.container-narrow .breadcrumb-wrapper) .category-banner .category-text-seg {
        padding-top: 88px
    }
}

.container-narrow .breadcrumb,
.container .breadcrumb {
    border-radius: 0;
    border-bottom: none;
    margin: var(--spacing-s) 0 0
}

.breadcrumb-item+.breadcrumb-item:before {
    color: var(--c-breadcrumb-divider, #fa4616);
    content: var(--breadcrumb-divider, ">")
}

.breadcrumb-wrapper {
    width: 100%;
    background-color: var(--c-breadcrumb-bg);
    padding: var(--spacing-s) var(--side-offset);
    max-width: var(--sizing-max-page)
}

@media (max-width:1200px) {
    .breadcrumb-wrapper[data-theme=light] {
        -webkit-backdrop-filter: saturate(180%) blur(20px);
        backdrop-filter: saturate(180%) blur(20px);
        background-color: var(--c-em-low-contrast)
    }
}

.breadcrumb-wrapper[data-banner-theme=dark],
.breadcrumb-wrapper[data-theme=dark] {
    --c-breadcrumb: #fff;
    --c-breadcrumb-hover: #fff;
    --c-breadcrumb-divider: #fff
}

.breadcrumb-wrapper[data-bg=translucent][data-theme=light],
.breadcrumb-wrapper[data-bg=transluscent][data-theme=light] {
    --c-breadcrumb-bg: hsla(0, 0%, 100%, .38);
    backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: saturate(180%) blur(20px)
}

.breadcrumb-wrapper[data-bg=translucent][data-theme=dark],
.breadcrumb-wrapper[data-bg=transluscent][data-theme=dark] {
    --c-breadcrumb-bg: rgba(0, 0, 0, .38);
    backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: saturate(180%) blur(20px)
}

.breadcrumb-wrapper .breadcrumb {
    --skin-link-color-2: var(--c-breadcrumb);
    margin: 0;
    padding: 0
}

.breadcrumb-wrapper .breadcrumb .breadcrumb-item {
    padding: 0
}

.breadcrumb-wrapper .breadcrumb .breadcrumb-item:before {
    font-family: var(--font-icon);
    line-height: 1;
    font-size: 1em;
    vertical-align: middle;
    padding: 0 2px 0 0
}

.breadcrumb-wrapper .breadcrumb .breadcrumb-item span {
    color: var(--c-breadcrumb)
}

.breadcrumb-wrapper .breadcrumb .breadcrumb-item a {
    color: var(--c-breadcrumb);
    text-decoration: underline;
    text-underline-offset: 3px
}

.breadcrumb-wrapper .breadcrumb .breadcrumb-item a:hover {
    --skin-link-color-2: var(--c-breadcrumb-hover);
    color: var(--c-breadcrumb-hover);
    text-decoration: underline;
    -webkit-text-decoration-color: var(--c-accent);
    text-decoration-color: var(--c-accent)
}

.breadcrumb-wrapper .breadcrumb .breadcrumb-item a,
.breadcrumb-wrapper .breadcrumb .breadcrumb-item span {
    font-family: var(--font-body);
    font-size: var(--f-s)
}

@media (min-width:1200px) {
    .breadcrumb-wrapper .breadcrumb .breadcrumb-item a,
    .breadcrumb-wrapper .breadcrumb .breadcrumb-item span {
        font-size: var(--f-m)
    }
}

.breadcrumb-wrapper .breadcrumb .breadcrumb-item:last-child a {
    cursor: default;
    text-decoration: none;
    pointer-events: none
}

.category-landing-banner,
.container-narrow {
    max-width: var(--sizing-max-page);
    margin-inline: auto
}

.category-landing-banner .category-banner img {
    object-fit: cover
}

@media (max-width:1199.98px) {
    .category-landing-banner .category-banner img {
        min-height: Max(120px, 26vw);
        height: 100%
    }
}

.category-landing-banner {
    background-size: cover
}

.category-landing-banner .bannerContainer,
.category-landing-banner .category-banner {
    display: -ms-grid;
    display: grid;
    max-width: var(--sizing-max-page)
}

.category-landing-banner .bannerContainer .bannerImageNew,
.category-landing-banner .bannerContainer .category-banner-image,
.category-landing-banner .category-banner .bannerImageNew,
.category-landing-banner .category-banner .category-banner-image {
    min-height: 277px;
    background-size: cover;
    height: auto;
    grid-area: 1/1/-1/-1;
    position: static
}

.category-landing-banner .bannerContainer .bannerImageNew img,
.category-landing-banner .bannerContainer .category-banner-image img,
.category-landing-banner .category-banner .bannerImageNew img,
.category-landing-banner .category-banner .category-banner-image img {
    height: 100%;
    object-fit: cover;
    max-height: none
}

.category-landing-banner .bannerContainer>.category-text-seg,
.category-landing-banner .bannerContainer>.imageData-container,
.category-landing-banner .category-banner>.category-text-seg,
.category-landing-banner .category-banner>.imageData-container {
    grid-area: 1/1/-1/-1;
    position: static
}

.category-landing-banner .bannerContainer .category-text-seg,
.category-landing-banner .category-banner .category-text-seg {
    position: relative;
    top: unset;
    left: unset;
    bottom: unset;
    right: unset;
    padding: var(--spacing-m) var(--side-offset);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media (min-width:1024px) {
    .category-landing-banner .bannerContainer .category-text-seg,
    .category-landing-banner .category-banner .category-text-seg {
        max-width: Min(60%, 870px)
    }
}

@media (max-width:1023.98px) {
    .category-landing-banner .bannerContainer .category-text-seg,
    .category-landing-banner .category-banner .category-text-seg {
        text-align: center;
        background-color: rgba(0, 0, 0, .38)
    }
}

.category-landing-banner .bannerContainer .category-text-seg .category-line,
.category-landing-banner .category-banner .category-text-seg .category-line {
    display: none !important
}

.category-landing-banner .bannerContainer .category-text-seg .category-banner-text,
.category-landing-banner .bannerContainer .category-text-seg .category-banner-text.h1,
.category-landing-banner .category-banner .category-text-seg .category-banner-text,
.category-landing-banner .category-banner .category-text-seg .category-banner-text.h1 {
    font-size: var(--f-h2);
    line-height: var(--f-h-lh);
    margin-bottom: var(--sizing-margin-lg);
    margin-left: 0;
    margin-right: 0;
    display: block;
    text-wrap: balance;
    font-stretch: normal;
    font-variation-settings: "wdth" 100;
    font-weight: 750;
    word-break: break-word
}

@media (min-width:1024px) {
    .category-landing-banner .bannerContainer .category-text-seg .category-banner-text,
    .category-landing-banner .bannerContainer .category-text-seg .category-banner-text.h1,
    .category-landing-banner .category-banner .category-text-seg .category-banner-text,
    .category-landing-banner .category-banner .category-text-seg .category-banner-text.h1 {
        margin-bottom: var(--sizing-margin-sm);
        font-size: clamp(var(--f-h5), 4cqw, var(--f-h4))
    }
}

.category-landing-banner .bannerContainer .category-text-seg .category-line+p,
.category-landing-banner .bannerContainer .category-text-seg p.copy,
.category-landing-banner .category-banner .category-text-seg .category-line+p,
.category-landing-banner .category-banner .category-text-seg p.copy {
    font-size: var(--f-l);
    display: block !important;
    font-family: var(--font-body);
    font-weight: 500;
    width: auto !important;
    margin-top: 0 !important;
    margin-bottom: 0;
    text-wrap: pretty
}

.category-landing-banner .bannerContainer .category-text-seg .btns,
.category-landing-banner .category-banner .category-text-seg .btns {
    padding-top: var(--spacing-m)
}

.category-landing-banner .bannerContainer .category-text-seg .btn-banner-default,
.category-landing-banner .category-banner .category-text-seg .btn-banner-default {
    background-color: var(--c-em-full-contrast);
    border-color: var(--c-em-full-contrast);
    color: var(--c-em-full)
}

.category-landing-banner .bannerContainer .category-text-seg .btn-banner-default:focus,
.category-landing-banner .bannerContainer .category-text-seg .btn-banner-default:hover,
.category-landing-banner .category-banner .category-text-seg .btn-banner-default:focus,
.category-landing-banner .category-banner .category-text-seg .btn-banner-default:hover {
    background-color: var(--c-button);
    border-color: var(--c-button-border);
    color: var(--c-button-copy)
}

.category-landing-banner [data-id] .ds-banner,
.ds-banner.-category {
    background-color: var(--c-canvas-full);
    min-height: 320px
}

@media (min-width:1024px) {
    .category-landing-banner [data-id] .ds-banner .ds-banner--inside,
    .ds-banner.-category .ds-banner--inside {
        -ms-flex-item-align: end;
        -ms-grid-row-align: end;
        align-self: end;
        -ms-flex-pack: end;
        justify-content: end
    }
    .category-landing-banner [data-id] .ds-banner[data-v-alignment=top] .ds-banner--inside,
    .ds-banner.-category[data-v-alignment=top] .ds-banner--inside {
        -ms-flex-item-align: start;
        -ms-grid-row-align: start;
        align-self: start;
        -ms-flex-pack: start;
        justify-content: start
    }
    .category-landing-banner [data-id] .ds-banner[data-v-alignment=center] .ds-banner--inside,
    .ds-banner.-category[data-v-alignment=center] .ds-banner--inside {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.category-landing-banner [data-id] .ds-banner .ds-banner--picture[data-dim-visual*=light] img,
.category-landing-banner [data-id] .ds-banner .ds-banner--picture[data-dim-visual*=light] video,
.ds-banner.-category .ds-banner--picture[data-dim-visual*=light] img,
.ds-banner.-category .ds-banner--picture[data-dim-visual*=light] video {
    opacity: .6
}

.category-landing-banner [data-id] .ds-banner .ds-banner--picture[data-dim-visual*=heavy] img,
.category-landing-banner [data-id] .ds-banner .ds-banner--picture[data-dim-visual*=heavy] video,
.ds-banner.-category .ds-banner--picture[data-dim-visual*=heavy] img,
.ds-banner.-category .ds-banner--picture[data-dim-visual*=heavy] video {
    opacity: .38
}

@media (min-width:1200px) {
    .category-landing-banner [data-id] .ds-banner[data-dim-d*=light] .ds-banner--picture img,
    .category-landing-banner [data-id] .ds-banner[data-dim-d*=light] .ds-banner--picture video,
    .ds-banner.-category[data-dim-d*=light] .ds-banner--picture img,
    .ds-banner.-category[data-dim-d*=light] .ds-banner--picture video {
        opacity: .6
    }
    .category-landing-banner [data-id] .ds-banner[data-dim-d*=heavy] .ds-banner--picture img,
    .category-landing-banner [data-id] .ds-banner[data-dim-d*=heavy] .ds-banner--picture video,
    .ds-banner.-category[data-dim-d*=heavy] .ds-banner--picture img,
    .ds-banner.-category[data-dim-d*=heavy] .ds-banner--picture video {
        opacity: .38
    }
}

@media (max-width:1199.98px) {
    .category-landing-banner [data-id] .ds-banner[data-dim-m*=light] .ds-banner--picture img,
    .category-landing-banner [data-id] .ds-banner[data-dim-m*=light] .ds-banner--picture video,
    .ds-banner.-category[data-dim-m*=light] .ds-banner--picture img,
    .ds-banner.-category[data-dim-m*=light] .ds-banner--picture video {
        opacity: .6
    }
    .category-landing-banner [data-id] .ds-banner[data-dim-m*=heavy] .ds-banner--picture img,
    .category-landing-banner [data-id] .ds-banner[data-dim-m*=heavy] .ds-banner--picture video,
    .ds-banner.-category[data-dim-m*=heavy] .ds-banner--picture img,
    .ds-banner.-category[data-dim-m*=heavy] .ds-banner--picture video {
        opacity: .38
    }
}

.category-landing-banner [data-id] .ds-banner[data-alignment=center] .ds-banner--copy,
.category-landing-banner [data-id] .ds-banner[data-text-alignment*=center] .ds-banner--copy,
.ds-banner.-category[data-alignment=center] .ds-banner--copy,
.ds-banner.-category[data-text-alignment*=center] .ds-banner--copy {
    text-align: center;
    margin-inline: auto
}

.category-landing-banner [data-id] .ds-banner[data-alignment=right] .ds-banner--copy,
.ds-banner.-category[data-alignment=right] .ds-banner--copy {
    text-align: right;
    margin-inline: auto 0
}

@media (min-width:1024px) {
    .category-landing-banner [data-id] .ds-banner .ds-banner--copy,
    .ds-banner.-category .ds-banner--copy {
        max-width: Min(60%, 870px);
        padding: var(--spacing-2xl) var(--side-offset)
    }
}

@media (max-width:1023px) {
    .category-landing-banner [data-id] .ds-banner .ds-banner--copy,
    .ds-banner.-category .ds-banner--copy {
        padding: var(--spacing-m) var(--side-offset) var(--spacing-xl)
    }
}

@media (max-width:1023px) and (min-width:500px) {
    .category-landing-banner [data-id] .ds-banner .ds-banner--copy,
    .ds-banner.-category .ds-banner--copy {
        max-width: 70%
    }
}

.category-landing-banner [data-id] .ds-banner .ds-banner--headline,
.ds-banner.-category .ds-banner--headline {
    font-size: clamp(48px, 5cqw, 96px);
    line-height: var(--f-h-lh);
    margin-bottom: var(--sizing-margin-lg);
    text-wrap: balance;
    font-stretch: normal;
    font-variation-settings: "wdth" 75;
    font-weight: 700;
    color: var(--c-ds-headline, var(--c-em-full))
}

@media (min-width:1024px) {
    .category-landing-banner [data-id] .ds-banner .ds-banner--headline,
    .ds-banner.-category .ds-banner--headline {
        margin-bottom: var(--sizing-margin-sm);
        font-size: clamp(54px, 5cqw, 96px)
    }
}

.category-landing-banner [data-id] .ds-banner .ds-banner--body,
.ds-banner.-category .ds-banner--body {
    font-size: var(--f-l);
    text-wrap: balance;
    margin-bottom: 0;
    color: var(--c-ds-body, var(--c-em-full))
}

@media (max-width:1023px) {
    .category-landing-banner [data-id] .ds-banner .ds-banner--body,
    .ds-banner.-category .ds-banner--body {
        display: block
    }
}

.category-landing-banner [data-id] .ds-banner .ds-banner--body~.cta,
.category-landing-banner [data-id] .ds-banner .ds-banner--button-wrapper,
.ds-banner.-category .ds-banner--body~.cta,
.ds-banner.-category .ds-banner--button-wrapper {
    margin-top: var(--spacing-m)
}

@media (max-width:1023.98px) {
    .category-landing-banner [data-id] .ds-banner,
    .ds-banner.-category {
        padding-top: 48px
    }
    .category-landing-banner [data-id] .ds-banner .ds-banner--inside,
    .ds-banner.-category .ds-banner--inside {
        background-image: none
    }
}

.category-landing-banner [data-id] .ds-banner[data-theme*=dark] .cta,
.ds-banner.-category[data-theme*=dark] .cta {
    background-color: var(--c-em-full);
    border-color: var(--c-em-full);
    color: var(--c-em-full-contrast)
}

.category-landing-banner [data-id] .ds-banner[data-theme*=dark] .cta:focus,
.category-landing-banner [data-id] .ds-banner[data-theme*=dark] .cta:hover,
.ds-banner.-category[data-theme*=dark] .cta:focus,
.ds-banner.-category[data-theme*=dark] .cta:hover {
    background-color: var(--c-button);
    border-color: var(--c-button-border);
    color: var(--c-button-copy)
}

.category-landing-banner [data-id] .ds-banner[data-theme*=premium],
.ds-banner.-category[data-theme*=premium] {
    --c-ds-headline: #fff;
    --c-ds-body: #fff
}

.category-landing-banner [data-id] .ds-banner[data-theme*=premium] .ds-banner--headline,
.ds-banner.-category[data-theme*=premium] .ds-banner--headline {
    font-stretch: condensed;
    font-variation-settings: "wdth" 75;
    font-weight: 600
}

.category-landing-banner [data-id] .ds-banner[data-theme*=premium] .cta,
.ds-banner.-category[data-theme*=premium] .cta {
    background-color: var(--c-em-full-contrast);
    border-color: var(--c-em-full-contrast);
    color: var(--c-em-full)
}

.category-landing-banner [data-id] .ds-banner[data-theme*=premium] .cta:focus,
.category-landing-banner [data-id] .ds-banner[data-theme*=premium] .cta:hover,
.ds-banner.-category[data-theme*=premium] .cta:focus,
.ds-banner.-category[data-theme*=premium] .cta:hover {
    background-color: var(--c-button);
    border-color: var(--c-button-border);
    color: var(--c-button-copy)
}

@media (max-width:1023.98px) {
    .category-landing-banner [data-id] .ds-banner .ds-banner--inside {
        background: rgba(0, 0, 0, .38)
    }
}

.category-landing-banner [data-id] .ds-banner .ds-banner--headline {
    font-size: var(--f-h2);
    color: var(--c-ds-headline)
}

@media (min-width:1024px) {
    .category-landing-banner [data-id] .ds-banner .ds-banner--headline {
        font-size: clamp(var(--f-h5), 4cqw, var(--f-h4))
    }
}

.category-landing-banner [data-id] .ds-banner .ds-banner--body {
    color: var(--c-ds-copy, var(--c-ds-headline))
}

.ds-banner.-split[data-cymatics-theme=periwinkle] {
    --c-bg: var(--c-periwinkle)
}

.ds-banner.-split[data-cymatics-theme=matcha] {
    --c-bg: var(--c-matcha)
}

.ds-banner.-split[data-cymatics-theme=tangerine] {
    --c-bg: var(--c-tangerine)
}

.ds-banner.-split[data-cymatics*="0"]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--c-bg) no-repeat 50%/cover;
    pointer-events: none;
    opacity: .11
}

@supports (background-blend-mode:overlay) {
    .ds-banner.-split[data-cymatics*="0"]:before {
        background-blend-mode: overlay;
        opacity: .28
    }
}

.ds-banner.-split[data-cymatics="01-complex"]:before {
    background-image: url("../media/cymatics/JBL-01-Complex.svg")
}

.ds-banner.-split[data-cymatics="01-standard"]:before {
    background-image: url("../media/cymatics/JBL-01-Standard.svg")
}

.ds-banner.-split[data-cymatics="02-complex"]:before {
    background-image: url("../media/cymatics/JBL-02-Complex.svg")
}

.ds-banner.-split[data-cymatics="02-standard"]:before {
    background-image: url("../media/cymatics/JBL-02-Standard.svg")
}

.ds-banner.-split[data-cymatics="03-complex"]:before {
    background-image: url("../media/cymatics/JBL-03-Complex.svg")
}

.ds-banner.-split[data-cymatics="03-standard"]:before {
    background-image: url("../media/cymatics/JBL-03-Standard.svg")
}

.ds-banner.-split[data-cymatics="04-complex"]:before {
    background-image: url("../media/cymatics/JBL-04-Complex.svg")
}

.ds-banner.-split[data-cymatics="04-standard"]:before {
    background-image: url("../media/cymatics/JBL-04-Standard.svg")
}

.ds-banner.-split[data-cymatics="05-complex"]:before {
    background-image: url("../media/cymatics/JBL-05-Complex.svg")
}

.ds-banner.-split[data-cymatics="05-standard"]:before {
    background-image: url("../media/cymatics/JBL-05-Standard.svg")
}

.compare-bar-wrapper .compare-qty-headline {
    font-family: var(--font-headline);
    text-wrap: balance;
    text-transform: uppercase;
    font-stretch: condensed;
    font-variation-settings: "wdth" 75;
    font-weight: 700
}

.compare-bar-wrapper .slot .close,
.compare-bar-wrapper .slot .close:hover {
    box-shadow: none
}

.compare-bar-wrapper .slot .close:hover .compare-bucket-close:before {
    color: var(--c-accent)
}

.compare-bar-wrapper .slot .close .compare-bucket-close:before {
    background: transparent;
    font-family: var(--font-icon);
    content: "close";
    font-size: 18px;
    font-weight: 600
}

.compare-wrapper {
    font-family: var(--font-body);
    font-size: var(--f-m)
}

.compare-wrapper .header-compare-mesage {
    font-size: var(--f-h4);
    font-weight: 700;
    font-stretch: condensed;
    font-variation-settings: "wdth" 75;
    font-family: var(--font-headline);
    text-transform: uppercase
}

.compare-wrapper .compare-filters .filters .backToCatergory,
.compare-wrapper .compare-filters .filters .clearFilter {
    color: var(--c-accent);
    font-size: var(--f-m)
}

.compare-wrapper .compare-filters .filters .filter.checkbox button .fa {
    display: none
}

.compare-wrapper .compare-filters .filters .filter.checkbox button:before {
    font-family: var(--font-icon);
    font-size: 22px;
    line-height: .3;
    content: "check_box";
    display: inline-block;
    width: 32px;
    color: var(--c-em-full);
    font-weight: 400;
    transform: translateY(8px)
}

.compare-wrapper .compare-filters .filters .filter.checkbox button[data-state=checked]:before {
    content: "check_box_outline_blank"
}

.compare-wrapper .compare-filters .filters .filter.checkbox button:hover:before {
    color: var(--c-accent)
}

.compare-wrapper .product-tile .btn-add-to-cart .add-to-cart,
.compare-wrapper .product-tile .learn-more-link .link {
    border-radius: 0;
    padding: var(--button-padding)
}

.compare-wrapper .compare-feature .toggler {
    font-size: 24px
}

.compare-wrapper .compare-feature .fa-minus:before,
.compare-wrapper .compare-feature .icon-checkmark-compare:before {
    font-family: var(--font-icon);
    content: "check";
    font-size: 24px;
    font-weight: 600;
    color: var(--c-form-feedback-positive);
    line-height: .3
}

.compare-wrapper .compare-feature .fa-minus:before {
    color: var(--c-em-low);
    content: "remove"
}

.ds-tooltip {
    --bg: var(--c-canvas)
}

.ds-tooltip>.icon {
    width: 17px;
    height: 17px;
    background: var(--c-button);
    color: var(--c-button-copy);
    border-radius: 50%;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 500;
    font-family: var(--font-body);
    font-size: 12px;
    vertical-align: text-top
}

.ds-tooltip:hover>.tooltip {
    display: block !important
}

.ds-tooltip>.tooltip {
    position: absolute;
    bottom: calc(100% + var(--spacing-2xs));
    padding: .312rem;
    min-width: 20rem;
    max-width: 15rem;
    transform: translate(-50%, -.625em);
    left: 50%;
    margin-left: 4px;
    animation: fade-in .5s linear forwards;
    background: var(--bg);
    color: var(--c-em-full);
    font-family: var(--font-body);
    font-size: var(--f-s);
    padding: var(--spacing-s);
    border-radius: 0;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25)
}

.ds-tooltip>.tooltip:after {
    border-left: .625em solid transparent;
    border-right: .625em solid transparent;
    border-top: .625em solid var(--bg);
    bottom: -.5em;
    content: " ";
    height: 0;
    left: 50%;
    margin-left: -13px;
    position: absolute;
    width: 0
}

@keyframes dsPdpOverviewHeadline {
    0%,
    55% {
        transform: translateY(0)
    }
    to {
        transform: translateY(100%)
    }
}

.ds-pdp-overview {
    display: block;
    background-color: var(--c-canvas-full);
    padding: var(--spacing-m) var(--side-offset)
}

@supports (animation-timeline:--true) {
    @media (prefers-reduced-motion: no-preference) {
        .ds-pdp-overview {
            view-timeline-name:--dsPdpOverviewHeadline;
            view-timeline-axis: block;
            animation-range: entry 0 cover 100%
        }
    }
}

.ds-pdp-overview .copy {
    margin-bottom: -24px;
    z-index: 1;
    position: relative
}

@media (min-width:1200px) {
    .ds-pdp-overview .copy {
        margin-bottom: -40px
    }
}

.ds-pdp-overview .copy h1 {
    color: var(--c-em-full);
    font-size: clamp(3rem, calc(3.9vw + 20.8px), 6rem);
    font-variation-settings: "wght" 750, "wdth" 75;
    line-height: var(--f-h-lh);
    margin: 0;
    text-align: center;
    text-wrap: balance;
    text-shadow: 0 0 72px var(--c-canvas-full)
}

@supports (animation-timeline:--true) {
    @media (prefers-reduced-motion: no-preference) {
        .ds-pdp-overview .copy h1 {
            animation:linear dsPdpOverviewHeadline both;
            animation-timeline: --dsPdpOverviewHeadline;
            animation-range: entry 0 cover 100%
        }
    }
}

.ds-pdp-overview>picture {
    position: relative;
    display: inline-block;
    margin: 0 auto;
    padding: 0;
    min-height: 96px
}

.ds-pdp-overview>picture img,
.ds-pdp-overview>picture video {
    margin-inline: auto;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: calc(100vh - var(--sizing-header));
    display: block;
    object-fit: contain
}

.ds-pdp-overview .js-playback {
    top: auto;
    bottom: 8px
}

.ds-pdp-overview[data-theme=premium] .copy h1,
[data-theme=premium] .ds-pdp-overview .copy h1 {
    font-variation-settings: "wght" 500, "wdth" 75
}

@media (min-width:1024px) {
    .content-pdp-slots-hero {
        grid-area: hero;
        -ms-grid-column: span 2;
        grid-column: span 2
    }
    #maincontent>.product-detail:has(.content-pdp-slots-hero) {
        grid-template-areas: "hero hero" "main sidebar"
    }
}

.product-bundle-container .bundle-products .background {
    background-image: url("../images/pdp-bundle-cymatics-background-gradient.png")
}

.order-cart-promocode #discount-applied-header {
    color: var(--c-form-feedback-positive);
    font-size: var(--f-xs, .75rem);
    font-family: var(--font-headline);
    font-weight: 400;
    font-style: italic;
    text-transform: capitalize;
    margin: 0 auto;
    font-variation-settings: "wdth" 100
}

.order-cart-promocode .delegate-remove-coupon-event {
    display: none
}

.order-cart-promocode .tick_coupon--error,
.order-cart-promocode .tick_coupon--success {
    display: none;
    padding-right: 10px
}

.order-cart-promocode.code-valid .tick_coupon--error {
    display: none
}

.order-cart-promocode.code-valid .tick_coupon--success {
    display: inline
}

.order-cart-promocode.code-valid .promo-code-submit {
    transform: translateY(-5px) translateX(-10px)
}

.order-cart-promocode.code-valid .delegate-remove-coupon-event {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.order-cart-promocode.code-valid .promo-code-btn {
    display: none
}

.order-cart-promocode.code-valid .promo-code:not(.promo-show) #discount-applied-header {
    display: block
}

.order-cart-promocode.code-valid input.coupon-code-field {
    pointer-events: none;
    opacity: .6;
    cursor: not-allowed
}

.order-cart-promocode.code-invalid .tick_coupon--success {
    display: none
}

.order-cart-promocode.code-invalid .tick_coupon--error {
    display: inline
}

.order-cart-promocode.code-invalid .promo-code-submit {
    transform: translateY(-5px) translateX(-42px)
}

.order-cart-promocode.code-invalid .promo-code-btn {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.promo-code-form.coupon-applied {
    display: block !important
}

.promo-code-form .coupon-missing-error {
    display: none
}

.promo-code-form .coupon-not-applied {
    line-height: 1.2
}

.promo-code-form .promo-code-submit {
    max-width: fit-content !important;
    width: auto;
    position: absolute;
    right: 0;
    border-radius: 0;
    display: -ms-inline-flexbox;
    display: inline-flex;
    transform: translateY(-5px) translateX(-10px)
}

#checkout-main .promo-code-form .promo-code-submit .delegate-remove-coupon-event,
#checkout-main .promo-code-form .promo-code-submit .promo-code-btn,
.cart-page .promo-code-form .promo-code-submit .delegate-remove-coupon-event,
.cart-page .promo-code-form .promo-code-submit .promo-code-btn {
    padding: 0 10px;
    line-height: 1;
    border-radius: 0;
    min-width: max-content
}

.promo-code-form .prm-seg {
    width: calc(100% - 24px);
    min-width: calc(100% - 24px)
}

.promo-code-form .prm-seg:focus-within~[class*=-submit] .btn {
    background-color: var(--c-button-hover) !important
}

.experience-commerce_layouts-popularCategories>.popular-categories {
    max-width: var(--sizing-max-page);
    padding: 48px var(--side-offset) 30px
}

.experience-commerce_layouts-popularCategories>.popular-categories .header {
    margin-bottom: 0
}

.experience-commerce_layouts-popularCategories>.popular-categories h2 {
    font-size: var(--f-h5)
}

@media (max-width:600px) {
    .experience-commerce_layouts-popularCategories .categories {
        display: -ms-grid !important;
        display: grid !important;
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }
}

.experience-commerce_layouts-popularCategories .popular-category {
    --skin-link-color-2: var(--c-em-full);
    width: auto
}

@media (min-width:1200px) {
    .experience-commerce_layouts-popularCategories .popular-category {
        width: auto
    }
}

.experience-commerce_layouts-popularCategories .popular-category .category-image {
    max-width: 120px;
    max-height: 120px
}

.experience-commerce_layouts-popularCategories .popular-category .category-image img {
    object-fit: contain
}

.experience-commerce_layouts-popularCategories .popular-category .category-name {
    text-wrap: balance;
    font-family: var(--font-headline);
    line-height: .9;
    text-transform: uppercase;
    font-stretch: condensed;
    font-variation-settings: "wdth" 75;
    font-weight: 600;
    color: var(--c-em-full);
    font-size: var(--f-l)
}

.experience-commerce_layouts-popularCategories .popular-category a:active,
.experience-commerce_layouts-popularCategories .popular-category a:focus,
.experience-commerce_layouts-popularCategories .popular-category a:hover {
    border-color: transparent;
    box-shadow: none
}

.experience-commerce_layouts-popularCategories .popular-category a:active .category-name,
.experience-commerce_layouts-popularCategories .popular-category a:focus .category-name,
.experience-commerce_layouts-popularCategories .popular-category a:hover .category-name {
    text-decoration: underline;
    -webkit-text-decoration-color: var(--c-accent);
    text-decoration-color: var(--c-accent);
    color: var(--c-em-full);
    text-underline-offset: 2px
}

.experience-harman_layouts-stingerBlock {
    margin-top: -5px
}

.experience-harman_layouts-stingerBlock:first-of-type a[href=""] {
    font-size: clamp(18px, 4vw, 24px);
    pointer-events: none
}

.stinger-block {
    background-color: var(--c-periwinkle);
    color: var(--c-em-full)
}

.stinger-block .stingers .experience-harman_assets-stinger {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.stinger-block .stingers .experience-harman_assets-stinger p.stinger img[src*=icon],
.stinger-block .stingers .experience-harman_assets-stinger p.stinger img[src*=jpg] {
    mix-blend-mode: multiply;
    filter: invert(1) contrast(1.5)
}

.stinger-block .stingers .experience-harman_assets-stinger p,
.stinger-block .stingers .experience-harman_assets-stinger p a {
    font-family: var(--font-headline);
    color: var(--c-em-full);
    font-size: var(--f-l);
    font-weight: 700;
    font-stretch: condensed;
    font-variation-settings: "wdth" 75;
    line-height: .9
}

.stinger-block .stingers .experience-harman_assets-stinger p a:active,
.stinger-block .stingers .experience-harman_assets-stinger p a:focus,
.stinger-block .stingers .experience-harman_assets-stinger p a:hover {
    color: var(--c-em-full) !important;
    text-decoration: underline;
    text-underline-offset: 2px
}

.stinger-block .stingers>:not(:first-child) {
    border-color: var(--c-em-3xlow)
}

.experience-harman_layouts-eventsNewsBlock .events-news-block h2,
.experience-harman_layouts-eventsNewsBlock .team-promotion-block h2,
.experience-harman_layouts-teamPromotionBlock .events-news-block h2,
.experience-harman_layouts-teamPromotionBlock .team-promotion-block h2 {
    font-size: var(--f-h4)
}

.experience-harman_layouts-eventsNewsBlock .events-news-block>.background-highlight,
.experience-harman_layouts-eventsNewsBlock .events-news-block>.header,
.experience-harman_layouts-eventsNewsBlock .team-promotion-block>.background-highlight,
.experience-harman_layouts-eventsNewsBlock .team-promotion-block>.header,
.experience-harman_layouts-teamPromotionBlock .events-news-block>.background-highlight,
.experience-harman_layouts-teamPromotionBlock .events-news-block>.header,
.experience-harman_layouts-teamPromotionBlock .team-promotion-block>.background-highlight,
.experience-harman_layouts-teamPromotionBlock .team-promotion-block>.header {
    background: url(../media/cymatics/JBL-02-Periwinkle_Complex-90F.webp) no-repeat 50%;
    background-size: cover;
    background-color: var(--c-periwinkle);
    color: var(--c-em-high)
}

.experience-harman_layouts-eventsNewsBlock .events-news-block>.background-highlight p a,
.experience-harman_layouts-eventsNewsBlock .events-news-block>.header p a,
.experience-harman_layouts-eventsNewsBlock .team-promotion-block>.background-highlight p a,
.experience-harman_layouts-eventsNewsBlock .team-promotion-block>.header p a,
.experience-harman_layouts-teamPromotionBlock .events-news-block>.background-highlight p a,
.experience-harman_layouts-teamPromotionBlock .events-news-block>.header p a,
.experience-harman_layouts-teamPromotionBlock .team-promotion-block>.background-highlight p a,
.experience-harman_layouts-teamPromotionBlock .team-promotion-block>.header p a {
    --skin-link-color-2: var(--c-em-full-contrast);
    padding: var(--button-padding);
    background-color: var(--c-em-full);
    border: 2px solid var(--c-em-full);
    color: var(--c-em-full-contrast);
    font-size: var(--f-m);
    font-family: var(--font-body);
    font-weight: 600;
    margin-top: var(--spacing-s);
    display: -ms-inline-flexbox;
    display: inline-flex
}

.experience-harman_layouts-eventsNewsBlock .events-news-block>.background-highlight p a:focus,
.experience-harman_layouts-eventsNewsBlock .events-news-block>.background-highlight p a:hover,
.experience-harman_layouts-eventsNewsBlock .events-news-block>.header p a:focus,
.experience-harman_layouts-eventsNewsBlock .events-news-block>.header p a:hover,
.experience-harman_layouts-eventsNewsBlock .team-promotion-block>.background-highlight p a:focus,
.experience-harman_layouts-eventsNewsBlock .team-promotion-block>.background-highlight p a:hover,
.experience-harman_layouts-eventsNewsBlock .team-promotion-block>.header p a:focus,
.experience-harman_layouts-eventsNewsBlock .team-promotion-block>.header p a:hover,
.experience-harman_layouts-teamPromotionBlock .events-news-block>.background-highlight p a:focus,
.experience-harman_layouts-teamPromotionBlock .events-news-block>.background-highlight p a:hover,
.experience-harman_layouts-teamPromotionBlock .events-news-block>.header p a:focus,
.experience-harman_layouts-teamPromotionBlock .events-news-block>.header p a:hover,
.experience-harman_layouts-teamPromotionBlock .team-promotion-block>.background-highlight p a:focus,
.experience-harman_layouts-teamPromotionBlock .team-promotion-block>.background-highlight p a:hover,
.experience-harman_layouts-teamPromotionBlock .team-promotion-block>.header p a:focus,
.experience-harman_layouts-teamPromotionBlock .team-promotion-block>.header p a:hover {
    --skin-link-color-2: var(--c-em-full);
    background-color: var(--c-em-full-contrast);
    border: 2px solid var(--c-em-full-contrast);
    color: var(--c-em-full)
}

.experience-harman_layouts-eventsNewsBlock>.players>*,
.experience-harman_layouts-teamPromotionBlock>.players>* {
    -ms-flex: 1;
    flex: 1
}

.experience-harman_assets-articleCard {
    -ms-flex: 1 !important;
    flex: 1 !important
}

.experience-harman_assets-articleCard:first-child .article-card.card {
    border-left: thin solid var(--c-accent)
}

.experience-harman_assets-articleCard .article-card.card {
    background-color: var(--c-canvas-full);
    position: relative;
    color: var(--c-em-full);
    height: 100%;
    padding: var(--spacing-s);
    border: thin solid var(--c-accent);
    border-left: 0
}

.experience-harman_assets-articleCard .article-card.card h3 {
    position: relative;
    padding: var(--spacing-m) 0 var(--spacing-2xs);
    background: transparent !important;
    font-family: var(--font-headline);
    font-size: var(--f-l);
    color: var(--c-em-full)
}

.experience-harman_assets-articleCard .article-card.card h3:after {
    font-family: var(--font-icon);
    font-weight: 400;
    font-style: normal;
    font-size: 1em;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    vertical-align: sub;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    font-variation-settings: "FILL" 1;
    transition: transform var(--ds-transition);
    will-change: transform clip-path;
    content: "arrow_forward";
    transform: translateX(0);
    transition: .16s ease-out;
    color: var(--c-accent)
}

.experience-harman_assets-articleCard .article-card.card:hover h3 {
    text-decoration: underline;
    text-underline-offset: 2px
}

.experience-harman_assets-articleCard .article-card.card:hover h3:after {
    transform: translateX(4px)
}

.experience-harman_assets-articleCard .article-card.card>.image {
    position: relative;
    inset: 0
}

.ds-slideshow:not(.-hp),
.experience-commerce_layouts-carousel .slider-container [data-slick],
.js-carouselExperience {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: var(--side-offset) 22px 22px 1fr var(--side-offset);
    grid-template-columns: var(--side-offset) 22px 22px 1fr var(--side-offset);
    -ms-grid-rows: 1fr 36px;
    grid-template-rows: 1fr 36px;
    column-gap: 0
}

.ds-slideshow:not(.-hp) .slick-next,
.ds-slideshow:not(.-hp) .slick-prev,
.experience-commerce_layouts-carousel .slider-container [data-slick] .slick-next,
.experience-commerce_layouts-carousel .slider-container [data-slick] .slick-prev,
.js-carouselExperience .slick-next,
.js-carouselExperience .slick-prev {
    all: unset;
    cursor: pointer;
    font-size: 0;
    margin-top: 5px;
    min-width: 22px;
    max-width: 22px;
    -ms-grid-row: 2;
    grid-row: 2;
    z-index: 1;
    opacity: 1 !important;
    background: transparent !important
}

.ds-slideshow:not(.-hp) .slick-next:before,
.ds-slideshow:not(.-hp) .slick-prev:before,
.experience-commerce_layouts-carousel .slider-container [data-slick] .slick-next:before,
.experience-commerce_layouts-carousel .slider-container [data-slick] .slick-prev:before,
.js-carouselExperience .slick-next:before,
.js-carouselExperience .slick-prev:before {
    font-family: var(--font-icon);
    font-weight: 400;
    font-style: normal;
    font-size: 1em;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    vertical-align: sub;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    font-variation-settings: "FILL" 1;
    transition: transform var(--ds-transition);
    will-change: transform clip-path;
    display: block !important;
    content: "chevron_left";
    font-size: 36px;
    line-height: 1;
    color: var(--c-em-full)
}

.ds-slideshow:not(.-hp) .slick-prev,
.experience-commerce_layouts-carousel .slider-container [data-slick] .slick-prev,
.js-carouselExperience .slick-prev {
    -ms-flex-order: -200;
    order: -200;
    -ms-grid-column: 2;
    grid-column: 2
}

.ds-slideshow:not(.-hp) .slick-next,
.experience-commerce_layouts-carousel .slider-container [data-slick] .slick-next,
.js-carouselExperience .slick-next {
    -ms-flex-order: -100;
    order: -100;
    -ms-grid-column: 3;
    grid-column: 3
}

.ds-slideshow:not(.-hp) .slick-next:before,
.experience-commerce_layouts-carousel .slider-container [data-slick] .slick-next:before,
.js-carouselExperience .slick-next:before {
    content: "chevron_right"
}

.ds-slideshow:not(.-hp) .slick-list,
.experience-commerce_layouts-carousel .slider-container [data-slick] .slick-list,
.js-carouselExperience .slick-list {
    -ms-grid-row: 1;
    grid-row: 1;
    grid-column: 1/-1
}

.ds-slideshow:not(.-hp) .slick-dots,
.experience-commerce_layouts-carousel .slider-container [data-slick] .slick-dots,
.js-carouselExperience .slick-dots {
    all: unset;
    position: static;
    -ms-grid-row: 2;
    grid-row: 2;
    -ms-grid-column: 4;
    grid-column: 4;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    width: unset;
    padding-left: var(--spacing-m);
    list-style: none
}

.ds-slideshow:not(.-hp) .slick-dots li,
.experience-commerce_layouts-carousel .slider-container [data-slick] .slick-dots li,
.js-carouselExperience .slick-dots li {
    -ms-flex: 1;
    flex: 1;
    padding: 16px 0;
    margin-inline: 0;
    max-width: none
}

.ds-slideshow:not(.-hp) .slick-dots li button,
.experience-commerce_layouts-carousel .slider-container [data-slick] .slick-dots li button,
.js-carouselExperience .slick-dots li button {
    border: 0;
    background-color: var(--c-em-2xlow);
    width: 100%;
    min-width: 100%;
    height: 2px;
    border-radius: 0;
    font-size: 0;
    padding: 0
}

.ds-slideshow:not(.-hp) .slick-dots li button:before,
.experience-commerce_layouts-carousel .slider-container [data-slick] .slick-dots li button:before,
.js-carouselExperience .slick-dots li button:before {
    display: none
}

.ds-slideshow:not(.-hp) .slick-dots li:hover button,
.experience-commerce_layouts-carousel .slider-container [data-slick] .slick-dots li:hover button,
.js-carouselExperience .slick-dots li:hover button {
    background-color: var(--c-em-low)
}

.ds-slideshow:not(.-hp) .slick-dots li.slick-active button,
.experience-commerce_layouts-carousel .slider-container [data-slick] .slick-dots li.slick-active button,
.js-carouselExperience .slick-dots li.slick-active button {
    background-color: var(--c-em-full)
}

.ds-slideshow:not(.-hp) .slick-dots li:first-child:last-child,
.experience-commerce_layouts-carousel .slider-container [data-slick] .slick-dots li:first-child:last-child,
.js-carouselExperience .slick-dots li:first-child:last-child {
    display: none
}

.ds-slideshow:not(.-hp) .slick-list,
.experience-main>.experience-commerce_layouts-carousel:first-child .slider-container [data-slick] .slick-list {
    grid-row: 1/-1
}

.ds-slideshow:not(.-hp) .slick-dots,
.experience-main>.experience-commerce_layouts-carousel:first-child .slider-container [data-slick] .slick-dots {
    transform: translateY(-7px)
}

.ds-slideshow:not(.-hp) .slick-arrow,
.experience-main>.experience-commerce_layouts-carousel:first-child .slider-container [data-slick] .slick-arrow {
    transform: translateY(-11px)
}

.ds-slideshow:not(.-hp) .ds-banner,
.experience-main>.experience-commerce_layouts-carousel:first-child .slider-container [data-slick] .ds-banner {
    background: var(--c-canvas-full)
}

.ds-slideshow:not(.-hp) .slick-dots {
    transform: translateY(-15px)
}

.ds-slideshow:not(.-hp) .slick-arrow {
    transform: translateY(-18px)
}

.hero-banner-slot .t-h1-style {
    font-size: var(--f-h3);
    font-stretch: normal;
    font-variation-settings: "wdth" 100;
    line-height: var(--f-h-lh);
    font-weight: 750
}

@media (min-width:1024px) {
    .hero-banner-slot .t-h1-style {
        font-size: var(--f-h3);
        font-size: clamp(var(--f-h6), 4.4vw, var(--f-h3));
        font-stretch: normal;
        font-variation-settings: "wdth" 100;
        line-height: var(--f-h-lh);
        font-weight: 750;
        max-width: 48%
    }
}

@media (min-width:1200px) {
    .hero-banner-slot .t-h1-style {
        max-width: 48%
    }
}

.hero-banner-slot .description {
    font-size: var(--f-l, 1rem)
}

@media (min-width:1200px) {
    .hero-banner-slot .description {
        font-size: var(--f-l, 1rem)
    }
}

.hero-banner-slot .text-color-white .btn-primary {
    border: 2px solid var(--c-em-full-contrast);
    background-color: var(--c-em-full-contrast);
    color: var(--c-em-full)
}

.hero-banner-slot .text-color-white .btn-primary:active,
.hero-banner-slot .text-color-white .btn-primary:focus,
.hero-banner-slot .text-color-white .btn-primary:hover {
    border: 2px solid var(--c-em-full-contrast);
    background-color: var(--c-em-full);
    color: var(--c-em-full-contrast)
}

.experience-component .region[class*=col]:has(>.experience-commerce_assets-productTile) {
    border: thin solid var(--c-accent);
    padding-bottom: 1px
}

.experience-component .region[class*=col]:has(>.experience-commerce_assets-productTile):not(:first-child) {
    border-left: 0
}

.experience-component .slick-slide .region[class*=col]:has(>.experience-commerce_assets-productTile) {
    border: 0
}

.experience-commerce_layouts-mobileGrid2r2c {
    margin-bottom: var(--spacing-l)
}

.experience-region>:last-child {
    margin-bottom: 0
}

@media (min-width:1024px) and (max-width:1179.98px) {
    .ds-stack.-dynamic {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }
}

.ds-stack.-dynamic .ds-banner,
.ds-stack.-stack .ds-banner {
    border-radius: 0;
    height: 100%
}

.ds-stack.-dynamic .ds-banner:hover>a .ds-banner--picture,
.ds-stack.-stack .ds-banner:hover>a .ds-banner--picture {
    clip-path: none
}

.ds-stack.-dynamic .ds-banner a picture,
.ds-stack.-stack .ds-banner a picture {
    clip-path: none !important
}

.ds-stack.-dynamic .ds-banner .ds-banner--picture,
.ds-stack.-stack .ds-banner .ds-banner--picture {
    border-radius: 0;
    clip-path: none
}

.ds-stack.-dynamic .ds-banner .ds-banner--picture img,
.ds-stack.-stack .ds-banner .ds-banner--picture img {
    border-radius: 0
}

.ds-stack.-dynamic .ds-banner .ds-banner--headline,
.ds-stack.-stack .ds-banner .ds-banner--headline {
    font-weight: 700 !important;
    font-stretch: condensed !important;
    font-variation-settings: "wdth" 75 !important;
    font-size: var(--f-2xl) !important;
    text-wrap: balance
}

@media (max-width:1023.98px) {
    .ds-stack.-dynamic .ds-banner .ds-banner--headline,
    .ds-stack.-stack .ds-banner .ds-banner--headline {
        font-size: var(--f-3xl) !important
    }
}

.ds-stack.-dynamic .ds-banner .ds-banner--subheadline,
.ds-stack.-stack .ds-banner .ds-banner--subheadline {
    text-wrap: pretty;
    line-height: 1.3
}

.ds-stack.-dynamic .ds-banner .ds-banner--inside,
.ds-stack.-stack .ds-banner .ds-banner--inside {
    position: relative;
    padding: var(--spacing-m);
    background: var(--c-em-full-contrast) no-repeat 50%;
    background-size: cover
}

.ds-stack.-dynamic .ds-banner .ds-banner--inside>video,
.ds-stack.-stack .ds-banner .ds-banner--inside>video {
    position: absolute;
    pointer-events: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    min-width: 100%;
    max-height: 100%;
    min-height: 100%;
    object-fit: cover;
    z-index: 0
}

.ds-stack.-dynamic .ds-banner .ds-banner--inside .ds-banner--copy,
.ds-stack.-stack .ds-banner .ds-banner--inside .ds-banner--copy {
    position: relative;
    z-index: 1;
    background: var(--c-em-full-contrast) no-repeat 50%;
    background-size: cover;
    padding: var(--spacing-s);
    min-width: 100%
}

@media (min-width:1024px) {
    .ds-stack.-dynamic .ds-banner .ds-banner--inside,
    .ds-stack.-stack .ds-banner .ds-banner--inside {
        height: 100%;
        padding: var(--spacing-m) var(--spacing-l);
        background: var(--c-em-full-contrast) no-repeat 50%;
        background-size: cover
    }
    .ds-stack.-dynamic .ds-banner .ds-banner--copy,
    .ds-stack.-stack .ds-banner .ds-banner--copy {
        color: var(--c-em-full);
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        background: var(--c-em-full-contrast) no-repeat 50%;
        background-size: cover;
        padding: var(--spacing-m)
    }
    .ds-stack.-dynamic .ds-banner.-placement-left .ds-banner--inside,
    .ds-stack.-dynamic .ds-banner.-placement-right .ds-banner--inside,
    .ds-stack.-stack .ds-banner.-placement-left .ds-banner--inside,
    .ds-stack.-stack .ds-banner.-placement-right .ds-banner--inside {
        grid-row: 1/-1;
        max-width: 50%;
        min-width: 50%
    }
}

@media (min-width:1024px) and (min-width:1180px) and (max-width:1399.98px) {
    .ds-stack.-dynamic .ds-banner.-placement-left .ds-banner--headline,
    .ds-stack.-dynamic .ds-banner.-placement-right .ds-banner--headline,
    .ds-stack.-stack .ds-banner.-placement-left .ds-banner--headline,
    .ds-stack.-stack .ds-banner.-placement-right .ds-banner--headline {
        font-size: var(--f-xl) !important
    }
    .ds-stack.-dynamic .ds-banner.-placement-left .ds-banner--subheadline,
    .ds-stack.-dynamic .ds-banner.-placement-right .ds-banner--subheadline,
    .ds-stack.-stack .ds-banner.-placement-left .ds-banner--subheadline,
    .ds-stack.-stack .ds-banner.-placement-right .ds-banner--subheadline {
        font-size: .94rem
    }
}

@media (min-width:1024px) {
    .ds-stack.-dynamic .ds-banner.-placement-left>a picture,
    .ds-stack.-stack .ds-banner.-placement-left>a picture {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: end;
        max-width: 100%
    }
    .ds-stack.-dynamic .ds-banner.-placement-right>a picture,
    .ds-stack.-stack .ds-banner.-placement-right>a picture {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
        justify-content: start;
        max-width: 100%
    }
    .ds-stack.-dynamic .ds-banner.-darkmode-d .ds-banner--inside,
    .ds-stack.-dynamic .ds-banner.-darkmode-d .ds-banner--inside .ds-banner--copy,
    .ds-stack.-dynamic .ds-banner[data-cta-d=high-contrast] .ds-banner--inside,
    .ds-stack.-dynamic .ds-banner[data-cta-d=high-contrast] .ds-banner--inside .ds-banner--copy,
    .ds-stack.-stack .ds-banner.-darkmode-d .ds-banner--inside,
    .ds-stack.-stack .ds-banner.-darkmode-d .ds-banner--inside .ds-banner--copy,
    .ds-stack.-stack .ds-banner[data-cta-d=high-contrast] .ds-banner--inside,
    .ds-stack.-stack .ds-banner[data-cta-d=high-contrast] .ds-banner--inside .ds-banner--copy {
        background-color: var(--c-em-full-contrast)
    }
    .ds-stack.-dynamic .ds-banner[data-cta-d=high-contrast] .ds-banner--inside .ds-banner--copy .btn-primary,
    .ds-stack.-stack .ds-banner[data-cta-d=high-contrast] .ds-banner--inside .ds-banner--copy .btn-primary {
        border: 2px solid var(--c-em-full);
        background-color: var(--c-em-full);
        color: var(--c-em-full-contrast)
    }
    .ds-stack.-dynamic .ds-banner[data-cta-d=high-contrast] .ds-banner--inside .ds-banner--copy .btn-primary:active,
    .ds-stack.-dynamic .ds-banner[data-cta-d=high-contrast] .ds-banner--inside .ds-banner--copy .btn-primary:focus,
    .ds-stack.-dynamic .ds-banner[data-cta-d=high-contrast] .ds-banner--inside .ds-banner--copy .btn-primary:hover,
    .ds-stack.-stack .ds-banner[data-cta-d=high-contrast] .ds-banner--inside .ds-banner--copy .btn-primary:active,
    .ds-stack.-stack .ds-banner[data-cta-d=high-contrast] .ds-banner--inside .ds-banner--copy .btn-primary:focus,
    .ds-stack.-stack .ds-banner[data-cta-d=high-contrast] .ds-banner--inside .ds-banner--copy .btn-primary:hover {
        border: 2px solid var(--c-em-full-contrast);
        background-color: var(--c-em-full-contrast);
        color: var(--c-em-full)
    }
}

.ds-stack.-dynamic .ds-banner .ds-banner--inside,
.ds-stack.-stack .ds-banner .ds-banner--inside {
    background: transparent !important
}

.ds-stack.-dynamic .ds-banner :not(:has(.ds-banner--subheadline)) .ds-banner--copy,
.ds-stack.-stack .ds-banner :not(:has(.ds-banner--subheadline)) .ds-banner--copy {
    background: transparent !important
}

@media (min-width:1401px) {
    .ds-stack.-dynamic .ds-banner[data-cymatics-theme=matcha].-placement-left .ds-banner--inside,
    .ds-stack.-dynamic .ds-banner[data-cymatics-theme=matcha].-placement-right .ds-banner--inside,
    .ds-stack.-dynamic .ds-banner[data-cymatics-theme=periwinkle].-placement-left .ds-banner--inside,
    .ds-stack.-dynamic .ds-banner[data-cymatics-theme=periwinkle].-placement-right .ds-banner--inside,
    .ds-stack.-dynamic .ds-banner[data-cymatics-theme=tangerine].-placement-left .ds-banner--inside,
    .ds-stack.-dynamic .ds-banner[data-cymatics-theme=tangerine].-placement-right .ds-banner--inside,
    .ds-stack.-stack .ds-banner[data-cymatics-theme=matcha].-placement-left .ds-banner--inside,
    .ds-stack.-stack .ds-banner[data-cymatics-theme=matcha].-placement-right .ds-banner--inside,
    .ds-stack.-stack .ds-banner[data-cymatics-theme=periwinkle].-placement-left .ds-banner--inside,
    .ds-stack.-stack .ds-banner[data-cymatics-theme=periwinkle].-placement-right .ds-banner--inside,
    .ds-stack.-stack .ds-banner[data-cymatics-theme=tangerine].-placement-left .ds-banner--inside,
    .ds-stack.-stack .ds-banner[data-cymatics-theme=tangerine].-placement-right .ds-banner--inside {
        max-width: 50%;
        min-width: 50%
    }
    .ds-stack.-dynamic .ds-banner[data-cymatics-theme=matcha].-placement-left .ds-banner--copy,
    .ds-stack.-dynamic .ds-banner[data-cymatics-theme=matcha].-placement-right .ds-banner--copy,
    .ds-stack.-dynamic .ds-banner[data-cymatics-theme=periwinkle].-placement-left .ds-banner--copy,
    .ds-stack.-dynamic .ds-banner[data-cymatics-theme=periwinkle].-placement-right .ds-banner--copy,
    .ds-stack.-dynamic .ds-banner[data-cymatics-theme=tangerine].-placement-left .ds-banner--copy,
    .ds-stack.-dynamic .ds-banner[data-cymatics-theme=tangerine].-placement-right .ds-banner--copy,
    .ds-stack.-stack .ds-banner[data-cymatics-theme=matcha].-placement-left .ds-banner--copy,
    .ds-stack.-stack .ds-banner[data-cymatics-theme=matcha].-placement-right .ds-banner--copy,
    .ds-stack.-stack .ds-banner[data-cymatics-theme=periwinkle].-placement-left .ds-banner--copy,
    .ds-stack.-stack .ds-banner[data-cymatics-theme=periwinkle].-placement-right .ds-banner--copy,
    .ds-stack.-stack .ds-banner[data-cymatics-theme=tangerine].-placement-left .ds-banner--copy,
    .ds-stack.-stack .ds-banner[data-cymatics-theme=tangerine].-placement-right .ds-banner--copy {
        max-width: 100%;
        min-width: 100%
    }
}

.ds-stack.-dynamic .ds-banner[data-cymatics-theme=periwinkle] .ds-banner--inside,
.ds-stack.-stack .ds-banner[data-cymatics-theme=periwinkle] .ds-banner--inside {
    background-color: var(--c-periwinkle);
    background-image: url(../media/cymatics/JBL-03-Periwinkle_Complex-90F.webp)
}

.ds-stack.-dynamic .ds-banner[data-cymatics-theme=periwinkle] .ds-banner--inside .ds-banner--copy,
.ds-stack.-stack .ds-banner[data-cymatics-theme=periwinkle] .ds-banner--inside .ds-banner--copy {
    background-color: var(--c-accent)
}

.ds-stack.-dynamic .ds-banner[data-cymatics-theme=periwinkle] .ds-banner--inside .ds-banner--copy .btn-primary,
.ds-stack.-stack .ds-banner[data-cymatics-theme=periwinkle] .ds-banner--inside .ds-banner--copy .btn-primary {
    border: 2px solid var(--c-em-full);
    background-color: var(--c-em-full);
    color: var(--c-em-full-contrast)
}

.ds-stack.-dynamic .ds-banner[data-cymatics-theme=periwinkle] .ds-banner--inside .ds-banner--copy .btn-primary:active,
.ds-stack.-dynamic .ds-banner[data-cymatics-theme=periwinkle] .ds-banner--inside .ds-banner--copy .btn-primary:focus,
.ds-stack.-dynamic .ds-banner[data-cymatics-theme=periwinkle] .ds-banner--inside .ds-banner--copy .btn-primary:hover,
.ds-stack.-stack .ds-banner[data-cymatics-theme=periwinkle] .ds-banner--inside .ds-banner--copy .btn-primary:active,
.ds-stack.-stack .ds-banner[data-cymatics-theme=periwinkle] .ds-banner--inside .ds-banner--copy .btn-primary:focus,
.ds-stack.-stack .ds-banner[data-cymatics-theme=periwinkle] .ds-banner--inside .ds-banner--copy .btn-primary:hover {
    border: 2px solid var(--c-em-full-contrast);
    background-color: var(--c-em-full-contrast);
    color: var(--c-em-full)
}

.ds-stack.-dynamic .ds-banner[data-cymatics-theme=tangerine] .ds-banner--inside,
.ds-stack.-stack .ds-banner[data-cymatics-theme=tangerine] .ds-banner--inside {
    --c-em-full: #000;
    --c-em-full-contrast: #fff;
    background-color: var(--c-tangerine);
    background-image: url(../media/cymatics/JBL-04-Tangerine_Complex-90F.webp)
}

.ds-stack.-dynamic .ds-banner[data-cymatics-theme=tangerine] .ds-banner--inside .ds-banner--copy,
.ds-stack.-stack .ds-banner[data-cymatics-theme=tangerine] .ds-banner--inside .ds-banner--copy {
    color: var(--c-em-full)
}

.ds-stack.-dynamic .ds-banner[data-cymatics-theme=tangerine] .ds-banner--inside .ds-banner--copy .btn-primary,
.ds-stack.-stack .ds-banner[data-cymatics-theme=tangerine] .ds-banner--inside .ds-banner--copy .btn-primary {
    border: 2px solid var(--c-button-border);
    background-color: var(--c-button);
    color: var(--c-button-copy)
}

.ds-stack.-dynamic .ds-banner[data-cymatics-theme=tangerine] .ds-banner--inside .ds-banner--copy .btn-primary:active,
.ds-stack.-dynamic .ds-banner[data-cymatics-theme=tangerine] .ds-banner--inside .ds-banner--copy .btn-primary:focus,
.ds-stack.-dynamic .ds-banner[data-cymatics-theme=tangerine] .ds-banner--inside .ds-banner--copy .btn-primary:hover,
.ds-stack.-stack .ds-banner[data-cymatics-theme=tangerine] .ds-banner--inside .ds-banner--copy .btn-primary:active,
.ds-stack.-stack .ds-banner[data-cymatics-theme=tangerine] .ds-banner--inside .ds-banner--copy .btn-primary:focus,
.ds-stack.-stack .ds-banner[data-cymatics-theme=tangerine] .ds-banner--inside .ds-banner--copy .btn-primary:hover {
    border: 2px solid var(--c-button-hover-border);
    background-color: var(--c-button-hover);
    color: var(--c-button-hover-copy)
}

.ds-stack.-dynamic .ds-banner[data-cymatics-theme=matcha] .ds-banner--inside,
.ds-stack.-stack .ds-banner[data-cymatics-theme=matcha] .ds-banner--inside {
    --c-em-full: #fff;
    --c-em-full-contrast: #000;
    background-color: var(--c-matcha);
    background-image: url(../media/cymatics/JBL-02-Matcha_Complex-90F.webp)
}

.ds-stack.-dynamic .ds-banner[data-cymatics-theme=matcha] .ds-banner--inside .ds-banner--copy .btn-primary,
.ds-stack.-stack .ds-banner[data-cymatics-theme=matcha] .ds-banner--inside .ds-banner--copy .btn-primary {
    border: 2px solid var(--c-em-full);
    background-color: var(--c-em-full);
    color: var(--c-em-full-contrast)
}

.ds-stack.-dynamic .ds-banner[data-cymatics-theme=matcha] .ds-banner--inside .ds-banner--copy .btn-primary:active,
.ds-stack.-dynamic .ds-banner[data-cymatics-theme=matcha] .ds-banner--inside .ds-banner--copy .btn-primary:focus,
.ds-stack.-dynamic .ds-banner[data-cymatics-theme=matcha] .ds-banner--inside .ds-banner--copy .btn-primary:hover,
.ds-stack.-stack .ds-banner[data-cymatics-theme=matcha] .ds-banner--inside .ds-banner--copy .btn-primary:active,
.ds-stack.-stack .ds-banner[data-cymatics-theme=matcha] .ds-banner--inside .ds-banner--copy .btn-primary:focus,
.ds-stack.-stack .ds-banner[data-cymatics-theme=matcha] .ds-banner--inside .ds-banner--copy .btn-primary:hover {
    border: 2px solid var(--c-em-full-contrast);
    background-color: var(--c-em-full-contrast);
    color: var(--c-em-full)
}

@media (max-width:1023.98px) {
    .ds-stack.-dynamic .ds-banner .ds-banner--copy,
    .ds-stack.-stack .ds-banner .ds-banner--copy {
        width: 100%
    }
    .ds-stack.-dynamic .ds-banner.-darkmode-m .ds-banner--inside,
    .ds-stack.-dynamic .ds-banner.-darkmode-m .ds-banner--inside .ds-banner--copy,
    .ds-stack.-stack .ds-banner.-darkmode-m .ds-banner--inside,
    .ds-stack.-stack .ds-banner.-darkmode-m .ds-banner--inside .ds-banner--copy {
        background-color: var(--c-em-full-contrast)
    }
    .ds-stack.-dynamic .ds-banner[data-cta-m=high-contrast] .ds-banner--inside,
    .ds-stack.-stack .ds-banner[data-cta-m=high-contrast] .ds-banner--inside {
        background-color: var(--c-periwinkle);
        background-image: url(../media/cymatics/JBL-02-Dark_Complex-90F.webp)
    }
    .ds-stack.-dynamic .ds-banner[data-cta-m=high-contrast] .ds-banner--inside .ds-banner--copy,
    .ds-stack.-stack .ds-banner[data-cta-m=high-contrast] .ds-banner--inside .ds-banner--copy {
        background-color: var(--c-em-full-contrast)
    }
    .ds-stack.-dynamic .ds-banner[data-cta-m=high-contrast] .ds-banner--inside .ds-banner--copy .btn-primary,
    .ds-stack.-stack .ds-banner[data-cta-m=high-contrast] .ds-banner--inside .ds-banner--copy .btn-primary {
        border: 2px solid var(--c-em-full);
        background-color: var(--c-em-full);
        color: var(--c-em-full-contrast)
    }
    .ds-stack.-dynamic .ds-banner[data-cta-m=high-contrast] .ds-banner--inside .ds-banner--copy .btn-primary:active,
    .ds-stack.-dynamic .ds-banner[data-cta-m=high-contrast] .ds-banner--inside .ds-banner--copy .btn-primary:focus,
    .ds-stack.-dynamic .ds-banner[data-cta-m=high-contrast] .ds-banner--inside .ds-banner--copy .btn-primary:hover,
    .ds-stack.-stack .ds-banner[data-cta-m=high-contrast] .ds-banner--inside .ds-banner--copy .btn-primary:active,
    .ds-stack.-stack .ds-banner[data-cta-m=high-contrast] .ds-banner--inside .ds-banner--copy .btn-primary:focus,
    .ds-stack.-stack .ds-banner[data-cta-m=high-contrast] .ds-banner--inside .ds-banner--copy .btn-primary:hover {
        border: 2px solid var(--c-em-full-contrast);
        background-color: var(--c-em-full-contrast);
        color: var(--c-em-full)
    }
}

@media (min-width:1024px) {
    .ds-stack.-stack .ds-banner .ds-banner--inside .ds-banner--copy {
        padding: var(--side-offset)
    }
}

@media (min-width:1401px) {
    .ds-stack.-stack .ds-banner[data-cymatics-theme=matcha] .ds-banner--picture img,
    .ds-stack.-stack .ds-banner[data-cymatics-theme=periwinkle] .ds-banner--picture img,
    .ds-stack.-stack .ds-banner[data-cymatics-theme=tangerine] .ds-banner--picture img {
        max-width: 50%;
        min-width: 50%
    }
}

.ds-pd-slideshow h2 {
    font-size: var(--f-h5)
}

.ds-pd-slideshow .slick-slide:has(.experience-commerce_assets-productTile) {
    border: thin solid var(--c-accent)
}

.ds-pd-slideshow .slick-slide:has(.experience-commerce_assets-productTile)+.slick-slide:has(.experience-commerce_assets-productTile) {
    border-left: 0
}

.ds-banner {
    max-width: 2560px
}

.ds-banner,
.ds-banner picture,
.ds-banner picture img {
    border-radius: 0
}

.page>.ds-slideshow--item .ds-banner .ds-banner--headline {
    font-stretch: normal !important;
    font-variation-settings: "wdth" 100 !important;
    font-size: var(--f-h6);
    text-wrap: balance;
    line-height: var(--f-h-lh)
}

.page>.ds-slideshow--item .ds-banner .ds-banner--subheadline {
    line-height: 1.4;
    text-wrap: pretty;
    font-size: 20px
}

@media (max-width:1023.98px) {
    .page>.ds-slideshow--item .ds-banner .ds-banner--subheadline {
        font-size: 18px
    }
}

@media (min-width:1401px) {
    .page>.ds-slideshow--item .ds-banner.-placement-left .ds-banner--inside,
    .page>.ds-slideshow--item .ds-banner.-placement-right .ds-banner--inside {
        grid-row: 1/-1
    }
}

@media (min-width:1024px) and (max-width:1399.98px) {
    .page>.ds-slideshow--item .ds-banner .ds-banner--inside {
        grid-row: 1/-1
    }
}

[data-action=Homepage]>.ds-slideshow--item .ds-banner--inside .ds-banner--copy h2 {
    font-stretch: normal;
    font-variation-settings: "wdth" 100;
    font-weight: 800
}

.ds-slideshow--item.-hpds .ds-banner {
    aspect-ratio: 824/1466;
    -ms-grid-rows: 50px 1fr 50px;
    grid-template-rows: 50px 1fr 50px
}

@media (max-width:1023px) and (orientation:landscape) {
    .ds-slideshow--item.-hpds .ds-banner {
        aspect-ratio: 2560/1387
    }
}

@media (min-width:900px) {
    .ds-slideshow--item.-hpds .ds-banner {
        aspect-ratio: 2560/1387
    }
    .ds-slideshow--item.-hpds .ds-banner>a,
    .ds-slideshow--item.-hpds .ds-banner>picture {
        grid-area: 1/1/-1/-1
    }
}

.ds-slideshow--item.-hpds .ds-banner.-image-overlay .ds-banner--picture:after {
    --ds-overlay-from: var(--c-em-xlow-contrast);
    --ds-overlay-to: var(--c-em-xlow-contrast)
}

.ds-slideshow--item.-hpds .ds-banner .btn-primary {
    border: 2px solid var(--c-button-border);
    background-color: var(--c-button);
    color: var(--c-button-copy)
}

.ds-slideshow--item.-hpds .ds-banner .btn-primary:active,
.ds-slideshow--item.-hpds .ds-banner .btn-primary:hover {
    border: 2px solid var(--c-button-hover-border);
    background-color: var(--c-button-hover);
    color: var(--c-button-hover-copy)
}

.ds-slideshow--item.-hpds .ds-banner>a {
    grid-row: 1/-1;
    grid-column: 1/-1
}

.ds-slideshow--item.-hpds .ds-banner>a .ds-banner--picture[data-dim-visual=light] {
    opacity: .6
}

.ds-slideshow--item.-hpds .ds-banner .ds-banner--inside {
    grid-row: 2/2;
    grid-column: 1/-1
}

.ds-slideshow--item.-hpds .ds-banner .ds-banner--inside .ds-banner--copy {
    max-width: 100%;
    padding: var(--side-offset);
    text-align: center;
    min-width: 100%
}

.ds-slideshow--item.-hpds .ds-banner .ds-banner--inside .ds-banner--copy .ds-banner--subheadline {
    text-wrap: balance;
    max-width: 75ch;
    margin-inline: auto
}

.ds-slideshow--item.-hpds .ds-banner .ds-banner--inside .ds-banner--copy h2 {
    display: inline-block;
    font-stretch: normal;
    font-variation-settings: "wdth" 100;
    font-size: clamp(3.5rem, calc(9.7vw - 1.2rem), 7.5rem);
    font-size: clamp(3.5rem, calc(7cqw - 1.2rem), 7.5rem);
    font-weight: 800;
    color: var(--c-em-full);
    font-family: var(--font-headline)
}

@media (min-width:1024px) {
    .ds-slideshow--item.-hpds .ds-banner .ds-banner--inside .ds-banner--copy h2.-m {
        display: none
    }
}

@media (max-width:1023.98px) {
    .ds-slideshow--item.-hpds .ds-banner .ds-banner--inside .ds-banner--copy h2.-m+h2 {
        display: none
    }
}

@media (max-width:1023px) {
    .ds-slideshow--item.-hpds .ds-banner[data-headlineSizeSm=m] .ds-banner--inside .ds-banner--copy h2 {
        font-size: var(--f-h5)
    }
}

@media (min-width:1024px) {
    .ds-slideshow--item.-hpds .ds-banner[data-headlineSizeLg=m] .ds-banner--inside .ds-banner--copy h2 {
        font-size: var(--f-h5)
    }
}

@media (max-width:1023px) {
    .ds-slideshow--item.-hpds .ds-banner[data-headlineSizeSm=l] .ds-banner--inside .ds-banner--copy h2 {
        font-size: var(--f-h3)
    }
}

@media (min-width:1024px) {
    .ds-slideshow--item.-hpds .ds-banner[data-headlineSizeLg=l] .ds-banner--inside .ds-banner--copy h2 {
        font-size: var(--f-h3)
    }
}

@media (max-width:1023px) {
    .ds-slideshow--item.-hpds .ds-banner[data-headlineSizeSm=xl] .ds-banner--inside .ds-banner--copy h2 {
        font-size: clamp(3.5rem, calc(7cqw - 1.2rem), 7.5rem)
    }
}

@media (min-width:1024px) {
    .ds-slideshow--item.-hpds .ds-banner[data-headlineSizeLg=xl] .ds-banner--inside .ds-banner--copy h2 {
        font-size: clamp(3.5rem, calc(7cqw - 1.2rem), 7.5rem)
    }
}

.ds-slideshow--item.-hpds .ds-banner[data-headline-size=sm] .ds-banner--inside .ds-banner--copy h2 {
    font-size: var(--f-h6)
}

.ds-slideshow--item.-hpds .ds-banner[data-headline-size=md] .ds-banner--inside .ds-banner--copy h2 {
    font-size: var(--f-h5)
}

.ds-slideshow--item.-hpds .ds-banner[data-headline-size=lg] .ds-banner--inside .ds-banner--copy h2 {
    font-size: var(--f-h3)
}

.ds-slideshow--item.-hpds .ds-banner[data-headline-size=xl] .ds-banner--inside .ds-banner--copy h2 {
    font-size: clamp(3.5rem, calc(7cqw - 1.2rem), 7.5rem)
}

.ds-slideshow--item.-hpds .ds-banner:not(.-justified).-placement-left .ds-banner--inside .ds-banner--copy {
    text-align: left;
    margin-inline: 0 auto
}

.ds-slideshow--item.-hpds .ds-banner:not(.-justified).-placement-left .ds-banner--inside .ds-banner--copy>* {
    margin-inline: 0 auto
}

.ds-slideshow--item.-hpds .ds-banner:not(.-justified).-placement-right .ds-banner--inside .ds-banner--copy {
    text-align: right;
    margin-inline: auto 0
}

.ds-slideshow--item.-hpds .ds-banner:not(.-justified).-placement-right .ds-banner--inside .ds-banner--copy>* {
    margin-inline: auto 0
}

.ds-slideshow--item.-hpds .ds-banner.-justified .ds-banner--inside .ds-banner--copy {
    padding: var(--spacing-m) var(--side-offset);
    text-align: left
}

.ds-slideshow--item.-hpds .ds-banner.-justified>a .ds-banner--picture {
    opacity: 1
}

@media (min-width:768px) and (max-width:1199.98px) {
    .experience-commerce_layouts-mobileGrid2r3c .slick-track:has(.experience-commerce_assets-productTile) {
        display: -ms-grid !important;
        display: grid !important;
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr)
    }
    .experience-commerce_layouts-mobileGrid2r3c .slick-track:has(.experience-commerce_assets-productTile):after,
    .experience-commerce_layouts-mobileGrid2r3c .slick-track:has(.experience-commerce_assets-productTile):before {
        display: none !important
    }
    .experience-commerce_layouts-mobileGrid2r3c .slick-track:has(.experience-commerce_assets-productTile) .slick-slide {
        min-width: 100%;
        max-width: 100%
    }
}

.page .experience-commerce_layouts-mobileGrid2r3c .product-tile .tile-body .short-description .link {
    min-height: 3em;
    max-height: 3em
}

@media (min-width:1024px) and (max-width:1430px) {
    .experience-commerce_assets-productTile .color-swatches .swatches:has(.view-more) a:nth-child(n+4) {
        display: none
    }
}

@media (min-width:1431px) and (max-width:1590px) {
    .experience-commerce_assets-productTile .color-swatches .swatches:has(.view-more) a:nth-child(n+5) {
        display: none
    }
}

.experience-commerce_assets-productTile .product-tile .tile-body {
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 0;
    margin-bottom: auto
}

.js-carouselExperience .slick-list .slick-slide:has(.experience-commerce_assets-productTile) .product-tile,
.search-results .grid-container .product-grid.pdp-einstein-carousel .slick-list .slick-slide .product-tile {
    border-bottom: 1px solid var(--c-accent)
}

.js-carouselExperience .slick-list .slick-slide:has(.experience-commerce_assets-productTile) .region,
.search-results .grid-container .product-grid.pdp-einstein-carousel .slick-list .region {
    padding-inline: 0
}

[data-action=Search-Show][data-querystring*="q="] .container.search-results .page-breadcrumb,
[data-action=Search-Show][data-querystring*="q="] .search-results.container-narrow .page-breadcrumb {
    position: absolute;
    top: 0
}

[data-action=Search-Show][data-querystring*="q="] .container.search-results .search-results__header,
[data-action=Search-Show][data-querystring*="q="] .search-results.container-narrow .search-results__header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    padding: var(--spacing-6xl) var(--side-offset) 0;
    border-bottom: 3px solid var(--c-em-3xlow)
}

[data-action=Search-Show][data-querystring*="q="] .container.search-results .search-results__header h1.search-results__count,
[data-action=Search-Show][data-querystring*="q="] .search-results.container-narrow .search-results__header h1.search-results__count {
    -ms-flex-order: -1;
    order: -1;
    font-family: var(--font-headline);
    font-size: var(--f-h5);
    text-transform: uppercase;
    font-weight: 700;
    text-wrap: balance;
    padding: 0;
    margin: 0 0 var(--spacing-l)
}

[data-action=Search-Show][data-querystring*="q="] .container.search-results .search-results__header h1.search-results__count .search-results__keywords,
[data-action=Search-Show][data-querystring*="q="] .search-results.container-narrow .search-results__header h1.search-results__count .search-results__keywords {
    text-transform: inherit;
    font-weight: inherit
}

[data-action=Search-Show][data-querystring*="q="] .container.search-results .search-results__header h1.search-results__count .search-results__keywords:before,
[data-action=Search-Show][data-querystring*="q="] .search-results.container-narrow .search-results__header h1.search-results__count .search-results__keywords:before {
    content: "\201C"
}

[data-action=Search-Show][data-querystring*="q="] .container.search-results .search-results__header h1.search-results__count .search-results__keywords:after,
[data-action=Search-Show][data-querystring*="q="] .search-results.container-narrow .search-results__header h1.search-results__count .search-results__keywords:after {
    content: "\201D"
}

@media (min-width:1024px) {
    [data-action=Search-Show][data-querystring*="q="] .container.search-results .search-results__header h1.search-results__count,
    [data-action=Search-Show][data-querystring*="q="] .search-results.container-narrow .search-results__header h1.search-results__count {
        font-size: var(--f-h4)
    }
}

[data-action=Search-Show][data-querystring*="q="] .container.search-results .search-results__header .search-results__form-container,
[data-action=Search-Show][data-querystring*="q="] .search-results.container-narrow .search-results__header .search-results__form-container {
    display: -ms-flexbox !important;
    display: flex !important
}

[data-action=Search-Show][data-querystring*="q="] .container.search-results .search-results__header .search-results__form-container .search-results__form,
[data-action=Search-Show][data-querystring*="q="] .search-results.container-narrow .search-results__header .search-results__form-container .search-results__form {
    display: block !important;
    max-width: 100%
}

[data-action=Search-Show][data-querystring*="q="] .container.search-results .search-results__header .search-results__form-container .search-results__form .search-results__input-field,
[data-action=Search-Show][data-querystring*="q="] .search-results.container-narrow .search-results__header .search-results__form-container .search-results__form .search-results__input-field {
    width: 100%;
    height: 40px;
    border-radius: 0;
    outline: none;
    border: 0;
    border-bottom: 3px solid var(--c-em-full);
    font-family: var(--font-body);
    font-size: var(--f-m)
}

[data-action=Search-Show][data-querystring*="q="] .container.search-results .search-results__header .search-results__form-container .search-results__form .search-results__submit-button,
[data-action=Search-Show][data-querystring*="q="] .search-results.container-narrow .search-results__header .search-results__form-container .search-results__form .search-results__submit-button {
    top: -5px
}

[data-action=Search-Show][data-querystring*="q="] .container.search-results .search-results__header .search-results__form-container .search-results__form .search-results__submit-button:hover .Search-White:before,
[data-action=Search-Show][data-querystring*="q="] .search-results.container-narrow .search-results__header .search-results__form-container .search-results__form .search-results__submit-button:hover .Search-White:before {
    background-color: var(--c-accent)
}

[data-action=Search-Show][data-querystring*="q="] .container.search-results .search-results__header .search-results__form-container .search-results__form:focus-within .search-results__input-field,
[data-action=Search-Show][data-querystring*="q="] .search-results.container-narrow .search-results__header .search-results__form-container .search-results__form:focus-within .search-results__input-field {
    background-color: var(--c-canvas);
    border-color: var(--c-accent)
}

[data-action=Search-Show][data-querystring*="q="] .container.search-results .search-results__header .search-results__nav-list .search-results__nav-item .search-results__nav-link,
[data-action=Search-Show][data-querystring*="q="] .search-results.container-narrow .search-results__header .search-results__nav-list .search-results__nav-item .search-results__nav-link {
    --skin-link-color-2: var(--c-em-full);
    padding: var(--spacing-2xs) var(--spacing-s);
    border-bottom: 3px solid transparent;
    transform: translateY(3px);
    text-decoration: none;
    display: block
}

[data-action=Search-Show][data-querystring*="q="] .container.search-results .search-results__header .search-results__nav-list .search-results__nav-item .search-results__nav-link:focus,
[data-action=Search-Show][data-querystring*="q="] .container.search-results .search-results__header .search-results__nav-list .search-results__nav-item .search-results__nav-link:hover,
[data-action=Search-Show][data-querystring*="q="] .container.search-results .search-results__header .search-results__nav-list .search-results__nav-item:first-of-type .search-results__nav-link,
[data-action=Search-Show][data-querystring*="q="] .search-results.container-narrow .search-results__header .search-results__nav-list .search-results__nav-item .search-results__nav-link:focus,
[data-action=Search-Show][data-querystring*="q="] .search-results.container-narrow .search-results__header .search-results__nav-list .search-results__nav-item .search-results__nav-link:hover,
[data-action=Search-Show][data-querystring*="q="] .search-results.container-narrow .search-results__header .search-results__nav-list .search-results__nav-item:first-of-type .search-results__nav-link {
    --skin-link-color-2: var(--c-accent);
    border-bottom: 3px solid var(--c-accent)
}

@media (max-width:1023.98px) {
    [data-action=Search-Show][data-querystring*="q="] .container.search-results .refinment-filter-seg,
    [data-action=Search-Show][data-querystring*="q="] .search-results.container-narrow .refinment-filter-seg {
        position: static
    }
    [data-action=Search-Show][data-querystring*="q="] .container.search-results .refinment-filter-seg .refinement-bar.fltr-sec-shw,
    [data-action=Search-Show][data-querystring*="q="] .search-results.container-narrow .refinment-filter-seg .refinement-bar.fltr-sec-shw {
        z-index: 9
    }
    [data-action=Search-Show][data-querystring*="q="] .container.search-results .refinment-filter-seg .refinement-bar.fltr-sec-shw .filter-container .collapsible-sm.active button.title:after,
    [data-action=Search-Show][data-querystring*="q="] .search-results.container-narrow .refinment-filter-seg .refinement-bar.fltr-sec-shw .filter-container .collapsible-sm.active button.title:after {
        line-height: 1.2
    }
}

[data-action=Search-Show][data-querystring*="q="] .container.search-results .filter-sec,
[data-action=Search-Show][data-querystring*="q="] .search-results.container-narrow .filter-sec {
    width: 100vw;
    overflow: clip
}

[data-action=Search-Show][data-querystring*="q="] .container.search-results .plp-rgt-sec,
[data-action=Search-Show][data-querystring*="q="] .search-results.container-narrow .plp-rgt-sec {
    padding-top: var(--spacing-s)
}

@media (max-width:1023.98px) {
    [data-action=Search-Show][data-querystring*="q="] .container.search-results .plp-rgt-sec>.row.-top .sortby-drop,
    [data-action=Search-Show][data-querystring*="q="] .search-results.container-narrow .plp-rgt-sec>.row.-top .sortby-drop {
        z-index: 0
    }
}

[data-action=Search-Show][data-querystring*="q="] .container.search-results #content-search-results-pane,
[data-action=Search-Show][data-querystring*="q="] .search-results.container-narrow #content-search-results-pane {
    border: 0
}

[data-action=Search-Show][data-querystring*="q="] .container.search-results #content-search-results-pane:before,
[data-action=Search-Show][data-querystring*="q="] .search-results.container-narrow #content-search-results-pane:before {
    display: none
}

[data-action=Search-Show][data-querystring*="q="] .container.search-results #content-search-results-pane h2.content-grid-title,
[data-action=Search-Show][data-querystring*="q="] .search-results.container-narrow #content-search-results-pane h2.content-grid-title {
    padding-inline: 0;
    margin-inline: 0;
    min-width: 100%;
    font-size: var(--f-h5)
}

[data-action=Search-Show][data-querystring*="q="] .container.search-results #content-search-results-pane .content-grid-header,
[data-action=Search-Show][data-querystring*="q="] .search-results.container-narrow #content-search-results-pane .content-grid-header {
    display: -ms-grid;
    display: grid;
    gap: 0;
    margin-left: 0;
    max-width: 100% !important;
    min-width: 100%
}

@media (max-width:1023.98px) {
    [data-action=Search-Show][data-querystring*="q="] .container.search-results #content-search-results-pane .content-grid-header,
    [data-action=Search-Show][data-querystring*="q="] .search-results.container-narrow #content-search-results-pane .content-grid-header {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (min-width:1024px) {
    [data-action=Search-Show][data-querystring*="q="] .container.search-results #content-search-results-pane .content-grid-header,
    [data-action=Search-Show][data-querystring*="q="] .search-results.container-narrow #content-search-results-pane .content-grid-header {
        -ms-grid-columns: (344px)[auto-fit];
        grid-template-columns: repeat(auto-fit, 344px)
    }
}

[data-action=Search-Show][data-querystring*="q="] .container.search-results #content-search-results-pane .content-grid-header .article-tile,
[data-action=Search-Show][data-querystring*="q="] .search-results.container-narrow #content-search-results-pane .content-grid-header .article-tile {
    outline: 1px solid var(--c-em-3xlow);
    border-bottom: thin solid transparent;
    overflow: clip
}

[data-action=Search-Show][data-querystring*="q="] .container.search-results #content-search-results-pane .content-grid-header .article-tile .article-tile__figure,
[data-action=Search-Show][data-querystring*="q="] .search-results.container-narrow #content-search-results-pane .content-grid-header .article-tile .article-tile__figure {
    padding: 20px 20px 0;
    aspect-ratio: 1/1;
    height: auto;
    width: 100%
}

[data-action=Search-Show][data-querystring*="q="] .container.search-results #content-search-results-pane .content-grid-header .article-tile .article-tile__figure img,
[data-action=Search-Show][data-querystring*="q="] .search-results.container-narrow #content-search-results-pane .content-grid-header .article-tile .article-tile__figure img {
    object-fit: cover
}

[data-action=Search-Show][data-querystring*="q="] .container.search-results #content-search-results-pane .content-grid-header .article-tile .article-tile__body,
[data-action=Search-Show][data-querystring*="q="] .search-results.container-narrow #content-search-results-pane .content-grid-header .article-tile .article-tile__body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 12rem
}

[data-action=Search-Show][data-querystring*="q="] .container.search-results #content-search-results-pane .content-grid-header .article-tile .article-tile__body h3.article-tile__title,
[data-action=Search-Show][data-querystring*="q="] .search-results.container-narrow #content-search-results-pane .content-grid-header .article-tile .article-tile__body h3.article-tile__title {
    height: 45px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden
}

[data-action=Search-Show][data-querystring*="q="] .container.search-results #content-search-results-pane .content-grid-header .article-tile .article-tile__body h3.article-tile__title a,
[data-action=Search-Show][data-querystring*="q="] .search-results.container-narrow #content-search-results-pane .content-grid-header .article-tile .article-tile__body h3.article-tile__title a {
    height: 45px;
    font-family: var(--font-body);
    color: var(--c-em-full);
    font-weight: 600;
    text-transform: none;
    line-height: 1.2;
    display: block;
    font-size: var(--f-l)
}

[data-action=Search-Show][data-querystring*="q="] .container.search-results #content-search-results-pane .content-grid-header .article-tile .article-tile__body h3.article-tile__title a:hover,
[data-action=Search-Show][data-querystring*="q="] .search-results.container-narrow #content-search-results-pane .content-grid-header .article-tile .article-tile__body h3.article-tile__title a:hover {
    text-decoration: underline;
    text-underline-offset: 2px
}

[data-action=Search-Show][data-querystring*="q="] .container.search-results #content-search-results-pane .content-grid-header .article-tile .article-tile__body .article-tile__copy,
[data-action=Search-Show][data-querystring*="q="] .search-results.container-narrow #content-search-results-pane .content-grid-header .article-tile .article-tile__body .article-tile__copy {
    font-family: var(--font-body);
    color: var(--c-em-full);
    font-size: var(--f-m);
    line-height: 1.4;
    -webkit-line-clamp: 2
}

[data-action=Search-Show][data-querystring*="q="] .container.search-results #content-search-results-pane .content-grid-header .article-tile .article-tile__body .article-tile__read-more,
[data-action=Search-Show][data-querystring*="q="] .search-results.container-narrow #content-search-results-pane .content-grid-header .article-tile .article-tile__body .article-tile__read-more {
    margin-bottom: 0;
    margin-top: auto
}

[data-action=Search-Show][data-querystring*="q="] .container.search-results #content-search-results-pane .content-grid-header .article-tile .article-tile__body .article-tile__read-more a,
[data-action=Search-Show][data-querystring*="q="] .search-results.container-narrow #content-search-results-pane .content-grid-header .article-tile .article-tile__body .article-tile__read-more a {
    font-family: var(--font-body);
    color: var(--c-accent);
    font-size: var(--f-m);
    line-height: 1.4;
    text-transform: none
}

[data-action=Search-Show][data-querystring*="q="] .container.search-results #content-search-results-pane .content-grid-header .article-tile .article-tile__body .article-tile__read-more a:after,
[data-action=Search-Show][data-querystring*="q="] .search-results.container-narrow #content-search-results-pane .content-grid-header .article-tile .article-tile__body .article-tile__read-more a:after {
    font-family: var(--font-icon);
    content: "arrow_forward";
    display: inline-block;
    transform: translateY(3px)
}

@media (max-width:1023.98px) {
    [data-action=Search-Show][data-querystring*="q="] .container.search-results #content-search-results-pane .content-grid-header,
    [data-action=Search-Show][data-querystring*="q="] .search-results.container-narrow #content-search-results-pane .content-grid-header {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
        margin-inline: -15px;
        width: 100vw
    }
}

@media (max-width:1023px) {
    .plp-rgt-sec>.row.-top .sortby-drop {
        top: -55px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .plp-rgt-sec>.row.-top .sortby-drop {
        top: -40px
    }
}

.search-results .clp-section .refine-sec {
    position: static
}

.search-results .clp-section .plp-rgt-sec {
    position: relative;
    padding-top: var(--spacing-s);
    background-color: var(--c-canvas-full)
}

@media (max-width:1023.98px) {
    .search-results .clp-section .plp-rgt-sec {
        padding-top: 0
    }
}

.search-results {
    margin-top: 0
}

@media (min-width:1024px) {
    .search-results {
        margin-top: 0
    }
}

.search-results .clear-all-mobile {
    text-align: center
}

@media (max-width:1023.98px) {
    .search-results .filter-button-cntr {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 8px
    }
    .search-results .clr-fltr-btn,
    .search-results .filter-close-sec.btn {
        border-radius: 0;
        padding: var(--button-padding)
    }
    .search-results .clr-fltr-btn {
        color: var(--c-button-secondary-copy);
        border: 2px solid var(--c-button-secondary-border);
        background-color: var(--c-button-secondary)
    }
    .search-results .filter-close-sec.btn {
        color: var(--c-button-copy);
        border: 2px solid var(--c-button-border);
        background-color: var(--c-button)
    }
    .search-results .header-bar .pull-right.close.filter-close-sec {
        padding: 2px 3.5px;
        background: transparent;
        border-radius: 0;
        font-size: 13px;
        color: var(--c-em-full);
        font-weight: 400;
        text-shadow: none
    }
    .search-results .header-bar .pull-right.close.filter-close-sec:before {
        font-family: var(--font-icon);
        font-weight: 400;
        font-style: normal;
        font-size: 1em;
        line-height: 1;
        letter-spacing: normal;
        text-transform: none;
        display: inline-block;
        white-space: nowrap;
        word-wrap: normal;
        direction: ltr;
        vertical-align: sub;
        -webkit-font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
        font-variation-settings: "FILL" 1;
        transition: transform var(--ds-transition);
        will-change: transform clip-path;
        content: "close";
        transform: rotate(0deg);
        color: inherit;
        font-size: 24px;
        font-weight: 600;
        line-height: .2;
        width: 32px;
        height: 32px;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .search-results .refinement-bar .filter-close-sec.btn {
        border-radius: 0;
        color: var(--c-button-copy);
        border: 2px solid var(--c-button-border);
        font-size: var(--f-m);
        background-color: var(--c-button)
    }
}

.search-results .selected-options-list ul {
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width:1023.98px) {
    .search-results .selected-options-list ul {
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.search-results .selected-options-list ul li {
    left: 0;
    background-color: transparent
}

.search-results .selected-options-list li.filter-value button {
    padding: 7px 16px;
    background: transparent;
    color: var(--c-em-full);
    font-family: var(--font-body);
    font-size: var(--f-m);
    border: thin solid var(--c-accent);
    border-radius: inherit
}

.search-results .selected-options-list li.filter-value button:hover {
    background-color: var(--c-button);
    color: var(--c-button-copy)
}

.search-results .selected-options-list li.filter-value button:after {
    content: "close";
    font-family: var(--font-icon);
    text-rendering: auto;
    right: 0;
    top: 0;
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: inherit !important;
    font-size: 20px;
    transform: translateY(5px);
    line-height: .2;
    font-weight: 900
}

.search-results .selected-options-list li.filter-value button .applied-filter-text {
    font-size: inherit;
    line-height: 1;
    font-weight: 500;
    font-family: inherit;
    color: inherit
}

@media (max-width:1023.98px) {
    .search-results .selected-options-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 16px;
        padding-top: 2px
    }
    .search-results .selected-options-list .optionFilter li.filter-value {
        margin: 0
    }
    .search-results .selected-options-list .clear-all-mobile {
        all: revert;
        min-height: 40px;
        display: -ms-flexbox;
        display: flex
    }
}

.search-results .refine-sec .filter-bar.desc-filt {
    max-width: none;
    margin: 0;
    padding-inline: var(--side-offset)
}

.search-results .refine-sec .filter-bar.desc-filt .filter-heading,
.search-results .refine-sec .filter-bar.desc-filt .filter-heading-mob,
.search-results .refine-sec .filter-bar.desc-filt .filter-option-appiled {
    padding-inline: 0
}

.search-results .refine-sec .filter-bar.desc-filt .filter-heading,
.search-results .refine-sec .filter-bar.desc-filt .filter-heading-mob {
    font-size: clamp(22px, 2.8cqw, 28px);
    font-stretch: condensed;
    font-variation-settings: "wdth" 75;
    font-family: var(--font-headline);
    color: var(--c-em-full);
    text-transform: uppercase;
    margin-bottom: var(--spacing-s)
}

.search-results .refine-sec .filter-bar.desc-filt .refinement-bar {
    padding-inline: 0
}

.search-results .refine-sec .filter-bar.desc-filt .refinement-bar.clear-all {
    border-bottom: 1px solid var(--c-em-3xlow);
    margin-bottom: var(--spacing-m);
    clear: both;
    padding-top: var(--spacing-xs)
}

.search-results .refine-sec .filter-bar.desc-filt .refinement-bar.clear-all .clr-al-lnk {
    font-size: var(--f-m);
    color: var(--c-em-full);
    text-underline-offset: 2px
}

.search-results .refine-sec .filter-bar.desc-filt .refinement-bar.clear-all .clr-al-lnk:active,
.search-results .refine-sec .filter-bar.desc-filt .refinement-bar.clear-all .clr-al-lnk:hover {
    color: var(--c-accent)
}

@media (max-width:767.98px) {
    .search-results .refinement-bar .filter-container {
        max-height: calc(100vh - var(--sizing-header) - var(--sizing-filter-height) - 74px);
        overflow-y: scroll;
        padding: 0 var(--side-offset) 8px
    }
    .search-results .refinement-bar .filter-container .done-btn-sec {
        width: 100%;
        display: inline-block;
        text-align: center;
        margin: 0;
        position: sticky;
        bottom: 0;
        padding: 8px 0
    }
}

@media (min-width:768px) {
    .search-results .refinement-bar .filter-container {
        max-width: 100%;
        margin: 0 auto;
        padding: 0 var(--side-offset)
    }
}

.search-results .refinement-bar .filter-container .collapsible-sm button.title:after {
    font-family: var(--font-icon);
    font-weight: 400;
    font-style: normal;
    font-size: 1em;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    vertical-align: sub;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    font-variation-settings: "FILL" 1;
    transition: transform var(--ds-transition);
    will-change: transform clip-path;
    content: "add";
    transform: rotate(0deg);
    color: var(--c-em-full);
    font-size: 24px;
    font-weight: 700;
    line-height: .2;
    transform: translateY(14px)
}

.search-results .refinement-bar .filter-container .collapsible-sm.active button.title:after {
    content: "remove";
    transform: rotate(0deg);
    color: var(--c-em-full);
    font-size: 24px;
    line-height: .2;
    transform: translateY(14px)
}

.search-results .refinement-bar .filter-container .irs--round .irs-from,
.search-results .refinement-bar .filter-container .irs--round .irs-single,
.search-results .refinement-bar .filter-container .irs--round .irs-to {
    background: var(--c-button);
    color: var(--c-button-copy)
}

.search-results .refinement-bar .filter-container .irs--round .irs-grid-pol,
.search-results .refinement-bar .filter-container .irs--round .irs-grid-text {
    opacity: 0
}

.search-results .refinement-bar .filter-container .irs--round .irs-handle {
    border: 3px solid var(--c-accent);
    scale: .8
}

.search-results .refinement-bar .filter-container .refinements .card {
    background: var(--bg);
    border-color: var(--c-em-3xlow);
    padding-block: var(--spacing-xs)
}

.search-results .refinement-bar .filter-container .refinements .card .card-header {
    background: var(--bg);
    padding-inline: 0
}

.search-results .refinement-bar .filter-container .refinements .card .card-header .title span {
    font-size: clamp(22px, 2.8cqw, 28px);
    font-stretch: condensed;
    font-variation-settings: "wdth" 75;
    font-family: var(--font-headline);
    color: var(--c-em-full);
    text-transform: uppercase
}

.search-results .refinement-bar .filter-container .refinements .card .card-body {
    padding-inline: 0
}

.search-results .refinement-bar .filter-container .refinements .card .color-attribute *,
.search-results .refinement-bar .filter-container .refinements .card li.color-attribute {
    border-radius: 0 !important
}

.search-results .refinement-bar .filter-container .refinements .card .refinement-color-child ul {
    -ms-grid-columns: (48px)[auto-fit];
    grid-template-columns: repeat(auto-fit, 48px);
    column-gap: 12px
}

.search-results .refinement-bar .filter-container .refinements .card .refinement-color-child ul li button {
    width: 48px;
    height: 48px
}

.search-results .refinement-bar .filter-container .refinements .card .refinement-color-child ul li button .swatch-circle {
    width: 100%;
    height: 100%
}

.search-results .refinement-bar .filter-container .refinements .card .refinement-color-child ul li .clr-name {
    font-size: 8px;
    word-break: auto-phrase;
    text-transform: uppercase;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 500
}

@media (min-width:1024px) {
    .search-results .refinement-bar .filter-container .refinements .card .refinement-color-child ul {
        -ms-grid-columns: (48px)[auto-fit];
        grid-template-columns: repeat(auto-fit, 48px);
        column-gap: 12px
    }
    .search-results .refinement-bar .filter-container .refinements .card .refinement-color-child ul li button {
        width: 48px;
        height: 48px
    }
    .search-results .refinement-bar .filter-container .refinements .card .refinement-color-child ul li button .swatch-circle {
        width: 100%;
        height: 100%
    }
    .search-results .refinement-bar .filter-container .refinements .card .refinement-color-child ul li button .clr-name {
        font-size: var(--f-s);
        word-break: break-word
    }
}

.refinment-filter-seg {
    --bg: var(--c-canvas-full);
    --sizing-filter-height: 2px;
    background: var(--bg);
    margin-inline: 0
}

@media (min-width:1024px) {
    .refinment-filter-seg {
        --bg: var(--c-canvas);
        padding-top: var(--side-offset)
    }
}

@media (max-width:1023.98px) {
    .refinment-filter-seg {
        border-bottom: thin solid var(--c-border)
    }
    .refinment-filter-seg .sortby-drop .form-control {
        font-family: var(--font-body);
        text-transform: uppercase;
        font-weight: 600;
        border: 0;
        text-align: right;
        padding-right: 32px;
        height: 37px
    }
}

@media (max-width:1023.98px) and (min-width:768px) {
    .refinment-filter-seg .filter-drop {
        margin-right: 15px;
        margin-left: auto
    }
}

@media (max-width:1023.98px) {
    .refinment-filter-seg .filter-drop .filter-results {
        border: 0 solid var(--c-em-full);
        color: var(--c-em-full);
        border-bottom-width: 0;
        border-left: 0 !important;
        font-family: var(--font-body);
        text-transform: uppercase;
        width: 98%;
        padding-left: var(--side-offset);
        font-weight: 600
    }
    .refinment-filter-seg .filter-drop .filter-results:after {
        font-family: var(--font-icon);
        font-weight: 400;
        font-style: normal;
        font-size: 1em;
        line-height: 1;
        letter-spacing: normal;
        text-transform: none;
        display: inline-block;
        white-space: nowrap;
        word-wrap: normal;
        direction: ltr;
        vertical-align: sub;
        -webkit-font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
        font-variation-settings: "FILL" 1;
        transition: transform var(--ds-transition);
        will-change: transform clip-path;
        content: "add";
        transform: rotate(0deg);
        color: var(--c-em-full);
        font-size: 20px;
        font-weight: 700;
        line-height: .8;
        position: relative;
        inset: 0
    }
    .refinment-filter-seg .filter-drop .filter-results.filter-display {
        position: relative;
        z-index: 3;
        border-color: transparent;
        padding-left: var(--side-offset);
        background-color: var(--c-canvas);
        width: 100vw;
        max-width: none;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-top: 8px
    }
    .refinment-filter-seg .filter-drop .filter-results.filter-display:after {
        content: "add";
        transform: rotate(-45deg);
        font-size: 24px
    }
    .refinment-filter-seg .refinement-bar.fltr-sec-shw {
        transform: translateY(0);
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100vw;
        overflow-x: clip;
        --bg: var(--c-canvas);
        background-color: var(--bg)
    }
    .refinment-filter-seg .refinement-bar.fltr-sec-shw .filter-header {
        opacity: 0;
        display: none
    }
    .refinment-filter-seg .refinement-bar.fltr-sec-shw .filter-option-appiled .filter-heading-mob {
        margin-top: 12px;
        padding-left: 0
    }
    .refinment-filter-seg .refinement-bar:not(.fltr-sec-shw):has(.filter-value) {
        transform: translateY(-6px);
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100vw;
        overflow-x: clip;
        --bg: var(--c-canvas-full);
        background-color: var(--bg);
        height: auto;
        padding-bottom: 8px;
        border: 0
    }
    .refinment-filter-seg .refinement-bar:not(.fltr-sec-shw):has(.filter-value)>* {
        display: none !important
    }
    .refinment-filter-seg .refinement-bar:not(.fltr-sec-shw):has(.filter-value) .filter-bar.d-sm-none {
        display: -ms-flexbox !important;
        display: flex !important
    }
    .refinment-filter-seg .refinement-bar:not(.fltr-sec-shw):has(.filter-value) .filter-bar.d-sm-none .filter-value {
        background-color: transparent
    }
}

.plp-rgt-sec {
    padding-top: var(--side-offset)
}

.plp-rgt-sec>.row.-top,
.plp-rgt-sec>.row.-top .row {
    margin-inline: 0
}

@media (min-width:1024px) {
    .plp-rgt-sec>.row.-top {
        padding-inline: var(--side-offset)
    }
}

.plp-rgt-sec>.row.-top .-headline h1 {
    font-size: var(--f-h5);
    font-size: clamp(var(--f-h5), 3cqw, var(--f-h4))
}

@media (max-width:1023.98px) {
    .plp-rgt-sec>.row.-top .-headline h1 {
        margin-block: .5rem
    }
}

html .search-results {
    padding-bottom: var(--spacing-m)
}

html .search-results .grid-container {
    max-width: 100%
}

@media (min-width:1024px) {
    html .search-results .grid-container {
        max-width: none;
        -ms-flex: 1;
        flex: 1
    }
}

html .search-results .grid-container .product-grid {
    padding: 0 0 2px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(0, 1fr))[2];
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

html .search-results .grid-container .product-grid>.advert-tile,
html .search-results .grid-container .product-grid>.tile {
    max-width: none;
    border: 0;
    outline: 1px solid var(--c-accent);
    margin: 0 !important
}

@media (max-width:767.98px) {
    html .search-results .grid-container .product-grid>.advert-tile:nth-child(-n+6),
    html .search-results .grid-container .product-grid>.tile:nth-child(-n+6) {
        -ms-flex-order: -500;
        order: -500
    }
    html .search-results .grid-container .product-grid>.advert-tile:has(.ds-category-visual) {
        -ms-flex-order: -250;
        order: -250
    }
    html .search-results .grid-container .product-grid>.advert-tile:has(.ds-category-visual):nth-child(-n+6)~.advert-tile:nth-child(-n+7),
    html .search-results .grid-container .product-grid>.advert-tile:has(.ds-category-visual):nth-child(-n+6)~.tile:nth-child(-n+7) {
        -ms-flex-order: -500;
        order: -500
    }
}

@media (min-width:768px) and (max-width:1023.98px) {
    html .search-results .grid-container .product-grid {
        -ms-grid-columns: (minmax(0, 1fr))[3];
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
    html .search-results .grid-container .product-grid>.advert-tile:nth-child(-n+6),
    html .search-results .grid-container .product-grid>.tile:nth-child(-n+6) {
        -ms-flex-order: -500;
        order: -500
    }
    html .search-results .grid-container .product-grid>.advert-tile:has(.ds-category-visual) {
        -ms-flex-order: -250;
        order: -250
    }
    html .search-results .grid-container .product-grid>.advert-tile:has(.ds-category-visual):nth-child(-n+6)~.advert-tile:nth-child(-n+7),
    html .search-results .grid-container .product-grid>.advert-tile:has(.ds-category-visual):nth-child(-n+6)~.tile:nth-child(-n+7) {
        -ms-flex-order: -500;
        order: -500
    }
}

@media (min-width:1024px) {
    html .search-results .grid-container .product-grid {
        margin-inline: var(--side-offset);
        column-gap: .4px;
        row-gap: .5px
    }
}

@media (min-width:1024px) and (max-width:1199.98px) {
    html .search-results .grid-container .product-grid>.advert-tile:nth-child(-n+6),
    html .search-results .grid-container .product-grid>.tile:nth-child(-n+6) {
        -ms-flex-order: -500;
        order: -500
    }
    html .search-results .grid-container .product-grid>.advert-tile:has(.ds-category-visual) {
        -ms-flex-order: -250;
        order: -250
    }
    html .search-results .grid-container .product-grid>.advert-tile:has(.ds-category-visual):nth-child(-n+6)~.advert-tile:nth-child(-n+7),
    html .search-results .grid-container .product-grid>.advert-tile:has(.ds-category-visual):nth-child(-n+6)~.tile:nth-child(-n+7) {
        -ms-flex-order: -500;
        order: -500
    }
}

@media (min-width:1200px) and (max-width:1599.98px) {
    html .search-results .grid-container .product-grid {
        -ms-grid-columns: (minmax(0, 1fr))[3];
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
    html .search-results .grid-container .product-grid>.advert-tile:nth-child(-n+6),
    html .search-results .grid-container .product-grid>.tile:nth-child(-n+6) {
        -ms-flex-order: -500;
        order: -500
    }
    html .search-results .grid-container .product-grid>.advert-tile:has(.ds-category-visual) {
        -ms-flex-order: -250;
        order: -250
    }
    html .search-results .grid-container .product-grid>.advert-tile:has(.ds-category-visual):nth-child(-n+6)~.advert-tile:nth-child(-n+7),
    html .search-results .grid-container .product-grid>.advert-tile:has(.ds-category-visual):nth-child(-n+6)~.tile:nth-child(-n+7) {
        -ms-flex-order: -500;
        order: -500
    }
}

@media (min-width:1600px) and (max-width:2099.98px) {
    html .search-results .grid-container .product-grid {
        -ms-grid-columns: (minmax(0, 1fr))[4];
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
    html .search-results .grid-container .product-grid>.advert-tile:nth-child(-n+8),
    html .search-results .grid-container .product-grid>.tile:nth-child(-n+8) {
        -ms-flex-order: -500;
        order: -500
    }
    html .search-results .grid-container .product-grid>.advert-tile:has(.ds-category-visual) {
        -ms-flex-order: -250;
        order: -250
    }
    html .search-results .grid-container .product-grid>.advert-tile:has(.ds-category-visual):nth-child(-n+8)~.advert-tile:nth-child(-n+9),
    html .search-results .grid-container .product-grid>.advert-tile:has(.ds-category-visual):nth-child(-n+8)~.tile:nth-child(-n+9) {
        -ms-flex-order: -500;
        order: -500
    }
}

@media (min-width:2100px) and (max-width:2399.98px) {
    html .search-results .grid-container .product-grid {
        -ms-grid-columns: (minmax(0, 1fr))[5];
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }
    html .search-results .grid-container .product-grid>.advert-tile:nth-child(-n+10),
    html .search-results .grid-container .product-grid>.tile:nth-child(-n+10) {
        -ms-flex-order: -500;
        order: -500
    }
    html .search-results .grid-container .product-grid>.advert-tile:has(.ds-category-visual) {
        -ms-flex-order: -250;
        order: -250
    }
    html .search-results .grid-container .product-grid>.advert-tile:has(.ds-category-visual):nth-child(-n+10)~.advert-tile:nth-child(-n+11),
    html .search-results .grid-container .product-grid>.advert-tile:has(.ds-category-visual):nth-child(-n+10)~.tile:nth-child(-n+11) {
        -ms-flex-order: -500;
        order: -500
    }
}

@media (min-width:2400px) {
    html .search-results .grid-container .product-grid {
        -ms-grid-columns: (minmax(0, 1fr))[6];
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }
    html .search-results .grid-container .product-grid>.advert-tile:nth-child(-n+12),
    html .search-results .grid-container .product-grid>.tile:nth-child(-n+12) {
        -ms-flex-order: -500;
        order: -500
    }
    html .search-results .grid-container .product-grid>.advert-tile:has(.ds-category-visual) {
        -ms-flex-order: -250;
        order: -250
    }
    html .search-results .grid-container .product-grid>.advert-tile:has(.ds-category-visual):nth-child(-n+12)~.advert-tile:nth-child(-n+13),
    html .search-results .grid-container .product-grid>.advert-tile:has(.ds-category-visual):nth-child(-n+12)~.tile:nth-child(-n+13) {
        -ms-flex-order: -500;
        order: -500
    }
}

html .search-results .grid-container .product-grid .grid-footer {
    grid-column: 1/-1;
    -ms-flex-order: 900;
    order: 900
}

.cat-seo-container {
    text-align: left;
    margin: 0 auto;
    padding: var(--side-offset);
    max-width: var(--sizing-max-page);
    width: 100%;
    margin-bottom: 0;
    font-size: var(--f-m)
}

.cat-seo-container h2,
.cat-seo-container h3,
.cat-seo-container h4 {
    margin-bottom: var(--spacing-s);
    margin-top: var(--spacing-xl)
}

.cat-seo-container h2 {
    font-size: var(--f-3xl)
}

.cat-seo-container h2:after {
    display: none
}

.cat-seo-container h3 {
    font-size: var(--f-2xl)
}

.cat-seo-container h4 {
    font-size: var(--f-xl)
}

.cat-seo-container p {
    font-size: var(--f-m);
    color: var(--c-em-med);
    max-width: 120ch;
    text-wrap: pretty
}

.cat-seo-container p a {
    color: currentColor;
    text-decoration: underline;
    text-underline-offset: 2px;
    -webkit-text-decoration-color: var(--c-accent);
    text-decoration-color: var(--c-accent)
}

.cat-seo-container p a:focus,
.cat-seo-container p a:hover {
    color: var(--c-accent)
}

.cat-seo-container .cat-seo-more {
    color: var(--c-accent);
    margin-top: var(--spacing-s)
}

.search-results .clp-section .sortby-drop .form-control {
    border-right: 0
}

.select-wrapper .dropdown.bootstrap-select {
    max-width: 100%
}

.select-wrapper .dropdown.bootstrap-select .dropdown-toggle {
    max-width: 100%;
    width: auto;
    padding-right: 42px;
    border: 0;
    border-bottom: 3px solid var(--c-em-full);
    background-color: var(--c-canvas);
    font-weight: 500;
    font-family: var(--font-body);
    text-transform: capitalize
}

@media (min-width:1024px) {
    .select-wrapper .dropdown.bootstrap-select .dropdown-toggle {
        min-width: 180px
    }
}

.select-wrapper .dropdown.bootstrap-select .dropdown-toggle:focus,
.select-wrapper .dropdown.bootstrap-select .dropdown-toggle:focus-within,
.select-wrapper .dropdown.bootstrap-select .dropdown-toggle:hover {
    border-color: var(--c-accent)
}

.select-wrapper .dropdown.bootstrap-select div.dropdown-menu {
    font-family: var(--font-body);
    text-transform: capitalize
}

.select-wrapper .dropdown.bootstrap-select div.dropdown-menu .dropdown-menu.inner .dropdown-item:active,
.select-wrapper .dropdown.bootstrap-select div.dropdown-menu .dropdown-menu.inner .dropdown-item:hover {
    background: var(--c-button) !important;
    color: var(--c-button-copy) !important
}

.plp-rgt-sec .select-wrapper .dropdown.bootstrap-select .dropdown-toggle {
    background-color: transparent;
    border: 0;
    transform: translateX(16px);
    color: var(--c-em-full);
    font-size: var(--f-m);
    text-transform: uppercase
}

.plp-rgt-sec .select-wrapper .dropdown.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    font-weight: 500
}

.plp-rgt-sec .select-wrapper .dropdown.bootstrap-select .dropdown-toggle .bold-sort-by-dropdown-text {
    color: var(--c-accent);
    text-transform: none
}

.search-results .refinement-tooltip-modal .modal-dialog .modal-content {
    max-width: 96vw
}

.search-results .refinement-tooltip-modal .modal-dialog .modal-content .modal-header {
    padding: 4px
}

.search-results .refinement-tooltip-modal .modal-dialog .modal-content .modal-header button.close:before {
    display: none
}

.search-results .refinement-tooltip-modal .modal-dialog .modal-content .modal-body {
    padding: var(--spacing-s) var(--spacing-m)
}

.search-results .refinement-tooltip-modal .modal-dialog .modal-content .footer-button {
    margin: var(--spacing-s) var(--spacing-m)
}

.experience-commerce_layouts-mobileGrid2r3c .product-tile .tile-body,
.product-grid .product-tile .tile-body {
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 0;
    margin-bottom: auto
}

.experience-commerce_layouts-mobileGrid2r3c .product-tile .tile-body .pdp-link .link,
.experience-commerce_layouts-mobileGrid2r3c .product-tile .tile-body .short-description .link {
    min-height: 45px
}

#cat-landing-bottom-container {
    overflow-x: hidden
}

@media (min-width:768px) and (max-width:1024px) {
    .content-grid-header .filter-results,
    .grid-header .filter-results {
        display: block
    }
    .refinment-filter-seg .refinement-bar.fltr-sec-shw {
        transform: none
    }
    .refine-sec .refinment-filter-seg {
        position: sticky;
        top: var(--sizing-header);
        z-index: 3;
        max-width: none
    }
    .refinment-filter-seg .filter-drop {
        margin: 0
    }
    .search-results .clp-section .sortby-drop .form-control {
        max-width: none
    }
    .search-results .clp-section .sortby-drop {
        position: relative;
        top: 0
    }
}

.tab-content>.active:has(.fltr-sec-shw) {
    z-index: 4
}

.catlanding.container-narrow,
.container.catlanding {
    background-color: var(--c-canvas-full);
    max-width: 2560px
}

.catlanding .secondary-content {
    padding-inline: var(--side-offset)
}

@media (min-width:1600px) {
    .catlanding .category-content {
        -ms-flex-pack: start;
        justify-content: start;
        gap: var(--spacing-m)
    }
    .catlanding .category-content .category-section {
        -ms-flex-preferred-size: calc(33.3333% - var(--spacing-s));
        flex-basis: calc(33.3333% - var(--spacing-s))
    }
}

.catlanding .category-section[href]:hover .cat-header-text {
    text-decoration: underline
}

.catlanding .category-section .category-img img {
    object-fit: cover;
    width: 100%
}

.catlanding .category-section .cat-content {
    background-color: var(--c-canvas);
    padding: var(--spacing-m);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: start;
    align-items: start
}

.catlanding .category-section .cat-header-text {
    font-family: var(--font-headline);
    font-stretch: condensed;
    font-variation-settings: "wdth" 75;
    text-transform: uppercase;
    font-weight: 600;
    font-size: var(--f-3xl);
    line-height: var(--f-h-lh);
    color: var(--c-em-full);
    -webkit-text-decoration-color: var(--c-accent);
    text-decoration-color: var(--c-accent);
    text-underline-offset: 2px;
    margin-bottom: var(--spacing-s);
    text-wrap: balance
}

.catlanding .category-section .cat-text {
    font-family: var(--font-body);
    font-stretch: normal;
    font-variation-settings: "wdth" 100;
    text-transform: none;
    font-weight: 400;
    font-size: var(--f-m);
    line-height: 1.4;
    margin-bottom: var(--spacing-m);
    color: var(--c-em-med);
    text-wrap: pretty
}

.catlanding .category-section .btn {
    margin-top: auto;
    margin-bottom: 0
}

#maincontent .product-detail.product-wrapper {
    --pdp-h2: var(--f-h4);
    font-size: var(--f-m);
    color: var(--c-em-high);
    max-width: var(--sizing-max-page);
    margin-inline: auto;
    overflow-x: clip
}

#maincontent .product-detail.product-wrapper .breadcrumb-wrapper {
    padding: 0;
    margin: var(--spacing-xs-negative) 0 0
}

#maincontent .product-detail.product-wrapper .breadcrumb-wrapper .col-md-12 {
    padding: 0
}

#maincontent .product-detail.product-wrapper .breadcrumb-wrapper a {
    font-size: var(--f-s);
    font-family: var(--font-body)
}

#maincontent .product-detail.product-wrapper .ism-features {
    background-color: var(--c-canvas-full)
}

#maincontent .product-detail.product-wrapper .ism-features .ism-features__title {
    font-size: var(--pdp-h2)
}

@media (min-width:1200px) {
    #maincontent .product-detail.product-wrapper div.product-meta {
        margin-block: var(--spacing-s);
        padding: 0
    }
}

@media (max-width:1199.98px) {
    #maincontent .product-detail.product-wrapper div.product-meta {
        padding-top: 4px;
        padding-bottom: 8px;
        margin-bottom: 0
    }
    #maincontent .product-detail.product-wrapper div.product-meta .product-name {
        font-size: 20px
    }
}

#maincontent .product-detail.product-wrapper .pdp-media .pdp-hero--badges-awards {
    left: var(--side-offset)
}

#maincontent .product-detail.product-wrapper .pdp-media .pdp-hero--badges-awards .pdp-badges .pdp-badge {
    background-color: var(--c-button);
    color: var(--c-button-copy);
    font-weight: 600;
    font-family: var(--font-body);
    min-width: 36px
}

#maincontent .product-detail.product-wrapper .pdp-media .pdp-hero--badges-awards .pdp-badges .pdp-badge img {
    display: inline-block;
    min-width: 20px
}

#maincontent .product-detail.product-wrapper .pdp-media .pdp-hero--badges-awards .pdp-hero--badges-awards {
    position: relative;
    left: auto;
    top: auto
}

#maincontent .product-detail.product-wrapper .pdp-media .slick-dots {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width:599.98px) {
    #maincontent .product-detail.product-wrapper .pdp-media .slick-dots {
        -ms-flex-pack: stretch;
        justify-content: stretch
    }
}

#maincontent .product-detail.product-wrapper .pdp-media .slick-dots>li.harman-product-video-toggle-container {
    border: 0 !important;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    inset: unset;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

#maincontent .product-detail.product-wrapper .pdp-media .slick-dots>li:after {
    display: none
}

#maincontent .product-detail.product-wrapper .pdp-media .slick-dots:not(.-expanded)>li:not(.harman-product-video-toggle-container):nth-of-type(6) {
    background-color: rgba(0, 0, 0, .84);
    color: #fff
}

#maincontent .product-detail.product-wrapper .pdp-media .slick-dots:not(.-expanded)>li:not(.harman-product-video-toggle-container):nth-of-type(6) img {
    opacity: .3
}

#maincontent .product-detail.product-wrapper .pdp-media .slick-dots:not(.-expanded)>li:not(.harman-product-video-toggle-container):nth-of-type(6):before {
    content: "+" attr(data-more);
    position: absolute;
    inset: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1;
    font-family: var(--font-body);
    font-size: var(--f-m)
}

#maincontent .product-detail.product-wrapper .pdp-media .slick-dots:not(.-expanded)>li:not(.harman-product-video-toggle-container):nth-of-type(6)[data-more="0"] {
    background-color: var(--c-canvas-full)
}

#maincontent .product-detail.product-wrapper .pdp-media .slick-dots:not(.-expanded)>li:not(.harman-product-video-toggle-container):nth-of-type(6)[data-more="0"]:before {
    display: none
}

#maincontent .product-detail.product-wrapper .pdp-media .slick-dots:not(.-expanded)>li:not(.harman-product-video-toggle-container):nth-of-type(6)[data-more="0"] img {
    opacity: 1
}

#maincontent .product-detail.product-wrapper .pdp-media .slick-dots:not(.-expanded)>li:not(.harman-product-video-toggle-container):nth-of-type(n+7) {
    display: none
}

#maincontent .product-detail.product-wrapper .pdp-media .carousel-container .slick-next,
#maincontent .product-detail.product-wrapper .pdp-media .carousel-container .slick-prev {
    background-image: none;
    opacity: 1;
    text-align: center;
    text-indent: -20%
}

#maincontent .product-detail.product-wrapper .pdp-media .carousel-container .slick-next:before,
#maincontent .product-detail.product-wrapper .pdp-media .carousel-container .slick-prev:before {
    font-family: var(--font-icon);
    color: var(--c-em-full);
    display: block;
    font-size: 32px;
    opacity: 1
}

#maincontent .product-detail.product-wrapper .pdp-media .carousel-container .slick-next:focus-visible:before,
#maincontent .product-detail.product-wrapper .pdp-media .carousel-container .slick-prev:focus-visible:before {
    outline: 1px solid var(--c-em-full);
    outline-offset: 1px
}

#maincontent .product-detail.product-wrapper .pdp-media .carousel-container .slick-next[disabled],
#maincontent .product-detail.product-wrapper .pdp-media .carousel-container .slick-prev[disabled] {
    opacity: .38
}

#maincontent .product-detail.product-wrapper .pdp-media .carousel-container .slick-next:before {
    content: "chevron_right"
}

#maincontent .product-detail.product-wrapper .pdp-media .carousel-container .slick-prev:before {
    content: "chevron_left"
}

#maincontent .product-detail.product-wrapper .pdp-media .carousel-container {
    background-color: var(--c-canvas-full)
}

@media (max-width:1023.98px) {
    #maincontent .product-detail.product-wrapper .pdp-media .carousel-container .slick-dots {
        padding-right: var(--side-offset);
        padding-left: var(--side-offset);
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        row-gap: 16px;
        padding-bottom: 0;
        bottom: 16px;
        position: absolute
    }
}

@media (max-width:1199.98px) {
    #maincontent .product-detail.product-wrapper .pdp-media .carousel-container .slick-dots>li {
        height: clamp(40px, 12vw, 58px);
        width: clamp(40px, 12vw, 58px)
    }
    #maincontent .product-detail.product-wrapper .pdp-media .carousel-container .slick-dots>li img {
        display: block
    }
}

@media (min-width:1200px) {
    #maincontent .product-detail.product-wrapper .pdp-media .carousel-container .slick-dots>li {
        height: 58px;
        width: 58px
    }
}

@media (min-width:1400px) {
    #maincontent .product-detail.product-wrapper .pdp-media .carousel-container {
        max-height: calc(var(--vh) - var(--sizing-header));
        height: 800px;
        min-height: 600px
    }
}

@media (max-width:1399.98px) {
    #maincontent .product-detail.product-wrapper .pdp-media .carousel-container {
        max-height: clamp(500px, calc(var(--vh) - var(--sizing-header)), var(--vh));
        height: clamp(500px, calc(100vw + 60px), 800px);
        min-height: 320px
    }
    #maincontent .product-detail.product-wrapper .pdp-media .carousel-container .pdp-image-carousel {
        height: 100%;
        min-height: auto
    }
    #maincontent .product-detail.product-wrapper .pdp-media .carousel-container .carousel-item {
        padding-bottom: 0
    }
    #maincontent .product-detail.product-wrapper .pdp-media .carousel-container .carousel-item img {
        width: 100%;
        height: calc(100% - 60px);
        padding-bottom: 0;
        object-fit: contain
    }
}

@media (max-width:1023.98px) {
    #maincontent .product-detail.product-wrapper .pdp-media .carousel-container {
        max-height: clamp(320px, calc(var(--vh) - var(--sizing-header) - 150px), var(--vh))
    }
}

@media (min-width:1024px) {
    #maincontent .product-detail.product-wrapper .pdp-media .carousel-container .carousel-item {
        padding-bottom: 0
    }
    #maincontent .product-detail.product-wrapper .pdp-media .carousel-container .carousel-item img {
        width: 100%;
        height: calc(100% - 76px);
        padding-bottom: 0;
        object-fit: contain
    }
    #maincontent .product-detail.product-wrapper .pdp-media .carousel-container .carousel-images-container,
    #maincontent .product-detail.product-wrapper .pdp-media .carousel-container .carousel-item,
    #maincontent .product-detail.product-wrapper .pdp-media .carousel-container .slick-slide {
        height: inherit;
        max-height: inherit
    }
}

@media (min-width:1024px) {
    #maincontent .product-detail.product-wrapper .pdp-media .carousel-container .slick-dots {
        bottom: 16px !important;
        margin-bottom: 0;
        padding-bottom: 0
    }
}

#maincontent .product-detail.product-wrapper .pdp-media .carousel-container .slick-dots>li {
    border: thin solid transparent;
    background-color: var(--c-canvas-full)
}

@media (max-width:1199.98px) {
    #maincontent .product-detail.product-wrapper .pdp-media .carousel-container .slick-dots>li {
        border: thin solid var(--c-em-xlow)
    }
}

#maincontent .product-detail.product-wrapper .pdp-media .carousel-container .slick-dots>li:hover {
    border: thin solid var(--c-em-xlow)
}

#maincontent .product-detail.product-wrapper .pdp-media .carousel-container .slick-dots>li.slick-active {
    border: thin solid var(--c-em-full)
}

#maincontent .product-detail.product-wrapper .sidebar {
    --bg: var(--c-canvas);
    --c-form-feedback-negative: #d12d03;
    --c-form-feedback-positive: #127840;
    background-color: var(--bg);
    z-index: 1
}

#maincontent .product-detail.product-wrapper .sidebar .desktop-sticky-name-container:not(.is-specialty) {
    background-color: var(--bg)
}

#maincontent .product-detail.product-wrapper .sidebar #iframe-listener-cart .extend-container {
    margin-top: var(--spacing-m)
}

#maincontent .product-detail.product-wrapper .sidebar .promotions .tooltip:after {
    left: 15%
}

@media (max-width:1199.98px) {
    #maincontent .product-detail.product-wrapper .sidebar .outlet-text {
        margin-top: var(--spacing-s)
    }
}

#maincontent .product-detail.product-wrapper .sidebar .whybuy {
    margin: var(--spacing-m) auto
}

@media (min-width:1024px) {
    #maincontent .product-detail.product-wrapper .sidebar .whybuy {
        margin: var(--spacing-m) auto
    }
}

#maincontent .product-detail.product-wrapper .sidebar .availability p:last-child {
    margin-bottom: 0
}

@media (max-width:1024px) {
    #maincontent .product-detail.product-wrapper .sidebar .productAttrs {
        -ms-flex-order: -1;
        order: -1
    }
    #maincontent .product-detail.product-wrapper .sidebar .productAttrs hr {
        display: none
    }
}

#maincontent .product-detail.product-wrapper .sidebar .variation-attribute {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (max-width:1023.98px) {
    #maincontent .product-detail.product-wrapper .sidebar .variation-attribute .d-price-lg {
        display: none
    }
}

#maincontent .product-detail.product-wrapper .sidebar .shipping-icon-tooltip.info-icon {
    margin: 0 8px 0 0
}

#maincontent .product-detail.product-wrapper .sidebar .quantity-selector>.qty {
    height: 24px;
    border-radius: 0;
    background-color: transparent
}

#maincontent .product-detail.product-wrapper .sidebar .quantity-selector>.qty .btn-quantity {
    color: var(--c-em-full);
    border-radius: 0;
    border: thin solid transparent;
    padding-left: 9px
}

#maincontent .product-detail.product-wrapper .sidebar .quantity-selector>.qty .btn-quantity:hover {
    border: thin solid var(--c-em-full);
    background-color: transparent !important;
    color: var(--c-em-full)
}

#maincontent .product-detail.product-wrapper .sidebar .quantity-selector input[type=number] {
    font-family: var(--font-body);
    color: var(--c-em-full);
    background: transparent !important
}

#maincontent .product-detail.product-wrapper .sidebar .prices+.boleto-installment-msg {
    margin-top: var(--spacing-xs);
    color: var(--c-em-low)
}

#maincontent .product-detail.product-wrapper .sidebar .prices+.boleto-installment-msg * {
    color: var(--c-em-low)
}

#maincontent .product-detail.product-wrapper .sidebar .prices .sales {
    font-family: var(--font-body)
}

#maincontent .product-detail.product-wrapper .sidebar .prices .price .strike-through {
    color: var(--c-em-low)
}

#maincontent .product-detail.product-wrapper .sidebar .prices .discount-badge {
    color: var(--c-accent);
    border-color: var(--c-accent);
    background-color: transparent
}

#maincontent .product-detail.product-wrapper .sidebar .product-features .fa-plus-circle:before {
    transform: translateY(-7px)
}

#maincontent .product-detail.product-wrapper .sidebar .variation-attribute {
    background-color: var(--bg)
}

#maincontent .product-detail.product-wrapper .sidebar .variation-attribute .product-features {
    margin-top: var(--spacing-xs);
    margin-bottom: var(--spacing-s);
    -ms-flex-order: -1;
    order: -1
}

#maincontent .product-detail.product-wrapper .sidebar .variation-attribute .js-applePayContainer {
    display: -ms-inline-flexbox;
    display: inline-flex;
    transform: translateY(2px)
}

#maincontent .product-detail.product-wrapper .sidebar .variation-attribute .js-applePayContainer .dw-apple-pay-button {
    border-radius: 0;
    min-height: var(--button-height);
    background-color: transparent;
    border: 1px solid var(--c-em-full);
    color: var(--c-em-full);
    background-image: -webkit-named-image(apple-pay-logo-black);
    padding: 4px 16px;
    font-family: var(--font-body);
    font-size: var(--f-m);
    font-weight: 600;
    min-width: -webkit-fill-available
}

#maincontent .product-detail.product-wrapper .sidebar .variation-attribute .js-applePayContainer .dw-apple-pay-button:active,
#maincontent .product-detail.product-wrapper .sidebar .variation-attribute .js-applePayContainer .dw-apple-pay-button:focus,
#maincontent .product-detail.product-wrapper .sidebar .variation-attribute .js-applePayContainer .dw-apple-pay-button:hover {
    background-image: -webkit-named-image(apple-pay-logo-white);
    border-radius: 0;
    min-height: var(--button-height);
    background-color: var(--c-em-full);
    border: 1px solid var(--c-em-full-contrast);
    color: var(--c-em-full);
    padding: 4px 16px;
    font-family: var(--font-body);
    font-size: var(--f-m);
    font-weight: 600
}

#maincontent .product-detail.product-wrapper .sidebar .variation-attribute .applepay_tc {
    margin-top: var(--spacing-xs)
}

#maincontent .product-detail.product-wrapper .sidebar .variation-attribute .multi-vendor-container {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 20px
}

#maincontent .product-detail.product-wrapper .sidebar .variation-attribute .multi-vendor-container .vendor-button-container,
#maincontent .product-detail.product-wrapper .sidebar .variation-attribute .multi-vendor-container .vendor-image-container {
    margin: 10px;
    max-width: 200px
}

#maincontent .product-detail.product-wrapper .sidebar #whybuy-pdp {
    text-align: left
}

#maincontent .product-detail.product-wrapper .sidebar #whybuy-pdp .whybuy-reason>a>img {
    display: none
}

#maincontent .product-detail.product-wrapper .sidebar #whybuy-pdp .whybuy-reason>a div {
    text-align: left
}

#maincontent .product-detail.product-wrapper .sidebar #whybuy-pdp .whybuy-reason>a div span {
    font-size: 22px;
    line-height: .9;
    font-family: var(--font-headline);
    text-transform: uppercase;
    font-stretch: condensed;
    font-variation-settings: "wdth" 75;
    font-weight: 700;
    text-wrap: pretty;
    color: var(--c-em-full)
}

#maincontent .product-detail.product-wrapper .sidebar #whybuy-pdp .whybuy-reason>a p {
    font-family: var(--font-body);
    font-size: var(--f-s);
    color: var(--c-em-full)
}

#maincontent .product-detail.product-wrapper .sidebar #whybuy-pdp .whybuy-reason>a .ds-link {
    all: unset;
    font-family: var(--font-body);
    font-size: var(--f-s);
    color: var(--c-accent);
    font-weight: 600
}

#maincontent .product-detail.product-wrapper .sidebar #whybuy-pdp .whybuy-reason>a .ds-link:after {
    font-family: var(--font-icon);
    content: "arrow_forward";
    font-size: 1.3em
}

#maincontent .product-detail.product-wrapper .sidebar .promotions:not(:has(>*)) {
    border: 0;
    margin: 0;
    padding: 0
}

#maincontent .product-detail.product-wrapper .sidebar .personalize-wrapper {
    padding: 0;
    margin: 1rem 0 0;
    border: 0
}

@media (min-width:1200px) {
    #maincontent .product-detail.product-wrapper .sidebar .personalize-wrapper {
        margin-bottom: var(--spacing-l)
    }
}

#maincontent .product-detail.product-wrapper .sidebar .personalize-wrapper .personalized-custom__inspiration__image {
    border-radius: 0
}

#maincontent .product-detail.product-wrapper .sidebar .personalize-wrapper .header-personalized {
    font-family: var(--font-headline);
    font-weight: 700;
    font-stretch: condensed;
    font-variation-settings: "wdth" 75;
    text-transform: uppercase;
    font-size: 24px;
    display: none
}

#maincontent .product-detail.product-wrapper .sidebar .personalize-wrapper .personalize-body-content {
    padding-bottom: 0;
    text-align: left
}

#maincontent .product-detail.product-wrapper .sidebar .personalize-wrapper .personalize-body-content .tab-navigation.personalized-option {
    -ms-flex-pack: start;
    justify-content: start;
    border-bottom: thin solid var(--c-em-2xlow);
    margin-bottom: var(--spacing-m)
}

#maincontent .product-detail.product-wrapper .sidebar .personalize-wrapper .personalize-body-content .tab-navigation.personalized-option li {
    color: var(--c-em-full);
    font-size: var(--f-m);
    border-bottom: 2px solid transparent;
    padding: 8px 0 4px;
    margin: 0 var(--spacing-m) 0 0;
    transform: translateY(1px)
}

#maincontent .product-detail.product-wrapper .sidebar .personalize-wrapper .personalize-body-content .tab-navigation.personalized-option li.-active {
    border-color: var(--c-em-full)
}

#maincontent .product-detail.product-wrapper .sidebar .personalize-wrapper .personalize-body-content .tab-navigation.personalized-option li:after {
    display: none
}

#maincontent .product-detail.product-wrapper .sidebar .personalize-wrapper .personalized-custom__inspiration {
    margin-bottom: var(--spacing-m);
    display: -ms-grid;
    display: grid;
    gap: 16px;
    -ms-grid-columns: (minmax(0, 80px))[auto-fit];
    grid-template-columns: repeat(auto-fit, minmax(0, 80px))
}

@media (min-width:1200px) {
    #maincontent .product-detail.product-wrapper .sidebar .personalize-wrapper .personalized-custom__inspiration {
        margin-bottom: var(--spacing-m)
    }
}

#maincontent .product-detail.product-wrapper .sidebar .personalize-wrapper .personalized-custom__inspiration .personalized-custom__inspiration__image {
    min-height: 80px;
    min-width: 80px;
    margin: 0;
    padding: 0
}

#maincontent .product-detail.product-wrapper .sidebar .personalize-wrapper .personalized-custom__inspiration .personalized-custom__inspiration__image img {
    aspect-ratio: 1/1;
    object-fit: contain;
    font-size: 12px
}

#maincontent .product-detail.product-wrapper .sidebar .personalize-wrapper .personalized-custom__inspiration .personalized-custom__inspiration__image:hover {
    border-color: var(--c-em-full)
}

#maincontent .product-detail.product-wrapper .sidebar .personalize-wrapper .customizeButtom .customizeLink,
#maincontent .product-detail.product-wrapper .sidebar .personalize-wrapper .list-unstyled .customizeLink {
    border-radius: 0;
    background-color: var(--c-em-full);
    border: 2px solid var(--c-em-full);
    color: var(--c-em-full-contrast);
    font-size: var(--f-m);
    font-weight: 600;
    text-transform: capitalize;
    min-height: var(--button-height);
    padding: var(--button-padding);
    padding-block: 0;
    height: auto;
    min-height: 12px
}

#maincontent .product-detail.product-wrapper .sidebar .personalize-wrapper .customizeButtom .customizeLink:before,
#maincontent .product-detail.product-wrapper .sidebar .personalize-wrapper .list-unstyled .customizeLink:before {
    display: none
}

#maincontent .product-detail.product-wrapper .sidebar .personalize-wrapper .customizeButtom .customizeLink:active,
#maincontent .product-detail.product-wrapper .sidebar .personalize-wrapper .customizeButtom .customizeLink:focus,
#maincontent .product-detail.product-wrapper .sidebar .personalize-wrapper .customizeButtom .customizeLink:hover,
#maincontent .product-detail.product-wrapper .sidebar .personalize-wrapper .list-unstyled .customizeLink:active,
#maincontent .product-detail.product-wrapper .sidebar .personalize-wrapper .list-unstyled .customizeLink:focus,
#maincontent .product-detail.product-wrapper .sidebar .personalize-wrapper .list-unstyled .customizeLink:hover {
    background-color: var(--c-em-full-contrast);
    border: 2px solid var(--c-em-full);
    color: var(--c-em-full)
}

#maincontent .product-detail.product-wrapper.-darkmode .promotions .tooltip {
    transform: translate(-15%, -.625em)
}

#maincontent .product-detail.product-wrapper .pdp-page-navigation {
    --c-pdp-subnav-bg: var(--c-canvas-full);
    border: 0 solid var(--c-accent);
    border-width: thin 0;
    box-shadow: none;
    font-size: var(--f-l)
}

@media (max-width:1199.98px) {
    #maincontent .product-detail.product-wrapper .pdp-page-navigation {
        display: block;
        position: sticky;
        top: 0
    }
    #maincontent .product-detail.product-wrapper .pdp-page-navigation ul.page-navigation-links {
        -ms-flex-pack: start;
        justify-content: start;
        -ms-flex-align: center;
        align-items: center
    }
    #maincontent .product-detail.product-wrapper .pdp-page-navigation ul.page-navigation-links .smallscreen-only {
        all: unset
    }
}

@media (min-width:1024px) {
    #maincontent .product-detail.product-wrapper .pdp-page-navigation:before {
        left: 0;
        background-image: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0))
    }
    #maincontent .product-detail.product-wrapper .pdp-page-navigation:after {
        right: 0;
        background-image: linear-gradient(270deg, #fff, hsla(0, 0%, 100%, 0))
    }
}

#maincontent .product-detail.product-wrapper .pdp-page-navigation a {
    font-size: var(--f-l);
    font-weight: 500;
    font-family: var(--font-body);
    border-bottom: 2px solid transparent;
    color: var(--c-em-full);
    text-underline-offset: 4px;
    text-decoration-thickness: 2px
}

@media (min-width:1200px) {
    #maincontent .product-detail.product-wrapper .pdp-page-navigation a {
        padding: clamp(16px, 2vh, 32px) 16px
    }
}

#maincontent .product-detail.product-wrapper .pdp-page-navigation a.active,
#maincontent .product-detail.product-wrapper .pdp-page-navigation a:hover {
    border-bottom: 0;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    -webkit-text-decoration-color: var(--c-em-full);
    text-decoration-color: var(--c-em-full)
}

#maincontent .product-detail.product-wrapper .pdp-page-navigation a.active {
    -webkit-text-decoration-color: var(--c-accent);
    text-decoration-color: var(--c-accent);
    font-weight: 600
}

#maincontent .product-detail.product-wrapper .contents .content-header h2 {
    font-size: var(--pdp-h2);
    margin-block: var(--spacing-2xl);
    color: var(--c-em-full)
}

#maincontent .product-detail.product-wrapper .contents>.content {
    padding-inline: var(--side-offset)
}

#maincontent .product-detail.product-wrapper .contents .content-pdp-slots {
    padding-inline: 0
}

#maincontent .product-detail.product-wrapper .contents .content-qa-rr {
    background-color: var(--c-canvas-full)
}

#maincontent .product-detail.product-wrapper .contents .content-specifications {
    --c-pdp-specs-bg: var(--c-canvas-full);
    --c-pdp-specs-copy: var(--c-em-full);
    background-color: var(--c-pdp-specs-bg);
    color: var(--c-pdp-specs-copy);
    padding-inline: var(--side-offset)
}

#maincontent .product-detail.product-wrapper .contents .content-specifications toggle-section[role=region] {
    border-top: 1px solid var(--c-em-full);
    color: var(--c-em-full)
}

#maincontent .product-detail.product-wrapper .contents .content-specifications .content-header h2 {
    margin-block: 0 var(--spacing-m)
}

#maincontent .product-detail.product-wrapper .contents .content-specifications .content-header .itemid {
    font-family: var(--font-headline);
    font-stretch: condensed;
    font-variation-settings: "wdth" 75;
    text-transform: uppercase;
    font-weight: 600;
    font-size: var(--f-2xl)
}

#maincontent .product-detail.product-wrapper .contents .content-specifications .content-body .spec-body h3 button span {
    font-weight: 700;
    font-family: var(--font-headline);
    font-stretch: condensed;
    font-variation-settings: "wdth" 75;
    text-transform: uppercase;
    line-height: 1.4;
    font-size: var(--f-2xl)
}

#maincontent .product-detail.product-wrapper .contents .content-specifications .content-body .spec-body h6 {
    font-weight: 700;
    font-family: var(--font-body);
    line-height: 1.4;
    font-size: var(--f-l)
}

#maincontent .product-detail.product-wrapper .contents .content-specifications .content-body .spec-body p {
    font-size: var(--f-m);
    line-height: 1.4
}

#maincontent .product-detail.product-wrapper .contents .content-specifications .box-contents {
    padding-left: 20px
}

#maincontent .product-detail.product-wrapper .contents .content-specifications .documents-grid .harman-document {
    background-color: var(--c-canvas);
    box-shadow: none
}

#maincontent .product-detail.product-wrapper .contents .content-specifications .documents-grid .harman-document .document-details h4 {
    font-size: var(--f-m, 16px);
    font-weight: 600;
    font-family: var(--font-body);
    text-transform: none;
    font-stretch: normal;
    font-variation-settings: "wdth" 100;
    line-height: 1.2
}

#maincontent .product-detail.product-wrapper .contents .content-specifications .documents-grid .harman-document .document-details span {
    color: var(--c-em-med)
}

#maincontent .product-detail.product-wrapper .contents .content-feature {
    padding-inline: 0
}

#maincontent .product-detail.product-wrapper .contents .pdp-special-features-container h3 {
    font-family: var(--font-body);
    font-stretch: normal;
    font-variation-settings: "wdth" 100;
    font-size: var(--f-l);
    line-height: 1.1;
    text-transform: none;
    font-weight: 800;
    text-wrap: balance
}

#maincontent .product-detail.product-wrapper .contents .pdp-lifestyle-features-container {
    background-color: var(--c-canvas-full)
}

@media (min-width:1024px) {
    #maincontent .product-detail.product-wrapper .contents .pdp-lifestyle-features-container {
        padding-top: var(--side-offset)
    }
}

@media (min-width:1024px) {
    #maincontent .product-detail.product-wrapper .contents .pdp-lifestyle-features-container .lifestyle-feature {
        text-align: left
    }
    #maincontent .product-detail.product-wrapper .contents .pdp-lifestyle-features-container .lifestyle-feature:before {
        display: none
    }
    #maincontent .product-detail.product-wrapper .contents .pdp-lifestyle-features-container .lifestyle-feature .feature-text {
        position: static;
        width: 100%;
        padding: 0;
        margin: 0;
        color: var(--c-em-full);
        -ms-grid-column: span 5;
        grid-column: span 5;
        padding: var(--spacing-m) var(--side-offset);
        text-align: left
    }
    #maincontent .product-detail.product-wrapper .contents .pdp-lifestyle-features-container .lifestyle-feature .feature-text h3 {
        border-top: 2px solid var(--c-accent);
        padding-top: var(--spacing-l);
        text-wrap: balance
    }
    #maincontent .product-detail.product-wrapper .contents .pdp-lifestyle-features-container .lifestyle-feature .feature-text p {
        margin: 0;
        width: 100%;
        text-wrap: balance
    }
    #maincontent .product-detail.product-wrapper .contents .pdp-lifestyle-features-container .lifestyle-feature .feature-text .textLine {
        display: none
    }
}

@media (min-width:1024px) and (max-width:1639.98px) {
    #maincontent .product-detail.product-wrapper .contents .pdp-lifestyle-features-container .lifestyle-feature {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }
    #maincontent .product-detail.product-wrapper .contents .pdp-lifestyle-features-container .lifestyle-feature .feature-text {
        padding-bottom: var(--spacing-xl)
    }
}

@media (min-width:1640px) {
    #maincontent .product-detail.product-wrapper .contents .pdp-lifestyle-features-container .lifestyle-feature {
        padding-block: var(--side-offset);
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (minmax(0, 1fr))[12];
        grid-template-columns: repeat(12, minmax(0, 1fr));
        -ms-flex-align: center;
        align-items: center
    }
    #maincontent .product-detail.product-wrapper .contents .pdp-lifestyle-features-container .lifestyle-feature .carousel-images-container {
        width: 100%;
        -ms-grid-column: span 7;
        grid-column: span 7
    }
    #maincontent .product-detail.product-wrapper .contents .pdp-lifestyle-features-container .lifestyle-feature .feature-text {
        -ms-grid-column: span 5;
        grid-column: span 5
    }
    #maincontent .product-detail.product-wrapper .contents .pdp-lifestyle-features-container .lifestyle-feature:nth-of-type(2n) .feature-text {
        -ms-flex-order: -1;
        order: -1
    }
}

@media (min-width:1800px) {
    #maincontent .product-detail.product-wrapper .contents .pdp-lifestyle-features-container .lifestyle-feature .carousel-images-container {
        -ms-grid-column: span 8;
        grid-column: span 8
    }
    #maincontent .product-detail.product-wrapper .contents .pdp-lifestyle-features-container .lifestyle-feature .feature-text {
        -ms-grid-column: span 4;
        grid-column: span 4
    }
}

@media (max-width:1023.98px) {
    #maincontent .product-detail.product-wrapper .contents .pdp-lifestyle-features-container .lifestyle-feature .feature-text {
        text-align: left
    }
    #maincontent .product-detail.product-wrapper .contents .pdp-lifestyle-features-container .lifestyle-feature .feature-text h3 {
        border-top: 2px solid var(--c-accent);
        padding-top: var(--spacing-l);
        text-wrap: balance
    }
}

#maincontent .product-detail.product-wrapper .contents .ds-kba--catalog {
    background-color: var(--c-canvas-full)
}

#maincontent .product-detail.product-wrapper .contents .ds-kba--catalog h2 {
    font-size: var(--pdp-h2)
}

#maincontent .product-detail.product-wrapper .contents .ds-kba--catalog .tools .search-box.narrow-down,
#maincontent .product-detail.product-wrapper .contents .ds-kba--catalog .tools select {
    background-color: var(--c-canvas-full);
    box-shadow: none;
    border-radius: 0;
    border: 3px solid var(--c-em-full);
    border-width: 0 0 3px;
    padding-left: 0;
    color: var(--c-em-full)
}

#maincontent .product-detail.product-wrapper .contents .ds-kba--catalog .tools .search-box.narrow-down:focus,
#maincontent .product-detail.product-wrapper .contents .ds-kba--catalog .tools .search-box.narrow-down:focus-within,
#maincontent .product-detail.product-wrapper .contents .ds-kba--catalog .tools select:focus,
#maincontent .product-detail.product-wrapper .contents .ds-kba--catalog .tools select:focus-within {
    border-color: var(--c-accent);
    background-color: var(--c-canvas)
}

#maincontent .product-detail.product-wrapper .contents .ds-kba--catalog .tools .search-box.narrow-down button:before {
    font-size: 24px;
    font-weight: 600;
    color: var(--c-em-full)
}

#maincontent .product-detail.product-wrapper .contents .ds-kba--catalog .kba-results.-v2 .card.kba {
    background-color: var(--c-canvas);
    box-shadow: none;
    border-radius: 0
}

#maincontent .product-detail.product-wrapper .contents .ds-kba--catalog .kba-results.-v2 .card.kba .btn {
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0;
    text-transform: none;
    font-family: var(--font-body);
    font-size: var(--f-m);
    color: var(--c-accent);
    margin-top: var(--spacing-s)
}

#maincontent .product-detail.product-wrapper .contents .ds-kba--catalog .kba-results.-v2 .card.kba .btn:after {
    font-family: var(--font-icon);
    content: "arrow_forward";
    font-size: 1.2em;
    line-height: 1.2;
    padding-left: 4px
}

#maincontent .product-detail.product-wrapper .contents .ds-kba--catalog .kba-results.-v2 .card.kba .kba-q:before {
    display: none
}

#maincontent .product-detail.product-wrapper .contents .ds-kba--catalog .kba-results.-v2 .card.kba .kba-q .headline {
    font-family: var(--font-headline);
    text-transform: uppercase;
    font-stretch: condensed;
    font-variation-settings: "wdth" 75;
    font-weight: 600;
    font-size: var(--f-xl);
    line-height: .9;
    color: var(--c-em-full)
}

#maincontent .product-detail.product-wrapper .contents .ds-kba--catalog .kba-results.-v2 .card.kba .kba-a p:empty,
#maincontent .product-detail.product-wrapper .contents .ds-kba--catalog .kba-results.-v2 .card.kba .kba-q .headline:after {
    display: none
}

#maincontent .product-detail.product-wrapper .contents .ds-kba--catalog .kba-results.-v2 .card.kba:hover:not(.-extended) .kba-q:hover .headline {
    text-decoration: underline;
    -webkit-text-decoration-color: var(--c-em-full);
    text-decoration-color: var(--c-em-full);
    text-underline-offset: 2px;
    text-decoration-thickness: 1px
}

#maincontent .product-detail.product-wrapper .contents .ds-kba--catalog .pdp-support-columns .cards .card {
    background-color: var(--c-canvas);
    box-shadow: none;
    border-radius: 0
}

#maincontent .product-detail.product-wrapper .contents .ds-kba--catalog .pdp-support-columns .cards .card .btn {
    margin-top: auto
}

#maincontent .product-detail.product-wrapper .contents .ds-kba--catalog .pdp-support-columns .cards .card.-darkmode {
    --c-canvas: #f9f5ef
}

#maincontent .product-detail.product-wrapper .contents .ds-kba--catalog .pdp-support-columns .cards .card h3 {
    font-size: var(--f-3xl);
    text-wrap: balance
}

#maincontent .product-detail.product-wrapper .contents .mb-wrapper [data-type=compare] h2 {
    font-size: var(--pdp-h2)
}

#maincontent .product-detail.product-wrapper .pdp-accessories:not(:has(.product-tile)) {
    display: none
}

#maincontent .product-detail.product-wrapper.-darkmode .contents .ds-kba--catalog .pdp-support-columns .cards .card.-darkmode,
#maincontent .product-detail.product-wrapper[data-theme*=dark] .contents .ds-kba--catalog .pdp-support-columns .cards .card.-darkmode {
    --c-canvas: #2e1616
}

@media (max-width:1199.98px) {
    #maincontent .product-detail.product-wrapper.-darkmode .sidebar .variation-attribute .add-to-cart-container,
    #maincontent .product-detail.product-wrapper[data-theme*=dark] .sidebar .variation-attribute .add-to-cart-container {
        border-top: thin solid var(--c-em-3xlow);
        background-color: rgba(46, 22, 22, .94)
    }
}

#maincontent .product-detail.product-wrapper.-darkmode .grid-container .product-grid.pdp-einstein-carousel .slick-list .slick-slide .product-tile,
#maincontent .product-detail.product-wrapper[data-theme*=dark] .grid-container .product-grid.pdp-einstein-carousel .slick-list .slick-slide .product-tile {
    border-color: var(--c-em-full);
    outline-color: var(--c-em-full)
}

#maincontent .product-detail.product-wrapper.-darkmode .pdp-media:after,
#maincontent .product-detail.product-wrapper[data-theme*=dark] .pdp-media:after {
    filter: invert(1)
}

#maincontent .product-detail.product-wrapper.-darkmode .pdp-media .carousel-container .slick-dots>li,
#maincontent .product-detail.product-wrapper[data-theme*=dark] .pdp-media .carousel-container .slick-dots>li {
    background-color: var(--c-canvas)
}

#maincontent .product-detail.product-wrapper.-darkmode .pdp-media .carousel-container .slick-dots>li.harman-product-video-toggle-container .harman-product-video-toggle,
#maincontent .product-detail.product-wrapper[data-theme*=dark] .pdp-media .carousel-container .slick-dots>li.harman-product-video-toggle-container .harman-product-video-toggle {
    color: var(--c-em-full);
    background-image: url(../images/video_icon_dark.svg)
}

#maincontent .product-detail.product-wrapper.-darkmode .sidebar a,
#maincontent .product-detail.product-wrapper[data-theme*=dark] .sidebar a {
    color: var(--c-em-high)
}

#maincontent .product-detail.product-wrapper.-darkmode .sidebar .eol.-related-products .card,
#maincontent .product-detail.product-wrapper[data-theme*=dark] .sidebar .eol.-related-products .card {
    background-color: var(--c-canvas-full)
}

#maincontent .product-detail.product-wrapper.-darkmode .sidebar .sidebar .personalize-wrapper .header-personalized:after,
#maincontent .product-detail.product-wrapper.-darkmode .sidebar input[type=checkbox]+label,
#maincontent .product-detail.product-wrapper[data-theme*=dark] .sidebar .sidebar .personalize-wrapper .header-personalized:after,
#maincontent .product-detail.product-wrapper[data-theme*=dark] .sidebar input[type=checkbox]+label {
    color: var(--c-em-med)
}

#maincontent .product-detail.product-wrapper.-darkmode .sidebar .personalize-wrapper .customizeButtom .customizeLink,
#maincontent .product-detail.product-wrapper.-darkmode .sidebar .personalize-wrapper .list-unstyled .customizeLink,
#maincontent .product-detail.product-wrapper[data-theme*=dark] .sidebar .personalize-wrapper .customizeButtom .customizeLink,
#maincontent .product-detail.product-wrapper[data-theme*=dark] .sidebar .personalize-wrapper .list-unstyled .customizeLink {
    color: var(--c-em-full)
}

#maincontent .product-detail.product-wrapper.-darkmode .sidebar .personalize-social-share .jbl-custom-buttons--share-icons ul .jbl-custom-buttons--share-icon,
#maincontent .product-detail.product-wrapper[data-theme*=dark] .sidebar .personalize-social-share .jbl-custom-buttons--share-icons ul .jbl-custom-buttons--share-icon {
    background-position-y: -48px;
    font-size: 0
}

#maincontent .product-detail.product-wrapper.-darkmode .sidebar .ship-estimate-components .cancel-button,
#maincontent .product-detail.product-wrapper[data-theme*=dark] .sidebar .ship-estimate-components .cancel-button {
    color: var(--c-em-med)
}

#maincontent .product-detail.product-wrapper[data-theme*=dark] .pdp-page-navigation {
    --c-pdp-subnav-bg: #000
}

@media (min-width:1024px) {
    #maincontent .product-detail.product-wrapper[data-theme*=dark] .pdp-page-navigation:before {
        background-image: linear-gradient(90deg, #000, #00000000)
    }
    #maincontent .product-detail.product-wrapper[data-theme*=dark] .pdp-page-navigation:after {
        background-image: linear-gradient(270deg, #000, #00000000)
    }
}

@media (max-width:1023.98px) {
    #maincontent .product-detail.product-wrapper[data-theme*=dark] .pdp-page-navigation:before {
        background-image: linear-gradient(90deg, #000, #00000000)
    }
    #maincontent .product-detail.product-wrapper[data-theme*=dark] .pdp-page-navigation:after {
        background-image: linear-gradient(270deg, #000, #00000000)
    }
}

#maincontent .product-detail.product-wrapper[data-theme*=premium] .sidebar {
    --c-canvas: var(--c-em-full-contrast);
    border-left: thin solid var(--c-cream);
    border-top: thin solid var(--c-cream)
}

#maincontent .product-detail.product-wrapper[data-theme*=premium] #product-features,
#maincontent .product-detail.product-wrapper[data-theme*=premium] #product-features .pdp-lifestyle-features-container {
    background-color: var(--c-canvas)
}

.add-to-cart-container .cart-and-ipay .add-to-cart {
    width: auto
}

#maincontent .product-detail.product-wrapper .sidebar .variation-attribute .add-to-cart-container {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:1199.98px) {
    #maincontent .product-detail.product-wrapper .sidebar .variation-attribute .add-to-cart-container {
        -ms-flex-pack: center;
        justify-content: center;
        border-top: thin solid var(--c-cream-d);
        background-color: hsla(36, 45%, 96%, .94)
    }
    #maincontent .product-detail.product-wrapper .sidebar .variation-attribute .add-to-cart-container .cart-button {
        width: 100%
    }
}

@media (min-width:1200px) {
    #maincontent .product-detail.product-wrapper .sidebar .variation-attribute .add-to-cart-container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: start;
        justify-content: start;
        border: 0;
        gap: 8px
    }
    #maincontent .product-detail.product-wrapper .sidebar .variation-attribute .add-to-cart-container .quantity-selector .qty {
        height: 36px
    }
    #maincontent .product-detail.product-wrapper .sidebar .variation-attribute .add-to-cart-container .quantity-selector .btn-qty,
    #maincontent .product-detail.product-wrapper .sidebar .variation-attribute .add-to-cart-container .quantity-selector .btn-quantity {
        width: 38px
    }
    #maincontent .product-detail.product-wrapper .sidebar .variation-attribute .add-to-cart-container>* {
        display: -ms-inline-flexbox;
        display: inline-flex
    }
}

#maincontent .modal-pdp-personalization__configurator #app[cls~=jbl] {
    --branding-medium: var(--c-accent);
    --branding-dark: var(--c-em-full);
    --branding-light: var(--c-canvas-full);
    --branding-border: var(--c-cream);
    --branding-heading-font-family: var(--font-headline);
    --branding-body-font-family: var(--font-body);
    --branding-primary-button-font-family: var(--font-body);
    --branding-button-and-label-font-weight: normal;
    --branding-primary-button-letter-spacing: normal;
    --branding-primary-button-text-transform: normal
}

#maincontent .modal-pdp-personalization__configurator .modal-content .jbl-customizer-header-content__branding__title__name {
    font-family: var(--font-headline);
    font-weight: 700;
    text-transform: uppercase;
    font-stretch: condensed;
    font-variation-settings: "wdth" 75
}

#maincontent .modal-pdp-personalization__configurator .modal-content .jbl-customizer-header-content__branding__title__description {
    font-size: var(--f-s)
}

#maincontent .modal-pdp-personalization__configurator .modal-content .jbl-custom__integration-buttons--add-to-cart {
    background: var(--c-button);
    color: var(--c-button-copy);
    border: 2px solid var(--c-button-border);
    text-transform: none;
    font-weight: 600;
    border-radius: 0;
    font-size: var(--f-m)
}

#maincontent .modal-pdp-personalization__configurator .modal-content .jbl-custom__integration-buttons--add-to-cart:focus,
#maincontent .modal-pdp-personalization__configurator .modal-content .jbl-custom__integration-buttons--add-to-cart:hover {
    background: var(--c-button-hover);
    color: var(--c-button-hover-copy);
    border: 2px solid var(--c-button-hover-border)
}

#maincontent>.product-detail .swatches-panel .pdp-swatches>.color-attribute .imgcss,
#maincontent>.product-detail .swatches-panel .pdp-swatches>.color-attribute img,
#pdpMain .swatches-panel .pdp-swatches>.color-attribute .imgcss,
#pdpMain .swatches-panel .pdp-swatches>.color-attribute img {
    border-radius: 0
}

.pdp-smallscreen-page-navigation .title {
    color: #000
}

#maincontent>.product-detail .availability>:not(.select-style),
#maincontent>.product-detail .pz-product-availability>:not(.select-style),
#pdpMain .availability>:not(.select-style),
#pdpMain .pz-product-availability>:not(.select-style) {
    color: var(--c-form-feedback-positive)
}

#maincontent>.product-detail .availability .outStock:not(.select-style),
#maincontent>.product-detail .pz-product-availability .outStock:not(.select-style),
#pdpMain .availability .outStock:not(.select-style),
#pdpMain .pz-product-availability .outStock:not(.select-style) {
    color: var(--c-form-feedback-negative)
}

.product-detail.product-wrapper .contents .ds-kba--catalog,
.product-detail.product-wrapper .sidebar {
    --c-accent: var(--c-accent-safe)
}

.page:has(.product-detail.product-wrapper) #footercontent,
.page[data-action*=Product-Show] #footercontent {
    width: 100%;
    margin-inline: auto
}

@media (max-width:1023.98px) {
    .page:has(.product-detail.product-wrapper) #footercontent,
    .page[data-action*=Product-Show] #footercontent {
        padding-bottom: 64px
    }
}

.cart-page {
    --c-border: var(--c-accent);
    background-color: var(--c-canvas-full);
    max-width: var(--sizing-max-page);
    margin-inline: auto;
    overflow: clip
}

.cart-page .cart-section,
.cart-page .cart-section>.row,
.cart-page .cart-section>.row>* {
    padding: 0;
    margin: 0
}

.cart-page .cart-section>.row>:first-of-type {
    padding: 0 var(--side-offset)
}

.cart-page .cart-section .cart-titles {
    background-color: var(--c-canvas);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    padding: var(--side-offset) var(--side-offset) var(--spacing-2xs);
    position: relative
}

.cart-page .cart-section .cart-titles h1 {
    font-size: var(--f-h4)
}

.cart-page .cart-section .cart-titles .need-help-asset .need-help-txt {
    font-size: 20px;
    font-family: var(--font-body);
    text-underline-offset: 2px;
    transform: translateY(-12px)
}

@media (max-width:1023.98px) {
    .cart-page .cart-section .cart-titles {
        width: 100vw;
        margin: 0 -15px;
        border: 0
    }
}

@media (min-width:1024px) {
    .cart-page .cart-section .cart-titles {
        padding-top: var(--spacing-xs);
        margin: 0 var(--side-offset-negative) 32px;
        min-height: auto;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: auto auto;
        grid-template-columns: auto auto;
        -ms-grid-column: span 2;
        grid-column: span 2;
        width: calc(100% + var(--side-offset) + var(--side-offset))
    }
    .cart-page .cart-section .cart-titles:before {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 100vw;
        max-width: var(--sizing-max-page);
        background: inherit;
        content: "";
        z-index: 0
    }
    .cart-page .cart-section .cart-titles>* {
        -ms-grid-column: span 2;
        grid-column: span 2;
        position: relative
    }
    .cart-page .cart-section .cart-titles h1 {
        font-size: var(--f-h5);
        margin: auto 0 0;
        padding: 0;
        -ms-grid-column: span 1;
        grid-column: span 1
    }
    .cart-page .cart-section .cart-titles .need-help-asset {
        margin-top: auto;
        -ms-grid-column: span 1;
        grid-column: span 1
    }
}

.cart-page .cart-section .cart-titles .need-help-asset {
    z-index: 4
}

.cart-page .cart-section .cart-titles .need-help-asset .needhelp-tooltip .tip:before {
    box-shadow: -1px -1px 0 rgba(0, 0, 0, .1)
}

@media (max-width:1023.98px) {
    .cart-page .cart-section .cart-titles .need-help-asset .needhelp-tooltip {
        min-width: 300px;
        right: auto;
        left: 0;
        max-width: 96vw
    }
    .cart-page .cart-section .cart-titles .need-help-asset .needhelp-tooltip .tip:before {
        top: -15px;
        left: 32px
    }
    .cart-page .cart-section .cart-titles .need-help-asset .need-help-txt {
        font-size: var(--f-m)
    }
}

.cart-page .cart-section .order-summary-detail {
    padding: 0 var(--side-offset) 0 0
}

@media (min-width:1024px) {
    .cart-page .cart-section .order-summary-detail {
        padding-top: 96px
    }
}

.cart-page .cart-section .order-summary-detail .order-summary-device {
    background-color: var(--c-canvas);
    border: 0;
    padding: var(--spacing-m);
    margin: 0 0 var(--spacing-l)
}

@media (max-width:1023.98px) {
    .cart-page .cart-section .order-summary-detail .order-summary-device {
        padding-inline: var(--side-offset);
        left: 0;
        width: calc(100% + var(--spacing-s));
        margin-bottom: 0
    }
}

.cart-page .cart-section .order-summary-detail .order-summary-device>* {
    padding-inline: 0
}

.cart-page .cart-section .order-summary-detail .order-summary-device .sp-icon.Left-Arrow-Mobile {
    margin-left: auto;
    margin-right: 0
}

.cart-page .cart-section .order-summary-detail .order-summary-device .postal-code .optional-promo {
    font-size: var(--f-s)
}

.cart-page .cart-section .order-summary-detail .order-summary-device .leading-lines *,
.cart-page .cart-section .order-summary-detail .order-summary-device .leading-lines .end-lines span {
    background-color: transparent
}

.cart-page .cart-section .order-summary-detail .order-summary-device klarna-express-button {
    width: 100%;
    margin-inline: 0;
    padding: 0;
    background-color: #ffb3c7;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    transition: background-color .2s ease
}

.cart-page .cart-section .order-summary-detail .order-summary-device klarna-express-button:focus,
.cart-page .cart-section .order-summary-detail .order-summary-device klarna-express-button:hover {
    background-color: #f0a5b7
}

.cart-page .cart-section .order-summary-detail .order-summary-device .klarnaPdpMsg:not(:empty) {
    margin-top: var(--spacing-2xs)
}

.cart-page .cart-section .order-summary-detail .order-summary-device .amazonpay-wrap,
.cart-page .cart-section .order-summary-detail .order-summary-device .keb-cart,
.cart-page .cart-section .order-summary-detail .order-summary-device .orderSummaryPayPalCheckoutForm {
    padding-inline: 0
}

.cart-page .cart-section .order-summary-detail .order-summary-device .amazonpay-wrap .amazon-pay-component {
    background: linear-gradient(180deg, #f7dfa5, #f0c14b);
    max-height: 40px !important;
    overflow: clip
}

.cart-page .cart-section .order-summary-detail .order-summary-device .sp-icon {
    font-size: 14px
}

.cart-page .cart-section .order-summary-detail .order-summary-device .common-order-head:not(.valu-txt) {
    font-family: var(--font-headline);
    font-size: 24px;
    color: var(--c-em-full);
    font-stretch: condensed;
    font-variation-settings: "wdth" 75;
    text-transform: uppercase;
    font-weight: 700
}

.cart-page .cart-section .order-summary-detail .order-summary-device .common-order-head:not(.valu-txt).text-capitalize {
    text-transform: uppercase !important
}

.cart-page .cart-section .order-summary-detail .order-summary-device .valu-txt {
    font-family: var(--font-body);
    font-size: var(--f-m)
}

.cart-page .cart-section .order-summary-detail .order-summary-device .order-cart-promocode span:not(.coupon-error-message) {
    color: var(--c-em-full);
    font-weight: 700
}

.cart-page .cart-section .order-summary-detail .order-summary-device .card-body.order-shipping-method,
.cart-page .cart-section .order-summary-detail .order-summary-device .card-body.order-total-summary {
    padding-top: var(--spacing-m);
    padding-bottom: var(--spacing-3xs)
}

.cart-page .cart-section .order-summary-detail .order-summary-device .card-body.order-shipping-method {
    padding-top: 0
}

.cart-page .cart-section .order-summary-detail .order-summary-device .terms-and-conditions .term_conditions {
    font-size: 13px;
    text-align: center
}

.cart-page .cart-section .order-summary-detail .order-summary-device .gdr-ttl-sec,
.cart-page .cart-section .order-summary-detail .order-summary-device .tax-shipping-separator {
    border-bottom: thin solid var(--c-border);
    margin: 0
}

.cart-page .cart-section .order-summary-detail .order-summary-device .text-center.end-lines {
    text-align: left !important
}

.cart-page .cart-section .order-summary-detail .order-summary-device .leading-lines.order-discount .order-discount-total,
.cart-page .cart-section .order-summary-detail .order-summary-device .leading-lines.order-discount .order-receipt-label,
.cart-page .cart-section .order-summary-detail .order-summary-device .leading-lines.order-discount .product-discount-total,
.cart-page .cart-section .order-summary-detail .order-summary-device .leading-lines.product-discount .order-discount-total,
.cart-page .cart-section .order-summary-detail .order-summary-device .leading-lines.product-discount .order-receipt-label,
.cart-page .cart-section .order-summary-detail .order-summary-device .leading-lines.product-discount .product-discount-total,
.cart-page .cart-section .order-summary-detail .order-summary-device .leading-lines .shipping-discount-label {
    color: var(--c-em-full)
}

.cart-page .cart-section .order-summary-detail .order-summary-device .promo-section .coupons-and-promos-smart .coupon-price-adjustment,
.cart-page .cart-section .order-summary-detail .order-summary-device .promo-section .coupons-and-promos .coupon-price-adjustment {
    border: none;
    background: transparent
}

.cart-page .cart-section .order-summary-detail .order-summary-device .promo-section .coupons-and-promos-smart .coupon-price-adjustment span,
.cart-page .cart-section .order-summary-detail .order-summary-device .promo-section .coupons-and-promos .coupon-price-adjustment span {
    color: var(--c-form-feedback-positive)
}

.cart-page .cart-section .order-summary-detail .order-summary-device .promo-section .coupons-and-promos-smart .remove-coupon,
.cart-page .cart-section .order-summary-detail .order-summary-device .promo-section .coupons-and-promos .remove-coupon {
    color: var(--c-em-full)
}

.cart-page .cart-section .line-item-header .pdt-desc {
    font-size: var(--f-m);
    line-height: 1.4;
    font-weight: 700;
    color: var(--c-em-full)
}

.cart-page .cart-section .line-itm-cntnt {
    border-color: var(--c-border)
}

.cart-page .cart-section .line-itm-cntnt p {
    text-wrap: pretty
}

@media (max-width:767.98px) {
    .cart-page .cart-section .line-itm-cntnt .remove-btn {
        white-space: nowrap;
        width: auto;
        position: relative;
        z-index: 999;
        top: 2px
    }
}

.cart-page .cart-section .line-itm-cntnt .pdt-detls-sec .item-number,
.cart-page .cart-section .line-itm-cntnt .pdt-detls-sec .line-item-attributes {
    font-size: var(--f-s);
    color: var(--c-em-full);
    font-weight: 600;
    line-height: 1.4
}

@media (min-width:1024px) {
    .cart-page .cart-section .line-itm-cntnt .pdt-detls-sec .item-number,
    .cart-page .cart-section .line-itm-cntnt .pdt-detls-sec .line-item-attributes {
        font-size: var(--f-m)
    }
}

.cart-page .cart-section .line-itm-cntnt .pdt-detls-sec span[class*=warehouse] {
    padding-top: 8px;
    font-size: var(--f-s);
    color: var(--c-em-low)
}

.cart-page .cart-section .line-itm-cntnt .pdt-detls-sec span[class*=warehouse] .qty-remove-container {
    margin-top: 8px
}

.cart-page .cart-section .line-itm-cntnt .pdt-detls-sec .line-item-name a {
    --skin-link-color-2: var(--c-em-full);
    font-family: var(--font-headline);
    font-size: 23px;
    color: var(--c-em-full);
    font-stretch: condensed;
    font-variation-settings: "wdth" 75;
    text-transform: uppercase;
    font-weight: 700;
    line-height: var(--f-h-lh);
    text-wrap: pretty;
    padding-top: 2px;
    display: inline-block
}

@media (max-width:400px) {
    .cart-page .cart-section .line-itm-cntnt .pdt-detls-sec .line-item-name a {
        font-size: 21px;
        max-width: calc(100vw - 206px)
    }
}

.cart-page .cart-section .line-itm-cntnt .pdt-detls-sec .line-item-name a:hover {
    text-decoration: underline;
    text-underline-offset: 2px;
    -webkit-text-decoration-color: var(--c-accent);
    text-decoration-color: var(--c-accent)
}

.cart-page .cart-section .line-itm-cntnt .pdt-detls-sec .item-image {
    background-color: transparent
}

.cart-page .cart-section .line-itm-cntnt .wishlist-instockmsg-container {
    padding-top: 8px
}

@media (min-width:1024px) {
    .cart-page .cart-section .line-itm-cntnt .wishlist-instockmsg-container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        row-gap: 8px;
        column-gap: 0
    }
}

@media (max-width:1023.98px) {
    .cart-page .cart-section .line-itm-cntnt .wishlist-instockmsg-container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 16px
    }
    .cart-page .cart-section .line-itm-cntnt .wishlist-instockmsg-container .wishlist-border .move {
        margin-top: 0;
        transform: translateY(-4px)
    }
}

.cart-page .cart-section .line-itm-cntnt .wishlist-instockmsg-container .product-availability {
    text-transform: none;
    font-size: var(--f-s);
    color: var(--c-em-full);
    font-weight: 400;
    line-height: 1.4;
    margin: 0 16px 0 0
}

@media (min-width:1024px) {
    .cart-page .cart-section .line-itm-cntnt .wishlist-instockmsg-container .product-availability {
        font-size: var(--f-m)
    }
}

.cart-page .cart-section .line-itm-cntnt .wishlist-instockmsg-container .wishlist-border {
    border: 0
}

.cart-page .cart-section .line-itm-cntnt .wishlist-instockmsg-container .wishlist-border .move {
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    text-decoration: none
}

.cart-page .cart-section .line-itm-cntnt .wishlist-instockmsg-container .wishlist-border .move img {
    transform: translateY(4px);
    margin-left: 0
}

@media (min-width:1024px) {
    .cart-page .cart-section .line-itm-cntnt .wishlist-instockmsg-container .wishlist-border .move img {
        transform: translateY(2px)
    }
}

.cart-page .cart-section .line-itm-cntnt .wishlist-instockmsg-container .wishlist-border .move .d-sm-none {
    display: none
}

.cart-page .cart-section .line-itm-cntnt .wishlist-instockmsg-container .wishlist-border .move:after {
    content: attr(title);
    font-size: var(--f-m);
    font-family: var(--font-body);
    color: var(--c-em-full);
    font-weight: 400;
    line-height: 1.4
}

.cart-page .cart-section .line-itm-cntnt .wishlist-instockmsg-container .wishlist-border .move:hover {
    text-decoration: underline;
    text-underline-offset: 2px;
    -webkit-text-decoration-color: var(--c-accent);
    text-decoration-color: var(--c-accent)
}

.cart-page .cart-section .line-itm-cntnt .line-item-total-price .cross-icon {
    width: 100%
}

.cart-page .cart-section .line-itm-cntnt .line-item-total-price .cross-icon .remove-btn,
.cart-page .cart-section .line-itm-cntnt .line-item-total-price .cross-icon button {
    text-align: right
}

.cart-page .cart-section .line-itm-cntnt .line-item-total-price .cross-icon span {
    font-size: 32px;
    font-stretch: semi-condensed;
    font-variation-settings: "wdth" 85;
    color: var(--c-em-full);
    font-weight: 400
}

.cart-page .cart-section .line-itm-cntnt .final-unit-price .value,
.cart-page .cart-section .line-itm-cntnt .line-item-total-price-amount {
    white-space: nowrap
}

.cart-page .cart-section .line-itm-cntnt .line-item-total-price-amount,
.cart-page .cart-section .line-itm-cntnt .non-adjusted-prices,
.cart-page .cart-section .line-itm-cntnt .unit-price .sales .value,
.cart-page .cart-section .line-itm-cntnt .unit-price .value {
    font-size: var(--f-m);
    font-family: var(--font-body);
    color: var(--c-em-full);
    font-weight: 400;
    line-height: 1.4
}

.cart-page .cart-section .line-itm-cntnt .unit-price .value {
    color: var(--c-em-low);
    font-size: var(--f-s)
}

.cart-page .cart-section .line-itm-cntnt .line-item-total-price-amount {
    font-weight: 700
}

.cart-page .cart-section .line-itm-cntnt .quantity-selector .quantity-wrapper {
    border: thin solid var(--c-em-2xlow)
}

@media (max-width:767.98px) {
    .cart-page .cart-section .line-itm-cntnt .quantity-selector .quantity-wrapper {
        transform: translateY(4px);
        margin-top: 6px
    }
}

@media (min-width:768px) {
    .cart-page .cart-section .line-itm-cntnt .quantity-selector .quantity-wrapper {
        transform: translateY(-7px)
    }
}

.cart-page .cart-section .line-itm-cntnt .quantity-selector .quantity-wrapper input[type=number] {
    font-size: var(--f-m);
    background: transparent !important
}

@media (min-width:768px) {
    .cart-page .cart-section .line-itm-cntnt.list-count {
        padding: var(--spacing-m) 0
    }
}

.cart-page .cart-section .line-item-header,
.cart-page .cart-section .line-itm-cntnt.list-count,
.cart-page .cart-section .order-cart-promocode .grd-ttl-sec {
    border-color: var(--c-border)
}

.cart-page .cart-section .payment-method-logo-cart {
    background-color: transparent
}

.cart-page .cart-section .payment-method-logo-cart ul {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cart-page .cart-section .cart-empty .emt-crt-txt {
    font-size: var(--f-m);
    font-weight: 500
}

@media (min-width:1024px) {
    .cart-page .cart-section .cart-empty {
        margin-top: 0;
        padding-top: 0
    }
}

.content-slot-container #fluid-checkout-customer-service .content-asset {
    background-color: var(--c-canvas);
    --c-accent: var(--c-accent-safe)
}

html[data-site=BR] .cart-page .cart-section .card-body.order-warehouse-lookup {
    padding-inline: 0
}

html[data-site=BR] .cart-page .cart-section .card-body.order-warehouse-lookup .grd-ttl-sec {
    border-color: var(--c-border)
}

html[data-site=BR] .cart-page .cart-section .card-body.order-warehouse-lookup .shipping-date-containor {
    font-family: var(--font-body);
    font-size: var(--f-m)
}

html[data-site=BR] .cart-page .cart-section .fluid-account-customer-service,
html[data-site=BR] .cart-page .cart-section .fluid-checkout-customer-service {
    background: var(--c-canvas);
    --c-accent: var(--c-accent-safe)
}

@media (max-width:1023.98px) {
    .cart-section .card-body.order-cart-promocode,
    .cart-section .card-body.order-shipping-method,
    .cart-section .order-cart-promocode.mobile-promo {
        background: transparent
    }
}

@media (min-width:600px) {
    .cart-page .cart-section .order-summary-detail .order-summary-device .chkt-btn-seg,
    .cart-page .cart-section .order-summary-detail .order-summary-device .orderSummaryPayPalCheckoutForm,
    .cart-page .cart-section .order-summary-detail .order-summary-device>.col-12 {
        width: 100%;
        max-width: 370px;
        margin-inline: auto
    }
    .cart-page .cart-section .order-summary-detail .order-summary-device .chkt-btn-seg .btn {
        width: 100%
    }
    .cart-page .cart-section .order-summary-detail .order-summary-device .terms-and-conditions .grd-ttl-sec {
        margin-inline: 30px !important
    }
}

html[data-site=INDIA] #checkout-main .card-body .product-line-item .price .discount-badge,
html[data-site=INDIA] .order-confirmation .card-body .product-line-item .price .discount-badge {
    display: inline-block
}

.page:has(#checkout-main) {
    min-height: var(--vh, 100vmin);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.page:has(#checkout-main) footer {
    margin: auto auto 0;
    width: 100%
}

#confirmationCreateAccount:not(.hidden)~div .create-account-from-confirmation,
#confirmationCreateAccount:not(.hidden)~div>div {
    display: none
}

#maincontent #checkout-main {
    max-width: var(--sizing-max-page);
    margin: auto;
    padding: 0;
    background-color: var(--c-canvas-full);
    overflow-x: clip
}

@media (min-width:1024px) {
    #maincontent #checkout-main {
        padding: 0 var(--side-offset)
    }
}

#maincontent #checkout-main .checkout-page-title {
    background-color: var(--c-canvas);
    margin: 0 0 var(--spacing-m);
    padding: var(--side-offset);
    font-size: var(--f-h4);
    min-height: 100px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    font-weight: 700
}

#maincontent #checkout-main .checkout-page-title .icon-Secured-page {
    display: none !important
}

#maincontent #checkout-main .checkout-page-title .row {
    width: 100%
}

@media (min-width:1024px) {
    #maincontent #checkout-main .checkout-page-title {
        margin: 0 var(--side-offset-negative) var(--spacing-m);
        min-height: auto;
        font-size: var(--f-h5)
    }
}

@media (max-width:1023.98px) {
    #maincontent #checkout-main .checkout-page-title {
        min-height: 64px
    }
    #maincontent #checkout-main .checkout-page-title .row {
        -ms-flex-direction: column;
        flex-direction: column
    }
    #maincontent #checkout-main .checkout-page-title .col-5:first-child {
        display: -ms-flexbox;
        display: flex;
        max-width: none
    }
    #maincontent #checkout-main .checkout-page-title .col-5:first-child::after {
        content: "lock";
        padding-left: 10px;
        font-weight: 400;
        font-size: 24px;
        font-family: var(--font-icon)
    }
}

#maincontent #checkout-main .payment-form .card-body,
#maincontent #checkout-main .payment-form .card-body .paymentMethod:first-child,
#maincontent .order-confirmation .payment-form .card-body,
#maincontent .order-confirmation .payment-form .card-body .paymentMethod:first-child {
    padding-top: 0
}

#maincontent #checkout-main>.row.flex-md-row-reverse,
#maincontent .order-confirmation>.row.flex-md-row-reverse {
    margin: 0
}

#maincontent #checkout-main>.row.flex-md-row-reverse>:where([class*=col]),
#maincontent .order-confirmation>.row.flex-md-row-reverse>:where([class*=col]) {
    padding: 0
}

html[data-site=BR] #maincontent #checkout-main .order-summary-detail .fluid-account-customer-service,
html[data-site=BR] #maincontent #checkout-main .order-summary-detail .fluid-checkout-customer-service,
html[data-site=BR] #maincontent .order-confirmation .order-summary-detail .fluid-account-customer-service,
html[data-site=BR] #maincontent .order-confirmation .order-summary-detail .fluid-checkout-customer-service {
    background: var(--c-canvas);
    margin-left: var(--side-offset)
}

#maincontent #checkout-main .order-summary-detail .order-summary-device,
#maincontent .order-confirmation .order-summary-detail .order-summary-device {
    background-color: var(--c-canvas);
    border: 0
}

@media (min-width:1024px) {
    #maincontent #checkout-main .order-summary-detail .order-summary-device,
    #maincontent .order-confirmation .order-summary-detail .order-summary-device {
        margin-left: var(--side-offset)
    }
}

#maincontent #checkout-main .card-body.order-cart-product-isgift,
#maincontent #checkout-main .card-body.order-cart-product-summary,
#maincontent #checkout-main .card-body.order-cart-promocode,
#maincontent #checkout-main .card-body.order-total-summary,
#maincontent .order-confirmation .card-body.order-cart-product-isgift,
#maincontent .order-confirmation .card-body.order-cart-product-summary,
#maincontent .order-confirmation .card-body.order-cart-promocode,
#maincontent .order-confirmation .card-body.order-total-summary {
    padding-inline: var(--spacing-m)
}

#maincontent #checkout-main .shipping-head,
#maincontent .order-confirmation .shipping-head {
    background: transparent;
    padding: var(--spacing-m) var(--spacing-m) 0
}

#maincontent #checkout-main .card.ghost,
#maincontent .order-confirmation .card.ghost {
    opacity: 1;
    display: none
}

#maincontent #checkout-main .card,
#maincontent .order-confirmation .card {
    border: 0
}

#maincontent #checkout-main .card-header .checkout-card-header,
#maincontent .order-confirmation .card-header .checkout-card-header {
    font-size: var(--f-h6);
    font-weight: 700;
    margin-bottom: var(--spacing-m);
    line-height: var(--f-h-lh)
}

#maincontent #checkout-main .card-header .checkout-card-header span,
#maincontent .order-confirmation .card-header .checkout-card-header span {
    line-height: inherit;
    font-size: inherit
}

#maincontent #checkout-main .card-body,
#maincontent .order-confirmation .card-body {
    padding: var(--spacing-m)
}

#maincontent #checkout-main .card-body.shipping-section,
#maincontent .order-confirmation .card-body.shipping-section {
    padding-bottom: 0
}

#maincontent #checkout-main .card-body .common-order-head,
#maincontent #checkout-main .card-body .order-summary,
#maincontent #checkout-main .card-body h3.common-order-head,
#maincontent #checkout-main .card-body h5,
#maincontent .order-confirmation .card-body .common-order-head,
#maincontent .order-confirmation .card-body .order-summary,
#maincontent .order-confirmation .card-body h3.common-order-head,
#maincontent .order-confirmation .card-body h5 {
    font-size: 24px
}

@media (max-width:767.98px) {
    #maincontent #checkout-main .order-summary-toggle span:not([class]),
    #maincontent .order-confirmation .order-summary-toggle span:not([class]) {
        font-family: var(--font-headline);
        font-size: 24px;
        text-transform: uppercase;
        font-stretch: condensed;
        font-variation-settings: "wdth" 75
    }
}

#maincontent #checkout-main .order-summary-device .line-border,
#maincontent .order-confirmation .order-summary-device .line-border {
    margin-left: var(--spacing-m);
    margin-right: var(--spacing-m);
    border-bottom: thin solid var(--c-accent);
    opacity: 1
}

#maincontent #checkout-main .order-summary-device .order-summary,
#maincontent #checkout-main .order-summary-device h5,
#maincontent .order-confirmation .order-summary-device .order-summary,
#maincontent .order-confirmation .order-summary-device h5 {
    font-size: 24px
}

#maincontent #checkout-main .order-summary-device .line-item-name,
#maincontent .order-confirmation .order-summary-device .line-item-name {
    padding-top: 2px;
    white-space: normal
}

#maincontent #checkout-main .order-summary-device .line-item-name .product-name,
#maincontent .order-confirmation .order-summary-device .line-item-name .product-name {
    font-family: var(--font-headline);
    font-size: 24px;
    text-transform: uppercase;
    font-stretch: condensed;
    font-variation-settings: "wdth" 75
}

#maincontent #checkout-main .order-summary-device .line-item-attributes,
#maincontent #checkout-main .order-summary-device .line-item-attributes span,
#maincontent #checkout-main .order-summary-device .line-item-total-text,
#maincontent #checkout-main .order-summary-device .order-details-normal-text span,
#maincontent #checkout-main .order-summary-device .pricing,
#maincontent .order-confirmation .order-summary-device .line-item-attributes,
#maincontent .order-confirmation .order-summary-device .line-item-attributes span,
#maincontent .order-confirmation .order-summary-device .line-item-total-text,
#maincontent .order-confirmation .order-summary-device .order-details-normal-text span,
#maincontent .order-confirmation .order-summary-device .pricing {
    font-family: var(--font-body);
    font-size: var(--f-s);
    color: var(--c-em-med);
    font-weight: 400
}

#maincontent #checkout-main .card-body-details,
#maincontent .order-confirmation .card-body-details {
    padding-top: 0
}

#maincontent #checkout-main .card-body-details .order-detail-edit,
#maincontent .order-confirmation .card-body-details .order-detail-edit {
    margin-bottom: var(--spacing-2xs);
    column-gap: 18px
}

#maincontent #checkout-main .card-body-details .order-detail-edit .edit-cart,
#maincontent .order-confirmation .card-body-details .order-detail-edit .edit-cart {
    font-size: var(--f-m);
    font-family: var(--font-body);
    font-weight: 400
}

@media (min-width:1024px) {
    #maincontent #checkout-main .card-body-details .order-detail-edit,
    #maincontent .order-confirmation .card-body-details .order-detail-edit {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: var(--spacing-m);
        height: auto
    }
    #maincontent #checkout-main .card-body-details .order-detail-edit h5,
    #maincontent .order-confirmation .card-body-details .order-detail-edit h5 {
        margin-bottom: 0
    }
}

@media (max-width:767.98px) {
    #maincontent #checkout-main .card-body-details .order-detail-edit,
    #maincontent .order-confirmation .card-body-details .order-detail-edit {
        height: auto;
        -ms-flex-align: baseline;
        align-items: baseline;
        margin-left: -8px;
        margin-top: -24px;
        margin-bottom: var(--spacing-s)
    }
    #maincontent #checkout-main .card-body-details .order-detail-edit .edit-cart,
    #maincontent .order-confirmation .card-body-details .order-detail-edit .edit-cart {
        font-size: var(--f-s)
    }
}

@media (max-width:767.98px) {
    #maincontent #checkout-main .card-body-details .order-detail-edit h5,
    #maincontent #checkout-main .checkout-order-total-summary .order-total-summary h5.order-summary,
    #maincontent .order-confirmation .card-body-details .order-detail-edit h5,
    #maincontent .order-confirmation .checkout-order-total-summary .order-total-summary h5.order-summary {
        font-size: var(--f-m);
        font-family: var(--font-body);
        font-stretch: normal;
        text-transform: none
    }
}

#maincontent #checkout-main .checkout-order-total-summary .card-body-details .order-detail-edit h5,
#maincontent .order-confirmation .checkout-order-total-summary .card-body-details .order-detail-edit h5 {
    height: auto;
    margin: 0 0 var(--spacing-s)
}

#maincontent #checkout-main .flag-container,
#maincontent .order-confirmation .flag-container {
    border-bottom: thin solid var(--c-accent);
    background-color: transparent;
    margin: 0 0 var(--spacing-m);
    padding: 0
}

@media (min-width:1024px) {
    #maincontent #checkout-main .flag-container,
    #maincontent .order-confirmation .flag-container {
        padding: 0 0 var(--spacing-m)
    }
}

#maincontent #checkout-main .flag-container .txt-country,
#maincontent .order-confirmation .flag-container .txt-country {
    display: -ms-flexbox;
    display: flex;
    gap: 8px
}

#maincontent #checkout-main .flag-container .txt-country .icon_container,
#maincontent .order-confirmation .flag-container .txt-country .icon_container {
    border-radius: 0;
    height: 32px;
    width: 32px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 18px 4px 0
}

#maincontent #checkout-main .flag-container .txt-country .icon_container p,
#maincontent .order-confirmation .flag-container .txt-country .icon_container p {
    font-size: var(--f-m)
}

#maincontent #checkout-main .flag-container .text-uppercase,
#maincontent .order-confirmation .flag-container .text-uppercase {
    font-family: var(--font-headline);
    font-size: 24px;
    font-weight: 700;
    font-stretch: condensed;
    font-variation-settings: "wdth" 75
}

#maincontent #checkout-main .cancel-button,
#maincontent #checkout-main .common-order-head.order-receipt-label,
#maincontent #checkout-main .edit-button,
#maincontent #checkout-main .grand-total-text.common-order-head,
#maincontent #checkout-main .leading-lines,
#maincontent #checkout-main .login .have-an-acnt .login .log-in,
#maincontent #checkout-main .login .log-in .MainNavText,
#maincontent #checkout-main .msg-order-shipping,
#maincontent #checkout-main .password-link,
#maincontent #checkout-main .payment-summary-section .header .review-text,
#maincontent .order-confirmation .cancel-button,
#maincontent .order-confirmation .common-order-head.order-receipt-label,
#maincontent .order-confirmation .edit-button,
#maincontent .order-confirmation .grand-total-text.common-order-head,
#maincontent .order-confirmation .leading-lines,
#maincontent .order-confirmation .login .have-an-acnt .login .log-in,
#maincontent .order-confirmation .login .log-in .MainNavText,
#maincontent .order-confirmation .msg-order-shipping,
#maincontent .order-confirmation .password-link,
#maincontent .order-confirmation .payment-summary-section .header .review-text {
    color: var(--c-em-med);
    font-size: var(--f-m);
    font-weight: 400;
    font-style: normal;
    line-height: 1.4;
    font-family: var(--font-body);
    margin-left: 0
}

#maincontent #checkout-main .address1,
#maincontent #checkout-main .address-summary,
#maincontent #checkout-main .har-text-normal,
#maincontent #checkout-main .leading-lines .start-lines span,
#maincontent #checkout-main .order-summary-email,
#maincontent #checkout-main .order-summary-phone,
#maincontent #checkout-main .payment-details,
#maincontent #checkout-main .shipping-email,
#maincontent #checkout-main .shipping-phone,
#maincontent #checkout-main .summary-details .billing-email,
#maincontent .order-confirmation .address1,
#maincontent .order-confirmation .address-summary,
#maincontent .order-confirmation .har-text-normal,
#maincontent .order-confirmation .leading-lines .start-lines span,
#maincontent .order-confirmation .order-summary-email,
#maincontent .order-confirmation .order-summary-phone,
#maincontent .order-confirmation .payment-details,
#maincontent .order-confirmation .shipping-email,
#maincontent .order-confirmation .shipping-phone,
#maincontent .order-confirmation .summary-details .billing-email {
    font-weight: 400;
    color: var(--c-em-med);
    font-size: var(--f-xs);
    line-height: 1.5
}

#maincontent #checkout-main .address1,
#maincontent #checkout-main .address-summary,
#maincontent #checkout-main .har-text-normal,
#maincontent #checkout-main .leading-lines .start-lines span,
#maincontent #checkout-main .order-summary-email,
#maincontent #checkout-main .order-summary-phone,
#maincontent #checkout-main .payment-details,
#maincontent #checkout-main .summary-details .billing-email,
#maincontent .order-confirmation .address1,
#maincontent .order-confirmation .address-summary,
#maincontent .order-confirmation .har-text-normal,
#maincontent .order-confirmation .leading-lines .start-lines span,
#maincontent .order-confirmation .order-summary-email,
#maincontent .order-confirmation .order-summary-phone,
#maincontent .order-confirmation .payment-details,
#maincontent .order-confirmation .summary-details .billing-email {
    display: inline-block
}

#maincontent #checkout-main .leading-lines .summary-detail,
#maincontent #checkout-main .summary-details,
#maincontent .order-confirmation .leading-lines .summary-detail,
#maincontent .order-confirmation .summary-details {
    font-size: var(--f-xs)
}

#maincontent #checkout-main .leading-lines .shipping-address :not(.summary-section-label),
#maincontent #checkout-main .leading-lines .summary-detail :not(.summary-section-label),
#maincontent .order-confirmation .leading-lines .shipping-address :not(.summary-section-label),
#maincontent .order-confirmation .leading-lines .summary-detail :not(.summary-section-label) {
    font-size: 16px !important
}

#maincontent #checkout-main .card.payment-summaryv2:after,
#maincontent #checkout-main .card.shipping-summaryv2:after,
#maincontent .order-confirmation .card.payment-summaryv2:after,
#maincontent .order-confirmation .card.shipping-summaryv2:after {
    height: 114%
}

#maincontent #checkout-main .edit-button,
#maincontent .order-confirmation .edit-button {
    color: var(--c-em-full)
}

@media (max-width:767.98px) {
    #maincontent #checkout-main .edit-button,
    #maincontent .order-confirmation .edit-button {
        font-size: var(--f-s);
        transform: translateY(-12px)
    }
}

#maincontent #checkout-main .payment-summary-section .header .review-text,
#maincontent .order-confirmation .payment-summary-section .header .review-text {
    color: var(--c-em-full)
}

@media (max-width:767.98px) {
    #maincontent #checkout-main .payment-summary-section .header .review-text,
    #maincontent .order-confirmation .payment-summary-section .header .review-text {
        padding-left: 5px
    }
}

#maincontent #checkout-main .grand-total-text.common-order-head,
#maincontent .order-confirmation .grand-total-text.common-order-head {
    font-weight: 700
}

#maincontent #checkout-main .leading-lines *,
#maincontent #checkout-main .leading-lines .end-lines span,
#maincontent .order-confirmation .leading-lines *,
#maincontent .order-confirmation .leading-lines .end-lines span {
    background-color: transparent
}

#maincontent #checkout-main .order-summary-toggle,
#maincontent .order-confirmation .order-summary-toggle {
    padding: var(--side-offset);
    background: var(--c-canvas);
    border: 0;
    border-top: thin solid var(--c-accent);
    border-bottom: thin solid var(--c-accent);
    margin: 0
}

#maincontent #checkout-main .handleoptionalfield.form-group,
#maincontent .order-confirmation .handleoptionalfield.form-group {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 4px
}

@media (min-width:1024px) {
    #maincontent #checkout-main.progres-bar-v2 .ship-bill-payment-pages,
    #maincontent #checkout-main.progres-bar-v2 .ship-bill-payment-pagesv2,
    #maincontent .order-confirmation.progres-bar-v2 .ship-bill-payment-pages,
    #maincontent .order-confirmation.progres-bar-v2 .ship-bill-payment-pagesv2 {
        position: relative;
        padding-left: var(--spacing-2xl)
    }
    #maincontent #checkout-main.progres-bar-v2 .ship-bill-payment-pages:after,
    #maincontent #checkout-main.progres-bar-v2 .ship-bill-payment-pagesv2:after,
    #maincontent .order-confirmation.progres-bar-v2 .ship-bill-payment-pages:after,
    #maincontent .order-confirmation.progres-bar-v2 .ship-bill-payment-pagesv2:after {
        left: 16px
    }
    #maincontent #checkout-main.progres-bar-v2 .flag-containerv2,
    #maincontent .order-confirmation.progres-bar-v2 .flag-containerv2 {
        left: -28px
    }
    #maincontent #checkout-main.progres-bar-v2 .card.payment-summaryv2:after,
    #maincontent #checkout-main.progres-bar-v2 .card.shipping-summaryv2:after,
    #maincontent #checkout-main.progres-bar-v2 .payment-formv2 .card.payment-form:after,
    #maincontent .order-confirmation.progres-bar-v2 .card.payment-summaryv2:after,
    #maincontent .order-confirmation.progres-bar-v2 .card.shipping-summaryv2:after,
    #maincontent .order-confirmation.progres-bar-v2 .payment-formv2 .card.payment-form:after {
        left: -34px
    }
}

@media (max-width:1023.98px) {
    #maincontent #checkout-main.progres-bar-v2 .flag-containerv2,
    #maincontent .order-confirmation.progres-bar-v2 .flag-containerv2 {
        left: -60px
    }
    #maincontent #checkout-main.progres-bar-v2 .card.payment-summaryv2:after,
    #maincontent #checkout-main.progres-bar-v2 .card.shipping-summaryv2:after,
    #maincontent #checkout-main.progres-bar-v2 .payment-formv2 .card.payment-form:after,
    #maincontent .order-confirmation.progres-bar-v2 .card.payment-summaryv2:after,
    #maincontent .order-confirmation.progres-bar-v2 .card.shipping-summaryv2:after,
    #maincontent .order-confirmation.progres-bar-v2 .payment-formv2 .card.payment-form:after {
        left: -10px
    }
}

#maincontent #checkout-main.progres-bar-v2 .icon_containerv2,
#maincontent .order-confirmation.progres-bar-v2 .icon_containerv2 {
    border-radius: 0
}

@media (max-width:767.98px) {
    #maincontent #checkout-main.progres-bar-v2 .icon_containerv2 p,
    #maincontent .order-confirmation.progres-bar-v2 .icon_containerv2 p {
        left: 24px
    }
}

@media (max-width:1023.98px) {
    #maincontent #checkout-main.progres-bar-v2 .txt-countryv2,
    #maincontent .order-confirmation.progres-bar-v2 .txt-countryv2 {
        left: 23px
    }
}

@media (min-width:1024px) {
    #maincontent #checkout-main.progres-bar-v2[data-checkout-stage=payment] .icon_containerv2.point-onev2,
    #maincontent #checkout-main.progres-bar-v2[data-checkout-stage=placeOrder] .icon_containerv2.point-onev2,
    #maincontent .order-confirmation.progres-bar-v2[data-checkout-stage=payment] .icon_containerv2.point-onev2,
    #maincontent .order-confirmation.progres-bar-v2[data-checkout-stage=placeOrder] .icon_containerv2.point-onev2 {
        left: -32px
    }
}

@media (max-width:1023.98px) {
    #maincontent #checkout-main.progres-bar-v2[data-checkout-stage=payment] .icon_containerv2.point-onev2,
    #maincontent #checkout-main.progres-bar-v2[data-checkout-stage=placeOrder] .icon_containerv2.point-onev2,
    #maincontent .order-confirmation.progres-bar-v2[data-checkout-stage=payment] .icon_containerv2.point-onev2,
    #maincontent .order-confirmation.progres-bar-v2[data-checkout-stage=placeOrder] .icon_containerv2.point-onev2 {
        left: 15px
    }
}

#maincontent #checkout-main.progres-bar-v2[data-checkout-stage=payment] .icon_containerv2.point-onev2:before,
#maincontent #checkout-main.progres-bar-v2[data-checkout-stage=placeOrder] .icon_containerv2.point-onev2:before,
#maincontent .order-confirmation.progres-bar-v2[data-checkout-stage=payment] .icon_containerv2.point-onev2:before,
#maincontent .order-confirmation.progres-bar-v2[data-checkout-stage=placeOrder] .icon_containerv2.point-onev2:before {
    font-family: var(--font-icon);
    content: "done";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    background: var(--c-button);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    padding-top: 0;
    line-height: 1.1
}

#maincontent #checkout-main.progres-bar-v2[data-checkout-stage=placeOrder] .icon_containerv2.point-twov2,
#maincontent .order-confirmation.progres-bar-v2[data-checkout-stage=placeOrder] .icon_containerv2.point-twov2 {
    left: 0;
    position: relative
}

#maincontent #checkout-main.progres-bar-v2[data-checkout-stage=placeOrder] .icon_containerv2.point-twov2:before,
#maincontent .order-confirmation.progres-bar-v2[data-checkout-stage=placeOrder] .icon_containerv2.point-twov2:before {
    font-family: var(--font-icon);
    content: "done";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    background: var(--c-button);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    padding-top: 0;
    line-height: 1.1
}

#maincontent #checkout-main .order-confirmation-head,
#maincontent .order-confirmation .order-confirmation-head {
    background-color: var(--c-canvas);
    border: 0
}

#maincontent #checkout-main .order-confirmation .number-text,
#maincontent .order-confirmation .order-confirmation .number-text {
    border-radius: 0
}

#maincontent #checkout-main .order-confirm-create-account .pwd-show-icon,
#maincontent .order-confirmation .order-confirm-create-account .pwd-show-icon {
    top: 36px
}

#maincontent #checkout-main .order-confirmation-details .order-details,
#maincontent #checkout-main .order-confirmation-details div,
#maincontent .order-confirmation .order-confirmation-details .order-details,
#maincontent .order-confirmation .order-confirmation-details div {
    font-size: var(--f-m);
    line-height: 1.4;
    color: var(--c-em-med)
}

#maincontent #checkout-main .order-confirmation-details .order-confirm-create-account,
#maincontent .order-confirmation .order-confirmation-details .order-confirm-create-account {
    margin-top: var(--spacing-m)
}

#maincontent #checkout-main .order-confirmation-details .create-account-from-confirmation,
#maincontent .order-confirmation .order-confirmation-details .create-account-from-confirmation {
    margin-top: var(--spacing-s)
}

#maincontent #checkout-main .tick-mark,
#maincontent .order-confirmation .tick-mark {
    position: relative
}

@media (min-width:1023.98px) {
    #maincontent #checkout-main .tick-mark,
    #maincontent .order-confirmation .tick-mark {
        top: -13%;
        display: none
    }
}

@media (min-width:1024px) {
    #maincontent #checkout-main .tick-mark,
    #maincontent .order-confirmation .tick-mark {
        top: -24%;
        display: none
    }
}

#maincontent #checkout-main .alert-danger,
#maincontent .order-confirmation .alert-danger {
    margin-left: 24px;
    margin-top: 24px;
    max-width: calc(100vw - 60px)
}

#maincontent #checkout-main .shipment-selector-block>.form-group,
#maincontent .order-confirmation .shipment-selector-block>.form-group {
    margin-bottom: var(--spacing-xs)
}

@media (max-width:767.98px) {
    #maincontent #checkout-main .shipment-selector-block>.form-group,
    #maincontent .order-confirmation .shipment-selector-block>.form-group {
        margin-bottom: 0
    }
}

#maincontent #checkout-main .shipping-address .update-add-new,
#maincontent .order-confirmation .shipping-address .update-add-new {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#maincontent #checkout-main .shipping-address .update-add-new .btn,
#maincontent .order-confirmation .shipping-address .update-add-new .btn {
    width: auto;
    min-width: 150px;
    background: var(--c-button-secondary);
    color: var(--c-button-secondary-copy);
    border: 2px solid var(--c-button-secondary-border);
    min-height: var(--button-height);
    padding: var(--button-padding);
    margin-inline: 8px 0;
    font-size: var(--f-m);
    font-weight: 600
}

#maincontent #checkout-main .shipping-address .update-add-new .btn:first-child,
#maincontent .order-confirmation .shipping-address .update-add-new .btn:first-child {
    margin-left: auto
}

@media (max-width:767.98px) {
    #maincontent #checkout-main .shipping-address .update-add-new .btn,
    #maincontent .order-confirmation .shipping-address .update-add-new .btn {
        min-width: 100%;
        margin: 0 0 8px
    }
}

#maincontent #checkout-main .shipping-address .update-add-new .btn:focus,
#maincontent #checkout-main .shipping-address .update-add-new .btn:hover,
#maincontent .order-confirmation .shipping-address .update-add-new .btn:focus,
#maincontent .order-confirmation .shipping-address .update-add-new .btn:hover {
    background: var(--c-button-secondary-hover);
    color: var(--c-button-secondary-hover-copy);
    border: 2px solid var(--c-button-secondary-hover-border)
}

#maincontent #checkout-main .shipping-address:has(.update-add-new)~.submit-shipping,
#maincontent .order-confirmation .shipping-address:has(.update-add-new)~.submit-shipping {
    min-width: 150px
}

#maincontent #checkout-main [data-address-mode=edit] .shipping-address:has(.update-add-new)~.submit-shipping,
#maincontent .order-confirmation [data-address-mode=edit] .shipping-address:has(.update-add-new)~.submit-shipping {
    margin-inline: auto 0;
    min-width: 150px
}

#maincontent #checkout-main .billing-section .common-order-head.billing-addr-label,
#maincontent #checkout-main .single-shipping .shipping-addr-label,
#maincontent #checkout-main .single-shipping .summary-section-label,
#maincontent #checkout-main .summary-details .summary-section-label,
#maincontent .order-confirmation .billing-section .common-order-head.billing-addr-label,
#maincontent .order-confirmation .single-shipping .shipping-addr-label,
#maincontent .order-confirmation .single-shipping .summary-section-label,
#maincontent .order-confirmation .summary-details .summary-section-label {
    font-size: var(--f-m);
    font-family: var(--font-headline);
    text-transform: uppercase !important;
    font-weight: 700
}

#maincontent #checkout-main .pix-code-expire-wrapper .pix-code-expire-timer,
#maincontent .order-confirmation .pix-code-expire-wrapper .pix-code-expire-timer {
    font-size: var(--f-xl);
    background: var(--c-canvas);
    border: 0;
    margin-top: 16px
}

#maincontent #checkout-main .pix-code-expire-wrapper .pix-code-expire-title,
#maincontent .order-confirmation .pix-code-expire-wrapper .pix-code-expire-title {
    font-family: var(--font-body);
    font-size: var(--f-m);
    font-weight: 700
}

#maincontent .order-confirmation .card-body.order-cart-product-summary {
    padding-bottom: 0
}

#maincontent .leading-lines .start-lines span.shipping-method-arrival-time,
#maincontent .leading-lines .start-lines span.shipping-method-title {
    font-size: 16px !important
}

.order-confirmation .order-confirmation-print .icon-print {
    zoom: 1
}

.order-confirmation .order-confirmation-print .icon-print:before {
    content: "print";
    font-family: var(--font-icon);
    font-size: 28px;
    margin-top: -4px;
    display: inline-block
}

@media (min-width:1024px) {
    .order-confirmation .order-confirmation-print .icon-print:before {
        margin-bottom: 4px;
        font-size: 44px
    }
}

.checkout-sticky-header .logo-checkout {
    border: 0;
    -ms-flex-align: center;
    align-items: center
}

.checkout-sticky-header .logo-checkout .ship-details .live-chat {
    font-size: var(--f-m);
    font-family: var(--font-body);
    margin-top: 8px
}

.checkout-sticky-header .logo-checkout .jbl-brand .row .col .secured-checkout {
    margin-top: 20px
}

.checkout-sticky-header .logo-checkout .jbl-brand .row .col .secured-checkout .icon-Secured-page {
    margin-top: -1px;
    -ms-flex-order: -1;
    order: -1
}

.checkout-sticky-header .logo-checkout .jbl-brand .row .col .secured-checkout .icon-Secured-page:before {
    content: "lock";
    padding-left: 10px;
    font-weight: 400;
    font-size: 24px;
    font-family: var(--font-icon)
}

.checkout-sticky-header .logo-checkout .jbl-brand .row .col .secured-checkout span {
    font-weight: 400;
    font-size: var(--f-m);
    font-family: var(--font-body);
    white-space: nowrap
}

.checkout-sticky-header .logo-checkout .jbl-brand .row .col .secured-checkout .min-cart-redirectParent {
    margin-left: 4px;
    white-space: nowrap
}

.checkout-sticky-header .checkout-head {
    border-bottom: thin solid var(--c-accent)
}

.exit-modal .modal-dialog .exit-checkout-content .modal-header {
    -ms-grid-column-span: 2;
    -ms-grid-column: 1;
    grid-column: 1/span 2
}

.exit-modal .modal-dialog .exit-checkout-content .modal-header .title-exit-checkout {
    margin-top: -18px;
    font-weight: 600;
    width: 100%
}

.exit-modal .modal-dialog .exit-checkout-content .modal-header .exit-checkout-body {
    font-size: var(--f-s)
}

#checkout-main .shipping-form .products-list .product-item .name-product,
.order-confirmation .shipping-form .products-list .product-item .name-product {
    font-family: var(--font-body);
    font-size: var(--f-s);
    font-weight: 400;
    color: var(--c-em-full)
}

#checkout-main .shipping-form .products-list .product-item .desc-product,
.order-confirmation .shipping-form .products-list .product-item .desc-product {
    font-family: var(--font-body);
    color: var(--c-em-med)
}

html #paymentMethodsList.paymentMethodsList-show>li>input[type=radio]+label:after {
    top: calc(50% - 10px)
}

.ship-bill-payment-pages .card.payment-summary,
.ship-bill-payment-pages .card.shipping-summary {
    background-color: var(--c-canvas);
    padding-top: var(--spacing-xs)
}

html[data-site=BR] #checkout-main .form-group .form-control.custom-select,
html[data-site=INDIA] #checkout-main .form-group .form-control.custom-select {
    font-size: 1rem;
    height: var(--button-height);
    padding-bottom: 0;
    padding-top: 0
}

#checkoutLoginModal .modal-content .modal-body .oauth-facebook .image-logo-login-checkout-container,
#checkoutLoginModal .modal-content .modal-body .oauth-google .image-logo-login-checkout-container {
    margin-inline: 0
}

#checkoutLoginModal .modal-content .modal-body .sign-in-google-facebook-container .login-oauth a .login-checkout-modal {
    margin-right: auto
}

#checkout-main .checkout-promo-code {
    background-color: var(--c-canvas);
    margin-bottom: 1rem
}

@media (min-width:1024px) {
    #checkout-main .checkout-promo-code {
        margin-left: 2rem;
        margin-top: -2.625rem;
        padding: var(--spacing-m)
    }
}

@media (min-width:1919px) {
    #checkout-main .checkout-promo-code {
        margin-left: 4rem
    }
}

#checkout-main .checkout-promo-code .remove-coupon {
    padding: 0;
    font-size: var(--f-xs, .75rem);
    text-decoration: underline
}

@media (max-width:767px) {
    #checkout-main .checkout-promo-code .checkout-promo-title {
        font-family: var(--font-headline);
        font-size: 24px;
        text-transform: uppercase;
        font-stretch: condensed;
        font-variation-settings: "wdth" 75;
        line-height: 1.0625rem;
        font-weight: 700;
        color: #000
    }
}

@media (max-width:1023px) {
    #checkout-main .checkout-promo-code .checkout-promo-toggle {
        padding: var(--side-offset);
        background: var(--c-canvas);
        border: 0;
        border-top: thin solid var(--c-accent);
        border-bottom: thin solid var(--c-accent);
        margin: 0
    }
}

@media (min-width:1024px) {
    #checkout-main .checkout-promo-code .checkout-promo-toggle {
        font-family: var(--font-headline);
        font-size: 24px;
        color: var(--c-em-full);
        font-stretch: condensed;
        font-variation-settings: "wdth" 75;
        text-transform: uppercase;
        font-weight: 700;
        text-transform: uppercase !important;
        padding-top: 32px;
        border-top: 1px solid var(--c-accent)
    }
    #checkout-main .checkout-promo-code .checkout-promo-toggle span:first-child {
        text-align: left
    }
}

#checkout-main .checkout-promo-code .card-body {
    background-color: var(--c-canvas)
}

@media (min-width:1024px) {
    #checkout-main .checkout-promo-code .card-body {
        padding: 5px 0 0 !important
    }
}

#checkout-main .checkout-promo-code .card.promo-section {
    margin-top: -1rem
}

#checkout-main .checkout-promo-code .grd-ttl-sec {
    border-bottom: 1px solid hsla(0, 0%, 59%, .5);
    border-color: var(--c-accent)
}

#checkout-main .checkout-promo-code .form-group.promo-code-area {
    margin-bottom: var(--spacing-xs)
}

#checkout-main .checkout-promo-code .form-group.promo-code-area .prm-seg {
    max-width: none;
    padding-right: 0;
    position: static
}

#checkout-main .checkout-promo-code .form-group.promo-code-area .prm-seg .Input-label {
    padding: 0;
    margin: 0
}

#checkout-main .checkout-promo-code .form-group.promo-code-area .prm-seg input {
    background-color: transparent !important;
    color: var(--c-em-full);
    font-size: var(--f-m);
    height: var(--button-height);
    box-sizing: border-box
}

#checkout-main .checkout-promo-code .form-group.promo-code-area .prm-seg input.is-invalid {
    border: 0 solid var(--c-form-feedback-negative);
    border-width: 0 0 3px
}

#checkout-main .checkout-promo-code .form-group.promo-code-area .prm-seg input.is-invalid~.fa.error-icon {
    display: none !important
}

#checkout-main .checkout-promo-code .form-group.promo-code-area .prm-seg:has(input.is-invalid)~[class*=-submit] .btn {
    border-color: var(--c-form-feedback-negative)
}

#checkout-main .checkout-promo-code .form-group.promo-code-area [class*=-submit1] {
    min-width: 32px;
    max-width: 32px !important;
    margin-right: 16px
}

#checkout-main .checkout-promo-code .form-group.promo-code-area [class*=-submit1] .btn {
    all: unset;
    height: var(--button-height);
    border-bottom: 3px solid var(--c-em-full);
    font-size: 0;
    color: transparent;
    outline: none;
    background-color: transparent;
    border-radius: 0 !important;
    box-sizing: border-box;
    padding: 0 8px 0 0;
    width: 32px;
    cursor: pointer
}

#checkout-main .checkout-promo-code .form-group.promo-code-area [class*=-submit1] .btn:before {
    font-family: var(--font-icon);
    font-weight: 400;
    font-style: normal;
    font-size: 1em;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    vertical-align: sub;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    font-variation-settings: "FILL" 1;
    transition: transform var(--ds-transition);
    will-change: transform clip-path;
    content: "arrow_forward";
    color: var(--c-em-full);
    border: 0;
    border-radius: 0 !important;
    font-size: 22px;
    font-weight: 700
}

html[data-site=JP] #maincontent #checkout-main .product-summary-block .product-line-item-details .line-item-attributes,
html[data-site=JP] #maincontent #checkout-main .product-summary-block .product-line-item-details .line-item-pricing-info span,
html[data-site=JP] #maincontent #checkout-main .product-summary-block .product-line-item-details .line-item-total-price-amount,
html[data-site=JP] #maincontent #checkout-main .product-summary-block .product-line-item-details .order-details-normal-text span {
    font-size: 16px
}

.container.no-search-container .refinment-filter-seg,
.no-search-container.container-narrow .refinment-filter-seg {
    background-color: var(--c-canvas-full)
}

.container.no-search-container p,
.no-search-container.container-narrow p {
    text-wrap: pretty
}

.container.no-search-container .no-search-result,
.no-search-container.container-narrow .no-search-result {
    margin-top: var(--spacing-xl)
}

.container.no-search-container .no-search-result .result-count,
.no-search-container.container-narrow .no-search-result .result-count {
    width: 100%;
    max-width: var(--sizing-max-page);
    padding-inline: var(--side-offset)
}

.container.no-search-container .no-search-result .result-count .no-results__intro,
.no-search-container.container-narrow .no-search-result .result-count .no-results__intro {
    margin-bottom: var(--spacing-2xl);
    max-width: 1240px;
    margin-inline: auto
}

.container.no-search-container .no-search-result .result-count .no-results__intro .no-result-search,
.no-search-container.container-narrow .no-search-result .result-count .no-results__intro .no-result-search {
    position: relative;
    padding-inline: 15px
}

.container.no-search-container .no-search-result .result-count .no-results__intro .no-result-search fieldset,
.no-search-container.container-narrow .no-search-result .result-count .no-results__intro .no-result-search fieldset {
    position: relative
}

.container.no-search-container .no-search-result .result-count .no-results__intro .no-result-search input,
.no-search-container.container-narrow .no-search-result .result-count .no-results__intro .no-result-search input {
    border: 3px solid var(--c-em-full);
    border-width: 0 0 3px;
    border-radius: 0;
    font-size: var(--f-m);
    font-family: var(--font-body);
    width: 100%;
    padding-right: 48px;
    min-height: var(--button-height)
}

.container.no-search-container .no-search-result .result-count .no-results__intro .no-result-search input:focus,
.no-search-container.container-narrow .no-search-result .result-count .no-results__intro .no-result-search input:focus {
    border-color: var(--c-accent)
}

.container.no-search-container .no-search-result .result-count .no-results__intro .no-result-search .btn,
.no-search-container.container-narrow .no-search-result .result-count .no-results__intro .no-result-search .btn {
    border-radius: 0;
    background: transparent;
    color: var(--c-em-full);
    font-size: 0;
    border: 0;
    width: 32px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    min-width: auto
}

.container.no-search-container .no-search-result .result-count .no-results__intro .no-result-search .btn:before,
.no-search-container.container-narrow .no-search-result .result-count .no-results__intro .no-result-search .btn:before {
    font-size: 24px;
    content: "search";
    font-family: var(--font-icon);
    font-weight: 500
}

.container.no-search-container .no-search-result .result-count .no-results__intro .no-result-search .btn:hover,
.no-search-container.container-narrow .no-search-result .result-count .no-results__intro .no-result-search .btn:hover {
    color: var(--c-accent)
}

@media (min-width:1024px) {
    .container.no-search-container .no-search-result .result-count .no-results__intro>.row,
    .no-search-container.container-narrow .no-search-result .result-count .no-results__intro>.row {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
        gap: var(--side-offset)
    }
}

.container.no-search-container .no-search-result .result-count .no-results__intro .no-result-block,
.no-search-container.container-narrow .no-search-result .result-count .no-results__intro .no-result-block {
    text-align: center
}

@media (min-width:1024px) {
    .container.no-search-container .no-search-result .result-count .no-results__intro .no-result-block,
    .no-search-container.container-narrow .no-search-result .result-count .no-results__intro .no-result-block {
        margin-top: 26px
    }
}

.container.no-search-container .no-search-result .result-count .no-results__intro .no-result-block .sry-message,
.no-search-container.container-narrow .no-search-result .result-count .no-results__intro .no-result-block .sry-message {
    font-size: var(--f-h4);
    font-family: var(--font-headline);
    font-stretch: condensed;
    font-variation-settings: "wdth" 75;
    font-weight: 700;
    color: var(--c-em-full);
    text-transform: uppercase;
    text-align: center
}

.container.no-search-container .no-search-result .result-count .no-results__intro .no-result-block .noresult-message,
.no-search-container.container-narrow .no-search-result .result-count .no-results__intro .no-result-block .noresult-message {
    font-size: var(--f-m)
}

.container.no-search-container .no-search-result .result-count .no-results__intro .support,
.no-search-container.container-narrow .no-search-result .result-count .no-results__intro .support {
    margin: 0;
    max-width: none;
    background: var(--c-canvas)
}

.container.no-search-container .no-search-result .result-count .no-results__intro .support h2.support-header,
.no-search-container.container-narrow .no-search-result .result-count .no-results__intro .support h2.support-header {
    font-size: var(--f-h4);
    font-family: var(--font-headline);
    font-stretch: condensed;
    font-variation-settings: "wdth" 75;
    font-weight: 700;
    color: var(--c-em-full);
    text-transform: uppercase
}

.container.no-search-container .no-search-result .result-count .no-results__intro .support .support-text,
.no-search-container.container-narrow .no-search-result .result-count .no-results__intro .support .support-text {
    font-size: var(--f-m);
    color: var(--c-em-full)
}

.container.no-search-container .no-search-result .result-count .no-results__intro .support .jbl-support,
.no-search-container.container-narrow .no-search-result .result-count .no-results__intro .support .jbl-support {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px
}

.container.no-search-container .no-search-result .result-count .no-results__intro .support .cta,
.no-search-container.container-narrow .no-search-result .result-count .no-results__intro .support .cta {
    font-weight: 500;
    width: auto;
    margin-inline: auto;
    margin-top: 0 !important;
    min-width: 200px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 100%
}

.container.no-search-container .no-search-result .result-count .no-results__intro+p,
.no-search-container.container-narrow .no-search-result .result-count .no-results__intro+p {
    font-size: var(--f-h6);
    font-family: var(--font-headline);
    font-stretch: condensed;
    font-variation-settings: "wdth" 75;
    font-weight: 700;
    color: var(--c-em-full);
    text-transform: uppercase;
    text-align: center;
    text-wrap: balance;
    line-height: var(--f-h-lh)
}

.container.no-search-container .no-search-result .result-count .grayarrow,
.no-search-container.container-narrow .no-search-result .result-count .grayarrow {
    max-width: 500px;
    margin: 0 auto var(--spacing-m)
}

.container.no-search-container .no-search-result .result-count .grayarrow li,
.no-search-container.container-narrow .no-search-result .result-count .grayarrow li {
    position: relative;
    padding-left: 16px;
    padding-bottom: 4px;
    font-size: var(--f-m);
    color: var(--c-em-med);
    text-wrap: pretty
}

.container.no-search-container .no-search-result .result-count .grayarrow li:before,
.no-search-container.container-narrow .no-search-result .result-count .grayarrow li:before {
    content: "\2022";
    position: absolute;
    top: 0;
    left: 0
}

.container.no-search-container .no-search-result .recommendations h2.recommendations__title,
.container.no-search-container .no-search-result .shop-max-content h2.shop-by,
.no-search-container.container-narrow .no-search-result .recommendations h2.recommendations__title,
.no-search-container.container-narrow .no-search-result .shop-max-content h2.shop-by {
    font-size: var(--f-h5);
    font-family: var(--font-headline);
    font-stretch: condensed;
    font-variation-settings: "wdth" 75;
    font-weight: 700;
    color: var(--c-em-full);
    text-transform: uppercase;
    text-align: center;
    text-wrap: balance;
    line-height: var(--f-h-lh);
    margin-bottom: var(--spacing-m)
}

.container.no-search-container .no-search-result .shoy-by-category .category-img img,
.no-search-container.container-narrow .no-search-result .shoy-by-category .category-img img {
    display: inline-block;
    margin: 0 auto;
    width: auto;
    border-radius: 0;
    aspect-ratio: 4/3;
    object-fit: cover
}

.container.no-search-container .no-search-result .shoy-by-category .category-text span,
.no-search-container.container-narrow .no-search-result .shoy-by-category .category-text span {
    font-family: var(--font-body);
    font-weight: 700;
    font-size: var(--f-m, 1rem);
    margin-top: 15px;
    text-wrap: pretty;
    line-height: 1.1
}

.container.no-search-container .product-tiles-slot h2,
.no-search-container.container-narrow .product-tiles-slot h2 {
    text-align: center
}

.container.no-search-container .recommendations-wrapper .product-grid .row,
.no-search-container.container-narrow .recommendations-wrapper .product-grid .row {
    -ms-flex-pack: center;
    justify-content: center
}

.container.no-search-container .recommendations-wrapper .product-grid [class*=col],
.no-search-container.container-narrow .recommendations-wrapper .product-grid [class*=col] {
    padding: 0
}

@media (min-width:1200px) {
    .container.no-search-container .recommendations-wrapper .product-grid [class*=col],
    .no-search-container.container-narrow .recommendations-wrapper .product-grid [class*=col] {
        max-width: Min(33.3333%, 380px)
    }
}

.container.no-search-container .recommendations-wrapper .product-grid .product,
.no-search-container.container-narrow .recommendations-wrapper .product-grid .product {
    outline: thin solid var(--c-accent);
    border-bottom: thin solid transparent;
    outline-offset: 0
}

.login-page {
    position: relative
}

.login-page form.login-oauth {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    column-gap: 16px
}

.login-page form.login-oauth>* {
    -ms-flex: 1;
    flex: 1;
    min-width: fit-content
}

.login-page .check-trkodr {
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start
}

.add-edit-address .account-login-page,
.change-password .account-login-page,
.edit-profile .account-login-page {
    padding-inline: var(--side-offset)
}

.account-login-page,
.wishlist-logged-in {
    font-size: var(--f-m);
    padding-inline: var(--side-offset);
    max-width: 100vw;
    overflow: clip;
    margin-top: 0;
    padding-top: var(--spacing-xs)
}

.account-login-page .right-login-panel,
.wishlist-logged-in .right-login-panel {
    padding-right: 0
}

.account-login-page .signin-sec,
.wishlist-logged-in .signin-sec {
    border: 0
}

.account-login-page ol,
.account-login-page p,
.account-login-page ul,
.wishlist-logged-in ol,
.wishlist-logged-in p,
.wishlist-logged-in ul {
    font-size: var(--f-m)
}

.account-login-page .cp-right,
.wishlist-logged-in .cp-right {
    background-color: transparent
}

.account-login-page .login-left-panel.account-dashboard-left,
.wishlist-logged-in .login-left-panel.account-dashboard-left {
    padding-left: 0
}

.account-login-page .login-left-panel.account-landing-left-side,
.wishlist-logged-in .login-left-panel.account-landing-left-side {
    max-width: none
}

.account-login-page .login-left-panel .h3,
.account-login-page .login-left-panel h3,
.wishlist-logged-in .login-left-panel .h3,
.wishlist-logged-in .login-left-panel h3 {
    font-size: var(--f-2xl)
}

.account-login-page .login-left-panel .account-nav-asset,
.wishlist-logged-in .login-left-panel .account-nav-asset {
    background-color: transparent
}

.account-login-page .login-left-panel .account-landing-left-side .welcome-user-name,
.wishlist-logged-in .login-left-panel .account-landing-left-side .welcome-user-name {
    font-size: var(--f-l, 18px);
    font-family: var(--font-body);
    text-transform: none !important;
    font-weight: 500
}

.account-login-page .login-left-panel .logout-user,
.wishlist-logged-in .login-left-panel .logout-user {
    font-size: var(--f-s);
    font-family: var(--font-body);
    font-weight: 500;
    color: var(--c-em-med) !important
}

.account-login-page .login-left-panel .account-options li>span,
.wishlist-logged-in .login-left-panel .account-options li>span {
    display: none
}

.account-login-page .login-left-panel .account-options li a,
.wishlist-logged-in .login-left-panel .account-options li a {
    font-family: var(--font-headline);
    font-size: 24px;
    line-height: var(--f-h-lh);
    font-weight: 600;
    font-stretch: condensed;
    font-variation-settings: "wdth" 75;
    text-transform: uppercase;
    --skin-link-color-2: var(--c-em-full);
    padding: 0 0 var(--spacing-m);
    border-bottom: 1px solid var(--c-accent)
}

.account-login-page .login-left-panel .account-options li a.active,
.account-login-page .login-left-panel .account-options li a:focus,
.account-login-page .login-left-panel .account-options li a:hover,
.wishlist-logged-in .login-left-panel .account-options li a.active,
.wishlist-logged-in .login-left-panel .account-options li a:focus,
.wishlist-logged-in .login-left-panel .account-options li a:hover {
    color: var(--c-accent) !important;
    text-decoration: underline;
    text-underline-offset: 2px
}

.account-login-page .create-account-benefits-asset h5,
.wishlist-logged-in .create-account-benefits-asset h5 {
    font-size: var(--f-xl);
    text-transform: uppercase
}

.account-login-page .login-page-header,
.wishlist-logged-in .login-page-header {
    font-weight: 600;
    font-family: var(--font-headline);
    text-transform: uppercase;
    font-stretch: condensed;
    font-variation-settings: "wdth" 75;
    line-height: var(--f-h-lh);
    font-size: clamp(32px, 3.2vw, var(--f-h5));
    margin-bottom: var(--spacing-m);
    margin-top: 0;
    display: block
}

.account-login-page .account-page-heading,
.wishlist-logged-in .account-page-heading {
    border: 0;
    display: none
}

.account-login-page .edit-link,
.wishlist-logged-in .edit-link {
    color: var(--c-accent)
}

.account-login-page .dashboard-head,
.account-login-page h1.myorder-text,
.wishlist-logged-in .dashboard-head,
.wishlist-logged-in h1.myorder-text {
    font-family: var(--font-headline);
    font-size: var(--f-h6);
    font-weight: 600;
    font-stretch: condensed;
    font-variation-settings: "wdth" 75
}

.account-dashboard .account-login-page .login-left-panel.account-dashboard-left,
.edit-profile .account-login-page .login-left-panel.account-dashboard-left,
.myorders .account-login-page .login-left-panel.account-dashboard-left {
    padding-left: 0
}

.account-dashboard .account-login-page .login-left-panel.account-landing-left-side,
.edit-profile .account-login-page .login-left-panel.account-landing-left-side,
.myorders .account-login-page .login-left-panel.account-landing-left-side {
    max-width: none
}

.account-dashboard .account-login-page .right-login-panel,
.edit-profile .account-login-page .right-login-panel,
.myorders .account-login-page .right-login-panel {
    background-color: transparent
}

.account-dashboard .account-login-page .card,
.edit-profile .account-login-page .card,
.myorders .account-login-page .card {
    background-color: transparent;
    border: thin solid var(--c-accent)
}

.account-dashboard .account-login-page .card h2,
.account-dashboard .account-login-page .card h3,
.account-dashboard .account-login-page .card h4,
.account-dashboard .account-login-page .card h5,
.edit-profile .account-login-page .card h2,
.edit-profile .account-login-page .card h3,
.edit-profile .account-login-page .card h4,
.edit-profile .account-login-page .card h5,
.myorders .account-login-page .card h2,
.myorders .account-login-page .card h3,
.myorders .account-login-page .card h4,
.myorders .account-login-page .card h5 {
    font-family: var(--font-body);
    font-weight: 700;
    text-transform: none;
    font-stretch: normal;
    font-variation-settings: "wdth" 100;
    line-height: 1
}

.account-dashboard .account-login-page .card *,
.edit-profile .account-login-page .card *,
.myorders .account-login-page .card * {
    font-family: var(--font-body)
}

.account-dashboard .account-login-page .card.-productregistration,
.edit-profile .account-login-page .card.-productregistration,
.myorders .account-login-page .card.-productregistration {
    --c-em-full: var(--c-button-copy);
    padding: var(--side-offset);
    background: var(--c-periwinkle) url(../media/cymatics/JBL-02-Periwinkle_Complex-90F.webp) no-repeat;
    background-size: cover;
    border: 0 !important;
    color: var(--c-em-full)
}

.account-dashboard .account-login-page .card.-productregistration .card-body,
.edit-profile .account-login-page .card.-productregistration .card-body,
.myorders .account-login-page .card.-productregistration .card-body {
    background-color: var(--c-button);
    padding: var(--side-offset)
}

.account-dashboard .account-login-page .card.-productregistration h5,
.edit-profile .account-login-page .card.-productregistration h5,
.myorders .account-login-page .card.-productregistration h5 {
    font-family: var(--font-headline);
    text-transform: uppercase;
    font-stretch: condensed;
    font-variation-settings: "wdth" 75;
    font-size: var(--f-2xl);
    text-wrap: balance;
    color: var(--c-em-full)
}

.account-dashboard .account-login-page .card.-productregistration li,
.account-dashboard .account-login-page .card.-productregistration p,
.account-dashboard .account-login-page .card.-productregistration ul,
.edit-profile .account-login-page .card.-productregistration li,
.edit-profile .account-login-page .card.-productregistration p,
.edit-profile .account-login-page .card.-productregistration ul,
.myorders .account-login-page .card.-productregistration li,
.myorders .account-login-page .card.-productregistration p,
.myorders .account-login-page .card.-productregistration ul {
    color: var(--c-em-full)
}

.account-dashboard .account-login-page .card.-productregistration .btn,
.edit-profile .account-login-page .card.-productregistration .btn,
.myorders .account-login-page .card.-productregistration .btn {
    background: #fff;
    color: var(--c-accent);
    border: 2px solid #fff
}

.account-dashboard .account-login-page .card.-productregistration .btn:focus,
.account-dashboard .account-login-page .card.-productregistration .btn:hover,
.edit-profile .account-login-page .card.-productregistration .btn:focus,
.edit-profile .account-login-page .card.-productregistration .btn:hover,
.myorders .account-login-page .card.-productregistration .btn:focus,
.myorders .account-login-page .card.-productregistration .btn:hover {
    background: #000;
    color: #fff;
    border: 2px solid #000
}

.account-dashboard .account-login-page .card-link,
.account-dashboard .account-login-page .view-details,
.edit-profile .account-login-page .card-link,
.edit-profile .account-login-page .view-details,
.myorders .account-login-page .card-link,
.myorders .account-login-page .view-details {
    color: var(--c-accent) !important
}

.account-dashboard .account-login-page .myaccount-wishlist .view-all,
.edit-profile .account-login-page .myaccount-wishlist .view-all,
.myorders .account-login-page .myaccount-wishlist .view-all {
    padding: var(--button-padding)
}

.account-dashboard .account-login-page .myaccount-wishlist .view-all:hover,
.edit-profile .account-login-page .myaccount-wishlist .view-all:hover,
.myorders .account-login-page .myaccount-wishlist .view-all:hover {
    color: var(--c-button-hover-copy) !important
}

.account-dashboard .account-login-page .order-rows,
.edit-profile .account-login-page .order-rows,
.myorders .account-login-page .order-rows {
    padding-left: 0
}

.account-dashboard .account-login-page .right-login-panel .row .card,
.edit-profile .account-login-page .right-login-panel .row .card,
.myorders .account-login-page .right-login-panel .row .card {
    border: thin solid var(--c-accent)
}

.account-dashboard .account-login-page .card-header .collapseBtn,
.edit-profile .account-login-page .card-header .collapseBtn,
.myorders .account-login-page .card-header .collapseBtn {
    margin-left: 8px
}

.container.guest-wishlist .right-login-panel,
.guest-wishlist.container-narrow .right-login-panel,
.myorders .wishlist-logged-in .right-login-panel {
    background-color: transparent
}

.container.guest-wishlist .card-wishlist,
.guest-wishlist.container-narrow .card-wishlist,
.myorders .wishlist-logged-in .card-wishlist {
    border-bottom: 1px solid #e3e3e3 !important;
    background: var(--c-canvas);
    border: 0 !important
}

.container.guest-wishlist .wishlistItemCards .product-info .add-to-cart,
.container.guest-wishlist .wishlistItemCards .product-info .select-attributes-btn,
.guest-wishlist.container-narrow .wishlistItemCards .product-info .add-to-cart,
.guest-wishlist.container-narrow .wishlistItemCards .product-info .select-attributes-btn,
.myorders .wishlist-logged-in .wishlistItemCards .product-info .add-to-cart,
.myorders .wishlist-logged-in .wishlistItemCards .product-info .select-attributes-btn {
    padding: var(--button-padding)
}

.container.guest-wishlist .wishlistItemCards .product-info .line-item-name,
.guest-wishlist.container-narrow .wishlistItemCards .product-info .line-item-name,
.myorders .wishlist-logged-in .wishlistItemCards .product-info .line-item-name {
    font-family: var(--font-body);
    font-size: var(--f-m);
    font-weight: 600;
    font-stretch: normal;
    font-variation-settings: "wdth" 100;
    color: var(--c-em-full)
}

.container.guest-wishlist .wishlistItemCards .product-info .color-text-account,
.container.guest-wishlist .wishlistItemCards .product-info .line-item-pricing-info,
.container.guest-wishlist .wishlistItemCards .product-info .remove-link,
.guest-wishlist.container-narrow .wishlistItemCards .product-info .color-text-account,
.guest-wishlist.container-narrow .wishlistItemCards .product-info .line-item-pricing-info,
.guest-wishlist.container-narrow .wishlistItemCards .product-info .remove-link,
.myorders .wishlist-logged-in .wishlistItemCards .product-info .color-text-account,
.myorders .wishlist-logged-in .wishlistItemCards .product-info .line-item-pricing-info,
.myorders .wishlist-logged-in .wishlistItemCards .product-info .remove-link {
    font-size: var(--f-m);
    color: var(--c-em-med)
}

.container.guest-wishlist .wishlistItemCards .product-info .remove-link :hover,
.guest-wishlist.container-narrow .wishlistItemCards .product-info .remove-link :hover,
.myorders .wishlist-logged-in .wishlistItemCards .product-info .remove-link :hover {
    color: var(--c-accent)
}

.container.guest-wishlist .wishlistItemCards .product-info .quantity-selector .quantity-wrapper,
.guest-wishlist.container-narrow .wishlistItemCards .product-info .quantity-selector .quantity-wrapper,
.myorders .wishlist-logged-in .wishlistItemCards .product-info .quantity-selector .quantity-wrapper {
    border: thin solid transparent
}

.container.guest-wishlist .wishlistItemCards .product-info .quantity-selector .quantity-wrapper:focus-within,
.container.guest-wishlist .wishlistItemCards .product-info .quantity-selector .quantity-wrapper:hover,
.guest-wishlist.container-narrow .wishlistItemCards .product-info .quantity-selector .quantity-wrapper:focus-within,
.guest-wishlist.container-narrow .wishlistItemCards .product-info .quantity-selector .quantity-wrapper:hover,
.myorders .wishlist-logged-in .wishlistItemCards .product-info .quantity-selector .quantity-wrapper:focus-within,
.myorders .wishlist-logged-in .wishlistItemCards .product-info .quantity-selector .quantity-wrapper:hover {
    border: thin solid var(--c-accent)
}

.container.guest-wishlist .wishlistItemCards .product-info .quantity-selector-small .quantity-wrapper .btn-quantity,
.container.guest-wishlist .wishlistItemCards .product-info .quantity-selector .quantity-wrapper .btn-quantity,
.guest-wishlist.container-narrow .wishlistItemCards .product-info .quantity-selector-small .quantity-wrapper .btn-quantity,
.guest-wishlist.container-narrow .wishlistItemCards .product-info .quantity-selector .quantity-wrapper .btn-quantity,
.myorders .wishlist-logged-in .wishlistItemCards .product-info .quantity-selector-small .quantity-wrapper .btn-quantity,
.myorders .wishlist-logged-in .wishlistItemCards .product-info .quantity-selector .quantity-wrapper .btn-quantity {
    font-weight: 300;
    font-size: 32px;
    border-radius: 0 !important
}

.container.guest-wishlist .wishlistItemCards .product-info .quantity-selector-small .quantity-wrapper .btn-quantity:hover,
.container.guest-wishlist .wishlistItemCards .product-info .quantity-selector .quantity-wrapper .btn-quantity:hover,
.guest-wishlist.container-narrow .wishlistItemCards .product-info .quantity-selector-small .quantity-wrapper .btn-quantity:hover,
.guest-wishlist.container-narrow .wishlistItemCards .product-info .quantity-selector .quantity-wrapper .btn-quantity:hover,
.myorders .wishlist-logged-in .wishlistItemCards .product-info .quantity-selector-small .quantity-wrapper .btn-quantity:hover,
.myorders .wishlist-logged-in .wishlistItemCards .product-info .quantity-selector .quantity-wrapper .btn-quantity:hover {
    border-radius: 0 !important;
    background-color: transparent !important;
    border: 0 !important;
    color: var(--c-accent) !important
}

.container.guest-wishlist .wishlistItemCards .product-info .quantity-selector input[type=number],
.guest-wishlist.container-narrow .wishlistItemCards .product-info .quantity-selector input[type=number],
.myorders .wishlist-logged-in .wishlistItemCards .product-info .quantity-selector input[type=number] {
    background-color: transparent !important
}

.container.guest-wishlist .delete-product-p:after,
.container.guest-wishlist .delete-product-p:before,
.guest-wishlist.container-narrow .delete-product-p:after,
.guest-wishlist.container-narrow .delete-product-p:before,
.myorders .wishlist-logged-in .delete-product-p:after,
.myorders .wishlist-logged-in .delete-product-p:before {
    height: 2px
}

.myorders .wishlist-logged-in h1.myorder-text {
    margin-bottom: var(--spacing-xl)
}

.myorders .wishlist-logged-in .wishlistItemCards {
    column-gap: var(--spacing-xs)
}

.container.guest-wishlist,
.guest-wishlist.container-narrow {
    padding-inline: var(--side-offset);
    width: calc(100% - var(--side-offset) - var(--side-offset))
}

@media (max-width:1023.98px) {
    .container.guest-wishlist,
    .guest-wishlist.container-narrow {
        width: calc(100% - var(--side-offset));
        margin: 0
    }
}

.container.guest-wishlist .account-login-page,
.container.guest-wishlist .wishlist,
.guest-wishlist.container-narrow .account-login-page,
.guest-wishlist.container-narrow .wishlist {
    padding-inline: 0
}

.container.guest-wishlist .wishlistItemCards,
.container.guest-wishlist .wishlistItemCards .wishlistItemCards .product-info,
.guest-wishlist.container-narrow .wishlistItemCards,
.guest-wishlist.container-narrow .wishlistItemCards .wishlistItemCards .product-info {
    text-align: left
}

.container.guest-wishlist .wishlistItemCards .wishlistItemCards .product-info .item-image,
.guest-wishlist.container-narrow .wishlistItemCards .wishlistItemCards .product-info .item-image {
    padding: 0
}

.container.guest-wishlist .wishlistItemCards .wishlistItemCards .product-info .line-itm-cntnt,
.guest-wishlist.container-narrow .wishlistItemCards .wishlistItemCards .product-info .line-itm-cntnt {
    border-color: var(--c-accent)
}

.container.guest-wishlist .guest-wishlist-message,
.guest-wishlist.container-narrow .guest-wishlist-message {
    text-wrap: balance;
    text-align: left;
    font-weight: 400;
    font-size: var(--f-m);
    line-height: 1.4;
    padding-bottom: 0;
    margin-bottom: var(--spacing-l);
    border-color: transparent
}

@media (min-width:1024px) {
    .container.guest-wishlist .right-login-panel,
    .guest-wishlist.container-narrow .right-login-panel {
        display: -ms-grid;
        display: grid;
        gap: var(--spacing-m)
    }
    .container.guest-wishlist .right-login-panel>*,
    .guest-wishlist.container-narrow .right-login-panel>* {
        max-width: none
    }
}

.myaccount-wishlist .account-wishlist-item .account-wl-attributes .line-item-header .line-item-name {
    color: var(--c-em-full);
    font-size: var(--f-m);
    font-family: var(--font-body);
    font-weight: 600
}

.password-requirement {
    font-size: var(--f-xs, 12px)
}

.password-requirement .fa-check-circle:before,
.password-requirement .fa-close:before {
    font-family: var(--font-icon);
    font-size: 17px;
    transform: translateY(-1px)
}

.password-requirement .fa-check-circle:before {
    content: "check";
    color: #fff;
    border-radius: 50%;
    aspect-ratio: 1/1;
    background: var(--c-uicolor-gray2);
    padding-top: 3px;
    font-size: 14px;
    transform: translateY(-2px)
}

.password-requirement.active .fa-check-circle:before {
    background-color: var(--c-form-feedback-positive)
}

.password-requirement .fa-close:before {
    content: "close";
    color: var(--c-form-feedback-negative);
    font-weight: 700;
    transform: translate(-2px, 1px);
    margin-right: -3px
}

.password-requirements>li li,
.password-requirements>li li+li {
    margin-left: 0;
    margin-right: 8px
}

.password-requirements>li li:last-child {
    margin-right: 0
}

#maincontent .order-confirmation .order-confirmation-details .password-requirements .password-requirement {
    font-size: var(--f-xs, 12px)
}

.account-dashboard .edit-link,
.account-dashboard .edit-link a,
.account-dashboard .edit-link button {
    color: var(--c-accent) !important
}

.account-dashboard .back-to-account .normal {
    font-family: var(--font-body)
}

.page .dashboard-profile.address-book .right-login-panel .row .card {
    background-color: var(--c-canvas)
}

.page .dashboard-profile.address-book .right-login-panel {
    padding-inline: var(--side-offset)
}

.page .dashboard-profile.address-book .edit-link.edit-delete-links {
    margin-bottom: 4px;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center
}

.page .dashboard-profile.address-book .edit-link.edit-delete-links>* {
    width: auto
}

.page .dashboard-profile.address-book .back-to-account {
    padding-top: var(--spacing-m);
    text-align: left !important
}

.page .dashboard-profile.address-book .back-to-account .normal {
    font-size: var(--f-m)
}

.page .dashboard-profile.address-book .edit-link {
    font-family: var(--font-body)
}

.account-dashboard .account-login-page .right-login-panel .row .card,
.dashboard-profile.address-book .right-login-panel .row .card {
    padding: var(--spacing-s);
    border: 0
}

.ds-banner-register,
[data-action=Order-History] .myorder-text+.card {
    --skin-link-color-2: #fff;
    background: var(--c-periwinkle) url(../media//cymatics/JBL-02-Periwinkle_Standard-90F.webp) no-repeat 50%;
    background-size: cover;
    position: relative;
    padding: var(--spacing-2xl)
}

@media (min-width:1024px) {
    .ds-banner-register,
    [data-action=Order-History] .myorder-text+.card {
        padding: var(--spacing-4xl) clamp(64px, 10vw, 200px)
    }
}

.ds-banner-register:not(:has(>.card-body)):before,
[data-action=Order-History] .myorder-text+.card:not(:has(>.card-body)):before {
    content: " ";
    position: absolute;
    inset: var(--spacing-m);
    background-color: var(--c-button)
}

@media (min-width:1024px) {
    .ds-banner-register:not(:has(>.card-body)):before,
    [data-action=Order-History] .myorder-text+.card:not(:has(>.card-body)):before {
        left: clamp(56px, 8vw, 180px);
        right: clamp(56px, 8vw, 180px)
    }
}

.ds-banner-register span,
.ds-banner-register ul,
[data-action=Order-History] .myorder-text+.card span,
[data-action=Order-History] .myorder-text+.card ul {
    position: relative;
    color: #fff
}

.ds-banner-register .cta,
[data-action=Order-History] .myorder-text+.card .cta {
    color: #000
}

.ds-banner-register h5,
[data-action=Order-History] .myorder-text+.card h5 {
    color: #fff;
    position: relative;
    font-family: var(--font-headline);
    text-transform: uppercase;
    font-size: var(--f-xl)
}

.ds-banner-register .card-button,
[data-action=Order-History] .myorder-text+.card .card-button {
    background: #fff;
    color: #000
}

.ds-account-hero,
.ds-banner.-account,
.hero.account-image {
    background-color: var(--c-periwinkle);
    background-image: url(../media//cymatics/JBL-02-Periwinkle_Standard-90F.webp)
}

[data-action=DCOrder-Details] h2,
[data-action=DCOrder-History] h2 {
    font-size: var(--f-2xl);
    transform: translateY(6px)
}

[data-action=DCOrder-Details] .container.receipt .card,
[data-action=DCOrder-Details] .order-list-container .card,
[data-action=DCOrder-Details] .receipt.container-narrow .card,
[data-action=DCOrder-History] .container.receipt .card,
[data-action=DCOrder-History] .order-list-container .card,
[data-action=DCOrder-History] .receipt.container-narrow .card {
    border: 0
}

[data-action=DCOrder-Details] .container.receipt .card-header,
[data-action=DCOrder-Details] .order-list-container .card-header,
[data-action=DCOrder-Details] .receipt.container-narrow .card-header,
[data-action=DCOrder-History] .container.receipt .card-header,
[data-action=DCOrder-History] .order-list-container .card-header,
[data-action=DCOrder-History] .receipt.container-narrow .card-header {
    background-color: var(--c-canvas);
    border: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px
}

[data-action=DCOrder-Details] .container.receipt .card-header h3.pull-left,
[data-action=DCOrder-Details] .order-list-container .card-header h3.pull-left,
[data-action=DCOrder-Details] .receipt.container-narrow .card-header h3.pull-left,
[data-action=DCOrder-History] .container.receipt .card-header h3.pull-left,
[data-action=DCOrder-History] .order-list-container .card-header h3.pull-left,
[data-action=DCOrder-History] .receipt.container-narrow .card-header h3.pull-left {
    transform: translateY(5px)
}

[data-action=DCOrder-Details] .container.receipt .card-header a.pull-right,
[data-action=DCOrder-Details] .order-list-container .card-header a.pull-right,
[data-action=DCOrder-Details] .receipt.container-narrow .card-header a.pull-right,
[data-action=DCOrder-History] .container.receipt .card-header a.pull-right,
[data-action=DCOrder-History] .order-list-container .card-header a.pull-right,
[data-action=DCOrder-History] .receipt.container-narrow .card-header a.pull-right {
    --skin-link-color-2: var(--c-accent);
    margin-inline: auto 0;
    color: var(--c-accent);
    font-size: var(--f-m);
    text-decoration: none
}

[data-action=DCOrder-Details] .container.receipt .card-header a.pull-right:after,
[data-action=DCOrder-Details] .order-list-container .card-header a.pull-right:after,
[data-action=DCOrder-Details] .receipt.container-narrow .card-header a.pull-right:after,
[data-action=DCOrder-History] .container.receipt .card-header a.pull-right:after,
[data-action=DCOrder-History] .order-list-container .card-header a.pull-right:after,
[data-action=DCOrder-History] .receipt.container-narrow .card-header a.pull-right:after {
    content: "arrow_forward";
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    font-family: var(--font-icon);
    font-weight: 400;
    font-style: normal;
    font-size: 1em;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    vertical-align: sub;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    transform: translate(0)
}

[data-action=DCOrder-Details] .container.receipt .card-body,
[data-action=DCOrder-Details] .container.receipt .card-footer,
[data-action=DCOrder-Details] .order-list-container .card-body,
[data-action=DCOrder-Details] .order-list-container .card-footer,
[data-action=DCOrder-Details] .receipt.container-narrow .card-body,
[data-action=DCOrder-Details] .receipt.container-narrow .card-footer,
[data-action=DCOrder-History] .container.receipt .card-body,
[data-action=DCOrder-History] .container.receipt .card-footer,
[data-action=DCOrder-History] .order-list-container .card-body,
[data-action=DCOrder-History] .order-list-container .card-footer,
[data-action=DCOrder-History] .receipt.container-narrow .card-body,
[data-action=DCOrder-History] .receipt.container-narrow .card-footer {
    border-bottom: thin solid var(--c-em-3xlow)
}

[data-action=DCOrder-Details] .container.receipt .card.order-actions .card-body .col-6#orderdetails-refund,
[data-action=DCOrder-Details] .order-list-container .card.order-actions .card-body .col-6#orderdetails-refund,
[data-action=DCOrder-Details] .receipt.container-narrow .card.order-actions .card-body .col-6#orderdetails-refund,
[data-action=DCOrder-History] .container.receipt .card.order-actions .card-body .col-6#orderdetails-refund,
[data-action=DCOrder-History] .order-list-container .card.order-actions .card-body .col-6#orderdetails-refund,
[data-action=DCOrder-History] .receipt.container-narrow .card.order-actions .card-body .col-6#orderdetails-refund {
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

[data-action=DCOrder-Details] .container.receipt .card.order-actions .card-body .col-6:first-child:last-child,
[data-action=DCOrder-Details] .order-list-container .card.order-actions .card-body .col-6:first-child:last-child,
[data-action=DCOrder-Details] .receipt.container-narrow .card.order-actions .card-body .col-6:first-child:last-child,
[data-action=DCOrder-History] .container.receipt .card.order-actions .card-body .col-6:first-child:last-child,
[data-action=DCOrder-History] .order-list-container .card.order-actions .card-body .col-6:first-child:last-child,
[data-action=DCOrder-History] .receipt.container-narrow .card.order-actions .card-body .col-6:first-child:last-child {
    max-width: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

[data-action=DCOrder-Details] .my-account>a,
[data-action=DCOrder-Details] a.normal,
[data-action=DCOrder-History] .my-account>a,
[data-action=DCOrder-History] a.normal {
    --skin-link-color-2: var(--c-button-copy);
    font-size: var(--f-m);
    border: 2px solid var(--c-button-border);
    background-color: var(--c-button);
    color: var(--c-button-copy);
    border-radius: var(--button-radius);
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 8px;
    min-height: var(--spacing-xl, 40px);
    min-width: 120px;
    padding: 8px 16px 4px;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    cursor: pointer;
    text-decoration: none;
    position: relative;
    font-weight: var(--font-weight-button, bold);
    font-family: var(--font-button);
    margin-block: var(--spacing-m)
}

[data-action=Order-History] .card,
[data-action=Order-History] .myorders .account-login-page .right-login-panel .row .card {
    border: 0
}

[data-action=Order-History] .card .card-header,
[data-action=Order-History] .myorders .account-login-page .right-login-panel .row .card .card-header {
    background-color: var(--c-canvas)
}

@media (min-width:1024px) {
    [data-action=Order-History] .myorders .account-login-page .card {
        margin-bottom: var(--spacing-m)
    }
}

body,
html {
    min-height: var(--vh, 100vmin)
}

.confirm-details .single-shipping .summary-section-label.subtitle {
    font-weight: 600 !important;
    text-transform: none !important
}

@media only screen and (min-width:1024px) {
    .check-availability h3 {
        padding: 0 20px 0 0 !important;
        margin: 0;
        margin-top: 20px;
        font-family: var(--heading-font-family);
        font-size: var(--heading-font-size)
    }
}

.check-availability ul.tab-navigation {
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    border-bottom: 1px var(--c-uicolor-gray3) solid
}

.check-availability ul.tab-navigation li {
    padding-bottom: 2px;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer
}

.check-availability ul.tab-navigation li.active {
    border-bottom: 3px solid #000
}

.check-availability .ship-estimate-components {
    padding: 12px 0
}

@media (max-width:1199.98px) {
    .check-availability .ship-estimate-components {
        text-align: left
    }
}

.check-availability .bopis-availability-components {
    padding: 12px 0;
    margin-top: 12px
}

@media (max-width:1199.98px) {
    .check-availability .bopis-availability-components {
        text-align: left
    }
}

.check-availability .bopis-availability-components .bopisAvailabilityForm #bopisAvailabilityZipCode {
    height: var(--button-height, 40px)
}

.check-availability .bopis-availability-components .bopisAvailabilityForm .cancel-button {
    padding: 0 10px;
    text-decoration: underline;
    font-weight: 700;
    color: #47484a;
    cursor: pointer
}

.check-availability .bopis-availability-components .bopisAvailabilityForm .cancel-button:hover {
    color: #000
}

.check-availability .bopis-availability-components .zipcode-error-message {
    display: block;
    color: #ef1212
}

.check-availability .bopis-availability-components .enter-zip-label {
    display: block;
    font-weight: 400;
    margin-bottom: 0
}

.check-availability .bopis-availability-components .submit-zip {
    font-size: var(--f-m);
    min-height: var(--button-height, 40px);
    font-weight: var(--font-weight-button, bold);
    padding: var(--button-padding, 4px 16px);
    border-radius: var(--button-radius);
    letter-spacing: 0;
    text-transform: none;
    border: 2px solid var(--c-button-border--secondary);
    background-color: var(--c-button--secondary);
    color: var(--c-em-full)
}

.check-availability .bopis-availability-components .submit-zip:hover {
    border-color: var(--c-button-border--secondary-hover);
    background-color: var(--c-button--secondary-hover);
    color: var(--c-button-copy--secondary-hover)
}

.check-availability .bopis-availability-components .bopisAvailabilityResults {
    text-align: left
}

.check-availability .bopis-availability-components .bopisAvailabilityResults .zipcode {
    font-weight: 700
}

.check-availability .bopis-availability-components .bopisAvailabilityResults .edit {
    text-decoration: underline;
    cursor: pointer
}

.check-availability .bopis-availability-components .bopisAvailabilityResults>.col-sm-4:first-child,
.check-availability .bopis-availability-components .bopisAvailabilityResults>.col-sm-4:nth-child(2) {
    padding-right: 10px
}

@media (max-width:767.98px) {
    .check-availability .bopis-availability-components .bopisAvailabilityResults>.col-sm-4:first-child,
    .check-availability .bopis-availability-components .bopisAvailabilityResults>.col-sm-4:nth-child(2) {
        padding-right: 0
    }
}

.check-availability .bopis-availability-components .bopisAvailabilityResults .pickup-item-nearest {
    font-size: .875rem;
    font-weight: 700;
    text-transform: uppercase
}

@media (max-width:767.98px) {
    .check-availability .bopis-availability-components .bopisAvailabilityResults .pickup-item-store-address,
    .check-availability .bopis-availability-components .bopisAvailabilityResults .pickup-item-store-name {
        font-size: 1rem
    }
}

.check-availability .bopis-availability-components .bopisAvailabilityResults .pickup-item-time {
    font-size: 1rem;
    font-weight: 700;
    text-align: right;
    color: #3a7d23
}

@media (max-width:767.98px) {
    .check-availability .bopis-availability-components .bopisAvailabilityResults .pickup-item-time {
        text-align: left
    }
}

.check-availability .location-selection-note {
    color: var(--c-uicolor-gray1);
    font-family: var(--font-roc);
    font-size: .75rem;
    position: relative;
    top: 25px
}

.cart-page .cart-section input[type=radio] {
    display: none
}

.cart-page .cart-section input[type=radio]+label {
    font-weight: 400;
    color: #333;
    font-size: var(--f-xs, .75rem);
    line-height: 1.5;
    cursor: pointer;
    position: relative;
    display: inline-block;
    padding-left: 2.5rem;
    color: #345
}

@media (min-width:768px) {
    .cart-page .cart-section input[type=radio]+label {
        font-size: var(--f-s, .875rem)
    }
}

.cart-page .cart-section input[type=radio]+label:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 1.25rem;
    height: 1.1875rem;
    border: .125rem solid #475666;
    border-radius: 50%
}

.cart-page .cart-section input[type=radio]:checked+label:before {
    position: absolute;
    top: 6px;
    left: 6px;
    width: .4375rem;
    height: .4375rem;
    background-color: #475666;
    border-radius: 50%
}

.cart-page .cart-section input[type=radio]+label {
    padding-left: 0;
    color: #ec4826
}

.cart-page .cart-section input[type=radio]+label:after,
.cart-page .cart-section input[type=radio]:checked+label:before {
    content: "";
    display: none
}

.cart-page .cart-section .order-shipping-method .shipping-method-block .shipping-method-pricing {
    font-weight: 400;
    padding-left: 0;
    font-family: var(--font-headline);
    font-size: var(--f-xs, .75rem)
}

.cart-page .cart-section .order-summary-detail .order-summary-device .leading-lines * {
    pointer-events: none
}

.cart-page .cart-section .bopis-eligible-msg {
    padding: 20px 0;
    font-size: 1rem;
    font-weight: 700;
    color: #3a7d23
}

@media (max-width:767.98px) {
    .cart-page .cart-section .price-container {
        padding-left: 85px
    }
}

.cart-page .cart-section .line-itm-cntnt .line-item-total-price-amount,
.cart-page .cart-section .line-itm-cntnt .non-adjusted-prices,
.cart-page .cart-section .line-itm-cntnt .unit-price .sales .value,
.cart-page .cart-section .line-itm-cntnt .unit-price .value,
.cart-page .cart-section .sm-font-l {
    font-size: 1rem;
    font-weight: 400
}

@media (max-width:767.98px) {
    .cart-page .cart-section .line-itm-cntnt .line-item-total-price-amount,
    .cart-page .cart-section .line-itm-cntnt .non-adjusted-prices,
    .cart-page .cart-section .line-itm-cntnt .unit-price .sales .value,
    .cart-page .cart-section .line-itm-cntnt .unit-price .value,
    .cart-page .cart-section .sm-font-l {
        padding-right: 15px;
        font-size: 1rem;
        font-weight: 700 !important
    }
}

.cart-page .cart-section .pickup-item-info {
    padding-left: 1.25rem;
    padding-right: .375rem
}

@media (max-width:1023.98px) {
    .cart-page .cart-section .pickup-item-info {
        padding: 0
    }
}

@media (max-width:767.98px) {
    .cart-page .cart-section .pickup-item-info .pickup-title {
        padding-right: 15px;
        padding-left: 15px
    }
}

.cart-page .cart-section .pickup-item-info .pickup-title .ineligible-item-title,
.cart-page .cart-section .pickup-item-info .pickup-title .pickup-item-title {
    margin-top: 45px;
    font-size: 1rem;
    font-weight: 700
}

@media (max-width:767.98px) {
    .cart-page .cart-section .pickup-item-info .pickup-title .ineligible-item-title,
    .cart-page .cart-section .pickup-item-info .pickup-title .pickup-item-title {
        margin-top: 15px
    }
}

.cart-page .cart-section .pickup-item-info .pickup-title .ineligible-item-title {
    color: var(--c-form-feedback-negative)
}

@media (max-width:767.98px) {
    .cart-page .cart-section .pickup-item-info .pickup-store-details {
        padding-right: 15px;
        padding-left: 15px
    }
}

.cart-page .cart-section .pickup-item-info .pickup-store-details .pickup-item-nearest {
    margin-top: 15px;
    font-size: .75rem;
    font-weight: 700
}

@media (max-width:767.98px) {
    .cart-page .cart-section .pickup-item-info .pickup-store-details .pickup-item-store-address,
    .cart-page .cart-section .pickup-item-info .pickup-store-details .pickup-item-store-name {
        font-size: 1rem
    }
}

.cart-page .cart-section .pickup-item-info .pickup-store-details .pickup-item-time {
    margin-top: 15px;
    font-size: .75rem;
    font-weight: 700;
    text-align: right;
    color: #3a7d23
}

@media (max-width:767.98px) {
    .cart-page .cart-section .pickup-item-info .pickup-store-details .pickup-item-time {
        text-align: left
    }
}

.shipping-question {
    border-top: thin solid var(--c-accent);
    margin: 0 0 var(--spacing-m);
    padding: var(--spacing-m) 0 0
}

.shipping-question p,
.shipping-question span {
    font-size: var(--f-m)
}

.shipping-question a {
    color: var(--c-cta-link) !important;
    font-size: var(--f-m);
    font-weight: 700;
    text-decoration: underline
}

.shipping-details-content .shipping-details-content-block {
    width: 100%
}

@media (min-width:1024px) {
    .shipping-details-content .shipping-details-content-block {
        -ms-flex: auto;
        flex: auto;
        width: auto
    }
}

.shipping-details-content:last-child {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.shipping-question-header {
    font-size: 1.25rem
}

.shipping-method-type-item {
    margin-bottom: 1rem
}

.shipping-method-type-item .shipping-method-type-item-header {
    font-size: var(--f-m)
}

.shipping-method-type-item .shipping-method-type-item-description {
    font-size: var(--f-xs)
}

.shipping-method-type-item .shipping-method-type-item-button {
    border: 1px solid var(--c-cream-d);
    color: #000;
    min-height: 153px;
    padding: 1.5rem 1rem
}

.shipping-method-type-item .shipping-method-type-item-button:disabled {
    color: #666
}

.shipping-method-type-item.selected {
    pointer-events: none
}

.shipping-method-type-item.selected .shipping-method-type-item-button {
    background-color: var(--c-canvas);
    border-width: 3px
}

.shipping-method-type-item.disabled {
    -ms-flex-order: 2;
    order: 2
}

.shipping-method-type-item:first-child {
    margin-bottom: 1.5rem
}

@media (min-width:768px) {
    .bopis-shipping-button,
    .select-pickup-location-toggle-button,
    .submit-shipping-form-button,
    .submit-shipping-method-submit-button {
        min-width: 150px !important;
        width: auto
    }
}

.pickup-ineligible-content {
    border: 2px solid var(--c-cta-link);
    border-left-width: 16px;
    border-radius: 12px;
    font-size: var(--f-m);
    padding: .5rem
}

.pickup-ineligible-content a {
    color: var(--c-cta-link) !important;
    font-weight: 700;
    text-decoration: underline
}

.shipping-zipcode-block.stretch {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 100%
}

.pickup-item-time {
    color: #3a7d23
}

.pickup-review-form .btn-link {
    color: var(--c-cta-link) !important;
    font-size: var(--f-m);
    font-weight: 500;
    text-decoration: underline
}

.pickup-customer-information p,
.pickup-customer-information span {
    font-size: var(--f-m) !important
}

.bopis-pickup-summary-section {
    border: 1px solid var(--c-cream-d);
    padding: 0 1rem
}

.bopis-pickup-summary-section p,
.bopis-pickup-summary-section span {
    font-size: var(--f-m) !important
}

.bopis-pickup-summary-section .store-pickup-details-title {
    padding: 1.5rem 0 0
}

.bopis-pickup-summary-section .product-summary-section .product-line-item {
    padding: 2.75rem 1rem 1rem;
    border-bottom: 1px solid var(--c-cream-d)
}

.bopis-pickup-summary-section .product-summary-section .product-line-item:last-child {
    border-bottom: none
}

.bopis-pickup-summary-section .product-name a {
    font-size: 1.5rem;
    font-stretch: 75%;
    line-height: normal
}

.bopis-pickup-summary-section .price,
.bopis-pickup-summary-section .warehouse-location {
    display: none
}

@media (max-width:767.98px) {
    #maincontent #checkout-main .leading-lines .shipping-address {
        -ms-flex-order: 1;
        order: 1
    }
}

#maincontent #checkout-main .leading-lines .shipping-address :not(.summary-section-label) .pickup-item-store-address,
#maincontent #checkout-main .leading-lines .shipping-address :not(.summary-section-label) .pickup-item-store-name,
#maincontent #checkout-main .leading-lines .shipping-address :not(.summary-section-label) .pickup-item-time,
#maincontent #checkout-main .leading-lines .shipping-address :not(.summary-section-label) .store-hours {
    font-size: 1rem !important
}

#maincontent #checkout-main .leading-lines .shipping-address :not(.summary-section-label) .pickup-item-time,
#maincontent #checkout-main .leading-lines .shipping-address :not(.summary-section-label) .store-hours {
    margin-top: 10px
}

#maincontent #checkout-main .leading-lines .shipping-address :not(.summary-section-label) .pickup-item-time {
    font-weight: 700;
    color: #3a7d23
}

@media (max-width:767.98px) {
    #maincontent #checkout-main .summary-details .summary-method {
        -ms-flex-order: 0;
        order: 0
    }
}

#maincontent #checkout-main .billing-summary-details,
#maincontent #checkout-main .billing-summary-details .payment-details,
#maincontent #checkout-main .billing-summary-details .payment-details span,
#maincontent #checkout-main .summary-details .summary-method .pickup-person-information {
    font-size: 1rem
}

.pickup-summary {
    font-family: var(--font-headline)
}

.data-checkout-stage[data-checkout-stage=payment] [data-address-mode=edit] .billing-address[data-shipping-type=pickup] {
    display: block
}

.select-pickup-location-modal .find-pickup-location-button {
    min-width: auto
}

@media (min-width:768px) {
    .select-pickup-location-modal .find-pickup-location-button {
        min-width: var(--button-min-width, 120px)
    }
}

.select-pickup-location-modal .pickup-button {
    min-width: 150px
}

.select-pickup-location-modal .modal-dialog {
    margin: .5rem auto;
    width: 100%;
    max-width: 100vw
}

@media (min-width:1024px) {
    .select-pickup-location-modal .modal-dialog {
        margin: .75rem auto
    }
}

.select-pickup-location-modal .modal-content {
    max-width: 100%;
    width: 100%;
    margin-inline: auto
}

@media (min-width:1024px) {
    .select-pickup-location-modal .modal-content {
        max-width: 85%;
        width: 96vw
    }
}

.select-pickup-location-modal .pickup-cancel-button {
    padding: 0 10px;
    text-decoration: underline;
    font-weight: 700;
    color: #47484a;
    cursor: pointer
}

.select-pickup-location-modal .pickup-cancel-button:hover {
    color: #000
}

.select-pickup-location-modal .zipcode-error-message {
    color: #ef1212
}

.select-pickup-location-modal .available-pickup-stores {
    height: 461px;
    overflow: auto
}

.select-pickup-location-modal .available-pickup-stores>li {
    border-bottom: 1px solid var(--c-uicolor-dark-cream)
}

.select-pickup-location-modal .google-maps-container {
    margin-left: -1px;
    margin-right: -1px
}

.select-pickup-location-modal .google-maps {
    height: 276px
}

@media (min-width:1024px) {
    .select-pickup-location-modal .google-maps {
        height: 538px
    }
}

#checkout-main .shipping-form-fields[data-multi-shipping=true] .shipping-method-block {
    margin-bottom: 1rem
}

#checkout-main .shipping-form-fields[data-multi-shipping=true] .shipping-method-block .multiship-options {
    border-top: thin solid var(--c-accent);
    padding-top: var(--spacing-s)
}

#checkout-main .shipping-form-fields[data-multi-shipping=true] .shipping-method-block .multiship-options a.change-shipping-address {
    color: var(--c-accent) !important;
    text-decoration: underline
}

#checkout-main .shipping-form-fields[data-multi-shipping=true] .shipping-method-block .multiship-options div.multiship-title {
    padding-bottom: var(--spacing-2xs)
}

@media (max-width:1023.98px) {
    #checkout-main .shipping-form-fields[data-multi-shipping=true] .shipping-method-block .multiship-options div.multiship-title {
        margin-top: var(--spacing-s)
    }
}

#checkout-main .shipping-form-fields[data-multi-shipping=true] .shipping-method-block .multiship-options div.shipment-line-items {
    position: relative;
    width: 100%;
    border: 1px solid #dedac8;
    margin-bottom: var(--spacing-s)
}

#checkout-main .shipping-form-fields[data-multi-shipping=true] .shipping-method-block .multiship-options div.shipment-line-items div.shipping-details {
    padding: 15px 0 0 15px
}

#checkout-main .shipping-form-fields[data-multi-shipping=true] .shipping-method-block .multiship-options div.shipment-line-items div.line-item {
    position: relative;
    padding: .625rem 0
}

#checkout-main .shipping-form-fields[data-multi-shipping=true] .shipping-method-block .multiship-options div.shipment-line-items div.line-item .row,
#checkout-main .shipping-form-fields[data-multi-shipping=true] .shipping-method-block .multiship-options div.shipment-line-items div.line-item:last-child {
    margin: 0
}

#checkout-main .shipping-form-fields[data-multi-shipping=true] .shipping-method-block .multiship-options div.shipment-line-items div.line-item .item-image {
    height: auto;
    padding-right: 0;
    margin-right: 0
}

#checkout-main .shipping-form-fields[data-multi-shipping=true] .shipping-method-block .multiship-options div.shipment-line-items div.line-item .item-name {
    font-size: 1.5rem
}

#checkout-main .shipping-form-fields[data-multi-shipping=true] .shipping-method-block .multiship-options div.shipment-line-items .arrives-by {
    position: relative;
    color: #3a7d23;
    font-weight: 700;
    padding: 0 0 15px 15px
}

@media (min-width:1024px) {
    #checkout-main .shipping-form-fields[data-multi-shipping=true] .shipping-method-block .multiship-options div.shipment-line-items .arrives-by {
        position: absolute;
        right: 15px;
        bottom: 15px;
        padding: 0
    }
}

#checkout-main .shipping-form-fields[data-multi-shipping=true] .shipping-method-block .multiship-options div.shipment-line-items .arrives-by .special-delivery-message {
    margin-bottom: 5px;
    color: #000
}

#checkout-main .shipping-form-fields[data-multi-shipping=true] .shipping-method-block .multiship-options .multiship-address {
    margin-bottom: var(--spacing-s)
}

#checkout-main .shipping-form-fields[data-multi-shipping=true] .gift-message-block {
    padding: 0
}

#checkout-main .shipping-form-fields[data-multi-shipping=true] .gift-message-block .common-order-head {
    margin: 0;
    margin-bottom: var(--spacing-s)
}

#checkout-main .shipping-form-fields[data-multi-shipping=true] .gift-message-block div.row {
    margin-bottom: 1rem
}

#checkout-main .shipping-form-fields[data-multi-shipping=true] .gift-message-block div.row .form-group {
    margin-bottom: 0
}

#checkout-main .shipping-form-fields[data-multi-shipping=true] .gift-message-block div.row .form-group .custom-checkbox {
    height: 21px
}

#checkout-main .shipping-form div[data-multi-shipping=true] .form-check.adyen {
    border: 1px solid #dedac8;
    padding: 10px 0;
    margin-bottom: var(--spacing-s)
}

#checkout-main .shipping-form div[data-multi-shipping=true] .form-check.adyen:has(.form-check-input:checked) {
    background: #f9f5ef !important;
    border: 3px solid #dedac8
}

#checkout-main .shipping-form div[data-multi-shipping=true] .form-check.adyen label {
    padding: 0
}

#checkout-main .shipping-form div[data-multi-shipping=true] .form-check.adyen label:after {
    visibility: hidden
}

@media (min-width:1024px) {
    .myorders .account-login-page .myorder-detail {
        margin-bottom: 1.875rem
    }
}

.myorders .account-login-page .deck-refund-confirmation .order-info,
.myorders .account-login-page .deck-refund-return .order-info,
.myorders .account-login-page .deck-refund .order-info {
    margin-bottom: 1.875rem
}

@media (max-width:767.98px) {
    .myorders .account-login-page .deck-refund-confirmation .order-info,
    .myorders .account-login-page .deck-refund-return .order-info,
    .myorders .account-login-page .deck-refund .order-info {
        margin: 1.25rem 0
    }
}

.myorders .account-login-page .deck-refund-confirmation .card,
.myorders .account-login-page .deck-refund-return .card,
.myorders .account-login-page .deck-refund .card {
    margin-bottom: 1.875rem
}

@media (min-width:1024px) {
    .myorders .account-login-page .deck-refund-confirmation .card,
    .myorders .account-login-page .deck-refund-return .card,
    .myorders .account-login-page .deck-refund .card {
        margin-bottom: 1.875rem
    }
}

.myorders .account-login-page .deck-refund-confirmation .card .card-body,
.myorders .account-login-page .deck-refund-confirmation .card .card-header,
.myorders .account-login-page .deck-refund-return .card .card-body,
.myorders .account-login-page .deck-refund-return .card .card-header,
.myorders .account-login-page .deck-refund .card .card-body,
.myorders .account-login-page .deck-refund .card .card-header {
    padding: 20px 5px;
    background-color: transparent
}

.myorders .account-login-page .deck-refund-confirmation .card .content-header.h2.heading-soft.heading-accent-color,
.myorders .account-login-page .deck-refund-return .card .content-header.h2.heading-soft.heading-accent-color,
.myorders .account-login-page .deck-refund .card .content-header.h2.heading-soft.heading-accent-color {
    font-size: 2rem
}

.myorders .account-login-page .deck-refund-confirmation .card .product-name,
.myorders .account-login-page .deck-refund-return .card .product-name,
.myorders .account-login-page .deck-refund .card .product-name {
    font-size: 1.5rem;
    font-weight: 700;
    text-transform: uppercase
}

.myorders .account-login-page .deck-refund-confirmation .card .selectLink,
.myorders .account-login-page .deck-refund-return .card .selectLink,
.myorders .account-login-page .deck-refund .card .selectLink {
    color: var(--c-button)
}

.myorders .account-login-page .deck-refund-confirmation .card select.reason__selectbox.form-control,
.myorders .account-login-page .deck-refund-return .card select.reason__selectbox.form-control,
.myorders .account-login-page .deck-refund .card select.reason__selectbox.form-control {
    height: auto !important
}

.myorders .account-login-page .deck-refund-confirmation .refund-messages,
.myorders .account-login-page .deck-refund-return .refund-messages,
.myorders .account-login-page .deck-refund .refund-messages {
    margin-bottom: 1.875rem
}

@media (max-width:767.98px) {
    .myorders .account-login-page .deck-refund-confirmation .refund-messages,
    .myorders .account-login-page .deck-refund-return .refund-messages,
    .myorders .account-login-page .deck-refund .refund-messages {
        margin-bottom: 1.25rem
    }
}

.myorders .account-login-page .deck-refund-confirmation .refund-messages .success,
.myorders .account-login-page .deck-refund-return .refund-messages .success,
.myorders .account-login-page .deck-refund .refund-messages .success {
    color: var(--c-form-feedback-positive)
}

.myorders .account-login-page .deck-refund-confirmation .refund-messages .error,
.myorders .account-login-page .deck-refund-return .refund-messages .error,
.myorders .account-login-page .deck-refund .refund-messages .error {
    color: var(--c-form-feedback-negative)
}