@keyframes slideInFromRight{0%{transform:translateX(100%)}100%{transform:translateX(calc(100% - 70px))}}@keyframes slideInFromTop{0%{transform:translateY(-6px)}100%{transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes scaleLoaderSWP{0%{transform:scale(1);opacity:1}45%{transform:scale(0.1);opacity:.7}80%{transform:scale(1);opacity:1}}@keyframes shimmer{0%{opacity:.5}100%{opacity:1}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes shake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}@keyframes show{100%{opacity:.5;transform:none}}:root{--ecom-ui-default-spacing-4xs: 2px;--ecom-ui-default-spacing-3xs: 4px;--ecom-ui-default-spacing-2xs: 6px;--ecom-ui-default-spacing-xs: 8px;--ecom-ui-default-spacing-sm: 10px;--ecom-ui-default-spacing-md: 12px;--ecom-ui-default-spacing-lg: 14px;--ecom-ui-default-spacing-xl: 16px;--color-blue-100: #e6f0fbff;--color-blue-200: #d5e6f8ff;--color-blue-300: #aacef1ff;--color-blue-400: #80b5ebff;--color-blue-500: #559ce4ff;--color-blue-600: #2a84ddff;--color-blue-700: #006bd6ff;--color-blue-800: #0059b2ff;--color-blue-900: #00478fff;--color-blue-1000: #00366bff;--color-blue-1100: #002447ff;--color-purple-100: #f2ecfcff;--color-purple-200: #e9e0fbff;--color-purple-300: #d3c1f6ff;--color-purple-400: #bda2f2ff;--color-purple-500: #a683eeff;--color-purple-600: #9064e9ff;--color-purple-700: #7a45e5ff;--color-purple-800: #663abfff;--color-purple-900: #512e99ff;--color-purple-1000: #3d2373ff;--color-purple-1100: #29174cff;--color-gray-25: #fafbfcff;--color-gray-50: #f8f9faff;--color-gray-100: #f5f6f7ff;--color-gray-200: rgb(242, 242, 242);--color-gray-300: rgb(238, 238, 238);--color-gray-400: rgb(231, 231, 231);--color-gray-500: rgb(218, 218, 218);--color-gray-600: rgb(200, 200, 200);--color-gray-700: rgb(180, 180, 180);--color-gray-800: rgb(136, 136, 136);--color-gray-900: rgb(118, 118, 118);--color-gray-1000: rgb(86, 86, 86);--color-gray-1050: rgb(69, 69, 69);--color-gray-1100: rgb(57, 57, 57);--color-gray-1150: rgb(47, 47, 47);--color-gray-1200: rgb(33, 33, 33);--color-base-black-100: #000000ff;--color-base-white-100: #ffffffff;--color-orange-100: #ffefe8ff;--color-orange-200: #ffe5d9ff;--color-orange-300: #ffcab2ff;--color-orange-400: #ffb08cff;--color-orange-500: #ff9666ff;--color-orange-600: #ff7b3fff;--color-orange-700: #ff6119ff;--color-orange-800: #d55115ff;--color-orange-900: #aa4111ff;--color-orange-1000: #80310dff;--color-orange-1100: #552008ff;--color-red-100: #fce7ecff;--color-red-200: #f9d8e0ff;--color-red-300: #f4b0c0ff;--color-red-400: #ee89a1ff;--color-red-500: #e86182ff;--color-red-600: #e33962ff;--color-red-700: #dd1243ff;--color-red-800: #b80f38ff;--color-red-900: #930d2eff;--color-red-1000: #6f0922ff;--color-red-1100: #4a0616ff;--color-yellow-100: #fff9edff;--color-yellow-200: #fff5e2ff;--color-yellow-300: #ffebc4ff;--color-yellow-400: #ffe1a7ff;--color-yellow-500: #ffd789ff;--color-yellow-600: #ffcd6bff;--color-yellow-700: #ffc34eff;--color-yellow-800: #d5a341ff;--color-yellow-900: #aa8234ff;--color-yellow-1000: #806227ff;--color-yellow-1100: #55411aff;--color-green-100: #e7f8efff;--color-green-200: #d3f3e2ff;--color-green-300: #afe9caff;--color-green-400: #81deacff;--color-green-500: #55d494ff;--color-green-600: #2bca80ff;--color-green-700: #04ba6eff;--color-green-800: #039b5cff;--color-green-900: #037c49ff;--color-green-1000: #025d37ff;--color-green-1100: #013e25ff;--color-base-black-90: #000000e5;--color-base-black-80: #000000cc;--color-base-black-70: #000000b2;--color-base-black-60: #00000099;--color-base-black-50: #00000080;--color-base-black-40: #00000066;--color-base-black-30: #0000004d;--color-base-black-20: #00000033;--color-base-black-10: #0000001a;--color-base-black-5: #0000000d;--color-base-black-0: #00000000;--color-base-white-90: #ffffffe5;--color-base-white-80: #ffffffcc;--color-base-white-70: #ffffffb2;--color-base-white-60: #ffffff99;--color-base-white-50: #ffffff80;--color-base-white-40: #ffffff66;--color-base-white-30: #ffffff4d;--color-base-white-20: #ffffff33;--color-base-white-10: #ffffff1a;--color-base-white-5: #ffffff0d;--color-base-white-0: #ffffff00;--color-gray-alpha-100: var(--color-gray-700);--color-gray-alpha-90: #9eacb2e5;--color-gray-alpha-80: #9eacb2cc;--color-gray-alpha-70: #9eacb2b2;--color-gray-alpha-60: #9eacb299;--color-gray-alpha-50: #9eacb280;--color-gray-alpha-40: #9eacb266;--color-gray-alpha-30: #9eacb24d;--color-gray-alpha-20: #9eacb233;--color-gray-alpha-10: #9eacb21a;--color-gray-alpha-5: #9eacb20d;--typography-size-2xs: 0.625rem;--typography-size-xs: 0.75rem;--typography-size-sm: 0.875rem;--typography-size-md: 1rem;--typography-size-lg: 1.25rem;--typography-size-xl: 1.5rem;--typography-size-2xl: 1.875rem;--typography-size-3xl: 2.5rem;--typography-size-4xl: 3rem;--typography-size-5xl: 3.75rem;--typography-size-6xl: 4.75rem;--typography-size-7xl: 5.75rem;--typography-weight-regular: 400;--typography-weight-medium: 500;--typography-weight-semibold: 600;--typography-weight-bold: 700;--typography-line-height-2xs: 16px;--typography-line-height-xs: 20px;--typography-line-height-sm: 20px;--typography-line-height-md: 24px;--typography-line-height-lg: 28px;--typography-line-height-xl: 32px;--typography-line-height-2xl: 39px;--typography-line-height-3xl: 48px;--typography-line-height-4xl: 56px;--typography-line-height-5xl: 72px;--typography-line-height-6xl: 84px;--typography-line-height-7xl: 102px;--typography-font-online-store-display: Figtree;--typography-font-online-store-heading: Figtree;--typography-font-online-store-body: Figtree;--spacing-0: 0px;--spacing-50: 2px;--spacing-100: 4px;--spacing-150: 6px;--spacing-200: 8px;--spacing-250: 10px;--spacing-300: 12px;--spacing-350: 14px;--spacing-400: 16px;--spacing-500: 20px;--spacing-600: 24px;--spacing-700: 28px;--spacing-800: 32px;--spacing-900: 36px;--spacing-1000: 40px;--spacing-1200: 48px;--spacing-1400: 56px;--spacing-1600: 64px;--spacing-1800: 72px;--spacing-2000: 80px;--spacing-2400: 96px;--spacing-3000: 120px;--spacing-4000: 160px;--spacing-5000: 200px;--spacing-6000: 240px;--components-focus-ui-border-radius: 0px;--stroke-stroke-none: 0px;--stroke-stroke-sm: 1px;--stroke-stroke-md: 2px;--stroke-stroke-lg: 3px;--stroke-stroke-xl: 4px;--radius-radius-none: 0px;--radius-radius-sm: 4px;--radius-radius-md: 8px;--radius-radius-lg: 12px;--radius-radius-xl: 16px;--radius-radius-2xl: 24px;--radius-radius-rounded: 1000px;--breakpoint-breakpoint-xs: 375px;--breakpoint-breakpoint-sm: 640px;--breakpoint-breakpoint-md: 768px;--breakpoint-breakpoint-lg: 1024px;--breakpoint-breakpoint-xl: 1280px;--breakpoint-breakpoint-2xl: 1536px;--container-container-2xs: 320px;--container-container-xs: 460px;--container-container-sm: 540px;--container-container-md: 720px;--container-container-lg: 960px;--container-container-xl: 1140px;--container-container-2xl: 1320px;--icon-icon-2xs: 12px;--icon-icon-xs: 16px;--icon-icon-sm: 20px;--icon-icon-md: 24px;--icon-icon-lg: 32px}:root{--color-brand-100: var(--color-purple-100);--color-brand-200: var(--color-purple-200);--color-brand-300: var(--color-purple-300);--color-brand-400: var(--color-purple-400);--color-brand-500: var(--color-purple-500);--color-brand-600: var(--color-purple-600);--color-brand-700: var(--color-purple-700);--color-brand-800: var(--color-purple-800);--color-brand-900: var(--color-purple-900);--color-brand-1000: var(--color-purple-1000);--color-brand-1100: var(--color-purple-1100);--color-neutral-25: var(--color-gray-25);--color-neutral-50: var(--color-gray-50);--color-neutral-100: var(--color-gray-100);--color-neutral-200: var(--color-gray-200);--color-neutral-300: var(--color-gray-300);--color-neutral-400: var(--color-gray-400);--color-neutral-500: var(--color-gray-500);--color-neutral-600: var(--color-gray-600);--color-neutral-700: var(--color-gray-700);--color-neutral-800: var(--color-gray-800);--color-neutral-900: var(--color-gray-900);--color-neutral-1000: var(--color-gray-1000);--color-neutral-1050: var(--color-gray-1050);--color-neutral-1100: var(--color-gray-1100);--color-neutral-1150: var(--color-gray-1150);--color-neutral-1200: var(--color-gray-1200);--color-informative-100: var(--color-blue-100);--color-informative-200: var(--color-blue-200);--color-informative-300: var(--color-blue-300);--color-informative-400: var(--color-blue-400);--color-informative-500: var(--color-blue-500);--color-informative-600: var(--color-blue-600);--color-informative-700: var(--color-blue-700);--color-informative-800: var(--color-blue-800);--color-informative-900: var(--color-blue-900);--color-informative-1000: var(--color-blue-1000);--color-informative-1100: var(--color-blue-1100);--color-success-100: var(--color-green-100);--color-success-200: var(--color-green-200);--color-success-300: var(--color-green-300);--color-success-400: var(--color-green-400);--color-success-500: var(--color-green-500);--color-success-600: var(--color-green-600);--color-success-700: var(--color-green-700);--color-success-800: var(--color-green-800);--color-success-900: var(--color-green-900);--color-success-1000: var(--color-green-1000);--color-success-1100: var(--color-green-1100);--color-warning-100: var(--color-orange-100);--color-warning-200: var(--color-orange-200);--color-warning-300: var(--color-orange-300);--color-warning-400: var(--color-orange-400);--color-warning-500: var(--color-orange-500);--color-warning-600: var(--color-orange-600);--color-warning-700: var(--color-orange-700);--color-warning-800: var(--color-orange-800);--color-warning-900: var(--color-orange-900);--color-warning-1000: var(--color-orange-1000);--color-warning-1100: var(--color-orange-1100);--color-error-100: var(--color-red-100);--color-error-200: var(--color-red-200);--color-error-300: var(--color-red-300);--color-error-400: var(--color-red-400);--color-error-500: var(--color-red-400);--color-error-600: var(--color-red-600);--color-error-700: var(--color-red-600);--color-error-800: var(--color-red-800);--color-error-900: var(--color-red-900);--color-error-1000: var(--color-red-1000);--color-error-1100: var(--color-red-1100);--color-black-100: var(--color-base-black-100);--color-black-90: var(--color-base-black-90);--color-black-80: var(--color-base-black-80);--color-black-70: var(--color-base-black-70);--color-black-60: var(--color-base-black-60);--color-black-50: var(--color-base-black-50);--color-black-40: var(--color-base-black-40);--color-black-30: var(--color-base-black-30);--color-black-20: var(--color-base-black-20);--color-black-10: var(--color-base-black-10);--color-black-5: var(--color-base-black-5);--color-black-0: var(--color-base-black-0);--color-white-100: var(--color-base-white-100);--color-white-90: var(--color-base-white-90);--color-white-80: var(--color-base-white-80);--color-white-70: var(--color-base-white-70);--color-white-60: var(--color-base-white-60);--color-white-50: var(--color-base-white-50);--color-white-40: var(--color-base-white-40);--color-white-30: var(--color-base-white-30);--color-white-20: var(--color-base-white-20);--color-white-10: var(--color-base-white-10);--color-white-5: var(--color-base-white-5);--color-white-0: var(--color-base-white-0)}:root{--colors-text-text-primary: var(--color-neutral-1200);--colors-text-text-primary-static: var(--color-neutral-1200);--colors-text-text-primary-inverted: var(--color-white-100);--colors-text-text-primary-on-secondary: var(--color-neutral-1150);--colors-text-text-primary-on-tertiary: var(--color-neutral-1200);--colors-text-text-primary-on-quaternary: var(--color-neutral-1200);--colors-text-text-primary-on-disabled: var(--color-neutral-1200);--colors-text-text-secondary: var(--color-neutral-1050);--colors-text-text-secondary-static: var(--color-neutral-1050);--colors-text-text-secondary-on-secondary: var(--color-neutral-1100);--colors-text-text-secondary-on-tertiary: var(--color-neutral-1100);--colors-text-text-secondary-on-quaternary: var(--color-neutral-1150);--colors-text-text-secondary-on-disabled: var(--color-neutral-1200);--colors-text-text-tertiary: var(--color-neutral-1000);--colors-text-text-tertiary-static: var(--color-neutral-1000);--colors-text-text-tertiary-on-secondary: var(--color-neutral-1050);--colors-text-text-tertiary-on-tertiary: var(--color-neutral-1050);--colors-text-text-tertiary-on-quaternary: var(--color-neutral-1050);--colors-text-text-tertiary-on-disabled: var(--color-neutral-1100);--colors-text-text-disabled: var(--color-neutral-800);--colors-text-text-placeholder: var(--color-neutral-800);--colors-text-text-action: var(--color-brand-700);--colors-text-text-action-hover: var(--color-brand-800);--colors-text-text-action-pressed: var(--color-brand-900);--colors-text-text-action-visited: var(--color-brand-1100);--colors-text-text-action-inverted: var(--color-white-100);--colors-text-text-action-inverted-hover: var(--color-brand-300);--colors-text-text-action-inverted-pressed: var(--color-brand-400);--colors-text-text-action-inverted-visited: var(--color-brand-500);--colors-text-text-brand-primary: var(--color-brand-700);--colors-text-text-brand-primary-hover: var(--color-brand-800);--colors-text-text-brand-primary-pressed: var(--color-brand-1100);--colors-text-text-info-primary: var(--color-informative-800);--colors-text-text-info-primary-hover: var(--color-informative-1100);--colors-text-text-info-primary-subtle: var(--color-informative-700);--colors-text-text-success-primary: var(--color-success-800);--colors-text-text-success-primary-hover: var(--color-success-1000);--colors-text-text-success-primary-subtle: var(--color-success-700);--colors-text-text-warning-primary: var(--color-warning-800);--colors-text-text-warning-primary-hover: var(--color-warning-1100);--colors-text-text-warning-primary-subtle: var(--color-warning-700);--colors-text-text-error-primary: var(--color-error-800);--colors-text-text-error-primary-hover: var(--color-error-1100);--colors-text-text-error-primary-subtle: var(--color-error-700);--colors-border-border-primary: var(--color-neutral-700);--colors-border-border-primary-subtle: var(--color-gray-alpha-30);--colors-border-border-secondary: var(--color-neutral-400);--colors-border-border-secondary-subtle: var(--color-black-10);--colors-border-border-tertiary: var(--color-neutral-300);--colors-border-border-quaternary: var(--color-white-100);--colors-border-border-focus: var(--color-brand-600);--colors-border-border-disabled: var(--color-neutral-900);--colors-border-border-brand-subtle: color-mix(in oklab, var(--ecom-ui-primary-button-color-background), black 10%);--colors-border-border-brand-hover: var(--color-brand-900);--colors-border-border-brand-pressed: var(--color-brand-1100);--colors-border-border-brand: var(--color-brand-700);--colors-border-border-success: var(--color-success-900);--colors-border-border-success-subtle: var(--color-success-400);--colors-border-border-success-hover: var(--color-success-1000);--colors-border-border-success-pressed: var(--color-success-1100);--colors-border-border-info: var(--color-informative-800);--colors-border-border-info-subtle: var(--color-informative-400);--colors-border-border-info-hover: var(--color-informative-900);--colors-border-border-info-pressed: var(--color-informative-1100);--colors-border-border-warning: var(--color-warning-900);--colors-border-border-warning-subtle: var(--color-warning-400);--colors-border-border-warning-hover: var(--color-warning-1000);--colors-border-border-warning-pressed: var(--color-warning-1100);--colors-border-border-error: var(--color-error-800);--colors-border-border-error-subtle: var(--color-error-400);--colors-border-border-error-hover: var(--color-error-900);--colors-border-border-error-pressed: var(--color-error-1100);--colors-border-border-transparent: var(--color-base-black-0);--colors-background-bg-primary: var(--color-white-100);--colors-background-bg-primary-hover: var(--color-neutral-25);--colors-background-bg-primary-inverted: var(--color-neutral-1000);--colors-background-bg-secondary: var(--color-neutral-50);--colors-background-bg-secondary-inverted: var(--color-neutral-1050);--colors-background-bg-tertiary: var(--color-neutral-100);--colors-background-bg-tertiary-inverted: var(--color-neutral-1100);--colors-background-bg-quaternary: var(--color-neutral-300);--colors-background-bg-quaternary-hover: var(--color-neutral-400);--colors-background-bg-quaternary-inverted: var(--color-neutral-1150);--colors-background-bg-disabled: var(--color-neutral-600);--colors-background-bg-brand-primary: color-mix(in oklab, var(--ecom-ui-primary-button-color-background), white 90%);--colors-background-bg-brand-primary-subtle: var(--color-white-100);--colors-background-bg-brand-secondary: var(--color-brand-200);--colors-background-bg-brand-tertiary: var(--color-brand-300);--colors-background-bg-brand-solid: var(--color-brand-700);--colors-background-bg-brand-solid-hover: var(--color-brand-800);--colors-background-bg-brand-solid-pressed: var(--color-brand-900);--colors-background-bg-success-primary: var(--color-success-100);--colors-background-bg-success-primary-subtle: var(--color-white-100);--colors-background-bg-success-secondary: var(--color-success-200);--colors-background-bg-success-tertiary: var(--color-success-300);--colors-background-bg-success-solid: var(--color-success-900);--colors-background-bg-success-solid-hover: var(--color-success-1000);--colors-background-bg-success-solid-pressed: var(--color-success-1100);--colors-background-bg-info-primary: var(--color-informative-100);--colors-background-bg-info-primary-subtle: var(--color-white-100);--colors-background-bg-info-secondary: var(--color-informative-200);--colors-background-bg-info-tertiary: var(--color-informative-300);--colors-background-bg-info-solid: var(--color-informative-900);--colors-background-bg-info-solid-hover: var(--color-informative-1000);--colors-background-bg-info-solid-pressed: var(--color-informative-1100);--colors-background-bg-warning-primary: var(--color-warning-100);--colors-background-bg-warning-primary-subtle: var(--color-white-100);--colors-background-bg-warning-secondary: var(--color-warning-200);--colors-background-bg-warning-tertiary: var(--color-warning-300);--colors-background-bg-warning-solid: var(--color-warning-900);--colors-background-bg-warning-solid-hover: var(--color-warning-1000);--colors-background-bg-warning-solid-pressed: var(--color-warning-1100);--colors-background-bg-error-primary: var(--color-error-100);--colors-background-bg-error-primary-subtle: var(--color-white-100);--colors-background-bg-error-secondary: var(--color-error-200);--colors-background-bg-error-tertiary: var(--color-error-300);--colors-background-bg-error-solid: var(--color-error-900);--colors-background-bg-error-solid-hover: var(--color-error-1000);--colors-background-bg-error-solid-pressed: var(--color-error-1100);--focus-outer-ring: var(--color-informative-700);--focus-inner-ring: var(--color-white-100);--colors-alpha-alpha-white-0: var(--color-white-0);--colors-alpha-alpha-white-10: var(--color-white-10);--colors-alpha-alpha-white-20: var(--color-white-20);--colors-alpha-alpha-white-30: var(--color-white-30);--colors-alpha-alpha-white-40: var(--color-white-40);--colors-alpha-alpha-white-50: var(--color-white-50);--colors-alpha-alpha-white-60: var(--color-white-60);--colors-alpha-alpha-white-70: var(--color-white-70);--colors-alpha-alpha-white-80: var(--color-white-80);--colors-alpha-alpha-white-90: var(--color-white-90);--colors-alpha-alpha-white-100: var(--color-white-100);--colors-alpha-alpha-black-0: var(--color-black-0);--colors-alpha-alpha-black-10: var(--color-black-10);--colors-alpha-alpha-black-20: var(--color-black-20);--colors-alpha-alpha-black-30: var(--color-black-30);--colors-alpha-alpha-black-40: var(--color-black-40);--colors-alpha-alpha-black-50: var(--color-black-50);--colors-alpha-alpha-black-60: var(--color-black-60);--colors-alpha-alpha-black-70: var(--color-black-70);--colors-alpha-alpha-black-80: var(--color-black-80);--colors-alpha-alpha-black-90: var(--color-black-90);--colors-alpha-alpha-black-100: var(--color-black-100);--effect-drop-shadow: #2b30391a;--components-button-primary-content-enabled: var(--colors-alpha-alpha-white-100);--components-button-primary-content-disabled: var(--colors-text-text-disabled);--components-button-primary-border-enabled: var(--components-button-primary-background-enabled);--components-button-primary-border-hover: var(--components-button-primary-background-hover);--components-button-primary-border-pressed: var(--components-button-primary-background-pressed);--components-button-primary-border-focused: var(--components-button-primary-background-focused);--components-button-primary-border-disabled: var(--color-neutral-700);--components-button-primary-border-negative-enabled: var(--color-error-700);--components-button-primary-border-negative-hover: var(--color-error-800);--components-button-primary-border-negative-pressed: var(--color-error-900);--components-button-primary-border-negative-focused: var(--components-button-primary-background-negative-focused);--components-button-primary-background-enabled: var(--color-brand-700);--components-button-primary-background-hover: var(--color-brand-800);--components-button-primary-background-pressed: var(--color-brand-900);--components-button-primary-background-focused: var(--components-button-primary-background-hover);--components-button-primary-background-disabled: var(--colors-background-bg-disabled);--components-button-primary-background-negative-enabled: var(--color-error-700);--components-button-primary-background-negative-hover: var(--color-error-800);--components-button-primary-background-negative-pressed: var(--color-error-900);--components-button-primary-background-negative-focused: var(--components-button-primary-background-negative-hover);--components-button-secondary-content-enabled: var(--colors-alpha-alpha-white-100);--components-button-secondary-content-disabled: var(--colors-text-text-disabled);--components-button-secondary-border-enabled: var(--components-button-secondary-background-enabled);--components-button-secondary-border-hover: var(--components-button-secondary-background-hover);--components-button-secondary-border-pressed: var(--components-button-secondary-background-pressed);--components-button-secondary-border-focused: var(--components-button-secondary-background-focused);--components-button-secondary-border-disabled: var(--color-neutral-700);--components-button-secondary-border-negative-enabled: var(--color-error-700);--components-button-secondary-border-negative-hover: var(--color-error-800);--components-button-secondary-border-negative-pressed: var(--color-error-900);--components-button-secondary-border-negative-focused: var(--components-button-primary-background-negative-focused);--components-button-secondary-background-enabled: var(--color-neutral-1100);--components-button-secondary-background-hover: var(--color-neutral-1000);--components-button-secondary-background-pressed: var(--color-neutral-1200);--components-button-secondary-background-focused: var(--components-button-secondary-background-hover);--components-button-secondary-background-disabled: var(--colors-background-bg-disabled);--components-button-secondary-background-negative-enabled: var(--color-error-700);--components-button-secondary-background-negative-hover: var(--color-error-800);--components-button-secondary-background-negative-pressed: var(--color-error-900);--components-button-secondary-background-negative-focused: var(--components-button-primary-background-negative-hover);--components-button-tertiary-content-enabled: var(--colors-text-text-primary);--components-button-tertiary-content-disabled: var(--colors-text-text-disabled);--components-button-tertiary-content-negative-enabled: var(--color-error-700);--components-button-tertiary-content-negative-hover: var(--color-error-800);--components-button-tertiary-content-negative-pressed: var(--color-error-900);--components-button-tertiary-content-negative-focused: var(--components-button-tertiary-content-negative-hover);--components-button-tertiary-border-enabled: var(--colors-border-border-secondary);--components-button-tertiary-border-hover: var(--colors-border-border-primary);--components-button-tertiary-border-pressed: var(--colors-border-border-primary);--components-button-tertiary-border-focused: var(--components-button-tertiary-border-hover);--components-button-tertiary-border-disabled: var(--colors-border-border-disabled);--components-button-tertiary-border-negative-enabled: var(--color-error-700);--components-button-tertiary-border-negative-hover: var(--color-error-800);--components-button-tertiary-border-negative-pressed: var(--color-error-900);--components-button-tertiary-border-negative-focused: var(--components-button-tertiary-border-negative-hover);--components-button-tertiary-background-enabled: var(--colors-background-bg-primary-hover);--components-button-tertiary-background-hover: var(--colors-background-bg-secondary);--components-button-tertiary-background-pressed: var(--colors-background-bg-tertiary);--components-button-tertiary-background-focused: var(--components-button-tertiary-background-hover);--components-button-tertiary-background-disabled: var(--colors-background-bg-disabled);--components-button-tertiary-background-negative-enabled: var(--components-button-tertiary-background-enabled);--components-button-tertiary-background-negative-hover: var(--components-button-tertiary-background-hover);--components-button-tertiary-background-negative-pressed: var(--components-button-tertiary-background-pressed);--components-button-tertiary-background-negative-focused: var(--components-button-tertiary-background-focused);--components-button-ghost-content-enabled: var(--colors-text-text-primary);--components-button-ghost-content-disabled: var(--colors-text-text-disabled);--components-button-ghost-content-negative-enabled: var(--color-error-700);--components-button-ghost-content-negative-hover: var(--color-error-800);--components-button-ghost-content-negative-pressed: var(--color-error-900);--components-button-ghost-content-negative-focused: var(--components-button-tertiary-content-negative-hover);--components-button-ghost-background-enabled: var(--colors-alpha-alpha-white-0);--components-button-ghost-background-hover: var(--colors-background-bg-secondary);--components-button-ghost-background-pressed: var(--colors-background-bg-tertiary);--components-button-ghost-background-focused: var(--components-button-tertiary-background-hover);--components-button-ghost-background-disabled: var(--colors-background-bg-disabled);--components-button-ghost-background-negative-enabled: var(--colors-alpha-alpha-white-0);--components-button-ghost-background-negative-hover: var(--colors-background-bg-error-primary);--components-button-ghost-background-negative-pressed: var(--colors-background-bg-error-secondary);--components-button-ghost-background-negative-focused: var(--components-menu-item-background-negative-hover);--components-menu-item-text-enabled: var(--colors-text-text-primary);--components-menu-item-text-disabled: var(--colors-text-text-disabled);--components-menu-item-text-negative-enabled: var(--color-error-700);--components-menu-item-text-negative-hover: var(--color-error-800);--components-menu-item-text-negative-pressed: var(--color-error-900);--components-menu-item-text-negative-focused: var(--components-button-tertiary-content-negative-hover);--components-menu-item-background-enabled: var(--colors-background-bg-primary);--components-menu-item-background-hover: var(--colors-background-bg-tertiary);--components-menu-item-background-pressed: var(--colors-background-bg-quaternary);--components-menu-item-background-focused: var(--components-button-tertiary-background-hover);--components-menu-item-background-disabled: var(--colors-background-bg-disabled);--components-menu-item-background-negative-enabled: var(--components-menu-item-background-enabled);--components-menu-item-background-negative-hover: var(--colors-background-bg-error-secondary);--components-menu-item-background-negative-pressed: var(--colors-background-bg-error-tertiary);--components-menu-item-background-negative-focused: var(--components-menu-item-background-negative-hover);--components-fields-border-enabled: var(--colors-border-border-secondary);--components-fields-border-hover: var(--colors-border-border-primary);--components-fields-border-pressed: var(--colors-border-border-brand-hover);--components-fields-border-read-only: var(--colors-border-border-secondary);--components-fields-border-disabled: var(--colors-border-border-secondary);--components-fields-border-enabled-error: var(--colors-border-border-error);--components-fields-border-hover-error: var(--colors-border-border-error-hover);--components-fields-border-pressed-error: var(--colors-border-border-error-pressed);--components-fields-border-enabled-success: var(--colors-border-border-success);--components-fields-border-hover-success: var(--colors-border-border-success-hover);--components-fields-border-pressed-success: var(--colors-border-border-success-pressed);--components-fields-background-enabled: var(--colors-background-bg-primary);--components-fields-background-enabled-none: #ffffff00;--components-fields-background-hover: var(--colors-background-bg-primary-hover);--components-fields-background-hover-none: #f8f9fa00;--components-fields-background-pressed: var(--colors-background-bg-secondary);--components-fields-background-pressed-none: #f5f6f700;--components-fields-background-focused: var(--colors-background-bg-primary-hover);--components-fields-background-focused-none: #f8f9fa00;--components-fields-background-read-only: var(--colors-background-bg-secondary);--components-fields-background-read-only-none: #f5f6f700;--components-fields-background-disabled: var(--colors-background-bg-disabled);--components-fields-background-disabled-none: #e2e6e800;--components-skeleton-loader-background-bg-primary: var(--color-neutral-300);--components-skeleton-loader-animation-frame-bg-stop-1: var(--components-skeleton-loader-background-bg-primary);--components-skeleton-loader-animation-frame-bg-stop-2: var(--color-neutral-200);--components-skeleton-loader-animation-frame-bg-stop-3: var(--color-neutral-100);--components-skeleton-loader-animation-frame-bg-stop-4: var(--components-skeleton-loader-background-bg-primary);--layout-store-admin-body: var(--colors-background-bg-tertiary);--layout-store-admin-body-highlight: var(--colors-background-bg-quaternary);--layout-store-admin-content: var(--colors-background-bg-quaternary);--layout-store-admin-content-highlight: var(--colors-background-bg-primary);--layout-store-admin-content-gradiend-start: #eef0f180;--layout-store-admin-content-gradiend-stop: #eef0f100;--layout-online-store-body: var(--colors-background-bg-primary);--layout-online-store-body-highlight: var(--colors-background-bg-primary-hover);--layout-online-store-content: var(--colors-background-bg-primary);--layout-online-store-content-highlight: var(--colors-background-bg-primary-hover);--layout-online-store-content-gradiend-start: #ffffffe5;--layout-online-store-content-gradiend-stop: #ffffff00;--layout-box-background: var(--colors-background-bg-primary);--layout-box-border: var(--colors-alpha-alpha-black-0)}:root{--typography-family-display: var(--typography-font-online-store-display), sans-serif;--typography-family-heading: var(--typography-font-online-store-heading), sans-serif;--typography-family-body: var(--typography-font-online-store-body), sans-serif;--typography-display-large-size: var(--typography-size-6xl);--typography-display-large-weight: var(--typography-weight-semibold);--typography-display-large-line-height: var(--typography-line-height-6xl);--typography-display-large-letter-spacing: -1.5px;--typography-display-medium-size: var(--typography-size-5xl);--typography-display-medium-weight: var(--typography-weight-semibold);--typography-display-medium-line-height: var(--typography-line-height-5xl);--typography-display-medium-letter-spacing: -1.5px;--typography-display-small-size: var(--typography-size-4xl);--typography-display-small-weight: var(--typography-weight-semibold);--typography-display-small-line-height: var(--typography-line-height-4xl);--typography-display-small-letter-spacing: -0.75px;--typography-heading-1-size: var(--typography-size-4xl);--typography-heading-1-weight: var(--typography-weight-bold);--typography-heading-1-line-height: var(--typography-line-height-4xl);--typography-heading-1-letter-spacing: 0px;--typography-heading-2-size: var(--typography-size-3xl);--typography-heading-2-weight: var(--typography-weight-bold);--typography-heading-2-line-height: var(--typography-line-height-3xl);--typography-heading-2-letter-spacing: 0px;--typography-heading-3-size: var(--typography-size-2xl);--typography-heading-3-weight: var(--typography-weight-bold);--typography-heading-3-line-height: var(--typography-line-height-2xl);--typography-heading-3-letter-spacing: 0px;--typography-heading-4-size: var(--typography-size-xl);--typography-heading-4-weight: var(--typography-weight-semibold);--typography-heading-4-line-height: var(--typography-line-height-xl);--typography-heading-4-letter-spacing: 0px;--typography-heading-5-size: var(--typography-size-lg);--typography-heading-5-weight: var(--typography-weight-semibold);--typography-heading-5-line-height: var(--typography-line-height-lg);--typography-heading-5-letter-spacing: 0px;--typography-heading-6-size: var(--typography-size-md);--typography-heading-6-weight: var(--typography-weight-semibold);--typography-heading-6-line-height: var(--typography-line-height-md);--typography-heading-6-letter-spacing: 0px;--typography-body-large-size: var(--typography-size-lg);--typography-body-large-weight: var(--typography-weight-medium);--typography-body-large-line-height: var(--typography-line-height-lg);--typography-body-medium-size: var(--typography-size-md);--typography-body-medium-weight: var(--typography-weight-medium);--typography-body-medium-line-height: var(--typography-line-height-md);--typography-body-small-size: var(--typography-size-sm);--typography-body-small-weight: var(--typography-weight-medium);--typography-body-small-line-height: var(--typography-line-height-sm);--typography-body-extra-small-size: var(--typography-size-xs);--typography-body-extra-small-weight: var(--typography-weight-medium);--typography-body-extra-small-line-height: var(--typography-line-height-2xs);--typography-label-large-size: var(--typography-size-lg);--typography-label-large-weight: var(--typography-weight-semibold);--typography-label-large-line-height: var(--typography-line-height-lg);--typography-label-large-letter-spacing: 0px;--typography-label-medium-size: var(--typography-size-md);--typography-label-medium-weight: var(--typography-weight-semibold);--typography-label-medium-line-height: var(--typography-line-height-md);--typography-label-medium-letter-spacing: 0px;--typography-label-small-size: var(--typography-size-sm);--typography-label-small-weight: var(--typography-weight-semibold);--typography-label-small-line-height: var(--typography-line-height-sm);--typography-label-small-letter-spacing: 0px;--typography-label-extra-small-size: var(--typography-size-xs);--typography-label-extra-small-weight: var(--typography-weight-bold);--typography-label-extra-small-line-height: var(--typography-line-height-xs);--typography-label-extra-small-letter-spacing: 0px;--spacing-spacing-none: var(--spacing-0);--spacing-spacing-4xs: var(--spacing-50);--spacing-spacing-3xs: var(--spacing-100);--spacing-spacing-2xs: var(--spacing-150);--spacing-spacing-xs: var(--spacing-200);--spacing-spacing-sm: var(--spacing-300);--spacing-spacing-md: var(--spacing-400);--spacing-spacing-lg: var(--spacing-500);--spacing-spacing-xl: var(--spacing-700);--spacing-spacing-2xl: var(--spacing-900);--spacing-spacing-3xl: var(--spacing-1000);--spacing-spacing-4xl: var(--spacing-1200);--spacing-spacing-5xl: var(--spacing-1400);--spacing-spacing-6xl: var(--spacing-1600);--spacing-spacing-7xl: var(--spacing-1800);--spacing-spacing-8xl: var(--spacing-2000);--components-button-skeleton-radius: var(--radius-radius-none);--components-button-skeleton-stroke: var(--stroke-stroke-sm);--components-button-skeleton-weight: var(--typography-weight-bold);--components-button-size-large-height: var(--spacing-1400);--components-button-size-large-horizontal-padding: var(--spacing-700);--components-button-size-large-vertical-padding: var(--spacing-400);--components-button-size-large-icon-size: var(--icon-icon-sm);--components-button-size-medium-height: var(--spacing-1000);--components-button-size-medium-horizontal-padding: var(--spacing-350);--components-button-size-medium-vertical-padding: var(--spacing-300);--components-button-size-medium-icon-size: var(--icon-icon-sm);--components-button-size-small-height: var(--spacing-800);--components-button-size-small-horizontal-padding: var(--spacing-200);--components-button-size-small-vertical-padding: var(--spacing-200);--components-button-size-small-icon-size: var(--icon-icon-sm);--components-button-size-x-small-height: var(--spacing-700);--components-button-size-x-small-horizontal-padding: var(--spacing-150);--components-button-size-x-small-vertical-padding: var(--spacing-150);--components-button-size-x-small-icon-size: var(--icon-icon-sm);--components-button-typography-large-size: var(--typography-size-md);--components-button-typography-medium-size: var(--typography-size-sm);--components-button-typography-small-size: var(--typography-size-sm);--components-button-typography-x-small-size: var(--typography-size-xs);--layout-admin-content-radius: var(--radius-radius-xl);--layout-container-padded-padding-inline: 40px;--layout-container-padded-padding-block: 24px;--layout-container-fluid-padding-inline: 40px;--layout-container-fluid-padding-block: 24px;--layout-container-fluid-gap: 24px;--layout-paragraph-max-width: 720px;--layout-header-min-height: 100px;--layout-box-skeleton-radius: var(--radius-radius-lg);--layout-box-padded-padding-inline: var(--spacing-700);--layout-box-padded-padding-block: var(--spacing-700);--layout-box-padded-padding-top-heading: var(--spacing-700);--layout-box-padded-padding-bottom-heading: var(--spacing-0);--layout-box-padded-padding-top-footer: var(--spacing-0);--layout-box-padded-padding-bottom-footer: var(--spacing-700);--layout-box-plain-padding-inline: var(--spacing-0);--layout-box-plain-padding-block: var(--spacing-0);--layout-box-plain-padding-top-heading: var(--spacing-0);--layout-box-plain-padding-bottom-heading: var(--spacing-700);--layout-box-plain-padding-top-footer: var(--spacing-500);--layout-box-plain-padding-bottom-footer: var(--spacing-0);--components-fields-skeleton-radius: var(--radius-radius-sm);--components-fields-skeleton-stroke: var(--stroke-stroke-sm);--components-fields-size-medium-height: var(--spacing-1200);--components-fields-size-medium-horizontal-padding: var(--spacing-400);--components-fields-size-medium-vertical-padding: var(--spacing-200);--components-fields-size-small-height: var(--spacing-1000);--components-fields-size-small-horizontal-padding: var(--spacing-300);--components-fields-size-small-vertical-padding: var(--spacing-100);--components-menu-item-size-height: var(--spacing-800);--components-menu-item-size-horizontal-padding: var(--spacing-200);--components-menu-item-size-vertical-padding: var(--spacing-200);--components-menu-item-size-horizontal-inner-padding: var(--spacing-100);--components-menu-item-size-offset-padding: var(--spacing-100);--components-menu-vertical-padding: var(--spacing-150);--components-menu-gap: var(--spacing-150);--components-menu-border-radius: var(--radius-radius-none)}@media(min-width: 768px)and (max-width: 1024px){:root{--layout-admin-content-radius: var(--radius-radius-md);--layout-container-padded-padding-inline: 32px;--layout-container-fluid-padding-inline: 32px;--layout-paragraph-max-width: 540px;--layout-box-skeleton-radius: var(--radius-radius-lg);--components-button-size-large-horizontal-padding: var(--spacing-600);--spacing-spacing-5xl: var(--spacing-1200);--spacing-spacing-6xl: var(--spacing-1200);--spacing-spacing-7xl: var(--spacing-1200);--spacing-spacing-8xl: var(--spacing-1200);--typography-body-medium-line-height: var(--typography-line-height-sm);--typography-body-medium-size: var(--typography-size-sm);--typography-display-large-letter-spacing: -0.75px;--typography-display-large-line-height: var(--typography-line-height-5xl);--typography-display-large-size: var(--typography-size-5xl);--typography-display-medium-letter-spacing: -0.75px;--typography-display-medium-line-height: var(--typography-line-height-4xl);--typography-display-medium-size: var(--typography-size-4xl);--typography-display-small-letter-spacing: -0.75px;--typography-display-small-line-height: var(--typography-line-height-3xl);--typography-display-small-size: var(--typography-size-3xl);--typography-display-small-weight: var(--typography-weight-medium)}}@media(max-width: 767px){:root{--layout-admin-content-radius: var(--radius-radius-none);--layout-container-padded-padding-inline: 16px;--layout-container-padded-padding-block: 16px;--layout-container-fluid-padding-inline: 0px;--layout-container-fluid-padding-block: 0px;--layout-container-fluid-gap: 16px;--layout-paragraph-max-width: 400px;--layout-header-min-height: 72px;--layout-box-skeleton-radius: var(--radius-radius-none);--components-button-size-large-height: var(--spacing-1200);--components-button-size-large-horizontal-padding: var(--spacing-500);--components-button-size-large-vertical-padding: var(--spacing-350);--components-button-typography-large-size: var(--typography-size-sm);--components-button-size-x-small-height: var(--spacing-700);--components-button-size-x-small-horizontal-padding: var(--spacing-150);--components-button-size-x-small-vertical-padding: var(--spacing-150);--components-button-size-x-small-icon-size: var(--icon-icon-xs);--components-button-typography-x-small-size: var(--typography-size-xs);--spacing-spacing-2xl: var(--spacing-700);--spacing-spacing-xl: var(--spacing-600);--spacing-spacing-3xl: var(--spacing-800);--spacing-spacing-4xl: var(--spacing-900);--spacing-spacing-5xl: var(--spacing-1000);--spacing-spacing-6xl: var(--spacing-1200);--spacing-spacing-7xl: var(--spacing-1600);--spacing-spacing-8xl: var(--spacing-1800);--typography-heading-1-line-height: var(--typography-line-height-3xl);--typography-heading-1-size: var(--typography-size-3xl);--typography-heading-2-line-height: var(--typography-line-height-2xl);--typography-heading-2-size: var(--typography-size-2xl);--typography-heading-3-size: var(--typography-size-xl);--typography-heading-4-size: var(--typography-size-lg);--typography-heading-5-size: var(--typography-size-md);--typography-heading-6-size: var(--typography-size-sm)}}.commerce-connect-dcg-preview-loading{opacity:.5;pointer-events:none}.dynamic-category-grid-block__inner{display:flex;flex-direction:column;gap:2rem}.dynamic-category-grid-block__grid{display:grid;grid-template-columns:repeat(var(--dcg-columns-desktop, 3), 1fr);gap:1.5rem}@media(max-width: 768px){.dynamic-category-grid-block__grid{grid-template-columns:repeat(var(--dcg-columns-mobile, 1), 1fr)}}.dynamic-category-grid-block__card{display:flex;flex-direction:column;text-decoration:none;color:inherit;border:1px solid #e0e0e0;border-radius:4px;overflow:hidden;transition:box-shadow .2s ease}.dynamic-category-grid-block__card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);text-decoration:none}.dynamic-category-grid-block__card-image{width:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;display:block}.dynamic-category-grid-block__card-image[hidden]{display:none}.dynamic-category-grid-block__card-body{padding:1rem;flex:1}.dynamic-category-grid-block__card-name{color:var(--ecom-ui-heading-h3-color, #1f2426);font-size:var(--ecom-ui-heading-h3-font-size, revert);font-family:var(--ecom-ui-heading-h3-font-family, revert);font-style:var(--ecom-ui-heading-h3-font-style, revert);font-weight:var(--ecom-ui-heading-h3-font-weight, revert);line-height:var(--ecom-ui-heading-h3-line-height, revert);letter-spacing:var(--ecom-ui-heading-h3-letter-spacing, revert);text-transform:var(--ecom-ui-heading-h3-text-transform, revert);margin:0 0 .5rem}.dynamic-category-grid-block__card-description{font-size:var(--ecom-ui-text-font-size);font-weight:var(--ecom-ui-text-font-weight);line-height:var(--ecom-ui-text-line-height);font-family:var(--ecom-ui-text-font-family);letter-spacing:var(--ecom-ui-text-letter-spacing);color:var(--ecom-ui-text-color);margin:0;opacity:.75}.dynamic-category-grid-block__error{margin:0;font-size:.875rem;color:#c00;text-align:center}.dynamic-category-grid-block__pagination{display:flex;align-items:center;justify-content:center;gap:1rem}.dynamic-category-grid-block__pagination[hidden]{display:none}.dynamic-category-grid-block__pagination-btn{padding:.5rem 1rem;border:1px solid currentColor;background:rgba(0,0,0,0);cursor:pointer;border-radius:4px}.dynamic-category-grid-block__pagination-btn:disabled{opacity:.4;cursor:not-allowed}.dynamic-category-grid-block__pagination-info{font-size:.875rem}