// Do not edit directly
// Generated on Mon, 31 Mar 2025 17:14:25 GMT

$transform-rotate-90: 90deg;
$transform-rotate-180: 180deg;
$transform-rotate-270: 270deg;
$transform-rotate-360: 360deg;
$transform-scale-0: 0%;
$transform-scale-25: 25%;
$transform-scale-50: 50%;
$transform-scale-75: 75%;
$transform-scale-100: 100%;
$transition-duration-gentle: 1s;
$transition-duration-quick: 0.85s;
$transition-easing-gentle: 0.83, 0, 0.17, 1;
$transition-easing-quick: 0.85, 0, 0.15, 1;
$transition-delay-gentle: 250ms;
$transition-delay-quick: 100ms;
$border-color-primary: #101820;
$border-color-secondary: #ffffff;
$border-color-white-base: #ffffff;
$border-color-black-base: #000000;
$border-color-neutral-base: #949494;
$border-color-neutral-medium: #575757;
$border-color-neutral-light: #fcf7e6;
$border-color-neutral-dark: #4a4a4a;
$border-color-error-primary: #d50032;
$border-color-inactive: #c4c4c4;
$border-color-scrim-light: rgba(255, 255, 255, 0.5);
$border-color-scrim-dark: rgba(0, 0, 0, 0.75);
$border-color-standout-primary: #101820;
$border-color-success-primary: #427e2b;
$border-color-cream: #fcf7e6;
$border-color-cta-atc-pdp: #ffffff;
$border-radius-none: 0;
$border-radius-xs: 2px;
$border-radius-s: 4px;
$border-radius-m: 8px;
$border-radius-l: 12px;
$border-radius-xl: 16px;
$border-radius-full: 9999px;
$border-radius-cta-atc-pdp: 2px;
$border-width-xs: 0px;
$border-width-s: 1px;
$border-width-m: 2px;
$border-width-l: 4px;
$border-width-xl: 8px;
$border-width-cta-atc-pdp: 0;
$color-primary: #101820;
$color-secondary: #ffffff;
$color-background-cta-primary: #427e2b;
$color-background-cta-hover: #575757;
$color-background-cta-focus: #101820;
$color-background-cta-disabled: #c4c4c4;
$color-background-cta-pill-bg: #f8f8f8;
$color-background-filter-pill-default: #ffffff;
$color-background-filter-pill-selected: #ffffff;
$color-background-filter-pill-hover: #ffffff;
$color-background-filter-pill-focus: #ffffff;
$color-background-filter-pill-disabled: #c4c4c4;
$color-background-filter-pill-counter: #000000;
$color-background-filter-pill-applied: #e1e1e1;
$color-border-cta-primary: #427e2b;
$color-border-filter-pill-default: #e1e1e1;
$color-border-filter-pill-selected: #000000;
$color-border-filter-pill-hover: #000000;
$color-border-filter-pill-focus: #d50032;
$color-border-filter-pill-disabled: #c4c4c4;
$color-text-cta-primary: #ffffff;
$color-text-filter-pill-default: #4a4a4a;
$color-text-filter-pill-selected: #000000;
$color-text-filter-pill-hover: #000000;
$color-text-filter-pill-focus: #000000;
$color-text-filter-pill-disabled: #949494;
$color-text-filter-pill-counter: #ffffff;
$color-text-filter-pill-applied: #000000;
$color-neutral-base: #949494;
$color-neutral-medium: #575757;
$color-neutral-light: #fcf7e6;
$color-neutral-light-2: #e1e1e1;
$color-neutral-light-3: #c5c5c5;
$color-neutral-dark: #4a4a4a;
$color-error-primary: #d50032;
$color-inactive: #c4c4c4;
$color-scrim-light: rgba(255, 255, 255, 0.5);
$color-scrim-dark: rgba(0, 0, 0, 0.75);
$color-standout-primary: #101820;
$color-success-primary: #427e2b;
$color-white-10: rgba(255, 255, 255, 0.1);
$color-white-20: rgba(255, 255, 255, 0.2);
$color-white-30: rgba(255, 255, 255, 0.3);
$color-white-40: rgba(255, 255, 255, 0.4);
$color-white-50: rgba(255, 255, 255, 0.5);
$color-white-60: rgba(255, 255, 255, 0.6);
$color-white-70: rgba(255, 255, 255, 0.7);
$color-white-80: rgba(255, 255, 255, 0.8);
$color-white-90: rgba(255, 255, 255, 0.9);
$color-white-base: #ffffff;
$color-grey-10: #e5e5e5;
$color-grey-20: #cccccc;
$color-grey-30: #b2b2b2;
$color-grey-40: #999999;
$color-grey-50: #808080;
$color-grey-60: #666666;
$color-grey-70: #4c4c4c;
$color-grey-80: #333333;
$color-grey-90: #191919;
$color-grey-base: #808080;
$color-black-10: rgba(0, 0, 0, 0.1);
$color-black-20: rgba(0, 0, 0, 0.2);
$color-black-30: rgba(0, 0, 0, 0.3);
$color-black-40: rgba(0, 0, 0, 0.4);
$color-black-50: rgba(0, 0, 0, 0.5);
$color-black-60: rgba(0, 0, 0, 0.6);
$color-black-70: rgba(0, 0, 0, 0.7);
$color-black-80: rgba(0, 0, 0, 0.8);
$color-black-90: rgba(0, 0, 0, 0.9);
$color-black-base: #000000;
$color-green-500: #057550;
$color-carousel-indicator-bg: #ffffff;
$color-icon-filter-pill-default: #000000;
$color-icon-filter-pill-disabled: #949494;
$color-icon-filter-pill-applied: #000000;
$color-cream: #fcf7e6;
$color-pink: #e11976;
$color-cream-light: #fefcf6;
$color-ks-green: #427e2b;
$color-product-image-bg: #f7f7f7;
$color-campaign-promo-banner-pdp-bg: #fbf1f3;
$color-cta-atc-pdp-default: #ffffff;
$color-cta-atc-pdp-background: #427e2b;
$color-cta-atc-pdp-hover-default: #ffffff;
$color-cta-atc-pdp-hover-background: #575757;
$color-cta-atc-pdp-focus-default: #ffffff;
$color-cta-atc-pdp-focus-background: #575757;
$color-cta-atc-pdp-disable-default: #ffffff;
$color-cta-atc-pdp-disable-background: #c4c4c4;
$color-cta-atc-pdp-animation-background: #104c00;
$color-dark-green: #104c00;
$shadow-l: -6px 0px 10px -3px rgba(0, 0, 0, 0.1);
$shadow-t: 0px -6px 10px -3px rgba(0, 0, 0, 0.1);
$shadow-r: 6px 0px 10px -3px rgba(0, 0, 0, 0.1);
$shadow-b: 0px 6px 10px -3px rgba(0, 0, 0, 0.1);
$shadow-ltr: 0px -5px 10px -1px rgba(0, 0, 0, 0.05),-6px 0px 10px -5px rgba(0, 0, 0, 0.05),  6px 0px 10px -5px rgba(0, 0, 0, 0.05);
$shadow-ltrb: 0px 0px 20px 3px rgba(0, 0, 0, 0.35);
$font-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
$font-face1-normal: FuturaNowTextRegular, Arial, sans-serif;
$font-face1-medium: FuturaNowTextMedium, Arial, sans-serif;
$font-face1-light: FuturaNowTextLight, Arial, sans-serif;
$font-face2-normal: ITCNewBaskervilleRoman, Baskerville, Georgia, serif;
$font-face3-normal: ITCNewBaskervilleRoman, serif;
$font-face3-light: ITCNewBaskervilleRoman, serif;
$linear-gradient-scrim-top: linear-gradient(180deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%);
$linear-gradient-scrim-bottom: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
$breakpoint-xs: 0em;
$breakpoint-s: 34em;
$breakpoint-m: 48.0625em;
$breakpoint-l: 62em;
$breakpoint-xl: 75em;
$letter-spacing-xxs: 0;
$letter-spacing-xs: 0;
$letter-spacing-s: 0.0125rem;
$letter-spacing-m: 0.025rem;
$letter-spacing-l: 0.05rem;
$letter-spacing-xl: 0.0625rem;
$letter-spacing-2xl: 0.078125rem;
$line-height-95: 0.95;
$line-height-100: 1;
$line-height-107: 1.07;
$line-height-115: 1.15;
$line-height-120: 1.2;
$line-height-125: 1.25;
$line-height-135: 1.35;
$line-height-140: 1.4;
$line-height-150: 1.5;
$line-height-xxxs: 1;
$line-height-xxs: 1.07;
$line-height-xs: 1.15;
$line-height-s: 1.2;
$line-height-m: 1.25;
$line-height-l: 1.35;
$line-height-xl: 1.4;
$line-height-2xl: 1.5;
$spacing-0: 0;
$spacing-1: 0.25rem;
$spacing-2: 0.5rem;
$spacing-3: 0.75rem;
$spacing-4: 1rem;
$spacing-6: 1.5rem;
$spacing-8: 2rem;
$spacing-10: 2.5rem;
$spacing-12: 3rem;
$spacing-16: 4rem;
$spacing-20: 5rem;
$spacing-24: 6rem;
$spacing-30: 7.5rem;
$text-9: 0.5625rem;
$text-10: 0.625rem;
$text-12: 0.75rem;
$text-14: 0.875rem;
$text-16: 1rem;
$text-18: 1.125rem;
$text-20: 1.25rem;
$text-22: 1.375rem;
$text-24: 1.5rem;
$text-26: 1.625rem;
$text-28: 1.75rem;
$text-30: 1.875rem;
$text-32: 2rem;
$text-36: 2.25rem;
$text-40: 2.5rem;
$text-44: 2.75rem;
$text-46: 2.875rem;
$text-48: 3rem;
$text-52: 3.25rem;
$text-60: 3.75rem;
$text-72: 4.5rem;
$text-80: 5rem;
$text-100: 6.25rem;
$viewport-xs: screen and (min-width: 0em);
$viewport-s: screen and (min-width: 34em);
$viewport-m: screen and (min-width: 48.0625em);
$viewport-l: screen and (min-width: 62em);
$viewport-xl: screen and (min-width: 75em);